/*
Theme Name: Danydelvalle
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");


/*--Indice--------------------------------
Las clases estás situadas en cascada, por ejemplo, el padre se podria llamar pd (padre),
y el hijo pd_h (padre_hijo), la caja de texto dentro del hijo seria pd_h_txt (padre_hijo_texto)
	

	--Mantenimiento Web (mw)-----------------------
		Terminos:
			cb_mw = cabecera mantenimiento web
			sv_mw = servicios mantenimeinto web
			sn_mw = sobre nosotros mantenimiento web
			p_mw = planes mantenimiento web
			ph_mw = planes mantenimiento web por horas
			cn_mw = clientes que han confiado en nosotros

-----------------------------------------*/
/*----------------------------------------------PRINCIPIO MI CSS---------------------------------------*/
/*.footer_top .footer_col3 ul.footer-lista{
    text-align: left !important;
}*/

/*----------------------------------------------FIN MI CSS---------------------------------------*/
/*--global-----------------*/
	:root {
		--color-corporativo: #448aff;
		--padding-page: 75px 10% 75px 10%;
		--fuente-corporativa: 'Open Sans', sans-serif;
		--padding-recomended: 10px;
	}

	.mobile_menu_button {
		float: right !important;
	}

	.mobile_menu_button .qode_icon_font_awesome {
		font-size: 25px;
		margin-top: 5px;
	}

@media(max-width: 1000px) {
	.logo_wrapper {
	    right: 0px !important;
		left: 0px !important;
		justify-content: center;
		display: flex;
		align-items: center;
	}

	.q_logo a {
	    left: 0px !important;
	}
}

@media(max-width: 500px) {
	.logo_wrapper {
	    right: 0px !important;
		left: 15px !important;
		justify-content: left;
		display: flex;
		align-items: center;
	}
}

	.mw h1,
	.mw h2,
	.mw h3,
	.mw h4,
	.mw h5,
	.mw h6,
	.mw p {
		font-family: var(--fuente-corporativa);
	}

	.mw_c h2{
		color: white;
		text-transform: unset;
	}

	.mw_c p{
		color: white;
	}

	.mw_price {
		font-weight: 700;
		font-size: 1.2em;
	}


	.p_mw_c {
		padding: 50px 10% 50px 10%;
		background-color: var(--color-corporativo);
	}

	.mw_box {
		margin-bottom: 25px !important;
		padding: var(--padding-page);
		-webkit-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.45);
		-moz-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.45);
		box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.45);
	}

	.mw_box2 > div {
		padding: var(--padding-page) !important;
		background-color: rgba(0,0,0,0.7);
	}

	.box_style > div {
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.20);
		-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.20);
		box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.20);
		border-radius: 15px;
		background-color: white;
	}

	.box_style_recommended > div > div{
		border: 5px var(--color-corporativo) solid;
		border-radius: 15px;
		padding: var(--padding-recomended) 0px;
	}


	.box_style_recommended > div {
		position: relative;
		bottom: calc(var(--padding-recomended)*1.5);
	}

	.box_style_recommended:before {
		content:"Recomendado";
		color: white;
		background-color: var(--color-corporativo);
		padding: 2px 5px;
		border-radius: 5px;
		position: absolute;
		top: 100px;
		left: -5px;
		z-index: 999;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.20);
		-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.20);
		box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.20);
	}
		
	.mw .qbutton:not(:hover) {
		border-color: var(--color-corporativo);
		color: var(--color-corporativo);
	}

/*--End global--------------*/

/*--cb_mw------------------*/

	.cb_mw,
	#cb_mw {
		padding: 50px 10% 15% 10%;
		-webkit-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.45);
		-moz-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.45);
		box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.45);
		background-size: auto 100% !important;
		background-position-x: right !important;
	}

	.cb_mw h1 {
		margin-bottom: 10px !important;
	}

@media(max-width: 1199px) {
	.cb_mw_text {
		padding: 15px 0px;
		background-color: rgba(255,255,255,0.8);
	}
}

/*--sv_mw------------------*/

	.sv_mw h2 {
		font-size: 1.5em;
		text-transform: unset;
		margin-bottom: 15px;
	}

	.sv_mw > div {
		display: flex !important;
		flex-flow: row wrap;
		align-content: stretch;
		align-items: stretch;
	}

	.sv_mw_child {
		display: flex !important;
		align-content: stretch;
		align-items: stretch;
		padding: 20px 20px;
	}

	.sv_mw_child_no_box > div {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.sv_mw_child:not(.sv_mw_child_no_box) > div {
		padding: 20px 20px;
	}


/*--sn_mw------------------*/
	.sn_mw {
		margin-top: -25px !important;
	}

	.sn_mw > div {
		display: flex;
		flex-flow: row wrap;
		align-items: stretch;
		padding: 125px 10% !important;
	}

@media(max-width: 1516px) {
	.sn_mw > div {
		align-items: center;
	}
}

@media(max-width: 992px) {
	.sn_mw_equipo {
		margin-bottom: 25px;
	}
}
	
	.sn_mw h2 {
		text-transform: unset;
	}

	.sn_mw_brand_content > div,
	.sn_mw_brand_content > div > div {
		display: flex !important;
		flex-direction: column;
		height: 100%;
		justify-content: space-between;
	}

	.sn_mw_brand {
		margin-top: 25px;
	}

/*--p_mw - ph_mw------------------*/

	.p_mw_c h2 {
		font-size: 2em;
		margin-bottom: 10px !important;
	}

	.p_mw_c p {
		font-size: 1.2em;
	}

	.p_mw_content > div {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
	}

	.p_mw_p {
		text-align: center;
		padding: 10px;
		max-width: 310px;
		transition: all 0.2s;
		cursor: pointer;
	}

	.p_mw_p:hover {
		transform: scale(1.05);
		z-index: 999;
	}

	.p_mw_p_a {
		position: absolute;
		top: 0px;
		bottom: 0px;
		right: 0px;
		left: 0px;
	}

	.ph_mw_p {
		max-width: 250px;
	}

	.p_mw_p:not(.box_style_recommended) > div {
		overflow: hidden;
	}

	.p_mw_p > div {
		padding: 0px !important;
	}

	.p_mw_p_c < div {
		background-color: var(--color-corporativo);
		width: 100%;
	}

	.p_mw_p_c {
		padding: 15px 0px;
		padding-left: auto !important;
		background-color: var(--color-corporativo);
		font-size: 1.5em;
		line-height: 1.7em;
	}

	.box_style_recommended .p_mw_p_c {
		position: relative;
		bottom: var(--padding-recomended);
		padding-bottom: calc(var(--padding-recomended)*3);
	}

	.p_mw_p_text,
	.ph_mw_p_text {
		line-height: 2.5em;
		margin: 15px 0px 15px 0px !important;
	}

	.p_mw_p_text p:nth-child(odd) {
		background-color: #f2f2f2;
	}

	.p_mw_p_text p {
		font-size: 0.9em;
	}

	.p_mw_p .qbutton {
		margin: 20px 0px;
	}

@media (min-width: 1441px) {
	.p_mw_p {
		max-width: 380px;
		font-size: 1.2em;
	}

	.ph_mw_p {
		max-width: 310px;
	}

	.box_style_recommended:before {
		top: 114px;
	}
}

@media (max-width: 768px) {
	.box_style_recommended > div > div{
		padding: 0px;
	}

	.box_style_recommended > div {
		bottom: 0px;
	}

	.box_style_recommended .p_mw_p_c {
		bottom: 0px;
	}

	.box_style_recommended:before {
		top: 110px;
	}
}

/*--cn_mw------------------*/
	
	.cn_mw > div {
		padding: var(--padding-page);
		padding-top: 0px !important;
	}

	.cn_mw p {
		color: white;
	}

	.cn_mw_c {
		padding-bottom: 50px;
	}

	.cn_mw_c h2 {
		color: black;
		text-transform: unset;
	}

	textarea {
		max-width: 100%;
	}

	.cn_carrousel_box {
		background-color: white;
		margin: 75px -20% 100px -20% !important;
		padding: 0px 25px;
		max-height: 150px;
		-webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.65);
		-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.65);
		box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.65);
		box-sizing: border-box !important;
	}

	.cn_carrousel_box img {
		max-height: 150px;
		max-width: 150px;
		width: auto !important;
		margin: 0 auto;
	}

	.cn_carrousel_box .slides {
		display: flex;
		align-items: center;
		max-height: 150px;
	}

	.cn_mw,
	.cn_mw > div,
	.cn_mw > div > div,
	.cn_mw > div > div > div {
		max-width: 100vw;
		box-sizing: border-box !important;
	}

@media(max-width: 991px) {

	.cn_mw,
	.cn_mw > div > div,
	.cn_mw > div > div > div {
		margin: 0px !important;
		padding: 0px !important;
	}

	.cn_mw > div{
		margin: 0px !important;
		padding: 75px 0px !important;
	}


	.cn_mw > div > div > div > div > .vc_column-inner {
		padding: 0px !important;
	}

	.cn_mw_c > div {
		padding: var(--padding-page) !important;
	}

	.mw_contacto_box {
		padding: 0px 10% !important;
		box-sizing: border-box !important;
	}

	#contacto {
		margin: 75px 0px 100px 0px !important;;
	}

	.mw_contacto_info {
		margin-bottom: 15px;
	}
}

/*--contacto------------------*/

	.cic_c {
		background-color: var(--color-corporativo);
		padding: 25px 15px;
		margin-bottom: 25px !important;
	}

	.cic_c h3{
		color: white;
		text-transform: unset;
		font-size: 1.5em;
	}

	.cic_text {
		margin-bottom: 15px;
	}

	.cic_title {
		font-weight: 300;
	}

	.mw .wpcf7-submit:not([disabled]):not(:hover),
	.mw .wpcf7-submit:disabled:hover {
		color: var(--color-corporativo) !important;
		border-color: var(--color-corporativo) !important;
	}

	.mw .wpcf7-submit:disabled {
		filter: grayscale(50%) brightness(50%);
		-webkit-filter: grayscale(50%) brightness(50%);
	}

	.mw span.wpcf7-list-item {
		margin: 0px !important;
	}

	.cic_submit {
		display: block;
		margin-top: 50px;
	}

	.mw .acceptance-54 {
		bottom: 20px;
	}

	.mw .acceptance-54 label {
		display: flex;
		align-items: center;
	}

	.cic_enlace {
		color: white;
		text-decoration: underline;
	}

	.cic_enlace:hover {
		text-decoration: underline;
	}


/*--Mudulo slider Fran------------------*/

	#contentslider{
	    position: relative;
		box-sizing: border-box;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 25px;
	    min-height: 250px;
	    padding: 0px 50px 50px 50px;
	    --color-modulo-slider: white;
	    min-height: 500px;
	}

	#slider{
	    -moz-user-select: none; 
	    -webkit-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    width: auto;
	    overflow: hidden;
	    position: relative;
		top: 7%;
	    --animation-name: none;
	}

	#slider div .titlecoment {
	    display: block;
	    margin-bottom: 20px;
	    font-weight: 600;
	}

	#slider div .comnetempresa {
		font-weight: 400;
	}

	#slider div p {
	    padding: 0px 20%;
	}

	@media (max-width: 728px) {
	    #slider div p {
	        padding: 0px 10%;
	    }
	}

	#slider div{
	    -moz-user-select: none; 
	    -webkit-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    width: 100%;
	    min-height: 500px;
		display: flex;
		align-items: center;
	    position: absolute;
	    transition: 0.5s;
	}

	#slider div.block{
	    position: relative;
	    top: 0;
	    left: 0;
	    animation-name: var(--animation-name);
	    animation-duration: 0.5s;
	}

	#slider div.after{
	    top: 0;
	    left: -100%;
	}

	#slider div.before{
	    top: 0;
	    left: 100%;
	}

	@keyframes before {
	    0% {
	        left: -100%;
	    }
	    
	    100% {
	        left: 0%
	    }
	}

	@keyframes after {
	    0% {
	        left: 100%;
	    }
	    
	    100% {
	        left: 0%
	    }
	}

	#after {
	    -moz-user-select: none; 
	    -webkit-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    position: absolute;
	    left: 15px;
		top: 45%;
	}

	#after button{
		font-size: 30px;
		color: var(--color-modulo-slider);
	    border: none;
	    cursor: pointer;
	    opacity:0.5;
		background-color: rgba(0,0,0,0) !important;
		transition: 0.3s;
	}

	#after button:focus {
		outline:0;
	}

	#before {
	    -moz-user-select: none; 
	    -webkit-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    position: absolute;
	    right: 15px;
		top: 45%;
	}

	#before button{
		font-size: 30px;
		color: var(--color-modulo-slider);
	    border: none;
	    cursor: pointer;
	    opacity:0.5;
		background-color: rgba(0,0,0,0) !important;
		transition: 0.3s;
	}


	#before button:focus {
		outline:0;
	}

	#before:hover button, #after:hover button{
	    opacity: 1;
	    transform: scale(1.2);
	}

	#before:active, #after:active{
	    opacity:1;
	    transform: scale(1);
	    transition: 0.5s;
	}

	#circlePosition {
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	    position: absolute;
	    bottom: 15px;
	}
	.cp {
	    margin:0 3px;
	    display: flex;
	    width: 10px;
	    height: 10px;
	    border-radius: 50%;
	    background-color: var(--color-modulo-slider);
	    opacity: 0.5;
	}

	.cpblock {
	    background-color: var(--color-modulo-slider);
	    opacity: 1;
	}

/*--End Mudulo slider Fran------------------*/
/*-------Footer-----*/
.container_inner{
	min-width:80%;
}

/*z boton whatsapp*/

.joinchat__button__open {
    width: var(--s);
    height: var(--s);
    border-radius: 50%;
    background: rgb(0 0 0/0) var(--joinchat-ico) 50% no-repeat;
    background-size: 60%;
    overflow: hidden;
} 
.joinchat {
    --bottom: 55px; !important
    --sep: 20px;
    --s: 60px;
    display: none;
    position: fixed;
    z-index: 9000;
    right: var(--sep);
    bottom: var(--bottom);
    font: normal normal normal 16px/1.625em var(--joinchat-font);
    letter-spacing: 0;
    animation: joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;
    transform: scale3d(0,0,0);
    transform-origin: calc(var(--s)/-2) calc(var(--s)/-4);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: manipulation;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgb(0 0 0/0);
}

.vc_custom_1536571390591{
	margin-top: 0px !Important;
}