*, *:before, *:after { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

body.bg { color: #333; margin: 0px; border-top: 3px solid #26b0ff; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #f5f5f5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='250' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.02'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E"); }

@font-face { src: url("../fonts/muli-light_0.eot"); src: url("../fonts/muli-light_0.eot") format("embedded-opentype"), url("../fonts/muli-light_0.woff") format("woff"), url("../fonts/muli-light_0.ttf") format("truetype"), url("../fonts/muli-light_0.svg#MuliLight") format("svg"); font-family: 'MuliLight'; }

img { border: none; }

.logo_and_mail_contanear { display: block; width: 100%; height: 70px; }

.logo_and_mail_mail_area { display: block; position: relative; top: -3px; width: 100%; max-width: 1000px; margin: 0px auto; }

.logo_area { display: block; position: absolute; top: 5px; left: 0px; width: 420px; max-width: 440px; height: auto; margin-top: 0px; }

.logo_area img { position: relative; top: 0px; max-width: 100%; height: auto; }

.mail_and_search_area { display: block; position: absolute; top: -20px; right: 0px; margin-top: 10px; text-align: right; }

.mail_and_search_area p { margin-top: 7px; margin-bottom: 7px; color: #720201; font-family: "MuliLight", Verdana, Geneva, sans-serif; font-size: 18px; }

.mail_and_search_area p a { color: #720201; text-decoration: none; }

.mail_and_search_area p a:hover { text-decoration: none; }

.mail_and_search_area p span { color: #720201; font-size: 22px; }

.search_but { -moz-background-size: 40px; -o-background-size: 40px; -webkit-background-size: 40px 40px; display: block; position: relative; top: -2px; width: 30px; height: 32px; margin-top: 10px; float: right; border: none; background: url(/images/search.svg) no-repeat center; background-color: #720201; background-size: 40px; cursor: pointer; }

.input_type_style { width: 280px; height: 32px; margin: 8px 10px 0 0; padding: 0px 10px; border: 1px solid #d1d1d1; }

.header_contanear { display: block; width: 100%; height: auto; margin-top: 10px; background: #26b0ff; }

.header_main_area { display: block; width: 100%; max-width: 1000px; height: auto; margin: 0px auto; padding-bottom: 25px; }

.header_img_area { display: block; width: 100%; max-width: 708px; height: 296px; margin-top: 29px; }

.header_text_area { display: block; width: 100%; float: none; text-align: center; }

.header_text_area > div.flex { -moz-box-align: center; -moz-box-pack: center; -ms-flex-align: center; -ms-flex-pack: center; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-justify-content: center; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; align-items: center; justify-content: center; width: 100%; width: 100%; padding: 20px; }

.header_text_area h1 { color: #FFFFFF; font-family: "MuliLight", Verdana; font-size: 36px; font-weight: bold; text-align: center; text-shadow: 0px 0px 3px black; }

.more_but { display: block; width: 100%; max-width: 171px; height: 49px; margin: 30px 0 0 58px; background: url(../images/more_but.png) center no-repeat; color: #720201; font-family: "MuliLight", Verdana, Geneva, sans-serif; font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }

.more_but:hover { opacity: 0.8; }

#more_btn { -moz-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -webkit-transition: 0.2s all ease-in; padding: 10px; border: 2px solid #fff; background: rgba(0, 0, 0, 0); color: #fff; font-family: 'MuliLight'; font-size: 26px; cursor: pointer; transition: 0.2s all ease-in; }

#more_btn:hover { -moz-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -webkit-transition: 0.2s all ease-in; background: #fff; color: #26b0ff; transition: 0.2s all ease-in; }

.body_contanear { display: block; width: 100%; padding: 35px 0; }

.body_main_area { display: block; width: 100%; max-width: 1000px; margin: 0px auto; }

.company_logo_area { display: block; width: 100%; height: 66px; padding: 0px; overflow: hidden; background: #F3F3F3; }

.heading_area { display: block; width: 100%; max-width: 1000px; height: 98px; margin-top: 35px; background: url(../images/heading_bg.png) center no-repeat; line-height: 58px; text-align: center; }

.heading_area h1 { color: #fff; font-family: "MuliLight", Verdana; font-size: 26px; font-weight: 100; line-height: 96px; }

.white_box { display: block; width: 100%; margin-top: 30px; padding: 10px; background: #FFF; }

.product_box1 { display: inline; position: relative; width: 48%; height: 170px; margin: 1%; float: left; }

.product_box1 img { position: absolute; right: 0; left: 0; margin: auto; }

.product_box1 h2 { margin-top: 80px; color: #26b0ff; font-family: "MuliLight", Verdana; font-size: 17px; font-weight: bold; text-align: center; }

.product_box1 p { clear: both; color: #939393; font-family: "MuliLight", Verdana, Geneva, sans-serif; font-size: 13px; line-height: 25px; text-align: center; }

.product_box1 p a { color: #720201; font-weight: bold; text-decoration: none; }

.product_box1 p a:hover { text-decoration: underline; }

.call_us_area { display: block; width: 100%; text-align: center; }

.call_us_text_area { display: block; width: auto; margin: 0px; padding-top: 49px; }

.call_us_text_area h2 { font-family: "MuliLight", Verdana, Geneva, sans-serif; font-size: 16px; text-align: center; }

.call_us_text_area p { margin-top: 10px; color: #909090; font-family: "MuliLight", Verdana, Geneva, sans-serif; font-size: 15px; }

.contact_but { display: block; width: 40%; height: 51px; margin: 0; background: url(../images/conatct_but.png) center no-repeat; color: #FFF; font-family: "MuliLight", Verdana, Geneva, sans-serif; font-size: 18px; line-height: 50px; text-align: center; text-decoration: none; }

.contact_but:hover { opacity: 0.8; }

.body_buttom_text_area { display: block; width: 100%; max-width: 1000px; margin-top: 30px; }

.body_buttom_text_area h1 { color: #720201; font-family: "MuliLight", Verdana; font-size: 20px; font-weight: 100; }

.body_buttom_text_area p { margin-top: 10px; color: #6f6f6f; font-family: "MuliLight", Verdana, Geneva, sans-serif; font-size: 15px; line-height: 25px; }

.body_buttom_text_area p a { color: #000; }

.body_buttom_text_area p a:hover { text-decoration: none; }

.footer_contanear { display: block; width: 100%; height: 88px; margin-top: 30px; background: #26b0ff; }

.footer_main_area { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 1000px; height: 88px; margin: 0px auto; }

.footer_main_area p { margin-left: 20px; color: #fff; font-family: "MuliLight", Verdana, Geneva, sans-serif; font-size: 15px; line-height: 62px; }

.footer_main_area img { margin-top: 30px; margin-left: 8px; float: right; }

.white_box { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; }

.white_box > a { width: 48%; margin: 1%; text-decoration: none !important; }

.product_box1 { -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); display: block; width: 98%; height: 100%; margin: 1%; padding: 10px; float: none; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }

.product_box1:hover { -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.75); box-shadow: 0 0 4px rgba(0, 0, 0, 0.75); }

ul.slide { height: 45px; margin: 0; padding: 0; list-style-type: none; }

ul.slide li { margin-left: 0px; list-style-type: none; }

ul.slide img { height: 45px; }

ul.slide img { max-width: 100%; height: auto; }

ul.slide { -moz-box-pack: start; -ms-flex-pack: start; -webkit-box-pack: start; -webkit-justify-content: start; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; justify-content: start; height: 100%; padding: 10px; }

ul.slide li { min-width: 120px; max-width: 120px; text-align: center; }

.header_text_area div.flex a > div > img { -moz-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.75); margin: 0px 20px; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; box-shadow: 0 1px 12px rgba(0, 0, 0, 0.75); }

.mail_and_search_area img { position: relative; width: 30px; }

.mail_and_search_area img[src*="mail"] { top: 11px; }

.mail_and_search_area img[src*="phone"] { top: 7px; }

.header_contanear { padding-top: 60px; }

form { -moz-box-direction: reverse; -moz-box-orient: horizontal; -ms-flex-direction: row-reverse; -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; right: 0px; flex-direction: row-reverse; width: 100%; }

input.search_but { display: inline; width: 20%; float: right; }

input#sq { display: inline; width: 80%; margin: 8px 0px; float: left; }

a.contact_but { -moz-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -webkit-transition: 0.2s all ease-in; height: 40px; margin: 0px 30%; margin-top: 50px; padding: 0px; padding-top: 0px; border: 2px solid #26b0ff; background: #26b0ff; color: #fff; font-family: 'MuliLight'; font-size: 18px; line-height: 40px; cursor: pointer; transition: 0.2s all ease-in; }

a.contact_but:hover { -moz-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -webkit-transition: 0.2s all ease-in; background: #fff; color: #26b0ff; transition: 0.2s all ease-in; }

.product_box1 span { color: #720201; font-weight: 600; }

.body_buttom_text_area p { color: #333; }

@media only screen and (max-width: 724px) { .mail_and_search_area { left: 0px; top: -45px; }
		.mail_and_search_area p { visibility: hidden; }
		form { position: absolute; top: 110px; }
		.logo_area { z-index: 125; }
		.header_text_area h1 { margin-top: 0px; } }

@media only screen and (max-width: 642px) { h1, h2, h3, h4, h5, h6, p { padding: 0px 5px; }
		button#more_btn { margin: 10px; }
		form input { -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5); }
		.logo_area { z-index: 5; pointer-events: none; width: auto; }
		.logo_area img { position: relative; top: -3px; max-width: 100%; height: auto; width: 100vw; max-height: 100px; }
		.mail_and_search_area { left: 0px; }
		.header_text_area h1 { margin: 5px 0px 0px 0px; }
		.flex > a { margin: 30px 0px; }
		.flex { -moz-box-direction: normal; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; padding-top: 0px; }
		.flex div[data-tooltip]:before { visibility: visible; top: 100%; bottom: auto; opacity: 1; }
		.flex div[data-tooltip]:after { display: none; }
		.footer_main_area a { position: relative; width: 33%; top: 10px; }
		.footer_main_area img { margin-top: 30px; margin-left: 8px; position: absolute; left: 0; right: 0; margin: auto; }
		.footer_main_area p { position: absolute; top: 43px; left: 0; right: 0; text-align: center; margin: auto; }
		.footer_main_area { position: relative; }
		.footer_main_area a { position: relative; width: 33%; top: 10px; } }

@media only screen and (max-width: 360px) { .white_box > a { width: 98%; } }

[data-tooltip] { z-index: 2; position: relative; cursor: pointer; }

[data-tooltip]:before, [data-tooltip]:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; font-family: "MuliLight", Verdana; filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; pointer-events: none; }

[data-tooltip]:before { -moz-border-radius: 3px; -webkit-border-radius: 3px; position: absolute; bottom: 100%; left: 50%; width: 160px; margin-bottom: 5px; margin-left: -80px; padding: 7px; border-radius: 3px; background-color: #000; background-color: rgba(51, 51, 51, 0.9); color: #fff; font-size: 14px; line-height: 1.2; text-align: center; content: attr(data-tooltip); }

[data-tooltip]:after { position: absolute; bottom: 100%; left: 50%; width: 0; margin-left: -5px; border-top: 5px solid #000; border-top: 5px solid rgba(51, 51, 51, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; font-size: 0; line-height: 0; content: " "; }

[data-tooltip]:hover:before, [data-tooltip]:hover:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: visible; filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 1; }

/*# sourceMappingURL=style.css.map */