/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.clearfix:before, .clearfix:after, .table-scroll:before, .table-scroll:after { content: ""; display: table; }
.clearfix:after, .table-scroll:after { clear: both; }

.center {text-align:center !important;}
.left {text-align:left !important;}
.text-left th, .text-left td { text-align: left; }
.right:not('.col') {text-align:right !important;right:auto;}
.jus {text-align:justify !important;}
.arial { font-family: Arial, Helvetica, sans-serif !important; }

.txt_black, .txt_black * {color:#000 !important;}
.txt_blue, .txt_blue * {color:#326ef1 !important;}
.txt_green, .txt_green * {color:#2fbd25 !important;}
.txt_lite_green, .txt_lite_green * {color:#afe78e !important;}
.txt_gray_aaa, .txt_gray_aaa * {color:#aaa !important;}
.txt_gray666, .txt_gray666 * {color:#666 !important;}
.txt_gray999, .txt_gray999 * {color:#999 !important;}
.txt_red, .txt_red * {color:#e33232 !important;}
.txt_crimson, .txt_crimson * {color:#c8003c !important;}
.txt_white, .txt_white * {color:#fff !important;}
.txt_yellow, .txt_yellow * {color:#cdb409 !important;}
.txt_orange, .txt_orange * {color: #ff4e05 !important;}

.bold { font-weight: bold !important; }
.norm { font-weight: normal !important; }
.ital { font-style: italic !important; }
.uper { text-transform: uppercase !important; }
.nowrap { white-space: nowrap; }
.underline { text-decoration: underline !important; }
.nobrd { border: 0 !important; }
.mrg0 { margin: 0 !important; }
.pd0 { padding: 0 !important; }
.rel { position: relative; }
.mrg0_all * { margin: 0 !important; }
.w100p {width:100%;}

.fll { float: left !important; }
.flr { float: right !important; }

.line-height-1 {line-height:1;}
.line-height-115 {line-height:1.15;}
.z-index-1 {z-index:1;}
.display-none {display:none}



/* Set core root defaults */
html:focus-within { scroll-behavior: smooth; }
/* Set core body defaults */
body { min-height: 100svh; text-rendering: optimizeSpeed; }
/* A elements that don't have a class get default styles */
a:not([class]) { text-decoration-skip-ink: auto; }
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (print), (prefers-reduced-motion:reduce) {
html:focus-within { scroll-behavior: auto; }
*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
body{font-family: system-ui, sans-serif}
.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: system-ui, sans-serif;}
h1,h2,h3,h4,h5,h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: system-ui, sans-serif;text-wrap: balance;}
.cboxIframe html, html { background-color: #fff !important; }

.h2, h2 { font-size: var(--font-size-title) !important; line-height: clamp(1.25em, 1.5vw, 1.6em) !important; }

:root {
  --font-size-title: clamp(1rem, calc(0.71rem + 1.19vw), 1.75rem);
  --font-size-p: clamp(0.88rem, calc(0.83rem + 0.2vw), 1rem);
  --border-color: #ccc;
  --border-radius-lg: 15px;
  --background-primary: rgb(61,0,255);
  --background-gradient: linear-gradient(90deg, rgba(61,0,255,1) 0%, rgba(12,7,33,1) 100%);
}

/* header */
.header-inner.container {
	padding-inline: 0;
}
.header-main .form-flat input.search-field {
	background-color: #fff;
	border-color: var(--border-color);
	border-radius: var(--border-radius-lg);
	font-size: 1.25em;
	height: 40px;
	max-width: 100%;
	padding: 0 15px;
}

.wpb-content-wrapper .vc_section {
  padding-top: 30px;
}

.instruments .vc_column_container > .vc_column-inner > .wpb_wrapper {
  border: 1px solid var(--border-color) !important;
	border-radius: var(--border-radius-lg);
}
.instruments .wpb_wrapper {
	padding: 20px;
}
.instruments .wpb_text_column.wpb_content_element {margin-bottom: 0;}
.instruments h3 + p {
	min-height: 76px;
}

.last-article {
	max-width: none !important;
}
.last-article .col {
  padding-block: 0 20px !important;
}
.index-block-two .index-block-two-wrap .wpb_wrapper .wpb_wrapper {
	margin: 0 -15px;
}

.last-article .post-title {
	margin-bottom: 10px;
}
.index-block-two .image-cover {border-radius: var(--border-radius-lg);}
.index-block-two .is-divider,
.index-block-two .post-meta {display: none;}

.last-news-solo .image-cover {border-radius: var(--border-radius-lg);}
.last-news-solo .post-title {
	font-size: var(--font-size-title);
	text-wrap: auto;
}
.last-news-solo .is-divider {display: none;}
.from_the_blog_excerpt {font-size: var(--font-size-p);}

.news-list-widget {

}
.news-list-widget .widgettitle {
	border-bottom: 2px solid var(--border-color);
	padding: 0 0 10px;
	margin: 0 0 5px;
}
.news-list-widget ul {
	height: 100%;
	overflow-y: scroll;
	position: absolute;
	top: 54px;
	max-height: calc(100% - 54px);
}
.news-list-widget ul > li {
	padding-bottom: 5px;
}
.news-list-widget ul > li + li {
	border-top: 1px solid var(--border-color);
}
.news-list-widget ul > li > a {
	font-weight: 600;
	font-size: 1.15em;
	line-height: 1.25;
}
.news-list-widget .post-date {
	color: #999;
	font-size: .9em;
	display: block;
}