@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&display=swap');
* { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }
html, body { width: 100%; font-size: 26px; font-weight:300; line-height: 1.2; color: #000; font-family: 'Roboto', sans-serif; background: #fff; }
/*font-family: 'Roboto', sans-serif;
font-family: 'Roboto', sans-serif;*/
*::-webkit-input-placeholder { opacity:1; color: #000; }
*::-moz-placeholder {opacity:1;color: #000; }
*:-ms-input-placeholder {opacity:1;color: #000; }

input[type=checkbox]{ -webkit-appearance: checkbox; margin: 0px 0 0 0px; display: inline-block; vertical-align: top; }
button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; font-family: 'Roboto', sans-serif; }

:focus,input:focus, textarea:focus { outline: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
:focus { outline: none; }

/* common */
a { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; outline: none; }
ul { list-style: none; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: block; max-width: 100%; }

h1,h2,h3,h4,h5,h6 { line-height: 1.3; font-weight:700; padding-bottom: 10px; font-family: 'Roboto', sans-serif; }
h1 { font-size: 40px; font-weight:300; color:#104a58; }
h2 { font-size: 32px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

p { font-size: 32px; line-height: 1.3; padding-bottom: 20px; }
p a { text-decoration:none; color:#104a58; font-weight:700; box-shadow: 0px 1px 0px #3fbd79; }

p a:hover { text-decoration:none; box-shadow: none; }

#wrapper { padding: 102px 0 53px 0; width: 100%; position: relative; }

.wrapper { max-width: 1830px; padding: 0 35px; position: relative; margin:0 auto; }
.flex-wrap { display: flex; flex-wrap:wrap; }
.v-center { align-items:center; }
.space-between { justify-content:space-between; }

.button { text-align: left; letter-spacing: 0.08em; font-weight:500; text-transform: uppercase; font-size: 16px; line-height: 20px; color:#fff; font-weight:500; border-radius: 10px; background:#e18b19; padding: 10px 13px; border:0; cursor: pointer; }
.button:hover { background: #258d44; }

/*header-part*/
#header-part { width: 100%; }
#header-part .wrapper { max-width: 1920px; padding:0; }

	/*nav_bar*/
	.nav_bar { z-index:99; text-align:center; position:fixed; left:0; top:0; width:100%; background:#fff; border-bottom: 2px solid #00ab4d; }  
	.nav_bar .logo { margin: 0 0 0 25px; max-width: 138px; display:inline-block; vertical-align: top; }
	.nav_bar .mobilemenu { display: none; }
	.nav_bar ul { list-style:none; margin:0; margin-top:auto; padding:0 30px; }
	.nav_bar li { padding: 0 20px; display: inline-block; vertical-align: top; font-size: 24px; line-height:1.2; font-weight:300; }
	.nav_bar li a { padding-bottom: 20px; display: block; color: #231f20; border-bottom: 8px solid transparent; }
	.nav_bar li a.active ,.nav_bar li a:hover { border-bottom-color:#00ab4d; }
	.nav_bar .btn { font-size: 30px; line-height: 1.2; color: #fff; font-weight:500; padding: 33px 35px; display:inline-block;  vertical-align: top; background: #00ab4d; }
	.nav_bar li.mob { display: none; } 
	
/*content-part*/
#content-part { width: 100%; }
	
	/*home_banner_bar*/
	.home_banner_bar { padding: 100px 0; min-height:800px; width: 100%; background-position: center center; background-size:cover; }
	.home_banner_bar h1 { padding: 0 150px 70px; display:table; margin:auto; position:relative; text-align: center; }
	.home_banner_bar h1:after { width: 557px; height:196px; content:''; position:absolute; right:0px; bottom:0px; background:url(../images/home-banner-graphic.png) center center no-repeat; background-size:100% 100%; }
	
	/*page_banner_bar*/
	.page_banner_bar { width: 100%;min-height:700px; position: relative; background-position: center center; background-size:cover; }
	.page_banner_bar .title { padding: 22px 0 15px; position:absolute; left:0; bottom:0; width: 100%; border-top: 30px solid #104a58; background: rgba(16,74,88,0.4); }
	.page_banner_bar .title .icon { height: 300px; position:absolute; left:20px; bottom:calc(100% + 70px); } 
	.page_banner_bar h1 { font-size: 32px; color:#fff; }
	.product .page_banner_bar .title .icon { left: 55px; margin-bottom:20px; }
	.product .page_banner_bar .title { border-color: #43929c; background: rgba(67,146,156,0.4);}
	.quality .page_banner_bar .title { border-color: #c2c95a; background: rgba(194,201,90,0.4);}
	.manufacturing .page_banner_bar .title { border-color: #85667c; background: rgba(133,102,124,0.4);}
	.contact .page_banner_bar .title { border-color: #00ab4d; background: rgba(0,171,77,0.4);}
	.contact .page_banner_bar { min-height:300px; }
	
	
	/*recirc_bar*/
	.recirc_bar { padding-bottom:25px; width: 100%; background:#6f9c86; position: relative; z-index:1; }
	.recirc_bar:before { width: 100%; height: 360px; content:''; position:absolute; left:0; bottom:100%; background: rgba(0,171,77,0.2); } 
	.recirc_bar .flex-wrap { margin: 0 -15px; }
	.recirc_bar .col4 { padding: 0 15px; width: 25%; text-align: center; }
	.recirc_bar .icon { height:300px; max-width:none; margin:-345px auto 80px; }
	.recirc_bar h2 { font-weight:700; color: #fff; position: relative; }
	.recirc_bar h2:before { width: 10px; height:60px; content:''; position:absolute; left:50%; margin-left:-5px; top:-65px; border-radius: 7px; background: #43929c; }
	.recirc_bar p { letter-spacing:-0.01em; font-size: 26px; color: #fff; }
	.recirc_bar .link { padding: 25px 13px 15px; width: 65px; height:65px; border-radius: 50%; background:#43929c; display:block; margin:0 auto; }
	.recirc_bar .link img { width: 100%; } 
	.recirc_bar .col4:nth-of-type(2) h2:before,
	.recirc_bar .col4:nth-of-type(2) .link { background:#104a58; }
	.recirc_bar .col4:nth-of-type(3) h2:before,
	.recirc_bar .col4:nth-of-type(3) .link { background-color:#c2c95a; }
	.recirc_bar .col4:nth-of-type(4) h2:before,
	.recirc_bar .col4:nth-of-type(4) .link { background-color:#85667c; }
	.recirc_bar .link:hover { opacity:0.70; }

	/*text_bar*/
	.text_bar { padding: 40px 0 30px; width: 100%; }
	.text_bar p { padding-bottom: 45px; }
	.text_bar p:last-child { padding-bottom:15px; }
	
	/*team_bar*/
	.team_bar { padding: 35px 0; width: 100%; background:#728699; }
	.team_bar .table_row { display: table; width: 100%; }
	.team_bar .table_row figure { display:table-cell; vertical-align: top; width: 440px; padding-right:130px; } 
	.team_bar .table_row figure img { border-radius:50%; }
	.team_bar .table_row .text { padding-right:90px; color:#fff; display:table-cell; vertical-align: middle; } 
	.team_bar .name { font-size: 32px; display: block; }
	.team_bar .position { font-size: 26px; display: block; font-weight:700; padding-bottom: 30px; }
	.team_bar p { font-size: 26px; line-height: 1.55; letter-spacing:0.01em; padding-bottom:0; }
	.team_bar.mary { background:#104a58; }
	.team_bar.mary .text { padding-right:20px; }
	
	/*team_bar*/
	.description_bar { padding: 35px 0 30px; width: 100%;  background:#c2c95a; color:#fff; }
	.description_bar .table_row { display: table; width: 100%; }
	.description_bar .table_row figure { display:table-cell; vertical-align: top; width: 315px; padding-right:80px; } 
	.description_bar .table_row figure img { width:100%; }
	.description_bar .table_row h2 { font-size: 33px; padding-bottom: 35px; }
	.description_bar .table_row p { font-size: 26px; line-height:1.55;  }


	/*team_bar*/
	.steps_bar { padding: 55px 0 45px; width:100%; }
	.steps_bar h2 { font-weight:300; line-height:1.1; padding-bottom:0; }
	.steps_bar P { padding-bottom: 60px; font-size: 26px; line-height:1.2; }
	.steps_bar ol { list-style:none; margin:80px 45px 0 -43px; padding:0; counter-reset:counter; }
	.steps_bar ol li { padding: 65px 25px 25px; position: relative; counter-increment:counter; width: calc(25% - 86px); margin: 0 43px; border: 2px solid #104a58; border-radius: 25px; font-size: 22px; line-height: 1.45; }
	.steps_bar ol li:before { width: 107px; height:107px; background:#104a58; color:#fff; line-height: 107px; text-align: center; content:counter(counter); display:block; position:absolute; left:35px; font-size: 100px; bottom: 100%; margin-bottom:-50px; border-radius: 50%; }  
	.product .steps_bar p { line-height: 1.25; padding-bottom: 28px; }
	.product .steps_bar h3 { font-size: 26px; padding-bottom:0px; }
	.steps_bar ul { padding-bottom: 30px; } 
	.steps_bar ul li { position: relative; line-height:1.25; padding: 0 0 0 12px; }
	.steps_bar ul li:before { content:'-'; position:absolute; left:0; top:0; }  
	.product .steps_bar p + h2 { padding-top:40px; }
	.product .steps_bar { padding-bottom: 20px; }
	.steps_bar p strong { color:#104a58; font-weight:700; box-shadow: 0px 1px 0px #3fbd79; }
	.quality .steps_bar h2 { padding-bottom: 35px; }
	.quality .steps_bar h3 { font-size: 26px; padding:0; }
	.quality .steps_bar p { padding:0 0 30px 0; }
	.quality .steps_bar { padding-bottom:10px; }
	.steps_bar .graphic	{ max-width: 450px; margin: -20px 0 15px -5px; }
	.manufacturing .steps_bar { padding-bottom:10px; }


	/*quote_bar*/
	.quote_bar { padding: 35px 0; width: 100%; background: #43929c; color:#fff; }
	.quote_bar p { font-size: 26px; line-height:1.55; font-weight:400; }
	.quote_bar p:before { margin-bottom: 20px; content:''; width: 43px; height:33px; display: block; background:url(../images/quote.png) no-repeat; background-size:cover; }
	.quote_bar .name { font-weight:300; font-style:italic; display:block; padding-top:10px; }
	.quote_bar .name a { display:inline-block; color: #fff; font-weight:700; font-style:normal; box-shadow: 0px 2px 0px #3fbd79;} 
	.quote_bar .name a:hover { box-shadow: none;} 
	.quote_bar .name strong { font-style:normal; font-weight:700; }
	.manufacturing .quote_bar { background:#85667c; }
	.manufacturing .quote_bar p { padding-right:40px; }
	
	/*contact_bar*/
	.contact_bar { padding-top: 50px; padding-bottom: 35px; border-bottom: 20px solid #969d9c; }
	.contact_bar h2 { padding-bottom: 40px; font-weight: 300; }
	.contact_bar .details { margin-bottom: 48px; }
	.contact_bar .details li { margin-bottom: 10px; color: #00ab4d; font-size: 26px; font-weight: 700; }
	.contact_bar .details li a, .contact_bar .details li span { color: #104a58; }
	.contact_bar h3 { padding-bottom: 22px; font-size: 32px; color: #00ab4d; font-weight: 300; font-family: 'Source Sans Pro', sans-serif; }
	.contact_bar .form-control { margin-bottom: 20px; padding: 15px 20px; width: 100%; height: 74px; border: 0; font-size: 24px; color: #231f20; font-weight: 300; font-family: 'Roboto', sans-serif; background-color: #f6f7fb; }
	.contact_bar form { width: 795px; }
	.contact_bar textarea.form-control { height: 327px; resize: none; }
	.contact_bar .button { padding: 10px 22px; width: 223px; height: 61px; color: #fff; text-transform: uppercase; font-size: 24px; letter-spacing: 0; background-color: #00ab4d; }
	.contact_bar .form-control.error { border: 1px solid #ff0000; }
	.form-error { display: block; color: #f00; padding: 10px 0 0 0; }  
	.successmsg { color:#52b264; padding: 0; margin: 20px 0 0; width: 100%; }


/*footer-part*/
#footer-part { width: 100%; }

	/*footer_bar*/
	.footer_bar { width: 100%; position: relative; }
	.footer_bar .left_side { padding: 15px 0 35px; width: 50%; background:#e0e1dc; position: relative; }
	.footer_bar .left_side:before { background:#e0e1dc; width: 5000px; height:100%; content:''; position:absolute; left:-5000px; top:0; }  
	.footer_bar .col1 { padding-right:50px; width: 50%; }
	.footer_bar .col2 { padding: 60px 130px 0 0; width: 50%; }
	.footer_bar .logo { position: relative; width: 138px; display: block; margin: 0 0 30px -50px; } 
	.footer_bar .contact_link { font-size: 18px; line-height: 1.4; font-weight:400; display:block; color:#00ab4d; }  
	.footer_bar .contact_link a ,
	.footer_bar .contact_link strong { font-weight:700; color:#104a58; }
	.footer_bar ul.navi li { font-size: 18px; line-height: 1.2; font-weight:700; padding-bottom: 15px; }
	.footer_bar ul.navi li a { color: #104a58; box-shadow: 0px 1px 0px #3fbd79; }
	.footer_bar ul.navi li a:hover { box-shadow: none; }  
	.footer_bar .col1 .navi { padding:12px 0 0 0; }
	.footer_bar address { font-size: 18px; line-height: 1.4; font-weight:400; display:block; color:#00ab4d; font-style:normal; padding: 10px 0 20px 0; }  
	.footer_bar .gmp { max-width: 206px; margin-bottom:20px; }
	.footer_bar .designer a {  box-shadow: 0px 2px 0px #3fbd79; padding-bottom: 3px;}
	.footer_bar .designer a:hover { box-shadow: none; }  
	.footer_bar h3 { color: #00ab4d; padding-bottom: 20px; }
	.footer_bar h4 { color: #00ab4d; padding-bottom: 0px; }
	.footer_bar h5 { color: #00ab4d; padding-bottom: 5px; font-weight:400; font-size: 18px; }
	.footer_bar .col2 p { font-size: 18px; line-height: 1.35; font-weight:400; color:#00ab4d; }
	.footer_bar .right_side { padding: 75px 0 0 65px; width: 50%; }
	.footer_bar .right_side .navi li { padding-bottom:7px; } 
	.footer_bar .brands { text-align: center; margin: 30px -15px; padding-right:70px;}
	.footer_bar .brands li { padding: 0 15px 20px; display: inline-block; vertical-align: top; width: 33.33%; } 
	.footer_bar .brands li img { display: table; margin:0 auto; }
	.footer_bar .brands li:nth-of-type(2) { padding-left: 10px; padding-right:10px; }  
	.footer_bar .brands li:nth-of-type(3) img { max-width: 200px; margin:0; float: right; }  
	.footer_bar .brands li:nth-of-type(4) img { max-width: 135px; }  
	.footer_bar .brands li:nth-of-type(5) { padding-left:0; padding-right:0; }  
	.footer_bar .brands li:nth-of-type(6) img { max-width: 180px; margin:0; float: right; }  

	/*copyright_bar*/
	.copyright_bar { padding: 16px 0; position:fixed; left:0; bottom:0; width: 100%; background:#00ab4d; z-index:99; }
	.copyright_bar p { font-size: 18px; line-height:1.2; padding:0; color:#fff; }