* { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-appearance:none;}
body { font-family: 'DM Sans', sans-serif; font-size:16px; line-height:26px; color:#000; font-weight: 300;}
h1, h2, h3, h4, h5, h6, h7 { line-height:120%; padding:5px 0 0 0; font-weight:600; margin:0 0 10px 0; color:#0d3792; font-family: 'PT Serif', serif; }
.space-line {  width:100px; height:2px; background-color:#d2ae6d; display:block; margin:15px 0 25px 0;}
.space-line.center { margin: 15px auto 25px auto;}
h1 { font-size:36px; padding-bottom:10px;}
h1.clear { margin: 0; padding: 0; }
h2 { font-size:42px;}
h3 { font-size:36px;}
h4 { font-size:30px;}
h5 { font-size:23px;}
h6 { font-size:20px;}
a { text-decoration:none; color:inherit; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
p { margin-bottom:15px;}
.text-links { color:#000;}
.text-links:hover { color:#f00;}
.large-text { font-size: 120%;}
.box-links { background-color:#06F; color:#fff; display:inline-block; padding:5px 15px;}
img { max-width:100%; margin:0; padding:0; font-size:0; display:inline-block;}
.text-center { text-align: center;}
ul { margin: 0; padding: 0; list-style: none; text-align: left; }
ul li { padding-left: 25px; position: relative; margin: 5px 0;}
ul li:before { content: "\f00c"; font-family: FontAwesome; font-size: 13px; color: #5a8f3f; position: absolute; left: 0; top: 0px;}
ul.clear-ul { padding:0; list-style:none;}
ul.clear-ul li { padding-left: 0px; }
ul.clear-ul li:before { display: none;}
.full-img { width:100%;}
.spl-text { color: #0c4233 !important; }
.gold-text { color: #d2ae6d !important; }
.gold-text * { color: #d2ae6d !important; }
.small-text { font-size:60%;}
.extra-padding-tb { padding: 7% 0%;}
.mid-padding-tb { padding: 3% 0%;}
.extra-padding { padding: 5%;}
.mid-padding { padding: 2%;}
.padding-bottom-0 { padding-bottom: 0;}
.margin-tb-50 { margin:50px auto; }
.flex-box, .flex-box-mob { display:flex; align-items: center; }
.line-break-pc { display:block; }
section { max-width: 100%; overflow: hidden; }

.content-top { align-items: flex-start; }
.content-center { justify-content: center; }
.reverse-flex { flex-direction: row-reverse; }

.block-40 { width: 40%;}
.block-60 { width: 60%;}
.block-2 { width: 50%;}
.block-3 { width:33.33%;}
.block-4 { width:25%;}
.block-5 { width:20%;}

.wrapper-1000 { width:1000px; margin:0 auto; position:relative;}
.wrapper-1200 { width:1200px; margin:0 auto; position:relative;}
.wrapper-90p { width:95%; margin:0 auto; }
.parallax-wrapper {position: relative; overflow: hidden;}
.parallax-box { position: relative; width: 100%; height: 100%; background: url(../images/paral-grapes.jpg) center center no-repeat; background-size: cover !important;}

header { width: 100%; position:sticky; top: 0; z-index: 999; transition:all ease-out 0.3s; background-color: #fff; }
header.on { transform: translateY(0); transition:all ease-out 0.3s; }
header .wrapper-90p { display: flex; padding: 10px 0 0 0;}
header .logo { width: 200px; margin-right: 20px; display: block;}
header .social-icon { width:35px; line-height: 35px; background-color:rgb(255 255 255 / 30%); margin:0 0 0 5px; padding:0; text-align: center; display:block; }
header .social-icon:hover { background-color:rgb(255 255 255 / 100%); color: #0c4233; font-size: 18px; }
.header-links-box { text-align: right; flex-grow: 1; margin-top: 20px; }
.header-social-box { margin-bottom: 5px; display: block;}
.header-social-box .flex-box-mob { justify-content: flex-end; }
.header-social-box .flex-box .space-right { margin-right:30px; }
.main-menu-wrapper {}
.menu-icon { width: 50px; height:50px; line-height: 45px; text-align:center; display: block; font-size: 20px; color: #5a903f; border:solid 1px #5a903f; position:absolute; right:10px; top:20px; display:none;}
.main-menu-ul { display: flex; margin-left: auto; align-items: center; justify-content: flex-end; }
.main-menu-ul li { margin:0 5px 0 5px; }
.main-menu-ul li a { padding: 12px 20px; position: relative; display: block; }
/* .main-menu-ul li a:after { content:""; width:1px; height:15px; background-color: #fff; display: block; position:absolute; right:0; top:50%; transform:translateY(-50%); } */
.sub-menu-ul { position: absolute; z-index: 999; background-color:#5a8f3f; padding: 10px 0 !important; width: 160%; text-align: center; transform:translateY(30px); opacity: 0; visibility: hidden; transition: all ease-out 0.3s; }
.main-menu-ul li:hover .sub-menu-ul { transform:translateY(0px); opacity: 1; visibility: visible; }
.sub-menu-ul li { margin:0;}
.sub-menu-ul li a { padding: 10px; display:block;}
.main-link { position:relative; font-size: 14px; text-transform: uppercase; }
.main-link:before { content: ""; position:absolute; width: 100%; height: 100%; background-color: #0d3792; z-index: -1; left: 0; top: 0;  transition: all ease-out 0.3s; transform: scale(1, 0.03); transform-origin: center bottom;}
.main-link:hover, .main-link.active { color:#fff;}
.main-link:hover:before, .main-link.active:before { transform: scale(1, 1); }
.sub-link { color:#fff; font-size: 14px;  text-transform: uppercase;}
.sub-link:hover, .sub-link.active { background-color: #436b34; }

.read-more { padding :7px 15px; background-color: #5a903f; color:#fff;}
.read-more:hover { background-color:#426831; color: #fff; }

.owl-dots { position:absolute; width:100%; left: 0; bottom:0; text-align: center;}
.owl-dot span { width:10px; height: 10px; border: solid 2px #fff; margin: 5px; display: block; transition: all 0.3s ease-out; }
.owl-dot.active span { background-color: #fff;}

/* form */
.form-ul li { display: block; position: relative; }
.form-ul li.err .form-field { border-color:#f00; position: relative; }
.form-ul li.err:after { content:"invalid"; position:absolute; padding:3px 8px; background-color: #f00; color:#fff; border-radius: 7px; right:10px; top: 34px; }
.form-field{ padding:15px 10px; line-height:20px; font-size:16px; border:none; border:solid 1px #999; box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; position:relative; border-radius:0 10px 10px 10px; -webkit-border-radius:0 10px 10px 10px; font-family: inherit; }
.form-field:disabled{ background-color:#E9E9E9;}
.form-btn{ cursor:pointer; font-size:16px; text-align:center; display:inline-block; line-height:30px; padding:5px 30px; position:relative; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; border:none; border-radius:10px; -webkit-border-radius:10px; background-color:#5a8f3f; color:#fff;}
.form-btn:hover{ background-color:#436b34;}
.form-response{ background-color:#c4e9f3; color:#000; padding:10px; margin-top:10px; overflow:auto;}
.form-response a, .form-response h2{ background-color:#94cddc; padding:2px 5px; border-radius:5px; -webkit-border-radius:5px;}
.form-response h2{ display:inline-block;}
.form-response a:hover{ background-color:#fff;}
.form-response ul{ text-align:left; width:100%; display:block; padding:10px 5px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.form-response ul li{ background-color:#94cddc;}

footer { background-color: #d7d7d7; border-top: #969696; text-align: center;}
.social-icons a { padding:10px; font-size: 25px; }

.main-banner-text { position: absolute; color:#fff; left: 10%; top: 50%; transform:translateY(-50%); z-index: 11;}
.main-banner-text h2 { color: #fff; text-transform: uppercase; }
.home-prod-links ul { justify-content: space-around; }
.home-prod-links a { padding: 15px 25px; border-radius:20px; background-color:#b9ddff; display: block;}
.home-prod-links a:hover { /*background-color: #4eb8ff; color:#fff;*/ box-shadow: 0px 3px 5px rgb(0 0 0 / 30%); }
.home-applications { justify-content: space-between; align-items: flex-start; }
.home-applications li { margin:0 10px; text-align: center; font-size: 20px; font-weight: bold; width: 16.66%;}
.home-applications li img { width:120px; margin: 10px auto; display: block;}

.product-img-sm-ht img { height: 100%; width:auto; }
.styled-table { width: 100%; border:none; }
.styled-table td, .styled-table th {  border: solid 1px rgb(0 0 0 /10%); padding:10px; text-align: left; vertical-align: top;}
.styled-table tr:nth-child(2n) { background-color: rgb(0 0 0 / 5%); }
.styled-table thead { background-color:#5a8f3f; color:#fff; }
.styled-table thead * { color: #fff; }

.prod-blocks img {border: solid 1px rgb(0 0 0 / 20%); width: 95%; }

@media screen and (max-width:1220px){
	.wrapper-1200 { width:90%;}
	header .wrapper-90p { display: block; }
}
@media screen and (max-width:1020px){
	.wrapper-1000 { width:98%;}
	h1 { font-size: 36px;}
	h2 { font-size: 36px;}
	h3 { font-size: 32px;}
	h4 { font-size: 28px;}
	h5 { font-size: 24px;}
	
	header { position:relative; }
	
	.block-40, .block-60, .block-2, .block-3, .block-4, .block-5 { width: 100%; text-align: center; }
	.home-applications li { width: 100%; margin: 50px 0; }
	.home-applications li img { width: 130px; display: block; }
	
	.main-banner-text { position: relative; left: 0; top: 0; transform:none; }
	.main-banner-text h2 { color: #0e3793; font-size: 24px; text-align: center; }
	.line-break-pc { display:inline-block; width:5px; }
	.sub-menu-ul { position: relative; width: 100%; transform:none; opacity: 1; visibility: visible; }
	
	.flex-box { display:block; }
	.menu-icon {display:block;}
	.main-menu-ul { display: block; text-align: center;}
	.main-menu-ul { display:none;}
	.main-menu-ul li a { display:block; padding:20px; }
	
	.mid-padding-tb { padding: 30px 0; }
	
	.home-prod-links h5 { font-size: 22px; margin:0; text-align: center; }
	.home-prod-links li { margin: 10px 0; }
	.table-wrapper { max-width: 100%; overflow: auto; }
	
	.owl-dots { position:relative;}
	.owl-dot span { border-color: #5a903f; }
	.owl-dot.active span { background-color: #5a903f; }
}