/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 4.0.5
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;500;700;900&display=swap');


body::-webkit-scrollbar-thumb {
    background-color: #F90;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
@font-face {
	font-family: "utm_avo";
	src: url("fonts/UTMAvo.ttf");
	src: local("utm_avo"),
	url("fonts/UTMAvo.woff") format("woff"),
	url("fonts/UTMAvo.ttf") format("opentype"),
	url("fonts/UTMAvo.svg#filename") format("svg");
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
	background-color: #F90;	
	background-image: -webkit-linear-gradient(45deg,
	rgba(255, 255, 255, .2) 25%,
	transparent 25%,
	transparent 50%,
	rgba(255, 255, 255, .2) 50%,
	rgba(255, 255, 255, .2) 75%,
	transparent 75%,
	transparent)
}
body,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a, .nav > li > a  {
	font-family: utm_avo !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 900;
}
/* Start */
.text_block_home_2 {
    background: #e6741c;
    color: #fff;
    font-size: 14px;
}
.text_block_home_3 {
	background: #e6741c;
    color: #fff;
    font-size: 14px;
}
.text_block_home_3:before {
    left: 230px;
    top: 35px;
    content: "";
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 20px solid #e6741c;
    border-bottom: 15px solid transparent;
    transform: rotate(180deg);
    z-index: 999;
}
.text_block_home_2:before {
    left: -20px;
    top: 35px;
    content: "";
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 20px solid #e6741c;
    border-bottom: 15px solid transparent;
}
.topTxt {
    padding: 20px;
}
.topTxt h3 {
    color: #000;
}
.menu_sub a {
    color: #fff;
}
.ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link {
    border-bottom-style: dotted;
    border-width: 1px;
}
div#masthead {
    background: #010000;
}
.menu_footer a {
    color: #fff;
}
.row.footer_2 {
    margin-top: 10px;
    border-top: solid 7px #000;
    padding-top: 15px;
}
.content_page {
    background: url(images/main_contents_bg.jpg) repeat;
    padding: 30px;
}
.large-3.sidebar_page h3 {
    color: #e3741b;
    font-weight: 500;
}
ul.menu_sidebar li {
    list-style-type: none;
    border-bottom: dotted 2px #333;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 90%;
}
ul.menu_sidebar li a {
    font-size: 14px;
    font-size: #000;
}
a.button.alert {
    background: #e6741c;
    border-radius: 2px;
    color: #000;
}
ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li {
    padding: 0px 10px;
    border-right: solid 1px #807e7e;
    height: 25px;
}
ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase a {
    position: relative;
    top: -8px;
}
.current-menu-item a {
    color: #e6741c !important;
}
.nav-small .image-icon {
    width: 16px;
    height: 16px;
    margin: 0 5px;
    vertical-align: middle;
    position: relative;
    top: 5px;
}
.footer_2 ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.footer_2 li, .footer_2 li a {
    color: #fff;
}
.footer_2 li i {
        margin-right: 10px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: #e5741c;
    padding: 0px 35px;
    border-radius: 3px;
}
span.text_span {
    line-height: 32px;
    font-size: 12px;
}
.sub-menu li {
    padding: 0px 0px !important;
    border-right: solid 1px #807e7e;
    height: auto !important;
}
.content_page td, .content_page th {
  border: 1px solid #ddd;
  padding: 8px;
}
a.button.primary {
    background: #e6741c;
    border-radius: 3px;
    border: none;
    font-size: 14px;
    padding: 2px 25px;
}
table {
    background: #eee;
    color: #000;
}
.content_page p, .content_page {
    color: #000;
    font-size: 15px;
}
.content_page tr:nth-child(even){background-color: #f2f2f2;}

.content_page tr:hover {background-color: #ddd;}

.content_page th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: #000;
}
.content_page strong {
    color: #e6741c;
    font-weight: bold;
    font-size: 16px;
}
.text_slide {
    font-size: 15px;
}
.height_270 img{
    height: 270px;
    object-fit: cover;
}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before {
    bottom: -17px;

}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.mfp-content {
		background: #000000d4 !important;
	}
	ul.nav.nav-sidebar.nav-vertical.nav-uppercase a {
		color: #fff;
	}
	.nav-sidebar.nav-vertical>li+li {
		border-top: 1px solid #1f1d1d78 !important;
	}

}
@media only screen and (max-width: 380px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
}