/*
Theme Name: Team mansoka
Theme URI: https://www.mansoka.com
Author: the WordPress team
Version: 1
License: GNU General Public License v2 or later
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
:root {
    --color_azul: #0065ed;
    --color_azul-claro: #00d8cc;
    --color_verde: #00e55d;
    --color_fuente: #000;
    --color_gris: #a4a4a4;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: "Lato", sans-serif;
    overflow-x: hidden;
}

strong {
    font-weight: 600px;
}

h1 {
    font-size: 40px;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    letter-spacing: 5px;
    padding-bottom: 0px;
    color: var(--color_fuente);
    text-transform: uppercase;
}

h2 {
    font-size: 20px;
    font-weight: 800;
}

h3 {
    color: var(--color_fuente);
    font-weight: 500;
    font-size: 23px;
}

h4 {
    color: var(--color_fuente);
}

p {
    font-size: 18px;
    color: var(--color_fuente);
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header {
    width: 100%;
    min-height: 80px;
    z-index: 9999;
    transition: 0.2s transform cubic-bezier(0.3, 0.73, 0.3, 0.74);
    background: #fff;
}

.header-fixed {
    min-height: 80px;
    position: fixed;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-shadow: 6px 5px 7px rgb(143 143 143 / 30%);
}

.menu-header {
    margin-top: 28px;
}

.container {
    margin: auto!important;
}

#menu-menu-principal {
    margin: 0px;
    padding: 0px;
    text-align: right;
}

#menu-menu-principal li {
    display: inline-block;
    list-style: none;
    padding: 0px 25px;
}

#menu-menu-principal li a span {
    font-size: 18px;
    color: var(--color_fuente);
    font-weight: 500;
    font-family: "Lato", sans-serif;
    padding: 3px 0px;
}

#menu-menu-principal li:hover a span {
    color: var(--color_verde);
}

#menu-menu-principal .current-menu-item a span {
    color: var(--color_verde);
}

#menu-menu-principal li a {
    text-decoration: none;
}

.btn-opcleaning a {
    background-color: var(--color_fuente) !important;
    color: #fff !important;
    border-color: transparent !important;
    border-radius: 0px !important;
    padding: 5px 30px 7px 30px !important;
    font-size: 20px !important;
    border-radius: 18px !important;
    letter-spacing: 5px;
    background-image: none !important;
    width: 250px;
    transition: 0.3s;
}

.btn-opcleaning a:hover {
    background-color: var(--color_verde)!important;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0!important;
	padding: 0 20px 10px!important;
}

.btn-opcleaning2 a {
background-color: #fff !important;
    color: #000 !important;
    border-color: transparent !important;
    border-radius: 0px !important;
    padding: 7px 20px 7px 20px !important;
    font-size: 15px !important;
    border-radius: 18px !important;
    letter-spacing: 2px;
    background-image: none !important;
    width: 210px;
    transition: 0.3s;
}

.btn-opcleaning2 a:hover {
    background-color: var(--color_verde)!important;
}

.seccion1-home {
    overflow: inherit!important;
}

.seccion2-home {
    background-color: var(--color_azul);
    margin-top: -170px;
    display: block;
    position: relative;
    overflow: inherit !important;
    z-index: 999 !important;
}

.bloque-fomulario {
    margin-top: -100px;
}

.redes {
    padding: 0px;
    text-align: left;
    margin-top: 34px;
}

.redes li {
    list-style: none;
    margin-bottom: 8px;
    margin-top: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .2s;
    margin-right: 18px;
}

.redes li a {
    color: #00ddb8;
    font-size: 35px;
    transition: 0.2s;
}

.redes li a:hover {
    color: var(--color_azul);
}

.logo-op {
    padding: 10px;
}

.widget1 {
    text-align: left;
    margin-bottom: 20px;
}

.widget2 {
    text-align: right;
    margin-bottom: 20px;
}


/*FORMULARIO*/

.formulario-contacto {
    display: inline-block;
    padding: 0px 30px;
}

.formulario-contacto h4 {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    font-family: "Lato", sans-serif;
    margin-bottom: 0;
    text-align: center;
}

.formulario-contacto select,
.formulario-contacto input[type="number"],
.formulario-contacto input[type="tel"],
.formulario-contacto input[type="text"],
.formulario-contacto input[type="email"] {
    width: 100%;
    background: #ffffff;
    height: 50px;
    line-height: 50px;
    margin-top: 10px !important;
    font-size: 18px;
    color: #000000;
    border-radius: 0px;
    text-align: center;
    border: none;
}
.formulario-contacto textarea {
    width: 100%;
    background: #ffffff;
    height: 100px;
    line-height: 50px;
    margin-top: 10px !important;
    font-size: 18px;
    color: #000000;
    border-radius: 0px;
    text-align: center;
    border: none;
}
.formulario-contacto textarea:focus,
.formulario-contacto select:focus,
.formulario-contacto textarea:focus,
.formulario-contacto input[type="tel"]:focus,
.formulario-contacto input[type="text"]:focus,
.formulario-contacto input[type="email"]:focus {
    outline: 0px;
    background: #fff!important;
    border: none !important;
    border: 1px solid #ffffff!important;
}

.formulario-contacto textarea::-webkit-input-placeholder,
.formulario-contacto input[type="number"]::-webkit-input-placeholder,
.formulario-contacto input[type="text"]::-webkit-input-placeholder,
.formulario-contacto input[type="tel"]::-webkit-input-placeholder,
.formulario-contacto input[type="email"]::-webkit-input-placeholder {
    color: var(--color_gris);
    font-size: 18px!important;
}

.formulario-contacto textarea:-moz-placeholder,
.formulario-contacto input[type="number"]:-moz-placeholder,
.formulario-contacto input[type="text"]:-moz-placeholder,
.formulario-contacto input[type="tel"]:-moz-placeholder,
.formulario-contacto input[type="email"]:-moz-placeholder {
    color: var(--color_gris);
    font-size: 18px!important;
}

.formulario-contacto textarea::-moz-placeholder,
.formulario-contacto input[type="number"]::-moz-placeholder,
.formulario-contacto input[type="email"]::-moz-placeholder,
.formulario-contacto input[type="tel"]::-moz-placeholder,
.formulario-contacto input[type="text"]::-moz-placeholder {
    color: var(--color_gris);
    font-size: 18px!important;
}

.formulario-contacto textarea:-ms-input-placeholder,
.formulario-contacto input[type="number"]:-ms-input-placeholder,
.formulario-contacto input[type="number"]:-ms-input-placeholder,
.formulario-contacto input[type="email"]:-ms-input-placeholder,
.formulario-contacto input[type="tel"]:-ms-input-placeholder,
.formulario-contacto input[type="text"]:-ms-input-placeholder {
    color: var(--color_gris);
    font-size: 18px!important;
}

.campo {
    display: inline-flex;
    margin-top: 4px;
    justify-content: center;
    width: 100%;
}

.campo p {
    line-height: 20px;
    color: #ffffff;
    font-size: 18px;
    margin-left: 8px;
    margin: 0px 0px 0px 5px;
}

.campo p a {
    margin: 0px 2px;
    color: var(--color_hover);
    font-weight: 700;
}

input[type=checkbox],
input[type=radio] {
    margin: -2px 0 0;
    margin-top: 1px \9;
    width: 20px!important;
    height: 20px!important;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: none !important;
    margin: 0px;
    color: #00e374;
    font-size: 22px;
    line-height: 23px;
    text-align: center;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: transparent!important;
    text-align: center;
    color: #00e374!important;
    background: #fff;
    margin: 0;
}

.wpcf7-not-valid-tip {
    color: #fc92a6;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent!important;
    text-align: center!important;
    font-size: 28px!important;
    color: #00e374!important;
}

.formulario-contacto input[type="submit"] {
    border: none;
    width: 250px;
    border-radius: 100px;
    font-size: 18px !important;
    display: block;
    text-transform: uppercase;
    float: none;
    margin: auto;
    margin-top: 15px !important;
    text-align: center;
    color: #fff;
    height: 40px;
    font-family: "Lato", sans-serif;
    font-weight: 500;
    letter-spacing: 5px;
    background: var(--color_fuente);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.seccion3-home {
    position: relative;
    margin-top: -20px;
    overflow: inherit !important;
}

.seccion3-home img {
    width: 80%;
}

.seccion-footer {
    min-height: 250px;
    background: url(images/footer.jpg) #000;
    background-size: 100%;
}

.bloque-footer1 {
    min-height: 210px;
    display: inline-flex;
    align-items: center;
}

.copy {
    font-size: 15px;
    color: #ffffff;
    text-align: left;
    padding: 10px;
}

#menu-menu-footer,
#menu-menu-footer2 {
    margin: 0px;
    padding: 0px;
    text-align: right;
}

#menu-menu-footer li,
#menu-menu-footer2 li {
    display: inline-block;
    list-style: none;
    padding: 0px 25px;
}

#menu-menu-footer li a,
#menu-menu-footer2 li a {
    font-size: 18px;
    color: #7d7d7d;
    font-weight: 500;
    font-family: "Lato", sans-serif;
    padding: 3px 0px;
    transition: 0.3;
}

#menu-menu-footer2 li a:hover,
#menu-menu-footer li a:hover,
#menu-menu-footer .current-menu-item a,
#menu-menu-footer2 .current-menu-item a {
    color: var(--color_verde);
}

#menu-menu-footer li a,
#menu-menu-footer2 li a {
    text-decoration: none;
}

#menu-menu-footer li {
    border-left: 1px solid #ccc;
}

#crumbs {
    font-size: 15px;
    color: var(--color_azul);
    margin-top: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#crumbs a {
    text-decoration: none;
    color: var(--color_fuente);
    margin-left: 6px;
}

#crumbs a:hover {
    text-decoration: underline;
}

.item-servi>div {
    min-height: 350px;
    padding: 20px 50px!important;
}

.item-servi p {
    color: #fff;
    font-size: 22px;
}

.item-servi>div:hover {
    opacity: 0.8;
}
.slick-next {
    right: -60px!important;
}
.slick-prev {
    left: -60px!important;
}
#rmp_menu_trigger-221:hover .responsive-menu-pro-inner, #rmp_menu_trigger-221:hover .responsive-menu-pro-inner::before, #rmp_menu_trigger-221:hover .responsive-menu-pro-inner::after {
    background-color: #76baa9!important;
}
#rmp_menu_trigger-221 .responsive-menu-pro-inner, #rmp_menu_trigger-221 .responsive-menu-pro-inner::before, #rmp_menu_trigger-221 .responsive-menu-pro-inner::after {
    background-color: #76baa9!important;

}
    #rmp-menu-title-221 .rmp-menu-title-image {
        width: 50%;
        height: auto;
    }

@media screen and (max-width: 768px) {
    .espacios {
        height: 15px!important;
    }
	.bloque-fomulario {
    margin-top: 0px;
   }
	.seccion2-home {
		background-color: var(--color_azul);
		margin-top: 0px;
	}
	h1 {
		font-size: 30px;
		letter-spacing: 1px;
	}
	h3 {
		font-size: 20px;
	}
	h2 {
		font-size: 17px;
	}
	.btn-opcleaning a {
		font-size: 15px !important;
	}
	.bloque-footer1 {
    min-height: auto;
    display: block;
    align-items: center;
	}
	#menu-menu-footer li, #menu-menu-footer2 li {
    display: block;
    list-style: none;
    padding: 0px 8px;
}
	#menu-menu-footer, #menu-menu-footer2 {
    margin: 0px;
    padding: 0px;
		text-align: center;
	}
	.redes {
    padding: 0px;
    text-align: center;
    margin-top: 18px;
}
	.copy {
    font-size: 13px;
    color: #ffffff;
    text-align: center;
		padding: 10px;
	}
	#menu-menu-footer li {
    border-left: none;
}
	#crumbs {
    font-size: 15px;
    color: var(--color_azul);
    margin-top: 26px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    }
	.espacios-page{
	    padding: 0px 20px!important;	
	}
	.formulario-contacto input[type="submit"] {
    border: none;
    width: 250px;
    border-radius: 100px;
	font-size: 15px !important;
	}
	body .vc_custom_1724751512715 {
    background-image: none!important;
	background: #0051f9;
	}
	.seccion-footer {
		padding-bottom: 15px;
	}
	.menu-header {
    margin-top: 0px;
    display: none;
   }
	.logo img{
		width: 50%;
	}
.logo-op {
    padding-top: 19px;
    padding-left: 30px;
}
	
	#rmp-menu-wrap-221 .rmp-menu-item-link{
		padding: 0px !important;
	}

}