.slick-slider .slick-track,
.slick-slider .slick-list
{
    -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-slide:focus, .slider {
    outline: 0;
}

/** ==== HUNGARORING SLIDE ==== */
.sliderMainContainer .slick-dots {
    bottom: 10px;
    display: inline;
}

.sliderMainContainer .slick-dots li {
    margin: 0 2px;
}

.sliderMainContainer .i, .b {
    position: absolute;
}

.mainSliderDots {
    position: absolute;
    cursor: pointer;
    width: 15px;
    height: 15px;
}

.sliderMainContainer .slick-dots .i .b, .sliderQuizWrap .slick-dots .i .b {
    fill: rgb(204, 205, 205);
    fill-opacity: 0.4;
}

.sliderMainContainer .slick-dots .i:hover .b, .sliderQuizWrap .slick-dots .i:hover .b {
    fill-opacity:0.8;
}

.sliderMainContainer .slick-dots li.slick-active .b, .sliderQuizWrap .slick-dots li.slick-active .b {
    fill-opacity: 1;
}

.sliderQuizWrap .slick-dots {
    bottom: 5px;
}

.sliderQuizWrap .slick-dots li {
    width: 15px;
    height: 15px;
    margin: 0 3px;
}

.mainSliderPrev, .mainSliderNext {
    display: block;
    position: absolute;
    cursor: pointer;
    width: 55px;
    height: 55px;
    top: 43%;
    z-index: 1;
}

.mainSliderPrev {
    left:0;
}

.mainSliderNext {
    right:0;
}

.mainSliderPrev:hover, .mainSliderNext:hover {
    opacity:.8;
}

.sliderMainContainer.slick-dotted.slick-slider {
    margin-bottom: 0;
}
/** ==== END OF HUNGARORING SLIDE ==== */

/** ==== INSTAGRAM SLIDE ==== */
.instagramSlideContainer {
    max-width: 919px;
}

.instagramTitleWrap {
    overflow: auto;
}

.instagramSlider img {
    display: none;
    max-width: 100%;
    max-height: 100%;
}

.noHover {
    pointer-events: none;
}

.instagramSliderWrapper, .slidesInstagram {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.slideInstagram {
    height: 105px;
    text-align: center;
    white-space: nowrap;
}

.slideInstagram .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.slideInstagram > a:focus,
.slideInstagram > a:hover {
    outline: 0;
    text-decoration: none;
}

.instagramSliderWrapper {
    margin: 0 auto;
    overflow: visible;
}

.slidesInstagram {
    cursor: default;
    overflow: visible;
}

.slidesInstagram  .slick-slide {
    margin: 0 10px;
}

.redSliderArrowLeft, .redSliderArrowRight {
    width: 11px;
    height: 19px;
    position: absolute;
    cursor: pointer;
    top: 44px;
}

.redSliderArrowLeft { left: -30px; }
.redSliderArrowRight { right: -30px; }
/** ==== END OF INSTAGRAM SLIDE ==== */

/** ==== REVIEW AND EXP SLIDE ==== */
.reviewContainer .slick-dots {
    bottom: -30px;
}

.choosePackageContainer  .slick-dots {
    bottom: -40px;
}

.reviewContainer .slick-dotted.slick-slider,
.choosePackageContainer .slick-dotted.slick-slider {
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.reviewContainer .slick-dots li button:before,
.opinionsContainer .slick-dots li button:before,
.experiencesWrap .slick-dots li button:before,
.choosePackageContainer  .slick-dots li button:before,
#wantToRegisterPriceSlide .slick-dots li button:before {
    font-size: 18px;
}

#wantToRegisterPriceSlide .slick-dots {
    bottom: -40px;
}

.experiencesWrap .slick-dots {
    position: relative;
    margin-top: 10px;
}

.experiencesWrap.slick-dotted.slick-slider {
    padding-bottom: 30px;
}

.experiencesWrap .slick-dots li button:before {
    color: #e5e5e5;
}

/** ==== END OF REVIEW AND EXP SLIDE ==== */

#expSliderSearch .slider {
    float: left;
}

#expSliderSearch .opinionImgWrap > img {
    width: 100%;
    height: 100%;
}

/** ==== Custom navigation for pagination ==== */
.paginationCustom {
    clear: both;
    text-align: center;
}

.paginationCustom > .pagination > li > a,
.paginationCustom > .pagination > li > span {
    font-family: Montserrat-Bold, sans-serif;
    color: #EDEFFE;
    background-color: #F44E50;
    border-radius: 2px;
    border: 0;
    text-transform: uppercase;
    font-size: 14px;
    padding: 15px 25px;
    letter-spacing: 1px;
}

.paginationCustom > .pagination > li > a:hover,
.paginationCustom > .pagination > li > span:hover {
    outline: 0 !important;
    text-decoration: none;
    color: #EDEFFE;
    background-color: #D64546;
}

.paginationCustom > .pagination > .disabled > a:hover,
.paginationCustom > .pagination > .disabled > span:hover {
    border: 2px solid rgb(154, 154, 154);
}

.paginationCustom > .pagination > .disabled {
    opacity: 0.5;
}

/** ==== End of pagination ==== */


/* |==== Profile SLIDE ====| */

.profileSliderArrowLeft, .profileSliderArrowRight {
    z-index: 5;
    cursor: pointer;
    position: absolute;
}

.profileSliderArrowLeft {
    left: 2%;
    top: 40%;
}

.profileSliderArrowRight {
    right: 2%;
    top: 40%;
}

.profileSliderArrowLeft > svg, .profileSliderArrowRight > svg {
    width: 38px;
    height: 67px;
}

.profileSliderArrowLeft > svg > g > g > g > path, .profileSliderArrowRight > svg > g > g > g > path {
    fill: rgba(97, 97, 97, 0.55);
}

/* |==== END SLIDE ====| */

@media screen and (min-width: 850px) and (max-width: 1199px) {
    .opinionsContainer .slick-dots {
        display: none;
    }
}

@media screen and (min-width: 900px) and (max-width: 1049px) {
    .instagramSliderWrapper, .slidesInstagram {
        width: 740px;
    }
}

@media screen and (max-width: 849px) {
    .accentuatedOpinionsWrap {
        padding-bottom: 10px;
    }
}

@media screen and (min-width: 700px) and (max-width: 899px) {
    .instagramSliderWrapper, .slidesInstagram {
        width: 555px;
    }
}

@media screen and (min-width: 500px) and (max-width: 699px) {
    .instagramSliderWrapper, .slidesInstagram {
        width: 370px;
    }
}

@media screen and (max-width: 499px) {
    .mainSliderNext, .mainSliderPrev {
        width: 35px;
    }

    .instagramSliderWrapper, .slidesInstagram {
        width: 185px;
    }

    .heart {
        display: none;
    }
}

@media screen and (max-width: 439px) {
    .opinionImgWrap {
        height: auto;
    }

    .opinionTitle {
        font-size: 14px;
        width: calc(100% - 72px);
    }
}

@media screen and (max-width: 419px) {
    .sliderOpinionsWrap, .opinionsWrap {
        width: calc(100% - 20px);
    }
}
