.vidbg-container{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center}.vidbg-container video{position:absolute;margin:0;top:50%;left:50%;transform:translate(-50%, -50%);transition:0.25s opacity ease-in-out;max-width:none;opacity:0}.vidbg-overlay{position:absolute;top:0;right:0;bottom:0;left:0}

/*
 *   Template Name: Euforia - Responsive Vcard Template
 *   Version: 2.1
 *   Author:  Lukasz Lelek
 *   Website: www.ht2.pl
*/
/*
 *	TABLE CONTENTS
 *	-------------------------------
 *                
 *           - HOME SECTION
 *           - ABOUT SECTION
 *           - SERVICES SECTION
 *           - PORTFOLIO SECTION
 *           - PORTFOLIO-SINGLE-V2 SECTION
 *           - BLOG SECTION
 *           - BLOG-POST SECTION
 *           - CONTACT SECTION
 *
 *	------------------------------- 
*/


/* HOME SECTION */
.intro-text {
  letter-spacing: 4px;
  text-transform: uppercase;
  text-align: center;
}
.intro-text .weight300 {
    font-weight: 300;
}
.block {
    display: block;
}


/* ABOUT SECTION */


/* SERVICES SECTION */
.bg-img-services {
    background: url('../img/bg/services-bg1.jpg') 100% fixed no-repeat; 
    position: relative;  
}
.shadow {
    height: 80%;
    position: absolute;
    top: 0;
    width: 100%;
    background: url("../img/shadow1.png") no-repeat scroll center top;
    background-size: 100%;
}
.bg-opacity {
    background: rgba(255,255,255, .9);
}
.padding30 {
  padding: 30px;
}
.services-img01 {
  position: absolute;
  z-index: 2;
  bottom: -90px;
  right: 0px;
}

/* PORTFOLIO SECTION */
/* BLOG SECTION */
/* CONTACT SECTION  */
.contact-details {
  background: url(../img/bg/map_bg.png) left 0px no-repeat;
}
.contact-form .form-style .form-loader {
  margin-right: 8px;
  display: none;
}
.contact-form .form-style .alert {
  color: #ff1919;
  background: none;
  font-size: 12px;
  letter-spacing: 0;
  border-radius: 0;
  border: 0;
  padding: 4px 2px;
  font-size: 14px;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.contact-form .form-style .alert-validate-form {
  display: none;
}
.contact-form .form-style .alert-validate-form .alert.error {
    display: block;
    background: #fd4040;
    color: #fff;
    font-size: 14px;
    padding: 15px 20px;
    border: 0;
    font-weight: 400;
}
.contact-form .form-style .alert-validate-form .alert.success {
  background: #119400;
  color: #fff;
  font-weight: 400;
  padding: 15px 20px;
}
















.author {
  display: inline-block;
}
.pe-6x {
  font-size: 9em;
}

.col-sm-3.ft-item.col-box.bg-white {
  height: 390px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.col-sm-3.ft-item.col-box.bg-white a {
  position: absolute;
  bottom: 10px;
}

h3.title {
  letter-spacing: 1px;
  display: inline-block;
  margin-right: 20px;
  font-weight: 100;
  padding: 15px 20px 15px 0;
  color: #ff6600;
  text-transform: uppercase;
  font-size: 29px;
}

.gridClient {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.gridClient figure {
  padding: 21px;
}

a.servi_portafolio div {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-right: 10% !important;
}

a.servi_portafolio.FabricaSoftware {
  background: #c34d1e;
  display: flex;
  align-items: center;
  padding-left: 10px;
  text-align: center;
  cursor: auto;
  font-size: 18px;
}

a.servi_portafolio.Middleware {
  background: #3c3b3d;
  align-items: center;
  padding-left: 10px;
  text-align: center;
  display:flex;
  cursor: auto;
  font-size: 18px;
}

a.servi_portafolio.CloudService {
  background: #bfb40e;
  align-items: center;
  padding-left: 10px;
  text-align: center;
  display:flex;
  cursor: auto;
  font-size: 18px;
}

a.servi_portafolio.Automation {
  background: #30a91c;
  align-items: center;
  padding-left: 10px;
  text-align: center;
  cursor: auto;
  display:flex;
  font-size: 18px;
}


.portfolio-colum figure a.servi_portafolio {
  position: relative;
  display: block;
  overflow: hidden;
  color: #fff;
  width: 350px;
  min-height: 50px;
  height: auto;
}


.java img{
  width: 90%;
}

.html img{
  width: 90%;
}

.css3 img {
  width: 65%;
}

.javascript img {
  width: 90%;
}

.flutter img {
  width: 130%;
}

.scrum img {
  width: 100%;
}

.native img {
  width: 90%;
}

.electron img {
  width: 120%;
}

.jquery img {
  width: 80%;
}

.reactjs img {
  width: 80%;
}

.spring-framework img {
  width: 90%;
}

.elasticsearch img {
  width: 100%;
}

.gitlab img {
  width: 90%;
}

.angular img {
  width: 90%;
}

.spring-boot img {
  width: 90%;
}

.hibernate img {
  width: 80%;
}

.JavaRx img {
  width: 90%;
}

.junit img {
  width: 90%;
}

.bootstrap img {
  width: 90%;
}

.sonarQube img {
  width: 90%;
}

.weblogic img {
  width: 100%;
}

.nexus img {
  width: 65%;
}

.kube img {
  width: 90%;
}

.swarm img {
  width: 90%;
}

.fluentd img {
  width: 80%;
}

.kibana img {
  width: 100%;
}

.jenkin img {
  width: 90%;
}

.wildfly img {
  width: 90%;
}

.glassfish img {
  width: 90%;
}

.grafana img {
  width: 90%;
}

.apigee img {
  width: 90%;
}

.shell img {
  width: 90%;
}

.mongo img {
  width: 90%;
}

.azure img {
  width: 90%;
}

.aws img {
  width: 90%;
}

.gcp img {
  width: 90%;
}

.postgress img {
  width: 90%;
}

.mysql img {
  width: 90%;
}

.plsql img {
  width: 112%;
}

.redis img {
  width: 90%;
}


@media (max-width: 600px) {

  .java img{
    width: 190%;
  }

  .html img{
    width: 190%;
  }

  .css3 img {
    width: 165%;
  }

  .javascript img {
    width: 190%;
  }

  .flutter img {
    width: 230%;
  }

  .scrum img {
    width: 200%;
  }

  .native img {
    width: 190%;
  }

  .electron img {
    width: 220%;
  }

  .jquery img {
    width: 180%;
  }

  .reactjs img {
    width: 180%;
  }

  .spring-framework img {
    width: 190%;
  }

  .elasticsearch img {
    width: 200%;
  }

  .gitlab img {
    width: 190%;
  }

  .angular img {
    width: 190%;
  }

  .spring-boot img {
    width: 190%;
  }

  .hibernate img {
    width: 180%;
  }

  .JavaRx img {
    width: 190%;
  }

  .junit img {
    width: 190%;
  }

  .bootstrap img {
    width: 190%;
  }

  .sonarQube img {
    width: 190%;
  }

  .weblogic img {
    width: 200%;
  }

  .nexus img {
    width: 165%;
  }

  .kube img {
    width: 190%;
  }

  .swarm img {
    width: 190%;
  }

  .fluentd img {
    width: 180%;
  }

  .kibana img {
    width: 200%;
  }

  .jenkin img {
    width: 190%;
  }

  .wildfly img {
    width: 190%;
  }

  .glassfish img {
    width: 190%;
  }

  .grafana img {
    width: 190%;
  }

  .apigee img {
    width: 190%;
  }

  .shell img {
    width: 190%;
  }

  .mongo img {
    width: 190%;
  }

  .azure img {
    width: 190%;
  }

  .aws img {
    width: 190%;
  }

  .gcp img {
    width: 190%;
  }

  .postgress img {
    width: 190%;
  }

  .mysql img {
    width: 190%;
  }

  .plsql img {
    width: 212%;
  }

  .redis img {
    width: 190%;
  }

  #portfolio figure, #portfolio figure img{
      width: 100%;
      margin: 0px !important;
  }

}