/*************************/
/* Landing pass - title */
/*************************/

#skipass-header-banner-title { line-height:1.1; padding:100px 0; text-align: center; color:#021f38; text-transform: uppercase; cursor:default; box-sizing: border-box; }
#skipass-header-banner-title .wrapper { position: static; }
#skipass-header-banner-title .line { font-weight: 300; }
#skipass-header-banner-title .line.first { font-size:18px; margin: 0; }
#skipass-header-banner-title.one-line .line.first,
#skipass-header-banner-title .line.second { font-size:40px; padding:14px 0 40px; }
#skipass-header-banner-title .link { color:#021f38; background:transparent; display: inline-block; font-weight: 700; border:1px solid #021f38; border-radius: 4px; padding:10px 20px; transition: all 150ms ease-out; }
#skipass-header-banner-title .link:hover { color:#fff; background:#021f38; }
#skipass-header-banner-title .link:before { content:' '; height:100%; position: absolute; z-index:5; top:0; left:0; width:100%; }

/*************************/
/* Landing pass - global */
/*************************/

#skipass-landing-template { background:#fff; overflow: hidden; color:#19314a; cursor:default; }
#skipass-landing-template .fa.fa-thumbs-up { padding-right:3px; }
#skipass-landing-template .part-content .inner { text-align: center; padding:22px 0 44px; }
#skipass-landing-template .part-content .title { margin:0; font-size:30px; font-weight:300; padding:15px 0 25px; }
#skipass-landing-template .part-content .pass-tag + .title { padding:15px 200px 45px; }
#skipass-landing-template .part-content .title span { display: inline-block; vertical-align: middle; line-height: 1.2; }
#skipass-landing-template .part-content .title strong { font-weight: 400; }
#skipass-landing-template .part-content .body-content { padding:0 138px; font-size: 16px; font-weight: 300; }
#skipass-landing-template .part-content .url-bottom { margin:30px 0 0; font-weight:700; padding:10px 15px; text-transform:uppercase; display: inline-block; background:#74cbef; border-radius:3px; transition:all 150ms ease-out; }
#skipass-landing-template .part-content .url-bottom:hover { color:#fff; }
#skipass-landing-template .part-content .url-bottom i { padding-right:3px; }
#skipass-landing-template .part-content .pass-tag { position: absolute; left:10px; top:15px; }
#skipass-landing-template .part-content .pass-tag .pass { width:150px; transform: rotate(-13deg); }
#skipass-landing-template .part-content .pass-tag .price { color:#fff; background:#74cbef; text-align: center; width:60px; height:60px; line-height:58px; font-size:30px; font-weight: 300; position: absolute; left:-10px; bottom:-52px; border-radius: 99px; }
#skipass-landing-template .part-content .pass-tag .price sup { font-size: 0.5em; top:-0.7em; }
#skipass-landing-template .extra-content { font-size:16px; padding:35px 0 40px; text-align: center; font-weight: 300; position: relative; clear:both; }
#skipass-landing-template .extra-content .wrapper { position: static; }
#skipass-landing-template .extra-content .title { font-size:30px; padding:0 0 13px; font-weight: 300; }
#skipass-landing-template .extra-content .content { margin:0 50px; text-align: left; }
#skipass-landing-template .extra-content .content .picture { float:left; width:106px; margin:10px 50px 0 0; transform:rotate(-8deg); }
#skipass-landing-template .extra-content .content .text { overflow: hidden; padding:2px 0 5px; }
#skipass-landing-template .extra-content .link { color:#d1af4e; background:#001b36; font-weight: 700; text-transform: uppercase; margin:25px 0 0; display: inline-block;border-radius: 4px; padding:9px 20px; transition: all 150ms ease-out; }
#skipass-landing-template .extra-content .link:hover { color:#001b36; background:#d1af4e;  }
#skipass-landing-template .extra-content .link:before { content:' '; height:100%; position: absolute; z-index:5; top:0; left:0; width:100%; }
#skipass-landing-template .extra-content + .block-testimonial { background:rgba(116,203,239,0.8); }
#skipass-landing-template .block-testimonial:only-child .detail blockquote { color:#0c1b47; }
#skipass-landing-template .block-testimonial .detail blockquote { color:#fff; }

/*************************/
/* Landing pass - block advantages */
/*************************/

#skipass-landing-advantages { clear:both; font-size: 16px; cursor: default; color:#74cbef; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
#skipass-landing-advantages .left { float:none; overflow: hidden; padding:0 0 20px; }
#skipass-landing-advantages .left li { display:table; width:100%; padding:10px 20px 10px 10px; color:#23323a; cursor:pointer; border-top:1px solid #b9e5f7; box-sizing:border-box; position: relative; z-index:0; transition: all 150ms ease-out; }
#skipass-landing-advantages .left li:after { content:' '; display: block; width:0; height:100%; background:#e7e8e9; opacity:0.2; position: absolute; z-index: -1; top:0; right:0; transition: all 250ms ease-out; }
#skipass-landing-advantages .left li:hover:after { width:100%; opacity:0.5; }
#skipass-landing-advantages .left li.active { background:#223039; color:currentColor; }
#skipass-landing-advantages .left li.active:after { content:none; }
#skipass-landing-advantages .left li:first-child { border:0; }
#skipass-landing-advantages .left li .ic { display: table-cell; width:50px; vertical-align: middle; }
#skipass-landing-advantages .left li .ic .svg-img { width:28px; height:28px; }
#skipass-landing-advantages .left li .tt { display: table-cell; vertical-align: middle; }
#skipass-landing-advantages .right { width:450px; }
#skipass-landing-advantages .right .bg { position: absolute; top:0; height:100%; width:100vw; }
#skipass-landing-advantages .right .bg:before { content:' '; display:block; height:100%; width:100%; background:rgba(11,28,37,0.9); }
#skipass-landing-advantages .right .slider-items { margin:20px 28px 36px; }
#skipass-landing-advantages .right .nav { display:none; }
#skipass-landing-advantages .right .item { color:currentColor; text-align: center; opacity: 0; width:100%; position: absolute; top:0; right:50px; transform: scale(0.9) skew(-10deg,10deg); visibility: hidden; transition: all 300ms ease-out; }
#skipass-landing-advantages .right .item.active { position: relative; z-index:1; right:0; top:0; visibility: visible; opacity:1; transform: scale(1) skew(0deg,0deg); }
#skipass-landing-advantages .right .item .no { font-weight: 300; font-size: 14px; padding:0 0 15px; display: none; }
#skipass-landing-advantages .right .item .ic { transform:scale(1.3); opacity:0; transition: all 200ms 200ms ease-out; }
#skipass-landing-advantages .right .item.active .ic { transform:scale(1); opacity:1; }
#skipass-landing-advantages .right .item .ic .svg-img { width:80px; height:80px; }
#skipass-landing-advantages .right .item .tt { padding:20px 0; margin:0; font-weight:400; line-height: 1.1; font-size: 20px; text-transform: uppercase; }
#skipass-landing-advantages .right .item .ct { color:#fff; line-height: 1.3; font-weight: 300; }
#skipass-landing-advantages .right .item .ct ul{ margin:1em 0; }
#skipass-landing-advantages .right .item .ct li { list-style:inside none disc; }
#skipass-landing-advantages .right .item .ct a { color:currentColor; border-bottom:1px solid currentColor; }
#skipass-landing-advantages .right .item .ct a:hover { border-bottom-style:dotted; }
#skipass-landing-advantages .right .item .ct > :last-child { margin-bottom:0; }
#skipass-landing-advantages .more { text-align: right; padding:28px 50px 0 0; }
#skipass-landing-advantages .more a { margin:0 0 20px; display: inline-block; vertical-align: middle; }
#skipass-landing-advantages .more .subscribe { color:currentColor; background:#021f38; font-weight: 700; font-size: 12px; text-transform: uppercase; border-radius: 4px; padding:9px 20px; transition: all 150ms ease-out; }
#skipass-landing-advantages .more .subscribe:hover { color:#fff; background:#74cbef;  }
#skipass-landing-advantages .more .validate { font-size: 13px; text-decoration: underline; color:#021f38; margin-left:22px; }
#skipass-landing-advantages .more .validate:hover { text-decoration: none; }

/*************************/
/* Landing pass - price grid */
/*************************/

#skipass-landing-prices-grid { background:#70C4E8; color:#fff; padding:25px 0 35px;  }
#skipass-landing-prices-grid .wrapper > .inner { margin:0 50px; }
#skipass-landing-prices-grid .title { margin: 0 0 30px; text-transform: uppercase; font-size: 25px; font-weight:300; text-align: center; line-height:1; }
#skipass-landing-prices-grid .title img { max-width:35px; }
#skipass-landing-prices-grid .npy-skipass-widget-container-form { margin: 30px 0 0; }
#skipass-landing-prices-grid .npy-skipass-widget-container-form .wrapper-inner .wrapper-form { margin: 0 0 20px; }
/*************************/
/* Landing pass - color contexts */
/*************************/

#skipass-landing-template.ctx-vacances .part-content .pass-tag .price { background:#0B1C24; }
#skipass-landing-template.ctx-vacances #skipass-landing-advantages { color:#E75152; }
#skipass-landing-template.ctx-vacances #skipass-landing-advantages .more .subscribe:hover,
#skipass-landing-template.ctx-vacances #skipass-landing-prices-grid { background:#E75152; }

#skipass-landing-template.ctx-etudiant .part-content .pass-tag .price { background:#19314a; }
#skipass-landing-template.ctx-etudiant #skipass-landing-advantages { color:#099ec4; }
#skipass-landing-template.ctx-etudiant #skipass-landing-advantages .more .subscribe:hover,
#skipass-landing-template.ctx-etudiant #skipass-landing-prices-grid { background:#099ec4; }

#skipass-landing-template.ctx-nosouci-plus .part-content .url-bottom,
#skipass-landing-template.ctx-nosouci-plus .part-content .pass-tag .price,
#skipass-landing-template.ctx-nosouci-plus #skipass-landing-advantages .more .subscribe:hover { background:#d1af4e; }
#skipass-landing-template.ctx-nosouci-plus #skipass-landing-advantages { color:#d1af4e; }

/*************************/
/* Landing pass - nosouci + partners */
/*************************/

#skipass-landing-template.nosouci-plus-partners .part-content .url-bottom { color:#d1af4e; background:#021F38; }
#skipass-landing-template.nosouci-plus-partners .part-content .url-bottom:hover{ color:#fff; }

.view-partners-no-souci-plus .view-filters { background:#001B36; color:#fff; text-align: center; padding:26px 0 30px; }
.view-partners-no-souci-plus .view-filters .text .title { font-weight:300; font-size:30px; margin:0; padding:0 0 10px; }
.view-partners-no-souci-plus .view-filters .text p { font-size:16px; font-weight:300; margin:10px 0 25px; }
.view-partners-no-souci-plus .view-filters .views_exposed_form { float:none; padding:0; margin:0; }
.view-partners-no-souci-plus .view-filters .views-exposed-widget { width:30%; display: inline-block; float:none; margin:0 1.5%; }
.view-partners-no-souci-plus .view-filters .views-exposed-widget .views-widget { float:none; text-align:left; font-weight:700; }
.view-partners-no-souci-plus .view-filters .views-submit-button { width:auto; margin:0; }
.view-partners-no-souci-plus .view-content .items { padding:10px 45px; font-size:16px; }
.view-partners-no-souci-plus .view-content .item { padding:30px 26px; border-top:1px solid #BEBFC1; }
.view-partners-no-souci-plus .view-content .item:first-child { border:0; }
.view-partners-no-souci-plus .view-content .item .left { width:230px; padding:0 40px 0 0; text-align: center; }
.view-partners-no-souci-plus .view-content .item .right { float:none; overflow: hidden; }
.view-partners-no-souci-plus .view-content .item .logo { display: block; margin:4px 0 0; }
.view-partners-no-souci-plus .view-content .item .infos { color:#003c78; font-weight:700; margin:20px 0 0; }
.view-partners-no-souci-plus .view-content .item .infos a:hover { text-decoration: underline; }
.view-partners-no-souci-plus .view-content .item .title { margin:0 0 12px; color:#003c78; text-transform: uppercase; font-size:20px; font-weight:700; }
.view-partners-no-souci-plus .view-content .item .text { font-weight:300; margin:0 0 20px; }
.view-partners-no-souci-plus .view-content .item .extra { text-align: center; color:#001b36; border:1px solid currentColor; border-radius:3px; padding:8px 75px; }
.view-partners-no-souci-plus .view-content .item .extra .code { font-size:25px; display: block; }
.view-partners-no-souci-plus .view-empty { text-align: center; padding:20px 0; font-weight:700; font-size:20px; }
.view-partners-no-souci-plus .pager { margin:10px 0 40px !important; }

/*************************/
/* Landing pass - direct pass booking */
/*************************/
#skipass-booking { padding:30px 0; }
#skipass-booking .title { text-transform: uppercase; font-size:30px; font-weight:300; text-align: center; }
#skipass-booking .intro { line-height:1.5; text-align: center; margin:16px 75px 24px; }
#skipass-booking .not-available { text-align: center; font-size: 16px; margin:34px 0 10px; }
#skipass-booking .not-available .go-booking { display: inline-block; border-bottom: 1px solid currentColor; margin:24px 0 0; }
#skipass-booking .not-available .go-booking:hover { color:#e75152; }

/*************************/
/* CS overlayer inclusion */
/*************************/
#npy-skipass-push-product-pass-vacances { margin:0 0 15px; background:#1D2B36; color:#fff; position: relative; padding:12px 14px 14px; font-size:16px; cursor:default; }
#npy-skipass-push-product-pass-vacances a { text-decoration: underline; }
#npy-skipass-push-product-pass-vacances .push-pin { padding:7px 18px; background:#E85152; position: absolute; top:0; right:0; border-radius:0 0 0 10px; text-transform: uppercase; font-weight: 300; }
#npy-skipass-push-product-pass-vacances .push-title { font-size: 20px; text-transform: uppercase; font-weight:700; text-align: center; margin:0 0 17px; padding:0 110px; }
#npy-skipass-push-product-pass-vacances .push-picture { width:112px; float:left; margin:10px 24px 15px 15px; transform:rotate(-13deg); }
#npy-skipass-push-product-pass-vacances .push-picture img { width:100%; }
#npy-skipass-push-product-pass-vacances .detail { overflow: hidden; margin:17px 0; }
#npy-skipass-push-product-pass-vacances .detail li { list-style: outside none square; margin:3px 0; }
#npy-skipass-push-product-pass-vacances .link { display: inline-block; }
#npy-skipass-push-product-pass-vacances .link:before { content:' '; position:absolute; left:0; top:0; width:100%; height:100%; display: block; }
#npy-skipass-push-product-pass-vacances .link:hover:before { background:rgba(255,255,255,0.02); }
#npy-skipass-push-product-pass-vacances .link-cta {  text-decoration: none; margin:10px 0 0; text-transform: uppercase; font-size: 12px; font-weight:700; padding:7px 16px; border:3px solid currentColor; border-radius: 2px; }
#npy-skipass-push-product-pass-vacances .link-more { margin:16px 0 0; font-size:14px; }
#npy-skipass-push-product-pass-vacances .notices { clear:both; font-size: 12px; padding:12px 0 0; }

#npy-skipass-push-product-pass-vacances.overlayer { margin:15px 0; }
#npy-skipass-push-product-pass-vacances.overlayer .notices { padding-top:0; }



/* Desktop */
@media screen and (min-width:1025px) {

    /*************************/
    /* Pass promote */
    /*************************/

    #skipass-promote-pass .bottom .push { transform:none !important; }
    #skipass-promote-pass.context-all .bottom .push .wrap-btn { position: absolute; left:0; bottom:-30px; margin:0 0 -13px; width:100%; opacity:0; transition:all 150ms 80ms ease-out; }
    #skipass-promote-pass.context-all .bottom .push:hover .text { opacity:0; }
    #skipass-promote-pass.context-all .bottom .push:hover .wrap-btn { opacity:1; bottom:50%; }

}


/* Tablet */
@media screen and (min-width:768px) and (max-width:1024px) {

    /*************************/
    /* Pass promote */
    /*************************/

    #skipass-promote-pass .top .intro { padding-bottom: 180px; }
    #skipass-promote-pass .bottom .push { width:230px; margin-left:34px; transform:none !important; }
    #skipass-promote-pass .bottom .push:before { left:-20px; padding:0 20px; }

    /*************************/
    /* Landing pass - price grid */
    /*************************/

    #skipass-landing-prices-grid .wrapper > .inner { margin:0; }

    /*************************/
    /* Landing pass - nosouci + partners */
    /*************************/

    .view-partners-no-souci-plus .view-content .items { padding:10px 20px; }


}   


/* Mobile */
@media screen and (max-width:767px) {

    /*************************/
    /* Pass promote */
    /*************************/

    #skipass-promote-pass .top .intro .title { padding-bottom:15px; }
    #skipass-promote-pass .top .intro .title br { display: none; }
    #skipass-promote-pass .bottom .push { width:100% !important; margin:0 !important; position:absolute; left:0; top:0; transform:translateX(100vw); }
    #skipass-promote-pass .bottom .push.active { position:relative; transform:translateX(0); }
    #skipass-promote-pass .bottom .push .logo img { width:80% !important; }
    #skipass-promote-pass .bottom .push .title { padding:20px 25px 20px; font-size:28px; }
    #skipass-promote-pass .bottom .nav { display: block; top:0; height:150px; }
    #skipass-promote-pass .bottom .nav:before { width:22px; height:22px; margin-left:-11px; border-color:#fff; }
    #skipass-promote-pass .bottom .nav.prev { left:-30px; }
    #skipass-promote-pass .bottom .nav.next { right:-30px; }

    #skipass-promote-pass.context-see-more .bottom .nav { top:-35px; }
    #skipass-promote-pass.context-see-more .bottom .nav:before { border-color:#001b36; }

    /*************************/
    /* Landing pass - title */
    /*************************/

    #skipass-header-banner-title.one-line .line.first,
    #skipass-header-banner-title .line.second { font-size:30px; }

    /*************************/
    /* Landing pass - global */
    /*************************/

    #skipass-landing-template .part-content .pass-tag { position: relative; left:0; top:0; display: inline-block; margin:15px 0 70px; }
    #skipass-landing-template .part-content .title { padding:0 0 15px !important; }
    #skipass-landing-template .part-content .body-content { padding:0; }
    #skipass-landing-template .extra-content .title { font-size:24px; line-height: 1.2; padding:0 0 25px; }
    #skipass-landing-template .extra-content .content { margin:0; }
    #skipass-landing-template .extra-content .content .text { overflow: visible; }
    #skipass-landing-template .extra-content .content .picture { margin:0 20px 0 0; }

    /*************************/
    /* Landing pass - block advantages */
    /*************************/

    #skipass-landing-advantages { position: relative; }
    #skipass-landing-advantages .wrapper { position:static; }
    #skipass-landing-advantages .left { position: relative; }
    #skipass-landing-advantages .left .nav { display:none; }
    #skipass-landing-advantages .right .bg{ left:0; }
    #skipass-landing-advantages .right .slider-items { margin:20px 0 15px; }
    #skipass-landing-advantages .right .nav { display:block; }
    #skipass-landing-advantages .right .nav { height:260px; }
    #skipass-landing-advantages .right .item .no { display:block; }
    #skipass-landing-advantages .right .item .tt { padding:20px 35px; }
    #skipass-landing-advantages .more { padding:0; text-align: center; }
    #skipass-landing-advantages .more .subscribe { color:currentColor; background:#fff; margin:22px 0 0; }
    #skipass-landing-advantages .more .validate { color:#fff; margin:10px 0 0; padding:10px 0; }


    #skipass-landing-prices-grid { padding-bottom: 0; }
    #skipass-landing-prices-grid .wrapper > .inner { margin:0; }

    /*************************/
    /* Landing pass - nosouci + partners */
    /*************************/

    .view-partners-no-souci-plus .view-content .items { padding:10px 5px; }
    .view-partners-no-souci-plus .view-filters .views-exposed-widget { display:block; float:none; width:100%; margin:0 0 16px; }
    .view-partners-no-souci-plus .view-filters .views-submit-button { width:auto; position: absolute; bottom:0; right:0; }
    .view-partners-no-souci-plus .view-content .item { padding:25px 5px; }
    .view-partners-no-souci-plus .view-content .item .left { padding:0 0 14px; float:none; }
    .view-partners-no-souci-plus .view-content .item .title { text-align: center; }
    .view-partners-no-souci-plus .view-content .item .extra { padding:10px; }

    /*************************/
    /* Landing pass - direct pass booking */
    /*************************/

    #skipass-booking .intro { line-height:1.5; text-align: center; margin:16px 0 20px; }

    /*************************/
    /* CS overlayer inclusion */
    /*************************/

    #npy-skipass-push-product-pass-vacances .push-title { margin:40px 0 20px; padding:0; }
    #npy-skipass-push-product-pass-vacances .push-picture { width:150px; float:none; margin:30px auto; }
    #npy-skipass-push-product-pass-vacances .notices { padding:0; }

}