/*
Theme Name: RooFElit
Template: Divi
Author: Serg
Author URI:  https://www.lightmix.com/
Version:     1.0.0
*/
@import url("fonts/style-fonts.css");

/* Global ----------------------------------------------------------------------------------------------------------- */
:root {
  --max-width-1410: 1410px;    
    
  /* Main colors */
  --c-primary: #2F97B0;
  --c-secondary: #E7A63E;
  --c-dark: #010518;
  --c-white: #FFFFFF;
  
  --gradient-dark: linear-gradient(180deg, #1E2D43 0%, #010518 100%);
  
  /* Font colors */
  --c-text-main: #010518;
  --c-text-white: #FFFFFF;
  
  /* Fonts */
  --font-family-main: 'Epilogue', sans-serif;
  --line-height-main: 1.3;
  
  /* UI */
  --radius-sm: 4px;
  --radius-btn: 20px;
  --transition: all 0.3s ease;
  
  /*H1 H2 H3 H4 H5*/
  --h1-100-80: clamp(5rem, 4.75rem + 1.25vw, 6.25rem);
  --h2-40-35 : clamp(2.1875rem, 2.125rem + 0.3125vw, 2.5rem);
  --h3-30-25 : clamp(1.5625rem, 1.5rem + 0.3125vw, 1.875rem);
  --h4-24-22 : clamp(1.375rem, 1.35rem + 0.125vw, 1.5rem);
  --h5-20-19 : clamp(1.1875rem, 1.175rem + 0.0625vw, 1.25rem);
  
  /* Padding */
  --padding-60-40: clamp(2.5rem, 2.1094rem + 1.7361vw, 3.75rem);
}
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html { scrollbar-color: #1E4477 var(--c-primary); }
::selection { background: #1E4477; color: #FFFFFF; }

body,a {
  font-family: var(--font-family-main);
  font-size: clamp(16px, 16px + 3 * (100vw - 320px) / 1600, 19px) !important;
  line-height: var(--line-height-main);
  font-weight: 400;
  color: var(--c-text-main);
  background-color: var(--c-black);
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
a {
  text-decoration: none;
  color: inherit;
  transition: var(--transition);
}
p:last-child { padding-bottom: 0 !important; }
ul{line-height:1.4 !important;}
li::marker{}

h1,h2,h3,h4,h5,h6{font-weight:bold;color: var(--c-text-main);}
h1 { font-size: var(--h1-100-80); line-height: 1.2; padding-bottom: .3em; }
h2 { font-size: var(--h2-40-35); line-height: 1.22; padding-bottom: .55em; }
h3 { font-size: var(--h3-30-25); line-height: 1.24; padding-bottom: .44em; }
h4 { font-size: var(--h4-24-22); line-height: 1.28; padding-bottom: .48em; }
h5 { font-size: var(--h5-20-19); line-height: 1.32; padding-bottom: .52em; }
h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { padding-bottom: 0 !important; }

/* Global Divi ------------------------------------------------------------------------------------------------------ */
.et_pb_blurb_content { max-width: 100% !important; }
.et_pb_animation_top.et-animated { animation: none !important; }
.et_contact_bottom_container { margin: 0; }
.et_pb_image_wrap { width: 100%; }
.et_pb_image_wrap img { width: 100%; }
.et_pb_text_inner a:hover{text-decoration:underline;}

.et_pb_section { padding: var(--padding-60-40) 0 !important; gap: var(--padding-60-40) 5%; display: flex; flex-direction: column; }
.et_pb_container, .container, .et_pb_row{ max-width: var(--max-width-1410) !important; padding: 0 !important; width: 90% !important; display: flex; flex-wrap: wrap; }

.et_pb_column_4_4 { width: 100% !important; }
.et_pb_column_1_2 { width: 47.5% !important; }
.et_pb_column_1_3 { width: 30% !important; }
.et_pb_column_2_3 { width: 65% !important; }
.et_pb_column_1_4 { width: 21.25% !important; }
.et_pb_column_3_4 { width: 73.75% !important; }
.et_pb_column_1_5 { width: 16% !important; }
.et_pb_column_2_5 { width: 37% !important; }
.et_pb_column_3_5 { width: 58% !important; }

/* Global Variation ------------------------------------------------------------------------------------------------- */
.bg-primary { background-color: var(--c-primary); color: var(--c-text-white); }
.bg-secondary { background-color: var(--c-secondary); color: var(--c-text-main); }
.bg-dark { background-color: var(--c-dark); color: var(--c-white); }
.bg-light { background-color: var(--c-light); }

/* Buttons ---------------------------------------------------------------------------------------------------------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: var(--radius-btn);
  border: 2px solid transparent;
  cursor: pointer;
  transition: var(--transition);
  font-size: 15px;
}
.btn-primary {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.btn-primary:hover { background-color: #2c7b89; }

.btn-dark {
  background-color: var(--c-dark);
  color: var(--c-white);
}
.btn-dark:hover { background-color: #1a2538; }

.btn-outline {
  background-color: transparent;
  border-color: currentColor;
}
.btn-outline:hover {
  background-color: var(--c-text-white);
  color: var(--c-white);
  border-color: var(--c-text-white);
}

/* Global Header ---------------------------------------------------------------------------------------------------- */
.header-home{
    background: transparent;
    position: absolute;
    width: 100%;
}
.header{
    background: linear-gradient(90deg,#031625 0%,#031625 100%);
}
.header-home .et_pb_column,
.header .et_pb_column{    
    display: flex;
    flex-direction: row;
    align-items: center;}
.header-home.et_pb_section,    
.header.et_pb_section{padding: 20px 0 !important;}
.header-home .logo,
.header .logo{width:190px;margin:0;margin-bottom:0 !important;}
.header-home .menu,
.header .menu{
    flex: 1;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0 !important;
    background-color: transparent !important;
}
.header-home .menu .et-menu a,
.header .menu .et-menu a{
    color: var(--c-text-white);
}
/* Global Footer ---------------------------------------------------------------------------------------------------- */
.footer{
    color: var(--c-text-white);
    background: var(--gradient-dark);
}
.footer.et_pb_section{padding: 55px 0 40px !important;}
.footer .logo{width:285px;margin:0 auto;}
.footer .et_pb_menu .et_pb_menu__wrap{justify-content:center;}
.footer .et_pb_module{text-align:center;}
.footer .menu{background-color: transparent !important;}
.footer .menu .et-menu a{
    color: var(--c-text-white);
    text-transform: uppercase;
}
.footer .copyright .et_pb_text_inner{
    display: flex;
    justify-content: center;
}
.footer .copyright,
.footer .copyright a{font-weight: 100;}

/* Section ---------------------------------------------------------------------------------------------------------- */
.section-blue{
    background-color: var(--c-primary);
}
.section-yellow{
    background-color: var(--c-secondary);
}
/* Rows ------------------------------------------------------------------------------------------------------------- */
.row-blue{color: var(--c-text-white);}
.row-blue h1,.row-blue h2,.row-blue h3,.row-blue h4{color: var(--c-text-white);}
/* Modules ---------------------------------------------------------------------------------------------------------- */
.module-01{padding-right:54%;}