html {
	margin-top: 0 !important;
}

.site-title,
#wpadminbar {
	display: none;
}

.oculto {
	display: none !important;
}

.site-logo {
	    margin: 0 !important;
	    max-width: 200px;
}

.banda-roja {
    margin: 0 auto;
    width: 100%;
    height: 30px;
    background-color: #dc3d46;
}

.camion {
    min-height: 206px !important;
}

#customer-service {
	padding-top: 30px !important;
}

.ultimo-bloque-home {
    padding-bottom: 30px;
}

.wp-block-group {
	overflow: hidden;
}

.wp-block-column { padding: 10px 20px;}

header#masthead {
	background-color: #00344f;
	border: none;
}

.main-navigation > div > ul {
    align-items: center;
}

.main-navigation a:link, .main-navigation a:visited {
	color: #fff;
	transition: .6s;
}

.main-navigation a:hover {
	color: #ae2b32;
}

.main-navigation .boton-form-1 a {
    border: 2px solid #fff;
    padding: 15px 35px !important;
    border-radius: 25px;
    margin-left: 100px;
}

.site-main {
	padding-top: 0;
}

#move-beyond-borders {
	max-width: 600px;
	color: #fff;
	font-size: 120px;
	margin-bottom: 80px;
margin-top: 90px;
line-height: 1.0em;
}

.wp-image-49 {
	padding-top:50px;
}

.tit-1 {
	color: #00344f !important;
	font-size: 80px;
	text-align: center;
}

.tit-rojo {
    color: #dc3d46;
    font-size: 30px;
    text-align: center;
    max-width: 700px !important;
}



body {
	font-size: 15px;
  color: #00344f;
}

.fondo-rojo {
	background-color: #dc3d46;
	color: #fff !important;
	padding: 25px;
}

.h6 {
	/*font-weight: 100;*/
}

.texto-rojo {
	color: #dc3d46;
}

.bloque-azul,
.bloque-azul-2,
.bloque-gris {
    padding: 70px 0 !important;
}

.bloque-azul h4,
.bloque-azul p {
    color: #fff !important;
}

.bloque-azul h4 {
	 font-size: 50px;
}

.bloque-azul p {
    max-width: 350px;
}


.tit-fondo-rojo {
		margin: 0 auto;
    text-align: center;
    font-weight: 100;
    color: #fff;
    background-color: #dc3d46;
    padding: 40px;
}

.tit-value {
		font-weight: 100;
}

.wp-block-image:after {
    content: '';
    clear: both;
    display: block;
}


ul li {
    display: block;
    position: relative;
}

ul li:before {
    content: url(https://roadexlogistics967152278.files.wordpress.com/2021/12/triangulo2.png);
    position: absolute;
    top: 3px;
    left: -22px;
}

#site-navigation ul li:before,
.acordeon li:before {
    display:none;
}

.acordeon li {
		margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #a0a0a0;
}

.acordeon li > span {
		display:block;
}

.acordeon li .titulo {
		font-size: 20px;
		font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    padding-right: 33px;
}

.acordeon li .titulo:before {
    content: '+';
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
}

.acordeon li.open .titulo:before {
    content: '-';
    right: 2px;
}

.acordeon li .titulo:after {
    content: '';
    position: absolute;
    right: 6px;
    top: 7px;
    width: 20px;
    height: 20px;
    border: 1px solid;
    border-radius: 50%;
}

.acordeon li.close .texto {
		display: none;
}

.acordeon li .texto > span {
    max-width: 400px;
    display: block;
}


.img-cabecera-logo-bandera {
	max-width: 250px !important;
}


.bloque-aboutus {
	position: relative;
	padding-bottom: 50px;
	padding-top: 50px;
}

.bloque-aboutus .wp-block-group__inner-container {
	position: relative;
	z-index: 2;
}

.bloque-aboutus:before {
		content: url(/wp-content/uploads/2021/12/e.png);
    position: absolute;
    left: 0;
    top: 50px;
}

.bloque-aboutus:after {
		content: url(/wp-content/uploads/2021/12/circulo-gris.png);
    position: absolute;
		right: -400px;
    bottom: 100px;
}

.bloque-values {
	position: relative;
	padding-bottom: 50px;
	padding-top: 50px;
}

.bloque-values .wp-block-group__inner-container {
	position: relative;
	z-index: 2;
}

.bloque-values:before {
		content: url(/wp-content/uploads/2021/12/circulo-gris.png);
    position: absolute;
    left: -400px;
    top: 50px;
}

.bloque-values:after {
		content: url(/wp-content/uploads/2021/12/e-invertida-floja.png);
    position: absolute;
		right: 0;
    bottom: 100px;
}

.bloque-faq {
	position: relative;
}

.bloque-faq .wp-block-group__inner-container {
	position: relative;
	z-index: 2;
}

.bloque-faq:before {
    content: url(/wp-content/uploads/2021/12/circulo-gris.png);
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    z-index: 1;
}


.bloque-azul-2 h2,
.bloque-azul-2 h5,
.bloque-azul-2 h6,
.bloque-azul-2 p {
	color: #fff !important;
}

.bloque-azul-2 h4 {
	color: #4a718b !important;
}

.bloque-azul-2 {
	position: relative;
	overflow: hidden;
}

.bloque-azul-2:before {
    content: url(/wp-content/uploads/2021/12/cohete.jpg);
    position: absolute;
    z-index: 0;
    right: 50%;
    bottom: -8px;
    transform: translate(50%, 0);
}

.bloque-azul-2:after {
    content: '';
    position: absolute;
    z-index: 1;
		width: 100%;
		height: 100%;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
	background-color: rgba(0, 52, 79, 0.5);
}

.bloque-azul-2 .wp-block-group__inner-container {
	position: relative;
	z-index: 2;
}

.bloque-azul-2 .wp-block-group__inner-container:before {
		content: url(/wp-content/uploads/2021/12/e-invertida.png);
    position: absolute;
    right: 0;
    top: 60px;
}

.bloque-azul-2 .wp-block-group__inner-container h2,
.bloque-azul-2 .wp-block-group__inner-container h4,
.bloque-azul-2 .wp-block-group__inner-container h5,
.bloque-azul-2 .wp-block-group__inner-container h6,
.bloque-azul-2 .wp-block-group__inner-container p,
.bloque-azul-2 .wp-block-group__inner-container div {
	position: relative;
	z-index: 2;
}


section#primary {
	margin-top: 108px !important;
}

header#masthead{
	    z-index: 999;
    position: fixed;
}

.main-navigation #toggle-menu {
    background: #fff !important;
    color: #00344f !important;
		text-decoration: unset !important;
    position: relative;
    z-index: 10;
}


.t-center {text-align: center;}

.copyr {
	    font-size: 13px;
	color: #fff;
}

.copyr a {
	color: #dc3d46;
	text-decoration: unset !important;
}

.wp-block-button__link,
input[type="submit"] {
    background-color: #dc3d46;
    border-radius: 0;
    padding: 15px 50px;
	  transition:0.6s;
}

.wp-block-button__link:hover,
input[type="submit"]:hover {
	background-color: #4a718b !important;
}

footer {
	width: 100% !important;
	max-width: 100% !important;
	background-color: #00344f;
}

footer .edit-link,
footer .site-info {
	display: none;
}

footer a,
footer p {
	color: #fff;
	transition: 0.6s;
}

footer a:hover {
	color: #dc3d46;
}

footer ul li:before {
	display: none;
}

footer ul li.oculto {
	display: block !important;
}


@media only screen and (max-width: 1220px) {
	.main-navigation .boton-form-1 a {
			margin-left: 0;
	}
}

@media only screen and (max-width: 1100px) {
	.main-navigation a {
			font-size: 15px !important;
	}
}

@media only screen and (max-width: 1024px) {
	.main-navigation a {
			font-size: 16px !important;
	}
	
	.main-navigation .boton-form-1 a {
			display: inline-block;
			margin-top: 30px;
	}
}


@media only screen and (max-width: 767px) {
	.bloque-aboutus:before,
	.bloque-aboutus:after,
	.bloque-values:before,
	.bloque-values:after,
	.bloque-faq:before,
	.bloque-azul-2 .wp-block-group__inner-container:before {
		display: none;
	}
	
	#masthead .site-header-wrapper .site-branding .site-logo {
		max-width: 180px;
	}
	
	section#primary {
		margin-top: 100px !important;
	}
	
	#move-beyond-borders {
    font-size: 80px;
    width: 100%;
	}
	
}

@media only screen and (max-width: 640px) {
	.tit-1 {
		font-size: 60px;
	}
}


@media only screen and (max-width: 599px){
	.invert-col > div:first-child {
		order: 2;
    margin-bottom: 0 !important;
	}
	
	.invert-col > div:last-child {
		order: 1;
    margin-bottom: 32px !important;
	}
	
	.bloque-azul, .bloque-azul-2, .bloque-gris {
    padding: 70px 30px !important;
}
	
	.bloque-azul h4,
	.bloque-azul p {
    margin: 0 auto;
		text-align: center;
	}
	
	
	.items-values figure,
	.bloque-azul-2 figure {
		margin: 0 auto !important;
    float: none !important;
	}
	
	.items-values h6,
	.bloque-azul-2 h4 {
		text-align: center;
		font-size: 30px !important;
	}
	
	
	
	
}


@media only screen and (max-width: 559px) {
	
	section#primary {
		margin-top: 70px !important;
	}
	
}


@media only screen and (max-width: 540px) {
	
	#move-beyond-borders {
			font-size: 65px;
	}
	
}

@media only screen and (max-width: 480px) {
	.tit-1 {
		font-size: 50px;
	}
	
	.tit-fondo-rojo {
		 font-size: 25px;
	}
}

@media only screen and (max-width: 440px) {
	
	#masthead .site-header-wrapper .site-branding .site-logo {
		max-width: 120px;
	}
	
	section#primary {
		margin-top: 69px !important;
	}
	
	#move-beyond-borders {
			font-size: 47px;
	}
	
}



@media only screen and (max-width: 1024px) {
	.main-navigation > div {
		display: none;
	}
	
	.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
		position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: #00344f;
	}
	
	.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) > ul {
    position: absolute;
    text-align: center;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
	}
	
	.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) > ul > li {
    margin: 0;
	}
	
	.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) > ul > li > a {
    padding: 8px;
    font-size: 25px;

	}
	
	.main-navigation #toggle-menu {
		display: inline-block;
	}
}


@media only screen and (max-width: 1024px) {
	.main-navigation > div > ul li {
		display: block;
		width: 100%;
	}
}


@media only screen and (max-width: 1024px) {
	.main-navigation a {
		    padding: 8px 0;
	}
}



/* FORMS */

.form-1,
.form-2,
.terms-conditions,
.cookies {
    position: fixed;
    z-index: 999;
    width: 100%;
    max-width: 100% !important;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 52, 79, 0.9);
	  margin: 0;
}

.form-1 .bloque-cerrar,
.form-2 .bloque-cerrar {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.form-box .cerrar-form-1,
.form-box .cerrar-form-2 {
    color: #fff;
    position: absolute;
    font-size: 43px;
    right: 29px;
    top: 13px;
    transform: rotate(45deg);
	  z-index: 2;
	  cursor: pointer;
}

.boton-form-1,
.boton-form-2 {
	  cursor:pointer;
}

.form-box {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    height: 100%;
    max-height: 600px;
    max-width: 600px;
    width: 100%;
    z-index: 2;
}

.form-box > div.wpcf7 {
    position: relative;
    overflow-y: scroll;
    height: 100%;
    max-width: 600px;
    width: 100%;
    padding: 50px;
}

form label > span {
    color: #fff;
    display: block;
    margin-bottom: 8px;
}

form input {
	width: 100%;
}

.form-ensi > div:nth-child(1), .form-ensi > div:nth-child(3) {
    margin-right: 10px;
}

.form-ensi > div:nth-child(1), .form-ensi > div:nth-child(2), .form-ensi > div:nth-child(3), .form-ensi > div:nth-child(4) {
    display: inline-block;
    width: 100%;
    max-width: calc((100%/2) - 7px) !important;
}

.form-ensi.form-ensi-2 > div:nth-child(1) {
    max-width: 100% !important;
}

.form-ensi.form-ensi-2 > div:nth-child(1), .form-ensi.form-ensi-2 > div:nth-child(3) {
    margin-right: 0;
}

.form-ensi.form-ensi-2 > div:nth-child(2), .form-ensi.form-ensi-2 > div:nth-child(4), .form-ensi.form-ensi-2 > div:nth-child(6) {
    margin-right: 10px;
}

.form-ensi.form-ensi-2 > div:nth-child(5), .form-ensi.form-ensi-2 > div:nth-child(6), .form-ensi.form-ensi-2 > div:nth-child(7) {
	  display: inline-block;
    width: 100%;
    max-width: calc((100%/2) - 7px) !important;
}

form textarea {
    max-height: 100px;
}







/* LEGAL */

article header.entry-header {
	padding-top: 50px;
}