/*
Theme Name: Adelante Technology v2
Theme URI: https://www.famethemes.com/themes/onepress/
Template: onepress
Author: FameThemes
Author URI: http://www.famethemes.com
Description: OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. The theme overall is an elegant and classic one, a fine example of Bootstrap 4 WordPress theme which compatibility with latest version of WooCommerce. (Live preview : https://demos.famethemes.com/onepress)
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-menu,featured-images,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,e-commerce,blog,portfolio
Version: 2.2.8.1658259474
Updated: 2022-07-19 13:37:54
*/
/* DATASID */

/*
@media screen and (min-width: 940px){
.main-navigation{
    display: block;
  }
#nav-toggle {
    display: none;
  }
}
*/

/*NO OUTLINE ON BUTTONS*/

button:focus{
    outline: none;   
}

/*SVG ANIMATED SERVICIOS*/
svg #animated-icon{
	animation-duration: 1.6s;
	animation-name: animateIcon;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: cubic-bezier(0.90, 0, 0.90, 1);
}

@keyframes animateIcon{
	from{
		transform: translateX(0) translateY(0);
		opacity: 1;
	}
	to{
		transform: translateX(-164px) translateY(164px);
		opacity: 0;
	}
}

/*PAGE SERVICIOS*/
.page-servicios{
	background: #fc903d;
}

/*TABS SERVICIOS*/

.tabs{
  display: flex;
}

.tabs__sidebar{
  width: 20%;
  flex-shrink: 0;
}

.tabs__content{
  padding: 10px 0 10px 50px;
  font-size: 0.8rem;
  display: none;
  width: 80%;
}

.tabs__text{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	color:#fff;
}

.tabs__text h2{
	color:#d53200;
}

.tabs__img{
	display:inline-block;
	width: 48%;
}

.tabs__content--active{
  display: block;
}

.tabs__content > :first-child{
  margin-top: 0;
}

.tabs__button{
  display: block;
  width: 100%;
  padding: 10px;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  color:#ffffff;
  border-bottom: 1px solid #d53200;
  text-align: left;
}

.tabs__button:actve{
  border: none;
  outline: none;
}

.tabs__button:not(:last-of-type){

}

.tabs__button--active{
  font-weight: 700;
  color:#fff;
}

/*PAGE SEÑALIZACION DIGITAL*/
.page-senalizacion-digital{
	background: #fc903d;
}

.page-senalizacion-digital img{
	box-shadow: 4px 5px 3px 0 rgba(0, 0, 0, 0.16);
	border-radius: 4px;
}

.page-senalizacion-digital .tabs__text{
	display: inline-block;
	vertical-align: top;
	width: 40%;
	color:#fff;
}

.page-senalizacion-digital .tabs__img{
	display:inline-block;
	width: 58%;
	padding 0 22px 0 0;
}


/*CONTACT*/
#contact{
	background-color:#fc903d;
	color:#e8e8e8;
}

.section-contact .section-title-area .section-title{
	color:#fff;
}

.section-contact .section-title-area hr{
	border-top: 2px solid #d53200;
}

.section-contact .section-title-area .section-subtitle{
	color:#fff;
}

.address-box{
	margin-left:20%;
}

.address-box h3{
	color:#fff;
}

.section-contact .address-contact span {
  color: #d53200;
}



#services{
	background-color: #f16900;
	padding-bottom: 32px;
}


.div01{
	display:block;
	position:relative;
	z-index:99;
	overflow:hidden;
	width:100%;
	height:60px;
	background:#fff;
	fill:#fc903d;
}

.div02{
	display:block;
	position:relative;
	z-index:99;
	overflow:hidden;
	width:100%;
	height:60px;
	background:#fc903d;
	fill:#f8f9f9;
}


.div03{
	display:block;
	position:relative;
	z-index:99;
	overflow:hidden;
	width:100%;
	height:60px;
	background:#f16900;
	fill:#fff;
}

.div04{
	display:block;
	position:relative;
	z-index:99;
	overflow:hidden;
	width:100%;
	height:60px;
	background:#f8f9f9;
	fill:#f16900;
}


@media (min-width: 992px){
.section-services-right-container{
	margin: 16px 0;}
}

.section-services .service-item {
	padding: 22px;
	margin-bottom: 14px;
	background: #f4f7fe;
	border-radius: 4px;
	border: none;
}

.section-services .service-item .service-content p {
  font-size: 12px;
  color: #7a7a7a;
}

.service-image{
}

.section-services-sub-container{
	margin:0;
	padding:0;
	border:0;
	display:flex;
}

.section-services-left-container{
	display:inline-block;
	width:60%;
	position:relative;
	margin-right:5%;
}

.section-services-right-container{
	display: inline-block;
	width: 35%;
	text-align: center;
	position: relative;
}

.section-services-right-content{
	display:block;
}

.btn-services {
    background-color: #d5320059;
    background-image: none;
    border-color: #d53200;
    color: #f1f1ff;
    padding: 10px 20px;
    margin: 6%;

}
.btn-services:hover {
  color: #FFF;
  background-color: #d53200;
  border-color: #fff;
}



.section-services-left-container .section-title-area .section-title{
	color:#fff;
}

.section-services-left-container .section-title-area hr{
	border-top: 2px solid #d53200;
}

.section-services-left-container .section-title-area .section-subtitle{
	color:#fff;
}





#features{
	background-color: #fc903d;
}

@media (min-width: 992px){
.section-features-right-container{
	margin: 56px 0;}
}

.feature-item h4{
	color: #f1f1f1;
}

.feature-item a, a:hover, a:active{
	color: #f1f1f1;
	text-decoration: none;
	outline: none;
	cursor:pointer;
}

.feature-item:hover .icon-background-default {
  color: #333333;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.section-features-sub-container{
	margin:0;
	padding:0;
	border:0;
	display:flex;
}

.section-features-left-container{
	display:inline-block;
	width:60%;
	position:relative;
	margin-right:5%;
}

.section-features-right-container{
	display: inline-block;
	width: 35%;
	text-align: center;
	position: relative;
}

.section-features-right-content{
	display:block;
}

.btn-features {
  background-color: #324a933b;
  background-image: none;
  border-color: #324a93;
  color: #f1f1ff;
  padding: 10px 20px;
  margin: 6%;
}
.btn-features:hover {
  color: #FFF;
  background-color: #324a93;
  border-color: #fff;
}

.section-features .row{
	margin:0;
}

.section-features-left-container .section-title-area .section-title{
	color:#f1f1f1;
}

.section-features-left-container .section-title-area hr{
	border-top: 2px solid #d53200;
}

.section-features-left-container .section-title-area .section-subtitle{
	color:#f1f1f1;
}



#slogan{
	background-color:#fff;
}

#slogan h1{
	color:#aaa;
	font-weight: 500;
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	letter-spacing: 5px;
	font-size: 20px;
	text-align:center;
	text-transform: uppercase;
}

#slogan hr{
	border-top: 2px solid #e9e9e9;
	margin: 0 0 10px 15px;
	max-width: 32%;
}

.section-counter{
	background-color:#f8f9f9;	
}

.page-header.page--cover {
  text-align: left;
}

.site-footer .site-info .container a{
  color: #f16900;
}

.site-footer .site-info .container{
  color: #fff;
}

.section-about .section-title-area .section-title{
	font-size: 42px;
}



.section-parallax > section, .section-parallax .onepage-section, .section-parallax .section-inverse, #parallax-hero > section, #parallax-hero .onepage-section, #parallax-hero .section-inverse {
  padding: 160px 0;
}

.section-about .row > div {
  padding-bottom: 24px;
}

.section-about{
	margin-bottom: 32px;
}

.section-padding {
  padding: 38px 0px 0;
  padding: 2.4rem 0px 0;
}

.feature-icon {
  font-size: 40px;
}

.section-title-area hr{
	border-top: 2px solid #d53200;
	margin: 0 0 10px 15px;
	max-width: 32%;
}

.section-title-area .section-subtitle{
	font-weight: 600;
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	letter-spacing: 5px;
	font-size: 14px;
	line-height: .8;
}


.section-title-area .section-title{
	font-weight: 500;
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	letter-spacing: 5px;
	font-size: 60px;
	line-height: .8;
	padding-left: 24px;
}


#hero{
	height:360px;
}

.hero__content{
	font-weight:500;
}

.hero__content h1{
	font-weight:300;
	font-size: 2rem;
}
.hero-large-text{
	margin-bottom:3rem;
}

.hero-line{
	margin:36px 10% 4px;
}


.counter_item .counter__number {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.hero-slideshow-wrapper{
	overflow:visible;
}


.section-title-area {
  text-align: left;
}

.hero-slogan{

}

#background-video {
  max-width:100%;
  object-fit: cover;
  position: absolute;
  z-index: -1;
}

.site-header{
	box-shadow: 0 5px 20px 0px rgb(0 0 0 / 54%);
	border-bottom: #a7a7a7;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color:#fafafa;
}



.waves-white-to-blue-container{
}

.waves-blue-to-gray-container{
	background-color:transparent;
	
}


.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:40px;
  max-height:60px;
}

.parallax-wave > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax-wave > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax-wave > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax-wave > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax-wave > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}

.section-team .team-member {
    padding: 0px 16px;
}

.team-member .member-thumb {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.team-member .member-thumb:hover img {
  opacity: 1;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.section-title-area .section-subtitle{
    font-weight: 600;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    letter-spacing: 5px;
    font-size: 22px;
    line-height: .8;

}

.container-button{
	display:block;
	text-align:center;
}

.btn-team {
    background-color: #d532009c;
    background-image: none;
    border-color: #d53200;
    color: #f1f1ff;
    padding: 10px 20px;
    margin: 24px 10px 24px;
}

.btn-team:hover {
  color: #FFF;
  background-color: #d53200;
  border-color: #fc903d;
}

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    color: #FFF;
  background-color: #d53200;
  border:1px solid #fff;
}


@media only screen and (max-width: 992px) {
  
	#hero {height: 360px;}
	
	.hero__content h1{font-size: 1.3rem;}
	
	.hero-large-text{margin-bottom: 1rem;}
	
	.hero-line{margin: 1rem 10% 1rem;}
	
	#background-video {display:none;}
	
	.backstretch {}
	
	#slogan h1{font-size: 12px; margin:0;}
	
	#slogan {padding:2.4rem 4px;}
	
	.section-title-area .section-subtitle{font-size: 18px;}
	
	.section-about .section-title-area .section-title, .section-title-area .section-title{font-size: 18px;}
	
	.section-features-left-container{width: 100%;}
	
	.section-features-right-container{display: none;}
	
	.waves-blue-to-gray-container, .div01, .div02, .div03, .div04{display:none;}
	
	.team-members.row .team-member {width: 50%;}
	
	.section-services-sub-container{display:block;}
	
	.section-services-left-container{display:block; width:100%;}
	
	.section-services-right-container{display:block; width:100%;}
	
	.section-services-right-content img{display:none;}
	
	.contact-form{flex:none; width:100%; max-width:100%; margin-bottom:18px;}
	
	.contact-form-image{display:none;}
	
	.tabs__sidebar{width:40%;}
	
	.tabs__content{width:60%; padding:0 0 10px 10px;}

	.tabs__text{width:100%;}
	
	.tabs__button{font-size: 0.7rem;}
	
	.tabs__img{display:none;}
	
	.page-senalizacion-digital .tabs__text{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	color:#fff;
	}

	.page-senalizacion-digital .tabs__img{
	display:inline-block;
	width: 100%;
	}
	
	.page-senalizacion-digital .tabs__sidebar{
	width:24%;
	}
	
	.page-senalizacion-digital .tabs__content{
	width:76%;
	padding:0 0 10px 30px;
	}
	
	
}

@media only screen and (max-width: 576px) {

	#hero {height: 220px;}
}