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

MENU

a. Default Styles
b. Margin
c. Padding

=====================================================================  */

/* ------------------------------------------------------------------ */
/* a. Default Style
/* ------------------------------------------------------------------ */

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

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

.parallax_section_holder {background-size: cover!important;}
.grecaptcha-badge {opacity: 0; visibility: hidden;}

.fullheight {height: 100vh;}
.sk_fullheight_fix {height: calc(100vh - 120px);}
.fullheight .full_section_inner,
.fullheight .section_inner,
.sk_fullheight_fix .full_section_inner,
.sk_fullheight_fix .section_inner {top: 55%; transform: translateY(-50%);}

.page_not_found {margin: 120px 0 80px;}
.page_not_found  h2:after {margin: 20px auto 0;}

.krack_right {float:right;}
.krack_left {float:left;}

/*  2. Typography
--------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {margin: 0 0 20px 0; position: relative;}
p {margin: 0 0 20px 0;}

.white p,
.white ul li {color: rgba(255,255,255,0.8);}
.white h1 {color:#FFFFFF;}
.white h2 {color:#FFFFFF;}
.white h3 {color: #FFFFFF;}
.white h4 {
	/*background: #4F5C6F;*/
    /*padding: 2px 8px;*/
    color: #fff;
}

.sk_img_400 {max-width: 400px; margin: 0 auto;}
.sk_img_500 {max-width: 500px; margin: 0 auto;}

/*.sk_metiers.white h4 {background: #031630;}*/

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

.white a {color: #CFDDF3; border-bottom: 1px solid #CFDDF3; padding-bottom: 1px;}
.white a:hover {color: #FFFFFF; border-bottom: 1px solid #FFFFFF;}

.sk_animation_delai_1 {animation-delay: 0s;}
.sk_animation_delai_2 {animation-delay: 0.5s;}
.sk_animation_delai_3 {animation-delay: 1s;}
.sk_animation_delai_4 {animation-delay: 1.5s;}
.sk_animation_delai_5 {animation-delay: 2s;}
.sk_animation_delai_6 {animation-delay: 2.5s;}

.sk_relative {position: relative;}

/* ------------------------------------------------------------------ */
/* b. Margin
/* ------------------------------------------------------------------ */

.m0 {margin: 0;}
.m1 {margin: 10px;}
.m2 {margin: 20px;}
.m3 {margin: 30px;}
.m4 {margin: 40px;}
.m5 {margin: 50px;}
.m6 {margin: 60px;}
.m7 {margin: 70px;}
.m8 {margin: 80px;}
.m9 {margin: 90px;}
.m10 {margin: 100px;}

/*  1. Margin top
--------------------------------------------------------------------- */

.mt0 {margin-top: 0;}
.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;}

/*  2. Margin bottom
--------------------------------------------------------------------- */

.mb0 {margin-bottom: 0;}
.mb1 {margin-bottom: 10px;}
.mb2 {margin-bottom: 20px;}
.mb3 {margin-bottom: 30px;}
.mb4 {margin-bottom: 40px;}
.mb5 {margin-bottom: 50px;}
.mb6 {margin-bottom: 60px;}
.mb7 {margin-bottom: 70px;}
.mb8 {margin-bottom: 80px;}
.mb9 {margin-bottom: 90px;}
.mb10 {margin-bottom: 100px;}

/*  3. Margin left
--------------------------------------------------------------------- */

.ml0 {margin-left: 0;}
.ml1 {margin-left: 10px;}
.ml2 {margin-left: 20px;}
.ml3 {margin-left: 30px;}
.ml4 {margin-left: 40px;}
.ml5 {margin-left: 50px;}
.ml6 {margin-left: 60px;}
.ml7 {margin-left: 70px;}
.ml8 {margin-left: 80px;}
.ml9 {margin-left: 90px;}
.ml10 {margin-left: 100px;}

.mpl1 {margin-left: 1%;}
.mpl2 {margin-left: 2%;}
.mpl3 {margin-left: 3%;}
.mpl4 {margin-left: 4%;}
.mpl5 {margin-left: 5%;}
.mpl6 {margin-left: 6%;}
.mpl7 {margin-left: 7%;}
.mpl8 {margin-left: 8%;}
.mpl9 {margin-left: 9%;}
.mpl10 {margin-left: 10%;}
.mpl15 {margin-left: 15%;}
.mpl20 {margin-left: 20%;}
.mpl50 {margin-left: 50%;}


/*  4. Margin right
--------------------------------------------------------------------- */

.mr0 {margin-right: 0;}
.mr1 {margin-right: 10px;}
.mr2 {margin-right: 20px;}
.mr3 {margin-right: 30px;}
.mr4 {margin-right: 40px;}
.mr5 {margin-right: 50px;}
.mr6 {margin-right: 60px;}
.mr7 {margin-right: 70px;}
.mr8 {margin-right: 80px;}
.mr9 {margin-right: 90px;}
.mr10 {margin-right: 100px;}

.mpr1 {margin-right: 1%;}
.mpr2 {margin-right: 2%;}
.mpr3 {margin-right: 3%;}
.mpr4 {margin-right: 4%;}
.mpr5 {margin-right: 5%;}
.mpr6 {margin-right: 6%;}
.mpr7 {margin-right: 7%;}
.mpr8 {margin-right: 8%;}
.mpr9 {margin-right: 9%;}
.mpr10 {margin-right: 10%;}
.mpr15 {margin-right: 15%;}
.mpr20 {margin-right: 20%;}
.mpr50 {margin-right: 50%;}


/* ------------------------------------------------------------------ */
/* c. Padding
/* ------------------------------------------------------------------ */


.p0 {padding: 0;}
.p1 {padding: 10px;}
.p2 {padding: 20px;}
.p3 {padding: 30px;}
.p4 {padding: 40px;}
.p5 {padding: 50px;}
.p6 {padding: 60px;}
.p7 {padding: 70px;}
.p8 {padding: 80px;}
.p9 {padding: 90px;}
.p10 {padding: 100px;}
.p20 {padding: 200px;}

/*  1. 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;}

/*  2. Padding bottom
--------------------------------------------------------------------- */

.pb0 {padding-bottom: 0;}
.pb1 {padding-bottom: 10px;}
.pb2 {padding-bottom: 20px;}
.pb3 {padding-bottom: 30px;}
.pb4 {padding-bottom: 40px;}
.pb5 {padding-bottom: 50px;}
.pb6 {padding-bottom: 60px;}
.pb7 {padding-bottom: 70px;}
.pb8 {padding-bottom: 80px;}
.pb9 {padding-bottom: 90px;}
.pb10 {padding-bottom: 100px;}
.pb12 {padding-bottom: 120px;}
.pb14 {padding-bottom: 140px;}
.pb16 {padding-bottom: 160px;}
.pb18 {padding-bottom: 180px;}
.pb20 {padding-bottom: 200px;}
.pb22 {padding-bottom: 220px;}
.pb24 {padding-bottom: 240px;}
.pb26 {padding-bottom: 260px;}

/*  3. Padding left
--------------------------------------------------------------------- */

.pl0 {padding-left: 0;}
.pl1 {padding-left: 10px;}
.pl2 {padding-left: 20px;}
.pl3 {padding-left: 30px;}
.pl4 {padding-left: 40px;}
.pl5 {padding-left: 50px;}
.pl6 {padding-left: 60px;}
.pl7 {padding-left: 70px;}
.pl8 {padding-left: 80px;}
.pl9 {padding-left: 90px;}
.pl10 {padding-left: 100px;}
.ppl0 {padding-left: 0;}
.ppl1 {padding-left: 1%;}
.ppl2 {padding-left: 2%;}
.ppl3 {padding-left: 3%;}
.ppl4 {padding-left: 4%;}
.ppl5 {padding-left: 5%}
.ppl6 {padding-left: 6%;}
.ppl7 {padding-left: 7%;}
.ppl8 {padding-left: 8%;}
.ppl9 {padding-left: 9%;}
.ppl10 {padding-left: 10%;}
.ppl15 {padding-left: 15%;}
.ppl20 {padding-left: 20%;}

/*  4. Padding right
--------------------------------------------------------------------- */

.pr0 {padding-right: 0;}
.pr1 {padding-right: 10px;}
.pr2 {padding-right: 20px;}
.pr3 {padding-right: 30px;}
.pr4 {padding-right: 40px;}
.pr5 {padding-right: 50px;}
.pr6 {padding-right: 60px;}
.pr7 {padding-right: 70px;}
.pr8 {padding-right: 80px;}
.pr9 {padding-right: 90px;}
.pr10 {padding-right: 100px;}

.ppr0 {padding-right: 0;}
.ppr1 {padding-right: 1%;}
.ppr2 {padding-right: 2%;}
.ppr3 {padding-right: 3%;}
.ppr4 {padding-right: 4%;}
.ppr5 {padding-right: 5%}
.ppr6 {padding-right: 6%;}
.ppr7 {padding-right: 7%;}
.ppr8 {padding-right: 8%;}
.ppr9 {padding-right: 9%;}
.ppr10 {padding-right: 10%;}
.ppr15 {padding-right: 15%;}
.ppr20 {padding-right: 20%;}