.cssslider{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    position:relative
}
.cssslider__slides{
    position:relative;
    height:100px
}
.cssslider__slide{
    opacity:0;
    z-index:0;
    -o-animation:cssslider-out .5s ease-out;
    animation:cssslider-out .5s ease-out;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0
}
.cssslider__slide.\--opacity-only{
    -o-animation:none;
    animation:none;
    -o-transition:opacity .5s ease-out;
    transition:opacity .5s ease-out
}
.cssslider__dots{
    text-align:center
}
.cssslider__dot{
    display:inline-block;
    width:10px;
    height:10px;
    color:#818181;
    border:1px solid currentColor;
    margin:0 8px 0 0;
    cursor:pointer;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out;
    border-radius:50%
}
.cssslider__arrows{
    position:absolute;
    top:15px;
    left:0;
    right:0;
    opacity:0
}
.cssslider__arrow{
    width:20px;
    height:20px;
    border:3px solid #dedede;
    border-left:0;
    border-top:0;
    position:absolute;
    cursor:pointer
}
.cssslider__arrow.\--prev{
    -o-transform:rotate(135deg);
    transform:rotate(135deg);
    left:-30px
}
.cssslider__arrow.\--next{
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    right:-30px
}
.cssslider__radio{
    display:none
}
.\--1:checked~.cssslider__slides .cssslider__slide.\--1{
    z-index:1;
    opacity:1;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -o-animation:cssslider-in .5s ease-out;
    animation:cssslider-in .5s ease-out
}
.\--1:checked~.cssslider__slides .cssslider__slide.\--1.\--opacity-only{
    -o-animation:none;
    animation:none
}
.\--1:checked~.cssslider__dots .cssslider__dot.\--1{
    background:currentColor;
    -o-transition:background .5s ease-out;
    transition:background .5s ease-out
}
.\--1:checked~.cssslider__arrows.\--1{
    opacity:1;
    z-index:2
}
.\--2:checked~.cssslider__slides .cssslider__slide.\--2{
    z-index:1;
    opacity:1;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -o-animation:cssslider-in .5s ease-out;
    animation:cssslider-in .5s ease-out
}
.\--2:checked~.cssslider__slides .cssslider__slide.\--2.\--opacity-only{
    -o-animation:none;
    animation:none
}
.\--2:checked~.cssslider__dots .cssslider__dot.\--2{
    background:currentColor;
    -o-transition:background .5s ease-out;
    transition:background .5s ease-out
}
.\--2:checked~.cssslider__arrows.\--2{
    opacity:1;
    z-index:2
}
.\--3:checked~.cssslider__slides .cssslider__slide.\--3{
    z-index:1;
    opacity:1;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -o-animation:cssslider-in .5s ease-out;
    animation:cssslider-in .5s ease-out
}
.\--3:checked~.cssslider__slides .cssslider__slide.\--3.\--opacity-only{
    -o-animation:none;
    animation:none
}
.\--3:checked~.cssslider__dots .cssslider__dot.\--3{
    background:currentColor;
    -o-transition:background .5s ease-out;
    transition:background .5s ease-out
}
.\--3:checked~.cssslider__arrows.\--3{
    opacity:1;
    z-index:2
}
.\--4:checked~.cssslider__slides .cssslider__slide.\--4{
    z-index:1;
    opacity:1;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -o-animation:cssslider-in .5s ease-out;
    animation:cssslider-in .5s ease-out
}
.\--4:checked~.cssslider__slides .cssslider__slide.\--4.\--opacity-only{
    -o-animation:none;
    animation:none
}
.\--4:checked~.cssslider__dots .cssslider__dot.\--4{
    background:currentColor;
    -o-transition:background .5s ease-out;
    transition:background .5s ease-out
}
.\--4:checked~.cssslider__arrows.\--4{
    opacity:1;
    z-index:2
}
.\--5:checked~.cssslider__slides .cssslider__slide.\--5{
    z-index:1;
    opacity:1;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -o-animation:cssslider-in .5s ease-out;
    animation:cssslider-in .5s ease-out
}
.\--5:checked~.cssslider__slides .cssslider__slide.\--5.\--opacity-only{
    -o-animation:none;
    animation:none
}
.\--5:checked~.cssslider__dots .cssslider__dot.\--5{
    background:currentColor;
    -o-transition:background .5s ease-out;
    transition:background .5s ease-out
}
.\--5:checked~.cssslider__arrows.\--5{
    opacity:1;
    z-index:2
}
.cssslider.\--agencies{
    margin:14px 50px 0
}
.cssslider.\--agencies .cssslider__slides{
    height:130px
}
@media (min-width:1024px){
    .cssslider.\--agencies .cssslider__slides{
        height:70px
    }
}
.cssslider.\--agencies .cssslider__slide{
    text-align:center
}
.cssslider.\--agencies .cssslider__arrows{
    top:60px
}
@media (min-width:1024px){
    .cssslider.\--agencies .cssslider__arrows{
        top:15px
    }
}
.cssslider.\--offers .cssslider__slides{
    height:293px
}
.cssslider.\--offers .cssslider__arrows{
    top:125px
}
.cssslider.\--offers .cssslider__dot{
    color:#fff
}
.cssslider.\--offers .cssslider__arrow{
    border-color:#fff
}
.cssslider.\--reviews .cssslider__slides{
    overflow:hidden;
    height:230px
}
.cssslider.\--reviews .cssslider__slide{
    text-align:center
}
.cssslider.\--reviews .cssslider__arrows{
    top:80px
}
.cssslider.\--reviews .cssslider__arrow{
    border-color:#00aedb
}
.cssslider.\--reviews .cssslider__dots{
    display:none
}
@-o-keyframes cssslider-in{
    0%{
        -o-transform:translateX(100%);
        transform:translateX(100%);
        opacity:0
    }
    to{
        -o-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes cssslider-in{
    0%{
        -o-transform:translateX(100%);
        transform:translateX(100%);
        opacity:0
    }
    to{
        -o-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@-o-keyframes cssslider-out{
    0%{
        -o-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -o-transform:translateX(-100%);
        transform:translateX(-100%);
        opacity:0
    }
}
@keyframes cssslider-out{
    0%{
        -o-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -o-transform:translateX(-100%);
        transform:translateX(-100%);
        opacity:0
    }
}


.cities-slider{
    height:350px;
    overflow:hidden
}
.cities-slider__item{
    background:50% no-repeat;
    background-size:cover;
    height:350px
}
.cities-slider__info-wrap{
    position:absolute;
    top:110px;
    left:50%;
    width:290px;
    font-size:1rem;
    text-align:center;
    color:#fff;
    background-color:#00bae1;
    background-color:rgba(0,186,225,.8);
    margin-left:-145px
}
.cities-slider__arrows{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:125px;
    width:200px
}
.cities-slider__arrow{
    border-color:#00bae1;
    border-width:4px;
    width:25px;
    height:25px
}
.cities-slider__dots{
    position:absolute;
    bottom:5px;
    left:0;
    right:0;
    margin:auto;
    z-index:1
}
.cities-slider__dot{
    color:#fff;
    width:13px;
    height:13px
}
.cities-slider__title{
    display:block;
    margin:0;
    color:#00bae1;
    background-color:#fff;
    line-height:3.5rem;
    font-size:1.5rem;
    white-space:nowrap;
    overflow:hidden;
    padding:0;
    font-size:24px;
    font-weight:500
}
.cities-slider__title a{
    color:#00bae1;
    text-decoration:underline
}
.cities-slider__title a:hover{
    text-decoration:none
}
.cities-slider__description{
    color:#fff;
    display:block;
    position:relative;
    margin:34px 10px 10px;
    line-height:1.2em
}
.cities-slider__description:before{
    content:"";
    width:19px;
    height:16px;
    background:url(/helios-assets/plane-1cf26e0984f50a1965160feb2cbb8088.svg) no-repeat;
    position:absolute;
    left:0;
    right:0;
    top:-23px;
    background-size:cover;
    margin:auto
}
.cities-slider__description p{
    margin-bottom:3px
}
.cities-slider__description a{
    color:#fff;
    text-decoration:underline
}
.cities-slider__description a:hover{
    text-decoration:none
}