/* === color === */

a, a:hover,a:focus,a:active, strike, .post-meta span a:hover,
ul.meta-post li a:hover, ul.cat li a:hover, ul.recent li h6 a:hover, ul.portfolio-categ li.active a, ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover,ul.related-post li h4 a:hover, span.highlight,article .post-heading h3 a:hover,
.navbar .nav > .active > a,.navbar .nav > .active > a:hover,.navbar .nav > li > a:hover,.navbar .nav > li > a:focus,.navbar .nav > .active > a:focus, .validation  {
	color:#0E62ED;
}

.highlight {
  background-color: #0E62ED;
}

.sb-icon-search {
	background: #0E62ED;
}

.navbar-brand span{
    color: #0E62ED;
}

header .nav li a:hover,
header .nav li a:focus,
header .nav li.active a,
header .nav li.active a:hover,
header .nav li a.dropdown-toggle:hover,
header .nav li a.dropdown-toggle:focus,
header .nav li.active ul.dropdown-menu li a:hover,
header .nav li.active ul.dropdown-menu li.active a{
	color:#0E62ED;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color:#0E62ED;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color:#0E62ED;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color:#0E62ED;
}
/* === background color === */

.custom-carousel-nav.right:hover, .custom-carousel-nav.left:hover,
.pagination ul > .active > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span,
.flex-control-nav li a:hover,
.flex-control-nav li a.active {
  background-color: #0E62ED;
}

.cbp-l-caption-buttonLeft,
.cbp-l-caption-buttonRight,.cbp-l-filters-button .cbp-filter-counter {
    background-color: #0E62ED;
}

.breadcrumb {
  background-color: #0E62ED;
}

/* === border color === */
.pagination ul > li.active > a,
.pagination ul > li.active > span, a.thumbnail:hover, input[type="text"].search-form:focus {
	border:1px solid #0E62ED;
}

.cbp-l-filters-button .cbp-filter-counter:before {
    border-top: 4px solid #0E62ED;
}

textarea:focus,
.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #0E62ED;
}

input:focus {
	border-color: #0E62ED;
}


#sendmessage {
	color: #0E62ED;
}

.pullquote-left {
	border-left:5px solid #0E62ED;
}

.pullquote-right {
	border-right:5px solid #0E62ED;
}

/* cta */

.cta-text h2 span {
	color: #0E62ED;
}

ul.clients li:hover {
	border:4px solid #0E62ED;
}


/* buttons */
.btn-dark:hover,.btn-dark:focus,.btn-dark:active  {
  background: #0E62ED;
  border:1px solid #0E62ED;
}

.btn-theme {
  border:1px solid #0E62ED;
  background: #0E62ED;
}

/* modal styled */
.modal.styled .modal-header {
  background-color: #0E62ED;
}


/* blog */
.post-meta {
	border-top:4px solid #0E62ED;
}

.post-meta .comments a:hover  {
	color:#0E62ED;
}

.widget ul.tags li a:hover {
	background: #0E62ED;
}

.recent-post .text h5 a:hover{
	color:#0E62ED;
}

/* pricing box */

.pricing-box-alt.special .pricing-heading {
	background: #0E62ED;
}


/* portfolio */
.cbp-l-filters-dropdownWrap {
    background: #0E62ED;
}
.cbp-l-filters-alignLeft .cbp-filter-item-active {
    background-color: #0E62ED;
    border:1px solid #0E62ED;
}
.cbp-l-filters-alignCenter .cbp-filter-item:hover {
    color: #0E62ED;
}

.cbp-l-filters-alignCenter .cbp-filter-item-active {
    color: #0E62ED !important;
}
.cbp-l-filters-alignRight .cbp-filter-counter {
    background: none repeat scroll 0 0 #0E62ED;
}
.cbp-l-filters-list .cbp-filter-item {
    border-color: #0E62ED;
}
.cbp-l-filters-list .cbp-filter-item-active {
    background-color:#0E62ED;
}

.cbp-popup-singlePage .cbp-popup-navigation-wrap {
    background-color: #0E62ED;
}
.cbp-popup-singlePage .cbp-l-project-details-visit {
    background-color: #0E62ED;
}

/* pagination */
#pagination a:hover {
    background: #0E62ED;
}

/* pricing box */
.pricing-box.special .pricing-offer{
	background: #0E62ED;
}


/* fontawesome icons */
.icon-square:hover,
.icon-rounded:hover,
.icon-circled:hover {
    background-color: #0E62ED;
}
[class^="icon-"].active,
[class*=" icon-"].active {
    background-color: #0E62ED;
}


/* flexslider */
#featured .flexslider .slide-caption {
	border-left:5px solid #0E62ED;
}

/* footer */

/* revisar la diferencia con el .btn-primary de bootstrap y cambiarlo tambien en las paginas donde se utiliza*/

.btn-primary {
    color: #ffffff;
    background-color: #50a846; /**/
    border-color: transparent;
  }
  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary:active,
  .btn-primary.active {
    color: #fff;
    background-color: #47913e;/*#555555;*/
  }
  .btn-primary.disabled,
  .btn-primary[disabled],
  fieldset[disabled] .btn-primary,
  .btn-primary.disabled:hover,
  .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary:hover,
  .btn-primary.disabled:focus,
  .btn-primary[disabled]:focus,
  fieldset[disabled] .btn-primary:focus,
  .btn-primary.disabled:active,
  .btn-primary[disabled]:active,
  fieldset[disabled] .btn-primary:active,
  .btn-primary.disabled.active,
  .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary.active {
    background-color: #50a846;
  }
  .panel-primary .panel-heading {
    background-color: #50a846;
    border-color: #50a846;
  }

  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #50a846;
    border-color: #3c7e35;
   }
  
  .btn-dark-blue {
    color: #ffffff;
    background-color: #3071a9; 
    border-color: transparent;
  }

  /* Quitar esto, y tambien en las paginas donde se utiliza*/
  .btn-dark-blue:hover, .btn-dark-blue:focus, .btn-dark-blue:active, .btn-dark-blue.active, .open > .dropdown-toggle.btn-dark-blue {
    color: #fff;
    background-color: #3071a9;/*#3071a9; */
    border-color: transparent;/*#285e8e; */
   }
   
  /*.btn-dark-blue:hover,
  .btn-dark-blue:focus,
  .btn-dark-blue:active,
  .btn-dark-blue.active {
    color: #fff;
    background-color: #337ab7;/*#555555;
  }
  */
  /*.btn-dark-blue.disabled,
  .btn-dark-blue[disabled],
  fieldset[disabled] .btn-dark-blue,
  .btn-dark-blue.disabled:hover,
  .btn-dark-blue[disabled]:hover,
  fieldset[disabled] .btn-dark-blue:hover,
  .btn-dark-blue.disabled:focus,
  .btn-dark-blue[disabled]:focus,
  fieldset[disabled] .btn-dark-blue:focus,
  .btn-dark-blue.disabled:active,
  .btn-dark-blue[disabled]:active,
  fieldset[disabled] .btn-dark-blue:active,
  .btn-dark-blue.disabled.active,
  .btn-dark-blue[disabled].active,
  fieldset[disabled] .btn-dark-blue.active {
    background-color:   #337ab7;
  }
*/

  /* Quitar esto, y tambien en las paginas donde se utiliza y usar el de bootstrap*/

.btn-success{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#428bca;border-color:#357ebd}

  .spinner{

    border: 4px solid rgba(0, 0, 0, .1);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-left-color: #0E62ED;
 
    animation: spin 1s ease infinite;
   }
 
   @keyframes spin {
     0% {
       transform: rotate(0deg);
     }
     100%{
       transform: rotate(360deg);
     }
   }

  /*
  Experimento skeleton (carga de contenido)

  .skeleton-sq-loading:empty{
    margin:auto;
    width: 500px;
    height: 600px;
    background-image: linear-gradient( 100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%);
    background-repeat: repeat-y;

    animation: shine 1s infinite;
    
  }

  @keyframes shine {
		to {
			background-position:
				0 0,
				100% 0, /* move highlight to right */
				/*120px 0,
				120px 40px,
				120px 80px,
				120px 120px;
		}
	}

  */

  .vertical-div{
    border-right: 1px solid #eee;
  }

  .img-circle-div{
    width: 230px; 
    height: 230px; 
    border-radius: 50%; 
    background-size: cover;
    margin-bottom: 15px;
  }

  .card{
    border-radius: 5px;
  }

  .card-title {
    padding: 30px 40px 5px 50px;
  }

  .card-body {
    padding: 10px 20px 20px 20px; 
    text-align: justify;
    font-size: large;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    border-radius: 5px;
    line-height: 1.6; 
  }
  
  .down-item{
    font-size: 50px; color: #183059 ;
  }

  .down-item:hover{
    color: #276FBF;
  }

  .down-item_light{
    font-size: 50px; color: #F6F4F3 ;
  }

  .down-item_light:hover{
    color: #F03A47;
  }