@charset "utf-8";
/* CSS Document */

@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,700,800,400,600');
@import url('http://fonts.googleapis.com/css?family=Montserrat:400,700');

.font-Opensanse{font-family: 'Open Sans', sans-serif;}
.font-Motserat{font-family: 'Montserrat', sans-serif;}

body{font-family: 'Open Sans', sans-serif;}

#home{position:absolute; width:100%; height:100%; background:#161818;}
#home1{position:absolute; width:100%; height:500px;}
#home-contentarea{position:absolute; top:100%; width:100%;}
#home-contentarea1{position:absolute; top:500px; width:100%;}
#home-services{}
#home-services ul{margin:0px; padding:0px;}
#home-services ul li{list-style:none; width:33.333%; float:left; color:#fff; min-height:500px;}
.padding-60{padding:60px;}
.orange{background:#f47321;}
.blue{background:#0085a1;}
.yellow{background:#eec538;}
.green{background:#99db38;}
.violet{background:#6e3dcd;}
.black{background:#3d494c;}
.home-h2{font-family: 'Montserrat', sans-serif; font-weight:700; font-size:22px; letter-spacing:2px; padding:0px; margin:0px 0px 14px 0px;}
.home-h3{margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size:12px; letter-spacing:2px;}
.home-h3 span{margin-right:20px;}
.home-service-content{margin:30px 0px 0px 0px; font-size:12px; font-family: 'Open Sans', sans-serif; line-height:24px; letter-spacing:.5px;}
.home-service-content1{margin:0px; font-size:12px; font-family: 'Open Sans', sans-serif; line-height:24px; letter-spacing:.5px; color:#fff;}
.clearer{clear:both; line-height:0px;}
footer{background:#161818; padding:30px 0px; text-align:center; color:#5c5e5e; font-size:12px;}
footer br{display:none;}
#back-to-top{width:150px; text-align:center; margin:30px auto 0px;}
#back-to-top a{font-family: 'Montserrat', sans-serif; letter-spacing:2px; background:url(../images/top-arrow.gif) no-repeat center top; padding-top:20px; color:#fff; text-decoration:none;
-webkit-transition: all 0.25s linear 0s;
-moz-transition: all 0.25s linear 0s;
-o-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
}
#back-to-top a:hover{letter-spacing:3px; color:#0bc1a5; background:url(../images/top-arrow-h.gif) no-repeat center top;}
#social-media{width:80px; height:40px; margin:30px auto;}
#social-media ul{margin:0px; padding:0px;}
#social-media ul li{list-style:none; float:left; width:40px; height:40px;}
#social-media ul li a{display:block; overflow:hidden; width:40px; height:40px;}
#social-media ul li a img{margin-top:0px;
-webkit-transition: all 0.25s linear 0s;
-moz-transition: all 0.25s linear 0s;
-o-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
}
#social-media ul li a:hover img{margin-top:-40px;}

.box-link {
	width: 50%; float:left;
	text-align: center;
	height: 100px;

	-webkit-transition: -webkit-transform .33s;
	transition: transform .33s; /* Animate the transform properties */

	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d; /* <-NB */
}
/* The two faces of the cube */
.flippety,.flop, .flippety1,.flop1 {height: 100px;}
.flippety a,.flop a, .flippety1 a,.flop1 a{text-align:center; display:block; text-decoration:none; font-family: 'Montserrat', sans-serif; letter-spacing:2px; font-weight:700; font-size:22px; padding:35px 0px; color:#fff;}

/* Position the faces */
.flippety {
	-webkit-transform: translateZ(50px); background: #0bc1a5;
	transform: translateZ(50px);
}

.flop {
	-webkit-transform: rotateX(-90deg) translateZ(-50px); background: #272b2b;
	transform: rotateX(-90deg) translateZ(-50px);
}
.flippety1 {
	-webkit-transform: translateZ(50px); background: #272b2b;
	transform: translateZ(50px);
}

.flop1 {
	-webkit-transform: rotateX(-90deg) translateZ(-50px); background: #0bc1a5;
	transform: rotateX(-90deg) translateZ(-50px);
}

/* Rotate the cube */
.box-link:hover {
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg); /* Text bleed at 90º */
	
}

.know-more{width:160px; height:40px; margin-top:30px;}
.know-more a{display:block; text-align:center; color:#fff; font-family: 'Montserrat', sans-serif; letter-spacing:2px; text-decoration:none; font-size:12px;}
.orange-link,.blue-link,.yellow-link,.green-link,.violet-link,.black-link{border:solid 1px #fff; padding:11px 0px;
-webkit-transition: all 0.25s linear 0s;
-moz-transition: all 0.25s linear 0s;
-o-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
}
.orange-link:hover{background:#e16313; border:solid 1px #e16313; letter-spacing:3px;}
.blue-link:hover{background:#016b82; border:solid 1px #016b82; letter-spacing:3px;}
.yellow-link:hover{background:#d7ac19; border:solid 1px #d7ac19; letter-spacing:3px;}
.green-link:hover{background:#79ba1a; border:solid 1px #79ba1a; letter-spacing:3px;}
.violet-link:hover{background:#5222ae; border:solid 1px #5222ae; letter-spacing:3px;}
.black-link:hover{background:#222b2d; border:solid 1px #222b2d; letter-spacing:3px;}
.icon{margin-bottom:50px; opacity:.5;
-webkit-transition: all 0.25s linear 0s;
-moz-transition: all 0.25s linear 0s;
-o-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
}
#home-services ul li:hover .icon{opacity:1;}
#home-clients{margin:60px 0px;}
.some-clients{font-family: 'Montserrat', sans-serif; letter-spacing:2px; font-size:12px; text-align:center; font-weight:700; color:#959696; margin-bottom:30px;}
.clients-testimonial{font-family: 'Montserrat', sans-serif; letter-spacing:2px; font-size:12px; text-align:center; font-weight:700; color:#fff; margin-bottom:30px;}
.client-img1{float:left; width:50%;}
.client-img2{float:right; width:50%;}
.banner1{background:url(../images/software-app.jpg) no-repeat center center; background-size:cover;}
.banner2{background:url(../images/web-graphic.jpg) no-repeat center center; background-size:cover;}
.banner3{background:url(../images/seo-social-media.jpg) no-repeat center center; background-size:cover;}
.get-a-quote{background:url(../images/get-a-quote.jpg) no-repeat center center; background-size:cover;}
.abou-us{background:url(../images/about-us.jpg) no-repeat center center; background-size:cover;}
.contact{background:url(../images/contact.jpg) no-repeat center center; background-size:cover;}
.services{background:url(../images/service.jpg) no-repeat center center; background-size:cover;}
.img1{background:url(../images/branding.jpg) no-repeat center center; background-size:cover;}
.img2{background:url(../images/web.jpg) no-repeat center center; background-size:cover;}
.img3{background:url(../images/software.jpg) no-repeat center center; background-size:cover;}
.img4{background:url(../images/app.jpg) no-repeat center center; background-size:cover;}
.img5{background:url(../images/social.jpg) no-repeat center center; background-size:cover;}
.img6{background:url(../images/seo.jpg) no-repeat center center; background-size:cover;}
header{position:absolute; width:100%; z-index:999;}
#logo{width:250px; float:left; margin-top:30px;}
#menu{float:right; margin-top:50px;}
#menu ul{margin:0px; padding:0px;}
#menu ul li{list-style:none; float:left; margin-left:25px;}
#menu ul li a{text-decoration:none; color:#fff; font-family: 'Montserrat', sans-serif; font-size:13px;
-webkit-transition: all 0.25s linear 0s;
-moz-transition: all 0.25s linear 0s;
-o-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
}
.link-border{border:solid 1px #fff; padding:10px 15px;
-webkit-transition: all 0.25s linear 0s;
-moz-transition: all 0.25s linear 0s;
-o-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
}
#menu ul li a:hover{color:#0bc1a5;}
.link-border:hover{border:solid 1px #0bc1a5;}
#menu-responsive{ display:none; height:20px; width:20px; float:right; margin-top:48px;}
h1{font-family: 'Montserrat', sans-serif; font-size:50px; letter-spacing:2px; font-weight:700; color:#fff; margin-top:280px; margin-bottom:20px;}
h2{font-family: 'Montserrat', sans-serif; font-size:30px; letter-spacing:2px; font-weight:700; color:#fff; margin-bottom:20px;}
.bold-content{font-family: 'Montserrat', sans-serif; font-size:18px; text-align:left; width:760px; color:#fff;}
#contentarea{background:#161818; padding:60px 0px;}
#contentarea p{font-family: 'Montserrat', sans-serif; font-size:14px; color:#6f6f6f; margin-bottom:20px;}

#color-area{}
#color-area ul{margin:0px; padding:0px;}
#color-area ul li{float:left; list-style:none; width:33.33%; min-height:350px;
-webkit-transition: all 0.25s linear 0s;
-moz-transition: all 0.25s linear 0s;
-o-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
}
#color-area ul li:hover{background:#161818;}
#testimonials{background:#0bc1a5; padding:60px 0px;}
.testi-content{font:italic 18px/24px Georgia, "Times New Roman", Times, serif; text-align:center; color:#fff; max-width:760px; margin:0px auto;}
.testi-name{margin:30px 0px 40px 0px; text-align:center; color:#fff; font-size:12px; background:url(../images/line.jpg) no-repeat center top; padding-top:20px;}
.testi-name span{font-family: 'Montserrat', sans-serif; font-size:16px;}
.service{position:relative;}
.service-img{position:absolute; height:100%; width:40%;}
.service-content{width:60%; color:#fff;}
.img-right{right:0px;}
.img-left{left:0px;}
.content-right{float:right;}
.padding-top{padding:60px 0px;}
#enquire-area{width:680px; margin:0px auto;}
.text-white{color:#fff;}
#portfolio{}
#portfolio ul{margin:0px; padding:0px;}
#portfolio ul li{list-style:none; float:left; width:33.333%;}

@media (max-width: 1160px) {
		#color-area ul li{float:left; list-style:none; width:33.33%; min-height:450px;}
	}

@media (max-width: 1026px) {
		#home{position:absolute; width:100%; height:70%; background:#060;}
		#home-contentarea{position:absolute; top:70%; width:100%;}
		#home-services ul li{min-height:545px;}
	}
@media (max-width: 1000px) {
	#menu{display:none; visibility:hidden;}
	#menu-responsive{display:block;}
	}
@media (max-width: 900px) {
		#home-services ul li{min-height:570px;}
		#color-area ul li{float:left; list-style:none; width:100%; min-height:inherit;}
	}
@media (max-width: 800px) {
		#home-services ul li{list-style:none; width:50%; float:left; color:#fff; min-height:520px;}
		#portfolio ul li{list-style:none; float:left; width:50%;}
	}
@media (max-width: 768px) {
		#home{position:absolute; width:100%; height:400px; background:#060;}
		#home-contentarea{position:absolute; top:400px; width:100%;}
		#enquire-area{width:80%; margin:0px auto;}
		
	}
@media (max-width: 767px) {
		.box-link{list-style:none; float:left; width:100%; text-align:center;}
		#home-services ul li{min-height:545px;}
		.bold-content{font-family: 'Montserrat', sans-serif; font-size:18px; text-align:left; width:auto; color:#fff;}
		.top-space{margin-top:60px;}
		.enquire-area{width:100%; margin:0px auto;}
		.service-img{position:relative; height:300px; width:100%;}
		.service-content{width:100%; color:#fff;}
	}
@media (max-width: 602px) {
		#home-services ul li{min-height:590px;}
	}
@media (max-width: 485px) {
		#home-services ul li{list-style:none; width:100%; float:left; color:#fff; min-height:inherit;}
		.client-img1{float:left; width:100%;}
		.client-img2{float:right; width:100%;}
	}
@media (max-width: 360px) {
		footer br{display:block;}
		#portfolio ul li{list-style:none; float:left; width:100%;}	
	}