.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-list,.slick-slider{height:100%}.slick-slider{overflow:hidden}.slick-slider button{cursor:pointer}.slick-slider .slick-track .slick-slide img{width:100%;height:100%;}.slick-arrow,.slick-dots{position:absolute;z-index:15}.slick-arrow{top:45%}.slick-arrow.slick-prev{left:0}.slick-arrow.slick-next{right:0}.slick-dots{width:100%;bottom:5%;left:0;text-align:center}.slick-dots li{display:inline-block}
.slick-initialized .slick-slide {
    display: block !important;
    min-height: 100% !important;
    overflow: inherit !important;
}


.box-description {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    height: 85vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
h3.slick-subheading {
    font-size: 65px;
    font-family: Gilroy Bold;
    color: #cdab7f;
    text-transform: uppercase;
    text-shadow: 2px 2px 1px #000;
}
p.slick-desc {
    font-size: 42px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px 1px #000;
}
.slick-buttons {
    text-align: center;
}
a.slick-button {
    background: #00b1b4;
    font-size: 22px;
    color: #fff;
    height: 65px;
    line-height: 65px;
    display: inline-block;
    padding: 0 40px;
    margin-top: 25px;
    outline: 0;
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
}
a.slick-button:hover {
    background: #fff;
    color: #00b1b4;
}
a.slick-button1 {
    background: #cdab7f;
    font-size: 22px;
    color: #fff;
    height: 65px;
    line-height: 65px;
    display: inline-block;
    padding: 0 40px;
    margin-top: 25px;
    outline: 0;
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
}
a.slick-button1:hover {
    background: #fff;
    color: #cdab7f;
}
.slik-slide {
    background-repeat: no-repeat;
    background-size: cover;
}

.homeSlider {
    width: 64%;
}


.wrapper-pentru-barbati {
    width: 18%;
    background-image:url(images/sunt-barbat.jpg);
    background-size: cover;
       background-color: rgb(0 177 180 / .7);
    background-blend-mode: multiply;
}
.wrapper-pentru-femei {
    width: 18%;
    background-image:url(images/sunt-femeie.jpg);
    background-size: cover;
        background-color: rgb(0 177 180 / .7);
    background-blend-mode: multiply;
}
.homeSlider-wrapper {
	display: flex;
	 background-color: #00b1b4 !important;
}

.wrapper-heading {
    height: 100%;
    width: 120px;
    background: rgb(255 255 255 / .7);
    display: flex;
    align-items: center;
    justify-content: center;
      transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
}
.wrapper-general.active .wrapper-heading{
    background: rgb(255 255 255 / 1);
}


.wrapper-heading h3 {
    margin: 0;
    font-size: 80px;
    writing-mode: tb-rl;
    text-align: center;
    width: 100%;
    color: rgb(206 140 93 / .3);
    line-height: 60px;
    text-transform: uppercase;
    font-family: Gilroy Bold;
    position: relative;
    left: 30px;
    transform: rotate(-180deg);
    word-spacing: 30px;
}

.wrapper-pentru-barbati, .wrapper-pentru-femei {
    position: relative;
    cursor: pointer;
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    display: flex;
}
.wrapper-general.active {

    background-color: rgb(206 140 93 / .7);
}

.box-hover {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    opacity: 0;
    height: calc(100% - 1px );
    transform: scale(0.7);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}
.wrapper-general.active .box-hover{
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    z-index: 99;
}

.col-hover {
    height: 25%;
    width: 18vw;
    display: flex;
    align-items: center;
    box-shadow: 0 0 2px #000;
    background-size: cover;
    position: relative;
    background-blend-mode: multiply;
    transition: all 400ms ease;
    -webkit-transition: all 300ms ease;
    z-index: -1;
}

.col-hover.active {
    background-color: transparent;
    z-index: 99;
}
.col-hover.dactive {
    background-color: rgb(206 140 93 / .7);
}

.col-hover h4 {
    text-transform: uppercase;
    text-align: right;
    width: 100%;
    padding-right: 7%;
    font-size: 32px;
    font-family: "Gilroy Light";
    margin-bottom: 0;
    margin-top: 0;
    height: 100%;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.meniu-hover ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wrapper-heading-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
}

.col-hover.active h4 {
    font-family: Gilroy Bold;
}

.meniu-hover ul li a {
    color: #000;
    padding: 12px 12px 12px 30px;
    display: block;
    font-family: "Gilroy Light";
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
}
.meniu-hover ul li:first-child a {
    border-top: 1px solid #ccc;
}

.meniu-hover ul li a:hover {
    font-family: Gilroy Bold;
}

.meniu-hover {
    background-image: url(images/meniu-hover.png);
    background-size: contain;
    background-position: top 40px center;
    background-repeat: no-repeat;
    z-index: -1;
}
.col-hover.active .meniu-hover{
    opacity: 1;
    visibility: visible;
    z-index: 99;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.meniu-hover {
    position: absolute;
    left: 100%;
    background: #fff;
    top: 0;
    width: 250px;
    opacity: 0;
    transform: scale(0.7);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    min-height: 120px;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
}
.meniu-hover * {
    width: 100%;
}


@media(max-width: 1600px) {
    h3.slick-subheading {
        font-size: 50px;
    }
    p.slick-desc {
        font-size: 32px;
        line-height: 40px;
    }
    a.slick-button, a.slick-button1 {
        line-height: 55px;
        height: 55px;
        padding: 0 30px;
        font-size:  18px;
    }
}