#container{
  background-image: url("http://historico.sena.edu.co/es-co/campesena/Paginas/images/fondo3.png");

}
.flexslider {
  position: relative;
  margin: 0px -30px 0px -30px !important;
  padding: 0;
}
.border2{
  border-bottom: 2px solid #e1e1e1;
}
.card h5{
  text-transform: none;
  color: #3aaa35;
}
/*animacion*/
.markaD{
   background-color: #9bf597;
    height: 60px;
    width: 60px;
    border-radius: 35px;
    text-align: center;
    cursor: pointer;
}
.paso{
  color: black;
    font-size: 50px;

}
/*card*/
.card-img-top {
  width: 100%;
}

.card-text {
  color: #6e6e6e;
  font-size: 1em;
  margin-top: 0px;
  padding: 9px;
}


.card-title {
  margin: 10px;
  font-size: 1.4em;
}

.card a {
  color: #3aaa35;
  text-decoration: none;
}
.card{
  text-align: left;
  border: 1px solid #ababab;
  width: 14rem;
  border-radius: 5px;
  background-color: white;
  height: 254px;
}
/*card*/
.cardSpace{
  background-image: url("images/Fondo_parte_1_100.png");
  background-size: cover;
  background-repeat: no-repeat;
  align-content: center;
  text-align: center;
  background-attachment: fixed;
  background-position: center;
  padding: 6px 10px 18px 10px;
}
.contImg{
  width: 100%;
    overflow: hidden;
    height: 150px;
    -webkit-border-radius: 3px;
}
.scale1{
  transition: all .2s ease-in-out;
  transform: scale(1, 1);
}
.scale1:hover{
  transform: scale(1.1, 1.1);
}
/*card*/
.btn-close span{
  font-weight: bolder;
    font-size: 1.2em;
    color: black;
}
.listLink li{
  /*list-style-image: url(./images/hoja1.png);*/
  list-style: none;
}
.close {
  opacity: 1 !important;
  min-width: 30px !important;
}

.centerVer{
    margin: 10px;
    padding: 10px 15px 10px 15px;
    border: 2px solid #a91b80;
    border-radius: 22px 0px 0px 0px;
    vertical-align: middle;
    height:60px;
}

.centerVer2{
  border: 2px solid #a91b80;
  border-radius: 0px 0px 0px 0px;
}
.centerVer3{
  border: 2px solid #a91b80;
  border-radius: 0px 22px 0px 0px;
}
.centerVer4{
  border: 2px solid #a91b80;
  border-radius: 0px 0px 22px 0px;
}
.centerVer5{
  border: 2px solid #a91b80;
  border-radius: 0px 0px 0px 22px;
}
.textCuadroMora{
  
  padding: 0px;
  margin: 0px;

}
 /*boots*/
 .marginl33{
  margin: 25px;
 }
 .mt-5 {
    margin-top: 3rem!important;
}
.mb-3 {
    margin-bottom: 1rem!important;
}

.mt-3 {
    margin-top: 1rem!important;
}
.modal-open .modal {
    overflow-x: hidden;
    background-color: #00000054;
    overflow-y: auto;
}
.mt-2{
  margin-top: 0.8rem!important;
}
.fade {
    opacity: 1;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.modal-header .close {
    margin-top: -32px;
}
@media (min-width: 570px){
.modal-dialog {
    width: 570px;
    margin: 180px auto !important;
}

/*---------------------------------------------------------------------------------*/
.arreglaTam{
    margin-top: 30px;
}
.imCarr{
    float: left !important;
    width: 125px!important;
    padding-top: 46px!important;
    cursor: pointer!important;
}
.accordionCamp {
    background: white;
    /*width: 100%;*/
    /*min-width: 800px;*/
    display: block;
    list-style-type: none;
    overflow: hidden;
   /* height: 200px;*/
    font-size: 0;
    padding-left: 0px;
  }
  
  .tabAcorC {
    display: inline-block;
    background-color: rgb(255 255 255);
    border-right: #39a900 solid 1px;
    width: 130px;
    height: 200px;
    overflow: hidden;
    position: relative;
    margin: 0;
    transition: all 0.5s ease-in-out 0.1s;
  }
  
  .tabAcorC:hover {
    width: 340px;
  }
  
  .tabAcorC:hover .social a:before {
    margin-left: -100px;
  }
  
  .tabAcorC:hover .social a:after {
    margin-left: -5px;
  }
  .tabAcorC .content {
    background-color: #fff;;
    /*width:  360px;*/
    height: 200px;
    margin-left: 130px;
    position: relative;
    padding: 0px 0 0 15px;
  }
  
  .tabAcorC .content h1 {
    font-size: 2.5rem;
  }
  
  .tabAcorC .content p {
    font-size: 0.85rem;
    line-height: 1.4rem;
    padding-right: 30px;
  }
  .social a:before,
  .social a:after {
    transition: all 0.4s ease-in-out 0.1s;
    width: 80px;
    height: 200px;
    position: absolute;
    text-indent: 0;
    padding-top: 90px;
    padding-left: 25px ;
    display: block;
    font: normal 30px Genericons;
    color: #fff;
  }
  
  .social a:after{
    font-size: 48px;
    padding-left: 20px;
    padding-top: 80px;
    margin-left: 85px;
  }
  /* Add Icons */
  /* Social media links: youtube  */
  .youtube a:before,
  .youtube a:after {
    content: '\f213';
  }
  
  .youtube a:after {
    background-color: #f00;
  }
  /* Social media links: instagram  */
  .instagram a:before,
  .instagram a:after {
    content: '\f215';
  }
  
  .instagram a:after {
    background-color: #6dc993;
  }
  /* Social media links: facebook  */
  .facebook a:before,
  .facebook a:after {
    content: '\f204';
  }
  
  .facebook a:after {
    background-color: #3b5998;
  }
  /* Social media links: codepen  */
  .codepen a:before,
  .codepen a:after {
    content: '\f100';
  }
  
  .codepen a:after {
    background-color: #00AEEF;
  }
  /* Social media links: linkedin  */
  .linkedin a:before,
  .linkedin a:after {
    content: '\f207';
  }
  
  .linkedin a:after {
    background-color: #00AEEF;
  }
  /* responsive settings */
  @media(max-width: 950px) {
    .container {
      width: 70%;
    }
    
    .tabAcorC {
      display:block;
      width:100%;
      border-bottom: 3px #333 solid;
    }
    
    .acordion {
      display: block;
      min-width: 450px;
      height: auto;
    }
    
    .tabAcorC .content{
      width: 85%;
    }
    
    .tabAcorC:hover {
      width: 100%;
    }
  }
  
  @media (max-width: 680px) {
    .container {
      width: 95%;
    }
   
    .acordion {
      width: 100%;
      min-width: 350px;
     
    }
    .modal-dialog{
      margin-top: 40%;
    }
    
    
  }

  @media (max-width: 415px) {

    .modal-dialog{
      margin-top: 40%;
    }
    .acordion {
    height:  1010px;;
      width: 100%;
      min-width: 385px;
      
    }

    .arreglaTam{
        height: 1095px;
    }
    .tabAcorC .content{
        width: 220px;
    }
    
}
}
  


@media screen and (min-width: 300px) and (max-width: 500px)
{
  .centerVer{
    height:90px !important;
}
.modal-dialog{
  margin-top: 30% !important;
}
}

/*----------------------------------------------------------------------------*/
.ızgara {
    border-top: solid 1px #000;
    /*  As of August 2012, only supported in Chrome 21+ */
    display: -webkit-flex;
    display: flex;
  }
  
  .kolon {
    box-sizing: border-box;
    background: #171717;
    width: 50%;
    border-top: solid 1px #505050;
    padding: 5px;
    /* border: 10px solid #fff; */
    height: 200px;
    color: #fff;
    overflow: hidden;
    transition: width 0.3s ease;
  }
  .kolon:nth-child(even) {
    background: #171717;
  }
  .kolon:hover {
    width: 100%;
  }
  
  .active {
    opacity: 1;
  }
  
  .inactive {
    opacity: 0.2;
  }


/*--------------------------------------SLIDER 3D SECTION3 --------------------------------------------------------------*/
.imgs-carousel-br {
    border-radius: 20px;
  }
  .ocultar {
    display: none;
}
.slider-div2 {
    padding: 50px 0px 0px 0px;
  }
  
  #slider2 {
   /* height: 35vw;*/
    height: 300px;
    width: 50%;
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d;
  }
  
  #slider2 label {
    margin: auto;
    width: 100%;
    height: auto;
    border-radius: 20px;
    position: absolute;
    cursor: pointer;
    transition: 0.4s ease;
  }
  
  #b1:checked~#bslide4,
  #b2:checked~#bslide5,
  #b3:checked~#bslide1,
  #b4:checked~#bslide2,
  #b5:checked~#bslide3 {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
    transform: translate3d(-30%, 0, -200px);
  }
  
  #b1:checked~#bslide5,
  #b2:checked~#bslide1,
  #b3:checked~#bslide2,
  #b4:checked~#bslide3,
  #b5:checked~#bslide4 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    transform: translate3d(-15%, 0, -100px);
  }
  
  #b1:checked~#bslide1,
  #b2:checked~#bslide2,
  #b3:checked~#bslide3,
  #b4:checked~#bslide4,
  #b5:checked~#bslide5 {
    box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3), 0 11px 7px 0 rgba(0, 0, 0, 0.19);
    transform: translate3d(0, 0, 0);
  }
  
  #b1:checked~#bslide2,
  #b2:checked~#bslide3,
  #b3:checked~#bslide4,
  #b4:checked~#bslide5,
  #b5:checked~#bslide1 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    transform: translate3d(25%, 0, -100px);
  }
  
  #b1:checked~#bslide3,
  #b2:checked~#bslide4,
  #b3:checked~#bslide5,
  #b4:checked~#bslide1,
  #b5:checked~#bslide2 {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
    transform: translate3d(50%, 0, -200px);
  }

/*-------------------------------------- MODALES --------------------------------------------------------------*/

.modal-styles {
    background-color: #efefef;
    border: 2px solid #39a900;
    border-radius: 25px;
  }
  
  .modal-body {
    color: #000000;
  }
  
  .modal-header {
    border-bottom: none;
  }
  
  .modal-footer {
    border-top: none;
    justify-content: left;
    padding: 15px 0px 15px 20px;
  }
  
  .div-redes-face {
    margin: 0px -15px 0px 0px;
  }
  
  .div-redes-inst {
    border-right: 4px solid #fa711e;
  }
  
  .textoF {
    text-align: left !important;
  }
  
  .txtN1 {
    font-family: "JosefinSans-Bold";
    font-weight: normal;
    font-style: normal;
    font-size: 1.7em;
    text-align: left;
    color: #fa711e;
  }
  
  .txtB1 {
    font-family: "JosefinSans-Bold";
    font-weight: normal;
    font-style: normal;
    font-size: 1.7em;
    text-align: left;
    color: #ffffff;
  }
  
  .btn-close {
    color: #000;
  }
  
  #video-Title {
    font-family: "worksans_italic";
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    text-align: left;
    color: #39a900;
  }
  
  .description-video {
    font-family: "JosefinSans-Regular";
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    text-align: left;
    color: #000;
  }