/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

:focus-visible {
	outline: none !important;
}

.theme-btn .w-btn-label {
	position: relative;
	padding-right: 30px;
}
.theme-btn .w-btn-label::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.283' d='M1.817 19.473L0 17.655L15.059 2.59998H6.491V0H19.473V12.982H16.873V4.414L1.817 19.473Z' fill='%23464646'/%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center;
	transition: all 0.3s ease-in-out;
}
.theme-btn .w-btn-label::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.817 19.473L0 17.655L15.059 2.59998H6.491V0H19.473V12.982H16.873V4.414L1.817 19.473Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.theme-btn:hover .w-btn-label::before {
	opacity: 0;
}
.theme-btn:hover .w-btn-label::after {
	opacity: 1;
}



.theme-btn-small .w-btn-label {
	position: relative;
	padding-right: 30px;
}
.theme-btn-small .w-btn-label::before {
	content: "";
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translateY(-50%);
	width: 17px;
	height: 17px;
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.283' d='M1.5 16.025L0 14.525L12.393 2.13202H5.342V0H16.025V10.683H13.888V3.63202L1.5 16.025Z' fill='%23464646'/%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center;
	transition: all 0.3s ease-in-out;
}
.theme-btn-small .w-btn-label::after {
	content: "";
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translateY(-50%);
	width: 17px;
	height: 17px;
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 16.025L0 14.525L12.393 2.13202H5.342V0H16.025V10.683H13.888V3.63202L1.5 16.025Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.theme-btn-small:hover .w-btn-label::before {
	opacity: 0;
}
.theme-btn-small:hover .w-btn-label::after {
	opacity: 1;
}


@media (min-width:1200px) {
	header.l-header {
		margin-top: 40px;
		transition: all 0.3s ease-in-out;
	}
	header.l-header.sticky {
		margin-top: 0px;
		transition: all 0.3s ease-in-out;
	}
	header.l-header .l-subheader-h {
		background-color: #fff;
		box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.12);
		border-radius: 20px;
		padding: 10px 30px;
	}  
}

.video-img {
	margin-top: -215px;
  	margin-left: -900px;
}
.ush_menu_1.type_desktop .menu-item:not(.level_1),
.ush_menu_1.type_mobile .w-nav-anchor:not(.level_1) {
	text-transform: none;
}


.heading-line .w-text-value span {
	border-bottom: solid 4px #66CC00;
}
h2 strong {
	font-weight: 600;
}
.solution-content ul {
	list-style: none;
	margin-left: 0;
}
.solution-content ul li {
	position: relative;
	padding-left: 25px;
}
.solution-content ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	background-image: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.584 0L3.168 1.71L1.584 3.42L0 1.71L1.584 0Z' fill='%233B455E'/%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
}


.home-content ul {
	list-style: none;
	margin-left: 0;
}
.home-content ul li {
	position: relative;
	padding-left: 10px;
	margin-bottom: 5px;
}
.home-content ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #3B455E;
}
/*** 
====================================================================
  home page css 
====================================================================
***/
.home-banner .l-section-overlay {
	height: 84.5%;
}
.sub-banner::before {
	content: "";
	position: absolute;
	right: -200px;
	top: -380px;
	width: 938px;
	height: 560px;
	background-image: url("data:image/svg+xml,%3Csvg width='938' height='560' viewBox='0 0 938 560' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.420898 118.375C25.8529 158.046 59.6129 220.923 76.0609 303.543C99.0259 418.898 71.9789 490.971 109.679 514.549C152.461 541.307 201.424 457.343 302.979 462.874C379.873 467.063 385.379 517.026 492.079 544.695C525.079 553.252 601.589 572.088 685.379 544.695C795.791 508.595 852.56 413.895 870.279 381.056' stroke='%233B465A' stroke-opacity='0.2' stroke-miterlimit='10'/%3E%3Cpath d='M18.3931 90.1328C43.8251 129.804 77.5851 192.679 94.0331 275.302C116.998 390.656 89.9531 462.729 127.653 486.308C170.435 513.066 219.398 429.102 320.953 434.633C397.847 438.822 403.353 488.785 510.053 516.454C543.053 525.011 619.563 543.847 703.353 516.454C813.765 480.354 870.534 385.654 888.253 352.815' stroke='%233B465A' stroke-opacity='0.2' stroke-miterlimit='10'/%3E%3Cpath d='M36.3647 59.3242C61.7967 98.9952 95.5567 161.87 112.006 244.492C134.971 359.847 107.924 431.92 145.624 455.498C188.406 482.256 237.369 398.292 338.924 403.823C415.818 408.012 421.324 457.975 528.024 485.644C561.024 494.201 637.534 513.037 721.324 485.644C831.736 449.544 888.505 354.844 906.224 322.005' stroke='%233B465A' stroke-opacity='0.2' stroke-miterlimit='10'/%3E%3Cpath d='M51.769 31.083C77.201 70.754 110.961 133.629 127.408 216.251C150.374 331.609 123.327 403.679 161.027 427.258C203.809 454.016 252.772 370.052 354.327 375.583C431.221 379.772 436.727 429.735 543.427 457.404C576.427 465.961 652.937 484.797 736.727 457.404C847.139 421.304 903.908 326.604 921.627 293.765' stroke='%233B465A' stroke-opacity='0.2' stroke-miterlimit='10'/%3E%3Cpath d='M67.1738 0.27002C92.6108 39.941 126.366 102.816 142.811 185.439C165.776 300.794 138.729 372.867 176.429 396.445C219.211 423.203 268.174 339.239 369.729 344.77C446.623 348.959 452.129 398.921 558.829 426.591C591.829 435.148 668.339 453.984 752.129 426.591C862.541 390.491 919.31 295.791 937.029 262.952' stroke='%233B465A' stroke-opacity='0.2' stroke-miterlimit='10'/%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	z-index: 1;
}
.banner-mainhead .w-text-value span {
	border-bottom: solid 6px #66CC00;
}
.banner-img .w-image-h {
	margin-top: -400px;
	margin-right: -110px;
}


.serve-box {
	transition: all 0.3s ease-in-out;
}
.serve-box:hover {
	background: #D8DDE5 !important;
}



.rooted-img .w-image-h {
	margin-left: -215px;
	margin-top: -30px;
}
.supporting-heading strong {
	font-weight: 600;
}
.w-counter.color_primary .w-counter-value {
	color: inherit;
}

.home-support .l-section-img {
	top: -540px;
}
.support-row::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #3B465A;
	opacity: 0.27;
	border-radius: 28px;
}
.solution-row::before {
	opacity: 0.76;
}
.support-row::after {
	content: "";
	position: absolute;
	left: 0;
	top: -40px;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='1321' height='284' viewBox='0 0 1321 284' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.23'%3E%3Cpath d='M0.244141 60.2319C36.0961 80.3169 83.6881 112.151 106.874 153.98C139.249 212.38 101.119 248.875 154.266 260.812C214.576 274.36 283.6 231.849 426.766 234.649C535.166 236.77 542.93 262.066 693.342 276.075C739.862 280.407 847.719 289.944 965.842 276.075C1121.49 257.797 1201.52 209.849 1226.5 193.224' stroke='%23EAE6E5' stroke-miterlimit='10'/%3E%3Cpath d='M25.5791 45.9341C61.4311 66.0191 109.023 97.8531 132.209 139.685C164.584 198.085 126.454 234.58 179.601 246.517C239.911 260.065 308.935 217.554 452.101 220.354C560.501 222.475 568.265 247.771 718.677 261.78C765.197 266.112 873.054 275.649 991.177 261.78C1146.83 243.502 1226.85 195.554 1251.83 178.93' stroke='%23EAE6E5' stroke-miterlimit='10'/%3E%3Cpath d='M50.915 30.335C86.767 50.42 134.356 82.254 157.545 124.086C189.92 182.486 151.79 218.981 204.937 230.918C265.247 244.466 334.271 201.955 477.437 204.755C585.837 206.876 593.601 232.172 744.013 246.181C790.533 250.513 898.39 260.05 1016.51 246.181C1172.16 227.903 1252.19 179.955 1277.17 163.331' stroke='%23EAE6E5' stroke-miterlimit='10'/%3E%3Cpath d='M72.6304 16.0361C108.482 36.1211 156.074 67.9551 179.26 109.787C211.635 168.187 173.505 204.682 226.652 216.619C286.962 230.167 355.986 187.656 499.152 190.456C607.552 192.577 615.316 217.873 765.728 231.882C812.248 236.214 920.105 245.751 1038.23 231.882C1193.88 213.604 1273.91 165.656 1298.88 149.032' stroke='%23EAE6E5' stroke-miterlimit='10'/%3E%3Cpath d='M94.3462 0.436035C130.198 20.521 177.79 52.355 200.976 94.187C233.351 152.587 195.221 189.082 248.368 201.019C308.683 214.567 377.703 172.056 520.872 174.856C629.272 176.977 637.036 202.273 787.448 216.282C833.968 220.614 941.825 230.151 1059.95 216.282C1215.6 198.004 1295.63 150.056 1320.6 133.431' stroke='%23EAE6E5' stroke-miterlimit='10'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
}
.solution-icon .w-image-h {
	display: flex;
}


.cms-footer .l-section-overlay {
	top: 35px;
	bottom: -60px;
}
.footer-social a.w-image-h {
	display: flex;
}
.footer-social a.w-image-h:hover img {
	transition: all 0.3s ease-in-out;
}
.footer-social a.w-image-h:hover img {
	filter: invert(40%) sepia(46%) saturate(1498%) hue-rotate(48deg) brightness(101%) contrast(102%);
}
.footer-privacy a:hover {
	color: #66CC00 !important;
}

/*** 
====================================================================
  Food & Beverage Processors css 
====================================================================
***/
.sub-banner .l-section-overlay {
	height: 85%;
}
.sub-banner::before {
  	right: 20px;
  	top: -260px;
  
}
.subbanner-img .w-image-h {
	margin-top: -365px;
	margin-right: -300px;
	margin-left: 20px;
}
.processor-icon .w-image-h {
	display: flex;
	align-items: center;
	justify-content: center;
}
.processor-icon .w-image-h img {
	border-radius: 0;
	height: auto;
}
.operational-box p:not(:last-child) {
	margin-bottom: 1.3rem;
}

/*** 
====================================================================
  Feed for Farmers Program css 
====================================================================
***/

.cms-testimonial .l-section-img {
	top: -220px;
}
.testimonial-slider .owl-dots {
	position: absolute;
  	left: 50%;
  	top: -60px;
  	transform: translateX(-50%);
}
.testimonial-slider .dotstyle_circle .owl-dot span {
	width: 9px;
	height: 9px;
	border: solid 1px #3B455E;
	background: transparent;
	opacity: 1;
	margin: 3px;
}
.testimonial-slider .dotstyle_circle .owl-dot.active span {
	background: #3B455E !important;
	box-shadow: none;
}
/*** 
====================================================================
  why css 
====================================================================
***/
.experience-img .w-image-h {
	margin-left: -90px;
}
/*** 
====================================================================
  about css 
====================================================================
***/
.w-tabs.accordion > div > .w-tabs-section {
	border-width: 2px 0 0 0;
}
.w-tabs.accordion > div > .w-tabs-section:last-of-type {
	border-bottom-width: 2px;
}
.w-tabs-section.active:not(.has_text_color) > .w-tabs-section-header {
	color: #3B455E;
}
.no-touch .w-tabs-section-header:hover, 
.no-touch .w-tabs-section-header:focus {
	background: transparent;
}
.w-tabs[style*="--sections-title-size"] > .w-tabs-list, 
.w-tabs[style*="--sections-title-size"] > div > div > .w-tabs-section-header {
	font-family: Sora;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.6px;
	color: #3B455E;
	padding: 20px;
}
.w-tabs.accordion > div > div > .w-tabs-section-content {
	padding: 1rem;
	padding-top: 10px;
}
.w-tabs.accordion > div > div > .w-tabs-section-content a {
	text-decoration: underline;
	color: #3B455E;
}
.w-tabs.accordion > div > div > .w-tabs-section-content a:hover {
	color: #66CC00;
}
.w-tabs.accordion > div > div > .w-tabs-section-content p:not(:last-child) {
	margin-bottom: 1rem;
}
.w-tabs-section-control {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12' viewBox='0 0 11 12'%3E%3Cpath d='M6,0l6,11H0Z' transform='translate(11) rotate(90)' fill='%233b455e'/%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;
}
.w-tabs-section.active > .w-tabs-section-header .w-tabs-section-control {
	transform: rotate(90deg);
}
.w-tabs-sections.icon_chevron > div > .w-tabs-section-header .w-tabs-section-control::before,
.w-tabs-sections.icon_chevron > div > .w-tabs-section-header .w-tabs-section-control::after {
	display: none;
}



.benefit,
.benefit .w-text-value {
	transition: all 0.3s ease-in-out;
}
.benefit:hover {
	background: #66CC00 !important;
}
.benefit:hover .w-text-value {
	color: #FFF;
}

/*** 
====================================================================
  solution css 
====================================================================
***/

.operations-img .w-image-h {
	margin-right: -180px;
  	margin-left: 30px;
}

/*** 
====================================================================
  dairy product css 
====================================================================
***/

.dairy-support .l-section-img {
	top: -415px;
}

.contact-number a {
	font-weight: 400;
	color: #3B455E;
}
.contact-number a:hover {
	color: #66CC00;
}
.upcycling-img .w-image-h { 
	margin-left: -140px;
  	margin-top: -30px;
}

/*** 
====================================================================
  blog page css 
====================================================================
***/
.blog-title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 72px;
	height: 4px;
	background-color: #66CC00;
}
.blog-btn {
	margin-top: 100px;
}

/*** 
====================================================================
  contact form css 
====================================================================
***/
.contact-form .contact-row {
	display: flex;
	flex-direction: column;
	row-gap: 45px;
}
.contact-form .two-fields-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -16px;
	row-gap: 20px;
}
.contact-form .left-field {
	max-width: 56%;
	padding: 0 16px;
}
.contact-form .right-field {
	max-width: 44%;
	padding: 0 16px;
}
.contact-form .formlabel {
	margin: 0 0 20px;
}
.contact-form .formcontrol input[type="text"],
.contact-form .formcontrol input[type="email"] {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.66px;
	color: #3B465A;
	height: 50px;
	background-color: #fff;
	box-shadow: none;
	border: solid 1px #3B465A;
	padding: 8px 24px;
	border-radius: 30px;
	outline: none;
}
.contact-form .formcontrol input[type="text"]:focus,
.contact-form .formcontrol input[type="email"]:focus,
.contact-form .formcontrol textarea:focus {
	border: solid 1px #66CC00;
	box-shadow: none;
}
.contact-form .formcontrol textarea {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.66px;
	color: #3B465A;
	height: 310px;
	background-color: #fff;
	padding: 8px 24px;
	box-shadow: none;
	border: solid 1px #3B465A;
	border-radius: 28px;
	outline: none;
}
.contact-form .submit-btn input[type="submit"] {
	text-transform: uppercase;
	margin-top: -10px;
	padding: 0.6em 1.8em;
}

/*** 
====================================================================
  about css 
====================================================================
***/
.team-row {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	row-gap: 45px;
}











/*** 
====================================================================
  responsive css 
====================================================================
***/

/* 1440 */
@media only screen and (max-width: 1700px) and (min-width: 1598px) {
.home-banner .l-section-overlay { height: 83.8%; }
}

/* 1440 */
@media only screen and (max-width: 1599px) and (min-width: 1440px) {
.home-banner::before { right: -360px; top: -350px; }
.sub-banner::before { right: -210px; top: -260px; }


}
/* 1366 */
@media only screen and (max-width: 1439px) and (min-width: 1281px) {
.home-banner::before { right: -360px; top: -350px; }
.sub-banner::before { right:-240px; }



}

/* 1280 */
@media only screen and (max-width: 1280px) and (min-width: 1200px) {
.footer-rht .footer-rht-top { margin-inline-end: 80px;}
.sub-banner::before { right:-280px; top:-280px; }


	
}

/* 1024 */
@media only screen and (max-width: 1199px) {
header.l-header { background-color:#fff; }	
.home-banner::before,
.sub-banner::before { display:none; }
.home-banner .l-section-overlay { height:100%; }
.banner-img .w-image-h { margin:0; }
.rooted-img .w-image-h { margin:0; }
.home-support .l-section-img { display:none; }
.home-operation .l-section-img { display:none; }
.cms-footer .l-section-overlay { top:0; }
/*** 
====================================================================
  Food & Beverage Processors css 
====================================================================
***/
.subbanner-img .w-image-h { margin:0; }
.sub-banner .l-section-overlay { height:100%; }
.w-nav-icon.style_custom_image img { margin-left:0; }
body .w-nav-icon.style_custom_image img { filter:none !important; }
/*** 
====================================================================
  Feed for Farmers Program css 
====================================================================
***/
.cms-testimonial .l-section-img { display:none; }
.experience-img .w-image-h { margin-left: 0px; }

.operations-img .w-image-h { margin:0; }
.upcycling-img .w-image-h { margin:0; }
/*** 
====================================================================
  blog css 
====================================================================
***/
.blog-box { flex-direction:column-reverse; }
.blog-btn {	margin-top: 40px; }
/*** 
====================================================================
  about css 
====================================================================
***/
.team-row {
	max-width: 780px;
	margin: 0 auto;
	grid-template-columns: repeat(3, 1fr);
}



	
	
}

/* 768 */
@media only screen and (max-width: 1023px) {
.team-row { grid-template-columns: repeat(2, 1fr); max-width:515px; }



/*** 
====================================================================
  landing page css 
====================================================================
***/




	
}

/* 736 */
@media only screen and (max-width: 767px) {
.theme-btn .w-btn-label::before,
.theme-btn .w-btn-label::after { background-size: 16px; }




/*** 
====================================================================
  landing page css 
====================================================================
***/






}

/* 600 */
@media only screen and (max-width: 666px) {
.w-tabs[style*="--sections-title-size"] > .w-tabs-list, 
.w-tabs[style*="--sections-title-size"] > div > div > .w-tabs-section-header { padding-left:0; font-size:18px; }
.w-tabs.accordion > div > div > .w-tabs-section-content { padding-left:0; }
.contact-form .contact-row { row-gap:20px; }
.contact-form .formlabel { margin:0 0 10px; }
.contact-form .left-field {	max-width: 100%; }
.contact-form .right-field { max-width: 100%; }
.contact-form .submit-btn input[type="submit"] { margin:0; }
.contact-form .formcontrol textarea { height:140px; border-radius:18px; }

.team-row { max-width: 244px; grid-template-columns: repeat(1, 1fr); }

}