/* Add here all your CSS customizations */



/*Slider*/
.titulo-principal-slider{font-size: 90px; line-height:120px}

/*Header*/

.cambio-color-header .header-container .header-row .header-column .header-row .header-nav .header-nav-main .collapse ul .dropdown .current-page-active {
    color: #D32F2F !important;
}

#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-title {color:#ffffff;}
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a{font-size:1.1em;}
.icono-mapa-lenguaje-blanco {
    background-image: url("https://visualit.com.es/visualit/img/icons/idioma-blanco.png");
}

.icono-mapa-lenguaje-negro {
    background-image: url("https://visualit.com.es/visualit/img/icons/web-negro.svg");
    transition: all 0.4s;
}

.icono-mapa-lenguaje {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    transition: all 0.4s;
}

.lenguaje-activo {
   text-decoration: underline;
}

.btn-presupuesto {
   transition: all 0.4s;
}

.sticky-header-active body .page #header
 .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a.btn-presupuesto {
   margin-top: 12px;
   background-color: #D32F2F !important;
   color: #ffffff !important;
}

.cambio-color-header .header-container .header-row .header-column .header-row .header-nav .header-nav-main .collapse ul .dropdown ul li .dropdown-mega-content div div span {
   color: white !important;
}

.boton-menu-navegacion {
    background: #FFF0 !important;
    font-size: 30px;

}

.header-nav-main {
    left_: 150% !important;
}

.menu-aparece-derechaa {
    left: initial;
    width: 80% !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 2;
}

#header .header-nav-maian {
    transform: none;
}

html #header.header-transparent .header-nav-main::before {
    width: 100%;
}

.menu-mobile-collapse-trigger {
    margin: 0;
    padding: 0;
    height: 50px;
    width: 35px;
    background: 0 0;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    float: right;
    cursor: pointer;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}

.menu-mobile-collapse-trigger::before,
.menu-mobile-collapse-trigger::after,
.menu-mobile-collapse-trigger span {
    background: #ffffff;
}

.menu-mobile-collapse-trigger::before,
.menu-mobile-collapse-trigger::after,
.menu-mobile-collapse-trigger span {
content: "";
display: block;
height: 4px;
width: 30px;
position: absolute;
top: 13px;
border-radius: 3px;
left: 0;
right: 0;
margin: 0 auto;
transition: transform .4s ease 0s,opacity .4s ease;
transform: rotate(0);
transform-origin: 0 50% 0;
}


.menu-mobile-collapse-trigger::after {
    top: 32px;
}

.menu-mobile-collapse-trigger span {
    top: 22px;
}

.mobile-menu-opened body .page #header .header-body .header-container .header-row .header-column
.header-row .header-nav .menu-mobile-collapse-trigger::before {
	transform: rotate(37deg);
        width: 32px;
}

.mobile-menu-opened body .page #header .header-body .header-container .header-row .header-column
.header-row .header-nav .menu-mobile-collapse-trigger::after{
	transform: rotate(-37deg);
        width: 32px;
}

.mobile-menu-opened body .page #header .header-body .header-container .header-row .header-column
.header-row .header-nav .menu-mobile-collapse-trigger span {
	display: none;
}

.mobile-menu-opened body .page #header .header-body .header-container .header-row .header-column
.header-row .header-nav .header-nav-main button span {
     display: none;
 }

/* Thumb Info */
.custom-thumb-info-style-1 .thumb-info-wrapper .custom-thumb-info-date {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 27.2px;
	font-size: 1.7rem;
	line-height: 1;
	text-align: center;
	padding: 11.2px 19.2px;
	padding: 0.7rem 1.2rem;
	z-index: 2;
}
.custom-thumb-info-style-1 .thumb-info-wrapper .custom-thumb-info-date > span {
	display: block;
	font-size: 0.4em;
	line-height: 1.5;
}


.banner-bymovil{ 
width: 320px; 
height:100px  }
.banner-bymovil-2{ 
width: 320px; 
height:50px  }


.contenedor-botones-flotantes {
position: fixed;
z-index: 3;
bottom: 0;
padding-right: 0;
cursor: pointer;
width: 100%;
height: 65px;
border-top:1px solid #000000;
	opacity: 0.85;
	
}

.contenedor-botones-flotantes .botones {
display: flex;
height: 100%;
}

.botones .boton-contactar {
width: 90%;
display: flex;
justify-content: center;
align-items: center;

}

.botones .boton-contactar .boton-presupuesto-flotante {
width: 100%;
font-size: 15px;
margin-left: 15px;
	color:#ffffff;
}


.boton-llamar{display: flex;
    justify-content: center;
    width: 20%;}
.boton-tel i{
display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background: transparent;
	border:1px solid #fafafa;
    border-radius: 100%;
    color: #FFF;
    font-size: 16px;
    font-size: 1rem;
    position: relative;
    top: 7px;
    text-align: center;
    padding: 0.8em;
    /*height: 1px;*/
    width: 4em;
    height: 4em;	
	
	
	
	
}
.boton-llamar .boton-tel a {
 color:#fff;
  text-decoration:none;
  padding:5px 5px 5px 0;
}
.servicios-portfolio a{color:#212121;font-size:20px}
.proyectos-visualit:before{z-index:0 !important}
.thumb-info .thumb-info-wrapper:after{background: rgba(33, 37, 41, 0.6);}
@media (max-width: 991px) {
    .menu-mobile-collapse-trigger {
        display: block;
     }

     .cambio-color-header .header-container .header-row .header-column
     .header-row .header-nav .header-nav-main .collapse ul .dropdown a {
	color: #ffffff !important;
      }

      .cambio-color-header {
	background-color: #212529 !important;
      }

      a.btn-presupuesto {
	display: none;
	}

}

@media (min-width: 992px) {
	.contenedor-botones-flotantes {
	display: none;
	transition: all 0.4s}
	#header .header-nav.header-nav-links nav > ul > li.dropdown.open > .dropdown-menu,
	 #header .header-nav.header-nav-links nav > ul > li.dropdown:hover > .dropdown-menu,
	 #header .header-nav.header-nav-line nav > ul > li.dropdown.open > .dropdown-menu,
	 #header .header-nav.header-nav-line nav > ul > li.dropdown:hover > .dropdown-menu {
	margin-top: -1px;
	}
}

@media (max-width: 992px) {
	.sticky-header-active body .page .contenedor-botones-flotantes {

	display: initial;

	}

	.contenedor-botones-flotantes {

	display: none;

	}

}




.header-container {
    margin: 0;
    max-width: 100%;
    padding-right: 10%;
    padding-left: 10%;
}

.header-body {
    transition: all 0.4s !important;
}

.cambio-color-header {
    background-color: white !important;
	-webkit-box-shadow: 0 2px 10px -1px rgba(117,116,117,.36);
    -moz-box-shadow: 0 2px 10px -1px rgba(117,116,117,.36);
    box-shadow: 0 2px 10px -1px rgba(117,116,117,.36);
    /* transition: all 0.4s !important; */
}

.cambio-color-header .header-container .header-row .header-column .header-row .header-nav .header-nav-main .collapse ul .dropdown a {
    color: black !important;
    transition: all 0.4s;
}

.logo-visualit-blanco {
    background-image: url("https://visualit.com.es/visualit/img/logos/logo-visualit-blanco.png");
}

.logo-visualit-negro {
    background-image: url("https://visualit.com.es/visualit/img/logos/logo-visualit-negro.png");
}

.logo-visualit {
    height: 70px;
    width: 149px;
    background-size: contain;
    display: inline-block;
    transition: all 0.4s;
}
#header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a.btn-presupuesto{color: #ffffff;
    border: 2px solid #D32F2F !important;
    padding: .55rem 2.4rem;
    height: auto;
    margin-top: 32px;
    min-height: 25px;}


/* .backgroundcliptext body .page header {} */

.destacados-sup-home{margin-top:-200px}
.detacados-sup-home .card{background-opacity:0.6}

.img-servicio img{position:relative;}
.boton-verservicios{position:absolute; left:15px; bottom:15px;}
.boton-verservicios .btn-dark-scale-2 {background-color: rgba(0, 0, 0, 0.7);border-color: transparent;color: #FFF;}
.bg-prestashop-partners{background-color:#ededed;background-image:url("https://visualit.com.es/visualit/img/patterns/bg-prestashop2.png");background-repeat:no-repeat;bakground-size:cover;padding:75px 0}
.bg-google-partners{background-color:#fcfcfc;background-image:url("https://visualit.com.es/visualit/img/patterns/bg-google.png");background-repeat:no-repeat;bakground-size:cover;padding:50px 0}
/*main*/
#main .featured-boxes-full .featured-box-full{text-align:left}
#main .featured-boxes-full .featured-box-full [class*="fa-"] {font-size: 0.9em;margin-bottom: 15px;}
#main .featured-boxes-full .featured-box-full h2, #main .featured-boxes-full .featured-box-full p{color:#212529;}
.thumb-info-slide-info-hover-1 h3{margin-bottom:15px;}

.servicios{padding:50px 0;}
.prestashop .custom-product-image-style-2 {
    position: absolute;
    top: 40%;
    right: -33%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -55%, 0);
    max-width: none;
	width: 50vw;}

.p-google .custom-product-image-pos-1._relative {
    position: relative;
    top: 60px;
    padding-bottom: 60px;
}

.p-google .custom-product-image-pos-1._absolute {
    position: absolute;
    top: 0;
    left: 0;
}

.stars i{font-size:.5em}

/*
* Owl Carousel
*/
.owl-carousel.custom-background-1 {
	bottom: -15px;
	padding: 31.8% 6.8% 0;
}
.owl-carousel.custom-background-1:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url("https://visualit.com.es/visualit/img/demos/app-landing/smartphone.png");
	background-size: 100%;
	background-repeat: no-repeat;
}
.owl-carousel.custom-background-1 .owl-stage {
	overflow: hidden;
	max-height: 365px;
}
@media (max-width: 767px) {
	.owl-carousel.custom-left-pos-1 {
		margin-top: 50px !important;
	}
}
@media (min-width: 768px) {
	.owl-carousel.custom-left-pos-1 {
		left: -50px;
		margin-top: 70px !important;
	}
}
@media (min-width: 992px) {
	.owl-carousel.custom-left-pos-1 {
		left: -85px;
		margin-top: -50px !important;
	}
}
.owl-carousel.custom-arrows-style-1 .owl-nav {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
					transform: translate3d(0, 0, 0);
}
.owl-carousel.custom-arrows-style-1 .owl-nav button.owl-prev, .owl-carousel.custom-arrows-style-1 .owl-nav button.owl-next {
	background: transparent !important;
}
.owl-carousel.custom-arrows-style-1 .owl-nav button.owl-prev:before, .owl-carousel.custom-arrows-style-1 .owl-nav button.owl-next:before {
	content: '';
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	border-top: 1px solid #212121;
	border-right: 1px solid #212121;
	-webkit-transform: rotate(-135deg);
					transform: rotate(-135deg);
}
.owl-carousel.custom-arrows-style-1 .owl-nav button.owl-prev:after, .owl-carousel.custom-arrows-style-1 .owl-nav button.owl-next:after {
	content: "";
	display: block;
	height: 60px;
	left: -28px;
	position: absolute;
	top: -13px;
	width: 74px;
	z-index: 0;
}
.owl-carousel.custom-arrows-style-1 .owl-nav button.owl-prev {
	left: -60px;
}
.owl-carousel.custom-arrows-style-1 .owl-nav button.owl-next {
	left: initial;
	right: -60px;
}
.owl-carousel.custom-arrows-style-1 .owl-nav button.owl-next:before {
	-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
}
.owl-carousel.custom-arrows-style-1 .owl-nav button.owl-next:after {
	left: -20px;
}
.owl-carousel.custom-arrows-style-1 .owl-nav button[class*="owl-"]:hover:active:before, .owl-carousel.custom-arrows-style-1 .owl-nav button[class*="owl-"]:focus:before {
	border-color: #212121;
}


.servicios-movil .thumb-info-slide-info-hover-1 h3{font-size:1.2em!important; font-weight: 500;}

@media (max-width: 991px) {
	
	.prestashop img{    -webkit-transform: translate3d(-23%, 16%, 0);
    transform: translate3d(-23%, 16%, 0);
    max-width: none;
    width: 54vw;}
	.prestashop{padding:0px!important	}
	#header .cambio-color-header .header-nav-main-mobile-dark  nav > ul > li a{color:#ffffff !important}
	#header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active {
		background: transparent;}
	#header .header-nav-main.header-nav-main-mobile-dark nav > ul li {
    border-bottom: none;
}
	.dropdown-mega-sub-nav li > i{display:none;}
}



@media (max-width: 767px) {
	
	
	.prestashop img{    -webkit-transform: translate3d(0%, -10%, 0);
    transform: translate3d(0%, -10%, 0);
    max-width: none;
    width: 66vw;}
	.prestashop{padding-top:50px!important	}
	
	
	.owl-carousel.custom-arrows-style-1._custom-nav-bottom {
		margin-bottom: 60px;
	}
	.owl-carousel.custom-arrows-style-1._custom-nav-bottom .owl-nav {
		width: 0%;
		top: auto;
		bottom: -10px;
		left: 50%;
		-webkit-transform: translateX(-50%);
						transform: translateX(-50%);
	}
}


@media (max-width: 575px) {
	.principal-home .featured-boxes-full .featured-box-full {padding: 10px 40px;}
}

@media (max-width: 426px) {

   .prestashop img{ -webkit-transform: translate3d(0%, -10%, 0);
    transform: translate3d(0%, -17%, 0);
    max-width: none;
	   width: 95vw;}
}

.boton-menu-scroll-blanco::before,
.boton-menu-scroll-blanco::after,
.boton-menu-scroll-blanco span {
	background-color: black;

}

.cambio-color-header .header-container .header-row .header-column .header-row .header-nav .header-nav-main .collapse ul .dropdown ul li .dropdown-mega-content div div ul li a {
   color: #d7d7d7 !important;
}