@font-face { font-family: Roboto; font-style: normal; font-weight: 100; src: local("Roboto Thin"), local("Roboto-Thin"), url("../fonts/roboto-v15-latin-100.woff2") format("woff2"), url("../fonts/roboto-v15-latin-100.woff") format("woff"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-v15-latin-300.woff2") format("woff2"), url("../fonts/roboto-v15-latin-300.woff") format("woff"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v15-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v15-latin-regular.woff") format("woff"); }
@font-face { font-family: Roboto; font-style: italic; font-weight: 400; src: local("Roboto Italic"), local("Roboto-Italic"), url("../fonts/roboto-v15-latin-italic.woff2") format("woff2"), url("../fonts/roboto-v15-latin-italic.woff") format("woff"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-v15-latin-500.woff2") format("woff2"), url("../fonts/roboto-v15-latin-500.woff") format("woff"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-v15-latin-700.woff2") format("woff2"), url("../fonts/roboto-v15-latin-700.woff") format("woff"); }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img, div, dl, dt, dd, input { margin: 0px; padding: 0px; border: none; }
table, td { margin:0 }
img, button { border: none; }
input:focus, button:focus, button.btn:focus { outline: none; box-shadow: none; }
li { list-style: none; }
input, select, textarea, button { outline: none; }
.form-control:focus { box-shadow: none; }
textarea { resize: none; }
body { font-family: Roboto, Arial, Helvetica, sans-serif; color: rgb(51, 51, 51); font-size: 16px; line-height: 1.7; position: relative; overflow-x: hidden; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h1, h2, h3, h4, h5, h6 { margin: 0px 0px 15px; font-weight: 700; }
p { margin: 0px 0px 10px; color: rgb(102, 102, 102); }
img { max-width: 100%; }
a { color: rgb(0, 0, 0); }
a:hover { text-decoration: none; }
a, a:visited, a:active, a:link, a:focus { cursor: pointer; outline: none; text-decoration: none; }
.bg-gray { background-color: rgb(244, 244, 244); }
.section-60 { padding: 60px 0px; }
.section-80 { padding: 80px 0px; }
@media (min-width: 1200px) {
  
}
.p-lr15 { padding-left: 15px; padding-right: 15px; }
.header { position: absolute; width: 100%; left: 0px; top: 40px; background: rgba(255, 255, 255, 0.6); z-index: 99; padding: 0px 60px;  }
.header .header-absolute { }
.header .header-absolute .navbar-expand-md { padding: 0px; }
.header.fixed { position: fixed; width: 100%; left: 0px; top: 0px; z-index: 99; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px 0px; }
.logo { width: 80px; align-self: center; }
.logo a { display: block; }
.logo p { margin-bottom: 0px; font-size: 14px; color: rgb(90, 88, 88); text-align: center; line-height: 1.1; }
.header .navbar-expand-md .navbar-collapse { justify-content: flex-end; }
.header .navbar-expand-md .navbar-collapse .navbar-nav{padding-right: 50px;}
.header .navbar-expand-md .navbar-collapse li.nav-item { position: relative; }
.header .navbar-expand-md .navbar-collapse li.nav-item > a { display: inline-block; padding: 0px 20px; color: rgb(33, 33, 33); line-height: 80px; font-weight: 600; text-transform: uppercase; font-size: 18px; }
.header .navbar-expand-md .navbar-collapse li.nav-item:not(:last-child) > a::after { content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); background: rgb(0, 0, 0); width: 1px; height: 16px; }
.header .navbar-expand-md .navbar-collapse li.nav-item > a:hover { color: rgb(0, 96, 173); }
.header .navbar-expand-md .navbar-collapse li.nav-item > a i { margin-left: 5px; font-weight: 400; }
.header .navbar-expand-md .navbar-collapse li.nav-item>ul { position: absolute; width: 220px; background: rgb(255, 255, 255); top: 100%; left: 0px; transform: translateY(20px); opacity: 0; transition: all 0.3s ease 0s; visibility: hidden; border-radius: 8px; box-shadow: 2px 2px 3px #444; }
.header .navbar-expand-md .navbar-collapse li.nav-item>ul>li>ul { position: absolute; width: 220px; background: rgb(255, 255, 255); top: 0; left: 100%; transform: translateY(20px); opacity: 0; transition: all 0.3s ease 0s; visibility: hidden; border-radius: 8px; box-shadow: 2px 2px 3px #444; }
.header .navbar-expand-md .navbar-collapse li.nav-item ul li a { display: block; text-transform: capitalize; padding: 15px 20px; font-size: 16px; color: rgb(33, 33, 33); transition: all 0.3s ease 0s; }
.header .navbar-expand-md .navbar-collapse li.nav-item ul li:not(:last-child)>a{ border-bottom: 1px solid rgb(225, 225, 225); }
.header .navbar-expand-md .navbar-collapse li.nav-item ul li a:hover { padding: 15px 20px 15px 25px; }
.header .navbar-expand-md .navbar-collapse li.nav-item:hover>ul { transform: translateY(0px); opacity: 1; visibility: visible; }
.header .navbar-expand-md .navbar-collapse li.nav-item>ul>li:hover>ul { transform: translateY(0px); opacity: 1; visibility: visible; }
.header .navbar-expand-md .navbar-collapse .right { flex: 0 0 240px; padding-left: 30px; }
.header .navbar-expand-md .navbar-collapse .right a { display: block; line-height: 50px; text-align: center; background: rgb(0, 96, 173); color: rgb(255, 255, 255); font-weight: 600; }
.header .navbar-expand-md .navbar-collapse .left { flex: 0 0 calc(100% - 240px); border-right: 1px solid rgb(239, 239, 239); }
.header .navbar-expand-md .navbar-collapse .left .header-info { border-bottom: 1px solid rgb(239, 239, 239); display: flex; justify-content: space-between; padding: 0px 20px; }
.header .navbar-expand-md .navbar-collapse .left .header-info a { display: inline-block; line-height: 60px; font-size: 14px; font-weight: 600; }
.header .navbar-expand-md .navbar-collapse .left .header-info .mail-phone a { margin-right: 30px; text-transform: uppercase; color: rgb(33, 33, 33); }
.header .navbar-expand-md .navbar-collapse .left .header-info .mail-phone a i { color: rgb(0, 96, 173); margin-right: 7px; font-weight: 400; }
.header .navbar-expand-md .navbar-collapse .left .header-info .yuyan a { margin-left: 10px; width: 30px; }
.header .navbar-expand-md .navbar-collapse .left .header-info .yuyan span { font-weight: 600; text-transform: uppercase; font-size: 14px; color: rgb(33, 33, 33); }

.slider .item { position: relative; z-index: 2; background: rgb(242, 248, 234); overflow: hidden; }
/* .slider .item::after { content: ""; position: absolute; width: 800px; height: 800px; border: 40px solid rgb(255, 255, 255); border-radius: 50%; top: -200px; left: -200px; } */
.slider .item .img { position: absolute; right: 60px; bottom: 80px; width: 750px; }
.slider .item .text { position: absolute; left: 60px; top: 50%; z-index: 2; width: 70%; color: rgb(255, 255, 255); transform: translateY(-50%); }
.slider .item .text h1 { color: rgb(0, 96, 173); font-size: 60px; font-weight: 800; }
.slider .item .text p { color: rgb(33, 33, 33); margin: 20px 0px 100px; }
.slider .item .text a {display: inline-block;text-transform: uppercase;padding: 10px 45px;background: rgb(0, 96, 173);color: rgb(255, 255, 255);font-size: 14px;font-weight: 600;}
.slider .item .text a span { position: relative; }
.slider .item .text a span::after { content: ""; position: absolute; right: -16px; top: 50%; transform: translateY(-50%) rotate(-25deg); background: rgb(255, 255, 255); width: 1px; height: 16px; }
.slider .item .text a span::before { content: ""; position: absolute; left: -16px; top: 50%; transform: translateY(-50%) rotate(-25deg); background: rgb(255, 255, 255); width: 1px; height: 16px; }
.slider .owl-dots { position: absolute; left: 60px; bottom: 80px; }
.slider .owl-dots .owl-dot { width: 11px; height: 11px; border: 2px solid rgb(0, 96, 173); border-radius: 50%; margin-right: 25px; }
.slider .owl-dots .owl-dot.active { background-color: rgb(0, 96, 173); }


.home-about { padding: 80px 0px 40px; position: relative; }
.home-about>.container>.row>.col-md-4{text-align: center;}
.home-about .title { text-align: center; margin-bottom: 30px; }
.home-about .title p:first-of-type{font-size: 20px;}
.home-about .title h2 { text-transform: uppercase; margin-bottom: 10px; font-weight: 500; font-size: 45px; }
.home-about::after { content: ""; position: absolute; background: rgb(242, 248, 234); left: 0px; bottom: 0px; height: 50%; width: 100%; z-index: -1; clip-path: polygon(0px 0px, 0px 100%, 100% 100%, 100% 50%); }
.home-about .button { text-align: center; margin-top: 30px; }
.home-about .button a { display: inline-block;text-transform: uppercase;padding: 10px 45px;background: rgb(255, 255, 255);color: rgb(0, 96, 173);font-size: 14px;font-weight: 600;transition: all 0.3s; }
.home-about .button a:hover { background-color: #0060ad;color: #fff; }
.home-about .button a span { position: relative; }
.home-about .button a span::after { content: ""; position: absolute; right: -16px; top: 50%; transform: translateY(-50%) rotate(-25deg); background: rgb(0, 96, 173); width: 1px; height: 16px; }
.home-about .button a span::before { content: ""; position: absolute; left: -16px; top: 50%; transform: translateY(-50%) rotate(-25deg); background: rgb(0, 96, 173); width: 1px; height: 16px; }
.home-about .button a:hover span:before{ background-color: #fff; }
.home-about .button a:hover span:after{ background-color: #fff; }

/* .home-category{ padding: 40px 0px 40px; position: relative; }
.home-category .title{ text-align: center; margin-bottom: 30px; }
.home-category .title h2 { text-transform: uppercase; margin-bottom: 0px; font-weight: 500; font-size: 45px; }
.home-category::after {content: "";position: absolute;background: rgb(242, 248, 234);left: 0px;top: 0px;height: 70%;width: 100%;z-index: -1;}
.single-category .img{border: 1px solid rgb(0, 96, 173);}
.single-category h4{
    margin: 15px 0 0 0;
    text-transform: uppercase;
    text-align: center;
}
.single-category h4 a{
    color: #0060ad;
    font-size: 30px;
    font-weight: 400;
}
.home-category .button { text-align: center; margin-top: 30px; }
.home-category .button a {display: inline-block;text-transform: uppercase;padding: 10px 45px;background: rgb(0, 0, 0);color: rgb(255, 255, 255);font-size: 14px;font-weight: 600;}
.home-category .button a span { position: relative; }
.home-category .button a span::after { content: ""; position: absolute; right: -16px; top: 50%; transform: translateY(-50%) rotate(-25deg); background: rgb(250, 250, 250); width: 1px; height: 16px; }
.home-category .button a span::before { content: ""; position: absolute; left: -16px; top: 50%; transform: translateY(-50%) rotate(-25deg); background: rgb(255, 255, 255); width: 1px; height: 16px; } */

/*home-category*/
.home-category{padding:80px 0;}
.home-category h2{font-weight: 500;margin-bottom: 40px;text-align: center;text-transform: uppercase;}
.home-category .box{display:flex;}
.home-category .box .left{flex: 0 0 30%;display: flex;flex-direction: column;justify-content: space-between;margin: 0;}
.home-category .box .left li{background:rgb(219,219,219);color:#000;text-align:center;transition:all .3s;padding: 15px 0;font-weight: 500;}
.home-category .box .left li.active{color:#fff;background: #0060ad;padding: 50px 0;}
.home-category .box .right{padding-left:30px;}
.home-category .box .right>div:not(:first-child){display:none;}
.home-category .box .right .content{display:flex;justify-content: space-between;}
.home-category .box .right .content .img{flex: 0 0 55%;border: 2px solid #0060ad;border-radius: 3px;overflow: hidden;}
.home-category .box .right .content .text-button{flex: 0 0 50%;display: flex;flex-direction: column;justify-content: space-between;padding-left: 30px;}
.home-category .box .right .content .text-button .text {padding: 24px;background: #dbdbdb;margin-bottom: 30px;}
.home-category .box .right .content .text-button .text a {color: #000;position: relative;display: inline-block;padding-left: 20px;font-weight: 500;}
.home-category .box .right .content .text-button .text a:before{content:"";position: absolute;border-bottom: 8px solid transparent;border-top: 8px solid transparent;border-right: 10px solid #0060ad;left: 0;top: 50%;transform: translateY(-50%);}
.home-category .box .right .content .text-button .text p {margin-bottom: 30px;}
.home-category .box .right .content .text-button .button a {color: #0060ad;display:block;text-transform: uppercase;font-weight: 600;font-size: 14px;padding: 15px 45px;background:#fff;border: 2px solid #0060ad;text-align: center;}
.home-category .box .right .content .text-button .button span{position:relative;display: inline-block;}
.home-category .box .right .content .text-button .button span:before{content:"";position: absolute;width: 20px;height: 2px;background: #0060ad;left: 50%;transition: all .3s;bottom: -2px;transform: translateX(-50%);}
.home-category .box .right .content .text-button .button a:hover span:before{left:0;width:100%;transform: translateX(0);}


.home-product{
    padding-bottom: 50px;
}
.home-product .single-product{position: relative;z-index: 2;padding-bottom: 2px;}
.home-product .single-product::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgb(0 96 173 / 30%);opacity: 0;transition: all .3s;}
.home-product .single-product .img{border: 1px solid rgb(0, 96, 173);}
.home-product .single-product h4{
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    z-index: 2;
    opacity: 0;
    transition: all .3s;
}
.home-product .single-product h4 a{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}
.home-product .container{
	position: relative;
}
/* .home-product .col-md-12 h2{
	position: absolute;
	text-transform: uppercase;
	color: #0060ad;
	font-size: 42px;
	transform: rotate(90deg);
}
.home-product .col-md-12 h2:first-child{
	left: -170px;
	bottom: 145px;
}

.home-product .col-md-12 h2:nth-child(2){
	right: -170px;
	bottom: 145px;
} */
.home-product .single-product:hover h4{opacity: 1;}
.home-product .single-product:hover::after{opacity: 1;}
.slider-product .owl-dots{text-align: center;margin-top: 15px;}
.slider-product .owl-dots .owl-dot { width: 11px; height: 11px; border: 2px solid rgb(0, 96, 173); border-radius: 50%; margin-right: 25px; }
.slider-product .owl-dots .owl-dot.active { background-color: rgb(0, 96, 173); }

.home-product h2{text-transform: uppercase;font-weight: 500;margin-bottom: 40px;text-align: center;}
.home-product>.container>.row>.col-md-3:nth-child(-n+4) .product-item .product-title h4{margin-bottom: 20px;}
.home-product .product-item .product-img{overflow: hidden;border: 5px solid #eaeffc;}
.home-product .product-item .product-img img{transition: transform 0.3s;}
.home-product .product-item:hover .product-img img{transform: scale(1.1);}
.home-product .product-item .product-title h4{margin: 5px 0 0 0;text-align: center;text-transform: capitalize;}


/* .home-advantages{background: url(../images/advantages-bg.jpg)center/cover;height: 650px;margin: 80px 0;} */
.home-advantages>.container>.row>.col-md-3{display: flex;}
.home-advantages .title{ text-align: center; }
.home-advantages .title h2{ text-transform: uppercase; margin-bottom: 40px; font-weight: 500; }
.home-advantages .advantages-item{display: grid;align-items: start;padding: 20px 15px;text-align: center;background-color: #f3f4f6;border-radius: 3px;box-shadow: 3px 3px 3px #cfcfd0; }
.home-advantages .advantages-item:hover .icon i{font-size: 40px;}
.home-advantages .advantages-item .icon{margin: 0 auto;width: 100px;height: 50px;line-height: 80px;border: 3px solid #28a9e7;border-radius: 100px 100px 0 0;border-bottom: 0;}
.home-advantages .advantages-item .icon i{font-size: 30px;color: #28a9e7;transition: font-size 0.3s;}
.home-advantages .advantages-item .title{padding: 0 0 5px 0;max-height: 275px;border-bottom: 1px solid #d1d1d1;}
.home-advantages .advantages-item .title p{margin: 0;padding-top: 20px;text-transform: capitalize;}
.home-advantages .advantages-item .content{padding: 15px 10px;text-align: left;}
.home-advantages .advantages-item .more-btn{align-self: end;}
.home-advantages .advantages-item .more-btn a{display: inline-block;padding: 5px 15px;color: #fff;background-color: #029ae6;border-radius: 3px;text-transform: uppercase;box-shadow: 0 0 8px 1px #aaa;transition: all 0.3s;}
/* .home-advantages .advantages-item .more-btn a:hover{box-shadow: 0 0 8px 1px #aaa;} */
.home-advantages .advantages-item .more-btn a:hover{background-color: #fff;color: #029ae6;}

.circle {
    width: 100%;
    height: 1200px;
    border: 200px solid #0060ad;
    border-radius: 50%;
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
    top: -599px;
    position: absolute;
}
.circle-one{
	width: 100%;
	height: 1200px;
	border: 200px solid #fff;
	border-radius: 50%;
	-webkit-clip-path: polygon(0 50%, 35% 50%, -25% 100%, 0 100%);
	top: -599px;
	position: absolute;
}
.home-advantages .container{
	position: relative;
}

.home-advantages .advantages-box h2,
.home-advantages .advantages-box p{
	color: white;
	margin: 0;
}
.home-advantages .advantages-box .box-item{
	text-align: center;
	position: absolute;
	width: 180px;
	height: 180px;
	padding: 0 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.home-advantages .advantages-box .box-item:first-child{
	left: 40px;
	top: 10px;
}
.home-advantages .advantages-box .box-item:first-child h2,
.home-advantages .advantages-box .box-item:first-child p{
	color: #0060ad;
}
.home-advantages .advantages-box .box-item:nth-child(2){
	left: 160px;
	top: 240px;
}
.home-advantages .advantages-box .box-item:nth-child(3){
	left: 360px;
	top: 380px;
}
.home-advantages .advantages-box .box-item:nth-child(4){
	left: 650px;
	top: 380px;
}
.home-advantages .advantages-box .box-item:nth-child(5){
	left: 900px;
	top: 240px;
}
.home-advantages .advantages-box .box-item:nth-child(6){
	left: 1020px;
	top: 10px;
}
.home-advantages .advantages-btn{
	margin: 80px 0;
	text-align: center;
	
}
.home-advantages .advantages-btn h2{
	text-transform: uppercase;
	color: #0060ad;
	text-shadow: 0 0 3px #fff;
}
.home-advantages .advantages-btn a{
	display: inline-block;
	text-transform: uppercase;
	padding: 10px 30px;
	color: white;
	background-color: #0060ad;
	position: absolute;
	left: 43%;
	font-weight: bold;
}
.home-contact{
	padding: 80px 0;
}
.home-contact h2{
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 40px;
}
.home-contact .contact-box {
	display: flex;
	flex-wrap: wrap;
}
.home-contact .contact-box .bottom{
	margin-top: 30px;
}
.home-contact .contact-box .left{
	flex: 0 0 50%;
}
.home-contact .contact-box .right{
	flex: 0 0 50%;
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: rgba(0,96,173,0.5);
}
.home-contact .contact-box .right p{
	line-height: 25px;
	color: white;
	font-size: 18px;
}
.home-contact .contact-box .right p:first-child{
	margin-bottom: 0;
}
.home-contact .contact-box .right h2{
	font-size: 16px;
	text-align: left;
	color: black;
}
.home-contact .contact-btn{
	padding-top: 10px;
	text-align: left;
}
.home-contact .contact-btn a{
	font-size: 14px;
	display: inline-block;
	padding: 10px 30px;
	color: white;
	background-color: #0060ad;
	text-transform: uppercase;
	font-weight: bold;
	transition: all 0.3s;
}
.home-contact .contact-btn a:hover{
	padding-left: 40px;
	padding-right: 40px;
	background-color: rgba(0, 96, 173, 0.7);
}
.home-news{
	padding: 80px 0;
	position: relative;
}
.home-news::before{
	content: "";
	position: absolute;
	width: 1000px;
}
.home-news h2{
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 30px;
}
.home-news .news-box{
	padding: 20px;
	margin: 0 50px;
	background-color: #0060ad;
}
.home-news .news-box h2{
	font-size: 16px;
	text-align: left;
	margin-bottom: 30px;
	line-height: 25px;
}
.home-news .news-box a{
	color: white;
}
.home-news .news-box span{
	color: white;
}
.home-news .news-box p{
	line-height: 25px;
	margin-bottom: 70px;
}
.home-news .news-btn{
	text-align: center;
	margin-top: 10px;
	margin-top: 30px;
}
.home-news .news-btn a{
	display: inline-block;
	text-transform: uppercase;
	color: white;
	padding: 10px 30px;
	background-color: #000;
	transition: all 0.3s;
}
.home-news .news-btn a:hover{
	padding-left: 40px;
	padding-right: 40px;
	background-color: rgba(0, 0, 0, 0.7);
}
.footer{
	padding: 40px 0;
	background-color: #0060ad;
}
.footer h2{
	text-transform: uppercase;
	color: white;
	font-size: 20px;
}
.footer ul li{
	color: white;
	padding-bottom: 5px;
}
.footer ul li a{
	color: white;
	text-transform: capitalize;
}
.footer ul li img{
	width: 120px;
}
.footer .container{
	position: relative;
}
.footer .follow{
	display: flex;
	position: absolute;
	bottom: 0;
	left: 34.5%;
}
.footer .follow ul{
	display: flex;
}
.footer .follow h2{
	padding-right: 20px;
}
.footer .follow ul li{
	
	margin-right: 10px;
}
.footer .follow ul li a{
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-color: white;
	color: #0060ad;
	border-radius: 5px;
}
.footer-bottom{
	padding: 5px 0;
	text-align: center;
}

.header.ny a{
	color: white!important;
}
.header.ny ul ul a{
	color: black!important;
}
.header.ny a::after{
	background-color: white!important;
}
.header.fixed a{
	color: black!important;
}
.header.fixed a::after{
	background-color: #000000!important;
}
.main-banner{
	overflow: hidden;
	position: relative;
	background: url(../images/bannermain.jpg) no-repeat center;
	background-size: cover;
}
.main-banner h2,
.main-banner a{
	color: white;
	text-transform: capitalize;
	z-index: 1;
}
.main-banner h2{
	font-size: 40px;
}
.main-banner ul{
	padding-top: 70px;
	display: flex;
	z-index: 1;
}
.main-banner ul li{
	color: white;
}
.main-banner ul li a{
	font-size: 18px;
	padding-left: 5px;
}
.main-banner .banner-text{
	padding: 250px 0 100px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.main-banner::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.main-about {
	padding: 80px 0;
}
.menu-left h2{
	text-transform: capitalize;
	margin: 0;
	padding: 15px 0 15px 15px;
	background-color: #0060ad;
	color: white;
	border-radius: 10px 0 0 0;
}
.menu-left ul{
	overflow: hidden;
	border: 2px solid #0060ad;
	border-top: none;
	border-radius: 0 0 10px 0;
}
.menu-left ul li{
	transition: all 0.3s;
	padding: 10px 0 10px 25px;
	border-bottom: 1px solid #CCCCCC;
}
.menu-left ul li:hover{
	background-color: #f7f7f7;
	border-bottom: 1px solid #0060ad;
}
.menu-left ul li:last-child{
	border: none;
}
.menu-left ul li a{
	color: black;
	text-transform: capitalize;
}
.main-about .top{
	display: flex;
	border-bottom: 1px solid #EEEEEE;
}
.main-about .top .left img{
	width: 40px;
}
.main-about .top .left {
	display: flex;
	position: relative;
	align-items: center;
	padding-right: 20px;
}
.main-about .top .left::before{
	content: "";
	position: absolute;
	width: 3px;
	height: 65%;
	right: 0;
	top: 17%;
	background-color: #0060ad;
}
.main-about .top .right{
	padding-left: 20px;
	/* border-left: 4px solid #0060ad; */
}
.main-about .top .right p{
	margin: 0;
	font-size: 30px;
	text-transform: capitalize;
	color: #000;
	font-weight: 500;
}
.main-about .bottom{
	padding-top: 10px;
	text-align: center;
}
.main-about .bottom p{
	margin: 0;
	margin-bottom: 10px;
	color: #666;
	line-height: 1.6;
	text-align: left;
}
.main-about .bottom p:last-of-type{
	margin-bottom: 30px;
}
.main-about .bottom .imgBox{
	padding-bottom: 10px;
	display: flex;
}
.main-about .ce-img{
	margin-bottom: 30px;
}
.main-contact{
	padding: 80px 0;
}
.main-contact>.container>.row>.col-md-12>.row{
	justify-content: center;
}
.main-about .ce-img p{
	text-align: center;
}
.main-contact .contact-box{
	padding: 0 15px;
}
.main-contact .contact-box h2{
	position: relative;
	margin: 0;
	text-align: center;
	padding-bottom: 15px;
}
.main-contact .contact-box h2::after{
	position: absolute;
	top: calc(100% - 15px);
	left: 50%;
	content: "";
	width: 100px;
	height: 4px;
	background-color: #0060ad;
	transform: translateX(-50%);
	transition: width 0.3s;
}
.main-contact .contact-box h2:hover::after{
	width: 120px;
}
.main-contact .contact-box p{
	margin: 0;
	line-height: 20px;
	padding-bottom: 60px;
}
.main-contact .contact-item{
	padding-bottom: 30px;
}
.main-contact .contact-item .icon-box{
	margin: 0 auto;
	width: 55px;
	height: 55px;
	text-align: center;
	line-height: 55px;
	border: 1px dashed #153158;
	border-radius: 50%;
}
.main-contact .contact-item .icon-box i{
	font-size: 22px;
	color: #0060ad;
	transition: font-size 0.3s;
}
.main-contact .contact-item:hover .icon-box i{
	font-size: 28px;
}
.main-contact .contact-item .contact-text{
	padding-top: 10px;
	text-align: center;
}
.main-contact .contact-right p{
	padding-bottom: 40px;
	margin: 0;
	color: black;
	text-transform: capitalize;
	flex: 0 0 50%;
}
.main-contact .contact-right p a{
	font-weight: bold;
}
.main-contact .contact-right{
	display: flex;
	flex-wrap: wrap;
	padding-left: 30px;
}
.main-contact .contact-right i{
	padding-right: 8px;
	font-size: 22px;
	color: #0060ad;
}
.main-contact .contact-map{
	margin-top: 20px;
}
/* .main-about.goods .goods-box{
	position: relative;
	border: 1px solid #EEEEEE;
	border-bottom: none;
	padding: 5px;
	margin-bottom: 50px;
}
.main-about.goods .goods-box p{
	margin: 0;
	text-transform: capitalize;
	position: absolute;
	width: 100%;
	padding: 10px;
	background-color: rgba(0,96,173,.7);
	text-align: center;
	bottom: -25px;
	transition: all 0.3s;
	left: 0;
	color: white;
	border-radius: 0 0 5px 5px;
}
.main-about.goods .goods-box p a{
	color: white;
}
.main-about.goods .goods-box:hover p{
	padding: 20px 5px;
	background-color: rgba(0,96,173,1);
} */



.main-about.goods .product-item .product-img{overflow: hidden;border: 5px solid #eaeffc;}
.main-about.goods .product-item .product-img img{transition: transform 0.2s;}
.main-about.goods .product-item:hover .product-img img{transform: scale(1.1);}
.main-about.goods .product-item .product-title h4{margin: 5px 0 20px 0;text-align: center;text-transform: capitalize;}

.main-about.goods-details .right h2{
	text-transform: capitalize;
	margin: 0;
	padding-bottom: 20px;
}
.main-about.goods-details .right p{
	margin: 0;
	text-transform: capitalize;
	color: #0060ad;
	padding-bottom: 10px;
}
.main-about.goods-details .right p i{
	padding-right: 5px;
}
.main-about.goods-details .right ul {
	display: flex;
	margin-top: 30px;
}
.main-about.goods-details .right ul li a{
	width: 30px;
	height: 30px;
	background-color: #CCCCCC;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	margin-right: 10px;
	border-radius: 5px;
	transition: all 0.1s;
}
.main-about.goods-details .right ul li a:hover{
	background-color: #0060ad;
	color: white;
}
.main-about.goods-details .details-top {
	margin-top: 30px;
}
.main-about.goods-details .details-top h2{
	font-size: 18px;
	text-transform: uppercase;
	border-bottom: 1px solid #EEEEEE;
}
.main-about.goods-details .details-top span{
	padding: 10px;
	border: 1px solid #EEEEEE;
	border-bottom: none;
	background-color: #0060ad;
	color: white;
	display: inline-block;
	border-radius: 5px 5px 0 0;
}
.main-about.goods-details .details-bottom .details-feedback{
	margin-top: 40px;
}
.main-about.goods-details .details-hot{
	position: relative;
	margin-top: 20px;
	border: 1px solid #EEEEEE;
	border-bottom: none;
}
.main-about.goods-details .details-hot p{
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 5px;
	background-color: rgba(0,96,173,.7);
	width: 100%;
	text-align: center;
	text-transform: capitalize;
	bottom: -25px;
	border-radius: 0 0 5px 5px;
	transition: all 0.3s;
}
.main-about.goods-details .details-hot:hover p{
	padding: 20px 5px;
	background-color: rgba(0,96,173,.9);
}
.main-about.goods-details .details-hot p a{
	color: white;
}
.main-about.goods-details .hot-details h2{
	text-align: center;
	font-size: 24px;
}
.main-about.goods-details .hot-details{
	margin-top: 40px;
}
.main-about.news .news-box{
	display: flex;
	border: 1px solid #EEEEEE;
	overflow: hidden;
	border-radius: 15px 0 15px 0;
	box-shadow: 0 0 10px #CCCCCC;
	margin-bottom: 40px;
}
.main-about.news .news-box .left{
	flex: 0 0 25%;
	padding: 10px;
}
.main-about.news .news-box .right{
	flex: 0 0 75%;
	padding-left: 20px;
	position: relative;
}

.main-about.news .news-box .right h2{
	font-size: 24px;
	padding-top: 10px;
	text-transform: capitalize;
	margin: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.main-about.news .news-box .right .news-top span{
	text-transform: capitalize;
}
.main-about.news .news-box .right .news-bottom p{
	margin: 0;
	text-transform: capitalize;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.main-about.news .news-box:hover .news-btn a{
	background-color: #0060ad;
	color: white;
}
.main-about.news .news-box .right .news-btn a{
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px 20px;
	display: inline-block;
	border: 1px solid #CCCCCC;
	border-radius: 10px 0 0 0;
	border-right: none;
	border-bottom: none;
	text-transform: capitalize;
	transition: all 0.1s;
}
.main-about.news-details .title h2{
	text-transform: capitalize;
	text-align: center;
	border-bottom: 1px solid #EEEEEE;
}
.fixedBox .contact-inner {
	width: 400px;
	height: 500px;
	position: fixed;
	right: -40%;
	top: 33%;
	z-index: 9999;
	background: #f7f7f7 url(../images/contact-fixed.png) no-repeat right top;
	background-size: 50%;
	transition: 1s;
	-webkit-transition: 1s;
	padding: 15px;
	box-shadow: 0 0 5px #aaa;
}

.fixedBox .contact-inner i {
	position: absolute;
	left: -35px;
	top: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #0060ad;
	color: #fff;
	font-size: 35px;
	cursor: pointer;
}

.fixedBox .contact-inner p {
	color: #555;
	font-size: 16px;
}

.fixedBox {
	bottom: 10%;
	width: 70px;
	right: 5px;
	position: fixed;
	z-index: 9999;
}
.fixedBox:hover{opacity: 1;}
.fixedBox ul.fixedBoxList {
	margin-bottom: 0;
}



.fixedBox ul.fixedBoxList li.fixeBoxLi.fixeBoxLi {
	background: #0060ad;
	margin: 2px auto 10px;
	padding: 15px 1px 1px;
	width: 60px;
	height: 60px;
	text-align: center;
	position: relative;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
	border-radius: 50%;
	color: #fff;
}
.fixedBox ul.fixedBoxList li.fixeBoxLi span{
	font-size: 40px;
	line-height: 30px;
	color: white;
}
.fixedBox ul.fixedBoxList li.fixeBoxLi.Home span{
	font-size: 30px;
}
.fixedBox ul.fixedBoxList li.fixeBoxLi.whatsapp span{
	font-size: 34px;
}
.fixedBox ul.fixedBoxList .fixeBoxLi:hover{
	background-color: black;
}
.fixedBox ul.fixedBoxList li.hover.BackToTop.fixeBoxLi {
	background: #666;
	color: #fff;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.fixedBox ul.fixedBoxList li.hover.BackToTop.fixeBoxLi span{
	color: white;
}

.fixedBox ul.fixedBoxList li.hover.BackToTop.fixeBoxLi strong {
	color: #fff;
}

.fixedBox ul.fixedBoxList li.hover.Home.fixeBoxLi strong {
	color: #fff;
}

.fixedBox ul.fixedBoxList li.Home.fixeBoxLi a {
	text-decoration: none;
	display: block;
}
.fixedBox ul.fixedBoxList .fixeBoxLi:first-child span{
	font-size: 30px;
}
.fixedBox .contact-inner span{font-size: 14px;}
.main-workshop h2{
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding-bottom: 30px;
}
.ce-icon{width:60%;}
.menu-left ul ul{
	border: none;
}
.menu-left ul ul li{
	padding: 0 0 0 15px;
	border: none;
	position: relative;
}
.menu-left ul ul li::before{
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #0060ad;
	top: 12px;
	left: 3px;
}
.menu-left ul ul li:hover{
	border: none;
}
.home-contact .contact-box .right span{
	color: black;
}
.main-about .bottom img{
	width: 100%;
}
.main-about .bottom .wksp-box{
	padding-top: 20px;
	display: flex;
	flex-wrap: wrap;
}
.main-about .bottom .wksp-box .left{
	flex: 0 0 50%;
	padding-right: 10px;
}
.main-about .bottom .wksp-box .right{
	flex: 0 0 50%;
	padding-left: 10px;
}
.main-about .bottom .wksp-box .center{
	flex: 0 0 100%;
	padding-top: 20px;
}





.detail-gallery .carousel a {
	border: 1px solid #e8e8e8;
	display: block;
	margin: 5px 1px 0;
	width: 70px;
}

.detail-gallery .carousel a.active {
	border-color: #0060ad;
	position: relative;
}

.detail-gallery .mid {
	margin-bottom: 5px;
	position: relative;
	border: 1px solid #e4e4e4;
}

.detail-gallery {
	/* margin-right: -20px; */
}

.detail-info {
	padding-left: 20px;
}

.detail-gallery .carousel {
	margin: auto;
}

.detail-gallery .mid p {
	background: #fafafa none repeat scroll 0 0;
	bottom: 0;
	color: #999;
	left: 0;
	margin: 0;
	padding: 4px 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

.detail-gallery .carousel ul li {
	height: 75px !important;
}

.gallery-control a {
	background: #b2b2b2 none repeat scroll 0 0;
	border: 1px none;
	color: #fff;
	display: block;
	height: 32px;
	line-height: 32px;
	margin-top: -55px;
	position: relative;
	text-align: center;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	width: 32px;
}

.gallery-control a:hover {
	background: #2b2b2b none repeat scroll 0 0;
}

.gallery-control a.prev {
	margin-left: 90px;
	float: left;
}

.gallery-control a.next {
	margin-right: 90px;
	float: right;
}