* {
	margin: 0;
}
html, body {
	height: 100%;
}

.wrapper {
	background: url("../images/bg-top-heading.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 3px solid #290015;
    height: auto !important;
    margin: 0 auto;
    min-height: 100%; /* the bottom margin is the negative value of the footer's height */
}

div.top-nav {
	 float: right;
    padding: 0px 0 0 0;
    width: 800px;  margin-top: -20px;
}


/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

.header {
	    height: 94px;
    margin: 0 auto;
    padding-top: 25px;
    width: 960px;
}

.logo {
	float: left;
	width: 210px;
	height: 104px; margin-top:-20px;
	
}
.logo img { width: 100%;}
.logo a { outline:none; }

.get-a-quote ul {
margin:0;
padding:0;
list-style-type:none;
	
}
.get-a-quote li {
margin:0;
padding:0;

	
}


/*
* START: Button
*/
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	padding: 7px 12px;
	cursor:pointer;	
	line-height:16px;
	display:inline-block;
}
.medium {
	
}
.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	padding: 15px 20px;
	cursor:pointer;	
	line-height:20px;
	display:inline-block;
}
.button {
}

.get-a-quote a {
	background: #C20047; /* Old browsers */

    border-radius: 25px 25px 25px 25px;
    color: #FFFFFF;
    float: right;
	text-transform: uppercase;
	border: 1px solid #B5245B;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
    font-family: 'Open Sans';
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
    font-size: 14px;
    outline: medium none;
    padding: 9px 25px 8px;
    text-decoration: none;
	-webkit-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	 }
.get-a-quote a:hover {
	color:#ffffff;
text-decoration:none;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
     }

	
.orange {
	text-shadow: 1px 1px 0px #ffe8b2;
	color: #fff;
	border: 1px solid #d6a437;	
	text-decoration: none;
    background: #febd4b; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fed970) to(#febd4b)); /*old webkit*/
    background: -webkit-linear-gradient(#fed970, #febd4b); /*new webkit*/
    background: -moz-linear-gradient(#fed970, #febd4b); /*gecko*/
    background: -ms-linear-gradient(#fed970, #febd4b); /*IE10*/
    background: -o-linear-gradient(#fed970, #febd4b); /*opera 11.10+*/
    background: linear-gradient(#fed970, #febd4b); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#fed970, #febd4b); /*PIE*/
	
	
}
.orange:hover {
	color: #fff;
	border: 1px solid #d6a437;	
    background: #febd4b; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#febd4b) to(#fed970)); /*old webkit*/
    background: -webkit-linear-gradient(#febd4b, #fed970); /*new webkit*/
    background: -moz-linear-gradient(#febd4b, #fed970); /*gecko*/
    background: -ms-linear-gradient(#febd4b, #fed970); /*IE10*/
    background: -o-linear-gradient(#febd4b, #fed970); /*opera 11.10+*/
    background: linear-gradient(#febd4b, #fed970); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#febd4b, #fed970); /*PIE*/	
}
.orange-hover {
	text-shadow: 1px 1px 0px #ffe8b2;
	color: #7c5d1b;
	border: 1px solid #d6a437;	
    background: #febd4b; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#febd4b) to(#fed970)); /*old webkit*/
    background: -webkit-linear-gradient(#febd4b, #fed970); /*new webkit*/
    background: -moz-linear-gradient(#febd4b, #fed970); /*gecko*/
    background: -ms-linear-gradient(#febd4b, #fed970); /*IE10*/
    background: -o-linear-gradient(#febd4b, #fed970); /*opera 11.10+*/
    background: linear-gradient(#febd4b, #fed970); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#febd4b, #fed970); /*PIE*/	
}

.round {
	
}
/*
* END: Button
*/


/*
* START: Slider
*/
#slider-box {
	width: 100%;
	background:url(../images/bg-slider.png) repeat-x scroll center 0 transparent;
	
}

.slide-left { padding-top:10px; float:left; overflow:hidden;  }

#slider .bx-pager {  float: left;
    left: -3px;
    position: absolute;
    top: 286px;    }

.slide-left h4 { font-size:32px; font-family:'Open Sans'; text-transform:uppercase; color:#434854;  line-height: 37px;
    text-shadow: 0 1px 0 #fff;
    font-weight: 700;
	margin-bottom:10px;
	letter-spacing:0.45px;
	width:410px !important; }
	


.slide-left p {  color: #434854;
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 24px;
    width: 410px; }
	
#latest-projects .bx-pager-link  {     position: absolute;
    right: -36px;
    top: -54px;
	background:url(../images/arrow-left.png);
	width:21px;
	height:21px;
	text-indent:-999999px;}
#latest-projects .bx-pager-link:after {     position: absolute;
    right: -60px;
    top: -54px;
	background:url(../images/arrow-right.png);
	width:21px;
	height:21px;
	text-indent:-999999px;}


#slider .bx-pager-link { background:url(../images/slide-thumnail.png); width:22px; height:22px; float:left; display:block; outline:0 none; border:none; }
#slider .bx-wrapper .bx-prev { background:url(../images/prev-slide.png) no-repeat; width:42px; height:43px; top:305px !important; left:0; }
#slider .bx-wrapper .bx-next { background:url(../images/next-slide.png) no-repeat; width:42px; height:43px; top:305px !important; right:876px !important; }
#slider .active  { background:url(../images/active-thumbnail.png); width:22px; height:22px; float:left; }

.bx-pager a { text-indent:-9999px; outline:0 none; border:none; }

.slide-right {   float: right;
height:auto;
    padding-top: 20px; } 

#slider {
	width: 960px; overflow:hidden !important;
	margin: 0px auto;
	 
	height:346px;
}
/*
* END: Slider
*/


/*
section area start
*/

.section { margin:0 auto; width:960px; padding-top:25px; }

.section .heading {   
    color: #434854;
    font-family: 'Open Sans';
    font-size: 22px;
    padding-bottom: 15px; }

.section .sec-heading { font-weight: 700;}
	
	

.button1 { color:#000; background:ccc; display:block; }





.service-block{
	max-width:968px;
	margin:0 auto;
	padding:61px 10px 0;
}



.service-boxes{
	width:100%;
	overflow:hidden;
	position:relative;
	margin:0 0 40px 0;
	padding:2px 0 0;
	height:296px;
}
.service-boxes .holder{margin:0 0 0 -2%;}
.service-boxes ul{
	width:100%;
	overflow:hidden;
	padding:53px 0 0;
	margin:0 0 -54px; color:#fff !important;
}
.service-boxes li{
	    display: inline-block;
    float: left;
    margin: 0 0 81px 2.33%;
    vertical-align: top;
    width: 31%;
}
*+html .service-boxes li {display:inline;}
.service-boxes li .frame{ border:1px solid #333 !important}
.service-boxes li .frame{
	text-align:center;
	 border-radius:0px 10px !important;
	padding:26px 18px 55px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	min-height:150px;
	position:relative;
}
.service-boxes li .frame .wrap-text{
	width:100%;
	overflow:hidden;
	position:relative;
}
.service-boxes li .frame .text{
	width:100%;
	overflow:hidden;
	position:relative;
}
.service-boxes li .frame .text h2 { margin-top:10px; font-size:26px; font-weight: 400; font-family:'Open Sans'; color:#fff; }

.service-boxes li .frame .text p { font-size:17px; font-family:'Open Sans'; line-height:22px; color:#fff !important; font-weight: 300; }
.service-boxes li:hover .text p { color:#fff; }
.service-boxes li:hover .text h2 { color:#fff; }

/* all */
::-webkit-input-placeholder { color:#030; font-family:Verdana, Geneva, sans-serif; font-size:12px; }
::-moz-placeholder { color:#030; } /* firefox 19+ */
:-ms-input-placeholder { color:#030; } /* ie */
input:-moz-placeholder { color:#030; }

/* individual: webkit */
#field2::-webkit-input-placeholder { color:#030; }
#field3::-webkit-input-placeholder { color:#030; background:lightgreen; text-transform:uppercase; }
#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }

.service-boxes li.contact-box .frame{background:#fff;}
.service-boxes .frame:hover,
.service-boxes li.contact-box .frame:hover{
	cursor:pointer;
	color:#fff;
}
#main .service-boxes .frame:hover h2{color:#fff;}
.service-boxes li.contact-box .frame .wrap-text,
#main .service-boxes li.contact-box h2{color:#666 !important;}

.service-boxes .box-icon{
	width:79px;
	padding:6px;
	-webkit-border-radius:46px;
	border-radius:46px;
	background:url(../images/shadow2.png);
	display:block;
	margin:-80px auto 19px;
}
.service-boxes .box-icon em{
	width:79px;
	-webkit-border-radius:46px;
	border-radius:46px;
	overflow:hidden;
	display:block;
	position:relative;
}
.service-boxes .box-icon img{
	display:block;
	-webkit-border-radius:46px;
	border-radius:46px;
}
#main h2{
	margin:0 0 17px;
	font:20px/22px "ITCAvantGardeGothicDemiRg" ,Arial, Helvetica, sans-serif;
	color:#666;
}
#main .service-boxes h2{
	margin:0 0 17px;
	font:30px/30px "ITCAvantGardeGothicBookRg" , Arial, Helvetica, sans-serif;
}
#main .service-boxes p{margin:0 0 20px;}
.service-boxes .wrap{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:0 0 15px;
	overflow:hidden;
}
.service-boxes .cover{
	display:inline-block;
	vertical-align:top; top:40px;
	position:relative;
}
*+html .service-boxes .cover{display:inline;}
.service-boxes .rel{
	width:40px;
	height:3px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin:0 auto 22px;
}
.service-boxes .icon-list{
	float:left;
	padding:0;
	margin:0;
	width:auto;
}
.service-boxes .frame:hover .icon-list{
	display:block;
}
.service-boxes .icon-list li{

	width:120px !important;

	margin:0;

}
.service-boxes .icon-list a{
	background: #ffffff; /*fallback for non-CSS3 browsers*/
    color: #6C103A;
    border-radius: 25px;
    display: block;border-radius:0px 10px !important;
    padding: 10px;
	text-decoration:none;
	text-transform: capitalize;
}
.service-boxes .icon-list a span{  }
.service-boxes .icon-list a.icon1 span{background-position:-5px -106px;}
.service-boxes .icon-list a.icon2 span{background-position:-51px -106px;}
.service-boxes a.contact{margin:5px 0 0;}


/*ending service*/



/*latest projects*/

.project-section { overflow:hidden; }

.projects { transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;  
   -moz-transition:all 0.5s ease-in-out 0s;  
   -o-transition:all 0.5s ease-in-out 0s;  width:100%;  float:left; margin-right:20px;  text-align:center; text-decoration:none; outline:none; }

.projects:last-child { margin-right:0; }

.section .projects img { box-shadow:1px 0px 5px #666 inset; }

.heading span { font-size: 38px; font-weight: 700;  color: #63002E; line-height: 50px; text-transform: uppercase;}

.section .projects h4 { transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; width: 100%; float: left;  
   -moz-transition:all 0.5s ease-in-out 0s;  
   -o-transition:all 0.5s ease-in-out 0s;  padding-top:20px; font-size:18px; font-weight: 400; font-family:'Open Sans'; color:#434854; margin:0; padding-bottom:10px;  }

.section .projects span { padding-bottom:10px; font-family:'Open Sans'; text-transform: capitalize; color:#949494; font-size:14px; margin:0; font-weight: 300;  }

.bx-wrapper { width:960px; }
.bx-wrapper .bx-window { position:relative; overflow:hidden; width:960px; }
.bx-prev {   position: absolute;
    right: -36px;
    top: -54px; }
.bx-next {   position: absolute;
    right: -60px;
    top: -54px; }


/*footer section*/

.footer-wrapper, .push {
	background: url(../images/footer.jpg);
  
   
    overflow: hidden;
    width: 100%; }
	


.footer {
	margin: 0px auto;
	width: 960px;
	padding-top:40px;
}
.tweets { float:left; width:440px; margin-right:20px; }
.tweets h2 {    background: url("../images/tweet.png") no-repeat scroll 128px 3px transparent;
    color: #C5C5C5;
    font-family: 'Open Sans';
    font-size: 18px;
    margin: 0;
    padding: 10px 0; }
	
.tweets p, .links p {  color: #fff;
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px;
     }
.tweets p a, .links p a { text-decoration:none; color:#fff; outline:none;  }
.links p a:hover { text-decoration:underline; }
.tweets p a:hover { text-decoration:underline; }
.tweets p span { color:#d8d8d8; }
.links {
    float: left;
    margin-right: 30px;
    width: 200px;}
.links h3 { color: #fff;
    font-family: 'Open Sans'; text-shadow:1px 1px 1px #030 !important;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 0;
    font-weight: 700; }
	
.links ul { list-style:none outside none; margin:8px 0 0; }
.links ul li { list-style:none outside none; line-height:33px; }
.links ul li a { color:#fff; font-size:14px; font-family:'Open Sans'; text-decoration:none; outline:none; }
.links ul li a:hover { text-decoration:underline; }
.address {
    margin: 0;
    width: 300px;}
.footer-end {  background:url(../images/footer2.jpg);
    float: left;
    height: 50px;
    width: 100%;
	margin-top:20px; }
	
.footer-wrap  { width:960px; margin:0 auto; }
.footer-wrap ul {    float: left;
    list-style: none outside none;
    margin: 21px 0 0; }
.footer-wrap ul li { float:left; display:inline-block; list-style-type:none; margin-right:40px; }
.footer-wrap ul li a { text-decoration:none; color:#fff; font-size:16px; font-family:'Open Sans'; outline:none; }
.footer-wrap ul li a:hover { text-decoration:underline; }
.right-social { float:right; width:300px;  }
.right-social ul {  
    list-style: none outside none;
    margin: 9px 0 0;
	float:right; }
.right-social ul li {      
 	
    list-style: none outside none;
    margin: 0 0 0 20px; }
.right-social ul li a { transition-property:all;transition-duration:0.5s;transition-delay:0s;transition-easing:ease-out;-moz-transition-property:all;-moz-transition-duration:0.5s;-moz-transition-delay:0s;-moz-transition-easing:ease-out;-webkit-transition-property:all;-webkit-transition-duration:0.5s;-webkit-transition-delay:0s;-webkit-transition-easing:ease-out;-o-transition-property:all;-o-transition-duration:0.5s;-o-transition-delay:0s;-o-transition-easing:ease-out; }
.right-social ul li a:hover { transition-property:all;transition-duration:0.5s;transition-delay:0s;transition-easing:ease-out;-moz-transition-property:all;-moz-transition-duration:0.5s;-moz-transition-delay:0s;-moz-transition-easing:ease-out;-webkit-transition-property:all;-webkit-transition-duration:0.5s;-webkit-transition-delay:0s;-webkit-transition-easing:ease-out;-o-transition-property:all;-o-transition-duration:0.5s;-o-transition-delay:0s;-o-transition-easing:ease-out; }
.right-social ul li a { outline:none;   float:right;   }
.right-social .dribble {  background-position:left top; }
.right-social .twitter { margin-top:6px;  background:url(../images/twitter.png) no-repeat scroll left top transparent; width:24px; height:18px; }
.right-social .linkedin { background:url(../images/linkedin.png) no-repeat scroll left top transparent; width: 24px; height: 24px; margin-top: 4px; }
.right-social .facebook { background:url(../images/fb.png) no-repeat scroll left 4px transparent; width:12px; height:28px; }
.right-social .dribble:hover {  background-position:left bottom; }
.right-social .twitter:hover {  background-position: left bottom; }
.right-social .linkedin:hover { background-position: left bottom; }
.right-social .facebook:hover { background-position: left bottom; }

/*Home Page End*/

/*service page start*/

.top-heading { width:100%; background:#F8F8F8; height:119px; }
.top-heading .heading-mid { margin:0 auto; width:960px; }
.top-heading .heading-mid .heading-main { float:left; padding:30px 0; height:57px; }
.top-heading .heading-mid .heading-main h2 {                color: #434854;
    float: left;
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-weight: 700;
    font-size: 34px;
    letter-spacing: 1.7px;
    padding: 20px 0;
    text-shadow: 0 1px 0 #fff;
	margin:0;} 
.top-heading .heading-mid .heading-main p { font-size:16px; font-family:'Open Sans'; color:#fff; margin:15px 0 0 0; } 
.top-heading .heading-mid img { float:right; opacity: 0.5; }
.services ul { list-style:none outside none; }
.para ul {    margin: 20px 0; float:left;}
.para h2 {    margin: 20px 0 !important;}
.services ul li {
    background: url("../images/service-opt.png") no-repeat scroll 57px 0px rgba(0, 0, 0, 0);
    float: left;
    margin: 0 0 30px;
    padding: 0 0 0 100px;
    position: relative;}
.sep {background: none repeat scroll 0 0 #F1F1F1 !important;
    height: 1px;
    margin-bottom: 0px !important;
    margin-top: 7px !important; }
.services { overflow:hidden;  }
	  
.services ul li span {   

/* background: url("../images/sprite-services.png") no-repeat scroll 0 7px transparent;*/
    height: 55px;
    left: 0;top: -14px;
    position: absolute;
    width: 46px;
	padding-top:6px; }
    
    
    .services ul li img
    
    {
	
}
.services #web-design { background-position:left 8px; }
.services #web-development { background-position:left -138px; }
.services #mobile-design { background-position:left -286px; }
.services #mobile-apps { background-position:left -435px; }
.services #seo { background-position:left -580px; }
.services #strategy { background-position:left -723px; }
.services ul li h3 { color: #16BED7;
    font-family: 'Open Sans';
    font-size: 22px;
    margin: 0 0 15px;
	padding-top:5px; }
	
	
	
	
	.services ul li h3 a { color: #434854;
    font-family: 'Open Sans';
    font-size: 22px;
    margin: 0 0 15px;
	padding-top:5px; 
	text-decoration:none;
	outline:none;
	-webkit-transition:all 0.5s ease-in-out 0s;  
   -moz-transition:all 0.5s ease-in-out 0s;  
   -o-transition:all 0.5s ease-in-out 0s;  
   transition:all 0.5s ease-in-out 0s;}
.services ul li h3 a:hover { color:#CC0033; }

	.dots{margin-top:10px; margin-bottom:-4px; margin-right:6px;}

	
.services ul li p { font-size:15px; font-family:'Open Sans'; color:#000; margin:0; line-height:24px; margin-bottom:10px; }
.ser ul li:last-child {  background:url("../images/bullet.png") no-repeat scroll 55px 0 transparent; }
.ser ul li:last-child:after {    background: none repeat scroll 0 0 #8f005e;
    bottom: 100%;
    content: "";
    height: 940px;
    left: 67px;
    margin-bottom: -15px;
    position: absolute;
    width: 1px;
    z-index: -1; }
	
.services .buttons { margin-left:110px; float:left; }
.services .buttons a, .left-form .submit-button{ float:left; width:250px;  background:url(../images/bg-button.png) repeat-x scroll 0 0 transparent; text-align:center; color:#fff; font-size:18px; font-family: 'Open Sans'; text-transform:uppercase; text-decoration:none; padding:10px 0; margin-right:30px; border-radius:5px; } 


.left-form input[type ="submit"]

{
	box-shadow:none; float:left; width:110px; text-align:center; color:#fff; background:#8f005e; font-size:14px; font-family: 'Open Sans'; text-transform:uppercase; text-decoration:none; padding:6px; margin-right:30px; border:0; border-radius:25px; cursor:pointer;
	-webkit-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);

}
.left-form input[type ="submit"]:hover { background:#434854;
	color:#ffffff;
text-decoration:none;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
				  }


input.wpcf7-form-control.wpcf7-submit.submit-button
{
	
	
}



/*contact us page start*/


.caption { width:960px; padding-bottom:40px; }
.caption p  {  font-size:16px; font-family:'Open Sans'; line-height:24px; color:#000; margin:0; }
.left-form { width:630px; float:left; margin-right:30px; }
.left-form h2, .right-info h2 { font-size:20px; font-weight: 700; color:#B8067B; font-family:'Open Sans'; border-bottom:1px solid #f1f1f1; padding-bottom:20px; }




.right-info a
{
	color:#818181;
	text-decoration:none;
}


.right-info a:hover
{
	color:#71d1df;
}
.left-form label {   color: #818181;
    float: left;
    font-family: 'Open Sans';
    font-size: 14px;
    padding-bottom: 5px;
    width: 610px; }
.left-form input {    background: url("../images/bg-input.png") no-repeat scroll 8px center transparent;
    border: 1px solid #DBDBDB;
    box-shadow:0px 2px 15px #f2f2f2 inset;
    color: #9E9E9E;
    float: left;
    font-family: 'Open Sans';
    font-size: 16px;
    padding: 10px 10px 10px 45px;
    width: 558px;
  }
.left-form textarea { background:url("../images/bg-input.png") no-repeat scroll 8px 5px transparent; font-size:16px; border:1px solid #dbdbdb; box-shadow:0px 2px 15px #f2f2f2 inset; float:left; color:#9E9E9E; font-family:'Open Sans'; padding: 10px 10px 10px 45px;
    width: 503px; }
.right-info { float:left; width:300px; }
.right-info ul li { padding:0 0 0 60px;
					margin-bottom:20px;
					font-size:14px;
					font-family:'Open Sans'; 
					line-height:24px;
					color:#000;
					background:url(../images/sprite-contact.png) no-repeat scroll left 4px transparent;
					width:235px; }
.right-info .america { background: url("../images/america.html") no-repeat scroll 0 4px; margin-top:20px; }					
.right-info .dubai { background-position:left 4px; height:43px; }					
.right-info .skype { background-position: left -312px; height: 26px; }
.right-info .skype.a { margin-top:0; } 
.right-info .phone { background-position: left -353px; height: 25px; }
.right-info .email { background-position: left -393px; }
.right-info .cell {  background-position: left -433px; height: 25px; }
.right-info .fax { background: url("../images/fax.png") no-repeat scroll 9px 1px / 19px auto rgba(0, 0, 0, 0);}
.right-info .pak { background-position:left -137px; margin-top:20px;  }

.left-input .wpcf7-form-control-wrap.attachment { width: 100%; }

/*contact us page end*/

/*portfolio page start*/

.products { margin-bottom:20px; float:left;  width:100%; text-align:center;   }
.product1 {   float: left;
    
    margin-right: 20px;
    width: 300px;
	text-decoration:none; }
	
	
	
	
	
	
	.product1 img
	{
	  width: 300px;
	
  height:209px;
}
	
	
	
.product1 h3 { text-align:center; margin:0; padding-bottom:10px; }
.product1 span {  text-align:center; font-size:20px; color:#7e7e7e; font-family:'Open Sans';    }

.product1 p  { padding-top:10px; font-size:15px; font-family:'Open Sans'; color:#989898; text-align:center; text-decoration:none;  }
.margin0   { margin:0; }


/*portfolio page end*/

/*blog page start*/

.left-blog  { width:610px; float:left; margin-right:50px; }
.left-blog .article { float:left; padding-bottom:20px; border-bottom:1px solid #f1f1f1; margin-bottom:30px; width:610px; }
.left-blog .article h2 {    margin: 0 0 15px; }
.left-blog .article h2 a { font-size:22px; color:#434854; font-family:'Open Sans'; text-decoration:none;  }
.left-blog .article h2 a:hover { color:#16bed7; text-decoration:none;  }
.article p {  } 
.article h4 {   color: #434854;
    font-family: 'Open Sans';
	margin-top: 20px;
    font-size: 16px;
    
    margin-bottom: 4px;  }
.left-blog .article .img { margin-bottom:20px; margin-top:0; }
.left-blog .article p a { color:#00afc4; text-decoration:none; }



.commentmetadata a
{
	color:#00afc4; 
	font-style:italic;
	
	
}


.commentmetadata
{
font-size:14px; font-family:'Open Sans'; font-style:italic; color:#434343; margin:0;
}
#commentmetadata
{
font-size:14px; font-family:'Open Sans'; font-style:italic; color:#434343; margin:0;
}


.left-blog .article a img { margin-top:20px; }
 .para { font-size:14px !important; font-family:'Open Sans' !important; color:#818181 !important; line-height:24px; font-style:normal !important; margin-top:10px; margin-bottom:10px; }
.left-blog .article .more { color:#00afc4; text-decoration:none; font-size:16px; font-family:'Open Sans'; float:left;  }
.left-blog .article .readmore { width:100%; float:left; margin-bottom:10px; }
.left-blog .article a:hover { text-decoration:underline; } 
.left-blog .article .social { float:left; }



.wp-pagenavi a:hover, .wp-pagenavi span.current, .pages , .extend

{
	float:left; background:#434854; 
	padding:5px 10px; margin-left:15px; 
	color:#fff; font-size:14px; font-family:'Open Sans'; 
	text-decoration:none;
}

.wp-pagenavi a:first-child, .wp-pagenavi span.current:first-child, .pages:first-child, a.first
{
	margin-left:0 !important;
	
}




.left-blog .pager { float:right; margin:0 0 0 0px;}
.left-blog .pager a, .extend  { float:left; background:#f8f8f8; padding:5px 10px; margin-left:10px; color:#434343; font-size:14px; font-family:'Open Sans'; text-decoration:none; }
.left-blog .pager a:hover { float:left; background:#434854; padding:5px 10px; margin-left:10px; color:#fff; font-size:14px; font-family:'Open Sans'; text-decoration:none; }
#right-blog ul li {    background: none repeat scroll 0 0 transparent;
    line-height: 26px;
    margin: 0;
    padding: 0;
	float:none; }
#right-blog ul li a {    color: #818181;
    font-family: 'Open Sans';
    font-size: 14px;
    text-decoration: none; }
#right-blog ul li a:hover { text-decoration:underline; }
#right-blog p { color:#818181; font-size:14px; font-family:'Open Sans'; line-height:24px; }
#right-blog a {    color: #00AFC4;
    font-family: 'Open Sans';
    font-size: 16px;
    text-decoration: none;
    width: 100%; }
#right-blog a:hover { text-decoration:underline; }
	
/*blog page end*/

/*get a quote start*/



.left-form, .left-input


{
	width:630px;
	}


.left-input input

{ width: 240px;	}
.left-input .attachment .file-attachment { width:50px; cursor:pointer; }
.left-input p
{
	float:left;
	
	width: 315px;

}
.left-form p { float:left; margin-bottom:20px; }

.left-input input[type="checkbox"]
{
	float:left;
	margin:0 0 20px 0;
	padding:0 0 0 20px;
	width:20px;
	

}

.label-choice label
{
	
}


.leave-comment { float:left; width:610px; }
.leave-comment h2 { font-family:'Open Sans'; color:#00AFC4; }



.left-form h2
{
	width:615px;
	
}


.left-form hr
{
	border-bottom:1px solid #f1f1f1; width:100%; height:1px;
	color: #f1f1f1;
}

.left-form .margin-l { margin-left:20px; }
.left-form .border-b {  padding-bottom:10px; float:left; }
.left-form .border-b select {    
    border: 1px solid #DBDBDB;
    box-shadow: 0 2px 15px #F2F2F2 inset;
    color: #DBDBDB;
    float: left;
    font-family: 'Open Sans';
    font-size: 16px;
    margin-bottom: 20px;
  
    padding: 10px;
    width: 293px; }
.left-form .border-b select option { color:#818181; }
.left-form .givn-margin { margin-top:30px; }
.left-form .givn-margin .checbox {    background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 1px 0 0;
    padding: 0;
    width: 20px;
	 }
.left-form .left-input ul li {  background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 0;
    padding: 0 0 30px; }
.left-form .givn-margin ul li label {     color: #818181;
    float: left;
    font-family: 'Open Sans';
    font-size: 16px;
    padding: 0 0 0 20px;
    width: 250px; }
.left-form .remove-b { border-bottom:none; }
.left-form .remove-b textarea { width:571px; }


/*............GET A QUOTE END...........*/

/*about us page start*/

.section .about h2 {   border-bottom: 1px solid #F1F1F1;
    color: #434854;
    font-family: 'Open Sans';
    font-size: 22px;
    padding-bottom: 20px;
	margin-bottom:20px; }
.section .about p {     color: #000000;
  font-family: 'Open Sans';
  font-size: 15px;
  line-height: 24px;
  margin: 0 0 30px;
	 }
	 
/*blog detail page*/

.left-blog input {  
    border: 1px solid #DBDBDB;
    box-shadow: 0 2px 15px #F2F2F2 inset;
    color: #DBDBDB;
    float: left;
    font-family: 'Open Sans';
    font-size: 16px;
    margin-bottom: 20px;
    padding: 10px 20px;;
    width: 400px; }
.left-blog textarea { 
    border: 1px solid #DBDBDB;
    box-shadow: 0 2px 15px #F2F2F2 inset;
    color: #DBDBDB;
    float: left;
    font-family: 'Open Sans';
    font-size: 16px;
    margin-bottom: 20px;
    padding: 10px 20px;
    width: 503px; }
.left-blog .post {  background: url("../images/bg-button.png") repeat-x scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: left;
    font-family: 'Open Sans';
    font-size: 18px;
    margin-right: 30px;
    padding: 8px 0;
    border:0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 250px;
	box-shadow:none; }

	


.sm1
{
	margin:0px 0 10px 0;
	padding:0 0 0 0;
	
	
	
}

.sm1 td img
{
	margin:0;
	padding:0;
	
}
.sm1 td
{
	
	
	margin:0;
	padding:0;
	
	text-align:left;
	 
	
}

.twitter-share-button
{
	
	margin:0!important;
	padding:0;
	width:85px !important;
	
}



#post-title{ color:#fff; font-size:34px; font-family:'Open Sans'; text-shadow:0 5px 0 #3CBED1; margin:0; margin-top:5px; } 

	
	
	
	

.wpcf7-list-item label
{
	
	
	
	height:20px;	
	width:310px;
	
	
	margin:10px 0 10px 0;
	padding:0;
	float:left;
	
	
}

.c .wpcf7-textarea
{
	width:558px !important;
}






	

.wpcf7-response-output, .wpcf7-display-none, .wpcf7-mail-sent-ng
{
	float:right;
		width:200px;
	
	
	
}


.wpcf7-form-control, .wpcf7-text, .wpcf7-validates-as-required, .wpcf7-form-control-wrap
{
	float:left;
	
	
	
}
.left-form .your-email input { background:url("../images/email-input.png") no-repeat scroll 8px center transparent; }
.left-form .your-subject input { background:url("../images/company-input.png") no-repeat scroll 8px center transparent; }
.left-form .your-message textarea { background:url("../images/message-input.png") no-repeat scroll 8px 5px transparent; }
.left-form .text-phone input { background:url("../images/cell-input.html") no-repeat scroll 8px center transparent; }
.left-form .text-cell input { background:url("../images/cell-input.html") no-repeat scroll 8px center transparent; }




textarea.wpcf7-form-control.wpcf7-textarea
{ width:553px; }
.footer-contact-us .wpcf7-validation-errors {
    margin-top: 5px;
	font-family:'Open Sans';
	font-size:12px;
    padding: 7px 5px !important;
    width: 67% !important;
}






































/*Detail Page start*/

.detail {  width:100%; height:123px; }
.detail ul { }
.detail ul li { background:none; margin:0; padding:0;  }
.detail ul .second-d { margin:0 0 0 43px; }
.detail ul .fourth-d { margin:0 0 0 43px; }
.detail ul .fifth-d { margin:0 0 0 29px; }
.detail ul .sixth-d {     margin: 0 0 0 34px; }
.detail ul li .first { background:url(../images/design1.html) no-repeat left center; width:97px; height:123px; float:left; }
.detail ul li .second { background:url(../images/design2.html) no-repeat left center; width:97px; height:123px; float:left; }
.detail ul li .third { background:url(../images/design3.html) no-repeat left center; width:97px; height:123px; float:left; }
.detail ul li .fourth { background:url(../images/design4.html) no-repeat left center; width:97px; height:123px; float:left; }
.detail ul li .fifth { background:url(../images/design5.html) no-repeat left center; width:119px; height:123px; float:left; }
.detail ul li .sixth { background:url(../images/design6.html) no-repeat left center; width:97px; height:123px; float:left; }
.detail ul li a img {    margin: 55px 0 0 20px; }
.detail ul li a .img1 {    padding:0; background: url("../images/img1-web.html") no-repeat scroll 0 0 transparent; height: 47px; left: 31px; margin-top: 55px; width: 37px; }
.detail ul li a .img2 {    padding:0; background: url("../images/img2-web.html") no-repeat scroll 0 0 transparent; height: 44px; left: 29px; margin-top: 55px; width: 43px; }
.detail ul li a .img3 {    padding:0; background: url("../images/img3-web.html") no-repeat scroll 0 0 transparent; height: 45px; left: 33px; margin-top: 55px; width: 35px; }
.detail ul li a .img4 {    padding:0; background: url("../images/img4-web.html") no-repeat scroll 0 0 transparent; height: 56px; left: 31px; margin-top: 48px; width: 40px; }
.detail ul li a .img5 {    padding:0; background: url("../images/img5-web.html") no-repeat scroll 0 0 transparent; height: 42px; left: 39px; margin-top: 56px; width: 50px; }
.detail ul li a .img6 {    padding:0; background: url("../images/img6-web.html") no-repeat scroll 0 0 transparent; height: 52px; left: 23px; margin-top: 52px; width: 52px; }
.main-circle { width:100%; text-align:center; overflow:auto; }
.main-circle .circle { width:100%; background:url(../images/design-circle.html) no-repeat center center; width:188px; height:188px; float:left; margin-left:384px; outline:none; }
.article1 {  
    margin-top: 45px;
    overflow: auto;
    width: 100%; }
.article1 .left-detail p img { margin-left:30px; margin-bottom:40px; float:right; }
.left-detail { float:left;  padding-top:10px; position: relative; width: 100%; }
.article1 .left-detail .identity-dec li {    color: #818181;
    display: inline;
    float: left;
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 26px;
    list-style: none outside none;
	width:90%;
	background:url("../images/bullets-identity.png") no-repeat scroll left center / 7px 7px rgba(0, 0, 0, 0);
	padding-left:30px; }
.article1 .left-detail .dec3 li { background:url(../images/bullets-identity.png) no-repeat left 10px; }
.article1 .left-detail .identity-dec .image-change { background:url("../images/bullets-identity.png") no-repeat scroll left center / 7px 7px rgba(0, 0, 0, 0); }
.identity-dec { float:left; width: 520px;  }
.identity-dec2 { float:left; width:960px;  }
.article1 .left-detail .dec4 { width:520px; }

.left-detail h1 { color:#00afc4; font-size:24px; font-family:'Open Sans'; line-height: 34px; }
.img-detail { position: absolute; right: 0; top: 0; width: 400px;}
.img-detail img { height: auto; width: 100%;}
.left-detail p { color:#818181; font-size:14px; font-family:'Open Sans'; line-height:24px; width: 520px; margin-bottom: 15px; }
.article1 .left-detail ul li { float:left; background:none; margin:0; padding:0; }
.article1 .left-detail ul li img { margin-right:30px; }
.service-footer { width:100%; background:#F0F0F0; height:130px; margin-top:50px; }
.service-footer .service-mid { width:960px; margin:0 auto; }
.service-footer .service-mid p { float:left; color:#888888; font-size:24px; font-family:'Open Sans'; margin-top:55px; }
.service-footer .service-mid ul li { float:left; display:block; margin-top:30px; margin-left:52px; }
.service-footer .service-mid ul li:first-child { margin-left: 0;}
.service-footer .service-mid ul li .design { outline:none; background:url(../images/design-service.html) no-repeat left top; width:95px; height:66px; float:left; }
.service-footer .service-mid ul li a { transition-property:all;transition-duration:0.5s;transition-delay:0s;transition-easing:ease-out;-moz-transition-property:all;-moz-transition-duration:0.5s;-moz-transition-delay:0s;-moz-transition-easing:ease-out;-webkit-transition-property:all;-webkit-transition-duration:0.5s;-webkit-transition-delay:0s;-webkit-transition-easing:ease-out;-o-transition-property:all;-o-transition-duration:0.5s;-o-transition-delay:0s;-o-transition-easing:ease-out; }
.service-footer .service-mid ul li a:hover { transition-property:all;transition-duration:0.5s;transition-delay:0s;transition-easing:ease-out;-moz-transition-property:all;-moz-transition-duration:0.5s;-moz-transition-delay:0s;-moz-transition-easing:ease-out;-webkit-transition-property:all;-webkit-transition-duration:0.5s;-webkit-transition-delay:0s;-webkit-transition-easing:ease-out;-o-transition-property:all;-o-transition-duration:0.5s;-o-transition-delay:0s;-o-transition-easing:ease-out; }
.service-footer .service-mid ul li .development { outline:none; background:url(../images/development-service.html) no-repeat left top; width:104px; height:66px; float:left; }
.service-footer .service-mid ul li .mobile { outline:none; background:url(../images/mobile-apps-service.html) no-repeat left top; width:99px; height:66px; float:left; }
.service-footer .service-mid ul li .seo { outline:none; background:url(../images/search-engine-optimization-service2.html) no-repeat left top; width:150px; height:66px; float:left; }
.service-footer .service-mid ul li .corporate { outline:none; background:url(../images/corporate-identity-service.html) no-repeat left top; width:147px; height:66px; float:left; }
.service-footer .service-mid ul li .social { outline:none; background:url(../images/social-media-service.html) no-repeat left top; width:102px; height:62px; float:left; }
.service-footer .service-mid ul li .design:hover { background:url(../images/design-service.html) no-repeat left bottom;}
.service-footer .service-mid ul li .development:hover { background:url(../images/development-service.html) no-repeat left bottom; }
.service-footer .service-mid ul li .mobile:hover { background:url(../images/mobile-apps-service.html) no-repeat left bottom; }
.service-footer .service-mid ul li .seo:hover { background:url(../images/search-engine-optimization-service2.html) no-repeat left bottom; }
.service-footer .service-mid ul li .corporate:hover { background:url(../images/corporate-identity-service.html) no-repeat left bottom; }
.service-footer .service-mid ul li .social:hover { background:url(../images/social-media-service.html) no-repeat left bottom; }
.footer-second { margin-top:0; }
.services a { outline:none; }



/*.............END...............*/

/*CORPORATE SERVICE START*/

.corporate-main { width:960px; margin:0 auto; padding-top:40px; }
.corporate-main .corprate-bg {  height:123px; }
.corporate-main .corprate-bg ul li { float:left; list-style:none; position:relative; background:none; }
.corporate-main .corprate-bg ul .first-c { margin-left:0; margin-bottom:0; padding:0; }
.corporate-main .corprate-bg ul .second-c { margin-left:22px; margin-bottom:0; padding:0; }
.corporate-main .corprate-bg ul .third-c { margin-left:27px; margin-bottom:0; padding:0; }
.corporate-main .corprate-bg ul .fourth-c { margin-left:42px; margin-bottom:0; padding:0; }
.corporate-main .corprate-bg ul li .first { background:url(../images/logo-circle.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .corprate-bg ul li .second { background:url(../images/corporate-circle.html) no-repeat; float:left; width:133px; height:123px; }
.corporate-main .corprate-bg ul li .third { background:url(../images/outdoor-circle.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .corprate-bg ul li .fourth { background:url(../images/ad-circle.gif) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .corprate-bg .img1 {   padding:0;  background: url("../images/logo-small.html") no-repeat scroll 0 0 transparent; height: 46px; width: 48px; left:25px; margin-top:50px; }
.corporate-main .corprate-bg .img2 {   padding:0; background: url("../images/corporate-identity-small.html") no-repeat scroll 0 0 transparent; height: 47px; width: 45px; left:47px; margin-top:52px; }
.corporate-main .corprate-bg .img3 {   padding:0; background: url("../images/outdoor-small.html") no-repeat scroll 0 0 transparent; height: 46px; width: 57px; left:21px; margin-top:52px; }
.corporate-main .corprate-bg .img4 {   padding:0; background: url("../images/ad-small.gif") no-repeat scroll 0 0 transparent; height: 59px; width: 36px; left:33px; margin-top:46px; }
.main-circle .circle-corporate {   background: url("../images/corporate-big.html") no-repeat scroll center center transparent; float: left; height: 188px;
    margin-left: 385px;
    outline: medium none;
    width: 188px; }
	
/*...........END...............*/

/*.....SOCIAL PAGE START..........*/

.corporate-main .social-bg {  height:123px; }
.corporate-main .social-bg ul li { float:left; list-style:none; position:relative; background:none; }
.corporate-main .social-bg ul .first-s { margin-left:0; margin-bottom:0; padding:0; }
.corporate-main .social-bg ul .second-s { margin-left:43px; margin-bottom:0; padding:0; }
.corporate-main .social-bg ul .third-s { margin-left:43px; margin-bottom:0; padding:0; }
.corporate-main .social-bg ul .fourth-s { margin-left:43px; margin-bottom:0; padding:0; }
.corporate-main .social-bg ul li .first { background:url(../images/circle1-social.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .social-bg ul li .second { background:url(../images/circle2-social.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .social-bg ul li .third { background:url(../images/circle3-social.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .social-bg ul li .fourth { background:url(../images/circle4-social.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .social-bg .img1 {  padding:0;  background: url("../images/strategy-social.html") no-repeat scroll 0 0 transparent; height: 47px; width: 51px; left:27px; margin-top:50px; }
.corporate-main .social-bg .img2 {  padding:0;  background: url(images/ad-social.gif) no-repeat scroll 0 0 transparent; height: 46px; width: 49px; left:26px; margin-top:52px; }
.corporate-main .social-bg .img3 {  padding:0;  background: url("../images/man-social.html") no-repeat scroll 0 0 transparent; height: 46px; width: 40px; left:29px; margin-top:52px; }
.corporate-main .social-bg .img4 {  padding:0;  background: url("../images/mon-social.html") no-repeat scroll 0 0 transparent; height: 45px; width: 44px; left:28px; margin-top:53px; }
.main-circle .circle-social {   background: url("../images/social-big.html") no-repeat scroll center center transparent; float: left; height: 188px;
    margin-left: 384px;
    outline: medium none;
    width: 188px; }

/*......END.........*/

/*.....MOBILE APPS PAGE START..........*/

.corporate-main .mobile-bg {  height:123px; }
.corporate-main .mobile-bg ul li { float:left; list-style:none; position:relative; background:none; }
.corporate-main .mobile-bg ul .first-m { margin-left:0; margin-bottom:0; padding:0; }
.corporate-main .mobile-bg ul .second-m {margin-left: 43px; margin-bottom:0;  padding:0; }
.corporate-main .mobile-bg ul .third-m { margin-left: 43px; margin-bottom:0; padding:0; }
.corporate-main .mobile-bg ul .fourth-m { margin-left: 43px; margin-bottom:0; padding:0; }
.corporate-main .mobile-bg ul .fifth-m { margin-left: 43px; margin-bottom:0; padding:0; }
.corporate-main .mobile-bg ul li .first { background:url(../images/circle1-mobile.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .mobile-bg ul li .second { background:url(../images/circle2-mobile.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .mobile-bg ul li .third { background:url(../images/circle3-mobile.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .mobile-bg ul li .fourth { background:url(../images/circle4-mobile.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .mobile-bg ul li .fifth { background:url(../images/circle5-mobile.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .mobile-bg .img1 {  padding:0;  background: url("../images/ios-mobile.html") no-repeat scroll 0 0 transparent; height: 37px; width: 68px; left:17px; margin-top:58px; }
.corporate-main .mobile-bg .img2 {  padding:0;  background: url("../images/android-mobile.html") no-repeat scroll 0 0 transparent; height: 45px; width: 31px; left:33px; margin-top:52px; }
.corporate-main .mobile-bg .img3 {  padding:0;  background: url("../images/html5-mobile.html") no-repeat scroll 0 0 transparent; height: 45px; width: 42px; left:27px; margin-top:55px; }
.corporate-main .mobile-bg .img4 {  padding:0;  background: url("../images/windows-mobile.html") no-repeat scroll 0 0 transparent; height: 44px; width: 47px; left:26px; margin-top:55px; }
.corporate-main .mobile-bg .img5 {  padding:0;  background: url("../images/blackberry-mobile.html") no-repeat scroll 0 0 transparent; height: 41px; width: 57px; left:23px; margin-top:57px; }
.main-circle .circle-dev {   background: url("../images/development-big.html") no-repeat scroll center center transparent; float: left; height: 188px;
    margin-left: 384px;
    outline: medium none;
    width: 188px; }

/*......END.........*/


/*.....SERVICE DEVELOPMENT PAGE START..........*/

.corporate-main .development-bg {  height:123px; }
.corporate-main .development-bg ul li { float:left; list-style:none; position:relative; background:none; }
.corporate-main .development-bg ul .first-m { margin:0; padding:0; }
.corporate-main .development-bg ul .second-m { margin-left:25px; padding:0; margin-bottom: 0; }
.corporate-main .development-bg ul .third-m { margin-left:26px; padding:0; margin-bottom: 0; }
.corporate-main .development-bg ul .fourth-m { margin-left:25px; padding:0; margin-bottom: 0; }
.corporate-main .development-bg ul .fifth-m { margin-left:22px; padding:0; margin-bottom: 0; }
.corporate-main .development-bg ul .sixrh-m { margin-left:24px; padding:0; margin-bottom: 0; }
.corporate-main .development-bg ul .seventh-m { margin-left:25px; padding:0; margin-bottom: 0; }
.corporate-main .development-bg ul .eight-m { margin-left:27px; padding:0; margin-bottom: 0; }
.corporate-main .development-bg ul li .first { background:url(../images/circle1-dev.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .development-bg ul li .second { background:url(../images/circle2-dev.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .development-bg ul li .third { background:url(../images/circle3-dev.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .development-bg ul li .fourth { background:url(../images/circle4-dev.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .development-bg ul li .fifth { background:url(../images/circle5-dev.html) no-repeat; float:left; width:106px; height:123px; }
.corporate-main .development-bg ul li .sixth { background:url(../images/circle6-dev.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .development-bg ul li .seventh { background:url(../images/circle7-dev.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .development-bg ul li .eight { background:url(../images/circle8-dev.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .development-bg .img1 { padding:0;   background: url("../images/wp-dev.html") no-repeat scroll 0 0 transparent; height: 48px; width: 48px; left:25px; margin-top:54px; }
.corporate-main .development-bg .img2 { padding:0;   background: url("../images/mobile-dev.html") no-repeat scroll 0 0 transparent; height: 45px; width: 36px; left:29px; margin-top:52px; }
.corporate-main .development-bg .img3 { padding:0;   background: url("../images/ec-dev.html") no-repeat scroll 0 0 transparent; height: 43px; width: 47px; left:23px; margin-top:55px; }
.corporate-main .development-bg .img4 { padding:0;   background: url("../images/apple-dev.html") no-repeat scroll 0 0 transparent; height: 46px; width: 40px; left:28px; margin-top:55px; }
.corporate-main .development-bg .img5 { padding:0;   background: url("../images/fb-dev.png") no-repeat scroll 0 0 transparent; height: 46px; width: 24px; left:42px; margin-top:57px; }
.corporate-main .development-bg .img6 { padding:0;   background: url("../images/android-dev.html") no-repeat scroll 0 0 transparent; height: 48px; width: 35px; left:32px; margin-top:55px; }
.corporate-main .development-bg .img7 { padding:0;   background: url("../images/php-dev.html") no-repeat scroll 0 0 transparent; height: 40px; width: 73px; left:12px; margin-top:57px; }
.corporate-main .development-bg .img8 { padding:0;   background: url("../images/html5-dev.html") no-repeat scroll 0 0 transparent; height: 46px; width: 34px; left:33px; margin-top:54px; }
.main-circle .circle-mobile {   background: url("../images/mobile-big.html") no-repeat scroll center center transparent; float: left; height: 188px;
    margin-left: 384px;
    outline: medium none;
    width: 188px; }

/*......END.........*/


/*.....SERVICE SEARCH ENGINE OPTIMIZATION PAGE START..........*/

.corporate-main .seo-bg {  height:123px; }
.corporate-main .seo-bg ul li { float:left; list-style:none; position:relative; background:none; }
.corporate-main .seo-bg ul .first-seo { margin-left:0; margin-bottom:0; padding:0; }
.corporate-main .seo-bg ul .second-seo { margin-left:73px; margin-bottom:0; padding:0; }
.corporate-main .seo-bg ul .second-seo2 { margin-left:40px; margin-bottom:0; padding:0; }
.corporate-main .seo-bg ul .third-seo{ margin-left:30px; margin-bottom:0; padding:0; }
.corporate-main .seo-bg ul .fourth-seo { margin-left:55px; margin-bottom:0; padding:0; }
.corporate-main .seo-bg ul li .first { background:url(../images/seo-1.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .seo-bg ul li .second { background:url(../images/sem-2.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .seo-bg ul li .second2 { background:url(../images/displey-add-big.html) no-repeat; float:left; width:164px; height:123px; }
.corporate-main .seo-bg ul li .third { background:url(../images/keyword-research-new.html) no-repeat; float:left; width:128px; height:123px; }
.corporate-main .seo-bg ul li .fourth { background:url(../images/link-building-new.html) no-repeat; float:left; width:97px; height:123px; }
.corporate-main .seo-bg .img1 { padding:0;   background: url("../images/seo-search-engine-optimization.html") no-repeat scroll 0 0 transparent; height: 44px; width: 54px; left:22px; margin-top:54px; }
.corporate-main .seo-bg .img2 { padding:0;   background: url("../images/search-engine-marketing.html") no-repeat scroll 0 0 transparent; height: 45px; width: 45px; left:29px; margin-top:52px; }
.corporate-main .seo-bg .img22 { padding:0;   background: url("../images/displey-add.html") no-repeat scroll 0 0 transparent; height: 44px; width: 49px; left:63px; margin-top:52px; }
.corporate-main .seo-bg .img3 {  padding:0;  background: url("../images/keyword-research.html") no-repeat scroll 0 0 transparent; height: 43px; width: 53px; left:36px; margin-top:55px; }
.corporate-main .seo-bg .img4 { padding:0;   background: url("../images/link-building.html") no-repeat scroll 0 0 transparent; height: 53px; width: 43px; left:28px; margin-top:49px; }
.circle-seo { overflow:auto; text-align:center; width:100%; }
.circle-seo .circle {   background: url("../images/search-engine-big.html") no-repeat scroll center center transparent; float: left; height: 188px;
    margin-left: 384px;
    outline: medium none;
    width: 188px; }

/*......END.........*/



/*Service inner page start*/

.left-section { width:660px; float:left; margin-right:30px; }
.left-section .first-article {     border-bottom: 1px solid #d2d2d2;
    float: left;
    padding-bottom: 20px;
	padding-top:30px;
	width:100%; }
.left-section .first-article .float-r { float:right; }
.left-section .first-article div { float:left; width:300px; }
.left-section .first-article h2 {   color: #00AFC4;
    font-family: Open Sans;
    font-size: 18px;
    letter-spacing: 1px; }
.left-section .first-article p {   color: #818181;
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 20px; }
.right-aside { float:left; width:250px; }
.right-aside h2 { color:#00AFC4; font-family:'Open Sans'; font-size:22px; border-bottom:1px solid #f1f1f1; padding-bottom:15px; }
.right-aside ul li {           background: url("../images/web-design-icon.html") no-repeat scroll 0 0 transparent;
    float: left;
    height: 37px;
    margin: 0;
    padding: 0 0 20px 55px;
	width:100%; }
.right-aside ul .development {           background: url("../images/web-development.html") no-repeat scroll 0 0 transparent; }
.right-aside ul .mobile {           background: url("../images/mobile-apps.html") no-repeat scroll 0 0 transparent; }
.right-aside ul .android {           background: url("../images/android-apps.html") no-repeat scroll 0 0 transparent; }
.right-aside ul .seo {           background: url("../images/search-engine-optimization.html") no-repeat scroll 0 0 transparent; }
.right-aside ul .strategy {           background: url(../images/strategy.html) no-repeat scroll 0 0 transparent; }
.right-aside ul li a {    color: #7F7F7F;
    float: left;
    font-family: 'Open Sans';
    font-size: 16px;
    padding-top: 10px;
    text-decoration: none; }
.break-apart { float:left; width:100%; }


	






/************************* read more*****************************/


.ser-rm
{
	border-radius: 25px;
  text-decoration: none;
  color: #ffffff;
  font-size: 13px;
  background: #800040;
  padding: 4px 14px;
  margin-top: 6px;
  outline: none;
	-webkit-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
	
	
}
.ser-rm:hover
{
	background:#434854;
	color:#fff;
text-decoration:none;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
	
}


.ppt, .pp_gallery, .pp_social
{
	display:none!important;
}


.prettyprint {
    background: none repeat scroll 0 0 #222222;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) inset, 0 2px 0 #FFFFFF;
    color: #F1F2F3;
    font: 13px/1.5 'Open Sans';
    margin-bottom: 1.625em;
	margin-top:20px;
    overflow: auto;
    padding: 0.75em 1.625em;
}
.pln {
    color: #F1F2F3;
}

.pun {
    color: #F1F2F3;
}
.com {
    color: #66747B;
}

/* START: Footer Site map */
.site-map-link a {     background: url("../images/site-map-arrow.png") no-repeat scroll 71px 8px transparent;
    color: #929292;
    cursor: pointer;
    font-size: 14px;
	font-family: 'Open Sans';
    padding-right: 30px;
} 
.site-map-link a:hover { text-decoration:underline; } 
.sitemap {  margin: 0 auto;overflow: hidden; display:block; width: 960px; display:none; } 
.sitemap h2 {   background: url("../images/sitemap-pin.html") no-repeat scroll 21px 10px transparent;  color: #68CEDC; font-size: 52px;line-height: 85px; margin-bottom: 30px; margin-top: 60px; padding-bottom: 20px; font-family:'Open Sans';} 
.sitemap h2 .spacer {   } 
.sitemap h2 big  {  padding-left: 25px; }
.sitemap h2 small { font-size:42px; } 
.sitemap h2 .find-text { color:#434854; font-size:42px; } 
.sitemap h3 {   color: #19B5CB;  font-size: 22px; font-family:'Open Sans';  line-height: 20px;  } 
.sitemap .services {  margin:0; font-family:'Open Sans'; background: url("../images/map-border.png") no-repeat scroll 26px 30px transparent;padding-bottom: 35px;} 
.sitemap .sec {    float: left;  margin-left: 13px;margin-right: 16px;  width: 140px;} 
.sec.mobile-apps {     margin-left: 35px; width: 105px;} 
.sitemap .sec.first {margin-left:0; } 
.sec.social-media { margin-left: 23px;   width: 100px; }
 .sec.width { width:140px; } 
.sitemap .sec h4 a {  font-family:'Open Sans'; font-size: 16px; color:#434854; text-decoration:none;}
.sitemap .sec h4 a:hover { color:#1ab5cc; } 
 .sitemap .sec h4 { margin-bottom:20px; } 
 .sec .sitemp-links { list-style:none; } 
.sitemp-links li {  margin-bottom: 10px; } 
.sitemp-links li a {   font-family:'Open Sans';  background: url("../images/arrow-sitemap.png") no-repeat scroll left -23px transparent; color: #7F7F7F; font-size: 14px; font-weight: normal; padding-left: 15px; text-decoration: none;} 
.sitemp-links li a:hover {  background: url("../images/arrow-sitemap.png") no-repeat scroll left 5px transparent; color:#1ab5cc; } 
.sitemap .sec.last {    margin-left: 30px; margin-right: 0; } 
.main-site-map {   background: url("../images/site-map-bg.png") no-repeat scroll 0 0 transparent;  float: left;  width: 100%; margin-bottom:50px; } 
.blog {  float: left;margin-top: 10px; width: 100%;} 
.bottom-nav {  float: left; margin-top: 40px; width: 100%;  margin-bottom:20px;  }
.bottom-nav  ul {    float: left; list-style: none outside none;  width: 100%;} 
.bottom-nav  ul li {  float: left;line-height: 25px; margin-right: 40px; }
.bottom-nav ul li a { color:#19b5cb; font-size:22px; text-decoration:none; font-weight:bold; } 
.site-map-link-top {  background: url(../images/arrow-link-top.png) no-repeat scroll 71px 8px transparent;
    color: #929292;
    cursor: pointer;
    font-family: 'Open Sans';
    font-size: 16px;
    padding-right: 30px; } 
	.site-map-link-top:hover { text-decoration:underline; } 
/* END: Footer Site map */
.nimble-portfolio-item:hover {  }
.zoom {     background: url("../images/zoom_link.png") no-repeat scroll center center #434854;
  
    left: 300px;
  }
 .zoom:hover { background: url("../images/zoom_link.png") no-repeat scroll center center #16BED7; }
.link {   background: url("../images/project_link.html") no-repeat scroll center center #434854;
    right: 330px;
    }
 .link:hover { background: url("../images/project_link.html") no-repeat scroll center center #16BED7; }
.action {   padding: 10px;
    position: absolute;
    top: 80px;
    transition: all 0.3s ease 0s;
    width: 34px;
    z-index: 50; 
    border-radius: 50px 50px 50px 50px;
    display: block; 
    height: 33px; } 
	.nimble-portfolio-item { position:relative; overflow:hidden; } 
	 
	.nimble-portfolio-item:hover .zoom { left:155px  } 
		.nimble-portfolio-item:hover .link { right:155px  } 
	.nimble-portfolio-item:hover .nimble-portfolio-rollerbg { opacity:.8; background:#fff; } 
	.nimble-portfolio-item:hover .plus { left:128px; }  
	.footer-contact-us {
    float: left;
    margin-right: 30px;
    width: 400px;}
.footer-contact-us h3 {
    color: #fff;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 0;
}
.footer-contact-us .input { border:1px solid #f0f0f0; background:#ffffff; color:#818181; font-size:14px; font-family:'Open Sans'; height:25px; padding-left:10px; float:left; } 
.footer-contact-us .input:focus { background:#fff; } 
.footer-contact-us .input.s.a  { width:170px;  } 
.footer-contact-us .input.s.a { margin-right:10px } 
 .footer-contact-us .input.l { width:365px; margin:12px 0;  float:left; } 
 .footer-contact-us .textarea {   background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #F0F0F0; margin-bottom:18px;
    color: #9E9E9E;
    font-family: 'Open Sans';
    font-size: 14px;
    height: 65px;
    padding: 10px;
    width: 367px !important; } 
.footer-contact-us form { margin-top:15px; } 
.footer-contact-us .send { border:none; background:#061A00;  margin-left: 77px; border:1px #fff solid;
 cursor:pointer; width:105px; height:32px; color:#ffffff; font-size:14px; text-transform: uppercase; font-family:'Open Sans'; border-radius:20px; -webkit-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); } 
.footer-contact-us .send:hover { -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); background:#434854; }
.footer-contact-us textarea:focus { background:#fff; } 
.footer-contact-us .input.s.b  { width:170px; }

.get {
    background: none repeat scroll 0 0 #16bed7;
    border-radius: 25px;
    color: #ffffff;
    float: left;
    font-family: 'Open Sans';
    font-size: 14px;
    padding: 5px 15px;
    line-height: 23px;
    font-weight: 300;
    letter-spacing: 1px;
    text-decoration: none;
	-webkit-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	 }
.get:hover {
	background:#434854;
	color:#fff;
text-decoration:none;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
     }

#latest-projects .bx-wrapper .bx-viewport { height: auto !important; padding-bottom: 10px;}
.wpcf7-validation-errors {
    background: none repeat scroll 0 0 red !important;
    border: medium none !important;
    color: #FFFFFF !important;
    float: left !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 10px;
    width: 100% !important;
}
.left-form .wpcf7-validation-errors {
    width: 95% !important;
 margin-top:0 !important;
}
.wpcf7-validates-as-required.wpcf7-not-valid {
    border: 1px solid #FA0000 !important;
}
.wpcf7-not-valid-tip {
    display: none !important;
}
.left-input .wpcf7-validation-errors {
    margin-top: 0 !important;
    width: 94% !important;
}