.header{
	background-color:#000;
	padding:20px;
	position:relative;
	height:100px;
	z-index:9989;
}

.header .logo{
	display:inline-block;	
	float:left;
	width:12%;
}


.lang{
	display:inline-block;
	font-size:15px;
	margin-top:20px;
    vertical-align: 2px;	
	float:right;
	width:8%;
}

.lang a{
	color:#fff;

	
}

.lang li{
	list-style-type: none; 
	padding:15px 0px;
}

.lang ul{
	display:block;
}

.lang .submenu .child li{
	display:block;
	width:auto;
	padding: 0 30px 8px;
}

.lang .submenu:hover .child{
	margin-top:20px;
	top: 10px;
}

.lang .submenu .child{
	margin-left:20px;
	z-index:9999;
}


.lang img{
	vertical-align: middle;
	margin-right:3px;
}


.lang div{
	display:inline-block;
	
}
.lang .submenu{
	padding-bottom:15px;
}


.menu_container{
	position:relative;
	display:inline-block;
	width:80%;		
	vertical-align:top;
	box-sizing:border-box;	
}


.menu{
	padding-right:30px;
    margin-top: 5px;	
	
}


.menu ul li{
	display:inline-block;
	padding: 15px 20px;
	font-size:16px;
	
}

.menu ul li::after{
	content:"\2022";
	color:#5ec92e;
	margin-left:5px;
	
	
}

.menu ul{
	display:inline-block;
	
}


.menu ul li a{
	color:#fff;
	font-size:18px;
}


.menu_btn{
	float:right;	
	display:none;
	margin-top: -10px;
}

.menu_btn .btn{
	display: inline-block;
    cursor: pointer;
    height: 52px;
    width: 52px;
    text-align: center;
    padding-top: 5px;
    box-sizing: border-box;
}



.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
  margin-left:auto;
  margin-right:auto;
}

.cross .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 7px);
  transform: rotate(-45deg) translate(-9px, 7px);
}

.cross .bar2 {opacity: 0;}

.cross .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -7px);
  transform: rotate(45deg) translate(-8px, -7px);
}


.rfq_container{
	float:right;
	position:relative;
}

.header_rfq_btn{
	background-color:#bd71b9;
	padding:5px 10px;
	color:#fff;
	border-radius:3px;
	cursor:pointer;
    margin-top: 15px;	
}

.rfq_box{
	position:absolute;
	z-index:999;
	right:0px;
	background-color:#fff;
	
	
}


.menu ul li.submenu ul li{
	padding:0 30px 12px;
}

.submenu{
	position:relative;
}

.submenu .child{
	opacity:0;
	pointer-events: none;
	position:absolute;
	top:100px;
	left:0px;
	transition:0.8s all;	    
	padding: 10px 0;
	background-color:#5ec92e;
	border-radius:5px;
}


.submenu:hover .child{
	opacity:1;
	pointer-events: auto;
	top:48px;
	transition:0.8s all;
}


.submenu .child li{
	padding:16px 30px;
	width: max-content;
}

.submenu .child li a{
	color:#fff;
	font-size:16px;
}

.submenu .child li:hover a{
	color:#bdf3a5;
}

.floating{
	position:fixed;
	z-index:9998;
	right:10px;
	bottom:20px;
	background-color:#1a1a1a;
	border-radius:10px;
	width:140px; 
	transition:1s ease all;
}

.floating.close{
	width:56px;
	transition:1s ease all;
}

.skype_floating{
	padding: 9px 10px 5px;
	width:120px; 
	/*transition:1s ease all;*/
}

.chat_floating .btn_floating{
	float:right;
	cursor:pointer;
	background:url('../img/floating-icon-btn_open1.png')no-repeat top left; 
	height:36px; 
	width:36px; 
	position:relative;
	z-index:20;
}

.chat_floating .btn_skype p{
	font-size: 14px;
    line-height: 14px;
    margin-top: -2px;
}

.skype_floating.close{
	display:block;
	height:36px; 
	width:36px; 
	transition:1s ease all;
}

.skype_floating .btn_skype_floating{
	
}

.skype_floating.close .btn_floating{
	height:36px; 
	width:36px; 
	background-image:url('../img/floating-icon-btn_open.png');
}

.skype_floating.close:hover .btn_floating{
	background-position:bottom;
}

.floating .chat_floating.close .btn_skype a{display:block; overflow:hidden;}
.floating .chat_floating .btn_skype a{overflow:visible;}
.skype_floating.close .floating{transition-delay: 2s;animation-name:floating; }

@keyframes floating{ 75% {opacity:0;} 100% {opacity:1;}}

.skype_floating.close .btn_floating{
	/*display:block;*/
	height:36px;
}

.floating.close .btn_floating_close{
	/*display:none;*/
	height:0;
}

.btn_floating_close{
	background:url('../img/floating-icon-btn_close.png'); 
	height:20px; 
	width:20px; 
	float:right;
	cursor:pointer;
	margin-right: 10px;
}

.skype_floating.close .btn_floating:hover{
	background:url('../img/floating-icon-btn_open2.png')no-repeat top left; 
	/*transition:1s ease all;*/
}

.skype_floating .btn_floating{
	float: right;
}

.skype_floating .btn_floating:hover{
	background-position:bottom;
}

.chat_floating.close .btn_floating:hover{
	background:url('../img/floating-icon-chat-btn_open.png')no-repeat bottom left; 
	
}

.chat_floating.close .btn_floating{
	display:block;
	background:url('../img/floating-icon-chat-btn_open.png')no-repeat top left; 
	height:36px; 
	width:36px; 
	position:relative;
	z-index:20;
}

.chat_floating{
	padding: 5px 10px;
	width:120px; 
	/*transition:1s ease all;*/
}

.chat_floating p.online{
	color:#fff;
	font-size:16px;
	padding: 20px 20px 5px;
    width: auto;
	text-align:center;
	font-weight:600;
}

.chat_floating .btn_skype{
	margin-top: 5px;
	padding: 5px 10px;
	border-radius:10px;
	border:1px solid #5ec92e;
	background-color:#fff;
	width: 100px;
	cursor:pointer;
	height: 24px;
	transition-delay: 0s;
}

.chat_floating .btn_skype:hover{
	border-radius:5px;
	background-color:#eee;
	transition-delay: 0s;
}

.chat_floating .btn_skype p{
	color: #525252;
	float:right;
	text-align:center;
	width:70%;
	font-weight: 400;
	position:relative;
}


.chat_floating.close{
	height:36px; 
	width:36px; 
	float: none;
}

.skype_floating.close p.online, .skype_floating.close .btn_skype, .skype_floating.close p.TEL, .chat_floating.close p.online, .chat_floating.close .btn_skype{height: 0; opacity:0;animation-name:floating;transition-delay: 0s;}
/*.chat_floating.close p.online, .chat_floating .btn_skype{display:none;}*/

@media (min-width: 501px){
	.chat_floating.close .btn_skype{width: 0;}
}

@media (max-width: 500px){
	.chat_floating.close .btn_floating.btn_skype_floating{width: 36px !important; height: 36px !important;}
	.chat_floating.close .btn_skype{width: 36px;padding: 0;}
}


.skype_floating p.online{
	color:#fff;
	font-size:16px;
	padding: 20px 20px 5px;
    width: auto;
	text-align:center;
	font-weight:600;
}

.skype_floating .btn_skype{
	margin-top: 5px;
	padding: 5px 10px;
	border-radius:10px;
	border:1px solid #5ec92e;
	background-color:#fff;
	width: 100px;
	cursor:pointer;
	height: 24px;
}

.skype_floating .btn_skype:hover{
	border-radius:5px;
	background-color:#eee;
	transition-delay: 0s;
}

.skype_floating .btn_skype p{
	color: #525252;
	float:right;
	text-align:center;
	width:70%;
	font-weight: 400;
	position:relative;
}

.skype_floating .btn_skype:hover p{
	color: #5ec92e;
	transition-delay: 0s;
}

.skype_floating .btn_skype img{
	
}

.TEL_floating{
	/*transition:1s ease all;*/
}

.TEL_floating p.TEL{
	color: #fff;
    font-size: 14px;
    text-align: center;
    width: 100%;
	padding-bottom:10px;
    font-weight: 200;
    transition-delay: 0.7s;
	transition:1s ease all;
}

.TEL_floating p.online{
	color:#fff;
	font-size:16px;
	margin: 0 0 5px;
	padding:10px 0 0 0;
    width: auto;
	text-align:center;
	font-weight:600;
}
.TEL_floating.close{
	opacity:0;
	height:0px;
	transition:1s ease all;
}

.TEL_floating.close p.online{
	margin: 10px 0 0 0;
}

.TEL_floating.close img{
	display:none;
}




.top_banner{
	background-repeat:no-repeat;
	background-position:right;
	height:75vh;
	position:relative;	
}



.banner_img{
	background-repeat:no-repeat;
	background-position:right;
	height:75vh;
	position:relative;	
	width:100%;
	background-size:cover;
	padding-top:0px;
    box-sizing: border-box;	

}


.banner_img .img_container{
	text-align: center;
	padding-top:50px;
}


.banner_img .img_container img{
	margin-top:80px;
	text-align:right;
	width:220px;
}


.banner_img .banner_content{
	padding-top: 250px;
}



.banner_img .banner_content .line1{
	font-size:45px;
	color:#fff;	
	font-weight:900;
}

.banner_img .banner_content .line2{
	font-size:30px;
	color:#fff;	
	font-weight:500;
	margin-top:20px;
}

.page_title {
	text-align:center;
	font-size:40px;
	font-weight:900;
	color:#5ec92e;
	
}

.page.top_banner{
	height:150px;
}

.page.top_banner .banner_img{
	height:150px;
	padding:30px;
}



@media (max-width: 1499px){
	.menu ul li{
		padding: 15px 13px;
	}
}


@media (max-width: 499px){
	.banner_img .img_container{padding-top:0 !important;}
	.banner_img .banner_content{padding: 0 20px !important;}
	.skype_floating.close p.online, .skype_floating.close .btn_skype, .skype_floating.close p.TEL, .chat_floating.close p.online, .chat_floating.close .btn_skype{width:auto;}
	.chat_floating{
	width:140px; 
}
	.TEL_floating.close{height:0 !important;}

	
.skype_floating .skype{
	overflow-y: scroll;
	overflow-x: hidden;
	max-height:300px;
	width: 128px;
}

.skype_floating.close .skype{
	overflow: hidden !important;
}

.skype_floating .skype::-webkit-scrollbar {
  width: 5px;
  margin-right:-2px;
}

.skype_floating .skype::-webkit-scrollbar-track {
  background: transparent;
}

.skype_floating .skype::-webkit-scrollbar-thumb {
  background: #77777777;
  border-radius: 10px;
}

.skype_floating .skype::-webkit-scrollbar-thumb:hover {
  border-radius: 0px;
}


}

@media (max-width: 375px){
	.skype_floating .skype{
	max-height:200px;
}
}


@media (max-width: 1399px){
	.menu_container{
		width:75%;
		
	}	

	.menu_right{
		width:100%;
	}
	
	.menu_container{
		float:right;
		
	}		
		.banner_img{
		padding-top:30px;
		
	}
	
	.banner_img .img_container img{
		
		margin-top: 0px;
		
	}
	
	.banner_img .banner_content{
		padding:30px 50px;
		
	}
	.lang{
		width:102px;
		margin-right: 72px;
	}
	
	.header .logo{
	width:40%;
}
	.menu{
		position: absolute;
		top: -25px;
		right: -600px;
		width: 350px;
		float: none;
		transition: 0.8s all;
		background-color: #5ec92e;
		z-index: 99;
		padding: 80px 30px;
		height: 0px;
		min-height: 100vh;
		overflow: hidden;
		box-sizing: border-box;
	}
	
	.menu_right{
		width: auto;
		position: static;		
	}

	

	.menu.responsive{
		transition:0.8s all;
		top: -25px;
		right: -60px;	
	}

	.menu_btn{
		display:block;
		position:absolute;
		right:0;
		transition:0.8s all;
	}

	.menu_btn.responsive{
		position:absolute;
		right:320px;
		transition:0.8s all;
	}
		
	.menu ul li{
		display:block;
		padding: 0px 0px;
		font-size:20px;
		transition:0.8s all;
	}	
		
	.menu.responsive ul li{
		display:block;
		padding: 8px 0px;
		font-size:20px;
		transition:0.8s all;		
	}	
			
	
	
	.menu ul li::after{display:none;}
	
	
	.menu .lang{
		display:block;
		font-size:18px;
		margin-left:0px;
		margin-top:20px;
		margin-top:20px;
		vertical-align: 2px;	
	}
	

	.menu ul li  a{
		padding:10px 15px;
	}	
	
	.lang .submenu .child{
		position:absolute;
		padding:10px 0;
		opacity:0;}
	
	.lang .submenu:hover .child{
		position:absolute;}
		
	.lang .submenu .child li{
		height:30px;}

	.submenu .child{
		opacity:1;
		padding: 0;
		height:auto;
		overflow:hidden;
		top:24px;
		width:100%!important;
		position: relative;
		display:inline-block;
		
	}	
	
	.menu ul li.submenu ul li{
		padding:0 30px;
	}
	
	.submenu .child li{
		width:auto;
		height:0;
	}	
	
	.submenu.open .child li{
		height:auto;
	}
	
	.submenu :hover span{
		color:#5ec92e;
	}
	
	.submenu .child{
		opacity: 1;
	}
	
	.submenu:hover .child{
		opacity: 1;
		max-height: unset;
	}
	
	.submenu.open .child{
		max-height: unset;
		margin-bottom: 0 !important;
		top:5px !important;
	}
	
	.submenu .child.responsive_child{
		transition:0.8s all;
	}
	
	.menu .lang li a{
		list-style-type: none; 
		padding:15px 15px;
	}
	
	.banner_img{
		padding-top:30px;
		
	}
	
	.banner_img .img_container img{
		margin-top: 0px;
		
	}
	
	.banner_img .banner_content{
		padding:30px 50px;
		
	}
	
	.menu_container {
		width:auto;
		padding-top:15px;
	}
	
}