/*******CURSOS*******/
@media screen and (min-width: 1200px) {
.container .portfolio > .course-item-3{
 width: 33.333%;
}
.container .portfolio > .course-item-4{
 width: 25%;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.container .portfolio > .course-item-3,
.container .portfolio > .course-item-4{
 width: 33.333%;
}
}
@media (min-width: 768px) and (max-width: 991px){
    .container .portfolio > .course-item-3,
    .container .portfolio > .course-item-4{
        width: 50%;
    }
}
@media (min-width: 480px) and (max-width: 767px){
    .container .portfolio > .course-item-3,
    .container .portfolio > .course-item-4{
        width: 100%;
    }
    .header-course .section-shade .title-course .bg-logo {
        width: 90px!important;
        height: 90px!important;
        margin-top: 1.5em;
    }
}
@media screen and (max-width: 479px) {
    .container .portfolio > .course-item-3,
    .container .portfolio > .course-item-4{
        width: 100%;
    }
.header-course .section-shade .title-course .bg-logo {
    width: 90px!important;
    height: 90px!important;
    margin-top: 1.5em;
}
}
/*2018*/
.badge-red{
  background: #fb003b;
}
a.course-link-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
a.course-link-wrapper:hover, a.course-link-wrapper:active, a.course-link-wrapper:focus{
  text-decoration: none;
  color: #757575;
}
.course-list{
  margin: 5px;
  background-color: #fff;
  border-radius: 4px!important;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);

}
.course-list p{
padding: 0px 15px 10px 15px;
}
.course-list .btn{
    margin-bottom: 1.5em!important;
}
.course-list span {
    display: block;
    margin: 0px 10px 0px;
    color: #00415c!important;
}
.course-name {
  padding: 15px;
  margin-top: -50px;
}
.course-name h5 {
  color: #00415c;
}
.course-bg {

  min-height: 150px;
  background-color: #34c789;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.course-logo{
  padding: 15px;
  border-radius: 50%;
  top:-50px;
  position: relative;
  display: inline-block;
}

.course-logo-shop{
  padding: 15px;
  border-radius: 50%;
  top:-50px;
  display: inline-block;
}

.icon-course-container, .icon-course-container-big, .course-logo, .course-logo-shop{
  background: #ffffff;
  background: -moz-linear-gradient(#ffffff, #d0d0d0);/*start and end color*/
  background: -webkit-linear-gradient(#ffffff, #d0d0d0); /*start and end color*/
  background: linear-gradient(#ffffff, #d0d0d0); /*start and end color*/
  border-radius: 50%;
  overflow: hidden;
  }
.icon-course-container-big, .course-logo, .course-logo-shop{
  box-shadow: 0px 0px 20px rgba(36,36,39,0.2);
  border: 3px solid transparent;
  }
}
.course-logo, .course-logo-shop img{
  width: 100px;
  height: 100px;
  vertical-align: middle;
}
/**/


/******************CURSOS******************/
.site-action-buttons {
    bottom: 70px;
    left: -2px;
}
.list-group-item .icon {
    margin-right: 0;
}
/*****APP******/
.page-header .detail-course {
    
    position: relative;
    max-width: 1400px;
    min-height: -webkit-calc(100% - 44px);
    min-height: calc(100% - 44px);
    margin: 0 auto;
}
.page-header .detail-course .course-content{
padding: 30px;
}
/**/
.course-item .icon-box.icon-lg .bg-logo {
    width: 150px!important;
    height: 150px!important;
    color: #ffffff;
    border-radius: 50%!important;
    overflow: hidden;
}
.header-course .bg-logo {
    width: 120px!important;
    height: 120px!important;
    border-radius: 50%!important;
    overflow: hidden;
}
.header-course .bg-logo img.logo-course{
    width: 100%;
    height: 100%;
    border:0;
    vertical-align: middle;
}
.header-course .bg-logo {
    margin: 0 auto 1em auto;
}
.header-course .section-shade .title-course{
    max-width: 700px;
    margin: 0 auto;
}
.description-course-top{
    
}
.description-course-top .icon-gradient .icon-content{
    background: #36474F!important;
    display: block;
    float: none;
    margin: auto;
}
.description-course-top .icon-gradient .icon-box-content{
    margin: 0 auto;
}
.description-course-top .icon-gradient .icon-box-content h6{
    color: #36474F!important;
}
.course-item .icon-box .course-content-pre h5,
.course-item .icon-box .course-content-pre h5 a,
.course-item .icon-box .course-content-pre h5 a:hover,
.course-item .icon-box .course-content-pre span{
    color: #36474F!important;
}
.course-item{
    float: left!important;
}
.course-item .sep-top-sm{
    padding-left: 1.5em;
    padding-right: 1.5em;
}
.course-item .icon-box .course-content-pre span{
    display:block;margin:0px 10px 15px;
}
.course-item .course-element .icon-box .bg-logo img.logo-course,
#isotopeCourse .bg-logo img.logo-course{
    width: 100%;
    height: 100%;
    border:0;
    vertical-align: middle;
}
.course-element-list .course-item .img-bordered{
    border: 2px solid!important;
}
.land-17 .header-section-single-course .course-title .course-course{
    font-weight: 500;
}
.land-17 .header-section-single-course .course-title h1, 
.land-17 .header-section-single-course .course-title .career-course{
  color: #ffffff;
}
.land-17 .header-section-single-course .course-title h1{
  margin-top: 5px;
}
.land-17 .header-section-single-course .course-logo, .course-logo-shop{
  top: 0;
}
.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243";
}
.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242";
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241";
}
.fa-battery-4:before, .fa-battery-full:before {
    content: "\f240";
}
.course-navbar .name-course,
.page-header .detail-course .course-content .name-category,
.page-header .detail-course .course-content .name-course,
.page-header .detail-course .course-content .c-level,
.course-navbar .c-level{
    color:#ffffff!important;
}
.site-menubar .site-menubar-header a{
   color:#ffffff!important;
}
.site-menubar .site-menubar-header a.h-color-engimia {
    color: #36474F!important;
}
.course-element-list .img-bordered{
    border-color: #ffffff!important;
}

/******************ESPECIALIDADES******************/
/***Energia Solar Fotovoltaica***/
.especialidad .energia-solar-fotovoltaica {
    background-color:rgba(0, 0, 0, .5)!important;
}
.especialidad .energia-eolica {
    background-color:rgba(0, 0, 0, .6)!important;
    /*background-color:rgba(37, 183, 211, .8);*/
}
.especialidad .normatividad-en-instalaciones-electricas {
    background-color:rgba(0, 0, 0, .5)!important;
    /*background-color:rgba(37, 183, 211, .8);*/
}

.btn-3d{
  position: relative;
  border: none!important;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), inset 0 -2px 0 rgba(0,0,0,.25);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), inset 0 -2px 0 rgba(0,0,0,.25);
}
.btn-3d:hover, .btn-3d:focus,{
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), inset 0 -2px 0 rgba(0,0,0,.25)!important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), inset 0 -2px 0 rgba(0,0,0,.25)!important;
}
.btn-3d:active{
  background-image: none!important;
  top:1px!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}