:root { --orange: #E04A22; --black: #101820; --scblack: #2A251F }

/**
 * Fonts
 */
@font-face { font-family: 'Yafeu'; src: url('../fonts/yafeu/Yafeu-regular.eot'); src: url('../fonts/yafeu/Yafeu-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/yafeu/Yafeu-regular.woff') format('woff'), url('../fonts/yafeu/Yafeu-regular.ttf') format('truetype'), url('../fonts/yafeu/Yafeu-regular.svg#../fonts/yafeu/Yafeu-regular') format('svg'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility }

/**
 * 
 */
html { scroll-behavior: smooth; overflow-x: hidden; font-size: 16px }
body { margin: 0; padding: 0; color: var(--black); background-color: #FFF; font-size: 1rem; line-height: 1.5; font-weight: 400; font-family: 'Montserrat', sans-serif }
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: bold; margin-top: 0; line-height: 1.2; color: var(--black) }
h1,
.h1 { font-size: 140px; font-family: 'Yafeu'; font-weight: normal }
h2,
.h2 { font-size: 100px; font-family: 'Yafeu'; font-weight: normal }
h3,
.h3 { font-size: 25px }
h4,
.h4 { font-size: 20px }
p:last-child { margin-bottom: 0 }
button { outline: none !important }
a { color: var(--orange); font-weight: 500; text-decoration: none }
a:hover,
a:focus,
a:active { text-decoration: none; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; outline: none !important }
img { vertical-align: top; max-width: 100%; height: auto; border: 0 }
.font_gochi_hand { font-family: 'Gochi Hand', cursive }
.font_montserrat { font-family: 'Montserrat', sans-serif }
.container { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; width: 100%; max-width: 1280px }
.btn { text-transform: uppercase; padding: 15px; font-weight: bold; font-size: 14px; display: inline-block; border-radius: 36px; transition: 0.36s; font-family: 'Montserrat', sans-serif; text-decoration: none !important }
.btn.btn-primary { color: #FFF; background-color: var(--orange) }
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active { background-color: #FFF; color: var(--orange) }
ul { padding-left: 16px }
ul>li { margin-bottom: 10px }
ul>li:last-child { margin-bottom: 0 }

/**
 * BT4
 */
.row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px }
.col-12,
.col-md-6,
.col-md-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-6,
.col-lg-7 { padding-left: 15px; padding-right: 15px; width: 100%; flex: 0 0 100%; max-width: 100% }
.col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667% }
.col-lg-3 { flex: 0 0 25%; max-width: 25% }
.col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333% }
.col-lg-6 { flex: 0 0 50%; max-width: 50% }
.col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333% }

/**/
.mt-4,
.my-4 { margin-top: 1.5rem }
.mb-4,
.my-4 { margin-bottom: 1.5rem }
.pl_lg_50 { padding-left: 50px }
.mxw_720 { max-width: 720px }
.mxw_500 { max-width: 500px }
.mx-auto { margin-left: auto; margin-right: auto }
.font_size_sm { font-size: 15px }

/**/
.text_white { color: #FFF }
.text_orange { color: var(--orange) }
.text_scblack { color: var(--scblack) }
.subtitle.elementor-widget-heading .elementor-heading-title,
.large_subtitle.elementor-widget-heading .elementor-heading-title,
.large_subtitle,
.subtitle { font-size: 26px; font-family: 'Gochi Hand', cursive; font-weight: normal; text-transform: none }
.large_subtitle.elementor-widget-heading .elementor-heading-title,
.fz_large,
.large_subtitle { font-size: 60px }
.list-style-number { list-style-type: decimal }
.line { width: 173px; height: 3px; background-color: var(--orange) }
.csline { margin-top: 34px; margin-bottom: 43px }

/**/
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title { line-height: 0.9; font-family: 'Yafeu' }
.elementor-heading-title { line-height: 1.2 }
.elementor-widget-text-editor { color: var(--black); font-family: 'Montserrat', sans-serif }
.dark-theme.elementor-section .elementor-widget-text-editor { color: #FFF }
.bt_row.elementor-section .elementor-column-gap-default { margin-left: -15px; margin-right: -15px }
.bt_row.elementor-section .elementor-column-gap-default>.elementor-column { padding-left: 15px; padding-right: 15px }
.align_items_center_section.elementor-section>.elementor-container { align-items: center }
.elm_2_col.elementor-section>.elementor-column-gap-default { flex-wrap: wrap }
.elm_2_col.elementor-section>.elementor-column-gap-default>.elementor-column { padding-left: 15px; padding-right: 15px; width: 100%; flex: 0 0 50%; max-width: 50% }
.elementor-column-gap-default>.el_p_0.elementor-column>.elementor-element-populated,
.elm_2_col.elementor-section>.elementor-column-gap-default>.elementor-column>.elementor-widget-wrap { padding: 0 }
.elementor-column-gap-default>.box_content_col.elementor-column>.elementor-element-populated { background-color: #FFF; padding: 70px 90px }
.elementor-section.el_section_minus { margin-top: -480px }
.content_minus_img_section .ovr_img_col img { transform: scale(1.05); position: relative; right: -25px }

/**/
.site-header,
.site-footer { background-color: var(--black) }

/**
 * Header
 */
.site-header { padding-top: 30px; padding-bottom: 20px }
.site-header .site-header-inner { display: flex; align-items: center; justify-content: space-between }
.site-header .site-branding { margin-right: 40px }
.site-header .site-navigation { justify-content: flex-start }
.site-navigation ul.menu li { margin-right: 30px }
.site-navigation ul.menu li:last-child { margin-right: 0 }
.site-navigation ul.menu li a,
.site-navigation-dropdown ul.menu li a,
.footer_menu ul.menu li a { color: #FFF; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; font-size: 15px; padding: 5px }
.site-navigation ul.menu li a:hover,
.site-navigation ul.menu li a:focus,
.site-navigation ul.menu li a:active,
.site-navigation ul.menu li.current-menu-item a,
.footer_menu ul.menu li a:hover,
.footer_menu ul.menu li a:focus,
.footer_menu ul.menu li a:active { color: var(--orange) }

/**/
.site-header .submenu.header-submenu ul { padding: 0; display: flex; list-style-type: none; justify-content: flex-end; align-items: center }
.site-header .submenu.header-submenu ul>.menu-item { margin-right: 15px; margin-bottom: 0 }
.site-header .submenu.header-submenu ul>.menu-item:last-child { margin-right: 0 }

/**
 * Footer
 */
.site-footer { padding-top: 100px; padding-bottom: 100px }

/**
 * 
 */
.elementor-column-gap-default>.elementor-column.card_item>.elementor-element-populated { background-color: #FFF; padding: 0 }
.card_item .card_icn { position: absolute; z-index: 1; top: 45px; left: 0; margin-bottom: 0; display: flex; justify-content: center }
.card_item .card_icn .elementor-widget-container img { transition-duration: 0.36s }
.card_item .card_icn .elementor-widget-container:hover img { transition-duration: 0.36s; transform: scale(1.2) }
.card_item .card_icn .elementor-widget-container { width: 150px; height: 150px; background-color: #fff; border-radius: 100%; overflow: hidden }
.card_item .card_img { position: relative; margin-bottom: 0 }
.card_item .card_img img { min-height: 240px; object-fit: cover; object-position: center }
.card_item .card_content { padding: 36px }

/**
 * 
 */
.elementor-section.staff_group>.elementor-column-gap-default>.elementor-column { margin-bottom: 30px }
.elementor-section.staff_group>.elementor-column-gap-default>.elementor-column.staff_item>.elementor-element-populated { background-color: #FFF; padding: 36px; flex-direction: column; padding-bottom: 50px }
.staff_item .staff_img img { border-radius: 100%; object-fit: cover; object-position: top }
.staff_item .staff_name { color: var(--scblack); margin-bottom: 20px }
.staff_item .staff_position { color: var(--orange); margin-bottom: 12px }
.staff_item .staff_link { margin-top: auto }

/**
 * 
 */
.promo_group .promo_item { margin-bottom: 35px }
.promo_group .promo_item>.elementor-element-populated { background-color: #FFF; padding: 30px !important }

/**
 * Form
 */
.gform_wrapper .gform_heading { display: none }
.gform_wrapper ul.gform_fields>li.gfield { padding: 0; margin: 0; margin-bottom: 15px }
.gform_wrapper ul.gform_fields>li.gfield:last-child { margin-bottom: 0 }
.gform_wrapper ul.gform_fields>li.gfield>label { display: none !important }
.gform_wrapper ul.gform_fields>li.gfield .ginput_container { margin-top: 0 }
.gform_wrapper ul.gform_fields>li.gfield .ginput_container input,
.gform_wrapper ul.gform_fields>li.gfield .ginput_container textarea { width: 100%; padding: 15px !important; border-radius: 0; border: 0 }
.gform_wrapper ul.gform_fields>li.gfield .ginput_container input::placeholder,
.gform_wrapper ul.gform_fields>li.gfield .ginput_container textarea::placeholder { color: var(--orange); opacity: 1 }
.gform_wrapper ul.gform_fields>li.gfield .ginput_container input:hover,
.gform_wrapper ul.gform_fields>li.gfield .ginput_container input:focus,
.gform_wrapper ul.gform_fields>li.gfield .ginput_container input:active { border: 0 }
.gform_wrapper .gform_footer { text-align: center }
.gform_wrapper .gform_footer input.gform_button { margin: 0; padding: 12px 30px }
.form_left .gform_wrapper .gform_footer { text-align: left }

/**
 * Slide
 */
.slider-single-wrapper .slider-image { overflow: hidden }
.slider-single-wrapper button.slick-arrow { display: inline-flex; margin-left: -40px; width: 35px; height: 35px; border-radius: 100%; justify-content: center; align-items: center; padding: 0 }
.slider-single-wrapper button.slick-next { margin-left: auto; margin-right: -40px }
.slider-single-wrapper .slick-prev:before,
.slider-single-wrapper .slick-next:before { color: #101820; content: ''; font-family: "FontAwesome"; font-weight: 900 }
.slider-single-wrapper .slick-prev:before { content: '\f060' }
.slider-single-wrapper .slick-next:before { content: '\f061' }
.slider-single-wrapper .slick-prev:hover:before,
.slider-single-wrapper .slick-next:hover:before { color: #e04a22 }
.slider-single-wrapper .slick-dots { position: absolute; width: 100%; height: auto; display: flex; justify-content: center; bottom: 30px; left: 0 }
.slider-single-wrapper .slick-dots li button { width: 20px; border: none; height: 20px; background-color: #fff }
.slider-single-wrapper .slick-dots li button:before { display: none }
.slider-single-wrapper .slick-dots li.slick-active button { background-color: #101820 }
.slider-single-wrapper  .slider-sub-title .elementor-heading-title { font-size: 50px }

/**
 * Post
 */
body.single-post,
body.single-event { background-color: #F7F8FA }
.single-post-content .post_cat,
.single-post-content .post_header,
.single-post-content .post_meta { text-align: center }
.single-post-content .post_cat { margin-bottom: 20px }
.single-post-content .post_cat a { font-size: 25px; font-weight: bold; text-transform: uppercase; color: var(--black) }
.single-post-content .post_meta { margin-bottom: 40px }
.single-post-content .post_header .entry-title { line-height: 1; margin-bottom: 0 }
.single-post-content .post_intro { max-width: 720px; margin-left: auto; margin-right: auto }
.single-post-content .post_wrap { z-index: 1; position: relative; margin-top: -300px; background-color: #FFF; padding: 100px 120px; margin-bottom: 100px }
.single-post-content .post_feature_img { margin-bottom: 43px }
.single-post-content .post_content { max-width: 720px; margin-left: auto; margin-right: auto }
.single-post-content .post_footer { margin-top: 43px }
.single-post-content .post_footer > a { margin-right: 10px }
.single-post-content .post_footer > a:last-child { margin-right: 0 }
.single-post-content .post_meta.event_meta .event_meta_item { font-weight: bold }

/**
 * 
 */
.blogs_main { background-color: #F7F8FA; padding-top: 65px; padding-bottom: 65px }
.list-blogs-teaser > .row > div { margin-bottom: 36px }
.post_teaser { background-color: #FFF }
.post_teaser .post_infor { padding: 35px 30px 50px 30px; text-align: center }
.post_teaser .post_title a { color: var(--scblack); font-weight: bold }
.post_teaser .post_meta { margin-bottom: 10px }
.post_teaser .post_date,
.event_teaser .event_location { color: var(--orange); font-weight: 500 }
.post_teaser .post_link { margin-top: 20px }

/**/
ul.pagination { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: center; align-items: center }
ul.pagination > li { margin-bottom: 0; margin-right: 15px }
ul.pagination > li > .page-numbers { color: var(--black); padding: 5px }
ul.pagination > li > .page-numbers:hover,
ul.pagination > li > .page-numbers:focus,
ul.pagination > li > .page-numbers:active,
ul.pagination > li > .page-numbers.current { color: var(--orange) }
ul.pagination > li > .page-numbers.prev,
ul.pagination > li > .page-numbers.next { font-family: 'Gochi Hand', cursive; font-size: 25px; color: var(--orange) }
.d-flex { display: flex }
.filter-section { background: #E04A22 }
.filter-section .sort-by-wrap { display: flex; justify-content: space-between; align-items: center }
.filter-section .sort-by-wrap ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center }
.filter-section .sort-by-wrap ul li { margin-bottom: 0; margin-right: 50px }
.filter-section .sort-by-wrap ul li a { color: #fff; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-weight: bold; display: inline-block; padding: 40px 0; position: relative }
.filter-section .sort-by-wrap ul li a:after { background-color: transparent; display: block; content: ""; width: 100%; height: 10px; bottom: 0; left: 0; position: absolute }
.filter-section .sort-by-wrap ul li:hover > a { color: #101820 }
.filter-section .sort-by-wrap ul li.active > a:after { background-color: #101820 }
.filter-section .form-wrap { }
.filter-section .form-wrap form { position: relative }
.filter-section .form-wrap form .search-key { border: none; border-radius: 0; padding: 10px 50px 10px 20px; font-size: 16px; outline: none }
.filter-section .form-wrap form .search-btn { position: absolute; background: transparent; border: none; right: 10px; z-index: 9; bottom: 0; color: #e04a22; font-size: 28px; padding: 0 }
.filter-section .sort-by-title { color: #fff; font-family: 'Gochi Hand', cursive; font-size: 24px }
.result-list { text-align: right; margin-bottom: 20px }
