html, body{ 
    margin: 0px; padding: 0px; 
    height: 100%; width: 100%; 
    color: #202020; 
}
*{ font-family: 'Source Sans Pro', sans-serif; box-sizing: border-box; }
/*--------------------------------------------------------------------------------*/
::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: #EEE; 
}  
::-webkit-scrollbar {
    width: 6px;
    background-color: #FFF; 
}  
::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #999; 
}
/*--------------------------------------------------------------------------------*/
input[type="radio"] {
    position: relative;
    width: 12px;
    height: 12px;
    vertical-align: middle; margin-bottom: 2px; margin-left: 2px; margin-right: 4px;
    background-color: transparent;
    border: 1px solid transparent;
}
input[type="radio"]:before {
    content:"";
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #383838;
    top: -1px;
    left: -1px;
    background-color: #fff;
}
input[type="radio"]:checked:after {
    content:""; 
    position: absolute;
    width: 10px;
    height: 10px;
    top: 1px;
    left: 1px;
    background-color: #2ec24d;
    border-radius: 50%;
}
input[type="checkbox"] {
    position: relative;
    width: 12px;
    height: 12px;
    vertical-align: middle; margin-bottom: 2px; margin-left: 2px; margin-right: 4px;
    background-color: transparent;
    border: 1px solid transparent;
}
input[type="checkbox"]:before {
    content:"";
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    border: 1px solid #383838;
    top: -1px;
    left: -1px;
    background-color: #fff;
}
input[type="checkbox"]:checked:after {
    content:""; 
    position: absolute;
    width: 10px;
    height: 10px;
    top: 1px;
    left: 1px;
    background-color: #2ec24d;
    border-radius: 2px;
}
/* 57d038,3ec81b -> 2ec24d */
/*================================================================================*/
/* Generic */
/*================================================================================*/
.cicg_body{ 
    max-width: 1320px; 
    margin: 0px auto; padding: 100px 20px;
}
.cicg_body h1,
.cicg_body h2,
.cicg_body h3,
.cicg_body h4,
.cicg_body h5,
.cicg_body h6,
.cicg_body ol,
.cicg_body ul,
.cicg_body p{ margin: 0px 0px 20px 0px; padding: 0px; }

.cicg_body--medium h4,
.cicg_body--medium h5,
.cicg_body--medium h6,
.cicg_body--medium ol,
.cicg_body--medium ul,
.cicg_body--medium p{ max-width: 1100px; }

.cicg_body--short h4,
.cicg_body--short h5,
.cicg_body--short h6,
.cicg_body--short ol,
.cicg_body--short ul,
.cicg_body--short p{ max-width: 880px; }

.cicg_body--center{  text-align: center; }
.cicg_body--lessbottom{ padding-bottom: 20px; }
/*--------------------------------------------------------------------------------*/
.cicg_body h1{ font-size: 90px; line-height: 1.0em; font-weight: 600; }
.cicg_body h2{ font-size: 50px; line-height: 1.2em; font-weight: 600; }
.cicg_body h3{ font-size: 42px; line-height: 1.2em; font-weight: 600; }
.cicg_body h4{ font-size: 13px; line-height: 1.5em; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; }
.cicg_body h5{ font-size: 25px; line-height: 1.5em; font-weight: 400; }
.cicg_body h6{ font-size: 20px; line-height: 1.5em; font-weight: 400; }
.cicg_body li{ font-size: 20px; line-height: 1.5em; }
.cicg_body p{  font-size: 22px; line-height: 1.5em;;  }
.cicg_body > img,
.cicg_body p img{ width: 100%; height: auto; display: block; }

.cicg_body h3 a,
.cicg_body h4 a,
.cicg_body h5 a,
.cicg_body h6 a,
.cicg_body p a{ text-decoration: underline;}

.cicg_body hr{ border: none; border-top: 1px solid #2ec24d; margin: 40px 0px; }

.cicg_body ol{ margin: 40px 0px; }
.cicg_body ol li{ 
    margin: 0px 0px 20px 20px; 
    padding: 0px 0px 0px 10px;        
    list-style-position: outside;
    list-style-type: decimal;
}

.cicg_banner_inner h1{ font-size: 75px; }

.cicg_body .cicg_table{ overflow: auto; }
.cicg_body .cicg_table table{ width: 100%; border-spacing: 0px; font-size: 18px; }
.cicg_body .cicg_table th{ font-size: 1em; font-weight: 600; text-align: left; }
.cicg_body .cicg_table td{ font-size: 1em; }
.cicg_body .cicg_table th,
.cicg_body .cicg_table td{ padding: 20px 30px; }
.cicg_body .cicg_table tr:nth-of-type(even) td{ background: #E6FBF3; }

.cicg_body a{ color: inherit; text-decoration: none; }
.cicg_body p  > a,
.cicg_body li > a{ text-decoration: underline; }
.cicg_body p  > a:hover,
.cicg_body li > a:hover{ color: #2ec24d; }

/*--------------------------------------------------------------------------------*/

.cicg_body .green{ color: #2ec24d; }
.cicg_body .green .thin{ color: #666; font-weight: lighter;}
.cicg_body .blue { color: #222a5f; }

.cicg_body .cicg_body_title{
    display: flex; align-items: flex-end; justify-content: space-between;
}
.cicg_body .cicg_body_title--green{
    display: flex; align-items: flex-start; justify-content: flex-start; 
    color: #2ec24d; margin: 80px 0px 40px 0px;
}
.cicg_body .cicg_body_title--green .no  { font-size: 4em; font-weight: 300; margin-right: 10px; }
.cicg_body .cicg_body_title--green .text{ line-height: 1em; } 

.cicg_body .cicg_body_title--center{
    position: relative; text-align: center;
    display: block; width: 100%;
}
.cicg_body .cicg_body_title--center .cicg_discover{ 
    position: absolute; top:calc(50% - 10px); right: 0px;
}
/*================================================================================*/
/* Buttons */
/*================================================================================*/
.cicg_body .cicg_btn{
    display: inline-block; 
    font-size: 22px; line-height: 1.5em; 
    background: #2ec24d; color: #FFF;
    border-radius: 4px; padding: 10px 40px;
}

.cicg_body .cicg_btn--grey{ background: #F5F5F5; color: #202020; }

.cicg_body .cicg_btn--download{  font-size: 18px; padding: 10px 20px; } 
.cicg_body .cicg_btn--download:before{
    content: ""; display:inline-block; 
    vertical-align: middle; margin-right: 5px;
    width: 20px; height: 20px; 
    background-image: url(../img/resource_download.png);
    background-repeat: no-repeat;
    background-position: center center;
    filter: brightness(0) invert(1);
}
.cicg_body .cicg_btn--upload{  font-size: 18px; padding: 10px 20px; background: #666; color: #FFF; }
.cicg_body .cicg_btn--upload:before{
    content: ""; display:inline-block; 
    vertical-align: middle; margin-right: 5px;
    width: 20px; height: 20px;
    background-image: url(../img/resource_upload.png);
    background-repeat: no-repeat;
    background-position: center center;
    filter: brightness(0) invert(1);
}
/*--------------------------------------------------------------------------------*/
.cicg_body .cicg_discover{
    font-size: 16px; line-height: 1.5em; display: inline-block;
    color: #202020; text-decoration: none;
    border-bottom:1px solid #2ec24d;
}
@media (hover: hover) and (pointer: fine) {
    .cicg_body .cicg_btn:hover{ color: #FFF; background: #666; }
    .cicg_body .cicg_btn--grey:hover{ color: #FFF; background: #666; }
    .cicg_body .cicg_btn--upload:hover{ background: #2ec24d; }
    .cicg_body .cicg_discover:hover{ border-bottom-color: #202020; }
}
/*================================================================================*/
/* Generic Responsive */
/*================================================================================*/
@media screen and (max-width: 979px){
    .cicg_body{  padding: 60px 20px; }
    .cicg_body h1{ font-size: 64px; }
    .cicg_body h2{ font-size: 36px; }
    .cicg_body h3{ font-size: 28px; }
    .cicg_body h4{ font-size: 12px; }
    .cicg_body h5{ font-size: 20px; }
    .cicg_body h6{ font-size: 18px; }
    .cicg_body li{ font-size: 18px; }
    .cicg_body p{  font-size: 16px; }

    .cicg_body .cicg_table table{  font-size: 16px; }
    .cicg_body .cicg_btn{ font-size: 20px; padding: 10px 30px; }
    .cicg_body .cicg_discover{ font-size: 14px; }
    .cicg_body .cicg_table th,
    .cicg_body .cicg_table td{ padding: 15px 20px; }
}
@media screen and (max-width: 767px){
    .cicg_body{  padding: 40px 20px; }
    .cicg_body h1{ font-size: 48px; }
    .cicg_body h2{ font-size: 30px; }
    .cicg_body h3{ font-size: 24px; }
    .cicg_body h4{ font-size: 11px; }
    .cicg_body h5{ font-size: 18px; }
    .cicg_body h6{ font-size: 16px; }
    .cicg_body li{ font-size: 16px; }
    .cicg_body p{  font-size: 15px; }

    .cicg_body .cicg_table table{  font-size: 15px; }
    .cicg_body .cicg_btn{ font-size: 18px; padding: 10px 20px; }
    .cicg_body .cicg_discover{ font-size: 12px; }
    .cicg_body .cicg_table th,
    .cicg_body .cicg_table td{ padding: 10px 15px; }
}
@media screen and (max-width: 479px){
    .cicg_body h1{ font-size: 30px; }
    .cicg_body h2{ font-size: 24px; }
    .cicg_body h3{ font-size: 22px; }
    .cicg_body h4{ font-size: 10px; }
    .cicg_body h5{ font-size: 18px; }
    .cicg_body h6{ font-size: 15px; }
    .cicg_body li{ font-size: 15px; }
    .cicg_body p{  font-size: 14px; }

    .cicg_body .cicg_table table{  font-size: 14px; }
    .cicg_body .cicg_btn{ font-size: 16px; padding: 10px 15px; }
    .cicg_body .cicg_discover{ font-size: 10px; }
    .cicg_body .cicg_table th,
    .cicg_body .cicg_table td{ padding: 10px 15px; }
}
/*================================================================================*/
/* Form elements */
/*================================================================================*/
.cicg_form{ margin: 0px; padding: 0px; }
.cicg_form hr{ border-color: #bacccf; }

.cicg_form label,
.cicg_form .checklist,
.cicg_signature{ 
    color: #666;
    display: block; 
    margin: 0px 0px 20px 0px;
    font-size: 18px;
}
.cicg_form label span{ display: inline-block;  margin-right: 20px; }

.cicg_form label img { width: auto; height: auto; display: block; max-width: 100%; }

.cicg_form .title{ font-weight: 600; }
.cicg_form .desc{ max-width: 1100px; }
.cicg_form .desc a{ text-decoration: underline;}
.cicg_form .err_msg{ display: none; }
.cicg_form .suffix{ position: relative; height: 0px;}
.cicg_form .suffix span{
    position: absolute; bottom:0px; right: 0px;
    display: flex; align-items: center; justify-content: flex-end;
    text-align: right;
    pointer-events: none;  height: 45px;
}

.cicg_form .cicg_form_tab--lrglabel .title{
    font-size: 25px; line-height: 1.5em; font-weight: 400;
    color: #2ec24d;
}
/*--------------------------------------------------------------------------------*/
.cicg_form .checkbox{  display: flex; align-items: flex-start; justify-content: flex-start; }
.cicg_form .checkbox input[type=checkbox]{ margin-top: 5px; }
.cicg_form .checkbox span{ margin-left: 10px; }
.cicg_form .checkbox.indent{ padding-left: 20px;}
/*--------------------------------------------------------------------------------*/
.cicg_form .checklist{
    display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;
    margin: 0px 0px 10px 0px;
}
.cicg_form .checklist > span{ display: block; width: 100%; margin-bottom: 10px; }
.cicg_form .checklist > span a{ text-decoration: underline; }
.cicg_form .checklist label{
    width: auto; margin-right: 40px; 
    display: flex; align-items: start; justify-content: flex-start; 
    margin-bottom: 10px;
}
.cicg_form .checklist label input[type=radio],
.cicg_form .checklist label input[type=checkbox]{ margin-top: 5px; }
.cicg_form .checklist label span  { margin-left: 10px; font-weight: normal; }
.cicg_form .checklist label.indent{ margin-left: 30px; }

.cicg_form .checklist--full label { width: 100%; margin-right: 0px; }
/*--------------------------------------------------------------------------------*/
.cicg_form .rating span{ display: block;}
.cicg_form .rating a{
    display: inline-flex; align-items: center; justify-content: center;
    width: 60px; height: 60px; margin: 10px 10px 0px 0px;
    border: 1px solid #666; border-radius: 50%;
    color: #383838;
}
.cicg_form .rating a:hover{  background: #F5F5F5; }
.cicg_form .rating a.active{ background: #2ec24d; color: #FFF; border-color: #2ec24d; }
.cicg_form .rating_grid{    
    display: flex; align-items: center; justify-content: flex-start;
    margin: 20px 0px;
}
.cicg_form .rating_grid > *{   margin: 0px 20px 0px 0px; }
.cicg_form .rating_sub{ display: none; }
/*--------------------------------------------------------------------------------*/
.cicg_form .multi_choice{ margin: 40px 0px; }
.cicg_form .multi_choice .title{ color: #2ec24d; display: block; max-width: 720px; } 
.cicg_form .multi_choice a{
    font-size: 1.5em; color: #383838; 
    display: block; margin: 20px 0px;
}
.cicg_form .multi_choice a.active{ font-weight: 600; color: #2ec24d; }
.cicg_form .multi_choice a:after{ 
    content: ""; display: inline-block; vertical-align: middle; 
    width: 48px; height: 15px; margin-left: 10px;
    background-image: url(../img/arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.cicg_form .multi_choice.invalid .title{ color: #FF3368; }
/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 767px){ 
    .cicg_form label,
    .cicg_form .checklist{ font-size: 16px; } 
    .cicg_form .rating a{ width: 48px; height: 48px; }
}
@media screen and (max-width: 479px){ 
    .cicg_form label,
    .cicg_form .checklist{ font-size: 14px; } 
    .cicg_form .rating a{ width: 36px; height: 36px; }
}
/*--------------------------------------------------------------------------------*/
.cicg_form input[type=text],
.cicg_form input[type=password],
.cicg_form textarea,
.cicg_form select{
    display: block; width: 100%; font-size: inherit;
    background: rgba(255,255,255,1); color: #202020;
    border: 1px solid #bacccf; border-radius: 4px;
    margin: 10px 0px 0px 0px; padding: 10px 10px;
    outline: none;
}
.cicg_form textarea{ height: 200px; }
.cicg_form select{ 
    padding-right: 40px;
	background-image:url(../img/svg/carat.svg);
	background-position: center right 10px;
	background-repeat:no-repeat;
	cursor:pointer;

	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

.cicg_form .readonly input[type=text],
.cicg_form .readonly textarea,
.cicg_form .readonly select{ background: #F5F5F5; }

.cicg_form input:disabled{ opacity: 0.5; }

.cicg_form .invalid{ color: #FF3368; border-color: #FF3368 !important; }
.cicg_form .invalid .err_msg{ display: block; }

/*--------------------------------------------------------------------------------*/
.cicg_form_action{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.cicg_form_action--right{ justify-content: flex-end; }
.cicg_form_action .cicg_btn{ padding: 5px 20px; margin: 5px 10px 5px 0px; font-size: 18px; }

@media screen and (max-width: 767px){ 
    .cicg_form_action .cicg_btn{ font-size: 16px; }
    .cicg_form_action--right{ justify-content: flex-start; }
}
@media screen and (max-width: 479px){ 
    .cicg_form_action .cicg_btn{ font-size: 14px; }
}
/*--------------------------------------------------------------------------------*/
.cicg_form_2col{
    display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;
}
.cicg_form_2col > *{ width: calc(50% - 20px); }

@media screen and (max-width: 767px){ 
    .cicg_form_2col > *{ width: 100%; }
}
/*--------------------------------------------------------------------------------*/
.cicg_form_step_nav{ border-bottom: 1px solid #bacccf; }
.cicg_form_step_nav .cicg_body{ 
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; 
    padding: 10px 20px;
}
.cicg_form_step_nav ul{
    display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;
    list-style: none; margin: 0px; padding: 10px 0px 0px 0px;
}
.cicg_form_step_nav li{ 
    margin: 0px 0px 10px 0px; padding: 0px 40px 0px 0px; 
    position: relative; 
}
.cicg_form_step_nav li:after{
    content: ""; display: block;
    position: absolute; top:calc(50% - 5px); right: 15px;
    width: 10px; height: 10px;
    border-top: 1px solid #202020;
    border-right: 1px solid #202020;
    transform: rotate(45deg);
}
.cicg_form_step_nav li:last-of-type:after{ display: none; }
.cicg_form_step_nav li a { 
    display: flex; align-items: center; justify-content: flex-start;
    text-decoration: none !important; 
}
.cicg_form_step_nav li .cicg_form_step_nav_num{
    display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; border-radius: 50%;
    background: #bacccf; color: #FFF;
    border: 2px solid rgba(0,0,0,0);
}
.cicg_form_step_nav li .cicg_form_step_nav_num.alert{ border-color: #f99114;}

.cicg_form_step_nav li .cicg_form_step_nav_label{ 
    display: none ;  white-space: nowrap; margin-left: 10px;
}
.cicg_form_step_nav .complete .cicg_form_step_nav_num{ background: #2ec24d; }
.cicg_form_step_nav .active .cicg_form_step_nav_num{ background: #666; }
.cicg_form_step_nav .active .cicg_form_step_nav_label{ display: block; }

.cicg_form_alert{
    background: #149798; color: #FFF;
    padding: 20px 40px; border-radius: 10px;
    margin-bottom:20px;
}
.cicg_form_alert ul{ list-style: none; }
.cicg_form_alert ul li{
    padding: 0px 0px 0px 20px; position: relative;
}
.cicg_form_alert ul li:before{
    content: ""; display: block;
    background: #FF3368;
    position: absolute; top:10px; left: 0px; width: 10px; height: 10px; 
    border-radius: 50%;
}
/*--------------------------------------------------------------------------------*/
.cicg_form_tab_nav .cicg_body{ padding-top: 20px; padding-bottom: 0px; }
.cicg_form_tab_nav .cicg_body a{ margin: 0px 40px 10px 0px; text-decoration: none; color: #bacccf; }
.cicg_form_tab_nav .cicg_body a.active{ color: #383838; font-weight: 600; }
.cicg_form_tab_nav .cicg_body a.invalid{ color: #FF3368; } 

.cicg_form_tab_nav .cicg_form_tab_list{ 
    display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; 
    border: 1px solid #bacccf; padding: 5px 0px 0px 5px; border-radius: 10px;
}
.cicg_form_tab_nav .cicg_form_tab_list a{
    padding: 5px 20px; margin: 0px 5px 5px 0px; border-radius: 10px;
    color: #383838;
}
.cicg_form_tab_nav .cicg_form_tab_list a.active{
    background: #2ec24d; color: #FFF;
}
/*--------------------------------------------------------------------------------*/
.cicg_upload_area{
    margin: 40px 0px;
}
.cicg_upload_item{
    display: flex; align-items: flex-end; justify-content: flex-start; flex-wrap: wrap;
}
.cicg_upload_item label{ width: calc(50% - 60px); margin-right: 20px; }
.cicg_upload_item a{ 
    font-family: 'Courier New', Courier, monospace; font-size: 40px; line-height: 40px;
    display: flex; align-items: center; justify-content: center;
    width: 40px; height: 45px; margin-bottom: 20px;
    color: #2ec24d;
}
.cicg_upload_item a:hover{ color: #000; } 
.cicg_upload_item .download{
    color: rgba(0,0,0,0) !important; 
    background-image: url(../img/resource_download.png);
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
}
.cicg_upload_item .download:hover{ filter: brightness(0);}

@media screen and (max-width: 767px){ 
    .cicg_upload_item label{ width: 100%; }
}
/*--------------------------------------------------------------------------------*/
.cicg_form .composite_checklist h3,
.cicg_form .composite_checklist h4,
.cicg_form .composite_checklist h5,
.cicg_form .composite_checklist h6,
.cicg_form .composite_checklist .checkbox{ margin: 0px;}

.cicg_form .composite_checklist .textbox{
    display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;
    margin-bottom: 20px;
}
.cicg_form .composite_checklist .textbox > *{ margin: 5px 20px 0px 0px; }
.cicg_form .composite_checklist .textbox input{ max-width: 300px;}
.cicg_form .composite_checklist .textbox a{ text-decoration: underline; }


.cicg_form .composite_checklist .select{
    display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;
    margin-bottom: 20px;
}
.cicg_form .composite_checklist .select > *{ margin: 5px 20px 0px 0px; }
.cicg_form .composite_checklist .select select{ max-width: 300px;}

/*--------------------------------------------------------------------------------*/
.report_kpi .composite_checklist{
    display: flex; align-items: flex-start; justify-content: flex-start;
    flex-wrap: wrap;
}
.report_kpi .checkbox span{ font-weight: 600;} 

.report_kpi .composite_checklist h3,
.report_kpi .composite_checklist h4,
.report_kpi .composite_checklist h5,
.report_kpi .composite_checklist h6,
.report_kpi .composite_checklist p,
.report_kpi .composite_checklist .checkbox{ width: 100%;}

.report_kpi .composite_checklist .textbox,
.report_kpi .composite_checklist .select { 
    width: calc(33.33% - 40px); margin: 0px 40px 20px 0px;
    display: block; 
}
.report_kpi .composite_checklist .textbox input,
.report_kpi .composite_checklist .select select{ width: 100%; max-width: none;}

.report_kpi .cicg_duplicate.clone .cicg_btn{
    display: block; width: 48px; height: 48px; overflow: hidden;
    background-color: #f0f0f0;
    background-image: url(../img/trash.png);
    background-position:  center center;
    background-repeat: no-repeat;
    background-size: 20px;
    border-radius: 50%;
}
.report_kpi .cicg_duplicate.clone .cicg_btn:hover{ background-color: #FF3368;}
.report_kpi .cicg_duplicate.clone .del{ display: none; visibility: hidden; }


.report_kpi .cicg_duplicate:not(.clone) .cicg_btn{
    visibility: hidden;
}

.portfolio .composite_checklist {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.portfolio .checkbox span {
    font-weight: 600;
}

.portfolio .composite_checklist h3,
.portfolio .composite_checklist h4,
.portfolio .composite_checklist h5,
.portfolio .composite_checklist h6,
.portfolio .composite_checklist p,
.portfolio .composite_checklist .checkbox {
    width: 100%;
}

.portfolio .composite_checklist .textbox,
.portfolio .composite_checklist .select {
    width: calc(33.33% - 40px);
    margin: 0px 40px 20px 0px;
    display: block;
}

    .portfolio .composite_checklist .textbox input,
    .portfolio .composite_checklist .select select {
        width: 100%;
        max-width: none;
    }

.portfolio .cicg_duplicate.clone .cicg_btn {
    display: block;
    width: 48px;
    height: 48px;
    overflow: hidden;
    background-color: #f0f0f0;
    background-image: url(../img/trash.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    border-radius: 50%;
}

    .portfolio .cicg_duplicate.clone .cicg_btn:hover {
        background-color: #FF3368;
    }

.portfolio .cicg_duplicate.clone .del {
    display: none;
    visibility: hidden;
}


.portfolio .cicg_duplicate:not(.clone) .cicg_btn {
    visibility: hidden;
}

.cicg_indicator .cicg_btn{
    display: inline-flex; align-items: center; justify-content: flex-start;
    margin-bottom: 40px; padding: 5px 20px; font-size: 18px;
}
.cicg_indicator .cicg_btn:before{
    content: "+"; display: block; margin: 0px 10px 0px 0px;
}

@media screen and (max-width: 1023px){ 
    .report_kpi .composite_checklist .textbox,
    .report_kpi .composite_checklist .select {  width: calc(50% - 40px); margin: 0px 40px 20px 0px; }
}

@media screen and (max-width: 767px){ 
    .report_kpi .composite_checklist .textbox,
    .report_kpi .composite_checklist .select {  width: calc(100% - 0px); margin: 0px 0px 20px 0px; }
}

@media screen and (max-width: 1023px) {
    .portfolio .composite_checklist .textbox,
    .portfolio .composite_checklist .select {
        width: calc(50% - 40px);
        margin: 0px 40px 20px 0px;
    }
}

@media screen and (max-width: 767px) {
    .portfolio .composite_checklist .textbox,
    .portfolio .composite_checklist .select {
        width: calc(100% - 0px);
        margin: 0px 0px 20px 0px;
    }
}

/*--------------------------------------------------------------------------------*/
.cicg_duplicate{
    display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap;
    margin-bottom: 20px; 
}
.cicg_duplicate > *{ width: calc(50% - 20px); margin-bottom: 20px; }
.cicg_duplicate .cicg_btn{ padding: 5px 20px; }
.cicg_duplicate .cicg_btn .del{ display: none; }

.cicg_duplicate.clone .cicg_btn{ background: #FF3368; }
.cicg_duplicate.clone .cicg_btn .more{ display: none; }
.cicg_duplicate.clone .cicg_btn .del{ display: block; }

@media screen and (max-width: 767px){ 
    .cicg_duplicate > *{ width: 100%; }
}

/*--------------------------------------------------------------------------------*/
.cicg_signature{
    display: flex; align-items: flex-end; justify-content: flex-start; flex-wrap: wrap;
}
.cicg_signature_canvas{ 
    border: 1px solid #bacccf; margin: 10px 20px 0px 0px;
    overflow: hidden; border-radius: 4px; overflow: hidden;
    width: 50%; min-width: 240px; max-width: 400px; 
    touch-action: none; position: relative;
}
.cicg_signature_canvas:after{
    content: ""; display: block;
    width: 24px; height: 24px;
    background-image: url(../img/sign.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute; bottom:10px; right: 10px;
    pointer-events: none;
    touch-action: none; 
}

.cicg_signature_canvas canvas,
.cicg_signature_canvas img{ width: 100%; height: auto; }
.cicg_signature_canvas img{ display: none;}
.readonly .cicg_signature_canvas img{ display: block; }
.readonly .cicg_signature_canvas canvas{ display: none; }

.cicg_signature .title{ width: 100%; }
.cicg_signature .cicg_form_action{ margin-top: 10px; }
.cicg_signature .cicg_form_action .cicg_btn{ margin: 0px; }

.cicg_file{
    margin-top: 5px;
    display: flex; align-items: stretch; justify-content: flex-start;
}
.cicg_file .upload{
    background: #666; color: #FFF;
    display: flex; align-items: center; justify-content: center;
    padding: 5px 20px; margin-right: 10px;
    border-radius: 4px;
}
.cicg_file .download,
.cicg_file .delete{
    color: #2ec24d;
    font-size: 40px; line-height: 40px; font-family: 'Courier New', Courier, monospace;    
    width: 30px; margin-left: 10px;
    display: flex; align-items: center; justify-content: center;
    background-repeat: no-repeat;
    background-position: center center;    
}
.cicg_file .download{ background-image: url(../img/resource_download.png); }

@media (hover: hover) and (pointer: fine) {
    .cicg_file .upload:hover{ background: #2ec24d ;}
    .cicg_file .download:hover{ filter: brightness(0);}
    .cicg_file .delete:hover{ color: #000;}
}

.cicg_file input[type=text]{ margin: 0px; flex:1; }
/*================================================================================*/
/* Tab / Paging */
/*================================================================================*/
.cicg_body .cicg_tab{
    display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;
    margin: 40px 0px 20px 0px;
}
.cicg_body .cicg_tab a{ 
    margin: 0px 40px 20px 0px; padding: 0px 0px 0px 0px;
    font-weight: normal; border-bottom: 2px solid rgba(0,0,0,0);
    color: #bacccf;
}
.cicg_body .cicg_tab a:hover{ border-color: #2ec24d;  } 
.cicg_body .cicg_tab a.active{ font-weight: 600; border-color: #2ec24d; color: #202020; }
/*--------------------------------------------------------------------------------*/
.cicg_body .cicg_tab--scroll{ flex-wrap: nowrap; position: relative; }
.cicg_body .cicg_tab--scroll:after{
    content:""; display: block;
    position: absolute; top:0px; right: 120px; width: 200px; height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);    
}

.cicg_body .cicg_tab_scroll{
    overflow: hidden;  width: calc(100% - 120px);
    display: flex; font-size: 2em; white-space: nowrap;    
}
.cicg_body .cicg_tab_nav{
    display: flex; align-items: center; justify-content: flex-end; 
    width: 120px; 
}
.cicg_body .cicg_tab_nav a{ 
    display: block; width: 40px; height: 40px;
    margin: 0px 0px 20px 20px;
    border:none !important;
    background-repeat: no-repeat; 
    background-position: center center;
    background-size: 40px;
}
.cicg_body .cicg_tab_nav .cicg_tab_nav_prev{ background-image: url(../img/arrow_black.png); transform: rotate(180deg); }
.cicg_body .cicg_tab_nav .cicg_tab_nav_next{ background-image: url(../img/arrow_black.png); }

.cicg_body .cicg_search{
    border: 1px solid #999; margin-bottom: 80px;
}
.cicg_body .cicg_search_text{
    display: block; width: 100%; padding: 15px 20px 15px 40px;
    background-image: url(../img/search.png);
    background-position: center left 10px;
    background-repeat: no-repeat;
    border: none; 
}
.cicg_body .cicg_search_submit{ display: none; }


@media screen and (max-width: 767px){   
    
    .cicg_body .cicg_tab a{ margin-right: 20px; }
    .cicg_body .cicg_tab_scroll{ font-size: 1em; }
    .cicg_body .cicg_tab_nav a{  width: 30px; height: 30px; margin-left: 10px; margin-right: 0px; background-size: 30px; }
    .cicg_body .cicg_tab_scroll{ width: calc(100% - 80px); }
    .cicg_body .cicg_tab_nav{ width: 80px; }
    .cicg_body .cicg_tab--scroll:after{  right: 80px; width: 100px;}
}
/*--------------------------------------------------------------------------------*/
.cicg_body .cicg_paging{
    display: flex; align-items: center; justify-content: center;
    font-size: 18px; font-weight: 600;
}
.cicg_body .cicg_paging a{
    display: flex; align-items: center; justify-content: center;
    width: 60px; height: 60px; margin: 0px 10px;
    border:1px solid #bacccf; border-radius: 50%;
}
.cicg_body .cicg_paging .cicg_paging_prev{ margin-right: 40px; }
.cicg_body .cicg_paging .cicg_paging_next{ margin-left: 40px; }
.cicg_body .cicg_paging .cicg_paging_prev span,
.cicg_body .cicg_paging .cicg_paging_next span{ display: none; }
.cicg_body .cicg_paging .cicg_paging_prev,
.cicg_body .cicg_paging .cicg_paging_next{
    background: #2ec24d; color: #FFF;
    border-color: #2ec24d;
}
.cicg_body .cicg_paging .cicg_paging_prev:before,
.cicg_body .cicg_paging .cicg_paging_next:before{
    content: ""; display: block;
    width: 15px; height: 15px;
    border-top:1px solid #FFF;
    border-left:1px solid #FFF;
    transform: rotate(-45deg); margin-left: 5px;
}
.cicg_body .cicg_paging .cicg_paging_next:before{ transform: rotate(135deg); margin-left: 0px; margin-right: 5px; }
.cicg_body .cicg_paging a:hover{ background: #666; border-color: #666; color: #FFF; }

.cicg_body .cicg_paging .cicg_paging_text{ display:block; margin: 0px 10px; }
@media screen and (max-width: 767px){    
    .cicg_body .cicg_paging a{ width: 40px; height: 40px; }
    .cicg_body .cicg_paging .cicg_paging_prev{ margin-right: 20px; }
    .cicg_body .cicg_paging .cicg_paging_next{ margin-left: 20px; }    
    .cicg_body .cicg_paging .cicg_paging_prev:before,
    .cicg_body .cicg_paging .cicg_paging_next:before{
        width: 10px; height: 10px;
    }
}
/*================================================================================*/
/* Header Menu */
/*================================================================================*/      
.cicg_header{
    background: #FFF;
    position: fixed; top:0px; left: 0px; width: 100%; z-index: 99;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
}
.cicg_header .cicg_body{     
    padding: 0px 0px; height: 90px; max-width: 100%;
    display: flex; align-items: stretch; justify-content: space-between;
}
/*--------------------------------------------------------------------------------*/
.cicg_header .cicg_header_logo{
    display: flex; align-items: center; justify-content: flex-start;
    padding-left: 20px;
}
.cicg_header .cicg_header_logo img{ width: auto; height: auto; display: block; }
.cicg_header .cicg_header_logo a{ display: block; padding-right: 20px; margin-right: 20px; border-right: 1px solid #bacccf;}
.cicg_header .cicg_header_logo a:last-of-type{ border: none; padding: 0px; margin: 0px; }
/*--------------------------------------------------------------------------------*/
.cicg_header .cicg_header_menu{
    display: flex; align-items: center; justify-content: flex-end;
}
.cicg_header .cicg_header_menu a{
    font-size: 18px; margin: 0px 0px 0px 20px;
}
.cicg_header .cicg_header_menu a:first-of-type{ margin: 0px; }
.cicg_header .cicg_header_menu a:hover{ color: #2ec24d; }
.cicg_header .cicg_header_menu a.sml{ font-size: 0.8em; color: #666; }
.cicg_header .cicg_header_menu a img{ display: block; width: auto; height: auto; } 

.cicg_header .cicg_header_menu a.nav.active{ position: relative; }
.cicg_header .cicg_header_menu a.nav.active:after{
    content: ""; display: block;
    position: absolute; bottom: -15px; left: calc(50% - 4px);
    width: 8px; height: 8px; border-radius: 50%;
    background: #2ec24d; 
}

.cicg_header .cicg_header_menu a.login{ border: 2px solid #2ec24d; border-radius: 2px; padding: 5px 30px; }
.cicg_header .cicg_header_menu a.login:hover{ color: #FFF; background: #2ec24d; }

.cicg_header .cicg_header_menu a.apply{
    height: 100%; padding: 0px 40px; 
    background: #2ec24d; color: #FFF;
    display: flex; align-items: center; justify-content: center; flex-direction: column; 
}
.cicg_header .cicg_header_menu a.apply:after{ 
    content: ""; display: block; 
    height: 1px; width: 100%; background: #FFF; margin-top: 5px;
}
.cicg_header .cicg_header_menu a.apply:hover{ color: #000; }
.cicg_header .cicg_header_menu a.apply:hover:after{ background: #000; }

.cicg_header .cicg_header_menu_sep{
    display: block; height: 20px; width: 1px; background: #bacccf;
    margin: 0px 0px 0px 20px;
}
/*--------------------------------------------------------------------------------*/
.cicg_user{ 
    font-size: 16px !important;
    display: flex !important; 
    align-items: center; justify-content: flex-start; font-size: 0.8em; 
    margin: 0px 0px 0px 20px; position: relative;
}
.cicg_user:after{
    content: ""; display: block;    
    width: 6px; height: 6px; margin-left: 10px; margin-bottom: 3px;
    border-right:1px solid #bacccf;
    border-bottom:1px solid #bacccf;
    transform: rotate(45deg);
}
.cicg_user .role{ 
    margin: 0px 0px 0px 10px; padding: 5px 10px; border-radius: 4px;
    background: #2ec24d; color: #FFF;
}
.cicg_user .cicg_user_pop{
    display: none;
    position: absolute; top:100%; left: 0px; width: 100%; height: auto;
    text-align: left; padding: 10px 20px; 
    background: #FFF; box-shadow: 4px 4px 10px rgba(0,0,0,0.1);
}
.cicg_user .cicg_user_pop a{
    display: block; margin: 10px 0px !important; padding: 0px;
}
.cicg_user:hover .cicg_user_pop{
    display: block;
    
}
/*--------------------------------------------------------------------------------*/
.cicg_header_mobile{ 
    display: none; 
    justify-content: center; align-items: center;
    width: 90px; height: 90px;
    background: #2ec24d;
}
.cicg_header_mobile_icon{
    display: block; position: relative;
    width: 30px; height: 30px; margin: 0px; padding: 0px;
    overflow: hidden;
}
.cicg_header_mobile_icon:before,
.cicg_header_mobile_icon:after{
    transition: ease all 0.3s;
    content: ""; display: block;
    position: absolute;
    width: 100%; height: 2px; top:0px; left: 0px;
    background: #FFF;
}
.cicg_header_mobile_icon:after{ top:auto; bottom: 0px; left: 0px; }
.cicg_header_mobile_icon span{
    transition: ease all 0.3s;
    display: block; color: rgba(0,0,0,0);    
    position: absolute;
    width: 100%; height: 2px; top:calc(50% - 1px);
    background: #FFF;
}
.cicg_header_mobile.opened .cicg_header_mobile_icon:before{
    transform: rotate(45deg); transform-origin: 0% 50%; width: 141%; top:-1px;
}
.cicg_header_mobile.opened .cicg_header_mobile_icon:after{
    transform: rotate(-45deg); transform-origin: 0% 50%; width: 141%; bottom:-1px;
}
.cicg_header_mobile.opened .cicg_header_mobile_icon span{ opacity: 0; }
/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 1320px){
    .cicg_header .cicg_header_menu a{ font-size: 16px; }
}
@media screen and (max-width: 1279px){
    .cicg_header .cicg_header_menu{ display: none; }
    .cicg_header_mobile{ display: flex; }
}
@media screen and (max-width: 767px){
    .cicg_header .cicg_body{ height: 60px; }
    .cicg_header .cicg_header_logo img{ height: 40px; width: auto; }
    
    .cicg_header .cicg_header_logo a{ padding-right: 10px; margin-right: 10px; }
    .cicg_header .cicg_header_logo a:last-of-type{ padding: 0px; margin: 0px;}

    .cicg_header_mobile{ width: 60px; height: 60px; }    
    .cicg_header_mobile_icon{ width: 20px; height: 20px; }   
}
/*================================================================================*/
/* Mobile Menu */
/*================================================================================*/
.cicg_mobile_menu{
    display: none; position: fixed; z-index: 98;
    top:-100%; left: 0px; width: 100%; height: 100%;
    background: rgba(255,255,255,1);
    transition: ease all 0.3s;
    overflow: auto;
}
.cicg_mobile_menu_body{ padding: 110px 40px 60px 40px; }
.cicg_mobile_menu_body a{
    font-size: 18px; margin: 20px 0px 20px 0px;
    display: block; color: #202020; text-decoration: none; 
}
.cicg_mobile_menu_body a.sml{ font-size: 0.8em; color: #666; }

.cicg_mobile_action a{ 
    display: block; width: 100%; 
    border: 2px solid #2ec24d; border-radius: 2px; 
    padding: 5px 30px; margin: 10px 0px; text-align: center;
}

@media screen and (max-width: 1279px){
    .cicg_mobile_menu.opened{ display: block; top: 0%; }
}
@media screen and (max-width: 767px){
    .cicg_mobile_menu_body{ padding-top: 80px; }
}
/*================================================================================*/
/* Login */
/*================================================================================*/
.cicg_login{    
    position: fixed; top:0px; right: -100%; z-index: 101; 
    width: 100%; max-width: 560px; height: 100%; overflow: auto;
    background: rgba(34, 42, 95, 0.95); color: #FFF;
    transition: ease all 0.3s; 
    visibility: hidden;
}
.cicg_login.opened{ right: 0%; visibility: visible; }

.cicg_login .cicg_body{ padding: 0px 60px; height: 100%; }

.cicg_login_close{ display: flex; align-items: center; justify-content: flex-end; height: 90px; }
.cicg_login_close a{ font-size: 60px; font-family: 'Courier New', Courier, monospace; }

.cicg_login_body{
    display: flex; align-items: flex-start; justify-content: center; flex-direction: column;
    height: calc(100% - 90px);    
}
.cicg_login_body > * { width: 100%; }

.cicg_login_body .cicg_form input[type=text],
.cicg_login_body .cicg_form input[type=password],
.cicg_login_body .cicg_form textarea,
.cicg_login_body .cicg_form select{
    background-color: rgba(255,255,255,0.3);
    border-color: rgba(255,255,255,0);
}
.cicg_login_body .cicg_form_action .cicg_discover{ border-color: #FFF; color: #FFF; }
.cicg_login_body .cicg_form_action .cicg_discover:hover{ border-color: #2ec24d; }

.cicg_login .cicg_form label span{ color: #FFF; }

@media screen and (max-width: 767px){
    .cicg_login{ background: #222a5f; }
    .cicg_login .cicg_body{ padding: 0px 40px; }
    .cicg_login_close{ height: 60px; }
    .cicg_login_body{ height: calc(100% - 60px); justify-content: flex-start; }
}
/*--------------------------------------------------------------------------------*/
.cicg_login .cicg_login_create{
    font-size: 20px; position: relative;
    display: block; margin-top: 40px; padding: 20px 0px;
    border-top:1px solid rgba(255,255,255,0.3); 
    border-bottom:1px solid rgba(255,255,255,0.3); 
}
.cicg_login .cicg_login_create:after{
    content: "";     
    position: absolute; height: 100%; top:calc(50% - 5px); right: 10px;
    width: 10px; height: 10px;
    border-top:1px solid #FFF;
    border-right:1px solid #FFF;
    transform: rotate(45deg);
}
.cicg_login .cicg_login_create:hover{ border-color: #2ec24d; }
/*================================================================================*/
/* Banners */
/*================================================================================*/
.cicg_banner{ 
    margin-top: 90px; height: calc(100% - 90px); 
    display: flex; align-items: flex-end; justify-content: center;
    text-align: center;

    background-image: url(../img/home_banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cicg_banner p{ max-width: 680px; margin: 20px auto; }

.cicg_banner .cicg_discover{ margin: 60px 0px; }
.cicg_banner .cicg_body{ 
    margin: 0px;  
}
/*--------------------------------------------------------------------------------*/
.cicg_banner_inner{ 
    margin-top: 90px; min-height: 540px; 
    display: flex; align-items: center; justify-content: flex-start;
}
.cicg_banner_inner_back a{ text-decoration: none !important; }
.cicg_banner_inner_back a:before{
    content: ""; display: inline-block; margin-right: 5px;
    width: 10px; height: 10px;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    transform: rotate(-45deg);
}

.cicg_banner_inner .cicg_body{ width: 100%; }
.cicg_banner_inner--about      { background-image: url(../img/about_banner.jpg); } 
.cicg_banner_inner--resource   { background-image: url(../img/resource_banner.jpg); } 
.cicg_banner_inner--resource2   { background-image: url(../img/resource_banner2.jpg); } 
.cicg_banner_inner--application{ background-image: url(../img/application_banner.jpg); } 
.cicg_banner_inner--contact    { background-image: url(../img/contact_banner.jpg); } 
.cicg_banner_inner--form       { background-image: url(../img/form_banner.jpg); min-height: 300px; } 
.cicg_banner_inner--dash       { background-image: url(../img/dash_banner.jpg); min-height: auto;  padding-bottom: 120px; } 
.cicg_banner_inner--cert       { background-image: url(../img/dash_banner.jpg); } 

.cicg_banner_inner--dark{ position: relative; }
.cicg_banner_inner--dark:before{
    content:""; display: block;
    position: absolute; top:0px; left: 0px; width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
}
.cicg_banner_inner--dark .cicg_body{ position: relative; }

.cicg_banner_inner_2col{
    display: flex; align-items: flex-end; justify-content: space-between; 
}
.cicg_banner_inner_2col p{ max-width: 800px; margin-right: 40px; margin-bottom: 0px; }
.cicg_banner_inner_2col .cicg_btn{ white-space: nowrap; padding: 10px 20px; border-radius: 10px; }
.cicg_banner_inner_2col .cicg_btn:after{
    content: ""; display: inline-block; margin-left: 5px; vertical-align: middle;
    width: 6px; height: 6px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    transform: rotate(45deg);
}

.cicg_banner_inner_tab{
    display: flex; align-items: center; justify-content: stretch;
    padding: 5px; border:1px solid rgba(255,255,255,0.5); border-radius: 10px;
    min-width: 300px; 
}
.cicg_banner_inner_tab a{ 
    flex:1; border-radius: 10px; padding: 5px 20px; 
    text-align: center; 
}
.cicg_banner_inner_tab a.active{ background: #2ec24d; }

@media screen and (max-width: 1023px){   
    .cicg_banner_inner--dash{ padding-bottom: 160px; } 
}
@media screen and (max-width: 767px){   
    .cicg_banner{ margin-top: 60px; min-height: calc(100% - 60px); }
    .cicg_banner_inner{ margin-top: 60px; min-height: 360px; }

    .cicg_banner_inner_2col{ flex-wrap: wrap;}
    .cicg_banner_inner_2col p{ margin-bottom: 20px; }
    .cicg_banner_inner--dash{ padding-bottom: 200px; } 
    .cicg_banner_inner_tab{ margin-bottom: 20px; }
}
@media screen and (max-width: 479px){   
    .cicg_banner_inner{ margin-top: 60px; min-height: 240px; }
}
/*================================================================================*/
/* Listings */
/*================================================================================*/
.cicg_listing{ list-style: none; margin: 0px; padding: 0px; }
.cicg_listing > li{
    display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; 
    margin: 0px; padding: 0px;
}
.cicg_listing  > li > a{ text-decoration: none; }
.cicg_listing .cicg_listing_img{ width: 100%; }
.cicg_listing .cicg_listing_img img{ width: 64px; height: 64px; display: block; }
.cicg_listing .cicg_listing_no  { margin: 0px 15px 0px 0px; }
.cicg_listing .cicg_listing_name{ margin: 0px 15px 0px 0px; font-size: 1.1em; font-weight: 600; }

@media screen and (max-width: 979px){
    .cicg_listing .cicg_listing_img img{ width: 48px; height: 48px; }
}
@media screen and (max-width: 479px){
    .cicg_listing .cicg_listing_img img{ width: 32px; height: 32px; }
}
/*--------------------------------------------------------------------------------*/
.cicg_listing--about{
    display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;
}
.cicg_listing--about li{ width: 33.33%; margin-bottom: 20px; }
.cicg_listing--about .cicg_listing_no{ font-size: 3.2em; line-height: 1em; }

@media screen and (max-width: 979px){
    .cicg_listing--about li{ width: 50%; }
}
/*--------------------------------------------------------------------------------*/
.cicg_listing--support{
    display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;
    width: calc(100% + 20px);
}
.cicg_listing--support li{ 
    display: block;
    width: calc(20% - 20px); margin: 0px 20px 20px 0px;
    background: #FFF; color: #000;  text-align: left;
    padding: 20px; border-radius: 20px;
}
.cicg_listing--support .cicg_listing_name{ height: 4em; position: relative; display: block; }
.cicg_listing--support .cicg_listing_bg{ text-align: center;  }
.cicg_listing--support .cicg_listing_bg img{ width: 100%; height: auto; max-width: 200px; margin: 0px auto;}

@media screen and (max-width: 1279px){
    .cicg_listing--support li{ width: calc(25% - 20px); }
}
@media screen and (max-width: 1023px){
    .cicg_listing--support li{ width: calc(33.33% - 20px); }
}
@media screen and (max-width: 767px){
    .cicg_listing--support li{ width: calc(50% - 20px); }
}
@media screen and (max-width: 479px){
    .cicg_listing--support{ width: calc(100% - 0px); }
    .cicg_listing--support li{ width: calc(100% - 0px); margin-right: 0px; }
}
/*--------------------------------------------------------------------------------*/
.cicg_listing--scheme{
    display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;
}
.cicg_listing--scheme li{ width: 33.33%; margin-bottom: 20px; }

.cicg_listing--scheme li > *{ width: 100%; }
.cicg_listing--scheme .cicg_listing_name{ font-size:1.4em; line-height: 1.2em; font-weight: 600; margin: 10px 0px;  }
.cicg_listing--scheme .cicg_listing_text{ max-width: 320px; padding-right: 40px; }

.cicg_listing--scheme--2col{ max-width: none !important; }
.cicg_listing--scheme--2col li{ width: 50%; margin-bottom: 40px;  }
.cicg_listing--scheme--2col .cicg_listing_text{ max-width: 480px; }

@media screen and (max-width: 979px){
    .cicg_listing--scheme li{ width: 50%; }
}
@media screen and (max-width: 767px){
    .cicg_listing--scheme--2col li{ width: 100%; }
    .cicg_listing--scheme--2col .cicg_listing_text{ max-width: none; }
}
/*--------------------------------------------------------------------------------*/
.cicg_listing--steps{
    display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap;
}
.cicg_listing--steps li{ 
    flex-direction: column; position: relative;
    width: calc(25% - 15px); padding: 30px 30px; 
    background: #FFF; color: #000; text-align: left; 
    border-radius: 8px;
}
.cicg_listing--steps li > *{ width: 100%; }
.cicg_listing--steps .cicg_listing_no   { margin: 0px 0px;  font-size: 2.4em; line-height: 1em; font-weight: 300; }
.cicg_listing--steps .cicg_listing_name { margin: 10px 0px; font-weight: 800; height: 2em; }
.cicg_listing--steps .cicg_listing_text { margin: 10px 0px; }
.cicg_listing--steps .cicg_listing_arrow{ 
    position: absolute; z-index: 1;
    top:calc(50% - 30px); right: -40px; width: 60px; height: 60px; 
}
.cicg_listing--steps .cicg_listing_arrow span{
    width: 100%; height: 100%; 
    display: flex; align-items: center; justify-content: center;    
    background: #2ec24d; border-radius: 50%;
}
.cicg_listing--steps .cicg_listing_arrow span:after{
    content: ""; display: block; 
    width: 10px; height: 10px;
    border-top: 1px solid #FFF; 
    border-right: 1px solid #FFF;
    transform: rotate(45deg);
}
.cicg_listing--steps li:last-child .cicg_listing_arrow{ visibility: hidden; }
.cicg_listing--steps .cicg_listing_bg{ text-align: center; }
.cicg_listing--steps .cicg_listing_bg img{ width: 100%; max-width: 250px; height: auto;} 


@media screen and (max-width: 979px){
    .cicg_listing--steps li{ width: calc(50% - 10px); margin-bottom: 20px; padding: 20px;  }
    .cicg_listing--steps .cicg_listing_arrow{ height: 40px; }
    .cicg_listing--steps .cicg_listing_arrow span{ width: 40px; height: 40px; right: -40px; }
}
@media screen and (max-width: 479px){
    .cicg_listing--steps li{ width: calc(100%); position: relative; }
    .cicg_listing--steps .cicg_listing_arrow{
        left: calc(50% - 20px); bottom:-40px; top: auto; z-index: 1;
        transform: rotate(90deg);
    }
}
/*--------------------------------------------------------------------------------*/
.cicg_listing--how{ max-width: none !important; }
.cicg_listing--how li{
    margin: 0px 0px 5px 0px; padding: 15px 40px 15px 60px; 
    background: #FFF; position: relative;
    border-radius: 4px;
}
.cicg_listing--how li:before{
    content: ""; display: block;
    background: #2ec24d; 
    position: absolute; top: calc(50% - 4px); left: calc(30px - 4px);
    width: 8px; height: 8px;
    border-radius: 50%;
}
.cicg_listing--how li:last-of-type:before{
    top: calc(50% - 10px); left: calc(30px - 10px);
    width: 20px; height: 20px; 
    border:1px solid #2ec24d;
    background-color: #FFF;
    background-image: url(../img/svg/tick.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
}

.cicg_listing--how .cicg_listing_no  { font-size: 1.2em; font-weight: 300; }
.cicg_listing--how .cicg_listing_text{ margin: 5px 0px; }

@media screen and (max-width: 979px){
    .cicg_listing--how li{ padding: 15px 20px 15px 40px;  }
    .cicg_listing--how li:before{ left: calc(20px - 4px); }
    .cicg_listing--how .cicg_listing_text{ margin: 5px 0px; width: 100%; }
    .cicg_listing--how li:last-of-type:before{ left: calc(30px - 20px); }
}
/*--------------------------------------------------------------------------------*/
.cicg_listing--accordion{ max-width: none !important; text-align: left; }
.cicg_listing--accordion > li{ border-bottom: 1px solid #bacccf; padding: 40px 0px; }
.cicg_listing--accordion > li:last-of-type{ border-bottom: none; }
.cicg_listing--accordion .cicg_listing_text{ display: none; margin-top: 20px; }
.cicg_listing--accordion .cicg_listing_text :first-child{ margin-top: 0px;}
.cicg_listing--accordion .cicg_listing_text :last-child{ margin-bottom: 0px;}

.cicg_listing--accordion .cicg_listing_toggle{ 
    display: block; width: 100%; padding-right: 40px; position: relative;     
}
.cicg_listing--accordion .cicg_listing_toggle:hover{ color: #2ec24d; }
.cicg_listing--accordion .cicg_listing_toggle:after{ 
    content: "+"; color: #2ec24d; font-weight: normal; 
    font-size: 40px; font-family: 'Courier New', Courier, monospace;
    display: flex; align-items: center; justify-content: center;
    position: absolute; top:0px; right: 0px; height: 100%;    
}
.cicg_listing--accordion .opened > .cicg_listing_toggle:after{ content: '-'; }

.cicg_listing--accordion--border{ border-top: 1px solid #bacccf; }

.cicg_listing--accordion--border > li:last-of-type{ border-bottom: 1px solid #bacccf; }
.cicg_listing--accordion--border .cicg_listing_text{ margin-top: 40px; }
.cicg_listing--accordion--border .cicg_listing_toggle{
    color: #2ec24d; font-size: 42px; font-weight: 600;
}

.cicg_listing--accordion--green > li{ 
    border: none;  background: #E6FBF3; color: #333;
    margin-bottom: 10px; padding: 20px 40px; border-radius: 20px;
}
.cicg_listing--accordion--green > li *{ color: inherit; }
.cicg_listing--accordion--green .cicg_listing_toggle:hover{ color: #333; }
.cicg_listing--accordion--green .cicg_listing_toggle:after{ color: #333; }
.cicg_listing--accordion--green p{ opacity: 1 !important;}

.cicg_listing--accordion--green .cicg_listing_text{ width: 100%; }

.cicg_listing--accordion--green .cicg_listing--accordion li{ 
    display: list-item;
    list-style: decimal;  list-style-position: outside; color: #333;
    padding-left: 10px; margin-left: 20px; border-color: rgba(0,0,0,0); 
}
.cicg_listing--accordion--green a:hover{ color: #333 !important;}


@media screen and (max-width: 979px){
    .cicg_listing--accordion--border .cicg_listing_toggle{ font-size: 28px;  }
}
@media screen and (max-width: 767px){
    .cicg_listing--accordion--border .cicg_listing_toggle{ font-size: 24px;  }
}
@media screen and (max-width: 479px){
    .cicg_listing--accordion--border .cicg_listing_toggle{ font-size: 22px;  }
}
/*--------------------------------------------------------------------------------*/
.cicg_listing--resource{
    display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap;
}
.cicg_listing--resource li{ width: calc(33.33% - 15px); display: block; margin-bottom: 20px; }
.cicg_listing--resource .cicg_listing_img       { 
	display: block; position: 
	relative; width: 100%; 
	/*background: #2ec24d; */
	transition: ease all 0.3s; 
}
.cicg_listing--resource .cicg_listing_img:before{ display: block; content: ""; padding-bottom: 62.5%; }
    .cicg_listing--resource .cicg_listing_img img {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
}
.cicg_listing--resource a:hover .cicg_listing_img img{ opacity: 0.6; }

.cicg_listing--resource--video .cicg_listing_img:after{
    content: ""; display: block;
    position: absolute; top:calc(50% - 32px); left:calc(50% - 32px);
    width: 64px; height: 64px; border-radius: 50%;
    background-color: #2ec24d; 
    background-image: url(../img/play.png);
    background-position: center center ;
    background-repeat: no-repeat;    
}

.cicg_listing--resource .cicg_listing_name{ 
    display: block; position: relative;
    margin: 10px 0px; padding-right: 20px; line-height: 1.2em; 
}
.cicg_listing--resource .cicg_listing_name:after{
    content: ""; display: block;
    position: absolute; top:calc(50% - 5px); right: 5px; width: 10px; height: 10px; 
    border-top: 1px solid #2ec24d;
    border-right: 1px solid #2ec24d;
    transform: rotate(45deg);
}
.cicg_listing--resource a:hover .cicg_listing_name{ color: #2ec24d; }

@media screen and (max-width: 979px){
    .cicg_listing--resource li{ width: calc(50% - 10px); }
}
@media screen and (max-width: 767px){
    .cicg_listing--resource li{ width: calc(100%); }
}
/*--------------------------------------------------------------------------------*/
.cicg_listing--bullet li{
    margin: 20px 0px; padding: 0px 0px 0px 20px; 
    position: relative;
    font-weight: 600; text-align: left;
}
.cicg_listing--bullet li:before{
    content: ""; display: block;
    position: absolute; top: 10px; left: 0px;
    width: 8px; height: 8px; 
    background: #2ec24d; border-radius: 50%;
}

.cicg_listing--bullet--sml li{ 
    margin: 0px; font-size: 18px; font-weight: normal;
}
@media screen and (max-width: 979px){ .cicg_listing--bullet--sml li{ font-size: 16px; } }
@media screen and (max-width: 767px){ .cicg_listing--bullet--sml li{ font-size: 15px; } }
@media screen and (max-width: 479px){ .cicg_listing--bullet--sml li{ font-size: 14px; } }
/*--------------------------------------------------------------------------------*/
.cicg_listing--arrow li{
    margin: 20px 0px; padding: 0px 20px 0px 0px; position: relative;
    font-weight: 600; 
}
.cicg_listing--arrow li:after{
    content: ""; display: inline-block; vertical-align: middle;
    width: 8px; height: 8px; margin-left: 5px;
    border-top: 1px solid #2ec24d;
    border-right: 1px solid #2ec24d;
    transform: rotate(45deg);
}
.cicg_listing--arrow a:hover{ color: #2ec24d; }
/*--------------------------------------------------------------------------------*/
.cicg_listing--contact{
    display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap;    
}
.cicg_listing--contact li{  display: block;  width: calc(50% - 10px); margin-top: 20px;}
.cicg_listing--contact .cicg_listing_name{ display: block; margin: 10px 0px; color: #2ec24d; }
.cicg_listing--contact .cicg_listing_text{ display: block; font-size: 1.4em; line-height: 1.2em; font-weight: 300; }

@media screen and (max-width: 767px){
    .cicg_listing--contact li{  width: calc(100%); }
}
/*--------------------------------------------------------------------------------*/
.cicg_listing--project{
    display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap;    
}
.cicg_listing--project li{ 
    display: flex; align-items: flex-start;   justify-content: center; flex-direction: column;
    width: calc(25% - 15px); position: relative;
    padding: 10px 20px 10px 90px; background: #FFF; border-radius: 10px;
    
}
.cicg_listing--project li span{
    display: block; line-height: 1.2em; margin: 0px; padding: 0px;
}
.cicg_listing--project li .name{ font-weight: 600;}
.cicg_listing--project li .text{ font-size: 0.8em; }
.cicg_listing--project li .date{ font-size: 0.9em; }
.cicg_listing--project li:before{
    content: ""; display: block; border-radius: 50%;
    position: absolute;  width: 60px; height: 60px; top:calc(50% - 30px); left: 15px;
    background-color: #F5F5F5; 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    background-image: url(../img/dash_pending.png);
}
.cicg_listing--project li.complete:before{ 
    background-color: #2ec24d; 
    background-image: url(../img/svg/tick_w.svg);
}
.cicg_listing--project li.current:before{ 
    background-color: #fdf6a3; 
    background-image: url(../img/dash_progress.png);
}
.cicg_listing--project li.error:before{ 
    background-color: #FF3368; 
    background-image: url(../img/dash_alert.png);
}
.cicg_listing--project li.reject:before{ 
    background-color: #F5F5F5; 
    background-image: url(../img/dash_reject.png);
}
@media screen and (max-width: 1279px){
    .cicg_listing--project li{ width: calc(50% - 10px); margin-bottom: 20px; }
}
@media screen and (max-width: 767px){
    .cicg_listing--project li{ width: calc(100% - 0px); margin-bottom: 10px; padding-left:60px; }
    .cicg_listing--project li:before{ width: 40px; height: 40px; top:calc(50% - 20px); left: 10px; }
}
/*--------------------------------------------------------------------------------*/
.cicg_listing--3col{
    display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;   
    width: calc(100% + 20px);
}
.cicg_listing--3col li{
    position: relative;
    line-height: 1.2em;
    width: calc( 33.33% - 20px); background: #FFF; border-radius: 10px; 
    margin: 0px 20px 20px 0px; padding: 10px 40px 10px 50px; 
}
.cicg_listing--3col li:before{
    content: ""; display: block;
    position: absolute; background: #2ec24d;
    top: calc(50% - 5px); left: 20px; width: 10px; height: 10px; border-radius: 50%;
}

@media screen and (max-width: 1023px){
    .cicg_listing--3col li{ width: calc( 50% - 20px); margin-right: 20px; }
} 
@media screen and (max-width: 767px){
    .cicg_listing--3col{ width: 100%; }
    .cicg_listing--3col li{ width: calc( 100%); margin-right: 0px; }
} 
/*--------------------------------------------------------------------------------*/
.cicg_listing--ball{ position: relative; }

.cicg_listing--ball li{ position: absolute; font-size: 16px; }
.cicg_listing--ball li:after{
    content: ""; display: block;
    padding-bottom: 100%;
}
.cicg_listing--ball li .ball{ 
    position: absolute; 
    top:0px; left: 0px; width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center; flex-direction: column;
    border-radius: 50%; padding: 40px 60px;
}
.cicg_listing--ball li .ball > *{ width: 100%; text-align: center; }
.cicg_listing--ball li .ball img{ margin: 0px auto 20px auto; }
.cicg_listing--ball li:nth-child(1) .ball{ background: rgba(184,254,206,0.5); z-index: 2; }
.cicg_listing--ball li:nth-child(2) .ball{ background: rgba(182,227,255,0.5); z-index: 3; }
.cicg_listing--ball li:nth-child(3) .ball{ background: rgba(255,221,210,0.5); z-index: 1; }

.cicg_listing--ball li:nth-child(2){ 
    position: relative; width: 40%; margin: 0px auto; 
}
.cicg_listing--ball li:nth-child(1),
.cicg_listing--ball li:nth-child(3){
    position: absolute; width: 35%; top: 6.25%;
}
.cicg_listing--ball li:nth-child(3){ right: 0%; }

@media screen and (max-width: 1023px){
    .cicg_listing--ball li{ font-size: 14px; }    
    .cicg_listing--ball li .ball{ padding: 30px 50px;}
}
@media screen and (max-width: 839px){
    .cicg_listing--ball li{ font-size: 12px; }
    .cicg_listing--ball li .ball{ padding: 20px 40px;}
}
@media screen and (max-width: 639px){    
    .cicg_listing--ball li{ 
        position: relative !important;
        width: 100% !important; max-width: 300px !important;
        margin: 20px auto !important;
    }
}
/*--------------------------------------------------------------------------------*/
.cicg_listing--fee{
    display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;   
    width: calc(100% + 20px); 
}
.cicg_listing--fee li{ 
    display: block; width: calc(33.33% - 20px);
    background: #149798; color: #FFF;
    padding: 60px 30px; margin: 0px 20px 20px 0px; border-radius: 20px;
}
.cicg_listing--fee span{ display: block; line-height: 1.2em;}
.cicg_listing--fee .cicg_listing_name{ font-size: 1.2em; font-weight: bold;}
.cicg_listing--fee .cicg_listing_price{ font-size: 3.2em;}
.cicg_listing--fee .cicg_listing_save{  font-size: 1em; color: #2ec24d; }
.cicg_listing--fee .cicg_listing_slash{ 
    font-size: 3.2em;  font-weight: lighter; margin-bottom: 40px; 
    position: relative; width: auto; display: inline-block;
    color: rgba(255,255,255,0.5);
}
.cicg_listing--fee .cicg_listing_slash:after{
    content: ""; display: block; 
    width: 100%; height: 1px; background: #FF3368;
    position: absolute; top:50%; left: 0px;
}
.cicg_listing--fee .cicg_listing_tick{
    width: 100%; padding: 0px 20px 0px 30px; margin-top: 10px;
    text-align: left; position: relative;
}
.cicg_listing--fee .cicg_listing_tick:before{
    content: ""; display: block;
    position:absolute; top:5px; left: 0px; width: 20px; height: 20px;
    background: #FFF; 
    background-image: url(../img/svg/tick.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px;
    border-radius: 50%;
}
@media screen and (max-width: 1023px){
    .cicg_listing--fee li{  width: calc(50% - 20px); }
}
@media screen and (max-width: 479px){
    .cicg_listing--fee li{  width: calc(100% - 20px);  }
}
/*================================================================================*/
/* 2 Column Layout */
/*================================================================================*/
.cicg_cols{ display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; }
.cicg_cols .cicg_col{ 
    display: flex; align-items: center; justify-content: center; width: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cicg_cols .cicg_col .cicg_body{ max-width: 520px; width: 100%; padding: 200px 40px;  }
.cicg_cols .cicg_col--cert   { background-image: url(../img/home09.jpg); }
.cicg_cols .cicg_col--success{ background-image: url(../img/home10.jpg); }
.cicg_cols .cicg_col--darkgreen{ background: #006e6e; color: #FFF; } 
.cicg_cols .cicg_col--green{ background: #2ec24d; color: #FFF; } 

/*--------------------------------------------------------------------------------*/
.cicg_cols--3col .cicg_col{ width: 33.33%; border-right: 1px solid #FFF; position: relative; }
.cicg_cols--3col .cicg_col:before{ content: ""; display: block; padding-top: 100%; }
.cicg_cols--3col .cicg_col .cicg_col_bg{
    position: absolute; top:0%; left:0%; width: 100%; height: 100%;
    object-fit: cover;
}
.cicg_cols--3col .cicg_col .cicg_body{
    position: absolute; top:0%; left:0%; width: 100%; height: 100%;
    display: flex; align-items: flex-end; justify-content: flex-start; 
    padding: 40px;
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.8) 100%);
    max-width: 100%;
}

/*--------------------------------------------------------------------------------*/
.cicg_cols--4col{ align-items: stretch; }
.cicg_cols--4col .cicg_col{     
    width: 25%; border-right: 1px solid #FFF; position: relative;
    display: flex; align-items: center; justify-content: center; text-align: center;
}
.cicg_cols--4col .cicg_col:first-of-type { 
    align-items: flex-start; justify-content: flex-start; text-align: left; 
}
.cicg_cols--4col .cicg_col .cicg_body{ padding: 100px 40px; }
.cicg_cols--4col .cicg_col:first-of-type .cicg_body{ padding: 40px 40px; }

.cicg_cols--4col .cicg_listing_img img{ width: 64px; }
.cicg_cols--4col .cicg_listing_no{
    font-size: 3.2em; display: block; font-weight: bold;
}

.cicg_hover_effect p{ display: none; }
.cicg_col:hover .cicg_hover_effect p{ display: block;}
/*--------------------------------------------------------------------------------*/
.cicg_cols--5col .cicg_col{ width: 20%; border-right: 1px solid #FFF; position: relative; }
.cicg_cols--5col .cicg_col:before{ content: ""; display: block; padding-top: 150%; }
.cicg_cols--5col .cicg_col .cicg_col_bg{
    position: absolute; top:0%; left:0%; width: 100%; height: 100%;
    object-fit: cover;
}
.cicg_cols--5col .cicg_col .cicg_body{
    position: absolute; top:0%; left:0%; width: 100%; height: 100%;
    display: flex; align-items: flex-end; justify-content: center; text-align: center;
    padding: 40px;
}
.cicg_cols--5col .cicg_col:first-of-type .cicg_body{ align-items: flex-start; justify-content: flex-start; text-align: left; }

@media screen and (max-width: 979px){
    .cicg_cols .cicg_col .cicg_body{ padding: 100px 40px; }

    .cicg_cols--3col .cicg_col:before{ padding-top: 150%; }

    .cicg_cols--5col .cicg_col{ width: 50%; border-bottom: 1px solid #FFF; }
    .cicg_cols--5col .cicg_col:before{ padding-top: 100%; }
    .cicg_cols--5col .cicg_col:first-of-type{ width: 100%; }
    .cicg_cols--5col .cicg_col:first-of-type:before{ display: none;}
    .cicg_cols--5col .cicg_col:first-of-type .cicg_body{ position: static;}
}
@media screen and (max-width: 767px){
    .cicg_cols .cicg_col .cicg_body{ padding: 60px 40px; }
    .cicg_cols .cicg_col{ width: 100%; }

    .cicg_cols--3col .cicg_col:before{ padding-top: 50%; }

    .cicg_cols--5col .cicg_col:before{ padding-top: 50%; }
}
/*--------------------------------------------------------------------------------*/
.cicg_images{ display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; }
.cicg_images_item{ width: calc(50% - 10px); margin: 0px 0px 20px 0px; }
.cicg_images_item img{ width: 100%; height: auto; display: block; }

@media screen and (max-width: 767px){
    .cicg_images_item{ width: calc(100%); }
}
/*================================================================================*/
/* Tag */
/*================================================================================*/
.cicg_tags{
    font-size: 24px;
    display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;
    margin: 0px 0px 20px 0px;
}
.cicg_tags .tag{
    display: block; margin: 0px 20px 20px 0px; padding: 0px 20px 0px 0px;
    border-right: 1px solid #2ec24d;
}
.cicg_tags .tag:last-child{ border: none; }

@media screen and (max-width: 979px){ .cicg_tags{ font-size: 20px; } }
@media screen and (max-width: 767px){ .cicg_tags{ font-size: 18px; } }
@media screen and (max-width: 479px){ .cicg_tags{ font-size: 16px; } }
/*================================================================================*/
/* Support Organization */
/*================================================================================*/
.cicg_support{ margin: 40px 0px;}
.cicg_support_img{
    width: 100%; max-width: 180px; margin: 0px auto;
    background-color: #FFF;
    /*background-blend-mode: multiply;*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain; 
    /*border: 1px solid #666;*/
}
.cicg_support_img:before{
    content: ""; display: block;
    width: 100%; padding-bottom: 40%;
}
@media screen and (max-width: 479px){ .cicg_support_img{ max-width: 120px; } }


.cicg_support_all{ display:none; }
.cicg_support_all_grid{
    display:flex; align-items:center; justify-content:center;
    flex-wrap:wrap; padding-top:40px; 
}
.cicg_support_all_item{ width: 20%; padding: 0px 40px 40px 40px; }
.cicg_support_all_item img{ max-width:200px; width: 100%; height: auto;}
.cicg_support_more,
.cicg_support_less{ text-align:center; }
.cicg_support_less{ display:none; }

@media screen and (max-width: 1023px){ .cicg_support_all_item{ width: 25%; }}
@media screen and (max-width: 767px){ .cicg_support_all_item{ width: 33.33%; }}
@media screen and (max-width: 479px){ .cicg_support_all_item{ width: 50%; }}
/*================================================================================*/
/* Dash board */
/*================================================================================*/
.cicg_dashboard{ margin-top: -200px; }
.cicg_dashboard .cicg_body{ padding-top: 0px; }

.cicg_dashboard_home{ display: flex; align-items: stretch; justify-content: space-between; margin-bottom: 40px; flex-wrap: wrap; }
.cicg_dashboard_home_col{ width: calc(50% - 10px); }

@media screen and (max-width: 1023px){
    .cicg_dashboard_home_col{ width: calc(100% - 0px); }
}
/*--------------------------------------------------------------------------------*/
.cicg_dashboard_user{
    background: linear-gradient(45deg, rgba(11,159,133,1) 0%, rgba(79,230,139,1) 100%);
    color: #FFF; position: relative;
    padding: 30px 30px; border-radius: 10px; margin-bottom: 20px;
    display: flex; align-items: flex-start; justify-content: space-between;
}
.cicg_dashboard_user .cicg_dashboard_user_info{ color: inherit; margin: 0px; }
.cicg_dashboard_user .cicg_dashboard_user_info .name   { display: block; font-size: 3.2em; line-height: 1em; font-weight: 600; opacity: 1; max-width: 300px;}
.cicg_dashboard_user .cicg_dashboard_user_info .company{ display: block; margin-top: 10px; }
.cicg_dashboard_user_edit img{ width: auto;}

.cicg_dashboard_user a{ 
    position: absolute; top:calc(50% - 30px); right: 30px;
    display: flex; align-items: center; justify-content: center;
    width: 60px; height: 60px;
    border: 1px solid #FFF; border-radius: 50%;
}
.cicg_dashboard_user a:hover{ background:#FFF; }
.cicg_dashboard_user a:hover img{ filter: brightness(0);}

@media screen and (max-width: 479px){
    .cicg_dashboard_user{ padding: 20px 20px; }
}
/*--------------------------------------------------------------------------------*/
.cicg_dashboard_chart{
    background: #383838; color: #FFF;
    padding: 30px 30px; border-radius: 10px;
    display: flex; align-items: center; justify-content: space-between;
}
.cicg_dashboard_chart p{ color: #FFF; }
.cicg_dashboard_chart img{ width: 188px; height: auto; margin-left: 20px; }
.cicg_dashboard_chart .title{ 
    display: block; font-size: 1.6em; font-weight: 600;
    margin: 0px 0px 10px 0px;
}
.cicg_dashboard_chart .date{ 
    display: block; 
    margin: 0px 0px 10px 0px;
}
.cicg_dashboard_chart .legend{
    display: flex; align-items: center; justify-content: flex-start;
    text-decoration: none; font-size: 0.9em;
}
.cicg_dashboard_chart .legend span:last-child{ margin: 0px 0px 0px 5px; font-size: 1.1em; font-weight: 600; }
.cicg_dashboard_chart .legend:before{
    content: ""; display: block;
    width: 20px; height: 20px; margin: 0px 5px 0px 0px; 
    background: #FFF; border-radius: 4px;
}
.cicg_dashboard_chart .legend.c1:before{ background: #01f0cf; }
.cicg_dashboard_chart .legend.c2:before{ background: #adf914; }
.cicg_dashboard_chart .legend.c3:before{ background: #6876dc; }
.cicg_dashboard_chart .legend.c4:before{ background: #14d3ea; }

@media screen and (max-width: 767px){
    .cicg_dashboard_chart{ flex-wrap: wrap; }
    .cicg_dashboard_chart img{ margin: 0px; }
}
@media screen and (max-width: 479px){
    .cicg_dashboard_chart{ padding: 20px 20px; }
    .cicg_dashboard_chart .legend:before{ width: 15px; height: 15px; }
}
/*--------------------------------------------------------------------------------*/
.cicg_notification{
    background: #FFF; border:1px solid #EEE; 
    padding: 30px 30px; border-radius: 10px;
}
.cicg_notification .title{ 
    display: block; font-size: 1.6em; font-weight: 600;
    margin: 0px 0px 10px 0px;
}
.cicg_notification .cicg_notification_list{ 
    display: block; margin: 0px; padding: 0px; overflow: auto;
    max-height: 300px; 
}
.cicg_notification .cicg_notification_list a{ 
    display: block; margin: 0px; padding: 10px 20px 10px 0px;
    border-bottom: 1px solid #FFF;
    text-decoration: none; 
    width: calc(100% - 30px);
    position: relative; 
}
.cicg_notification .cicg_notification_name{ 
    display: block; width: 100%; 
    font-size: 1.2em; overflow: hidden; 
    white-space: nowrap; text-overflow: ellipsis;
}
.cicg_notification .cicg_notification_date{ display: block; opacity: 0.8; }

.cicg_notification .cicg_notification_list a.unread:after{
    position: absolute; content: ""; display: block;
    width: 8px; height: 8px; top: calc(50% - 4px); right: 0px;
    background: #FF3368; border-radius: 50%;
}
.cicg_notification_fade{
    position: relative; width: 100%; height: 0px;
}
.cicg_notification_fade:before{
    content: ""; display: block;
    position: absolute; bottom:0px; left: 0px;
    width: calc(100% - 10px); height: 100px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    pointer-events: none;
}

@media screen and (max-width: 1023px){
    .cicg_notification{ margin-top: 20px; }
}
@media screen and (max-width: 479px){
    .cicg_notification{ padding: 20px 20px; }
}
/*--------------------------------------------------------------------------------*/
.cicg_dashboard_project {
    background: #E6FBF3; 
    padding: 30px; border-radius: 10px; margin-bottom: 20px;
}
.cicg_dashboard_project .cicg_dashboard_project_head{  
    display: flex; align-items: center; justify-content:  space-between; margin: 0px 0px 20px 0px;
}
.cicg_dashboard_project .cicg_dashboard_project_head:hover span{ color: #2ec24d;}
.cicg_dashboard_project .cicg_dashboard_project_head p{ margin: 0px; }
.cicg_dashboard_project .cicg_dashboard_project_head span{ display: block;}
.cicg_dashboard_project .cicg_dashboard_project_head .name{ font-size: 1.6em; font-weight: 600; margin: 5px 0px;}

@media screen and (max-width: 767px){
    .cicg_dashboard_project .cicg_dashboard_project_head{ flex-wrap: wrap; }
    .cicg_dashboard_project .cicg_dashboard_project_head p{ width: 100%;}
}
@media screen and (max-width: 479px){
    .cicg_dashboard_project { padding: 20px; }
}
/*--------------------------------------------------------------------------------*/
.cicg_dashboard_project .cicg_dashboard_project_action{
    display: flex; align-items: flex-start; justify-content: space-between;
}
.cicg_dashboard_project .cicg_dashboard_project_action .cicg_dashboard_project_text{ 
    margin: 0px;  max-width: 800px;
    position: relative; padding: 0px 20px 0px 20px;
} 
.cicg_dashboard_project .cicg_dashboard_project_action .cicg_dashboard_project_text:before{
    content: ""; display: block;
    position: absolute; width: 8px; height: 8px; top: 8px; left: 0px;
    background: #2ec24d; border-radius: 50%;
}
.cicg_dashboard_project .cicg_dashboard_project_action--error .cicg_dashboard_project_text:before{ background: #FF3368; }

.cicg_dashboard_project .cicg_dashboard_project_action .name{ display: block; font-size: 1em;  line-height: 1.2em; font-weight: 600; }
.cicg_dashboard_project .cicg_dashboard_project_action .desc{ display: block; font-size: 0.8em; line-height: 1.2em; }
/*--------------------------------------------------------------------------------*/
.cicg_dashboard_project .cicg_dashboard_project_btn{
    display: flex; align-items: flex-start; justify-content: flex-end; flex-wrap: wrap; margin: 0px;
}
.cicg_dashboard_project .cicg_dashboard_project_btn a{
    display: block; white-space: nowrap; 
    padding: 10px 20px 10px 20px; margin: 0px 0px 10px 20px;
    border: 1px solid #2ec24d; border-radius: 10px;
    background: #2ec24d; color: #FFF;
    text-decoration: none;
}
.cicg_dashboard_project .cicg_dashboard_project_btn a:after{
    content: ""; display: inline-block; margin-left: 5px; vertical-align: middle;
    width: 6px; height: 6px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    transform: rotate(45deg);
}
.cicg_dashboard_project .cicg_dashboard_project_btn a:hover{
    border-color: #383838;  color: #383838; background: none;
}
.cicg_dashboard_project .cicg_dashboard_project_btn a:hover:after{ border-color: #383838; }

@media screen and (max-width: 767px){
    .cicg_dashboard_project .cicg_dashboard_project_action{ flex-wrap: wrap; }
    .cicg_dashboard_project .cicg_dashboard_project_btn{ margin-top: 20px; justify-content: flex-start; }
    .cicg_dashboard_project .cicg_dashboard_project_btn a{ white-space: normal; padding: 5px 10px 5px 10px; }
}
/*--------------------------------------------------------------------------------*/

.cicg_dashboard_project .cicg_dashboard_project_action{ align-items: center; }
.cicg_dashboard_project .cicg_dashboard_project_action h5{ font-size:18px; margin: 0px; }
.cicg_dashboard_project .cicg_dashboard_project_action .name{  color: #202020; font-weight: 600; }

.cicg_dashboard_barchart{
    display:flex; align-items:stretch; flex-wrap: wrap;
    background: #FFF; border-radius: 10px;
    margin-bottom: 40px;
}
.cicg_dashboard_barchart_col{ padding: 60px 30px; flex:50%; }
.cicg_dashboard_barchart_col:first-of-type{ border-right:1px solid #bacccf; }
.highcharts-credits{ display:none; }

@media screen and (max-width: 1023px){
    .cicg_dashboard_barchart{ width: 100%; }
    .cicg_dashboard_barchart_col:first-of-type{ border-right:none; }
}
/*================================================================================*/
/* Generic BG */
/*================================================================================*/
.cicg_bg{
    background-position: center center; 
    background-repeat: no-repeat;
    background-size: cover;
}

.cicg_bg--green{ background-color: #2ec24d; }
.cicg_bg--green .cicg_discover{ border-color: #202020;}
.cicg_bg--green .cicg_discover:hover{ border-color: #FFF; }
.cicg_bg--darkgreen{ background-color:#149798; color: #FFF; }
.cicg_bg--deepgreen{ background-color:#094748; color: #FFF; }

.cicg_bg--pale{ background-color: #E6FBF3;}
.cicg_bg--grey{ background-color: #F5F5F5;}


.cicg_bg--black{ background-color: #000; color: #FFF; }
.cicg_bg--black .cicg_discover{ color: #FFF; border-color: #FFF; }
.cicg_bg--black .cicg_discover:hover{ border-color: #2ec24d; }
.cicg_bg--black p{ color: #FFF; }

.cicg_bg--hk > img{ width: 100%; height: auto; display: block; margin-top: 60px;} 
.cicg_bg--hk .cicg_body{ padding-bottom:0px; }

.cicg_bg--trim .cicg_body{ padding-bottom:0px;}

.cicg_bg--more{ background-image: url(../img/about_more.jpg); }

.cicg_bg--border{ border-top: 1px solid #bacccf; }

/*================================================================================*/
/* Footer */
/*================================================================================*/
.cicg_footer{ border-top: 1px solid #bacccf; background: #FFF;}
.cicg_footer .cicg_body{ padding: 60px 20px; }
/*--------------------------------------------------------------------------------*/
.cicg_footer_menu{ 
    display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;
    font-size: 20px;  padding: 0px 0px 150px 0px;
}
.cicg_footer_menu_col{ margin-right: 60px; }
.cicg_footer_menu_col--sml{ border-left: 1px solid #bacccf; padding-left: 60px; margin-right: 0px;}

.cicg_footer_menu a{ display: block; margin: 0px 0px 20px 0px; }
.cicg_footer_menu a:hover{ color: #2ec24d; }
/*--------------------------------------------------------------------------------*/
.cicg_footer_copy{ 
    font-size: 13px; 
    display: flex; align-items: stretch; justify-content: space-between; 
}
.cicg_footer_copy span{ display: inline-block; margin: 0px 15px; }

.cicg_footer_copy_social{
    display: flex; align-items: center; justify-content: flex-end;
}
.cicg_footer_copy_social img{
    display: block; width: auto; height: 24px;
    object-fit: contain; 
    object-position: center center;
    margin: 0px 0px 0px 30px;
    filter: brightness(0);
    transition: ease all 0.3s;
}
.cicg_footer_copy_social a:first-child img{ margin-left: 0px; }
.cicg_footer_copy_social a:hover img{ filter: none; }
/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 767px){
    .cicg_footer .cicg_body{ padding: 40px 20px; }

    .cicg_footer_menu{ padding: 0px 0px 100px 0px; font-size: 18px;  }
    .cicg_footer_menu_col{ margin-right: 40px; }
    .cicg_footer_menu_col--sml{ padding-left: 40px; margin-right: 0px; }

    .cicg_footer_copy{ flex-direction: column-reverse; }
    .cicg_footer_copy_text{ width: 100%; text-align: center; }
    .cicg_footer_copy_text span{ display: none; }
    .cicg_footer_copy_text a{ display: block; }

    .cicg_footer_copy_social{ width: 100%; justify-content: center; margin-bottom: 40px; }    
}
@media screen and (max-width: 479px){    
    .cicg_footer_copy_social img{ height: 18px; }

    .cicg_footer_menu{ padding: 0px 0px 40px 0px; font-size: 16px; }    
    .cicg_footer_menu_col--sml{ 
        border: none; 
        border-top:1px solid #bacccf;
        padding-left: 0px; padding-top: 40px; margin-top: 20px;
        width: 100%; 
    }
}
/*================================================================================*/
/* MISC */
/*================================================================================*/
.cicg_loading{ display: none; } 
.cicg_loading.show{ 
    display: block;
    position: fixed; z-index: 998;
    width: 100%; height: 100%; top:0px; left: 0px;
    background-color: rgba(34, 42, 95, 0.95);
    background-image: url(../img/svg/loader.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 48px;
} 
/*--------------------------------------------------------------------------------*/
.cicg_dialog{ display: none; }
.cicg_dialog.show{
    display: flex; align-items: center; justify-content: center;
    position: fixed; z-index: 999;
    width: 100%; height: 100%; top:0px; left: 0px;
    background-color: rgba(34, 42, 95, 0.95);
}
.cicg_dialog .cicg_body{
    width: 100%; max-width: 480px; max-height: 90%;
    padding: 40px; margin: 20px; overflow: auto;
    background: #FFF; border-radius: 8px;
    text-align: center;
}
.cicg_dialog_msg{ padding: 20px 0px 40px 0px; }
.cicg_dialog .cicg_body .cicg_btn{ padding: 5px 20px; }
/*--------------------------------------------------------------------------------*/
.cicg_chat{
    position: fixed; bottom: 40px; right: 40px; z-index: 97;
    width: 80px; height: 80px;
    background: #2ec24d; color: #FFF;
    display: flex; align-items: center; justify-content:  center; flex-direction: column;
    text-decoration: none;
    border-radius: 50%;
}
.cicg_chat:before{
    content: ""; display: block;
    width: 20px; height: 20px;
    background-image: url(../img/chat.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
@media (hover: hover) and (pointer: fine) {
    .cicg_chat:hover{ background: #006e6e;}
}

@media screen and (max-width: 767px){
    .cicg_chat:before{ width: 15px; height: 15px; }
    .cicg_chat{ width: 60px; height: 60px; bottom: 20px; right: 20px; font-size: 10px; }
}
/*--------------------------------------------------------------------------------*/
.cicg_btn--cat_api{
    margin-top:10px;
}

/*--------------------------------------------------------------------------------*/

.gRecaptcha.invalid iframe{
	border: 1px solid;
}

form .cicg_body{
	padding-top: 30px;
}

select[name='contact_info__salute']{
	max-width:200px;
}

/*--------------------------------------------------------------------------------*/
/*2022-01-19*/
/*--------------------------------------------------------------------------------*/
.cicg_search_bar{ 
    display:flex; align-items:stretch; justify-content:flex-start;
    margin: 0px 0px 40px 0px;
}
.cicg_search_bar .textbox { flex:1; padding: 0px; margin: 0px 20px 0px 0px; }
.cicg_search_bar .textbox input{ margin: 0px; height: 100%; }
.cicg_body .cicg_tab a{ text-decoration: none; }

.cicg_duplicate .quarter{
    width: calc(25% - 15px);
}
.cicg_duplicate{

}
.cicg_duplicate > *{
    margin-left: 10px;
    margin-right:10px;
}