@charset "utf-8";
/* CSS Document */

/* ================================= Header Components =============================== */
@media screen and (min-width: 529px)  {
.head_2 .fa-phone {display:none;}
}
@media screen and (max-width: 9000px) {
.head_2 .fa-phone   {padding-right:0.25rem;padding-left:0.25rem; font-size:30px;}
}
@media screen and (max-width: 9000px) {

.header_shad {-webkit-box-shadow:0px 6px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 6px 6px  rgba(0, 0, 0, 0.4); box-shadow:0px 6px 6px rgba(0, 0, 0, 0.4);z-index:2147483640!important;}

.logo_size_eq {display:block;padding:0px 0 0 0;margin:0px 0 0 0px;transition: all 0.24s ease-out; opacity:1.0; }
.log_size_1   {transition:all 0.24s ease-out; }
.strap_line   {transition:all 0.20s ease-out;}
.logo_size    {display:block;padding:0px 0 0 0; margin: 15px 0 0 5px;width:241px;height:95px;transition: all 0.14s ease-out;}
.strap_line {font-family:'Sriracha';float:right;letter-spacing:-0.8px;clear:right;margin:-5px 10px 0 0!important;font-size:1.8em!important;font-size:calc(1.8vw + 1.8em);transition: all 0.14s ease-out; opacity: 0.85!important;}
.logo_size  {margin: 3px 0 0 5px;width:235px;height:80px;transition: all 0.14s ease-out;}
.eqWrap {display: flex;}     .equalHW {flex: 1;}
.head_1      {flex: 0.3;display:block;}   .head_3 {display:flex;flex:0.06;z-index:2147483647;} 
.tel_line   {font-family:'Lato';letter-spacing:-0.6px;display:inline-block;font-weight:900;padding:0;margin:-35px 0px 0 0;font-size:1.4em;font-size:calc(1.4vw + 1.4em);float:right ;transition: all 0.20s ease-out; text-decoration:none ;}
.head_2 {flex: 1; padding: 15px 50px 0 0;margin-right:40px;} 
.men_circ3 {float:right;width:52px;height:52px;margin-top:0px!important;margin-left:38px!important;background-color:rgba(var(--col_burger),0.99);background-color:#fff;}
}
@media screen and (max-width: 1728px) {
.head_2      {padding: 20px 40px 0 0; } 
}
@media screen and (max-width: 1440px) {
.head_2      {padding: 23px 20px 0 0; } 
}
@media screen and (max-width: 1366px) {
.head_2 {margin-right:0px;} 
.tel_line         {margin:-23px 13px 0 0!important;}
}
@media screen and (min-width: 1367px) {
.strap_line {font-size:38px;margin:8px 0 0 0;}
/* ------- header flexbox ---------------------------------------------------------------------------- */
.header_card_left        {flex: 0.78; transition: all 0.14s ease-out;}
.header_card_middle      {flex: 18.0; transition: all 0.14s ease-out;padding:0px 0% 0px 0%;}  
.header_card_right       {flex: 0.70; transition: all 0.14s ease-out; }
}
@media screen and (max-width: 1366px) {
.tel_line   {font-family:'Lato';letter-spacing:-0.6px;display:inline-block;font-weight:900;padding:0;margin:-25px 0 0 0;font-size:1.7em;font-size:calc(1.7vw + 1.6em);float:right ;transition: all 0.14s ease-out; text-decoration:none ;}
.strap_line         {font-size:1.3em;font-size:calc(1.3vw + 1.3em); margin:4px 0 0 0;} 
/* ------- header flexbox -------------------------------------------------------------------------- */
.header_card_left        {flex: 1.0; flex: 0.50; flex: 0.20;transition: all 0.14s ease-out;}
.header_card_middle      {flex: 18;  flex: 8.00; flex: 8.0;transition: all 0.14s ease-out; padding:0px 0% 0px 0%;}  
.header_card_right       {flex: 0.7; flex: 0.65; flex: 0.20;transition: all 0.14s ease-out;}
/* ------- menubar flexbox ---------------------------------------------------------------------------- */
.menubar_card_left       {flex: 0.45;}
.menubar_card_middle     {flex: 18;padding-left:1.5%;}  
.menubar_card_right      {flex: 0.45;}
.header_menu_max   { width:90%;}
.head_2 {padding: 12px 28px 0 0;} .head_3 {display:none !important;} 
}
@media (min-width: 1025px) and (max-width: 1365px) {
.head_2      {padding: 14px 30px 0 0;} 
}
@media screen and (max-width: 1024px) {
header {height:110px;}
.strap_line {float:right;letter-spacing:-1px;clear:right; margin:0px 0 0 0!important;font-size:1.43em!important;font-size:calc(1.43vw + 1.43em);}
}
@media screen and (max-width: 1024px) {
.tel_line    {margin:-16px 0 0 0;font-size:1.4em;font-size:calc(1.4vw + 1.4em);letter-spacing:-0.8px;transition:all 0.14s ease-in;}
.strap_line  {margin:8px 0 0 0px ;font-size:1.2em;font-size:calc(1.2vw + 1.2em); } 
.head_2      {padding: 21px 45px 0 0;} 
.head_3      {margin-top:0px;transition:all 0.14s ease-in;} 
.logo_size   {width:100%;height:auto; padding-top:2%;}
.header_card_middle      {flex: 16;height:110px;}  
.menubar_card_left       {flex: 0.4;}
.menubar_card_middle     {flex: 16;}  
.menubar_card_right      {flex: 0.4;} 
.tel_head_circ3          {display:none;} 
}
@media screen and (max-width: 827px)  {
.hide_strap {display:none;}
.logo_size_eq {display:block;padding:00px 0 0 0 !important; margin: 10px 0 0 0px;transition: all 0.24s ease-out; opacity:1.0;}
}
@media screen and (max-width: 768px)  {
.hide_strap2 {display:none;}
 header {height:75px; margin-bottom:0px;} 
.header_card_middle    {padding:0px 4% 0px 4%;}  
.head_2       {padding: 22px 50px 0 0;transition:all 0.14s ease-in;} 
.head_3       {margin-top:7px;transition:all 0.14s ease-in;} 
.tel_line     {margin:-16px 15px 0 0;font-size:1.8em;font-size:calc(1.8vw + 1.8em);letter-spacing:-0.8px;}
.logo_size_eq {margin: -4px 0 0 0px;}
.logo_768     {display:block;padding: 0px 0 0 0;transition: all 0.34s ease-out;}
}
@media screen and (max-width: 767px)  {
.head_2      {padding: 28px 40px 0 0;transition:all 0.14s ease-in;} /*.min .head_2 {padding: 13px 15px 0 0;transition:all 0.14s ease-in;}*/
.head_3      {margin-top:-7px!important;transition:all 0.14s ease-in;} /*.min .head_3   {margin-top:2px;transition:all 0.14s ease-in;}*/
.tel_line    {margin:-08px 50px 0 0;font-size:1.6em;font-size:calc(1.6vw + 1.6em);letter-spacing:-0.8px;}
}
@media screen and (max-width: 600px)  {
.head_2      {padding: 10px 48px 0 0;transition:all 0.14s ease-in;} 
.head_3      {margin-top:8px!important;transition:all 0.14s ease-in;} 
.logo_size_eq      {display:block;padding:5px 0 0 0 !important;transition: all 0.24s ease-out; opacity:1.0;}
.tel_line         {margin:14px 73px 0 0!important;font-size:1.8em;font-size:calc(1.8vw + 1.8em);letter-spacing:-1.2px;}
}
@media screen and (max-width: 599px)  {
.tel_head_circ3 {float:right;display:flex;justify-content:center;align-items:center;width:62px;height:62px;border-radius:62%;padding:9px 0px 0px 14px!important;font-size:42px; margin-top:0px!important;margin-right:72px!important;}
.men_circ3 {float:right;width:62px;height:62px;border-radius:62%;margin-top:-22px!important;/*margin-left:72px!important;*/background-color:rgba(var(--col_burger),0.99)}
}
@media screen and (max-width: 644px)  {
.strap_line         {display:none;}
.tel_head {color:rgba(90,255,93,1.00);font-size:44px;float:right; margin: 2px 0 0 0;display:inline-block;height:38px;padding:0 0 0 0;}
.fa-phone-square {padding-right:0.5rem; font-size:30px;}
}
@media screen and (max-width: 529px)  {
.tel_line   {display:none;} 
.eqWrap {display: flex;}
.equalHW {flex: 1;}		
.head_1 {flex: 1;padding-right:15px;}
.head_2 {flex: 1 ;}
.head_3 { display:flex !important;flex: 0.1!important; float:right; margin-top:-2px !important; }
.header_card_left {flex: 0.02;} .header_card_middle {flex: 1;} .header_card_right {flex: 0.02;}	
}
@media screen and (max-width: 414px)  {
.head_2 {padding: 11px 5px 0 0;}
.head_3 {margin-top:-2px !important;}
}
@media screen and (max-width: 374px)  {
.tel_head_circ3 {font-size:30px;-webkit-border-radius:30px!important;-moz-border-radius:30px!important;border-radius:30px!important;padding:10px 13px 12px 13px!important; 
margin-top:0px!important;margin-right:62px!important; height:30px;}
}

/* ================================= Secured MENU =============================== */
@media (max-width:9000px)            {
p                      {text-align:left;}
#logo                  {display:block;padding:0 0 1% 0;float:left;}
.toggle,[id^=drop]     {display:none;}

nav                    {position:absolute;margin:0;padding:0;z-index:2;font-family:sans-serif;top:17.6%;right:5.0%!important;} 
nav:after              {content:"";display:table;clear:both;z-index:2;}
nav ul                 {float:left;padding:0;margin:0;list-style:none;position:relative;z-index:2;text-align:left; display:inline;}
nav ul li              {margin:0px;display:inline-block;float:left;font-weight:bold;padding:0;transition: all 0.2s;cursor:pointer;}
nav ul li ul li        {display:block;cursor:pointer;background-color:rgba(var(--col_enqp),1.0);width:590px;width:100%;} 

nav ul li ul li:hover  {background-color:rgba(var(--col_enqb),1.0);} 
nav ul ul              {display:none;position:absolute;top:50px;}

nav ul li:hover > ul   {display:block;opacity:1;}

nav ul ul li           {display:list-item;float:none; position:relative;border-style:solid;border-width: 1px 0px 0px 0px; border-color: rgba(255,255,255,0.23);}
nav ul ul ul li        {position:relative;top:-60px;left:170px; }
li > a:after           {content:'';}
li > a:only-child:after{content:'';}

.head_pad      {padding:2.1% 0% 0.0% 0%;} 
.head_height   {height:140px; transition: 0.3s;}
.simple-menu1 .men_enq li a       {background-color:rgba(var(--col_p),1.0)!important;       color:rgba(255,255,255,0.90)!important;border:none!important;}
.simple-menu1 .men_enq li a:hover {background-color:rgba(var(--col_p),0.9)!important;       color:rgba(255,255,255,1.00)!important;border:none!important;}
.simple-menu1 .men_dip li a       {background-color:rgba(var(--col_aip_back),1.0)!important;color:rgba(255,255,255,0.90)!important;border:none!important;}
.simple-menu1 .men_dip li a:hover {background-color:rgba(var(--col_aip_back),0.9)!important;color:rgba(255,255,255,1.00)!important;border:none!important;}
}
@media all and (max-width:1400px)    {
nav              {top:16%;right:3%!important;} 
nav a {padding:12px 15px 7px 15px;font-size:0.40em;font-size:calc(0.40vw + 0.4em);height:45px;}
}   
@media (min-width: 1367px) and (max-width: 1728px) {
.simple-menu1 ul {padding:0!important;margin:-3px 0 0 0px!important;}
.simple-menu1 ul li {padding:0 0 0 0px; margin:0px 0 0 0px;}
}
@media all and (max-width: 1440px)    {
nav {position:absolute;}
}
@media screen and (max-width: 1366px) {
nav {right:1.5%!important;}
nav ul li {font-size:36px;}
nav ul li ul {top:50px;padding-top:70px;}
}
@media all and (max-width:1365px)     {
nav a{padding:15px 11.5px 7px 11.5px;font-size:0.40em;font-size:calc(0.40vw + 0.4em);height:50px;}
nav ul li ul li a {padding:19px 0 0px 32px; height:55px;width:100%;border-bottom:2px solid rgba(38,88,135,1.00);border-left:1px solid rgba(38,88,135,1.00);border-right:none;}
	}
@media screen and (max-width:1024px)  {
nav ul li ul {opacity:0;top:52px;right:0px;padding-top:50px;}
.head_height   {height:120px;}
.head_pad      {padding:20px 0% 0.0% 0%;}
}
@media screen and (max-width:768px)   {
nav ul li {font-size:36px;}
nav ul li ul {opacity:0;top:38px;right:0px; padding-top:38px;}
.head_height   {height:90px;}
#logo{display:block;padding:0 0 1% 0;width:100%;/*text-align:center;*/float:none;}
}
@media screen and (max-width:9000px)  {
.hamburger_1 {height:7px;display:block;top:5px;left:2px;width:40px;color:rgba(var(--col_burger),0.99);background-color:rgba(var(--col_burger),0.99);position:relative;margin-bottom:6px; z-index:2147483647;}
.simple-menu1 ul {margin:0;padding:0; margin-top:0px;}
.simple-menu1 ul li {list-style-type:none;height:48px;}
.simple-menu1 ul li a{text-decoration:none;color:rgba(229,240,247,0.93);display:block;height:48px;}

.simple-menu1 ul li a:hover{color:rgba(255,255,255,1.0);color:rgba(var(--col_enqp),1.0);}

.simple-menu1 .has-children1 {position:relative;display:block;}
.sub_shad {box-shadow:2px 5px 5px 4px rgba(0, 0, 0, 0.4);}

.simple-menu1 .ul1 {display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center;align-items:center;}
.simple-menu1 .has-children1:hover .sub-menu1 {display:block;z-index:100;padding-top:65px;width:520px!important;right:-20px;}


.sub-menu1 {display:none;}
.sub-menu1 a {font-size:20px!important;letter-spacing:-0.4px;text-align:left;padding:1% 0px 1% 30px;}
.sub-menu1 ul li a{display:block;padding:0px 0px 0px 0px;}
.sub-menu1_active {padding-top:9px!important;}

.menu_arrow {padding-left:12px;font-size:80%;opacity:0.9;color:rgba(174,253,255,1.00)!important;}
.menu_prod:hover  {background-color:rgba(36,49,77,1.00);}
}
@media screen and (max-width: 1728px) {
.simple-menu1 .has-children1:hover .sub-menu1 {padding-top:75px!important;}
.sub-menu1_active {padding-top:150px!important;top:-7px!important;}
}
@media screen and (max-width: 1366px) {
.sub-menu1 a {padding:1% 0px 2% 30px;}
.simple-menu1 .has-children1:hover .sub-menu1 {padding-top:69px!important;}
.sub-menu1_active {margin-top:-2px!important;}
}
@media screen and (max-width:1024px)  {
.hamburger_1 {top:4px;}
.sub-menu1 a {padding:2% 0px 2% 30px;}
.simple-menu1 .has-children1:hover .sub-menu1 {padding-top:50px;}
.sub-menu1_active {padding-top:120px!important;top:52px!important;}
.sub-menu1  {margin-top:-20px!important;}
.menu_arrow {display:none;}
}
@media screen and (max-width:768px)   {
.hamburger_1 {margin-right:15px;}
.simple-menu1 ul {margin-top:13px;}

.simple-menu1 .has-children1:hover .sub-menu1 {position:fixed;padding-top:40px;width:100%!important;right:-0px;}

.sub-menu1 a {padding:20px 0px 20px 0px!important;font-size:26px!important;letter-spacing: -0.1px;/*text-align:center;*/}
.sub-menu1_active {padding-top:30px!important;top:33px !important;}
.sub-menu1  {margin-top:-17px!important;}
.simple-menu1 ul li, .simple-menu1 ul li a {height:66px;}

}
@media screen and (max-width:600px)   {
.hamburger_1 {top:0px;margin-right:8px;width:38px;}
.sub-menu1 a {font-size:21px!important;padding:15px 0px 10px 0px!important;}
.simple-menu1 ul li, .simple-menu1 ul li a {height:54px;}
}
@media screen and (max-width:599px)   {
.hamburger_1 {top:14px;left:13px;width:38px;background-color:rgba(255,255,255,0.9);}
.simple-menu1 ul li, .simple-menu1 ul li a {height:57px;}
}
@media all and (max-width:330px)      {
nav ul li{display:block;width:94%;}
	}
    

/* ================================= NEW easy menu =============================== */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {position: absolute;left: 0; opacity: 0.01;}

#menuToggle {display:block;position:fixed;position:relative;z-index:1; -webkit-user-select:none;user-select:none;top:8px;right:10px;}

#menuToggle a {font-size:0.6em!important;font-size:calc(0.6vw + 0.6em)!important;padding:20px 0 20px 30px;margin:0.0px 0 0.0px 0;display:list-item;float:none;position:relative;border-style:solid;border-width: 1px 0px 0px 0px;border-color:rgba(255,255,255,0.6);color:rgba(255,255,255,0.80); background-color:rgba(60,75,106,1.00); }
#menuToggle a:hover{background-color:rgba(112,146,180,1.00);color:rgba(255,255,255,0.99);}

#menuToggle input {display:block;width:40px;height:32px;position:absolute;top:-7px!important;left:-5px;cursor:pointer;opacity:0; /* hide this */ z-index:100; /* and place it over the hamburger */ -webkit-touch-callout:none;}

#menuToggle span {display:block;width:33px;height:6px;margin-bottom:5px;position:relative;border-radius:3px;transform-origin:4px 0px;transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;/*background-color:rgba(var(--col_burger),0.99)!important;*/background-color:rgba(124,132,158,1.00)!important;z-index:20;} 

#menuToggle span:first-child {transform-origin: 0% 0%; } 
#menuToggle span:nth-last-child(2) {transform-origin: 0% 100%;}

#menuToggle input:checked ~ span                   {transform:rotate(45deg) translate(-2px, 2px);opacity:1;background-color:rgba(124,132,158,1.00)!important;}
#menuToggle input:checked ~ span:nth-last-child(3) {transform:rotate(0deg) scale(0.2, 0.2);opacity:0;}
#menuToggle input:checked ~ span:nth-last-child(2) {transform:rotate(-45deg) translate(0, -4px);background-color:rgba(124,132,158,1.00)!important;}

/* Make this absolute positioned at the top RIGHT of the screen  MENU SIZE */
#menu {position:absolute;box-sizing:border-box;overflow-y:auto;list-style-type:none; -webkit-font-smoothing: antialiased;transition:transform 0.4s cubic-bezier(0.77,0.2,0.05,1.0);padding:0px;padding-top:125px;width:460px;height:105vh;margin:-51px 0px 0 -410px;transform-origin:0% 0%;transform: translate(120%, 0);
background-color:rgba(106,148,205,0.00)!important;}

.mpos        {padding-top:0px;transition:all 0.18s ease-out!important;}
.mpos_active {padding-top:66px!important;transition:all 0.18s ease-out!important;}

#menuToggle input:checked ~ ul {transform:none;} 

.qq      {background-color:rgba(232,37,134,1.00)!important;color:rgba(248,255,0,1.00)!important;height:70px!important;}
.qq:hover{background-color:rgba(173,29,137,1.00)!important;color:rgba(255,255,255,1.0)!important;}
.dp      {background-color:rgba(41,195,73,1.00)!important;color:rgba(255,255,255,1.0);}
.dp:hover{background-color:rgba(78,143,94,1.00)!important;color:rgba(255,255,255,1.0)!important;}

@media screen and (max-width:1440px) {
#menu {margin: -100px 0px 0 -380px;transform-origin:0% 0%;transform: translate(130%, 0);}
.mpos        {padding-top:174px!important;} .mpos_active {padding-top:115px!important;}
}
@media screen and (max-width:1366px) {
#menuToggle a {padding:15px 0 10px 30px;height:50px;}
.mpos         {padding-top:177px!important;} .mpos_active {padding-top:116px!important;}
}
@media screen and (max-width:1280px) {
#menuToggle a {padding:10px 0 10px 30px;height:42px;}
}
@media screen and (max-width:1024px) {
#menu {margin: -100px 0px 0 -380px;transform-origin:0% 0%;transform: translate(0%, -150%);} 
#menuToggle a {padding:14px 0 14px 40px;height:50px;font-size:0.8em!important;font-size:calc(0.8vw + 0.8em)!important;}
.mpos         {padding-top:159px!important;} .mpos_active {padding-top:159px!important;}
}
@media screen and (max-width:768px) {
#menuToggle a {padding:18px 0 21px 40px;height:60px;font-size:0.9em!important;font-size:calc(0.9vw + 0.9em)!important;}
.mpos         {padding-top:135px!important;} .mpos_active {padding-top:135px!important;}
}
@media screen and (max-width: 599px) {
#menu {margin: -100px 0px 0 -380px;transform-origin:0% 0%;transform: translate(0%, -150%);width:430px;} 
#menuToggle a {padding:18px 0 21px 70px;height:60px;font-size:1.1em!important;font-size:calc(1.1vw + 1.1em)!important;font-weight:600;letter-spacing: -0.6px;}
.mpos         {padding-top:125px!important;} .mpos_active {padding-top:125px!important;}
}
@media screen and (max-width: 390px) {
#menuToggle a {padding:15px 0 25px 90px;height:54px;}
}
@media screen and (max-width: 374px) {
#menu {width:450px;} 
#menuToggle a {padding:15px 0 25px 120px;height:50px;}
}