@font-face {
    font-family: 'Helvetica';
    src: url('../font/Helvetica.ttf') format('truetype');
}

@font-face {    
    font-family: 'Elle-futura-bold';  
    src: url('../font/elle-futura-bold.otf') format('truetype');       
}

@font-face {    
    font-family: 'Elle-futura-Light';  
    src: url('../font/elle-futura-book.otf') format('truetype');       
}
	  /************src:url('../includes/fonts/flama-bold.eot?#iefix') format('embedded-opentype')**************/
	 /*        CSS reset       */
	/**************************/
	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, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,	
	form, label {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
	body {line-height:1;}	
	blockquote, q {quotes:none;}
	blockquote:before, blockquote:after,
	q:before, q:after {content:''; content:none;}
	:focus {outline:0;}
	ins {text-decoration:none;}
	del {text-decoration:line-through;}
	/******* Default rules tags *******/	
	a{text-decoration:none; color:#000;}
	a:hover{text-decoration:none;}	
body {
  display: flex;
  justify-content: center;
  align-items: center;  
  background-color: #fff;
}

.wrapcontainer{float:left;width:100%;height:0 auto;margin:auto;overflow:hidden;} 
.wrapcontainer-content{float:left;width:100%;height:0 auto;margin:auto;overflow:hidden;max-width:1537px;} 
.column20{float:left;width:20%;height:0 auto;overflow:hidden;}
.column25{float:left;width:25%;height:0 auto;overflow:hidden;}
.column30{float:left;width:30%;height:0 auto;overflow:hidden;}
.column40{float:left;width:40%;height:0 auto;overflow:hidden;}
.column50{float:left;width:50%;height:0 auto;overflow:hidden;}
.column60{float:left;width:60%;height:0 auto;overflow:hidden;}
.column70{float:left;width:70%;height:0 auto;overflow:hidden;}
.column75{float:left;width:75%;height:0 auto;overflow:hidden;}
.column80{float:left;width:80%;height:0 auto;overflow:hidden;}
.column100{float:left;width:100%;height:0 auto;overflow:hidden;}
.border_left{border-left:solid 1px white;}
.colorwhite{color:White !important;}
    
/*====================css banner top========================*/
#header-banner{width:100%;height:0 auto;margin:auto;overflow:hidden;}
    .imgBanner{float:left;width:100%;height:0 auto;}
    .header-content{width:100%;height:590px;overflow:hidden;position:absolute;top:0;left:0;background-image: linear-gradient(180deg, rgb(0, 0, 0) 10px, rgba(255,255,255,0) 100%);}
        .header-logo-menu{float:left;width:90%;height:0 auto;overflow:hidden;margin:1.8% 0px 0px 10%;}
            .header-logo{float:left;width:7%;}
                .header-logo img{float:left;width:100%;}
                .header-logo img:hover{opacity:0.8;}
                
            .header-menu{float:right;width:70%;height:0 auto;}
                .header-menu-top{float:right;width:80%;height:0 auto;margin-right:20%;}
                    .languages{float:right;width:auto;height:11px;font:14px Helvetica;color:White;text-transform:uppercase;padding:0px 7px 0px 7px;line-height:10px;margin-top:5px;}
                    .languages:hover,.languages.active{color:#d49c11;}                   
                    .group-search{float:right;width:auto;margin-right:4%;}
                        .text-search{float:left;width:200px;height:18px;background-color:White;border:solid 1px #ccc;font:12px Helvetica;}                   
                        .button-search{float:left;width:25px;margin-left:3px;}                   
                            .button-search img{float:left;width:100%;}                   
                            .button-search img:hover{opacity:0.8;}                   
                    .group-login{float:right;width:auto;margin:2px 1% 0px 0%;}
                        .link-register{float:left;font:14px Helvetica;color:White;padding:0px 3px 0px 3px;font-style:italic;}
                        .link-register:hover,.link-register.active{color:#d49c11;}
                        .line-center{float:left;font:14px Helvetica;color:White;padding:0px 3px 0px 3px;}
                        
                 .header-menu-bottom{float:right;width:85%;height:0 auto;border-top:solid 1px #585858;margin:12px 0px 0px 0px;padding-right:20%;} 
                     .header-menu-bottom ul{float:right;width:53.5%;margin:12px 0px 0px 0px;padding:0px;list-style:none;}               
                      /*  .header-menu-bottom ul li{float:right;width:auto;margin-left:1%;}
                        .header-menu-bottom ul li.end{margin-left:0%;}
                        .header-menu-bottom ul li a{float:left;font:15px Helvetica;color:White;text-transform:uppercase;margin:0px 7px 0px 7px;}
                        .header-menu-bottom ul li a:hover,.header-menu-bottom ul li a.active{color:#d49c11;border-bottom:solid 1px #d49c11;}*/ 


                        /* menu3lv */
                        .menu3lv-wrapper,.menu3lv a{width:100%;}
                        .menu3lv::after{content:'';clear:both;display:block;}
                        .menu3lv a{font:15px Helvetica;color:White;text-transform:uppercase;display:block;padding:10px 5px 3px 5px;-webkit-box-sizing:border-box;box-sizing:border-box;
                                   text-decoration:none;}
                        .menu3lv a:hover, .menu3lv a.active{color:#d49c11;border-bottom:solid 1px #d49c11;}
                        .menu3lv li{position:relative;}
                        .menu3lv>li {float: left;margin-right:4%;}
                        .menu3lv,.menu3lv ul{float:right;display:inline-block;padding:0;margin:0;list-style-type:none;position:absolute;}
                        .menu3lv ul{position: absolute;}
                        .menu3lv>li ul,.menu3lv ul ul{opacity: 0;z-index:1000;visibility: hidden;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;transition: all 0.2s ease-in;padding-top:5px;}
                        .menu3lv>li ul{top: 130%;left:-26px;}
                        .menu3lv ul ul{left:130%;top: 0;}
                        .menu3lv ul a{float:left;font:14px Helvetica;color:White;text-transform:uppercase;width:300px;text-align:start;padding:10px 10px 5px 10px;}
                        .menu3lv ul a:hover,  .menu3lv ul a:hover .iconmark{color:#d49c11;border-bottom:none;opacity:1;}
                        .menu3lv ul a .iconmark.active{opacity:1;}
                        .menu3lv ul a.active{color:#d49c11;border-bottom:none;opacity:1;}
                        .menu3lv>li:hover>ul{top:100%;opacity:1;z-index: 1000;visibility:visible;}
                        .menu3lv ul>li:hover>ul{left: 100%;opacity: 1;z-index: 1000;visibility: visible;}
                        /*.menu3lv-gold,.menu3lv-gold a{color:#000;}*/
                        /* ends */
                        .iconmark{float:left;width:15px;margin:0 4px 0 0;opacity:0;}
                        .iconmark img{float:left;width:100%;}


.header-logun{float:left;width:80%;height:0 auto;overflow:hidden;margin:7% 0px 0px 10%;}
        .logun1{float:left;width:100%; font:31px Elle-futura-bold;color:#e6ae3f;text-transform:uppercase;text-align:center;}
        .logun2{float:left;width:100%; font:28px Elle-futura-bold;color:#e6ae3f;text-align:center;margin-top:0.2%;}
        .logun3{float:left;width:100%; font:18px Elle-futura-Light;color:#C2B5AF;text-align:center;margin-top:1.5%;letter-spacing:5px;}
        .logun4{float:left;width:auto;font:15px Helvetica;text-align:center;margin:5% 5% 5% 42%;text-transform:uppercase;background-color:White;padding:15px 20px 15px 20px;}
        .logun4:hover{background-color:#d49c11;color:White;}

        .header-banner{float:left;width:80%;height:0 auto;overflow:hidden;margin:7% 0px 0px 10%;}
        .text-banner3{float:left;width:100%; font:18px Elle-futura-Light;color:#C2B5AF;text-align:center;margin-top: 0.5%;letter-spacing: 7px;margin-left: 4.5%;}
        .text-banner3.white{color:white!important;}
        .text-banner1{float:left;width:100%; font:35px Elle-futura-bold;color:#C2B5AF;text-transform:uppercase;text-align:center;margin-left: 4.5%;margin-top: 0.2%;}
        .text-banner1.white{color:white!important;}
        


/*====================css home about========================*/ 
#home-about{width:100%;height:0 auto;margin:auto;overflow:hidden;} 
    .about-us{float:left;width:70%;height:0 auto;overflow:hidden;margin:5% 0px 0px 15%;}
        .img-about-main{float:left;width:37%;height:0 auto;overflow:hidden;margin-right:10%;}
        .img-about-main:hover{opacity:0.7;}
        .about-group-text{float:left;width:45%;height:0 auto;overflow:hidden;}
            .about-text1{float:left;width:100%;height:0 auto;overflow:hidden;font:14px Helvetica;color:#6C6C71;text-transform:uppercase;margin:10px 0px 0px 0px;letter-spacing:3px;}
            .about-text2{float:left;width:100%;height:0 auto;overflow:hidden;font:21px Elle-futura-bold;color:#474b54;text-transform:uppercase;margin:5px 0px 0px 0px;letter-spacing:1.5px;}
            .about-text3{float:left;width:100%;height:0 auto;overflow:hidden;font:13px Helvetica;color:#6C6C71;margin:5px 0px 0px 0px;letter-spacing:1px;line-height:21px;text-align:justify;}
                .about-text3 p{margin-top:7px;}
                
            .button-about{float:left;width:auto;font:13px Helvetica;text-transform:uppercase;color:#6C6C71;text-align:center;margin:6% 5% 5% 0%;text-transform:uppercase;padding:10px 40px 10px 40px;border:solid 2px #ccc;}
            .button-about:hover{background-color:#d49c11;color:White;}
    
    
/*====================css home project========================*/ 
#home-project{width:100%;height:0 auto;margin:auto;overflow:hidden;} 
    .project{float:left;width:90%;height:0 auto;overflow:hidden;margin:5% 0px 0px 5%;}
    .list-project{float:left;width:100%;height:0 auto;overflow:hidden;margin:2% 0px 0px 0%;}
    .list-project ul{float:left;width:100%;margin:0px 0px 0px 0px;padding:0px;list-style:none;}               
        .list-project ul li{float:left;width:30%;margin:0% 4.6% 3% 0px;min-height:380px;}
        .list-project ul li.end{margin-right:0%;}
        .list-project ul li .linkImg{float:left;width:100%;overflow:hidden;}
        .list-project ul li .linkImg img{float:left;width:100%;transition:all .4s linear;height:325px;} 
        .list-project ul li .linkImg:hover img{transform:scale(1.3); /* Equal to scaleX(0.7) scaleY(0.7) */} 
        .list-project ul li .title{float:left;width:100%;font:bold 14px Helvetica;color:#585C65;text-transform:uppercase;margin:10px 0px 0px 0px;text-align:center;}
        .list-project ul li .title:hover{color:#d49c11;}
        .list-project ul li .shortdes{float:left;width:100%;font:13px Helvetica;color:#585C65;text-transform:uppercase;margin:5px 0px 5px 0px;text-align:center;}
    .button-project{float:left;width:auto;font:13px Helvetica;text-transform:uppercase;color:#6C6C71;text-align:center;margin:0% 5% 2% 45%;text-transform:uppercase;padding:10px 40px 10px 40px;border:solid 2px #ccc;}
    .button-project:hover{background-color:#d49c11;color:White;}
   
/*====================css home service========================*/ 
#home-services{width:100%;height:0 auto;margin:auto;overflow:hidden;}
    .imgServices{float:left;width:100%;} 
    .services{float:left;width:90%;height:0 auto;overflow:hidden;margin:-26% 0px 0px 5%;}
        .list-services{float:left;width:100%;height:0 auto;overflow:hidden;margin:10% 0px 0px 0%;padding:0% 10% 5% 12%;}
        .list-services .cate-item{float:left;width:32%;margin:2%;}
        .list-services .cate-item .group-content{float:left;width:70%;min-height:250px; height:0 auto;background-color:White;border:solid 1px #dedddd;box-shadow:0 0 4px 0px #ccc;padding:15% 10% 15% 10%;}
            .services-text1{float:left;width:100%;height:0 auto;overflow:hidden;font:14px Helvetica;color:#6C6C71;text-transform:uppercase;margin:10px 0px 0px 0px;letter-spacing:3px;}
            .services-text2{float:left;width:102%;height:0 auto;overflow:hidden;font:21px Elle-futura-bold;color:#474b54;text-transform:uppercase;margin:5px 0px 0px 0px;letter-spacing:1.5px;min-height:70px;}
            .services-text3{float:left;width:100%;height:0 auto;overflow:hidden;font:13px Helvetica;color:#6C6C71;margin:15px 0px 0px 0px;letter-spacing:1px;line-height:21px;text-align:justify;}
            .button-services{float:left;width:auto;font:13px Helvetica;text-transform:uppercase;color:#6C6C71;text-align:center;margin:9% 5% 2% 0%;text-transform:uppercase;padding:10px 45px 10px 45px;border:solid 2px #ccc;}
            .button-services:hover{background-color:#d49c11;color:White;}

/*====================css home service========================*/ 
#home-works{width:100%;height:0 auto;margin:auto;overflow:hidden;}    
    .works{float:left;width:90%;height:0 auto;overflow:hidden;margin:0% 0px 0px 5%;}
    .list-works{float:left;width:100%;height:0 auto;overflow:hidden;margin:2% 0px 0px 0%;}
        .work-item{float:left;width:23.5%;margin-right:2%;}
        .work-item.end{margin-right:0%;}
        .work-item img{float:left;width:100%;}
        .work-item img:hover{opacity:0.7;} 
    
/*====================css home service========================*/ 
#home-teams{width:100%;height:0 auto;margin:auto;overflow:hidden;}    
    .teams{float:left;width:90%;height:0 auto;overflow:hidden;margin:2% 0px 0px 5%;}
    .list-team{float:left;width:100%;height:0 auto;overflow:hidden;margin:2% 0px 0px 0%;}
        .list-team ul{float:left;width:100%;margin:0px 0px 0px 0px;padding:0px;list-style:none;text-align:center;height:0 auto;}               
            .list-team ul li{width:22%;margin:0% 3% 2% 0px;display:inline-block;min-height:385px;}
            .list-team ul li.end{margin-right:0%;}
            .list-team ul li .linkImg{float:left;width:100%;overflow:hidden;border-radius:50%;}
            .list-team ul li .linkImg img{float:left;width:100%;transition:all .4s linear;} 
            .list-team ul li .linkImg:hover img{transform:scale(1.3); /* Equal to scaleX(0.7) scaleY(0.7) */} 
            .list-team ul li .title{float:left;width:100%;font:bold 14px Helvetica;color:#585C65;text-transform:uppercase;margin:10px 0px 0px 0px;text-align:center;}
            .list-team ul li .title:hover{color:#d49c11;}
            .list-team ul li .shortdes{float:left;width:100%;font:13px Helvetica;color:#585C65;text-transform:uppercase;margin:5px 0px 5px 0px;text-align:center;}
    
    
/*====================css home customer========================*/ 
#home-customers{width:100%;height:0 auto;margin:auto;overflow:hidden;}    
    .customers{float:left;width:91%;height:0 auto;overflow:hidden;margin:2% 0px 0px 4%;padding-left:1%;}
    .list-customers{float:left;width:99%;height:0 auto;overflow:hidden;margin:2% 10px 10px 0px;border:solid 1px #dedddd;box-shadow:0px 0px 10px 0px #ccc;border:solid 1px #ccc;}
        .list-customers .cate-item{float:left;width:100%;}
            .list-customers .cate-item .group-content{float:left;width:89%;min-height:50px; height:0 auto;background-color:White;
                                                     padding:2%; }
                .imgMain-customer{float:left;width:20%;}
                .imgDot-customer{float:left;width:4%;margin:3% 0px 0px 6%;}
                .textagrre-customer{float:left;width:60%;margin:6% 5% 0px 3%;font:15px Helvetica;color:#575757;}
                .text-customername{float:right;width:60%;margin:20px 7% 0px 0px;text-align:right;font:15px Helvetica;color:#575757;}
    .list-customers .slick-prev{display:none !important;}
    .list-customers .slick-next{display:none !important;}
        
/*====================css home map========================*/ 
#home-maps{width:100%;height:0 auto;margin:auto;overflow:hidden;}    
    .maps{float:left;width:100%;height:0 auto;overflow:hidden;margin:3% 0px 0px 0%;border:solid 1px #ccc;}
    .maps-address{float:left;width:100%;text-align:center;margin-top:1%;}
        .maps-address img{float:left;width:auto;display:inline-block;margin:5px 5px 5px 36%;}
        .maps-address span{float:left;width:auto;display:inline-block;margin:15px 0px 0px 0px;font:12px Helvetica;font-style:italic;}
    
/*====================css home footer========================*/    
#home-footer{width:100%;height:0 auto;margin:auto;overflow:hidden;margin-top:1%;}  
    .imgFooter{float:left;width:100%;}  
    .footer{float:left;width:90%;height:340px;overflow:hidden;margin:-22% 0px 0px 5%;}
        .imgLogoFooter{float:left;width:185px;}
        .group-company-infor{float:left;width:59%;margin-left:4%; border-left:solid 1px #575757;padding-left:4%;}
            .company-text{float:left;width:100%;height:0 auto;overflow:hidden;font:bold 18px Helvetica;color:#ad831a;text-transform:uppercase;margin:5px 0px 20px 0px;letter-spacing:1.5px;
                          line-height:24px;}
            .footer-text1{float:left;width:100%;margin-bottom:5px;}
                .footer-text1 img{float:left;width:5%;}
                .footer-text1 span{float:left;width:90%;margin:5px 0px 0px 5px;font:12px Helvetica;color:#ccc;}
                .footer-text1 a{color:#ccc;}
                .footer-text1 a:hover{text-decoration:underline;color:#ad831a;}
        .bottom-menu{float:left;width:28%;margin:5% 0px 0px 5%;}
        .bottom-menu.marginleft{marginleft:0% 0px 0px 10%;}
            .bottom-menu .header-caption{float:left;width:auto;font:14px Helvetica;color:#ccc;text-transform:uppercase;border-bottom:solid 1px #ccc;padding-bottom:2px;margin-bottom:4%;}            
            .bottom-menu .header-caption:hover{color: #d49c11;border-bottom: solid 1px #d49c11;}            
            .footer-text2{float:left;width:100%;margin:5px 0px 5px 0px;}
                .footer-text2 .imgmenu{float:left;width:13px;background:url('../images/icon-menu.png');background-size:cover;}
                .footer-text2 .text-menu{float:left;width:89%;margin:2px 0px 0px 5px;font:12px Helvetica;color:#ccc;}
                .footer-text2:hover .imgmenu{background:url('../images/icon-menu-hover.png');}
                .footer-text2:hover .text-menu{color:#ad831a;margin:0px 0px 0px 5px;}
                
        .bottom-top{float:right;width:95%;border-top:solid 1px #ccc;margin:2% 0px 0px 0px;padding:10px 0px 0px 0px;}
            .bottom-top a{float:left;width:auto;margin-right:10px;}
            .bottom-top a img{float:left;width:100%;}
            .bottom-top .icon-totop{float:right;}
            .bottom-top a:hover img{opacity:0.7}
            
    .footer-bottom{float:left;width:98%;height:35px;text-align:center;font:16px Helvetica;color:#575757;padding:1% 0% 0% 0%;}
     
    
.phonemenu{display:none;}  
.mobilemenu{display:none;}
.iframebanner{width:100%; height:990px;}
.icon{width:5.2%!important;}

@media (min-width: 1821px) {
    .wrapcontainer-content{max-width:1920px;}
    .header-menu-bottom{width:70%;}
    .group-company-infor{width:48%;}
    .icon{width:4.2%!important;}
}
@media (min-width: 1440px) and (max-width: 1820px) {
    
}               
@media (min-width: 1024px) and (max-width: 1440px) 
{   
    .wrapcontainer-content{max-width:1366px;}
    .header-menu-top{margin-right:5%;}
    .header-menu-bottom{width:100%;padding-right:5%;}
    .list-team ul li{min-height:325px;}
    .imgLogoFooter{width:160px;}
    .bottom-menu{width:27%;margin-left:3%;}
    .icon{width:9.2%!important;}
}        
@media (min-width: 768px) and (max-width: 1023px) 
{
    .wrapcontainer-content{max-width:730px;}
    .header-logo-menu{display:none;}
    .header-content{height:370px;}     
    .phonemenu{display:block;float:left;width:100%;margin:0px;position:absolute;top:0;left:0;}     
        .openbtn{float:left;padding-top:10px;}
        .openbtn.active{background:black;display:inline-block;padding-top:5px;}
            .openbtn .iconmenu{float:left; position: relative;width:1.5em;height:40px;font-size:2em;line-height:0;z-index:999;cursor:pointer;margin-top:5px;}
            .openbtn .iconmenu .oneline{height:2px;background-color:white;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:1em;
                                        margin: 0 auto;position:absolute;left:0;right:0;-webkit-transform-origin:center center;transform-origin:center center;top:0%;
                                        border-radius:1px;width:60%;}                            
            .openbtn .iconmenu .twoline{height:2px;background-color:white;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:2em;
                                        margin:0 auto;position:absolute;left:0;right:0;-webkit-transform-origin:center center;transform-origin:center center;top:17%;
                                        border-radius:1px;width:60%;}
            .openbtn .iconmenu .threeline{height:2px;background-color:white;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:1em;
                                        margin:0 auto;position:absolute;left:0;right:0;-webkit-transform-origin:center center;transform-origin:center center;top:35%;
                                        border-radius:1px;width:60%;}
            .openbtn:hover .iconmenu{margin:5px 0px 0px 0px;}
                .openbtn.active .iconmenu .oneline{opacity:0.7;cursor:pointer;top:30%;transform:rotate(45deg);background-color:White;}
                .openbtn.active .iconmenu .twoline{opacity:0.7;cursor:pointer;display:none;top:30%;background-color:White;}
                .openbtn.active .iconmenu .threeline{opacity:0.7;cursor:pointer;transform:rotate(-45deg);top:30%;background-color:White;}
    
    .mobilemenu{float:left;width:100%;height:97%;position:fixed;z-index:1;top:50px;right:0;background-color:black;overflow-x:hidden;transition:0.1s;opacity:0.93;display:none;
                border-top:solid 1px white;}
        .mobilemenu ul{float:left;width:100%;margin:7% 0px 0px 0px;padding:0px;list-style:none;}
        .mobilemenu ul li{float:left;width:100%;margin:0px 0px 7% 0px;}
        .mobilemenu ul li a{width:auto;font:25px Helvetica;color:White;text-align:center;display:block;padding:0px 10px 0px 10px;}
        .mobilemenu ul li a .menuhome{padding:0px 5px 0px 5px;}
        .mobilemenu ul li ul li{margin:0px 0px 7% 0px;}
        .mobilemenu ul li ul li a{font:15px Helvetica;}
        .mobilemenu ul li ul li a.active {color:#d49c11;}
        .mobilemenu ul li ul li a span{font:15px Helvetica;border-bottom: solid 1px #4F4F4F;color: #ccc;}


       
        /*.mobilemenu ul li a:hover{color:#d49c11;}*/
        .mobilemenu ul li a.active .menuhome{border-bottom:solid 2px #d49c11;} 
        .mobilemenu ul li a.active span{border-bottom:solid 2px #d49c11;color:#d49c11;}              
        .mobilemenu ul li a.active .menuhomechild, .mobilemenu ul li a:hover .menuhomechild{color:#d49c11;border-bottom:none;}
        .iconmark{float:left;width:13px;margin:3px 4px 0 -20px;opacity:0;position:absolute;}
    
    .header-logo-mobile{float:left;width:10%;margin:5px 0px 0px 41%;}
        .header-logo-mobile img{float:left;width:100%;}
    
    .imgBanner{height:370px;object-fit:cover;}
    .languages{margin-top:17px;}
    .sendEmail{float:right;width:16px;margin:8px 10px 10px 10px;border:solid 1px white;border-radius:50%;background-color:white;padding:6px;display: block;} 
    .header-logun{margin-top:36%;}
    .logun1{font-size:15px;}
    .logun2{font-size:12px;}
    .logun3{font-size:9px;}
    .logun4{font-size:9px;margin-left:30%;}
    
    .about-us{width:96%;margin-left:2%;}
    .img-about-main{width:100%;}
    .about-group-text{width:100%;}
     
    .project{width:96%;margin-left:2%;} 
    .list-project ul li{width:47%;margin-right:3%;min-height:280px;}
    .list-project ul li.end{margin-right:3%;}
    .list-project ul li .title{text-align:left;}
    .list-project ul li .shortdes{text-align:left;}
    .button-project{margin-left:30%;}
    
    .services{width:96%;margin-left:2%;} 
    .list-services{padding:0px;}
    .list-services .cate-item .group-content{width:76%;}
    .list-services .slick-prev{display:none !important;}
    .list-services .slick-next{display:none !important;}
    
    .works{width:96%;margin-left:2%;} 
    .work-item{width:47.5%;margin-top:2%;margin-left:0.5%;}
    
    .teams{width:96%;margin-left:2%;} 
    .list-team ul li{min-height:255px;width:46%;}
    
    .customers{width:96%;margin-left:2%;} 
    .list-customers .cate-item{padding-bottom:6%;}
    .list-customers .cate-item .group-content{width:96%;}
    .imgDot-customer{width:6%;margin-left:3%;}
    .imgMain-customer{width:100%;}
    .textagrre-customer{width:94%;}
    
    .imgFooter{object-fit:cover;min-height:650px;}
    .column50{width:100%;}
    .footer{width:96%;margin:-83% 0px 0px 2%;height:auto;} 
    .imgLogoFooter{width:10%;display:none;}
    .group-company-infor{width:96%;margin-left:0%;}
    .company-text{font-size:10px;line-height:15px;}
    .bottom-menu{width:32%; margin-left:1%;}
    .footer-text2 .text-menu{font-size:10px;width:80%;}
    
    .bottom-top{width:100%;}
    .bottom-top a img{width:88%;}
    .footer-bottom{padding-top:5%;}
    .maps-address span{width:99%;margin:0px;}
    .maps-address img{margin: 5px 5px 5px 45%;}
    .iframebanner{width:100%; height:370px;}
    .icon{width:5%!important;}
        .header-banner{margin: 22% 0px 0px 11%;}
    .text-banner1{font: 21px Elle-futura-bold;}
    .text-banner3{font: 10px Elle-futura-Light;letter-spacing: 4px;margin-left: 4.5%;}
}
@media (min-width: 480px) and (max-width: 767px) 
{
    .wrapcontainer-content{max-width:455px;}
    .header-logo-menu{display:none;}
    .header-content{height:370px;}     
    .phonemenu{display:block;float:left;width:100%;margin:0px;position:absolute;top:0;left:0;}     
        .openbtn{float:left;padding-top:10px;}
        .openbtn.active{background:black;display:inline-block;padding-top:5px;}
            .openbtn .iconmenu{float:left; position: relative;width:1.5em;height:40px;font-size:2em;line-height:0;z-index:999;cursor:pointer;margin-top:5px;}
            .openbtn .iconmenu .oneline{height:2px;background-color:white;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:1em;
                                        margin: 0 auto;position:absolute;left:0;right:0;-webkit-transform-origin:center center;transform-origin:center center;top:0%;
                                        border-radius:1px;width:60%;}                            
            .openbtn .iconmenu .twoline{height:2px;background-color:white;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:2em;
                                        margin:0 auto;position:absolute;left:0;right:0;-webkit-transform-origin:center center;transform-origin:center center;top:17%;
                                        border-radius:1px;width:60%;}
            .openbtn .iconmenu .threeline{height:2px;background-color:white;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:1em;
                                        margin:0 auto;position:absolute;left:0;right:0;-webkit-transform-origin:center center;transform-origin:center center;top:35%;
                                        border-radius:1px;width:60%;}
            .openbtn:hover .iconmenu{margin:5px 0px 0px 0px;}
                .openbtn.active .iconmenu .oneline{opacity:0.7;cursor:pointer;top:30%;transform:rotate(45deg);background-color:White;}
                .openbtn.active .iconmenu .twoline{opacity:0.7;cursor:pointer;display:none;top:30%;background-color:White;}
                .openbtn.active .iconmenu .threeline{opacity:0.7;cursor:pointer;transform:rotate(-45deg);top:30%;background-color:White;}
    
    .mobilemenu{float:left;width:100%;height:97%;position:fixed;z-index:1;top:50px;right:0;background-color:black;overflow-x:hidden;transition:0.1s;opacity:0.93;display:none;
                border-top:solid 1px white;}
        .mobilemenu ul{float:left;width:100%;margin:7% 0px 0px 0px;padding:0px;list-style:none;}
        .mobilemenu ul li{float:left;width:100%;margin:0px 0px 7% 0px;}
        .mobilemenu ul li a{width:auto;font:25px Helvetica;color:White;text-align:center;display:block;padding:0px 10px 0px 10px;}
        .mobilemenu ul li a .menuhome{padding:0px 5px 0px 5px;}
        .mobilemenu ul li ul li{margin:0px 0px 7% 0px;}
        .mobilemenu ul li ul li a{font:15px Helvetica;}
        .mobilemenu ul li ul li a.active {color:#d49c11;}
        .mobilemenu ul li ul li a span{font:15px Helvetica;border-bottom: solid 1px #4F4F4F;color: #ccc;}


       
        /*.mobilemenu ul li a:hover{color:#d49c11;}*/
        .mobilemenu ul li a.active .menuhome{border-bottom:solid 2px #d49c11;} 
        .mobilemenu ul li a.active span{border-bottom:solid 2px #d49c11;color:#d49c11;}              
        .mobilemenu ul li a.active .menuhomechild, .mobilemenu ul li a:hover .menuhomechild{color:#d49c11;border-bottom:none;}
        .iconmark{float:left;width:13px;margin:3px 4px 0 -20px;opacity:0;position:absolute;}
    
    .header-logo-mobile{float:left;width:10%;margin:5px 0px 0px 32%;}
        .header-logo-mobile img{float:left;width:100%;}
    
    .imgBanner{height:370px;object-fit:cover;}
    .languages{margin-top:17px;}
    .sendEmail{float:right;width:16px;margin:8px 10px 10px 10px;border:solid 1px white;border-radius:50%;background-color:white;padding:6px;display: block;} 
    .header-logun{margin-top:36%;}
    .logun1{font-size:15px;}
    .logun2{font-size:12px;}
    .logun3{font-size:9px;}
    .logun4{font-size:9px;margin-left:30%;}
    
    .about-us{width:96%;margin-left:2%;}
    .img-about-main{width:100%;}
    .about-group-text{width:100%;}
     
    .project{width:96%;margin-left:2%;} 
    .list-project ul li{width:47%;margin-right:3%;min-height:210px;}
    .list-project ul li.end{margin-right:3%;}
    .list-project ul li .title{text-align:left;}
    .list-project ul li .shortdes{text-align:left;}
    .button-project{margin-left:30%;}
    
    .services{width:96%;margin-left:2%;} 
    .list-services{padding:0px;margin: 13% 0px 0px 0%;}
    .list-services .cate-item .group-content{width:76%;}
    .list-services .slick-prev{display:none !important;}
    .list-services .slick-next{display:none !important;}
    
    .works{width:96%;margin-left:2%;} 
    .work-item{width:47.5%;margin-top:2%;margin-left:0.5%;}
    
    .teams{width:96%;margin-left:2%;} 
    .list-team ul li{min-height:255px;width:46%;}
    
    .customers{width:96%;margin-left:2%;} 
    .list-customers .cate-item{padding-bottom:6%;}
    .list-customers .cate-item .group-content{width:96%;}
    .imgDot-customer{width:6%;margin-left:3%;}
    .imgMain-customer{width:100%;}
    .textagrre-customer{width:94%;}
    
    .imgFooter{object-fit:cover;min-height:580px;}
    .column50{width:100%;}
    .footer{width:112%;margin:-117% 0px 0px 2%;height:auto;} 
    .imgLogoFooter{width:10%;display:none;}
    .group-company-infor{width:88%;margin-left:0%;}
    .company-text{font-size:10px;line-height:15px;}
    .bottom-menu{width:49%; margin-left:1%;}
    .footer-text2 .text-menu{font-size:10px;width:80%;}
    
    .bottom-top{width:100%;}
    .bottom-top a img{width:88%;}
    .footer-bottom{padding-top:5%;}
    .maps-address span{width:99%;margin:0px;}
    .maps-address img{margin: 5px 5px 5px 45%;}
    .iframebanner{width:100%; height:370px;}
    .icon{width:7.2%!important;}
    .bottom-top .icon-totop{margin-right:80px;}
        .header-banner{margin: 36% 0px 0px 15%;}
    .text-banner1{font: 21px Elle-futura-bold;}
    .text-banner3{font: 10px Elle-futura-Light;letter-spacing: 4px;margin-left: 4.5%;}
}
@media (min-width: 401px) and (max-width: 479px) 
{
  .wrapcontainer-content{max-width:404px;}
    .header-logo-menu{display:none;}
    .header-content{height:370px;}     
    .phonemenu{display:block;float:left;width:100%;margin:0px;position:absolute;top:0;left:0;}     
        .openbtn{float:left;padding-top:10px;}
        .openbtn.active{background:black;display:inline-block;padding-top:5px;}
            .openbtn .iconmenu{float:left; position: relative;width:1.5em;height:40px;font-size:2em;line-height:0;z-index:999;cursor:pointer;margin-top:5px;}
            .openbtn .iconmenu .oneline{height:2px;background-color:white;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:1em;
                                        margin: 0 auto;position:absolute;left:0;right:0;-webkit-transform-origin:center center;transform-origin:center center;top:0%;
                                        border-radius:1px;width:60%;}                            
            .openbtn .iconmenu .twoline{height:2px;background-color:white;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:2em;
                                        margin:0 auto;position:absolute;left:0;right:0;-webkit-transform-origin:center center;transform-origin:center center;top:17%;
                                        border-radius:1px;width:60%;}
            .openbtn .iconmenu .threeline{height:2px;background-color:white;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:1em;
                                        margin:0 auto;position:absolute;left:0;right:0;-webkit-transform-origin:center center;transform-origin:center center;top:35%;
                                        border-radius:1px;width:60%;}
            .openbtn:hover .iconmenu{margin:5px 0px 0px 0px;}
                .openbtn.active .iconmenu .oneline{opacity:0.7;cursor:pointer;top:30%;transform:rotate(45deg);background-color:White;}
                .openbtn.active .iconmenu .twoline{opacity:0.7;cursor:pointer;display:none;top:30%;background-color:White;}
                .openbtn.active .iconmenu .threeline{opacity:0.7;cursor:pointer;transform:rotate(-45deg);top:30%;background-color:White;}
    
    .mobilemenu{float:left;width:100%;height:97%;position:fixed;z-index:1;top:50px;right:0;background-color:black;overflow-x:hidden;transition:0.1s;opacity:0.93;display:none;
                border-top:solid 1px white;}
        .mobilemenu ul{float:left;width:100%;margin:7% 0px 0px 0px;padding:0px;list-style:none;}
        .mobilemenu ul li{float:left;width:100%;margin:0px 0px 7% 0px;}
        .mobilemenu ul li a{width:auto;font:25px Helvetica;color:White;text-align:center;display:block;padding:0px 10px 0px 10px;}
        .mobilemenu ul li a .menuhome{padding:0px 5px 0px 5px;}
        .mobilemenu ul li ul li{margin:0px 0px 7% 0px;}
        .mobilemenu ul li ul li a{font:15px Helvetica;}
        .mobilemenu ul li ul li a.active {color:#d49c11;}
        .mobilemenu ul li ul li a span{font:15px Helvetica;border-bottom: solid 1px #4F4F4F;color: #ccc;}


       
        /*.mobilemenu ul li a:hover{color:#d49c11;}*/
        .mobilemenu ul li a.active .menuhome{border-bottom:solid 2px #d49c11;} 
        .mobilemenu ul li a.active span{border-bottom:solid 2px #d49c11;color:#d49c11;}              
        .mobilemenu ul li a.active .menuhomechild, .mobilemenu ul li a:hover .menuhomechild{color:#d49c11;border-bottom:none;}
        .iconmark{float:left;width:13px;margin:3px 4px 0 -20px;opacity:0;position:absolute;}
    
    .header-logo-mobile{float:left;width:10%;margin:5px 0px 0px 32%;}
        .header-logo-mobile img{float:left;width:100%;}
    
    .imgBanner{height:370px;object-fit:cover;}
    .languages{margin-top:17px;}
    .sendEmail{float:right;width:16px;margin:8px 10px 10px 10px;border:solid 1px white;border-radius:50%;background-color:white;padding:6px;display: block;} 
    .header-logun{margin-top:36%;}
    .logun1{font-size:15px;}
    .logun2{font-size:12px;}
    .logun3{font-size:9px;}
    .logun4{font-size:9px;margin-left:30%;}
    
    .about-us{width:96%;margin-left:2%;}
    .img-about-main{width:100%;}
    .about-group-text{width:100%;}
     
    .project{width:96%;margin-left:2%;} 
    .list-project ul li{width:47%;margin-right:3%;min-height:201px;}
    .list-project ul li.end{margin-right:3%;}
    .list-project ul li .title{text-align:left;}
    .list-project ul li .shortdes{text-align:left;}
    .button-project{margin-left:30%;}
    
    .services{width:96%;margin-left:2%;} 
    .list-services{padding:0px;}
    .list-services .cate-item .group-content{width:76%;}
    .list-services .slick-prev{display:none !important;}
    .list-services .slick-next{display:none !important;}
    
    .works{width:96%;margin-left:2%;} 
    .work-item{width:47.5%;margin-top:2%;margin-left:0.5%;}
    
    .teams{width:96%;margin-left:2%;} 
    .list-team ul li{min-height:255px;width:46%;}
    
    .customers{width:96%;margin-left:2%;} 
    .list-customers .cate-item{padding-bottom:6%;}
    .list-customers .cate-item .group-content{width:96%;}
    .imgDot-customer{width:6%;margin-left:3%;}
    .imgMain-customer{width:100%;}
    .textagrre-customer{width:94%;}
    
    .imgFooter{object-fit:cover;min-height:530px;}
    .column50{width:100%;}
    .footer{width:96%;margin:-123% 0px 0px 2%;height:auto;} 
    .imgLogoFooter{width:10%;display:none;}
    .group-company-infor{width:96%;margin-left:0%;}
    .company-text{font-size:10px;line-height:15px;}
    .bottom-menu{width:49%; margin-left:1%;}
    .footer-text2 .text-menu{font-size:10px;width:80%;}
    
    .bottom-top{width:100%;}
    .bottom-top a img{width:88%;}
    .footer-bottom{padding-top:5%;}
    .maps-address span{width:99%;margin:0px;}
    .maps-address img{margin: 5px 5px 5px 45%;}
    .iframebanner{width:100%; height:370px;}
    .icon{width:9.2%!important;}
        .header-banner{margin: 41% 0px 0px 16%;}
    .text-banner1{font: 21px Elle-futura-bold;}
    .text-banner3{font: 10px Elle-futura-Light;letter-spacing: 4px;margin-left: 4.5%;}
}
@media (max-width: 400px) 
{    
    .wrapcontainer-content{max-width:360px;}
    .header-logo-menu{display:none;}
    .header-content{height:370px;}     
    .phonemenu{display:block;float:left;width:100%;margin:0px;position:absolute;top:0;left:0;}     
        .openbtn{float:left;padding-top:10px;}
        .openbtn.active{background:black;display:inline-block;padding-top:5px;}
            .openbtn .iconmenu{float:left; position: relative;width:1.5em;height:40px;font-size:2em;line-height:0;z-index:999;cursor:pointer;margin-top:5px;}
            .openbtn .iconmenu .oneline{height:2px;background-color:white;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:1em;
                                        margin: 0 auto;position:absolute;left:0;right:0;-webkit-transform-origin:center center;transform-origin:center center;top:0%;
                                        border-radius:1px;width:60%;}                            
            .openbtn .iconmenu .twoline{height:2px;background-color:white;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:2em;
                                        margin:0 auto;position:absolute;left:0;right:0;-webkit-transform-origin:center center;transform-origin:center center;top:17%;
                                        border-radius:1px;width:60%;}
            .openbtn .iconmenu .threeline{height:2px;background-color:white;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:1em;
                                        margin:0 auto;position:absolute;left:0;right:0;-webkit-transform-origin:center center;transform-origin:center center;top:35%;
                                        border-radius:1px;width:60%;}
            .openbtn:hover .iconmenu{margin:5px 0px 0px 0px;}
                .openbtn.active .iconmenu .oneline{opacity:0.7;cursor:pointer;top:30%;transform:rotate(45deg);background-color:White;}
                .openbtn.active .iconmenu .twoline{opacity:0.7;cursor:pointer;display:none;top:30%;background-color:White;}
                .openbtn.active .iconmenu .threeline{opacity:0.7;cursor:pointer;transform:rotate(-45deg);top:30%;background-color:White;}
    
    .mobilemenu{float:left;width:100%;height:97%;position:fixed;z-index:1;top:50px;right:0;background-color:black;overflow-x:hidden;transition:0.1s;opacity:0.93;display:none;
                border-top:solid 1px white;}
        .mobilemenu ul{float:left;width:100%;margin:7% 0px 0px 0px;padding:0px;list-style:none;}
        .mobilemenu ul li{float:left;width:100%;margin:0px 0px 7% 0px;}
        .mobilemenu ul li a{width:auto;font:25px Helvetica;color:White;text-align:center;display:block;padding:0px 10px 0px 10px;}
        .mobilemenu ul li a .menuhome{padding:0px 5px 0px 5px;}
        .mobilemenu ul li ul li{margin:0px 0px 7% 0px;}
        .mobilemenu ul li ul li a{font:15px Helvetica;}
        .mobilemenu ul li ul li a.active {color:#d49c11;}
        .mobilemenu ul li ul li a span{font:15px Helvetica;border-bottom: solid 1px #4F4F4F;color: #ccc;}


       
        /*.mobilemenu ul li a:hover{color:#d49c11;}*/
        .mobilemenu ul li a.active .menuhome{border-bottom:solid 2px #d49c11;} 
        .mobilemenu ul li a.active span{border-bottom:solid 2px #d49c11;color:#d49c11;}              
        .mobilemenu ul li a.active .menuhomechild, .mobilemenu ul li a:hover .menuhomechild{color:#d49c11;border-bottom:none;}
        .iconmark{float:left;width:13px;margin:3px 4px 0 -20px;opacity:0;position:absolute;}
    
    .header-logo-mobile{float:left;width:10%;margin:5px 0px 0px 32%;}
        .header-logo-mobile img{float:left;width:100%;}
    
    .imgBanner{height:370px;object-fit:cover;}
    .languages{margin-top:17px;}
    .sendEmail{float:right;width:16px;margin:8px 10px 10px 10px;border:solid 1px white;border-radius:50%;background-color:white;padding:6px;display: block;} 
    .header-logun{margin-top:36%;}
    .logun1{font-size:15px;}
    .logun2{font-size:12px;}
    .logun3{font-size:9px;}
    .logun4{font-size:9px;margin-left:30%;}
    
    .about-us{width:96%;margin-left:2%;}
    .img-about-main{width:100%;}
    .about-group-text{width:100%;}
     
    .project{width:96%;margin-left:2%;} 
    .list-project ul li{width:47%;margin-right:3%;min-height:201px;}
    .list-project ul li.end{margin-right:3%;}
    .list-project ul li .title{text-align:left;}
    .list-project ul li .shortdes{text-align:left;}
    .button-project{margin-left:30%;}
    
    .services{width:96%;margin-left:2%;} 
    .list-services{padding:0px;}
    .list-services .cate-item .group-content{width:76%;}
    .list-services .slick-prev{display:none !important;}
    .list-services .slick-next{display:none !important;}
    
    .works{width:96%;margin-left:2%;} 
    .work-item{width:47.5%;margin-top:2%;margin-left:0.5%;}
    
    .teams{width:96%;margin-left:2%;} 
    .list-team ul li{min-height:255px;width:46%;}
    
    .customers{width:96%;margin-left:2%;} 
    .list-customers .cate-item{padding-bottom:6%;}
    .list-customers .cate-item .group-content{width:96%;}
    .imgDot-customer{width:6%;margin-left:3%;}
    .imgMain-customer{width:100%;}
    .textagrre-customer{width:94%;}
    
    .imgFooter{object-fit:cover;min-height:580px;}
    .column50{width:100%;}
    .footer{width:96%;margin:-150% 0px 0px 2%;height:auto;} 
    .imgLogoFooter{width:10%;display:none;}
    .group-company-infor{width:96%;margin-left:0%;}
    .company-text{font-size:10px;line-height:15px;}
    .bottom-menu{width:49%; margin-left:1%;}
    .footer-text2 .text-menu{font-size:10px;width:80%;}
    
    .bottom-top{width:100%;}
    .bottom-top a img{width:88%;}
    .footer-bottom{padding-top:5%;}
    .maps-address span{width:99%;margin:0px;}
    .maps-address img{margin: 5px 5px 5px 45%;}
    .iframebanner{width:100%; height:370px;}
    .icon{width:9.2%!important;}
    .header-banner{margin: 46% 0px 0px 16%;}
    .text-banner1{font: 21px Elle-futura-bold;}
    .text-banner3{font: 10px Elle-futura-Light;letter-spacing: 4px;margin-left: 4.5%;}
    }