:root {


  /* Colors */


  /* --color_dontknow: #00796b;
  --color_placeholder: #485461;
  --color_input: #28313b;
  --color_text: #AAAAAA;
  --color_message: #7A4D60;
  --color_body_1: #FFFFFF;
  --color_body_2: #7A4D60;
  --color_primary: #5e2028;
  --color_primary_light: #8e4b50;
  --color_primary_trans: #8e4b50B6;
  --color_primary_dark: #320000;
  --color_primary_text: #ffffff;
  --color_secondary: #fff8bd;
  --color_secondary_light: #fffff0;
  --color_secondary_dark: #cbc58d;
  --color_secondary_text: #280000;
  --color_background_none: transparent;
  --color_background_light: #F6F5F6;
  --color_background_selected: #E5D7D9;
  --color_border_admin: #D0D0D0CC; */



  /* Colors */
  --color_dontknow: #00796b;
  --color_placeholder: #485461;
  --color_input: #28313b;
  --color_text: #AAAAAA;
  --color_message: #7A4D60;
  --color_body_1: #FFFFFF;
  --color_body_2: #7A4D60;
  --color_primary: #000338;
  /*--color_primary_light: #AFAFD3;*/
  --color_primary_light: #9C9CD1;
  --color_primary_trans: #AFAFD3B6;
  --color_primary_dark: #000338;
  --color_primary_text: #ffffff;
  --color_secondary: #fff8bd;
  --color_secondary_light: #fffff0;
  --color_secondary_dark: #cbc58d;
  --color_secondary_text: #280000;
  --color_background_none: transparent;
  --color_background_light: #F6F5F6;
  --color_background_selected: #D7D7E6;
  --color_border_admin: #D0D0D0CC;







  /* Font */
  --font_normal: 22px;
  --font_small: 20px;
  --font_form_normal: 18px;
  --font_form_placeholder: 16px;
  --font_h1: 55px;
  --font_h2: 45px;
  --font_h3: 32px;
  --font_h4: 27px;
  --font_p: 20px;
  --font_line_height: 40px;
  --font_line_height_h1: 100px;
  --font_line_height_h2: 80px;
  --font_line_height_h3: 60px;
  --font_line_height_h4: 50px;
  --font_line_height_p: 50px;
  --font_line_height_small: 40px;


  /* Dimensions */
  --dim_padd_h1: 120px;
  --dim_padd_h2: 50px;
  --dim_padd_h3: 36px;
  --dim_padd_h4: 34px;
  --dim_padd_p: 20px;
  --dim_padd_a: 20px;
  --dim_padd_header: 5px;
  --dim_padd_text: 30px 8%;
  --dim_padd_input: 30px;
  --dim_main_side_padd: 120px;
  --dim_main_vertical_padd: 140px;
  --dim_main_image_size: 120px;
  --dim_main_p_padd: 70px;
  --dim_item_side_padd: 60px;
  --dim_service_side_padd: 50px;
  --dim_navbar_height: 100px;
  --dim_slider_height_min: 150px;
  --dim_slider_height_max: 80vh;
  --dim_slider_btn: 80px;
  --dim_slider_circ: 20px;
  --dim_max_width: 1440px;

  --login_max_width: 800px;
  --login_input_padding: 15px 20px;
  --login_input_margin: 20px;

  --form_input_border_head: 1px dashed var(--color_border_admin);
  --form_input_border_select: 1px dashed var(--color_border_admin);
  --form_input_border_text: 1px dashed var(--color_border_admin);


  --width_full_half: 50%;
  --width_no_full: 100%;

  /* Header */
  --header_lnk_pos: inherit;
  --header_lnk_flex_dir: row;
  --header_lnk_flex_justify: flex-end;
  --header_lnk_ham_disp: none;
  --header_lnk_disp: block;
  --header_lnk_disp_active: block;
  --header_lnk_background: transparent;
  --header_lnk_top: 0px;
  --header_lnk_a_margin: 0px 10px;
  --header_lnk_a_padd: 5px 2px;
  --header_lnk_a_letter: 0px;
  --header_lnk_a_opacety: 1;
  --header_lnk_a_transit: none;
  --header_lnk_a_transf: none;
  --header_lnk_a_anim: none;

  --times_padd_bottom: 50px;
  --times_flex_align_self: center;
  --times_flex_text_align: center;
  --times_side_padd: 0px;
  --time_week_height: 300px;
  --time_week_padd_h3: 60px;
  --time_week_flex: 1;


  --flex_settings_direction: row;
  --flex_settings_direction_inv: column;

  --screen_split: 980px;
  --screen_header_max: 1400px;

  --footer_disp: block;
  --footer_dir: row;
  --footer_flex_align: flex-end;
  --footer_flex_align2: center;
  --footer_flex_grow: 1;
  --footer_height: 700px;
  --footer_divider_height: 250px;
  --footer_padd_data: 20px 50px;
  --footer_text_align: right;


  --team_container_background: var(--color_background_light);
  --team_container_margin_b: 80px;
  --team_container_width: 50%;
  --team_container_max_height: 50vw;
  --team_group_width: 50%;

  --service_flex: 1;
  --service_flex_basis: 0;
  --service_flex_dir: row;
  --service_min_height: 20vh;
  --service_container_hide: flex;
  --sercive_text_padd: 40px 20px;


  --contact_data_flex_dir: row;
  --contact_data_height: 400px;
  --contact_data_background: var(--color_background_light);
  --contact_way_flex_align: flex-start;
  --contact_way_text_align: left;
  --contact_height: 500px;

  --way_desc_flex_dir: row;
  --way_card_height: 700px;
  --way_height: 550px;

  --align_start_end: flex-end;



}


@media screen and (max-width: 1440px) {


  :root {

    /* Font */
    --font_normal: 18px;
    --font_small: 16px;
    --font_form_normal: 18px;
    --font_form_placeholder: 16px;
    --font_h1: 50px;
    --font_h2: 40px;
    --font_h3: 26px;
    --font_h4: 23px;
    --font_p: 20px;
    --font_line_height: 40px;
    --font_line_height_h1: 80px;
    --font_line_height_h2: 70px;
    --font_line_height_h3: 60px;
    --font_line_height_h4: 40px;
    --font_line_height_p: 40px;
    --font_line_height_small: 35px;


    /* Dimensions */
    --dim_padd_h1: 100px;
    --dim_padd_h2: 50px;
    --dim_padd_h3: 36px;
    --dim_padd_h4: 30px;
    --dim_padd_p: 20px;
    --dim_padd_a: 20px;
    --dim_padd_text: 30px 8%;
    --dim_padd_input: 30px;
    --dim_main_side_padd: 100px;
    --dim_main_vertical_padd: 80px;
    --dim_main_image_size: 100px;
    --dim_main_p_padd: 60px;
    --dim_service_side_padd: 40px;
    --dim_item_side_padd: 30px;
    --dim_navbar_height: 100px;
    --dim_slider_btn: 60px;
    --dim_slider_circ: 20px;



    /* Header */
    --header_lnk_pos: inherit;
    --header_lnk_flex_dir: row;
    --header_lnk_flex_justify: flex-end;
    --header_lnk_ham_disp: none;
    --header_lnk_disp: block;
    --header_lnk_disp_active: block;
    --header_lnk_background: transparent;
    --header_lnk_top: 0px;
    --header_lnk_a_margin: 0px 10px;
    --header_lnk_a_padd: 5px 2px;
    --header_lnk_a_letter: 0px;
    --header_lnk_a_opacety: 1;
    --header_lnk_a_transit: none;
    --header_lnk_a_transf: none;
    --header_lnk_a_anim: none;

    --times_padd_bottom: 50px;
    --times_flex_align_self: center;
    --times_flex_text_align: center;
    --times_side_padd: 0px;
    --time_week_height: 260px;

    --flex_settings_direction: row;
    --flex_settings_direction_inv: column;

    --screen_split: 980px;
    --screen_header_max: 1400px;

    --footer_disp: block;
    --footer_dir: row;
    --footer_flex_grow: 1;
    --footer_height: 500px;
    --footer_divider_height: 200px;
    --footer_padd_data: 20px 50px;


    --team_container_background: var(--color_background_light);
    --team_container_margin_b: 80px;
    --team_container_width: 50%;
    --team_container_max_height: 50vw;
    --team_group_width: 50%;

    --service_flex: 1;
    --service_flex_basis: 0;
    --service_flex_dir: row;
    --service_min_height: 15vh;
    --service_container_hide: flex;
    --sercive_text_padd: 40px 20px;


    --contact_data_flex_dir: row;
    --contact_data_height: 400px;
    --contact_data_background: var(--color_background_light);
    --contact_way_flex_align: flex-start;
    --contact_way_text_align: left;
    --contact_height: 400px;

    --way_desc_flex_dir: row;
    --way_card_height: 600px;
    --way_height: 450px;

  }

}


@media screen and (max-width: 1080px) {

  :root {


    /* Font */
    --font_normal: 16px;
    --font_small: 14px;
    --font_form_normal: 16px;
    --font_form_placeholder: 14px;
    --font_h1: 30px;
    --font_h2: 25px;
    --font_h3: 20px;
    --font_h4: 18px;
    --font_p: 17px;
    --font_line_height: 30px;
    --font_line_height_h1: 60px;
    --font_line_height_h2: 50px;
    --font_line_height_h3: 40px;
    --font_line_height_h4: 30px;
    --font_line_height_p: 30px;
    --font_line_height_small: 30px;


    /* Dimensions */
    --dim_padd_h1: 60px;
    --dim_padd_h2: 38px;
    --dim_padd_h3: 40px;
    --dim_padd_h4: 20px;
    --dim_padd_p: 20px;
    --dim_padd_a: 20px;
    --dim_padd_text: 30px 10%;
    --dim_padd_input: 20px;
    --dim_main_side_padd: 50px;
    --dim_main_vertical_padd: 60px;
    --dim_main_image_size: 85px;
    --dim_main_p_padd: 50px;
    --dim_service_side_padd: 60px;
    --dim_item_side_padd: 40px;
    --dim_navbar_height: 80px;
    --dim_slider_btn: 50px;
    --dim_slider_circ: 16px;





    /* Header */
    --header_lnk_pos: fixed;
    --header_lnk_flex_dir: column;
    --header_lnk_flex_justify: center;
    --header_lnk_ham_disp: flex;
    --header_lnk_disp: none;
    --header_lnk_disp_active: flex;
    --header_lnk_background: var(--color_primary_text);
    --header_lnk_top: var(--dim_navbar_height);
    --header_lnk_a_margin: 10px 10px;
    --header_lnk_a_padd: 10px 10px;
    --header_lnk_a_letter: 2px;
    --header_lnk_a_opacety: 0;
    --header_lnk_a_transit: 0.3s;
    --header_lnk_a_transf: translateY(10px);
    --header_lnk_a_anim: hide 0.5s forwards ease;


    --times_padd_bottom: 0px;
    --times_flex_align_self: center;
    --times_flex_text_align: left;
    --times_side_padd: var(--dim_main_side_padd);
    --time_week_height: 150px;
    --time_week_flex: none;



    --flex_settings_direction: column;
    --flex_settings_direction_inv: row;

    --footer_padd_data: 20px 30px;
    --footer_height: 400px;
    --footer_divider_height: 150px;

    /* --team_container_background: var(--color_background_light); */
    --team_container_background: transparent;
    --team_container_width: 50%;
    --team_container_max_height: 70vh;
    --team_container_margin_b: 0px;
    --team_group_width: 100%;


    --service_min_height: 100px;
    --sercive_text_padd: 30px 15px;



    --contact_data_flex_dir: column;
    --contact_data_background: none;
    --contact_data_height: 300px;
    --contact_way_flex_align: center;
    --contact_way_text_align: center;
    --contact_height: 350px;


    --way_card_height: 400px;
    --way_desc_flex_dir: column;
    --way_height: 400px;

  }

}



@media screen and (max-width: 640px) {

  :root {

    /* Font */
    --font_normal: 15px;
    --font_small: 13px;
    --font_form_normal: 16px;
    --font_form_placeholder: 14px;
    --font_h1: 30px;
    --font_h2: 25px;
    --font_h3: 20px;
    --font_h4: 18px;
    --font_p: 15px;
    --font_line_height: 30px;
    --font_line_height_h1: 60px;
    --font_line_height_h2: 50px;
    --font_line_height_h3: 40px;
    --font_line_height_h4: 36px;
    --font_line_height_p: 36px;
    --font_line_height_small: 20px;


    --dim_main_vertical_padd: 40px;
    --dim_main_side_padd: 30px;
    --dim_main_image_size: 70px;
    --dim_main_p_padd: 40px;
    --dim_service_side_padd: 30px;
    --dim_item_side_padd: 30px;

    --width_full_half: 100%;
    --width_no_full: none;

    --footer_disp: none;
    --footer_dir: column;
    --footer_flex_align: flex-start;
    --footer_flex_align2: flex-start;
    --footer_flex_grow: 0;
    --footer_height: 650px;
    --footer_text_align: left;

    --time_week_height: 120px;

    --team_container_width: 50%;
    --team_container_max_height: none;

    --service_flex: none;
    --service_flex_basis: none;
    --service_flex_dir: column;
    --service_container_hide: none;
    --sercive_text_padd: 20px 10px;

    --contact_data_height: 400px;
    --contact_height: 300px;

    --way_height: 350px;
    --way_card_height: 300px;


    --align_start_end: flex-start;


  }
}


*, *::before, *::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body, textarea, input, button, select{
  /* font-family: "Poppins", sans-serif; */
  font-family: Helvetica, sans-serif;
}


/* ------------------------------------------
----------------- Keyframes -----------------
------------------------------------------ */


@keyframes appear {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes hide {
  from {
    opacity: 1;
    transform: translateY(0px);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}

@keyframes header {
  from {
    background-color: transparent;
  }
  to {
    background-color: var(--color_primary_text);
  }
}