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

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

.sk_nodisplay {display:none;}
.align_left {text-align: left;}
.align_center {text-align: center;}
.align_right {text-align: right;}: 
.sk_relative {position:relative}
.sk_reverse {direction: rtl;}
.sk_reverse_text {direction: ltr;}
.sk_right {float:right;}
.sk_left {float:left;}
.page_not_found {margin:180px 0 200px}
.sk_fullheight {height:100vh; height: 100svh;}
.sk_fullheight .full_section_inner {height: 100%;}
.sk_fullheight .sk_align_middle {top: 50%; transform: translateY(-50%);}
.sk_fullheight .section_inner {top: 50%; transform: translateY(-50%);}
.sk_fullheight .q_elements_item, .sk_fullheight_below_header .q_elements_item, .sk_headpage_below_header .q_elements_item  {position:relative;}

/* IMAGES */
.sk_img_100 img {max-width:100px;}
.sk_img_200 img {max-width:200px;}
.sk_img_250 img {max-width:250px;}
.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_img_shadow img {box-shadow:2px 2px 10px #2f4e4f;}
.sk_img_radius img {border-radius:40px;}
.sk_img_border img {border: 5px solid #3b6163; padding: 10px;}

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

/***** GOOGLE RECAPTCHA *****/
.grecaptcha-badge {opacity: 0; visibility: hidden;}

/***** CONTACT FORM *****/
.wpcf7-acceptance .wpcf7-list-item {margin: 0;}
.wpcf7 form.sent .wpcf7-response-output, div.wpcf7-response-output.wpcf7-mail-sent-ok {background-color: #3b6163!important;text-transform:none!important;}

/*  2. Typography
--------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {margin: 0 0 20px 0;position: relative;}
p {margin: 0 0 20px 0;}
a {transition: all .3s ease-in-out;}
a, .qbutton {position: relative; z-index: 20;}

span.white, .white p, .white .wpcf7-list-item-label {color: rgba(255,255,255,0.9);}

.white h1 {color: #fff;}
.white h2,
.white h3 {color: #c7d6b8;}
.white h4 {color: rgba(255,255,255,0.8);}
.white li a {color: #c7d6b8;}
.white a:hover {color: #fff;}
.sk_home_header.white li, .sk_custom_h2.white li {color: #fff;}

/***** HIGHLIGHT *****/
.sk_highlight_light, .sk_highlight_green {
    display: block;
    font-family: 'Montserrat Alternates', sans-serif;
    font-size: 52px;
    font-weight:800;
    text-transform: none;
    line-height: 1.1em;
}
.sk_highlight_light {color: #eff3ea;}
.sk_highlight_green {color: #c7d6b8;}

.sk_highlight {
    background: #eff3ea;
    padding: 5px 10px;
    color:#3b6163;
    font-weight:700;
    border-radius: 5px;
    display: inline-block;
}

/***** LISTE *****/
.sk_list_custom ul {
    list-style: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
}
.sk_list_custom ul li {
    display: inline-block;
    color: #c7d6b8;
    border-radius: 5px;
}
.sk_list_custom ul li:not(.sk_list_custom ul li:last-child):after {
    content: '•';
    padding: 0 7px;
	color: #eff3ea;
	/*color:#3b6163;*/
}
.sk_prestations_content .sk_list_custom ul li:not(.sk_list_custom ul li:last-child)::after {
    content: '•';
	padding: 0 7px;
	color: #3b6163;
}
.sk_prestations_content .sk_list_custom ul li {
    /*background-color: #3b6163;
	padding: 4px 12px;
	border-radius: 5px;*/
    margin: 0 0px 10px 0;
    display: inline-block;
    color: #2f4e4f;
}

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

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

/***************** SHADOW ******************/

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

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

.mtp2 {margin-top: 2%;}

.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;}
.mtn20 {margin-top: -200px;}
.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 *****/
.p0 {padding:0px;}
.p1 {padding:10px;}
.p2 {padding:20px;}
.p3 {padding:30px;}
.p4 {padding:40px;}
.p6 {padding:60px;}
.p8 {padding:80px;}

/***** 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;}
.pl10 {padding-left: 100px;}

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