:root {
  --header-color: #56baf8;
  --main-color: #007AB0;
  --sub-color:#00577d;
  --sub1-color:#009de3;
  --sub2-color:#11ABB7;
  --sub6-color:#217FAC;
  --sub7-color:#003666;
  --sub8-color:#b8e2fc;
    
  
  --btnfonts-color:#11ABB7;
  
  --bg-color:#f1f1f5;
  --bg1-color:#f3f3f3;
  --bg2-color:#F2F3F4;
  
  --bg4-color: #cccccc;
  --bg5-color: #E6E6E6;
  --bg6-color: #f5f2f0;
  --bg7-color: #fafafa;
  --bg8-color: #dacfc7;
  --bg9-color: #e7eaec;
  --bg10-color: #f1f1f1;
    
  --border-color:#f4f4f4;
  --border1-color:#edf0f2;
 
  --line-colorv4: #DEDEDE;
  --line-colorv5: #ddd;
  --line-colorv6: #e6e6e6;
  
  --fonts-color:#757575;
  --fonts1-color:#666666;
  --fonts2-color:#c1c1c1;
  --fonts3-color:#2b3340;
  --fonts4-color:#333;
  --fonts5-color:#0e1318;
  --fonts6-color:#8F8F8F;
  --fonts7-color:#F6F6F6;
  --fonts8-color:#CFCFCF;
  --fonts9-color:#EDEDED;
  --fonts10-color:#5e5e5e;
  --fonts11-color:#888;
  --fonts12-color:#555;
  --fonts13-color:#d5d5d5;
  --fonts14-color:#eeeeee;
    
  --fonts15-color:#434343;
  --fonts16-color:#1c1d1f;
  --fonts17-color:#676a6c;
  --fonts18-color:#313131;
  --fonts19-color:#938c88;
  --fonts20-color:#888888;
  --fonts21-color:#565656;
  
  --tag-color:#c3c3c3;
  --tag1-color:#dfdfdf;
  
  --footertop-color:#444444;
  --footerbottom-color:#2C2C2C;
  --fofonts-color:#FFBF00;
  --fofonts1-color: #ffd966;
  --fofonts2-color: #fff2cc;
  
  --red-color:#FF5151;
  --red1-color:#FF6969;
  --red2-color:#FF7575;
  --red3-color:#ffa6a6;
  --red4-color:#ffd9d9;
  --red5-color:#e1264a;
  --red6-color:#e03f19;
  --red7-color:#e94c15;
  
  --green-color:#019858;
  --green1-color:#49BD69;
  --green2-color:#006621;
  
  --header-icon-bar-color:#3b3e47;
  --header-mobile-menu:#333;
    
  --header-height:60px;
  --font-basicsize:16px;
  --font-basicisonsize:20px;
}