

.montserrat {
    font-family: 'Montserrat', sans-serif;
}


.ext-icons-big {
    background: transparent url(../images/icons_big.png) no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
    padding:0!important;
    margin: 0!important;
    content: '';
}

.ext-icons-big-60 {
    background: transparent url(../images/icons_big60.png) no-repeat;
    width: 60px;
    height: 60px;
    display: inline-block;
    padding:0!important;
    margin: 0!important;
    content: '';
}
.ext-icons-big-40 {
    background: transparent url(../images/icons_big40.png) no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    padding:0!important;
    margin: 0!important;
    content: '';
}
.icons-30 {
    background: transparent url(../images/icons_big40.png) no-repeat;
    width: 40px;
    height: 30px;
    display: inline-block;
    padding:0!important;
    content: '';
    position: absolute;
}

.icons-70 {
    background: transparent url(../images/icons_70c.png) no-repeat;
    width: 70px;
    height: 70px;
    display: inline-block;
    padding:0!important;
    margin: 0!important;
    content: '';
}
.icons-70d {
    background: transparent url(../images/icons_70d.png) no-repeat;
    width: 70px;
    height: 70px;
    display: inline-block;
    padding:0!important;
    margin: 0!important;
    content: '';
}
.icons-70e {
    background: transparent url(../images/icons_70e.png) no-repeat;
    width: 70px;
    height: 70px;
    display: inline-block;
    content: '';
}

.icons-60 {
    background: transparent url(../images/icons_60.png) no-repeat;
    width: 60px;
    height: 60px;
    display: inline-block;
    content: '';
}

.right-arrow-icon-big {
    background-position: 0 0;
}
.right-arrow-grey-icon-big {
    background-position: 0 -60px;
}
.right-arrow-white-icon-big {
    background-position: 0 -120px;
}

.right-arrow2-icon-big {
    background-position: -60px 0;
}

.right-arrow2-grey-icon-big {
    background-position: -60px -60px;
}
.right-arrow3-icon-big {
    background-position: -80px 0;
}

.news {
    background-position: -140px 0;
}
.follow {
    background-position: -70px 0;
}

.people {
    background-position: 0 0;
}
.head {
    background-position: -70px 0;
}
.map {
    background-position: -140px 0;
}
.lodge {
    background-position: -210px 0;
}
.light {
    background-position: -280px 0;
}
.bus {
    background-position: 0 -70px;
}
.bag {
    background-position: -70px -70px;
}

.speaker {
    background-position: 0 -120px;
}

.activities {
    background-position: 0 0;
}

.hiking {
    background-position: -70px 0;
}
.gr20 {
    background-position: -140px 0;
}

.hiking2 {
    background-position: 0 -70px;
}
.activities2 {
    background-position: -70px -70px;
}
.campside {
    background-position: -140px -70px;
}
.gr202 {
    background-position: -210px -70px;
}
.hiking3 {
    background-position: 0 -140px;
}
.activities3 {
    background-position: -70px -140px;
}
.gr203 {
    background-position: -140px -140px;
}

.group {
    background-position: -280px 0;
}

.liberty {
    background-position: -210px 0;
}

.canoe {
    background-position: 0 -210px;
}
.horse {
    background-position: -70px -210px;
}
.byke {
    background-position: -140px -210px;
}
.promo {
    background-position: -210px -210px;
}
.promo2 {
    background-position: -280px -210px;
}
.promo2 {
    background-position: -280px -210px;
}
.famille {
    background-position: 0 -280px;
}
.famille {
    background-position: 0 -280px;
}
.assure {
    background-position: -70px -280px;
}
.free-cycle {
    background-position: -140px -280px;
}
.gr204 {
    background-position: -210px -280px;
}
.gr205 {
    background-position: -280px -280px;
}
.guided {
    background-position: 0 -350px;
}
.autotour {
    background-position: -70px -350px;
}



.f-title {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.top-menu {
    width: 70px;
    margin-right: 10px;
}



/** Slick slider **/
.slider {
    width: 100%;
    margin: 0 auto;
}

.slick-slide {

}

.slick-slide figure {
    position: relative;
    height: 450px;
    overflow: hidden;

}
.slick-slide figure img {
    height: auto;
    width: 100%;
}

.slick-slide .caption {
    position: absolute;
    top: 10px;
    left: 0;
    height: 40px;
    width: 100%;
    z-index: 100;
    margin-top: 20px;
    text-align: center;
}
.slick-slide .caption span.title {
    font-size: 3em;
    color: #fff;
    font-family: 'yanone_kaffeesatzbold',sans-serif;;
}
.slick-slide .caption p.info {
    color: #1E4F6B;
    text-align: center;
    font-size: 1.1em;
    background-color: #fff;
    width: 180px;
    display: flex;
    margin: 100px auto;
    padding: 10px;
    border-radius: 5px;
}
.slick-slide .caption p.info span {
    font-weight: 600;
    font-size: 1.3em;
    margin-left: 10px;
}


.slick-slide img {
    width: 100%;
}

.slick-prev,
.slick-next {
    top: 45%;
    width: 30px;
    height: 80px;
}

.slick-arrow {
    font-size: 80px;
    color: #fff;
    z-index: 100;
}

.slick-prev {
    left: 25px;
}

.slick-next {
    right: 25px;
}

.slick-prev:before,
.slick-next:before {
    color: black;
    content: inherit;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: #fff;
}


.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.slick-active {
    opacity: .5;
}

.slick-current {
    opacity: 1;
}


.back-photo {
    background-repeat: no-repeat;
    background-position-y: 0px;
    background-size: cover;
    min-height: 850px;
}

.back-photo2 {
    background-repeat: no-repeat;
    background-position-y: 0px;
    background-size: cover;
    min-height: 500px;
}

header ul#menubis li a.invert {
    background-color: #eee;
    color: #000;
    padding: 0 7px;
    border-radius: 2px;
}
header ul#menubis li a.invert:hover {
    text-decoration: none;
    color: #000;
}

header ul#menubis li a.invert i {
    margin-right: 5px;
}

.modal-dialog {
    margin: 60px auto;
}

.modal-header {
    background-color: #AD5251;
}

.modal-title {
    text-align: left;
    font-family: 'Montserrat', sans-serif;
}




