@charset "utf-8";

@media (min-width: 1025px) {
  .utal .hamburger { display: none !important; }
}

@media only screen and (max-width: 1200px) {
  .modal_popup_element iframe.vimeoplayer { height: 225px; }
  .modal_popup_element iframe { height: 222px; }
}

@media (max-width: 1024px) {
  .utal-products ul.utal-product-wrapper.column4 li.product { width: 33.33%; }
  .utal-products ul.utal-product-wrapper.column3 li.product { width: 50%; }
  .ut-custom-menu ul.custom-menu.mobile-layout-hamburger { position: fixed; top: 0px; bottom: 0px; left: 0px; width: 50%; background-color: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 15px; padding: 100px 40px 80px; display: flex; align-items: flex-start; justify-content: flex-start; height: 100vh; visibility: visible; transform: translateX(-100%); transition: 400ms ease-in-out; z-index: 99999; max-height: 100%; overflow: hidden auto; flex-flow: column; }
  .ut-custom-menu ul.custom-menu.mobile-layout-hamburger a { width: 100%; }
  .ut-custom-menu ul.custom-menu.mobile-layout-hamburger.is-active { transform: translateX(0px); }
  .ut-custom-menu .mobile-layout-hamburger ul.sub-menu-open { overflow: inherit; }
  .ut-custom-menu ul.custom-menu.mobile-layout-hamburger li a { font-size: 18px; }
  .ut-custom-menu ul.custom-menu.mobile-layout-hamburger ul { top: 0px; bottom: 0px; height: 100vh; max-height: 100%; overflow: hidden auto; background-color: rgb(0, 0, 0); padding: 100px 40px 40px; width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; opacity: 1; visibility: visible; z-index: 3; margin-top: 0px; position: fixed !important; left: 0px !important; transform: translate(-100%, 0px) !important; }
  .utal .mobile-layout-hamburger .menu-item-has-children > a::after { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: auto; display: inline-block; float: right; font-size: 14px; line-height: 1; position: absolute; right: 0px; top: 45%; }
  .elementor-widget-ut-nav-menu .ut-custom-menu.utal .mobile-layout-hamburger .sub-menu .menu-item { background: transparent; }
  .elementor-widget-ut-nav-menu .ut-custom-menu.utal .mobile-layout-hamburger .sub-menu .menu-item a, .elementor-widget-ut-nav-menu ul.sub-menu.utal .mobile-layout-hamburger .menu-item-has-children::after { color: rgb(255, 255, 255); background: transparent; }
  .ut-custom-menu .mobile-layout-hamburger ul.sub-menu.slide { transform: translate(0px, 0px) !important; }
  .utal .custom-menu.mobile-layout-hamburger .close { position: absolute; top: 40px; right: 40px; cursor: pointer; color: rgb(255, 255, 255); width: auto; height: auto; font-size: 50px; border-radius: 50%; line-height: 1; font-weight: 300; opacity: 0; transform: translateX(-100px); visibility: hidden; transition: 400ms ease-in-out; z-index: 11; }
  .utal .custom-menu.mobile-layout-hamburger .close { opacity: 1; transform: translateX(0px); visibility: visible; }
  .ut-custom-menu .mobile-layout-hamburger > ul > li > ul.sub-menu { margin-top: 0px !important; }
  .ut-custom-menu ul.custom-menu.mobile-layout-hamburger li { margin: 0px; padding: 0px; width: 100%; background-color: transparent; }
  .ut-custom-menu ul.custom-menu.mobile-layout-hamburger li:not(:last-child) { margin-bottom: 35px; border-bottom: 0px; }
  .ut-custom-menu .mobile-layout-hamburger ul.sub-menu li:not(:last-child):hover, .ut-custom-menu li:not(.has-ua-mega-menu) ul.sub-menu li:not(:last-child), .ut-custom-menu li:not(.has-ua-mega-menu) ul.sub-menu li:not(:last-child):hover { border-bottom: 0px !important; }
  .ut-custom-menu ul.custom-menu.mobile-layout-hamburger li a { font-size: 18px; text-transform: uppercase; font-weight: 400; padding: 0px; background: transparent; color: rgb(255, 255, 255); }
  .ut-custom-menu ul.custom-menu.mobile-layout-hamburger li.has-ua-mega-menu a { width: 100%; }
  .ut-custom-menu ul.custom-menu.mobile-layout-hamburger li.has-ua-mega-menu > a::after { position: inherit; float: right; }
  .ut-custom-menu .mobile-layout-hamburger ul.sub-menu li a:hover, .ut-custom-menu .mobile-layout-hamburger ul.sub-menu li.current_page_item a { background: transparent; }
  .ut-custom-menu li:not(.has-ua-mega-menu) ul.sub-menu li a { background-color: transparent; padding: 0px; border: 0px; }
  .utal .mobile-layout-hamburger .next-menu { cursor: pointer; color: rgb(255, 255, 255); font-size: 22px; position: absolute; top: 50%; right: 0px; line-height: 1; z-index: 2; transform: translateY(-50%); }
  .utal .mobile-layout-hamburger .prev-menu { color: rgb(255, 255, 255); line-height: 1; display: flex; align-items: center; font-size: 18px !important; }
  .utal .mobile-layout-hamburger .prev-menu + .prev-menu { display: none; }
  .utal .mobile-layout-hamburger li.back { display: none; }
  .utal-blog-grid .utal-blog-grid-wrapper.tablet-column2 .blog-post-wrap { width: 50%; }
  .utal-ticker-title.tablet-align-left { text-align: left; }
  .utal-ticker-title.tablet-align-center { text-align: center; }
  .utal-ticker-title.tablet-align-right { text-align: right; }
  .col-tab-1 .utal-slide-wrap, .col-tab-1 .utal-team-wrap { width: 100%; }
  .col-tab-2 .utal-slide-wrap, .col-tab-2 .utal-team-wrap { width: 50%; }
  .col-tab-3 .utal-slide-wrap, .col-tab-3 .utal-team-wrap { width: 33.33%; }
  .col-tab-4 .utal-slide-wrap, .col-tab-4 .utal-team-wrap { width: 25%; }
  .ut_post_tab_main_wrapper.ut_left_filter .ut-post-tab-contents.ut_column-3, .ut_post_tab_main_wrapper.ut_right_filter .ut-post-tab-contents.ut_column-3, .ut_post_tab_main_wrapper .ut-post-tab-contents.ut_column-4, .ut_post_tab_main_wrapper .ut-post-tab-contents.ut_column-3 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 991px) {
  .utal .modern-blog .utal-blog-full .blog-image { height: 450px; }
  .utal .modern-blog .utal-blog-default .blog-image { height: 150px; }
}

@media (max-width: 767px) {
  .utal button.slick-next.slick-arrow { right: -20px; }
  .utal .slick-slider:hover button.slick-next.slick-arrow { right: 0px; }
  .utal .slick-slider:hover button.slick-prev.slick-arrow { left: 0px; }
  .utal button.slick-prev.slick-arrow { left: -20px; }
  .utal-blog-grid .utal-blog-grid-wrapper.mobile-column1 .blog-post-wrap, .utal-blog-block .modern-blog .utal-blog-full, .utal-blog-block .modern-blog .utal-blog-default, .utal-blog-block .modern-blog.grid .utal-blog-default .blog-post-wrap { width: 100%; }
  .utal-blog-block .modern-blog .utal-blog-default, .utal-blog-block .modern-blog.grid .utal-blog-default { min-width: 100%; }
  .utal-ticker-title.mobile-align-left { text-align: left; }
  .utal-ticker-title.mobile-align-center { text-align: center; }
  .utal-ticker-title.mobile-align-right { text-align: right; }
  .col-mob-1 .utal-slide-wrap, .col-mob-1 .utal-team-wrap { width: 100%; }
  .col-mob-2 .utal-slide-wrap, .col-mob-2 .utal-team-wrap { width: 50%; }
  .col-mob-3 .utal-slide-wrap, .col-mob-3 .utal-team-wrap { width: 33.33%; }
  .utal-testimonial.utal-layout-3 .slide-content-wrap .utal-image { width: 100%; margin-bottom: 25px; }
  .utal-testimonial.utal-layout-3 .slide-content-wrap .utal-content-bio { width: 100%; padding: 15px 0px 0px 40px; }
  .utal-testimonial.utal-layout-3 .slide-content-wrap .utal-image figure.utal-slide-image-wrap img { margin: 0px auto; }
  .utal-ticker .utal-ticker-wrapper .ticker-content-container, .utal-ticker .utal-ticker-wrapper .utal-ticker-title-container { width: 100% !important; }
  .utal .modern-blog .utal-blog-full .blog-image { height: 400px; }
  .modal_popup_element iframe.vimeoplayer { height: 179px; }
  .modal_popup_element iframe { height: 172px; }
  .ut-modal-wrapper .modal_popup_element { width: 300px; }
  .modal_popup_element .ut-close-btn { top: -40px; right: -20px; }
  .blog-post-wrap.elementor-grid-item { width: 100% !important; }
  .utal-products ul.utal-product-wrapper.column3 li.product, .utal-products ul.utal-product-wrapper.column2 li.product, .utal-products ul.utal-product-wrapper.column4 li.product { width: 50%; }
  .utal-slider .slide-wrap .slide-content-wrap { padding: 20px; }
  .utal-slider .slide-wrap .slide-content-wrap span.blog-category { margin-bottom: 8px; }
  .utal-ticker .utal-ticker-wrapper .ticker-content-container { padding: 10px 15px 10px 10px; }
  .utal-ticker-content .utal-ticker-content { padding: 0px; }
  .ut_post_tab_main_wrapper.ut_left_filter, .ut_post_tab_main_wrapper.ut_right_filter, .ut_post_tab_main_wrapper .ut_post_dropdown_filter { display: block; }
  .ut_post_tab_main_wrapper .ut_post_tab_filter_title { display: none; }
  .ut_post_tab_main_wrapper.ut_left_filter .ut-post-tab-contents.ut_column-3, .ut_post_tab_main_wrapper.ut_left_filter .ut-post-tab-contents.ut_column-2, .ut_post_tab_main_wrapper.ut_left_filter .ut-post-tab-contents.ut_column-1, .ut_post_tab_main_wrapper.ut_right_filter .ut-post-tab-contents.ut_column-3, .ut_post_tab_main_wrapper.ut_right_filter .ut-post-tab-contents.ut_column-2, .ut_post_tab_main_wrapper.ut_right_filter .ut-post-tab-contents.ut_column-1, .ut_post_tab_main_wrapper .ut-post-tab-contents.ut_column-4, .ut_post_tab_main_wrapper .ut-post-tab-contents.ut_column-3, .ut_post_tab_main_wrapper .ut-post-tab-contents.ut_column-2, .ut_post_tab_main_wrapper .ut-post-tab-contents.ut_column-1 { grid-template-columns: repeat(1, 1fr); }
  .ut_post_tab_main_wrapper.ut_left_filter .ut_post_tab_content_list_wrapper, .ut_post_tab_main_wrapper.ut_right_filter .ut_post_tab_content_list_wrapper { margin-top: 30px; }
}

@media (max-width: 575px) {
  .utal-products ul.utal-product-wrapper.column3 li.product, .utal-products ul.utal-product-wrapper.column2 li.product, .utal-products ul.utal-product-wrapper.column4 li.product { width: 100%; }
}

@media (max-width: 481px) {
  .ut-custom-menu ul.custom-menu.mobile-layout-hamburger { width: 100%; }
  .ut-custom-menu ul.custom-menu.mobile-layout-hamburger, .ut-custom-menu ul.custom-menu.mobile-layout-hamburger ul { padding: 100px 20px 40px; }
  .elementor-widget-utal-carousel.ut-image-position-right .slide-wrap.custom-slide-wrap, .elementor-widget-utal-carousel.ut-image-position-left .slide-wrap.custom-slide-wrap { flex-direction: column; }
  .elementor-widget-utal-carousel.ut-image-position-left .slide-wrap.custom-slide-wrap .slide-content-wrap, .elementor-widget-utal-carousel.ut-image-position-right .slide-wrap.custom-slide-wrap .slide-content-wrap { padding: 20px 0px 0px; }
  .elementor-widget-utal-carousel.ut-image-position-left .slide-wrap.custom-slide-wrap .slide-image, .elementor-widget-utal-carousel.ut-image-position-left .slide-wrap.custom-slide-wrap .slide-content-wrap, .elementor-widget-utal-carousel.ut-image-position-right .slide-wrap.custom-slide-wrap .slide-image, .elementor-widget-utal-carousel.ut-image-position-right .slide-wrap.custom-slide-wrap .slide-content-wrap { width: 100%; }
  .utal .modern-blog .utal-blog-full .blog-image { height: 300px; }
}