/**
 * Theme Name: geek1
 * Theme URI: geek1
 * Description:geek1
 * Version: 1.0.0
 * Author: Julian
 * Author URI: geek1
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: genesis
**/
@font-face { 
font-family: segoeui; 
src: url(/wp-content/themes/startergeek/fonts/segoeu/segoeui.woff2); 
font-style:normal;
	font-weight:400
}

@font-face { 
font-family:  segoeui; 
src: url(/wp-content/themes/startergeek/fonts/segoeu/segoeuib.woff2); 
font-style:normal;
	font-weight:800
}


@font-face { 
font-family:  segoeui; 
src: url(/wp-content/themes/startergeek/fonts/segoeu/segoeuibl.woff2); 
font-style:normal;
	font-weight:900
}


@font-face { 
font-family: bebas; 
src: url(/wp-content/themes/startergeek/fonts/bebas/Bebas-Regular.woff2); 
font-style:normal;
	font-weight:900
}


html {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
body {background-color: #fff;color: #4d4d4d;font-family: "segoeui";font-size: 18px;font-weight: 400;line-height: 1.5;margin: 0;overflow-x: hidden;}
button,input:focus,input[type="button"],input[type="reset"],input[type="submit"],.button,.gallery img {transition: all 0.2s ease-in-out;border: 0;padding: 0.7em;font-size: 1rem;font-family: inherit; }
input[type="submit"],.button{cursor: pointer;}

button, input, select, textarea { font-size: 1rem;font-family: inherit;     line-height: 1.5;width:100%;padding: 0.7em;border:solid 1px #AFAFAF;box-sizing:border-box; background: #fff;border-radius:5px}

a {color: #777;text-decoration: underline;	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;}
a:focus,a:hover {color: #333;text-decoration: none;}
p {	margin: 0 0 20px;	padding: 0;}
ol,ul {	margin: 0;	padding: 0;}
article ol, article ul{padding-left:20px;margin-bottom:15px}

li {list-style-type: none;}
article li {padding-left: 10px;list-style:initial;margin-bottom:10px}
hr {border: none;	border-collapse: collapse;	border-top: 1px solid #eee;	clear: both;	margin: 30px 0;}
b,strong {font-weight: 800;}
blockquote,cite,em,i {font-style: italic;}
mark {background: #ddd;	color: #333;}
blockquote {margin: 30px;}
h1 {font-family: "bebas";	font-weight: 900;	line-height: 1.2;	margin: 0 0 20px;}
h2,h3{font-family: "bebas";	font-weight: 900;	line-height: 1.2;	margin: 0 0 20px;}


.single article h2{font-family:"segoeui"}
 h4,h5,h6{font-weight: 900;	line-height: 1.2;	margin: 0 0 20px;}
h1 {font-size: 30px;}
h2 {font-size: 27px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
.entry-content h3,.entry-content h4 {font-weight: 800;}
.entry-content h4 {	margin-top: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
embed,iframe,img,object,video,.wp-caption {	max-width: 100%;}
img {height: auto;	vertical-align: top;}
figure {margin: 0;}
*, ::before, ::after{-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;}
/*-------- constantes*/
.site-inner{width:100%;margin:0 auto;}



/*------------------------------------------------------------------------------------------------------------------------*/


body.logged-in.admin-bar .totalhead {
  margin-top: calc(0px + 35px);
}


#totalhead{margin-bottom:148px}

.home #totalhead, .page-template-default #totalhead, .single-post #totalhead{margin-bottom:127px}





.totalhead{padding: 0;background: #fff;overflow-x: visible;overflow-y: visible;width: 100%;position: fixed !important;
top: 0px;bottom: auto;left: 0px;right: auto;z-index: 9999;display:flex;flex-direction:column}	

/*search*/











/*-------- general*/
a {color:#707070;text-decoration:none;font-weight:bold}

.site-container{max-width:100%;box-sizing:border-box}

/*logo*/
.site-header{background:#fff;}
.title-area img{padding:3% 0;max-width:100%;;margin:0 auto;display:block;max-width:90%}
.site-description{display:none}

/*menu*/

.mobmenu img{margin: 0 auto;	display: block;}
.mobmenu {  cursor: pointer; color:#fff;font-weight:bold;font-size:2em;padding: 10px; }
.active, .mobmenu:hover { background:#0063A7;color:#fff}
.active img, .mobmenu:hover img{filter:brightness(0) invert(1)}
 
#social-container a{color:#fff}
#social-container img{margin:0 5px}
 

.redes a:hover{filter: invert(88%) sepia(19%) saturate(7%) hue-rotate(116deg) brightness(99%) contrast(85%);}
.formulariofull a:hover{filter: invert(88%) sepia(19%) saturate(7%) hue-rotate(116deg) brightness(99%) contrast(85%);}
.telefono a:hover{filter: invert(88%) sepia(19%) saturate(7%) hue-rotate(116deg) brightness(99%) contrast(85%);}



/*menu*/
.site-header{width:100%;position:relative;z-index:2 }
.site-header > .wrap{max-width:1200px;margin:0 auto;display: flex;
  justify-content: space-between;
  align-items: center;}


.nav-primary {    max-height: 0;    overflow: hidden;    transition: max-height .2s ease-out;position: absolute;  width: 100%;  left: 0;}

.nav-primary wrap{position:relative}
.nav-primary ul{text-align:center;list-style:none;padding-left: 0; background:#fff;}
.nav-primary li, .nav-primary li a{color: #707070;padding: 1em .666em;box-sizing:border-box;text-decoration: none;font-size: 1em;font-weight: 800; text-transform:uppercase;font-weight:normal}
.nav-primary li a{display:block;padding:5px;box-sizing:border-box}
.nav-primary li:hover { background:#062B48;color:#fff;overflow:hidden}
.nav-primary li:hover > a{color:#fff}
.nav-primary li ul {display:none;position:absolute;	min-width:140px;top:62px;background:#0063A7}
.nav-primary li ul li, .nav-primary li ul li a{color:#fff}



#contactotop {
  display: flex;
  justify-content: center;
  padding: 2px;
  box-sizing: border-box;
	font-size:22px
}
#topinfo {
  display: block;
  background: #062B48;
}


#contactotop a{display:flex;align-items:center}
#topredes{display:flex}

#contactotop #topemail, #contactotop #topredes {display:none}

#contactotop  #teltop{display:flex}

#topemail a{border-right:solid 1px #fff;border-left:solid 1px #fff;padding: 0 10px; box-sizing:border-box;font-size: 16px;
  font-weight: normal;}

/*------------------------------------slide--------------------------------------------------*/
.featured-slides {
  position: relative;
  width: 100%;
  min-height: 300px; /* Ajusta según altura deseada */
}

/* Slides normales con fade */
.mySlides {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 2s ease-in-out;
  z-index: 1;
}

.mySlides.slideactive {
  opacity: 1;
  z-index: 2;
}

/* Imagen */
.imagendebanner {
  width: 100%;
  height: auto;
  display: block;
}

/* Texto sobre la imagen */
.custom-html {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: white;
  z-index: 3;
}

.single-product-button{background-color:#0063A7 !important;color:#fff !important;}
.single-product-button:hover{background-color:#1A232A!important}

.bottonessliders {  cursor: pointer;  position: absolute;  top: 50%;  width: auto;  margin-top: -30px;    color: #fff;  font-weight: bold;  font-size: 20px;
  border-radius: 0 3px 3px 0;  user-select: none; z-index: 4;}	
	
/* Position the "next button" to the right */
.previous_btn {  position: absolute;  left: 1%;  border-radius: 3px 0 0 3px; width: 0;   height: 0;   border-top: 20px solid transparent;  border-bottom: 20px solid transparent;  border-right: 18px solid #00B3A0;}
.next_btn {  position: absolute;  right: 1%;  border-radius: 3px 0 0 3px; width: 0;   height: 0;   border-top: 20px solid transparent;  border-bottom: 20px solid transparent;  border-left: 18px solid #00B3A0;}

/* On hover, add a black background color with a little bit see-through */
.previous_btn:hover, .next_btn:hover {  background-color: rgba(0,0,0,0.8);  color: white;}	

.featured-image-class img{width:100%}

#contslider{position:relative; overflow:hidden;height: 49vw}

#home-block1 .custom-html {
  position: absolute;
  padding: 5px;
  box-sizing: border-box;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  left: 0;
  right: 0;
  text-align: center;
  max-width: 715px;
  margin: 0 auto;
}

#home-block1 a{width:278px;height:60px;background:#FFFFFF;border:solid 1px #0063A7; color:#0063A7;display:flex;align-items:center;justify-content:center;font-weight:normal;text-transform:uppercase }

#home-block1 a:hover{background: #0063A7;color: #fff;}

#home-block1 .custom-html{display:flex;flex-direction:column;align-items:center}


#whoweare{max-width:100%; width:1250px;display:flex;justify-content:space-around;flex-wrap:wrap;margin: 50px auto; text-align:center;font-size: 20px;align-items: center;}
#whoweare > div{width:540px;max-width:100%}


#whoweare h2{font-size:50px}
#whoweare a{width: 278px;
  height: 60px;
  background: #0063A7;
  border: solid 1px #0063A7;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  text-transform: uppercase;
	margin: 20px auto;
}
#whoweare a:hover{background-color:#062B48}

#industries{background: #062B48;  color: #fff;  padding: 40px 10px;  box-sizing: border-box;  text-align: center;}
#industriesint{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;width:1300px;max-width:100%}
#industriesint a{position:relative;margin:10px;width:400px;max-width:100%;color:#fff; display: flex;
  justify-content: center;
  align-items: center;}
#industriesint a h4{position:absolute;max-width:260px;font-size:30px;   text-shadow: 3px 3px 6px rgba(0,0,0,0.8);}
 
#industriesint a img {    filter: grayscale(100%) brightness(0.4);    transition: filter 1s ease;}
#industriesint a:hover img {    filter: grayscale(0%) brightness(1);}




#bluebanner{
	
	background-image: url("/wp-content/uploads/2025/07/gresseback.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  display: flex;
  position: relative;
  min-height: 441px;
  padding: 10px;
    padding-bottom: 10px;
  box-sizing: border-box;
  padding-bottom: 0;
  align-items: center;
	justify-content:center;
	
	color:#fff
}

#bluebanner h4{font-weight:400;max-width:1200px;padding:10px;box-sizing:border-box;text-align:center; }



#setusapart{background:#F5F5F5;padding:40px 10px;box-sizing:border-box;text-align:center;color:#062B48}

#setusapart h2{font-size:60px;}
#setusapart > p {max-width:550px;padding:10px;box-sizing:border-box;margin: 0 auto;}

#setusapartint{width:1150px;max-width:100%;padding:10px;box-sizing:border-box;margin:0 auto}
#setusapartdivs{display:flex; justify-content:space-around;flex-wrap:wrap}
#setusapartdivs > div{display: flex;  flex-direction: column;  max-width: 350px;  margin: 10px;  align-items: center; justify-content: flex-start;}
#setusapartdivs > div div{height:120px;}
#setusapartint hr{border:solid 1px #D3D3D3}


#quality{display:flex; flex-wrap:wrap;text-align:center;align-items: center;max-width: 1920px;  margin: 0 auto;}	


#qualityint{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#062B48;margin: 0 auto;padding:40px 10px;box-sizing:border-box}

#qualityint > div{display:flex;align-items:center;font-size:20px;margin:20px auto}
#qualityint > div img{margin-right:10px}
#qualityint p{max-width:765px;padding:10px;box-sizing:border-box}

#certifications{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;max-width:100%;width:1340px;padding:40px 10px;margin:10px auto}
#certifications img{margin:10px} 


#home-block5{background-image: url("/wp-content/uploads/2025/07/point-1.jpg"); background-repeat:repeat}


/*image*/
.featuredpost article{overflow:hidden}
.featuredpost a img{transition: .75s ease;margin:0 auto;display:block}
.featuredpost a:hover img {	opacity: 1;	-webkit-animation: flash 1s;	animation: flash 1s; transform: scale(1.1)}

@-webkit-keyframes flash {	0% {		opacity: .4;	}	100% {		opacity: 1;	}}
@keyframes flash {	0% {		opacity: .4;	}	100% {		opacity: 1;	}}




/*pages*//*posts*//*archive category*/

.woocommerce-tabs ul{margin-bottom:10px}
.woocommerce-tabs li{list-style:initial;padding-left:10px;box-sizing:border-box;margin-left: 20px;}

.archive .content,.error404 article .entry-content, .single article .entry-content, .page article .entry-content{max-width:1200px;margin:0 auto;padding:1em;width:100%;box-sizing:border-box}

.entry-meta{display:none}
 
.entry-header h1{text-align:center;margin:20px auto;font-size:45px}


.footer-widgets-1{background:#1A232A;color:#fff;padding:40px 10px;box-sizing:border-box}
.footer-widgets-1 a{color:#fff}
#footerinfo{
width: 1450px;
  max-width: 100%;
  padding:30px 10px;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;}


#locationfooter{margin:10px 0;margin-top:30px}
#locationfooter img{margin-right:10px}

#redesfooter{display:block;margin-right:auto;d}

#redesfooter img{margin:10px}

#letsworkfooter{width:675px;max-width:100%;padding:40px 20px;box-sizing:border-box;text-align: center;}
#letsworkfooter p {max-width:540px;margin:30px auto;line-height:2.5}
#schedule a{width:278px;display:flex;align-items:center;justify-content:center;background:#0063A7;height:60px;margin:0 auto}
#schedule a h4{margin:0;margin-right:10px;font-weight:400;text-transform:uppercase}

#hechopor {
  background-color: #707070;
  width: 248px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  position: relative;
}




.woocommerce-tabs{width:100%;background:#FAFAFA;padding:10px;box-sizing:border-box; margin:20px auto}



.wpcf7 form.invalid .wpcf7-response-output{background:#ffb900}
.wpcf7 form.sent .wpcf7-response-output {background:#46b450}









/*--------------------------------------woocommerce---------------------------------------------------------------------*/

.woocommerce .products{display:flex;flex-wrap:wrap;justify-content:space-around}

.woocommerce.columns-4{max-width:1200px;width:100%;margin:0 auto} 
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product{margin:1em 0.5% !important}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{display: flex;flex-direction: column;justify-content: space-between;width:262px !important}

/*.woocommerce ul.products li.product:hover {background:#017CC2}

.woocommerce ul.products li.product:hover .button{background:#3A3A3A;}*/

.woocommerce ul.products li.product  h2, .woocommerce-page ul.products li.product  h2{text-align:center;font-weight:bold;text-transform:uppercase}
.woocommerce ul.products li.product  a, .woocommerce-page ul.products li.product  a{color:#fff;text-align:center;}
.woocommerce ul.products li.product .price{color:#fff !important;font-weight: bold !important;}
.woocommerce ul.products li.product .button{color: #CB004F;display: block;width: 143px;margin: 1em auto;position:relative;background:none !important}
.woocommerce ul.products li.product .button:before{content:url("/wp-content/uploads/2023/01/Grupo-34.png");position: absolute;left: -13px;top: 2px;}
.woocommerce ul.products li.product .button:hover{filter: brightness(0%);}

.productocarro{display:flex;flex-direction:column;justify-content:space-between;height: 100%;padding:0 0.25em}
.woocommerce ul.products::before,.woocommerce ul.products::after{content""!important;display:none !important}

.woocommerce ul.products li.product a img {  margin: 0;  transition: .5s;}
.woocommerce ul.products li.product:hover a img {  transform: scale(1.2);   margin: 0 auto;  text-align: center;}

.productotitulo{text-align:center; text-transform:uppercase;color:#017CC2}

/*productos*/
.single-product .related>h2{display:block;clear:both;text-align:center;  position:relative; margin-top:1em;width:100%;padding:0.5em;box-sizing:border-box;margin-top:0}

.single-product .productounico{max-width:1200px;width:100%;margin:0 auto;padding:0 0.5em;box-sizing:border-box;}
.single-product .products{ width:100%;margin:0 auto;box-sizing:border-box;}
.single-product .products .columns-4, .single-product .products .columns-3{max-width:1200px;padding:0 0.5em;}
.single-product .products h2{font-weight: 600;}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{width:100% !important;float:none !important}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{width:100% !important;float:none !important}
.woocommerce div.product div.summary{margin-top:30px;padding:10px;box-sizing:border-box}

.single-product  .descripro{max-width:600px;padding:0.5em;box-sizing:border-box;margin: 0 auto;}

	.single-product  .type-product{margin:0 auto;width:100%}
.tabs.wc-tabs, .woocommerce-tabs > div{max-width:1400px;box-sizing:border-box;margin: 0 auto !important;}
.woocommerce-tabs > div{padding:30px 10px !important;box-sizing:border-box;}



.norm_row{float:none;margin:0 auto;text-align:center !important}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { font-weight:800;text-transform:uppercase; padding: 1.2em;background: #017CC2 !important}
.woocommerce button.button.alt{height:49px}

.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none !important; border:none !important;position:relative}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{  }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after{content:""; width:105px;height:3px;background: #0063A7;
  margin: 0 auto;
  display: block;
  text-align: center;
  position: relative; }




.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:"bebas";font-size: 25px;}

.woocommerce div.product .woocommerce-tabs ul.tabs::before{content: none !important;}


.woocommerce a.button.alt:hover{}

.woocommerce div.product .stock{color:#017CC2 !important}
.woocommerce div.product p.price{color:#017CC2 !important;font-weight:bold}
.single-product .productdiscar .price{margin-bottom:0}

.woocommerce ul.products li.product a img{margin:0 !important;box-sizing:border-box;width:auto !important;margin: 0 auto !important;}
.productocarro .agregarcarrito{text-align:center;display: block;font-weight:300;font-size:1.5em}
.productocarro .agregarcarrito:hover{}

.single-product .entry-title {margin-top:0px}
.woocommerce-variation-add-to-cart{display:flex}
.cajablanc {background:#fff;display:flex;height:80px;align-items:center;margin-top:1em;padding:0.25em;box-sizing:border-box}
.cajablanc p{margin:0;font-size:0.9em}
.cajablanc img{margin-right:1em;width:40px}
.cajablanc a{color:#B1B1B1}

.compartesingl{display:flex;justify-content:center;clear: both;margin: 0 auto;max-width: 1200px;padding: 0.5em;box-sizing: border-box;text-align:center;align-items:center;flex-wrap:wrap}
.compartesingl p{margin-bottom:0;margin-right.1em}

.entry-summary .entry-title{color:#fff;background:#015095;text-align:left;padding:5px !important}

.woocommerce-result-count{display:none}
.tax-product_cat .entry-title {border-bottom: 60px solid #017CC2;}
	
.woocommerce-products-header__title{text-align:center}
 



header{transition: all 0.5s ease-out}
header.sticky{position: fixed;top: 0;left: 0;right: 0;padding: 0;z-index:98;}	

	



.price_slider_amount .button{background:#017CC2  !important;color:#fff  !important; border-radius:50px !important;;width:200px}
.price_slider_amount .button:hover{background:#3F3967 !important }
.price_slider_wrapper .ui-slider-range {background:#fff  !important;}
.price_slider_wrapper .ui-slider-handle{background:#017CC2  !important;}
.woocommerce nav.woocommerce-pagination{text-align:right !important}
.woocommerce nav.woocommerce-pagination ul {border:none !important}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{padding:0.2em 1em !important }
.price_slider_amount .price_label{color:#fff}


.woocommerce-loop-product__title{background: #017CC2;  position: relative;  z-index: 2;  min-height: 70px;  display: flex;  align-items: center;  padding: 5px !important;
  box-sizing: border-box;  text-align: center !important;  justify-content: center;}

.products.columns-3 {max-width: 900px;  margin: 0 auto !important;  padding: 10px !important;  box-sizing: border-box;}

.wpcf7-submit{width: 210px;
  height: 60px;
  color: #fff;
  margin-left: auto;
  background: #0063A7;
  display: block;
  margin-top: 20px;
  border-radius: 5px;}

.wpcf7-form{margin:0 auto;max-width: 790px;}

.wpcf7-form > div {
  width: 790px;
  max-width: 90%;
  padding: 0 5px;
  box-sizing: border-box;
  max-width: 100%;
}


.halfform > div {
  width: 48%;
}
.halfform {
  display: flex;
  justify-content: space-between;
}




.footer-widgets-2 .bootomfooterinfo {

   font-size: 22px;
  font-weight: bold;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  
  }

.footer-widgets-2 .bootomfooterinfo > div:first-child{padding:15px 10px;box-sizing:border-box}


.title-areab{padding:40px 20px;box-sizing:border-box}

#letsworkfooter{border:none; border-top: solid 1px #707070; border-bottom: solid 1px #707070}


#contactinfo{display:flex;justify-content:center;align-items:center}
#contactinfo img{margin:10px}


.page-id-111 .is-layout-flex {align-items: center !important;}


#redesbottom{text-align:center;padding: 40px 20px;box-sizing:border-box}
#redesbottom h4, #redesbottom a{font-weight:normal !important}
#redesbottom h4{margin-bottom:5px}
#redesbottom .infooter{display:flex;align-items: center;margin-bottom: 20px;}
#redesbottom .infooter img{margin-right:10px}
#redesbottom .infooter h2{margin:0}

#locationcontaact{margin: 20px auto;  display: flex;  align-items: center;  justify-content: center;  color: #0063A7;}
#locationcontaact img{margin:10px}




/*full site*/
@media screen and (min-width: 56em) {
	
	
	
.previous_btn {    border-top: 30px solid transparent;  border-bottom: 30px solid transparent;  border-right: 25px solid #00B3A0;}
.next_btn {  border-top: 30px solid transparent;  border-bottom: 30px solid transparent;  border-left: 25px solid #00B3A0;}	
	
	/*header*/
.headerdeart .radial-progress{top:15%;right:10%}	
	.site-header{background: rgba(255,255,255,0.8)}
	.site-header>.wrap{display:flex;align-items: flex-end;justify-content:center;height:90px}
	.header-widget-area{max-width:75%;width:100%}
.whatscel{margin-left:1em}
	.headermail img{margin-top:5px}
	/*logo*/
	.title-area {margin:0;background:transparent;max-width:25%;top: -10px;    position: relative;}

	/*menu*/
	.mobmenu{display:none}
	.nav-primary { max-height: 100%;overflow:visible;position:relative }
	/*nav*/
	.nav-primary > ul{display:flex;flex-wrap:wrap;align-items: center;justify-content:space-around; }
	.nav-primary .wrap{display:flex;justify-content:space-around;align-items:center;height:90px}
	.nav-primary .wrap>ul{display:flex;flex-wrap:wrap;justify-content:space-around;align-items: center;position:relative;z-index:10;background: none; }
	
	
	
	
	.nav-primary .wrap>ul>li{display:inline-block;padding:0.7em 0.5em;}
	
				
	
				.nav-primary li:hover > ul {display:block;}
			
			.nav-primary li ul li {	position:relative;}
			
			.nav-primary li ul li ul {right:-140px;	top:0px;}
	
	
	#home-block1 h1{font-size:60px;max-width:550px}
	
	
	
	#home-block1 .mySlides:nth-child(1) .custom-html {

 right: 40%;
 
}
	
	
	#contactotop {
    display: flex;
    justify-content:center;
  }
	#contactotop > div{margin:0 10px; }
	
#contactotop #topemail, #contactotop #topredes {display:flex}
	
	  #topinfo {
    display: block;
    width:100%;
   
    position: relative;
		  height:38px;
			  margin-left:auto
  }
	
	.woocommerce div.product div.images.woocommerce-product-gallery{max-width:45%;width:480px;}
	.woocommerce div.product div.images img{max-height:600px  !important;width:auto !important;margin: 0 auto;
}
	#industries h2{font-size:60px}
	#bluebanner h4{ font-size:40px;}
	
	#quality{flex-wrap:nowrap}	
	#qualityint > div h2{font-size:60px}
	#quality > img{max-width:50%}
	
	
	#letsworkfooter{border:none; border-right: solid 1px #707070; border-left: solid 1px #707070}
	
	
	#letsworkfooter h2{font-size:60px}
	
	.footer-widgets-2 .bootomfooterinfo {
    background: #fff;
    height: 65px;
    padding: 10px;
    box-sizing: border-box;
    color: #1A232A;
    font-size: 22px;
    font-weight: bold;
    /* Quitamos el text-align aquí, ya que el texto está en su propio div */
    display: flex;
    justify-content: center; /* Centra el contenido principal (el texto) */
    align-items: center;
    position: relative; /* Agregamos posición relativa al contenedor principal */
		flex-direction:row
  }

  /* Nuevo estilo para el logo de Geekmedia */


  /* Para el texto, asegúrate de que ocupe el ancho necesario */
  .footer-widgets-2 .bootomfooterinfo > div:first-child {
      flex-grow: 1; /* Esto asegura que el div del texto ocupe todo el espacio que pueda */
      text-align: center; /* Centra el texto dentro de su div */
  }

	
	#hechopor {
    margin-right: -10px;
  }
	
	  #hechopor::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 64px 21px;
    border-color: transparent transparent transparent #fff;
    left: 0;
    bottom: 0;
  }
	
	#tab-title-customer_benefits{border-left:solid 1px #D3D3D3 !important;;border-right:solid 1px #D3D3D3 !important; }
	
	
	.woocommerce div.product{margin:0 auto;display:block}
	.fotosummary{display:flex;justify-content:space-around;max-width: 1400px;margin:0 auto}
	.fotosummary .woocommerce-product-gallery{max-width:600px}
	
	
	.single-product .productounico .product{display:flex;justify-content: space-between;}	
.woocommerce div.product div.images .flex-control-thumbs{display:flex;justify-content:space-between}
/*.woocommerce-product-gallery{display:flex;flex-direction: row-reverse;max-width:60%;justify-content:space-between}*/
	.woocommerce-page div.product div.summary{max-width:590px;padding:5px;box-sizing:border-box}
.woocommerce-product-details__short-description > p{color:#062B48;}
.woocommerce div.product div.images .flex-control-thumbs li{float:none!important;width:100% !important}	
	.woocommerce div.product div.images .flex-control-thumbs{width:100%!important}
	.woocommerce div.product div.images .flex-control-thumbs li:first-child{display:none}
	.woocommerce-product-gallery .flex-viewport{max-width:84%;}

	
	
	
	
	#legacyint > img, #legacyint > div{max-width:50% !important}
	
	
	.brochure{width:278px;height:60px;display:flex;justify-content:center;align-items:center;border:solid 1px #0063A7;color:#0063A7;font-weight:normal}
	.brochure img{margin-right:10px}
 


#redesbottom{text-align:left}

	.contactpmail{border-right:solid 1px #707070;border-left:solid 1px #707070;min-width:280px !important}

	@media screen and (min-width: 1920px) {	
	
	
	

	}

	
	
}


.radial-progress {
  float: left;
  margin: 25px;
  width: 120px;
  height: 120px;
  position: relative;
  background-color: #d7d7d7;
  border-radius: 50%;
}
@media (max-width: 480px) {
  .radial-progress {
    width: 85px;
    height: 85px;
  }
}
.radial-progress .circle .mask,
.radial-progress .circle .fill,
.radial-progress .circle .shadow {
  width: 120px;
  height: 120px;
  position: absolute;
  border-radius: 50%;
}
@media (max-width: 480px) {
  .radial-progress .circle .mask,
  .radial-progress .circle .fill,
  .radial-progress .circle .shadow {
    width: 85px;
    height: 85px;
  }
}
.radial-progress .circle .mask,
.radial-progress .circle .fill {
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 1s;
  transition: -ms-transform 1s;
  transition: transform 1s;
}
.radial-progress .circle .mask.reanimate,
.radial-progress .circle .fill.reanimate {
  transition: -webkit-transform 0s;
  transition: -ms-transform 0s;
  transition: transform 0s;
}
.radial-progress .circle .mask.reset,
.radial-progress .circle .fill.reset {
  -webkit-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}
.radial-progress .circle .mask {
  clip: rect(0px, 120px, 120px, 60px);
}
@media (max-width: 480px) {
  .radial-progress .circle .mask {
    clip: rect(0px, 85px, 85px, 42.5px);
  }
}
.radial-progress .circle .mask .fill {
  clip: rect(0px, 60px, 120px, 0px);
  background-color: #ed1f41;
}
@media (max-width: 480px) {
  .radial-progress .circle .mask .fill {
    clip: rect(0px, 42.5px, 85px, 0px);
  }
}
.radial-progress .inset {
  width: 100px !important;
  height: 100px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px !important;
  background-color: #fbfbfb;
  border-radius: 50%;
  text-align: center;
  line-height: 100px;
	display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 480px) {
  .radial-progress .inset {
    width: 66px !important;
    height: 66px !important;
    margin: -33px 0 0 -33px !important;
    line-height: 90px;
  }
}
.radial-progress .little {
  font-size: 22px;
  color: #d7d7d7;
}
@media (max-width: 480px) {
  .radial-progress .little {
    font-size: 12px;
  }
}
.radial-progress .big {
  font-size: 37px;
}
@media (max-width: 480px) {
  .radial-progress .big {
    font-size: 27px;
  }
}

.radial-progress{position:absolute}


/*animaciones*/



.animatable {
  
  /* initially hide animatable objects */
  visibility: hidden;
  
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

/* show objects being animated */
.animated {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}



@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}

	80% {
		-webkit-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	60% {
		-moz-transform: translateX(20px);
	}

	80% {
		-moz-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	80% {
		-o-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	60% {
		-webkit-transform: translateX(-20px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		-moz-transform: translateX(-20px);
	}

	80% {
		-moz-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		-o-transform: translateX(-20px);
	}

	80% {
		-o-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes moveUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(40px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes moveUp {
	0% {
		opacity: 1;
		-o-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		opacity: 1;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@-o-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}

.animated.animationDelay{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animated.animationDelayLong{
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}
.animated.fadeBgColor {
	-webkit-animation-name: fadeBgColor;
	-moz-animation-name: fadeBgColor;
	-o-animation-name: fadeBgColor;
	animation-name: fadeBgColor;
}
.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animated.moveUp {
	-webkit-animation-name: moveUp;
	-moz-animation-name: moveUp;
	-o-animation-name: moveUp;
	animation-name: moveUp;
}