*::-webkit-input-placeholder {
    font-family: "Raleway", sans-serif;
    font-size: 20px;

    opacity: 1;
    color: #a7a7a7;
}
*:-moz-placeholder {
    font-family: "Raleway", sans-serif;
    font-size: 20px;

    opacity: 1;
    color: #a7a7a7;
}
*::-moz-placeholder {
    font-family: "Raleway", sans-serif;
    font-size: 20px;

    opacity: 1;
    color: #a7a7a7;
}
*:-ms-input-placeholder {
    font-family: "Raleway", sans-serif;
    font-size: 20px;

    opacity: 1;
    color: #a7a7a7;
}

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}



.fullscreen-html {
    height: 100%;
}

body {
    font-family: sans-serif;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.15;

    position: relative;

    overflow-x: hidden;

    min-width: 320px;
    height: 100%;
    margin: 0;

    background: url(../img/main-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    background-size: cover;
}

.index-page {
    height: 100%;
}


p {
    margin: 0;
}
a {
    text-decoration: none;

    color: inherit;
}
img {
    max-width: 100%;
    height: auto;

    vertical-align: bottom;
}
ul li,
ol li {
    list-style: none;
}
ul,
ol {
    margin: 0;
    padding-left: 0;
}
button {
    font: inherit;

    padding: 0;

    cursor: pointer;

    border: 0;
    outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;

    margin: 0;
}
.hidden {
    display: none;
}
.container {
    position: relative;

    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 15px;
}
.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
        flex-direction: column;

    min-height: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
/* ============== */
/* === HEADER === */



.main-header {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#111), to(#333));
    background: -webkit-linear-gradient(left, #111, #333);
    background:      -o-linear-gradient(left, #111, #333);
    background:         linear-gradient(90deg, #111, #333);
}

.main-header-logo {
    display: block;

    margin-right: 15px;
}

.main-header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-header-logo b {
    font-family: "HelveticaNeue", sans-serif;
    font-size: 58px;
    font-weight: 400;

    display: block;

    letter-spacing: 4px;
}
.main-header-logo i {
    font-family: "HelveticaNeue", sans-serif;
    font-size: 36px;
    font-style: normal;

    display: block;

    margin-bottom: 5px;

    letter-spacing: 4px;
}

.navigation-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navigation-item {
    position: relative;

    -webkit-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}

.navigation-item:hover {
    background-color: #30393b;
}

.navigation-link {
    font-size: 26px;

    position: relative;

    display: block;

    padding: 44px 48px 40px 48px;

    cursor: pointer;
    -webkit-transition: 0.2s;
         -o-transition: 0.2s;
            transition: 0.2s;
    letter-spacing: 3px;
}

/* Полоска в NAV под линком */
/*.navigation-link:hover::before {
    opacity: 1;
}
*/


.navigation-link::before {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 11px;

    content: "";
    -webkit-transition: 0.2s;
         -o-transition: 0.2s;
            transition: 0.2s;

    opacity: 0;
    background-color: #fff;
}

.navigation-item-active:hover {
    background-color: transparent;
}

.navigation-link-active {
    cursor: default;

    background-color: transparent;
}

.navigation-link-active::before {
    cursor: auto;

    opacity: 1;
}

.navigation-item-sub:hover {
    background-color: #30393b;
}

.navigation-link-sub {
    cursor: default;
}

.navigation-link-sub::before {
    display: none;
}

.navigation-link-sub-active::before {
    display: block;

    opacity: 1;
}


.subnavigation-list {
    position: absolute;
    z-index: 100;
    bottom: -248px;
    left: 0;

    display: none;

    width: 100%;
}

.subnavigation-link {
    font-size: 24px;

    display: block;

    padding: 19px 19px 16px 19px;

    -webkit-transition: 0.2s;
         -o-transition: 0.2s;
            transition: 0.2s;
    letter-spacing: 2px;

    background-color: #2f393b;
}

.subnavigation-link-active {
    background-color: #526164;
    -webkit-box-shadow: inset 0 0 10px 10px rgba(186,186,186,0.17);
            box-shadow: inset 0 0 10px 10px rgba(186,186,186,0.17);
}
.subnavigation-link:hover {
    background-color: #526164;
    -webkit-box-shadow: inset 0 0 10px 10px rgba(186,186,186,0.17);
            box-shadow: inset 0 0 10px 10px rgba(186,186,186,0.17);
}

.menuToggle {
    position: relative;
    z-index: 99;

    display: none;

    width: 30px;
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;

    cursor: pointer;
    -webkit-transition: background 0.3s;
         -o-transition: background 0.3s;
            transition: background 0.3s;
}
.menuToggle span {
    font-size: 0;

    position: absolute;
    top: 50%;
    left: 20px;

    display: block;

    width: 130%;
    height: 3px;
    margin-top: -1px;

    -webkit-transition: background-color 0.55s;
         -o-transition: background-color 0.55s;
            transition: background-color 0.55s;

    background-color: #fff;
}
.menuToggle span::before,
.menuToggle span::after {
    position: absolute;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";
    -webkit-transition: -webkit-transform 0.55s;
         -o-transition:         transform 0.55s;
            transition: -webkit-transform 0.55s;
            transition:         transform 0.55s;
            transition:         transform 0.55s, -webkit-transform 0.55s;

    background-color: #fff;
}
.menuToggle span::before {
    -webkit-transform: translateY(-375%);
        -ms-transform: translateY(-375%);
            transform: translateY(-375%);
}
.menuToggle span::after {
    -webkit-transform: translateY(375%);
        -ms-transform: translateY(375%);
            transform: translateY(375%);
}
.menuToggle.active span {
    background-color: transparent;
}
.menuToggle.active span::before {
    -webkit-transform: translateY(0) rotate(135deg);
        -ms-transform: translateY(0) rotate(135deg);
            transform: translateY(0) rotate(135deg);
}
.menuToggle.active span::after {
    -webkit-transform: translateY(0) rotate(225deg);
        -ms-transform: translateY(0) rotate(225deg);
            transform: translateY(0) rotate(225deg);
}
/* === HEADER === */
/* ============== */


/* ============= */
/* === INDEX === */
.index {
    height: 100%;

    background-image: url(../img/jennyFullHD.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        min-height: 600px;
}

.index-page {
    min-height: 444px;
}
/* === INDEX === */
/* ============= */


/* ================ */
/* === CONTACTS === */
.contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 30px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.contacts-image {
    width: 100%;
    min-height: 88%;

    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg);

    background-image: url(../img/contacts-photo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.contacts-column {
    width: 50%;
}

.contacts-column-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.contacts-column-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contacts-wrapper {
    position: relative;
    z-index: 5;

    width: 100%;
    max-width: 605px;
    margin-top: 80px;
}

.contacts-form {
    text-align: center;
}

.contacts-description {
    position: relative;

    margin-bottom: 30px;
    padding-left: 110px;
}

.contacts-text-back {
    position: absolute;
    z-index: -1;
    top: -56px;
    left: 52px;

    width: 410px;
    height: 200px;

    -webkit-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
            transform: rotate(-6deg);

    background-color: #1f1e1e;
}


.contacts-text {
    font-size: 20px;
    font-style: normal;

    display: block;

    letter-spacing: 1px;

    color: #fff;
}

.contacts-input-text {
    font-size: 20px;

    display: block;

    width: 100%;
    height: 43px;
    margin-bottom: 14px;
    padding: 10px 42px;

    color: #616060;
    border: 1px solid #959a9c;
    border-radius: 8px;
    outline: none;
}

.contacts-textarea {
    font-size: 20px;

    display: block;

    width: 100%;
    margin-bottom: 15px;
    padding: 10px 42px;

    color: #616060;
    border: 1px solid #959a9c;
    border-radius: 8px;
}
/* === CONTACTS === */
/* ================ */


/* =============== */
/* === GALLERY === */
.gallery {
    height: 100%;
}

.gallery-page .wrapper {
    height: auto;
}

.gallery-heading {
    font-size: 45px;
    font-weight: 900;

    margin-top: 10px;
    margin-bottom: 15px;

    text-align: center;
    letter-spacing: 3px;

    color: #fff;
}

.gallery-swiper-wrapper {
    position: relative;

    max-width: 800px;
    height: 880px;
    margin: 0 auto;
}

.gallery-top {
    height: 60%;
}

.gallery-photo-link {
    display: block;

    height: 100%;
}

.gallery-photo-full {
    height: 100%;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.gallery-thumbs {
    height: 15%;
    margin-top: 25px;
    margin-bottom: 30px;
}

.swiper-slide {
    height: 100%;
}

.gallery-photo-preview {
    max-width: 150px;
    height: 100%;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.swiper-button-prev {
    left: -80px;
}

.swiper-button-next {
    right: -80px;
}

.swiper-button-prev,
.swiper-button-next {
    top: 30%;

    -webkit-transition: 0.2s;
         -o-transition: 0.2s;
            transition: 0.2s;

    outline: none;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
}

.swiper-slide-thumb-active {
    position: relative;
}

.swiper-slide-thumb-active::before {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";

    border: 4px solid #3a5a61;
}

/* === GALLERY === */
/* =============== */


/* ============= */
/* === PRICE === */
.price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 0;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.price-column {
    width: 845px;
}

.price-column-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    min-width: 845px;
    margin-left: 150px;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.price-column-right {
    background-image: url(../img/moneyman1800.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
}



.price-descroption-wrapper {
    position: relative;

    width: 845px;
    height: 680px;

    background-image: url(../img/price_background.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.price-descroption {
    position: absolute;
    top: 115px;
    left: 116px;
}

.price-text {
    font-size: 20px;

    margin-bottom: 25px;
    padding-right: 40px;
    padding-right: 160px;

    letter-spacing: 1px;

    color: #fff;
}
/* === PRICE === */
/* ============= */


/* ============== */
/* === FOOTER === */
.main-footer-wrapper {
    border: 1px solid transparent;
}
/* === FOOTER === */
/* ============== */

.inner-wrapper {
    height: auto;
    min-height: 100%;
}

.inner-wrapper-contacts {
    height: auto;
    min-height: 100%;
}

.inner-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}

.price {
    height: 100%;

    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
}

.inner-footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}


.button::before {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
    padding: 2px 0 0;

    content: "";

    border-radius: 3px;
    -webkit-box-shadow: #959595 0 2px 5px;
            box-shadow: #959595 0 2px 5px;
}

.button:active::before {
    padding: 1px 0 0;
}

/**
 * Grey
 */


.button:hover {
    border: solid 1px #c2c2c2;
    border-bottom: solid 3px #b2b1b1;
    background: #e4e4e4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e4e4e4), to(#ededed));
    background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#ededed));
    background: -webkit-linear-gradient(#e4e4e4, #ededed);
    background:      -o-linear-gradient(#e4e4e4, #ededed);
    background:         linear-gradient(#e4e4e4, #ededed);
    -webkit-box-shadow: inset 0 0 0 1px #efefef;
            box-shadow: inset 0 0 0 1px #efefef;
}

.button:active {
    background: #dfdfdf;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dfdfdf), to(#e3e3e3));
    background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#e3e3e3));
    background: -webkit-linear-gradient(#dfdfdf, #e3e3e3);
    background:      -o-linear-gradient(#dfdfdf, #e3e3e3);
    background:         linear-gradient(#dfdfdf, #e3e3e3);
    -webkit-box-shadow: inset 0 10px 15px 0 #c4c4c4;
            box-shadow: inset 0 10px 15px 0 #c4c4c4;
}

.button.black {
    color: #fff;
    border: solid 1px #535353;
    border-bottom: solid 1px #414141;
    background: #656565;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#656565), to(#444));
    background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#444));
    background: -webkit-linear-gradient(#656565, #444);
    background:      -o-linear-gradient(#656565, #444);
    background:         linear-gradient(#656565, #444);
    -webkit-box-shadow: inset 0 0 0 1px #939393;
            box-shadow: inset 0 0 0 1px #939393;
    text-shadow: 0 1px 0 #2f2f2f;
}

.button.black:hover {
    border-bottom: solid 1px #414141;
    background: #4c4c4c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4c4c4c), to(#565656));
    background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#565656));
    background: -webkit-linear-gradient(#4c4c4c, #565656);
    background:      -o-linear-gradient(#4c4c4c, #565656);
    background:         linear-gradient(#4c4c4c, #565656);
    -webkit-box-shadow: inset 0 0 0 1px #818181;
            box-shadow: inset 0 0 0 1px #818181;
}

.button.black:active {
    background: #474747;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#474747), to(#444));
    background: -webkit-gradient(linear, left top, left bottom, from(#474747), to(#444));
    background: -webkit-linear-gradient(#474747, #444);
    background:      -o-linear-gradient(#474747, #444);
    background:         linear-gradient(#474747, #444);
    -webkit-box-shadow: inset 0 10px 15px 0 #3e3e3e;
            box-shadow: inset 0 10px 15px 0 #3e3e3e;
}


.button {
    font-size: 20px;

    position: relative;

    display: inline-block;

    width: 40%;
    min-width: 200px;
    padding: 12px 20px;

    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;

    color: #555;
    border: solid 1px #d0d0d0;
    border-bottom: solid 1px #b2b1b1;
    border-radius: 3px;
    background: #eee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#e2e2e2));
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e2e2e2));
    background: -webkit-linear-gradient(#eee, #e2e2e2);
    background:      -o-linear-gradient(#eee, #e2e2e2);
    background:         linear-gradient(#eee, #e2e2e2);
    -webkit-box-shadow: inset 0 0 0 1px #63ad0d;
            box-shadow: inset 0 0 0 1px #f5f5f5;
    text-shadow: 0 1px 0 #fafafa;
}

.capcha {
    width: 40%;
    min-width: 196px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 15px;

    border: 2px solid black;
    background-color: #fff;
}