/*========== Buttons ==========*/

.btn-colour { background-color: #03a9f4; border-color: #03a9f4;}

.btn-colour:hover,

.btn-colour:focus,

.btn-colour:active,

.btn-colour.active { background-color: #03a9f4; border-color: #03a9f4; }

.btn-colour.disabled:hover,

.btn-colour.disabled:focus,

.btn-colour.disabled:active,

.btn-colour.disabled.active,

.btn-colour[disabled]:hover,

.btn-colour[disabled]:focus,

.btn-colour[disabled]:active,

.btn-colour[disabled].active,

fieldset[disabled] .btn-colour:hover,

fieldset[disabled] .btn-colour:focus,

fieldset[disabled] .btn-colour:active,

fieldset[disabled] .btn-colour.active { background-color: #03a9f4; border-color: #03a9f4;}





/*========== Alert ==========*/

.alert.alert-custom { background: #03a9f4; color: #fff; font-weight: bold;}





/*========== Font colours ==========*/

.colour,

a { color: #03a9f4;}

a:hover { color: #03a9f4;}





/*========== Colour section ==========*/

.colour-section { background: #03a9f4;}





/*========== Loader ==========*/

.loader { border: 4px solid #03a9f4;}

.loader-fill { background: #03a9f4;}





/*========== Icons ==========*/



  /*========== Icon Module 1 ==========*/

  .icon-1 span { color: #03a9f4;}

  @media (min-width: 992px) {

  .icon-module-1:hover span { color: #fff; background: #03a9f4; border: 1px solid #03a9f4;}

  }





  /*========== Icon Module 2 ==========*/

  .icon-module-2 span { color: #03a9f4;}

  @media (min-width: 992px) {

  .icon-module-2-hover:hover { background: #03a9f4;}

  }





  /*========== Icon Module 3 ==========*/

  .icon-module-3 i { color: #03a9f4;}







/*========== Social Icons ==========*/

@media (min-width: 992px) {

.social-icon:hover { color: #03a9f4; border: 1px solid #03a9f4;}

}





/*========== Navigation ==========*/

.overlay-nav { background-color: rgba(3,169, 244, 0.8);  }



.open-nav a { border-top: 2px solid #03a9f4;}

.open-nav a:before,

.open-nav a:after { background: #03a9f4;}





/*========== Team Section ==========*/



@media (min-width: 1200px) {

.team .team-social a:hover { color: #03a9f4; border: 1px solid #03a9f4;}

}





/*========== Portfolio Section ==========*/



.portfolio .cbp-l-caption-body a:hover,

.portfolio .cbp-l-loadMore-button a:hover { color: #03a9f4; border: 0px solid #03a9f4;}

.portfolio .cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active { background: #03a9f4; border: 0px solid #03a9f4;}

.portfolio .cbp-l-filters-alignCenter .cbp-filter-item:hover { color: #03a9f4; border: 0px solid #03a9f4;}

.single-portfolio-service-module .sps-icon span { color: #03a9f4;}





/*========== CTA Section ==========*/



.cta { background: #03a9f4;}

@media (min-width: 1200px) {

.cta:hover { background: #03a9f4;}

}





/*========== Testimonials Section ==========*/



@media (min-width: 1200px) {

.testimonials-item:hover .testimonials-icon span { color: #03a9f4;}

}





/*========== Pricing Tables ==========*/



.pricing-module .price { color: #03a9f4;}

.pricing-module.popular-price .price-desc { color: #03a9f4; text-transform: uppercase;}







/*========== Company Stats ==========*/



.company-stats-module .company-stats-amount span { color: #03a9f4;}



@media (min-width: 1200px) {

.company-stats-module:hover .company-stats-icon { background: #03a9f4; }

}





/*========== Twitter Feed ==========*/



.twitter-feed-module .twitter-icon span { color: #03a9f4;}





/*========== Contact Section ==========*/



.contact .form-submit input { background: #03a9f4; border: 1px solid #03a9f4; text-transform: uppercase; font-weight: bold;}

.contact .form-submit input:hover { background: #03a9f4;}

.contact input:focus,

.contact textarea:focus { border: 1px solid #03a9f4;}



/*========= Team ==============*/

.team-desc a:hover h4{color: #03a9f4;}



/* set width and height for items */

.cbp-l-grid-masonry .cbp-item {    

    width: 262px;

}



#content-blog .post-readmore a{background:#03a9f4; color:#fff}



/* pagination */

ul.pagination li a{ color:#03a9f4;}

ul.pagination li.active a, ul.pagination li.active a:hover, 

ul.pagination li a:hover,ul.pagination li span{

background:#03a9f4; 

color:#fff; 

border-color: #03a9f4;

border-radius: 4px;

}





#commentform input:focus, #commentform textarea:focus{ 

border-color:#03a9f4;

box-shadow: none;}





.cbp-l-grid-masonry .cbp-l-grid-masonry-height1 {

    height: 267px;    

}





.cbp-l-grid-masonry .cbp-l-grid-masonry-height2 {

    height: 415px;    

}

div.cbp-link-wrap a.cbp-lightbox {display:none;}