@media (min-width: 1900px){
 .nav-container{
  width: 1767px;
  position: relative;
 }
 
   .centrarsisondos{
   left: 8%;
   }

   .centrarsisondoss{
   left: 9%;
   }
 

 #imagenblog{
  width:100%; height: auto;
 }

 #imagenclasificado{
  width:100%; height: auto;
 }

  .container {
    width: 1690px;
  
    position: relative;
  }
  
 #imagennosotros1{
     position: relative; 
	 width: 359px !important;
	 height: 359px !important;
 	 margin: 0 auto;
 }
 #imagennosotros3{
     position: relative; 
	 width: 359px;
	 height: 359px;
 	 margin: 0 auto;
 }
 
 .nosotrosicon{
  top: 49.7%;
  width: 89%;
 } 
 
}

@media (min-width:1360px){
   .centrarsisondos{
   left: 8%;
   }
   
   .centrarsisondoss{
   left: 9%;
   }
   

 #imagennosotros1{
     position: relative; 
	 width: 315px !important;
	 height: 315px !important;
 	 margin: 0 auto;
 }
 #imagennosotros3{
     position: relative; 
	 width: 359px;
	 height: 359px;
 	 margin: 0 auto;
 }
 
 .nosotrosicon{
  top: 49.7%;
  width: 89%;
 }
 
}




@media (min-width:1200px){
/*cuadros animacion portafolio*/


   

    .bb::before, .bb::after, .bb {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.bb {
  /*width: 80%;
  height: 80%;*/
  padding-left: 0px;
  padding-right: 0px;
  margin: auto;
  /*background: url("https://gybsas.com.co/images/clients/min_1520376966construccionjpg.jpg") no-repeat 50%/70% rgba(0, 0, 0, 0.1);*/
  color: #F58634;
  box-shadow: inset 0 0 0 1px rgba(245, 134, 52, 0.5);
}
.bb::before, .bb::after {
  content: "";
  position: absolute;  
  z-index: -1;
  margin: -1%;
  box-shadow: inset 0 0 0 2px;
  animation: clipMe 32s linear infinite;
  -webkit-animation: clipMe 32s linear infinite; 
  -moz-animation: clipMe 32s linear infinite;
  -o-animation: clipMe 32s linear infinite;  
  /*8*/
}
.bb::before {
  animation-delay: -16s;
  /*4*/
}
.bb:hover::after, .bb:hover::before {
 /* background-color: rgba(255, 0, 0, 0.3);*/
}

.bb:active::after, .bb:active::before {
 /* background-color: rgba(255, 0, 0, 0.3);*/
}


@keyframes clipMe {
  0%, 100% {
    clip: rect(0px, 360px, 2px, 0px);
  }
  25% {
    clip: rect(0px, 2px, 410px, 0px);
  }
  50% {
    clip: rect(372px, 350px, 412px, 0px);
  }
  75% {
    clip: rect(0px, 412px, 412px, 342px);
  }
}
   
/* c cuadros animacion portafolio*/








						@media (min-width:1359px) and (max-width:1361px){
						
						/*cuadros animacion portafolio*/
						
						
						   
						
						    .bb::before, .bb::after, .bb {
						  position: relative;
						  top: 0;
						  bottom: 0;
						  left: 0;
						  right: 0;
						}
						
						.bb {
						  /*width: 80%;
						  height: 80%;*/
						  padding-left: 0px;
						  padding-right: 0px;
						  margin: auto;
						  /*background: url("https://gybsas.com.co/images/clients/min_1520376966construccionjpg.jpg") no-repeat 50%/70% rgba(0, 0, 0, 0.1);*/
						  color: #F58634;
						  box-shadow: inset 0 0 0 1px rgba(245, 134, 52, 0.5);
						}
						.bb::before, .bb::after {
						  content: "";
						  position: absolute;  
						  z-index: -1;
						  margin: -1%;
						  box-shadow: inset 0 0 0 2px;
						  animation: clipMe 32s linear infinite;
						  -webkit-animation: clipMe 32s linear infinite; 
						  -moz-animation: clipMe 32s linear infinite;
						  -o-animation: clipMe 32s linear infinite; 						  
						  /*8*/
						}
						.bb::before {
						  animation-delay: -16s;
						  /*4*/
						}
						.bb:hover::after, .bb:hover::before {
						 /* background-color: rgba(255, 0, 0, 0.3);*/
						}
						
						@keyframes clipMe {
						  0%, 100% {
						    clip: rect(0px, 303px, 2px, 0px);
						  }
						  25% {
						    clip: rect(0px, 2px, 362px, 0px);
						  }
						  50% {
						    clip: rect(315px, 293px, 364px, 0px);
						  }
						  75% {
						    clip: rect(0px, 364px, 364px, 285px);
						  }
						}
						   
						/* c cuadros animacion portafolio*/
						}



.navbar-shrink .logo{/*margin: 15px 0 0 0;*/margin: -3px 0 0 40px;}
}




@media (min-width:990px) and (max-width:1199px){


						@media (min-width:1193px) and (max-width:1195px){
						
						/*cuadros animacion portafolio*/
						
						
						   
						
						    .bb::before, .bb::after, .bb {
						  position: relative;
						  top: 0;
						  bottom: 0;
						  left: 0;
						  right: 0;
						}
						
						.bb {
						  /*width: 80%;
						  height: 80%;*/
						  padding-left: 0px;
						  padding-right: 0px;
						  margin: auto;
						  /*background: url("https://gybsas.com.co/images/clients/min_1520376966construccionjpg.jpg") no-repeat 50%/70% rgba(0, 0, 0, 0.1);*/
						  color: #F58634;
						  box-shadow: inset 0 0 0 1px rgba(245, 134, 52, 0.5);
						}
						.bb::before, .bb::after {
						  content: "";
						  position: absolute;  
						  z-index: -1;
						  margin: -1%;
						  box-shadow: inset 0 0 0 2px;
						  animation: clipMe 32s linear infinite;
						  -webkit-animation: clipMe 32s linear infinite; 
						  -moz-animation: clipMe 32s linear infinite;
						  -o-animation: clipMe 32s linear infinite; 						  
						  /*8*/
						}
						.bb::before {
						  animation-delay: -16s;
						  /*4*/
						}
						.bb:hover::after, .bb:hover::before {
						 /* background-color: rgba(255, 0, 0, 0.3);*/
						}
						
		@keyframes clipMe {
		  0%, 100% {
		    clip: rect(0px, 279px, 2px, 0px);
		  }
		  25% {
		    clip: rect(0px, 2px, 332px, 0px);
		  }
		  50% {
		    clip: rect(289px, 259px, 334px, 0px);
		  }
		  75% {
		    clip: rect(0px, 334px, 334px, 262px);
		  }
		}
						   
						/* c cuadros animacion portafolio*/
						}

  #imagennosotros1{
     position: relative;
	 width: 359px;
	 height: 359px;
	 margin: 0 auto;	 
	
 }
 #imagennosotros3{
     position: relative;
	 width: 359px;
	 height: 359px;
	 margin: 0 auto;	 
	
 }


	.flex-viewport { height: 175px;  max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	.tabs li {
		padding: 8px 10px;
	}
	.widget_followers li{
		padding: 13px 13px;
		width: 31.1%;
		margin-right: 3px;
	}
	.social{margin: 0px 34px 25px 0;}
	.navbar-default.style1 .navbar-nav.icons > li > a {padding: 0 15px;margin: 0 !important;}
	.navbar-default .navbar-nav>li>a {padding: 0 2px !important;margin: 0 !important; font-size: 10px;}
	.demo2 .tp-bullets{left: 45% !important;}
	.border-box{padding: 6px;}
	.parallax-content{padding: 50px 0;}
	
	
	.tm-info .member-desc {
		padding: 0 40px 40px 60px;
	}
	.tm-info .member-pos2 {
		top: 0px;
		right: -25px;
	}
	.tm-info .member-pos {
		top: 20px;
		right: 10px;
	}
	.tm-info .member-pos3 {
		top: 0;
		right: -20px;
	}
	.tooltip-desc{display: none;}
	
	a.team-profile:hover .tooltip-desc{ 
		display: none;
	}
	@-webkit-keyframes Anim {
	  0%   { display: none;}
	  100% { display: none;}
	}
	@-moz-keyframes Anim {
	 0%   { display: none;}
	  100% { display: none;}
	}
	@-o-keyframes Anim {
	  0%   { display: none;}
	  100% { display: none;}
	}
	@keyframes Anim {
	  0%   { display: none;}
	  100% { display: none;}
	}
	.tooltip-content {
		display: none;
	}
	.tooltip-content p{
		display: none;
	}
	.contact-form .name, .contact-form .subject, .contact-form .email {
		width: 32.95%;
	}
	
}
@media (min-width:978px) and (max-width:1059px){
  #imagennosotros1{
     position: relative;
	 width: 359px;
	 height: 359px;
	 margin: 0 auto;	 
	
 } 
 #imagennosotros3{
     position: relative;
	 width: 359px;
	 height: 359px;
	 margin: 0 auto;	 
	
 }    

    .pricing-table {
     text-align: center;
     font-size: 10px;
    }
	#testimonials .testimonial{
		padding: 0 0 30px;
	}
	.home-center-contents h1.h-slider{ padding: 0px 5px; line-height: 1.23em; font-size: 30px;}	
	.bt1{left: 0px;}
	.bt2{left: 0px;}
	.medium_text{font-size: 18px !important;}
	.tooltip-desc, .tooltip-content{display: none;}
	.contact-form .name, .contact-form .subject, .contact-form .email {width: 32.85%;}
	.tooltip-desc{display: none;}
	.navbar-nav.icons > li > a{margin: 0 10px !important;}
	.navbar-default.light-menu .navbar-nav.icons  > li > a:after{display: none;}
	.tooltip-desc{display: none;}
	a.team-profile:hover .tooltip-desc{ 
		display: none;
	}
	@-webkit-keyframes Anim {
	  0%   { display: none;}
	  100% { display: none;}
	}
	@-moz-keyframes Anim {
	 0%   { display: none;}
	  100% { display: none;}
	}
	@-o-keyframes Anim {
	  0%   { display: none;}
	  100% { display: none;}
	}
	@keyframes Anim {
	  0%   { display: none;}
	  100% { display: none;}
	}
	.tooltip-content{display: none;}
	.tooltip-content p{display: none;}
	
}


/*IPAD LANDSCAPE AIR*/
@media (min-width:981px) and (max-width:1180px){

			/*cuadros animacion portafolio*/
		    .bb::before, .bb::after, .bb {
		  position: relative;
		  top: 0;
		  bottom: 0;
		  left: 0;
		  right: 0;
		}
		
		.bb {
		  /*width: 80%;
		  height: 80%;*/
		  padding-left: 0px;
		  padding-right: 0px;
		  margin: auto;
		  /*background: url("https://gybsas.com.co/images/clients/min_1520376966construccionjpg.jpg") no-repeat 50%/70% rgba(0, 0, 0, 0.1);*/
		  color: #F58634;
		  box-shadow: inset 0 0 0 1px rgba(245, 134, 52, 0.5);
		}
		.bb::before, .bb::after {
		  content: "";
		  position: absolute;  
		  z-index: -1;
		  margin: -1%;
		  box-shadow: inset 0 0 0 2px;
		  animation: clipMe 32s linear infinite;
		  -webkit-animation: clipMe 32s linear infinite; 
		  -moz-animation: clipMe 32s linear infinite;
		  -o-animation: clipMe 32s linear infinite; 						  
		  
		}
		.bb::before {
		  animation-delay: -16s;
		}
		.bb:hover::after, .bb:hover::before {
		  /*background-color: rgba(255, 0, 0, 0.3);*/
		}
		@keyframes clipMe {
		  0%, 100% {
		    clip: rect(0px, 279px, 2px, 0px);
		  }
		  25% {
		    clip: rect(0px, 2px, 332px, 0px);
		  }
		  50% {
		    clip: rect(289px, 259px, 334px, 0px);
		  }
		  75% {
		    clip: rect(0px, 334px, 334px, 262px);
		  }
		}
		/* cuadros animacion portafolio*/

	.navbar-default .navbar-nav>li>a {padding: 0 3px !important;margin: 0 !important; font-size: 9.0px;}
	.navbar-default .navbar-nav.icons>li>a {padding: 0 4px !important;margin: 0 !important;font-size: 11px;}
	.navbar-default.light-menu .navbar-nav.icons>li>a:after {display: none;}
	.navbar-default.light-menu .navbar-nav>li>a {margin: 0; }
	.navbar-default.light-menu .navbar-nav>li>a:after {margin-left: 7px;}
}
/**/

/* IPAD LANDSCAPE mini*/
@media (min-width:980px) and (max-width:1024px){

			/*cuadros animacion portafolio*/
		    .bb::before, .bb::after, .bb {
		  position: relative;
		  top: 0;
		  bottom: 0;
		  left: 0;
		  right: 0;
		}
		
		.bb {
		  /*width: 80%;
		  height: 80%;*/
		  padding-left: 0px;
		  padding-right: 0px;
		  margin: auto;
		  /*background: url("https://gybsas.com.co/images/clients/min_1520376966construccionjpg.jpg") no-repeat 50%/70% rgba(0, 0, 0, 0.1);*/
		  color: #F58634;
		  box-shadow: inset 0 0 0 1px rgba(245, 134, 52, 0.5);
		}
		.bb::before, .bb::after {
		  content: "";
		  position: absolute;  
		  z-index: -1;
		  margin: -1%;
		  box-shadow: inset 0 0 0 2px;
		  animation: clipMe 32s linear infinite;
		  -webkit-animation: clipMe 32s linear infinite; 
		  -moz-animation: clipMe 32s linear infinite;
		  -o-animation: clipMe 32s linear infinite; 						  
		  
		}
		.bb::before {
		  animation-delay: -16s;
		}
		.bb:hover::after, .bb:hover::before {
		  /*background-color: rgba(255, 0, 0, 0.3);*/
		}
		@keyframes clipMe {
		  0%, 100% {
		    clip: rect(0px, 242px, 2px, 0px);
		  }
		  25% {
		    clip: rect(0px, 2px, 296px, 0px);
		  }
		  50% {
		    clip: rect(254px, 232px, 298px, 0px);
		  }
		  75% {
		    clip: rect(0px, 298px, 298px, 224px);
		  }
		}
		/* cuadros animacion portafolio*/

	.navbar-default .navbar-nav>li>a {padding: 0 3px !important;margin: 0 !important; font-size: 9.0px;}
	.navbar-default .navbar-nav.icons>li>a {padding: 0 4px !important;margin: 0 !important;font-size: 11px;}
	.navbar-default.light-menu .navbar-nav.icons>li>a:after {display: none;}
	.navbar-default.light-menu .navbar-nav>li>a {margin: 0; }
	.navbar-default.light-menu .navbar-nav>li>a:after {margin-left: 7px;}
}
/**/





/* IPAD PORTRAIT */

@media (min-width:768px) and (max-width:979px){



 #imagennosotros1{
     position: relative;
	 width: 359px;
	 height: 359px;
	 margin: 0 auto;	 
	
 }
 #imagennosotros3{
     position: relative;
	 width: 359px;
	 height: 359px;
	 margin: 0 auto;	 
	
 }


	/*ipad pro 834*/
	@media (min-width:833px)and (max-width:835px){
	
		    .bb::before, .bb::after, .bb {
		  position: relative;
		  top: 0;
		  bottom: 0;
		  left: 0;
		  right: 0;
		}
		
		.bb {
		  /*width: 80%;
		  height: 80%;*/
		  padding-left: 0px;
		  padding-right: 0px;
		  margin: auto;
		  /*background: url("https://gybsas.com.co/images/clients/min_1520376966construccionjpg.jpg") no-repeat 50%/70% rgba(0, 0, 0, 0.1);*/
		  color: #F58634;
		  box-shadow: inset 0 0 0 1px rgba(245, 134, 52, 0.5);
		}
		.bb::before, .bb::after {
		  content: "";
		  position: absolute;  
		  z-index: -1;
		  margin: -1%;
		  box-shadow: inset 0 0 0 2px;
		  animation: clipMe 32s linear infinite;
		  -webkit-animation: clipMe 32s linear infinite; 
		  -moz-animation: clipMe 32s linear infinite;
		  -o-animation: clipMe 32s linear infinite; 						  
		  
		}
		.bb::before {
		  animation-delay: -16s;
		}
		.bb:hover::after, .bb:hover::before {
		  /*background-color: rgba(255, 0, 0, 0.3);*/
		}
			@keyframes clipMe {
			  0%, 100% {
			    clip: rect(0px, 190px, 2px, 0px);
			  }
			  25% {
			    clip: rect(0px, 2px, 260px, 0px);
			  }
			  50% {
			    clip: rect(202px, 180px, 262px, 0px);
			  }
			  75% {
			    clip: rect(0px, 262px, 262px, 172px);
			  }
			}
		/* cuadros animacion portafolio*/
	
	}


	/*ipad mini*/
	@media (min-width:768px)and (max-width:769px){
		    .bb::before, .bb::after, .bb {
		  position: relative;
		  top: 0;
		  bottom: 0;
		  left: 0;
		  right: 0;
		}
		
		.bb {
		  /*width: 80%;
		  height: 80%;*/
		  padding-left: 0px;
		  padding-right: 0px;
		  margin: auto;
		  /*background: url("https://gybsas.com.co/images/clients/min_1520376966construccionjpg.jpg") no-repeat 50%/70% rgba(0, 0, 0, 0.1);*/
		  color: #F58634;
		  box-shadow: inset 0 0 0 1px rgba(245, 134, 52, 0.5);
		}
		.bb::before, .bb::after {
		  content: "";
		  position: absolute;  
		  z-index: -1;
		  margin: -1%;
		  box-shadow: inset 0 0 0 2px;
		  animation: clipMe 32s linear infinite;
		  -webkit-animation: clipMe 32s linear infinite; 
		  -moz-animation: clipMe 32s linear infinite;
		  -o-animation: clipMe 32s linear infinite; 						  
		  
		}
		.bb::before {
		  animation-delay: -16s;
		}
		.bb:hover::after, .bb:hover::before {
		  /*background-color: rgba(255, 0, 0, 0.3);*/
		}
		@keyframes clipMe {
		  0%, 100% {
		    clip: rect(0px, 181px, 2px, 0px);
		  }
		  25% {
		    clip: rect(0px, 2px, 237px, 0px);
		  }
		  50% {
		    clip: rect(193px, 151px, 239px, 0px);
		  }
		  75% {
		    clip: rect(0px, 239px, 239px, 163px);
		  }
		}
		/* cuadros animacion portafolio*/
	
	}
   
	/*ipad air*/
	@media (min-width:819px)and (max-width:979px){

       /*landscape iphonexr*/
       @media (min-width:895px) and (max-width:897px){
				/*cuadros animacion portafolio*/
			    .bb::before, .bb::after, .bb {
			  position: relative;
			  top: 0;
			  bottom: 0;
			  left: 0;
			  right: 0;
			}
			
			.bb {
			  /*width: 80%;
			  height: 80%;*/
			  padding-left: 0px;
			  padding-right: 0px;
			  margin: auto;
			  /*background: url("https://gybsas.com.co/images/clients/min_1520376966construccionjpg.jpg") no-repeat 50%/70% rgba(0, 0, 0, 0.1);*/
			  color: #F58634;
			  box-shadow: inset 0 0 0 1px rgba(245, 134, 52, 0.5);
			}
			.bb::before, .bb::after {
			  content: "";
			  position: absolute;  
			  z-index: -1;
			  margin: -1%;
			  box-shadow: inset 0 0 0 2px;
			  animation: clipMe 32s linear infinite;
			  -webkit-animation: clipMe 32s linear infinite; 
			  -moz-animation: clipMe 32s linear infinite;
			  -o-animation: clipMe 32s linear infinite; 						  
			  
			}
			.bb::before {
			  animation-delay: -16s;
			}
			.bb:hover::after, .bb:hover::before {
			  /*background-color: rgba(255, 0, 0, 0.3);*/
			}
			@keyframes clipMe {
			  0%, 100% {
			    clip: rect(0px, 190px, 2px, 0px);
			  }
			  25% {
			    clip: rect(0px, 2px, 260px, 0px);
			  }
			  50% {
			    clip: rect(202px, 180px, 262px, 0px);
			  }
			  75% {
			    clip: rect(0px, 262px, 262px, 172px);
			  }
			}
			/* cuadros animacion portafolio*/
       
       }
       
       /*landscape iphone12pro*/
       @media (min-width:843px) and (max-width:845px){
				/*cuadros animacion portafolio*/
			    .bb::before, .bb::after, .bb {
			  position: relative;
			  top: 0;
			  bottom: 0;
			  left: 0;
			  right: 0;
			}
			
			.bb {
			  /*width: 80%;
			  height: 80%;*/
			  padding-left: 0px;
			  padding-right: 0px;
			  margin: auto;
			  /*background: url("https://gybsas.com.co/images/clients/min_1520376966construccionjpg.jpg") no-repeat 50%/70% rgba(0, 0, 0, 0.1);*/
			  color: #F58634;
			  box-shadow: inset 0 0 0 1px rgba(245, 134, 52, 0.5);
			}
			.bb::before, .bb::after {
			  content: "";
			  position: absolute;  
			  z-index: -1;
			  margin: -1%;
			  box-shadow: inset 0 0 0 2px;
			  animation: clipMe 32s linear infinite;
			  -webkit-animation: clipMe 32s linear infinite; 
			  -moz-animation: clipMe 32s linear infinite;
			  -o-animation: clipMe 32s linear infinite; 						  
			  
			}
			.bb::before {
			  animation-delay: -16s;
			}
			.bb:hover::after, .bb:hover::before {
			  /*background-color: rgba(255, 0, 0, 0.3);*/
			}
			@keyframes clipMe {
			  0%, 100% {
			    clip: rect(0px, 184px, 2px, 0px);
			  }
			  25% {
			    clip: rect(0px, 2px, 246px, 0px);
			  }
			  50% {
			    clip: rect(196px, 174px, 248px, 0px);
			  }
			  75% {
			    clip: rect(0px, 248px, 248px, 166px);
			  }
			}
			/* cuadros animacion portafolio*/
       
       }       
       
       
       
       /*portrait ipad air*/
       @media (max-width:820px) and (max-width:979px){
					/*cuadros animacion portafolio*/
				    .bb::before, .bb::after, .bb {
				  position: relative;
				  top: 0;
				  bottom: 0;
				  left: 0;
				  right: 0;
				}
				
				.bb {
				  /*width: 80%;
				  height: 80%;*/
				  padding-left: 0px;
				  padding-right: 0px;
				  margin: auto;
				  /*background: url("https://gybsas.com.co/images/clients/min_1520376966construccionjpg.jpg") no-repeat 50%/70% rgba(0, 0, 0, 0.1);*/
				  color: #F58634;
				  box-shadow: inset 0 0 0 1px rgba(245, 134, 52, 0.5);
				}
				.bb::before, .bb::after {
				  content: "";
				  position: absolute;  
				  z-index: -1;
				  margin: -1%;
				  box-shadow: inset 0 0 0 2px;
				  animation: clipMe 32s linear infinite;
				  -webkit-animation: clipMe 32s linear infinite; 
			 	 -moz-animation: clipMe 32s linear infinite;
			 	 -o-animation: clipMe 32s linear infinite; 						  
				  
				}
				.bb::before {
				  animation-delay: -16s;
				}
				.bb:hover::after, .bb:hover::before {
				  /*background-color: rgba(255, 0, 0, 0.3);*/
				}
				@keyframes clipMe {
				  0%, 100% {
				    clip: rect(0px, 194px, 2px, 0px);
				  }
				  25% {
				    clip: rect(0px, 2px, 249px, 0px);
				  }
				  50% {
				    clip: rect(206px, 174px, 251px, 0px);
				  }
				  75% {
				    clip: rect(0px, 251px, 251px, 176px);
				  }
				}
				/* cuadros animacion portafolio*/
      
       }
	
	}


  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }


    .pricing-table {
     text-align: center;
     font-size: 8px;
    }
    
	.single-table h3 {
	  margin-top: 0;
	  padding: 0;
	  font-size: 15px;
	  text-transform: uppercase;
	  margin-bottom: 30px;
	}    
	  #contenidocitas{
	   padding-top: 150px;
	  }
    #escritorio #barentrada p{ font-size: 1.9em }
    #botones1{ float: left;  }
    #botones2{ float: right;  }   
    #botones3{ width: 56%; }  
	#text-slider .flex-viewport { height: 110px;  max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }	
	#twitter-feed .flex-viewport { height: 500px;  max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	#testimonials .testimonial{padding: 0 0 30px;}
	.tm-info .member-desc {padding: 0px 0 40px 0px;}
	.small-pwide {width: 70%;}
	.tm-info .member-pos {position: absolute;top: 0;right: 0;}
	.tm-info img{position: relative; top: 0px;}
	.tm-info img.member-pos, .tm-info img.member-pos2, .tm-info img.member-pos3{position: absolute; top: 20px;right: 20px;}
	.tm-info .member-pos2 {top: 0;right: -55px;}
	.contact-form .name, .contact-form .subject, .contact-form .email {width: 32.85%;}
	.bt1{left: -40px;}
	.bt2{left: 40px;}
	.medium_text{font-size: 16px !important;}
	h1.bigone {font-size: 34px;}
	.tab-container .col-xs-12 h2{font-size: 26px;}
	p.home-slide-content{font-size: 4.5em !important;}
	.home-center-contents h1.h-slider{ padding: 0px 5px; }	
	#text-slider.flexslider { margin: 2px auto; }	
    #text-slider .flex-control-nav li{ position: relative;  top: 42px !important; }
	.testimonial-box-nav li {width: 70px;height: 70px;}
	#respond .contact-form .name, #respond .contact-form .subject, #respond .contact-form .email{margin-left: 1.4%;}
	.pagetitle{width: 65%;}
	.a-mobile .icon-nofill{text-align: center;}
	h5{line-height: 1.2;}
	.navbar-default .navbar-nav>li>a {padding: 0 3px !important;margin: 0 !important; font-size: 7.0px;}
	.navbar-default .navbar-nav.icons>li>a {padding: 0 4px !important;margin: 0 !important;font-size: 11px;}
	.navbar-default.light-menu .navbar-nav.icons>li>a:after {display: none;}
	.navbar-default.light-menu .navbar-nav>li>a {margin: 0; }
	.navbar-default.light-menu .navbar-nav>li>a:after {margin-left: 7px;}
	.demo2 .tp-bullets{left: 30% !important;}
	.parallax-content{padding-top: 14px;/*80px 0*/}
	.section-title {margin-bottom: 30px; margin-left: 15px; margin-right: 15px; margin-top: 0px;}
	#parallax-3 .parallax-content {padding: 90px 0;}
	#services .service h5 {font-size: 15px;}
	#services .service h5,#services .service p {text-align: center !important;}
	.service {width: 100%;}	
	.home-center-contents h2{font-size: 4.9em;}
	.home-center-contents h2.morebig{font-size: 5.15em;}
	.home-center-contents h2.popup{padding: 0 17px;}
	.tooltip-desc{display: none;}
	a.team-profile:hover .tooltip-desc{ 
		display: none;
	}
	@-webkit-keyframes Anim {
	  0%   { display: none;}
	  100% { display: none;}
	}
	@-moz-keyframes Anim {
	 0%   { display: none;}
	  100% { display: none;}
	}
	@-o-keyframes Anim {
	  0%   { display: none;}
	  100% { display: none;}
	}
	@keyframes Anim {
	  0%   { display: none;}
	  100% { display: none;}
	}
	.tooltip-content {display: none;}
	.tooltip-content p{display: none;}
	.parallax{background-position: 50% 0 !important;}
	.navbar-shrink .logo{/*margin: 15px 0 0 0;*/margin: 6px 0 0 0;}
	.cbp-filter-counter {display: none;}
}

@media (min-width:768px){
	 #imagennosotros1{
	     position: relative;
		 width: 190px;
		 height: 190px;
		 margin: 0 auto;	 
		
	 }
	 #imagennosotros3{
	     position: relative;
		 width: 359px;
		 height: 359px;
		 margin: 0 auto;	 
		
	 }	


     #fotoseleccionadarepon{
     width: 100%; max-width: 100%;
     }

	#gradient-style
	{
		font-family: "Arial,Calibri,Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		font-size: 12px;
		margin: 0px;
		width: 100%;
		text-align: left;
		border-collapse: collapse;
	}
	#gradient-style th
	{
		font-size: 13px;
		font-weight: normal;
		padding: 8px;
		background: #EEEEEE url('table-images/gradhead.png') repeat-x;
		border-top: 2px solid #E5E5E5;
		border-bottom: 1px solid #fff;
		color: #8C7777;
	}
	#gradient-style td
	{
		 
		padding: 8px; 
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
		color: #8F8F8F;
		border-top: 1px solid #fff;
		background: #F8F8F8 url('table-images/gradback.png') repeat-x;
	}	
	.navbar-nav {float: left;margin: 0;}
	.navbar-nav>li {float: left;}
	.navbar-nav>li>a {padding: 0 15px;line-height: 80px;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
	.navbar-nav.navbar-right:last-child {margin-right: -15px;}
	
}

/* IPNONE LANDSCAPE */
@media (max-width:767px){

	 	#ut-separator-5f8f0cc577cee{bottom: 50px; position: relative; z-index:1;}
	 	#ut-separator-5f8f0cc560a3e{ height: 15%;}	


	@media (max-width:767px){
	 #bannerimgtextc{width: 98.9%;}
	 
	 #imagennosotros1{
	     position: relative;
		 width: 170px;
		 height: 170px;
		 margin: 0 auto;	 
		
	 }
	 #imagennosotros3{
	     position: relative;
		 width: 315px;
		 height: 315px;
		 margin: 0 auto;	 
		
	 }
	}
	
	@media (max-width:640px){
	 #bannerimgtextc{width: 98.9%;}
	 
	 #imagennosotros1{
	     position: relative;
		 width: 140px;
		 height: 140px;
		 margin: 0 auto;	 
		
	 }
	 #imagennosotros3{
	     position: relative;
		 width: 260px;
		 height: 260px;
		 margin: 0 auto;	 
		
	 }
	}
	
	
	@media (max-width:415px){
	 #bannerimgtextc{width: 98.9%;}
	 
	 #imagennosotros1{
	     position: relative;
		 width: 110px;
		 height: 110px;
		 margin: 0 auto;	 
		
	 }
	 #imagennosotros3{
	     position: relative;
		 width: 260px;
		 height: 260px;
		 margin: 0 auto;	 
		
	 }
	}	



          @media (max-width:668px){
				    .bb::before, .bb::after, .bb {
				  position: relative;
				  top: 0;
				  bottom: 0;
				  left: 0;
				  right: 0;
				}
				
				.bb {
				  /*width: 80%;
				  height: 80%;*/
				  padding-left: 0px;
				  padding-right: 0px;
				  margin: auto;
				  /*background: url("https://gybsas.com.co/images/clients/min_1520376966construccionjpg.jpg") no-repeat 50%/70% rgba(0, 0, 0, 0.1);*/
				  color: #F58634;
				  box-shadow: inset 0 0 0 1px rgba(245, 134, 52, 0.5);
				}
				.bb::before, .bb::after {
				  content: "";
				  position: absolute;  
				  z-index: -1;
				  margin: -1%;
				  box-shadow: inset 0 0 0 2px;
				  animation: clipMe 32s linear infinite;
				  -webkit-animation: clipMe 32s linear infinite; 
				  -moz-animation: clipMe 32s linear infinite;
				  -o-animation: clipMe 32s linear infinite; 						  
				  
				}
				.bb::before {
				  animation-delay: -16s;
				}
				.bb:hover::after, .bb:hover::before {
				  /*background-color: rgba(255, 0, 0, 0.3);*/
				}
				@keyframes clipMe {
				  0%, 100% {
				    clip: rect(0px, 290px, 2px, 0px);
				  }
				  25% {
				    clip: rect(0px, 2px, 356px, 0px);
				  }
				  50% {
				    clip: rect(302px, 180px, 356px, 0px);
				  }
				  75% {
				    clip: rect(0px, 356px, 356px, 272px);
				  }
				}
				/* cuadros animacion portafolio*/
		}

  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }


	 #textosdocumentos{
	  font-size: 10px;
	 }
	 #contenidocitas{
	   padding-top: 199px;
	 }
	#gradient-style
	{
		font-family: "Arial,Calibri,Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		font-size: 12px;
		margin: 0px;
		width: 100%;
		text-align: left;
		border-collapse: collapse;
	}
	#gradient-style th
	{
		font-size: 13px;
		font-weight: normal;
		padding: 8px;
		background: #EEEEEE url('table-images/gradhead.png') repeat-x;
		border-top: 2px solid #E5E5E5;
		border-bottom: 1px solid #fff;
		color: #8C7777;
	}
	
	#gradient-style td
	{
		 
		padding: 8px; 
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
		color: #8F8F8F;
		border-top: 1px solid #fff;
		background: #F8F8F8 url('table-images/gradback.png') repeat-x;
	}	

    #escritorio #barentrada p{ font-size: 1.2em }
    #botones1{ float: left;  }
    #botones2{ float: right;  }  
    #botones3{ width: 77%; }      
	#text-slider .flex-viewport { height: 86px;   max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }	
	#twitter-feed .flex-viewport { height: 490px; /*230 2 jul 2015*/  max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	.tm-info .member-desc {padding: 0;}
	.tm-info .member-pos, .tm-info .member-pos2, .tm-info .member-pos3{top: 0;right: -70px;}
	.logo{margin: 0px 0 0 20px;}
	.tm-info .member-desc {padding: 20px;}
	.modal .close{right: 20px;}
	.small-pwide{width: 80%;}
	.parallax {height: 500px;}
	#testimonials .testimonial{padding: 0 0 30px;}
	.contact-form .name, .contact-form .subject, .contact-form .email{width: 32.73%;}
	.mail-box {width: 550px;}
	.mail_chimp_form_container .banner{width: 280px;}
	.mail_chimp_form_container .form{width: 240px;}
	#contacts .mail_chimp_form_container input{width: 70%;}
	.bt1{left: -40px;}
	.bt2{left: 40px;}
	.tp-banner-container .des-button-white{ font-weight: 400; /* 10 18 - 12*/}
	.medium_text{font-size: 12px !important;}
	.tm-info img, .tm-info .space{/*display: none;*/  }
	.tm-info .social-font-awesome{margin: 0;}
	.tab-container .col-xs-12{width: 480px;}
	h1.bigone {font-size: 28px;}
	.tab-container .col-xs-12 h2{font-size: 19px;}
	p.home-slide-content{font-size: 3.5em !important;}
	.home-center-contents h1.h-slider{font-size: 1.4em; padding: 0px 5px}
	#text-slider.flexslider{ margin: 2px auto; }
    #text-slider .flex-control-nav li{ position: relative;  top: 42px !important; }
	.navbar-default .navbar-nav > li > a{color: #ffffff;}
	.navbar-default .container > .navbar-collapse{margin-left: 0;margin-right: -1px;}
	.navbar-shrink.navbar-default .container > .navbar-collapse{margin-left: 20px;margin-right: 14px;}
	.home-center-contents h2, .home-center-contents h2.morebig{font-size: 2.9em;}
	.home-center-contents h2.popup{padding: 0 11px;}
	.tooltip-desc{display: none;}
	.numerical-c{margin-top: 10px !important;}
	#parallax-4{height: 250px;}
	.testimonials-slide-content .text-container {width: 100%;}
	#testimonials-slider{margin-top: 50px;}
	#parallax-1 .section-title{margin-top: 20px;}
	.numerical-c{margin-top: 10px !important;}
	.demo2 .tp-bullets{left: 20% !important;}
	.demo2 .rev-bt1{left: 49% !important;}
	.demo2 .rev-bt3{left: 56% !important;}
	.demo2 .rev-bt2{left: 65% !important;}
	.pagetitle{width: 88%;}
	.twitter-author{margin-top: 10px;}
	.h2,h2 {font-size: 24px;}
	h5{font-size: 15px;}
	.navbar-nav {margin: 4.5px -15px;background: #cecdcc;}/*#F49045*/
	.navbar-nav li a {padding: 20px;}
	.navbar-shrink img {max-width: 100%;}
	.navbar-toggle {margin-top: 22px !important;}
	.navbar-shrink {height: 80px !important;}
	.navbar-shrink .navbar-brand {line-height: 73px;}
	.dropdown-menu li a{-webkit-transition: none !important;-moz-transition: none !important;transition: none !important;}	
	.navbar-default.light-menu .navbar-nav>li>a:after {content: '';}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {color: #555;background-color: #e7e7e7;}
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {color: #ccc;background-color: transparent;}	
	.parallax {height: 600px;}
	.parallax-content {padding-top: 14px;/*20px 0;*/}
	.center-icon {margin-top: 40px;}
	.navbar-default .navbar-nav>li>a {padding: 11px 20px;}
	a.p-button {float: none;display: inline-block;}
	.navbar-nav .collapsible .sub-arrow,.navbar-nav .sub-arrow {display: block;}
	.navbar .navbar-collapse .navbar-nav>li>a,.navbar-shrink .navbar-collapse .navbar-nav>li>a {line-height: 40px !important;}
	.navbar-nav {border: 1px solid #f2f2f2;-webkit-box-shadow: 0 1px 6px 0 rgba(68,68,68,.07);box-shadow: 0 1px 2px 0 rgba(68,68,68,.07);}
	.dark .navbar-nav {border: 1px solid #23282C;-webkit-box-shadow: 0 1px 6px 0 rgba(68,68,68,.07);box-shadow: 0 1px 2px 0 rgba(68,68,68,.07);background-color: #1C2024;}
	.navbar-nav li a {border-bottom: 1px solid #f2f2f2;}
	.dark .navbar-nav li a {border-bottom: 1px solid #23282C;background-color: #1C2024;}
	.navbar-default.light-menu.border .navbar-nav>li>a,.navbar-default.light-menu.border.navbar-shrink .navbar-nav>li>a {margin-top: 0 !important;}
	#parallax-3 .parallax-content {padding: 90px 0;}
	.section-title {margin-bottom: 30px; margin-left: 15px; margin-right: 15px; margin-top: 0px;}
	.divider.colored {margin: 25px auto;}
	#services .service h5,#services .service p {text-align: center !important;}
	.service {width: 100%;}
	.navbar-nav .sub-arrow {top: 2px !important;right: 0 !important;}
	.nav-container {margin: 0 15px 0 20px;}
	.parallax{background-position: 50% 0 !important;background-size: cover;}
	.next-section{bottom: 92px;}
	.cbp-l-inline-left {float: left;width: 100%;margin: 40px 0;}
	.cbp-popup-singlePageInline .cbp-popup-close{right: 30px;}
	.cbp-l-inline-right {float: right;width: 100%;padding-left: 0;}
	.tooltip-desc{display: none;}
	.cbp-filter-counter {display: none;}
	a.team-profile:hover .tooltip-desc{ 
		display: none;
	}
	@-webkit-keyframes Anim {
	  0%   { display: none;}
	  100% { display: none;}
	}
	@-moz-keyframes Anim {
	 0%   { display: none;}
	  100% { display: none;}
	}
	@-o-keyframes Anim {
	  0%   { display: none;}
	  100% { display: none;}
	}
	@keyframes Anim {
	  0%   { display: none;}
	  100% { display: none;}
	}
	.tooltip-content {display: none;}
	.tooltip-content p{display: none;}
	.flex-direction-nav{display: none;}
	.testimonial-box-nav li, .testimonial-box-nav li a{width: 60px;height: 60px;margin: 0 5px;}


	
}

/* IPNONE PORTRAIT */
@media (max-width:480px){

	#ut-separator-5f8f0cc577cee{bottom: 50px; position: relative; z-index:1;}
 	#ut-separator-5f8f0cc560a3e{ height: 7% !important;}	

		@media (min-width:414px){
		 #bannerimgtextc{ width: 98.9%;}
		  
		 #imagennosotros1{
		     position: relative;
			 width: 110px;
			 height: 110px;	 
			 margin: 0 auto;	 
			
		 }
		 #imagennosotros3{
		     position: relative;
			 width: 180px;
			 height: 180px;	 
			 margin: 0 auto;	 
			
		 }
		} 
		
		@media (max-width:380px){
	     #bannerimgtextc{ width: 98.9%;}
	     
	     .nosotrosicon{
	       width: 89%;
	       top: 43.7%;
	     }
	     
		 #imagennosotros1{
		     position: relative;
			 width: 70px;
			 height: 70px;
			 margin: 0 auto;	 
			
		 }

		 #imagennosotros3{
		     position: relative;
			 width: 140px;
			 height: 140px;
			 margin: 0 auto;	 
			
		 }
		} 

		
          @media (max-width:415px){
				    .bb::before, .bb::after, .bb {
				  position: relative;
				  top: 0;
				  bottom: 0;
				  left: 0;
				  right: 0;
				}
				
				.bb {
				  /*width: 80%;
				  height: 80%;*/
				  padding-left: 0px;
				  padding-right: 0px;
				  margin: auto;
				  /*background: url("https://gybsas.com.co/images/clients/min_1520376966construccionjpg.jpg") no-repeat 50%/70% rgba(0, 0, 0, 0.1);*/
				  color: #F58634;
				  box-shadow: inset 0 0 0 1px rgba(245, 134, 52, 0.5);
				}
				.bb::before, .bb::after {
				  content: "";
				  position: absolute;  
				  z-index: -1;
				  margin: -1%;
				  box-shadow: inset 0 0 0 2px;
				  animation: clipMe 32s linear infinite;
				  -webkit-animation: clipMe 32s linear infinite; 
				  -moz-animation: clipMe 32s linear infinite;
				  -o-animation: clipMe 32s linear infinite; 						  
				  
				}
				.bb::before {
				  animation-delay: -16s;
				}
				.bb:hover::after, .bb:hover::before {
				  /*background-color: rgba(255, 0, 0, 0.3);*/
				}
				@keyframes clipMe {
				  0%, 100% {
				    clip: rect(0px, 175px, 2px, 0px);
				  }
				  25% {
				    clip: rect(0px, 2px, 235px, 0px);
				  }
				  50% {
				    clip: rect(187px, 165px, 237px, 0px);
				  }
				  75% {
				    clip: rect(0px, 237px, 237px, 157px);
				  }
				}
				/* cuadros animacion portafolio*/
		}
		

          @media (max-width:391px){
				    .bb::before, .bb::after, .bb {
				  position: relative;
				  top: 0;
				  bottom: 0;
				  left: 0;
				  right: 0;
				}
				
				.bb {
				  /*width: 80%;
				  height: 80%;*/
				  padding-left: 0px;
				  padding-right: 0px;
				  margin: auto;
				  /*background: url("https://gybsas.com.co/images/clients/min_1520376966construccionjpg.jpg") no-repeat 50%/70% rgba(0, 0, 0, 0.1);*/
				  color: #F58634;
				  box-shadow: inset 0 0 0 1px rgba(245, 134, 52, 0.5);
				}
				.bb::before, .bb::after {
				  content: "";
				  position: absolute;  
				  z-index: -1;
				  margin: -1%;
				  box-shadow: inset 0 0 0 2px;
				  animation: clipMe 32s linear infinite;
				  -webkit-animation: clipMe 32s linear infinite; 
				  -moz-animation: clipMe 32s linear infinite;
				  -o-animation: clipMe 32s linear infinite; 						  
				  
				}
				.bb::before {
				  animation-delay: -16s;
				}
				.bb:hover::after, .bb:hover::before {
				  /*background-color: rgba(255, 0, 0, 0.3);*/
				}
				@keyframes clipMe {
				  0%, 100% {
				    clip: rect(0px, 164px, 2px, 0px);
				  }
				  25% {
				    clip: rect(0px, 2px, 224px, 0px);
				  }
				  50% {
				    clip: rect(176px, 154px, 226px, 0px);
				  }
				  75% {
				    clip: rect(0px, 226px, 226px, 146px);
				  }
				}
				/* cuadros animacion portafolio*/
		}		

		
          @media (max-width:376px){
				    .bb::before, .bb::after, .bb {
				  position: relative;
				  top: 0;
				  bottom: 0;
				  left: 0;
				  right: 0;
				}
				
				.bb {
				  /*width: 80%;
				  height: 80%;*/
				  padding-left: 0px;
				  padding-right: 0px;
				  margin: auto;
				  /*background: url("https://gybsas.com.co/images/clients/min_1520376966construccionjpg.jpg") no-repeat 50%/70% rgba(0, 0, 0, 0.1);*/
				  color: #F58634;
				  box-shadow: inset 0 0 0 1px rgba(245, 134, 52, 0.5);
				}
				.bb::before, .bb::after {
				  content: "";
				  position: absolute;  
				  z-index: -1;
				  margin: -1%;
				  box-shadow: inset 0 0 0 2px;
				  animation: clipMe 32s linear infinite;
				  -webkit-animation: clipMe 32s linear infinite; 
				  -moz-animation: clipMe 32s linear infinite;
				  -o-animation: clipMe 32s linear infinite; 						  
				  
				}
				.bb::before {
				  animation-delay: -16s;
				}
				.bb:hover::after, .bb:hover::before {
				  /*background-color: rgba(255, 0, 0, 0.3);*/
				}
				@keyframes clipMe {
				  0%, 100% {
				    clip: rect(0px, 148px, 2px, 0px);
				  }
				  25% {
				    clip: rect(0px, 2px, 219px, 0px);
				  }
				  50% {
				    clip: rect(160px, 142px, 221px, 0px);
				  }
				  75% {
				    clip: rect(0px, 221px, 221px, 130px);
				  }
				}
				/* cuadros animacion portafolio*/
		}		

          @media (max-width:361px){
				    .bb::before, .bb::after, .bb {
				  position: relative;
				  top: 0;
				  bottom: 0;
				  left: 0;
				  right: 0;
				}
				
				.bb {
				  /*width: 80%;
				  height: 80%;*/
				  padding-left: 0px;
				  padding-right: 0px;
				  margin: auto;
				  /*background: url("https://gybsas.com.co/images/clients/min_1520376966construccionjpg.jpg") no-repeat 50%/70% rgba(0, 0, 0, 0.1);*/
				  color: #F58634;
				  box-shadow: inset 0 0 0 1px rgba(245, 134, 52, 0.5);
				}
				.bb::before, .bb::after {
				  content: "";
				  position: absolute;  
				  z-index: -1;
				  margin: -1%;
				  box-shadow: inset 0 0 0 2px;
				  animation: clipMe 32s linear infinite;
				  -webkit-animation: clipMe 32s linear infinite; 
				  -moz-animation: clipMe 32s linear infinite;
				  -o-animation: clipMe 32s linear infinite; 						  
				  
				}
				.bb::before {
				  animation-delay: -16s;
				}
				.bb:hover::after, .bb:hover::before {
				  /*background-color: rgba(255, 0, 0, 0.3);*/
				}
				@keyframes clipMe {
				  0%, 100% {
				    clip: rect(0px, 152px, 2px, 0px);
				  }
				  25% {
				    clip: rect(0px, 2px, 213px, 0px);
				  }
				  50% {
				    clip: rect(164px, 142px, 215px, 0px);
				  }
				  75% {
				    clip: rect(0px, 215px, 215px, 134px);
				  }
				}
				/* cuadros animacion portafolio*/
		}
		

		
		
						


	.single-table {
	  padding: 30px 41px 20px;
	  border:1px solid #f2f2f2;
	}
	 #textosdocumentos{
	  font-size: 10px;
	 }
	  #contenidocitas{
	   padding-top: 265px;
	  }
	#gradient-style
	{
		font-family: "Arial,Calibri,Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		font-size: 10px;
		margin: 0px;
		width: 100%;
		text-align: left;
		border-collapse: collapse;
	}
	#gradient-style th
	{
		font-size: 11px;
		font-weight: normal;
		padding: 3px;
		background: #EEEEEE url('table-images/gradhead.png') repeat-x;
		border-top: 2px solid #E5E5E5;
		border-bottom: 1px solid #fff;
		color: #8C7777;
	}

	#gradient-style td
	{
		 
		padding: 7px; 
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
		color: #8F8F8F;
		border-top: 1px solid #fff;
		background: #F8F8F8 url('table-images/gradback.png') repeat-x;
	}	

    #escritorio #barentrada p{ font-size: 0.9em }
    #botones3{ width: 100%; } 
    #botones1link1{font-size: 0.7em}    
    #botones2link2{font-size: 0.7em}
	#text-slider .flex-viewport { height: 51px;  max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	#twitter-feed .flex-viewport { height: 420px;  max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	.tm-info .member-desc {padding: 0;}
	.testimonial-box-nav li, .testimonial-box-nav li a{margin-bottom: 10px;}
	.tm-info .member-pos, .tm-info .member-pos2, .tm-info .member-pos3{top: 0;right: -70px;}
	.cbp-filter-counter {display: none;}
	.logo{margin: 7px 0 0 0;}
	.navbar-shrink .logo{margin: 10px 0 0 20px;}
	.tm-info .member-desc {padding: 0 20px 20px 20px;}
	.modal .close{right: 20px;}
	.small-pwide {width: 80%;}
	.parallax {height: 500px;}
	.tm-info img, .tm-info .space{/*display: none;*/ max-width: 100%; height: auto;  }
	.tm-info .social-font-awesome{margin: 0;}
	.social-font-awesome li{margin-right: 10px;}
	.socialdiv ul li, .socialdiv.colored ul li{margin: 2px;}
	.cbp-l-filters-alignCenter .cbp-filter-counter{display: none;}
	.tab-container .col-xs-12{/*width: 275px;*/ width: 260px;}
	h1.bigone {font-size: 28px;}
	.tab-container .col-xs-12 h2{font-size: 19px;}
	p.home-slide-content{font-size: 2em !important;}
	.home-center-contents h1.h-slider{font-size: 1.1em;}
	#text-slider.flexslider{margin: 30px auto;}
    #text-slider .flex-control-nav li{ position: relative;  top: 62px !important; }
	.tooltip-desc{display: none;}
	.navbar-default .navbar-nav > li > a{color: #ffffff;}
	.navbar-default .container > .navbar-collapse{margin-left: -15px;margin-right: -1px;}
	.navbar-shrink.navbar-default .container > .navbar-collapse{margin-left: 5px;margin-right: 14px;}
	.home-center-contents h2, .home-center-contents h2.morebig{font-size: 2.5em;}
	.home-center-contents h2.morebig{font-size: 2.6em;}
	.home-center-contents h2.popup{padding: 0 11px;}
	#parallax-1 .section-title{margin-top: 20px;}
	.numerical-c{margin-top: 10px !important;}
	.demo2 .tp-bullets{left: 0 !important;margin-left: 230px !important;}
	.demo2 .rev-bt1{left: 70px !important;}
	.demo2 .rev-bt3{left: 120px !important;}
	.demo2 .rev-bt2{left: 140px !important;}
	.pagetitle{width: 88%;}
	#testimonials .testimonial{padding: 0 0 30px;}
	.contact-form .name, .contact-form .subject, .contact-form .email{width: 32.83%;}
	.tm-info h2{font-size: 2em;margin: 0;}
	.tm-info h4{font-size: 1em;}
	.testimonial-box-nav li a, .testimonial-box-nav li{width: 70px;height: 70px;}
	.twitter-slider {width: 85%;}
	#twitter-feed .flex-control-nav {bottom: -41px; /*-10px*/}
	.mail-box {width: 320px;top: -110px;}
	.mail_chimp_form_container .form {width: 98%;margin-left: 10px;padding: 0;}
	.mail_chimp_form_container .banner {width: 100%;}
	.bt1{left: -40px;}
	.bt2{left: 40px;}
	.tp-banner-container .des-button-white{padding: 10px 21px;font-size: 10px; font-weight: 400; /* 10 18 - 12*/}
	.tooltip-desc{display: none !important;}
	.medium_text{font-size: 10px !important;}
	#home-fsslider a.go-about{bottom: -10px;font-size: 10px;}
	.tp-leftarrow.default{left: 10px !important;}
	.tp-leftarrow:hover {left: 0 !important;}
	.tp-rightarrow.default{right: 10px !important;}
	.tp-rightarrow:hover {right: 0 !important;}	
	.col-md-6 {margin-bottom: 20px;}
	.navbar-default.light-menu .navbar-nav>li>a:after {content: '';}
	.dropdown-menu li a{-webkit-transition: none !important;-moz-transition: none !important;transition: none !important;}
	.contact-form .email,.contact-form .name,.contact-form .service,.contact-form .subject {width: 100%;margin: 0;}
	.navbar-nav .collapsible .sub-arrow,.navbar-nav .sub-arrow {display: block;}
	.navbar .navbar-collapse .navbar-nav>li>a,.navbar-shrink .navbar-collapse .navbar-nav>li>a {line-height: 40px !important;}
	.navbar-nav {border: 1px solid #f2f2f2;-webkit-box-shadow: 0 1px 6px 0 rgba(68,68,68,.07);box-shadow: 0 1px 2px 0 rgba(68,68,68,.07);}
	.navbar-nav li a {border-bottom: 1px solid #f2f2f2;}
	#parallax-3 .parallax-content {padding: 90px 0;}
	.section-title{margin-bottom: 20px; margin-left: 15px; margin-right: 15px; margin-top: 0px;}
	.divider.colored {margin: 25px auto;}
	.parallax-content {padding-top: 14px;/*20px 0;*/}	
	#services .service h5,#services .service p {text-align: center !important;}
	.service {width: 100%;text-align: center !important;}
	.filter li {margin-bottom: 20px;}	
	.navbar-nav .sub-arrow {top: 2px !important;right: 0 !important;}
	.nav-container {margin: 0 15px 0 20px;}
	#text-slider .flex-control-nav{top: -50px !important;}
	.next-section{bottom: 120px;}
	.tp-caption h4, .tp-caption h3{font-size: 7px !important;margin-top: 8px !important;}
	.tooltip-content h5{font-size: 13px;}
	.cbp-l-inline-left {float: left;width: 100%;margin: 40px 0;}
	.cbp-popup-singlePageInline .cbp-popup-close{right: 30px;}
	.cbp-l-inline-right {float: right;width: 100%;padding-left: 0;}
	.demo-juicy-projects .cbp-l-grid-projects-title, .demo-juicy-projects .cbp-l-grid-projects-desc{width: 88%;}
	.tooltip-desc{display: none;}
	a.team-profile:hover .tooltip-desc{ display: none;}
	@-webkit-keyframes Anim {
	  0%   { display: none;}
	  100% { display: none;}
	}
	@-moz-keyframes Anim {
	 0%   { display: none;}
	  100% { display: none;}
	}
	@-o-keyframes Anim {
	  0%   { display: none;}
	  100% { display: none;}
	}
	@keyframes Anim {
	  0%   { display: none;}
	  100% { display: none;}
	}
	.tooltip-content {display: none;}
	.tooltip-content p{display: none;}
	#text-slider.flexslider{top: -30px;}
	.flex-direction-nav{display: none;}
}