@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
*, :after, :before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body {margin:0;padding:0;font-size:14px;font-weight:normal;width:100%;height:100vh;overflow-x:hidden;overflow-y:hidden;font-family: "Roboto", sans-serif;}
.remove-overflow {overflow-x: hidden; overflow-y: scroll;height:100vh;}
.shutter {width:100%;height:100vh;object-fit:cover;position:absolute;z-index:1;transition:2s all;transform:translateY(0px);}
.shutter.up {transform:translateY(-101%);}
.logo_v {position: absolute; z-index: 2; width:550px; mix-blend-mode: color-burn; left: 50%; transform:translate(-50%,400px);transition:2.1s all;}
.logo_v.up {transform:translate(-50%,-130%);}
.login {position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#FFFFFF;z-index:2;font-size:25px;}
.lg {cursor:pointer;}

.index {position:relative;z-index:0;background-image:url(bg-2.svg);background-repeat:no-repeat;background-size:cover;min-height:100vh;transform:translateY(0%);}
.index .logo_div {width:100%;position:relative;display:flex;align-items:center;justify-content:center;}
.index .logo {width:250px;position:relative;display:block;margin-top:20px;margin-bottom:30px;}
.index .text {width:100%;text-align:center;}
.index .text b {font-weight:500;font-size:20px;color:#D4A07E;display:block;}
.index .text span {font-weight:300;font-size:20px;color:#D4A07E;display:block;margin-top:5px;}

.products_h2 {width:100%;display:block;text-align:center;margin-top:50px;font-size:20px;color:#005CA9;}
.index .products {max-width:80%;position:relative;margin:0 auto;display:grid;row-gap:40px;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px;margin-top:20px;margin-bottom:50px;}
.index .products .products_item {position:relative;width:100%;}
.index .products .products_item .img {display:block;width:100%;position:relative;overflow:hidden;}
.index .products .products_item .img img {display:block;width:100%;vertical-align:middle;transform:scale(1);transition:1s all;}
.index .products .products_item:hover > .img > img {transform:scale(1.05);}
.index .products .products_item span {width:100%;display:block;text-align:center;font-size:17px;font-weight:400;color:#676C6E;margin-top:10px;}

.index .locations {width:80%;position:relative;margin:0 auto;padding-bottom:50px;}
.index .locations .left {width:250px;margin-right:70px;}
.index .locations .right {width:calc(100% - 320px);display:flex;align-items:center;justify-content:space-between;}
.index .locations .right .box {display:flex;align-items:center;justify-content:space-between;}
.index .locations .right .box .iconn {width:35px;}
.index .locations .right .box .iconn i {color:#676C6E;font-size:18px;}
.index .locations .right .box .text {text-align:left;color:#676C6E;line-height:20px;}

.index .locations .list {display:flex;align-items:center;width:100%;margin-bottom:15px;}
.index .locations .list .box {width:33%;display:flex;align-items:center;justify-content:space-between;}
.index .locations .list .box .iconn {width:35px;}
.index .locations .list .box .text {text-align:left;color:#676C6E;}
.index .locations table {width:100%;position:relative;border-collapse: collapse;}
.index .locations table tr td {color:#676C6E;padding:10px;border:solid 1px #676C6E;}
.index .locations table tr td b {color:#676C6E;font-weight:600;}

.binaks {width:100%;position:relative;display:flex;align-items:center;justify-content:center;padding-bottom:20px;}
.binaks img {width:100px;}

@media (max-width:991px) {
	.index .products {grid-template-columns:1fr 1fr 1fr;}
}

@media (max-width:767px) {
	.index .products {max-width:96%;}
	.index .locations {width:96%;}
	.index .products {grid-template-columns:1fr 1fr;}
	
	.index .text b {font-size:16px;}
	.index .text span {font-size:16px;}
	
	.index .products {gap:15px;}
	.index .products .products_item span {font-size:15px;}
	
	.index .locations table tr td {width:25%;}
	
	.logo_v {width:90%;}
	
	
	.index .locations .list  {flex-wrap:wrap;display:block;}
	.index .locations .list:first-child {border-bottom:solid 0px #cecece;padding-bottom:15px;margin-bottom:15px;}
	.index .locations .list .box {margin-bottom:10px;width:100%;}
	.index .locations .list .box .iconn  {width:40px;}
	
	.index .locations .right {display:block;flex-wrap:wrap;width:100%;}
	.index .locations .right .box {width:100%;margin-bottom:20px;}
	.index .locations .right .box:last-child {margin-bottom:0px;}
	
}