@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{font-family: 'robotocondensed'; background-image:url(../img/bg2.jpg); }
@font-face {
    font-family: 'robotocondensed';
    src: url('../font/roboto-condensed-webfont.eot');
    src: url('../font/roboto-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-condensed-webfont.woff2') format('woff2'),
         url('../font/roboto-condensed-webfont.woff') format('woff'),
         url('../font/roboto-condensed-webfont.ttf') format('truetype'),
         url('../font/roboto-condensed-webfont.svg#robotocondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Roboto-BoldCondensed';
  src: url('../font/Roboto-BoldCondensed.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
.top_wrap{width:100%; height:100px; float:left;  }
#top_area{width:1080px; height:100px; margin:0 auto; background-color: /*#FFF */; }
.logo{width: 211px; height: 85px;  margin-top: 7px; float:left;}
.top_right{width:425px; float:right; height:81px; margin-top:30px; }
#menu{ float:left; margin-top:40px; border-right:1px solid #c7c7c7; margin-left:3px;  }
#menu ul li{list-style:none; float:left; color:#363636; font-size:16px; margin-right: 8px;}
#menu ul li a{text-decoration:none; padding:5px 5px; color:#363636;}
#menu ul li a:hover{border-bottom:3px solid #7cbf13;}
.menusel{border-bottom:3px solid #7cbf13 !important;}
.menusel1{color:#7cbf13 !important;}
.callus{width:184px; height:77px; float:left; margin: 40px 0 0 34px; }
.callus ul li img{float:left; margin-left: -23px; margin-top: 4px;}
.callus ul li p{color:#363636; font-size:16px; margin-left: 6px;  }
.callus ul li p a{color:#363636; text-decoration:none;}
.callus ul li{list-style:none;}


.container{width:1080px;  margin:0 auto; }
.banner{width:1080px; height:auto; float:left; display:block;}
.wel_cont{width:850px; height:173px; margin:0 auto; }
.wel_cont h2{text-align:center; color:#464646; font-size:30px; font-weight:lighter; margin: 30px 0 20px;}
.wel_cont p{text-align:center; font-size:18px; color:#464646; line-height:27px; }
.wel_cont h2 span{color:#7cbf13;}

.wrapper{width:1080px; margin:0 auto; background-color:#383838; clear:both; height:78px;}
.further{width:574px; margin:0 auto; padding-top:9px;  }
.further h2{margin-top:10px; color:#cacaca; font-size:30px;  font-weight:lighter; float: left; margin-left: 1%; }
.further h2 span{color:#7cbf13;}

.fut_cont{width:100px; float:left; background-color:#8ac542;  color:#383838; font-size:20px; 
text-align:center; border-radius:3px; text-decoration:none; margin-top: 15px; padding: 5px 20px; margin-left: 18px;}
.fut_cont:hover{color:#fff;}

.foot_area{width:1080px; margin:0 auto; height:50px; margin-top:20px; clear:both; }
#foot_menu{width:294px; float:left; margin:13px 1px 0 6px;}
#foot_menu ul li{font-size:14px; color:#464646; list-style:none;  display:inline;}
#foot_menu ul li a{ text-decoration:none; color:#464646; padding:2px;}

.copy_right{width:354px; float: right; clear: both;  margin-top: -19px;}
.copy_right p{font-size:14px; color:#464646; }
.copy_right p a{ color:#464646; text-decoration:none;}
.copy_right p a:hover{text-decoration:underline; }
.copy_right p span{color:#7cbf13;}


/*shaddow--start*/
.box{
	position:absolute;
}
.box {
	width:1080px;
	height:400px;
	background:#323232;
}
.effect2
{
  position: relative;
  clear: both;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 9px;
  left: 2px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #323232;
  -webkit-box-shadow: 0 15px 10px #969696;
  -moz-box-shadow: 0 15px 10px #969696;
  box-shadow: 0 15px 10px #969696;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 2px;
  left: auto;
}
/*shaddow--css--end*/
/*banner---css-start*/
#bannerRotator { width:1080px; height:400px; position:relative;
}
#bannerRotator ul li img{ max-width:1080px; max-height:400px; }


/*---------- YOU MIGHT BREAK IT IF YOU CHANGE THIS STUFF -----------*/
#bannerRotator { position:relative; }
#bannerRotator ul { list-style:none; padding:0; position:relative; margin:0; }
#bannerRotator ul li {display:none; position:absolute; }
#bannerRotator ul li a { text-decoration:none; }

/*#bannerNav { position:absolute; right:15px; display:none; bottom:15px;  padding:5px 5px 5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#bannerNav a { margin:3px 10px 0 0; height:10px; width:10px; display:block; background:url(../img/dotDark.png) no-repeat 0 0; float:left; }
#bannerNav a.active { background-image:url(../img/dotLight.png); }
#bannerNav span.pause, #bannerNav span.play { cursor:pointer; height:15px; width:15px; display:block; background:url(../img/pause.png) no-repeat 0 0; float:left; }
#bannerNav span.play { background-image:url(../img/play.png) }*/

/*banner---css-End*/

.border{width:1080px; float:left; height:1px; border-bottom:1px solid #d4d4d4; border-top:1px solid #c4c4c4;}

.in_area{width:1080px; float:left;  position:relative; z-index: 99; top: -43px;  }
.in_pagetitle{width:153px; height:42px; background-color:#98cd46; float:left; padding: 2px 1px 11px;
margin-top: 9px; margin-left: 20px;}
.in_pagetitle h2{font-size:28px; color:#fff;  font-weight:lighter; float:left; padding:6px 3px 0 19px !important;     
clear: both; }

.contAdd{width: 315px; height: auto; float: left; margin-left: 20px;  padding-bottom: 74px; 
margin-left:20%; clear:both; margin-top: 20px;}
.contAdd h2{color:#98cd46; font-size:24px; margin: 8px 0 10px; font-weight:lighter; }
.contAdd h4{font-size: 20px; margin: 10px 0 15px; font-family: 'Conv_MILOOT-BOLD'; color:#303030;}
.contAdd p{ font-size:16px; color:#464646; margin: 0 0 10px; }
.contAdd p a{color:#464646; text-decoration:none; margin-top: -5px; float: left;}
.contAdd p span{float:left; margin: -2px 10px 0 0; }
.contEnq{width: 325px; float: left; margin-left: 2%; position: relative; margin-top: 20px;}
.contEnq h4{color:#98cd46; font-size:26px;  margin-bottom:20px; margin-top: 4px; font-weight:lighter;
}
.contEnq p{font-size:16px; color:#303030;  margin-top: -11px; float:left;  margin-bottom: 11px;}
.contEnq p a{float:left;}
.contEnq input[type=text]{
	width: 326px;
	height: 38px;
	border: 1px solid #383838;
	background-color:#383838;
	color: #d4d4d4;
	margin-bottom: 5px;
	padding-left: 10px;
	outline: none;
	font-size:16px;
	font-family: 'robotocondensed';
}
.contEnq textarea{
	width: 326px;
	height: 80px;
	border: 1px solid #383838;
	color: #d4d4d4;
	margin-bottom: 5px;
	padding-left: 10px;
	resize: none;
	outline: none;
	background-color:#383838;
	font-size:16px;
	font-family: 'robotocondensed';
	padding-top:10px;
}
.send_button{background-color:#98cd46; cursor:pointer; width:143px; height:37px; font-family: 'robotocondensed'; font-size:20px; float:right; color:#ffffff; border:1px solid #98cd46; margin: 5px -11px 0 0;}
.company_menu{width:auto; height:35px; float:right; margin-top: -13px; clear: both;  background-color:#98cd46;}
.company_menu ul li{list-style:none;  color:#fff; font-size:16px; background-image: url(../img/abt_li.png);
background-position: 11px 11px;
    background-repeat: no-repeat;
    padding: 4px 15px 0px 21px;
    margin-top: 0px;
    float: left; }
.company_menu ul li a{text-decoration:none; color:#fff;}
.company_menu ul{margin:3px 0 0 0px;}
#in_content{width:1080px; float:left;}
#in_content h2{color:#98cd46; font-size:26px; font-weight:lighter; margin-bottom: 10px; }
#in_content h4{color:#969696; font-size:18px; font-weight:lighter; margin: 10px 0 4px 0; }
#in_content p{ color:#464646; font-size:16px; margin-bottom:13px;}
.vmactive {color:#202020 !important; background-image: url(../img/abt_l_selecti.png) !important; background-position: -6px 6px;
    background-repeat: no-repeat; }
.vmactive  a{color:#202020 !important;}
.contTab{display:none;}

.ban_menu{width:1080px; position:relative; margin:0 auto; height:49px; z-index: 99; background:url(../img/banmenu_bg.png); top: 100px;}
.ban_menu ul {float:left; margin-top: -100px !important; clear:both;  display:inline-block;}
.ban_menu ul li{font-family: 'robotocondensed';   float:left; list-style:none; 
 font-size:22px; color:#efefef; text-transform:uppercase;}
.ban_menu ul li a{text-decoration:none; color:#efefef; width: 358px; text-align: center;  
padding:10px 0px 10px 0px;  border-right:1px solid #1b1b1b !important; border-left:1px solid #393939 !important; }
.ban_menu ul li a:hover{color:#7cbf13 !important;}



.global_list{ margin-left: 6px;}
.global_list li{color:#464646; list-style:none; font-size:18px; background-image: url(../img/glb_list.png) !important; 
background-position: 10px 9px; padding-left: 29px;    background-repeat: no-repeat; }

.ban_inner_layer{width:420px; height:352px; position:relative; bottom: 350px; top:49px;}

.ban_inner_layer h2{color:#010101;  float:left; font-size:56px; text-align:center; width:235px; text-transform:uppercase; margin:52px  30px 20px 140px;}
.ban_inner_layer h2 span{font-size:36px; font-weight:500; margin-top: -11px; float: left;}
.span_red{width:161px; height:161px; float:left; background-color:#791c26; border-radius:100px; opacity:0.40;     opacity: 0.40;
position: absolute; top: 44px; left: 60px; z-index: 99; }
.span_red p{text-align:center; margin:52px 0 0 29px; width:101px; color:#efefef;}
.span_green{width:161px; height:161px; float:right; background-color:#98ca40; opacity:0.40; border-radius:100px; margin:-164px 58px 0 3px;}
.span_green p{text-align:center; margin:52px 0 0 29px; width:101px; color:#efefef;}
.span_white{width:161px; height:161px; float:right; background-color:#8c9fb4; opacity:0.40; border-radius:100px; margin:-73px 103px 0 3px;}
.span_white p{text-align:center; margin:52px 0 0 29px; width:101px; color:#fff;}


/*@keyframes circle {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

@keyframes inner-circle {
    from { transform:rotate(0deg); }
    to { transform:rotate(-360deg); }
}

.ban_inner_layer > .span_red{
    width:161px;
    height:161px;
    animation: circle 5s linear infinite;
    transform-origin: 6% 45px;
    margin-left: 137px;
    margin-top: 34px;
}
.span_red {
    animation: inner-circle 5s linear infinite;
}

.ban_inner_layer > .span_green{
    width:161px;
    height:161px;
    animation: circle1 5s linear infinite;
    transform-origin: 6% 45px;
 
}
.span_green {
    animation: inner-circle1  5s linear infinite;
}*/



.wrap-bubble {
	width:420px;
	height: 350px;
	position: absolute;
	z-index: 15;
	overflow:hidden;
	text-align:center;
	top:120px;
}
.wrap-bubble h2
{
	color:#010101;
	width:234px;
	position:absolute;
	top: 167px;
    right: 90px;
    z-index: 30;
    font-size: 56px;
    line-height: 41px;
	text-transform:uppercase;
	text-align:center;
	z-index:4;
}
.wrap-bubble h2 small
{
	font-size:36px;
	font-weight:500;
}

.pixel-bubble {
	position: absolute;
	width: 161px;
	height: 161px;
	color: #fff;
	font-size:22px;
	border-radius:500px;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
}
.pixel-bubble span 
{
    display: block;
}
.pixel-bubble.green
{
	/*background:url(../images/bubble-green.png) no-repeat;*/
	background:rgba(251,0,0,0.4);
	left: 30px;
	top: 91px;
	opacity:0.40;
}
.pixel-bubble.green span 
{    
	padding: 52px 6px 0 8px;
    color: #efefef;
	text-align:center;  
}
.pixel-bubble.red
{
	text-align:left;
	/*background:url(../images/bubble-red.png) no-repeat;*/
	background: rgba(152, 202, 64, 0.4);
	left: 180px;
	top: 50px;
}
.pixel-bubble.red span
{ 
	padding: 52px 6px 0 8px;
    color: #efefef;
	text-align:center;
}
.pixel-bubble.blue
{
	text-align:left;
	background:rgba(255,255,255,0.4);	
	left: 140px;
	top: 150px;
}

.pixel-bubble.blue span
{ 
	padding: 52px 6px 0 8px;
    color: #efefef;
	text-align:center;
}



/*inner_bubble*/

.wrap-bubble1 {
	width:420px;
	height: 350px;
	position: absolute;
	z-index: 15;
	overflow:hidden;
	text-align:center;
	top:120px;
}
.wrap-bubble1 h2
{
	color:#010101;
	width:234px;
	position:absolute;
	top: 122px;
    right: 116px;
    z-index: 30;
    font-size: 50px;
    line-height: 41px;
	text-transform:uppercase;
	text-align:center;
	z-index:4;
}
.wrap-bubble1 h2 small
{
	font-size:30px;
	font-weight:500;
}

.pixel-bubble1 {
	position: absolute;
	width: 130px;
	height: 130px;
	color: #fff;
	font-size:18px;
	border-radius:500px;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
}
.pixel-bubble1 span 
{
    display: block;
}
.pixel-bubble1.green1
{
	/*background:url(../images/bubble-green.png) no-repeat;*/
	background:rgba(251,0,0,0.4);
	left: 30px;
	top: 91px;
	opacity:0.40;
}
.pixel-bubble1.green1 span 
{    
	padding: 44px 6px 0 3px;
    color: #efefef;
	text-align:center;  
}
.pixel-bubble1.red1
{
	text-align:left;
	/*background:url(../images/bubble-red.png) no-repeat;*/
	background: rgba(152, 202, 64, 0.4);
	left: 180px;
	top: 50px;
}
.pixel-bubble1.red1 span
{ 
	padding: 39px 6px 0 6px;
    color: #efefef;
	text-align:center;
}
.pixel-bubble1.blue1
{
	text-align:left;
	background:rgba(255,255,255,0.4);	
	left: 140px;
	top: 150px;
}

.pixel-bubble1.blue1 span
{ 
	padding: 39px 6px 0 6px;
    color: #efefef;
	text-align:center;
}

/*inner_bubble*/



#mobile-nav {
	float: right; */
    display: block;
    margin-top: 110px;
    margin-right: 14px;
    position: absolute;
    z-index: 100;
    right: 0px !important;
}
.menu-nav {
	background:url(../img/menu-mobile.png) 0 0 no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	margin: 22px 0 0 0;
	
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		 -o-transform: rotate(0deg);
			transform: rotate(0deg);
	
	-webkit-transition: -webkit-transform 250ms ease-out 0s;	
	   -moz-transition: -moz-transform 250ms ease-out 0s;
		 -o-transition: -o-transform 250ms ease-out 0s;
		    transition: transform 250ms ease-out 0s;
}

.menu-nav.open {
	background-position: 0 -16px;
		  
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		 -o-transform: rotate(-180deg);
			transform: rotate(-180deg);
	
	-webkit-transition: -webkit-transform 250ms ease-out 0s;	
	   -moz-transition: -moz-transform 250ms ease-out 0s;
		 -o-transition: -o-transform 250ms ease-out 0s;
		    transition: transform 250ms ease-out 0s;	
}

#navigation-mobile {
	display: none;
	text-align: center;
	width: 100%;
	background: #26292E;	
	border-bottom: 1px solid #2F3238;
	position: relative;
	float: left;
	z-index: 9999;
}

#navigation-mobile li {
	list-style: none;
	border-top: 1px solid #2F3238;
}

#navigation-mobile li a{
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	padding: 20px 0;
}
#mobile-nav{display:none ;}


.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}