/* Official */
/* Copyright © 2025 Kutay Uçan Istanbul. All Rights Reserved. */


/* GENERALL SETTINGS */

*{ margin: 0; padding: 0; text-decoration: none;}
body{ overflow-x: hidden; width: 100vw;}
img{ max-width: 100%; max-height: 100%;}
ul{ text-decoration: none; list-style-type: none; }
a{ text-decoration: none; font-family: inherit; font-size: inherit; color: inherit; font-weight: inherit; }
input{ text-decoration: none; font-family: inherit; font-size: inherit; color: inherit; font-weight: inherit; border: none; text-align: inherit; }
button{ text-decoration: none; font-family: inherit; font-size: inherit; color: inherit; font-weight: inherit; border: none ; text-align: inherit;}

input:focus {
    outline: none;
}

/* Text Colors */
.color_black{ color: black; }
.color_white{ color: white; }
.color_light_gray{ color: rgb(242, 242, 242); }
.color_dark_gray{ color: rgb(71, 71, 71); }
.color_bordo{ color: #3c262a; }

.placeholder_color_white::placeholder{
    color: white;
}
.placeholder_color_black::placeholder{
    color: black;
}
.on_hover_white:hover{
    color: white;
}

.image_container{
    display: flex;
    justify-content: center;
    align-items: center;
}

.object_fit_cover{object-fit: cover;}


/* Max Width */
.max_width_100{max-width: 100%;}
.max_width_90{max-width: 90%;}
.max_width_80{max-width: 80%;}
.max_width_70{max-width: 70%;}
.max_width_60{max-width: 60%;}
.max_width_50{max-width: 50%;}
.max_width_40{max-width: 40%;}
.max_width_30{max-width: 30%;}
.max_width_20{max-width: 20%;}
.max_width_15{max-width: 15%;}
.max_width_10{max-width: 10%;}
.max_width_none{max-width: none;}


/* Max Height */
.max_height_100{max-height: 100%;}
.max_height_90{max-height: 90%;}
.max_height_80{max-height: 80%;}
.max_height_70{max-height: 70%;}
.max_height_60{max-height: 60%;}
.max_height_50{max-height: 50%;}
.max_height_40{max-height: 40%;}
.max_height_30{max-height: 30%;}
.max_height_20{max-height: 20%;}
.max_height_10{max-height: 10%;}
.max_height_none{max-height: none;}




/* Screen Sizes */
.width_5  { width: 5%; }
.width_10 { width: 10%; }
.width_15 { width: 15%; }
.width_20 { width: 20%; }
.width_25 { width: 25%; }
.width_30 { width: 30%; }
.width_35 { width: 35%; }
.width_40 { width: 40%; }
.width_45 { width: 45%; }
.width_50 { width: 50%; }
.width_55 { width: 55%; }
.width_60 { width: 60%; }
.width_65 { width: 65%; }
.width_70 { width: 70%; }
.width_75 { width: 75%; }
.width_80 { width: 80%; }
.width_85 { width: 85%; }
.width_90 { width: 90%; }
.width_95 { width: 95%; }
.width_100 { width: 100%; }

.height_0  { height: 0; }
.height_5  { height: 5%; }
.height_10 { height: 10%; }
.height_15 { height: 15%; }
.height_20 { height: 20%; }
.height_25 { height: 25%; }
.height_30 { height: 30%; }
.height_35 { height: 35%; }
.height_40 { height: 40%; }
.height_45 { height: 45%; }
.height_50 { height: 50%; }
.height_55 { height: 55%; }
.height_60 { height: 60%; }
.height_65 { height: 65%; }
.height_70 { height: 70%; }
.height_75 { height: 75%; }
.height_80 { height: 80%; }
.height_85 { height: 85%; }
.height_90 { height: 90%; }
.height_95 { height: 95%; }
.height_100 { height: 100%; }

.width_1px{ width: 1px;}
.width_2px{ width: 2px;}
.width_3px{ width: 3px;}
.width_4px{ width: 4px;}
.width_5px{ width: 5px;}
.width_10px{ width: 10px;}
.width_20px{ width: 20px;}
.width_30px{ width: 30px;}
.width_40px{ width: 40px;}
.width_50px{ width: 50px;}
.width_60px{ width: 60px;}
.width_70px{ width: 70px;}
.width_80px{ width: 80px;}
.width_90px{ width: 90px;}
.width_100px{ width: 100px;}
.width_110px{ width: 110px;}
.width_120px{ width: 120px;}
.width_130px{ width: 130px;}
.width_140px{ width: 140px;}
.width_150px{ width: 140px;}
.width_200px{ width: 200px;}
.width_250px{ width: 250px;}
.width_300px{ width: 300px;}
.width_380px{ width: 380px;}
.width_400px{ width: 400px;}
.width_500px{ width: 500px;}
.width_600px{ width: 600px;}
.width_700px{ width: 700px;}
.width_800px{ width: 800px;}

.height_5px{ height: 5px;}
.height_10px{ height: 10px;}
.height_20px{ height: 20px;}
.height_30px{ height: 30px;}
.height_40px{ height: 40px;}
.height_50px{ height: 50px;}
.height_60px{ height: 60px;}
.height_70px{ height: 70px;}
.height_80px{ height: 80px;}
.height_90px{ height: 90px;}
.height_100px{ height: 100px;}
.height_110px{ height: 110px;}
.height_120px{ height: 120px;}
.height_130px{ height: 130px;}
.height_140px{ height: 140px;}
.height_150px{ height: 140px;}
.height_200px{ height: 200px;}
.height_250px{ height: 250px;}
.height_300px{ height: 300px;}
.height_350px{ height: 350px;}
.height_380px{ height: 380px;}
.height_400px{ height: 400px;}
.height_500px{ height: 500px;}
.width_height_100{ width: 100%; height: 100%;}


/* Overflow */
.overflow_wrap{ overflow-wrap: break-word;}
.overflow_hidden{ overflow: hidden;}
.overflow_x_hidden{ overflow-x: hidden; }
.overflow_y_hidden{ overflow-y: hidden;}
.overflow_scroll{ overflow: scroll;}
.overflow_x_scroll{ overflow-x: scroll;}
.overflow_y_scroll{ overflow-y: scroll;}
.overflow_auto{ overflow: auto;}
.overflow_x_auto{ overflow-x: auto;}
.overflow_y_auto{ overflow-y: auto;}

/* Hide Scrollbar */
.hide_scroll::-webkit-scrollbar { display: none; }
.hide_scroll { -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; }

/* Flex */
.flex{ display: flex; }
.flex_center{ justify-content: center; align-items: center; }
.flex_column{ flex-direction: column; }
.flex_row{ flex-direction: row; }
.flex_no_shrink{ flex-shrink: 0; }
.justify_center{ justify-content: center;}
.justify_start{ justify-content: flex-start;}
.justify_end{ justify-content: flex-end;}
.justify_space_between{ justify-content: space-between;}
.justify_space_around{ justify-content: space-around;}
.justify_space_evenly{ justify-content: space-evenly;}
.align_center{ align-items: center;}
.align_start{ align-items: flex-start;}
.align_end{ align-items: flex-end;}


.flex_1{flex: 1;}
.flex_2{flex: 2;}
.flex_3{flex: 3;}
.flex_4{flex: 4;}
.flex_5{flex: 5;}
.flex_6{flex: 6;}
.flex_7{flex: 7;}
.flex_8{flex: 8;}
.flex_9{flex: 9;}

/* Align Text Params */
.text_align_left{ text-align: left; }
.text_align_right{ text-align: right; }
.text_align_center{ text-align: center; }
.text_align_justify{ text-align: justify; }

/* Position */
.absolute{ position: absolute;}
.relative{ position: relative;}
.fixed{ position: fixed;}

/* Cursor */
.cursor_pointer{ cursor: pointer;}

/* Margin */
.m_auto { margin: auto; }
.m_0 { margin: 0px; }
.m_10 { margin: 10px; }
.m_20 { margin: 20px; }
.m_30 { margin: 30px; }
.m_40 { margin: 40px; }
.m_50 { margin: 50px; }
.m_60 { margin: 60px; }
.m_70 { margin: 70px; }
.m_80 { margin: 80px; }
.m_90 { margin: 90px; }
.m_100 { margin: 100px; }
.m_110 { margin: 110px; }
.m_120 { margin: 120px; }
.m_130 { margin: 130px; }
.m_140 { margin: 140px; }
.m_150 { margin: 150px; }
.m_160 { margin: 160px; }
.m_170 { margin: 170px; }
.m_180 { margin: 180px; }
.m_190 { margin: 190px; }
.m_200 { margin: 200px; }
.m_210 { margin: 210px; }
.m_220 { margin: 220px; }
.m_230 { margin: 230px; }
.m_240 { margin: 240px; }
.m_250 { margin: 250px; }
.m_260 { margin: 260px; }
.m_270 { margin: 270px; }
.m_280 { margin: 280px; }
.m_290 { margin: 290px; }
.m_300 { margin: 300px; }

.m_r_auto { margin-right: auto; }
.m_r_0 { margin-right: 0px; }
.m_r_10 { margin-right: 10px; }
.m_r_20 { margin-right: 20px; }
.m_r_30 { margin-right: 30px; }
.m_r_40 { margin-right: 40px; }
.m_r_50 { margin-right: 50px; }
.m_r_60 { margin-right: 60px; }
.m_r_70 { margin-right: 70px; }
.m_r_80 { margin-right: 80px; }
.m_r_90 { margin-right: 90px; }
.m_r_100 { margin-right: 100px; }
.m_r_110 { margin-right: 110px; }
.m_r_120 { margin-right: 120px; }
.m_r_130 { margin-right: 130px; }
.m_r_140 { margin-right: 140px; }
.m_r_150 { margin-right: 150px; }
.m_r_160 { margin-right: 160px; }
.m_r_170 { margin-right: 170px; }
.m_r_180 { margin-right: 180px; }
.m_r_190 { margin-right: 190px; }
.m_r_200 { margin-right: 200px; }
.m_r_210 { margin-right: 210px; }
.m_r_220 { margin-right: 220px; }
.m_r_230 { margin-right: 230px; }
.m_r_240 { margin-right: 240px; }
.m_r_250 { margin-right: 250px; }
.m_r_260 { margin-right: 260px; }
.m_r_270 { margin-right: 270px; }
.m_r_280 { margin-right: 280px; }
.m_r_290 { margin-right: 290px; }
.m_r_300 { margin-right: 300px; }

.m_l_auto { margin-left: auto; }
.m_l_0 { margin-left: 0px; }
.m_l_10 { margin-left: 10px; }
.m_l_20 { margin-left: 20px; }
.m_l_30 { margin-left: 30px; }
.m_l_40 { margin-left: 40px; }
.m_l_50 { margin-left: 50px; }
.m_l_60 { margin-left: 60px; }
.m_l_70 { margin-left: 70px; }
.m_l_80 { margin-left: 80px; }
.m_l_90 { margin-left: 90px; }
.m_l_100 { margin-left: 100px; }
.m_l_110 { margin-left: 110px; }
.m_l_120 { margin-left: 120px; }
.m_l_130 { margin-left: 130px; }
.m_l_140 { margin-left: 140px; }
.m_l_150 { margin-left: 150px; }
.m_l_160 { margin-left: 160px; }
.m_l_170 { margin-left: 170px; }
.m_l_180 { margin-left: 180px; }
.m_l_190 { margin-left: 190px; }
.m_l_200 { margin-left: 200px; }
.m_l_210 { margin-left: 210px; }
.m_l_220 { margin-left: 220px; }
.m_l_230 { margin-left: 230px; }
.m_l_240 { margin-left: 240px; }
.m_l_250 { margin-left: 250px; }
.m_l_260 { margin-left: 260px; }
.m_l_270 { margin-left: 270px; }
.m_l_280 { margin-left: 280px; }
.m_l_290 { margin-left: 290px; }
.m_l_300 { margin-left: 300px; }

.m_t_auto { margin-top: auto; }
.m_t_0 { margin-top: 0px; }
.m_t_10 { margin-top: 10px; }
.m_t_20 { margin-top: 20px; }
.m_t_30 { margin-top: 30px; }
.m_t_40 { margin-top: 40px; }
.m_t_50 { margin-top: 50px; }
.m_t_60 { margin-top: 60px; }
.m_t_70 { margin-top: 70px; }
.m_t_80 { margin-top: 80px; }
.m_t_90 { margin-top: 90px; }
.m_t_100 { margin-top: 100px; }
.m_t_110 { margin-top: 110px; }
.m_t_120 { margin-top: 120px; }
.m_t_130 { margin-top: 130px; }
.m_t_140 { margin-top: 140px; }
.m_t_150 { margin-top: 150px; }
.m_t_160 { margin-top: 160px; }
.m_t_170 { margin-top: 170px; }
.m_t_180 { margin-top: 180px; }
.m_t_190 { margin-top: 190px; }
.m_t_200 { margin-top: 200px; }
.m_t_210 { margin-top: 210px; }
.m_t_220 { margin-top: 220px; }
.m_t_230 { margin-top: 230px; }
.m_t_240 { margin-top: 240px; }
.m_t_250 { margin-top: 250px; }
.m_t_260 { margin-top: 260px; }
.m_t_270 { margin-top: 270px; }
.m_t_280 { margin-top: 280px; }
.m_t_290 { margin-top: 290px; }
.m_t_300 { margin-top: 300px; }

.m_b_auto { margin-bottom: auto; }
.m_b_0 { margin-bottom: 0px; }
.m_b_10 { margin-bottom: 10px; }
.m_b_20 { margin-bottom: 20px; }
.m_b_30 { margin-bottom: 30px; }
.m_b_40 { margin-bottom: 40px; }
.m_b_50 { margin-bottom: 50px; }
.m_b_60 { margin-bottom: 60px; }
.m_b_70 { margin-bottom: 70px; }
.m_b_80 { margin-bottom: 80px; }
.m_b_90 { margin-bottom: 90px; }
.m_b_100 { margin-bottom: 100px; }
.m_b_110 { margin-bottom: 110px; }
.m_b_120 { margin-bottom: 120px; }
.m_b_130 { margin-bottom: 130px; }
.m_b_140 { margin-bottom: 140px; }
.m_b_150 { margin-bottom: 150px; }
.m_b_160 { margin-bottom: 160px; }
.m_b_170 { margin-bottom: 170px; }
.m_b_180 { margin-bottom: 180px; }
.m_b_190 { margin-bottom: 190px; }
.m_b_200 { margin-bottom: 200px; }
.m_b_210 { margin-bottom: 210px; }
.m_b_220 { margin-bottom: 220px; }
.m_b_230 { margin-bottom: 230px; }
.m_b_240 { margin-bottom: 240px; }
.m_b_250 { margin-bottom: 250px; }
.m_b_260 { margin-bottom: 260px; }
.m_b_270 { margin-bottom: 270px; }
.m_b_280 { margin-bottom: 280px; }
.m_b_290 { margin-bottom: 290px; }
.m_b_300 { margin-bottom: 300px; }

/* Padding */
.p_0 { padding: 0px; }
.p_10 { padding: 10px; }
.p_15 { padding: 15px; }
.p_20 { padding: 20px; }
.p_30 { padding: 30px; }
.p_40 { padding: 40px; }
.p_50 { padding: 50px; }
.p_60 { padding: 60px; }
.p_70 { padding: 70px; }
.p_80 { padding: 80px; }
.p_90 { padding: 90px; }
.p_100 { padding: 100px; }
.p_110 { padding: 110px; }
.p_120 { padding: 120px; }
.p_130 { padding: 130px; }
.p_140 { padding: 140px; }
.p_150 { padding: 150px; }
.p_160 { padding: 160px; }
.p_170 { padding: 170px; }
.p_180 { padding: 180px; }
.p_190 { padding: 190px; }
.p_200 { padding: 200px; }

.p_r_10 { padding-right: 10px; }
.p_r_20 { padding-right: 20px; }
.p_r_30 { padding-right: 30px; }
.p_r_40 { padding-right: 40px; }
.p_r_50 { padding-right: 50px; }
.p_r_60 { padding-right: 60px; }
.p_r_70 { padding-right: 70px; }
.p_r_80 { padding-right: 80px; }
.p_r_90 { padding-right: 90px; }
.p_r_100 { padding-right: 100px; }
.p_r_110 { padding-right: 110px; }
.p_r_120 { padding-right: 120px; }
.p_r_130 { padding-right: 130px; }
.p_r_140 { padding-right: 140px; }
.p_r_150 { padding-right: 150px; }
.p_r_160 { padding-right: 160px; }
.p_r_170 { padding-right: 170px; }
.p_r_180 { padding-right: 180px; }
.p_r_190 { padding-right: 190px; }
.p_r_200 { padding-right: 200px; }

.p_l_10 { padding-left: 10px; }
.p_l_20 { padding-left: 20px; }
.p_l_30 { padding-left: 30px; }
.p_l_40 { padding-left: 40px; }
.p_l_50 { padding-left: 50px; }
.p_l_60 { padding-left: 60px; }
.p_l_70 { padding-left: 70px; }
.p_l_80 { padding-left: 80px; }
.p_l_90 { padding-left: 90px; }
.p_l_100 { padding-left: 100px; }
.p_l_110 { padding-left: 110px; }
.p_l_120 { padding-left: 120px; }
.p_l_130 { padding-left: 130px; }
.p_l_140 { padding-left: 140px; }
.p_l_150 { padding-left: 150px; }
.p_l_160 { padding-left: 160px; }
.p_l_170 { padding-left: 170px; }
.p_l_180 { padding-left: 180px; }
.p_l_190 { padding-left: 190px; }
.p_l_200 { padding-left: 200px; }

.p_t_10 { padding-top: 10px; }
.p_t_20 { padding-top: 20px; }
.p_t_30 { padding-top: 30px; }
.p_t_40 { padding-top: 40px; }
.p_t_50 { padding-top: 50px; }
.p_t_60 { padding-top: 60px; }
.p_t_70 { padding-top: 70px; }
.p_t_80 { padding-top: 80px; }
.p_t_90 { padding-top: 90px; }
.p_t_100 { padding-top: 100px; }
.p_t_110 { padding-top: 110px; }
.p_t_120 { padding-top: 120px; }
.p_t_130 { padding-top: 130px; }
.p_t_140 { padding-top: 140px; }
.p_t_150 { padding-top: 150px; }
.p_t_160 { padding-top: 160px; }
.p_t_170 { padding-top: 170px; }
.p_t_180 { padding-top: 180px; }
.p_t_190 { padding-top: 190px; }
.p_t_200 { padding-top: 200px; }

.p_b_10 { padding-bottom: 10px; }
.p_b_20 { padding-bottom: 20px; }
.p_b_30 { padding-bottom: 30px; }
.p_b_40 { padding-bottom: 40px; }
.p_b_50 { padding-bottom: 50px; }
.p_b_60 { padding-bottom: 60px; }
.p_b_70 { padding-bottom: 70px; }
.p_b_80 { padding-bottom: 80px; }
.p_b_90 { padding-bottom: 90px; }
.p_b_100 { padding-bottom: 100px; }
.p_b_110 { padding-bottom: 110px; }
.p_b_120 { padding-bottom: 120px; }
.p_b_130 { padding-bottom: 130px; }
.p_b_140 { padding-bottom: 140px; }
.p_b_150 { padding-bottom: 150px; }
.p_b_160 { padding-bottom: 160px; }
.p_b_170 { padding-bottom: 170px; }
.p_b_180 { padding-bottom: 180px; }
.p_b_190 { padding-bottom: 190px; }
.p_b_200 { padding-bottom: 200px; }

/* Border */

.border_black_1{ border: 1px solid black; }
.border_black_2{ border: 2px solid black; }
.border_black_3{ border: 3px solid black; }
.border_black_4{ border: 4px solid black; }
.border_black_5{ border: 5px solid black; }
.border_black_6{ border: 6px solid black; }
.border_black_7{ border: 7px solid black; }
.border_black_8{ border: 8px solid black; }


.border_white_1{ border: 1px solid white; }
.border_white_2{ border: 2px solid white; }
.border_white_3{ border: 3px solid white; }
.border_white_4{ border: 4px solid white; }
.border_white_5{ border: 5px solid white; }
.border_white_6{ border: 6px solid white; }
.border_white_7{ border: 7px solid white; }
.border_white_8{ border: 8px solid white; }

.border_1{ border: 1px solid; }
.border_2{ border: 2px solid; }
.border_3{ border: 3px solid; }
.border_4{ border: 4px solid; }
.border_5{ border: 5px solid; }
.border_6{ border: 6px solid; }
.border_7{ border: 7px solid; }
.border_8{ border: 8px solid; }


.border_none {border: none;}
.border_collapse{border-collapse: collapse;} 

/* Shadow */

.shadow_2{ box-shadow: 1px 1px 10px black; }
.shadow_2{ box-shadow: 2px 2px 20px black; }
.shadow_3{ box-shadow: 3px 3px 30px black; }
.shadow_4{ box-shadow: 4px 4px 40px black; }

/* Border Radius */

.border_radius_10{ border-radius: 10px; }
.border_radius_20{ border-radius: 20px; }
.border_radius_30{ border-radius: 30px; }
.border_radius_40{ border-radius: 40px; }
.border_radius_50{ border-radius: 50px; }
.border_radius_60{ border-radius: 60px; }
.border_radius_70{ border-radius: 70px; }
.border_radius_80{ border-radius: 80px; }
.border_radius_90{ border-radius: 90px; }
.border_radius_100{ border-radius: 100px; }
.border_radius_110{ border-radius: 110px; }
.border_radius_120{ border-radius: 120px; }
.border_radius_130{ border-radius: 130px; }
.border_radius_140{ border-radius: 140px; }
.border_radius_150{ border-radius: 150px; }



.hide{display: none;}

/* Font Size */


@media (max-width: 768px) {
    .font_warning { font-size: 2rem;}
}
@media (min-width: 768px) {
    .font_warning { font-size: 3.5rem;}
}
    
.font_size_0_1 { font-size: 0.1rem; }
.font_size_0_2 { font-size: 0.2rem; }
.font_size_0_3 { font-size: 0.3rem; }
.font_size_0_4 { font-size: 0.4rem; }
.font_size_0_5 { font-size: 0.5rem; }
.font_size_0_6 { font-size: 0.6rem; }
.font_size_0_7 { font-size: 0.7rem; }
.font_size_0_8 { font-size: 0.8rem; }
.font_size_0_9 { font-size: 0.9rem; }
.font_size_1   { font-size: 1rem; }
.font_size_1_1 { font-size: 1.1rem; }
.font_size_1_2 { font-size: 1.2rem; }
.font_size_1_3 { font-size: 1.3rem; }
.font_size_1_4 { font-size: 1.4rem; }
.font_size_1_5 { font-size: 1.5rem; }
.font_size_1_6 { font-size: 1.6rem; }
.font_size_1_7 { font-size: 1.7rem; }
.font_size_1_8 { font-size: 1.8rem; }
.font_size_1_9 { font-size: 1.9rem; }
.font_size_2   { font-size: 2rem; }
.font_size_2_1 { font-size: 2.1rem; }
.font_size_2_2 { font-size: 2.2rem; }
.font_size_2_3 { font-size: 2.3rem; }
.font_size_2_4 { font-size: 2.4rem; }
.font_size_2_5 { font-size: 2.5rem; }
.font_size_2_6 { font-size: 2.6rem; }
.font_size_2_7 { font-size: 2.7rem; }
.font_size_2_8 { font-size: 2.8rem; }
.font_size_2_9 { font-size: 2.9rem; }
.font_size_3   { font-size: 3rem; }
.font_size_3_1 { font-size: 3.1rem; }
.font_size_3_2 { font-size: 3.2rem; }
.font_size_3_3 { font-size: 3.3rem; }
.font_size_3_4 { font-size: 3.4rem; }
.font_size_3_5 { font-size: 3.5rem; }
.font_size_3_6 { font-size: 3.6rem; }
.font_size_3_7 { font-size: 3.7rem; }
.font_size_3_8 { font-size: 3.8rem; }
.font_size_3_9 { font-size: 3.9rem; }
.font_size_4   { font-size: 4rem; }
.font_size_4_1 { font-size: 4.1rem; }
.font_size_4_2 { font-size: 4.2rem; }
.font_size_4_3 { font-size: 4.3rem; }
.font_size_4_4 { font-size: 4.4rem; }
.font_size_4_5 { font-size: 4.5rem; }
.font_size_4_6 { font-size: 4.6rem; }
.font_size_4_7 { font-size: 4.7rem; }
.font_size_4_8 { font-size: 4.8rem; }
.font_size_4_9 { font-size: 4.9rem; }
.font_size_5   { font-size: 5rem; }
.font_size_5_1 { font-size: 5.1rem; }
.font_size_5_2 { font-size: 5.2rem; }
.font_size_5_3 { font-size: 5.3rem; }
.font_size_5_4 { font-size: 5.4rem; }
.font_size_5_5 { font-size: 5.5rem; }
.font_size_5_6 { font-size: 5.6rem; }
.font_size_5_7 { font-size: 5.7rem; }
.font_size_5_8 { font-size: 5.8rem; }
.font_size_5_9 { font-size: 5.9rem; }
.font_size_6   { font-size: 6rem; }
.font_size_6_1 { font-size: 6.1rem; }
.font_size_6_2 { font-size: 6.2rem; }
.font_size_6_3 { font-size: 6.3rem; }
.font_size_6_4 { font-size: 6.4rem; }
.font_size_6_5 { font-size: 6.5rem; }
.font_size_6_6 { font-size: 6.6rem; }
.font_size_6_7 { font-size: 6.7rem; }
.font_size_6_8 { font-size: 6.8rem; }
.font_size_6_9 { font-size: 6.9rem; }
.font_size_7   { font-size: 7rem; }

@media (max-width: 768px) {
    .font_size_1{ font-size: 0.5rem; }
    .font_size_1_5{ font-size: 1rem; }
    .font_size_2{ font-size: 1.5rem; }
    .font_size_2_5{ font-size: 2rem; }
    .font_size_3{ font-size: 2.5rem; }
    .font_size_3_5{ font-size: 3rem; }
    .font_size_4{ font-size: 3.5rem; }
    .font_size_4_5{ font-size: 4rem; }
    .font_size_5{ font-size: 4.5rem; }
    .font_size_5_5{ font-size: 5rem; }
    .font_size_6{ font-size: 5.5rem; }
    .font_size_6_5{ font-size: 6rem; }
    .font_size_7{ font-size: 6.5rem; }
}

/* Text Transform */
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.capitalize {text-transform: capitalize;}

/* Fonts */
.font_finger_paint { font-family: "Finger Paint", sans-serif; font-style: normal; font-weight: normal; }
.font_montserrat { font-family: "Montserrat", sans-serif; font-style: normal; font-weight: normal;}
.font_playfair_display{ font-family: "Playfair Display", serif; font-style: normal; font-weight: normal; }
.font_playfair_display_sc { font-family: "Playfair Display SC", serif; font-style: normal; font-weight: normal;}
.font_garamond { font-family: "EB Garamond", serif; font-style: normal; font-weight: normal; }
.font_bebas_neue { font-family: "Bebas Neue", serif; font-weight: 400; font-style: normal;}
.font_antic_didone { font-family: "Antic Didone", serif; font-weight: 400; font-style: normal; }
  

/* Font Weight */
.font_light{ font-weight: lighter; }
.font_normal{ font-weight: normal; }
.font_bold{ font-weight: bold; }
.font_bolder{ font-weight: bolder; }

/* Font Style */
.font_italic{ font-style: italic;}
.font_normal{ font-style: normal;}
  
/* Opacity */
.opacity_0 { opacity: 0; }
.opacity_10 { opacity: 0.1; }
.opacity_20 { opacity: 0.2; }
.opacity_30 { opacity: 0.3; }
.opacity_40 { opacity: 0.4; }
.opacity_50 { opacity: 0.5; }
.opacity_60 { opacity: 0.6; }
.opacity_70 { opacity: 0.7; }
.opacity_80 { opacity: 0.8; }
.opacity_90 { opacity: 0.9; }
.opacity_100 { opacity: 1; }

/* Opacity */
.on_hover_opacity_0:hover { opacity: 0;  transition: opacity 0.5s ease;}
.on_hover_opacity_10:hover { opacity: 0.1; transition: opacity 0.5s ease; }
.on_hover_opacity_20:hover { opacity: 0.2; transition: opacity 0.5s ease; }
.on_hover_opacity_30:hover { opacity: 0.3; transition: opacity 0.5s ease; }
.on_hover_opacity_40:hover { opacity: 0.4; transition: opacity 0.5s ease; }
.on_hover_opacity_50:hover { opacity: 0.5; transition: opacity 0.5s ease; }
.on_hover_opacity_60:hover { opacity: 0.6; transition: opacity 0.5s ease; }
.on_hover_opacity_70:hover { opacity: 0.7; transition: opacity 0.5s ease; }
.on_hover_opacity_80:hover { opacity: 0.8; transition: opacity 0.5s ease; }
.on_hover_opacity_90:hover { opacity: 0.9; transition: opacity 0.5s ease; }
.on_hover_opacity_100:hover { opacity: 1;  transition: opacity 0.5s ease;}

/* Visibility */
.visibility_hidden { visibility: hidden;}
.visibility_visible { visibility: visible;}

/* Background */
.cover{ position: absolute; width: 100%; height: 100%; z-index: 9999; }
.bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.bg_color_transparent{ background-color: transparent; }
.bg_color_white{ background-color: white; }
.bg_color_black{ background-color: black; }
.bg_color_gray{ background-color: gray; }
.bg_color_light_gray{ background-color: rgb(190, 190, 190); }
.bg_color_turquoise{ background-color: #294551; }
.bg_color_dark_blue{ background-color: #091a3b; }
.bg_color_bordo{ background-color: #38090c; }
.bg_color_green{ background-color: #125b2d; }




.bg_image_button{
    background-image: url("/public/images/button_image.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* List */
ul.style_type_circle{
    list-style-type: circle;
}




/* Positions Top: Bottom: Left: Right */
.top_0 { top: 0; }
.top_10 { top: 10%; }
.top_20 { top: 20%; }
.top_30 { top: 30%; }
.top_40 { top: 40%; }
.top_50 { top: 50%; }
.top_60 { top: 60%; }
.top_70 { top: 70%; }
.top_80 { top: 80%; }
.top_90 { top: 90%; }
.top_100 { top: 100%; }
.bottom_0 { bottom: 0; }
.bottom_10 { bottom: 10%; }
.bottom_20 { bottom: 20%; }
.bottom_30 { bottom: 30%; }
.bottom_40 { bottom: 40%; }
.bottom_50 { bottom: 50%; }
.bottom_60 { bottom: 60%; }
.bottom_70 { bottom: 70%; }
.bottom_80 { bottom: 80%; }
.bottom_90 { bottom: 90%; }
.bottom_100 { bottom: 100%; }
.left_0 { left: 0; }
.left_5 { left: 5%; }
.left_10 { left: 10%; }
.left_20 { left: 20%; }
.left_30 { left: 30%; }
.left_40 { left: 40%; }
.left_50 { left: 50%; }
.left_60 { left: 60%; }
.left_70 { left: 70%; }
.left_80 { left: 80%; }
.left_90 { left: 90%; }
.left_100 { left: 100%; }
.right_0 { right: 0; }
.right_5 { right: 5%; }
.right_10 { right: 10%; }
.right_20 { right: 20%; }
.right_30 { right: 30%; }
.right_40 { right: 40%; }
.right_50 { right: 50%; }
.right_60 { right: 60%; }
.right_70 { right: 70%; }
.right_80 { right: 80%; }
.right_90 { right: 90%; }
.right_100 { right: 100%; }
.right_120 { right: 120%; }


/* Z Index */
.z_index_min { z-index: -1;}
.z_index_0 { z-index: 0;}
.z_index_1 { z-index: 1;}
.z_index_2 { z-index: 2;}
.z_index_3 { z-index: 3;}
.z_index_4 { z-index: 4;}
.z_index_5 { z-index: 5;}
.z_index_6 { z-index: 6;}
.z_index_7 { z-index: 7;}
.z_index_8 { z-index: 8;}
.z_index_9 { z-index: 9;}
.z_index_max { z-index: 10;}


/* Grid */
.none{
    display: none;
}


.grid{
    display: grid;
}

.wrap_100 { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 10px; justify-items: center; row-gap: 50px;}
.wrap_150 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; justify-items: center; row-gap: 50px;}
.wrap_200 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; justify-items: center; row-gap: 50px;}
.wrap_250 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 10px; justify-items: center; row-gap: 50px;}
.wrap_300 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 10px; justify-items: center; row-gap: 50px;}
.wrap_350 { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 10px; justify-items: center; row-gap: 50px;}
.wrap_400 { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 10px; justify-items: center; row-gap: 50px;}

.grid_column_1{ grid-template-columns: 1fr;}
.grid_column_2{ grid-template-columns: 1fr 1fr;}
.grid_column_3{ grid-template-columns: 1fr 1fr 1fr;}
.grid_column_4{ grid-template-columns: 1fr 1fr 1fr 1fr;}
.grid_column_5{ grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

.grid_row_1{ grid-template-rows: 1fr;}
.grid_row_2{ grid-template-rows: 1fr 1fr;}
.grid_row_3{ grid-template-rows: 1fr 1fr 1fr;}
.grid_row_4{ grid-template-rows: 1fr 1fr 1fr 1fr;}
.grid_row_5{ grid-template-rows: 1fr 1fr 1fr 1fr 1fr;}

.gap_10{gap: 10px;}



/* Line Height */

.line_height_1 {line-height: 1;}
.line_height_1_1 {line-height: 1.1;}
.line_height_1_2 {line-height: 1.2;}
.line_height_1_3 {line-height: 1.3;}
.line_height_1_4 {line-height: 1.4;}
.line_height_1_5 {line-height: 1.5;}
.line_height_1_6 {line-height: 1.6;}
.line_height_1_7 {line-height: 1.7;}
.line_height_1_8 {line-height: 1.8;}
.line_height_1_9 {line-height: 1.9;}
.line_height_2 {line-height: 2;}

/* Letter Spacing */

.letter_spacing_1 {letter-spacing: 1px;}
.letter_spacing_1_1 {letter-spacing: 1.1px;}
.letter_spacing_1_2 {letter-spacing: 1.2px;}
.letter_spacing_1_3 {letter-spacing: 1.3px;}
.letter_spacing_1_4 {letter-spacing: 1.4px;}
.letter_spacing_1_5 {letter-spacing: 1.5px;}
.letter_spacing_1_6 {letter-spacing: 1.6px;}
.letter_spacing_1_7 {letter-spacing: 1.7px;}
.letter_spacing_1_8 {letter-spacing: 1.8px;}
.letter_spacing_1_9 {letter-spacing: 1.9px;}
.letter_spacing_2 {letter-spacing: 2px;}

/* Rotate */
.rotate_90{
    transform: rotate(90deg);
}
.rotate_180{
    transform: rotate(180deg);
}
.rotate_270{
    transform: rotate(270deg);
}





/* Mobile */
@media (max-width: 768px) {
    .hide_in_mobile{ display: none; }
    .mobile_flex_row_column{ flex-direction: column; }
    .tablet_flex_row_column{ flex-direction: column; }
    .mobile_width_100{width: 100%;}
    .mobile_width_90{width: 90%;}
    .mobile_width_80{width: 80%;}
    .mobile_width_70{width: 70%;}
    .mobile_width_60{width: 60%;}
    .mobile_width_50{width: 50%;}
    .mobile_width_40{width: 40%;}
    .mobile_width_30{width: 30%;}
    .mobile_width_20{width: 20%;}
    .mobile_width_10{width: 10%;}
    .mobile_width_0{width: 0%;}
    .mobile_max_width_none{max-width: none;}

    .mobile_max_width_100{max-width: 100%;}
    .mobile_max_width_90{max-width: 90%;}
    .mobile_max_width_80{max-width: 80%;}
    .mobile_max_width_70{max-width: 70%;}
    .mobile_max_width_60{max-width: 60%;}
    .mobile_max_width_50{max-width: 50%;}
    .mobile_max_width_40{max-width: 40%;}
    .mobile_max_width_30{max-width: 30%;}
    .mobile_max_width_20{max-width: 20%;}
    .mobile_max_width_10{max-width: 10%;}

    
    .mobile_height_100{height: 100%;}
    .mobile_height_90{height: 90%;}
    .mobile_height_80{height: 80%;}
    .mobile_height_70{height: 70%;}
    .mobile_height_60{height: 60%;}
    .mobile_height_50{height: 50%;}
    .mobile_height_40{height: 40%;}
    .mobile_height_30{height: 30%;}
    .mobile_height_20{height: 20%;}
    .mobile_height_10{height: 10%;}
    .mobile_height_0{height: 0%;}
    .mobile_height_auto{height: auto;}
    .mobile_max_height_none{max-height: none;}
    /* Margin */

    .mobile_m_auto { margin: auto; }
    .mobile_m_0 { margin: 0px; }
    .mobile_m_10 { margin: 10px; }
    .mobile_m_20 { margin: 20px; }
    .mobile_m_30 { margin: 30px; }
    .mobile_m_40 { margin: 40px; }
    .mobile_m_50 { margin: 50px; }
    .mobile_m_60 { margin: 60px; }
    .mobile_m_70 { margin: 70px; }
    .mobile_m_80 { margin: 80px; }
    .mobile_m_90 { margin: 90px; }
    .mobile_m_100 { margin: 100px; }
    .mobile_m_110 { margin: 110px; }
    .mobile_m_120 { margin: 120px; }
    .mobile_m_130 { margin: 130px; }
    .mobile_m_140 { margin: 140px; }
    .mobile_m_150 { margin: 150px; }
    .mobile_m_160 { margin: 160px; }
    .mobile_m_170 { margin: 170px; }
    .mobile_m_180 { margin: 180px; }
    .mobile_m_190 { margin: 190px; }
    .mobile_m_200 { margin: 200px; }
    .mobile_m_210 { margin: 210px; }
    .mobile_m_220 { margin: 220px; }
    .mobile_m_230 { margin: 230px; }
    .mobile_m_240 { margin: 240px; }
    .mobile_m_250 { margin: 250px; }
    .mobile_m_260 { margin: 260px; }
    .mobile_m_270 { margin: 270px; }
    .mobile_m_280 { margin: 280px; }
    .mobile_m_290 { margin: 290px; }
    .mobile_m_300 { margin: 300px; }

    .mobile_m_r_auto { margin-right: auto; }
    .mobile_m_r_0 { margin-right: 0px; }
    .mobile_m_r_10 { margin-right: 10px; }
    .mobile_m_r_20 { margin-right: 20px; }
    .mobile_m_r_30 { margin-right: 30px; }
    .mobile_m_r_40 { margin-right: 40px; }
    .mobile_m_r_50 { margin-right: 50px; }
    .mobile_m_r_60 { margin-right: 60px; }
    .mobile_m_r_70 { margin-right: 70px; }
    .mobile_m_r_80 { margin-right: 80px; }
    .mobile_m_r_90 { margin-right: 90px; }
    .mobile_m_r_100 { margin-right: 100px; }
    .mobile_m_r_110 { margin-right: 110px; }
    .mobile_m_r_120 { margin-right: 120px; }
    .mobile_m_r_130 { margin-right: 130px; }
    .mobile_m_r_140 { margin-right: 140px; }
    .mobile_m_r_150 { margin-right: 150px; }
    .mobile_m_r_160 { margin-right: 160px; }
    .mobile_m_r_170 { margin-right: 170px; }
    .mobile_m_r_180 { margin-right: 180px; }
    .mobile_m_r_190 { margin-right: 190px; }
    .mobile_m_r_200 { margin-right: 200px; }
    .mobile_m_r_210 { margin-right: 210px; }
    .mobile_m_r_220 { margin-right: 220px; }
    .mobile_m_r_230 { margin-right: 230px; }
    .mobile_m_r_240 { margin-right: 240px; }
    .mobile_m_r_250 { margin-right: 250px; }
    .mobile_m_r_260 { margin-right: 260px; }
    .mobile_m_r_270 { margin-right: 270px; }
    .mobile_m_r_280 { margin-right: 280px; }
    .mobile_m_r_290 { margin-right: 290px; }
    .mobile_m_r_300 { margin-right: 300px; }

    .mobile_m_l_auto { margin-left: auto; }
    .mobile_m_l_0 { margin-left: 0px; }
    .mobile_m_l_10 { margin-left: 10px; }
    .mobile_m_l_20 { margin-left: 20px; }
    .mobile_m_l_30 { margin-left: 30px; }
    .mobile_m_l_40 { margin-left: 40px; }
    .mobile_m_l_50 { margin-left: 50px; }
    .mobile_m_l_60 { margin-left: 60px; }
    .mobile_m_l_70 { margin-left: 70px; }
    .mobile_m_l_80 { margin-left: 80px; }
    .mobile_m_l_90 { margin-left: 90px; }
    .mobile_m_l_100 { margin-left: 100px; }
    .mobile_m_l_110 { margin-left: 110px; }
    .mobile_m_l_120 { margin-left: 120px; }
    .mobile_m_l_130 { margin-left: 130px; }
    .mobile_m_l_140 { margin-left: 140px; }
    .mobile_m_l_150 { margin-left: 150px; }
    .mobile_m_l_160 { margin-left: 160px; }
    .mobile_m_l_170 { margin-left: 170px; }
    .mobile_m_l_180 { margin-left: 180px; }
    .mobile_m_l_190 { margin-left: 190px; }
    .mobile_m_l_200 { margin-left: 200px; }
    .mobile_m_l_210 { margin-left: 210px; }
    .mobile_m_l_220 { margin-left: 220px; }
    .mobile_m_l_230 { margin-left: 230px; }
    .mobile_m_l_240 { margin-left: 240px; }
    .mobile_m_l_250 { margin-left: 250px; }
    .mobile_m_l_260 { margin-left: 260px; }
    .mobile_m_l_270 { margin-left: 270px; }
    .mobile_m_l_280 { margin-left: 280px; }
    .mobile_m_l_290 { margin-left: 290px; }
    .mobile_m_l_300 { margin-left: 300px; }

    .mobile_m_t_auto { margin-top: auto; }
    .mobile_m_t_0 { margin-top: 0px; }
    .mobile_m_t_10 { margin-top: 10px; }
    .mobile_m_t_20 { margin-top: 20px; }
    .mobile_m_t_30 { margin-top: 30px; }
    .mobile_m_t_40 { margin-top: 40px; }
    .mobile_m_t_50 { margin-top: 50px; }
    .mobile_m_t_60 { margin-top: 60px; }
    .mobile_m_t_70 { margin-top: 70px; }
    .mobile_m_t_80 { margin-top: 80px; }
    .mobile_m_t_90 { margin-top: 90px; }
    .mobile_m_t_100 { margin-top: 100px; }
    .mobile_m_t_110 { margin-top: 110px; }
    .mobile_m_t_120 { margin-top: 120px; }
    .mobile_m_t_130 { margin-top: 130px; }
    .mobile_m_t_140 { margin-top: 140px; }
    .mobile_m_t_150 { margin-top: 150px; }
    .mobile_m_t_160 { margin-top: 160px; }
    .mobile_m_t_170 { margin-top: 170px; }
    .mobile_m_t_180 { margin-top: 180px; }
    .mobile_m_t_190 { margin-top: 190px; }
    .mobile_m_t_200 { margin-top: 200px; }
    .mobile_m_t_210 { margin-top: 210px; }
    .mobile_m_t_220 { margin-top: 220px; }
    .mobile_m_t_230 { margin-top: 230px; }
    .mobile_m_t_240 { margin-top: 240px; }
    .mobile_m_t_250 { margin-top: 250px; }
    .mobile_m_t_260 { margin-top: 260px; }
    .mobile_m_t_270 { margin-top: 270px; }
    .mobile_m_t_280 { margin-top: 280px; }
    .mobile_m_t_290 { margin-top: 290px; }
    .mobile_m_t_300 { margin-top: 300px; }

    .mobile_m_b_auto { margin-bottom: auto; }
    .mobile_m_b_0 { margin-bottom: 0px; }
    .mobile_m_b_10 { margin-bottom: 10px; }
    .mobile_m_b_20 { margin-bottom: 20px; }
    .mobile_m_b_30 { margin-bottom: 30px; }
    .mobile_m_b_40 { margin-bottom: 40px; }
    .mobile_m_b_50 { margin-bottom: 50px; }
    .mobile_m_b_60 { margin-bottom: 60px; }
    .mobile_m_b_70 { margin-bottom: 70px; }
    .mobile_m_b_80 { margin-bottom: 80px; }
    .mobile_m_b_90 { margin-bottom: 90px; }
    .mobile_m_b_100 { margin-bottom: 100px; }
    .mobile_m_b_110 { margin-bottom: 110px; }
    .mobile_m_b_120 { margin-bottom: 120px; }
    .mobile_m_b_130 { margin-bottom: 130px; }
    .mobile_m_b_140 { margin-bottom: 140px; }
    .mobile_m_b_150 { margin-bottom: 150px; }
    .mobile_m_b_160 { margin-bottom: 160px; }
    .mobile_m_b_170 { margin-bottom: 170px; }
    .mobile_m_b_180 { margin-bottom: 180px; }
    .mobile_m_b_190 { margin-bottom: 190px; }
    .mobile_m_b_200 { margin-bottom: 200px; }
    .mobile_m_b_210 { margin-bottom: 210px; }
    .mobile_m_b_220 { margin-bottom: 220px; }
    .mobile_m_b_230 { margin-bottom: 230px; }
    .mobile_m_b_240 { margin-bottom: 240px; }
    .mobile_m_b_250 { margin-bottom: 250px; }
    .mobile_m_b_260 { margin-bottom: 260px; }
    .mobile_m_b_270 { margin-bottom: 270px; }
    .mobile_m_b_280 { margin-bottom: 280px; }
    .mobile_m_b_290 { margin-bottom: 290px; }
    .mobile_m_b_300 { margin-bottom: 300px; }

}

/* Tablet */
@media (min-width: 768px) and (max-width: 1099px) {
    .tablet_flex_row_column{ flex-direction: column; }
    .hide_in_tablet{display: none;}
    .flex_row_column{ flex-direction: column; }
    .tablet_width_100{width: 100%;}
    .tablet_width_90{width: 90%;}
    .tablet_width_80{width: 80%;}
    .tablet_width_70{width: 70%;}
    .tablet_width_60{width: 60%;}
    .tablet_width_50{width: 50%;}
    .tablet_width_40{width: 40%;}
    .tablet_width_30{width: 30%;}
    .tablet_width_20{width: 20%;}
    .tablet_width_10{width: 10%;}
    .tablet_width_0{width: 0%;}
    .tablet_max_width_none{max-width: none;}

    .tablet_max_width_100{max-width: 100%;}
    .tablet_max_width_90{max-width: 90%;}
    .tablet_max_width_80{max-width: 80%;}
    .tablet_max_width_70{max-width: 70%;}
    .tablet_max_width_60{max-width: 60%;}
    .tablet_max_width_50{max-width: 50%;}
    .tablet_max_width_40{max-width: 40%;}
    .tablet_max_width_30{max-width: 30%;}
    .tablet_max_width_20{max-width: 20%;}
    .tablet_max_width_10{max-width: 10%;}

    
    .tablet_height_100{height: 100%;}
    .tablet_height_90{height: 90%;}
    .tablet_height_80{height: 80%;}
    .tablet_height_70{height: 70%;}
    .tablet_height_60{height: 60%;}
    .tablet_height_50{height: 50%;}
    .tablet_height_40{height: 40%;}
    .tablet_height_30{height: 30%;}
    .tablet_height_20{height: 20%;}
    .tablet_height_10{height: 10%;}
    .tablet_height_0{height: 0%;}
    .tablet_height_auto{height: auto;}
    .tablet_max_height_none{max-height: none;}

    
    .tablet_height_5px{ height: 5px;}
    .tablet_height_10px{ height: 10px;}
    .tablet_height_20px{ height: 20px;}
    .tablet_height_30px{ height: 30px;}
    .tablet_height_40px{ height: 40px;}
    .tablet_height_50px{ height: 50px;}
    .tablet_height_60px{ height: 60px;}
    .tablet_height_70px{ height: 70px;}
    .tablet_height_80px{ height: 80px;}
    .tablet_height_90px{ height: 90px;}
    .tablet_height_100px{ height: 100px;}
    .tablet_height_110px{ height: 110px;}
    .tablet_height_120px{ height: 120px;}
    .tablet_height_130px{ height: 130px;}
    .tablet_height_140px{ height: 140px;}
    .tablet_height_150px{ height: 140px;}
    .tablet_height_200px{ height: 200px;}
    .tablet_height_250px{ height: 250px;}
    .tablet_height_300px{ height: 300px;}
    .tablet_height_350px{ height: 350px;}
    .tablet_height_380px{ height: 380px;}
    .tablet_height_400px{ height: 400px;}
    .tablet_height_500px{ height: 500px;}


    .tablet_width_1px{ width: 1px;}
    .tablet_width_2px{ width: 2px;}
    .tablet_width_3px{ width: 3px;}
    .tablet_width_4px{ width: 4px;}
    .tablet_width_5px{ width: 5px;}
    .tablet_width_10px{ width: 10px;}
    .tablet_width_20px{ width: 20px;}
    .tablet_width_30px{ width: 30px;}
    .tablet_width_40px{ width: 40px;}
    .tablet_width_50px{ width: 50px;}
    .tablet_width_60px{ width: 60px;}
    .tablet_width_70px{ width: 70px;}
    .tablet_width_80px{ width: 80px;}
    .tablet_width_90px{ width: 90px;}
    .tablet_width_100px{ width: 100px;}
    .tablet_width_110px{ width: 110px;}
    .tablet_width_120px{ width: 120px;}
    .tablet_width_130px{ width: 130px;}
    .tablet_width_140px{ width: 140px;}
    .tablet_width_150px{ width: 140px;}
    .tablet_width_200px{ width: 200px;}
    .tablet_width_250px{ width: 250px;}
    .tablet_width_300px{ width: 300px;}
    .tablet_width_380px{ width: 380px;}
    .tablet_width_400px{ width: 400px;}
    .tablet_width_500px{ width: 500px;}
    .tablet_width_600px{ width: 600px;}
    .tablet_width_700px{ width: 700px;}
    .tablet_width_800px{ width: 800px;}


    /* Margin */

    .tablet_m_auto { margin: auto; }
    .tablet_m_0 { margin: 0px; }
    .tablet_m_10 { margin: 10px; }
    .tablet_m_20 { margin: 20px; }
    .tablet_m_30 { margin: 30px; }
    .tablet_m_40 { margin: 40px; }
    .tablet_m_50 { margin: 50px; }
    .tablet_m_60 { margin: 60px; }
    .tablet_m_70 { margin: 70px; }
    .tablet_m_80 { margin: 80px; }
    .tablet_m_90 { margin: 90px; }
    .tablet_m_100 { margin: 100px; }
    .tablet_m_110 { margin: 110px; }
    .tablet_m_120 { margin: 120px; }
    .tablet_m_130 { margin: 130px; }
    .tablet_m_140 { margin: 140px; }
    .tablet_m_150 { margin: 150px; }
    .tablet_m_160 { margin: 160px; }
    .tablet_m_170 { margin: 170px; }
    .tablet_m_180 { margin: 180px; }
    .tablet_m_190 { margin: 190px; }
    .tablet_m_200 { margin: 200px; }
    .tablet_m_210 { margin: 210px; }
    .tablet_m_220 { margin: 220px; }
    .tablet_m_230 { margin: 230px; }
    .tablet_m_240 { margin: 240px; }
    .tablet_m_250 { margin: 250px; }
    .tablet_m_260 { margin: 260px; }
    .tablet_m_270 { margin: 270px; }
    .tablet_m_280 { margin: 280px; }
    .tablet_m_290 { margin: 290px; }
    .tablet_m_300 { margin: 300px; }

    .tablet_m_r_auto { margin-right: auto; }
    .tablet_m_r_0 { margin-right: 0px; }
    .tablet_m_r_10 { margin-right: 10px; }
    .tablet_m_r_20 { margin-right: 20px; }
    .tablet_m_r_30 { margin-right: 30px; }
    .tablet_m_r_40 { margin-right: 40px; }
    .tablet_m_r_50 { margin-right: 50px; }
    .tablet_m_r_60 { margin-right: 60px; }
    .tablet_m_r_70 { margin-right: 70px; }
    .tablet_m_r_80 { margin-right: 80px; }
    .tablet_m_r_90 { margin-right: 90px; }
    .tablet_m_r_100 { margin-right: 100px; }
    .tablet_m_r_110 { margin-right: 110px; }
    .tablet_m_r_120 { margin-right: 120px; }
    .tablet_m_r_130 { margin-right: 130px; }
    .tablet_m_r_140 { margin-right: 140px; }
    .tablet_m_r_150 { margin-right: 150px; }
    .tablet_m_r_160 { margin-right: 160px; }
    .tablet_m_r_170 { margin-right: 170px; }
    .tablet_m_r_180 { margin-right: 180px; }
    .tablet_m_r_190 { margin-right: 190px; }
    .tablet_m_r_200 { margin-right: 200px; }
    .tablet_m_r_210 { margin-right: 210px; }
    .tablet_m_r_220 { margin-right: 220px; }
    .tablet_m_r_230 { margin-right: 230px; }
    .tablet_m_r_240 { margin-right: 240px; }
    .tablet_m_r_250 { margin-right: 250px; }
    .tablet_m_r_260 { margin-right: 260px; }
    .tablet_m_r_270 { margin-right: 270px; }
    .tablet_m_r_280 { margin-right: 280px; }
    .tablet_m_r_290 { margin-right: 290px; }
    .tablet_m_r_300 { margin-right: 300px; }

    .tablet_m_l_auto { margin-left: auto; }
    .tablet_m_l_0 { margin-left: 0px; }
    .tablet_m_l_10 { margin-left: 10px; }
    .tablet_m_l_20 { margin-left: 20px; }
    .tablet_m_l_30 { margin-left: 30px; }
    .tablet_m_l_40 { margin-left: 40px; }
    .tablet_m_l_50 { margin-left: 50px; }
    .tablet_m_l_60 { margin-left: 60px; }
    .tablet_m_l_70 { margin-left: 70px; }
    .tablet_m_l_80 { margin-left: 80px; }
    .tablet_m_l_90 { margin-left: 90px; }
    .tablet_m_l_100 { margin-left: 100px; }
    .tablet_m_l_110 { margin-left: 110px; }
    .tablet_m_l_120 { margin-left: 120px; }
    .tablet_m_l_130 { margin-left: 130px; }
    .tablet_m_l_140 { margin-left: 140px; }
    .tablet_m_l_150 { margin-left: 150px; }
    .tablet_m_l_160 { margin-left: 160px; }
    .tablet_m_l_170 { margin-left: 170px; }
    .tablet_m_l_180 { margin-left: 180px; }
    .tablet_m_l_190 { margin-left: 190px; }
    .tablet_m_l_200 { margin-left: 200px; }
    .tablet_m_l_210 { margin-left: 210px; }
    .tablet_m_l_220 { margin-left: 220px; }
    .tablet_m_l_230 { margin-left: 230px; }
    .tablet_m_l_240 { margin-left: 240px; }
    .tablet_m_l_250 { margin-left: 250px; }
    .tablet_m_l_260 { margin-left: 260px; }
    .tablet_m_l_270 { margin-left: 270px; }
    .tablet_m_l_280 { margin-left: 280px; }
    .tablet_m_l_290 { margin-left: 290px; }
    .tablet_m_l_300 { margin-left: 300px; }

    .tablet_m_t_auto { margin-top: auto; }
    .tablet_m_t_0 { margin-top: 0px; }
    .tablet_m_t_10 { margin-top: 10px; }
    .tablet_m_t_20 { margin-top: 20px; }
    .tablet_m_t_30 { margin-top: 30px; }
    .tablet_m_t_40 { margin-top: 40px; }
    .tablet_m_t_50 { margin-top: 50px; }
    .tablet_m_t_60 { margin-top: 60px; }
    .tablet_m_t_70 { margin-top: 70px; }
    .tablet_m_t_80 { margin-top: 80px; }
    .tablet_m_t_90 { margin-top: 90px; }
    .tablet_m_t_100 { margin-top: 100px; }
    .tablet_m_t_110 { margin-top: 110px; }
    .tablet_m_t_120 { margin-top: 120px; }
    .tablet_m_t_130 { margin-top: 130px; }
    .tablet_m_t_140 { margin-top: 140px; }
    .tablet_m_t_150 { margin-top: 150px; }
    .tablet_m_t_160 { margin-top: 160px; }
    .tablet_m_t_170 { margin-top: 170px; }
    .tablet_m_t_180 { margin-top: 180px; }
    .tablet_m_t_190 { margin-top: 190px; }
    .tablet_m_t_200 { margin-top: 200px; }
    .tablet_m_t_210 { margin-top: 210px; }
    .tablet_m_t_220 { margin-top: 220px; }
    .tablet_m_t_230 { margin-top: 230px; }
    .tablet_m_t_240 { margin-top: 240px; }
    .tablet_m_t_250 { margin-top: 250px; }
    .tablet_m_t_260 { margin-top: 260px; }
    .tablet_m_t_270 { margin-top: 270px; }
    .tablet_m_t_280 { margin-top: 280px; }
    .tablet_m_t_290 { margin-top: 290px; }
    .tablet_m_t_300 { margin-top: 300px; }

    .tablet_m_b_auto { margin-bottom: auto; }
    .tablet_m_b_0 { margin-bottom: 0px; }
    .tablet_m_b_10 { margin-bottom: 10px; }
    .tablet_m_b_20 { margin-bottom: 20px; }
    .tablet_m_b_30 { margin-bottom: 30px; }
    .tablet_m_b_40 { margin-bottom: 40px; }
    .tablet_m_b_50 { margin-bottom: 50px; }
    .tablet_m_b_60 { margin-bottom: 60px; }
    .tablet_m_b_70 { margin-bottom: 70px; }
    .tablet_m_b_80 { margin-bottom: 80px; }
    .tablet_m_b_90 { margin-bottom: 90px; }
    .tablet_m_b_100 { margin-bottom: 100px; }
    .tablet_m_b_110 { margin-bottom: 110px; }
    .tablet_m_b_120 { margin-bottom: 120px; }
    .tablet_m_b_130 { margin-bottom: 130px; }
    .tablet_m_b_140 { margin-bottom: 140px; }
    .tablet_m_b_150 { margin-bottom: 150px; }
    .tablet_m_b_160 { margin-bottom: 160px; }
    .tablet_m_b_170 { margin-bottom: 170px; }
    .tablet_m_b_180 { margin-bottom: 180px; }
    .tablet_m_b_190 { margin-bottom: 190px; }
    .tablet_m_b_200 { margin-bottom: 200px; }
    .tablet_m_b_210 { margin-bottom: 210px; }
    .tablet_m_b_220 { margin-bottom: 220px; }
    .tablet_m_b_230 { margin-bottom: 230px; }
    .tablet_m_b_240 { margin-bottom: 240px; }
    .tablet_m_b_250 { margin-bottom: 250px; }
    .tablet_m_b_260 { margin-bottom: 260px; }
    .tablet_m_b_270 { margin-bottom: 270px; }
    .tablet_m_b_280 { margin-bottom: 280px; }
    .tablet_m_b_290 { margin-bottom: 290px; }
    .tablet_m_b_300 { margin-bottom: 300px; }

}

/* Desktop */
@media (min-width: 1100px) {
    .mobile_flex_row_column{ flex-direction: row; }
    .tablet_flex_row_column{ flex-direction: row; }
    .hide_in_normal{ display: none; }
    .hide_in_desktop{ display: none; }
}