header .main-header-area .logo #logo_label
{
    color: #434343;
    font-family: montserrat;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: normal;
    text-transform: uppercase;
    padding: 10px 10px;
}
#members .ukksz_member
{
    border: 1px solid #ddd;
}
#members .ukksz_member label
{
    padding: 10px 15px;
    margin:0px;
}
#members .ukksz_member label a
{
    color: #ffcc33;
    font-weight: bold;
}
#members .ukksz_member_header label
{
    padding: 5px 15px;
    margin:0px;
    color:white;
}
#members .ukksz_member_header
{
    background-color: #008ac5;
    border: none;
    padding: 10px 0px;
}
#members .ukksz_member .member_details_button
{
    float: right;
    padding: 5px 15px;
    margin: 5px 0px;
    background-color: #ffcc33;
    color:white;
    
}
#member #company_info label
{
    font-size: 16px;
}
#member #company_info .text
{
    font-weight: bold;
}
#member #company_info .row
{
    padding: 10px 0px;
}
#member #company_info #company_name
{
    font-size: 20px;
    font-weight: bold;
    color: #ffcc33;
}
#petitioners .data_head
{
    border-bottom: 1px solid #ffcc33;
    margin-bottom:10px;
}
#petitioners #petitioner_form
{
    padding: 20px 0px;
}
#pages .image-content
{
    margin: 0px 30px 30px 0px;
}
#pages .about-content
{
    margin: 40px 0px;
}
#pages .about-content ul li 
{
    list-style:square;
    margin-left: 15px;
    font-weight: 400;
}
#pages .about-content a
{
    color: #ffcc33;
}
#project_list .project_image
{
    max-height: 250px;
    overflow: hidden;
}
/* Gallery */

.gallery figure:hover
{
    opacity: 0.6;
} 
#gallery .gallery figure img
{
    float: left;
    width: 100%;
}
#gallery .gallery figure
{
    max-height: 170px;
    overflow: hidden;
}
#gallery .gallery_row
{
    padding-bottom: 30px;
    border-bottom: 1px solid #ffcc33;
    margin-bottom: 20px;
}
#gallery .event-content 
{
    padding: 0px 0px 0px 0px;
}
#gallery .event-content #load_more
{
    background-color: #008ac5;
    color:white;
    font-weight: bold;
}
#gallery .event-content #load_more:hover
{
    background-color: #ffcc33;
    color:white;
    font-weight: bold;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	 .pp_pic_holder{ left: 50% !important; width: 400px !important;  margin-left: -200px !important; }
	 div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; }
	 .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; }
	 div.pp_default .pp_content_container .pp_details {margin-top: 20px !important; }
}

@media only screen and (max-width: 479px) {
	 .pp_pic_holder{ left: 50% !important; width: 300px !important;  margin-left: -150px !important; }
	 div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; }
	 .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; }
	 div.pp_default .pp_content_container .pp_details {margin-top: 20px !important; }
}

.pp_social, .pp_play {
display: none !important;
}
/* END Gallery */

#project_details .project_news .volunteer-content
{
    background: #f5f5f5 none repeat     
}
#project_details .event-content 
{
    padding: 30px 30px 100px 30px;
}
#project_details .questionnaires
{
    margin-bottom:40px;
}
#project_details .questionnaires .single-donate-information a span
{
    color: #ffcc33!important;
}
#news_list .tag_list
{
    margin-bottom:30px;
}
#news_list .tag_list h3 
{
    color:#008ac5;
}
#news_list .tag_list ul li a
{
	color: #008ac5;
	background-color: #ffcc33;
	font-weight: bold;
	border-radius: 5px;
	border: 2px solid #008ac5;
	line-height: 30px;
}
#news_list .tag_list ul li a:hover
{
    color:#ffcc33;
    background-color: white;
    border: 2px solid #ffcc33;
}

#project_questionnaire .questionnaire_box
{
    margin:30px 0px;
}
#project_questionnaire .questionnaire_box iframe
{
    width:100%!important
}
#project_questionnaire #back_to_project
{
    color:#ffcc33;
    font-weight: bold;
}
.timer h4.seconds{
    min-width: 44px;
}
.project-list{
    margin-bottom:30px;
}
.news-list{
    margin-bottom:30px;
}
.events-list{
    margin-bottom:30px;
}

#project_details #project_questionnaires
{
    margin: 25px 0px;
}
#project_details #project_events
{
    margin-bottom: 120px;
    margin-top: 50px
}
#project_details #project_events .volunteer-content
{
    padding-bottom: 0px;
}
#project_details #project_news
{
    margin: 25px 0px;
}
.kode_blog_pagination
{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.kode_blog_pagination .left, .kode_blog_pagination .right
{
    margin-right: 21px;
}
.kode_blog_pagination .right
{
    margin-right: 0;
    margin-left: 6px;
}
.kode_blog_pagination a
{
    display: inline-block;
    height: 33px;
    width: 33px;
    line-height: 29px;
    text-align: center;
    font-size: 16px;

    margin-right: 15px;
    font-weight: 700;
    cursor:pointer;
}


.black a
{
    cursor:pointer;
}
#EventModal .modal-header button
{
    color: white;
    font-size: 35px;
}
#EventModal .modal-header h2
{
    color:white
}
#EventModal .modal-header
{
    background-color: #008ac5;
}
#EventModal .modal-body #event_banner_image_box
{
    text-align: center;
}
#EventModal .modal-body #event_banner_image_box a
{
    font-size: 25px;
    font-weight: bold;
}

/* NAV TREE */

.nav-category {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.nav-category li a {
    border-top: 1px solid #ffcc33;
    clear: both;
    display: block;
    font-weight: 600;
    position: relative;
    padding: 10px 20px;
}

.nav-category li a:hover {
    background: #f5f5f5;
}

.nav-category li a.child-has-open:hover {
    background: #fff;
}

.nav-category a span {
    padding-right: 5px;
    display: inline-block;
}

.nav-category li ul {
    margin: 0;
    padding: 0;
    background: white;

}

.nav-category ul a {
    padding-left: 30px;
    font-size: 13px;
}

.nav-category ul ul a {
    padding-left: 45px;
}

.nav-category ul ul ul a {
    padding-left: 60px;
}

.nav-category ul ul ul ul a {
    padding-left: 75px;
}

.nav-category li a.child-has-open {
    font-weight: bold;
}

.child-has-open::after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
}

.child-has-close::after {
    content: "\f104";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
}

#collapseEvents_Archive ul
{
    list-style: none;
}
#collapseEvents_Archive ul .child-has-open, .a_page, .a_prev_next_page
{
    cursor:pointer;
}

.panel-heading .panel-title > a
{
    font-weight: bold;
    color: #008ac5;
    font-size: 20px;
}
#events_list .panel-heading
{
    background: white;
}
#events_list .panel-collapse
{
    background:white;
}
#events_list .panel-default
{
    border: none;
}
#events_list .panel-default > .panel-heading
{
    border-color:#ffcc33;
}
#events_list .parent_li li a
{
    cursor: pointer;
}

#event .panel-heading
{
    background: white;
}
#event .panel-collapse
{
    background:white;
}
#event .panel-default
{
    border: none;
}
#event .panel-default > .panel-heading
{
    border-color:#ffcc33;
}
#event .parent_li li a
{
    cursor: pointer;
}

#news_list .panel-heading
{
    background: white;
}
#news_list .panel-collapse
{
    background:white;
}
#news_list .panel-default
{
    border: none;
}
#news_list .panel-default > .panel-heading
{
    border-color:#ffcc33;
}
#news_list .parent_li li a
{
    cursor: pointer;
}
#pages .image-content img
{
    width:100%
}
.event-content p img
{
    width:100%
}
.pp_social {
display: none !important;
}
.event-thumb, .volunteer-thumb, .donet-thumbnail
{
    cursor:pointer;
}
@media (max-width: 1366px){
.slider-content {
    padding: 418px 0px 60px 0px;
}
}
@media (max-width: 767px) 
{
    .slider-wrapper .single-slider h1
    {
        font-size:20px;
    }
    .theme-section 
    {
        padding: 30px 0;
    }
    .has-tree
    {
        margin: 40px 0px;
    }
    .gallery_mobile h2
    {
        font-size:20px;
    }
    .gallery_mobile .gallery li
    {
        margin-bottom:15px;
    }
    #project_questionnaire .questionnaire_box
    {
        padding: 0px;
        margin: 0px -30px;
    }
    #project_questionnaire .questionnaire_box>div
    {
        text-align: center;
        padding: 0px;
    }
}
/* NAV TREE END */
.ui.grid>.column:not(.row), .ui.grid>.row>.column {
    padding-left: 3rem !important;
}
.td_def_style{
    color: #ffcc33;
    font-weight: bold;
}

#members #ukksz_members .fstElement{
    font-size: 0.8em;
}

.ukksz-table-header-custom th{
    background-color:#008ac5;
    color:#fff;
}
#project_details .volunteer-member-list .slick-arrow 
{
    top:-30px;
}
#project_details .area-title 
{
    margin-bottom: 30px;
}
#project_details .volunteer-member-list .slick-next
{
    right: 15px!important;
    left: auto;
}
#project_details .volunteer-member-list .slick-prev
{
    right: 75px!important;
    left: auto;
}

.event-section .volunteer-member-list .slick-arrow 
{
    top:-30px;
}
.event-section .area-title 
{
    margin-bottom: 30px;
}
.event-section .volunteer-member-list .slick-next
{
    right: 35%!important;
    left: auto;
}
.event-section .volunteer-member-list .slick-prev
{
    left: 35%!important;
    left: auto;
}


#project_details .event-content .editor-text iframe{
  
  width: 100%;
  height: -webkit-fill-available;
  height: -moz-available;
}
#project_details .editor-text .event-thumb
{
    margin: 0px 30px 30px 0px;
    padding:0px;
}
#video_gallery .video_box
{
    position: relative;
     padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ 
     height: 0;
     width:100%;
     margin: 0 auto;
     margin-top: -10px;
}
#video_gallery .video_box iframe
{
    position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#video_gallery .event-content #load_more_video
{
    background-color: #008ac5;
    color:white;
    font-weight: bold;
}
#video_gallery .event-content #load_more_video:hover
{
    background-color: #ffcc33;
    color:white;
    font-weight: bold;
}
#video_gallery .gallery_row
{
    margin-bottom:40px;
}
.main_management_row .volunteer-content
{
	text-align: center;
}
.main_management_row
{
	margin-bottom: 30px;
}
#news_list .event-section
{
	padding-top: 50px;
}
#declarations_of_assets .gray-bg, #council_decisions_list .gray-bg, #forms .gray-bg, #departments .gray-bg, #job_postings .gray-bg, #marriages .gray-bg {
	background: #f5f5f5;
}
#declarations_of_assets .single-feature, #council_decisions_list .single-feature
{
	margin-bottom: 30px;
}
#council_decisions_list #collapseEvents_Archive li .active
{
	font-weight: bold;
}
#forms .form_box
{
	margin-bottom: 20px;
}
#job_postings .single-feature
{
	margin-bottom: 20px;
}
#marriages .single-feature
{
	margin-bottom: 20px;
}
#marriages .single-feature h5
{
	text-transform: capitalize;
	font-size: 16px;
}
#departments .single-feature
{
	margin-bottom: 20px;
}
#department .form_box .single-feature
{
	background: #f5f5f5;
	padding: 30px;
	margin-bottom: 20px;
}
#pages p a[href$=".pdf"]::before, #pages p a[href$=".PDF"]::before
{
	content: ' ';
	display: inline-block;
	background: url("../images/pdf.png") no-repeat;
	background-size: contain;
	height: 30px;
	width: 30px;
	margin-right: 5px;
	vertical-align: bottom;
}
#pages p a[href$=".txt"]::before, #pages p a[href$=".TXT"]::before
{
	content: ' ';
	display: inline-block;
	background: url("../images/txt.png") no-repeat;
	background-size: contain;
	height: 30px;
	width: 30px;
	margin-right: 5px;
	vertical-align: bottom;
}
#pages p a[href$=".doc"]::before, #pages p a[href$=".DOC"]::before, #pages p a[href$=".docx"]::before, #pages p a[href$=".DOCX"]::before
{
	content: ' ';
	display: inline-block;
	background: url("../images/word.png") no-repeat;
	background-size: contain;
	height: 30px;
	width: 30px;
	margin-right: 5px;
	vertical-align: bottom;
}
#pages p a[href$=".xlsx"]::before, #pages p a[href$=".XLSX"]::before, #pages p a[href$=".xml"]::before, #pages p a[href$=".XML"]::before,#pages p a[href$=".xltx"]::before, #pages p a[href$=".XLTX"]::before
{
	content: ' ';
	display: inline-block;
	background: url("../images/excel.png") no-repeat;
	background-size: contain;
	height: 30px;
	width: 30px;
	margin-right: 5px;
	vertical-align: bottom;
}
.single-event-section ul li
{
	list-style: unset;
}
.single-event-section ul
{
	/*padding: revert;*/
}
/*help_box*/
#help_box
{
	z-index: 1;
	border-radius: 4px;
	bottom: 65px;
	right: 30px;
	line-height: 25px;
	position: fixed;
	cursor: pointer;
}
#help_box label
{
	top: 30px;
	left: 30px;
	position: absolute;
	color: black;
	font-weight: bold;
}
#help_page .help_page_header
{
	padding-bottom: 2px;
	text-align: center;
}
#help_page .help_page_header:before
{
	height: 7px;
	width: calc(20vw);
	border-radius: 10px;
	background: black;
}
#help_page .help_page_header:after
{
	content: none;
}
#help_page .help_page_header h2
{
	color: black;
	font-weight: bold;
	text-align: center;
	border: 2px solid black;
	padding: 10px 10px;
	border-radius: 10px;
	width: inherit;
}
#help_page .help_page_header h2:after
{
	content: "\f0d7";
	top: 47px;
	color: black;
	font-family: fontawesome;
	font-size: 35px;
	left: 43%;
	position: absolute;
}
#help_box2
{
	cursor: pointer;
	background-color: white;
	margin-top: 10px;
	border: 2px solid black;
	border-radius: 4px;
	display: none;
}
#help_box2 label
{
	bottom: 120px;
	left: 36px;
	position: absolute;
	color: black;
	font-weight: bold;
}
/** Cookies*/
.cookies-display{
	position: fixed;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.9);
	color: #fff;
	padding: 5px 10px 0px 10px;
	font-weight: bold;
	z-index: 1000;
}
.cookies-display #cookies_policy
{
	font-weight: bold;
	padding: 9px 10px;
	min-width: 125px;
	color: #008ac5;
	background-color: white;
	border: 2px solid #008ac5;
	font-size: 18px;
}
.cookies-display-a{
	color: #008ac5;
	font-size: 16px;
}
.cookies-display-a:hover{
	color: #008ac5;
	text-shadow: 1px 1px 1px #fff;
}
#cookies-display .info_row
{
	border-bottom: solid 3px #008ac5;
	margin-bottom: 5px;
}
#cookies-display .settings_row p.checkbox_info
{
	margin-bottom: 0px;
	margin-top: 5px;
	color: white;
}
#cookies-display .settings_row
{
	margin-top: 0px;
}
#cookies-display .settings_row label
{
	color: #008ac5;
	cursor: pointer;
	font-weight: bold;
	font-size: 18px;
}
#cookies-display #cookies_policy
{
	margin-bottom: 5px;
	margin-top: 5px;
	height: auto;
}
#cookies-display .col_box
{
	margin: 5px 0px;
	padding-left: 5px;
	padding-right: 5px;
}
#scrollTopBtn
{
	bottom: 120px!important;
	right: 10px!important;
}
#back-to-top
{
	bottom: 315px;
	right: 10px;
}
#help_box
{
	bottom: 125px;
	right: 10px;
}
#back-to-top.bottom
{
	bottom: 200px;
}
#help_box.bottom
{
	bottom: 10px;
}
/**Cookie End */
#next_event_detail_btn
{
	float: inline-end;
	margin-left: 30px;
}
.next_event_detail_btn_box
{
	float: inline-end;
}
#alert_header
{
	padding-left: 0px;
	padding-right: 0px;
	float: right;
}
#alert_header .header-action
{
	display: inline-flex;
	float: right;
}
#alert_header.big_padding .header-action
{
	padding: 18px 0;
}
#alert_header.small_padding .header-action
{
	padding: 20px 0;
}
#alert_details .single-event-section
{
	padding: 20px 0px 30px 0px;
}
#alert_details  .single-event-title
{
	margin-bottom: 10px;
}
#alert_details .alert_text
{
	font-size: 20px;
	font-weight: bold;
}
#child_pages_section
{
	background: #f5f5f5;
	padding: 40px 0px;
}
#child_page_back_btn
{
	float: right;
	margin-top: 35px;
	margin-bottom: -75px;
	margin-right: 15px;
	z-index: 100;
	position: relative;
}
#child_pages_section .child_page_item
{
	margin-top: 30px;
}
.header-area .logo_col
{
	padding: 0px;
}
/*help_box end*/
@media (max-width: 1169px) and (min-width: 992px){
.template-menu>ul>li + li {
    margin-left: 18px;
}
}
@media (max-width: 1400px) {
	#help_page .help_page_header:before {
		height: 5px;
		width: 320px;
	}
	#help_box
	{
		display: none;
	}
	#help_box2
	{
		display: block;
	}
}
@media (max-width: 767px)
{
	.header-social-menu {
		float: left;
		text-align: center;
		margin: 0px 0;
	}
	#help_page .help_page_header h2:after
	{
		content: "\f0d7";
		top: 85px;
		color: black;
		font-family: fontawesome;
		font-size: 35px;
		left: 43%;
		position: absolute;
	}
    #video_gallery .gallery_row .col-xs-12
    {
        padding-right:0px;
    }
    .single-event-section .single-event-title
    {
        margin-bottom: 20px;
    }
    #project_details .editor-text .event-thumb
    {
        margin: 0px 0px 30px 0px;
        padding:0px;
    }
    #pages .image-content
    {
        margin: 0px 0px 30px 0px;
    }
    #pages .about-content .col-md-6
    {
        padding:0px;
    }
    #pages .about-content h3
    {
        margin-bottom: 20px;
    }
    #project_details .event-content
    {
        padding: 0px;
    }
    .events-list
    {
        padding: 0px;
    }
    .single-event-section .event-content
    {
        padding: 30px 0 0 0;
    }
    #gallery .container
    {
        padding: 0px;
    }
    #gallery .gallery li
    {
        padding: 0;
    }
    .email-phone 
    {
        margin-bottom: 15px;
    }

    .slider-content 
    {
        padding: 60px 0px 60px 0px;
    }
    .col-sm-6:nth-child(1) .single-counter, .col-sm-6:nth-child(2) .single-counter {
        margin-bottom: 40px;
    }
    .col-sm-6:nth-child(n+2) .single-counter {
        margin-top: 0px;
    }
    .kode_blog_pagination .left, .kode_blog_pagination .right 
    {
        margin-right: 4px;
    }
    .kode_blog_pagination a {
        margin-right: 2px;
    }
	.main-header-area #alert_header
	{
		text-align: center;
	}
	.main-header-area #alert_header .header-action
	{
		float: unset;
		padding: 10px 0px;
	}
	.main-header-area .next_event_detail_btn_box
	{
		width: 100%;
		margin-bottom: 5px;
	}
	.main-header-area #next_event_detail_btn
	{
		float: unset;
		margin: 0px;
		z-index: 1000;
		position: relative;
	}
	.main-header-area .countdown-area .countdown-message
	{
		margin-bottom: 5px;
	}
	.main-header-area .countdown-area
	{
		padding: 10px 0px 0px 0px;
	}
}