body {margin:0px; padding:0px;}

.banner-sub-item { padding: 20px 10px 20px 98px;}
.banner-sub-item img { top: 4px; left: 4px; max-width: 85px;}
.banner-sub-item a {display:block;}
.banner-sub-slider {  margin-top: -50px;}
.technology-card { padding: 10px 5px;min-height: 130px;}
.technology-card:hover {background:#000; cursor:pointer;}
.technology-card h3 { font-size: 17px;}
.contstar {margin-bottom:10px;}
.contstar i { color:red;}
.footer-widget .footer-blog li {padding-left: 0px;}
.footer-widget .footer-blog li h3 { width: auto;}
.banner-item-content h1 { font-size: 50px; }
.footer-widget .footer-blog li h3 a {font-weight: normal;}
.footer-widget .footer-blog li h3 a i {padding-right:10px;}
.pb-70 { padding-bottom: 50px;}
.pt-100 { padding-top: 50px;}

.inner-banner:before { position: absolute;content: '';background: #061730; width: 100%; height: 100%; left: 0px; top: 0px;right: 0px;opacity: 0.50;}
.services-style-area .section-title h2 { max-width: 100%;}
.technology-area .section-title h2 { max-width: 80%;}


.justcontent { text-align:justify;}



	#pricing-table {margin: 50px auto 50px auto;text-align: center;}

	#pricing-table .plan {		
		text-shadow: 0 1px rgba(255, 255, 255, .8);
		background: #fff;
		border: 1px solid #ddd;
		color: #333;
		padding: 20px;
		position: relative;
	}

	#pricing-table #most-popular {
		z-index: 2;
		top: -13px;
		border-width: 3px;
		padding: 30px 20px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
		-webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
		box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
	}

	#pricing-table .plan:nth-child(1) {
		-moz-border-radius: 5px 0 0 5px;
		-webkit-border-radius: 5px 0 0 5px;
		border-radius: 5px 0 0 5px;
	}

	#pricing-table .plan:nth-child(4) {
		-moz-border-radius: 0 5px 5px 0;
		-webkit-border-radius: 0 5px 5px 0;
		border-radius: 0 5px 5px 0;
	}

	#pricing-table h3 {
		font-size: 20px;
		font-weight: normal;
		padding: 20px;
		margin: -20px -20px 50px -20px;
		background-color: #eee;
		background-image: -moz-linear-gradient(#fff, #eee);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
		background-image: -webkit-linear-gradient(#fff, #eee);
		background-image: -o-linear-gradient(#fff, #eee);
		background-image: -ms-linear-gradient(#fff, #eee);
		background-image: linear-gradient(#fff, #eee);
	}

	#pricing-table #most-popular h3 {
		background-color: #ddd;
		background-image: -moz-linear-gradient(#eee, #ddd);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
		background-image: -webkit-linear-gradient(#eee, #ddd);
		background-image: -o-linear-gradient(#eee, #ddd);
		background-image: -ms-linear-gradient(#eee, #ddd);
		background-image: linear-gradient(#eee, #ddd);
		margin-top: -30px;
		padding-top: 30px;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}
	#pricing-table h3 span {
		display: block;
		font: bold 20px/100px Georgia, Serif;
		color: #777;
		background: #fff;
		border: 5px solid #fff;
		height: 100px;
		width: 100px;
		margin: 10px auto -65px;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		border-radius: 100px;
		-moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
		-webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
		box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	}

	#pricing-table ul {
		margin: 20px 0 0 0;
		padding: 0;
		list-style: none;
	}

	#pricing-table li {
		border-top: 1px solid #ddd;
		padding: 10px 0;
	}

	/* --------------- */

	#pricing-table .signup {
		position: relative;
		padding: 8px 20px;
		margin: 20px 0 0 0;
		color: #fff;
		font: bold 14px;
		text-transform: uppercase;
		text-decoration: none;
		display: inline-block;
		background-color: #72ce3f;
		background-image: -moz-linear-gradient(#72ce3f, #62bc30);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#72ce3f), to(#62bc30));
		background-image: -webkit-linear-gradient(#72ce3f, #62bc30);
		background-image: -o-linear-gradient(#72ce3f, #62bc30);
		background-image: -ms-linear-gradient(#72ce3f, #62bc30);
		background-image: linear-gradient(#72ce3f, #62bc30);
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
		box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
	}

	#pricing-table .signup:hover {
		background-color: #62bc30;
		background-image: -moz-linear-gradient(#62bc30, #72ce3f);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#62bc30), to(#72ce3f));
		background-image: -webkit-linear-gradient(#62bc30, #72ce3f);
		background-image: -o-linear-gradient(#62bc30, #72ce3f);
		background-image: -ms-linear-gradient(#62bc30, #72ce3f);
		background-image: linear-gradient(#62bc30, #72ce3f);
	}

#pricing-table .signup:active,
#pricing-table .signup:focus {
background: #62bc30;
top: 2px;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
}
.ptb-40 {padding-bottom:40px;}
.single-content {  text-align: justify;}
.liststyl { list-style:none;}
	
	

@media only screen and (max-width: 600px) 
{
    
    
    
    .rigthform { background:#fff; width:100%; padding:10px; border-radius:10px; z-index:9999; }
    .hideimg { display:none;}
    
    .our-services-area .section-title h2 {
    font-size: 34px!important;
}
    
    .technology-area .section-title h2 {
    max-width: 100%;
    font-size: 30px;
}
    
 #pricing-table {margin:10px!important;}
 #pricing-table #most-popular {top:0px;}
 
 #pricing-table .plan {margin-bottom: 20px;}
 
}
.top-contact {
    position: relative;
    display: inline-block;
}
.top-contact h3 {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
    font-weight: 500;
}
.top-contact h3 a {border:2px solid #fff; border-radius:50px; padding:8px 15px; display:block;}
.top-contact  i {padding-right:10px; font-size:16px; color:#fff;} 
.top-contact h3 a:hover { background:#fff; color:#000!important; text-decoration:underline;}
.clients-content h3 { font-size:17px; padding-top:10px;}




/*================================================
Our Services Area
=================================================*/
.our-services-area {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.our-services-area .section-title {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 50px;
}

.our-services-area .section-title h2 {
    font-size: 46px;
    margin-bottom: 20px;
}



.service-card-two {
    background-color: #f6f4ff;
    position: relative;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 20px;
    z-index: 5;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.service-card-two i {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 9px 20px #d3d0d0;
          box-shadow: 0px 9px 20px #d3d0d0;
  color: #f47514;
  width: 75px;
  height: 75px;
  line-height: 75px;
  text-align: center;
  font-size: 40px;
  border-radius: 5px;
  margin-bottom: 25px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.service-card-two h3 {
  font-size: 25px;
  margin-bottom: 15px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.service-card-two p {
  margin-bottom: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.service-card-two .card-shape1 {
  position: absolute;
  top: 100px;
  right: 65px;
  z-index: -1;
  -webkit-animation-name: rotateme;
          animation-name: rotateme;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.service-card-two .card-shape2 {
  position: absolute;
  top: 75px;
  right: 50px;
  max-width: 60px;
  -webkit-animation: moveBounce 6s linear infinite;
          animation: moveBounce 6s linear infinite;
}

.service-card-two .card-shape4 {
  position: absolute;
  max-width: 40px;
  top: 30px;
  right: 60px;
  -webkit-animation: moveLeftBounce 3s linear infinite;
          animation: moveLeftBounce 3s linear infinite;
}

.service-card-two .card-shape3 {
  position: absolute;
  top: 55px;
  right: 13px;
  max-width: 50px;
  -webkit-animation: moveLeftBounce 3s linear infinite;
          animation: moveLeftBounce 3s linear infinite;
}

.service-card-two .services-btn {
  margin-top: 20px;
}

.service-card-two .services-btn .default-btn {
  padding: 10px 30px;
  border-radius: 40px;
}

.service-card-two:hover {
  background-color: #29234d;
}

.service-card-two:hover i {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.service-card-two:hover h3 {
  color: #ffffff;
}

.service-card-two:hover p {
  color: #c0bdca;
}


/* Portfolio start*/

.portfolio-2 { width:100%; float:left; overflow:hidden;}
.portfolio-2  img { margin-bottom:20px;}

.grocyapp1 { background: #e6e5e3; padding:30px 0;}
.timekeeper { background: #ffd392; padding:30px 0;}
.hometurph { background: #9bdef1;padding:30px 0;}
.floyd { background: #ffbcab;padding:30px 0;}
.hisaab { background: #9ddefd;padding:30px 0;}
.amandapanda { background: #dbceff;padding:30px 0;}
.salonera { background: #ffe184;padding:30px 0; margin-bottom:50px; }
.DermaMatrimony { background: #ff9090;padding:30px 0;}

._portfolio { padding-top: 20px;}
h4.whitecolor { line-height: 30px;  margin: 0;font-weight: 300; font-size: 23px;}
.whitecolor { color: #fff !important;}

.inner { padding: 120px 0px; }
.outer {display: table; height: 100%; width: 100%;}
.row-eq-height {min-height:500px;}

@media(min-width:992px){.row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex }._portfolio:nth-child(odd)>.container>.row>.colmd5{order:2 }}h4.whitecolor{line-height: 30px;  margin: 0;font-weight: 300; font-size: 23px;}.portfolio-banner{position:relative;background-repeat:no-repeat;background-size:cover;background-position:right center }.banner-left,.banner-right{min-height:630px }.portfolio-banner h2{color:#6273ff;font-size:55px;margin-bottom:30px;font-weight:700 }.portfolio-banner h4{color:#ff3272;font-size:26px;line-height:1.5 }.portfolio-page .brainmobi_svg_logo .st1{fill:#fff }.inner>div>a{margin-right:15px }.amanda-phone{position:absolute;z-index:999;width:195px;bottom:30px;right:0 }.portfolio-banner .container{z-index:99 }.videobomb .colmd5{padding-top:100px;padding-bottom:100px }.svg_app_store,.svg_google_play,.svg_website{width:135px }.middle_ img{max-width:700px }.portfolio-page .get-in-touch,.portfolio-page .info-nav{display:none !important }._portfolio_12{padding:50px 0 }.porfolio_from_wrapper{padding:80px 0;position:relative;overflow:hidden;text-align:center }.porfolio_from_wrapper:before{content:"";width:1500px;height:1500px;background:#167ce7;position:absolute;border-radius:100%;left:75%;top:50%;transform:translateY(-50%) }.porfolio_from{padding:40px 30px;background:#fff;border-radius:10px;box-shadow:0 0 30px 10px rgba(0,0,0,.2);text-align:left }.backgroundnone,.cs-gredint,.cs-gredint span,.cs-problem h3,.cs-problem p,.cs-problem ul,.cs-problem ul li,.cs-sb-icon{text-align:center }.porfolio_from_wrapper h2{font-weight:700;font-size:40px;text-transform:none;margin-top:0 }.porfolio_from_wrapper h3{color:#000;font-size:26px;text-transform:none;font-weight:500;margin-bottom:45px }.porfolio_from_wrapper .form-control{border:0;border-bottom:1px solid #a9a9a9;border-radius:0;margin-bottom:15px;color:#7f7f7f;font-weight:500;font-size:16px }.porfolio_from_wrapper .form-control.arrow{border-bottom:1px solid #a9a9a9 !important }.porfolio_from_wrapper .form-control.error{border-bottom:1px solid  }.porfolio_from_wrapper .form-control:focus{border-bottom:1px solid #000 }.porfolio_from_wrapper .browse-btn{color:#fff;font-weight:300;height:21px;width:23px;float:right;text-align:center;line-height:43px;cursor:pointer;position:absolute;top:12px;right:16px;background-image:url(images/file-add.png);font-size:0;border-radius:5px;background-repeat:no-repeat }.porfolio_from_wrapper .form-control.arrow{background-image:url(images/listing.png);background-repeat:no-repeat;background-position:top 12px right 12px }.porfolio_from_wrapper textarea.form-control{padding:10px;height:70px }.cm-col-left{padding-right:5% }.cm-col-right{padding-left:5% }@media(min-width:1401px){.portfolio-banner .container{width:90% !important }.portfolio-banner .middle_{text-align:right }}@media(max-width:1000px){.banner-left,.banner-right{min-height:650px;height:auto }.middle_ img{max-width:600px } .inner {padding: 0px 0px;}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
/* Portfolio End*/


.sp-color010 { color: #002ac3;}