@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,600i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Satisfy&display=swap');

/*reset style*/
*{box-sizing:border-box;margin:0;padding:0;}
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video,a{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;}
body{font-size:15px;line-height:1.4;font-weight:400;color:#4f4f4f;box-sizing:border-box;overflow-x:hidden;}
p{font-size:16px;font-weight:400;line-height:1.4;}
h1,h2,h3,h4,h5,h6{font-weight:500;}
i{font-size:85%;margin-right:2px;}
.fa-phone{transform:rotate(100deg);}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a{display:inline-block;text-decoration:none;}
table,tr,th,td{border-collapse:collapse;text-align:left;border-spacing:0;}
li{list-style:none;}
form,input,select,textarea,button{border:none;box-shadow:none;margin:0;padding:0;font-size:15px;line-height:1.4;font-weight:400;}
input[type=submit]{cursor:pointer;}
input:focus{border:none;box-shadow:none;}
*,body,form,input,select,textarea{font-family: 'Poppins', sans-serif;}
textarea{resize:none;}
strong{font-weight:500;}
/*header*/
.header-container{background:#fff;padding:0 20px;}
.header-wrapper{max-width:1200px;margin:0 auto;padding:10px 0;display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;}
.nav-a-wrapper{margin-right:10px;display:flex;flex-flow:row wrap;align-items:center;}
.main-logo{width:150px;margin-right:60px;}
.main-logo img{display:block;width:100%;}
.nav-a-ul{display:flex;flex-flow:row wrap;}
.nav-a-ul li{margin:5px 10px;}
.nav-a-ul li a{font-size:16px;color:#4f4f4f;transition:all 0.3s ease-in-out;}
.nav-a-ul li a:hover{color:#cc9512;}
.nav-b-wrapper{display:flex;flex-flow:row wrap;align-items:center;}
.nav-b-wrapper li{}
.nav-b-wrapper li a{color:#4f4f4f;transition:all 0.3s ease-in-out;}
.nav-a-ul li a._active-nav{color:#ad7e0f;}
.nav-b-wrapper li a:hover{color:#cc9512;}
.nav-b-wrapper li .nav-b-btn{color:#fff;background:#ecb42e;padding:5px 15px;border-radius:15px;margin-right:15px;transition:all 0.3s eas-in-out;}
.nav-b-wrapper li .nav-b-btn:hover{color:#fff;background:#c69318;}
.nav-b-bar{display:none;}

.prim1-container{padding:70px 20px;overflow:hidden;}
.prim1-h2{max-width:950px;margin:0 auto;text-align:center;font-size:40px;line-height:1;text-transform:uppercase;font-weight:700;letter-spacing:3px;}
.prim1-h2sub{max-width:950px;margin:10px auto 0;text-align:center;font-size:20px;font-weight:600;}
.bgtxt{position:relative;}
.bgtxt:before{position:absolute;top:-45px;left:0;width:100%;height:auto;z-index:-1;font-size:70px;font-weight:500;line-height:1;color:#f9ebb4;font-family: 'Satisfy', cursive;text-transform:lowercase;}
.bgtxt-overview:before{content:'overview';}
.bgtxt-products:before{content:'products';}
.bgtxt-values:before{content:'values';}
.bgtxt-facilities:before{content:'facilities';}
.bgtxt-mission:before{content:'mission';}
.bgtxt-group:before{content:'group';}
.bgtxt-team:before{content:'team';}
.bgtxt-vision:before{content:'vision';}
.bgtxt-contact:before{content:'contact';}
.bgtxt-coffee:before{content:'coffee';}
.bgtxt-research:before{content:'research';}
.bgtxt-about:before{content:'about';}
.bgtxt-thank-you:before{content:'Thank You';}
.bgtxt-aluminium-alloy:before{content:'Aluminium Alloy'}
.bgtxt-standards:before{content:'Standards'}
.bgtxt-general-uses:before{content:'General Uses'}
.bgtxt-chemical:before{content:'Chemical'}
.bgtxt-physical:before{content:'Physical'}
.bgtxt-mechanical:before{content:'Mechanical'}
.bgtxt-characteristics:before{content:'Characteristics'}

.prim1-description{max-width:950px;margin:30px auto 0;text-align:center;}
.prim1-description p{font-size:18px;margin-bottom:10px;}
.prim1-description p:last-child{margin-bottom:0;}
.prim1-description-sml p{font-size:16px;}
.prime1-overview{margin-top:30px;}

.texa-hero-container{background:url('../images/index-hero-container.jpg')no-repeat center center;background-size:cover;padding:200px 10px;position:relative;overflow:hidden;}
.texa-hero-bg-wave{position:absolute;bottom:0;left:0;width:100%;}
.texa-hero-bg-wave div{width:100%;height:0;padding-top:5%;background:url('../images/index-wave.png')no-repeat;background-size:100%;}
.texa-hero-wrapper{max-width:1200px;margin:0 auto;padding:5px 30px;}
.texa-hero-h1{color:#f9e668;}
.texa-hero-h1 span{display:block;line-height:1;}
.texa-hero-h1 span:first-child{font-size:40px;font-weight:500;}
.texa-hero-h1 span:nth-child(2){font-size:50px;font-weight:600;}
.hexa-hero-info{}
.hexa-hero-info p{color:#fff;font-size:40px;font-style:italic;}
.hexa-hero-info p span{font-family: 'Satisfy', cursive;margin-right:10px;}

.product-wrapper{max-width:1200px;margin:0 auto;display:flex;flex-flow:row wrap;align-items:center;padding:40px 10px;overflow:hidden;}
.product-col{width:50%;}
.product-col-info{padding:10px 40px;}
.product-title{font-size:23px;font-weight:600;margin-bottom:15px;}
.product-info{}
.product-info p{font-size:16px;margin-bottom:15px;}
.product-info p:last-child{margin-bottom:0;}
.product-btn{margin-top:20px;}
.product-btn a{font-size:17px;font-weight:500;display:inline-block;color:#fff;background:#ecb42e;padding:10px 35px;border-radius:30px;transition:all 0.3s ease-in-out;}
.product-btn a:hover{background:#c69318;}
.product-col-graphic{padding:10px 20px;}
.product-col-graphic img{display:block;width:100%;max-width:480px;margin:0 auto;}

.product-wrapper-right .product-col-graphic{order:2;}
.product-wrapper-right .product-col-info{order:1;text-align:right;}

.theat-container{max-width:900px;margin:60px auto 0;overflow:hidden;}
.theat-container-sml{max-width:700px;}
.theat-wrapper{width:100%;margin-bottom:40px;display:flex;flex-flow:row wrap;align-items:center;}
.theat-container .theat-wrapper:last-child{margin-bottom:0;}
.theat-col{}
.theat-col-ico{width:100px;padding:15px;margin-right:50px;border:2px solid #d4d4d4;border-radius:50%;position:relative;}
.theat-col-ico img{display:block;width:100%;}
.theat-col-ico:before{content:'';position:absolute;top:calc(50% - 20px);right:-24px;width:3px;height:40px;background:#d4d4d4;}
.theat-col-info{width:calc(100% - 150px);}
.theat-col-info p{font-size:18px;margin-bottom:10px;}
.theat-col-info p:last-child{margin-bottom:0;}

.footer-container{background:#f0f0f0;padding:80px 20px;overflow:hidden;}
.footer-wrapper{max-width:1200px;margin:0 auto;display:flex;flex-flow:row wrap;padding:5px 100px;}
.footer-col{}
.footer-col-nav{width:100%;display:flex;flex-flow:row wrap;justify-content:center;margin-bottom:35px;}
.footer-col-nav li{margin:5px 15px;}
.footer-col-nav li a{display:inline-block;color:#4f4f4f;font-size:18px;text-decoration:underline;transition:all 0.3s ease-in-out;}
.footer-col-nav li a:hover{color:#cc9512;}
.footer-col-about{width:60%;display:flex;flex-flow:row wrap;align-items:center;padding-right:50px;}
.footer-col-about a{width:150px;margin-right:25px;}
.footer-col-about a img{display:block;width:100%;}
.footer-col-about p{font-size: 110%;font-weight: 600;width:calc(100% - 175px)}
.footer-col-contact{width:40%;padding-left:50px;}
.footer-contact-number{display:flex;}
.footer-contact-number li{margin:5px 10px;}
.footer-contact-number li a{color:#4f4f4f;transition:all 0.3s ease-in-out;}
.footer-contact-number li a:hover{color:#cc9512;}
.footer-contact-mail{}
.footer-contact-mail li{margin:5px 10px;}
.footer-contact-mail li a{color:#4f4f4f;transition:all 0.3s ease-in-out;}
.footer-contact-mail li a:hover{color:#cc9512;}
.footer-col-social{margin-top:30px;width:100%;display:flex;flex-flow:row wrap;justify-content:center;}
.footer-col-social li{margin:10px;}
.footer-col-social li a{font-size:20px;color:#4f4f4f;line-height:1;margin:0;padding:0;display:flex;flex-flow:row wrap;align-content:center;justify-content:center;width:30px;height:30px;border:1px solid #4f4f4f;border-radius:50%;transition:all 0.3s ease-in-out;}
.footer-col-social li a:hover{color:#cc9512;border:1px solid #cc9512;}

.txa-ftr{text-align:center;margin-top:15px;position:relative;padding-top:15px;}
.txa-ftr:before{content:'';position:absolute;top:0;left:30%;width:40%;height:1px;background:#fff;}
.txa-ftr p{font-size:14px;}

.rodpg-container{padding:160px 20px 50px;overflow:hidden;overflow:hidden;}
.rodpg-container-alu-alloy{
    padding-top: 200px;
    padding-bottom: 120px;
    background:url('../images/zinc-alloy.jpg') center no-repeat fixed;
    background-size: cover;
    position: relative;
}
.rodpg-container-alu-alloy:before{
    content:'';
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.85
}
.rodpg-hr-wrapper{margin:20px 0 40px;;}
.rodpg-hr-lin{margin:0 auto;border-radius:10px;}
.rodpg-hr-one{width:620px;height:10px;background:#f3fbc1;}
.rodpg-hr-wo{width:530px;height:7px;background:#fcf2cd;margin-top:-3px;}
.rodpg-description{margin-bottom:50px;}

.ldy-conainer{max-width:850px;margin:80px auto 30px;overflow:hidden;}
.ldy-wrapper{width:100%;display:flex;flex-flow:row wrap;margin:50px 0;}
.ldy-conainer .ldy-wrapper:last-child{margin-bottom:0;}
.ldy-col{}
.ldy-col-ico{align-self:flex-start;width:145px;margin-right:50px;border:1px solid #d4d4d4;border-radius:50%;padding:15px;}
.ldy-col-ico img{display:block;width:100%;}
.ldy-col-info{width:calc(100% - 195px);}
.ldy-title{font-size:20px;font-weight:600;margin-bottom:15px;position:relative;}
.ldy-title:before, .ldy-title:after{content:'';position:absolute;border-radius:4px;}
.ldy-title:before{bottom:-1px;left:-8px;width:80%;height:6px;background:#ffe4f1;z-index:-2;}
.ldy-title:after{bottom:-1px;left:5%;width:70%;height:4px;background:#ebffda;z-index:-1}
.ldy-info{}
.ldy-info p{font-size:18px;}

/*about us*/
.abthro-container{padding:30px 20px;background:#eff3fb;overflow:hidden;}
.abthro-wrapper{max-width:1200px;margin:0 auto;display:flex;flex-flow:row wrap;align-items:center;}
.abthro-col{width:50%;padding:15px;}
.abthro-col-content{}
.abthro-h1{margin-bottom:15px;}
.abthro-h1 span{position:relative;display:block;line-height:1;z-index:2;}
.abthro-h1 span:first-child{font-size:40px;font-weight:500;}
.abthro-h1 span:first-child:before{content:'';position:absolute;bottom:2px;left:0;width:80%;height:5px;background:#fff6bc;border-radius:5px;z-index:-1;}
.abthro-h1 span:nth-child(2){font-size:50px;font-weight:700;}
.abthro-info{}
.abthro-info p{font-size:17px;font-style:italic;}
.abthro-info p:last-child{}
.abthro-col-graphic{}
.abthro-col-graphic img{display:block;width:100%;}

.prim1-container-mission{margin-top:50px;overflow:hidden;}

.tmxa-container{max-width:950px;margin:70px auto 10px;overflow:hidden;}
.tmxa-wrapper{margin-bottom:60px;text-align:center;}
.tmxa-container .tmxa-wrapper:last-child{margin-bottom:0;}
.tmxa-title{font-size:25px;font-weight:600;position:relative;margin-bottom:20px;line-height:1;}
.tmxa-title:before, .tmxa-title:after{content:'';position:absolute;z-index:-1;border-radius:3px;}
.tmxa-title:before{bottom:-5px;left:15%;width:70%;height:3px;background:#f9ebb4;}
.tmxa-title:after{bottom:-7px;left:20%;width:60%;height:3px;background:#eddcfe;}
.tmxa-info{}
.tmxa-info p{font-size:16px;}
.tmxa-info p:last-child{}

/*contact us*/
.contat-hero-container{padding:150px 20px 70px;overflow:hidden;}

.cofrm-container{padding:60px 15px 120px;overflow:hidden;overflow:hidden;}
.cofrm-wrapper{max-width:1200px;margin:0 auto;}
.contact-form-wrapper{max-width:500px;margin:70px auto 0;padding:45px 55px;border-radius:10px;background:rgba(255,255,255,0.75);border:1px solid #e9e9e9;box-shadow:0 0 20px rgba(208,28,197,0.07);position:relative;}
.contact-form{width:100%;}
.f-input{margin-bottom:15px;}
.f-input label{display:block;color:#909090;line-height:1;margin-bottom:5px;}
.f-input input, .f-input textarea{display:block;width:100%;background:#fafdff;border:1px solid #f2f2f2;padding:10px;border-radius:5px;}
.f-input label input{}
.f-input label textarea{}
.f-error{}
.f-error p{font-size:14px;color:#f48080;margin-top:5px;}
.f-submit{margin-top:25px;}
.f-submit button{display:block;width:100%;color:#fff;background:#ecb42e;text-align:center;border-radius:30px;font-size:17px;font-weight:600;text-transform:uppercase;cursor:pointer;padding:10px;letter-spacing:2px;}

.bgf-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity: 0.3}
.bg-f{position:absolute;}
.bg-f div{width:100%;height:0;}
.bg-f-stain{bottom:-25px;right:calc(100% - 60px);width:320px;}
.bg-f-stain div{padding-top:87%;background:url('../images/coffee-stain.png')no-repeat;background-size:100%;}
.bg-f-cup{bottom:20px;left:calc(100% - 60px);width:280px;}
.bg-f-cup div{padding-top:106%;background:url('../images/coffee-cup.png')no-repeat;background-size:100%;}
.bg-f-bean1{width:130px;left:calc(100% - 30px);top:-20px;}
.bg-f-bean1 div{padding-top:82%;background:url('../images/coffee-beans1.png')no-repeat;background-size:100%;}
.bg-f-bean2{width:120px;right:calc(100% - 40px);top:25px;}
.bg-f-bean2 div{padding-top:105%;background:url('../images/coffee-beans2.png')no-repeat;background-size:100%;}
.bg-f-bean3{}
.bg-f-bean3 div{}
.bg-f-bean4{}
.bg-f-bean4 div{}

.contact-map{width:100%;height:450px;overflow:hidden;background:#ddd;overflow:hidden;}
.contact-map iframe{width:100%;height:100%;}

.go-up{position:fixed;bottom:10px;right:10px;z-index:10;width:40px;background:#ecb42e;border-radius:50%;padding:8px;cursor:pointer;}
.go-up div{width:100%;height:0;padding-top:100%;background:url('../images/go-up.svg')no-repeat;background-size:100%;}

.indl0g-container{padding:10px 20px;margin-top:30px;}
.indl0g-wrapper{max-width:1200px;margin:0 auto;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
.indl0g-box{margin:10px;}
.indl0g-box img{display:block;height:60px;}

.prv1d-wrapper{width:100%;max-width:950px;margin:30px auto 0;}
.prv1d-video{width:100%;position:relative;height:0;padding-top:56.3%;}
.prv1d-video iframe{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}



.contact-popup-window{
    position: fixed;
    bottom: 10px;
    right: 10px;
    min-width: 100px;
    max-width: 400px;
    max-height: 90vh;
    background: rgba(255,255,255,0.96);
    overflow-y: auto;
    padding: 0;
}
.contact-popup-window .bgf-wrapper{
    display: none;
}
.contact-popup-window .contact-form-wrapper{
     position: relative;
    padding: 30px;
    margin: 0;
    
}
.contactpop-btn-group{
    padding: 10px;
}
.contact-popup-close{
    line-height: 1;
    cursor: pointer;
    color: red;
    text-decoration: underline;
}
.contact-popup-open{
    display: none;
    cursor: pointer;
    margin-right: 40px;
    color: #fff;
    background: #ecb42e;
    padding: 8px 20px;
    border-radius: 5px;
}

.prim1-container-d1nka{
    overflow: visible;
}
.d1nka-tabs-wrapper{
    margin-top: 50px;
    display: flex;
    flex-flow:row wrap;
    justify-content: center;
}
.d1nka-btn{
    padding: 15px 30px;
    cursor: pointer;
    margin: 1px;
    color:#111;
    background:#ecb42e;
    font-size: 17px;
    font-weight: 500;
    transition: all 0.1s ease-in-out;
}
.d1nka-btn-active{
    cursor: default;
    color: #666;
    background: #f3d07c;
}
.d1nka-tables-wrapper{
    max-width: 1440px;
    margin: 40px auto 0;
}
.d1nka-tables-wrapper-alsi9cu3fe{
    max-width:950px;
}
.d1nka-tables-wrapper-alsi9cu3fe table th, .d1nka-tables-wrapper-alsi9cu3fe table td{
    padding-left: 20px;
    padding-right: 20px;
}
.d1nka-tbl{
    width: 100%;
}
.d1nka-tbl thead{
    position: sticky;
    top: 0;
}
.d1nka-tbl th{
    padding: 25px 15px;
    color: #fff;
    background: #574008;
    
}
.d1nka-tbl td{
    padding: 20px 15px;
    color: #574008;
    border-bottom: 1px solid #f9e6ba;
    border-right: 1px solid #fcf1d9;
}
.d1nka-tbl td:first-child{
    border-left: 1px solid #fcf1d9;
}


.genuse-wrapper{
    max-width: 1200px;
    margin: 50px auto 0;
}
.genuse-wrapper ul{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    font-size: 16px;
}
.genuse-wrapper ul li {
    border-bottom: 1px solid #ddd;
    padding: 15px;
}