body{ overflow-x: hidden; overflow-y: auto;}
body.edit_mode{padding-top: 35px;}

h1, h2, h3, h4{color:inherit; font-weight: bold;}
h1, h2, h3{/*font-family: "Microsoft YaHei","微软雅黑体","Microsoft JhengHei","微軟正黑體",Helvetica,Arial,PMingLiU,"新細明體",'宋体',simsun, sans-serif;*/}
h1{font-size: 2.5rem;}
h2{font-size: 1.5rem;}
h5,h6{color:inherit; font-weight: normal;}
/*h1, h2, h3, h3, h4, h5, h6, .laabel, .badge, .btn, .nav-wrapper{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:subpixel-antialiased;font-smoothing:subpixel-antialiased;}*/

b, strong{color:#222}

.label, .badge, .btn{font-weight: normal;}

.main-color, .main-color.color-overlay:before, .btn-primary{background-color:#ef1d5e; border-color:#ef1d5e; }
.main-color, .main-color.color-overlay:before, a.main-color:hover, .main-color a:hover, .btn-primary{color:#ffffff;}
.main-color-hover, .btn.main-color:hover, .btn.main-color:focus, a.main-color:hover, .main-color a:hover, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active:hover{background-color:#0fa2c5; border-color:#0fa2c5; color:#ffffff;}

.btn-secondary{background-color: #ffd21e; border-color: #ffd21e; color:#222;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:hover:focus, .btn-secondary.active{ background-color: #ffe869; border-color: #ffe869; color:#111;}

.btn.simple-switch{background-color: #FFF; border: 1px #009fed solid; color:#009fed;}
.btn.simple-switch:active, .btn.simple-switch:focus, .btn.simple-switch:hover, .btn.simple-switch:active:focus, .btn.simple-switch.active{ background-color: #009fed; color:#FFF;}

.table-auto{width: auto}

.table:not(.table-bordered)>tbody>tr>td, .table:not(.table-bordered)>tbody>tr>th, .table:not(.table-bordered)>tfoot>tr>td, .table:not(.table-bordered)>tfoot>tr>th, .table:not(.table-bordered)>thead>tr>td, .table:not(.table-bordered)>thead>tr>th{ border: none;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ padding: 0.5em; vertical-align: inherit}
.table.cell-huge>tbody>tr>td, .table.cell-huge>tbody>tr>th, .table.cell-huge>tfoot>tr>td, .table.cell-huge>tfoot>tr>th, .table.cell-huge>thead>tr>td, .table.cell-huge>thead>tr>th{ padding: 2rem;}
.table.cell-big>tbody>tr>td, .table.cell-big>tbody>tr>th, .table.cell-big>tfoot>tr>td, .table.cell-big>tfoot>tr>th, .table.cell-big>thead>tr>td, .table.cell-big>thead>tr>th{ padding: 1rem;}
.table.cell-tiny>tbody>tr>td, .table.cell-tiny>tbody>tr>th, .table.cell-tiny>tfoot>tr>td, .table.cell-tiny>tfoot>tr>th, .table.cell-tiny>thead>tr>td, .table.cell-tiny>thead>tr>th{ padding: 0.25rem;}
.table.cell-none>tbody>tr>td, .table.cell-none>tbody>tr>th, .table.cell-none>tfoot>tr>td, .table.cell-none>tfoot>tr>th, .table.cell-none>thead>tr>td, .table.cell-none>thead>tr>th{ padding:0 !important;}

.table.table-line-horz>tbody>tr, .table.table-line-horz>tfoot>tr, .table.table-line-horz>thead>tr{ border-bottom: 1px #ccc solid}

.table.table-line-vert>tbody>tr>td, .table.table-line-vert>tbody>tr>th, .table.table-line-vert>tfoot>tr>td, .table.table-line-vert>tfoot>tr>th, .table.table-line-vert>thead>tr>td, .table.table-line-vert>thead>tr>th{ border-right: 1px #ccc solid}
.table.table-line-vert>tbody>tr>td:last-child, .table.table-line-vert>tbody>tr>th:last-child, .table.table-line-vert>tfoot>tr>td:last-child, .table.table-line-vert>tfoot>tr>th:last-child, .table.table-line-vert>thead>tr>td:last-child, .table.table-line-vert>thead>tr>th:last-child{border-right: none;}

.table>.item>.item-footer{text-align: right}

input{font-family: inherit; /*"Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑体",Helvetica,Arial,PMingLiU,"新細明體",'宋体',simsun, sans-serif;*/}
label{color:#222;}
label.auto-width-label{min-width: 0 !important;}
.form-control[readonly]{
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='lock' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-lock fa-w-14 fa-3x'%3E%3Cpath fill='%23999999' d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1em;
	padding-right: 1.5em;
	pointer-events: none;
	-webkit-appearance: none; 
 -moz-appearance: none; 
 -ms-appearance: none;
 appearance: none;
}

select[readonly]::-ms-expand {
  display: none;
}

.form-control-sm, .field-small input, .field-small select, .field-small textarea{font-size: 0.8rem; padding: 2px;}

.has-error input[type=checkbox]+*:before, .has-error input[type=radio]+*:before{border-color:#a94442;}
.required-label{position: relative; }
.required-label:after{content: "*"; color:#f44336; display:inline;}
input[type=checkbox]+.required-label, input[type=radio]+.required-label{padding-left: 2em;}
input[type=checkbox]+.required-label:before, input[type=radio]+.required-label:before{margin-right: 0.75em; }
input[type=checkbox]+.required-label:after, input[type=radio]+.required-label:after{position: absolute; left:1.5em; top:0;}

.form-control{font-size: 0.875rem; height: auto;}
.form-control-inline{display:inline-block; width: auto !important; min-width: 0; max-width: 100%}
@-moz-document url-prefix() { 
  .form-control-inline{
     max-width: 150px;
  }
}
.form-group-hoz .input-group{width: 60%}
.form-group>span{margin-right: 0.75em; position: relative; display:inline-block;}
 
.form-group{position: relative;}
.err-tips{
    /*max-width: 320px;
				min-width: 120px;*/
    top: 0;
				left:0;
				margin: 0 auto;
    -webkit-transform: translateX(120px) translateY(-100%);
    transform: translateX(120px) translateY(-100%);
    padding: 0.5em 1em;
    color: #FFFFFF;
    background-color: #990000;
    font-weight: normal;
    font-size: 13px;
				line-height: 1.25em;
    border-radius: 4px;
    position: absolute;
    z-index: 4;
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
    display: none;
				text-align: center;
}

.err-tips::after {
    content:'';
    position:absolute;
				top:100%;
    left:0; right:0; margin: auto;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 6px 6px 0 6px;
				border-color: #900 transparent transparent transparent;
}

ul.form-group>li{position: relative}

.form-group .err-tips{
	-webkit-transform: translateX(120px) translateY(10px);
 transform: translateX(120px) translateY(10px);
}
.form-group.form-group-hoz .err-tips, ul.form-group>li  .err-tips{
	-webkit-transform: translateX(120px) translateY(-100%);
 transform: translateX(120px) translateY(-100%);
}

.form-group .err-tips.less-pagging, .form-group.form-group-hoz .err-tips.less-pagging{
	-webkit-transform: translateX(0) translateY(-100%);
    transform: translateX(0) translateY(-100%);
}

.login-form .err-tips{-webkit-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%);}

.group-readonly input[type=checkbox], .group-readonly input[type=radio], .group-readonly input[type=checkbox]+label, .group-readonly input[type=radio]+label,
.group-disabled input[type=checkbox], .group-disabled input[type=radio], .group-disabled input[type=checkbox]+label, .group-disabled input[type=radio]+label{ pointer-events: none; cursor: not-allowed}

.group-readonly input[type=checkbox]+*:before, .group-readonly input[type=radio]+*:before, .group-disabled input[type=checkbox]+*:before, .group-disabled input[type=radio]+*:before{
    background-color: #ddd;
    border-color: #ddd;
}

.group-readonly input[type=checkbox]:checked+*:before, .group-disabled input[type=checkbox]:checked+*:before{
	    content: "\002714";
    background-color: #167EFB;
    border-color: #167EFB;
	color:#FFF;
}
.group-readonly input[type=radio]:checked+*:before, .group-disabled input[type=radio]:checked+*:before{
	color: #167EFB;
    box-shadow: inset 0 0 0 0.15em #FFF;
    border-color: #167EFB;
    background-color: #167EFB;}

.group-readonly select, .group-readonly button{ pointer-events: none; cursor: not-allowed}
.group-readonly select{background-color: #ddd}
.group-readonly button{background-color: #999; border-color:#999}


.radio-switch{ display:-ms-inline-flexbox; display:inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; vertical-align: middle;}
.radio-switch input[type=radio], .radio-switch input[type=checkbox]{ margin-left: 0 !important;}
.radio-switch label{-ms-flex: 1 1 auto; flex: 1 1 auto; padding: 8px 4px !important; min-height: 20px;
	position: relative; z-index: 1; margin-bottom: 0; cursor: pointer; font-weight: normal; background-color: #eee; color:#666; border: 1px solid #7b7b7b; line-height: 0; margin-right: -1px;
}
.radio-switch label:last-child{margin-right:0;}
.radio-switch input[type=radio]+label::before, .radio-switch input[type=checkbox]+label::before{ content: none !important;}
.radio-switch input[type=radio]:checked+label, .radio-switch input[type=checkbox]:checked+label{background-color: #167EFB !important; color:#FFF !important;border-color: #167EFB;}
.radio-switch input[type=radio]:checked+label.select-false, .radio-switch input[type=checkbox]:checked+label.select-false{background-color: #F44336 !important; color:#FFF !important;border-color: #F44336;}

.row-flex>.vc_row-fluid{width: 100%;}

.radio-switch2{ display:-ms-inline-flexbox; display:inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; vertical-align: middle;}
.radio-switch2 input[type=radio], .radio-switch input[type=checkbox]{ margin-left: 0 !important;}
.radio-switch2 label{-ms-flex: 1 1 auto; flex: 1 1 auto; padding: 8px 4px !important; min-height: 20px;
	position: relative; z-index: 1; margin-bottom: 0; cursor: pointer; font-weight: normal; background-color: #eee; color:#666; border: 1px solid #7b7b7b; line-height: 0; margin-right:1rem;
}
.radio-switch2 label:last-child{margin-right:0;}
.radio-switch2 input[type=radio]+label::before, .radio-switch2 input[type=checkbox]+label::before{ content: none !important;}
.radio-switch2 input[type=radio]:checked+label, .radio-switch2 input[type=checkbox]:checked+label{background-color: #167EFB !important; color:#FFF !important;border-color: #167EFB;}
.radio-switch2 input[type=radio]:checked+label.select-false, .radio-switch2 input[type=checkbox]:checked+label.select-false{background-color: #F44336 !important; color:#FFF !important;border-color: #F44336;}
/*textarea{max-width: 100%; resize: vertical }
 
textarea[readonly], textarea[disabled] {
  resize: none;
}
textarea.form-control[readonly]{background-position: right top;}*/

.bordered-box{border: 1px #ccc solid; padding: 1rem; border-radius: 4px; margin-bottom: 2rem}

.help-block a{color:#167EFB; text-decoration: underline;}

.list-group, .list-group-item{border-color:#e9e9e9}
.list-group-striped{}
.list-group-striped>li:nth-of-type(odd){background-color:#f9f9f9;}
.list-group-borderless, .list-group-borderless>.list-group-item{border: none;}

.bg-gray{ background-color: #f7f8fa; }

.container-lg{ max-width: 1500px; }


.easy-tip, .easy-tip-down, .easy-tip-up{
	position:relative;
}

.easy-tip::after, .easy-tip-down::after, .easy-tip-up::after{
	content: attr(aria-label);
    max-width:200px;
    padding: 0.25em 0.75em;
    color:#FFF;
    background-color: #ef1d5e;
    font-size:1rem; line-height: 1.2em; word-break: keep-all;
    position:absolute;
    z-index:3;
    visibility:hidden; opacity:0; transition:opacity 0.35s;
				-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
				pointer-events: none;
}

.easy-tip:hover::after, .easy-tip-down:hover::after, .easy-tip-up:hover::after{
    visibility:visible; opacity:1;
}
.easy-tip::after, .easy-tip-down::after{
				bottom:-1.75em;
    left:25%;
    border-radius: 0 8px 8px;
}
.easy-tip-up::after{
	top:-1.75em;
 left:25%;
 border-radius: 8px 8px 8px 0;
}

.alert.d-flex{ flex-wrap: nowrap;}
.alert.d-flex>*{flex: 1 1 auto;}
.alert.d-flex>.alert-icon{flex: 0 1 auto;font-size: 3rem; margin-right: 1rem}
.alert-danger a{display:inline-block; padding: 0 0.25em; color:#F00; text-decoration: underline }

#page-wrapper{min-height: 90vh;}

#page-header{background-color: #FFF;}
#page-header.fixed {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

#mobile-menu{font-size: 26px; background-color: rgba(24, 142, 170,0.8)}
.header-wrapper{}
.header-wrapper .header-left{order: 1; -ms-flex: 0 1 35%; flex: 0 1 35%;}
.header-wrapper .nav-wrapper{order: 3; -ms-flex: 0 1 100%; flex: 0 1 100%; width: 100%;}
.header-wrapper .header-right{order: 2; -ms-flex: 1 1 0; flex: 1 1 0; flex-wrap: wrap;}
.header-box{padding: 10px 0 18px;}
.header-box .logo img{max-width: 100%;}
.header-right .member-area{width: 100%; justify-content: flex-end;}
.header-right .member-area>*{flex: 0 0 auto;}

.nav-wrapper{color:#222; font-weight: bold; /*font-size: 1.125rem; */ }
#top-menu{height: 52px; border-top: 1px #ddd solid;}

#top-menu .navbar li>.sub{background-color: #FFF; color: #333; font-size: 1em; font-weight: normal;}
.navbar li:hover>.sub>li>a, .navbar li:focus>.sub>li>a{height: 32px;}
.navbar>li .sub li>a{line-height: 2em;}

.navbar li>.sub{
	-webkit-box-shadow: 0px 10px 10px 0 rgba(0,0,0,0.15);
-moz-box-shadow: 0px 10px 10px 0 rgba(0,0,0,0.15);
box-shadow: 0px 10px 10px 0 rgba(0,0,0,0.15);
}

.navbar>li>.sub>li:first-child>a{
-webkit-box-shadow: inset 0px 10px 10px -10px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0px 10px 10px -10px rgba(0,0,0,0.15);
box-shadow: inset 0px 10px 10px -10px rgba(0,0,0,0.15);
}

.navbar>li>.sub>li>.sub>li>a{
	-webkit-box-shadow: inset 10px 0px 10px -10px rgba(0,0,0,0.15);
-moz-box-shadow: inset 10px 0px 10px -10px rgba(0,0,0,0.15);
box-shadow: inset 10px 0px 10px -10px rgba(0,0,0,0.15);
	
}


.social{margin-right: 0.35em;}
.font-switchs-pc, .lang-switchs-pc{padding-right:0.5em;}
.font-switchs-mobile, .lang-switchs-mobile{font-size: 1.5rem; margin-bottom: 0 !important}
.font-switchs-mobile{text-align: left}
.lang-switchs-mobile{text-align: right}
.header-box .dropdown {color:#222;}
.header-box .dropdown button.btn-link{color:inherit; }
.header-box .dropdown button.btn-link:focus, .header-box .dropdown button.btn-link:active, .header-box .dropdown button.btn-link:focus:active{outline: none; box-shadow: none; text-decoration: none; color:#ef1d5e;}
.header-box .dropdown-menu{padding: 0; min-width: 0; border-color:#ddd; font-size: 0.875rem;}

.header-box .dropdown-menu li{border-bottom: 1px #ddd solid; margin-bottom: -1px;}
.header-box .dropdown-menu li a{padding: 0.5em 1.5em;}
.header-box .dropdown-menu li a.active{ background: #ef1d5e; color: #FFF !important; }

.owl-carousel .owl-dots{bottom: auto;}
.owl-carousel .owl-dots .owl-dot span{background-color: #777; color:#ef1d5e; margin: auto 4px;}

#home-slider .owl-stage{display: block !important;}
#home-slider .owl-carousel .owl-nav{ /*max-width: 1170px; margin: auto;*/}
#home-slider .owl-carousel .owl-item{opacity: 0.75; float: left;}
#home-slider .owl-carousel .owl-item.center{opacity: 1;}
#home-slider .owl-carousel .owl-nav button.owl-next, #home-slider .owl-carousel .owl-nav button.owl-prev{height: 96px; color:#222}
#home-slider .owl-carousel .owl-nav button:hover{background: #fff;}


#home-slider .item{overflow: hidden;}
/*#home-slider .item-thumb{width: 1280px; max-width: 1280px;}*/
#home-slider .item-thumb::before{padding-top: 0; min-height: 500px; }
@media screen and (max-width: 768px) { #home-slider .item-thumb::before{ min-height: 300px; } }
/*#home-slider .item-thumb>a, #home-slider .item-thumb img{ position: relative; top:auto; right:auto; bottom:auto; left:auto;}*/

#home-slider .item-thumb{ width: 100%; position: relative; z-index: 0;}
/*#home-slider .item-thumb::before{content: ""; display:block;}*/
#home-slider .item-thumb::before{content: none;}
#home-slider .item-thumb.shadow::after{content:""; position: absolute; bottom: 0; right:0; left:0; height: 50%; min-height: 300px; z-index: 1; pointer-events: none;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.7) 100%); 
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.7) 100%); 
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
}
/*#home-slider .item-thumb>a{ position: relative; top:auto; right:auto; bottom:auto; left:auto; margin: 0; }
#home-slider .item-thumb img{ position: relative; top:auto; right:auto; bottom:auto; left:auto; margin: 0; max-width: 100%; }*/
/*#home-slider .item-thumb>a{ position: absolute; top:0; right:0; bottom:0; left:0; margin: auto; }*/
#home-slider .item-thumb>a{ position: static;}
/*#home-slider .item-thumb img{ position: absolute; top:-99999px; right:-99999px; bottom:-99999px; left:-99999px; margin: auto; max-width: none; height: 100%; width: auto}*/
#home-slider .item-thumb img{ position: static; max-width: 100%; width: auto}

#home-slider .item-intro{position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1; width: 96%; max-width: 1170px; margin: auto; background: none; pointer-events: none;}
#home-slider .item-desc{ -ms-flex:0 0 auto; flex:0 0 auto; max-width: 50%; background-color: rgba(239,29,94,0.8); padding: 40px;}
#home-slider .item-data{position: absolute !important; bottom: 0; right: 0; left: 0; padding: 40px 0; color:#FFF;}
/*#home-slider .item-data h1, #home-slider .item-data h2, #home-slider .item-data h3, #home-slider .item-data h4, #home-slider .item-data h5, #home-slider .item-data h6{color:#FFF}*/
#home-slider .item-data .event-title{ color: #FFF; font-size: 1.75rem;}
#home-slider .item-desc, #home-slider .item-desc h1, #home-slider .item-desc h2, #home-slider .item-desc h3, #home-slider .item-desc h4, #home-slider .item-desc h5, #home-slider .item-desc h6, #home-slider .item-desc b, #home-slider .item-desc strong{color:#FFF;}
.event-deadline{display: inline-block; margin-right: 1em;}


#home-slider .item-desc{position: absolute !important; margin: auto; z-index: 2;}
#home-slider .item-desc.banner_center{ top:50%; right:0; bottom:auto; left:0; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
#home-slider .item-desc.banner_lefttop{ top:0; right:auto; bottom:auto; left:0;}
#home-slider .item-desc.banner_leftmiddle{ top:50%; right:auto; bottom:auto; left:0; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
#home-slider .item-desc.banner_leftbottom{ top:auto; right:auto; bottom:0; left:0;}
#home-slider .item-desc.banner_righttop{ top:0; right:0; bottom:auto; left:auto;}
#home-slider .item-desc.banner_rightmiddle{ top:50%; right:0; bottom:auto; left:auto; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
#home-slider .item-desc.banner_rightbottom{ top:auto; right:0; bottom:0; left:auto;}

/*#home-slider .event-counters .counter{ width: 84px; height: 84px; position: relative; }
#home-slider .event-counters .counter .day{position: absolute; top:20px; right:20px; bottom:20px; left:20px; margin: auto; text-align: center;}
#home-slider .event-counters .counter .day .numbers{font-size: 24px; font-weight: bold;display: block; line-height: 1em; }
#home-slider .event-counters .counter .day .label-text{display: block; line-height: 1em;}*/
#home-slider .event-counter{/*position: absolute; right:15px; bottom:0;*/}
.countdown-circle{position: relative;}
.countdown-circle .bg{fill:none; stroke:#222; /*stroke-width:6;*/}
.countdown-circle .bar{fill:none; stroke:#de1a52; /*stroke-width:6;*/}
#home-slider .event-counter{width: 420px; float: right;}
#home-slider .event-counter>div{ width: 84px; height: 84px; position: relative; }
#home-slider .event-counter>div>div{position: absolute; max-width: 84px; width: 100%; top:20px; right:auto; bottom:20px; left:0; margin: auto; text-align: center;}
#home-slider .event-counter .num{font-size: 24px; font-weight: bold;display: block; line-height: 1em; }
#home-slider .event-counter .label-text{display: block; line-height: 1em;}


.bar-joined{width: 160px; height: 24px; overflow: hidden;}

.block-feature{z-index: 1}
.block-feature .container{padding: 48px 0;/* margin-top: -100px; margin-bottom: -100px;*/}
.block-feature+* .container, .block-feature+* .container-fullw, .block-feature+* .container-sm, .block-feature+* .container-md{padding-top: 60px;}
.block-feature .item-thumb::before{content: none;}
.block-feature .item-thumb>a, .block-feature .item-thumb>a>img{position: relative; top:auto; right:auto; bottom:auto; left:auto}

.block-home-infro{ padding-bottom: 100px; background-image: url(../images/word_bg_white.png); background-position: right; background-repeat: repeat-y }
.block-home-jobs{background-color: #F6F6F6; background-image: url(../images/word_bg_gray.png); padding-top: 60px}
.block-home-jobs .activity-list-filter{ width: 96%; max-width: 1170px; margin: 0 auto}
.block-home-jobs .column-title>h2{color:#de1a52; font-size: 2rem;}

.block-home-news{}
.column-news .container{padding-top: 60px;}
.block-home-news .column-title>h2{color:#222; font-size: 2rem;}
.block-home-news .item{position: relative; padding-left: 30px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #ddd solid}
.block-home-news .item::before{content: ""; display:block; background-color: #de1a52; width: 20px; position: absolute; top:0; bottom:20px; left:0; margin: auto;}
.block-home-news .item-title{color:#de1a52; font-size: 1.125em; margin-bottom: 10px}
.block-home-news .item-desc{line-height: 1.2em;}
.block-home-news .item-footer{text-align: right; margin-top: 1em;}

.grouped-items{ /*padding: 0 30px; max-width: 450px;*/ margin-top: 60px;}
.grouped-items .col{}
.grouped-items .col a{margin-top: 12px; display: block; }
.grouped-items .slider-page .col:first-child a{margin-top: 0;}

.grouped-items .owl-carousel .owl-nav button.owl-next, .grouped-items .owl-carousel .owl-nav button.owl-prev{opacity: 1; background-color: #13b5b1; border-radius: 50%; line-height: 0;}
.grouped-items .owl-carousel .owl-nav button.owl-next{right:0px;}
.grouped-items .owl-carousel .owl-nav button.owl-prev{left:0px;}
.slider-page{padding: 0 55px;}




.block-info-grid{}
.block-info-grid.row-grid{display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.info-grid-block{-ms-flex: 0 0 33.33%; flex: 0 0 33.33%; width: 33.33%; display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column; padding: 0 15px 30px;}
.info-grid-wrapper{border: 1px #ccc solid; -ms-flex: 1 1 100%; flex: 1 1 100%; position: relative;}
.info-grid-image{position: relative; min-height: 250px; background-position: top center; background-size: cover; overflow: hidden}
.info-grid-ta-title{font-weight: bold; color:#ef1d5e;}
.info-grid-textarea{padding: 15px;}
.info-grid-textarea p{text-align: left;}
.info-grid-cat{position: absolute; top:5px; left:5px; background-color: #1ca5ad; padding:8px 12px; color:#FFF; line-height: 1em; border-radius: 4px;}
.info-grid-cat.info_cat2{background-color: #ff9934}

#showcase_inpage{height: 200px; max-height: none; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center !important;
  align-items: center !important; /*background-attachment: fixed;*/ background-position: top center; background-size: 100%;}
#showcase_inpage>.container{height: 100%; margin: 0 auto;}
#showcase_inpage>.container>div{height: 100%;}

#showcase_inpage::before{content: ""; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 ); 
	}

#showcase_inpage.bg-parallax{ background-position: center; background-repeat: no-repeat; background-size:contain;}
#showcase_inpage>.container{}
#showcase_inpage h1 {color: #fff; /*font-size: 2em;*/ font-weight: bold; /*text-transform: uppercase;*/ text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35); text-transform: uppercase}

#showcase_inpage .breadcrumb{background: none; border: none; color:#FFF; padding: 15px; margin-bottom: 0;}

#showcase_volunteer_details{height: 450px; position:relative;
	/*max-height: none; -ms-flex-pack: start; justify-content:flex-start;  -ms-flex-align: end !important; align-items:flex-end !important;*/
	background-attachment: fixed; background-position: top center; background-size: cover;}
#showcase_volunteer_details>.container{position: absolute; top:auto; right:0; bottom:0; left:0; margin: auto; width: auto; max-width: none;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); 
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}

#showcase_volunteer_details>.container>.row{max-width: 1170px; margin: auto;}
#showcase_volunteer_details h1 {color: #fff; font-size: 1.5rem; font-weight: bold; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
}

#showcase_volunteer_details .volunteer_title{padding-bottom: 20px;}

.main-content ul.list-check{/*padding-left: 1em*/}
.main-content ul.list-check>li{ padding: 0 1em 0 1.5em !important;}

.main-content ul.list-check>li::before{ content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1em;
	-moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased;
 display: inline-block; color:#009944;
 width: auto;height: auto;background: none;
}

/*.main-content a:not(.btn){color:#ef1d5e;}
.main-content a:not(.btn):active, .main-content a:not(.btn):focus, .main-content a:not(.btn):hover, .main-content a:not(.btn):active:focus{color:#005afd}*/

.main-content hr{margin: 30px auto; max-width: 96%; border-color: #CCC}
.main-content hr.hr-mini{margin: 15px auto 5px;}

#volunteer_details .voluntary-item{border: none; border-radius: 0; padding: 0;display:flex; align-items: center; justify-content: flex-start; margin-bottom:0;}
#volunteer_details .voluntary-item.bg-gray{background-color: #f5f5f5; margin-bottom: 60px; }
#volunteer_details .category{border: none; margin: 0;}
#volunteer_details .tags{ height: 100%; display:flex; align-items: center; justify-content: flex-end;}
#volunteer_details .tags>a{margin-left: 1em; color:#009eec}
#volunteer_details .voluntary-item .data{margin-left: 1rem;}

#volunteer_details .voluntary-item .chart{margin-left: 30px;}

.voluntary-info{ margin-bottom: 60px;}
.voluntary-info>*{border-left: 1px #ccc solid; padding: 25px 30px; line-height: 1.25em; }
.voluntary-info>*:first-child{ border-left: none; padding: 0;}
.voluntary-content{ margin-bottom: 60px;}
.voluntary-content .subtitle{ color:#ef1d5e;}
.voluntary-content .subtitle .arrow-right{background-color: currentColor; width: 2.5rem; height: 2.5rem; border-radius: 50%; }
.voluntary-content .subtitle .arrow-right:before, .voluntary-content .subtitle .arrow-right:after{background-color:#FFF !important; height: 18px; right:25%;}
.voluntary-content hr{ margin: 60px auto; max-width: 80%; border-color:#CCC;}

/*login*/
/*.checkbox label, .radio label{padding-left: 0;}*/
.login-panel{width: 96%; max-width: 800px; margin: 60px auto; text-align: center; }
.login-form{padding: 0;}
.login-panel>div{margin-top: 24px;}
.login-form>div{ margin-top: 0;}
.login-panel .card{border-color:#e9e9e9; border-radius: 8px; min-height: 300px; padding: 0;}
.login-panel button.card{outline: none;}
.login-panel .card .toggle-modal{background: none; border: none; outline: none; padding: 0;}
.login-panel .card .card-header{width: 100%; background: none; border: none; padding: 0; border-radius: 8px 8px 0 0; overflow: hidden}
.login-panel .card .card-body{width: 100%}
.login-panel .card .title{font-size: 1.5rem;}
.login-panel .card a{display:block;}
.login-panel label{cursor: pointer;}
.login-form {padding: 20px; text-align: left; max-width: 320px; overflow-x: hidden; overflow-y: auto; border-radius: 8px;}
.login-form .mfp-close{color:#FFF;}
.mfp-close>*{pointer-events: none;}
.login-form .login-type-img{ margin: -20px -20px 0 -20px; text-align: center}
.login-form .login-type-img img{min-height: 260px !important; min-width: 320px !important;}
.login-form .login-title{margin: 0.75em auto; font-size: 1.5rem}
.login-form input.login-type{margin: -1px 0; padding: 0;display: block;}
.login-form input.login-type+*:before{content: none;}
.login-form input.login-type+*{display: none; cursor: default;}
.login-form input.login-type:checked+*{display: block}
.login-form .modal-footer{background: none; border: none; max-width: 185px; text-align: center; margin: auto; padding: 0;}
.login-form .modal-footer>button{margin-bottom: 10px;}
.login-form .fielddisabled{display:none;}

.panel-heading>*{margin: 0;}
.panel-heading+.panel-body{padding-top: 0px;}
/*dashbroad*/

.label.color-cm{background-color: #24cdb0; font-size: 1rem;}
.label.color-vm{background-color: #00bcd7; font-size: 1rem;}
.label.color-ro{background-color: #18cfdd; font-size: 1rem;}

.panel-wrapper{min-height: 600px; padding: 30px 0;}
.member-right .panel-wrapper{width: 100%;}

.member-wrapper{display: flex; align-items: stretch; justify-content: space-between; flex-wrap: nowrap;}

.member-left{flex: 0 0 350px; padding: 0 15px;}
.member-left ul.member-menu, .member-left ul.member-menu ul{ padding:0; list-style: none;}
.member-left ul.member-menu a{color:#666}
.member-left ul.member-menu a:active, .member-left ul.member-menu a:active:focus, .member-left ul.member-menu a:focus, .member-left ul.member-menu a:hover, .member-left ul.member-menu li.active>a{color:#ef1d5e;}
.member-left .list-group-item{padding: 0 !important; margin-bottom: 0 !important;}
.member-left .list-group-item a{display:block; padding: 10px 40px; position: relative;}
.member-left .list-group-item a>i{position: absolute; top:10px; left:15px; line-height: 1.75em; }
.member-left .list-group-item .switch{position: absolute; top:10px; right:15px; }
.member-left ul.member-menu .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{background-color: #fff; border-color: #ddd; color:#222;}
.member-left ul.member-menu ul{margin: 0 -1px -1px;}
.member-left ul.member-menu .list-group-item .list-group-item{background-color: #eee; color:#666; border-color: #ddd !important; border-radius: 0 !important; }
.member-left ul.member-menu ul li>a::before{content: ""; display:block; position: absolute; top:0; bottom:0; left:15px; margin: auto; width: 10px; height: 2px; background-color: #aaa; }
.member-left .member-info{padding: 15px;background-color: #FFF; border: 1px #e9e9e9 solid; border-bottom: none; border-radius: 4px 4px 0 0;}
.member-left .member-info .member-login-message{line-height: 1.2em; padding: 0.5em 0 0;}
.member-left .member-info+.list-group>.list-group-item:first-child{border-radius: 0}
.member-left .badge{background-color: #f44336; width: 1.5em; height: 1.5em; padding: 0; line-height: 1.5em; text-align: center; vertical-align: text-top;}
.member-login-message .label{display:inline-block;font-size: 0.8em; line-height: 1em; margin-bottom: 0.25em;} 

.member-right{-ms-flex: 1 1 auto; flex: 1 1 auto; max-width: calc(100% - 350px); }

.shadow-box, .shadow-box-hover{
	transition:0.25s box-shadow;
	-webkit-transition:0.25s box-shadow;
	-moz-transition:0.25s box-shadow;
	-o-transition:0.25s box-shadow;
	-ms-transition:0.25s box-shadow;
}

.shadow-box-hover{box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}

.shadow-box, .shadow-box-hover:hover, .shadow-box-hover:focus{box-shadow: 0 0.5rem 1rem 0 rgba(0,0,0,0.05);}

.panel{ width: 32.33%; padding: 20px 40px; margin: 0 1% 30px; background: #FFF; border-radius: 4px; border: 1px #eee solid;}
.panel.panel-full{width: 98%;}

.member-right .panel{width: calc(33.334% - 30px); margin: 0 15px 30px;}
.member-right .panel.panel-full{width: calc(100% - 30px); margin: 0 15px 30px;}
.member-right .panel.panel-helf{width: calc(50% - 30px); margin: 0 15px 30px;}
.member-right .panel.panel-sm{width: 90%; max-width: 640px; margin: auto}
.member-right .panel.panel-xs{width: 90%; max-width: 320px; margin: auto}

.panel-title, .panel-counter-title{ font-size: 1.125rem}
.panel-title{margin-bottom: 20px;}
.panel-counter-title{text-align: center;}
.panel-counter{position: relative; margin-top: -1rem; margin-bottom: 20px; padding: 40px; text-align: center; font-family: Helvetica, Arial, "sans-serif"; font-weight: 700; height: 115px; display: flex; align-items: center; justify-content: center;}
.panel-counter+div{min-height: 32px}
.panel-counter>span{font-size: 4rem;height: 4rem; line-height: 1em}
.panel-counter .unit{font-size: 2rem; line-height: 5rem}
.panel-counter::before, .panel-counter::after{ content: ""; display:block; z-index: 0; border: 2px #ccc solid; position: absolute;}
.panel-counter::before{top:0; bottom:0; left:0; width: 40px; border-right: none;}
.panel-counter::after{top:0; bottom:0; right:0; width: 40px; border-left: none;}

.panel-subtitle{position: relative; display:flex; align-items: center; justify-content: center; flex-wrap: nowrap; margin: 20px auto; font-size: 1.125rem}
.panel-subtitle>*{flex: 0 0 auto;}
.panel-subtitle::before, .panel-subtitle::after{content: ""; display:block; flex: 1 1 auto; height: 1px; background-color: currentColor;}
.panel-subtitle::before{margin-right: 0.5em;}
.panel-subtitle::after{margin-left: 0.5em;}

.panel-footer{text-align: right; font-size: 0.8em; margin-top: 0.5rem; background: none; border: none; padding: 0;}

.service-hour-counter{color: #ef1d5e;}
.service-awarded{display:flex; justify-content: flex-end; align-items: flex-start; margin-top: -15px; color:#999; font-size: 0.8rem;}
.service-awarded>div, .service-awarded>a{flex:0 0 auto; margin-left: 5px;}
.service-awarded-title{line-height: 1em;}
.service-awarded .award-image{max-height: 32px; width: auto; max-width: 100%;}

/*.service-hour-next-award{display:flex; align-items: stretch; justify-content: flex-start; flex-direction: column; flex-wrap: wrap; height: 50px; margin-bottom: 15px;}
.service-hour-next-award>*{flex:1 1 auto;}
.service-hour-next-award-image{height: 100%; }
.service-hour-next-award>h3{height: 60%; width: 80%; margin: 0 auto 0 0; font-size:1.75rem; line-height: 1em;}
.service-hour-next-award>p{height: 40%; margin: 0 auto 0 0}*/

.service-hour-next-award{ position: relative; margin-bottom: 5px}
.service-hour-next-award-image{position: absolute; top:0; left:0;}
.service-hour-next-award>h3, .service-hour-next-award>h4, .service-hour-next-award>p{padding-left: 55px;}
.service-hour-next-award>h3{font-size:1.75rem; line-height: 1em; margin-bottom: 0;}


.barchart, .service-hour-next-bar-wrap{width: 100%; height: 2.5rem; background-color:#999; position: relative;}
.barchart .bar, .service-hour-next-bar{height: 100%; background-color: #999;}
.barchart .num, .service-hour-next-bar-wrap>.num{position: absolute; top:0; bottom:0; left:0;  color:#FFF; font-weight: 900; padding-left: 0.5rem }
.service-hour-next-bar-wrap>.num{font-size: 1.75rem; line-height: 2.5rem;}
.post-chart, .post-chart .bar{height: 20px !important;}
.post-chart .num{font-size: 12px !important; line-height: 20px; }

.service-report-counter{color: #ffaa1e;}
.service-report-wrapper table.table{margin-bottom: 0;}
.service-report-wrapper .table>tbody>tr>td, .service-report-wrapper .table>tbody>tr>th, .service-report-wrapper .table>tfoot>tr>td, .service-report-wrapper .table>tfoot>tr>th, .service-report-wrapper .table>thead>tr>td, .service-report-wrapper .table>thead>tr>th{padding: 4px 6px; font-size: 0.9em}

.joined-last{ padding: 20px 0 0;}
.joined-last .panel-title{text-align: center}
.joined-last .list-group{margin-left: -1px; margin-right: -1px; margin-bottom: -1px;}
.joined-last .list-group a{display: block; color:#222; font-weight: bold}
.joined-last .list-group .event-date{display: block; font-size: 0.8rem; color:#666; line-height: 1.8em;}

.join-checkbox{ text-align: center;}
.join-checkbox>input[type=checkbox]+*, .join-checkbox>input[type=radio]+*{display: inline;}
.join-checkbox>input[type=checkbox]+*:before{ top:0; right:0; bottom:0; left:0; margin: auto}

.job-table>tbody>tr>th, .job-table>tbody>tr>td{ vertical-align: middle;}
.job-table>tbody>tr>td.col-job-title{vertical-align:top;}
.col-job-id{width: 6em; text-align: center}
.job-table .job-title{color:#ef1d5e; font-weight: bold;}
.col-job-date, .col-job-apply-date{ width: 7em; text-align: center}
.col-job-status{width: 12em; text-align: center}
.col-job-status .badge{font-size: 0.875rem; padding: 4px 8px; border-radius: 2rem; line-height: 1.1em; white-space: normal;}
.badge-primary{background-color: #2196F3;}
.badge-success{background-color: #4CAF50;}
.badge-warning{background-color: #FFC107; color:#333;}
.badge-danger{background-color: #f44336;}
.badge-highlight{background-color: #3ac2ff;}
.col-job-action{width: 5.25em; text-align: center;}
.job-table .job-info{display:flex; justify-content: flex-start; align-items: center; align-content: flex-start; padding-left: 0; font-size: 0.875rem; color:#999}
.job-table .job-info li{padding-left: 0; padding-right: 1em; list-style: none;}
.job-table .job-info li:before{content: none;}

.type-of-service-list{padding: 1em; margin: 0 auto 1em; border: 1px #ddd solid; border-radius: 8px; display:flex; justify-content: flex-start; flex-wrap: wrap;}
.type-of-service-list li{list-style: none; flex: 0 0 25%; padding: 0.5em 1em 0.5em 0; }
.type-of-service-list li:last-child{flex: 1 1 50%;}
.type-of-service-list li.full-line{flex: 1 1 100%; display:flex; flex-wrap: nowrap; align-items: center;}
/*.type-of-service-list li.full-line>*:not(.check-for-other){width: auto; margin-right: 1em;}*/
.type-of-service-list li.helf-line{flex: 1 1 50%; display:flex; flex-wrap: nowrap; align-items: center;}

.type-of-recipient-list{padding: 1em; margin: 1em; border: 1px #ddd solid; display:flex; justify-content: flex-start; flex-wrap: wrap;}
.type-of-recipient-list li{list-style: none; flex: 0 0 33.33%; padding: 0.5em 1em 0.5em 0; }
.type-of-recipient-list li.full-line{flex: 1 1 100%; display:flex; flex-wrap: nowrap; align-items: center;}
.type-of-recipient-list li.full-line>*:not(.check-for-other){width: auto; margin-right: 1em;}

.check-list{padding: 0; margin: 0 auto 1em; border-radius: 8px; display:flex; justify-content: flex-start; flex-wrap: wrap; width: 100%}
.check-list-border{padding: 1em;border: 1px #ddd solid;}
.check-list>li{flex: 1 1 100%; list-style: none; padding-left: 0 !important; /*padding: 0.5em 1em 0.5em 0;*/ }
.check-list>li::before{content: none !important;}
.check-list.col-6>li{flex: 0 0 16.66%;}
.check-list.col-5>li{flex: 0 0 20%;}
.check-list.col-4>li{flex: 0 0 25%;}
.check-list.col-3>li{flex: 0 0 33.33%;}
.check-list.col-2>li, .check-list>li.helf-line{flex: 1 1 50%; display:flex; flex-wrap: nowrap; align-items: center;}
.check-list>li.full-line{flex: 1 1 100%; display:flex; flex-wrap: nowrap; align-items: center;}

.scroll-enable{font-size: 14px; height: 300px; max-height: 60vh; overflow-x: hidden; overflow-y: scroll; background-color: #f5f5f5; border: 1px #ddd solid; border-radius: 8px; padding: 1rem; margin-bottom: 1rem}
.scroll-enable-sm{height: 250px; max-height: 30vh;}

.registration_terms_footer{position: relative; text-align: center;}
.registration_terms_footer .btn-dl-terms{position: absolute; right:0;}

.mfp-fixed-bottom{position: absolute; background-color:#FFF; /*opacity: 0.7; pointer-events: none;*/ text-align:center; padding: 1em 0; cursor: pointer; font-size: 1.25rem;
	-webkit-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.1);
}
/*.mfp-fixed-bottom.scroll-completed{opacity: 1; pointer-events:auto; color:#009688;}*/

.mfp-iframe-holder{}
.mfp-iframe-holder .mfp-content>div{height: 100%;}
.mfp-iframe-holder .mfp-iframe{ width: 100%; height: 100%;}

.reg-disable-box{/*margin-top: -2em;*/ background-color: #eee; border: 1px #ddd solid; border-radius: 4px;}
.reg-disable-box label{cursor: not-allowed;}
.reg-disable-box.active{background-color: #FFF;}
.reg-disable-box.active label{cursor: pointer}

.renewal{}
label.boxed-label, .boxed-label{ border: 1px #ccc solid; width: 100%; max-width: 850px; padding: 10px; margin-bottom: 10px !important; border-radius: 4px;
	transition:0.25s all;
	-webkit-transition:0.25s all;
	-moz-transition:0.25s all;
	-o-transition:0.25s all;
	-ms-transition:0.25s all;
}

li.boxed-label{padding: 10px;}

input:checked+label.boxed-label{ box-shadow: 0 0.25rem 0.25rem 0 rgba(0,0,0,0.1); border-color:#167EFB}

input[type=checkbox][readonly]+label, input[type=radio][readonly]+label{cursor: default;}
/*input[type=checkbox][readonly]+label:before, input[type=radio][readonly]+label:before{ content: none;}*/

label+.form-control.form-control-inline{margin-left: 0.5em;}

.extra-input.error{border-color: #a94442;}
.extra-input.error:focus{border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
}

.family-member-wrapper{margin-bottom: 2rem;}
.family-member-group{ border: 1px #999 dotted; padding: 1rem; margin-bottom: 1rem; position: relative;}
.family-member-group-title, .family-member-group .col-xs-12{margin-bottom: 0.5rem;}
.family-member-group .err-tips{ right: 0; left: 0; margin: auto; max-width: 200px; -webkit-transform: translateY(-100%); transform: translateY(-100%);}
.family-member-remove{position: absolute; right:25px; top:5px;}


#training_date_time_channel{display:none;}

.data-table{}
.data-table h4, .data-table h5{ margin-bottom: 0;}
.data-table span.date{font-size: 0.9em; color:#999}

#volunteer_request_status .barchart{ width: 134px; height:20px; overflow: hidden}

.border-box{border: 1px #ddd solid; padding: 1em; border-radius: 8px}
.form-footer{text-align: center;}


ul.divider-vert>li{position: relative; padding: 30px; margin-bottom: 60px}
.divider-vert>*::after{bottom:auto; height: 90%;}

/*.page-title:not(.headering-center) .block-content>**/
.page-title h1,.page-title h2,.page-title h3,.page-title h4,.page-title h5,.page-title h6{ padding: 10px 10px 15px 30px; margin-top: 60px; margin-bottom: 40px; text-align: left; font-size: 1.5em; border-bottom: 1px #ccc solid; border-left: 12px #ef1d5e solid; }

.headering-center h1,.headering-center h2,.headering-center h3,.headering-center h4,.headering-center h5,.headering-center h6{position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color:#ef1d5e; font-size: 32px; border: none;}
.headering-center h1::before, .headering-center h1::after, .headering-center h2::before, .headering-center h2::after, .headering-center h3::before, .headering-center h3::after, .headering-center h4::before, .headering-center h4::after, .headering-center h5::before, .headering-center h5::after, .headering-center h6::before, .headering-center h6::after{content: ""; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 1px; background-color: #ef1d5e; }

.headering-center h1::before, .headering-center h2::before, .headering-center h3::before, .headering-center h4::before, .headering-center h5::before, .headering-center h6::before{ margin-right: 0.5em;}
.headering-center h1::after, .headering-center h2::after, .headering-center h3::after, .headering-center h4::after, .headering-center h5::after, .headering-center h6::after{ margin-left: 0.5em;}
/**/
/*.block-donation h3{color:#3c556c; text-align: left; font-size: 1.5rem; padding: 10px 10px 15px 30px; margin-bottom: 1em}*/
/*
.style-title, h1.style-title, h2.style-title, h3.style-title, h4.style-title, h5.style-title, h6.style-title{ position: relative; color:#ef1d5e; font-size: 1.5rem !important; margin-top: 1em; margin-bottom: 0; border: none; padding: 0;}
.style-title::before{content:""; display:inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640' viewBox='0 0 640 640'%3E%3Cpath fill='%23FFFFFF' d='M518.4 292L241 11.6c-15.3-15.5-40.2-15.5-55.5 0-15.3 15.5-15.3 40.6 0 56.1L435.2 320 185.6 572.3c-15.3 15.5-15.3 40.6 0 56.1s40.2 15.5 55.5 0L518.4 348c15.4-15.5 15.4-40.6 0-56z'/%3E%3C/svg%3E");
	background-size: 0.75em 0.75em; background-position: center; background-repeat: no-repeat;
	width: 1.3334em; height: 1.3334em; background-color: #ef1d5e; border-radius: 50%; vertical-align: middle; margin-bottom: .21em; margin-right: 0.5em;
}
*/
.style-title a{color:inherit!important; position: relative;}
.style-title a[target=_blank]::after{content: "\f35d"; font-family: "Font Awesome 5 Free"; display: inline-block; font-size: 0.75em; color:#009eec; margin-left: 0.2em;}

.style-title+*:not(ul):not(ol){padding-left: 45px;}
.style-title+ul, .style-title+ol{padding-left: 60px;}

.block-gallery .item{text-align: center}
.block-gallery .item-intro{margin-top: 1rem;}

.item-list.list-triangle{ display: -ms-flexbox; display: flex;	-ms-flex-wrap: wrap; flex-wrap: wrap;}
.item-list.list-triangle>div{padding: 0 1em 0 1.2em; position: relative; margin-bottom: 0.5em; color:#7b7b7b; line-height: 1.1em; min-width: 136px; -ms-flex:0 0 auto; flex:0 0 auto; } 
.item-list.list-triangle>div::before{content: ""; position: absolute; 
	width: 0; height: 0; left:0; top:0; bottom: 0; margin: auto;
 border-top: 0.5em solid transparent;
 border-left: 0.75em solid #ef1d5e;
 border-bottom: 0.5em solid transparent;
}
.item-list.list-triangle a{color:inherit;}

.item-group{/*margin-bottom: 2em;*/}
.item-group-title{color: #222;}
#service_express{ padding: 40px 10px;}

#lov_target .item-intro{ max-width: 165px; margin: 20px auto }

.bubble-color{ padding: 2rem; border-radius: 2rem; position: relative; margin-bottom: 2.5rem; }
.bubble-color::after{ content: ""; position: absolute;  bottom:-12px;
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 12px solid currentColor;
    }
.col-xs-12.col-sm-6.col-md-4:nth-child(odd) .bubble-color::after{color:#ef1d5e;}
.col-xs-12.col-sm-6.col-md-4:nth-child(even) .bubble-color::after{color:#00bcd5;}

.col-xs-12.col-sm-6.col-md-4:nth-child(odd) .bubble-color{background-color: #ef1d5e; color:#FFF;}
.col-xs-12.col-sm-6.col-md-4:nth-child(even) .bubble-color{background-color: #00bcd5; color:#FFF;}

.flex-stretch .bubble-color{min-height: 85%;}


.large-first-level{
	font-size: 1.1em; color:#623434; font-weight: bold;
}
.large-first-level>li>ol,.large-first-level>li>ul, .large-first-level>li>ol a, .large-first-level>li>ul a{font-size: 1em; font-weight: normal; color:#7b7b7b}

.member-group-join .fields-wrap{display: none; position: relative; margin-bottom: 10px;}
.member-group-join .fields-wrap-title{font-weight: bold; color:#222; margin-bottom: 5px;}
.member-group-join .fields-wrap input{margin-bottom: 5px;}
.member-group-join .fields-wrap .btn-remove{position: absolute; top:0; right:15px; border-radius: 0 0 4px 4px; font-size: 0.8em}


.table-swipe{width: 100%; max-width: 100%; overflow-x: auto; overflow-y: hidden;}
.table-swipe>table{max-width: none !important; min-width: 100% !important; width: auto !important; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}

.item-image-scale-auto .item-thumb::before{content: none;}
.item-image-scale-auto .item-thumb>a{position: static; }
.item-image-scale-auto .item-thumb img{position: static; display: inline-block; max-width: 100%; }

.paging-box{ text-align: center; margin-top: 1rem;}
.paging-box .form-control{max-width: 6rem; margin: 0 auto}

.pagination-sm .page-switcher{height: 30px; padding: 3px 5px; min-width: 4rem;}

#page-footer{background-color: #ef1d5e; color: #FFF; padding: 30px 0 20px; }
#page-footer .footer-left>div>div{ margin-bottom: 20px;}
#page-footer .footer-left h5{margin-bottom: 10px;}
#page-footer .related-link{width: 100%;}
#page-footer .footer-logo{width: auto; height: 64px; }
#page-footer .footer-right{text-align: right;}
#page-footer .social { margin-bottom: 48px; margin-right: 0;}
#page-footer .social a{display: inline-block; margin-left: 12px;}
#page-footer .social .replaced-svg{	width: 40px; height: 40px; }
.bottom-menu{padding-left: 0; margin: 0;}
.bottom-menu li{list-style: none; display:inline-block; position: relative; padding-left: 0.7em; margin-left: 0.5em;}
.bottom-menu li::before{content: ""; height: 1em; width: 1px; background-color:currentColor; position: absolute; top:.2em; left:0;}
.bottom-menu li:first-child::before{content: none;}

#page-footer .copyright { font-size: 14px; margin-top: 16px; margin-bottom: 20px; text-align: inherit; }
#page-footer .revision-date{font-size: 12px; width: 100%;}

.message-single-page{padding-top: 3rem; }
.message-single-page>.panel{padding-top: 3rem; padding-bottom: 3rem;}

.loader{
	position: relative;
	margin: auto; 
	display: -ms-flexbox; display: flex; align-items: center; justify-content: center;
	padding: 1rem;
}

.loader .chip{
	width: 1rem;
	border-radius: 50%;
	height: 1rem;
	margin-right:5px;
	background-color: #999;
	-ms-transform: scale(0); 
   	-webkit-transform: scale(0);
    transform: scale(0);
	-webkit-animation: loader-animate 1s infinite;
	animation: loader-animate 1s infinite;
	/*float: left;*/
	}

.loader .chip.ch10 {
	margin-right: 0px;
	}

.loader .chip.ch10{
	/*background-color: #27bfca;*/
	-webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;	
	}
.loader .chip.ch9{
	/*background-color: #cf88c2;*/
	-webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;	
	}	
.loader .chip.ch8{
	/*background-color: #fc5e8f;*/
	-webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;	
	}
.loader .chip.ch7{
	/*background-color: #ffaa1e;*/
	-webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;	
	}
.loader .chip.ch6{
	/*background-color: #c8d93b;*/
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;	
	}
.loader .chip.ch5{
	/*background-color: #27bfca;*/
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
	}
.loader .chip.ch4{
	/*background-color: #cf88c2;*/
	-webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;		
	}
.loader .chip.ch3{
	/*background-color: #fc5e8f;*/
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;	
	}
.loader .chip.ch2{
	/*background-color: #ffaa1e;*/
	-webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
	}	

.captcha-img{height: 40px; border: 1px #CCC solid;}
.btn-nopagging{padding: 0;}


.back-top{z-index: 801;}


/**/
@media (max-width: 1439px){
.member-right .panel {
    width: calc(50% - 30px);
    margin: 0 15px 30px;
}

}

@media (max-width: 1330px){
#top-menu.open:before { z-index: 0; }
	
}
 
@media (min-width: 1281px){
	.container{max-width: 1170px;}
	.block-home-jobs .activity-list-filter{max-width: 1170px;}
}

@media (min-width: 1280px){
	#home-slider .owl-carousel .owl-nav{ width: 100%; /*max-width: 1280px;*/ margin: auto;}
	/*#home-slider .item-thumb{width: 1280px;}*/
}

@media (max-width: 1280px){
.check-list.col-6>li{flex: 0 0 50%;}
.check-list.col-5>li{flex: 0 0 50%;}
.check-list.col-4>li{flex: 0 0 50%;}
.check-list.col-3>li{flex: 0 0 100%;}
.check-list.col-2>li, .check-list>li.helf-line{flex: 1 1 100%;}
}

@media (max-width: 1279px){
	/*#home-slider .item-thumb{width: 100%;}
	#home-slider .item-thumb>a{position: relative; top:auto; right:auto; bottom:auto; left:auto; margin: 0;}
	#home-slider .item-thumb img{position: relative; top:auto; right:auto; bottom:auto; left:auto; margin: 0; max-width: 100%;}*/
	
	/*.table-swipe>table{}
	.table-swipe>table>*>tr>th, .table-swipe>table>*>tr>td{ white-space: nowrap !important; }*/
	
}

@media (max-width: 1170px){
		.block-common .item .item-title{font-size: 1.5em;}
}

@media (max-width: 1023px){
.member-right .panel {
    width: calc(100% - 30px);
    margin: 0 15px 30px;
}
}

@media (min-width: 992px){
}

@media (min-width: 768px){
	.hkva_section .wpb_wrapper, .eag_section .wpb_wrapper, .heroic_section .wpb_wrapper{
		height:370px;
		line-height:370px;
		background:#eee;
	}
.heroic_section img{max-height:370px !important;}
.hkva_section img, .heroic_section img, .eag_section img{display:inline-block}
	.intro_section img{
		
		position:unset;
	}
	.align-element-right div:not(:last-child) { margin-right: 10px; }
	.vac_section .wpb_wrapper { height:175px; background: #eee; }
}
@media (max-width: 391px){
	.align-element-right div:not(:last-child) { margin-bottom: 10px; }
}

@media (max-width: 992px){
/*#mobile-menu{ height: 55px; }*/
#top-menu, #top-menu.fixed,	#top-menu:before{top:70px;}
	#top-menu .navbar>li { background-color: #FFF; border-top: 1px #ddd solid; position: relative; }
	#top-menu .navbar>li .sub>li>a{line-height: 4em; border-top:0 #FFF dashed;}
	#top-menu .navbar>li .sub.open>li>a{height: auto; border-top-width: 1px;line-height: 2em;min-height: 4em; padding: 14px 24px;white-space: normal;}
	
	#top-menu .navbar>li>a, #top-menu.fixed .navbar>li>a, #top-menu .navbar>li>a>.fa, #top-menu.fixed .navbar>li>a>.fa {
    line-height: 40px;
}
	.showsub {height: 40px; width: 40px;}
	.parent .parent .showsub { line-height: 2em; }
	.grouped-items{max-width: 450px;}
	
	.header-right{display: none;}
	#showcase_inpage{background-attachment: inherit; background-size: cover;}
.block-common .item .item-title{font-size: 1.2em;}
	/*.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}*/

.check-list.col-4>li{flex: 0 0 100%;}
.check-list.col-3>li{flex: 0 0 100%;}

.registration_terms_footer{ width: 280px; max-width: 100%; margin: auto}
.registration_terms_footer .btn-dl-terms{position: relative; right:auto; width: 100%; margin: 1em auto;}
	
	
	.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
		min-height: .01%;
    overflow-x: auto;
}
	
	.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
    white-space: nowrap;
}
	
	.info-grid-block{-ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%;	}
	
}
@media (max-width: 991px){
	.block-common .item{margin-bottom: 1rem;}
	.block-feature .container{/*margin-top: -75px; margin-bottom: -125px;*/ margin-top:0; margin-bottom:0;}
	.block-feature+* .container, .block-feature+* .container-fullw, .block-feature+* .container-sm, .block-feature+* .container-md{padding-top: 185px;}
}

@media (max-width: 768px){
/*	.row, .row-flex{margin-left: -5px; margin-right: -5px}*/
#top-menu { top: 55px; }
	.block-feature .container{margin-top: -75px; margin-bottom: -91px;}
	.block-feature+* .container, .block-feature+* .container-fullw, .block-feature+* .container-sm, .block-feature+* .container-md{padding-top: 115px;}
	.voluntary-content{padding-left: 15px; padding-right: 15px;}
	.member-wrapper{flex-wrap: wrap}
	.member-left{flex: 1 1 100%; padding: 0 5px;}
	.member-right{flex: 1 1 100%; max-width: 100%; padding: 0 5px;}
	.panel{width: 40%; margin: 0 5px 20px; padding: 10px 20px;}
	.member-right .panel{ width: calc(50% - 30px);}
	
.check-list.col-6>li{flex: 0 0 100%;}
.check-list.col-5>li{flex: 0 0 100%;}
.check-list.col-4>li{flex: 0 0 100%;}
.check-list.col-3>li{flex: 0 0 100%;}
.check-list.col-2>li, .check-list>li.helf-line{flex: 1 1 100%;}
	.form-group>span{display:inline-block}
	.check-list.col-2>li, .check-list>li.helf-line{flex-wrap: wrap;}
	.info-grid-block{-ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%;	}
	#page-footer{height: auto;}
	#page-footer .footer-left, #page-footer .footer-right{ text-align: center;}
}

@media (max-width: 767px){
	.container{padding-left: 5px; padding-right: 5px;}
	.row-flex{margin-left: -5px; margin-right: -5px;}
	.row-flex>div{padding-left: 5px; padding-right: 5px;}
	.header-box.header-left{padding: 0 5px;}
	.block-feature .container{margin-top: 0; margin-bottom: 0; padding: 0 15px;}
	.block-feature+* .container, .block-feature+* .container-fullw, .block-feature+* .container-sm, .block-feature+* .container-md{padding-top: 50px;}
.type-of-service-list li.full-line{display:block;}
.type-of-service-list li.full-line input[type=text]{max-width: 100%; margin-top: 10px;}
.type-of-recipient-list li.full-line{display:block;}
.type-of-recipient-list li.full-line input[type=text]{max-width: 100%; margin-top: 10px;}
	.panel{width: 100%; margin: auto; padding: 10px;}
	.member-right .panel{width: 90%; padding-left: 10px !important; padding-right: 10px !important; margin: 0 5px 20px;}
	.service-hour-wrapper, .service-report-wrapper{ padding-left: 40px !important; padding-right: 40px !important;}
	.joined-last{padding-left: 0 !important; padding-right: 0 !important;}
	.form-group-hoz>*:not(.err-tips){width: 100%;}
	.form-group-hoz .input-group{width: 100%;}
	.form-group .err-tips, ul.form-group>li .err-tips{
	-webkit-transform: translateX(120px) translateY(0) !important;
 transform: translateX(120px) translateY(0) !important;
}
	.form-group .err-tips.less-pagging, .form-group.form-group-hoz .err-tips.less-pagging{
	-webkit-transform: translateX(0) translateY(-100%) !important;
    transform: translateX(0) translateY(-100%) !important;
}

	.header-box .logo img{width: auto; max-width: none; height: 60px}
	#home-slider .item-thumb::before{min-height:200px;}
#home-slider .item-thumb::after{min-height:0;}
	/*.main-content .info-block-description ul>li{padding-left: }*/
	
}

@media (max-width: 568px){
.header-box .logo, .header-box.fixed .logo {position: relative; left:0; right:60px; width: auto;}
.header-box .logo img { max-height: 48px; }
.header-box .logo h1{font-size: 1.5em;}
.header-box h1, header.page-top.fixed .header-box h1{width: auto;}
#top-menu:before { top: 60px;}
/*#mobile-menu{height: 60px;}*/
.nav-wrapper { z-index: 2;}
	.column-row .container{padding-top: 20px; padding-bottom: 20px;}
	.block-common .item .item-title{font-size: 1.25em;}
	
.type-of-recipient-list, .type-of-service-list{display:block; padding: 0.5em; margin: 0; }
.type-of-recipient-list li, .type-of-service-list li{padding: 0.25em 0 0.25em; }
.table-responsive>table{display:table;}
.table-responsive>table thead{display:table-header-group;}
.table-responsive>table tbody{display: table-row-group;}
.table-responsive>table tfooter{ display: table-footer-group}
.table-responsive>table tr{display: table-row;}
.table-responsive>table th, .table-responsive>table td{display: table-cell;}
/*.table-responsive tbody, .table-responsive tr{display:block; min-width:100%; }*/

}

@media (max-width: 375px){
	.block-common .item .item-title{font-size: 1em;}
	.form-control-inline{max-width: 50%;}
	.mangn-modal{max-width: 100% !important; min-width: 0 !important;}
}




/* Mod - 20200512 */
/* Breadcrumb */
.breadcrumb { text-align: right; }
.breadcrumb a:hover { background: transparent; background-color: transparent; }

/* Link */
.main-content a:not(.btn):active, .main-content a:not(.btn):focus, .main-content a:not(.btn):hover, .main-content a:not(.btn):active:focus { color: #005afd; }
.main-content a:not(.btn) { color: #ef1d5e; }

/* Row Settings */
.vc_row-o-equal-height { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.vc_row-o-equal-height.bottom { -ms-flex-align: end !important; align-items: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; }
.vc_row-o-equal-height.middle { -ms-flex-align: center !important; align-items: center !important; -ms-flex-line-pack: center !important; align-content: center !important; }
.vc_row-o-equal-height.top { -ms-flex-align: start !important; align-items: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; }

/*.main-content .container-fullw>.row { max-width: 1170px; width: 96%; margin: auto; }*/
.main-content .container-fullw>.row.vc_row-no-padding{max-width: none !important; width: 100% !important; display:-ms-flex; display:flex;}
.main-content .container-fullw>.row.vc_row-no-padding>*{ -ms-flex:1 1 auto; flex:1 1 auto; }


@media (min-width: 768px) {
	.row .col-sm-1\/5 { width: 20%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
	.row .col-sm-2\/5 { width: 40%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
	.row .col-sm-3\/5 { width: 60%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
	.row .col-sm-4\/5 { width: 80%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
}

@media (max-width: 767px) and (min-width: 568px) {
	/*.vc_row-o-equal-height { display: -ms-block; display: block; }*/
	.vc_row-o-equal-height { -ms-flex-wrap: wrap; flex-wrap: wrap; }

	.col-sm-2 { width: 16.66666667%; float: left; }
	.col-sm-3 { width: 50%; display: inline-block; }
	.col-sm-4 { width: 100%; }
	.col-sm-6 { width: 100%; }
	.col-sm-8 { width: 100%; }
	.col-sm-10 { width: 83.33333333%; float: left; }
	
	.vc_row-o-equal-height.equal-height-wrap { display: -ms-flexbox; display: flex; }
	.equal-height-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.row.equal-height-wrap .col-sm-1\/5 { flex: 0 0 33.333%; padding-right: 10px; padding-left: 10px; }
	.row .col-sm-1\/5 { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
	.row .col-sm-2\/5 { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
	.row .col-sm-3\/5 { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
	.row .col-sm-4\/5 { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
}
@media (max-width: 567px) {
	.vc_row-o-equal-height { display: -ms-block; display: block; }
	.col-sm-2, .col-sm-4, .col-sm-8, .col-sm-10 { width: 100%; }

	.row.equal-height-wrap .col-sm-1\/5 { display: block; padding-right: 15px; padding-left: 15px; }
	.row .col-sm-1\/5 { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
	.row .col-sm-2\/5 { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
	.row .col-sm-3\/5 { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
	.row .col-sm-4\/5 { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
}
/* Extra Class */
@media (max-width: 991px) {
	.row.row-mobile-991 { display: block; }
	.row-mobile-991 .col-sm-6 { width: 100%; }
	.row-mobile-991 .video_block .wpb_video_wrapper { width: 100%; padding-bottom: 56.25%; }
}

.row.btn-align-bottom-center { max-width: 100%;  display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.row.btn-align-bottom-center > div { flex: 1 0 auto; min-width: 0; display: flex; flex-direction: column; flex-grow: 1; padding: 0 30px; border-left: 1px #CCC solid; border-right: none !important; }
.row.btn-align-bottom-center > div:first-child{border-left: none;}
.row.btn-align-bottom-center .default-btn { margin-top: auto; }

/* Default Button */
.btn-r { border-radius: 6px; }

/* Table */
	/* Table ul */
	ul { margin-top: 10px; }
	/* Table ul items*/
	.main-content ul>li:before, .sitemap ul>li:before:not(.sitemap) {
		/*content: "";*/
		position: absolute;
		width: 0;
		height: 0;
		left: 0;
		top: 0;
		bottom: 0;
		margin-top: 0.2em;
		margin-left: auto;
		margin-right: auto;
		border-radius: 0px;
		border-top: 0.5em solid transparent;
		border-left: 0.75em solid #ef1d5e;
		border-bottom: 0.5em solid transparent;
		background-color: transparent;
	}
	/* Table th */
	table>tbody>tr.table-title-row>th { color: #fff; background: #ef1d5e; }

/* Element */
/* Info Block */
	/* Text */
	.info-block-box{max-width: 100%; display: -ms-flexbox; display: flex;-ms-flex-wrap: nowrap; flex-wrap: nowrap; }
	.info-block-box>div{max-width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0;}
	.info-block-box .info-block-title h3 { color: #ef1d5e; font-size: 1.5rem; line-height: 1.25em; font-family: inherit; margin-bottom: 0.35em; }
	.main-content .list-check-table { width: 100%; }
	.main-content .list-check-table td { width: 33.33%; }
	.main-content .list-check-table ul { padding-left: 0px; }
	.main-content .list-check-table ul>li { padding-left: 0px; }
	.main-content .list-check-table ul>li:before { border: 0px; top: 0; left: 0; bottom: 0; border-radius: 0px; }

	/* Position */
	.info-block-box.left { /*display: inline-block;*/ margin-top: 1em; width: 100%; }
	.info-block-box.left .info-block-image { /*display: table-cell;*/ vertical-align: top; -ms-flex: 0 0 auto; flex: 0 0 auto}
	.info-block-box.left .info-block-image img { /*display: inline-block;*/ margin-right: 0.75em; }
	.info-block-box.left .info-block-textarea { /*display: table-cell;*/ vertical-align: middle; width: 100%; }
	.main-content img{max-width: 100%; height: auto;}
	.info-block-box.top { display: block; margin-bottom: 30px; }
	.info-block-box.top .info-block-image { text-align: center; margin-bottom: 20px;}
	.info-block-box.top .info-block-image img { max-width: 100%; }

	/* Extra CSS */
	.info-block-box.space-between-text .info-block-image img { margin-right: 35px; }
	.info-block-box.info-block-text-center .info-block-title { text-align: center; }
	
	.info-block-box.info-block-space-mt .info-block-image img { margin-right: 50px; }
	@media screen and (max-width: 768px) {
		.info-block-box.left.info-block-mobile-image-top { display: block; margin-bottom: 30px; }
		.info-block-box.left.info-block-mobile-image-top .info-block-image { display: block; text-align: center; margin-bottom: 30px; }
		.info-block-box.left.info-block-mobile-image-top .info-block-image img { max-width: 100%; }
		.info-block-box.left.info-block-mobile-image-top .info-block-textarea { display: block; }
	}

	.info-block-box.info-block-title-color h3 { color: #ef1d5e; }
	.info-block-box.info-block-maxw-450 { max-width: 450px; margin-left: auto; margin-right: auto; }
	.info-block-box.info-block-border { border: 1px #eee solid; padding: 20px 30px; background: #fff; height: 100%; margin-bottom: 0px;}
	@media (max-width: 767px) {
		.info-block-box.info-block-border { height:initial; }
	}

/* Text Block - Default Table */
table { margin-bottom: 20px; width: 100%; }
table>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9; }
table>tbody>tr>td, table>tbody>tr>th { padding: 1rem; vertical-align: inherit; line-height: 1.428; }
/* table>tbody>tr>td:nth-child(3), table>tbody>tr>td:nth-child(4), table>tbody>tr>td:nth-child(5){ text-align:center; } */

table>tbody>tr>th { min-width: 120px; /*width: 15%;*/ color: #000; }

	/* With Class = table-td-bold */
	.table-td-bold table>tbody>tr>th { font-weight: normal; color: #7b7b7b; }
	.table-td-bold table>tbody>tr>td { font-weight: 700; color: #000; }
	
	/* With Class= list-check-table */
	table.list-check-table>tbody>tr { background-color: transparent; }
	.main-content table.list-check-table td { padding: 0px; }

	/* With Class= inline-list-check-table */
	table.inline-list-check-table { margin-bottom: 0px; }
	table.inline-list-check-table>tbody>tr:nth-of-type(odd) { background-color: transparent; }
	table.inline-list-check-table ul li { display: inline-block; padding: 0 1em 0 1.2em; line-height: 1.1em; min-width: 136px; }
	.main-content table.inline-list-check-table ul li a { color: #7b7b7b; }


/**/
table.table-condensed>*>tr>th, table.table-condensed>*>tr>td{padding: 0.5rem;}
table.table-condensed.field-small>*>tr>th, table.table-condensed.field-small>*>tr>td{font-size: 0.9rem;}

	/* With Class = text-block-minheight155 */
	.text-block-minheight { min-height: 125px; }

	/* With Class = (inside table) table-header */
	.table-header { background: #ef1d5e !important; color: #fff; font-weight: bold; border: 1px solid #fff; }
/* Text Block - dl-horz */
.dl-horizontal, .dl-horz, dl.horz {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dl-horizontal dt, .dl-horz dt, dl.horz dt {
    -ms-flex: 0 1 15%;
    flex: 0 1 15%;
    max-width: 200px;
    margin-bottom: 0.25rem;
    color: #222;
}
.dl-horizontal dd, .dl-horz dd, dl.horz dd {
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    margin-bottom: 0.25rem;
}

html[lang=en-GB] .dl-horizontal dd, html[lang=en-GB] .dl-horz dd, html[lang=en-GB] dl.horz dd {
	-ms-flex: 1 1 100%;
    flex: 1 1 100%;
}



/* Empty Space - Mobile */
@media (max-width: 768px) {
	.mobile-empty-space-1em div { height: 2em !important; }
}
/* Single Image */
	/* Image Background */
	.item-thumb:before { background-color: transparent; }

	/* Border Color */
	.grey img { border: 1px #ccc solid; }
	.thumbnail.transparent { border: 0px; border-color: transparent; }

	/* Image Text */
	.dtono { display: none; }
	.dtoyes { display: block; text-align: center; margin-top: 1em; }
	.dtoyes a { font-size: 1.2em; line-height: 1.25em; font-weight: bold; }

	/* Image Size */
	.thumbnail a>img { border: 0px; height: 100px; }

	/* Image Position */
	.vc_single_image .vc_single_image-wrapper { display: inline-block; }
	.img-responsive { margin: 0px; width:100%;}
	.vc_figure.vc_single_image.center { text-align: left; }
	.vc_figure.vc_single_image.center { text-align: center; }
	.vc_figure.vc_single_image.right { text-align: right; }

	/* Custom CSS */
	 .img-set-max-height img { max-height: 350px; width: auto; margin: auto;} 

	.img-all-align-left .dtoyes { text-align: left; margin-top: 0px; margin-bottom: 10px; }
	.img-all-align-left .dtoyes a { font-size: 1em; color: #000; }
/* Image List */
/*.block-gallery .item:nth-child(3n) { padding-right: 0px; }*/
/*.block-gallery .item:nth-child(3n+1) { padding-left: 0px; }*/
/* Image Carousel */
.item-thumb img { max-width: 100%; }
/* Page Content Tab */
	/* Navigator */
	#tabs .sidebar { padding-top: 0px !important; }
	#tabs .floating-sidebox { position: relative !important; margin-bottom: 60px;}
	#tabs .floating-sidebox .nav { padding: 0px; display: inline-flex; margin: 0px;}
	.main-content #tabs .floating-sidebox ul>li { padding-left: 0px; margin: 0px; }
	.main-content #tabs .floating-sidebox ul>li:not(:last-child) { margin-right: 5px; }
	.main-content #tabs .floating-sidebox ul>li:before { content: none; }

	.main-content #tabs .floating-sidebox ul>li a { border: 1px #009fed solid; background-color: #FFF; color: #009fed; border-radius: 6px; }
	.main-content #tabs .floating-sidebox ul>li a:hover { background-color: #009fed; color: #FFF; }
	.main-content #tabs .floating-sidebox ul>li.active a { background-color: #009fed; color: #FFF; }

	/* Content Panel */
	#tabs .tab-pane { position: absolute; }
	#tabs .tab-pane.active { position: relative; }
	
	#tabs .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
	#tabs .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* More Button */
.morebtn-link-title.left { text-align: left; }
.morebtn-link-title.center { text-align: center; }
.morebtn-link-title.right { text-align: right; }

.morebtn-link-title { padding: 8px; }
/* Button - Default */
/*.default-btn.primary a.main-color { border-radius: 6px; border-color: #46b8da; background-color: #5bc0de; }
.default-btn.primary a.main-color:hover { border-radius: 6px; border-color: #269abc; background-color: #31b0d5; }
.default-btn.primary a.main-color:ative { border-radius: 6px; border-color: #1b6d85; background-color: #269abc; }

.default-btn.secondary a.main-color { border-radius: 6px; border-color: #ef1d5e; background-color: #ef1d5e; }
.default-btn.secondary a.main-color:hover { border-radius: 6px; border-color: #0fa2c5; background-color: #0fa2c5; }
.default-btn.secondary a.main-color:ative { border-radius: 6px; border-color: #0fa2c5; background-color: #0fa2c5; }

.default-btn.btn-dark-blue a.main-color { border-radius: 6px; border-color: #009fed; background-color: #009fed; }
.default-btn.btn-dark-blue a.main-color:hover { border-radius: 6px; border-color: #269abc; background-color: #269abc; }
.default-btn.btn-dark-blue a.main-color:ative { border-radius: 6px; border-color: #269abc; background-color: #269abc; }*/

.default-btn a { line-height: 1.3333333; font-size: 1rem; }
/* Separator */
.gen-separator { height: 1px; position: relative; }
.gen-separator .separator-line { border-top: 1px solid #ccc; position: relative; display: block; }
/* Video */
h2.wpb_video_heading { font-size: 1.25em; line-height: 1.4em; font-weight: normal; }
/* Sidemenu Page Content Tabs Settings */
.video_block .wpb_video_wrapper { width: 80%; padding-bottom: 45%; }

@media screen and (max-width: 768px) {
	.video_block .wpb_video_wrapper { width: 100%; padding-bottom: 56.25%; }
}

@media screen and (max-width: 767px) {
	table.table-responsive-breakline, 
	table.table-responsive-breakline>thead, 
	table.table-responsive-breakline>thead>tr, 
	table.table-responsive-breakline>thead>tr>th, 
	table.table-responsive-breakline>thead>tr>td,
	table.table-responsive-breakline>tbody, 
	table.table-responsive-breakline>tbody>tr, 
	table.table-responsive-breakline>tbody>tr>th, 
	table.table-responsive-breakline>tbody>tr>td,
	table.table-responsive-breakline>tfoot, 
	table.table-responsive-breakline>tfoot>tr, 
	table.table-responsive-breakline>tfoot>tr>th, 
	table.table-responsive-breakline>tfoot>tr>td{ display: block !important; width: 100% !important;}
	table.table-responsive-breakline>thead>tr, table.table-responsive-breakline>tbody>tr, table.table-responsive-breakline>tfoot>tr{ margin-bottom: 2rem}
	
	table.table-responsive-breakline-label, 
	table.table-responsive-breakline-label>thead, 
	table.table-responsive-breakline-label>thead>tr, 
	table.table-responsive-breakline-label>thead>tr>th, 
	table.table-responsive-breakline-label>thead>tr>td,
	table.table-responsive-breakline-label>tbody, 
	table.table-responsive-breakline-label>tbody>tr, 
	table.table-responsive-breakline-label>tbody>tr>th, 
	table.table-responsive-breakline-label>tbody>tr>td,
	table.table-responsive-breakline-label>tfoot, 
	table.table-responsive-breakline-label>tfoot>tr, 
	table.table-responsive-breakline-label>tfoot>tr>th, 
	table.table-responsive-breakline-label>tfoot>tr>td{ display: block !important; width: 100% !important;}
	table.table-responsive-breakline-label>thead{display: none !important}
	table.table-responsive-breakline-label>tbody>tr, table.table-responsive-breakline-label>tfooter>tr{margin-bottom: 2rem;}
	table.table-responsive-breakline-label>tbody>tr>th, table.table-responsive-breakline-label>tbody>tr>td{position:relative;}
	table.table-responsive-breakline-label>tbody>tr>th[aria-label]::before, table.table-responsive-breakline-label>tbody>tr>td[aria-label]::before{content: attr(aria-label); display: block; font-weight: bold; color:#222; font-size: 0.9em}
	
	
}

/*.image-slider-wrapper { margin-bottom: 50px; }*/

/* Separator with Text */
.block-headering h1, .block-headering h2, .block-headering h3, .block-headering h4, .block-headering h5, .block-headering h6 { 
	padding: 10px 30px 15px 30px;
    margin-top: 60px;
    margin-bottom: 40px; 
}
/* Download List */
.download-list .list-filter { margin-bottom: 20px; }
.download-list .form-control, .download-list button { height: 40px; }
.main-content .download-list .pagination>.active>a { color: #fff }


/* Dynamic Element */
/* News List */
	/* Layout*/

	.block-news-list .block-news-list-kiu { position: relative; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center;}
	.block-news-list .block-news-list-kiu .item-thumb { flex: 1; }
	.block-news-list .block-news-list-kiu .item-intro { flex: 2; }

	@media (max-width: 768px) {
		.block-news-list .block-news-list-kiu { display: block; }
	}

	.block-news-list .item-block { border-bottom: 1px solid #eee; }
	/* Thumb */
	.block-news-list .item-thumb:before { padding-top: 70%; }
	.block-news-list .item-thumb { margin-right: 30px; padding: 10px 0; }
	.block-news-list .item-thumb img { left: 0; right: 0; top: 0; bottom: 0; }
	/* Text Block */
	.block-news-list .item-intro { padding: 30px 0px; }
	.block-news-list .item-intro .item-desc {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* number of lines to show */
		-webkit-box-orient: vertical;
   }
	.block-news-list .item-intro .item-desc>p { display: inline-block;  }
	.block-news-list .item-intro table { margin-bottom: 0px; }
	.block-news-list .item-intro table>tbody>tr>td, .block-news-list .item-intro table>tbody>tr>th { padding: 0px; }

	@media (max-width: 768px) {
		.block-news-list .item-intro { padding-top: 10px; }
		.block-news-list .item-thumb { margin-right: 0px; }
		.block-news-list .block-news-list-kiu .item-thumb:before { content: none; }
		.block-news-list .item-thumb>a, .block-news-list .item-thumb img { position: relative; }
	}
	/* Component Title */
	.block-news-list .item-title a { color: #ef1d5e; }
	.block-news-list .item-title h2 { font-weight: normal; }
	/* Component Date */
	.block-news-list .item-title { margin-bottom: 20px; }
	.block-news-list .item-date { display: inline-flex; margin-bottom: 20px; }
	.block-news-list .item-intro .fa, .block-news-list .item-intro .far, .block-news-list .item-intro .fas { font-size: 24px; margin-right: 10px; line-height: 1em; }
	.block-news-list .item-date span { line-height: 1em; margin: auto; }
	/* Component Category */
	.block-news-list .display-cat-l-on { display: block; }
	.block-news-list .display-cat-l-off { display: none; }
	/* Component Date */
	.block-news-list .display-date-l-on { display: block; }
	.block-news-list .display-date-l-off { display: none; }

	/* Pagination */
	.pagination .fa { font-size: inherit; }
	.pagination>.active>a { color: #fff }

/* Activity List */
/*.block-home-jobs .column-title>h2 { color: #623434; }*/

/* Extra Class*/
.align-element-left { text-align: left; }
.align-element-left div { display: inline-block; }
.align-element-left>div { 
	display: -ms-flexbox; display: flex; 
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	-ms-flex-align: center !important; align-items: center !important; 
	-ms-flex-line-pack: center !important; align-content: center !important;
	justify-content: flex-start;
	width: 100%;
}
.align-element-left div:not(:last-child) { margin-right: 10px; }

.align-element-right { text-align: right; }
.align-element-right div { display: inline-block; }
.align-element-right>div { 
	display: -ms-flexbox; display: flex; 
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	-ms-flex-align: center !important; align-items: center !important; 
	-ms-flex-line-pack: center !important; align-content: center !important;
	justify-content: flex-end;
	width: 100%;
}
/* .align-element-right div:not(:last-child) { margin-right: 10px; } */

.three-img-col { display: grid; grid-gap: 30px; grid-template-columns: auto auto auto; }
.three-img-col img { display: block; width: 100%; }

.img-list-inline .img-block { display: inline-block; }
.img-list-inline .img-block:not(:last-child) { margin-right: 20px; }

/* Text Block - Extra Code */
.mg-big-bottom { margin-bottom: 60px; }
.mg-big-bottom .item { justify-content: left; }
.mg-big-bottom .item-intro { padding: 0px; }

/* Menu Navigator */
#top-menu ul { margin-top: 0px; }


/* Registration Form */
.reg-form-title .row { align-items: center; align-content: center; }

#registration_form .check-list>li, #vm_registrator .check-list>li { list-style: none; }
.main-content #registration_form ul>li:before, .main-content #vm_registrator ul>li:before, .main-content .panel ul>li:before { content: none; }

#vm_registrator .terms-doc h4 { color: #623434; font-weight: bold; }
.terms-doc a { color: #337ab7; text-decoration: none; }
.main-content #vm_registrator .terms-doc ul {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.main-content #vm_registrator .terms-doc ul>li { list-style: disc; padding-left: 0px; }
	/* Form Style */
	#vm_registrator strong, #vm_registrator table th { color: #623434; }
	#vm_registrator p { margin-top: 10px; margin-bottom: 10px; }

	input[type=checkbox]+label, input[type=radio]+label { display: inline-block; }

/* After Login */
.main-content .floating-sidebox ul>li:before { content: none; }



/* Campaign Search page */
.main-content.page-test-campaign-search .container-fullw > .row { max-width: initial; width: 100%; margin: auto; }
.main-content.page-test-campaign-search .container-fullw > .row .col-sm-12 { padding: 0px; }

.table-responsive>.table{border: none;}

@media (max-width: 992px) {
	.main-content { padding-bottom: 0px; }
}
@media (max-width: 568px) {
	main.main-content .container-fullw { padding: 0px; }
}
.pageheader-test-campaign-search { align-items: center; }
.pageheader-test-campaign-search .pagebanner-content { max-width: 880px; margin-left: auto; margin-right: auto; }
.container .pagebanner-content .pbcontent-title h2 { color: #fff; }

.pagebanner-content .pbcontent-searchcontainer { display: inline-flex; width: 100%; }
.pagebanner-content .pbcontent-searchcontainer .pbcsc-first { flex: 7; }
/* .pagebanner-content .pbcontent-searchcontainer .pbcsc-middle { flex: 1.5; } */
.pagebanner-content .pbcontent-searchcontainer .pbcsc-last { flex: 1; }
.pagebanner-content .pbcontent-searchcontainer input, .pagebanner-content .pbcontent-searchcontainer button { width: 100%; }
.pagebanner-content .pbcontent-searchcontainer .pbcsc-first input, .pagebanner-content .pbcontent-searchcontainer .pbcsc-middle button, .pagebanner-content .pbcontent-searchcontainer .pbcsc-last button { border: 1px #ddd solid; padding: 5px 8px; font-size: 14px; line-height: 1em; color: #222; height: 100%; }
	/* Advance Filter */
	.pageheader-test-campaign-search-base { width: 100%; margin-left: -15px; margin-right: -15px; }
	.pageheader-test-campaign-search-table { position: absolute; top: 138px; z-index: 2; max-width: 1170px; width: 96%; }
	@media (max-width: 991px) {
		.pageheader-test-campaign-search-table .col-md-4 { width: 100%; }
	}
	@media (max-width: 768px) {
		.pageheader-test-campaign-search-table { top: 130px; width: 100%; padding-left: 5px; padding-right: 5px; left: 0;}
	}
	@media (max-width: 568px) {
		.pageheader-test-campaign-search-table >.col-md-12 { padding: 0px; }
	}
	/* Input */
	.pagebanner-content .pbcontent-searchcontainer .pbcsc-first input { border-radius: 3px 0 0 3px; }
	.pagebanner-content .pbcontent-searchcontainer .pbcsc-first input:focus, .pagebanner-content .pbcontent-searchcontainer button:focus { outline: none; }
	.pagebanner-content .pbcontent-searchcontainer .pbcsc-first input::placeholder, .pagebanner-content .pbcontent-searchcontainer .pbcsc-first input:-ms-input-placeholder, .pagebanner-content .pbcontent-searchcontainer .pbcsc-first input::-webkit-input-placeholder { color: #ddd; }
	/* Button */
	.pagebanner-content .pbcontent-searchcontainer .pbcsc-middle button { border-radius: 0; border-left: 0px; background-color: #fff; color: #4888c0; }
	.pagebanner-content .pbcontent-searchcontainer .pbcsc-middle .fa-cog { font-size: 20px; margin-right: 5px; vertical-align: middle; }
	.pagebanner-content .pbcontent-searchcontainer .pbcsc-middle .fa-caret-down { font-size: 18px; margin-left: 5px; }
	.pagebanner-content .pbcontent-searchcontainer .pbcsc-last button { border-radius: 0 3px 3px 0; border-color: #32a2c7; background-color: #32a2c7; color: #fff; }
	.pagebanner-content .pbcontent-searchcontainer .pbcsc-last .fa-search { font-size: 16px; margin-right: 5px; }

	.pageheader-test-campaign-search-table .btn-clear, .pageheader-test-campaign-search-table .btn-success { min-width: 120px; }
	.pageheader-test-campaign-search-table .btn-clear { border-radius: 3px 0 0 3px; }
	.pageheader-test-campaign-search-table .btn-success { border-radius: 0 3px 3px 0; background: #ef1d5e; border-color: #ef1d5e; }
	.pageheader-test-campaign-search-table .btn-success:hover { background: #0fa2c5; border-color: #0fa2c5; }

	.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; }
	@media (max-width: 879px) and (min-width: 769px) {
		.pagebanner-content .pbcontent-searchcontainer .pbcsc-first { flex: 3; }
		.pagebanner-content .pbcontent-searchcontainer .pbcsc-middle { flex: 1; }
		.pagebanner-content .pbcontent-searchcontainer .pbcsc-last { flex: 1; }
	}
	@media (max-width: 768px) {
		.pagebanner-content .pbcontent-searchcontainer { display: block; }
		.pagebanner-content .pbcontent-searchcontainer .pbcsc-first { flex: initial; display: inline-block; width: 100%; height: 34px;}
		.pagebanner-content .pbcontent-searchcontainer .pbcsc-middle, .pagebanner-content .pbcontent-searchcontainer .pbcsc-last { width: 100%; height: 34px;}
		.pagebanner-content .pbcontent-searchcontainer .pbcsc-first input { border-radius: 3px 3px 0 0; }
		.pagebanner-content .pbcontent-searchcontainer .pbcsc-middle button { border: 1px #ddd solid; border-top: 0px; border-bottom: 0px; }
		.pagebanner-content .pbcontent-searchcontainer .pbcsc-last button { border-radius: 0 0 3px 3px; }
		
		.row.btn-align-bottom-center > div{width: 50% !important; margin-bottom: 30px; border-left: none;}
		.row.btn-align-bottom-center > div:nth-child(even){border-left: 1px #CCC solid;}
		
	}

@media (max-width: 767px) {
.row.btn-align-bottom-center{margin-left: 0; margin-right: 0;}
.row.btn-align-bottom-center > div{width: 100% !important; border-left: none !important; border-top:1px #CCC solid;}
.row.btn-align-bottom-center > div:nth-child(even){border-left: none;}
.row.btn-align-bottom-center > div:first-child{border-top: none;}
button.card.shadow-box-hover.toggle-modal{margin-bottom: 30px;}
}
	
	.page-test-campaign-search + #page-footer { margin-top: 0px; }
	.page-test-campaign-search .column-title>h2 { color: #39505d; font-size: 2rem; font-weight: bold; }
	/* Form Input */
	.pageheader-test-campaign-search-table .check-list.col-4 > li { flex: 0 0 50%; padding: 0px; }
	.pageheader-test-campaign-search-table .check-list > li { padding: 0px; }
	.pageheader-test-campaign-search-table .form-group.form-group-hoz { display: block; }
	.pageheader-test-campaign-search-table .form-group-hoz .input-group { width: 100%; }
	.pageheader-test-campaign-search-table .form-footer { text-align: right; }
/* Activity List w Filter */
	.activity-list-filter .voluntary-item .title h3 a { color: #333; }
	
	.activity-list-filter .tab-pane { display: none!important; }
	.activity-list-filter .tab-pane.active { display: block!important; }
	/* Header */
	.activity-list-filter .column-header { display: inline-block; width: 100%; }
	.activity-list-filter .column-header .column-title { float: left; }
	.activity-list-filter .column-header .column-switcher { float: right; }

	.activity-list-filter .column-switcher ul.switcher-button { display: inline-flex; }
	#page-wrapper .activity-list-filter .column-switcher ul li { padding: 0; margin: 0px; }
	#page-wrapper .activity-list-filter .column-switcher ul li:before { content: none; }
	#page-wrapper .activity-list-filter .column-switcher a { padding: 8px 25px; color: #fff; background: #5f818d; min-width: 150px; display: block; text-align: center; }
	#page-wrapper .activity-list-filter .column-switcher a:hover { cursor: pointer; background: #387a7b; }
	#page-wrapper .activity-list-filter .column-switcher li:first-child a { border-radius: 3px 0 0 3px; }
	#page-wrapper .activity-list-filter .column-switcher li:last-child a { border-radius: 0 3px 3px 0; }
	#page-wrapper .activity-list-filter .column-switcher li.active a { background: #23ac38; }

#page-wrapper .activity-list-filter .item{ -ms-flex: 0 1 auto; flex: 0 1 auto; display:-ms-flexbox; display:flex;}


	.column-switcher li .fas { font-size: 20px; margin-right: 5px; }
	/* Content Item */
	#page-wrapper .activitylist_switchfilter h4 { color: #285b71; }
	.activitylist_switchfilter .voluntary-item .data { width: 100%; }
	.activitylist_switchfilter .progress { border-radius: 0px; }
	.activitylist_switchfilter .progress-bar { width: 0; animation: progress 1.5s ease-in-out forwards; }
	.activitylist_switchfilter .progress-bar.pb-bg-green { background: #39b976; }
	.activitylist_switchfilter .progress-bar.pb-bg-orange { background: #fb8f35; }
	.activitylist_switchfilter .progress-bar.pb-bg-red { background: #df1a52; }
	.activitylist_switchfilter .progress .prgress-bar-percentage { line-height: 20px; text-align: right; }
	@keyframes progress {
	  from {
		width: 0;
	  }
	  to {
		width: 100%;
	  }
	}
	.activitylist_switchfilter .view-all-activity { text-align: center; }
	.activitylist_switchfilter .view-all-activity a { padding: 8px 15px; color: #fff !important; background: #158fa7; border-radius: 3px;}
	.activitylist_switchfilter .view-all-activity a:hover { color: #fff; background: #188eaa; }

@media screen and (max-width: 425px) {
#home-slider .item-thumb::before{min-height:150px;
}

/* Mod 20201029 */
#reg_givenname_eng, #reg_surname_eng, 
#PersonInChargeGivenName, #PersonInChargeSurname, 
#ContactPersonSurname, #ContactPersonGivenName, 
#reg_cp_surname_eng, #reg_cp_givenname_eng, 
#reg_pic_surname_eng, #reg_pic_givenname_eng, 
#principal_nam_ene {text-transform:uppercase;}

table.dot-list>tbody>tr:nth-of-type(odd) { background-color: transparent; }
.main-content .dot-list ul>li:before { top: 0.35em; margin-top: 0; min-width: 5px; min-height: 5px; background-color: #222; border-width: 0px; border-radius: 50%; }
table.dot-list ul li { padding-left: 1em; padding-right: 2em; }
.main-content table.dot-list ul li a { color: #009eec; }


.sitemap  ul{
	text-align:left;
}

.related-link a:not(:last-child) { margin-right: 30px; }
.large a>img { max-width: 80%; margin: auto; }

.img-max-width-medium { max-width: 40%; min-width: 450px; }
@media screen and (min-width: 993px) {
.thumbnail a>img, .thumbnail>img {max-width: 30%; }
.left.thumbnail a>img, .left.thumbnail>img, .left.medium a>img, .left.medium>img { margin-left: initial; margin-right: initial;}
.right.thumbnail a>img, .right.thumbnail>img, .right.medium a>img, .right.medium>img { margin-right: initial;}
.medium a>img, .medium>img {max-width: 50%; margin: auto;}
}
@media (max-width: 992px) and (min-width: 568px) {
.thumbnail a>img, .thumbnail>img {max-width: 50%; }
.left.thumbnail a>img, .left.thumbnail>img, .left.medium a>img, .left.medium>img { margin-left: initial; margin-right: initial;}
.right.thumbnail a>img, .right.thumbnail>img, .right.medium a>img, .right.medium>img { margin-right: initial;}
.medium a>img, .medium>img {max-width: 80%; margin: auto;}
}

.presstable.table>tbody>tr>td:first-child { width: 20%; min-width: 150px; }
.stc2018_section img{
height:350px;
}

.distable-responsive .table-responsive { overflow-x: initial; }
.distable-responsive .table-responsive>.table>tbody>tr>td, .distable-responsive .table-responsive>.table>tbody>tr>th, .distable-responsive .table-responsive>.table>tfoot>tr>td, .distable-responsive .table-responsive>.table>tfoot>tr>th, .distable-responsive .table-responsive>.table>thead>tr>td, .distable-responsive .table-responsive>.table>thead>tr>th { white-space: initial;  }

.jactable-col .jaccol-title { width: 15%; }
.jactable-col .jaccol-1 { width: 30%; }
.jactable-col .jaccol-2 { width: 55%; }
.jactable-col-eng .jaccol-title { width: 20%; }
.jactable-col-eng .jaccol-1 { width: 30%; }
.jactable-col-eng .jaccol-2 { width: 50%; }
@media (max-width: 992px) {

.jactable-col .jaccol-1, .jactable-col .jaccol-2 { width: 50%; }
.jactable-col-eng .jaccol-1, .jactable-col-eng .jaccol-2 { width: 50%; }
}