/**** SOMMAIRE ****/
/*STRATE OPENING*/
/*STRATE BENEFICE*/
/*STRATE SOLUTION*/
/*STRATE DESCRIPTION*/
/*STRATE COFFRET */
/*STRATE MORE INFOS*/
/*STRATE TESTIMONIALS */
/*STRATE SERVICES*/
/*STRATE FAQ*/
/*STRATE STORES*/
/*STRATE ACTIONS*/
/*POPUPS*/
/*******************/

/**** MEDIA QUERIES ****/
/********* @MEDIA SCREEN *************/
/********* @MEDIA HD SCREEN min-width: 1920px *************/
/********* @MEDIA SMALL SCREEN max-width: 1365px *************/
/********* @MEDIA TINY SCREEN max-width: 1130px *************/
/********* @MEDIA TABLET SCREEN max-width: 768px *************/
/********* @MEDIA PHABLET SCREEN max-width: 680px *************/
/********* @MEDIA MOBILE SCREEN max-width: 426px *************/
/********* @MEDIA TINY MOBILE SCREEN max-width: 320px *************/
/***********************/

div a {
    text-decoration: none !important;
}

.full-wrapper,
.sticky-wrapper.sticky-abonnement {
    width: 100%;
    max-width: 1440px;
    margin: auto;
    align-items: center;
    justify-content: center;    
}

.sticky-wrapper.sticky-abonnement {
    margin-top: 60px;
}

header.full-container{
    background-color: #1E1E23;
}

main.full-container {
    background-color: #F2F2F2;
}

header.full-container .full-wrapper img {
    width: 100%;
}

header.full-container .full-wrapper {
    overflow: hidden;
}

.html {
    width: 100%; margin: 0 auto;
    font: 1rem Arial, Helvetica, sans-serif;
    line-height: 1.5;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.body {
    position: relative;
    margin: 0; padding: 0;
    color: #24282D;
    font-family: "Gotham Light", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

section .text-slider p {
    color: #fff;
}

img {
    border: 0;
}

div button {
    font-family: inherit;
}

.full-container div button,
.full-container div input,
.full-container div optgroup,
.full-container div select,
.full-container div textarea{
    color: inherit; /* 1 */
    font-family: 'Gotham Bold', Arial, Helvetica, sans-serif; /* 2 */
    font-size: .8125rem;
    margin: 0; /* 3 */
}

div button {
    text-transform: uppercase;
}

ol,
ul {
    margin: 0; padding: 0;
    list-style: none;
}

h1 {
    margin-top: 0; padding: 3.125rem 0;
}

.solution h2, 
.coyote h2 {
    font-size: 2.125rem;
}

.full-container section h1, 
section h2, 
section h3, 
div h1, 
div h2, 
div h3 {
    margin: 0; padding: 0;
    font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem;
    font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
    line-height: 1.5;
}

section h1,
section h2 {
    text-transform: uppercase;
}

.full-container section p > strong {
    font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-weight: initial;
}

input[type="checkbox"],
input[type="checkbox"] + label {
    cursor: pointer;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ZDA1NjIyZi0xODI3LTRiZTYtYTNmYi0wMmYyYTJmOWU0NzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTJEN0QxMDgyRjA3MTFFNzk0OUZGQ0YzQTlGQTY3RjIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTJEN0QxMDcyRjA3MTFFNzk0OUZGQ0YzQTlGQTY3RjIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNjJiMzQ1Yy00YWFhLTQ2MTItODFiNy1mZDk2MjEzNWUxOGQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0YzU4ZDAxMS02NTg4LTExN2EtYjMwOC05YjFhNzhkMDE0NGYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz58cDqzAAAAmElEQVR42uzVIQ7DMAwFULeawutT5FArHC3b2C6wXaGsBwnLGZJDxINTgvYtDYzXK8qXfuSQZ+ghhOCI6ImeUab9eaEbej3heTDz4r0n59xuubU2pZQWEXmP+M9WsEYd9ZCL4mwF/y5Qd6Q/puMd73jHO34oLjhNpujXE8W3nDNZLai1knrIqgf6VkoZYowz5snw+t8/AgwAe6Uu9Chjq2wAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: 0 50%;
}

input[type="checkbox"]:checked + label {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAXCAYAAAARIY8tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ZDA1NjIyZi0xODI3LTRiZTYtYTNmYi0wMmYyYTJmOWU0NzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0EwQkEzQUIyRjA2MTFFNzkyRERDNEVGMEZEQ0REOUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0EwQkEzQUEyRjA2MTFFNzkyRERDNEVGMEZEQ0REOUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNjJiMzQ1Yy00YWFhLTQ2MTItODFiNy1mZDk2MjEzNWUxOGQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0YzU4ZDAxMS02NTg4LTExN2EtYjMwOC05YjFhNzhkMDE0NGYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4XySM4AAACCUlEQVR42mJMfiLHxsDA0A3EMUAsxEA5eM/IwLR4pvQdSSYGZisWoEAXEOcxUA8I+vMV5QENB7G3MgGJWCoazmDK6cvgw5vL8PLPvb9AbhQTlYIFDBTY9BgSBXsYvv77wDDhbQLIC5+YqGW4ALM4Q67QXGDAsDBMe5fO8PrPQ7A4VSxgY+RkyBWey8DPLMaw9GMtw82fJ+ByFFvACISJgt0M8qy6DHu/zGc49HUZijzFFngDIxQUsdd+HmZY+bEZQx6rBRIsSgxcTHwEDTfm9GII4CtmePHnHsOMd1kM/xj+EmdBg9hOhirRjQy8TMI4DZdn1WFIFuxn+PbvI8Pkt0lA+hNWdVgt2PR5AtgXJSLLsVrCzyzKkAOMVBZGVmCKyQCm+fs4HYLVgm2fpzJs/zydQZpVnSFfeD4DJxMvXI6VkZ0hW2g2gyCzBMPyDw0MN34ewxuMOCN57acOhl1fZgMzjz5DkfASBnZGbnCKSRDoZlBiM2Q48HUxw/6viwjGEws+ydUfW8Fp3IE7BpzO7/w6zWDO5c9w/edRhmVA1xMD8FrwHwiXfqgBWsLBYMUVwqDBbgkqYximv8sEppg/lFsAs2TB+zIGUOmow2EPTDEp4JRDLGAhRhEofc95X0BWRmRioDEYHha8o5HZ72AWLKaRBXNgqagMXKxD6mZBarQqoI6uBXEAAgwAniKOrhJEFZsAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.hidden {
    display: none;
}

.invalid {
    border: solid 1px red !important;
}

.label {
    display: block;
    padding: 0;
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    color: inherit;
    text-align: left;
    white-space: normal;
    vertical-align: baseline;
    border-radius: 0;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.col-4, 
.col-3, 
.col-2, 
.col-to-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 5rem 6.25rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.button-wrapper a {
    padding: 1rem 2rem;
    background: transparent;
    border-radius: 2px;
    transition: background 0.2s;
}

.main .full-container .button-wrapper a, 
.main .full-container div a, 
.main .full-container .button-wrapper a:hover, 
.main .full-container .button-wrapper a:focus, 
.main .full-container .button-wrapper a:visited {
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
    font-size: .75rem;
}

.dark-bg {
    background-color: #1E1E23;
}

.white-bg {
    background-color: #FFF;
}

.text h1 span {
    color: #FFF
}

.text span{
    color: #64E61E;
    padding-top: 2.125rem;
}

.text span:nth-of-type(1) {
    padding-right: 1rem;
}

.text span:nth-of-type(2) {
    border-left: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
    padding: 0 1rem;
}

.text span:nth-of-type(3) {
    padding-left: 1rem;
}

.text {
    width: 37%;
}

.with-arrow-down:before {
    display: inline-block;
    margin-right: 1.125rem; width: .875rem; height: .5rem;
    background: url(/css/img/tunnel/arrow-down-green.svg) no-repeat;
    content: '';
    transition: all .2s;
}

.full-container .bordered-button {
    border: 1px solid #64E61E;
    padding: 1.25rem 2.5rem;
    font: .875rem 'Gotham Bold', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    background-color: transparent;
    transition: all .2s;
}

.bordered-button:hover {
    background-color: #64E61E;
}

.full-container .bordered-button2 {
    border: 1px solid #64E61E;
    padding: 1.25rem 2.5rem;
    font: .875rem 'Gotham Bold', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    background-color: #64E61E;
    transition: all .2s;
}

.bordered-button2:hover {
    background-color: transparent;
}

.box-svg svg {
    display: block;
    width: inherit;
    height: inherit;
}

.main-title span {
    font-size: 1.875rem;
    padding: 3.125rem 0;
}

.fiche-technique button {
    margin-left: auto !important;
    margin-right: auto !important;
}

/*STRATE OPENING*/
.opening {
    width: 100%;
    margin-top: 0; padding: 5.3125rem;
    /*background: url(/css/img/tunnel/pages/product/visual-produit.jpg) no-repeat; background-size: 100% auto;*/
    color: #FFF;
    background-color: transparent;
}

.opening-wrapper {
    background: url(/css/img/tunnel/pages/product/visual-produit.jpg) no-repeat; background-size: 100% auto;
    background-position-y: -200px;
}

.opening-wrapper .slick-dots {
    bottom: -25px;
}

.opening-logo {
    width: 80%;
}

.opening h1 {
    position: absolute;
    left: -999px;
    opacity: 0;
}

.opening h2 {
    font-size: 2rem;
    font-family: 'Gotham Light', Arial, Helvetica, sans-serif;
    text-transform: none;
    color: #FFF;
}

.opening .with-arrow-down {
    margin-top: 2.125rem;
    padding: .9375rem 1.75rem;
    font-size: 1.875rem;
}

.opening .with-arrow-down:hover:before {
    background: url(/css/img/tunnel/pages/product/pictos/arrow-down-white.png) no-repeat;
}

.opening .text-slider .slick-dots {
    text-align: left;
}

.opening .slick-dots li button {
    width: 10px;
    height: 10px;
    color: transparent;
    background: transparent;
    border: 1px solid #FFF;
    border-radius: 50%;
}

.opening .slick-dots li.slick-active button {
    background: #FFF;
}

.opening .slick-dots li.slick-active button:before {
    opacity: 0;
    color: #FFF;
}

.opening .slick-dots li button:hover:before, 
.opening .slick-dots li button:focus:before {
    opacity: 0;
}

.opening .slick-dots li button:before {
    opacity: 0;
    border: 1px solid #FFF;
}

.bordered-button .light {
    font: 1.125rem 'Gotham Book', Arial, Helvetica;
    color: #FFF;
}

/*STRATE BENEFICE*/
.benefice {
    background-color: #1E1E23;
    padding: 2.625rem 0;
}

.benefice .full-wrapper {
    padding: 0 6.25rem;
}

.benefice-title {
    position: relative;
    float: left;
    top: 1.375rem;
    width: 20%;
    margin-right: 2.25rem;
}

.mobile-benefice-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 3.625rem;
}

.benefice .slide {
    width: 21.8%;
    height: 80px;
    background: url(/css/img/tunnel/benefice-background.svg) no-repeat 10%;
    padding: 0 .75rem;
}

.benefice h2 {
    font: 1.25rem "Gotham Light", Helvetica, Arial, sans-serif;
    color: #64E61E;
    bottom: 1.5rem;
    position: relative;
}

.benefice p {
    font-size: .75rem;
    color: #D7D7DC;
}

.benefice span {
    color: #64E61E;
}

.opening .slick-initialized .slick-slide {
    margin: 1.5rem 0;
}

/*STRATE SOLUTION*/
.solution {
    width: 100%;
    text-align: center;
}

.subtitle {
    font-size: 1.5625rem;
}

.solution h2 {
    padding-top: 3.125rem;
}

.payment-choice .payment:nth-of-type(4) .details,
.payment-choice .payment:nth-of-type(4) .further-details {
    margin-left: -20%;
    width: 140%;
}

/*.sticky-abonnement .payment-choice .payment:nth-of-type(4) .details,*/
/*.sticky-abonnement .payment:nth-of-type(4) span strong,*/
/*.sticky-abonnement .payment-choice .payment:nth-of-type(4) .further-details {*/
/*  margin-left: -3%;*/
/*  width: 106%;*/
/*  font-family: "Gotham Light", Arial, Helvetica, sans-serif;*/
/*  font-size: .75rem;*/
/*}*/

.sticky-abonnement .payment:nth-of-type(4) span strong {
    font-weight: normal;
    font-weight: initial;
}

.payment-choice.col-4{
    margin: 5rem;
    margin-top: 1em;
    margin-bottom: 1em;
}

.payment-choice .payment:nth-of-type(4) .further-details {
    padding-top: 0;
}

.payment-choice .payment:nth-of-type(1) {
    background-color: #FFF;
    border: 1px solid #C9C9C9;
    opacity:0.5;
    cursor: Default;
}

.payment-choice:hover .payment:nth-of-type(1) {
    cursor: Default;
}

.payment {
    position: relative;
    max-width: 295px;
    width: 23%;
    height: 240px;
    padding: 3rem;
    background-color: #FFF;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    text-align: center;
    margin: .5rem;
    flex-wrap: nowrap;
}

.sticky-wrapper:not(.sticky-abonnement) .payment.enabled .select-price {
    bottom: 51px;
    right: 86px;
}

.sticky-wrapper:not(.sticky-abonnement) .payment.enabled {
    border: 4px solid #62E21E;
    padding: calc(3rem - 4px)
}

.payment span {
    display: block;
}

.payment .symbol {
    display: inline;
}

.payment .select-price {
    position: absolute;
    bottom: 55px;
    left: calc(50% - 60px + 1rem);
    width: 120px;
}

.payment span.price {
    padding: .5rem 1.25rem 1.25rem;
}

.payment span em {
    font-size: 1rem;
    font-style: normal;
    color: #8C8C96;
}

.payment span strong {
    font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-weight: initial;
}

.payment input[type=radio] + span.radio-picto {
    position: relative;
    padding: 1.875rem;
    height: 100%;
    width: 100%;
}

.payment .asterisque {
    font-size: .625rem;
    color: #8C8C96;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    padding: 5px 10px;
}

.payment.enabled .asterisque {
    padding: 1px 6px;
}

.solution-label {
    font: 1.125rem 'Gotham Book', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.price {
    font-size: 1.125rem;
    color: #8C8C96;
}

/*.solution-label:after{
    content: ' Mini';
    color: #64E61E;
    text-transform: none;
}*/

.payment-choice input[type=radio] {
    position: relative;
    top: 2px;
    left: 0;
    display: none;
    padding: 0;
}
.noAbo {
    margin-left: 2.5em;
    margin-top: -1.5em;
    cursor: pointer; 
    cursor: hand;
}
.noAbo:hover {
    cursor: pointer; 
    cursor: hand;
}

span.select-price {
    font: 1.5rem 'Gotham Bold', Arial, Helvetica, sans-serif;
}

.solution input[type=radio]:checked + span.select-price:before {
    border: none;
    background: url(/css/img/tunnel/check.svg) #61E061 no-repeat 90% 50%;
    background-size: 80%;
}

.solution input[type=radio]:checked + span.select-price {
    color: #62E21E;
}

.solution input[type=radio]:checked + span.select-price:nth-of-type(1) {
     color: #1e1e23; 
}

.solution input[type=radio] + span.select-price:before {
    position: absolute;
    border-radius: 50%;
    border: 1px solid #62E21E;
    width: 1.25rem;
    height: 1.25rem;
    content: '';
    margin: .3rem -2rem;
}


.solution button[disabled], html input[disabled] {
    cursor: default;
    color: rgba(0, 0, 0, .5);
}

.further-details {
    padding-top: 1rem;
    font-size: .75rem;
    color: #8C8C96;
    width: 120%;
    margin-left: -10%;
}

.further-details.black {
    color: inherit;
}

/*
* Sticky panier
 */
.sticky-abonnement {
    position: fixed;
    top: 0;
    display: flex;
    flex-direction: row;
    background-color: #FFF;
    padding: 1rem 1rem 1em 1em;
    padding-top: 43px;
    z-index: 10;
    height: 117px;
}

.sticky-abonnement .payment-choice .col-4 {
    flex-wrap: nowrap;
}

.sticky-abonnement h2 {
    font-size: .75rem;
    width: 10%;
    font-family: "Gotham Light", Arial, Helvetica, sans-serif;
    padding-top: .5rem;
    margin-top: -2rem;
}

.sticky-abonnement h2:before {
    content: 'Coyote Mini ';
    font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
}

.sticky-abonnement .solution-label,
.sticky-abonnement .subtitle,
.sticky-abonnement .price,
.sticky-abonnement .details > em,
.sticky-abonnement .symbol,
.sticky-abonnement .further-details{
    display: none;
}

.sticky-abonnement .select-price {
    position: relative;
    bottom: 0;
    left: .5rem;
}

.sticky-abonnement .further-details {
    font-size: .75rem;
}

.sticky-abonnement .payment {
    width: 20%;
    height: auto;
    padding: .2rem;
}

.sticky-wrapper.sticky-abonnement .payment {
    min-height: 90px;
    position: relative;
    width: 22%;
}

.sticky-wrapper.sticky-abonnement .radio-picto {
    height: 100%;
    min-width: 200px;
}

.sticky-wrapper.sticky-abonnement .select-price {
    position: absolute;
    bottom: .5rem;
    left: 25%;
    width: 120px;
}

.sticky-abonnement .select-price {
    font-size: 1.25rem;
}

.sticky-abonnement form {
    display: flex;
    flex-direction: row;
    padding-top: 0;
    width: 90%;
}

.sticky-abonnement .col-4 {
    margin: 0 3rem;
    width: 90%;
}

.sticky-abonnement .bordered-button {
    padding: .5rem 1rem;
    margin: 1.5rem;
    min-width: 200px;
}

/*.sticky-abonnement .bordered-button2 {*/
/*  padding: .5rem 1rem;*/
/*  margin: 1.5rem;*/
/*  min-width: 200px;*/
/*  background:#64e61e;*/
/*}*/

.sticky-abonnement .bordered-button2 {
    padding: .5rem 1rem;
    margin: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 4rem;
    min-width: 200px;
    background: #64e61e;
}

.sticky-wrapper.sticky-abonnement .asterisque {
    display: none;
}

/*
* @section Coyote
*/
.coyote {
    position: relative;
    padding: 5.75rem 0 10rem;
    margin-bottom: 0;
    text-align: center;
    background-color: #FFF;
}

.infos-coyote-wrapper {
    padding-top: 5rem;
}

.infos-coyote {
    float: right;
    width: 50%;
    padding: 0 6.25rem;
}

.visual-coyote .visual {
    width: 100%;
}

.visual-coyote {
    float: left;
    padding: 0 6.25rem 0 12.5rem;
    width: 50%;
    margin-top: -30px;
}

.infos-coyote #functionalities:not(.opened) .hide-functionalities {
    display: none;
}

.infos-coyote #functionalities.opened .show-functionalities {
    display: none;
}

.infos-coyote #functionalities.opened.with-arrow-down:before {
    transform: rotate(180deg);
}

.description .with-arrow-down:hover:before,
.infos-coyote .with-arrow-down:hover:before {
    background: url(/css/img/tunnel/pages/product/pictos/arrow-down-black.png) no-repeat;
}

.superposition {
    position: relative;
}

.visual-coyote .screen {
    position: absolute;
    z-index: 9;
    top: 6%;
    left: 10%;
    width: 80%;
}

.visual-coyote .screen.adapt_s {
    position: absolute;
    z-index: 9;
    top: 5%;
    left: 11%;
    width: 78%;
}

.visual-coyote .screen.adapt_nav {
        position: absolute;
    z-index: 9;
    top: 5%;
    left: 14%;
    width: 74%;
}
.visual-coyote .screen.adapt_nav_plus {
    position: absolute;
    z-index: 9;
    top: 6%;
    left: 11%;
    width: 79%;
}

.visual-coyote .visual {
    width: 100%;
    position: relative;
    z-index: 8;
}

.visual-coyote.is-sticky {
    position: fixed;
    top: calc(50% - 150px)
}

.visual-coyote.is-on-bottom {
    position: absolute; bottom: 8rem;
}

.visual-coyote a {
    font-family: "Gotham Light", Arial, Helvetica, sans-serif;
    text-transform: none;
    color: #8C8C96;
}

.coyote .view-links {
    padding-top: 1.75rem;
    justify-content: space-around;
    display: flex;
}

.view-links a {
    font-family: "Gotham Light" !important;
}

.link-360:before {
    display: inline-block;
    width: 1.375rem; height: 1.375rem;
    background: url(/css/img/tunnel/view360.svg) no-repeat;
    content: '';
    top: .6rem;
    position: relative;
    margin-right: .25rem;
}

.link-video:before {
    display: inline-block;
    width: 1.375rem; height: 1.375rem;
    background: url(/css/img/tunnel/play-video.svg) no-repeat;
    content: '';
    top: .4rem;
    position: relative;
    margin-right: .25rem;
}

.arrow-box:last-of-type {
    border-bottom: 0;
}

.arrow-box {
    float: left;
    padding: 2.5rem 1.25rem;
    background: #FFF;
    border-bottom: 1px solid #C9C9C9;
    text-align: left;
    text-transform: none; text-decoration: none;
}

.arrow-box:first-of-type.selected {
    border-top: 1px solid #C9C9C9;
}

.arrow-box.selected {
    border-left: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    position: relative;
    background: #F2F2F2;
    text-decoration: none;
}

.arrow-box h4 {
    font: 1.375rem 'Gotham Medium', Arial, Helvetica, sans-serif;
    color: #000;
}

.arrow-box .picto svg {
    overflow: visible;
}

.arrow-box p {
    font: 1.125rem 'Gotham Light', Arial, Helvetica, sans-serif;
    color: #8C8C96;
    line-height: 1.2;
}

.arrow-box:after,
.arrow-box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.coyote .bordered-button {
    margin: 5rem 0 2.5rem;
}

.arrow-box.selected:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #F2F2F2;
    border-width: 32px;
    margin-top: -32px;
}

.arrow-box.selected:before {
    border-color: rgba(201, 201, 201, 0);
    border-right-color: #C9C9C9;
    border-width: 33px;
    margin-top: -33px;
}

.arrow-box .picto {
    float: left;
    width: 5.5rem; height: 5.5rem;
    /*border: 2px solid #F2F2F2;*/
    border-radius: 50%;
    padding: 1.2rem 0 0;
    margin-right: 1.25rem;
    margin-bottom: 1rem;
}

.arrow-box .picto svg {
    display: block;
    height: 2.625rem; width: 2.625rem;
    margin: 0 auto;
}

.arrow-box.selected .picto {
    /*border: 2px solid #64E61E;*/
}

/*STRATE DESCRIPTION*/
.description, .coffret, .faq {
    width: 100%;
    padding: 5rem 6.25rem;
}

.description h2, 
.description p, 
.coffret h3 {
    margin-left: 5rem;
}

.description h2, 
.coffret h3, 
.faq h3 {
    border-left: 1px solid #62E21E;
    padding-left: 1rem;
    font-size: 1.375rem;
    margin-bottom: 1.25rem;
    text-transform: none;
}

.description h3:nth-of-type(2) {
    margin-top: 2.25rem;
}

.description p {
    padding-left: 1rem;
    margin-bottom: 2.25rem;
}

.description button, .services button {
    display: block;
    margin: 5rem auto 5.75rem;
}

.description-produit {
    float: left;
    text-transform: initial;
    width: 70%;
}

.description button {
    margin-bottom: 1rem;
}

.fiche-technique{
    margin-top: 3rem;
}

.fiche-technique th,
.fiche-technique td {
    vertical-align: top;
}

.fiche-technique td {
    padding: 0 0 1rem 2rem;
}

/*STRATE COFFRET */
.coffret {
    width: 100%;
    background: #FFF;
}

.coffret .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 25%;
}

.coffret img {
    width: 90%;
}

.coffret .item-label {
    color: #95959E;
    padding: 0 .5rem;
}

/*STRATE MORE INFOS*/
.more-infos {
    padding: 4.375rem 0;
    background: #1E1E23;
}

.more-infos h2 {
    color: #FFF;
    font: 25px 'Gotham Medium', Arial, Helvetica, sans-serif;
    text-transform: none;
}

.more-infos p {
    color: #8C8C96;
    font-size: 1.125rem;
    padding: 2rem 0;
}

.more-infos button {
    color: #FFF;
}

.more-infos button:nth-of-type(2) {
    position: relative;
    top: 2rem;
}

.more-infos button:hover {
    text-decoration: underline;
}

.more-infos button:before {
    display: inline-block;
    width: 14px;
    height: 15px;
    background-repeat: no-repeat;
    background-image: url(/css/img/tunnel/arrow-right.svg);
    content: '';
    padding: 0 1rem;
}

.more-infos .separator {
    width: 1px;
    background-color: #FFF;
}

/*STRATE TESTIMONIALS */
.testimonials {
    background: #64E61E;
    text-align: center;
    padding: 3rem 0;
}

.comparison svg {
    width: 4rem; height: 4rem;
}

.testimonials .photo {
    width: 6.5625rem; height: 6.5625rem;
    border-radius: 50%;
    margin: 1.125rem auto;
}

.testimonials blockquote, 
.testimonials .identity {
    font-size: .875rem;
}

.testimonials blockquote{
    border-left: none;
}

.testimonials blockquote:before {
    content: "« ";
    color: #1F1F1F;
    font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
}

.testimonials blockquote:after {
    content: " »";
    color: #1F1F1F;
    font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
}

.testimonials .identity {
    font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
}

.testimonials h2 {
    font: 1.875rem "Gotham Light", Helvetica, Arial, sans-serif;
    text-transform: none; text-decoration: underline;
    padding: 1.5rem 0;
}

.testimonials h2 a {
    color: #000;
    text-transform: lowercase; text-decoration: underline;
    font: 1.5rem "Gotham Light", Helvetica, Arial, sans-serif;
}

.testimonials-slider span {
    display: block;
}

.testimonials .slick-prev, 
.testimonials .slick-next {
    width: 20px;
}

.slick-prev:before,
.slick-next:before {
   display:none;
}

.testimonials-slider .slick-prev,
.testimonials-slider .slick-prev:hover,
.testimonials-slider .slick-prev:focus {
    left: 15%;
    z-index: 9;
    background: url(/css/img/tunnel/pages/product/slider-left.png); background-size: 100%;
    top: 80%;
}

.testimonials-slider .slick-next,
.testimonials-slider .slick-next:hover,
.testimonials-slider .slick-next:focus {
    right: 15%;
    z-index: 9;
    background: url(/css/img/tunnel/pages/product/slider-right.png); background-size: 100%;
    top: 80%;
}

.testimonials-slider .slick-prev:before {
    content: '';
}

.testimonials-slider .slick-next:before {
    content: '';
}

.testimonials blockquote {
    padding: 0;
    margin: 0 0 0;
    width: 75%;
    margin: auto;
}

/*STRATE SERVICES*/
.services {
    padding: 5rem 0;
    background-size: cover;
}

.services h2 {
    font: 1.25rem 'Gotham Light', Arial, Helvetica, sans-serif;
    color: #FFF;
    text-transform: none;
}

.services button {
    color: #FFF;
    padding: 1.25rem 4.25rem;
}

.services .picto {
    height: 98px; width: 98px;
    border: 2px solid #FFF;
    border-radius: 50%;
    margin: 0 auto 1rem;
}

.services .picto {
    background: rgba(0, 0, 0, 0.5);
}

.services .picto {
    padding: 1rem;
}

.services .picto svg {
    height: 4rem; width: 4rem;
}

.services-col {
    width: 20%;
    text-align: center;
}

.services {
    padding: 1rem 0;
    background: url(/CMS/uploads/FR/images/produits/boitiers/WP.jpg) no-repeat;
    /*background-size: cover;*/
}

/*STRATE FAQ*/
.faq .col-2 {
    margin: 0rem 0 2.875rem;
}

.links-col a:before {
    display: inline-block;
    margin-right: 1.125rem; width: 2rem; height: 2rem;
    background: url(/css/img/tunnel/download.svg) no-repeat;
    content: '';
}

.col-2 .flex-child {
    width: 48%; min-height: 100%;
}

.links-col .box-white {
    padding: 3.6rem 2.5rem;
    vertical-align: middle;
}

.col-2 div a {
    display: block;
    color: #8C8C96;
    font-size: 1.25rem;
    padding: 1rem;
}

.connection a button, 
.pro a button {
    color:white;
}

.box-white a {
    text-transform: uppercase;
    font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
}

.box-white a:hover {
    text-decoration: underline;
}

.col-2 .video a {
    padding: 0;
}

.video img {
    max-width: 100%;
    max-height: 100%;
}

.video a {
    position: relative;
}

.video a:after {
    position: absolute;
    width: 3rem;
    height: 3rem;
    left: calc(50% - 1.5rem);
    top: calc(50% - 1.5rem);
    background: url(/css/img/tunnel/pages/product/pictos/play.png) no-repeat;
    background-size: contain;
    content: '';
}

/*STRATE STORES*/
.z-magasins {
    padding: 5rem 0;
    text-align: center;
}

.z-magasins h2 {
    padding-bottom: 1rem;
    color: #FEFEFE;
    font: 1.5rem 'Gotham Medium', Arial, Helvetica, sans-serif;
    text-transform: none;
}

.z-magasins p {
    font: 1.125rem 'Gotham Light', Arial, Helvetica, sans-serif;
    color: #FEFEFE;
}

.z-magasins .picto {
    padding: 1.5rem;
}

.z-magasins .button-wrapper {
    padding-top: 3rem;
    line-height: 3rem;
}

.z-magasins .button-wrapper a {
    border: solid 1px #64E61E;
    color: #FEFEFE;
}

.z-magasins .button-wrapper a:hover,
.z-magasins .button-wrapper a:focus {
    background: #64E61E;
}

.z-magasins {
    background: url('/css/img/tunnel/pages/product/location-background.jpg');
    background-size: cover;
}

/*STRATE ACTIONS*/
.actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    /*background: #FFF;*/
}

.actions-col {
    width: 50%;
    padding: 5rem 0;
}

.actions p {
    padding: 0 6.25rem;
}

.actions a {
    color: #000;
}

.advice {
    border-right: 1px solid #D9D9D9;
}

.actions .advice .picto {
    padding: 1.75rem 1.5rem 1.25rem;
}

.actions .comparison .picto {
    padding: 0;
}

.actions .comparison .picto svg {
    width: 6rem;
    height: 6rem;
}

.actions .picto {
    height: 98px; width: 98px;
    border: 2px solid #F2F2F2;
    border-radius: 50%;
    padding: 1rem;
    margin: 0 auto 1rem;
}

.actions h3 {
    font: 1.5625rem 'Gotham Medium', Arial, Helvetica, sans-serif;
    padding: 2.875rem;
}

.actions p {
    font: 1.125rem 'Gotham Light', Arial, Helvetica, sans-serif;
    color: #8C8C96;
    padding-bottom: 2.875rem;
}

.is-sticky {
    position: fixed;
}

/*POPUPS*/
.popup .popup-content a,
.popup .popup-content a:hover,
.popup .popup-content a:visited {
    color: black;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    filter: opacity(0.5);
    background-color: black;
}

.modal + .popup {
    background-color: white;
    border-radius: .5rem;
    max-height: calc(100% - 6.25rem);
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 101;
    text-align: center;
}

.popup .popup-content {
    position: relative;
    padding: 3rem;
}

.popup .close {
    position: absolute;
    display: block;
    z-index: 100;
    right: 10px;
    top: 5px;
    width: 20px;
    height: 20px;
}

.popup.popup-video iframe {
    position: absolute;
    width: calc(100% - 4rem);
    height: calc(100% - 4rem);
    top: 2rem;
    left: 2rem;
}

.popup.popup-video .popup-content {
    padding: 2rem 2rem 1rem;
    width: 1200px;
    height: calc(1200px * 9 / 15);
    max-height: 85vh;
}

.popup p {
    padding: 1rem;
}

.popup .popup-content button:not(.bordered-button) {
    width: 20px;
}

.popup .popup-content button.bordered-button {
    width: 49%;
}

/********* @media SMALL SCREEN *************/
@media screen and (max-width: 1365px){
    .col-4 {
        /*-ms-flex-wrap: nowrap;*/
        /*flex-wrap: nowrap;*/
    }

    /*STRATE OPENING*/
    .opening-wrapper {
        background-position-y: 0;
        background-size: cover;
    }

    .opening {
        padding-top: 7%;
    }

    /*STRATE BENEFICE*/
    .benefice .slide {
        height: 90px;
        padding: 0 1rem;
    }

    /*STRATE SOLUTION*/
    .sticky-wrapper.sticky-abonnement .select-price {
        width: 100%;
    }

    .sticky-wrapper:not(.sticky-abonnement) .payment-choice.col-4 {
        margin: 5rem;
    }

    .payment-choice .payment:nth-of-type(4) .details, 
    .payment-choice .payment:nth-of-type(4) .further-details {
        margin-left: -5%;
        width: 110%;
    }

    .payment {
        height: 300px;
        margin: .5rem;
        padding: 2rem 1rem;
    }

    .payment .select-price {
        right: 30px;
    }

    .sticky-abonnement .payment .select-price {
        bottom: .5rem;
        left: 1rem;
        right: 0;
    }

    .sticky-wrapper.sticky-abonnement .radio-picto {
        height: 100%;
        min-width: 120px;
    }

    .sticky-wrapper.sticky-abonnement .details {
        font-size: .875rem;
    }

    .sticky-wrapper.sticky-abonnement .radio-picto {
        height: 100%;
        min-width: 140px;
    }

    .sticky-wrapper:not(.sticky-abonnement) .payment.enabled .select-price {
        right: 30px;
    }

    .sticky-wrapper:not(.sticky-abonnement) .payment.enabled {
        padding: calc(2rem - 4px) calc(1rem - 4px)
    }

    /*STRATE TESTIMONIALS */
    .testimonials-slider .slick-prev,
    .testimonials-slider .slick-prev:hover,
    .testimonials-slider .slick-prev:focus {
        left: 5%;
        top: 70%;
    }

    .testimonials-slider .slick-next,
    .testimonials-slider .slick-next:hover,
    .testimonials-slider .slick-next:focus {
        right: 5%;
        top: 70%;
    }

    /*POPINS*/
    .popup.popup-video .popup-content {
        width: 720px;
        height: calc(720px * 9 / 16);
    }

}

/********* @MEDIA TINY SCREEN *************/
@media screen and (max-width: 1130px){
    section .text-slider p {
        /*color: #24282d;*/
    }
    
    .col-3, .col-2, .actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
    }

    .col-2 .flex-child {
        width: 100%;
    }

    .bordered-button .light {
        /*color: #1F1F1F;*/
    }

    /*STRATE OPENING*/
    .opening h1 {
        font-size: 2.125rem;
    }

    .opening .slider p {
        font-size: 1.125rem;
    }

    .opening .text {
        position: static;
        width: 100%;
        /*color: #1F1F1F;*/
    }

    .opening-logo {
        width: 50%;
    }

    .opening .text-slider {
        padding-top: 60%;
    }

    .opening .slick-dots li button {
        border: 1px solid #FFF;
    }

    .opening .slick-dots li.slick-active button {
        /*background: #1F1F1F;*/
    }

    .opening .slick-dots li.slick-active button:before {
        color: #1F1F1F;
    }

    .opening .slick-dots li button:before {
        border: 1px solid #1F1F1F;
    }

    /*STRATE BENEFICE*/
    .benefice {
        padding: 3.75rem 0;
    }

    .benefice .full-wrapper {
        padding: 0 4.625rem;
    }

    .benefice-title {
        float: none;
        top: 1rem;
        text-align: center;
        width: 100%;
    }

    .benefice h2 {
        font-size: 1.375rem;
    }

    .benefice p {
        font-size: 1.375rem;
    }

    .benefice span {
        font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
    }

    .mobile-benefice-slider {
        padding-top: 1rem;
    }

    .mobile-benefice-slider {
        padding-left: 0;
    }

    .benefice .text-slider .slick-dots {
        text-align: left;
    }
    
    .benefice .slick-dots{
        left: 0;
    }

    .benefice .slick-dots li button {
        width: 10px;
        height: 10px;
        color: transparent;
        background: transparent;
        border: 1px solid #FFF;
        border-radius: 50%;
    }

    .benefice .slick-dots li.slick-active button {
        background: #FFF;
    }

    .benefice .slick-dots li.slick-active button:before{
        opacity: 0;
        color: #FFF;
    }

    .benefice .slick-dots li button:hover:before, 
    .opening .slick-dots li button:focus:before {
        opacity: 0;
    }

    .benefice .slick-dots li button:before {
        opacity: 0;
        border: 1px solid #FFF;
    }

    .benefice .slide {
        height: auto;
    }

    /*STRATE SOLUTION*/
    .solution {
        padding: 3.75rem 2.125rem;
    }

    .payment-choice {
        margin: 2.5rem 0;
    }

    .description h1 {
        padding-top: 0;
    }

    .coyote h2,
    .sticky-wrapper h2,
    .description h1 {
        padding-top: 0;
        font-size: 1.5rem;
    }

    .description h2 {
        margin-left: 0;
    }

    .coyote {
        padding: 0;
        margin-bottom: 0;
    }

    .contain {
        position: static;
        left: 0;
        float: none;
        padding: 0;
    }

    .coyote h2, 
    .coyote span, 
    .coyote .contain {
        padding: 3.75rem 2.125rem;
    }

    .coyote h2 {
        padding-bottom: 1rem;
    }

    .coyote .subtitle {
        margin-bottom: 4rem;
    }

    #functionalities span {
        padding: 0;
    }

    .visual-coyote {
        width: 100%;
        padding: 0;
        float: none;
        margin: 0 auto 1rem;;
    }

    .visual-coyote .superposition {
        position: relative;
        width: 35%;
        float: left;
        margin-left: 20%;
    }

    .visual-coyote .view-links a:first-of-type {
        margin-bottom: 1rem;
    }

    .visual-coyote .view-links {
        margin-right: 20%;
        float: right;
        min-height: 300px;
        flex-direction: column;
        justify-content: center;
    }

    .coyote .bordered-button {
        margin: 2.5rem 2.5rem;
    }

    .infos-coyote-wrapper {
        padding-top: 0;
    }

    .infos-coyote {
        float: none;
        width: 100%;
        position: static;
        padding: 0;
    }

    .visual-coyote img {
        width: 100%; height: auto;
    }

    .coyote .view-links {
        margin-top: -2rem;
    }

    .arrow-box {
        width: 100%;
    }

    .arrow-box .picto {
        margin-right: 3rem;
    }

    .arrow-box p {
        font-size: 1rem;
    }

    .arrow-box h4 {
        font-size: 1.25rem;
    }

    .infos-coyote .arrow-box a {
        text-decoration: none;
    }

    .infos-coyote .arrow-box .description-produit {
        width: 78%;
    }

    .infos-coyote .arrow-box.selected {
        background: #F2F2F2;
    }

    .infos-coyote .arrow-box:first-of-type{
        margin-top: -2rem;
    }

    .infos-coyote .arrow-box {
        float: left;
        padding: 1.25rem 1rem;
        background: #FFF;
        border-bottom: 1px solid #C9C9C9;
        text-align: left;
        text-transform: none; text-decoration: none;
    }

    .arrow-box:after, 
    .arrow-box:before {
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none;
    }

    .video-col h3 {
        margin-top: 3.75rem;
    }

    .connection {
        border-bottom: 1px solid #C9C9C9;
        padding-bottom: 3.5rem;
    }

    .connection.separator {
        display: none;
    }

    .pro{
        padding-top: 3.5rem;
    }

    .coffret .item {
        width: 50%;
    }

    .coffret .col-4 {
        margin: 1rem 0;
    }

    .description h3, 
    .description p, 
    .coffret h3 {
        margin-left: 0;
    }

    .col-2 .connection {
        border-right: 1px solid #C9C9C9;
    }

    .payment {
        max-width: 47%;
        width: 47%;
        height: 300px;
    }

    .sticky-wrapper:not(.sticky-abonnement) .payment-choice.col-4 {
        margin: 5rem 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .sticky-wrapper:not(.sticky-abonnement) .payment.enabled .select-price {
        bottom: 48px;
        right: 0;
        width: 150px;
        left: calc(50% - 75px);
    }

    .payment .select-price {
        width: 150px;
        left: calc(50% - 75px);
    }

    .sticky-wrapper:not(.sticky-abonnement) .payment.enabled .select-price {
        bottom: 51px;
    }

    .payment-choice .payment:nth-of-type(4) .details,
    .sticky-abonnement .payment-choice .payment:nth-of-type(4) .details,
    .sticky-abonnement .payment-choice .payment:nth-of-type(4) .further-details,
    .payment-choice .payment:nth-of-type(4) .further-details {
        margin-left: 0;
        width: 100%;
    }

    .sticky-abonnement .payment:nth-of-type(4) span strong {
        font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-weight: initial;
    }

    .sticky-wrapper.sticky-abonnement {
        bottom: 0; left: 0;
        height: 80px;
        top: initial;
        padding: 0;
        border-top: 4px solid #62E21E;
    }

    .sticky-wrapper.sticky-abonnement form {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .sticky-wrapper.sticky-abonnement form .payment-choice {
        margin: 0;
        padding: 0;
        width: 50%;
        height: 60px;
    }

    .sticky-wrapper.sticky-abonnement .payment {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        box-shadow: none;
        border: 0;
        min-height: inherit;
        background: transparent;
    }

    .sticky-wrapper.sticky-abonnement .payment:not(.enabled) {
        display: none;
    }

    .sticky-wrapper.sticky-abonnement form input {
        display: block;
        width: 50%;
        height: 60px;
        background: #000;
        color: #FFF;
        border: 0;
        padding: 0;
        max-width: 200px;
        min-width: 0;
        margin: 0;
    }

    .sticky-wrapper.sticky-abonnement .select-price {
        display: inline-block;
        position: inherit;
        top: inherit;
        padding: 0;
    }

    .sticky-wrapper.sticky-abonnement input[type=radio]:checked + span.select-price {
        color: black;
    }

    .sticky-wrapper.sticky-abonnement .select-price:before {
        display: none;
    }

    .sticky-wrapper.sticky-abonnement .details {
        font-size: .75rem;
        order: 2;
    }

    .sticky-wrapper.sticky-abonnement .radio-picto {
        display: flex;
        flex-direction: column;
        justify-content: space-around
    }

    .sticky-wrapper.sticky-abonnement h2,
    .sticky-wrapper.sticky-abonnement .radio-overload,
    .sticky-wrapper.sticky-abonnement .further-details,
    .sticky-wrapper.sticky-abonnement .payment:last-of-type .price {
        display: none;
    }

    .col-3, .col-2, .col-to-slider {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    /*STRATE MORE INFOS*/
    .more-infos h2, 
    .more-infos p, 
    .more-infos button {
        margin-left: 3.125rem;
    }

    .more-infos .col-2 > div {
        min-height: 100%;
    }

    /*STRATE PROFESSIONNELS & STORES */
    .z-magasins .content {
        padding: 0 1.5rem;
    }

    .popup.popup-video .popup-content {
        max-height: 75vh;
    }

    /*STRATE SERVICES & ACTIONS*/
    .services-col, .actions-col {
        width: 100%;
        border: none;
    }

    .services-col {
        padding: 2rem 0;
    }

    .services {
        padding: 5rem 0;
        background: url('/CMS/uploads/FR/images/produits/boitiers/WP-mobile.jpg') no-repeat;
        background-size: 100% auto;
        background-color: #111;
    }

    /*STRATE FAQ*/
    .links-col .box-white {
        padding: 1.875rem;
        width: 100%;
    }

    /*STRATE STORES*/
    .stores {
        background: url('/css/img/tunnel/pages/product/location-background-mobile.jpg') no-repeat;
        background-size: 100%;
    }

    /*STRATE ACTIONS*/
    .advice {
        border-bottom: 1px solid #C9C9C9;
    }
}

/*********  @MEDIA TABLETTE SCREEN ********/
@media screen and (max-width: 768px){
    h1 {
        font-size: 2.1875rem;
    }

    h2 {
        font-size: 1.125rem;
    }

    .description,
    .coffret,
    .faq,
    .services {
        padding: 3.125rem 2.125rem;
    }

    .col-2 div a {
        font-size: 1.125rem;
        padding: 1.875rem;
    }

    .col-4 {
        flex-wrap: wrap;
    }

    .text {
        position: static;
        width: 100%;
    }

    .text h1 span {
        color: #1F1F1F;
    }

    /*STRATE OPENING*/
    .opening .text {
        top: 30%;
        text-align: center;
    }

    .opening .text-slider {
        padding-top: 60%;
    }

    .opening-logo {
        width: 65%;
    }

    .opening .text-slider .slick-dots {
        text-align: center;
    }

    /*.opening .slick-dotted.slick-slider{*/
    /*  margin-bottom: 3rem;*/
    /*}*/

    .opening .infos {
        display: flex;
        justify-content: space-between;
    }

    .opening .infos span {
        font-size: .75rem;
        font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
        padding: 0;
        width: 33%;
        text-align: center;
    }

    .opening .bordered-button span.light {
        font-size: .75rem;
        padding-right: 0;
    }

    .description-produit {
        width: 65%;
    }

    .opening .bordered-button {
        padding: .5rem;
        padding-left: 3rem;
        font-size: 1.5rem;
        text-transform: none;
        color: #FFF;
    }

    .opening .bordered-button.with-arrow-down {
        position: relative;
    }

    .opening .bordered-button.with-arrow-down:before {
        position: absolute;
        top: calc(50% - 0.25rem);
        left: 8%;
    }

    /*STRATE BENEFICE*/
    .benefice .slide {
        background: none;
        text-align: center;
    }

    /*STRATE SOLUTION*/
    .payment .select-price {
        bottom: 52px;
        right: 0;
        padding-left: 1.5rem;
        width: 150px;
    }

    .further-details{
        width: 100%;
        margin-left: 0;
    }

    .sticky-wrapper:not(.sticky-abonnement) .payment.enabled .select-price {
        bottom: 48px;
        right: 0;
        width: 150px;
        left: calc(50% - 75px);
    }

    .infos-coyote-wrapper {
        padding-top: 0;
    }

    .item {
        width: 50%;
    }

    .sticky-wrapper.sticky-abonnement {
        padding: 0 .5rem;
    }

    .sticky-wrapper.sticky-abonnement form input {
        font-size: .75rem;
    }

    .visual-coyote .view-links {
        min-height: 230px;
    }

    #functionalities {
        /*padding: 1.25rem;*/
    }

    /*STRATE COFFRETS*/
    .coffret {
        padding-bottom: 1rem;
    }

    .coffret h3 {
        margin-bottom: 3rem;
    }

    .coffret .col-4 {
        margin: 1rem;
    }

    .coffret .item {
        padding-bottom: 1rem;
    }

    .coffret .item .item-label {
        font-size: .75rem;
    }

    /*STRATE MORE INFOS*/
    .more-infos {
        padding: 0;
    }

    .more-infos .separator {
        display: none;
    }

    .more-infos .col-2 > div {
        padding: 2rem 2rem;
    }

    .more-infos h2,
    .more-infos button,
    .more-infos p {
        margin: 0;
    }

    /*TESTIMONIALS*/
    .testimonials-slider .slick-prev,
    .testimonials-slider .slick-prev:hover,
    .testimonials-slider .slick-prev:focus {
        left: 3%;
        top: 75%;
    }

    .testimonials-slider .slick-next,
    .testimonials-slider .slick-next:hover,
    .testimonials-slider .slick-next:focus {
        right: 3%;
        top: 75%;
    }

    .testimonials blockquote {
        width: 70%;
    }   

    /*STRATE SERVICES*/
    .services button {
        padding: 1.25rem 2.25rem;
        margin: 2rem auto 0;
    }

    /*STRATE FAQ*/
    .faq .main-title {
        padding-top: 0;
    }

    .faq .downloads {
        margin-bottom: 0;
    }

    .faq .downloads .box-white {
        padding: 0;
    }

    .faq .downloads .box-white a {
        padding: 1rem 1.875rem;
        text-decoration: underline;
        text-transform: none;
        font-family: "Gotham Light", Arial, Helvetica, sans-serif;
        font-size: .75rem;
    }

    /*STRATE STORES */
    .z-magasins {
        background-position-x: 50%;
        padding: 3rem 1.5rem 2rem;
    }

    .z-magasins .content {
        padding: 0 1.5rem;
    }

    .z-magasins p {
        line-height: 1.5;
    }

    .z-magasins h2 {
        padding-bottom: 1rem;
    }

    .z-magasins .button-wrapper {
        padding-bottom: 2rem;
    }

    /*STRATE ACTIONS*/
    .actions p {
        margin: 0;
        padding: 0 2rem 2rem;
    }

    .actions h3 {
        padding: 2rem;
    }

    /*POPINS*/
    .popup {
        width: 90%;
    }

    .popup .popup-content {
        padding: 1rem;
    }

    .popup .popup-content button:not(.close) {
        width: 49%;
        margin-bottom: 1rem;
    }

    .popup.popup-video .popup-content {
        width: 100%;
    }
}

/*********  @MEDIA PHABLETTE SCREEN ********/
/*STRATE SOLUTION*/
@media screen and (max-width: 680px){
    /*STRATE OPENING*/
    .opening {
        padding: 10% 2rem 3rem;
    }


    .payment {
        max-width: 100%;
        width: 100%;
    }

    .coyote h2 {
        padding: 3.75rem 2.125rem;
    }

    .visual-coyote {
        width: 85%;
        padding: 3rem;
        float: none;
        border-bottom: 1px solid #C9C9C9;
        margin: 0 auto 1rem;
    }

    .visual-coyote .superposition {
        width: auto;
        float: none;
        margin: auto;
    }

    .visual-coyote .view-links {
        flex-direction: row;
        justify-content: space-around;
        min-height: 0;
        float: none;
    }

    .visual-coyote .view-links a:first-of-type {
        margin-bottom: 0;
    }

    .infos-coyote .arrow-box:first-of-type {
        margin-top: 0;
    }

    .arrow-box .picto {
        margin-top: 1.5rem;
        margin-right: 1.25rem;
    }

    .infos-coyote .arrow-box .description-produit {
        width: 65%;
    }

    .coyote .bordered-button {
        margin: 2.5rem 0 2.5rem;
    }

}

/*********  @MEDIA MOBILE SCREEN ********/
@media screen and (max-width: 425px){
    /*STRATE OPENING*/
    .opening-logo {
/*        display: none;*/
    }

    .opening {
        text-align: center;
        color: #1F1F1F;
        padding: 75% 2rem 3rem;
    }

    .opening .text-slider {
        padding-top: inherit;
    }

    .opening h2 {
        font-size: 2.125rem;
/*        color: #1F1F1F;*/
    }

    .opening h1 {
        display:none !important;
        position: inherit;
        left: inherit;
        opacity: 100;
        display: inline-block;
    }


    .opening .infos span {
        width: auto;
    }

    .opening .text span:nth-of-type(2) {
        padding: 0 1.5rem;
    }

    /*STRATE SOLUTION*/
    .visual-coyote {
        width: 85%;
        padding: 3rem;
        float: none;
        border-bottom: 1px solid #C9C9C9;
        margin: 0 auto 1rem;;
    }

    .coyote .subtitle {
        margin-bottom: 0;
    }

    .infos-coyote > a:hover {
        cursor: default;
    }

    .arrow-box.selected {
        border-left: 0;
        border-right: 0;
    }

    .arrow-box:after, 
    .arrow-box:before {
        right: 0;
        top: 0;
        border: none;
    }

    .coyote .view-links {
        margin-top: -2rem;
        width: 120%;
        margin-left: -10%;
        font-size: .75rem;
    }

    .coyote {
        padding: 0;
    }

    .col-2 .connection {
        border-right: 0;
    }


    #functionalities {
        padding: 1.25rem .75rem;
    }

    /*STRATE DESCRIPTION*/
    #show-fiche-technique {
        padding: 1.25rem 1.5rem;
    }
    .services {
        padding: 1rem 0;
        background: url(/CMS/uploads/FR/images/produits/boitiers/WP_mobile.jpg) no-repeat;
        /* background-size: cover; */
    }
    /*POPINS*/
    .popup.popup-video iframe {
        position: absolute;
        width: calc(100% - 2rem);
        height: calc(100% - 4rem);
        top: 2rem;
        left: 1rem;
    }

    .popup.popup-video .popup-content {
        padding: 2rem 1rem 1rem;
        width: 100%;
        height: 250px;
    }

    .popup .popup-content button:not(.close) {
        width: 100%;
    }
}

/*********  @MEDIA TINY MOBILE SCREEN ********/
@media screen and (max-width: 375px) {
    /*STRATE OPENING*/
    .opening .text span:nth-of-type(2) {
        padding: 0 0.75rem;
    }
}

/*********  @MEDIA TINY MOBILE SCREEN ********/
@media screen and (max-width: 320px) {
    .button-wrapper a {
        padding: 1rem;
    }

    /*STRATE OPENING*/
    .opening .bordered-button {
        padding-left: 1.75rem;
    }

    .opening .bordered-button.with-arrow-down:before {
        left: 3%;
    }

    .opening .infos {
        width: 120%;
        margin-left: -10%;
    }

    /*STRATE SOLUTION*/
    .payment:last-of-type {
        height: 350px;
    }

    .infos-coyote .arrow-box .description-produit {
        width: 60%;
    }
}

.cls-1{ fill: #8b8c96; }
.cls-2{ fill: #64e61e; }
.plus {
    color: #1e1e23;
    font-size: 2rem;
    margin-top: -25px;
}

.plus-center {
    display:block;
    position:relative;
}
.plus-center .plus{
    position:absolute;
    top:50%;
    left:-10px;
}
@media screen and (max-width: 1130px) {
    .payment {
        /*max-width: 47%;*/
        /*width: 47%;*/
        height: 220px;
    }
}
@media only screen and (max-width: 1025px) {
    .plus-center .plus{
         display:none;
    }
    .noAbo {
        display:none;
    }
}

.sticky-abonnement .displayNone {
    display: none;
}
.benefH2 {
    font: 1.25rem "Gotham Light", Helvetica, Arial, sans-serif;
    color: #64E61E;
    bottom: 1.5rem;
    position: relative;
    text-transform:uppercase;
}
.choixFormule {
    font-size: 2.125rem;
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
    font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
    line-height: 1.5;
    display: inline-block;
    margin-top: 1em;
}
.sticky-abonnement .choixFormule {
    font-size: .75rem;
    width: 10%;
    font-family: "Gotham Light", Arial, Helvetica, sans-serif;
    padding-top: .5rem;
    margin-top: -2rem;
}
.subtitleH3 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 1.5625rem;
    font-family: 'Gotham', Helvetica, Arial, sans-serif;
    line-height: 1.5;
    display:inline-block;
        color: #555555;
        
}
.maintitleH1 {
        display: flex;
        -webkit-box-align: center;
    font-size: 1.875rem;
    padding: 3.125rem 0;
    text-transform: uppercase;
    background: #F2F2F2;
        font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
            line-height: 1.5;
}

.maintitleH1:after {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1px;
    background: #24282D;
    content: '';
        margin-top: 0.7em;
    margin-left: 1em;
}
.descH2 {
    border-left: 1px solid #62E21E;
    padding-left: 1rem;
    font-size: 1.375rem;
    margin-bottom: 1.25rem;
    text-transform: none;
    /*margin-left: 5rem;*/
    font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
    line-height: 1.5;
    display:block;
    margin-top: 10px;
}
@media only screen and (max-width: 1025px) {
    .descH2 {
    margin-left: 0;
    }
}

.fichetechniqueH3 {
        display: block;
    font-weight: bold;
    font-family: "Gotham bold",Helvetica,Arial,sans-serif;
}
.serviceH2 {
    font: 1.25rem 'Gotham Light', Arial, Helvetica, sans-serif;
    color: #FFF;
    text-transform: none;
}

.hashtag a {

    color: #1e1e23;
    font-size: 1.5em;
    display:inline-block;
}
.moreInfoH2 {
    color: #FFF;
    font: 25px 'Gotham Medium', Arial, Helvetica, sans-serif;
    text-transform: none;
    margin-bottom: 20px;
    display: inline-block;
}
.openContext {
        display: block;
        width: 100%;
        background: transparent;
        color: #FA003C !important;
        text-transform: uppercase;
        cursor: pointer;
        padding: 10px;
        }
        .openContext:focus {
        outline:none;
        }
        #chevronRight {
        height:10px;
        width:10px;
        transition:all .3s ease;
        }
        .blocktitle {
        width: 100%;
        /*background:rgba(0,0,0,0.03);*/
        color:#1e1e23;
        padding:10px;
        padding-top:0;
        padding-bottom:0;
        box-sizing:border-box;
        overflow:hidden;
        display:block;
        transition:all .4s ease;
        height:1px;
        color:#1e1e23;
        }
        .blocktitle.open {
        height:220px;
        padding:10px;
        }
        .rotateChevron {
        transform:rotate(90deg);
        }
        .blocktitle ol {
    list-style-type: none;
    padding-left: 0;
    font-weight: lighter;
    font-size: 12px;
    counter-reset: leaderboard;
    margin: 2rem 0;
        }
        .blocktitle ol li {
            margin-bottom: 10px;
    padding-left: 50px;
    position: relative;
    counter-increment: leaderboard;
        }
    .blocktitle ol li:before {
        content: counter(leaderboard);
        background-color: #CCC;
        color: #FFF;
        display: block;
        float: left;
        line-height: 15px;
        margin-left: -50px;
        text-align: center;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        font-weight: lighter;
        font-size: 10px;
    }
    @media only screen and (max-width: 767px) {
        .openContext {
            margin-left:auto;
            margin-right:auto;
        }
        .blocktitle.open {
        height:260px;
        }
    }
    
    .stickyH2 {
        margin-top: 15px;
        font-size: 1.5625rem;
    }
    .sticky-abonnement .stickyH2 {
    font-size: .75rem;
    width: 10%;
    font-family: "Gotham Light", Arial, Helvetica, sans-serif;
    padding-top: .5rem;
    margin-top: -2rem;
    }
    .sticky-abonnement .stickyH2:before { 
        font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
    }
    @media only screen and (max-width: 1024px) {
        .sticky-abonnement .stickyH2 {
            display: none;
        }
    }