@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400;1,500&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: 20px; line-height: 1.3; color: #3a3939; font-family: 'Josefin Sans', sans-serif; background: #fefbf0; }

*::-webkit-input-placeholder { opacity:1; color: #08421c; }
*::-moz-placeholder {opacity:1;color: #08421c; }
*:-ms-input-placeholder {opacity:1;color: #08421c; }

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: 'Josefin Sans', 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 { font-family: 'SS Nickson One'; font-weight: normal; }
h1 { font-size: 72px; line-height: 72px; text-transform: uppercase; letter-spacing: 3px; }
h2 { margin-bottom: 30px; font-size: 50px; line-height: 48px; color:#4a5460; text-transform: uppercase; }
h3 { font-size: 24px; line-height: 28px; }
h4 { font-size: 20px; line-height: 24px; }
h5 { font-size: 18px; line-height: 22px; }
h6 { font-size: 16px; line-height: 20px; }

p { padding-bottom: 25px; }
p a { text-decoration:underline; color:#000; }
p a:hover { text-decoration:none; }

.btn { min-width: 216px; height: 50px; display: inline-flex; align-items: center; justify-content: center; text-transform: uppercase; color: #fff; font-size: 35px; letter-spacing: 1px; font-family: 'SS Nickson One'; font-weight: normal; background: #60b1ab; }
.btn:hover { background-color: #08421c; }

#back-to-top { box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -ms-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; position: fixed; bottom: 20px; display: none; right: 15px; z-index: 9999; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #006bb6; }
#back-to-top:after { width: 0px; height: 0px; content: ''; position: absolute; left: 50%; top: 50%; border: 10px solid transparent; border-bottom-color: #fff; margin: -15px 0 0 -10px; }
#back-to-top.show { opacity: 0.8; }
#back-to-top.show:hover { opacity: 1; }
a.close, a.mobilemenu { display: none; }

#wrapper { margin: auto; width: 100%; position: relative; }

.wrapper { padding-right: calc((100% - 1440px) / 2); padding-left: calc((100% - 1440px) / 2); position: relative; }

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

	/*top bar*/
	.top-bar { width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #08421c; }
	.top-bar span { padding-top: 3px; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; }

	/*bottom bar*/
	.bottom-bar { width: 100%; height: 160px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
	.bottom-bar .menu { margin-top: 22px; }
	.bottom-bar .menu ul { margin: 0 -20px; display: flex; flex-wrap: wrap; }
	.bottom-bar .menu li { padding: 0 20px; text-transform: uppercase; font-size: 17px; font-weight: 700; }
	.bottom-bar .menu li a { padding-bottom: 4px; color: #333; position: relative; }
	.bottom-bar .menu li a:after { transition: all .3s; -webkit-transition: all .3s; width: 0; height: 2px; content: ''; position: absolute; left: 0; bottom: 0; background: #333; }
	.bottom-bar .menu li.active a:after, .bottom-bar .menu li a:hover:after { width: 100%; }
	.bottom-bar .right { margin-left: 160px; text-align: right; }
	.bottom-bar .right li { font-size: 22px; font-weight: 600; }
	.bottom-bar .right li a { padding-left: 34px; padding-top: 7px; padding-bottom: 7px; color: #333; display: inline-block; background-repeat: no-repeat; background-position: left center; }
	.bottom-bar .right .phone { margin-bottom: 4px; border-bottom: 1px solid rgba(158, 57, 57, 0.26); }
	.bottom-bar .right .phone a { background-image: url(../images/telephone-icon.png); }
	.bottom-bar .right .mail a { background-position: left 7px; background-image: url(../images/email-icon.png); }

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

	/*slider bar*/
	.slider-bar { width: 100%; }
	.slider-bar .item { position: relative; background-repeat: no-repeat; background-size: cover; }
	.slider-bar .item:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(8, 66, 28, 0.2); }
	.slider-bar .content { margin-right: 76px; height: 650px; display: flex; align-items: center; justify-content: flex-end; }
	.slider-bar h2 { max-width: 585px; color: #d0fee0; font-size: 100px; line-height: 80px; text-align: center; text-transform: uppercase; font-family: 'SS Nickson One';  font-weight: normal; }
	.slider-bar .slick-arrow { width: 40px; height: 40px; position: absolute; border: 0; font-size: 0; z-index: 20; cursor: pointer; top: 50%; transform: translateY(-50%); background-color: rgba(229, 229, 221, 1.0); background-position: center center; background-repeat: no-repeat; }
	.slider-bar .slick-arrow:hover { background-color: #fff; }
	.slider-bar .slick-prev { left: 25px; background-image: url(../images/prev-arrow.png); }
	.slider-bar .slick-next { right: 25px; background-image: url(../images/next-arrow.png); }

	/*banner bar*/
	.banner-bar { width: 100%; height: 450px; display: flex; align-items: center; justify-content: center; position: relative; background-repeat: no-repeat; background-size: cover; }
	.banner-bar:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(8, 66, 28, 0.35); }
	.banner-bar h1 { color: #fff; position: relative; }

	/*content bar*/
	.content-bar { padding-top: 122px; padding-bottom: 88px; width: 100%; }
	.content-bar .row { display: flex; flex-wrap: wrap; background: #fff; }
	.content-bar h2, .contact-bar h2 { margin-bottom: 28px; font-size: 60px; letter-spacing: 2px; line-height: 50px; }
	.content-bar .left { padding: 38px; width: 50%; }
	.content-bar .right { width: 50%; position: relative; }
	.content-bar .right:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(8, 66, 28, 0.2); }
	.content-bar .right img { width: 100%; height: 100%; object-fit: cover; }
	.content-bar.about .row {  background-color: transparent; }
	.content-bar.about { padding-top: 85px; }
	.content-bar.about .left { padding: 6px 38px; }

	/*product bar*/
	.product-bar { padding-top: 63px; padding-bottom: 55px; width: 100%; text-align: center; background-color: #08421c; }
	.product-bar h2 { margin-bottom: 45px; color: #fff; font-size: 55px; letter-spacing: 2px; }
	.product-bar .row { width: 100%; display: flex; flex-wrap: wrap; }
	.product-bar .item { margin-bottom: 35px; padding: 0 12px; width: 25%; }
	.product-bar .item a { display: block; }
	.product-bar .image img { width: 100%; }
	.product-bar .item span { min-height: 75px; color: #08421c; font-size: 35px;  font-family: 'SS Nickson One'; letter-spacing: 1px; font-weight: normal; display: flex; align-items: center; justify-content: center; background-color: #fff; }
	.product-bar.product { background: transparent; }
	.product-bar.product h2 { color: #08421c; }
	.product-bar.product .item span { color: #fff; background: #432a1c; }
	.product-bar.product p { color: #000; font-size: 25px; line-height: 35px; text-transform: uppercase; font-weight: 700; }
	.product-bar.product p span { color: #08421c; }
	.product-bar.product p a { color: #432a1c; text-decoration: none; }
	.product-bar.product .row { margin-bottom: 42px; }
	.product-bar .item .image { overflow: hidden; }
	.product-bar .item .image img { transition: all 0.3s; -webkit-transition: all 0.3s; }
	.product-bar .item a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }

	/*partner bar*/
	.partner-bar { padding-top: 76px; padding-bottom: 60px; width: 100%; text-align: center; border-top: 5px solid #08421c; background: #f3ebdc; }
	.partner-bar p { padding-bottom: 8px; font-size: 25px; font-weight: 700; color: #08421c; text-transform: uppercase; letter-spacing: 1px; }
	.partner-bar h3 { padding-bottom: 5px; font-size: 60px; color: #08421c; font-style: italic; line-height: 40px; letter-spacing: 1px; }

	/*chose bar*/
	.chose-bar { padding-top: 20px; padding-bottom: 100px; width: 100%; text-align: center; }
	.chose-bar h2 { margin-bottom: 35px; font-family: 'Josefin Sans', sans-serif; font-weight: 700; }
	.chose-bar .row { display: flex; flex-wrap: wrap; }
	.chose-bar .item { padding: 0 28px; width: 33.33%; }
	.chose-bar .image img { width: 100%; }
	.chose-bar h3 { margin-bottom: 10px; color: #08421c; font-size: 25px; font-family: 'Josefin Sans', sans-serif; font-weight: 700; }
	.chose-bar .image { margin-bottom: 35px; }

	/*map bar*/
	.map-bar { width: 100%; }
	.map-bar iframe { width: 100%; height: 615px; }

	/*contact bar*/
	.contact-bar { padding-top: 90px; padding-bottom: 100px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.contact-bar .left { padding-left: 40px; width: 51%; }
	.contact-bar .right { margin-top: 5px; width: 34%; padding-right: 40px; color: #fff; }
	.contact-bar .form-control { margin-bottom: 20px; padding: 16px 18px; width: 100%; height: 50px; border: 1px solid #b06b48; color: #08421c; font-size: 18px; text-transform: uppercase; background: transparent; }
	.contact-bar textarea.form-control { height: 200px; resize: none; }
	.contact-bar .btn { border: 0; cursor: pointer; background-color: #442a1d; }
	.contact-bar .btn:hover { background-color: #60b1ab; }
	.contact-bar .full { padding: 35px 28px 90px; background-color: #08421c; }
	.contact-bar h3 { margin-bottom: 12px; font-size: 30px; font-family: 'Josefin Sans', sans-serif; font-weight: 700; text-transform: uppercase; line-height: normal; }
	.contact-bar h4 { margin-bottom: 0; font-size: 20px; font-family: 'Josefin Sans', sans-serif; font-weight: 700; text-transform: uppercase; line-height: normal; }
	.contact-bar .right ul li { margin-bottom: 15px; }
	.contact-bar .right ul li a { padding-left: 36px; color: #fff; }
	.contact-bar .right ul li.address { padding-left: 36px; background: url(../images/icon1.png) no-repeat left 2px; }
	.contact-bar .right ul li.phone a { background: url(../images/icon2.png) no-repeat left top; }
	.contact-bar .right ul li.mail a { background: url(../images/icon3.png) no-repeat left top; }
	.contact-bar .right ul { margin-top: 7px; margin-bottom: 40px; padding-left: 7px; }
	.contact-bar .successmsg { padding: 10px 15px; color: #fff; margin: 15px 0 0 0; border-radius: 10px; background: #0d4162; }
	.contact-bar .form-error { display: block; width: 100%; color: #f00;  padding: 15px 0 0 0; }

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

	/*follow bar*/
	.follow-bar { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; background-color: #08421c; }
	.follow-bar span { margin-right: 35px; padding-top: 5px; color: #fff; font-weight: 700; }
	.follow-bar ul { display: flex; }
	.follow-bar ul li { padding: 0 8px; display: inline-flex; align-items: center; }
	.follow-bar ul li a:hover img { opacity: 0.7; }

	/*footer bar*/
	.footer-bar { padding-top: 40px; width: 100%; min-height: 300px; display: flex; flex-wrap: wrap; background-color: #4a5460; }
	.footer-bar .left { padding-left: 40px; padding-right: 100px; text-align: center; }
	.footer-bar .menu li { margin-bottom: 10px; font-size: 18px; text-transform: uppercase; }
	.footer-bar .menu li a { color: #fff; }
	.footer-bar .menu li a:hover { color: #60b1ab; }
	.footer-bar .address { width: 25%; }
	.footer-bar .left ul li { font-weight: 600; font-size: 18px; }
	.footer-bar .left ul li a { color: #fff; }
	.footer-bar h3 { margin-bottom: 14px; color: #fff; font-family: 'SS Nickson One'; letter-spacing: 1px; font-size: 40px; line-height: normal; font-weight: normal; }
	.footer-bar .menu { width: 21%; }
	.footer-bar address { color: #fff; font-style: normal; font-size: 18px; line-height: 25px; text-transform: uppercase; }
	.footer-bar .right span { color: #fff; font-size: 18px; display: inline-block; line-height: 25px; text-transform: uppercase; }
	.footer-bar .f-logo { margin-bottom: 24px; }