@charset "utf-8";
/* ================================================ COMMON COLORS ========================================================== */
:root { 
--col_p:         249,52,168; color:rgba(249,52,168,1.00);  /* pink */
--col_w:        255,255,255; color:rgba(255,255,255,1.00); /* white */
--col_b:              0,0,0; color:rgba(0,0,0,1.00);  /* black */
--col_y:        236,255,47; color: rgba(236,255,47,1.00); /* yellow */
}

/* ================================================ EQ- Base Colors + logo filter  ======================= */
@media (max-width: 9000px) {
:root { 
--col_head:     255,255,255; color:rgba(255,255,255,1.00); /* header background  */
--col_1:         79,123,200; color:rgba(79,123,200,1.00);  /* sub-page header background  + main text + mobile menu & phone buttons  */ 
--col_heroback:  79,123,200; color:rgba(79,123,200,1.00);  /* Hero background color */
--col_main:     112,146,180; color:rgba(112,146,180,1.00); /* main color */
--col_main_d:     40,42,103; color:rgba(40,42,103,1.00);   /* main_color darker */
--col_virtue_bar:192,230,255; color: rgba(192,230,255,1.00);  /* virtues bar */
--col_virtue:    79,123,200; color:rgba(79,123,200,1.00);  /* virtues background */
--col_mobback:    60,75,106; color:rgba(77,115,180,1.00);  /* Mobile menu back + homepage product boxes */
--col_enq_back:  237,19,128; color:rgba(237,19,128,1.00);
--col_enqb:       255,255,255; color: rgba(60,75,106,1.00);  /* menu back + page header backgrounds + footer background */ 
--col_enqp:         60,75,106; color:rgba(237,19,128,1.00);  /* enquiry form arrow  */
--col_tel:       79,123,200; color:rgba(79,123,200,1.00);  /* telephone color */ 
--col_strap:     232,37,134; color:rgba(232,37,134,1.00); /* strapline color */
--col_burger:   124,132,158; color:rgba(124,132,158,1.00);  /* hamburger lines */ 
--col_enq_bot:   79,123,200; color:rgba(79,123,200,1.00);  /* Mobile enquiry backgroung bottom */
--col_aip_back:  41,195,73; color:rgba(41,195,73,1.00);  /* AIP page background color */
--col_aip:      181,224,225; color:rgba(181,224,225,1.00);  /* AIP secondary color */
--dynamic_bar:  67,131,201; color:rgba(67,131,201,1.00);  /* Dynamic areas bar backgrounnd */
--col_p:        232,37,134; color:rgba(232,37,134,1.00); 
}
.logo_filter {filter:invert(50%) sepia(56%) saturate(440%) hue-rotate(179deg) brightness(88%) contrast(98%);}	
.lenders_filter {filter:invert(50%) sepia(56%) saturate(440%) hue-rotate(179deg) brightness(88%) contrast(98%);opacity:0.9;}	
}

/* ================================================ EQ1 LOGOS  ========================================================== */
.logo-EQ {display:block;}

@media (min-width: 50px)              {/* SMALL DEVICES (landscape, 576px and up) */
.show_logo_320  {display:none!important;} 
.show_logo_321  {display:none!important;} 
.show_logo_576  {display:none!important;} 
.show_logo_768  {display:none!important;} 
.show_logo_992  {display:none!important;} 
.show_logo_1200 {display:none!important;}}
@media screen and (max-width: 9000px) {
.logo_top_eq {display:inline-block!important;background-image:url(../img/logo/eq_logo_mobw.fw.png);width:152px;height:42px;background-repeat:no-repeat!important;
margin-top:8px;margin-left:15px;}
.logo_footer_eq {display:block!important;background-image:url(../img/logo/eq1_logo_footer.fw.png);width:241px;height:79px;background-repeat:no-repeat!important;
margin-bottom:3%;}
}
@media (max-width: 599px)             {
.logo_footer_eq {background-image:url(../img/logo/eq_logo_mobw.fw.png);width:152px;height:42px;}
}
@media screen and (min-width: 51px) and (max-width: 320px)   {/* TINY DEVICES ONLY */
.logo_size_eq {background-image:url(../img/logo/eq_logo_320B.fw.png);width:135px;height:60px;background-repeat:no-repeat!important;margin-top:3px!important;margin-left:5px!important;}
.show_logo_320 {display:block!important;background-color: rgba(203,203,203,0.0);}}
@media screen and (min-width: 321px) and (max-width: 575px)  {/* EXTRA-SMALL DEVICES ONLY */
.logo_size_eq {background-image:url(../img/logo/eq_logo_321B.fw.png);width:180px;height:62px;background-repeat:no-repeat!important;margin-top:-8px!important;}
.show_logo_321 {display:block!important;background-color: rgba(245,161,128,0.0);}}
@media screen and (min-width: 576px) and (max-width: 767px)  {/* SMALL DEVICES ONLY */
.logo_size_eq {background-image:url(../img/logo/eq_logo_768B.fw.png);width:211px;height:67px;background-repeat:no-repeat!important;margin-top:-8px!important;}
.show_logo_576 {display:block!important;}}
@media screen and (min-width: 768px) and (max-width: 991px)  {/* MEDIUM DEVICES ONLY = PINK */
.logo_size_eq {background-image:url(../img/logo/eq_logo_768B.fw.png);width:211px;height:67px;background-repeat:no-repeat!important;margin-top:-10px!important;}
.show_logo_768 {display:block!important;}}
@media screen and (min-width: 992px) and (max-width: 1199px) {/* LARGE DEVICES ONLY = RED */
.logo_size_eq {background-image:url(../img/logo/eq_logo_1366B.fw.png);width:300px;height:79px;background-repeat:no-repeat!important;}
.show_logo_992 {display:block!important;}}
@media (min-width: 1200px) {/* EXTRA LARGE DEVICES (large desktops, 1200px and up) = GOLD */
.logo_size_eq {background-image:url(../img/logo/eq_logo_1366B.fw.png);width:300px;height:79px;background-repeat:no-repeat!important;}
.show_logo_1200 {display:block!important;}
}

/* ------------------------------------------------- HEADERS --------------------------*/
@media screen and (max-width: 9000px) {
.pixel_pic   {width:100%;height:100%;background-image: url('../img/pixel.fw.png');z-index:2;padding-top:130px;}
.pixel_pic2  {width:100%;height:100%;background-image: url('../img/pixel.fw.png');z-index:2;padding-top:0px;}
.head_hero_home1b   {width:100%;height:auto;background-size:cover;z-index:-2147483647!important;margin-bottom:0%;
background:radial-gradient(circle at 3% 92%, rgba(79,123,200,0.8) 0%, rgba(79,123,200,0.8) 01%, rgba(79,123,200,0.7) 45%, rgba(79,123,200,0.4) 60%, rgba(79,123,200,0.3) 74%, rgba(79,123,200,0.2) 86%, rgba(79,123,200,0.9) 100%), url('../img/headers/sunflower-3616249_1920.avif')no-repeat;background-position:right 0% bottom 70%!important;}
.col-l_page_2  {flex:60%;} .col-r_page_2  {flex:40%;} 
.head_page_2        {width:100%;height:auto;background-size:cover;z-index:-2147483647!important;margin-bottom:0%;
background:radial-gradient(circle at 3% 92%, rgba(79,123,200,0.9) 0%, rgba(79,123,200,0.8) 01%, rgba(79,123,200,0.7) 45%, rgba(79,123,200,0.5) 60%, rgba(79,123,200,0.4) 74%, rgba(79,123,200,0.4) 86%, rgba(79,123,200,0.0) 100%), url('../img/headers/sunflower-3616249_1920.avif')no-repeat;background-position:right 0% bottom 60%!important;}
.head_page_2 h1  {display:block;margin:16% 0 1% 10%;}
}
@media screen and (max-width: 1440px) {
.head_page_2 h1    {margin:20% 0 1% 8%;}
}
@media screen and (max-width: 1366px) {
.head_page_2 h1    {margin:23% 0 1% 8%;}
}
@media screen and (max-width: 1365px) {
.col-l_page_2  {flex:100%;} .col-r_page_2  {flex:0%;} 
.head_page_2 h1    {margin:4% auto 2% auto;}
}
@media screen and (max-width: 1280px) {
.head_page_2 h1    {margin:13% 0 2% 4%;}
}
@media screen and (max-width: 1279px) {
.head_page_2 h1    {margin:5% auto 2% auto;text-align:center;}
}
@media screen and (max-width: 1023px) {
.head_page_2 h1    {margin:5% auto 2% auto;}
}
@media screen and (max-width: 767px)  {
.head_page_2       {height:110px;}
.head_page_2 h1    {margin:4% auto 2% auto;font-size:calc(100% + 2.20vw + 2.20vh);}
}
@media screen and (max-width: 599px)  {
.pixel_pic   {padding-top:130px;padding-bottom:50px;}
.head_page_2 h1    {margin:11% auto 2% auto;font-size:calc(100% + 2.60vw + 2.60vh);}

.head_hero_home1b   {width:100%;height:auto;background-size:cover;z-index:-2147483647!important;margin-bottom:0%;
background:linear-gradient(to bottom, rgba(79,123,200,0.4) 0%, rgba(79,123,200,1.0) 100%), url('../img/headers/sunflower-3616249_1920.avif')no-repeat;background-position:right 0% bottom 0%!important;}

}


/* - ---------------- TEXT COLORS ----------------------------- */
@media screen and (max-width: 9000px) {
 p                {color:rgba(var(--col_main_d),0.8);}
.text_page1       {color:rgba(var(--col_main_d),1.00)!important;}
.text_page1a      {color:rgba(var(--col_main_d),0.8);}
.text_page1b      {color:rgba(var(--col_main_d),0.5);}
.text_page1a1     {color:rgba(var(--col_main_d),0.9)!important;}
.text_page2       {color:rgba(var(--col_1),1.00);}
.text_col_9       {color:rgba(var(--col_9),0.83)!important;}
.text_t           {color:rgba(var(--col_2),1.00);} 
.text_w           {color:rgba(255,255,255,1.00)!important;}
.text_w1          {color:rgba(255,255,255,0.70)!important;} 
.text_w2          {color:rgba(255,255,255,0.85)!important;} 
.text_y1          {color:rgba(248,200,67,1.00);}
.text_y2          {color:rgba(255,246,22,1.00);} 
.text_y3          {color:rgba(245,240,92,1.00);} 
.text_cyan        {color:rgba(124,226,239,1.00);} 
.text_p           {color: rgba(var(--col_p),0.99)!important;}
.aip_c            {color: rgba(var(--col_aip),0.99)!important;}
}

/* - ---------------- HEADER COLORS / MENU -------------------- */
@media screen and (max-width: 9000px ) {
.col_header_back       {background-color:rgba(var(--col_head),1.0); } 
.col_tel               {color:rgba(var(--col_tel),0.95);} 
.col_strap             {color:rgba(var(--col_strap),0.60);} 
.col_tel_back_mob      {background-color:rgba(var(--col_w),1.0);}
.footer_back           {background-color:rgba(var(--col_1),0.99);}
.enq_back_col          {background-color:rgba(237,19,128,1.00)!important;} 
.enq_bulls_col         {background-color:rgba(205,234,249,1.00);} 
.col_quote             {background-color:rgba(255,253,0,1.00)!important;color:rgba(62,91,120,1.00)!important;}
.col_quote:hover       {background-color:rgba(40,42,103,1.00)!important;color:rgba(255,255,255,1.00)!important;} 
}
@media screen and (max-width: 599px)   {
.col_tel_back_mob        {background-color:rgba(var(--col_burger),0.9);}
}

/* - ---------------- ACCORDION COLORS ------------------------ */
@media screen and (max-width: 9000px) {
.accordion .accordionInner .accordionHead  {border-style:solid;border-width: 0px 0px 0px 0px;border-color:rgba(var(--col_3),0.9); }
.accordion .accordionCnt                   {border-style:solid;border-width: 0px 0px 0px 0px;border-color:rgba(var(--col_3),0.9);}
.accordion_back                            {background-color:rgba(var(--col_1),0.1) !important;border-style:solid;border-width: 0px 1px 1px 1px;border-color:rgba(var(--col_1),0.3)!important;}
.col-60 .accordion_back  {background-color:rgba(var(--col_w),0.93) !important;border-color:rgba(var(--col_1),0.4)!important;}
.accordionInner .accordionHead  {border:none;}
.accordionCnt                   {border:none;} 
}
@media screen and (max-width: 1024px) {
.accordion_back  {border-width: 0px 0px 0px 0px;}
}
@media screen and (max-width: 768px)  {
.accordion .accordionInner .accordionHead  {background:rgba(var(--col_4),0.99);border:none;}
.accordionInner .accordionHead  {border:none!important;margin:0px!important;}
.accordionCnt                   {border:none!important;margin:0px!important;}
}

/* - ---------------- VIRTUES BOXES --------------------------- */
@media screen and (max-width: 9000px) {
.virtue_bar_back  {background-color:rgba(var(--col_virtue_bar),1.0);} 	
.virtue_bar_but   {background-color:rgba(var(--col_virtue_bar),0.2);}  
}
@media screen and (max-width: 1023px) {
.virtue_bar_but   {background-color:rgba(var(--col_virtue_bar),1.0)!important;} 
}

/* - ---------------- BACKGROUND COLORS ----------------------- */
@media screen and (max-width: 9000px) {
.background_5a  {background-color:rgba(75,84,112,0.12);}
.background_5b  {background-color:rgba(75,84,112,0.07);}
.background_dip {background-color:rgba(var(--col_1),0.89)!important;} 
}

/* - ---------------- mobile blocks --------------------------- */
@media screen and (max-width: 768px)  {
.mob_block_2 {display:block;background-color:rgba(var(--col_1),0.12);}
}
@media screen and (max-width: 600px)  {
.mob_block_1     {display:block;width:auto;margin:2% 0% 10% 0%;padding:4% 10% 2% 10%;background-color:rgba(var(--col_1),0.20);}
.mob_block_2     {display:block;width:auto;margin:0% 0% 10% 0%;padding:6% 8% 2% 8%;/*font-size:93%;*/}
}
@media screen and (max-width:599px)   {
.mob_block_1     {padding:8% 10% 8% 10%;}
}