body{
	width:1366px;
	font:14px Arial, Helvetica, sans-serif;
	margin: 0 auto;
}
.header{
	width:1366px;
	height:120px;
	background:#ececec;
	margin:0 ;
}
.logo{
	margin-right:690px;
	padding-top:33px;
	padding-left:48px;
	float:left;
}
.call{
	padding-top:33px;
	padding-right:60px;
	float:left;
}
.mail{
	padding-top:33px;
	padding-bottom:25px;
}
.social{
	margin-left:1080px;	
}
.menu-wrap{
	width:100%;
    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
    background:#3e3436;
}

.menu{
	margin:0px auto;
	width:100%;
	height:26px;
	background:#353534;
	
}
.menu a {
    transition:all linear 0.15s;
    
}
.menu li:hover > a, .menu .sub-menu > a {
    text-decoration:none;
    color:#be5b70;
}
.top-menu{
	margin-top: 0px;
	padding-left:160px;
	padding-top:5px;
	list-style-type:none;
}

ul.top-menu li a{
	text-decoration:none;
	color:#fcfbfb;
	text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}
ul.top-menu li{
	font-weight:bold;
	display:inline;
	padding-right: 40px;
	position:relative;
}

.sub-menu {
    width:160%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
}

.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
.sub-menu li {
    display:block;
    font-size:16px;
}
 
.sub-menu li a {
    padding:10px 30px;
    display:block;
}
 
.banner-border{
	width:1366px;
	height:26px;
	background:#353534;
}
.caption{
	width:1366px;
	height:60px;
	background:#fea904;
}
.cap-text{
	text-align:center;
	color:#fff;
	font: 24px Oswald;
	padding:10px 0px;
}
.content{
	width:1366px;
	height:455px;
	background:#ececec;
	
}

.feature-box{
	width:275px;
	height:120px;
	padding-left:50px;
	padding-top:60px;
	padding-right:10px;
	float:left;
}
.image{
	width:99px;
	height:99px;
	float:left;
	padding-right:15px;
	
}
.info{
	text-align:justify;
	margin-top:0px ;
}
.our-services{
	width:1366px;
	height:750px;
	background:#353534;
	font:24px Josefin Sans;
	color:#ffffff;
	text-align:center;
	padding-top: 2px;
	font-weight: bold;
}
.services{
	width:285px;
	height:265px;
	padding-left:140px;
	padding-top:40px;
	float:left;
}

.text-info h4{
	font:24px Josefin Sans;
	color:#FFF;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:10px;	
	}
	
.our-services h5{
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	font:24px Josefin Sans;
	font-weight:bold;
}
.feature-border{
	width:1366px;
	height:10px;
	background:#fea904;
	
}
.info h3{
	font:18px arial;
	color:#000;
	text-align:justify;
}
.info h5{
	margin:0;
}

.text-info h5{
	margin:0px;
	font:20px Josefin Sans;
	font-weight:700;
	text-align:justify;
}

.our-work h5{
	font:24px Josefin Sans;
	font-weight: 700;
	margin-top: 0px;
    margin-bottom: 0px;
}
.our-skills h5{
	font:24px Josefin Sans;
	font-weight: 700;
	margin-top: 0px;
    margin-bottom: 0px;
}
.our-client h5{
	font:24px Josefin Sans;
	font-weight: 700;
	margin-top: 0px;
    margin-bottom: 0px;
}
h2{
	margin-top:0px;
	margin-bottom:5px;
	
}

.our-client{
	width:1366px;
	height:478px;
	text-align:center;
	font:24px Josefin Sans;
	color:#ffffff;
	background:url(./image/client-banner.png);
	padding-top: 2px;
	font-weight: bold;
	}
.client-image{
	padding-top:245px;
	padding-left:55px;
	padding-right:70px;
	float:left;
	}
.our-work{
	width:1366px;
	height:612px;
	background:#ececec;
	font:24px Josefin Sans;
	text-align:center;
	padding-top: 2px;
	font-weight: bold;
}
.website{
	padding-top:30px;
	padding-left:30px;
	padding-right:16px;
	float:left;
}
.our-skills{
	background:url(./image/footer-image.jpg);
	width:1366px;
	height:338px;
	font:24px Josefin Sans;
	text-align:center;
	padding-top: 2px;
	color:#ffffff;
	font-weight: bold;
}
.footer-border{
	width:1366px;
	background:#fea904;
	height:5px;
}
.footer{
	width:1366px;
	height:73px;
	background:#353534;
}

.copyright{
	padding-left:50px;
	padding-top:50px;
	color:#FFF;
	}
.skills{
	margin-left: 25px;
    margin-top: 45px;
    text-align: left;
    font: 24px Oswald;
    float: left;
}

.chart{
	width:300px;
	height:170px;
	margin-top:58px;
	margin-left:430px;
	text-align:right;
}
.graph{
	background-color:#e6e3e6;
	margin-bottom:17px;	
}
.bar-color{
	width:90%;
	height:20px;
	background-color:#fa7d03;
}
.bar-color1{
	width:99%;
	height:20px;
	background-color:#fc2104;
}
.bar-color2{
	width:95%;
	height:20px;
	background-color:#0aaf07;
}
.bar-color3{
	width:88%;
	height:20px;
	background-color:#fb02e7;
}

.bar-text{
	margin-left: 88%;
    font-size: 17px;
    margin-top: -2px;
}

	
