@font-face {
    font-family: 'moneta-sans';
    src: url(../fonts/moneta-sans-w05-light.otf);
}

.container-fluid{
    width: 31%;
}

body{
    font-size: 16px;
    font-family: 'Cormorant', serif;
    color: #2B2B2B;
}

.corItaly{
    font-family: 'Cormorant', serif;
    font-style: italic;
}

.cormorant{
    font-family: 'Cormorant', serif;
    font-family: 'Cormorant Garamond', serif;
}

.cormorantlight{
    font-family: 'Cormorant Garamond', serif;
    font-weight: 300;
}

.marquee{
    font-size: 23px;

}
.marquee {
    width: 100%; /* the plugin works for responsive layouts so width is not necessary */
    overflow: hidden;

}

.form-check-input:checked{
    border: 2px solid #fff;
    background: #2b2b2b;
    padding: 0;
}

.dark-fon{
    background: #2B2B2B;
    max-width: 100%;
}

.photo1{
    position: absolute;
}

.margin-min{
    margin-top: -237px;
}

.fon-date{
    background-image: url("../img/fon-date.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
}

.location{
    background-image: url("../img/location.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: bottom;
}

.time-fon{
    background-image: url("../img/bg2.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.dress{
    background-image: url("../img/time.png");
    background-repeat: no-repeat;
    background-size: cover;

}
#btnplayer {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #000000;
}

.openSans{
    font-family: "Open Sans";
}

.fs-10{
    font-size: 10px;
}

.fs-20{
    font-size: 20px;
}
/*text*/
.data-title{
    color: #FFF;
    font-family: Cormorant Garamond;
    font-size: 29px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}

.data-st{
    font-family: moneta-sans;
    font-size: 35px;
}

.margin-r{
    margin-right: 65px;
}
.moneta{
    font-family: moneta-sans;
}

.white-text{
    color: #FFFFFF;
}

.grey-text{
    color: #2b2b2b;
}

p{
    font-family: Open Sans;
    font-size: 13px;
}

/*timer*/

.timer__items {
    display: flex;
    font-size: 48px;
    font-family: moneta-sans;
    justify-content: space-between;
}
.timer__item {
    position: relative;
    min-width: 60px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 15px;
    text-align: center;
}
.timer__item::before {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    font-size: 14px;
    font-family: Cormorant Garamond;
}
.timer__item:not(:last-child)::after {
    content: '|';
    position: absolute;
    right: -15px;
}
.timedesk p {
    color: #FFF;
    font-size: 9px;
    margin: 0;
    letter-spacing: 0.45px;
}
.timedesk .time {
    color: #FCEBD2;
    font-size: 20px;
    font-family: moneta-sans;
    letter-spacing: 1px;
}
.timedesk .heading {
    color: #FCEBD2;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.dress {
    background: url("../img/dress.webp") no-repeat, #fff;
    background-position: right bottom;
    background-size: 39%;
}
.block{
    background: url("../img/1.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.mono{
    position: absolute;
    max-width: 140px;
    height: auto;
    z-index: 2;
    top: 23px;
}
.dress h2 {
    font-family: Cormorant Garamond;
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
}
.dress p {
    font-size: 12px;
    font-weight: 300;
}

.colorfull {
    background: #2B2B2B;
}
.colorfull p {
    color: #FFF;
}
.colorfull > div div {
    width: 80px;
    height: 39px;
    background: #FCEBD2;
    border-radius: 3px;
}
.colorfull > div div:first-child {
    background: #FFF6E9;
}
.colorfull > div div:last-child {
    background: #000;
}

.colorfullmen {
    background: #2B2B2B;
}
.colorfullmen p {
    color: #FFF;
}
.colorfullmen > div div {
    width: 80px;
    height: 39px;
    background: #fff;
    border-radius: 3px;
}
.colorfullmen > div div:last-child {
    background: #000;
}
.loc {
    color: rgba(255, 255, 255, 0.5);
    font-family: Cormorant Garamond;
    white-space: nowrap;
    font-size: 39px;
    position: relative;
}

.location p span {
    transform: rotate(270deg);
    display: block;
    position: absolute;
    top: 116px;
    left: -97px;
    letter-spacing: 5px;
}

.timespan {
    transform: rotate(90deg);
    display: block;
    position: absolute;
    top: 38px;
    right: -46px;
    font-size: 28px;
    color: rgba(255, 255, 255, 0.5);
    font-family: Cormorant Garamond;
    white-space: nowrap;
    font-weight: 100;
}

.datespan{
    transform: rotate(90deg);
    display: block;
    position: absolute;
    top: 24px;
    right: -40px;
    font-size: 65px;
    color: rgba(255, 255, 255, 0.5);
    font-family: moneta-sans;
    white-space: nowrap;
    font-weight: 100;
}
.datespan1{
    transform: rotate(90deg);
    display: block;
    position: absolute;
    top: 130px;
    right: -45px;
    font-size: 65px;
    color: rgba(255, 255, 255, 0.5);
    font-family: moneta-sans;
    white-space: nowrap;
    font-weight: 100;
}
.datespan2{
    transform: rotate(90deg);
    display: block;
    position: absolute;
    top: 260px;
    right: -40px;
    font-size: 65px;
    color: rgba(255, 255, 255, 0.5);
    font-family: moneta-sans;
    white-space: nowrap;
    font-weight: 100;
}


.pozhspan {
    transform: rotate(90deg);
    display: block;
    position: absolute;
    top: 90px;
    right: -95px;
    font-size: 30px;
    color: rgba(255, 255, 255, 0.5);
    font-family: Cormorant Garamond;
    white-space: nowrap;
    font-weight: 100;
}

.ladies {
    padding-top: 78px;
    background: url("../img/ladys.webp") top no-repeat, #000;
    background-size: contain;
    padding-right: 38px;
    padding-bottom: 38px;
    margin-bottom: 1px;
}
.ladies p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Cormorant Garamond;
    white-space: nowrap;
    font-size: 39px;
    position: relative;
}
.ladies p span {
    transform: rotate(270deg);
    display: block;
    position: absolute;
    top: 146px;
    left: -17px;
}
.ladies p span:last-child {
    top: 335px;
}
.ladies div img {
    width: 100%;
    padding: 0;
    border-radius: 3px;
}

.men {
    padding-top: 39px;
    background: url("../img/man.webp") bottom no-repeat, #000;
    padding-left: 38px;
    padding-bottom: 38px;
    background-size: contain;
}
.men p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Cormorant Garamond;
    white-space: nowrap;
    font-size: 39px;
    position: relative;
}
.men p span {
    transform: rotate(90deg);
    display: block;
    position: absolute;
    bottom: 345px;
    right: -67px;
}
.men p span:last-child {
    bottom: 74px;
}
.men div img {
    width: 100%;
    padding: 0;
    border-radius: 3px;
}

.hash {
    background: url("../img/hash.webp") no-repeat;
    background-size: cover;
    background-position: bottom right;
}
.hash p {
    font-size: 11px;
    color: #FFF;
}

.hashspan {
    transform: rotate(270deg);
    display: block;
    position: absolute;
    top: 76px;
    left: -39px;
    font-size: 32px;
    color: rgba(255, 255, 255, 0.5);
    font-family: Cormorant Garamond;
    white-space: nowrap;
    font-weight: 100;
}

.wa {
    background: url("../img/bg.webp") no-repeat;
    background-size: cover;
}
.wa p {
    font-size: 12px;
    text-align: center;
}
.wa a {
    font-size: 14px;
    font-family: moneta-sans;
    color: #FCEBD2;
    display: flex;
    border-radius: 3px;
    background: #000;
    width: 150px;
    margin: 0 auto;
    padding: 3px 7px;
    text-decoration: none;
    align-items: center;
}
.wa a svg {
    margin-right: 7px;
}

.pozh {
    background: url("../img/bg5.webp") no-repeat;
    background-size: cover;
    background-position: right;
    border-bottom: 10px solid #000;
    border-top: 10px solid #000
}

.pozh p {
    color: #FFF;
    font-size: 12px;
}
.pozh p:first-child {
    text-transform: uppercase;
    color: #FCEBD2;
}
.one-time{
    border-top: 10px solid #2b2b2b;
}
.photo {
    background: url("../img/bg-3.png") no-repeat;
    background-size: contain;
    background-position: right top;
    padding: 36px 0 24px;
}
.photo a {
    font-size: 14px;
    font-family: Cormorant Garamond;
    color: #FCEBD2;
    display: flex;
    border-radius: 3px;
    background: #000;
    width: 150px;
    margin: 0 auto;
    padding: 3px 7px;
    text-decoration: none;
    align-items: center;
}
.photo a svg {
    margin-right: 7px;
}
.photo p {
    font-size: 12px;
    text-align: center;
}
.photo p:first-child {
    font-size: 25px;
    font-family: Cormorant Garamond;
}

.ple {
    background: #000;
    padding-top: 17px;
    border-bottom: 10px solid #2b2b2b;
    border-top: 10px solid #2b2b2b;
}
.ple p {
    text-align: center;
    color: #FFF;
}
.ple p:first-child {
    font-family: Cormorant Garamond;
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 1.25px;
}
.ple p:last-child {
    border-top: 1px solid #FCEBD2;
    border-bottom: 1px solid #FCEBD2;
    padding: 14px 0;
}

.form {
    background: url("../img/bg4.webp");
    background-repeat: no-repeat;
    background-size: cover;
}
.form p {
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-size: 12px;
    text-align: center;
}
.form input {
    background: #FFF6E9;
    color: rgba(255, 255, 255, 0.3);
    border: 0;
    width: 100%;
    padding: 5px 0;
    border-radius: 3px;
}
.form div {
    align-items: center;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 10px;
}
.form div input {
    width: 10px;
    height: 10px;
    margin-right: 5px;

}
.form .bgdark {
    background: #2b2b2b;
    padding: 13px;
    border-radius: 3px;
}
.form button {
    color: #FCEBD2;
    text-transform: uppercase;
    width: 100%;
    background: #2B2B2B;
    border: 1px solid #2B2B2B;
    padding: 9px 0;
}

.slider {
    overflow: hidden;
    background: url("../img/slider.png");
    background-repeat: no-repeat;
    padding-top: 50px;
    background-size: cover;
}


.slick-next:before {
    content: 'ᐳ' !important;
    color: black !important;

}
.slick-next{
    right: 0 !important;
}
.slick-prev:before{
    content: 'ᐸ' !important;
    color: black !important;


}


.img-slider{
    border-radius: 5px;
    max-width: 98%;
}

.mutebtn{
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 31px;
    z-index: 2;
}
.ovhi {
    overflow: hidden;
    width: 234px;
    height: 300px;
    margin: 0 auto;
    padding: 0;
}

.slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slides img {
    width: 100%;
    height: auto;
    flex-shrink: 0;
}/*# sourceMappingURL=style.css.map */

@media (max-width: 768px) {
    .container-fluid{
        width: 100% !important;
    }
}