:root{
	--primary_color:#00a2e3;
}

.header-top .fa{
	margin-right:8px;
	color:#fff;
}
.header-top li span{
	color:#fff !important;
	font-size:13px;
}
#home-intro h2{
	color:#fff;
	margin-bottom:0px; 
	vertical-align:text-top;
	font-weight:500;
}
.our_services_home {
	background-color:#fbfbfb;
	padding:70px 20px 50px;
}
.our_services_home .btn{
	background-color:#83a326;
	color:#fff;
	border-color:#83a326;
}
.services_list li{
	font-size:16px;
}
.about_us .services_list li:before{
	content:'\f00c ';
	font-family:fontAwesome;
	margin-right:5px;
}
.services_info{
	min-height:220px;
	width:auto;
	padding:40px 14px 30px;
	border:1px solid rgba(0,0,0,.1);
	margin:0px 5px 32px;
	background-color:#fff;
	transition:.2s;
	box-shadow:1px 1px 7px rgba(0,0,0,.1);
}
.services_info h4{
	margin-top:22px;
}
.services_info:hover{
	background: #1F86CE;
background: -moz-linear-gradient(top, #1F86CE 0%, #1C6EA4 61%, #1695C5 100%);
background: -webkit-linear-gradient(top, #1F86CE 0%, #1C6EA4 61%, #1695C5 100%);
background: linear-gradient(to bottom, #1F86CE 0%, #1C6EA4 61%, #1695C5 100%);
	transition:.2s;
	color:#fff;
}
.services_info:hover h4, .services_info:hover p{
	color:#fff;
}
.services_info:hover a{
	color:#333;
	background-color:#fff;
	border-color:#fff;
}
.icon_bdr{
	/*border:1px solid #ccc; height:65px;width:65px;padding:22px  0px;*/
}

/*#mainNav li:after {
  content: '';
  display: block;
  margin: auto;
  height: 3px;
  width: 0px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}
#mainNav li:hover:after {
  width: 100%;
  background:#0066CC;
}*/
.dropdown .dropdown-menu li:after{
	content:none !important;
  display: block;
  margin: auto;
  height: 3px;
  width: 0px;
  /*background: transparent;
  transition: width .5s ease, background-color .5s ease;*/
}
/*.dropdown-menu li:hover:after {
  width: 100%;
  background:transparent;
}*/
.our_portfolio img{
	transition:.3s;	
}
.our_portfolio img:hover{
	transform:scale(1.15);
	transition:.3s;
}
.counters {
	border:1px solid rgba(0,0,0,.2);
	height:200px;
	width:auto;
	padding:20px 15px 10px;
	background-color:rgba(0,0,0,.3);
}
.counters label{
	color:#fff;
	margin-top:5px;	
}
h1 strong, strong{
	color:#00a2e3;
}
.about_us .btn{
	background-color:transparent;
	color:var(--primary_color);
	 margin-bottom:8px;
	border:1px solid var(--primary_color);
	/*border-radius:13px;*/
	transition:.3s;
}
.about_us .btn:hover{
	color:#fff;
	background-color:var(--primary_color);
	border:1px solid var(--primary_color);
	transition:.3s;
}
.search_box {
	margin-top:12px;
	display:flex;
}
.search_box input[type="text"]{
	height:45px;
	box-shadow:none;
	border-radius:0px;
}
.about_us_home {
	padding:70px 20px 50px;
}
.about_us_home span{
	color:var(--primary_color);
}
.about_us_home h1{
	margin:0px;
}
.about_us_home h4{
	margin:8px 0px;
	font-weight:normal;
	text-transform:none;
	color:rgba(0,0,0,.5);
}
.about_us_home p{
	margin:20px 0px 30px;
}
.quick_list li a, #footer  p{
	color:rgba(255,255,255,.7) !important;
	text-decoration:none;
}
.quick_list li:before{
	content:"\f0da ";
	font-family:fontAwesome;
	margin-right:4px;
}
#footer h4:before{
	content:"";
	font-family:fontAwesome;
	background-color:#ccc;
	height:2px;
	width:20px;
	margin-top:34px;
	position:absolute;
	margin-left:0px;	
}
.our_portfolio .owl-theme a img{
/*	margin:0px 8px;*/
	padding:0px 12px;
}

/*Pricing Plan */
.pricing_list{
	padding:50px 20px 60px;
	background-color:#c2c7cb;
}
.pricing_plan{
	height:450px;
	width:auto;
	border:1px solid #ccc;
	padding:30px 15px;
	border-radius:25px;
	box-shadow:1px 1px 7px rgba(0,0,0,.2);
	background-color:#fff;
}
.pricing_plan h4{
	background-color:#333;
	color:#fff;
	border-radius:25px;
	/*width:80px;*/
	padding:10px 0px;
}
.services_list li{
	margin:8px 0px;
	text-transform:capitalize;
	text-align:center;
}
.pricing_plan .btn{
	width:120px;
	margin:14px 0px 10px;
	border-radius:15px;
	height:34px
}
.plan1 h4, .btn1{
	background: rgba(235,146,38,1);
	background: -moz-linear-gradient(-45deg, rgba(235,146,38,1) 0%, rgba(255,10,10,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(235,146,38,1)), color-stop(100%, rgba(255,10,10,1)));
	background: -webkit-linear-gradient(-45deg, rgba(235,146,38,1) 0%, rgba(255,10,10,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(235,146,38,1) 0%, rgba(255,10,10,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(235,146,38,1) 0%, rgba(255,10,10,1) 100%);
	background: linear-gradient(135deg, rgba(235,146,38,1) 0%, rgba(255,10,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb9226', endColorstr='#ff0a0a', GradientType=1 );
	border-color:rgba(248,80,50,1);
 	}
.btn1{
	border-color: rgba(235,146,38,1) !important;
}
.plan2 h4, .btn2{
	background: rgba(245,90,168,1);
	background: -moz-linear-gradient(-45deg, rgba(245,90,168,1) 0%, rgba(187,42,146,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(245,90,168,1)), color-stop(100%, rgba(187,42,146,1)));
	background: -webkit-linear-gradient(-45deg, rgba(245,90,168,1) 0%, rgba(187,42,146,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(245,90,168,1) 0%, rgba(187,42,146,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(245,90,168,1) 0%, rgba(187,42,146,1) 100%);
	background: linear-gradient(135deg, rgba(245,90,168,1) 0%, rgba(187,42,146,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55aa8', endColorstr='#bb2a92', GradientType=1 );
}
 .btn2{
	border-color: rgba(245,90,168,1) !important;
	}
.plan3 h4, .btn3{
	background: rgba(127,110,212,1);
	background: -moz-linear-gradient(-45deg, rgba(127,110,212,1) 0%, rgba(75,55,166,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(127,110,212,1)), color-stop(100%, rgba(75,55,166,1)));
	background: -webkit-linear-gradient(-45deg, rgba(127,110,212,1) 0%, rgba(75,55,166,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(127,110,212,1) 0%, rgba(75,55,166,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(127,110,212,1) 0%, rgba(75,55,166,1) 100%);
	background: linear-gradient(135deg, rgba(127,110,212,1) 0%, rgba(75,55,166,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f6ed4', endColorstr='#4b37a6', GradientType=1 );
}
.btn3{
	border-color: rgba(127,110,212,1) !important;
	}
.plan4 h4, .btn4{
	background: rgba(120,203,185,1);
	background: -moz-linear-gradient(-45deg, rgba(120,203,185,1) 0%, rgba(9,182,234,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(120,203,185,1)), color-stop(100%, rgba(9,182,234,1)));
	background: -webkit-linear-gradient(-45deg, rgba(120,203,185,1) 0%, rgba(9,182,234,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(120,203,185,1) 0%, rgba(9,182,234,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(120,203,185,1) 0%, rgba(9,182,234,1) 100%);
	background: linear-gradient(135deg, rgba(120,203,185,1) 0%, rgba(9,182,234,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78cbb9', endColorstr='#09b6ea', GradientType=1 );
}
.btn4{
	border-color:  rgba(120,203,185,1) !important;
	}
.services_list li:after{
	content:'';
	color:#ccc;
	width:100px;
	height:2px;
	position:absolute;
}
.content_info{
	/*background: rgba(51,51,51,1);
background: -moz-linear-gradient(left, rgba(51,51,51,1) 0%, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.99) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(51,51,51,1)), color-stop(0%, rgba(245,245,245,1)), color-stop(20%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0.99)));
background: -webkit-linear-gradient(left, rgba(51,51,51,1) 0%, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.99) 100%);
background: -o-linear-gradient(left, rgba(51,51,51,1) 0%, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.99) 100%);
background: -ms-linear-gradient(left, rgba(51,51,51,1) 0%, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.99) 100%);
background: linear-gradient(to right, rgba(51,51,51,1) 0%, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.99) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#ffffff', GradientType=1 );*/
 	

background: rgba(240,240,240,1);
background: -moz-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 11%, rgba(255,255,255,0.99) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240,240,240,1)), color-stop(11%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0.99)));
background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 11%, rgba(255,255,255,0.99) 100%);
background: -o-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 11%, rgba(255,255,255,0.99) 100%);
background: -ms-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 11%, rgba(255,255,255,0.99) 100%);
background: linear-gradient(to right, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 11%, rgba(255,255,255,0.99) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=1 );
}

.sidebar_services_list{
	margin:40px 0px;
}
.sidebar_services_list li{
	margin:15px 0px;
	/*height:40px;*/
	padding:5px 15px  15px;
	border-bottom:1px solid #ccc;
	/*width:250px;*/
/*	border-radius:30px;*/
}
.sidebar_services_list li a{
	padding:8px 15px  10px 5px;
	text-decoration:none;
}
.sidebar_services_list li:before {
	content:"\f054 ";
	font-family:fontAwesome;
	margin-left:8px;
	color:#00a2e3;
	font-size:13px;
}
.webdesign_process .circle{
	height:140px;
	width:140px;
	padding:12px;
	font-size:15px;
	background-color:#fff;
	transition:.3s;
	border-radius:50%;
	margin-bottom:12px;
}
.webdesign_process .circle:hover{
	transform:translateY(-9px);
	transition:.3s;
}
.circle p{
	font-size:11px;
	line-height:1.4em;
}
/*.webdesign_process .circle .num_circle{
	height:45px;
	width:45px;
	padding:10px 0px;
	border-radius:50%;
	color:#fff;
}*/

.webdesign_process .meeting{
	border:3px solid #3399CC;
	border-radius:50%;
}
.meeting span{
	color:#3399CC;
	text-transform:uppercase;
}
.meeting .num_circle{
	color:#3399CC;
}
.webdesign_process .planning{
	border:3px solid #63be67;
}
.planning span{
	color:#63be67;
	text-transform:uppercase;
}
.planning .num_circle{
	color:#63be67;
}
.webdesign_process .designing{
	border:3px solid #a354a0;
}
.designing span{
	color:#a354a0;
	text-transform:uppercase;
}
.designing .num_circle{
	color:#a354a0;
}
.webdesign_process .developing{
	border:3px solid #d0373e;
	color: #d0373e;
}
.developing span{
	color: #d0373e;
	text-transform:uppercase;
	}
.developing .num_circle{
	color:#d0373e;
}	
.webdesign_process .testing{
	border:3px solid #474744;
	color:#ff9800;
}
.testing span{
	color:#474744;
	text-transform:uppercase;
}
.testing .num_circle{
	color:#474744;
}	
.webdesign_process .delivery{
	border:3px solid #009999;
	color:#009999;
}
.delivery span{
	color:#009999;
	text-transform:uppercase;
}
.delivery .num_circle{
	color:#009999;
}	
.client_testimonials{
	padding:40px 20px 50px;
	
}
.client_testimonials .client_testimonial img{
	border-radius:50%;
	height:90px;
	width:90px;
	border:2px solid #ccc;
}
.custom-primary-font{
	color:#4caf50;
}
.webdesign_process {
	padding:40px 20px 50px;
	background-color:#f3f4f5;
}
.contact_form input[type="text"], input[type="number"]{
	height:35px;
	box-shadow:none;
	border:1px solid #fff;
	border-radius:4px;
	padding:22px 10px;
	background-color:transparent;
	color:#fff;
}
.contact_form input[type="text"]:focus, .contact_form input[type="number"]:focus, .contact_form textarea:focus{
	box-shadow:none;
	/*border:none;
	border-bottom:1px solid #ccc;
	border-radius:0px;*/
}
::placeholder {
	color:#fff !important;
}
.contact_form textarea{
	box-shadow:none;
	border-radius:0px;
	border:none;
	border:1px solid #fff;
	background-color:transparent;
	border-radius:4px;
	color:#fff;
	/*padding:0px 30px;*/
}
.address {
	display:flex;margin:8px 15px;
}
.address .fa{
	height:45px;
	width:45px;
	padding:16px;
	/*border:1px solid #00a2e3;*/
/*	font-size:18px;*/
	color:#fff;
	border-radius:5px;
	background-color:#7fc8ec;
}
.address .info h4{
	color:#fff;
	text-transform:capitalize;
}
.contact_page{
	padding:40px 20px;
	background-color:var(--primary_color);
}
.info p{
	color:#fff;
}
.fa_bdr{
	height:70px;
	width:70px;
/*	border:1px solid #00a2e3;*/
	padding:25px;
	border-radius:12px;
	color:#fff;
	background-color:#00a2e3;  
	margin:0px 8px;
}
.submit_btn {
	margin-left:45%;margin-top:20px;
	background-color:#00a2e3; 
	color:#FFF;
	/*border:1px solid #00a2e3; */
	border:1px solid #fff; 
}
.submit_btn:hover {
	color:#00a2e3; 
	background-color:#FFF;
	border:1px solid #00a2e3; 
	}
.breadcrumb .active{
	color:#fff;
}
.web_designing{
background: #00bcd4; /* Old browsers */
background: -moz-linear-gradient(top, #00bcd4 40%, #00bcd4 40%, #50b1ce 64%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00bcd4 40%,#00bcd4 40%,#50b1ce 64%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00bcd4 40%,#00bcd4 40%,#50b1ce 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bcd4', endColorstr='#50b1ce',GradientType=0 ); /* IE6-9 */
}
.web_developement {
	
}


.why_choose {
	min-height:290px;
	border:1px solid #fff;
	padding:30px 20px;
	border-radius:14px;
	margin-bottom:14px;
}
.circular-bar strong, .circular-bar label{
	color:#fff !important;
}
.page-header {
	border-bottom:0px !important;
}
.our_services h5{
	margin-top:20px;
}
.services_imgs {
	height:150px;
	width:150px;
}
.website_design{
	border-radius:50%;
	padding:8px 8px;
	background-color:#6666CC;
}
.social_media{
	border-radius:50%;
	padding:8px 8px;
	background-color:#009999;
}
.search_engine{
	border-radius:50%;
	padding:25px;
	background-color:#FF6666;
}
.multimedia_provider {
	border-radius:50%;
	padding:15px;
	background-color:#996600;
}
.breadcrumb a{
	color:#00a2e3 !important;
}