/*
=====================================================================
*   Fichier CSS studio krack
*   url: studiokrack.fr
*   @2022
=====================================================================

/*  1. Basic
--------------------------------------------------------------------- */

.align_left {text-align: left;}
.align_center {text-align: center;}
.align_right {text-align: right;}perspective: 

.sk_relative {position:relative}

.sk_reverse {direction: rtl;}
.sk_reverse_text {direction: ltr;}

p span.sk_nocut, span.sk_nocut {display:inline-block;}

.sk_right {float:right;}
.sk_left {float:left;}

.sk_img_radius img {border-radius:40px;}
.sk_img_small_radius img {border-radius:8px;}
.sk_img_shadow img {box-shadow: 0rem 1.5rem 1rem -1rem rgba(29,30,58,0.4);}
.sk_img_100 img {max-width:100px;}
.sk_img_200 img {max-width:200px;}
.sk_img_300 img {max-width:300px;}
.sk_img_400 img {max-width:400px;}
.sk_img_500 img {max-width:500px;}
.sk_img_600 img {max-width:600px;}

.sk_legend p, span.sk_legend {display:inline-block;font-size: .8em;line-height: 1.4em; letter-spacing: 0; font-family: 'Poppins', sans-serif; font-style: italic;}

.page_not_found {margin:180px 0 200px}

.sk_skewy {transform: skewY(-1.1deg);}

.sk_nodisplay {display:none;}

.sk_fullheight {height:100vh;}
.sk_fullheight_below_header {height: calc(100vh - 113px);}
.sk_fullheight .q_elements_item, .sk_fullheight_below_header .q_elements_item, .sk_headpage_below_header .q_elements_item  {position:relative;}
.sk_fullheight .full_section_inner {height: 100%;}

/* BACKGROUND */
.sk_bg_bottom {background-position: bottom!important;}
.sk_bg_top {background-position: top!important;}
.sk_bg_left {background-position: left!important;}
.sk_bg_right {background-position: right!important;}

.sk_bg_darkblue {
	background: linear-gradient(90deg, #1D1E3A 0, #1D1E3A 50%, #05387B 100%);
}

/* BORDER BUTTONS */
.sk_cta_border {
    color: #fff!important;
    border: 1px solid #fff!important;
    margin-top: 30px;
    border-radius: 60px;
}
.sk_cta_border:hover {
	background: rgba(255,255,255,0.1);
}
.sk_cta_border.dark {
    color: #1D1E3A!important;
    border: 1px solid #1D1E3A!important;
    margin: 30px 10px 0;
    border-radius: 60px;
}
.sk_cta_border.sk_noborder {
    border: none!important;
	/*border-radius: 0;*/
}
.sk_cta_recyclingacademy {
	background: transparent;
	margin-top: 30px;
	padding: 0!important;
    border-radius: 60px;
	color: #96cbf2!important;
    border: 0!important;
}

/************ BOUTON/BUTTON **********/
.sk_cta_blue {
	color: #fff!important;
    border-color: #05387B;
	background-color: #05387B;
    margin-top: 30px;
    border-radius: 60px;
	transition: all .3s ease-in-out;
}

.sk_cta_blue:hover {
background: rgba(5,56,123,0.7);
}

/*** FOND BLANC ***/
.cta_white_bg_1 {
background:transparent;
color:#ff7a7e;
margin:20px 0;
border:none;
padding:0!important;
font-weight:600;
letter-spacing:1px;
transition: all 0.4s ease-out;
}
/*.cta_white_bg_1  .qode_button_icon_element {
margin: 0 0 0 8px;
transition: all 0.4s ease-out;
}
.cta_white_bg_1:hover  .qode_button_icon_element {
margin: 0 0 0 13px;
transition: all 0.4s ease-out;
}*/
.cta_white_bg_1:hover {
color:#ff5a60;
padding-left:2px;
letter-spacing:1.1px;
transition: all 0.4s ease-out;
}

/***/

.cta_white_bg_2, .page_not_found .qbutton {
background: #FF5A60;
color: #fff;
margin:20px 0;
border:2px solid #ff5a60;
border-radius:20px;
transition: all 0.2s ease-out;
}

.cta_white_bg_2:hover, .page_not_found .qbutton:hover {
background: transparent;
color: #ff5a60!important;
border:2px solid #ff5a60!important;
transition: all 0.2s ease-out;
}

.cta_white_bg_2.cta_blue {
	background-color: #05387B;
	border-color: #05387B;
}
.cta_white_bg_2.cta_blue:hover,
header .cta_white_bg_2:hover {
	background-color: transparent;
	color: #ffffff!important;
	border-color: #ffffff!important;
}
.sticky .cta_white_bg_2.cta_blue:hover {
	background-color: transparent;
	color: #05387B!important;
	border-color: #05387B!important;
}
.sticky .cta_white_bg_2:hover {
	background-color: transparent;
	color: #FF5A60!important;
	border-color: #FF5A60!important;
}


/***/

.cta_white_bg_3 {
background: transparent;
color: #ff5a60;
margin:20px 0;
border:2px solid #ff5a60;
border-radius:20px;
transition: all 0.2s ease-out;
}
.cta_white_bg_3:hover {
background: #ff5a60;
color: #fff;
transition: all 0.2s ease-out;
}

.qbutton .arrow_right,
.qbutton .arrow_down,
.qbutton .arrow_left,
.qbutton .arrow_up {
    font-size: 16px;
    position: relative;
    top: 2px;
    display: inline-block;
}
.qbutton:hover .arrow_right {
    animation: moveToRight 0.5s forwards;
}
.qbutton:hover .arrow_down {
    animation: moveToBottom 0.5s forwards;
}
.cta_white_bg_2.sk_white:hover {
    background: transparent;
    color: #fff!important;
    border: 2px solid #fff!important;
}

.qbutton.ml0 {margin-left: 0!important;}
.qbutton.mt0 {margin-top: 0!important;}

/***** GRADIENT *****/
.sk_gradient_1 {
    background: linear-gradient(90deg, #1D1E3A 0, #1D1E3A 50%, #05387B 100%);
    border-top: 1px solid #05387B;
}
.sk_gradient_2 {
    background: linear-gradient(0deg, #1D1E3A 30%, #05387B 100%);
}

/***** OVERLAY *****/
.sk_overlay_img, .sk_overlay_dark, .sk_overlay_blue, .sk_overlay_darkblue {position: relative;}

.sk_overlay_dark.q_elements_item .q_elements_item_inner, .sk_overlay_blue.q_elements_item .q_elements_item_inner, .sk_overlay_darkblue.q_elements_item .q_elements_item_inner {position: relative; z-index: 2;}
.sk_overlay_dark:before {
    content: '';
    background: linear-gradient(180deg, rgba(29,30,58,0) 20%,rgba(29,30,58,1) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    display: inline-block!important;
}
 .sk_overlay_blue:before {
     content: '';
    background: linear-gradient(0deg, #05387B, rgba(29,30,58,0.2));
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    display: inline-block!important;
 }
 .sk_overlay_darkblue:before {
    content: '';
    background: linear-gradient(180deg, rgb(5 56 123 / 100%) 0%, rgb(5 56 123 / 80%),rgba(29,30,58,1) 90%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    display: inline-block!important;
}
.sk_overlay_img:before {
    content: '';
    background: linear-gradient(180deg, rgba(29,30,58,0) 0%,rgba(29,30,58,1) 90%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    display: inline-block!important;
    pointer-events: none;
     z-index: 1;
}
.overlaykrack,
.overlaykrack_wave {
position: relative!important;
}
.overlaykrack:before,
.carousel .video .video-overlay,
.overlaykrack_wave:after {
content:'';
background: linear-gradient(180deg, rgba(29,30,58,0.35) 0%,rgba(29,30,58,0.95) 100%);
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
opacity: 1;
display: inline-block!important;
}

.overlaykrack.overlay_left:before {background: linear-gradient(180deg, rgba(29,30,58,0.3) 0%,rgba(29,30,58,1) 100%);}
.overlaykrack.overlay_right:before {background: linear-gradient(180deg, rgba(29,30,58,0.3) 0%,rgba(29,30,58,1) 100%);}

.sk_border_right {border-right: 1px solid #eaebed;}

/***** GOOGLE RECAPTCHA *****/
.grecaptcha-badge {opacity: 0; visibility: hidden;}
p.sk_google_recaptcha {
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
}
p.sk_google_recaptcha a {color:#fff;}
p.sk_google_recaptcha a:hover {color:#1DA7E0;}

/***** CONTACT FORM *****/
.wpcf7-acceptance .wpcf7-list-item {margin: 0;}

/*  2. Typography
--------------------------------------------------------------------- */
h1, h3, h4, h5, h6 {margin: 0 0 10px 0;position: relative;}
h2 {margin-bottom: 5px;}
h1, h2 {line-height: 1em;}
p {margin: 0 0 20px 0; letter-spacing:0.5px;}

span.white, .white p, .white .wpcf7-list-item-label {color: rgba(255,255,255,0.7);}
.sk_white_space h2 {white-space: pre;}

.white h1,
.white h2,
.white h3 {color: #fff;}
.white h4 {color: rgba(255,255,255,0.8);}
.white a {color: #FF5A60;font-weight:600;}
.white a:hover {color: #fff;}

.full_color.white p {color: rgba(255,255,255,1);}

.sk_list ul {list-style:none;margin-bottom:20px;}
.sk_list ul h3 {margin-bottom:0px;}
.sk_list ul li {
    position: relative;
    list-style: none;
    padding-left: 24px;
    line-height: 22px;
    padding-bottom: 10px;
}
.white.sk_list ul li, .white .sk_list ul li {color:#fff;}
.sk_list ul li:before {
    position: absolute;
    width: 14px;
	top:8px;
    left: 0px;
    height: 8px;
    background: url(/wp-content/uploads/2020/03/pattern-wawe-rouge.png) center no-repeat;
	background-size: cover;
	content:'';
}

.sk_emoji p {
    font-size: 50px;
    color: #96CBF2;
    font-weight: 300;
    background: #eaebed;
    height: 100px;
    width: 100px;
    line-height: 100px;
    border-radius: 50%;
    margin: 0 auto 0px;
}

.br1 {border-right: 1px solid #eaebed;}
.bl1 {border-left: 1px solid #eaebed;}
.br5 {border-right: 5px solid #ffffff;}
.bl5 {border-left: 5px solid #ffffff;}

/*  3. BOX
--------------------------------------------------------------------- */

.sk_box_white {background-color:rgba(255,255,255,1);padding:20px; border-radius: 20px;}
.sk_box_shadow {box-shadow: 0 6px 18px rgb(8 81 124 / 20%);}

.sk_box_darkblue {padding:0 10px;}
.sk_box_darkblue .vc_column-inner {
    background-color: #1D1E3A;
    margin-bottom: 20px;
    padding: 0 0 0 0;
	border-radius:6px;
}
.sk_box_darkblue img {border-radius:8px 8px 0px 0px;}

.sk_box_grey_grid,
.sk_border_grey_grid {padding: 0 5px;}
.sk_box_grey_grid .vc_column-inner {
    background-color: #eaebed;
    margin-bottom: 10px;
    padding: 0 0 0 0;
}
.sk_box_grey_grid.sk_height_520 .vc_column-inner {
	min-height: 520px;
}

.sk_box_grey {
	background-color: #eaebed;
}

.sk_border_grey_grid .vc_column-inner {
	background: transparent;
    border: 1px solid rgba(29,30,58,0.2);
	margin-bottom: 10px;
    padding: 0 0 0 0;
}

.sk_border_grey {border: 1px solid rgba(29,30,58,0.2);}
.sk_border_grey_grid .q_icon_with_title {padding: 50px;}
.sk_border_grey_grid .q_icon_with_title p {margin-bottom: 0;}

.sk_border_grey_grid .q_icon_with_title.small .icon_text_holder {padding: 0 0 0 58px;}

/***************** SHADOW ******************/
.shadow {
box-shadow: 1px 4px 9px rgba(29, 30, 58, 0.13);
padding:20px!important;
border-radius:8px;
background: #fff;
margin-bottom: 20px!important;
}
.shadow_img img {
    border-radius: 50%;
    box-shadow: 1px 3px 14px rgba(29, 30, 58, 0.2);
}
.shadow2 {padding: 0 15px!important; margin-bottom: 30px;}
.shadow2 .vc_column-inner {
box-shadow: 1px 4px 9px rgba(29, 30, 58, 0.13);
padding:20px!important;
border-radius:8px;
background: #fff;
}
.shadow2.nopaddingtop .vc_column-inner {padding: 15px 40px 40px!important;}
.shadow2.plr2 {
padding:0 10px!important;
}

/*  4. Margin and padding
--------------------------------------------------------------------- */

/***** MARGIN TOP *****/

.mt0 {margin-top: 0;}
.mt05 {margin-top: 5px;}
.mt1 {margin-top: 10px;}
.mt2 {margin-top: 20px;}
.mt3 {margin-top: 30px;}
.mt4 {margin-top: 40px;}
.mt5 {margin-top: 50px;}
.mt6 {margin-top: 60px;}
.mt7 {margin-top: 70px;}
.mt8 {margin-top: 80px;}
.mt9 {margin-top: 90px;}
.mt10 {margin-top: 100px;}
.mt12 {margin-top: 120px;}
.mt14 {margin-top: 140px;}
.mt16 {margin-top: 160px;}
.mt18 {margin-top: 180px;}

.mtn2 {margin-top: -20px;}
.mtn3 {margin-top: -30px;}
.mtn4 {margin-top: -40px;}
.mtn6 {margin-top: -60px;}
.mtn8 {margin-top: -80px;}
.mtn10 {margin-top: -100px;}
.mtn12 {margin-top: -120px;}
.mtn16 {margin-top: -160px;}
.mtn26 {margin-top: -260px;}
.mtn30 {margin-top: -300px;}
.mtn40 {margin-top: -400px;}
.mtn50 {margin-top: -500px;}

.mln1 {margin-left: -10px;}
.mln2 {margin-left: -20px;}
.mln3 {margin-left: -30px;}
.mln4 {margin-left: -40px;}
.mln6 {margin-left: -60px;}
.mln8 {margin-left: -80px;}
.mln10 {margin-left: -100px;}

/***** MARGIN BOTTOM *****/
.mb0 {margin-bottom: 0;}
.mb1 {margin-bottom: 10px;}
.mb2 {margin-bottom: 20px;}
.mb3 {margin-bottom: 30px;}

/***** MARGIN left *****/
.ml0 {margin-left:0px;}
.ml1 {margin-left:10px;}
.ml2 {margin-left:20px;}
.ml3 {margin-left:30px;}
.ml4 {margin-left:40px;}
.ml6 {margin-left:60px;}
.ml8 {margin-left:80px;}

/***** MARGIN right *****/
.mr0 {margin-right:0px;}
.mr1 {margin-right:10px;}
.mr2 {margin-right:20px;}
.mr3 {margin-right:30px;}
.mr4 {margin-right:40px;}
.mr6 {margin-right:60px;}
.mr8 {margin-right:80px;}

/***** PADDING *****/
.p1 {padding:10px;}
.p2 {padding:20px;}
.p3 {padding:30px;}
.p4 {padding:40px;}
.p6 {padding:60px;}

/***** PADDING TOP *****/
.pt0 {padding-top: 0;}
.pt1 {padding-top: 10px;}
.pt2 {padding-top: 20px;}
.pt3 {padding-top: 30px;}
.pt4 {padding-top: 40px;}
.pt5 {padding-top: 50px;}
.pt6 {padding-top: 60px;}
.pt7 {padding-top: 70px;}
.pt8 {padding-top: 80px;}
.pt9 {padding-top: 90px;}
.pt10 {padding-top: 100px;}
.pt11 {padding-top: 110px;}
.pt12 {padding-top: 120px;}
.pt14 {padding-top: 140px;}
.pt16 {padding-top: 160px;}
.pt18 {padding-top: 180px;}
.pt20 {padding-top: 200px;}
.pt22 {padding-top: 220px;}
.pt24 {padding-top: 240px;}
.pt26 {padding-top: 260px;}

/* PADDING BOTTOM */
.pb0 {padding-bottom: 0;}
.pb1 {padding-bottom: 10px;}
.pb2 {padding-bottom: 20px;}
.pb3 {padding-bottom: 30px;}
.pb4 {padding-bottom: 40px;}
.pb6 {padding-bottom: 60px;}
.pb8 {padding-bottom: 80px;}
.pb10 {padding-bottom: 100px;}
.pb12 {padding-bottom: 120px;}
.pb14 {padding-bottom: 140px;}
.pb16 {padding-bottom: 160px;}
.pb18 {padding-bottom: 180px;}
.pb20 {padding-bottom: 200px;}

/* PADDING RIGHT */
.pr0 {padding-right: 0;}
.pr1 {padding-right: 10px;}
.pr2 {padding-right: 20px;}
.pr3 {padding-right: 30px;}
.pr4 {padding-right: 40px;}
.pr6 {padding-right: 60px;}

/* PADDING LEFT */
.pl0 {padding-left: 0;}
.pl1 {padding-left: 10px;}
.pl2 {padding-left: 20px;}
.pl3 {padding-left: 30px;}
.pl4 {padding-left: 40px;}
.pl6 {padding-left: 60px;}


/*  5. Animation
--------------------------------------------------------------------- */
.sk_animation_delai_1 {animation: fadein 0.8s forwards; animation-delay:0.4s; opacity:0;}
.sk_animation_delai_2 {animation: fadein 0.8s forwards; animation-delay:0.8s; opacity:0;}
.sk_animation_delai_3 {animation: fadein 0.8s forwards; animation-delay:1.2s; opacity:0;}
.sk_animation_delai_4 {animation: fadein 0.8s forwards; animation-delay:1.6s; opacity:0;}

.sk_toptobottom {opacity: 1;}
.sk_toptobottom.hidden {opacity: 0;}

.sk_toptobottom span {
 	animation: scroll 2s infinite;
	-webkit-animation: scroll 2s infinite;
	-moz-animation: scroll 2s infinite;
	-o-animation: scroll 2s infinite;
	position:absolute;
	bottom: 0px;
	left: 0;
	right: 0;
}
.sk_toptobottom_position {
    position: absolute;
    bottom: 40px;
    right: 30px;
    width: auto;
    display: inline-block;
}

@keyframes scroll {
   0% {opacity:1;}
	40% {opacity:1;}
   100% {opacity:0; transform:translateY(15px);}
  }


@keyframes zoom {
   0% {transform: scale(0.7);}
   50% {transform: scale(0.8);}
	100% {transform: scale(0.7);}
  }

.heart span {
  animation: heart 1.2s infinite;
}

@keyframes heart{
   0% {opacity:1;}
   100% {opacity:0.1;}
  }

/****** 404 ******/
.error404 .content.content_top_margin {
    margin-top: 200px !important;
}
.error404 h2:before {display:none;}
.error404 .page_not_found {
    margin: 60px 0;
}