@charset "utf-8";
@font-face {
	font-family: 'CALIBRI';
	src: url('fonts/CALIBRI.eot');
	src: local('☺'), url('fonts/CALIBRI.woff') format('woff'), url('fonts/CALIBRI.ttf') format('truetype'), url('fonts/CALIBRI.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{ margin:0px auto; font-family: 'Roboto' sans-serif; font-size:14px; color:#454545; line-height:24px; text-align:justify;}
/*body{ margin:0px auto; font-family:'CALIBRI',Sans-Serif; font-size:12px; color:#454545; line-height:24px; text-align:justify;}*/
img{ width:auto; max-width:100%;}
#demo{  float:left; margin-left: 40px; margin-top: 30px; margin-bottom: 30px; }
.clr{ clear:both;}
.top_wrapper{ width:100%;display:table-cell; position:absolute; top:0; z-index:1000;}
.wrapper{ width:1200px !important; max-width:1200px; margin:0px auto;}

.logo{ padding:0px 18px;  margin:2px 0px; float:left; /* background:white;  padding:10px 18px;  margin:2px 10px; transform: skew(30deg, 0deg);display: inline-block;*/ position: relative; border:none; width:39%;}
.logo span{color: #fff;display: inline-block;transform: skew(-30deg, 0deg);}
.logo_right{ float:left; margin-left:-79px;}


.flexy-menu {
	margin:  2px 0 0 0px !important;
}
.flexy-menu {
	width:  100%;
	margin: 0;
	padding:  0;
	position: relative;
	float: left;
	list-style:  none; z-index:1000;
}
.flexy-menu li {font-size: 13px;margin: 0;padding: 0;float: left;line-height:  20px; background:white; transform: skew(30deg, 0deg);display: inline-block; position: relative; margin-left:3px; color:white;}
.flexy-menu > li > a {
	padding: 8px 18px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;display: inline-block;transform: skew(-30deg, 0deg);
}
.flexy-menu > li:hover{ background:#f25b08;}
.flexy-menu > li > a:hover {color:white;}
.flexy-menu li: hover > a,
.flexy-menu li.active a {
	background:  red;
	color:  #fff; display:block;
}
.flexy-menu li.right {
	float:  right;
}
.flexy-menu ul, .flexy-menu ul li ul {
	list-style:  none;
	margin:  0;
	padding:  0;
	display:  none;
	position:  absolute;
	z-index:  99999;
	width:  232px;
	box-shadow:  0 1px 1px rgba(0,0,0,0.3); 
}
.flexy-menu ul {
	top:  39px;
	left:  -125px;  transform: skew(-30deg, 0deg);
}
.flexy-menu ul li ul {
	top:  0;
	left:  100%; 
}
.flexy-menu ul li {
	clear: both;
	width: 100%;
	border:  none;
	font-size: 12px;background:white; transform: skew(0deg, 0deg);display: inline-block; position: relative; margin-bottom:1px;
}

.flexy-menu ul li a {
	padding: 10px 20px;
	width: 100%;
	color: #000;
	font-size: 13px;
	text-decoration: none;
	display: inline-block;
	float: left;
	clear: both;
display: inline-block;transform: skew(0deg, 0deg);
}
.flexy-menu ul li:hover{background:#f25b08;}
.flexy-menu ul li a:hover{color:white;}
.flexy-menu > li .indicator {position:  absolute;color:  #dedede;top:  20px;right:  8px;font-size:  17px; display:none;}
.flexy-menu ul > li .indicator {top:  10px;right:  8px;}
.thin > li > a {padding:  10px 22px;}
.thin ul {top:  40px;}
.thin > li .indicator {top:  10px;}
.thick > li > a {padding:  40px 22px;}
.thick ul {top:  100px;}
.thick > li .indicator {top:  40px;}
.flexy-menu i {line-height:  20px !important;margin-right:  6px;font-size:  18px;float:  left;}
.flexy-menu > li.showhide {display:  none;width:  100%;height:  50px;cursor:  pointer;color: #dedede;border-bottom:  solid 1px rgba(0, 0, 0, 0.1);background:  #333333;}
.flexy-menu > li.showhide span.title {margin:  16px 0 0 25px;float:  left;}
.flexy-menu > li.showhide span.icon {margin:  17px 20px;float:  right;}
.flexy-menu > li.showhide .icon em {margin-bottom:  3px;display:  block;width:  20px;height:  2px;background:  #ccc;}
.orange li: hover > a, .orange li.active a {background:  #ff670f;color:  #fff!important;}
.flexy-menu.vertical {width:  200px;}
.flexy-menu.vertical li {width:  100%;}
.flexy-menu.vertical li a {display:  inline-block !important;width:  100%;padding: 18px 20px 16px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
.flexy-menu.vertical ul li {width:  100%;}
.flexy-menu.vertical ul, .flexy-menu.vertical ul li ul {width:  150px;}
.flexy-menu.vertical ul {top:  0;left:  100%;}
.flexy-menu.vertical ul li ul {top:  0px;}
.flexy-menu.vertical.right {float:  right !important;}
.flexy-menu.vertical.right ul {left:  -150px !important;}
.flexy-menu.vertical > li .indicator {
	top:  17px;
	right:  15px;
	font-size:  17px;
}
.flexy-menu.vertical ul > li .indicator {
	top:  18px;
	right:  15px;
}
.banner_bg{ width:100%; display:table-cell; float:left;}
.banner_bg img{ width:100%; max-width:700px;}
.inner_banner_bg{ padding-top:50px; width:100%; display:table-cell; float:left;}
.inner_banner_bg img{ width:auto; max-width:100%;}
.cnt_wrapper{ width:100%; background:white; clear:both;  z-index:5px; position:relative; z-index:100; margin: auto; min-width:1200px; }
.hed{ padding:15px 0px; background:#dc4e03; display:table;transform: skew(30deg, 0deg);display: inline-block; position: relative; width:98%; text-align:center; margin-bottom:20px;}
.hed span{color: #fff;display: inline-block;transform: skew(-30deg, 0deg); font-size:24px;}
.hed2{ padding:15px 0px; background:#dc4e03; display:table;transform: skew(-30deg, 0deg);display: inline-block; position: relative; width:98%; text-align:center; margin-bottom:20px;  }
.hed3 span{color: #fff;display: inline-block;transform: skew(30deg, 0deg); font-size:24px;}
.hed3{ padding:15px 0px; background:#dc4e03; display:table;transform: skew(-30deg, 0deg);display: inline-block; position: relative; width:98%; text-align:center; margin-top:15px;  }
.hed2 span{color: #fff;display: inline-block;transform: skew(30deg, 0deg); font-size:24px;}
.borderbox{ padding:25px 0px; background:#dc4e03; display:table;transform: skew(-30deg, 0deg);display: inline-block; position: relative; width:98%; text-align:center;  }
.borderbox2{ padding:8px 0px; background:#dc4e03; display:table;transform: skew(-30deg, 0deg);display: inline-block; position: relative; width:98%; text-align:center; margin-top:15px;  }
.matter{ width:100%;}
.wel_matter{ width:60%; float:left; padding:10px 0px; margin:0% 1%;}
.wel_right{ width:38%; float:right; }
.ser_wrapper{  /*display:table-cell;*/width:100% !important;  z-index:5px; position:relative; padding:15px 0px; background:url(../images/banner.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover; 
min-width: 1200px;
}
.ser_it{ margin-top:25px; margin-bottom:0px;}
.footer{   /*display:table-cell; float:left;*/ border-top:2px solid #f55a08; text-align:left; min-width:1200px;}
.footer_wrapper{width:100%; margin:auto; background:url(../images/footerbg.jpg) bottom center repeat-x;line-height:28px; padding-bottom:30px; min-width: 1200px; }
.footer_item_box{ width:23%; float:left; margin:1%;}
.footer_item_box1{ width:23%; float:left; margin:1%; padding-top:28px;}
.footer_item_box2{ width:23%; float:left; margin:1%;padding-top:28px;}
.footer_item_box3{ width:23%; float:left; margin:1%;}
.footer_item_box_hed{ color:white; font-size:18px; padding:8px 0px;}
.footer_link{ padding:3px 3px 3px 20px; color:#959595; text-decoration:none; display:block;font-size:12px; background:url(../images/bullet.png) no-repeat center left;}
.footer_con{ padding:3px 3px 3px 00px; color:#959595; text-decoration:none; display:block;font-size:12px;}
.footer_link:hover{ color:#f55a08;}
.ftr_btm{ color:#787878; text-align:center; padding:12px 0px; width: 100% !important; margin:auto;}
.banner{ position: relative; z-index:0;  text-align:center;background:#CCC url(../images/banner1.jpg) center top no-repeat; width:100%;background-size: 100% 100%; min-width: 1200px;}
#bubbles{display:block;width:100%;height:100%;opacity:.6; background:none !important;}
#bubbles.block{width:100%;height:320px;position: absolute;top:50%;margin-top:-160px; }
.colpick{z-index: 999;}
#color{cursor:pointer;}
.banner_box{ width:96%; margin:0px auto; position:relative;}
.banner_text_box{ position:absolute;  width:70%; right:0px; padding-top:20%; }
.inner_banner_text_box{ position:absolute;  width:100%; right:0px; padding-top:180px; font-size:28px; color:white; text-align:right; text-transform:uppercase;}
.banner_hed{ font-size:26px; color:white; padding-bottom:10px;}
.banner_hed_two{ font-size:16px; color:white;}
.abt_box{ width:34%; float:left; margin:1%; border:1px solid #c1c1c1; text-align:center; background:white;}
.abt_box1{ width:35%; float:left; margin:1%; border:1px solid #c1c1c1; text-align:center;background:white;}
.abt_box2{ width:24%; float:left; margin:1%; border:1px solid #c1c1c1; text-align:center;background:white;}
.abt_icon{ padding:12px 0px;}
.abt_hed{ font-size:18px; color:white; padding:10px 0px; background:#131e29;transform: skew(-30deg, 0deg);display: inline-block; position: relative; width:80%; text-align:center; }
.abt_hed span{transform: skew(30deg, 0deg);display: inline-block; position: relative;}
.abt_matter{ padding:10px; text-align-last:justify;}
.abt_wrapper{ width:100%; display:table-cell; float:left; z-index:5px; border-top:1px solid #e1e1e1; background-size:100%;background:url(../images/banner.jpg);}
.ser_box{ width:31%; float:left; padding:1%; border-bottom:1px solid #c1c1c1; text-align:center; text-decoration:none;color:#454545;min-height: 250px; cursor:pointer;}
.ser_box2{ width:31%; float:left; padding:1%; border:1px solid #c1c1c1; border-top:none;  text-align:center;text-decoration:none;color:#454545;min-height: 250px;cursor:pointer;}
.ser_hed{ font-size:15px; color:white; padding:10px 0px; background:#131e29;transform: skew(-30deg, 0deg);display: inline-block; position: relative; width:80%; text-align:center; }
.ser_hed span{transform: skew(30deg, 0deg);display: inline-block; position: relative;}
.ser_matter{ padding:10px 10px; }
.ser_icon_all{ width:140px; height:125px; margin:10px auto;background:url(../images/dk.png) top center no-repeat; }
.ser_icon_all img{ max-width:110px;padding-top: 8px;}
.ser_icon_wd{ width:64px; height:64px; margin:10px auto; background:url(../images/ser_4.png) top center no-repeat; }

.ser_icon_wa{ width:64px; height:64px; margin:10px auto; background:url(../images/ser_7.png) top center no-repeat; }

.ser_icon_ec{ width:64px; height:64px; margin:10px auto; background:url(../images/ser_3.png) top center no-repeat; }
.ser_icon_eb{ width:64px; height:64px; margin:10px auto; background:url(../images/ser_6.png) top center no-repeat; }

.ser_icon_gp{ width:64px; height:64px; margin:10px auto; background:url(../images/ser_2.png) top center no-repeat; }

.ser_icon_wh{ width:64px; height:64px; margin:10px auto; background:url(../images/ser_10.png) top center no-repeat; }
.ser_icon_fp{ width:64px; height:64px; margin:10px auto; background:url(../images/ser_5.png) top center no-repeat; }

.ser_icon_seo{ width:64px; height:64px; margin:10px auto; background:url(../images/ser_8.png) top center no-repeat; }

.ser_icon_os{ width:64px; height:64px; margin:10px auto; background:url(../images/ser_1.png) top center no-repeat; }
.ser_icon_wra{ width:64px; height:64px; margin:10px auto; background:url(../images/ser_9.png) top center no-repeat; }
.ser_box:hover .ser_icon_wd,.ser_box:hover .ser_icon_ec,.ser_box:hover .ser_icon_eb,.ser_box:hover .ser_icon_wh,.ser_box:hover .ser_icon_fp,.ser_box:hover .ser_icon_os,.ser_box:hover .ser_icon_wra,.ser_box2:hover .ser_icon_wa,.ser_box2:hover .ser_icon_gp,.ser_box2:hover .ser_icon_seo
{ background-position:bottom;}
.ser_box2:hover .ser_hed,.ser_box:hover .ser_hed{background:#f1580a; }
.matter_ser_itm{ width:95%; margin:0px auto; text-align:center; padding-bottom:25px;}
.clints_box{ width:22%; float:left; border:1px solid #e1e1e1; margin:1%;}
.clints_box span{border:1px solid #e1e1e1; margin:1%; width:97%; display:inherit; text-align:center;}
.testi_box{ width:48%; border:1px solid #e1e1e1; margin:10px 0px;  float:left; margin-top:45px; margin-left:1.5%;position:relative;min-height:310px; background-image:url(../images/test_style.png); background-color:#eeeeee; background-position:right bottom; background-repeat:no-repeat;}
.testi_box2{ width:48%; border:1px solid #e1e1e1; margin:10px 0px;  float:right; margin-top:45px;position:relative; min-height:310px;
background-image:url(../images/test_style.png); background-color:#eeeeee; background-position:right bottom; background-repeat:no-repeat;}
.testi_imgs{ position:absolute; top:-50px; left:10px; border:1px solid #bcbcbc;}
.testi_box span{ padding:30px 10px 10px; display:block; }
.testi_box2 span{ padding:30px 10px 10px; display:block;}
.con_left{ width:30%; float:left;}
.con_right{ width:65%; float:right; text-align:left;}
.con_right_box{ width:48%; float:left; padding:1%;}
.fild_box{ padding-bottom:8px;}
.fild_box1{ padding-bottom:8px; font-size:11px; color:red;}
.fild_style{ width:95%; height:25px; padding:5px; border:1px solid #e1e1e1; display:table;}
.fild_style_msg{ width:95%; height:158px; padding:5px; border:1px solid #e1e1e1; display:table; resize:none;}
.fild_style_set{ width:99%; height:35px; padding:5px; border:1px solid #e1e1e1; display:table;}
.submit_btn{  width:95%; height:25px; padding:5px; border:1px solid #e1e1e1; display:table; background:#f85804; color:white; text-decoration:none; text-align:center; font-weight:700;}
.con_box{ width:31%; float:left; margin:1%; border:1px solid #c1c1c1; text-align:center; min-height:180px; background:white;}
.con_hed{ font-size:16px; color:white; padding:10px 0px; color:#131e29; width:100%; text-align:left; }
.con_hed span{position: relative; padding-left:10px; display:table;}
.con_matter{ padding:5px 5px 5px 10px; text-align: left; font-size:12px; line-height:28px;display:table; }
.con_matter span{ color:#f85804;font-size:14px;}
.con_grey{ width:100%; padding:20px 0px; background:#131e29; float:left; }
.grey_wrapper{width:100%; padding:0px 0px; background:#ee1e1e1; float:left; position:relative;}
.btn_ser_box{font-size:16px; float:left; color:white; text-decoration:none; padding:8px 10px;transform: skew(30deg, 0deg);display: inline-block; position: relative;}
.btn_ser{ float:left; padding:1% 3%; background:#373737; color:white; text-decoration:none; display:table; margin:0% 1%; font-size:16px;}
.btn_ser span{transform: skew(30deg, 0deg);display: inline-block; position: relative;}
.btn_indx{ width:60%; margin:10px auto 0px; background:#d94b00; padding:10px; text-decoration:none; color:white; text-align:center; display:table;}
		#feedback{
			position: fixed;
			top:100px;
			left:-260px; z-index: 100000;
		}
		.fed_box{
			float: left;
 background:#141f2a;
			padding: 10px; min-width:240px;
		}
		
		#feedback a{
			background:url("../images/feedback-buttons.png")  no-repeat center left transparent;
			display: block;
			width:40px;
			height:175px;
			float: left;
			text-indent:-9999em;
			position: absolute;
			top:120px;
			right:-40px;
		}
		#feedback a:hover{
			background-position: center right;
		}
	

		#feedback h2{
			text-align:center;
			color: white;
			font-size:22px;
		}		.fild_fd{ width:98%; height:25px; padding:1%;  }
		.fild_fd_msg{ width:98%; height:60px; padding:1%; resize:none;}
		.send_btn{  width:100%; height:35px; padding:5px 0px; border:1px solid #e1e1e1; display:table; background:#f85804; color:white; text-decoration:none; text-align:center; font-weight:700;}



	.sticky-container{
		/*background-color: #333;*/
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -150px;
		top:150px;
		width: 230px; z-index:1000000;

	}

	.sticky li{
		list-style-type: none;
		background-color:#dddddd;
		color: #efefef;
		height: 43px;
		padding: 0px;
		margin: 0px 0px 1px 0px;
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
		cursor: pointer;
		

	}

	.sticky li:hover{
		margin-left: -150px; background-color: #fd5a0f;
	
	
	}
	.sticky li a{ color:black; text-decoration:none;}
	.sticky li img{
		float: left;
		margin: 5px 5px;
		margin-right: 10px;

	}

	.sticky li p{
		padding: 0px; text-decoration:none; color:black; font-size:14px;
		margin: 0px;
		text-transform: uppercase; 
		line-height: 43px;

	}




.about_banner{ width:100%; background:url(../images/about_us.jpg), #1D2833 center top no-repeat;max-height:365px;background-size: cover; /*padding-top:30%;*/ float:none; min-width: 1200px; height:380px;}
.rec_banner{ width:100%; background:url(../images/rec.jpg), #1D2833 center top no-repeat;max-height:365px;background-size: cover; /*padding-top:30%;*/ float:none; min-width:1200px; height:380px;}
.service_banner{ width:100%; background:url(../images/service_banner.jpg), #1D2833 center top no-repeat;max-height:365px;background-size:auto 100%; /*padding-top:30%;*/float:none; min-width: 1200px; height:380px;}
.clints_banner{ width:100%; background:url(../images/clints.jpg), #1D2833 center top no-repeat;max-height:365px;background-size:auto 100%; /*padding-top:30%;*/float:none; height:380px;}
.portfolio_banner{ width:100%; background:url(../images/portfolio.jpg), #1D2833 center top no-repeat;max-height:365px;background-size:auto 100%; /*padding-top:30%;*/float:none; height:380px;}
.contact_banner{ width:100%; background:url(../images/contact.jpg), #1D2833 center top no-repeat;max-height:365px;background-size:auto 100%; /*padding-top:30%;*/float:none; min-width:1200px; height:380px;}
.testi_banner{ width:100%; background:url(../images/testi_banner.jpg), #1D2833 center top no-repeat;max-height:365px;background-size:auto 100%; padding-top:30%;float:none;}
.f-icon{ width:32px; height:32px; float:left; margin:3px; background:url(../img/fb1.png)}
.tit-icon{ width:32px; height:32px; float:left; margin:3px; background:url(../img/tw1.png)}
.g-icon{ width:32px; height:32px; float:left; margin:3px; background:url(../img/g1.png)}
.in-icon{ width:32px; height:32px; float:left; margin:3px; background:url(../img/li1.png)}
.u-icon{ width:32px; height:32px; float:left; margin:3px; background:url(../img/tm1.png)}
.b-icon{ width:32px; height:32px; float:left; margin:3px; background:url(../img/vm1.png)}

.clint_box{ width:100%; margin:0px; padding:0px;}
.clint_box li{ color:black; width:22%; float:left; margin:.5% .5%; padding:.5%; border:1px solid #e1e1e1; list-style:none; background:rgba(255,255,255,.8); text-align:left;}
.clint_box li:hover{ background:white;}
.black_hed{font-size: 24px; color:black; padding:10px 0px; display:block; width:100%;}
.md_left{ width:30%; float: left;}
.md_right{ width:65%; float:right;}
.md_buton{ width:100%; display:block; float:right; padding-top:10px;}
.md-close{}
.md-close1{width:auto; display:table; padding:6px 2%; float:left; color:white; background:black;text-align:center; text-decoration:none; margin:0px auto;}
.md-cl{width:auto; display:table; margin: -5px auto 0; float:right; color:white;text-align:center; text-decoration:none; cursor:pointer; }
.ser_right{ width:39%;  float:right;  border:1px solid #e1e1e1;}
.ser_right .matter{padding:1%; width:98%;}
.ser_left{ float:left; width:57%;  padding-right:1%;}
.inr_bhed{color: #000;display: block;font-size: 18px;padding: 10px 1%;width: 98%; background:#f6f6f6; border-bottom:1px solid #e1e1e1;}
/*@media only screen and (max-width:  1200px) {
.wrapper{ width:96% !important;}
.flexy-menu > li > a { padding:8px 12px;}		
	}
@media only screen and (max-width:  1024px) {
.wrapper{ width:96% !important;}	
.flexy-menu > li > a { padding:8px 9px;}
.team-showcase .detail-title { font-size:14px;}
.ser_box{ width:31%; min-height: 300px;}
.ser_box2{ width:31%; min-height: 300px;}
.clint_box li{width:30%; }
	}
@media only screen and (max-width:  900px) {
.logo{margin: 2px 13px; padding: 0px 13px;width: 34%;}
.logo span img{ max-width:180px; padding-top:10px;}	
	}
@media only screen and (max-width:  860px) {
.logo {margin: 2px 13px; padding: 0 13px;width: 33%;}
.logo_right { float: left; margin-left: -57px;}
}
@media only screen and (max-width:  800px) {
.banner{ padding-top:190px;}
.top_wrapper{ width:100%; background:white; position:absolute; }
.logo{ padding:10px 0px; background:white; margin:2px 0px; float:left; transform: skew(0deg, 0deg);display:block; position: relative; width:92%;}
.logo span{color: #fff;display:block;transform: skew(0deg, 0deg); text-align:center; margin:0px auto; width:70%;}
.logo_right{ width:100%; margin:0px auto; float:none;}
.wel_matter{ width:99%;}
.wel_right{ width:99%; text-align:center;}
.footer_item_box{ width:19%; float:left; margin:1%;}
.footer_item_box1{ width:28%; float:left; margin:1%;}
.footer_item_box2{ width:22%; float:left; margin:1%;}
.footer_item_box3{ width:23%; float:left; margin:1%;}	
.flexy-menu.vertical {
	width:  100%;margin-left:27px; 
}
.flexy-menu li {
	display:  block;
	width:  100%;transform: skew(00deg, 0deg);
}
.flexy-menu > li > a {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left:  25px;transform: skew(00deg, 0deg);
}
.flexy-menu a {
	width:  100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.flexy-menu ul, .flexy-menu ul li ul,.flexy-menu.vertical ul, .flexy-menu.vertical ul li ul {
	width:  100%;
	left:  0;
	border-left:  none;
	position:  static;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;transform: skew(00deg, 0deg);
}
.flexy-menu ul li {
	border-left:  none;
	border-right:  none;transform: skew(00deg, 0deg);
}
.flexy-menu ul li a,.flexy-menu.vertical ul li a {
	padding-top: 10px;
	padding-bottom: 10px;transform: skew(00deg, 0deg);
}
.flexy-menu ul > li > a {
	padding-left:  40px !important;
}
.flexy-menu > li .indicator {
	top:  15px;
	right:  25px;
	font-size:  17px;
}
.flexy-menu ul > li .indicator {
	right:  24px;
}
.flexy-menu.vertical ul > li .indicator {
	top:  10px;
	right:  15px;
}
.flexy-menu > li > ul > li > a {
	padding-left:  40px !important;
}
.flexy-menu > li > ul > li > ul > li > a {
	padding-left:  60px !important;
}
.flexy-menu > li > ul > li > ul > li > ul > li > a {
	padding-left:  80px !important;
}	

.clints_box{ width:31%;}
.hed{width:97%; }
.hed2{ width:97%;  }
.hed3{  width:97%; }
.borderbox{ width:97%; }
.borderbox2{ width:97%;}
.about_banner{float:left;}
.service_banner{float:left;}
.clints_banner{float:left;}
.portfolio_banner{float:left;}
.contact_banner{float:left;}
.testi_banner{float:left;}
	}
@media only screen and (max-width:  768px) {
.footer_item_box{ width:46%; float:left; margin:1%;}
.footer_item_box1{ width:46%; float:left; margin:1%;}
.footer_item_box2{ width:46%; float:left; margin:1%;}
.footer_item_box3{ width:46%; float:left; margin:1%;}	
.banner_text_box{ width:90%; padding-top:24%;}
.clints_box{ width:30%;}
.testi_box{ width:98%; min-height:100%; }
.testi_box2{ width:98%;min-height:100%; }
.con_left{ width:98%;}
.con_right{width:98%;}
.con_box{ width:98%;}
.borderbox2{text-align:left;transform: skew(0deg, 0deg);}
.btn_ser_box{transform: skew(0deg, 0deg);}
.btn_ser span{transform: skew(0deg, 0deg);}
}   
@media only screen and (max-width:  640px) {
.wrapper{ width:95% !important;}
.footer_item_box{ width:46%; float:left; margin:1%;}
.footer_item_box1{ width:46%; float:left; margin:1%;}
.footer_item_box2{ width:46%; float:left; margin:1%;}
.footer_item_box3{ width:46%; float:left; margin:1%;}
.banner_text_box{ width:90%; padding-top:24%;}
.banner_hed{ font-size:22px; color:white; }
.banner_hed_two{ font-size:14px; color:white;}
.abt_box{ width:98%; float:left; margin:1%; border:1px solid #c1c1c1; text-align:center;}
.abt_box1{ width:98%; float:left; margin:1%; border:1px solid #c1c1c1; text-align:center;}
.abt_box2{ width:98%; float:left; margin:1%; border:1px solid #c1c1c1; text-align:center;}
.ser_box{ width:46%; min-height: 300px;border:1px solid #e1e1e1;}
.ser_box2{ width:46%; min-height: 300px; border:1px solid #e1e1e1;}
.clint_box li{width:45%; text-align:center; }
	}
@media only screen and (max-width:  500px) {
	.clint_box li{width:80%; text-align:center; margin-left:9%; }
}	
@media only screen and (max-width:  480px) {
.wrapper{ width:95% !important;}
.banner{ padding-top:150px;}
.clints_box{ width:46%;}
.ser_box{ width:96%; min-height: 300px;border:1px solid #e1e1e1;}
.ser_box2{ width:96%; min-height: 300px; border:1px solid #e1e1e1;}
.con_right_box{ width:98%;}
.hed span{font-size:18px;}
.hed3 span{font-size:18px;}
.hed2 span{ font-size:18px;}
.sticky-container{ display:none;}
@media only screen and (max-width:  360px) {
.footer_item_box{ width:98%; float:left; margin:1%;}
.footer_item_box1{ width:98%; float:left; margin:1%;}
.footer_item_box2{ width:98%; float:left; margin:1%;}
.footer_item_box3{ width:98%; float:left; margin:1%;}	
.banner_text_box{ width:98%; padding-top:24%;}	
.clints_box{ width:96%;}
.banner{ padding-top:130px;}
	}*/