:root {
    --body-color: #040F09;
    --title-color: #1D272F;
    --title-above-color: #2DA6A1;
    --box-shadow: 0 3px 20px rgba(0, 0, 0, .16);
    --border-radius: 6px;

    /* HEADER MENU */
    --header-background: #fff;
    --header-small-background: #1D272F;
    --header-small-phone-color: #FFF;
    --header-mobile-toggle-color: #1D272F;
    
	--menu-nav-color: #040F09;
	--menu-nav-color-hover: #FF6500;
	--menu-nav-color-active: #FF6500;
	--sub-menu-background: #FFFFFF;
	--sub-menu-nav-color: #040F09;
    --sub-menu-nav-background-color: #FFFFFF;
    --sub-menu-nav-color-hover: #FFFFFF;
    --sub-menu-nav-background-color-hover: #FF4E00;
 

    /* MOBILE SIDEBAR MENU */
    --sidebar-menu-nav-color: #040F09;
    --sidebar-color: #040F09;
    --sidebar-background-color: #FFF;
    --sidebar-background-color-hover: #FF6500;
    --sidebar-sub-menu-nav-color: #040F09;
    --sidebar-sub-menu-nav-color-hover: #FFF;

    /* LINK */
    --link-color: #FF6500;
    --link-color-hover: #FF4E00;

    /* Breadcrumbs */
    --breadcrumb-color: #002338;
    --breadcrumb-color-active: #FF4E00;
    --breadcrumb-color-on-hero-background-image: #FFF;
    --breadcrumb-color-active-hero-background-image: #FF4E00;
    --breadcrumb-color-on-post: #002338;
    --breadcrumb-color-active-on-post: #FF4E00;

    /* list */
    --check-color: #2DA6A1;
    --check-circle-color: #FFF;
    --check-circle-background-color: #2DA6A1;

    --check-color-on-primary: #2DA6A1;
    --check-circle-color-on-primary: #1D272F;
    --check-circle-background-color-on-primary: #2DA6A1;

    --check-color-on-secondary: #1D272F;
    --check-circle-color-on-secondary: #FFF;
    --check-circle-background-color-on-secondary: #1D272F;

    --check-color-on-background-image: #FFF;
    --check-circle-color-on-background-image: #FFF;
    --check-circle-background-color-on-background-image: #2DA6A1;

    /* Hero */
    --hero-background-color: #EEEEF1;
    --hero-check-color: #2DA6A1;;
    --hero-check-circle-color: #FFF;
    --hero-check-circle-background-color: #2DA6A1;
    --hero-title-color: #1D272F;
    --hero-text-color: #040F09;
    /* Blur */
    --hero-mask-blur: rgba(255, 255, 255, 0.6);
    /* Full background image */
    --hero-mask-color: rgba(0, 0, 0, 0.4);
    --hero-second-mask-color: rgba(0, 0, 0, 0.5);
    /* Hero text pad */
    --hero-pad-background-color: rgba(255, 255,255 , .75);

    --hero-background-image-title-color: #fff;
    --hero-background-image-text-color: #fff;
    --hero-background-image-check-color: #FFF;
    --hero-background-image-check-circle-color: #2DA6A1;
    --hero-background-image-check-circle-background-color: #FFF;

    /* Hero Form */
    --hero-form-text: #FFFFFF;
    --hero-form-text-background: #1D272F;
    --hero-form-text-link: #2DA6A1;
    --hero-form-text-link-hover: #FFF;

    /* Hero button */
    --button-primary-color-on-hero: #FFF;
    --button-primary-color-hover-on-hero: #FFF;
    --button-primary-bkg-color-on-hero: #FF6500;
    --button-primary-bkg-color-hover-on-hero: #FF4E00;
    --button-primary-border-color-on-hero: transparent;
    --button-primary-border-color-hover-on-hero: transparent;

    --button-secondary-color-on-hero: #002338;
    --button-secondary-color-hover-on-hero: #FFF;
    --button-secondary-bkg-color-on-hero: transparent;
    --button-secondary-bkg-color-hover-on-hero: #002338;
    --button-secondary-border-color-on-hero: #002338;
    --button-secondary-border-color-hover-on-hero: #002338;

    /* Buttons */
    /* primary */
	--button-primary-color: #FFF;
    --button-primary-color-hover: #FFF;
    --button-primary-bkg-color: #FF6500;
    --button-primary-bkg-color-hover: #FF4E00;
    --button-primary-border-color: transparent;
    --button-primary-border-color-hover: transparent;

    --button-primary-color-on-primary: #FFF;
    --button-primary-color-hover-on-primary: #FFF;
    --button-primary-bkg-color-on-primary: #FF6500;;
    --button-primary-bkg-color-hover-on-primary: #FF4E00;
    --button-primary-border-color-on-primary: transparent;
    --button-primary-border-color-hover-on-primary: transparent;

    --button-primary-color-on-secondary: #FFF;
    --button-primary-color-hover-on-secondary: #FFF;
    --button-primary-bkg-color-on-secondary: #FF6500;;
    --button-primary-bkg-color-hover-on-secondary: #FF4E00;
    --button-primary-border-color-on-secondary: transparent;
    --button-primary-border-color-hover-on-secondary: transparent;
    
    --button-primary-color-on-background: #FFF;
    --button-primary-color-hover-on-background: #FFF;
    --button-primary-bkg-color-on-background: #FF6500;;
    --button-primary-bkg-color-hover-on-background: #FF4E00;
    --button-primary-border-color-on-background: transparent;
    --button-primary-border-color-hover-on-background: transparent;

    /* secondary */
	--button-secondary-color: #002338;
    --button-secondary-color-hover: #FFF;
    --button-secondary-bkg-color: transparent;
    --button-secondary-bkg-color-hover: #002338;
    --button-secondary-border-color: #002338;
    --button-secondary-border-color-hover: #002338;

    --button-secondary-color-on-primary: #002338;
    --button-secondary-color-hover-on-primary: #FFF;
    --button-secondary-bkg-color-on-primary: transparent;
    --button-secondary-bkg-color-hover-on-primary: #002338;
    --button-secondary-border-color-on-primary: #002338;
    --button-secondary-border-color-hover-on-primary: #002338;

    --button-secondary-color-on-secondary: #002338;
    --button-secondary-color-hover-on-secondary: #FFF;
    --button-secondary-bkg-color-on-secondary: transparent;
    --button-secondary-bkg-color-hover-on-secondary: #002338;
    --button-secondary-border-color-on-secondary: #002338;
    --button-secondary-border-color-hover-on-secondary: #002338;
    
    --button-secondary-color-on-background: #FFFFFF;
    --button-secondary-color-hover-on-background: #002338;
    --button-secondary-bkg-color-on-background: transparent;
    --button-secondary-bkg-color-hover-on-background: #FFFFFF;
    --button-secondary-border-color-on-background: #FFFFFF;
    --button-secondary-border-color-hover-on-background: #FFFFFF;
    

    /* section */
    /* primary */
    --primary-section-background-color: #1D272F;
	--primary-section-title-color: #FFF;
    --primary-section-title-above-color: #2DA6A1;
	--primary-section-color: #FFF;
	--primary-section-link-color: #2DA6A1;
	--primary-section-link-color-hover: #F7F8FF;

    /* Secondary */
    --secondary-section-background-color: #2DA6A1;
	--secondary-section-title-color: #FFF;
    --secondary-section-title-above-color: #1D272F;
	--secondary-section-color: #FFF;
	--secondary-section-link-color: #1D272F;
	--secondary-section-link-color-hover: #F7F8FF;

    /* background */
    --background-section-background-color:rgba(0, 0, 0, 0.50);
	--background-section-title-color: #FFFFFF;
    --background-section-title-above-color: #2DA6A1;
	--background-section-color: #FFF;
	--background-section-link-color: #2DA6A1;
	--background-section-link-color-hover: #F7F8FF;
    --section-background-mask-color: rgba(0, 0, 0, 0.50);
    --section-background-mask-second-color: rgba(0, 0, 0, 0.50);

    /* Image */
    --image-pad-review-background: #002338;
    --image-pad-review-color: #FFFFFF;

    --image-pad-text-background: #002338;
    --image-pad-text-color: #FFFFFF;

    --image-pad-text-background-on-secondary: #002338;
    --image-pad-text-color-on-secondary: #FFFFFF;

    /* Steps */
    --step-color: #1D272F;
    --step-number-color: #FFF;
    --step-number-background-color: #2DA6A1;
    --steps-svg-color: #1D272F;
    --steps-border-color: #1D272F;

    /* Steps primary */
    --step-color-on-primary: #FFF;
    --step-number-color-on-primary: #FFF;
    --step-number-background-color-on-primary: #2DA6A1;
    --steps-svg-color-on-primary: #FFF;
    --steps-border-color-on-primary: #FFF;

    /* Steps secondary */
    --step-color-on-secondary: #FFF;
    --step-number-color-on-secondary: #FFF;
    --step-number-background-color-on-secondary: #002338;
    --steps-svg-color-on-secondary: #002338;
    --steps-border-color-on-secondary: #002338;

    /* Steps background */
    --step-color-on-background-image: #FFF;
    --step-number-color-on-background-image: #FFF;
    --step-number-background-color-on-background-image: #2DA6A1;
    --steps-svg-color-on-background-image: #FFF;
    --steps-border-color-on-background-image: #FFF;

    /* Benefits */
    --benefits-color: #040F09;

    --benefits-color-on-primary: #FFF;
    --benefits-color-on-secondary: #FFF;
    --benefits-color-on-background-image: #FFF;

    /* FAQ */
    --faq-title-color: #1D272F;
    --faq-title-color-active: #1D272F;
    --faq-arrow-color: #2DA6A1;
    --faq-arrow-color-active: #2DA6A1;
    --faq-text-color: #040F09;
    --faq-border-color: rgba(19, 57, 172, .24);

    --faq-title-color-on-primary: #FFFFFF;
    --faq-title-color-active-on-primary: #FFFFFF;
    --faq-arrow-color-on-primary: #2DA6A1;
    --faq-arrow-color-active-on-primary: #2DA6A1;
    --faq-text-color-on-primary: #F5F5f5;
    --faq-border-color-on-primary: rgba(45, 166, 161, 0.3);

    --faq-title-color-on-secondary: #FFF;
    --faq-title-color-active-on-secondary: #FFF;
    --faq-arrow-color-on-secondary: #1D272F;
    --faq-arrow-color-active-on-secondary: #1D272F;
    --faq-text-color-on-secondary: #F5F5f5;
    --faq-border-color-on-secondary: rgba(29, 39, 47, 0.3);

    --faq-title-color-on-background-image: #FFFFFF;
    --faq-title-color-active-on-background-image: #FFF;
    --faq-arrow-color-on-background-image: #2DA6A1;
    --faq-arrow-color-active-on-background-image: #2DA6A1;
    --faq-text-color-on-background-image: #F5F5f5;
    --faq-border-color-on-background-image: rgba(255, 255, 255, .24);

    /* Service thumbnail */
    --service-thumbnail-background-color: #FFF;
    --service-thumbnail-color: #FFF;
    --service-thumbnail-color-hover: #1D272F;
    --service-thumbnail-title-color: #FFF;
    --service-thumbnail-title-color-hover: #1D272F;
    --service-thumbnail-border-color: #2DA6A1 ;
    --service-thumbnail-before-background-color: rgba(0, 0, 0, .65);
    --service-thumbnail-after-background-color: transparent;

    
    /* Service thumbnail primary */
    --service-thumbnail-color-on-primary: #FFF;
    --service-thumbnail-color-hover-on-primary: #FFF;
    --service-thumbnail-title-color-on-primary: #FFF;
    --service-thumbnail-title-color-hover-on-primary: #FFF;
    --service-thumbnail-border-color-on-primary: #2DA6A1;

    /* Service thumbnail secondary */
    --service-thumbnail-color-on-secondary: #FFF;
    --service-thumbnail-color-hover-on-secondary: #FFF;
    --service-thumbnail-title-color-on-secondary: #FFF;
    --service-thumbnail-title-color-hover-on-secondary: #FFF;
    --service-thumbnail-border-color-on-secondary: #002338;

    /* Service thumbnail background */
    --service-thumbnail-color-on-background-image: #FFF;
    --service-thumbnail-color-hover-on-background-image: #FFFFFF;
    --service-thumbnail-title-color-on-background-image: #FFF;
    --service-thumbnail-title-color-hover-on-background-image: #FFFFFF;
    --service-thumbnail-border-color-on-background-image: #2DA6A1;


    /* Reviews slider */
    --reviews-slider-color: #040F09;
    --reviews-slider-background-color: #EFF0F6;
    --reviews-slider-author-color: #040F09;
    --reviews-slider-icon-color: #2DA6A1;

    /* Slider */
    --slidew-arrow-color: #909090;
    --slidew-arrow-color-inactive: #909090;
    --slidew-arrow-background-color: #2DA6A1;
    --slidew-arrow-background-color-inactive: #909090;

    --slidew-arrow-background-color-on-secondary: #2DA6A1;
    --slidew-arrow-background-color-inactive-on-secondary: #909090;

    /* Blog */
    --category-label-color: #fff;
    --category-label-background: #1D272F;

    /* Footer */
    --footer-background-color: #EFF0F6;
    --footer-link-color: rgba(4, 15, 9, .7);
    --footer-link-color-hover: rgba(4, 15, 9, 1);
    --footer-color: #1D272F;
    --footer-title-color: #1D272F;
    --footer-list-color: #FF6500;     
    --footer-copyright-color: #FFFFFF;           
    --footer-copyright-background-color: #1D272F;   
    
    --social-icon-color: #FF6500;
    --social-icon-color-hover: #FF6500;
    --social-icon-background-color: transparent;
    --social-icon-background-color-hover: #FF6500;

    /* Form */
    --form-background-color: #FFFFFF;
    --input-background-color: #FFF;
    --input-color: #414141;
    --input-border-color: #909090;
    --form-submit-color: #FFF;
    --form-submit-background-color: #FF6500;
    --form-submit-color-hover: #FFF;
    --form-submit-background-color-hover: #FF4E00;
    --form-check-color: #2DA6A1;

    --table-heading-background-color: #2DA6A1;
    --table-heading-color: #1D272F;
    --table-border-color: #EEEEEE;
}
