/* ------------------------ 
	COLOR
	------------------------ */ 
    /* ---- FONT COLOR ---- */
    body, 
    p, a, .black { color: #393A42; }
    
    .verylightgrey { color: #f4f4f4; }
    .bordergrey { color: #eee; }
    .lightgrey { color: #bbb; }
    .midgrey { color: #757575; }
    .darkgrey { color: #393A42; }
    /*.grey { color: #5e5e5e; }*/
    
    .orange { color: #f0aa00; }
    .lightorange { color: #fceecc; }
    .darkorange { color: #E4A100; }
    
    .white { color: #fdfdfd; }
    .error { color: #d71920; }
    .success { color: #8CC63f; }
    
    /* ---- BG COLOR ---- */
    /* ---- SECTION FONT-COLOR ---- */
    :not(.tabbox).pcv-bg-lightgrey,
    :not(.tabbox).pcv-bg-midgrey,
    :not(.tabbox).pcv-bg-darkgrey,
    :not(.tabbox).pcv-bg-verydarkgrey {--text: #fff;}
    
    .box.bg-white,
    .box.bg-verylightgrey,
    .box.bg-bordergrey,
   /* .pcv-bg-lightgrey,*/
    
    .box.pcv-bg-verylightgrey,
    .box.pcv-bg-bordergrey,
    /*.box.pcv-bg-lightgrey,*/
    .box.pcv-bg-white { --text: #393A42; }

    
    .box.outline { --text: #393A42 !important;}

    h1, h2, h3, h4, h5, h6, p, ul > li {
        color: var(--text);
    }

    .pcv-bg-verylightgrey { background: #f4f4f4; }
    .pcv-bg-bordergrey { background: #eee; }
    .pcv-bg-lightgrey { background: #bbb; }
    .pcv-bg-midgrey { background:#757575; }
    .pcv-bg-darkgrey { background: #393A42; }

    .pcv-bg-verydarkgrey { background:#44454f; }
    .pcv-bg-white { background: #fdfdfd; }
    .pcv-bg-lightorange { background: #fceecc; }

    .bg-verylightgrey { background: #f4f4f4; }
    .bg-extragrey { background: #eee; }
    .bg-lightgrey { background: #bbb; }
    .bg-midgrey { background: #757575; }
    .bg-darkgrey { background: #393A42; }
    .bg-verydarkgrey { background: #2D2F33; }

    .bg-white { background: #fdfdfd;  }
    .bg-white-clean { background: #fff;  }
    
    .bg-orange { background: #f0aa00; }
    .bg-lightorange { background: #FCEECC; }
    .bg-darkorange { background: #E4A100; }
    
    .bg-error { background: #D71920; }
    .bg-success { background: #8CC63F; }
    
    /* ---- SWIPER SECTION COLOR ---- */
    /*lightgrey*/
    section .pcv-bg-lightgrey .swiper-slide.bg-verylightgrey {
        background: #fff;
    }
    /*darkgrey*/
    section .pcv-bg-darkgrey .swiper-slide .contain p {
        color: #393A42;
    }
    /*outline*/
    section .pcv-bg-outline .swiper-slide .contain {
        height: auto;
        border: 0px;
        border-radius: 0px;
        padding-top: auto;
    }
    section .pcv-bg-outline .swiper-slide {
        border: 1px solid #ccc;
        border-radius: 6px;
        background: #fff;
    }

    /* ---- BUTTON ---- */
    /*additional but*/
    header #additional a.but.outline.grey p { 
        border: 1px solid #999;
	}
    header #additional a.but.outline.orange p { 
        border: 1px solid #ffb80b;
	}
    header #additional a.but.outline.grey:hover p,
    header #additional a.but.outline.orange:hover p { 
        color: #252525;
        border: 1px solid #252525;
	}

    /*full orange*/
	a.but.full.orange p { 
		color: #fff;
        background: #f0aa00;
        border: 2px solid #f0aa00;
	}
    a.but.full.orange:hover p { 
        background: #ffb80b;
        border: 2px solid #ffb80b;
	}
    /*outline orange*/
    a.but.outline.orange p { 
		color: #f0aa00;
        border: 2px solid #f0aa00;
	}
    a.but.outline.orange:hover p { 
		color: #5e5e5e;
        border: 2px solid #5e5e5e;
	}
    
    /* pcv-bg-color but */
    /*full*/
    .color-contain.bg-dark > section a.but.full.orange:hover p,
    .color-contain.bg-orange > section a.but.full.orange p { 
		color: #252525;
        background: #fff;
        border: 2px solid #fff;
	}
    .color-contain.bg-orange > section a.but.full.orange:hover p { 
		color: #252525;
        background: #dfdfdf;
        border: 2px solid #dfdfdf;
	}
    /*outline*/
    .color-contain.bg-dark > section a.but.outline.orange:hover p,
    .color-contain.bg-orange > section a.but.outline.orange p { 
		color: #fff;
        border: 2px solid #fff;
	}
    .color-contain.bg-orange > section a.but.outline.orange:hover p { 
		color: #252525;
        border: 2px solid #252525;
	}

    /*outline bg-lightgrey */
    .box.pcv-bg-lightgrey a.but.outline p { background: #fff; }