img.btn-whatsapp {
    display: block !important;
    position: fixed;
    z-index: 9999999;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    border-radius:100px !important;
    }
    img.btn-whatsapp:hover{
    border-radius:100px !important;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(7,94,84,1); 
    -moz-box-shadow: 0px 0px 15px 0px rgba(7,94,84,1);
    box-shadow: 0px 0px 15px 0px rgba(7,94,84,1);
    transition-duration: 1s;
    } 
/*-------btn-whatsApp--------*/

/*-------BASE--------*/
*{
    box-sizing: border-box;
}
.container{ 
     overflow: hidden;
    width: 100%;
    }


body{
    margin: 0;
	font-family: 'Lato';
	font-size: 12px;
	background: #111111;
} 

li{
	list-style: none;
}
a
{
    text-decoration: none;
	color: #fff;
}

a:focus,
a:active,
a:hover{
	color: black; 
}
strong{
	font-weight: 900;
}
p {
	font-size: 23px;
	color: #999;
	margin: 5px 0 15px;
    
}

p.mini{
	font-size: 17px;
	color: #666;
	margin: 0 0 10px;
}
/*------  TITLE  ------*/
.title {
	text-align: center;
	font-size: 50px;
	position: relative;
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 100px;    
	top: -15px;
	margin-bottom: 40px;
}
.title-bg {
	font-size: 100px;
	color: #242424;
	position: absolute;
	top: -3px;
	left: 0;
	width: 100%;
	font-weight: 200;    
	pointer-events: none;
	z-index: -1;
}
    
/*-------//BASE--------*/

/*-------MENU/HEADER/BANNER--------*/

.header{
	position: fixed;
	width: 100%;
	height: 130px;
	padding-top: 20px;
    margin-top:0;
	z-index: 6; 
    
	
	background: linear-gradient(90deg,rgba(96, 118, 186,1) 0%,rgba(5, 10, 48,1) 100%); 
}

.container_header {
    width: 100%;
    max-width: 1000px;
    margin: auto;
	opacity: 1;
    overflow: hidden;
     margin-top: 0%;
    z-index: 5;
}




.log{
	height: 90px;
	width: 305px;
	display: inline-block;
    float: left;
	background:url(../images/IDGrupoILT.png) no-repeat; 
	vertical-align: middle;
	background-size: cover;
    margin-top: 0%;  
}

.social_header {
   
    width: 250px;
   float: right;
   margin:auto;
    margin-top: -4.5%;
    text-align: end;
    
}
.social_header em {
    font-size: 35px;
    padding: 0 0px 0 15px;
}

.header a{
	font-weight: 100;
	text-transform:full-width;
    font-size: 21.5px;    
}
.container-home{   
   width:100%;
    height: 790px;
    position: relative;
    overflow: hidden;
}

.imgfondo{
    background-image: url(../images/FondoGILT.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
     width: 100%;
    height: 790px;
    
    
}


.slide{
    position: relative;
    height: 790px;
    overflow: hidden;
    width: 100%;
    }

.fondo{
    padding-top: 1%;
    margin-top: -10%;
}

.slider-text-wrapper{
	position: absolute;
	top: 30%;
	width: 100%;
	height: 210px;
    text-align: end;
   padding:0 170px;
	opacity: 1;
	z-index: 1;
    background: linear-gradient(90deg,rgba(5, 7, 15 ,0.4) 0%,rgba(96, 118, 186,0.4)100%);

    -moz-transition: all 1s linear 0.6s;
	-webkit-transition: all 1s linear 0.6s;
	-o-transition: all 1s linear 0.6s;
	-ms-transition: all 1s linear 6s;
	transition: all 1s linear 0.6s;
}


.big{
		font-size: 30px;
		line-height: 40px;
		color: #fff;
		font-weight:bold;
		margin-top: 3px;
        letter-spacing: 1px;
        word-spacing: 0.25em;
        
	}
.big strong{
		color: black;
	}


.b-btn1 {
    font-size: 14px;
    width: 200px;
    height: 50px;
    background:rgba(38, 80, 135,.25);
    padding: 2px;
     margin: 0 30px;
}
.b-btn2 {
    width: 140px;
	color: #ffffff;
    background:rgba(38, 80, 135,.50);
     margin: 0 30px;
}

/*-------//MENU/HEADER/BANNER--------*/



/*------  SKILLS BLOCK  ------*/
 
.skills{
    
     margin-top: .5%;
    width: 100%;
}
.skills-block {
    display: flex;
    max-width: 1100px;
    height: 380px;
    text-align: center;
    overflow: hidden;
    padding-top: 1%;
 
    
    
}

.container-slider{
    
   
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    position: relative;
    justify-content: center;
    display: flex;
    
}

.skills-block-slider{
    display: flex;
    width: 1100px;
    height: 350px;
    text-align: center;
    margin: 15px 15px 0 0;
    
}


.skills-wrapper {
    color: #999;
		font-size: 22px;
		line-height: 22px;
        
        width: 1100px; 
		height: 350px;
		border-bottom: 1px solid #2b2b2b;
          margin: 0 1% 0 1%;
         padding: 5% 3% 0 3%;
    justify-content: center;
	}

.skills-name {
		margin-bottom: 30px;
    
	}

.skills-wrapper img{
		font-size: 38px;
		color: #999;
		margin-bottom: 10px;
		position: relative;
		top: 0;
        

	}


.skills-wrapper:hover img {
    top: -10px;
	}



.skills-wrapper:hover {
    color: #fff;
    background: #151515;
    border-bottom: 4.5px solid rgba(38, 80, 135, 1);
    
}
.skills .glyph {
    font-size: 40px;
    color: #999;
    display: block;
    margin-bottom: 12px;
    position: relative;
    top: 0;
	}	




.btn-skills{
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    font-size: 40px;
    cursor: pointer;
    top:50%;
    text-align: center;
    transform: translateY(-50%);
    color: #fff;
    line-height: 30px;
}


.btn-skills:hover{
	color: #fff;
	background: rgba(38, 80, 135,1);
}
.prev-skills{
    left: 1px;
}

.next-skills {
    right: 1px;
}
/*------  //SKILLS BLOCK  muwstra ------*/


/*------  //SERVICES BLOCK  muwstra ------*/
.services {
    height: 100%;
    width: 100%;
	background-size: cover;
	background-attachment: fixed;	
	text-align: center;
	margin-top: 100px;
	position: relative;
	margin-top: 10%;
	opacity: 1;
 
}

.container-services{
    
    height: 860px;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
	opacity: 1;
    
   
}



.services p {
    
    width: 100%;
    text-align: center;
    margin-top: 20%;
    
	}
.services p.mini {
    
    width: 100%;
    text-align: center;
    margin: 0;
    
	}


.services strong{
    
    color: #999;
		font-size: 22px;
		display: inline-block;
		margin-top: 10%;
        font-weight: 500;
        width:250px;
}
.service-slide{
    
    display: flex;
    
}

.ser-slide {
     
    width: 100%;
    height: 150px; 
    position: relative;
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    
    
    
}



.service-text {
    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    
    transition: all 0.7s;
    
}

.ser-slide input[type="radio"] {
    display: none;
}

.ser-slide input[type="radio"]:checked ~ .service-text {
    opacity: 1;
    
    
}

.ser-slide input[type="radio"] + label {
    margin:auto;
    position: relative;
    z-index: 1;
    padding: 0 40px 0 40px;
    display: block;
    width: 135px;
    height: 135px;
    background: none;
    border-radius: 50%;
    cursor: pointer;
    
    
    
}


.ser-slide input[type="radio"]:checked + label {
    background: transparent;
    box-shadow: 0 0 7px 7px rgba(38, 80, 135,1) ; 
    
    
    
    
}

.ser-slide input[type="radio"]:hover + label{
    top: -10px;
  
    
    
    
  
}



.ser-slide  input[type="radio"] + label.img-1 {
    background-image: url(../images/eqMedico.png);
    background-size:contain;
    background-position: center; 
    
}

.ser-slide  input[type="radio"] + label.img-2 {
    background-image: url(../images/semi.png);
    background-size:contain;
    background-position: center; 
}

.ser-slide  input[type="radio"] + label.img-3 {
    background-image: url(../images/maqui.png);
    background-size:contain;
    background-position: center; 
}

.ser-slide  input[type="radio"] + label.img-4 {
    background-image: url(../images/telecom.png);
    background-size:contain;
    background-position: center; 
}
.linea  {
    width: 100%; 
    height: 7px;
    box-shadow: 0 0 2px 2px rgba(38, 80, 135,1) ;  
}

.services-slide{
    margin-top: 15%;
        display: flex;
}


.serv-slide {
    margin-top: 5%;
    width: 100%;
    height: 200px; 
    position: relative;
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    
}

.services-text {
    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    
    transition: all 0.7s;
}

.serv-slide input[type="radio"] {
    display: none;
}

.serv-slide input[type="radio"]:checked ~ .services-text {
    opacity: 1;
    
    
}


.serv-slide input[type="radio"] + label {
    margin:auto;
    position: relative;
    z-index: 1;
    display: block;
    width: 135px;
    height: 135px;
    background: none;
    border-radius: 50%;
    cursor: pointer;
    padding: 0 40px 0 40px;
    
    
    
}

.serv-slide input[type="radio"]:checked + label {
    background: transparent;
    box-shadow: 0 0 7px 7px rgba(38, 80, 135,1) ; 
}
.serv-slide input[type="radio"]:hover + label{
    top: -10px;
}


.serv-slide  input[type="radio"] + label.img-5 {
    background-image: url(../images/textil.png);
    background-size:contain;
    background-position: center; 
}

.serv-slide  input[type="radio"] + label.img-6 {
    background-image: url(../images/eqDental.png);
    background-size:contain;
    background-position: center; 
}

.serv-slide  input[type="radio"] + label.img-7 {
    background-image: url(../images/electronic.png);
    background-size:contain;
    background-position: center; 
}

.serv-slide  input[type="radio"] + label.img-8 {
    background-image: url(../images/impre.png);
    background-size:contain;
    background-position: center; 
}


/*------  //SERVICES BLOCK  muwstra ------*/



/*------  ABOUT ------*/
.about {
  width: 100%;
	margin-top: 10%; 
}


.container-about{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    position: relative;
	
	opacity: 1;
}
.conten_about {
    margin-top:0%;

    }

.flex-text {
    margin-top:-5%;
    font-size:24px;
    width: 610px;
    letter-spacing: .5px;
    word-spacing: 0.25em;
    line-height: 2em;
}

.flexvideo{
    margin-top:5%;
    float: right;
    width: 500px;
    height: 450px;
}
	.about video{
        width: 500px;
		
	}

.a-btn1 {
    width: 250px;
    height: 50px;
	color: #ffffff;
    background:rgba(38, 80, 135,.25);
    margin: 0 150px;
    padding: 2px;
}
/*------  //ABOUT ------*/



/*------  ACHIVEMENT ------*/

.achievement{
    margin-top: 10%;
	background-size: cover;
	background-attachment: fixed;	
	height: 420px;
	text-align: center;
	 width: 100%;


}

.container-achievement{
   
    width: 100%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 0% 0% 0% 0%;
	opacity: 1;
	
	

}

.achievement-block {
	display: inline-block;
  
    font-weight: 200;
	font-size: 18px;
	text-transform: uppercase;
	color: #999;
    font-weight: 200;
    width: 295px;
    margin: 110px 0px;
    padding-bottom:0px;
    
}
.achievement-block span{
    
	font-size: 90px;
	line-height: 150px;
	color: #fff;
	font-weight: 900;
}
/*------  //ACHIVEMENT ------*/

/*------  ARTICULOS ------*/

.portfolio{
    width: 100%;
	height: 100%;
	
    margin-top: 10%;

}
.container-portfolio{
    
    
    width: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
	opacity: 1;
    text-align: center;
 
}
.img-port {
    width: 100%; 
	height: 100%;
    position: absolute; 
    left: 0px; 
    top: 0px; 
}

.portfolio-slider{
    margin-top: 0%;
}

 .slide {
    position: relative;
    width: 24.986%;
    height: 300px;
    float: left;
}


.slide-details{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: rgba(21,21,21,0);
    
    
   
}
	.slide-details .button{
		text-align: center;
		width: 80px;
		height: 56px;
		line-height: 50px;
		font-size: 40px;
		padding: 0;
		position: absolute;
		left: 47%;
		top: -50%;
		margin: -71px 0 0 -28px;
		background: rgba(38, 80, 135,0.25);
    border-radius: 30px/50px;
		
	    -moz-transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		transition: all 0.3s linear;
        
        
        
	}
	.slide-details .name{
		font-size: 22px;
		color: #fff;
		line-height: 22px;
		position: absolute;
		width: 100%;
		left: 0;
		text-align: center;
		bottom: -50%;
		margin-bottom: -33px;

	    -moz-transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
	.slide-details .position{
		font-size: 15px;
		color: #999;
		line-height: 15px;
		font-weight: 200;
		position: absolute;
		width: 100%;
		left: 0;
		text-align: center;
		bottom: -50%;
		margin-bottom: -53px;

	    -moz-transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
.slide-details:hover .position{
		bottom: 43%;		
	}
	.slide-details:hover .name{
		bottom: 46%;
	}
.slide-details:hover .button{
		top: 49%;
	}
.slide-details:hover{
		background: rgba(21,21,21,0.9);  
	}

/*------  //ARTICULOS ------*/



/*------  TEAM ------*/
.team{
     width: 100%;
    margin-top: 10%;
}

.container-team {
 
    width: 100%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    position: relative;
	opacity: 1;
    text-align: center;
    
   
}

.member-block {
	text-align: center;
    position: relative;
    width: 24.986%;
    height: 430px;
    float: left;
     padding: 1% 0 1% 0;
    margin:0 0% 0% 0;
    min-height: 1px;

 

}



.member-block-wrapper {
    padding: 40px 15px 0;
    background: #151515;
    height: 430px;
    overflow: hidden;
    border-top: 3px solid rgba(0,0,0,0);

}

.member-block-wrapper .name{
		font-size: 22px;
		line-height: 22px;
		color: #999;

	}

.member-block-wrapper .position{
		font-size: 15px;
		line-height: 15px;
		color: #666;
		margin-top: 10px;
		margin-bottom: 33px;
		font-weight: 200;

	}
.member-block-animate{
		height: 310px;
		overflow: hidden;
	}


	.member-block-footer{
		border-top: 1px solid #1e1e1e;
		margin: 0 -15px;
		line-height: 62px;
	}
		.member-block-footer a{
			margin: 0 12px;
			font-size: 16px;
			color: #333;
		}
		.member-block-wrapper:hover .member-block-footer a:hover{
			color: rgba(38, 80, 135,1);
		}
.member-block-wrapper p{
		line-height: 22px;
	}
.member-block-wrapper img{
		height: 180px;
		border-radius: 50%;
		margin-bottom: 50px;
	}


.member-block-wrapper:hover{
		border-top: 3px solid rgba(38, 80, 135,1);
	}
	.member-block-wrapper:hover img{
		height: 60px;
		margin-bottom: 20px;
	}
	.member-block-wrapper:hover .name{
		color: #fff;
	}
	.member-block-wrapper:hover .position{
		color: #999;
	}
	.member-block-wrapper:hover .member-block-footer a{
		color: #999;
	}
/*------  //TEAM ------*/




/*------  FEED ------*/


.feedback{
   margin-top: 10%;
    width: 100%;
    height: 430px;
	background-size: cover;
	background-attachment: fixed;	
	text-align: center;
	
	position: relative;
 
}

.container-feed{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    position: relative;

	opacity: 1;
   
}


.feedback-title{
		font-size: 30px;
		font-weight: 200;
		line-height: 30px;
		color: #fff;
		text-transform: uppercase;
		margin-top: 85px;
	}
.feedback p{
		width: 100%;
    text-align: center;
	}

.feedback em{
		font-size: 80px;
		color: #ccc;
		line-height: 30px;
		display: inline-block;
		margin: 40px 0 0;
		font-weight: 900;
		font-style: normal;
	}

.feedback strong{
		font-size: 16px;
		line-height: 16px;
		color: #fff;
		display: inline-block;
		margin-top: 25px;
	}

.flexslides{
        position: relative;
        max-width: 1200px;
    width: 100%;
    overflow: hidden;
      height: 200px;
}


.slides {
    width: 100%;
    display: flex;
    transform: translate3d(0,0,0);
    transition:  all 600ms;
    animation-name: slid-auto;
    animation-duration: 25s;
    animation-direction:alternate;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.slides-text {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 0;
    
}
.pagination{
    position: absolute;
    bottom: 1px;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.p-btn{
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid white;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    background: none;
    margin: 0 10px;
    text-align: center;
    
    transition: all 300ms;
    
}

.p-btn:hover {
    opacity: 1;
    box-shadow: 0 0 7px 7px rgba(38, 80, 135,1) ;
}
    
input[id="sbtn1"]:checked ~ .slides {
    animation: none;
    transform: translate3d(0,0,0);
    
}

input[id="sbtn1"]:checked ~ .pagination .p-btn[for="sbtn1"]{
    background: rgba(38, 80, 135,1) ;
}

input[id="sbtn2"]:checked ~ .slides {
    animation: none;
    transform: translate3d(calc(-100% * 1),0,0);
    
}

input[id="sbtn2"]:checked ~ .pagination .p-btn[for="sbtn2"]{
    background:rgba(38, 80, 135,1) ;
}

input[id="sbtn3"]:checked ~ .slides {
    animation: none;
    transform: translate3d(calc(-100% * 2),0,0);
    
}

input[id="sbtn3"]:checked ~ .pagination .p-btn[for="sbtn3"]{
    background:rgba(38, 80, 135,1);
}

input[id="sbtn4"]:checked ~ .slides {
    animation: none;
    transform: translate3d(calc(-100% * 3),0,0);
    
}

input[id="sbtn4"]:checked ~ .pagination .p-btn[for="sbtn4"]{
    background:rgba(38, 80, 135,1);
}

input[id="sbtn5"]:checked ~ .slides {
    animation: none;
    transform: translate3d(calc(-100% * 4),0,0);
    
}

input[id="sbtn5"]:checked ~ .pagination .p-btn[for="sbtn5"]{
    background: rgba(38, 80, 135,1) ;
}

@keyframes slid-auto{
    0%, 16% { 
        transform: translate3d(calc(-100% * 0),0,0);}
    
    22%, 37% { 
        transform: translate3d(calc(-100% * 1),0,0);}
    
    43%, 58% { 
        transform: translate3d(calc(-100% * 2),0,0);}
    
    64%, 79% { 
        transform: translate3d(calc(-100% * 3),0,0);}
    
    85%, 100% { 
        transform: translate3d(calc(-100% * 4),0,0);}
}






.flexslides input[type="radio"] {
    display: none;
}

/*------  //FEED ------*/

/*------  IDEA ------*/
.idea{
	background-size: cover;
	background-attachment: fixed;	
	height: 200px;
	text-align: center;
	margin-top: 10%;
	position: relative;
	opacity: 1;
   

}
.container-idea{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    position: relative;
    padding-top: 5%;
	opacity: 1;
    text-align: center;
    display: inline-flex;
}


.idea span{
    margin: 10px 80px; 
    font-size: 22px;
    color: #ccc;
	}

.i-btn1 {
    width: 250px;
    height: 50px;
	color: #ffffff;
    background:rgba(38, 80, 135,.50);
    margin: 0px 50px;
    padding: 2px 0px;
}

/*------  //IDEA ------*/



/*------  BUY-NOW ------*/

.buy-now {
     
        width: 100%;
    margin-top: 10%;
    }
    

.container-buy-now{
    background:  rgba(38, 80, 135,1); 
    height: 200px;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    position: relative;

	opacity: 1;
}

.buy-now-text {
    height: 100%;
    font-size: 36px;
    font-weight: 900;
    line-height: 36px;
    text-transform: uppercase;
    color: #fff;
    padding-left: 45px;
    padding-top: 40px;
    position: relative;
   
}	

.buy-now-text div{
		font-size: 50px;
		line-height: 80px;
		font-weight: 400;
}

.bu-btn1 {
    width: 200px;
    height: 50px;
    padding: 3px 0px;
    position: absolute;
	right: 100px;
	bottom: 40px;
    background: #1e1e1e;
}



/*------  //BUY-NOW ------*/



/*------  CONTACS ------*/

.contacts{
         width: 100%;
    margin-top: 10%;
    }

.container-contacs{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    position: relative;
	opacity: 1;

}

.form {
        float: left;
	    width: 62%;
        margin-left: 2px;
    
    
    
	}

.info {
    width: 35%;
    float: left;
    letter-spacing: .5px;
    word-spacing: 0.25em;
    margin-top: 2%;
     margin: auto;
    text-align: center;
    padding-left: 4%; 
}

.contacts-details {
    margin-top:20px;
    margin-bottom:0px;
     display:inline-block;
    width: 100%;
	color: #ffffff;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}


.contacts-details em{
	font-size: 26px;
	line-height: 100px;


    margin: 0 10px 0 0;
}


.contacts-details span{
	/*------display: block;
	margin-left: 70px;   ----*/
	line-height: 100px;
	font-size: 20px;
}

.col-md-2 {
    float: left;
    width: 50%;
    
}

.col-1{
    padding-right: 20px;
}
    /*-------//llenado de formulario--------*/
textarea {
	border: none;
	background: rgba(38, 80, 135,0.25);
	width: 100%;
	height: 140px;
	font-family: 'Lato';
	margin-bottom: -25px;
	border-bottom: 2px solid #ffffff;
	padding-left: 20px;
	font-size: 16px;
	color: #ffffff;
	padding-top: 10px;
}

textarea:focus,
input[type="text"]:focus{
	border-bottom: 2px solid rgba(38, 80, 135,1);	
	color: #ffffff;
}
input[type="text"]{  
	height: 50px;
	background: rgba(38, 80, 135, 0.25);
	border: none;
	width: 100%;
	font-family: 'Lato';
	margin-bottom: 20px;
	border-bottom: 2px solid #ffffff;
	padding-left: 20px;
	font-size: 16px;
	color: #ffffff;

  
}

input[type="text"].error {
	border: 2px solid rgba(38, 80, 135,1);
	color: #fff;
}


/*----solicita una-----*/

.f-btn1 { /*----enviar-----*/
    font-size: 13px;
    width: 150px;
    height: 50px;
    background:rgba(38, 80, 135,.50);
    padding: 5px;
    margin: 80px 80px 0px;
}

.f-btn2 {
    font-size: 14px;
    width: 250px;
    height: 50px;
    background:rgba(38, 80, 135,.25);
    padding: 5px;
    margin: 10px 80px;
} 







/*------  //CONTACS ------*/



/*------  FOOTER  ------*/
/*------  FOOTER  ------*/
footer {
	height: 165px; /*---- se le puede quitar -----*/
	background: linear-gradient(90deg,rgba(96, 118, 186,1) 0%,rgba(5, 10, 48,1) 100%);
	margin-top: 80px;
	font-size: 15px;
	font-weight: 200;
	color: #333;
}

.container-footer {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    position: relative;
	opacity: 1;
}

.log_footer {
    float: left;
    height: 78.75px;
	width: 262.5px;
    margin-top: 2.7%;
    padding-right: 4%;
    
}

.social_ft {
    float: left;
    width: 600px;
    word-spacing: 1em;
    margin-top: 5%;
    text-align: center;
}

.footters {
    float: left;
    width: 260px;
    line-height: 45px;
    margin-top: 1%;
    text-align: right;
    padding-right: 4%;
    
}
.up {
    float: right;    
    width: 40px;
    height: 40px;
    margin-top: 5%;
    border: 2px solid #fff;
	color: #fff;
    padding-top: 0.2%;
    padding-left: 0.2%;

}
.up:hover {
	background: rgba(38, 80, 135,1);
}



/*------  //FOOTER  ------*/






/*------  COLOR PICKER ------*/


.flex-active-slide .slider-text-wrapper {
    opacity: 1;
}

.color-picker {
	background: #f7f7f7;
	height: auto;
	position: fixed;
	right: 0px;
	top: 150px;
	width: 160px;
    z-index: 500;
    display: inline-block;
    
    
    
    
    
    
}
	.color-picker div {
		cursor: pointer;
		float: left;
		height: 30px;
		margin: 5px;
		width: 30px;

	    -moz-transition: top 0.2s linear;
		-webkit-transition: top 0.2s linear;
		-o-transition: top 0.2s linear;
		-ms-transition: top 0.2s linear;
		transition: top 0.2s linear;
	}
	.color-picker .picker-btn {
		background:  scroll 5px center #f7f7f7;
		border: medium none;
		cursor: pointer;
		left: -45px;
		padding: 5px;
		position: absolute;
		top: 45px;
		width: 40px;
		height: 40px;
	}
	.color-picker .pickerTitle {
		background: #666;
		border: medium none;
		color: #fff;
		cursor: auto;
		float: none;
		line-height: 30px;
		margin: 0;
		padding: 10px 5px;
		text-align: center;
		text-transform: uppercase;
		width: 100%;
		height: 50px;
	}
	.black .color-picker .pickerTitle {
		background: #000;
        
	}
	.color-picker .pwrapper {
		height: auto;
		padding: 15px 20px 25px;
		width: 160px;
	}

	.color-picker .pickersubTitle {
		border-bottom: 1px solid #EDEDED;
		border-top: 1px solid #EDEDED;
		clear: both;
		color: #7F7F7F;
		cursor: auto;
		float: none;
		font-size: 12px;
		height: auto;
		margin: 0 5px;
		padding: 10px 5px;
		text-align: center;
		text-transform: uppercase;
		width: auto;
	}
	.color-picker div.nopick {
		height: 0;
		width: 0;
	}


	.color-picker .picker-black {
	    background: #000;
        
	}
	.color-picker .picker-white {
	    background: #fff;
	    border: 1px solid #ccc;
	}


.picker-btn:checked ~ .color-picker{
    margin: 0;
}
/*------  //COLOR PICKER  ------*/


/*------  WHITE.BACKGROUND  ------*/
    /*------  ANIMATION  ------*/

/*------  //ANIMATION  ------*/



/*------  //WHITE.BACKGROUND  ------*/


/*------  WHITE.BACKGROUND  ------*/


/*------  //WHITE.BACKGROUND  ------*/

/*------  WHITE.BACKGROUND  ------*/

/*------  //blog  ------*/
	
/*------  //SKILLS BLOCK  muwstra ------*/




/*------  FEED ------*/


    

/*------  //FEED ------*/


.btn {
    display: inline-block;
    font-size: 13px;
	color: #ffffff;
	text-transform: capitalize;
	font-weight: 900;
	text-align: center;
	line-height: 42px;
	letter-spacing: 1px;
    border-radius: 30px/50px;
}


.btn:hover{
    background:#fff;
    color:black;
    cursor:pointer;
}



/*-----imagenes articulos-------*/
.articulo {
  width: 100%;

}

.container-articulo{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    position: relative;
	opacity: 1;
}
.art{
    text-align: justify;
    display: inline-flex;
    position: relative;
    line-height: 38px;
}

.images-boxs-item img {  
	display: inline-block;
	max-width: 100%;
	height: auto;
    border-radius: 20px/20px;
}


.col-lg-6 {
    width: 50%;
}

.images-boxs {
    
	display: inline-block;
	position: relative;
    width: 100%;
    padding: 30px 40px;
}
.images-boxs-item-right {
	float: right;
}

.images-boxs-item-left {
    float: left;
    top:35%;
	position:absolute;
    
}
.art-img{
    width:450px;
    height:690px;
    
}
.art-fond-img{
    background: #111111;
    padding: 18px 18px 0 0;
    border-radius: 20px/20px;
}
.art-imgn {
    background: #111111;
    height: 200px;
    width: 340px;
   
}
.topp{
    margin: 50px 20px 0;
}
.art-block{
    margin: 50px 0;
    height: 170px;
    background: linear-gradient(90deg,rgba(
    38, 80, 135,0.9) 0%,rgba(0, 0, 0 ,0.9)100%);
}
.art-block p{
    text-align: justify;
    margin: 0;
    padding:35px 45px;
    color: white;
    font-size: 25px;
    line-height: 50px;
}
.img-boxs img {  
	display: inline-block;
	max-width: 100%;
	
}
.img-boxs {
    text-align: center;
    margin: 0 40px 0 0px;
    margin-top: -40px;
}

.img-boxs1 {
    text-align: center;
    margin: 50px 40px 0 0px;
}
.img-art1 {
    justify-content: center;
    width: 650px;
}

/*-------porfollio BLOGGGG-----*/
/*----art---*/
.portfolio form {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.portfolio .barra-busqueda {
    width: 70%;
    height: 40px;
    line-height: 40px;
   
    padding: 0;
    border-radius:100px;
    border: none;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}



.categorias {
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}
	.categorias a{
		font-size: 16px;
		font-weight: 700;
		color: #666;
		margin: 10px 20px;
		line-height: 16px;
	}
	.categorias a:hover{
		color: #fff;
	}
	.categorias a.activo {
		color: rgba(38, 80, 135,1);
	}

.grid {

	position: relative;
	width: 100%;
	opacity: 0;
	transition: opacity 0.5s linear 1s;
}
.grid.imagen-cargada {
	opacity: 1;
}
.item {
	position: absolute;
	display: block;
	padding: 0;
	padding: 0;
	margin: 0;
	width: calc(25%);	
}

.grid .item img {
	width: 100%;
	cursor: pointer;
	vertical-align: top;
	
}
.item-content{
	position: relative;
	width: 100%;
	height: 100%;
}