@font-face {    
 font-family: 'PROXIMANOVA_BOLD';    
  src: url('../font/PROXIMA NOVA BOLD.otf')  format('truetype'); /* Safari, Android, iOS */           
}
@font-face {    
 font-family: 'PROXIMANOVACOND-REGULAR';  
  src: url('../font/PROXIMANOVACOND-REGULAR.ttf')  format('truetype');       
}
@font-face {    
 font-family: 'PROXIMA_NOVA_ALT_REGULAR';  
  src: url('../font/PROXIMA NOVA ALT REGULAR.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 {
    font: 12px tahoma;
	text-align:justify;
	margin:0px;
	padding:0px;	
}
.contenthome{float:left;width:100%;height:0 auto;margin-top:75px;overflow:hidden;}
    .menutop{float:left;width:100%;height:75px;overflow:hidden;background-color:White;position:fixed;z-index:10;border-bottom:solid 2px #ccc;}
        .logo{float:left;width:10%;margin-left:10%;}
            .logo img {float: left;width: 125px;margin-top: 9px;}
    #fp-nav{float:left;width:40%;height:75px;opacity:1;-webkit-transform: translate3d(0, 0, 0);}
        .menu{float:left;width:60%;height:0 auto;overflow:hidden;margin-left:10%;}
            .menu ul{float:left;margin:0px;padding:0;list-style:none;width:100%;}
                .menu ul li{float:left;padding:0px 0px 0px 5px;}
                    .menu ul li a{float:left;font:22px 'PROXIMANOVACOND-REGULAR';padding:25px 15px 25px 15px;}
                    .menu ul li a:hover,.menu ul li a.active{background-color:#0087c3;color:white;}
.height_contact{height:450px!important;}

@media screen and (max-width: 1000px) {
    #fp-nav{float:left;width:65%;height:75px;opacity:1;-webkit-transform: translate3d(0, 0, 0);}
        .menu{float:left;width:65%;height:0 auto;overflow:hidden;margin-left:10%;}
    .menu ul li a{float:left;font:22px 'PROXIMANOVACOND-REGULAR';padding:25px 10px 25px 10px;}
}

    .banner{float:left;width:100%;height:0 auto;overflow:hidden;}
        .banner img{float:left;width:100%;}
.infomationhot{float:left;width:100%;height:0 auto;overflow:hidden;background-color:White;margin-top:-10px;}
    .infomationhot ul{float:left;width:40%;margin:0px 0px 0px 5%;padding:0px 0px 10px 0px;list-style:none;}
        .infomationhot ul li{float:left;padding:0px 10px 0px 0px;border-right:solid 1px #ccc;}
        .infomationhot ul li span{float:left;padding:5px;font:16px 'PROXIMANOVACOND-REGULAR';}
        .infomationhot ul li img{float:left;}
    .infomationhot ul.rightalige{float:right;margin-right:5%;}
        .infomationhot ul.rightalige li{float:right; border:none;}
        
.contentabout{float:left;width:100%;height:0 auto;margin-top:75px;overflow:hidden;background-color:#f6f7f8;}
	.contentabout ul{float:left;width:80%;margin:30px 0px 0px 10%;padding:0px;list-style:none;}
        .contentabout ul li{float:left;width:49%;border-right:solid 1px #ccc;}
        .contentabout ul li.none{border-right:none;}
			.contentabout ul li img{float:left;width:80%;margin-left:10%;}
			.contentabout ul li h2{float:left;width:100%;text-align:center;text-transform:uppercase;font:22px 'PROXIMANOVACOND-REGULAR';}
			.contentabout ul li h3{float:left;width:100%;text-align:center;text-transform:uppercase;font:bold 26px 'PROXIMANOVACOND-REGULAR';margin:5px 0px 0px 0px;}
                .contentabout ul li h3 span{border-bottom:solid 2px #f84426;padding-bottom:2px;}
			.contentabout ul li p{float:left;width:85%;text-align:left;font:16px 'PROXIMANOVACOND-REGULAR';line-height:21px;margin:10px 0px 0px 10%;}
			
.contentservices{float:left;width:100%;height:0 auto;margin-top:75px;overflow:hidden;background-color:white;}
    .servicescaption{float:left;width:100%;height:0 auto;overflow:hidden;margin-top:30px;}
        .servicescaption h2{float:left;width:100%;text-align:center;text-transform:uppercase;font:22px 'PROXIMANOVACOND-REGULAR';}            
		.servicescaption h3{float:left;width:100%;text-align:center;text-transform:uppercase;font:bold 26px 'PROXIMANOVACOND-REGULAR';margin:3px 0px 0px 0px;}
            .servicescaption h3 span{border-bottom:solid 2px #f84426;padding-bottom:2px;}
            .servicescaption h3 span.captionnews{background-color:#0087c3;color:White;border:none;padding:10px 20px 7px 20px;margin-top:2px;}
            .servicescaption h3 span.captionnews a{color:White;}
            .servicescaption h3 span.captionnews a:hover{color:#ef9c00;}
            
        .servicescaption label{float:left;width:100%;text-transform:uppercase;font:18px 'PROXIMANOVACOND-REGULAR';color:#0087c3;text-align:left;
                               margin:10px 0px 10px 0px;height:40px;}
        .servicescaption p{float:left;width:100%;line-height:22px;font:17px 'PROXIMANOVACOND-REGULAR';text-align:left;color:#333;}

.servicescaption ul{float:left;margin:0px 0px 0px 10%;padding:0;list-style:none;width:100%;}
    .servicescaption ul li{float:left;width:24%;padding:0px;margin:30px 0px 0px 2%;min-height: 420px;}
    .servicescaption ul li a{float:left;width:100%;height:100%;display: block; position: relative;margin-bottom: 6px;}                   
        .servicescaption ul li a .over{float:left;opacity: 0;padding:5px 10px 5px 10px;position: absolute;transition: opacity 0.25s ease-out 0s;z-index: 3;
                                    background-color:#0087c3;color:Black;bottom:20px;left:20px; border-radius:5px;}  
            .servicescaption ul li a .over span{font:16px 'PROXIMANOVACOND-REGULAR';color:White;}
        .servicescaption ul li a img.image {
            float: left;
            width: 100%;
            height: 100%;
            position: relative;
            transition: opacity 0.25s ease-out 0s;
            z-index: 1;
            min-height: 250px;
            max-height: 250px;
            object-fit: cover;
            object-position: bottom;
        }                    
        .servicescaption ul li a .blueOverlay
        {
            float:left;width:100%;height:100%;
            z-index: 2;position: absolute;
            filter:alpha(opacity=0);
            background: #ccc;            
            top: 0;
            opacity: 0;                     
            transition: opacity 0.25s ease-out;
            -moz-transition:opacity 0.25s ease-out;
            -webkit-transition:opacity 0.25s ease-out;
                    }
        .servicescaption ul li a:hover .over{opacity: 0.9;}
        .servicescaption ul li a:hover .blueOverlay{opacity: 0.3;}

.contentwebsite{float:left;width:100%;height:0 auto;margin-top:75px;overflow:hidden;background-color:#f6f7f8;}
	.contentwebsite ul{float:left;width:80%;margin:20px 0px 0px 10%;padding:0px;list-style:none;}
        .contentwebsite ul li{float:left;width:49%;}
        .contentwebsite ul li.none{border:none;}
			.contentwebsite ul li img{float:left;width:70%;margin-left:10%;}
			.contentwebsite ul li h2{float:left;width:100%;text-align:center;text-transform:uppercase;font:22px 'PROXIMANOVACOND-REGULAR';}
			    .contentwebsite ul li h2 a:hover{color:#ef9c00;}
			.contentwebsite ul li h3{float:left;width:100%;text-align:center;text-transform:uppercase;font:bold 28px 'PROXIMANOVACOND-REGULAR';margin:5px 0px 0px 0px;}
                .contentwebsite ul li h3 span{border-bottom:solid 2px #f84426;padding-bottom:2px;}
			.contentwebsite ul li p{float:left;width:85%;text-align:left;font:16px 'PROXIMANOVACOND-REGULAR';line-height:21px;margin:10px 0px 0px 10%;color:#333;}			
	.contentwebsite ul li ul{float:left;width:100%;margin:10px 0px 0px 0px;padding:0px;list-style:none;}
        .contentwebsite ul li ul li{float:left;width:100%;margin-top:10px;border-bottom:solid 1px #ccc;padding-bottom:10px;}
            .contentwebsite ul li ul li label{float:left;width:100%;font:16px 'PROXIMANOVACOND-REGULAR';color:#333;text-align:left;}
            .contentwebsite ul li ul li img{float:left;width:3%;margin:4px 5px 0px 0px;}
            .contentwebsite ul li ul li p{float:left;width:90%;font:18px 'PROXIMANOVACOND-REGULAR';color:#0087c3;text-align:left;margin:0px;}

.contentkaraoke{float:left;width:100%;height:0 auto;overflow:hidden;}
	.contentkaraoke ul{float:left;width:80%;margin:20px 0px 0px 10%;padding:0px;list-style:none;}
        .contentkaraoke ul li{float:left;width:49%;}        
			.contentkaraoke ul li img{float:left;width:80%;margin-left:10%;}
			.contentkaraoke ul li h2{float:left;width:100%;text-align:center;text-transform:uppercase;font:22px 'PROXIMANOVACOND-REGULAR';}
			.contentkaraoke ul li h3{float:left;width:100%;text-align:center;text-transform:uppercase;font:bold 28px 'PROXIMANOVACOND-REGULAR';margin:5px 0px 0px 0px;}
                .contentkaraoke ul li h3 span{border-bottom:solid 2px #f84426;padding-bottom:2px;}
			.contentkaraoke ul li p{float:left;width:85%;text-align:left;font:16px 'PROXIMANOVACOND-REGULAR';line-height:21px;margin:10px 0px 0px 10%;color:#333;}
.contentkaraoke ul li ul{float:left;width:100%;margin:10px 0px 0px 0px;padding:0px;list-style:none;}
    .contentkaraoke ul li ul li{float:left;width:100%;padding-bottom:10px;}                
        .contentkaraoke ul li ul li p{float:left;width:100%;font:16px 'PROXIMANOVACOND-REGULAR';color:#737373;text-align:left;margin:10px 0px 0px 0px;}
        .contentkaraoke ul li ul li a{float:left;padding:6px 15px 6px 15px;background-color:#0087c3;color:white;border-radius:5px;font:18px 'PROXIMANOVACOND-REGULAR';}  
        .contentkaraoke ul li ul li a:hover{color:#ef9c00;}

.contentcontact{float:left;width:100%;height:0 auto;margin-top:0px;overflow:hidden;}
	.contentcontact h3{float:left;width:100%; text-align:center;text-transform:uppercase;font:bold 30px 'PROXIMANOVACOND-REGULAR';margin:45px 0px 20px 0px;color:White;padding-bottom:5px;}
        .contentcontact h3 span{padding:0px 50px 2px 50px;border-bottom:solid 2px #ffffff;}
        .contentcontact h4{float:left;width:100%;font:16px 'PROXIMANOVACOND-REGULAR';margin:2px 0px 0px 0px;color:#f6f7f8;}		
        .contentcontact ul{float:left;width:80%;margin:20px 0px 0px 10%;padding:0px;list-style:none;}
            .contentcontact ul li{float:left;width:48%;padding-bottom:10px;margin:30px 0px 0px 2%;}
            .contentcontact ul li input{float:left;width:100%;border:none;border-bottom:solid 1px #ccc; background:none;color:#f6f7f8;font:14px 'PROXIMANOVACOND-REGULAR';
                                        padding-bottom:3px;}
            .contentcontact ul li a{float:left;font:22px 'PROXIMANOVACOND-REGULAR';padding:10px 60px 10px 60px;background-color:#f6f7f8;text-transform:uppercase;
                                    border-radius:5px;}
            .contentcontact ul li a:hover{color:#ef9c00;}
.menubottom{float:left;width:100%;height:0 auto;background-color:#0c6b8e;padding-bottom:30px;}
    .menubottom ul{float:left;width:90%;margin:0px 0px 0px 5%;padding:0px;list-style:none;}
    .menubottom ul li{float:left;width:20%;margin:30px 0px 0px 5%;}
        .menubottom ul li label{float:left;color:white;font:22px 'PROXIMANOVACOND-REGULAR';text-transform:uppercase;}
        .menubottom ul li a{float:left;width:100%; color:white;font:16px 'PROXIMANOVACOND-REGULAR';border-bottom:dotted 1px #ccc;padding-bottom:10px;margin-top:15px;}
        .menubottom ul li a:hover{color:#ef9c00;}
        
.breakrum{float:left;width:100%;height:50px;background-color:#0087c3;}
    .breakrum span{float:left;margin:12px 0px 0px 6%;font:22px 'PROXIMANOVACOND-REGULAR';text-transform:uppercase;color:White;}
.newscontent{float:left;width:90%;height:0 auto;margin:10px 0px 0px 6%;overflow:hidden;padding-bottom:10px;}
    .newscontent ul{float:left;width:100%;margin:0px;padding:0px;list-style:none;}
    .newscontent ul li{float:left;width:100%;margin:10px 0px 0px 0px;border-bottom:solid 1px #ccc;padding:30px 0px 40px 0px;}
        .newscontent ul li img{float:left;width:47%;}
    .contentright{float:left; width:50%;}    
        .newscontent ul li a{float:left;width:100%;margin-left:25px;text-transform:uppercase;font:28px 'PROXIMANOVACOND-REGULAR';color:#58a3d0;}
        .newscontent ul li a:hover{color:#ef9c00;}
        .newscontent ul li p{float:left;width:100%;margin:10px 0px 0px 25px;font:18px 'PROXIMANOVACOND-REGULAR';line-height:22px;}
        .newscontent ul li span{float:left;width:100%;margin:15px 0px 0px 25px;}
            .newscontent ul li span img{float:left;width:12px;margin-top:2px;}
            .newscontent ul li span b{float:left;width:95%;font:16px 'PROXIMANOVACOND-REGULAR';color:#ccc;margin:0px 0px 0px 5px;}
    .newscontent ul li a.button{background-color:#f18e36;width:auto;padding:4px 10px 4px 10px;margin-top:15px;}
        .newscontent ul li a.button img{float:left;width:31px;}
        .newscontent ul li a.button b{float:left;color:White;font:22px 'PROXIMANOVACOND-REGULAR';margin-top:3px;}
        .newscontent ul li a.button b:hover{color:#58a3d0;}
    
    .newscontent ul li.none a{margin-left:0px;}
    .newscontent ul li.none p{margin-left:0px;}
    .newscontent ul li.none span{margin-left:0px;}
     .newscontent ul li.none img{margin-left:20px;}

.pagging{float:left;width:90%;height:0 auto;margin:10px 0px 0px 6%;overflow:hidden;padding-bottom:40px;}
    .pagging ul{float:left;width:100%;margin:0px;padding:0px;list-style:none;}
    .pagging ul li{float:left;width:auto;margin:0px;padding:0px;margin-right:2px;}
        .pagging ul li a{float:left;background-color:#0087c3;color:White;padding:5px 12px 5px 12px;font:16px 'PROXIMANOVACOND-REGULAR';}
        .pagging ul li a.first{font:bold 16px 'PROXIMANOVACOND-REGULAR';color:Black;background-color:#999999;font:bold 18px 'PROXIMANOVACOND-REGULAR';padding:4px 10px 3px 10px;}
        .pagging ul li a.active,.pagging ul li a:hover{background-color:#ef9c00;}
.detailleft{float:left;width:57%;height:0 auto;margin:10px 0px 0px 6%;overflow:hidden;padding-bottom:30px;}
    .newdetail{float:left;width:100%;height:0 auto;margin:10px 0px 0px 0px;overflow:hidden;padding-bottom:10px;}
        .newdetail h2{float:left;width:100%; font:32px 'PROXIMANOVACOND-REGULAR';margin:30px 0px 0px 0px;color:#0087c3;text-transform:uppercase;}
        .newdetail span{float:left;width:100%;margin:15px 0px 0px 0px;}
            .newdetail span img{float:left;width:12px;margin-top:2px;}
            .newdetail span b{float:left;width:95%;font:16px 'PROXIMANOVACOND-REGULAR';color:#ccc;margin:0px 0px 0px 5px;}
    .fckDefault{float:left;width:90%;height:0 auto;margin:10px 0px 0px 0px;overflow:hidden;}
        .fckDefault p{float:left;width:100%;text-align:left;font:16px 'PROXIMANOVACOND-REGULAR';line-height:21px;margin:10px 0px 0px 0px;color:#333;}
.detailright{float:left;width:28%;height:0 auto;margin:100px 0px 0px 3%;overflow:hidden;padding-bottom:10px;}
    .detailright h3{float:left;width:100%; font:32px 'PROXIMANOVACOND-REGULAR';margin:30px 0px 0px 0px;color:#333;text-transform:uppercase;}
        .detailright ul{float:left;width:100%;margin:10px 0px 0px 0px;padding:0px;list-style:none;}
        .detailright ul li{float:left;width:100%;margin:10px 0px 0px 0px;border-bottom:solid 1px #ccc;padding:0px 0px 10px 0px;}
        .detailright ul li a{float:left;width:100%;font:18px 'PROXIMANOVACOND-REGULAR';color:#0087c3;}
        .detailright ul li a:hover{color:#ef9c00;}
.orthernews{float:left;width:100%;height:0 auto;margin:10px 0px 0px 0px;overflow:hidden;}
    .orthernews h3{float:left;width:100%; font:32px 'PROXIMANOVACOND-REGULAR';margin:30px 0px 0px 0px;color:#333;text-transform:uppercase;}
    .orthernews ul{float:left;width:100%;margin:10px 0px 0px 0px;padding:0px;list-style:none;}
        .orthernews ul li{float:left;width:29%;margin:10px 5% 0px 0px;padding:0px 0px 10px 0px;}
            .orthernews ul li a{float:left;width:100%;font:18px 'PROXIMANOVACOND-REGULAR';color:#0087c3;margin:5px 0px 5px 0px;}
            .orthernews ul li a:hover{color:#ef9c00;}
            .orthernews ul li a img{float:left;width:100%;object-fit:cover;height:218px;}
            .orthernews ul li span{float:left;width:100%;font:16px 'PROXIMANOVACOND-REGULAR';color:#ccc;margin:0px 0px 5px 0px;}
            .orthernews ul li p{float:left;width:100%;font:13px 'PROXIMANOVACOND-REGULAR';color:#333;margin:10px 0px 5px 0px;line-height:20px;}

.bottom{float:left;width:100%;height:40px;background-color:#fff;text-align:center;font:16px 'PROXIMANOVACOND-REGULAR';color:#333;padding:20px 0px 0px 0px;}

.contentservices-examples{height:auto!important;}

.mobilemenu{display:none;}
.phonemenu{display:none;}

.pull-right {text-align:right;float:right;width:25%;height:0 auto;overflow:hidden;background-color:White;margin-top:6px;margin-right:4%;}
.pull-right .hotline {color:#a2a2a2;background:url(/assets/images/hotline_red.png) no-repeat left center;padding-left:26px;float:right;line-height:26px;margin-right:15px}
.pull-right .hotline span {color:#0087c3;font-size:17px}
.pull-right .lang {margin-bottom:5px;float:right}
.pull-right .lang a {margin:0 2px}
.pull-right .search {position:relative}
.pull-right .search input[type="text"] {width:256px;height:33px;border:1px solid #d3d3d3;padding:0 35px 0 10px;color:#8e8e8e;font-style:italic;font-size:13px}
.pull-right .search a {width:20px;height:16px;border:0;position:absolute;top:0;bottom:0;right:10px;margin:auto}
.clr {clear:both}
.icon-search{font-size:20px;color:#0087c3}
.icon-phone{font-size:20px;color:#0087c3;margin-right: 15px;}



@media (min-width: 1821px) {
    .menutop{height:90px;}
    #home{height:830px!important;}
    #about{height:650px!important;}
    .contenthome{height:800px;}
}
                    
@media screen and (max-width: 1000px) 
{
     #fp-nav{float:left;width:65%;height:75px;opacity:1;-webkit-transform: translate3d(0, 0, 0);}
        .menu{float:left;width:65%;height:0 auto;overflow:hidden;margin-left:15%;}
    .menu ul li a{float:left;font:22px 'PROXIMANOVACOND-REGULAR';padding:25px 10px 25px 10px;}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .menu{display:none;}
        .phonemenu{display:block;float:left;width:12%;margin:0px;position:absolute;top:0;left:0;}   
    .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:#0087c3;}
        .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 #0087c3;color:#0087c3;}              
        .mobilemenu ul li a.active .menuhomechild, .mobilemenu ul li a:hover .menuhomechild{color:#d49c11;border-bottom:none;}

        .openbtn{float:left;padding-top:13px;}
        .openbtn.active{background:black;display:inline-block;padding-top:5px;}
            .openbtn .iconmenu{float:left; position: relative;width:2em;height:40px;font-size:2em;line-height:0;z-index:999;cursor:pointer;margin-top:5px;}
            .openbtn .iconmenu .oneline{height:2px;background-color:black;-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:black;-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:black;-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;}

    .logo{width:25%;margin-left:38%;}
    .menutop{height:90px;}
    .contenthome{margin-top:92px;}
    .rightalige{display:none;}
    .infomationhot ul{width:100%;margin-left:2%;}
    #home{height:430px!important;}

    .contentabout{margin-top:30px;}
    .contentabout ul{margin:unset;width:100%;border:none;}
    .contentabout ul li{margin:unset;width:100%;}
    .contentabout ul li p{width:96%; margin: 10px 0px 0px 2%;}
    #about{height:1058px!important;}

    .contentservices{margin:unset;margin-top:50px;}
    .servicescaption ul{margin: 0px 0px 0px 2%;}
    .servicescaption ul li{width:96%;margin: 30px 0px 0px 0%;}
    .servicescaption label{min-height:unset;}
    .viewall{margin: 10% 0px 0px 44%;}
    .viewall2{margin:10% 0px 0px 44%;}
    .fckDefault-Sevice{width:98%;}
    .fckDefault-Sevice ul li{margin-left:15px;width:91%;}
    .projectcaption{margin-top:50px;}
    .projectcaption ul{width:100%;margin: 0px 0px 0px 2%;}popup_block
    .projectcaption ul li{width:96%;margin: 0px;}
        .partners1 .list-partner li img{width:96%;margin-left:2%;}

    .contentcontact{margin-top:12px;}
    .contentcontact ul{width:96%;margin-left:0px;}
    #contact{height:480px!important;}
    .btnsend{margin-left:41%!important;}

    .menubottom ul{width:100%; margin-left:2%;}
    .menubottom ul li{width:100%!important; margin-left:0%;}
    .menubottom ul li a{width:96%;}
    .popup_block{width:350px!important;margin-left:-176px!important; height:580px!important;}
    .contentpopup{width:330px!important;height:560px!important;}
    .contentdetail{margin-left:2%!important;width:97%!important;}
    .btn_close{margin-left:-8px!important;margin-right:-10px!important;}
    .contentabout ul li img{margin-left:0%;width:100%}
    .servicescaption ul li a img.image{min-height:500px;max-height:500px;}
    #news{height:auto!important;}
     .menubottom2{display:none;}
     .menubottom3{display:none;}
     .contact-top{display:none;}
    .pull-right .hotline{display:none;}
    .pull-right .search{display:none;}
    .work-time{display:none;}
    .pull-right .lang{margin-top:10px;}
    .group-icon ul li{width:10%!important;}
    .contentwebsite ul{width:96%;margin:0px 2% 0px 2%;}
    .contentwebsite ul li{width:100%;}
    .contentkaraoke ul{width:96%;margin:6% 2% 0px 2%;}
    .contentkaraoke ul li{width:100%;}
    .contentcontact ul li{width:100% !important;}
}
@media (min-width: 480px) and (max-width: 767px) {
    .menu{display:none;}
        .phonemenu{display:block;float:left;width:12%;margin:0px;position:absolute;top:0;left:0;}   
    .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:#0087c3;}
        .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 #0087c3;color:#0087c3;}              
        .mobilemenu ul li a.active .menuhomechild, .mobilemenu ul li a:hover .menuhomechild{color:#d49c11;border-bottom:none;}

        .openbtn{float:left;padding-top:13px;}
        .openbtn.active{background:black;display:inline-block;padding-top:5px;}
            .openbtn .iconmenu{float:left; position: relative;width:2em;height:40px;font-size:2em;line-height:0;z-index:999;cursor:pointer;margin-top:5px;}
            .openbtn .iconmenu .oneline{height:2px;background-color:black;-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:black;-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:black;-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;}

    .logo{width:25%;margin-left:38%;}
    .menutop{height:60px;}
    .contenthome{margin-top:62px;}
    .rightalige{display:none;}
    .infomationhot ul{width:100%;margin-left:2%;}
    #home{height:286px!important;}

    .contentabout{margin-top:30px;}
    .contentabout ul{margin:unset;width:100%;border:none;}
    .contentabout ul li{margin:unset;width:100%;}
    .contentabout ul li p{width:96%; margin: 10px 0px 0px 2%;}
    #about{height:1058px !important;}

    .contentservices{margin:unset;margin-top:50px;}
    .servicescaption ul{margin: 0px 0px 0px 2%;}
    .servicescaption ul li{width:96%;margin: 30px 0px 0px 0%;}
    .servicescaption label{min-height:unset;}
    .viewall{margin: 10% 0px 0px 41%;}
    .viewall2{margin:10% 0px 0px 41%;}
    .fckDefault-Sevice{width:98%;}
    .fckDefault-Sevice ul li{margin-left:15px;width:91%;}
    .projectcaption{margin-top:50px;}
    .projectcaption ul{width:100%;margin: 0px 0px 0px 2%;}
    .projectcaption ul li{width:96%;margin-left: 15px;}
       .partners1 .list-partner li img{width:96%;margin-left:2%;}

    .contentcontact{margin-top:12px;}
    .contentcontact ul{width:96%;margin-left:0px;}
    #contact{height:420px!important;}
    .btnsend{margin-left:35%!important;}

    .menubottom ul{width:100%; margin-left:2%;}
    .menubottom ul li{width:100%!important; margin-left:0%;}
    .menubottom ul li a{width:96%;}
    .popup_block{width:350px!important;margin-left:-176px!important; height:580px!important;}
    .contentpopup{width:330px!important;height:560px!important;}
    .contentdetail{margin-left:2%!important;width:97%!important;}
    .btn_close{margin-left:-8px!important;margin-right:-10px!important;}
    .contentabout ul li img{margin-left:0%;width:100%}
     .menubottom2{display:none;}
     .menubottom3{display:none;}
     .contact-top{display:none;}
     .hotline{display:none;}
     .pull-right .search{display:none;}
    .work-time{display:none;}
    .pull-right .lang{margin-top:10px;}
    .group-icon ul li{width:10%!important;}
    .contentwebsite ul{width:96%;margin:0px 2% 0px 2%;}
    .contentwebsite ul li{width:100%;}
    .contentkaraoke ul{width:96%;margin:6% 2% 0px 2%;}
    .contentkaraoke ul li{width:100%;}
    .contentcontact ul li{width:100% !important;}
}
@media (min-width: 401px) and (max-width: 479px) {
    .menu{display:none;}
        .phonemenu{display:block;float:left;width:12%;margin:0px;position:absolute;top:0;left:0;}   
    .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:#0087c3;}
        .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 #0087c3;color:#0087c3;}              
        .mobilemenu ul li a.active .menuhomechild, .mobilemenu ul li a:hover .menuhomechild{color:#d49c11;border-bottom:none;}

        .openbtn{float:left;padding-top:13px;}
        .openbtn.active{background:black;display:inline-block;padding-top:5px;}
            .openbtn .iconmenu{float:left; position: relative;width:2em;height:40px;font-size:2em;line-height:0;z-index:999;cursor:pointer;margin-top:5px;}
            .openbtn .iconmenu .oneline{height:2px;background-color:black;-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:black;-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:black;-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;}

    .logo{width:25%;margin-left:38%;}
    .menutop{height:55px;}
    .contenthome{margin-top:57px;}
    .rightalige{display:none;}
    .infomationhot ul{width:100%;margin-left:2%;}
    #home{height:260px!important;}

    .contentabout{margin-top:30px;}
    .contentabout ul{margin:unset;width:100%;border:none;}
    .contentabout ul li{margin:unset;width:100%;}
    .contentabout ul li p{width:96%; margin: 10px 0px 0px 2%;}
    #about{height:1058px !important;}

    .contentservices{margin:unset;margin-top:50px;}
    .servicescaption ul{margin: 0px 0px 0px 2%;}
    .servicescaption ul li{width:96%;margin: 30px 0px 0px 0%;}
    .servicescaption label{min-height:unset;}
    .viewall{margin: 10% 0px 0px 40%;}
    .viewall2{margin:10% 0px 0px 40%;}
    .fckDefault-Sevice{width:98%;}
    .fckDefault-Sevice ul li{margin-left:15px;width:91%;}
    .projectcaption{margin-top:10px;}
    .projectcaption ul{width:100%;margin: 0px 0px 0px 2%;}
    .projectcaption ul li{width:96%;margin: 0px;}
        .partners1 .list-partner li img{width:96%;margin-left:2%;}

    .contentcontact{margin-top:12px;}
    .contentcontact ul{width:96%;margin-left:0px;}
    #contact{height:420px!important;}
    .btnsend{margin-left:33%!important;}

    .menubottom ul{width:100%; margin-left:2%;}
    .menubottom ul li{width:100%!important; margin-left:0%;}
    .menubottom ul li a{width:96%;}
    .popup_block{width:350px!important;margin-left:-176px!important; height:580px!important;}
    .contentpopup{width:330px!important;height:560px!important;}
    .contentdetail{margin-left:2%!important;width:97%!important;}
    .btn_close{margin-left:-8px!important;margin-right:-10px!important;}
    .contentabout ul li img{margin-left:0%;width:100%}
      .menubottom2{display:none;}
     .menubottom3{display:none;}
     .contact-top{display:none;}
     .hotline{display:none;}
     .pull-right .search{display:none;}
    .work-time{display:none;}
    .pull-right .lang{margin-top:10px;}
    .group-icon ul li{width:10%!important;}
    .contentwebsite ul{width:96%;margin:0px 2% 0px 2%;}
    .contentwebsite ul li{width:100%;}
    .contentkaraoke ul{width:96%;margin:6% 2% 0px 2%;}
    .contentkaraoke ul li{width:100%;}
    .contentcontact ul li{width:100% !important;}
    #websites{height:1178px !important;}
   #news{height:1178px !important;}
    .contentkaraoke ul li img{width:100%;margin-left:6%;}
    .contenttab{width:100%;}
    .detailleft{width:96%;margin-left:2%;}
    .newdetail h2{margin-top:10px;}
    .orthernews ul li{width:100%;}
    .detailright{width:94%;margin-top:10px;}
}
@media (max-width: 400px) {
    .logo img{width:70px;}
    .menu{display:none;}
        .phonemenu{display:block;float:left;width:12%;margin:0px;position:absolute;top:0;left:0;}   
    .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:#0087c3;}
        .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 #0087c3;color:#0087c3;}              
        .mobilemenu ul li a.active .menuhomechild, .mobilemenu ul li a:hover .menuhomechild{color:#d49c11;border-bottom:none;}

        .openbtn{float:left;padding-top:13px;}
        .openbtn.active{background:black;display:inline-block;padding-top:5px;}
            .openbtn .iconmenu{float:left; position: relative;width:2em;height:40px;font-size:2em;line-height:0;z-index:999;cursor:pointer;margin-top:5px;}
            .openbtn .iconmenu .oneline{height:2px;background-color:black;-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:black;-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:black;-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;}

    .logo{width:25%;margin-left:38%;}
    .menutop{height:50px;}
    .contenthome{margin-top:52px;}
    .rightalige{display:none;}
    .infomationhot ul{width:100%;margin-left:2%;}
    #home{height:200px!important;}

    .contentabout{margin-top:30px;}
    .contentabout ul{margin:unset;width:100%;border:none;}
    .contentabout ul li{margin:unset;width:100%;}
    .contentabout ul li p{width:96%; margin: 10px 0px 0px 2%;}
    #about{height:1058px !important;}

    .contentservices{margin:unset;margin-top:20px;}
    .servicescaption ul{margin: 0px 0px 0px 2%;}
    .servicescaption ul li{width:96%;margin: 30px 0px 0px 0%;}
    .servicescaption label{min-height:unset;}
    .viewall{margin: 10% 0px 0px 39%;}
    .viewall2{margin:10% 0px 0px 39%;}
    .fckDefault-Sevice{width:98%;}
    .fckDefault-Sevice ul li{margin-left:15px;width:91%;}
    .projectcaption{margin-top:50px;}
    .projectcaption ul{width:100%;margin: 0px 0px 0px 2%;}
    .projectcaption ul li{width:96%;margin: 0px;}
    .partners1 .list-partner li img{width:96%;margin-left:2%;}

    .contentcontact{margin-top:12px;}
    .contentcontact ul{width:96%;margin-left:0px;}
    #contact{height:420px!important;}
    .btnsend{margin-left:31%!important;}

    .menubottom ul{width:100%; margin-left:2%;}
    .menubottom ul li{width:100%!important; margin-left:0%;}
    .menubottom ul li a{width:96%;}
    .popup_block{width:350px!important;margin-left:-176px!important; height:580px!important;}
    .contentpopup{width:330px!important;height:560px!important;}
    .contentdetail{margin-left:2%!important;width:97%!important;}
    .btn_close{margin-left:-8px!important;margin-right:-10px!important;}
    .contentabout ul li img{margin-left:0%;width:100%}
     .menubottom2{display:none;}
     .menubottom3{display:none;}
    .contact-top{display:none;}
    .hotline{display:none;}
    .pull-right .search{display:none;}
    .work-time{display:none;}
    .pull-right .lang{margin-top:10px;}
    .group-icon ul li{width:10%!important;}
    .contentwebsite ul{width:96%;margin:0px 2% 0px 2%;}
    .contentwebsite ul li{width:100%;}
    .contentkaraoke ul{width:96%;margin:6% 2% 0px 2%;}
    .contentkaraoke ul li{width:100%;}
    .contentcontact ul li{width:100% !important;}
    #websites{height:1178px !important;}
    #news{height:1178px !important;}
    .contentkaraoke ul li img{width:100%;margin-left:6%;}
    .contenttab{width:100%;}
    .detailleft{width:96%;margin-left:2%;}
    .newdetail h2{margin-top:10px;}
    .orthernews ul li{width:100%;}
    .detailright{width:94%;margin-top:10px;}

}