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

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


html{scrollbar-color:#CE5400 #19331a; scrollbar-width: thin;}
.footer{font-size:0.8em;}
.logo-tagline{padding: 0 0 0 50px; margin:0 0 20px 0;}
.nav-left{justify-content: center;}
.stuck .header-main .logo-tagline{display: none;}
.header-inner li.html.custom.html_topbar_right{font-size:1.2em;}
.header-inner li.html.custom.html_topbar_right a{text-transform: none;}
li.html.custom.html_top_right_text a{color: #fff;}
.social-icons{z-index: 1;}
.nav>li>a:hover, .nav>li>a:focus{background-color: transparent;}
.back-to-top.active{background-color: #fff;}
input#woocommerce-product-search-field-0 {background: #fff;}
.footer_subsec {background-color: #ffffff5e !important; padding: 30px 0px 0px 20px;}
.footer_subsec .ux-menu-title {font-size: 1.125em; font-family: 'Arvo', sans-serif; min-height: auto;}
.footer-widgets.footer.footer-2.dark .col-inner ul li{list-style: disc;}
.woocommerce .badge-container{margin:0;}
.woocommerce .image-tools{padding:0px;}
.woocommerce .badge{background-color: transparent;}
.spac_tit{margin-top:15px;}
.badge.post-date{background-color: transparent;}
.icon-box-img img:hover{transition: all .4s;}

.sol-head h4{color:#666; font-weight: 600; font-size: 1em;}
.sol-head h4 span, .why_choose h5{color:#CE5400; font-weight:600; letter-spacing: 1px; margin-bottom: 1.5em;}
ul.dashes {list-style-type: none;}
ul.dashes > li {margin: 0 0 10px 5px; text-align: center; font-size: 0.9em;}
ul.dashes > li:before {content: "-"; margin-right: 10px;}

.text-center .pull-left, .text-center .pull-right{margin: auto !important;float: none !important;}

/* #exTab1{margin-bottom: 40px;}
#exTab1 .tab-content>.tab-pane{padding: 30px 20px; border: 1px solid #e7e7e7;}
#exTab1 .nav-pills>li{margin: 10px 10px 0 0; font-size: 1.4em; border: 1px solid #e7e7e7; border-bottom: 0px; background: #e7e7e7;}
#exTab1 .nav-pills>li>a{border-radius: 0px !important;}
#exTab1 .nav-pills>li>a.active{background-color:#CE5400; color: #fff;}
#exTab1 .tabs {width: 100%; max-width: 800px; margin: 0 auto;}
#exTab1 .tabs__navigation {display: flex; border-bottom: 2px solid #c8c8c8;}
#exTab1 .tabs__navigation:hover .tool-tabs__tab.active {color: #000; font-weight: 400; background-color: #c8c8c8;}
#exTab1 .tabs__navigation:hover .tool-tabs__tab.active:after {width: 0;}
#exTab1 .tabs__navigation:hover .tool-tabs__tab:hover.active {color: #000; font-weight: 500;}
#exTab1 .tabs__navigation:hover .tool-tabs__tab:hover.active:after {width: 100%;}
#exTab1 .tabs__btn {position: relative; flex: 0 1 50%; padding-bottom: 15px; border: none; background-color: transparent; font-size: 32px; line-height: 120%; color: #000; transition: color 0.2s; cursor: pointer;}
#exTab1 .tabs__btn.active {color: #fff; font-weight: 400; background-color: #c8c8c8;}
#exTab1 .tabs__btn:hover {color: grey; font-weight: 500;}
#exTab1 .tabs__btn:hover.active {color: red; font-weight: 500;}
#exTab1 .tabs__content {margin-top: 15px;}
#exTab1 .tabs__body {display: none; font-size: 18px;}
#exTab1 .tabs__body.active {display: block;} */

[data-tab-content] {display: none;}
.active[data-tab-content] {display: block;}
.tab:last-child{margin:0px;}
.tab {cursor: pointer; padding: 5px 10px; background-color:#19331a; margin: 0 20px 0 0; color: #fff; width: 100%; text-align: center;}
.tabs {display: flex; list-style-type: none; margin: 0px;}
.tab.active {background-color: #CE5400;}
.tab:hover {background-color: #CE5400;}

.tab-content {padding: 20px; border: 1px solid #e7e7e7;}

.custom-model-main {text-align: center; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0;-webkit-overflow-scrolling: touch; outline: 0; opacity: 0; -webkit-transition: opacity 0.15s linear, z-index 0.15; -o-transition: opacity 0.15s linear, z-index 0.15; transition: opacity 0.15s linear, z-index 0.15; z-index: -1; overflow-x: hidden; overflow-y: auto;}
.model-open {z-index: 99999; opacity: 1; overflow: hidden;}
.custom-model-inner {-webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; display: inline-block; vertical-align: middle; width: 600px; margin: 30px auto; max-width: 97%;}
/* .custom-model-inner::-webkit-scrollbar-track {background: #19331a;}
.custom-model-inner::-webkit-scrollbar-thumb {background-color: #CE5400 ; border-radius: 6px; border: 3px solid #19331a;} */
.custom-model-wrap {display: block; width: 100%; position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; text-align: left; padding: 40px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-height: calc(100vh - 70px); overflow-y: auto; scrollbar-color:#CE5400 #19331a; scrollbar-width: thin;}
.model-open .custom-model-inner {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); position: relative; z-index: 999;}
.model-open .bg-overlay {background: rgba(0, 0, 0, 0.6); z-index: 99;}
.bg-overlay {background: rgba(0, 0, 0, 0); height: 100vh; width: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; -webkit-transition: background 0.15s linear; -o-transition: background 0.15s linear; transition: background 0.15s linear;}
.close-btn {position: absolute; right: 10px; top: 3px; cursor: pointer; z-index: 99; font-size: 18px; font-weight: 900; color: #ff0101; border: 2px solid; line-height: 1; padding: 3px; border-radius: 50%; height: 30px; width: 30px;}

.col_line .row-dashed .col:before, .row-solid .col:before {
    border-left: 3px solid #ddd;
    content: " ";
    height: 100%;
    left: -3px;
    position: absolute;
    top: 0%;
}
td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}
.ta_str{border: 3px solid #e55204;background: #eaeaea;}
.ta_str tr{color:#000;}
.ta_str td{
    color: #000;
    font-size: 14px;
    font-weight: 600;border: 1px solid #000;padding-left: 23px;}
.ta_str th{
    color: #000;
    font-size: 19px;
    font-weight: 600;border: 1px solid #000;padding-left: 23px;}
.ta_str{margin-top: 42px;}

table .po{border: none !important;}
.fo_time{font-size: 15px;
    margin-top: 7px;
    line-height: 26px;}
.attachment-original{width: 211px !important;margin-bottom: 14px;}
.all_brn .banner{padding-top: 475px !important;}
.v{font-size: 15px;
    padding-right: 3px !important;}
.v1{padding-right: 5px !important;}
.es h3:hover{color:#e65003 !important;}
.ib img:hover{transform: scale(1.5);}
.header-divider{display: none !important;}
.account-item{display: none !important;}
#menu-item-332 li{min-width: 280px !important;}
.line_b{border: 1px solid #707070;}
.serie_bor{border: 2px solid #707070;
   padding: 19px 0px 10px 8px;max-width: 32.33%;
    margin-right: 7px;
    margin-right: 10px;
}
.series_titl{font-size: 17px;line-height: 24px;text-align: center;}
.series_titl2{font-size: 17px;line-height: 24px;}
.thir_block{margin-top:21px;}
.serie_produ ul li{line-height: 14px;font-size: 15px;}
.serie_produ{margin-top:25px;display: flex;}
.pag_menu ul{display: flex;list-style: none;}
.pag_menu ul li{margin-left: 0px;
    margin-right: 7px;}
.pag_menu{width: 100%;
    position: relative;
    clear: both;
    text-align: center;
    left: 25%;}
.pag_menu ul li{color: #0e537c !important;
    font-weight: 500;
    font-size: 14px;}
.sp{margin-top: 70px;}
.serie_produ9 ul li {
    line-height: 14px;
    font-size: 15px;
}
.hea_tex{border: 2px solid #ce5400;
    width: 100px;
    margin-bottom: 23px;}
.com_adddres{background-color: #fff;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%);
    padding: 16px 0px 10px 33px;}
.anc_lin{margin-left: 29px;}
.anc_lin a{background-color: #ce5400 !important;
   padding: 10px 19px 10px 21px;
    color: #fff;font-size: 14px;}
.anc_lin h5{margin-top: 23px;
    width: 110px;}
.anc_lin h5 a{background-color: #ce5400 !important; padding:10px !important;}
.anc_lin a:hover{color:#fff !important;}
.breadcrumb{margin: -29px 0px 34px 15px;}
.breadcrumb a{color: #ce5400 !important;font-weight: 500;}

@media screen and (min-width:800px){
	.custom-model-main:before {content: ""; display: inline-block; height: auto; vertical-align: middle; margin-right: -0px; height: 100%;}
}
@media screen and (max-width:799px){
  .custom-model-inner{margin-top: 45px;}
}


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

.has-sticky.sticky-jump .logo-tagline{display: none;}
	
}	
	
	@media only screen and (min-width: 250px) and (max-width: 768px) {
		.imag_tabl{display:none !important;}
		.all_brn .banner {padding-top: 147px !important;}
		.banner-layer h2{font-size: 23px !important;}
		.serie_bor{max-width: 100% !important;margin-right: 10px !important;margin-left: 9px;margin-bottom: 15px;}
		.pag_menu{left:0%;}
		.pag_menu ul{display: block;}
				
}

@media only screen and (min-width: 769px) and (max-width: 1100px) {
	.serie_bor{max-width: 100% !important;margin-right: 10px !important;margin-left: 9px;margin-bottom: 15px;}
}

@media only screen and (min-width: 250px) and (max-width: 500px) {
	.hide_mo {display:none !important;}
}

@media only screen and (min-width: 250px) and (max-width: 405px) {
	.all_brn{display:none !important;}
}
@media only screen and (min-width: 406px) and (max-width: 430px) {
	.mobile_visib .banner {padding-top: 331px !important;}
	.all_brn{display:none !important;}
}
@media only screen and (min-width: 431px) and (max-width: 460px) {
	.mobile_visib .banner {padding-top: 360px !important;}
	.all_brn{display:none !important;}
}
@media only screen and (min-width: 461px) and (max-width: 500px) {
	.mobile_visib .banner {padding-top: 390px !important;}
	.all_brn{display:none !important;}
}

@media only screen and (min-width: 501px) and (max-width: 5000px) {
		.mobile_ver{display:none !important;}
	    .mobile_visib{display:none !important;}
}

@media only screen and (min-width: 1500px) and (max-width: 1800px) {
	.banner .text-right{position: relative;left: 14% !important;}
	.banner .text-left{position: relative;right: 8% !important;}
}
@media only screen and (min-width: 1801px) and (max-width: 2200px) {
	.banner .text-right{position: relative;left: 40% !important;}
	.banner .text-left{position: relative;right: 18% !important;}
}
@media only screen and (min-width: 2201px) and (max-width: 2500px) {
	.banner .text-right{position: relative;left: 78% !important;}
	.banner .text-left{position: relative;right: 18% !important;}
}
@media only screen and (min-width: 2500px) and (max-width: 3000px) {
	.banner .text-right{position: relative;left: 100% !important;}
	.banner .text-left{position: relative;right: 48% !important;}
}