/*
Theme Name: Car Transfer
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/



/*************** Generales  ***************/
html {
	scroll-behavior: smooth;
}

.violeta{color:#2100A4;}
.azul{color:#0067AA;}
.lila{color:#7515FD;}
.azul-deep{color:#06328F;}
.celeste{color:#00FFFF;}
.cyan {color:#009DDC;}
.blanco{color:#fff;}
.center{text-align:center;}
h1 {font-weight: 900;


font-size: 90px;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
letter-spacing: inherit;
line-height: normal;
}
h2, h4{letter-spacing: inherit;}
h3{
	font-size: 30px;
    line-height: 37px;
	letter-spacing: inherit;
}

.btn-mas button.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-default.vc_btn3-style-classic.vc_btn3-color-grey.btn {/*btn con link*/
    background-color: #2100A4;
    color: #00FFFF;
    padding: 0.6em 2.8em;
    border-radius: 29px;
    font-size: 16px;
	min-width: 205px;
}
a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-default.vc_btn3-style-classic.vc_btn3-color-grey.btn:hover {
    background-color: #00FFFF !important;
    color: #2100A4 !important;
    padding: 0.6em 2.8em;
    border-radius: 29px;
    font-size: 16px;
    min-width: 205px;
	font-weight:600;
}
#contratanos button.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-default.vc_btn3-style-classic.vc_btn3-color-grey.btn:hover {/*btn sin link*/
    background-color: #00ffff !important;
    color: #2100A4 !important;
    padding: 0.6em 2.8em;
    border-radius: 29px;
    font-size: 16px;
    min-width: 205px;
		font-weight:600;
}
.btn-mas a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-default.vc_btn3-style-classic.vc_btn3-color-grey.btn{
background-color: #2100A4;
color: #00FFFF;
padding: 0.6em 2.8em;
border-radius: 29px;
font-size: 16px;
min-width: 205px;
}


.btn-mas button.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-default.vc_btn3-style-classic.vc_btn3-color-grey.btn:hover {/*btn pre footer*/
background-color: #00ffff;
color: #2100A4;
padding: 0.6em 2.8em;
border-radius: 29px;
font-size: 16px;
min-width: 205px;
}

#contratanos a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-default.vc_btn3-style-classic.vc_btn3-color-grey.btn {
    background-color: #00FFFF!important;
	border-color: #00FFFF !important;
	color:#2100A4
}

#contratanos a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-default.vc_btn3-style-classic.vc_btn3-color-grey.btn:hover {
    background-color: #2100a4 !important;
    color: #00ffff !important;
   
    border-color: #2100a4 !important;
}



/*************Body*/
.container {
    max-width: 1200px!important;
}

.main-content {
	padding-bottom:0
}

/*****Menu*/

a {
    border-top: none!important;
}
.no-breadcrumbs .main-content {
    padding-top: 0 !important;
}
#main-menu li {
    margin: 0 14px 0 0!important;
}

#header .main-menu>li.menu-item:last-child {
	margin:0!important
}

a.current, #header .main-menu > li.menu-item:hover > a {
    background-color: transparent!important;
    color: #0088cc!important;
	border:none
}

.empieza-ahora {
    background-color: #000;
	background: linear-gradient(110.6deg, #0067AA 0%, #8319E5 102.54%);
border-radius: 31px;
}

.empieza-ahora a {
	color:#fff!important
}

.zona-privada {
	background: #F4F4F4;
    border-radius: 31px;
	
}

.zona-privada a {
	color:#2100A4!important
}
#header.sticky-header .header-main.change-logo .logo img {
    transform: scale(1.5);
}
/*menu escondido*/
.visible-item{display:none !important;}
li#accordion-menu-item-601 a {
    color: #999 !important;
    text-transform: none !important;
	padding: 0 !important;
}
li#accordion-menu-item-612 a {
    color: #999 !important;
    margin-top: 1.2em !important;
    text-transform: none !important;
		padding: 0 !important;
}
li#accordion-menu-item-613 a {
    color: #999 !important;
    text-transform: none !important;
		padding: 0 !important;
}
/*************Home*/
.hidden-sm{display:block;}
.visible-sm{display:none;}
#bg-inicio {
    height: 100vh;
    background-image: url(https://www.cartransfer.es/wp-content/uploads/2020/06/imag-header-2.jpg);
    background-position: top !important;
    background-attachment: fixed;
    padding-bottom: 2em;
}
#bg-inicio h1{
    margin-top: 2.8em;
}

.top-ico{
    margin:30px 0;
}
.box-titulos { padding: 0 11em;}
.box-blanco {
    background-color: #fff;
    max-width: 25%;
    display: block;
    margin: 18px auto;
    padding: 2em 2.5em 0;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
}
.degrade-1{background: linear-gradient(180deg, #FAFAFA 0%, #009FDC 100%);}
.degrade-1 .vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0;
}
.img-list {
    width: 60%;
	float: right;

}
.wave {
    width: 100%;
    background-size: cover;
}
.box-wave{
    margin-top: 3em;
}
.list-accede {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-accede li {
    display: flex;
    align-items: self-start;
}
.list-accede h3.azul {
    padding-left: 0.5em;
}
.degrade-2 {
    background: linear-gradient(180deg, #D6F3FF 0%, #FFFFFF 100%);
    padding-top: 50px;
    margin-bottom: 60px !important;
}
.degrade-2 .vc_btn3-container.btn-mas.vc_btn3-center {
    margin: 80px 0;
}
.row .accede{
    align-items: flex-end;
}
#servicios-adicionales .box-blanco {
    background: #FFFFFF;
    box-shadow: 12px 15px 40px rgba(0, 0, 0, 0.35);
    border-radius: 27px;
    min-width: 450px !important;
    padding: 3em 2em;
}
/*************Caracteristicas*/
div#bg-caracteristicas {
    height: 50vh!important;
    min-height: 50vh!important;
	margin-bottom:50px
    
}

#caracteristicas {
	margin-top: 80px;
    background: linear-gradient(180deg, rgba(214, 243, 255, 0) 0%, #D6F3FF 100%);
    padding-bottom: 100px;
}

.bloques-caracteristicas {
    
    margin-bottom: 80px!important;

}

ul.listado {
    padding-inline-start: 0;
    width: 50%;
    float: left;
}

.listado li {
    list-style-type: none;
    margin-bottom: 20px;
}

.listado img {
    width: 25px;
    margin: 0 10px 0 0;
}

.icono-veinte {
    width:15px!important;
}

.margin-bottom-50 {
    margin:0 0 50px 0;
}
.transicion-gestion {
    background-image:url(https://www.cartransfer.es/wp-content/uploads/2020/06/transicion-gestion-1.png)!important;
    background-position: top!important;
    background-size:contain;
}

.te-interesa-header {
    background-image: url(https://www.cartransfer.es/wp-content/uploads/2020/06/Back-teinteresa.png);
    background-size: cover;
}

.te-interesa-body {
    background-color:#009ddc;
}

/************************Calcula transferencia*/

#tener-cuenta li {
    margin-bottom:20px;
}


#tener-cuenta {
  /*list-style: none!important;*/
  padding: 0;
  margin: 0;
  list-style-image: url("https://www.cartransfer.es/wp-content/uploads/2020/06/Bullet.png");

}

input.wpcf7-form-control.wpcf7-submit:focus{


border: transparent !important;
 outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;

}

/*************************Preguntas frecuentes*/
.porto-faqs label {
    background-color: transparent;
    font-style: normal;
    font-weight: bold!important;
    font-size: 30px!important;
    line-height: 37px;
    color: #0067AA;
    border: none!important;
    font-family: "Rambla";
}


.porto-faqs label {
    background-color: transparent;
    font-style: normal;
    font-weight: bold!important;
    font-size: 30px!important;
    line-height: 37px;
    color: #0067AA;
    border: none!important;
    font-family: "Rambla";
}

.porto-faqs {
 
    border-bottom: 1px solid #d6f3ff}
    
.toggle label {
    padding-right: 150px;
}

.toggle-content {
    padding: 20px 150px 20px 20px!important;
    color: #0067AA;
}

.toggle > label:hover {
    background: #fff;
}

.faq {
    padding:20px 0;
    border-bottom:1px solid #d6f3ff;
}

/************************Contacto*/

.form-contacto {
    background: #F4F4F4;
border-radius: 16px;
}

.form-contacto {
    background: #F4F4F4;
border-radius: 16px;
padding: 50px;
}

.textos-contacto h2 {
    padding:0 50px 0 0!important;
}

.textos-contacto h3 {
    padding:0 150px 0 0!important;
}

#contacto input, #contacto textarea {
    width: 100%;
    background: #FFFFFF;
border-radius: 26px;
padding: 15px;
margin-bottom: 10px!important;
}

#contacto form label {
  
    font-size: 15px!important;
    line-height: 18px;
}

#contacto .wpcf7-submit {
    background: #2100A4;
border-radius: 50px;
width:50%;
}

.btn-contacto {
    text-align: center;
}
/*entradas internas*/

.pagination, .page-links {
  
    margin: 20px 0 !important;
}

/*****Footer*/

div#footer {
    background-image: url(https://www.cartransfer.es/wp-content/uploads/2020/06/Back-Footer.jpg);
    background-size: cover;
}

#footer, #footer p, #footer .widget > div > ul li, #footer .widget > ul li, #footer .footer-bottom, #footer .footer-bottom p, #footer .footer-bottom .widget > div > ul li, #footer .footer-bottom .widget > ul li {
font-family: "Roboto";
font-weight: normal;
font-size: 15px;
line-height: 27px;
color: #00FFFF;
border:none;

}
#footer a:not(.btn), #footer .tooltip-icon {
    color: #00FFFF;
}

#footer ::before {
	display:none
}

#footer ul {
    border: none;
}


/******pre footer*/
.wpb_single_image.wpb_content_element.vc_align_center.ico-contratanos {/**ultimo bloque*/
    margin-top: -12em;
}
#contratanos.vc_row[data-vc-full-width] { /**ultimo bloque*/
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
    overflow: inherit;
}
#contratanos .btn-mas button.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-default.vc_btn3-style-classic.vc_btn3-color-grey.btn {
    background-color: #00FFFF;
    color: #1e1aa3;
    padding: 0.6em 2.8em;
    border-radius: 29px;
    font-size: 16px;
    min-width: 280px;
    font-weight: 700;
    border-color: #00FFFF;
}
	.wpb_single_image.wpb_content_element.vc_align_center.ico-contratanos {
    margin-top: -10em;
}

/****Blog*/

.porto-block {
    margin-top: 80px;
    margin-bottom: 80px;
}

.thumb-info-title {
    background-color: #009ddc!important;
}

.page-top {
    background-color: #0088cc;
	border-bottom:none!important
}

/*.page-top .yoast-breadcrumbs a, .page-top .breadcrumbs-wrap a, .page-top .product-nav .product-link {
    color: #2100A4;
}*/

.page-top .yoast-breadcrumbs, .page-top .breadcrumbs-wrap {
    color: #fff;
}
.page-top .yoast-breadcrumbs a, .page-top .breadcrumbs-wrap a, .page-top .product-nav .product-link {
    color: #ffffff !important;
}

/************Responsive*/
@media (max-width:1440px){
	.wpb_single_image.wpb_content_element.vc_align_center.ico-contratanos {
    margin-top: -10em;
}
}
@media(width: 1024px) {
	#header .main-menu > li.menu-item > a {
		padding: 7px 6px 7px 6px;
}
}
@media(max-width:990px){
	.visible-item{display:block !important;}
	#nav-panel .accordion-menu li {
    padding-top: 1px;
    padding-bottom: 1px;
    border-bottom: transparent;
}
		.empieza-ahora {
    background-color: #000;
    background: linear-gradient(110.6deg, #0067AA 0%, #8319E5 102.54%)!important;
    border-radius: 31px;
    width: fit-content;
		margin-bottom: 10px!important;
		min-width:120px;
		text-align:center
}
	.zona-privada {
background: #F4F4F4;
border-radius: 31px;
width: fit-content;
min-width:120px;
		text-align:center

}
	li#accordion-menu-item-65 {
    margin: 0.8em 0 0 0;
}
}
@media (max-width:768px){
		/*HOME*/
.box-blanco {
    margin: 12px auto;
}
	    .no-breadcrumbs .main-content {
    padding-top: 0px;
}
.box-titulos { padding: 0 2em;}
.box-blanco {
    background-color: #fff;
    max-width: 233px;
    display: block;
    margin: 18px auto;
    padding: 2em 1.5em 0;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
}
.img-list {
    width: 24%;
}
#servicios-adicionales .box-blanco {
    margin-bottom: 40px;
}
#bg-inicio h1.white.center {
    margin-top: 0.8em;
}
		/*footer*/
		#footer .footer-main>.container {
    padding-top: 5rem;
    padding-bottom: 2.4rem;
    text-align: center;
}	
	span.footer-copyright {
    text-align: center;
    margin: 0 auto;
    display: block;
}
	/*header*/
	#header .logo {
    max-width: 149px;
		
}
	.empieza-ahora {
    background-color: #000;
    background: linear-gradient(110.6deg, #0067AA 0%, #8319E5 102.54%)!important;
    border-radius: 31px;
    width: fit-content;
		margin-bottom: 10px!important;
		min-width:120px;
		text-align:center
}
	.zona-privada {
background: #F4F4F4;
border-radius: 31px;
width: fit-content;
min-width:120px;
		text-align:center

}
	.empieza-ahora a, .zona-privada a  {
		color:#fff;
		text-align:center!important
	}
	
}
@media(max-width: 767px){
	
	.center-responsive {
		text-align:center
	}
/*home*/
	.box-blanco {
    background-color: #fff;
    max-width: 58%;
    display: block;
    margin: 13px auto;
    padding: 2em 1.5em 0;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
}
	/*header*/
	.header-left, .header-right {
		padding:0!important
	}
	
	.no-breadcrumbs .main-content {
    	padding-top: 0;
	}
	
	#header .mobile-toggle {
    	color: #0088cc;
    	background-color: #fff;
	}
	#header .mobile-toggle {
    
    font-size: 20px;
    
	}
	/*Menu*/
	#nav-panel .accordion-menu li {
   
    border-bottom: none;
}
	/*.empieza-ahora, .zona-privada {
		background:#fff
	}
	
	.empieza-ahora a, .zona-privada a {
    color: #0088cc!important;
}*/

	
	/*Tipografias*/
	h1 {
		font-size:40px
	}
	
	h2 {
    font-size: 30px;
    line-height: 37px;
	}
	
	h3 {
    font-size: 23px;
	line-height: 28px;

	}
	
	h4 {font-size: 18px;
	line-height: 23px;
	}
	
	/*Caracteristicas*/
	
	.wpb_single_image.vc_align_left {
		text-align:center
	}
	
	#caracteristicas {
    
    margin-top: 50px;
		padding-bottom: 0px;
}
	.margin-moviles-caracteristicas {
		margin-bottom:80px
	}
	ul.listado {
    float: none;
    width: 70%;
    margin: 0px 15% 20px 15%;
}
    /*Preguntas Frecuentes*/
	
	.toggle label {
    padding-right: 40px;
}

.porto-faqs label {
    
    font-size: 23px!important;
    line-height: 28px;
    ;
}
	/****CAlcula transferencia*/
	
	#tener-cuenta {
    
    padding: 0 15px;
   
}
	
}
@media (max-width:500px){
	#informe-trafico ul {
    list-style: none;
    padding-left: 0;
}
.hidden-sm{display:none;}
.visible-sm{display:block;}
    #servicios-adicionales .box-blanco {
    min-width: 82% !important;
    padding: 3em 1em;
}
#bg-inicio {
    height: auto;
    background-image: url(https://www.cartransfer.es/wp-content/uploads/2020/06/imag-header-2.jpg);
        background-position: top center !important;
    background-attachment: inherit;
}
#bg-inicio h1{
    margin-top: 2.8em !important;
    /*line-height: 1em;
	margin-bottom: 0 !important;*/
}
#bg-inicio .wpb_text_column.wpb_content_element.wpb_animate_when_almost_visible.wpb_fadeIn.fadeIn.wpb_start_animation.animated {
    margin-bottom: 0;
}
.top-ico {
    display:none;
}
.degrade-2 {
    padding-top: 30px;
    margin-bottom: 0 !important;
}
	.img-accede{margin-top:40px;}
.degrade-2 .vc_btn3-container.btn-mas.vc_btn3-center {
    margin: 40px 0 20px;
}
#servicios-adicionales {
    margin-top: 60px;
}
.box-blanco {
    max-width: 75%;
    margin: 7px auto 30px;
    padding: 2em 2.5em 0;
}
.img-list {
    width: 13%;
    display: inline-flex;
    float: left;
}
.box-proceso {
    display: flow-root;
    padding: 0 1.2em;
}
	/*#bg-informes .form-contacto {
    padding: 38px 51px;
}*/
	#bg-informes .form-contacto {
    padding: 41px 42px;
}
	#bg-informes .form-contacto input.wpcf7-form-control.wpcf7-submit {
background-color: #2100A4;
color: #00FFFF;
padding: 0.6em 2.8em;
border-radius: 29px;
font-size: 16px;
width: 97%;
margin-top: 1em;
border: #2100A4;
}
	.toggle-content {
    padding: 20px 20px 20px 20px!important;
    color: #0067AA;
}
	#footer .widget_nav_menu>div>ul li{padding: 6px 0;}
}