body{padding: 0; margin: 0; color: #363636; font-size: 16px; line-height: 22px;font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;}
 
@font-face {font-family: 'Forma DJR Display';src: url('FormaDJRDisplay-Regular.woff2') format('woff2'), url('FormaDJRDisplay-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Forma DJR Micro';src: url('FormaDJRMicro-Regular.woff2') format('woff2'), url('FormaDJRMicro-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face { font-family: Helvetica; src: url("Fonts/Helvetica.ttf") format("ttf")}
.container-wrap h1{font-size: calc(25px + (50 - 25) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif; color: #000000;}
.container-wrap h2{font-size: calc(24px + (40 - 20) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;color: #000000;}
.container-wrap h3{font-size: calc(18px + (28 - 18) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;color: #000000;}
.container-wrap h4{font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;color: #000000;}
.container-wrap h5{font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;color: #000000;}
.container-wrap h6{font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;color: #000000;}
.container-wrap p{font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;}
*{padding: 0px; margin: 0px;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;}
.container-wrap .h1, .container-wrap .h2, .container-wrap .h3, .container-wrap .h4, .container-wrap .h5, .container-wrap .h6, .container-wrap h1, .container-wrap h2, .container-wrap h3, .container-wrap h4, h5, .container-wrap h6 { padding: 0px; margin: 0px; font-weight: 500; line-height: 1.2;}
.container-wrap a:focus {outline: 0px auto -webkit-focus-ring-color;outline-offset: 0px;}
.container-wrap a, .container-wrap img {text-decoration: none;outline: none;}
.container-wrap ul{margin:0;padding:0;list-style:none;}
.container-wrap a:hover{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.container-wrap img{ max-width: 100%; }
.container-wrap sub, .container-wrap sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
.container-wrap sup {top: -0.5em;}
.hp_btnPrimary {display: inline-block;padding: 0 0 11px 30px;}
.hp_btnPrimary a{color: #FFFFFF;background-color: #000000;border: 1px solid #000000; padding: 7px 20px;font-size: 20px;display: inline-block;-webkit-transition: all .3s ease;transition: all .3s ease;}
.hp_btnPrimary a:hover{ background:#b456f3;border-color:#b456f3; text-decoration: none;}
.container-wrap *:hover{ transition: all .5s;outline:0;}

.container-wrap .btn-close:focus {outline: 0;box-shadow: 0 0 0 0;}
.container-wrap  {max-width:1280px; margin: auto; width: 100%; padding: 0 15px; font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;}

/* header */
.hp_header{float: left;position: relative;width: 100%; background: #b456f3; margin: 0px 0 -1px;}
.hp_logo {float: left;padding: 68px 0 65px 74px;}
.hp_logo img{max-height: 125px;}

/* banner */
.banner { position: relative;display: flex;width: 100%;overflow-x: hidden;flex-direction: row-reverse;}
.banner_img{display: flex; width: 100%;}
.titleName {background: #e8ccfb;max-width: 442px;padding-bottom: 26px;}
.titleName h1 {background: #b456f3;color: #000;float: left;width: 100%;font-size: 58px;line-height: 60px;min-height: 232px;padding: 0 20px 0 30px;font-family: 'Forma DJR Display',Arial,Helvetica,sans-serif;}
.titleName h4 {background: #c98af6;color: #000;float: left;width: 100%;font-size: calc(20px + (32 - 18) * ((100vw - 300px) / (2500 - 300)));padding: 7px 0 5px 30px;}
.titleName p {color: #000;font-size: 20px;line-height: 22px;float: left;padding: 23px 20px 36px 30px;margin: 0;width: 100%; }
.titleName a{ display: block;line-height: 26px; padding: calc(11px) calc(14px);}
 
/* Discover */
.discover_icon{padding: 28px 0px 39px;width: 100%;float: left; text-align: left;}
.discover_icon h2 {background: #b456f3;color: #fff; display: inline-block; width: 100%;font-size: 56px;line-height: 56px; margin: 0 0 47px; text-align: center; padding:9px 20px 4px 20px;font-family: 'Forma DJR Display',Arial,Helvetica,sans-serif;}
.discover_icon p{ font-weight: 400; font-size: 24px; line-height: 32px;   color: #000000;}
.discover_icon .slick-prev, .discover_icon .slick-next{top: 36%;}
.col_slide{ padding: 0 28px;}
.col_slide img{ display: inline;max-height: 125px;margin-bottom: 24px; }
.discover_icon .slick-initialized .slick-slide{ min-height: 460px; border-right: 2px solid #000000;}
.discover_icon .slick-initialized .slick-slide:nth-child(5){border: 0;}
.discover_icon .hp_btnPrimary{padding-top: 30px;}
/* Discover*/
  

a.open_popup{ cursor: pointer;}
.popup_body{ opacity: 0;visibility: hidden;overflow: hidden;height: 0;position:fixed;z-index: 999999;top:0;left:0;right:0;bottom:0;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;-ms-transition: 300ms;transition: 300ms;}
.popup_body_show{ opacity: 1;visibility: visible;overflow: visible;height: auto;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;-ms-transition: 300ms;transition: 300ms;}
.popup_back{background: rgba(0,0,0,0.4);position: fixed;left:0;right:0;top:0;bottom:0;}
.popup_contain{ position: absolute; background: #fff; max-width: 80%; width: 100%; margin: 0 auto 0; min-height: 150px; left: 50%;    top: 50%;    -webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);}
.popup_close{background: #e2e2e2;padding:3px 10px 5px;position: absolute;z-index: 99;right: -38px;top: -30px;font-size: 20px;color: #121212;border-radius: 50%;cursor: pointer;width: 48px;padding: 16px;height: 48px;}

.vid_modal_body{max-width:850px; width: 100%; background: transparent;}
.vid_modal_body iframe { min-height: 490px; width: 100%;}


/* Plans */
.plans-section{display: inline-block; width: 100%;text-align: center; padding: 89px 0 74px;}
.coursesSlide .slick-slide {margin: 0 0px;padding: 0 0 20px;text-align: center;background-color: #FFFFFF;}
.plans_head h1 { color: #000; font-size: 62px; padding: 0 30px 0 30px;font-family: 'Forma DJR Display',Arial,Helvetica,sans-serif;line-height: 64px;}
.plans_head h4 {color: #000;font-size:calc(20px + (43 - 18) * ((100vw - 300px) / (2500 - 300)));padding: 36px 0 25px 8px;}
.coursesSlide .slick-slide a{ color: #ffffff;  display: block;  padding: 0 0 0;}
.coursesSlide .slick-slide:nth-child(1) {background-color:#ca89f7; }
.coursesSlide .slick-slide:nth-child(2) {background-color:#c378f5;}
.coursesSlide .slick-slide:nth-child(3) {background-color:#bb67f4; }
.coursesSlide .slick-slide:nth-child(4) {background-color: #b457f3;}
.coursesSlide .slick-slide:nth-child(5) {background-color: #ad45f2; }
.coursesSlide .slick-slide:nth-child(1) .resetin,.coursesSlide .slick-slide:nth-child(2) .resetin,.coursesSlide .slick-slide:nth-child(4) .resetin{border: transparent;}
.beq{float: left; position: relative;width: 100%;padding: 0px 0 0 0;display: flex;align-items: center;justify-content: center;text-align: center;    flex-direction: column;}
.beq h4{font-size: 38px;color: #ffffff;line-height: 41px;padding: 32px 0 32px;font-family: 'Forma DJR Display',Arial,Helvetica,sans-serif;} 
.beq p{font-size: 19px;border-bottom: 2px solid #FFFFFF;width: 100%;padding: 10px 3px 11px;font-family: 'Forma DJR Display',Arial,Helvetica,sans-serif;} 
.beq h5{font-size: 24px;color: #ffffff;padding: 0 0 10px;font-family: 'Forma DJR Display',Arial,Helvetica,sans-serif;} 
.resetin{width: 100%;text-align: center;font-size: 20px;height: 85px;background: white;border: 2px solid #ad45f2;color: #ad45f2;display: flex;align-items: center;justify-content: center;font-family: 'Forma DJR Display',Arial,Helvetica,sans-serif;}
/* Plans */

/* service type */
.service_card {display: flex;justify-content: space-between;padding: 0 0 0;}
.service_type { display: flex;width: 49.2%;    margin-top: 20px;overflow-x: hidden;/* flex-direction: row-reverse; */}
.service_type_img{display: flex; width: 100%;}
.service_title {background: #e8ccfb;max-width: 342px;position: relative;}
.service_title h1 {background: #b456f3;color: #fff;float: left;width: 100%;font-size: 36px;min-height: 155px;padding: 14px 20px 15px 30px;font-family: 'Forma DJR Display',Arial,Helvetica,sans-serif;line-height: 40px;display: flex;align-items: center;}
.service_title p {color: #000;font-size: 18px;line-height: 22px;float: left;padding: 23px 20px 30px 30px;margin: 0;width: 100%;}
.service_title .hp_btnPrimary{position: absolute; bottom: 20px; left: 0;}
.service_title p span { display: block; padding: 10px 0 0;}
.service_title a{ display: block;line-height: 25px; padding: calc(4px) calc(24px);}
 .service_type_img img{display: none;}
.Livraison{background: url(../images/Livraison.jpg) no-repeat;background-size: cover;background-position: center;}
.prints_price{background: url(../images/prints_price.jpg) no-repeat;background-size: cover;background-position: center;}
.Service_transparent{background: url(../images/Service_transparent.jpg) no-repeat;background-size: cover;background-position: center;}
.Recyclage{background: url(../images/Recyclage.jpg) no-repeat;background-size: cover;background-position: -67px 0px;}

/* FAQ */
.head_text{background: #deb2fa;color: #fff;width: 100%;margin: 68px 0 24px;display: flex;align-items: center;}
.head_text div{background: #b655f5;width: 150px;height: 150px; display: flex;align-items: center;justify-content: center;}
.head_text div img{ height: 100px;}
.head_text h2 { color: #ffffff; font-size: 64px; padding: 0 20px 0 30px;font-family: 'Forma DJR Display',Arial,Helvetica,sans-serif;line-height: 63px;}
.faq h2{font-size: 40px;color: #000000;line-height: normal;padding: 23px 0 32px;font-family: 'Forma DJR Display',Arial,Helvetica,sans-serif;letter-spacing: .5px;} 
.faq p{font-size: 24px;color: #000000;padding: 0 0 33px;border-bottom: 1px solid #000;line-height: 29px;} 
/* FAQ */

@media screen and (min-width:1700px) {
/* .container-wrap  {max-width:1400px; } */
.discover_icon .slick-initialized .slick-slide{ min-height: 460px;  }
.discover_icon p{ font-weight: 400; font-size: 24px; line-height: 34px; color: #000000;}
.titleName {background: #e8ccfb;max-width: 482px; }.titleName h1{font-size: 58px;line-height: 60px;min-height: 232px; }.titleName p{padding-bottom: 54px;}.beq h4{font-size: 40px; } .beq p{font-size: 22px; } .beq h5{font-size: 24px; } .resetin{ font-size: 22px;}
}
  
/*footer */
.textfooter{background-color:#ffffff;float: left;width: 100%;padding: 84px 0 54px;}
.textfooter .maindiv{padding: 33px 43px 23px;background-color: #fff; float: left; width: 100%;}
.textfooter ol{list-style-type:decimal; padding: 0;margin-left: 12px;}
.textfooter p, .textfooter  li {padding: 2px  0;color: #292929;line-height: 24px;font-size: 20px;margin: 0 0 5px 15px;list-style: decimal;}
.textfooter p a, .textfooter li a{text-decoration: underline;color: #474747;}
.textfooter p{margin: 0 0 5px ;}
.textfooter p a:hover, .textfooter li a:hover{text-decoration: underline;color: #0077C0;}
/*footer */

 
/* Mobile view */
@media screen and (max-width:1200px) {
.titleName h1 { min-height: auto; font-size:  calc(30px + (90 - 18) * ((100vw - 300px) / (2500 - 300))); padding-bottom: 15px; }
.discover_icon h2{ padding: 9px 20px 4px 30px;}
.titleName h1,.discover_icon h2,.plans_head h1,.head_text h2 {  line-height: normal;font-size:  calc(28px + (90 - 18) * ((100vw - 300px) / (2500 - 300))); }
.faq h2{font-size: calc(22px + (40 - 20) * ((100vw - 300px) / (2500 - 300)));}
.faq p,.textfooter p, .textfooter li{font-size: calc(18px + (20 - 16) * ((100vw - 300px) / (2500 - 300))); line-height: 25px;}
}

@media screen and (max-width:1100px) {
.service_title{ max-width: 273px;}
.discover_icon .slick-initialized .slick-slide {min-height: 375px;}
.hp_logo {padding: 32px 0 32px 30px;}
.hp_logo img { max-height: 100px;}
.container-wrap{padding: 0;}
.plans-section .container-wrap{padding: 0 15px;}
.lptslide {padding: 0 15px;}
.slick-prev{left: 5px;}
.slick-next{ right: 5px;}
.faq {padding: 0 15px;}
.textfooter{padding: 63px 15px 54px;}
.resetin{background: #ffffff; }
.coursesSlide .slick-slide:nth-child(1) .resetin, .coursesSlide .slick-slide:nth-child(2) .resetin, .coursesSlide .slick-slide:nth-child(4) .resetin{border: 2px solid #fff;}
.faq h2{padding: 23px 0 15px;}
.plans-section{padding: 56px 0 74px;}
.coursesSlide .slick-slide { margin: -1px 0px 0 0px; }
.head_text div{ padding: 8px 6px 8px;}
}
@media screen and (max-width:992px) {
.popup_close{ right: 0;top: -33px; color: #121212; width: 34px;padding: 6px 11px 6px;height: 34px;}
.service_type_img img{display: inline-block;width: 100%;}
.service_type_img{background: none;}
.service_type {display: flex; width: 48%; flex-direction: column;}
.service_title{ max-width: 100%;height: 100%;}
.head_text div{ width: 101px; height: 101px;}
.head_text div img {height: 48px;}
.plans_head h4{padding: 15px 0 25px 8px;}

.banner{ flex-direction: column;}
.titleName{max-width: 100%;padding: 0 0 30px;}
.titleName h1{padding: 23px 20px 21px 30px;}
.vid_modal_body { max-width: 623px;}
.vid_modal_body iframe {min-height: 344px;}
.discover_icon .slick-initialized .slick-slide {min-height: 350px;}
.popup_body{ top: 49px;}
}


@media screen and (max-width:767px) {
.hp_logo img {max-height: 60px;}
.hp_logo { padding: 19px 0 14px 30px;}
.discover_icon p{font-size: 20px; line-height: 25px;}
.discover_icon .slick-initialized .slick-slide { min-height: 316px;}

}

@media screen and (max-width:600px) {
.hp_logo { padding: 19px 0 14px 15px;}
.hp_logo img {max-height: 50px;}
.titleName a{padding: calc(6px) calc(16px);line-height: 24px;}
.discover_icon p  {font-size: 16px;}
.discover_icon {padding: 20px 0px 16px;}
.discover_icon h2 { padding: 11px 14px 14px 15px;}
 .plans-section .container-wrap p{font-size: 17px; }
.plans-section{ padding: 30px 0px 14px 0px;}
.textfooter{ padding: 43px 0 22px;}
.vid_modal_body{max-width:350px; width: 100%; background: transparent;}
.vid_modal_body iframe { min-height: 245px; width: 100%;}
.titleName{ padding: 0 0 14px;}
.titleName h1 {padding: 17px 15px 17px 15px;}
.titleName p{padding: 17px 15px 18px 15px;}
.titleName h1, .discover_icon h2, .plans_head h1, .head_text h2{ line-height: 35px;}
.titleName h4,.titleName p,.hp_btnPrimary{padding-left: 15px;padding-right: 15px;}
.discover_icon .slick-initialized .slick-slide { min-height:fit-content;    border-right: 0px solid #000000;}
.col_slide {padding: 0 10px;}
.col_slide img{ margin-bottom: 8px;}
.plans_head h1{padding: 0;}
.beq h4{padding: 20px 0 20px;font-size: 28px; line-height: 34px;}
.service_title h1{font-size: 28px; line-height: 34px;min-height: fit-content;    padding: 14px 15px 15px 15px;}
.service_card{flex-direction: column;}
.service_type{ width: 100%;}
.service_title p{ padding: 23px 15px 25px 15px;}
.service_title h1 br{display: none;}
.head_text{ margin: 34px 0 0px;}
.faq p{padding: 0 0 23px;}
ul.footnotes-list {padding: 0 15px;}
.head_text div {width: 69px;height: 69px;}
.discover_icon h2{margin: 0 0 16px;}
.hp_btnPrimary a{font-size: 17px;}
.coursesSlide .slick-slide:nth-child(1) .resetin, .coursesSlide .slick-slide:nth-child(2) .resetin, .coursesSlide .slick-slide:nth-child(4) .resetin{display: none;}
}