.logo {
  margin-top: 5px;
}

.top-bar {
  padding: 10px 0;
  background: #29B6F6;
  border-bottom: 1px solid #81D4FA;
  line-height: 28px;
}

.navbar {
	background: #4FC3F7;
}

.navbar-inverse .navbar-nav > li > a:hover{
	background-color: #1DE9B6;
	color: #fff;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #1DE9B6;
  color: #fff;
}

.black {
	color:#424242!important;
}

#main-slider .prev,
#main-slider .next {
  background-color: #29B6F6;
}

#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: #1DE9B6;
}

#main-slider .carousel .btn-slide {
  background: #29B6F6;
}

#main-slider .carousel .btn-slide:hover {
  background: #1DE9B6;
}

#main-slider .carousel-indicators .active{
  background-color: #29B6F6;
   border: 1px solid #29B6F6;
}

#main-slider .carousel-indicators .active:after {
  background: #29B6F6;
  border: 1px solid #29B6F6;
}

.feature-wrap i{
  color: #29B6F6;
}

.feature-wrap i:hover {
  background: #29B6F6;
  box-shadow: inset 0 0 0 5px #29B6F6;
  -webkit-box-shadow: inset 0 0 0 5px #29B6F6;
  border: 3px solid #29B6F6;
}

.services-img {
  margin-top: 30px;
}

.recent-work-wrap .overlay {
  background: #29B6F6;
}

#partner {
  background: url(../images/commitments/commitment_bg.jpg) 50% 50% no-repeat;
  padding: 35px 0;
}

.pull-left .fa-phone {
  background: #29B6F6;
}

.pull-left .fa-phone:hover {
  background: #1DE9B6;
}

#footer {
  background: #4FC3F7;
}

#footer a:hover {
  color: #000000;
}

.sinlge-skill {
  font-size: 18px;
  height: 150px;
  width: 150px;
}

.android-skill, 
.ios-skill, 
.php-bootstrap-skill, 
.wordpress-skill,
.cloud-skill,
.embedded-skill {
  position: absolute;
  height: 100%;
  bottom: 0;
  width:100%;
  border-radius: 100%;
  padding: 40px 0;
  text-align: center;
}


.android-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 5%, rgba(45,125,164,1) 5%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(5%,rgba(242,242,242,1)), color-stop(5%,rgba(45,125,164,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 5%,rgba(45,125,164,1) 5%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 5%,rgba(45,125,164,1) 5%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 5%,rgba(45,125,164,1) 5%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 5%,rgba(45,125,164,1) 5%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#2d7da4',GradientType=0 ); /* IE6-9 */    
}

.ios-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 10%, rgba(106,164,47,1) 10%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(10%,rgba(242,242,242,1)), color-stop(10%,rgba(106,164,47,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(106,164,47,1) 10%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(106,164,47,1) 10%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(106,164,47,1) 10%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(106,164,47,1) 10%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#6aa42f',GradientType=0 ); /* IE6-9 */
}

.php-bootstrap-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 10%, rgba(255,189,32,1) 10%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(10%,rgba(242,242,242,1)), color-stop(10%,rgba(255,189,32,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(255,189,32,1) 10%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(255,189,32,1) 10%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(255,189,32,1) 10%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(255,189,32,1) 10%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffbd20',GradientType=0 ); /* IE6-9 */
}

.wordpress-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 5%, rgba(219,54,21,1) 5%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(5%,rgba(242,242,242,1)), color-stop(5%,rgba(219,54,21,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 5%,rgba(219,54,21,1) 5%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 5%,rgba(219,54,21,1) 5%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 5%,rgba(219,54,21,1) 5%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 5%,rgba(219,54,21,1) 5%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#db3615',GradientType=0 ); /* IE6-9 */
}

.cloud-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 20%, rgba(156,39,176,1) 20%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(20%,rgba(242,242,242,1)), color-stop(20%,rgba(156,39,176,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 20%,rgba(156,39,176,1) 20%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 20%,rgba(156,39,176,1) 20%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 20%,rgba(156,39,176,1) 20%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 20%,rgba(156,39,176,1) 20%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#9C27B0',GradientType=0 ); /* IE6-9 */
}

.embedded-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 10%, rgba(121,85,72,1) 10%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(10%,rgba(242,242,242,1)), color-stop(10%,rgba(121,85,72,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(121,85,72,1) 10%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(121,85,72,1) 10%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(121,85,72,1) 10%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 10%,rgba(121,85,72,1) 10%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#795548',GradientType=0 ); /* IE6-9 */
}

.btn-primary {
  background: #29B6F6;
}

.btn-primary:hover {
  background: #1DE9B6;
}

.referral-title,
.referral-info {
  color: #fff!important;
  margin-top: 20px;
}

.jumbotron {
  background: url(../images/referral/referral-banner.jpg) 50% 50% no-repeat;
  margin-bottom: 0px;
}

.referral-img {
  margin-top: 30px;
  margin-right: 10px;
}

.reward-earn-banner h2 {
  font-size: 400%;
  color: #fff;
}

.reward-earn-banner {
  color: #fff;
}

#referral-banner-bottom {
  background: url(../images/referral/referral-banner-btm.jpg) 50% 50% no-repeat;
  padding: 35px 0;
}

.panel-heading.active{
  background: #29B6F6;
}

.panel-heading.active a.accordion-toggle i{
  background: #1DE9B6;
}

.panel-heading.active a.accordion-toggle.collapsed i{
  background: #1DE9B6;
}

.dropdown-menu {
  background-color: #37a5d6!important;
}

.pricing-area .footer-note {
  color: #555;
  text-align: left;
  font-size: 12px;
  margin-bottom: 0px;
}
