.UIHome .keyvisual .info h1,
.UIHome .keyvisual .info h2,
.UIHome .keyvisual .info h3{
    font-weight:700;
    text-shadow:0 4px 8px rgba(0,0,0,.5);
    color:#fff;
    font-family:'Playfair Display'
}
.UIHome{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.UIHome .keyvisual{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    height:63vw;
    max-height:1600px;
}
.UIHome .keyvisual .ifmga{
    position:absolute;
    top:46vw;
    right:3vw;
    display:block;
    width:160px;
    height:auto;
    z-index:10
}
.UIHome .keyvisual .ifmga img{
    width:100%;
    height:auto
}
.UIHome .keyvisual .bg{
    position:fixed;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:63vw;
    max-height:1600px;
    background-image:url(../img/home/climb-mount-triglav-vertical-adventures-new.jpg);
    background-position:center center
}
.UIHome .keyvisual .wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    z-index:3
}
.UIHome .keyvisual .info,.UIHome .keyvisual .socnet{
    position:absolute;
    -webkit-transform:translateY(-50%)
}
.UIHome .keyvisual .info{
    width:80%;
    top:42%;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.UIHome .keyvisual .info h1{
    font-size:80px;
    letter-spacing:-3px;
    line-height:1em;
}
.UIHome .keyvisual .info h3{
    font-size:70px;
    letter-spacing:-2px;
    line-height:1em;
}
.UIHome .keyvisual .info h2{
    font-size:60px;
    letter-spacing:-2px;
    line-height:1em;
}
.UIHome .keyvisual .info a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    margin:50px 0 0;
    width:198px;
    height:60px;
    background-color:#d13550;
    border-radius:6px;
    -webkit-box-shadow:0 5px 8px rgba(0,0,0,.5);
    box-shadow:0 5px 8px rgba(0,0,0,.5);
    -webkit-transition:background-color 150ms cubic-bezier(.25,.46,.45,.94);
    transition:background-color 150ms cubic-bezier(.25,.46,.45,.94);
    -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
.no-touch .UIHome .keyvisual .info a:hover{
    background-color:#284560
}
.UIHome .keyvisual .info a b{
    font-family:Ubuntu;
    font-size:14px;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    line-height:60px;
    margin:0 18px 0 auto
}
.UIHome .keyvisual .info a img{
    margin:10px 0 0 5px;
    width:70px;
    height:125px
}
.UIHome .keyvisual .socnet{
    z-index:4;
    top:38%;
    right:0;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:60px
}
.UIHome .keyvisual .socnet a{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:60px;
    height:60px;
    text-align:center;
    border:1px solid rgba(255,255,255,.2)
}
.UIHome .keyvisual .socnet a i{
    width:100%;
    height:100%;
    line-height:60px;
    font-size:24px;
    color:rgba(255,255,255,.4);
    border-right:none;
    -webkit-transition:color 150ms cubic-bezier(.25,.46,.45,.94);
    transition:color 150ms cubic-bezier(.25,.46,.45,.94);
    -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
.no-touch .UIHome .keyvisual .socnet a:hover i{
    color:rgba(255,255,255,1)
}
.UIHome .keyvisual .socnet a:first-child{
    border-top-left-radius:4px;
    border-bottom:none
}
.UIHome .keyvisual .socnet a:last-child{
    border-bottom-left-radius:4px;
    border-top:none
}
@media only screen and (max-width :1600px){
    .UIHome .keyvisual .info h1{
        font-size:70px;
        letter-spacing:-2px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info h3{
        font-size:60px;
        letter-spacing:-1px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info h2{
        font-size:50px;
        letter-spacing:0px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info a{
        margin:40px 0 0;
        width:186px;
        height:55px
    }
    .UIHome .keyvisual .info a img{
        margin:11px 0 0 3px;
        width:60px;
        height:107px
    }
    .UIHome .keyvisual .info a b{
        line-height:55px;
        margin:0 16px 0 auto
    }
}
@media only screen and (max-width :1440px){
    .UIHome .keyvisual .ifmga{
        top:44vw;
        right:3vw;
        width:140px
    }
    .UIHome .keyvisual .info h1{
        font-size:60px;
        letter-spacing:-1px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info h3{
        font-size:50px;
        letter-spacing:0px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info h2{
        font-size:40px;
        letter-spacing:0px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info a{
        margin:30px 0 0;
        width:170px;
        height:50px
    }
    .UIHome .keyvisual .info a img{
        margin:11px 0 0 2px;
        width:50px;
        height:90px
    }
    .UIHome .keyvisual .info a b{
        line-height:50px;
        margin:0 20px 0 auto;
        font-size:13px
    }
    .UIHome .keyvisual .socnet a{
        width:50px;
        height:50px
    }
    .UIHome .keyvisual .socnet a i{
        line-height:50px;
        font-size:20px
    }
    .UIHome .keyvisual .socnet{
        width:50px
    }
}
@media only screen and (max-width :1280px){
    .UIHome .keyvisual .ifmga{
        top:44vw;
        right:3vw;
        width:120px
    }
    .UIHome .keyvisual .info h1{
        font-size:50px;
        letter-spacing:0px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info h3{
        font-size:40px;
        letter-spacing:0px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info h2{
        font-size:30px;
        letter-spacing:0px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info a{
        margin:25px 0 0;
        width:150px;
        height:45px;
        -webkit-box-shadow:0 5px 8px rgba(0,0,0,.3);
        box-shadow:0 5px 8px rgba(0,0,0,.3)
    }
    .UIHome .keyvisual .info a b{
        line-height:45px;
        margin:0 15px 0 auto;
        font-size:12px
    }
    .UIHome .keyvisual .info a img{
        margin:11px 0 0 2px;
        width:40px;
        height:71px
    }
    .UIHome .keyvisual .socnet{
        width:42px
    }
    .UIHome .keyvisual .socnet a{
        width:42px;
        height:42px
    }
    .UIHome .keyvisual .socnet a i{
        line-height:42px;
        font-size:18px
    }
}
@media only screen and (max-width :1023px){
    .UIHome .keyvisual .ifmga{
        top:50vw;
        right:3vw;
        width:100px
    }
    .UIHome .keyvisual,.UIHome .keyvisual .bg{
        height:70vw
    }
    .UIHome .keyvisual .info h1{
        font-size:40px;
        letter-spacing:0px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info h3{
        font-size:35px;
        letter-spacing:0px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info h2{
        font-size:30px;
        letter-spacing:0px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info a b{
        line-height:40px;
        margin:0 11px 0 auto;
        font-size:11px;
        letter-spacing:.2px
    }
    .UIHome .keyvisual .info a{
        margin:23px 0 0;
        width:140px;
        height:40px
    }
    .UIHome .keyvisual .info a img{
        margin:9px 0 0 3px;
        width:40px;
        height:71px
    }
    .UIHome .keyvisual .socnet{
        width:36px
    }
    .UIHome .keyvisual .socnet a{
        width:36px;
        height:36px
    }
    .UIHome .keyvisual .socnet a i{
        line-height:36px;
        font-size:15px
    }
}
@media only screen and (max-width :767px){
    .UIHome .keyvisual .ifmga{
        top:430px;
        right:3vw;
        width:100px
    }
    .UIHome .keyvisual,.UIHome .keyvisual .bg{
        height:70vw;
        min-height:600px
    }
    .UIHome .keyvisual .info h1{
        font-size:35px;
        letter-spacing:0px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info h3{
        font-size:32px;
        letter-spacing:0px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info h2{
        font-size:28px;
        letter-spacing:0px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info a b{
        line-height:34px;
        margin:0 11px 0 auto;
        font-size:10px;
        letter-spacing:.2px
    }
    .UIHome .keyvisual .info a{
        margin:20px 0 0;
        width:126px;
        height:34px
    }
    .UIHome .keyvisual .info a img{
        margin:9px 0 0 3px;
        width:30px;
        height:54px
    }
    .UIHome .keyvisual .socnet{
        width:30px
    }
    .UIHome .keyvisual .socnet a{
        width:30px;
        height:30px
    }
    .UIHome .keyvisual .socnet a i{
        line-height:30px;
        font-size:13px
    }
}
@media only screen and (max-width :600px){
    .UIHome .keyvisual,.UIHome .keyvisual .bg{
        height:100vw
    }
    .UIHome .keyvisual .info h1{
        font-size:30px;
        letter-spacing:0px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info h3{
        font-size:28px;
        letter-spacing:0px;
        line-height:1.1em;
    }
    .UIHome .keyvisual .info h2{
        font-size:26px;
        letter-spacing:0px;
        line-height:1.1em;
    }
}
@media only screen and (max-width :460px){
    .UIHome .keyvisual .ifmga{
        top:380px;
        right:10px;
        width:80px
    }
    .UIHome .keyvisual,.UIHome .keyvisual .bg{
        height:500px;
        min-height:auto
    }
}
.UIHome .triglav{
    z-index:2;
    position:relative;
    margin-top:22vw;
    padding:0 0 100px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    background:#fff
}
.UIHome .triglav .clouds{
    position:absolute;
    z-index:1;
    top:1px;
    left:0;
    width:100%;
    height:auto;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
.UIHome .triglav .wrap{
    z-index:2;
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-top:-18vw;
    padding-bottom:100px;
    border:1px solid rgba(40,69,96,.25)
}
.UIHome .triglav h2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:50%;
    margin:-68px auto 0;
    text-align:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.UIHome .triglav h2 span{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 20px
}
.UIHome .triglav h2 span,.UIHome .triglav h2 span b{
    position:relative;
    z-index:2;
    line-height:1.1em;
    font-family:'Playfair Display';
    font-size:100px;
    font-weight:700;
    color:#d13550;
    letter-spacing:-6px
}
.UIHome .triglav h2 span i{
    position:absolute;
    top:0;
    left:0;
    height:1.2em;
    width:100%;
    background:#fff;
    z-index:1
}
.UIHome .triglav .h3{
    margin:60px auto 0;
    width:70%;
    font-size:22px;
    font-weight:500;
    color:#284560;
    text-align:center;
    line-height:1.4em
}
.UIHome .triglav .text{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:60px auto 0;
    width:80%
}
.UIHome .triglav .text p{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:47%;
    line-height:1.6em;
    font-size:16px;
    font-weight:400;
    color:#284560
}
.UIHome .triglav .icon{
    position:absolute;
    bottom:-20px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:105px;
    height:40px;
    background:#fff
}
.UIHome .triglav .icon u{
    position:absolute;
    bottom:-3px;
    left:0;
    width:100%;
    height:23px;
    background:rgba(255,255,255,.8);
    z-index:2
}
.UIHome .triglav .icon b{
    position:absolute;
    z-index:1;
    top:3px;
    left:50%;
    -webkit-transform:translateX(-50%) rotate(45deg);
    -ms-transform:translateX(-50%) rotate(45deg);
    transform:translateX(-50%) rotate(45deg);
    width:33px;
    height:33px;
    border:4px solid #284560;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.UIHome .triglav .icon b:nth-child(1),.UIHome .triglav .icon b:nth-child(3){
    margin-top:6px;
    width:22px;
    height:22px
}
.UIHome .triglav .icon b:nth-child(1){
    margin-left:-22px
}
.UIHome .triglav .icon b:nth-child(3){
    margin-left:22px
}
@media only screen and (max-width :1600px){
    .UIHome .triglav .wrap{
        margin-top:-15vw;
        padding-bottom:80px
    }
    .UIHome .triglav h2{
        margin:-64px auto 0
    }
    .UIHome .triglav h2 span,.UIHome .triglav h2 span b{
        font-size:90px;
        letter-spacing:-5px
    }
    .UIHome .triglav .h3{
        margin:55px auto 0
    }
    .UIHome .triglav .text{
        margin:55px auto 0;
        width:86%
    }
}
@media only screen and (max-width :1440px){
    .UIHome .triglav .wrap{
        margin-top:-14vw;
        padding-bottom:60px
    }
    .UIHome .triglav h2{
        margin:-59px auto 0
    }
    .UIHome .triglav h2 span,.UIHome .triglav h2 span b{
        font-size:80px;
        letter-spacing:-4px
    }
    .UIHome .triglav .h3{
        margin:50px auto 0;
        width:80%;
        font-size:21px
    }
    .UIHome .triglav .text{
        margin:50px auto 0;
        width:88%
    }
}
@media only screen and (max-width :1280px){
    .UIHome .triglav{
        padding-bottom:80px
    }
    .UIHome .triglav .wrap{
        padding-bottom:40px
    }
    .UIHome .triglav h2{
        margin:-45px auto 0
    }
    .UIHome .triglav h2 span,.UIHome .triglav h2 span b{
        font-size:64px;
        letter-spacing:-3px
    }
    .UIHome .triglav .h3{
        margin:40px auto 0;
        width:80%;
        font-size:18px
    }
    .UIHome .triglav .text{
        margin:30px auto 0;
        width:90%
    }
    .UIHome .triglav .text p{
        width:48%;
        font-size:15px
    }
}
@media only screen and (max-width :1023px){
    .UIHome .triglav{
        padding-bottom:20px
    }
    .UIHome .triglav .wrap{
        padding-bottom:30px
    }
    .UIHome .triglav h2{
        margin:-36px auto 0
    }
    .UIHome .triglav h2 span,.UIHome .triglav h2 span b{
        font-size:50px;
        letter-spacing:-2px
    }
    .UIHome .triglav .h3{
        margin:30px auto 0;
        width:80%;
        font-size:15px
    }
    .UIHome .triglav .text{
        margin:20px auto 0;
        width:92%
    }
    .UIHome .triglav .text p{
        width:48%;
        font-size:13px;
        line-height:1.4em
    }
    .UIHome .triglav .icon{
        -webkit-transform:translateX(-50%) scale(.7);
        -ms-transform:translateX(-50%) scale(.7);
        transform:translateX(-50%) scale(.7)
    }
}
@media only screen and (max-width :767px){
    .UIHome .triglav .wrap{
        width:85%;
        padding-bottom:60px
    }
    .UIHome .triglav h2 span,.UIHome .triglav h2 span b{
        font-size:40px;
        letter-spacing:-1.5px;
        padding:0 6px
    }
    .UIHome .triglav h2{
        margin:-29px auto 0;
        width:65%
    }
    .UIHome .triglav .h3{
        margin:20px auto 0;
        width:85%;
        font-size:14px
    }
    .UIHome .triglav .text{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .UIHome .triglav .text p{
        margin:10px auto 0;
        width:85%;
        text-align:center;
        font-size:12.5px;
        line-height:1.5em
    }
}
@media only screen and (max-width :600px){
    .UIHome .triglav .wrap{
        width:88%;
        padding-bottom:45px
    }
    .UIHome .triglav h2 span,.UIHome .triglav h2 span b{
        font-size:36px
    }
    .UIHome .triglav h2{
        margin:-25px auto 0;
        width:70%
    }
    .UIHome .triglav .h3{
        margin:16px auto 0;
        width:85%;
        font-size:13px
    }
    .UIHome .triglav .text{
        margin:10px auto 0;
        width:85%
    }
    .UIHome .triglav .text p{
        margin:10px auto 0;
        width:100%
    }
}
@media only screen and (max-width :460px){
    .UIHome .triglav .wrap{
        border:none
    }
    .UIHome .triglav h2{
        width:95%
    }
    .UIHome .triglav h2 span,.UIHome .triglav h2 span b{
        font-size:34px
    }
    .UIHome .triglav .h3,.UIHome .triglav .text{
        width:100%
    }
}
.UIHome .gallery{
    display:inline-block;
    float:left;
    position:relative;
    z-index:2;
    width:100%;
    margin:-2px 0 0;
    padding:85px 0 0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    height:700px;
    background:#fff
}
.UIHome .gallery .slider{
    position:absolute;
    top:80px;
    left:0;
    width:10000px;
    height:520px;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -webkit-transition:left .5s cubic-bezier(.23,1,.32,1);
    transition:left .5s cubic-bezier(.23,1,.32,1);
    -webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);
    transition-timing-function:cubic-bezier(.23,1,.32,1)
}
.UIHome .gallery .pic{
    display:inline-block;
    float:left;
    position:relative;
    z-index:1;
    width:402px;
    height:500px;
    margin:0;
    background:#fff;
    cursor:pointer;
    overflow:hidden
}
.UIHome .gallery .pic:hover{
    overflow:visible
}
.UIHome .gallery .pic img{
    display:inline-block;
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
    width:500px;
    height:500px;
    max-width:none;
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0);
    -webkit-transition:all .5s cubic-bezier(.23,1,.32,1);
    transition:all .5s cubic-bezier(.23,1,.32,1);
    -webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);
    transition-timing-function:cubic-bezier(.23,1,.32,1)
}
.UIHome .gallery .pic b{
    display:none
}
.no-touch .UIHome .gallery .pic b{
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.7)
}
.UIHome .gallery .pic i{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:400px;
    height:1px;
    background:#d13550;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition:all .5s cubic-bezier(.23,1,.32,1);
    transition:all .5s cubic-bezier(.23,1,.32,1);
    -webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);
    transition-timing-function:cubic-bezier(.23,1,.32,1)
}
.UIHome .gallery .pic i.bottom{
    top:auto;
    bottom:0
}
.no-touch .UIHome .gallery .pic:hover{
    z-index:2
}
.no-touch .UIHome .gallery .pic:hover img{
    width:600px;
    height:600px;
    -webkit-box-shadow:0 10px 30px rgba(0,0,0,.2);
    box-shadow:0 10px 30px rgba(0,0,0,.2)
}
.no-touch .UIHome .gallery .pic:hover b{
    display:none
}
.no-touch .UIHome .gallery .pic:hover i.top{
    top:-70px;
    width:460px;
    height:70px;
    left:60px
}
.no-touch .UIHome .gallery .pic:hover i.bottom{
    bottom:-70px;
    left:-120px;
    width:460px;
    height:70px
}
.UIHome .gallery .pager{
    position:absolute;
    bottom:20px;
    right:15%;
    width:2px;
    height:30px
}
.UIHome .gallery .pager>div{
    position:absolute;
    top:0;
    right:10px;
    width:116px;
    height:30px;
    overflow:hidden;
    cursor:pointer;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.UIHome .gallery .pager>div.next{
    right:auto;
    left:10px;
    height:37px
}
.UIHome .gallery .pager>div .h5{
    position:absolute;
    top:0;
    right:0;
    font-family:Roboto;
    font-size:13px;
    font-weight:700;
    color:#284560;
    letter-spacing:.5px;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -webkit-transition:all 350ms cubic-bezier(.23,1,.32,1);
    transition:all 350ms cubic-bezier(.23,1,.32,1);
    -webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);
    transition-timing-function:cubic-bezier(.23,1,.32,1)
}
.no-touch .UIHome .gallery .pager>div:hover .h5{
    color:#d13550
}
.UIHome .gallery .pager>div.next .h5{
    right:auto;
    left:0
}
.UIHome .gallery .pager>div svg{
    position:absolute;
    bottom:0;
    right:-30px;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -webkit-transition:all 150ms cubic-bezier(.23,1,.32,1);
    transition:all 150ms cubic-bezier(.23,1,.32,1);
    -webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);
    transition-timing-function:cubic-bezier(.23,1,.32,1)
}
.UIHome .gallery .pager>div svg path{
    fill:#284560
}
.no-touch .UIHome .gallery .pager>div:hover svg{
    right:0
}
.no-touch .UIHome .gallery .pager>div:hover svg path{
    fill:#d13550
}
.UIHome .gallery .pager>div.next svg{
    right:auto;
    left:-30px
}
.no-touch .UIHome .gallery .pager>div.next:hover svg{
    left:0
}
@media only screen and (max-width :1440px){
    .UIHome .gallery{
        height:620px
    }
    .UIHome .gallery .slider{
        height:460px
    }
    .UIHome .gallery .pic{
        width:372px;
        height:460px
    }
    .UIHome .gallery .pic img{
        width:460px;
        height:460px
    }
    .UIHome .gallery .pic i{
        width:370px
    }
    .no-touch .UIHome .gallery .pic:hover img{
        height:516px;
        width:516px
    }
    .no-touch .UIHome .gallery .pic:hover i.top{
        left:90px;
        top:-45px;
        width:370px;
        height:45px
    }
    .no-touch .UIHome .gallery .pic:hover i.bottom{
        bottom:-45px;
        width:370px;
        height:45px;
        left:-90px
    }
}
@media only screen and (max-width :1280px){
    .UIHome .gallery{
        height:560px
    }
    .UIHome .gallery .slider{
        height:400px
    }
    .UIHome .gallery .pic{
        width:332px;
        height:400px
    }
    .UIHome .gallery .pic img{
        width:400px;
        height:400px
    }
    .UIHome .gallery .pic i{
        width:330px
    }
    .no-touch .UIHome .gallery .pic:hover img{
        height:480px;
        width:480px
    }
    .no-touch .UIHome .gallery .pic:hover i.top{
        top:-55px;
        width:340px;
        height:55px;
        left:79px
    }
    .no-touch .UIHome .gallery .pic:hover i.bottom{
        bottom:-55px;
        width:340px;
        height:55px;
        left:-89px
    }
}
@media only screen and (max-width :1024px){
    .UIHome .gallery{
        height:480px
    }
    .UIHome .gallery .slider{
        height:320px
    }
    .UIHome .gallery .pic{
        width:272px;
        height:320px
    }
    .UIHome .gallery .pic img{
        width:320px;
        height:320px
    }
    .no-touch .UIHome .gallery .pic:hover img{
        height:380px;
        width:380px
    }
    .UIHome .gallery .pic i{
        width:270px
    }
    .no-touch .UIHome .gallery .pic:hover i.top{
        top:-40px;
        width:268px;
        height:40px;
        left:67px
    }
    .no-touch .UIHome .gallery .pic:hover i.bottom{
        bottom:-40px;
        width:268px;
        height:40px;
        left:-63px
    }
    .UIHome .gallery .pager>div .h5{
        top:5px;
        font-size:12px;
        font-weight:500
    }
    .UIHome .gallery .pager>div.next svg{
        left:-50px
    }
    .UIHome .gallery .pager>div svg{
        right:-50px
    }
    .no-touch .UIHome .gallery .pager>div.next:hover svg{
        left:-30px
    }
    .no-touch .UIHome .gallery .pager>div:hover svg{
        right:-30px
    }
}
@media only screen and (max-width :600px){
    .UIHome .gallery{
        height:420px
    }
    .UIHome .gallery .slider{
        height:260px
    }
    .UIHome .gallery .pic{
        width:212px;
        height:260px
    }
    .UIHome .gallery .pic img{
        width:260px;
        height:260px
    }
    .no-touch .UIHome .gallery .pic:hover img{
        height:290px;
        width:290px
    }
    .UIHome .gallery .pic b{
        display:none
    }
    .UIHome .gallery .pic i{
        width:210px
    }
    .no-touch .UIHome .gallery .pic:hover i.top{
        top:-25px;
        width:248px;
        height:25px;
        left:12px
    }
    .no-touch .UIHome .gallery .pic:hover i.bottom{
        bottom:-25px;
        width:248px;
        height:25px;
        left:-48px
    }
    .UIHome .gallery .pager{
        right:50%
    }
}
@media only screen and (max-width :460px){
    .UIHome .gallery{
        margin-top:-2px
    }
}
.UIHome .lightbox{
    display:none;
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    background-color:rgba(0,0,0,.95);
    width:100%;
    height:100%
}
.UIHome .lightbox.active{
    display:block
}
.UIHome .lightbox .pic{
    position:absolute;
    top:50%;
    left:50%;
    width:80%;
    height:80%;
    background:center no-repeat;
    max-width:1800px;
    max-height:1200px;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    background-size:contain;
    -webkit-transition:all 150ms cubic-bezier(.25,.46,.45,.94);
    transition:all 150ms cubic-bezier(.25,.46,.45,.94);
    -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
.UIHome .lightbox a{
    position:absolute;
    top:30px;
    right:30px;
    color:#fff;
    font-size:40px
}
.UIHome .lightbox a i{
    color:#fff;
    -webkit-transition:color 150ms cubic-bezier(.25,.46,.45,.94);
    transition:color 150ms cubic-bezier(.25,.46,.45,.94);
    -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
.no-touch .UIHome .lightbox a:hover i{
    color:#d13550
}
.UIHome .lightbox a.next,.UIHome .lightbox a.prev{
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%)
}
.UIHome .lightbox a.prev{
    left:30px;
    right:auto
}
@media only screen and (max-width :1280px){
    .UIHome .lightbox a{
        top:10px;
        right:20px;
        font-size:30px
    }
    .UIHome .lightbox a.prev{
        right:auto;
        left:20px
    }
}
@media only screen and (max-width :600px){
    .UIHome .lightbox a{
        top:10px;
        right:10px;
        font-size:24px
    }
    .UIHome .lightbox a.prev{
        right:auto;
        left:10px
    }
}
.UIHome .climb{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    z-index:1;
    margin-top:-120px;
    width:100%;
    background-image:url(../img/home/map-bg.png);
    background-repeat:repeat;
    background-size:50%
}
.UIHome .climb.climb-triglav{
    margin-top:-5px
}
.UIHome .climb .wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    margin:200px 0 240px;
    -webkit-box-shadow:0 13px 30px rgba(0,0,0,.2);
    box-shadow:0 13px 30px rgba(0,0,0,.2);
    background-color:#fff
}
.UIHome .climb.climb-triglav .wrap{
    margin-top:50px
}
.UIHome .climb .wrap .img{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background-image:url(../img/home/trekking.jpg);
    text-indent:-9000px;
    width:42%
}
.UIHome .climb.haute .wrap .img{
    background-image:url(../img/home/special.jpg)
}
.UIHome .climb .wrap .info{
    width:58%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:40px 70px 60px
}
.UIHome .climb .wrap .info h2{
    font-family:'Playfair Display';
    font-size:60px;
    font-weight:700;
    color:#d13550;
    letter-spacing:-3px;
    margin-left:-2px;
    width:100%
}
.UIHome .climb .wrap .info h3{
    width:100%;
    margin-top:5px;
    font-size:20px;
    font-weight:500;
    color:#284560;
    line-height:1.5em
}
.UIHome .climb .wrap .info h4{
    width:100%;
    margin-top:20px;
    font-family:Ubuntu;
    font-size:16px;
    font-weight:700;
    color:#d13550;
    text-transform:uppercase
}
.UIHome .climb .wrap .info p,.UIHome .climb .wrap .info p b{
    font-size:16px;
    font-weight:400;
    color:#284560;
    line-height:1.5em;
    margin-top:5px
}
.UIHome .climb .wrap .info p b{
    font-weight:700
}
.UIHome .climb .wrap .info table{
    border:none
}
.UIHome .climb .wrap .info table td,.UIHome .climb .wrap .info table tr{
    height:auto!important
}
.UIHome .climb .wrap .info table td{
    padding:.5em;
    color:#284560;
    font-size:13px
}
.UIHome .climb .wrap .info table tr:first-child{
    background:rgba(0,0,0,.05)
}
.UIHome .climb .wrap .info table tr:first-child td{
    font-weight:700
}
.UIHome .climb .wrap .book,.UIHome .climb .wrap .btn{
    margin:20px auto 10px 0
}
.UIHome .climb .wrap .book b,.UIHome .climb .wrap .book u,.UIHome .climb .wrap .btn{
    line-height:60px;
    padding:0 20px;
    display:inline-block;
    float:left;
    font-family:Ubuntu;
    font-size:30px;
    font-weight:500;
    color:#fff;
    -webkit-transition:background-color 150ms cubic-bezier(.25,.46,.45,.94);
    transition:background-color 150ms cubic-bezier(.25,.46,.45,.94);
    -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
.UIHome .climb .wrap .book b{
    display:none;
    background:#9e3a55;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px
}
.UIHome .climb .wrap .book u,.UIHome .climb .wrap .btn{
    background-color:#d13550;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    border-radius:6px;
    text-decoration:none
}
.UIHome .climb .wrap .btn{
    display:inline-block;
    margin:5px auto 10px 0;
    width:auto;
    float:none;
    background-color:#284560;
    line-height:40px;
    padding:0 15px;
    font-size:12px
}
.no-touch .UIHome .climb .wrap .book:hover b{
    background-color:#12212f
}
.no-touch .UIHome .climb .wrap .book:hover u{
    background-color:#284560
}
.no-touch .UIHome .climb .wrap .btn:hover{
    background-color:#d13550
}
.UIHome .climb .wrap .info small{
    width:90%;
    padding-top:10px;
    font-size:14px;
    font-weight:400;
    font-style:italic;
    color:#284560;
    line-height:1.4em;
    opacity:.7;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.UIHome .climb .wrap .carabin{
    position:absolute;
    bottom:0;
    right:0;
    width:143px;
    height:143px
}
.UIHome .climb .wrap .carabin i{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    overflow:hidden
}
.UIHome .climb .wrap .carabin u{
    position:absolute;
    width:240px;
    height:240px;
    left:35px;
    top:37px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    background:#284560
}
.UIHome .climb .wrap .carabin img{
    position:absolute;
    z-index:2;
    top:70px;
    left:40px;
    width:108px;
    height:auto
}
@media only screen and (max-width :1600px){
    .UIHome .climb .wrap{
        margin:200px 0
    }
    .UIHome .climb .wrap .info h2{
        font-size:55px;
        letter-spacing:-2px
    }
    .UIHome .climb .wrap .img{
        width:40%
    }
    .UIHome .climb .wrap .info{
        width:60%;
        padding:30px 60px 50px
    }
    .UIHome .climb .wrap .info h3{
        font-size:19px;
        line-height:1.4em
    }
    .UIHome .climb .wrap .info h4{
        margin-top:15px
    }
    .UIHome .climb .wrap .info p,.UIHome .climb .wrap .info p b{
        font-size:15px;
        line-height:1.6em
    }
    .UIHome .climb .wrap .book{
        margin:15px auto 6px 0
    }
    .UIHome .climb .wrap .book b,.UIHome .climb .wrap .book u{
        line-height:55px;
        padding:0 18px
    }
    .UIHome .climb .wrap .book b{
        font-size:28px
    }
    .UIHome .climb .wrap .btn{
        margin:4px auto 8px 0;
        line-height:35px;
        padding:0 12px;
        font-size:11px
    }
    .UIHome .climb .wrap .carabin{
        width:133px;
        height:133px
    }
    .UIHome .climb .wrap .carabin img{
        top:71px;
        left:53px;
        width:84px
    }
}
@media only screen and (max-width :1440px){
    .UIHome .climb .wrap .info h2{
        font-size:50px;
        letter-spacing:-1px
    }
    .UIHome .climb .wrap .info{
        padding:26px 50px 50px
    }
    .UIHome .climb .wrap .info h3{
        font-size:17px;
        line-height:1.4em
    }
    .UIHome .climb .wrap{
        margin:200px 0 180px
    }
    .UIHome .climb .wrap .carabin{
        width:123px;
        height:123px
    }
    .UIHome .climb .wrap .carabin img{
        top:71px;
        left:55px;
        width:71px
    }
}
@media only screen and (max-width :1280px){
    .UIHome .climb .wrap{
        -webkit-box-shadow:0 10px 20px rgba(0,0,0,.15);
        box-shadow:0 10px 20px rgba(0,0,0,.15);
        margin:200px 0 150px
    }
    .UIHome .climb .wrap .info{
        padding:20px 30px 40px
    }
    .UIHome .climb .wrap .info h2{
        font-size:44px;
        letter-spacing:-.5px
    }
    .UIHome .climb .wrap .info h3{
        font-size:15px;
        margin-bottom:8px;
        line-height:1.4em
    }
    .UIHome .climb .wrap .info h4{
        margin-top:10px;
        font-size:15px
    }
    .UIHome .climb .wrap .info p,.UIHome .climb .wrap .info p b{
        font-size:14px;
        line-height:1.5em
    }
    .UIHome .climb .wrap .book b{
        font-size:24px
    }
    .UIHome .climb .wrap .book u{
        font-size:13px
    }
    .UIHome .climb .wrap .book b,.UIHome .climb .wrap .book u{
        line-height:50px;
        padding:0 15px
    }
    .UIHome .climb .wrap .btn{
        margin:2px auto 6px 0;
        line-height:30px;
        padding:0 10px;
        font-size:11px
    }
    .UIHome .climb .wrap .info small{
        font-size:13px
    }
    .UIHome .climb .wrap .carabin{
        width:113px;
        height:113px
    }
    .UIHome .climb .wrap .carabin img{
        top:71px;
        left:65px;
        width:51px
    }
}
@media only screen and (max-width :1023px){
    .UIHome .climb{
        margin-top:-140px
    }
    .UIHome .climb .wrap{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        width:70%;
        margin-bottom:120px
    }
    .UIHome .climb .wrap .img,.UIHome .climb .wrap .info{
        width:100%
    }
    .UIHome .climb .wrap .img{
        height:80vw
    }
    .UIHome .climb .wrap .info h2{
        font-size:34px;
        letter-spacing:0
    }
    .UIHome .climb .wrap .info h3{
        font-size:14px
    }
    .UIHome .climb .wrap .info p,.UIHome .climb .wrap .info p b{
        font-size:13px
    }
    .UIHome .climb .wrap .book b,.UIHome .climb .wrap .book u{
        line-height:41px;
        padding:0 10px
    }
    .UIHome .climb .wrap .book b{
        font-size:18px
    }
    .UIHome .climb .wrap .book u,.UIHome .climb .wrap .info small{
        font-size:12px
    }
}
@media only screen and (max-width :767px){
    .UIHome .climb .wrap .img{
        height:100vw
    }
    .UIHome .climb .wrap{
        width:85%;
        margin-bottom:100px
    }
    .UIHome .climb .wrap .info h2{
        font-size:32px
    }
    .UIHome .climb .wrap .info h3{
        font-size:13px
    }
    .UIHome .climb .wrap .info p,.UIHome .climb .wrap .info p b{
        font-size:12.5px;
        line-height:1.5em
    }
    .UIHome .climb .wrap .info h4{
        margin-top:8px;
        font-size:14px
    }
    .UIHome .climb .wrap .book b,.UIHome .climb .wrap .book u{
        line-height:36px;
        padding:0 8px
    }
    .UIHome .climb .wrap .book b{
        font-size:16px
    }
    .UIHome .climb .wrap .book u,.UIHome .climb .wrap .info small{
        font-size:11px
    }
    .UIHome .climb .wrap .btn{
        margin:0 auto 5px 0;
        line-height:28px;
        padding:0 8px;
        font-size:10px
    }
    .UIHome .climb .wrap .carabin{
        width:103px;
        height:103px
    }
    .UIHome .climb .wrap .carabin img{
        top:71px;
        left:65px;
        width:41px
    }
}
@media only screen and (max-width :600px){
    .UIHome .climb.clim-triglav .wrap{
        margin-top:20px
    }
    .UIHome .climb .wrap .info{
        padding:17px 25px 35px
    }
    .UIHome .climb .wrap .info h2{
        font-size:26px
    }
    .UIHome .climb .wrap .info h4{
        margin-top:7px;
        font-size:13px
    }
    .UIHome .climb .wrap .info p,.UIHome .climb .wrap .info p b{
        margin-top:3px
    }
}
@media only screen and (max-width :460px){
    .UIHome .climb .wrap{
        width:88%;
        margin-bottom:80px
    }
    .UIHome .climb .wrap .info{
        padding:14px 19px 30px
    }
    .UIHome .climb .wrap .info h2{
        font-size:26px;
        line-height:1em;
        margin-bottom:7px;
        letter-spacing:-.5px
    }
    .UIHome .climb .wrap .info h3{
        font-size:13px;
        margin-top:0
    }
    .UIHome .climb .wrap .info small{
        width:96%
    }
}
.UIHome .other h2,.UIHome .stories .articles h2{
    font-size:90px;
    letter-spacing:-3px;
    font-family:'Playfair Display'
}
.UIHome .stories{
    position:relative;
    z-index:3;
    width:100%;
    background-image:url(../img/home/aljaz-tower-mount-triglav.jpg);
    background-position:center bottom
}
.UIHome .stories .wrap{
    position:relative
}
.UIHome .stories .articles{
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:35px 50px 50px;
    margin:130px 0 100px auto;
    width:50%;
    background:#fff;
    -webkit-box-shadow:0 20px 50px rgba(0,0,0,.2);
    box-shadow:0 20px 50px rgba(0,0,0,.2)
}
.UIHome .stories .articles h2{
    font-weight:700;
    color:#d23550;
    margin-bottom:-10px
}
.UIHome .stories .articles hr{
    border:none;
    margin:25px 0 35px;
    padding:0;
    background:#284560;
    height:1px;
    width:100%;
    opacity:.3
}
.UIHome .stories .article{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    width:100%;
    margin:0 0 30px
}
.UIHome .stories .article .img{
    width:30%;
    position:relative
}
.UIHome .stories .article .img u{
    position:absolute;
    width:100%;
    height:100%;
    z-index:2
}
.UIHome .stories .article .img i{
    position:absolute;
    z-index:1;
    width:80%;
    height:80%;
    background:#d23550;
    -webkit-transition:all 150ms cubic-bezier(.25,.46,.45,.94);
    transition:all 150ms cubic-bezier(.25,.46,.45,.94);
    -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
.UIHome .stories .article .img i.top{
    top:0;
    left:0
}
.UIHome .stories .article .img i.bottom{
    bottom:0;
    right:0
}
.no-touch .UIHome .stories .article:hover .img i.top{
    top:-10px;
    left:-10px
}
.no-touch .UIHome .stories .article:hover .img i.bottom{
    bottom:-10px;
    right:-10px
}
.UIHome .stories .article .info{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 0 0 25px;
    width:70%
}
.UIHome .stories .article .info h5{
    font-family:Ubuntu;
    font-size:14px;
    font-weight:700;
    color:#284560;
    opacity:.5;
    width:100%;
    text-transform:uppercase;
    letter-spacing:-.5px
}
.UIHome .stories .article .info h3{
    margin-top:3px;
    width:100%;
    font-size:32px;
    font-weight:500;
    color:#284560;
    -webkit-transition:color 150ms cubic-bezier(.25,.46,.45,.94);
    transition:color 150ms cubic-bezier(.25,.46,.45,.94);
    -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
.UIHome .other .activity>i,.UIHome .stories .more{
    -webkit-transition:all 150ms cubic-bezier(.25,.46,.45,.94)
}
.no-touch .UIHome .stories .article:hover .info h3{
    color:#d23550
}
.UIHome .stories .article .info p{
    width:100%;
    font-size:14px;
    font-weight:400;
    color:#284560;
    opacity:.7;
    margin-top:5px 0 5px 0
}
.UIHome .stories .more{
    margin:20px 0 10px;
    display:inline-block;
    border-radius:6px;
    font-family:Ubuntu;
    font-size:14px;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    background:#284560;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 35px;
    line-height:60px;
    transition:all 150ms cubic-bezier(.25,.46,.45,.94);
    -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
.no-touch .UIHome .stories .more:hover{
    background-color:#d23550
}
.UIHome .stories .carabin{
    position:absolute;
    bottom:0;
    right:0;
    width:143px;
    height:143px
}
.UIHome .stories .carabin i{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    overflow:hidden
}
.UIHome .stories .carabin u{
    position:absolute;
    width:240px;
    height:240px;
    left:35px;
    top:37px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    background:#d13550
}
.UIHome .stories .carabin img{
    position:absolute;
    z-index:2;
    top:70px;
    left:40px;
    width:108px;
    height:auto
}
@media only screen and (max-width :1600px){
    .UIHome .stories .articles h2{
        font-size:80px
    }
    .UIHome .stories .articles{
        padding:30px 45px 45px
    }
    .UIHome .stories .article .info h3{
        font-size:30px
    }
    .UIHome .stories .article .img{
        width:28%
    }
    .UIHome .stories .carabin{
        width:133px;
        height:133px
    }
    .UIHome .stories .carabin img{
        top:71px;
        left:53px;
        width:84px
    }
    .UIHome .stories .more{
        margin:15px 0 10px;
        padding:0 30px;
        line-height:55px
    }
}
@media only screen and (max-width :1440px){
    .UIHome .stories .articles{
        padding:20px 30px 40px;
        margin:100px 0 100px auto
    }
    .UIHome .stories .articles h2{
        font-size:65px;
        letter-spacing:-2px
    }
    .UIHome .stories .article{
        margin:0 0 20px
    }
    .no-touch .UIHome .stories .article:hover .img i.top{
        top:-7px;
        left:-7px
    }
    .no-touch .UIHome .stories .article:hover .img i.bottom{
        bottom:-7px;
        right:-7px
    }
    .UIHome .stories .article .img{
        width:27%
    }
    .UIHome .stories .article .info{
        padding:0 0 0 20px;
        width:73%
    }
    .UIHome .stories .article .info h5{
        font-size:13px;
        letter-spacing:0
    }
    .UIHome .stories .article .info h3{
        font-size:27px
    }
    .UIHome .stories .article .info p{
        margin-top:5px;
        font-size:13px;
        line-height:1.5em
    }
    .UIHome .stories .more{
        margin:15px 0 10px;
        padding:0 25px;
        line-height:50px;
        font-size:13px
    }
    .UIHome .stories .carabin{
        width:123px;
        height:123px
    }
    .UIHome .stories .carabin img{
        top:71px;
        left:55px;
        width:71px
    }
}
@media only screen and (max-width :1280px){
    .UIHome .stories .articles{
        padding:10px 30px 40px;
        margin:90px 0 90px auto;
        width:60%
    }
    .UIHome .stories .articles h2{
        font-size:60px;
        letter-spacing:-1px
    }
    .UIHome .stories .articles hr{
        margin:20px 0 28px
    }
    .UIHome .stories .article{
        margin:0 0 15px
    }
    .UIHome .stories .article .img{
        width:25%
    }
    .UIHome .stories .article .info{
        padding:0 0 0 16px;
        width:75%
    }
    .UIHome .stories .article .info h5{
        font-size:12px
    }
    .UIHome .stories .article .info p{
        margin-top:2px;
        font-size:13px;
        line-height:1.3em
    }
    .UIHome .stories .article .info h3{
        font-size:23px
    }
    .UIHome .stories .more{
        margin:10px 0 5px;
        padding:0 20px;
        line-height:45px;
        font-size:12px
    }
    .UIHome .stories .carabin{
        width:113px;
        height:113px
    }
    .UIHome .stories .carabin img{
        top:71px;
        left:65px;
        width:51px
    }
}
@media only screen and (max-width :1023px){
    .UIHome .stories .articles{
        margin:90px auto;
        width:70%
    }
    .UIHome .stories .articles h2{
        font-size:50px;
        letter-spacing:-1px
    }
    .UIHome .stories .articles hr{
        margin:15px 0 23px
    }
    .UIHome .stories .article .info h3{
        font-size:20px
    }
    .UIHome .stories .article .info p{
        font-size:12px
    }
    .UIHome .stories .article .info h5{
        font-size:11px
    }
    .UIHome .stories .more{
        margin:5px 0 0;
        padding:0 15px;
        line-height:40px;
        font-size:11px
    }
}
@media only screen and (max-width :767px){
    .UIHome .stories .wrap{
        width:100%
    }
    .UIHome .stories .articles{
        margin:90px auto;
        width:85%
    }
    .UIHome .stories .articles h2{
        font-size:42px;
        letter-spacing:-.5px
    }
    .UIHome .stories .articles hr{
        margin:13px 0 17px
    }
    .UIHome .stories .article .info h5{
        font-size:10px
    }
    .UIHome .stories .article .info h3{
        font-size:17px
    }
    .UIHome .stories .article .info{
        padding:0 0 0 13px;
        width:75%
    }
    .UIHome .stories .more{
        margin:1px 0 0;
        padding:0 13px;
        line-height:34px;
        font-size:10px
    }
    .UIHome .stories .carabin{
        width:103px;
        height:103px
    }
    .UIHome .stories .carabin img{
        top:71px;
        left:65px;
        width:41px
    }
    .no-touch .UIHome .stories .article:hover .img i.top{
        top:-5px;
        left:-5px
    }
    .no-touch .UIHome .stories .article:hover .img i.bottom{
        right:-5px;
        bottom:-5px
    }
}
@media only screen and (max-width :600px){
    .UIHome .stories .articles h2{
        font-size:36px
    }
    .UIHome .stories .article{
        margin-bottom:20px
    }
    .UIHome .stories .article .info h3{
        font-size:15px
    }
    .UIHome .stories .article .img{
        width:40%;
        height:25vw
    }
    .UIHome .stories .article .info{
        width:60%
    }
}
@media only screen and (max-width :460px){
    .UIHome .stories .articles{
        margin:60px auto 90px;
        width:88%
    }
    .UIHome .stories .articles h2{
        font-size:32px
    }
    .UIHome .stories .article .info p{
        display:none
    }
}
.UIHome .other{
    position:relative;
    z-index:2;
    background:#fff;
    width:100%;
    padding:0 0 130px
}
.UIHome .other .wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:97%;
    max-width:1600px
}
.UIHome .other h2{
    margin:100px auto 0;
    font-weight:700;
    color:#d13550
}
.UIHome .other .h3{
    margin:20px auto 0;
    text-align:center;
    width:70%;
    line-height:1.5em;
    font-size:22px;
    font-weight:500;
    color:#284560
}
.UIHome .other .icon{
    position:relative;
    margin:60px auto 70px;
    width:100%;
    height:40px;
    background:#fff
}
.UIHome .other .icon u{
    position:absolute;
    bottom:-3px;
    left:0;
    width:100%;
    height:23px;
    background:rgba(255,255,255,.8);
    z-index:2
}
.UIHome .other .icon b{
    position:absolute;
    z-index:1;
    top:3px;
    left:50%;
    -webkit-transform:translateX(-50%) rotate(45deg);
    -ms-transform:translateX(-50%) rotate(45deg);
    transform:translateX(-50%) rotate(45deg);
    width:33px;
    height:33px;
    border:4px solid #284560;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.UIHome .other .icon b:nth-child(1),.UIHome .other .icon b:nth-child(3){
    margin-top:6px;
    width:22px;
    height:22px
}
.UIHome .other .icon b:nth-child(1){
    margin-left:-22px
}
.UIHome .other .icon b:nth-child(3){
    margin-left:22px
}
.UIHome .other .activities{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%
}
.UIHome .other .activity{
    position:relative;
    margin:2em auto;
    width:29%;
    -webkit-box-shadow:0 15px 40px rgba(0,0,0,.2);
    box-shadow:0 15px 40px rgba(0,0,0,.2)
}
.UIHome .other .activity>div{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position:relative;
    z-index:2;
    background:#fff;
    width:100%;
    height:100%;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    overflow:hidden
}
.UIHome .other .activity .img{
    width:100%;
    max-height:470px;
    height:30vw
}
.UIHome .other .activity h3{
    width:90%;
    margin:40px auto 0;
    line-height:120%;
    text-align:center;
    font-family:'Playfair Display';
    font-size:36px;
    font-weight:700;
    color:#d13550;
    letter-spacing:-2px
}
.UIHome .other .activity h5,.UIHome .other .more{
    font-family:Ubuntu;
    text-transform:uppercase
}
.UIHome .other .activity h5{
    text-align:center;
    margin:10px auto 0;
    font-size:14px;
    font-weight:700;
    color:#284560;
    width:80%
}
.UIHome .other .activity p{
    width:90%;
    height:100%;
    margin:40px auto;
    text-align:center;
    line-height:1.6em;
    font-size:15px;
    font-weight:400;
    color:#284560
}
.no-flex-height .UIHome .other .activity p{
    height:auto
}
.UIHome .other .activity>i{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#d13550;
    transition:all 150ms cubic-bezier(.25,.46,.45,.94);
    -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
.no-touch .UIHome .other .activity:hover>i{
    top:-20px;
    left:20px
}
.UIHome .other .more{
    margin:80px auto 10px;
    display:inline-block;
    border-radius:6px;
    font-size:14px;
    font-weight:700;
    color:#fff;
    background:#d13550;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 35px;
    line-height:60px;
    -webkit-transition:all 150ms cubic-bezier(.25,.46,.45,.94);
    transition:all 150ms cubic-bezier(.25,.46,.45,.94);
    -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
.no-touch .UIHome .other .more:hover{
    background:#284560
}
@media only screen and (max-width :1600px){
    .UIHome .other h2{
        margin:90px auto 0;
        font-size:80px
    }
    .UIHome .other .h3{
        font-size:21px
    }
    .UIHome .other .activity .img{
        height:26vw
    }
    .UIHome .other .activity h3{
        font-size:34px;
        letter-spacing:-1px;
        margin-top:35px
    }
    .UIHome .other .activity p{
        margin-top:30px
    }
    .UIHome .other .more{
        padding:0 30px;
        line-height:55px
    }
}
@media only screen and (max-width :1440px){
    .UIHome .other{
        padding:0 0 100px
    }
    .UIHome .other h2{
        margin:60px auto 0;
        font-size:65px;
        letter-spacing:-2px
    }
    .UIHome .other .h3{
        font-size:20px;
        width:80%;
        margin-top:15px
    }
    .UIHome .other .activity h3{
        font-size:32px;
        letter-spacing:-.5px;
        margin-top:25px
    }
    .UIHome .other .activity p{
        margin:25px auto 35px;
        line-height:1.5em;
        font-size:14px
    }
    .no-touch .UIHome .other .activity:hover>i{
        top:-15px;
        left:15px
    }
    .UIHome .other .more{
        padding:0 25px;
        line-height:50px;
        font-size:13px
    }
}
@media only screen and (max-width :1280px){
    .UIHome .other{
        padding:0 0 80px
    }
    .UIHome .other h2{
        margin:40px auto 0;
        font-size:59px;
        letter-spacing:-1px
    }
    .UIHome .other .h3{
        font-size:17px;
        margin-top:11px
    }
    .UIHome .other .icon{
        margin:50px auto 60px
    }
    .UIHome .other .activity{
        margin:1em auto;
        -webkit-box-shadow:0 10px 25px rgba(0,0,0,.15);
        box-shadow:0 10px 25px rgba(0,0,0,.15)
    }
    .no-touch .UIHome .other .activity:hover>i{
        top:-10px;
        left:10px
    }
    .UIHome .other .activity h3{
        font-size:27px;
        letter-spacing:0;
        margin-top:27px
    }
    .UIHome .other .activity h5{
        font-size:13px
    }
    .UIHome .other .activity p{
        margin:22px 0 30px 5%;
        line-height:1.3em;
        font-size:13px
    }
    .UIHome .other .more{
        margin-top:50px;
        padding:0 20px;
        line-height:45px;
        font-size:12px
    }
}
@media only screen and (max-width :1023px){
    .UIHome .other{
        padding:0 0 60px
    }
    .UIHome .other h2{
        margin:20px auto 0;
        font-size:50px;
        letter-spacing:-1px
    }
    .UIHome .other .h3{
        font-size:14px;
        margin-top:9px;
        line-height:1.4em
    }
    .UIHome .other .icon{
        margin:40px auto 50px;
        -webkit-transform:scale(.7);
        -ms-transform:scale(.7);
        transform:scale(.7)
    }
    .UIHome .other .activity{
        -webkit-box-shadow:0 7px 20px rgba(0,0,0,.15);
        box-shadow:0 7px 20px rgba(0,0,0,.15)
    }
    .UIHome .other .activity h3{
        font-size:22px;
        letter-spacing:0;
        margin-top:25px
    }
    .UIHome .other .activity h5{
        font-size:11px;
        margin-top:5px
    }
    .UIHome .other .activity p{
        margin:20px 0 25px 5%;
        line-height:1.3em;
        font-size:12px
    }
    .UIHome .other .more{
        margin-top:40px;
        padding:0 15px;
        line-height:40px;
        font-size:11px
    }
}
@media only screen and (max-width :768px){
    .UIHome .other .wrap{
        width:85%
    }
    .UIHome .other h2{
        margin:0 auto;
        font-size:40px;
        letter-spacing:-.5px
    }
    .UIHome .other .h3{
        font-size:13px;
        margin-top:9px;
        line-height:1.4em;
        width:85%
    }
    .UIHome .other .icon{
        margin:30px auto 40px
    }
    .UIHome .other .activities{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -ms-flex-pack:distribute;
        justify-content:space-around
    }
    .UIHome .other .activity{
        width:45%
    }
    .no-touch .UIHome .other .activity:hover>i{
        top:-7px;
        left:7px
    }
    .UIHome .other .more{
        margin-top:30px;
        padding:0 13px;
        line-height:34px;
        font-size:10px
    }
    .UIHome .other .activity .img{
        height:35vw
    }
}
@media only screen and (max-width :600px){
    .UIHome .other .wrap{
        width:88%
    }
    .UIHome .other h2{
        font-size:35px
    }
    .UIHome .other .icon{
        margin:20px auto 30px
    }
    .UIHome .other .activity{
        margin-bottom:30px;
        width:280px
    }
    .UIHome .other .activity .img{
        height:270px
    }
}
@media only screen and (max-width :460px){
    .UIHome .other h2{
        font-size:32px
    }
    .UIHome .other .h3{
        font-size:12.5px;
        margin-top:9px;
        line-height:1.4em;
        width:88%
    }
    .UIHome .other .icon{
        margin:17px auto 18px
    }
}