/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/
.botones-flotantes .w-image img{
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}

.botones-flotantes .w-image img:hover {
    transform: scale(1.1)!important;
}


/* CAMBIOS EN EL BLOG ENERO 2022 */

.w-toplink.pos_right {
    left: 0 !important;
}

body .widget-title{
	font-weight: 700!important;
	font-size: 1.6rem!important;
	line-height: 1.20!important;
	margin-bottom:1rem;
}

.w-iconbox-icon img {
	filter: invert(61%) sepia(72%) saturate(3754%) hue-rotate(347deg) brightness(103%) contrast(94%);
}

span.ofuscado:hover {
	color: #f87724!important;
}

/* CAMBIOS OCTUBRE 2021 */

body.post-template-default input#form-contact {
    border-color: transparent;
    color: #ffffff!important;
    background: #f87724!important;
}

body.post-template-default input#form-contact:hover {
	background: #2c367b!important;
    color: #ffffff!important;
}

body input[type="checkbox"] {
    margin-bottom: 8px!important;
}

/*Add your own styles here:*/

/*PG*/

div.slider-gruas-home > div.owl-carousel > div.owl-stage-outer > div.owl-stage > div.owl-item > article.w-grid-item > div.w-grid-item-h > div.post_image {
    height: 630px;
}

[class^="ultsl-"], [class*=" ultsl-"] {
	font-size: 25px;
    font-family: 'ult-silk';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    outline: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ultsl-arrow-left6:before {
    content: "<";
}

.ultsl-arrow-right6:before {
    content: ">";
}


/* Lazy background */

.counter.fondo-ok {
    background: url(https://www.rocesan.com/wp-content/uploads/2020/09/rocesan-numeros.jpg) no-repeat center center / cover!important;
}

.informacion {
    background: url(https://www.rocesan.com/wp-content/uploads/2020/09/solicita-informacion.jpg) no-repeat center center / cover!important;
}

.gruas.fondo-ok {
	background: url(https://www.rocesan.com/wp-content/uploads/2020/09/transportes-rocesan.jpg) no-repeat center center / cover!important;
}

/*     */

#button-whatsapp {
    position: fixed;
    bottom: 12px;
	right: 12px;
	margin-right: 0 !important;
	z-index: 9999;
}
#button-whatsapp a {
    display: inline-block;	
    width: 45px;
    height: 45px;
    line-height: 60px;
    text-align: center;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    background-color: #1ba41b;
}
#button-whatsapp a img {
    display: inline-block;
    max-width: 25px !important;
}

.grecaptcha-badge{display: none !important;}

/* HOME */

.h1-home h1 {
	color: #ffffff;
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.5;
}
.ult-carousel-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.slider .slide .vc_col-sm-12 {
	max-width: 1580px;
	margin: 0 auto;
}
.ult-carousel-wrapper button {
	width: 54px !important;
	height: 54px !important;
	background: rgba(234,234,232,0.6) !important;
}

.slide {
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

h2.deco {
	position: relative;
}
h2.deco:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #f87724;
	width: 260px;
	height: 3px;
}
h2.deco.white:before {
	background-color: #ffffff;
}
.title-home {
	padding-top: 20vh !important;
}
.title-home strong {
	font-weight: 600;
	font-size: 8rem;
	color: #f87724;
	display: block;
}

.w-ibanner-title {
	font-weight: 600 !important;	
}
.w-ibanner.animation_phorcys:hover .w-ibanner-desc {
    opacity: 1 !important;
}
.w-ibanner > a {
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
}
.w-ibanner:hover > a {
	border: solid 1px #ffffff;
}
.justify-content-center {
	justify-content: center;
	align-items: flex-start;
}
.justify-content-center * {
	justify-content: center;
}

.w-iconbox-title {
	text-transform: uppercase;
	color: #f87724;
}
.sectors .w-iconbox-title {
	font-weight: 600;
	color: #484848;
}

div.w-counter-title {
	font-weight: bold !important;
}

/* GENERAL */

strong {
	font-weight: 600;
}

.rsBullet span, .owl-dot span {
    background: transparent !important;
	width: 10px !important;
	height: 10px !important;
	margin: 5px !important;
	border: 1px solid #f87724 !important;
}
.w-tabs.style_default .w-tabs-item.active, .owl-dot.active span, .rsBullet.rsNavSelected span {
    background: #f87724 !important;
}

.w-iconbox-icon {
	margin-bottom: 5px !important;
}

/* FORMS */

form div.row {
	margin: 0 -6px;
	display: block;
	text-align: left;
}
.row:after {
	clear: both;
	display: table;
	content: " ";
}
.row:before {
	display: table;
	content: " ";
}

form .col-xs-3 {
	width: 25%;
	float: left;
	padding: 0 6px;
}
form .col-xs-4 {
	width: 33.33%;
	float: left;
	padding: 0 6px;
}
form .col-xs-5 {
	width: 40%;
	float: left;
	padding: 0 6px;
}
form .col-xs-6 {
	width: 50%;
	float: left;
	padding: 0 6px;
}
form .col-xs-7 {
	width: 60%;
	float: left;
	padding: 0 6px;
}
form .col-xs-12 {
	width: 100%;
	float: left;
	padding: 0 6px;
}
form div.form-group {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}
form div.block-submit {
	display: inline-block;
	width: 100%;
	text-align: right;
}
div.wpcf7 .ajax-loader {
	display: none !important;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-response-output {
	border: 0;
	margin: 0;
	text-align: center;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select {
    margin-top: 0;
    background-color: tansparent;
    box-shadow: none !important;
}
.form-white .wpcf7-form input[type="text"],
.form-white .wpcf7-form input[type="email"],
.form-white .wpcf7-form input[type="tel"],
.form-white .wpcf7-form textarea,
.form-white .wpcf7-form select {
    border-color: #ffffff !important;
	color: #ffffff !important;
}

select {
    height: 2.8rem !important;
}

.flex-form {
	display: flex;
	flex-direction: row;
    justify-content: space-between;
}
.flex-form .row {
	flex: 0 0 85%;
}
.flex-form .block-submit {
	flex: 0 0 15%;
}
.flex-form .block-submit input[type="submit"] {
	width: 100%;
}
.form-white .wpcf7-not-valid-tip {
	color: #ffffff !important;
}

.legal {
	float: right;
}
.form-white .legal a {
	color: #ffffff !important;
	text-decoration: underline;
}
.wpcf7-form-control.wpcf7-checkbox {
	padding: 0;
}
input[type="checkbox"] {
	min-height: 1rem !important;
	line-height: 1rem !important;
    margin: -4px 4px 0 0;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	padding: 15px 0 !important;
	margin: 0 !important;
	border: 0 !important;
}
.wpcf7-form span.wpcf7-not-valid {
	border: 0 !important;
}
span.wpcf7-list-item {
	margin: 0;
}

.contact input[type="submit"] {
	background: #f87724 !important;
	color: #ffffff !important;
}
.contact input[type="submit"]:hover {
	background: #2c367b !important;
	color: #ffffff !important;
}

select option {
	color: #000;
}

/*Telefonos de contacto footer*/

.contactoFooter > .wpb_wrapper > p {
	margin: 0;
}

/************************************************************************************
smaller than 1280px
*************************************************************************************/
@media screen and (max-width: 1280px) {
	
	.title-home strong {
		font-size: 9vw;
	}
	
}

/************************************************************************************
smaller than 991px
*************************************************************************************/
@media screen and (max-width: 991px) {
	
	.w-toplink {
		display: none !important;
	}
	
	.icons .vc_col-sm-3 {
		width: 50% !important;
	}
	.banners .vc_col-sm-4, .otros .vc_col-sm-3  {
		width: 50% !important;
		margin: 0 !important;
	}
	
	.flex-form .row,
	.flex-form .block-submit {
		flex: 0 0 100%;
	}
	.flex-form {
		flex-direction: column;
		justify-content: flex-start;
	}
	
	form .col-xs-3,
	form .col-xs-4,
	form .col-xs-5,
	form .col-xs-6,
	form .col-xs-7 {
		width: 100%;
	}
	
	.form-white .legal {
		text-align: center;
		float: none;
		padding-top: 1rem;
		display: block;
	}
}

/************************************************************************************
smaller than 599px
*************************************************************************************/
@media screen and (max-width: 599px) {
	
	.h1-home h1 {
		font-size: 0.8rem;
	}
	
	.ult-carousel-wrapper button {
		width: 22px !important;
		height: 22px !important;
		background: transparent !important;
	}
	.ult-carousel-wrapper.ult_full_width button.slick-prev {
		left: 5px !important;
	}
	.ult-carousel-wrapper.ult_full_width button.slick-next {
		right: 5px !important;
	}
	
	.services .vc_col-sm-4, .otros .vc_col-sm-3 {
		width: 100% !important;
	}
}

.flex-form .row{
	margin: 0 auto;
}