@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'calibri_0-webfont';
  src: url('../fonts/calibri_0-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/calibri_0-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/calibri_0-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/calibri_0-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/calibri_0-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/calibri_0-webfont.svg#svgcalibri_0-webfont') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'MyriadPro-Light';
  src: url('../fonts/MyriadPro-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/MyriadPro-Light?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/MyriadPro-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/MyriadPro-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/MyriadPro-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/MyriadPro-Light.svg#svgMyriadPro-Light') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'sanss';
  src: url('../fonts/sanss.eot'); /* IE9 Compat Modes */
  src: url('../fonts/sanss.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/sanss.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/sanss.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/SansSerif.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/SansSerif.svg#svgSansSerif') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'sanssb';
  src: url('../fonts/sanssb.eot'); /* IE9 Compat Modes */
  src: url('../fonts/sanssb?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/sanssb2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/sanssb.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/sanssb.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/sanssb.svg#svgsanssb') format('svg'); /* Legacy iOS */
}


body{
font-family:Arial, Helvetica, sans-serif;
     font-family: 'calibri_0-webfont';
	 padding:0px;
	 margin:0px;
	 font-size:12px;
	 background:#fff;

}
div, p, span, a , ul, li, ol, h1, h2, h3, h4, h5, h6, form {
    margin:0px;
    padding:0px;
    }
*{
	margin:0;
	padding:0;
	outline:0;
}

a { text-decoration:none;
	outline:0px;
	}
	
img { border:0;}

p{
	line-height:normal;
}
.clear
{
	clear:both;	
}
.header_upper{
background:#3d3d3d;
padding-top:11px;
padding-bottom:9px;
}

.header_lower{
background:#ffffff;
}
.container{
    margin: 0 auto;
    position: relative;
    width: 1168px;
}
.logo{
float:left;
padding-right:40px;
}

	#menu1{
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
	margin-top:40px;

		}
		
#menu{

	}

#menu ul{
	margin: 0;
	padding: 0;



		}

#menu li{
	position: relative;
	list-style: none;
	float: left;
	

	
		}
#menu li.none{
border-left:none;
	

		}
#menu li a{
font-family:'calibri_0-webfont';
    color: #626161;
    display: block;
    font-size: 15px;
    line-height: 27px;
    padding-left: 12px;
    padding-right: 12px;
	text-decoration: none;
		}

#menu  li  a:hover, #menu li .current{
	color: #0281d2;
	
		}

		#menu ul ul{
	position: absolute;
	top: 27px;
	visibility: hidden;
	left: 0px;
	width: 100%;
	z-index:5000;
	display:block;
	padding-left:0px;
		}
#menu ul ul li {
	float: left;
}
		#menu ul li:hover ul{
	visibility:visible;
		}
    
#menu ul ul li a {
	font-size: 14px;
font-family: "calibri_0-webfont", Arial, Helvetica, sans-serif; 
	text-decoration: none;
	height: 20px;
	display: block;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-align: left;
	background-color: #eef8ff;
		border-bottom:1px solid #e4e4e4;
	border-top:1px solid #ffffff;
	text-transform:none;
	color:#888888;

	width: 221px;
	text-align:left;
}
#menu ul ul li a:hover,#menu ul ul li .current {
	background-color: #fcfafa;
	color: #038fcc;
	background-image: none;
	border-bottom:1px solid #e4e4e4;
	border-top:1px solid #ffffff;
	font-size: 14px;
}

.banner{
background:#666666;
}

.new_banner{
	width: 100%;
	display: block;
}

.new_banner_image{
	width: 100%;
	display: block;
}

.banner_inner{
min-width: 1000px;
max-width: 1366px;
width: 100%;
margin:0 auto;
}
.banner_designing{
background-position:top center;
background-repeat: no-repeat; 
width:100%;
height:390px;
background-image:url(../images/designing_banner.jpg);


}
.body_inner{
position: relative;
top:10px;
}
.body_inner2{
position: relative;
top:10px;
background:#039be5;
}
.body_inner3{
position: relative;
top:10px;
background:#f6f6f6;
}
.body_inner4{
position: relative;
top:10px;
background-position:top center;
background-repeat: no-repeat; 
width:100%;
height:396px;
background-image:url(../images/mid_img.jpg);

}
.body_inner_content{
}
.body_content_top{
margin-top:70px;
margin-bottom:53px;
}
.body_content_top_left{
float:left;
width:755px;
}

.body_content_top_right{
float:right;
}
.event_box{
background:#f2f2f2;
border:1px solid #dddddd;
width:322px;
height:180px;
margin-top:22px;
}
.support_bg{
background:url(../images/support_bg.jpg);
height:232px;
}
.support_txt{
width:631px;
float:left;
margin-top:73px;
font-family:'calibri_0-webfont';
	line-height:48px;
	font-size:36px;
	color:#fff;
	font-style:italic;
	font-weight:bold;
	
}
.support_txt span{

font-family:'calibri_0-webfont';
	line-height:48px;
	font-size:39px;
	color:#fff;
	
}
.join_button{
float:right;
margin-top:81px;
}
.work_section{
padding-top:53px;
padding-bottom:63px;
}
.work_txt{
font-family:'calibri_0-webfont';
	font-size:19px;
	color:#6c6c6c;
	font-weight:bold;
	line-height:24px;
	margin-top:20px;
	margin-left:13px;
	text-transform:uppercase;
}
.work_txt a{
font-family:'calibri_0-webfont';
	font-size:19px;
	color:#6c6c6c;
	font-weight:bold;
	line-height:24px;
	margin-top:20px;
	text-transform:uppercase;
}
.work_txt a:hover{
font-family:'calibri_0-webfont';
	font-size:19px;
	color:#0098db;
	font-weight:bold;
	line-height:24px;
	margin-top:20px;
	text-transform:uppercase;
}
.statistic_heading_txt{
font-family:'sanss';
	font-size:57px;
	color:#fff;
	text-align:center;
	font-weight:100;
	padding-bottom:10px;
}
.statistic_txt{
font-family:'calibri_0-webfont';
	font-size:15px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	margin-top:21px;
	font-weight:bold;
}
.header_txt{
font-family:'calibri_0-webfont';
	font-size:14px;
	color:#fff;
}
.header_nav{
margin-left:590px;
float:right;

}
.header_nav ul{
margin:0;
padding:0;
list-style:none;
overflow:hidden;
}
.header_nav ul li{
float:left;
font-family:'calibri_0-webfont';
	font-size:14px;
	color:#fff;
	padding:0 5px 0 5px;

}



.header_nav ul li.address{
float:left;
font-family:'calibri_0-webfont';
	font-size:14px;
	color:#fff;
	padding:0 10px 0 25px;
		background:url(../images/address.jpg) no-repeat center left;

}
.header_nav ul li.phone{
float:left;
font-family:'calibri_0-webfont';
	font-size:14px;
	color:#fff;
	padding:0 0 0 25px;
		background:url(../images/phone.jpg) no-repeat center left;

}


.heading_txt
{
	font-family:'MyriadPro-Light';
	line-height:44px;
	font-size:43px;
	color:#0098db;
	font-weight:200;
}
.body_txt{
font-family:'calibri_0-webfont';
	line-height:20px;
	font-size:14px;
	color:#595959;
}
.body_txt2{
font-family:'calibri_0-webfont';
	line-height:25px;
	font-size:16px;
	color:#595959;
}
.body_txt span{
font-family:'calibri_0-webfont';
	line-height:20px;
	font-size:14px;
	color:#fba713;
	font-weight:bold;
}
.event{
border-bottom:1px solid #cfcfcf;
}
.event_left{
float:left;
background:url(../images/orange.jpg) no-repeat top left;
width:59px;
height:41px;
font-family:'sanssb';
	line-height:16px;
	font-size:22px;
	color:#fff;
	padding-top:20px;
	padding-left:7px;
	text-align:center;
	display:block;
}
.event_left span{

font-family:'sanssb';
	font-size:11px;
	color:#fff;

	text-transform:uppercase;
		display:block;
}
.event_left_green{
float:left;
background:url(../images/green.jpg) no-repeat top left;
width:59px;
height:41px;
font-family:'sanssb';
	line-height:16px;
	font-size:22px;
	color:#fff;
	padding-top:17px;
	padding-left:7px;
	text-align:center;
	display:block;
}
.event_left_green span{

font-family:'sanssb';
	font-size:11px;
	color:#fff;

	text-transform:uppercase;
		display:block;
}
.event_left_blue{
float:left;
background:url(../images/blue.jpg) no-repeat top left;
width:59px;
height:41px;
font-family:'sanssb';
	line-height:16px;
	font-size:22px;
	color:#fff;
	padding-top:18px;
	padding-left:7px;
	text-align:center;
	display:block;
}
.event_left_blue span{

font-family:'sanssb';
	font-size:11px;
	color:#fff;

	text-transform:uppercase;
		display:block;
}
.event_txt a{
font-family:'MyriadPro-Light';
	font-size:15px;
	color:#ef6c00;
}
.event_txt a{
font-family:'MyriadPro-Light';
	font-size:15px;
	color:#ef6c00;
}



.button2{
margin-top:27px;
margin-bottom:38px;
}
.button2{
margin-top:17px;

}

.infiniteCarousel {
	width: 1168px;
	position: relative;
	height: 150px;
	padding-bottom:30px;
	
}

.infiniteCarousel .wrapper {
	width: 1070px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	height: 150px;
	top: 0;
	margin-left: 53px;
	position: absolute;
}

.infiniteCarousel .wrapper ul {
  width: 1070px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  position: absolute;
  padding-left:10px;
}

.infiniteCarousel ul li {
	display:block;
	float:left;
	width:200px;
	padding-right:30px;
	padding-left:30px;
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}
.infiniteCarousel ul li p {
font-family:'calibri_0-webfont';
	line-height:24px;
	font-size:14px;
	color:#fff;
	text-align:center;
	background:#3d3d3d;
	
}


.infiniteCarousel ul:hover li img {

}

.infiniteCarousel ul:hover li:hover img {

}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
	display: block;
	height: 55px;
	width: 30px;
	text-indent: -9999px;
	position: absolute;
	top: 39px;
	cursor: pointer;
	outline: 0;
}

.infiniteCarousel .forward {
	background-position: 0 0;
	right: 0px;
	background-image: url(../images/arrow_back.jpg);
	background-repeat: no-repeat;
}

.infiniteCarousel .back {
	background-position: 0 0px;
	left: 0px;
	background-image: url(../images/arrow_forward.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 55px;
	width: 30px;
}

.infiniteCarousel .forward:hover {
  	background-position: 0 0;
	right: 0px;
	background-image: url(../images/arrow_back.jpg);
	background-repeat: no-repeat;
}

.infiniteCarousel .back:hover {
  	background-position: 0 0px;
	left: 0px;
	background-image: url(../images/arrow_forward.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 51px;
	width: 29px;
}
.footer_top1{
width:250px;
float:left;
}
.footer_top2{
width:150px;
float:left;
margin-left:65px;
}

.footer_top3{
width:250px;
float:left;
margin-left:70px;
}

.footer_top4{
width:270px;
float:left;
margin-left:110px;
}
.footer_heading_txt{
font-family:'calibri_0-webfont';
	line-height:23px;
	font-size:27px;
	color:#fba713;
	margin-bottom:27px;
	font-weight:100;
}
.footer_txt{
font-family:'calibri_0-webfont';
	line-height:23px;
	font-size:15px;
	color:#fff;
}
.footer_txt a{
font-family:'calibri_0-webfont';
	line-height:23px;
	font-size:15px;
	color:#fff;
}
.footer_txt a:hover{
font-family:'calibri_0-webfont';
	line-height:23px;
	font-size:15px;
	color:#fff;
	text-decoration:underline;
}
.footer_txt span{
font-family:'calibri_0-webfont';
	line-height:23px;
	font-size:16px;
	color:#fff;
	font-weight:bold;

}
#menu2{
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
		}
		#menu2 ul{
	margin: 0;
	padding: 0;
		}
		#menu2 li{
	position: relative;
	list-style: none;

		}
				#menu2 li.none{
	
	border:none;
		}
		#menu2 li a{
font-family:'calibri_0-webfont';
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 26px;

	text-decoration: none;
		}
#menu2  li  a:hover{
	color: #039be5;
		}
/*....................................inner........................*/



.boxleft{
float:left;
}

.boxright{
float:left;
}
.heading_txt_inner
{
	font-family:'MyriadPro-Light';
	line-height:28px;
	font-size:23px;
	color:#039be5;
}
.heading_txt_member
{
	font-family:'MyriadPro-Light';
	line-height:25px;
	font-size:16px;
	color:#039be5;
	text-transform:uppercase;
	margin-top:10px;
}
.member{
float:left;
width:265px;
margin-right:36px;
}
.member1{
float:left;
width:265px;

}

#contact-form fieldset {
  border: none;
  padding: 0;
  margin:0px;
  width: 400px;
  overflow: hidden;
}
#contact-form label {
  display: inline-block;
  min-height: 40px;
  position: relative;
  margin: 0;
}

#contact-form .message {
  min-height: 200px;
  width: 400px;
  margin:0px 0px 20px 0px;
}

#contact-form input,
#contact-form textarea {
font-family:'calibri_0-webfont';
  padding: 4px 8px 5px;
  margin: 0;
  font-size: 14px;
  line-height: 21px !important;
  color: #959595;
  background: #fbfbfb;
  outline: none;
  width: 400px;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float:left;
  border:1px solid #dad8d8;
}

#contact-form input {
  height: 30px;
}

#contact-form input:focus,
#contact-form textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#contact-form .area .error {
  float: none;
}

#contact-form textarea {
  width: 100%;
  height: 200px;
  resize: none;
  overflow: auto;
}



.button, .button1 {
	margin-top:5px;
	float: right;
	display: inline-block;
	padding: 18px 33px 18px 33px;
	color: #fff;
	background: #ef6c00;

	text-transform: uppercase;
	text-decoration: none;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	font-size:16px;
}

.button:hover, .button1:hover {
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	background: #039be5;
}

.button1 {
	float: right;
	padding: 15px 20px;
	margin-top:0px;
}


.gallery_box{
	display: block;
	margin-top:15px;
}
#portfolio{
	display: block;
	margin:0px;
	padding:0px;
}
#portfolio ul{
float:left;
}
#portfolio li {
	float: left;
	width: 260px;
	height:200px;
	padding-right:42px;
	padding-bottom:20px;
	list-style-type:none;
}
#portfolio img {
	border: 1px solid #adadad;
}


.p_content img.first{
	margin:0px;
}
#portfolio .gap {
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 1168px;
	display: block;
}


.p_content img.second{
	margin:0px 20px;;
}
#portfolio .last {
	padding-right: 0px;
}
#portfolio p {
font-family:'calibri_0-webfont';
	line-height:24px;
	font-size:14px;
	color:#fff;
	text-align:center;
	background:#3d3d3d;
	width:262px;
	
}
.support{
}


.support ul{
margin:0;
padding:0;
	list-style-type:none;
}

.support li  {

	background:url(../images/bullet.jpg) no-repeat 2px 25px;


    color: #595959;
    display: block;
	font-family:'calibri_0-webfont';
	font-size:15px;	
	line-height:35px;
 
    padding: 2px 0 0 30px;
    text-decoration: none;
		border-bottom:1px dotted #b9b9b9;
 
	
}
.support a:hover {


    color: #ef6c00;
}


.table-content{
	margin:0px;
	padding:0px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	float:left;
	width:1168px;
	font-family:'calibri_0-webfont';
	font-size:14px;
	background:#f6f6f6;
}
.table-content table{
	margin:0px;
	padding:0px;
	table-layout: fixed;
	width:1168px;
	word-wrap:break-word;
}
.table-content table tr td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px;
}
.table-content table tr td.small-column{
}
.table-content table tr td.medium-column{
font-family:'calibri_0-webfont';
	line-height:20px;
	font-size:14px;
	color:#595959;
}
.table-content table tr td.large-column{
}
.table-content table tr td a{
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#464646;
}
.table-content table tr td a:hover{
	text-decoration:underline;	
}
.table-content table tr td.table-header{
	background-color: #689f39;
	font-family:'calibri_0-webfont';
	font-size:16px;
	color:#fff;
	
}

#c-carousel {
	position: relative;
	min-height: 200px;
	padding: 0px;
	margin: 0;
	width:1172px;
}





#prev, #next {
	height: 55px;
	width:30px;
	position: absolute;
	top: 0px;
	margin-top: 0px;
}


#wrapper {
	width: 1050px;
	overflow: hidden;
	margin-left:90px;
	margin-right:0px;
		height: 125px;
	position: absolute;
	top: 0px;
	margin-top: 10px;
}

#carousel img {
	margin:0px 60px 0px 0px;
	border: none;
	display: block;
	float: left;
}



#prev:hover{
	background:url(../images/arrow_back.jpg) no-repeat;
}

#next:hover {
	background:url(../images/arrow_forward.jpg) no-repeat;
}

#prev {
	background: url(../images/arrow_back.jpg) no-repeat;
	margin-top:45px;
	left:10px;
}

#next {
	background:url(../images/arrow_forward.jpg) no-repeat;
	right:10px;
	margin-top:45px;
}