@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,600,900');
@import url('https://fonts.googleapis.com/css?family=Lato:400,900');
@import url('https://fonts.googleapis.com/css?family=Caveat');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400|Inconsolata');
 
body {background-color: rgba(255,255,255,1.00);margin:0;} main h1 {margin-top:0;}

.sticky_enq           {position:absolute;position:sticky;top:0;right:0;float:left;padding:0px;transition:all 0.34s ease-out;z-index:4;width:100%; padding-top:8%;}
.min .sticky_enq      {z-index:4;top:19%;transition:all 0.44s ease-in;}
.sticky_enq2          {position:absolute;position:sticky;top:0;right:0;float:left;padding:0px;transition:all 0.34s ease-out;z-index:4;width:100%; padding-top:25%;}
.min .sticky_enq2     {z-index:4;top:8%;transition:all 0.44s ease-in;} 
.sticky_enq_but       {position:absolute;position:sticky;top:190px;right:0;float:left;padding:0px;transition:all 0.14s ease-out;z-index:4;width:100%;}
.min .sticky_enq_but  {z-index:4;transition:all 0.14s ease-in;top:65px;  z-index:2}
.fade_out  { opacity:1.0;transition:all 0.24s ease-out;} .min .fade_out  { opacity:0.0;transition:all 0.24s ease-out;}

@media screen and (min-width: 769px) {.sticky_h1 {position:absolute;position:sticky;right:0;float:left;padding:0px;transition:all 0.44s ease-out;z-index:4;width:100%;margin-bottom:0%;z-index:2 ; background-color:rgba(45,37,65,0.10);border-bottom: 4px solid #fff;}
.min .sticky_h1   {z-index:4;transition:all 0.44s ease-in;top:110px;z-index:2 ;  padding:1.0% 0 1% 10%;height:65px;}
.hide769 {display:none;}}

@media screen and (min-width: 1366px) {.sticky_bread  {position:absolute;position:sticky;right:0;float:left;padding:0px;transition:all 0.14s ease-out;z-index:4;width:100%;margin-top:0.5%;margin-bottom:2%;
z-index:0; background-color:#fff; padding-bottom:0.6%;border-bottom: 1px solid rgba(0,0,0,0.11);}
.min .sticky_bread {z-index:4;transition:all 0.14s ease-in;top:175px;z-index:2 ;}}

@media screen and (max-width: 1365px) {.sticky_bread  {display:none ;} .min .sticky_bread {display:none ;}}
@media screen and (max-width: 1366px) {.min .sticky_enq   {z-index:4;top:17%;}}

.radius_tr   {border-top-right-radius:15px;} .radius_tl   {border-top-left-radius:15px;}
.radius_bla {border-bottom-left-radius:15px;} .radius_bra {border-bottom-right-radius:15px;}
.min .radius_tla  {border-top-left-radius:0px;} .min .radius_tra {border-top-right-radius:0px;} 

@media screen and (max-width: 768px) { .radius_tr {border-top-right-radius:0px;} .radius_tl {border-top-left-radius:0px;}
.radius_h1_tl   {border-top-left-radius:0px;}
.radius_h1_tr   {border-top-right-radius:0px;}
.radius_h1_bl   {border-bottom-left-radius:0px;}
.radius_h1_br   {border-bottom-right-radius:0px;}
.radius_tla  {border-radius:0px;} .radius_tra {border-radius:0px;} 
.radius_bla {border-radius:0px;} .radius_bra {border-radius:0px;}
.sticky_enq     {padding-top:12%;}
.sticky_h1 {border:none!important;}
.min .sticky_h1 {position:absolute;position:sticky;right:0;float:left;padding:0px;transition:all 0.44s ease-out; color:rgba(255,255,255,1.00) !important; border:none;}}

.video_1 {z-index:-2147483637;position:fixed;float:right;right:0; top:0px;min-width:100%;min-height:100%;width:auto;height:auto;filter:opacity(29%);}

/* ----------------------------------------------- Main section structure ---------------------------------------------------- */
.container_main    {display:flex; flex-flow:row; flex-wrap:wrap; }
.main_left         {flex:3.15;display:flex;flex-flow:row;flex-wrap:wrap;padding:0 0% 4% 0%;/*z-index:1;*/} /* CONTENT PANEL */
.main_right        {flex:1;padding:0.0% 0 5% 4.5%;margin:0px 0 0 0%;z-index:-1 ;} /* ENQPANEL */

/* --------------------------------------------------------------------- Table  ----------------------------------------------------------------------- */
table {border-collapse:collapse;width:100%;font-family:'Arial'; margin:4% 0 6% 0;font-size:0.5em;font-size:calc(0.45vw + 0.40em);line-height:1.5em;line-height:calc(0.8vw + 0.8em);letter-spacing:0.4px;}
.tab_back {background-color:rgba(45,37,65,0.03);}
tbody tr {border: 1px solid rgba(0,0,0,0.16);}
tbody td {color:rgba(45,37,65,0.90);padding: 10px 6px 10px 2%;text-align:left;} 
.twidth {width:33%;}   
.img_r {width:100%;height:auto; max-width:125px;z-index:-2147483638 ;}

/* ---------------------------------------------------------- LENDER LOGO SLIDER  ----------------------------------------------------------- */
.marquee {display:block;position:relative;width:100%;height:82px;overflow-x:hidden;margin:0.5% 0 0.0% 0;padding:0px 0 0px 0;z-index:2;background-color:transparent; }
.track0  {position:absolute;white-space: nowrap;will-change: transform;animation: marquee 25s linear infinite; padding:0% 0 0px 0;}
.track   {position:absolute;white-space: nowrap;will-change: transform;animation: marquee 15s linear infinite; padding:0% 0 0px 0;}
.track2  {position:absolute;white-space: nowrap;will-change: transform;animation: marquee 30s linear infinite; padding:0% 0 0px 0;}
@keyframes marquee {from { transform: translateX(0); } to { transform: translateX(-50%); }}
@media screen and (max-width: 1024px) {.video_1 { display:none;}
.main_left         {flex:2.8;display:flex;flex-flow:row;flex-wrap:wrap;padding:0 0% 4% 0%;} 
.main_right        {flex:1;padding:2.55% 0 5% 4.5%;margin:0px 0 0 0%;z-index:-1 ;}}
@media screen and (max-width: 768px) { .marquee {width:100%;} .marquee {margin:0.8% 0 2.0% 0;padding:0px 0 0px 0; }
.radius_bla {border-bottom-left-radius:0px;} .radius_bra {border-bottom-right-radius:0px;}
table {margin:4% 0 6% 0;font-size:0.6em;font-size:calc(0.6vw + 0.6em);line-height:1.9em;line-height:calc(0.9vw + 0.9em);letter-spacing:0.4px;}
.main_left         {flex:2.7;display:flex;flex-flow:row;flex-wrap:wrap;padding:0 0% 0% 0%;} 
.main_right        {display:none;}}
@media screen and (max-width: 599px) { .marquee {margin-top:1.5%;}}

/*==== ------------------------------- Flexbox Grid -------------------------------------------  === */
.row {display:flex; /*z-index:2;*/}
.row_margin {margin:2% 0 0% 0;}
.row_center {margin-top:1.5%; margin-bottom:1.3%;}
.rowz  {z-index:2;}
.rowz2 {z-index:-2;}
.column h4, p, a {text-decoration:none ;}
.column{flex-grow:1;flex-shrink:1;flex-basis:1;margin:0px;padding:1% 1% 1% 1%;}

 *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
 
.col-1{max-width:100%;}
.col-1 h4 {margin-bottom:1%;}
.col-2{max-width:50%;}
.col-3{max-width:33.33%;}

.col-4{max-width:25%;} .col-5{max-width:20%;} .col-6{max-width:16.8%;}

.col-4 h4 {font-size:0.5em;font-size:calc(0.5vw + 0.4em);line-height:0.7em;line-height:calc(0.7vw + 0.7em); padding:5.5% 13% 0 13%;font-family:sans-serif;font-weight:100; etter-spacing:-0.2px; height:57px;}

.col-5 h4 {font-size:0.5em;font-size:calc(0.5vw + 0.4em);line-height:0.7em;line-height:calc(0.7vw + 0.7em); padding:5.5% 13% 0 13%;font-family:sans-serif;font-weight:100; etter-spacing:-0.2px;}

.col-6 h4 {font-size:0.5em;font-size:calc(0.5vw + 0.4em);line-height:0.7em;line-height:calc(0.7vw + 0.7em); padding:7.5% 13% 0 13%;font-family:sans-serif;font-weight:100; 
letter-spacing:-0.2px;}





.col-50_l {max-width:48%}    .col-50_lpad {padding-right:2.3%;}
.col-50_r {max-width:52%}    .col-50_rpad {padding-left:2.3%;}
.col-50_l p {margin-left:0px;}  .padp1 {margin-left:-10px !important;}
.col-100_rpad {padding-left:3.0%;}

.lpad       {margin-left:-0.8%;}
.col-70 {max-width:74%}
.col-30 {max-width:26%}
.col-main {max-width:74%}
.col-enq  {max-width:26%}

@media screen and (max-width:1366px){ .col-70 {max-width:70%} .col-30 {max-width:30.0%}  
.sticky_h1        {position:absolute;position:sticky;right:0;float:left;padding:0px;transition:all 0.44s ease-out;z-index:4;width:100%;margin-bottom:0%;z-index:2 ; background-color:rgba(45,37,65,0.10);border-bottom: 4px solid #fff;}
.col-4 h4 {font-size:0.6em;font-size:calc(0.6vw + 0.6em);line-height:0.7em;line-height:calc(0.7vw + 0.7em); padding:7% 1% 0 1%;font-family:sans-serif;font-weight:100; letter-spacing:-0.2px;}
/*.min .col-4 h4 {font-size:0.5em;font-size:calc(0.5vw + 0.5em);line-height:0.7em;line-height:calc(0.7vw + 0.7em); padding:5% 1% 0 1%;font-family:sans-serif;font-weight:100; letter-spacing:0.6px;}*/}


@media screen and (max-width:1024px){ .col-70 {max-width:67%} .col-30 {max-width:33.0%;}
.col-4 h4 {padding:8.5% 10% 0 10%;}
/*.min .col-4 h4 {font-size:0.5em;font-size:calc(0.5vw + 0.5em);line-height:0.7em;line-height:calc(0.7vw + 0.7em); padding:4.0% 1% 0 1%;font-family:sans-serif;font-weight:100; letter-spacing:0.0px;}*/
.col-6 h4     {font-size:0.6em;font-size:calc(0.6vw + 0.5em);line-height:0.7em;line-height:calc(0.7vw + 0.7em);}
.min .h4_size {font-size:0.5em;font-size:calc(0.5vw + 0.4em);line-height:0.7em;line-height:calc(0.7vw + 0.7em); padding:3.5% 1% 0 1%;font-family:sans-serif;font-weight:100; letter-spacing:0.6px;}
.min .sticky_h1    {top:70px; height:65px;}}

@media screen and (max-width:768px){ .row_center {margin:0 7% 0 6%;margin-top:1.5%; margin-bottom:4%; text-align:center;}
.row{display:flex; flex-wrap:wrap;}
.column{margin:0px 0;} 
.col-1 h4 {margin-bottom:4%;}
/*.min .col-4 h4 {font-size:0.8em;font-size:calc(0.8vw + 0.8em);line-height:0.7em;line-height:calc(0.7vw + 0.7em); padding:3.5% 1% 0 1%;font-family:sans-serif;font-weight:100; letter-spacing:0.8px;}*/
.col-4 h4 {font-size:0.8em;font-size:calc(0.8vw + 0.7em);line-height:0.7em;line-height:calc(0.7vw + 0.7em); padding:7.5% 13% 0 13%;font-family:sans-serif;font-weight:100; etter-spacing:-0.2px; height:57px;}

.col-2{max-width:50%;}
.col-4{max-width:50%}
.col-5 h4 {font-size:0.7em;font-size:calc(0.7vw + 0.7em);line-height:0.99em;line-height:calc(0.99vw + 0.99em);padding:7.5% 13% 0 13%;}
.min .col-5 h4 {font-size:0.7em;font-size:calc(0.7vw + 0.7em);line-height:0.99em;line-height:calc(0.99vw + 0.99em);padding:7.5% 13% 0 13%;}
.col-6 {max-width:33.3%;} 
.col-70 {max-width:100%}
.col-30 {max-width:100%}
.col-50_l {max-width:100%;width:100%;margin:0 ; padding:0 ;}
.col-50_r {max-width:100%;width:100%;margin:0 ; padding:0 ;}
.col-6 h4      {font-size:0.7em;font-size:calc(0.7vw + 0.7em);line-height:0.9em;line-height:calc(0.9vw + 0.9em);}
.min .col-6 h4 {font-size:0.7em;font-size:calc(0.7vw + 0.7em);line-height:0.9em;line-height:calc(0.9vw + 0.9em);}

/*.min .h4_size {font-size:0.7em;font-size:calc(0.7vw + 0.7em);line-height:0.9em;line-height:calc(0.9vw + 0.9em); padding:3.5% 1% 0 1%;font-family:sans-serif;font-weight:100; letter-spacing:0.6px;}*/}
 
 @media screen and (max-width:600px){
.row_center {margin:0 8% 0 5%;margin-top:1.5%; margin-bottom:7%;}
.col-1 h4 {margin-bottom:6%;}
.col-2{max-width:50%}
.col-3{max-width:100%}
.col-4{max-width:50%}
.col-5{max-width:100%} .col-5{max-width:50%;}
.col-6 {max-width:50%;}
.col-70 {max-width:100%}
.col-30  {max-width:100%}}
 
 @media screen and (max-width:599px){.col-4, .col-5, /*.col-6,*/ .col-7 {width:50%;max-width:50%;}  .col-6 {width:100% ;max-width:100%;}}
 @media screen and (max-width:414px){.row_center {margin:0 11% 0 0%;margin-bottom:9%;margin-top:9%;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7 {width:100% ;max-width:100%;}
.col-4 h4 {font-size:1.0em;font-size:calc(1.0vw + 1.0em);line-height:0.7em;line-height:calc(0.7vw + 0.7em); padding:7.5% 13% 0 13%;font-family:sans-serif;font-weight:100; etter-spacing:-0.2px; height:57px;}}

/*==== ------------------------------- COLORS -------------------------------------------  === */
.col_enq_t {color:rgba(255,255,255,0.92);}
.back_c6 {background-color: rgba(45,37,65,0.50);}
.back_c10 {background-color: rgba(45,37,65,0.60);}
.back_c11 {background-color: rgba(45,37,65,0.80);}
.back_w {background-color: rgba(255,255,255,1.00);}
.back_w2 {background-color: rgba(255,255,255,0.40);}
.back_c13  {background-color: rgba(45,37,65,0.30); border:rgba(255,255,255,0.65) 1px solid;}
.back_c13a {background-color: rgba(255,255,255,0.49);background-color: rgba(45,37,65,0.10);border:rgba(255,255,255,0.65) 1px solid;}
.back_c13b {background-color: rgba(255,255,255,0.99);background-color: rgba(45,37,65,0.15);border:rgba(255,255,255,0.65) 1px solid;}

.min .back_c13  {background-color: rgba(102,89,102,0.99); background-color: rgba(176,173,184,0.99); border:rgba(255,255,255,0.35) 1px solid;}
/*.min .back_c13a {background-color: rgba(79,68,79,0.99);   background-color: rgba(192,189,198,0.99); border:rgba(255,255,255,0.35) 1px solid;}*/
.col_white100 {color:rgba(255,255,255,1.00);}
.col_white70  {color:rgba(255,255,255,0.70);}
.col_dark70   {color:rgba(53,95,151,0.99);}

.text_col_w  {color:rgba(255,255,255,1.00);}
.text_col_w1 {color:rgba(255,255,255,0.75)}
.text_col_w2 {color:rgba(173,201,91,0.99);}
.text_col_d1_light {color:rgba(45,37,65,0.60);}
.text_col_d3 {color:rgba(45,37,65,0.50);}

/* -------------------- Hero section colors  -------------------------------- */
.text_hero_h1  {color:rgba(45,37,65,0.70);}       /* -- H1 col -- */
.text_hero_h1p {color:rgba(255,255,255,0.90);}    /* -- H1 col product pages -- */
.text_hero_h2  {color:rgba(138,166,55,0.99);}      /* -- h2 col -- */
.text_p1 {color:rgba(45,37,65,0.70);}            /* -- p bold -- */
.text_col_d1 {color:rgba(138,166,55,0.79)}          /* -- p bold -- */
.text_col_d2_light {color:rgba(45,37,65,0.79);}  /* -- h3 titles -- */
.text_col_d2_bulls {color:rgba(0,0,0,0.63);}    /* -- Lists -- */
.text_col_d4 {color:rgba(45,37,65,0.69);} /* -- small titles-- */
.text_align   {text-align:left;}
.text_align_c {text-align:center;}
.back_g {background-color:rgba(173,201,91,0.99);}
.col_circ_back {background-color:rgba(173,201,91,0.69);}
.mob_menu_back {background-color: rgba(108,108,136,1.00);}
.app_col_1w   {background-color:rgba(45,37,65,0.05); border: 1px solid rgba(45,37,65,0.3);height:300px; margin:2% 0 5% 0;}
.back_w {background-color:rgba(255,255,255,1.00);}

/*==== ------------------------------- drop down menu -------------------------------------------  === */
.sticky1  {position:absolute;position:sticky;top:0px;right:0;float:left;padding:0px;transition: all 0.54s ease-out;z-index:4;width:100%;}
.min .sticky1   {z-index:4;}
.clearfix {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

@media all and (max-width:9000px){
p {text-align:left;}
.toggle,[id^=drop]{display:none;}
nav{margin:0 ;padding:0;background-color:rgba(45,37,65,0.99);z-index:2;font-family:sans-serif;}
#logo{display:block;padding:0 0 1% 0;float:left;}
nav:after{content:"";display:table;clear:both;z-index:2;}
nav ul{float:right;padding:0;margin:0;list-style:none;position:relative;z-index:2;width:100%;}
nav ul li{margin:0px;display:inline-block;float:left;background-color:rgba(45,37,65,0.99); }
nav a{display:block;padding:16px 20px;color:#FFF;text-decoration:none;font-size:0.45em;font-size:calc(0.45vw + 0.4em);height:50px;}
nav a:hover{background-color: rgba(255,255,255,0.64);color:rgba(45,37,65,0.99);}
nav ul ul{display:none;position:absolute;top:47px;}
nav ul li:hover > ul{display:inherit;}
nav ul ul li{width:300px;float:none;display:list-item;position:relative;border-style: solid;border-width: 1px 0px 0px 0px; border-color: rgba(255,255,255,0.49);}
nav ul ul ul li{position:relative;top:-60px;left:170px;}
li > a:after{content:'';}
li > a:only-child:after{content:'';}}

@media all and (max-width:1700px) {nav a{padding:19px 15px 0 15px;font-size:0.40em;font-size:calc(0.40vw + 0.4em);height:50px;}}
@media all and (max-width:1400px) {nav a{padding:19px 11px 0 11px;font-size:0.40em;font-size:calc(0.40vw + 0.4em);height:50px;}}
@media all and (max-width:768px)  {#logo{display:block;padding:0 0 1% 0;width:100%;text-align:center;float:none;}
nav{margin:0; background-color:rgba(45,37,65,0.99);}
.toggle + a,.menu{display:none;}
.toggle{display:block;background-color:rgba(45,37,65,0.99);padding:14px 20px;color:#FFF;font-size:17px;text-decoration:none;border:none; margin:0 ; cursor:pointer;}
.toggle:hover{background-color:rgba(45,37,65,0.29);}
[id^=drop]:checked + ul{display:block;}
nav ul li{display:block;width:100%;}
nav ul ul .toggle,nav ul ul a{padding:0 40px;} 
nav ul ul ul a{padding:0 80px;}
nav a:hover, nav ul ul ul a{background-color:rgba(173,201,91,0.69);}
 nav ul li ul li .toggle,nav ul ul a, nav ul ul ul a{padding:14px 20px;color:#ccc;font-size:17px; }
 nav ul li ul li .toggle,nav ul ul a{color:rgba(173,201,91,0.69); margin-left:15px;}
nav ul ul{float:none;position:static;color:#ffffff;}
nav ul ul li:hover > ul,nav ul li:hover > ul{display:none;}
nav ul ul li{display:block;width:100%;}
nav ul ul ul li{position:static;}
nav a{font-size:17px;}
.text_col_d2_bulls { font-weight:600; font-size:120%;color:rgba(45,37,65,0.59);}
.text_hero_h1p {color:rgba(45,37,65,0.70);}  
.prod2_b1, .prod2_b2, .prod2_b3, .prod2_b4, .prod2_b5, .prod2_b6 {background-color: transparent !important;}}
@media all and (max-width:330px) {nav ul li{display:block;width:94%;}}

/* --------------------------------------------- MENU ------------------------------------------------------- */
.shad_off {-webkit-box-shadow:none ;-moz-box-shadow:none  ; box-shadow:none ; }
.logo_clear {display:none;}
.logo_green {display:inline-block;}
.col_strap {color:rgba(255,255,255,0.89);} .col_tel {color:rgba(45,37,65,0.59);}

/* --------------------------------------------- ENQUIRY FORM ------------------------------------------------------- */
 *{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;margin: 0;}
.form {width:100%;height:100%; margin:0px;padding:0% 0% 0% 0%; }
.enq_back   {border-radius:16px;}
.form h1 {font-size:1.2em;font-size:calc(1.2vw + 1.2em);letter-spacing:-0.5px;display:block;padding:0;margin:0% 0 1.9% 0; font-family:'Roboto';
text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;font-weight:700;text-align:center; padding:5% 0 2% 0;}
.min .form h1 {font-size:1.2em;font-size:calc(1.2vw + 1.2em);letter-spacing:-0.6px;}
.input_bold  {font-weight:900;}
.form_fields {width:100%;padding: 0% 5% 1% 5%; display:block;position:relative;}
.input_contact  {background-color:rgba(255,255,255,0.85);color:rgba(31,39,80,0.99);height:35px;border-radius:5px;width:100%; outline: none;
font-family:sans-serif;padding: 0 9px 0 18px;margin: 5px 0 5px 0;border: 2px solid  rgba(255,255,255,0.01);font-weight:500;}
.input_contact_drop  {background-color:rgba(255,255,255,0.85);color:rgba(31,39,80,0.99);height:35px;border-radius:5px;width:100%; outline: none;
font-family:sans-serif;padding: 0 9px 0 13px;margin: 5px 0 5px 0;border: 2px solid  rgba(255,255,255,0.01);font-weight:500;}
.input_area  {background-color:rgba(255,255,255,0.58);color:rgba(31,39,80,0.99);height:90px;border-radius:5px;width:100%;outline:none;font-family:sans-serif;
font-family:sans-serif;padding: 12px 9px 0 15px;margin: 5px 0 5px 0;border: 2px solid  rgba(255,255,255,0.01);font-weight:500;}
.enq_back   { background-color:rgba(45,37,65,0.79); padding:0% 0% 7% 0;  margin-top:0.0%;}
.data_secure {display:inline-block;font-family:sans-serif;font-size:12px;margin: 5% 0 2.5% 0; font-weight:600; color:rgba(255,255,255,0.69);}
.data_reg    {display:inline-block;font-family:sans-serif;font-size:12px;margin: 0 0 8px 0; color:rgba(255,255,255,0.69);}

@media only screen and (max-width: 1024px){.form {width:100%;height:100%; margin:0px;padding:0% 5% 0% 0% ; }}
@media only screen and (max-width: 768px){.form h1 {font-size:1.7em;font-size:calc(1.7vw + 1.7em);letter-spacing:-0.02px;padding:0;margin:10% 0 5.9% 0;}
.enq_back   {background-color:rgba(45,37,65,0.99);padding:0%;margin:0%;border-radius:0px;}
.form {width:100%;height:100%; padding:0% 0% 0 0%; margin-top:26px;}
.form_fields {width:100%;padding: 0% 5% 1% 10%; display:block;position:relative;}}

/* --------------------------------------------- button styles ------------------------------------------------------- */
.enq_button {display:inline-block;font-family:'Roboto';font-weight:900;height:55px; width:300px; margin:2% 0 2% 0;float:none;color:rgba(255,255,255,0.99);border-radius:5px;background-color: rgba(247,23,86,1.00);cursor:pointer; text-decoration:none;font-size:1.5em;font-size:calc(1.5vw + 1.4em);letter-spacing:-0.6px;padding:10px 1% 20px 1%;
margin-bottom:8%;}  .enq_button:hover {color:rgba(56,62,89,0.99);background-color:#ECCA3D;}
@media only screen and (max-width: 374px){.enq_button {height:60px;width:100%;border-radius:5px;padding:15px 1% 10px 1%;}}
.submit_button {display:inline-block;font-family:'Roboto';font-weight:900;height:50px;margin:5% 0 1% 0;float:none;border: 0.0px solid rgba(255,255,255,0.0);border-right:none;color:rgba(56,62,89,0.99);padding:2.3% 10% 3% 10%;width:100%;border-radius:5px;background-color: rgba(173,201,91,0.99);font-size:0.80em;font-size:calc(0.80vw + 0.80em);cursor:pointer;}
.submit_button:hover {color:rgba(56,62,89,0.99);background-color:#ECCA3D;}
@keyframes emit {from {box-shadow: 0 0 0 0 rgba(232,207,76,0.7)} to {box-shadow: 0 0 0 25px rgba(255 ,255 ,255 , 0) }}
.enq_but_hide {display:none;} .enq_form_hide {display: block;}

@media only screen and (min-width: 1367px){.form_fields{width:100%;padding: 0% 9% 1% 9%; display:block;position:relative;}}
@media only screen and (max-width: 768px) {.enq_but_hide {display: block;} .enq_form_hide {display:none;}
.submit_button {padding:1.2% 10% 3% 10%;font-size:1.30em;font-size:calc(1.30vw + 1.30em);cursor:pointer;}}

/*==== ------------------------------- fonts -------------------------------------------  === */
h1, h2, h3, h4, h5, h6 {color:rgba(53,124,201,1.00); margin:0;}
h1 {font-size:1.8em;font-size:calc(1.8vw + 1.7em);letter-spacing:-1.5px;font-weight:800;margin-bottom:1.3%;transition:all 0.04s ease-out;}
.min h1 {font-size:0.9em;font-size:calc(0.9vw + 0.8em);letter-spacing:-0.5px;font-weight:800;margin-top:0.5%;transition:all 0.04s ease-in; color:rgba(255,255,255,0.8);}

h2 {font-size:1.0em;font-size:calc(1.0vw + 1.0em);line-height:1.1em;line-height:calc(1.0vw + 0.8em);margin-bottom:2.0%; margin-top:2%;letter-spacing:-1.0px;font-weight:100;}
h3 {font-size:1.1em;font-size:calc(1.1vw + 1.1em);line-height:0.8em;line-height:calc(0.8vw + 0.8em);margin: 5% 0% 1% 0%;letter-spacing:-0.7px;}
h4 {font-size:1.3em;font-size:calc(1.3vw + 1.0em);line-height:0.8em;line-height:calc(0.8vw + 0.8em);letter-spacing:-0.1px; margin:0% 0 13% 0; font-weight:100; }
h5 {font-size:0.7em;font-size:calc(0.7vw + 0.7em);line-height:0.8em;line-height:calc(0.8vw + 0.8em);letter-spacing:-0.2px; margin:5% 0 7% 0;font-weight:100; }
h6 {font-size:0.50em;font-size:calc(0.50vw + 0.4em);line-height:0.7em;line-height:calc(0.7vw + 0.7em);letter-spacing:0.2px;font-weight:600;}

p  {font-size:0.55em;font-size:calc(0.55vw + 0.4em);line-height:1.8em;line-height:calc(0.8vw + 0.7em);letter-spacing:0.4px; padding:1.2% 0 1.2% 0; text-align:left;}
p            {font-family:Sans-Serif; color: rgba(125,125,125,1.00); }
h1           {font-family:'Lato'; letter-spacing:-1.5px ;}
h2,h3,h4, h5 {font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; }
h6           {font-family: sans-serif;}

.h3_sub      {font-size:0.90em;font-size:calc(0.90vw + 0.8em);line-height:0.9em;line-height:calc(0.9vw + 0.9em);margin: 4% 0% 0% 0%;letter-spacing:-0.6px;}

.freedom_foot {display:block;font-family:'Caveat';letter-spacing:-2.0px;font-size:2.0em;font-size:calc(2.0vw + 1.8em);font-weight:100;text-align:center;transform:rotate(-0deg) skew(-0deg);margin-bottom:4%; color:rgba(255,255,255,0.55); clear:both;}
.freedom_touch {display:block;font-family:'Caveat';letter-spacing:-1.3px;font-size:1.5em;font-size:calc(1.5vw + 1.5em);text-align:left;
margin: 2% 0 5% 0; color:rgba(56,62,89,0.40); clear:both;}

.text_align   {text-align:left;}
.font_800 {font-weight:800;}
.font_600 {font-weight:600;}
.size-0     {font-size:115%; letter-spacing:-0.2px;}
.size-1     {font-size:160%;}
.size-2     {font-size:170%;}
.size-3     {font-size:127%;letter-spacing:-0.2px;}
.size-4     {font-size:100%; letter-spacing:0.5px;}
.size-5    {font-size:100%; letter-spacing:0.5px;}
.size-6    {font-size:95%; letter-spacing:0.5px;}
.size-6a    {font-size:160% !important; letter-spacing:0.6px !important;}
.size-7    {font-size:135%; letter-spacing:-0.5px;}

.fweight800 {font-weight:900; letter-spacing:-0.5px;}

.head_pad   {padding:0.5% 0 1.5% 1%;}
.h1_pad     {margin:0% 0 0.5% 0 ; padding-top:1.5%;}
.h2_pad     {margin:2.0% 0 1% 0 ;}
.h2a_pad    {margin:0% 0 2% 0 }
.h4_pad     {margin:0% 0 3% 0;}
.h6_pad     {margin:2% 0 0px 0;}

.order_a {order: 1} .order_b {order: 2;} .order_c {order: 3;} .order_d {order: 4;} .order_e {order: 5;} .order_f {order: 6;}
.order_a2 {order: 1} .order_b2 {order: 2;} .order_c2 {order: 3;} .order_d2 {order: 4;} .order_e2 {order: 5;} .order_f2 {order: 6;}

.anchor_1  {position:relative;top:-170px;}   .anchor_1p {position:relative;top:-175px;} 

.freedom {display:block;font-family:'Caveat';float:right;letter-spacing:-1px;font-size:1.6em;font-size:calc(1.6vw + 1.5em);font-weight:900;text-align:center;transform:rotate(-9deg) skew(-3deg);margin-bottom:14%;color:rgba(45,37,65,0.20);}

@media (max-width: 1366px) {.freedom {display:block;font-family:'Caveat';float:right;letter-spacing:-1px;font-size:1.5em;font-size:calc(1.5vw + 1.4em);font-weight:900;text-align:center;transform:rotate(-9deg) skew(-3deg);margin-bottom:17%;color:rgba(45,37,65,0.20);}
hr.pad1     {margin:10% 0 10% 0;}
.min h1{font-size:0.9em;font-size:calc(0.9vw + 0.8em);letter-spacing:-0.5px;font-weight:800;margin-top:0.5%;transition:all 0.04s ease-in;color:rgba(255,255,255,0.8); margin-left:-5%;}}

@media (max-width: 1024px) {
.h2a_pad  {margin:1.5% 0 4% 0 }
.min .h1_pad   {margin:0% 0 0.5% 0 ; padding-top:1.4% ;}
h3 {font-size:1.2em;font-size:calc(1.2vw + 1.0em);line-height:0.8em;line-height:calc(0.8vw + 0.8em);margin: 6% 0% 2% 0%;letter-spacing:-0.7px;}
h4 {font-size:0.8em ;font-size:calc(0.8vw + 0.8em) ;}
h5 {margin:10% 0 10% 0;}
p  {font-size:0.55em;font-size:calc(0.55vw + 0.5em);line-height:1.9em;line-height:calc(0.9vw + 0.8em);letter-spacing:0.4px; padding-bottom:1%; text-align:left;}
.size-0     {font-size:105%;line-height:1.2em;line-height:calc(1.2vw + 1.1em);}}

@media (max-width: 768px) {h1, h2, h3, h4, h5, h6, p { text-align:center;}
.center_text_768 {text-align:center;}
.size-2     {font-size:140%;}
h1 {line-height:1.2em;line-height:calc(1.2vw + 1.1em);}

.h2_pad     {margin:0% 0 3% 0 ;}
.h2a_pad    {margin:2% 0 4% 0}
h3 {padding-top:2%; padding-bottom:0.5%;font-size:1.4em;font-size:calc(1.4vw + 1.3em);}
.h3_sub     {font-size:1.0em;font-size:calc(1.0vw + 0.9em);line-height:0.8em;line-height:calc(0.8vw + 0.8em);margin: 1.5% 0% 0% 0%;letter-spacing:-0.8px;}
.h3_sub2     {font-size:0.70em;font-size:calc(0.70vw + 0.7em);line-height:0.8em;line-height:calc(0.8vw + 0.8em);margin: 1% 0% -0.1% 0%;}
h4 {padding-top:2%; padding-bottom:2%;font-size:1.0em ;font-size:calc(1.0vw + 1.0em) ;line-height:0.8em;line-height:calc(0.8vw + 0.8em);letter-spacing:-0.1px ;}
h5 {font-size:0.8em;font-size:calc(0.8vw + 0.7em);line-height:0.9em;line-height:calc(0.9vw + 0.9em);letter-spacing:-0.1px;margin:10% 0 20% 0;}
.freedom {float:none;margin-bottom:6%; }
h6 {font-size:0.85em;font-size:calc(0.85vw + 0.7em);line-height:0.9em;line-height:calc(0.9vw + 0.9em);padding-bottom:1%;}
.order_a {order: 2} .order_b {order: 1;} .order_c {order: 3;} .order_d {order: 4;} .order_e {order: 5;} .order_f {order: 6;}
.order_a2 {order: 1} .order_b2 {order: 2;} .order_c2 {order: 3;} .order_d2 {order: 4;} .order_e2 {order: 5;} .order_f2 {order: 6;}
.size-0     {font-size:135%;line-height:1.2em;line-height:calc(1.2vw + 1.1em);}
.hide768 {display:none;}
.anchor_1 {position:relative;top:-120px;} 
.freedom_touch {text-align: center;margin: 6% 0 15% 0; padding:0 5% 0 5%;}
.size-1     {font-size:100%;}}

@media (max-width: 600px) {
h3 {font-size:1.4em;font-size:calc(1.4vw + 1.3em);line-height:0.8em;line-height:calc(0.8vw + 0.8em);margin: 1% 0% 1% 0%;letter-spacing:-0.7px;}
h4 {padding-top:2%; padding-bottom:0%;}
h5 {font-size:0.8em;font-size:calc(0.8vw + 0.7em);line-height:1.1em;line-height:calc(1.1vw + 1.1em);letter-spacing:-0.1px;margin:0% 0 3% 0;}
p  {padding-left:4%; padding-right:4%;}
.order_a2 {order: 1} .order_b2 {order: 2;} .order_c2 {order: 4;} .order_d2 {order: 3;} .order_e2 {order: 5;} .order_f2 {order: 6;}}

@media (max-width: 599px) {
h4 {padding-top:4%; padding-bottom:0%;}
h3 {line-height:1.2em;line-height:calc(1.2vw + 1.2em);margin: 1% 0% 2% 0%;}
.back_c13b {background-color: rgba(255,255,255,0.99);}
.freedom {margin-bottom:10%; }
.hide599 {display:none;}
.order_a2 {order: 1} .order_b2 {order: 2;} .order_c2 {order: 3;} .order_d2 {order: 4;} .order_e2 {order: 5;} .order_f2 {order: 6;}}

@media (max-width: 414px) {
.h2_pad     {margin:2% 0 8% 0 ;}
.order_a {order: 2;} .order_b {order: 1;} .order_c {order: 4;} .order_d {order: 3;} .order_e {order: 5;} .order_f {order: 6;}
.h3_sub     {font-size:1.3em;font-size:calc(1.3vw + 1.1em);line-height:1.5em;line-height:calc(1.5vw + 1.3em);margin: 1.0% 0% 2% 0%;letter-spacing:-0.5px;}
.h3_sub2    {margin: 1% 0% 1.5% 0%;}
h6 {font-size:0.85em;font-size:calc(0.85vw + 0.7em);line-height:0.9em;line-height:calc(0.9vw + 0.9em);padding-bottom:3%;}
hr.pad1     {margin:20% 0 10% 0;}
.hide414 {display:none;}
.size-0     {font-size:105%;line-height:1.2em;line-height:calc(1.2vw + 1.1em);}}

.p_pad {padding-bottom:50px;}

.head_pad      {padding:0% 10% 0% 10%;}
.main_pad      {padding:0% 10% 6% 10%;}

.h1_pad        {padding:1% 0 0 10%;}
.min .h1_pad   {padding:0.5% 0 0 10%;}

.flex_pad_1      {padding:2.5% 3% 3% 3%;}
.flex_pad_2      {padding:3.5% 1% 1% 1%;}
.flex_pad_hero   {padding:4% 1% 1% 0.5%; margin-bottom:2%;}
.flex_pad_hero_c {padding:5.5% 1% 1% 0.5% ; margin-bottom:2%;}
.flex_pad_hero_p {padding:0.5% 1% 1% 0.5% ; margin-bottom:2%;}

.flex_pad_prod     {padding:0% 0% 4% 0%;}
.flex_pad_prod2    {padding:2.5% 5% 3% 5%; display:block; position:relative;} 
.flex_pad_prod_top  {padding:2% 1% 1.2% 1%;transition:all 0.14s ease-out;}
.min .flex_pad_prod_top  {padding:0.8% 1% 0% 1%;transition:all 0.14s ease-in;height:78px;}

.pad_prod_tit     {padding:1% 1% 6% 1%;margin-top:0;}
.pad_prod_tit4    {padding:8% 6% 9% 6%;margin-top:0;}
.pad_prod_tit5    {padding:8% 5% 9% 5%;margin-top:0; height:80px;line-height:80px;}
.pad_prod_tit6    {padding:5.5% 5% 0% 5% !important;margin-top:0; height:60px;line-height:60px;}

/*==== ------------------------------- PRODUCT MENU SECTION COLORS -------------------------------------------  === */
.bread         {display:inline-block;color:rgba(255,255,255,0.79); padding-right:2%; margin-bottom:0; padding-bottom:0;
font-size:0.40em;font-size:calc(0.45vw + 0.40em); letter-spacing:-0.2px;opacity:0.0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.min .bread         {opacity:1.0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}


/* -- Pensions header -- */
.text_col_pen {background-color:rgba(255,255,255,0.89);color:rgba(120,143,167,0.99); padding:0.5% 0 1.0% 1.5%;display:block; margin-left:-1.5%; 
font-size:1.5em;font-size:calc(1.5vw + 1.4em);letter-spacing:-2.5px;font-weight:800; margin-top:2%;font-family:'Lato'; letter-spacing:-2.0px ;}   

/* -- Investments header -- */
.text_col_inv {background-color:rgba(255,255,255,0.89);color:rgba(120,143,167,0.99); padding:0.5% 0 1.0% 1.5%;display:block; margin-left:-1.5%;
font-size:1.5em;font-size:calc(1.5vw + 1.4em);letter-spacing:-2.5px;font-weight:800; margin-top:2%;font-family:'Lato'; letter-spacing:-2.0px ;}   

/* -- Mortgages header -- */
.text_col_mor {background-color:rgba(255,255,255,0.89);color:rgba(120,143,167,0.99); padding:0.5% 0 1.0% 1.5%;display:block; margin-left:-1.5%; 
font-size:1.5em;font-size:calc(1.5vw + 1.4em);letter-spacing:-2.5px;font-weight:800; margin-top:2%;font-family:'Lato'; letter-spacing:-2.0px ;} 

/* -- Mortgages header -- */
.text_col_pro {background-color:rgba(255,255,255,0.89);color:rgba(120,143,167,0.99); padding:0.5% 0 1.0% 1.5%;display:block; margin-left:-1.5%; 
font-size:1.5em;font-size:calc(1.5vw + 1.4em);letter-spacing:-2.5px;font-weight:800; margin-top:2%;font-family:'Lato'; letter-spacing:-2.0px ;} 

/* -- Later life header -- */
.text_col_lat {background-color:rgba(255,255,255,0.89);color:rgba(120,143,167,0.99); padding:0.5% 0 1.0% 1.5%;display:block; margin-left:-1.5%;
font-size:1.5em;font-size:calc(1.5vw + 1.4em);letter-spacing:-2.5px;font-weight:800; margin-top:2%;font-family:'Lato'; letter-spacing:-2.5px ;} 

.show1 {display:none;} 
.min .show1 {display:block;} 

.prod2_b {padding:5% 3% 5% 3%; display:block;}

.prod2_b1 {background-color:rgba(208,57,63,0.99);background-color:rgba(120,143,167,0.99); }
.prod2_b2 {background-color:rgba(120,143,167,0.99);}
.prod2_b3 {background-color:rgba(162,85,59,0.99);background-color:rgba(120,143,167,0.99);}
.prod2_b4 {background-color:rgba(163,57,124,0.99);background-color:rgba(120,143,167,0.99);}
.prod2_b5 {background-color:rgba(180,157,115,0.99);background-color:rgba(120,143,167,0.99);}
.prod2_b6 {background-color:rgba(145,143,70,0.99);background-color:rgba(120,143,167,0.99);}

.prod2_b1m {background-color:rgba(208,57,63,0.99);background-color:rgba(120,143,167,0.99);}
.prod2_b2m {background-color:rgba(120,143,167,0.99);background-color:rgba(120,143,167,0.99);}
.prod2_b3m {background-color:rgba(162,85,59,0.99);background-color:rgba(120,143,167,0.99);}
.prod2_b4m {background-color:rgba(163,57,124,0.99);background-color:rgba(120,143,167,0.99);}
.prod2_b5m {background-color:rgba(180,157,115,0.99);background-color:rgba(120,143,167,0.99);}
.prod2_b6m {background-color:rgba(145,143,70,0.99);background-color:rgba(120,143,167,0.99);}

.prod2_b1w {background-color:rgba(45,37,65,0.50);} 

.text_b1m {color:rgba(208,57,63,0.99);color:rgba(120,143,167,0.99);}
.text_b2m {color:rgba(120,143,167,0.99);color:rgba(120,143,167,0.99);}
.text_b3m {color:rgba(162,85,59,0.99);color:rgba(120,143,167,0.99);}
.text_b4m {color:rgba(163,57,124,0.99);color:rgba(120,143,167,0.99);}
.text_b5m {color:rgba(180,157,115,0.99);color:rgba(120,143,167,0.99);}
.text_b6m {color:rgba(145,143,70,0.99);color:rgba(120,143,167,0.99);}




/*==== ------------------------------- bullets -------------------------------------------  === */
.live_a           {overflow:hidden;margin:0% 0 0% 0;padding:0;z-index:-2147483638;}
.live_a_pad       {margin-top:4%;}
.live_a_pad_left  {margin-left:4%;}
.live_a_pad_left2 {margin-left:2%;}
.live_left_pad    {overflow: hidden; margin:2% 0 3.5% 0.5%;}
.live_a > li      {list-style: none;position: relative;padding: 0 0 1em 2.2em;margin:0 0 .05em 10px;transition: .12s; font-family:'Arial';letter-spacing:-0.20px;font-size:0.45em;font-size:calc(0.45vw + 0.45em);line-height:0.7em;line-height:calc(0.7vw + 0.7em);letter-spacing:0.4px;}
.live_a > li::before {position: absolute;font-family:FontAwesome;content:'\f0a9';top:0;left:-10px;text-align: center;opacity: .8;line-height: .85;transition: .5s; font-size:1.7em; padding-top:0.6%;}

.live_a_small {font-size:0.45em;font-size:calc(0.45vw + 0.45em);opacity:0.9; margin-left:2%;}

.zed {z-index:-2;}

.live_c {overflow: hidden; margin-top:0%; margin-bottom:4%;}
.live_c > li {list-style: none;position: relative;padding: 0 0 1.2em 2.2em;margin:0 0 .0em 10px;transition: .12s; font-family:'Arial';font-size:0.45em;font-size:calc(0.45vw + 0.45em);line-height:0.7em;line-height:calc(0.7vw + 0.7em);letter-spacing:0.4px; }
.live_c > li::before {position:absolute;font-family:FontAwesome;content:'\f00c';top:0;left:-10px;text-align:center;opacity: .8;line-height: .75;transition: .5s;
 font-size:1.7em; padding-top:0.4%; }
 ol, ul {display: inline-block;text-align: left;vertical-align:top; }
 
 
  @media only screen and (max-width:1366px) {.pad_prod_tit     {padding:10% 1% 10% 1%;}
 .pad_prod_tit6   {padding:8.5% 5% 0% 5% !important;}
 .size-6a         {font-size:140% !important; letter-spacing:0.6px !important;}}
 
  @media only screen and (max-width:1024px) {
 .pad_prod_tit6   {padding:8.5% 5% 0% 5% !important; height:45px;line-height:45px;}
 .size-6a         {font-size:120% !important; letter-spacing:0.6px !important;}}
 
 @media only screen and (max-width:768px) {
.pad_prod_tit6   {padding:5.5% 5% 0% 5% !important; height:50px;line-height:50px; margin:0 !important;}
.text_col_d5 {padding:3.5% 5% 3.5% 5%; }   /* -- H1 col -- */
.live_a      {width:100%; padding:0 auto 0 auto;padding:0 5% 0 0; margin:0;}
.live_a > li {text-align:center; margin:0 0 0 7%; padding:0; }
.live_a > li::before {content:'' ;padding-top:0.0%;}
.live_a_small {font-size:0.55em;font-size:calc(0.55vw + 0.50em); opacity:0.9;}}

  @media only screen and (max-width:599px) {
 .flex_pad_prod2  {display:none;}
 .pad_prod_tit6   {padding:3.0% 5% 0% 5% !important; height:55px;line-height:55px;}
 .flex_pad_prod   {padding:0% 0% 0% 0% !important;}}

  @media only screen and (max-width:414px) {
.pad_prod_tit6   {padding:3.0% 5% 0% 5% !important; height:45px;line-height:45px;}
.live_a   {width:100%; padding:0 auto 0 auto;padding-right:0%;  }  .pad_prod_tit     {padding:5% 1% 0% 1%;}}
 
   @media only screen and (max-width:375px) {
.pad_prod_tit6   {padding:4.0% 5% 0% 5% !important; height:50px;line-height:50px;}}
 

 
 /* -------------------------------------  How we work CIRCLES ------------------------------ */
.container_circ {width:100%;margin:0 auto;display: block; margin-bottom:9%;}
.col_circ       {width:100%;padding:0%;margin-bottom: 0%;}
.circle_circ    {text-align:center;display:block;padding:1% 0 10% 0; margin-bottom:5px;}
.circle_circ p {color:white;text-align:center;font-size:0.75em ;font-size:calc(0.75vw + 0.7em);line-height:1.1em;line-height:calc(1.1vw + 1.1em);letter-spacing:0.4px; padding:0 12% 0 12%; margin:0;}

@media only screen and (min-width: 350px) {
.container_circ {width:100%;margin:0 auto;display: block; margin-bottom:2%;}
.col_circ {display: inline-block;position:relative;width:23%;margin: 4% 0 5% 3%;padding: 0;background-color: transparent;border-top: none;}
.col_circ .spacer {position:relative;padding-top:100%;}
.col_circ:nth-child(1n+1) {margin-left: 1.0%;}
.circle_circ {position: absolute;top: 0;bottom: 0;left: 0; right: 0;color: #333;border-radius: 50%;box-sizing: border-box;text-align: center;display: block;padding:5px;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out; cursor: default;}
.circle_circ:before {content: '';display: inline-block; height: 100%;vertical-align: middle;margin-right: -2%;}
.outline {border: 5px solid grey; position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%; box-sizing: border-box;}
.circle_circ h4 {text-decoration:none; margin-bottom:10%; padding:0 1.5% 0 1.5%; font-size:0.90em ;font-size:calc(0.90vw + 0.80em);line-height:0.9em;line-height:calc(0.9vw + 0.9em);letter-spacing:0.4px;color:#fff;}
 .circle_circ a {color:inherit;}
.circle_circ > p, .circle_circ > h6, .circle_circ > .wrapcontent {display: inline-block; vertical-align: middle;  }
.circle_circ > p > p, .circle_circ > p > h6, .circle_circ > h6 > p, .circle_circ > h6 > h1, .circle_circ > .wrapcontent > p, .circle_circ > .wrapcontent > h6 {display:block;}
 .circle_circ p {color:white;text-align:center;font-size:0.45em ;font-size:calc(0.45vw + 0.45em);line-height:0.7em;line-height:calc(0.7vw + 0.7em);letter-spacing:0.4px; padding:0 12% 0 12%; margin:0;}}
	
@media only screen and (max-width: 600px) {.col_circ       {width:48%;padding:0%;margin-bottom:0%;}
 .circle_circ p {font-size:0.65em ;font-size:calc(0.65vw + 0.65em);line-height:1.0em;line-height:calc(1.0vw + 1.0em);}}
@media only screen and (max-width: 375px) {.col_circ       {width:100%;padding:0%;margin-bottom:0%;}
.container_circ {width:70%;margin:0 auto;display: block; margin-bottom:2%;}}
@media only screen and (max-width: 349px) {.container_circ {width:100%;margin:0 auto;display: block; margin-bottom:12%;}}
  
 /* ---------------------------------------------------- Circles background ------------------------------------------------- */
#main_circ {border:none;text-align:center; margin:0; padding: 0px; height: 100%;opacity:0.99;  display:block;}
.circles1  {border-radius: 50%; border:none; position: absolute;padding-top:0;}
.circles2  {border-radius: 50%; border:none; position: absolute;padding-top:0;}
.circles3  {border-radius: 50%; border:none; position: absolute;padding-top:0;} 
.circles1  {width: 550px; height: 550px;}
.circles2  {width: 330px; height: 330px;}
.circles3  {width: 490px; height: 490px;}
#circ1     {top:  250px;left:  -100px;position:fixed;z-index:-2;}  /* MIDDLE */
#circ2     {left: 220px;top:     70px;position:fixed;z-index:-3;}  /* TOP */
#circ3     {left: 140px;bottom: -40px;position:fixed;z-index:-3;}  /* BOTTOM */
#circ2 {background-color:rgba(193,214,131,0.15);/* TOP */}   
#circ1 {background-color:rgba(221,234,189,0.44);/* MIDDLE */}     
#circ3 {background-color:rgba(207,224,160,0.20);/* BOTTOM */}   
@media screen and (max-width: 1366px) {
.circles1 {width: 450px; height: 450px;} .circles2 {width: 250px; height: 250px;}
.circles3 {width: 330px; height: 330px;} #circ1    {top:  250px;left:  -100px;}
#circ2    {left: 190px;top: 130px;} #circ3    {left: 160px;bottom: -100px;}}

@media screen and (max-width: 768px) {.hide_768 {display:none;} #circ3{left: 140px;bottom: 100px;position:fixed;} }
@media screen and (max-width: 599px) {.hide_599 {display:none;}}
 
 
 /* --------------------------------------------------   FAQ's  --------------------------------------------------------- */
@media screen and (max-width: 9000px) {.accordionMenu {width:100%;margin:0 auto;}
.acc_margin {margin-top:2%; margin-bottom:5%;}
.accordionMenu input[type=radio] {display: none;}
.accordionMenu label {font-family:'Roboto';display: block;	position: relative;cursor: pointer;	
font-size:calc(15px + (14 - 11) * ((120vw - 300px) / (1600 - 300))); line-height: calc(19px + (17 - 11) * ((100vw - 300px) / (1600 - 300))); letter-spacing:-0.0px;
padding: 12px 11% 10px 2.8%; height:auto; margin:0px; }
.accordionMenu label:after {display: block;content: "";	width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent rgba(45,37,65,0.5);position: absolute;right: 10px;top: 20px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: -1;}
.accordionMenu .content {font-family:'Roboto'; max-height: 0;height: 0;overflow: hidden;-webkit-transition: all 2s ease-in-out;-moz-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;transition: all 2.7s ease-in-out; border: 1px solid rgba(45,37,65,0.2); }
.accordionMenu .content p { margin-bottom:1%;}
.accordionMenu .content .inner {line-height: 1.5;padding: 2.0% 1% 2.5% 0%; background-color:#fff;}
.accordionMenu input[type=radio]:checked + label:after {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.accordionMenu input[type=radio]:checked + label + .content {max-height: 2000px;height: auto;border: 1px solid rgba(45,37,65,0.2);}
.accordionMenu p { padding: 0 2% 0% 3%;}
.col_border       {background-color:rgba(45,37,65,0.11);color:rgba(45,37,65,0.99);border: 0.0px solid rgba(255,255,255,0.0); margin:2px 0 2px 0;}}

@media (max-width: 768px)  {.accordionMenu label {font-weight:500;font-size:calc(16px + (14 - 11) * ((120vw - 300px) / (1600 - 300))); text-align:center; padding-left:10%;}
.accordionMenu {margin-top:5%;} .curve_faq {padding:2% 2% 2% 2%;} 
.accordionMenu .content .inner {color:rgba(53,95,151,1.00);padding: 2.9% 7% 3% 3%;}
.accordionMenu {width:100%;margin:2% 2% 2% 0;}
.accordionMenu label:after {display:none;}}

@media (max-width: 600px) {.curve_faq {padding:4% 10% 4% 4%;}
.accordionMenu .content .inner {padding: 1.1% 7% 5% 4%;}}
 
 /* --------------------------------------------------------- SHOW / HIDE DIV  --------------------------------------------------------- */
.slidingDiv1 {background-color:rgba(232,232,232,0.0);} .slidingDiv2 {background-color:rgba(232,232,232,0.0);}
.slidingDiv3 {background-color:rgba(232,232,232,0.0);} .slidingDiv4 {background-color:rgba(232,232,232,0.0);}
.slidingDiv5 {background-color:rgba(232,232,232,0.0);} .slidingDiv6 {background-color:rgba(232,232,232,0.0);}

.show_hide1 {display:none;} .show_hide2 {display:none;} .show_hide3 {display:none;} .show_hide4 {display:none;} .show_hide5 {display:none;} .show_hide6 {display:none;}
 
 /* --------------------------------------------------------- FOOTER  --------------------------------------------------------- */
.container_footer {margin: 0% 0 0 0;padding: 2.0% 0% 7% 0%;}
.container_footer h1 {color:rgba(255,255,255,0.88);font-weight:600;padding: 2% 0% 10px 0%; width:90%;text-align:center; letter-spacing:-0.0px;font-family:'Arial';
font-size:0.6em;font-size:calc(0.6vw + 0.5em);line-height:0.9em;line-height:calc(0.9vw + 0.9em);}
.container_footer p {padding:1px 0% 1px 0%; margin-bottom:26px;width:75%;text-align:center;letter-spacing:-0.2px;font-family:'Arial';font-size:15px;line-height:19px;color:rgba(45,37,65,0.70);}
.footer_links  {color:rgba(45,37,65,0.60);padding: 5px 10px 5px 10px;text-align:center; letter-spacing:-0.0px;font-family:'Arial'; font-size:13px;text-decoration:none; cursor:pointer; z-index:2147483647;}
.footer_links:hover {;color:rgba(45,37,65,0.80);text-decoration:underline ;cursor:pointer; z-index:2147483647;}
.footer_logo  {max-width:50%;height:auto;opacity:0.99;margin-bottom:1%;}

@media screen and (max-width: 1024px) {.flex_pad_2    {padding:4.5% 3% 3% 3%;}}
@media screen and (max-width: 768px)  {.container_footer h1 {padding: 2.3% 0% 13px 0%; margin-left:-20px;
font-size:0.7em;font-size:calc(0.7vw + 0.7em);line-height:0.9em;line-height:calc(0.9vw + 0.9em);}
.container_footer p {padding:1px 0% 1px 0%; width:92%;font-size:15px;line-height:19px;margin-left:-00px;}
.footer_logo  {max-width:50%;height:auto;margin-top:2%;margin-bottom:4%;}
.flex_pad_enq  {padding:1% 1% 1% 1%; margin-bottom:4%;}
.text_align   {text-align:center;}
.flex_pad_prod_top {padding:2% 3% 2% 3%;}
.back_g {background-color:rgba(173,201,91,1.0);}}
@media screen and (max-width: 414px) {.footer_logo  {max-width:75%;height:auto; margin-top:3%; margin-bottom:6%;}}
 
 /*==== ------------------------------- media queries -------------------------------------------  === */
@media (min-width: 1367px) {p  {font-size:0.45em;font-size:calc(0.45vw + 0.45em);line-height:0.7em;line-height:calc(0.7vw + 0.7em);letter-spacing:0.4px;}}

@media (max-width: 1366px) {
.flex_pad_hero {padding:4% 1% 1% 0.5%;}
h1 {font-size:1.7em;font-size:calc(1.7vw + 1.7em);letter-spacing:-1.5px;font-weight:800;}
h2 {font-size:0.9em;font-size:calc(0.9vw + 0.9em);line-height:0.9em;line-height:calc(0.9vw + 0.9em); margin-bottom:1.6%; margin-top:3%;letter-spacing:-0.2px;}
.head_pad    {padding:0% 5% 0% 5%;}
.main_pad    {padding:0% 5% 3% 5%;}
.nav2_pad    {padding:0% 5% 0% 5%;}
.h1_pad        {padding:1% 0 0 5.5% ;transition:all 0.34s ease-out;}
.min .h1_pad   {padding:1% 0 0 10.5% ;transition:all 0.34s ease-out;}
.main_width  {width:90%;}}

@media (max-width: 1024px) {.main_pad    {padding:0% 2% 3% 4%;}  .head_pad    {padding:0% 0% 0% 0%;} .flex_pad_hero {padding:4% 1% 1% 2%;}}

@media (max-width: 768px) {
.flex_pad_hero {padding:3% 3% 2% 3%; margin-bottom:0%;}
h1 {font-size:2.0em;font-size:calc(2.0vw + 2.0em);letter-spacing:-1.5px;font-weight:800; padding:3% 0 2% 0;}
h2 {font-size:1.4em;font-size:calc(1.4vw + 1.3em);line-height:1.0em;line-height:calc(1.0vw + 1.0em);letter-spacing:-0.8px;margin-bottom:4%;}
h4 {font-size:1.2em;font-size:calc(1.2vw + 1.2em);line-height:0.9em;line-height:calc(0.9vw + 0.9em);letter-spacing:-0.2px; margin:4% 0 8% 0; font-weight:100;}
p  {font-size:0.65em;font-size:calc(0.65vw + 0.65em);line-height:1.1em;line-height:calc(1.1vw + 0.9em);letter-spacing:0.2px; padding-bottom:5%;}
.live_a > li {font-size:0.65em;font-size:calc(0.65vw + 0.65em);line-height:1.1em;line-height:calc(1.1vw + 0.9em);letter-spacing:0.2px; 
padding-top:2% ; margin-bottom:0;}
.live_c {margin-top:0%;margin-bottom:0%;}
.live_c > li::before {content:'';top:0;left:0px;}
.main_pad    {padding:0% 4% 3% 4%;}
.flex_pad_1  {padding:2% 4% 1% 4%;}}

@media (max-width: 600px) {
p  {font-size:0.65em;font-size:calc(0.65vw + 0.65em);line-height:1.2em;line-height:calc(1.2vw + 1.1em);letter-spacing:0.2px;}
h3 { margin:2% 0 3% 0; }
h2 {line-height:1.1em;line-height:calc(1.1vw + 1.1em);}
.main_pad    {padding:0% 2% 3% 2%;}}

@media (max-width: 599px) {.flex_pad_prod {padding:0% 2% 0 2% ;} }

@media (max-width: 414px) {
h1 { margin:4% 0 2% 0;}
h2 {font-size:1.0em;font-size:calc(1.0vw + 1.0em);line-height:1.2em;line-height:calc(1.2vw + 1.2em);margin-bottom:5.3%;letter-spacing:-0.5px; }
h4 {font-size:1.2em;font-size:calc(1.2vw + 1.2em);line-height:1.1em;line-height:calc(1.1vw + 1.1em);letter-spacing:-0.2px; margin:4% 0 6% 0; font-weight:800;}
p  {padding-bottom:8%;}
.flexgrid li>a, .flexgrid.nolinks li {padding: 1.4rem;}
.flex_pad_1  {padding:1% 4% 1% 4%;}
/*body {overflow:hidden;}*/ /* -- switch off scrollbar on mobiles -- */
}

/*==== ------------------------------------ END ----------------------------------- === */


