html, body {
height: 100%;
}
.noScroll {
overflow: hidden;
}
html, body, h1, h2, h3, h4, h5, h6, p, em, strong, input, label, textarea {
font-family: 'Titillium Web', sans-serif;
}
a, img, span, h4, input, textarea, select, option, strong, .modulo, .wrapper, li, :after, header .floatRight {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
nav ul {
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
body {
overflow-x: hidden;
}
.wow {
visibility: hidden;
}
span {
font-family: 'Gloria Hallelujah', sans-serif !important;
text-transform: none !important;
font-weight: 400 !important;
}
#respon {
width: 410px;
}
.wrapper {
max-width: 1200px;
margin: 0 auto;
text-align: left;
position: relative;
}
.col25 {
width: 25%;
float: left;
}
.col33 {
width: 33.33%;
float: left;
}
.col50 {
width: 50%;
float: left;
}
.col66 {
width: 66.66%;
float: left;
}
.col75 {
width: 100%;
float: left;
}
.col100 {
width: 100%;
float: left;
}
.floatRight {
float: right;
}
.top-80 {
margin-top: -80px;
}
.modulo {
display: block;
margin: 20px;
position: relative;
}
header {
position: fixed;
z-index: 20;
top: 0;
left: 0;
width: 100%;
background: #fff;
}
header>.wrapper {
padding: 0 0 15px;
height: 102px;
overflow: hidden;
}
.bg {
box-shadow: inset rgba(0, 0, 0, .2) 0 0 30px;
width: 100%;
height: 300px;
margin: 20px 0 -40px;
position: relative;
background-size: 100% cover;
}
.bg:before {
background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, .3));
background: -o-linear-gradient(rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, .3));
background: linear-gradient(rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, .3));
position: absolute;
height: 100%;
width: 100%;
content: '';
left: 0;
top: 0;
}
.title+.bg {
margin-top: -20px;
}
.bg1 {
background: url(../img/bgs/bg1.jpg) center center fixed;
}
.bg2 {
background: url(../img/bgs/bg2.jpg) center center fixed;
}
.bg3 {
background: url(../img/bgs/bg3.jpg) center center fixed;
}
.logo {
float: left;
height: 80px;
}
.logo img {
width: 262px;
}
.social {
display: block;
float: right;
}
footer .social {
float: none;
display: block;
}
.social li {
float: left;
margin: 0 0 0 5px;
}
footer .social li {
margin: 5px;
}
.social a {
background: #c13157;
border-radius: 50%;
display: block;
padding: 5px;
}
.social img {
width: 18px;
display: block;
margin: 0;
}
footer .social img {
width: 22px;
}
.social a:hover {
background: #da4378;
}
.phone {
background: url(../img/phone.png) 0 center no-repeat;
color: #c13157;
padding: 5px 0 5px 34px;
font-size: 22px;
font-weight: 300;
margin: 35px 0 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
display: block;
}
.phone:hover {
border-color: #c13157;
}
nav {
background: #c13157;
}
nav .wrapper {
height: 50px;
overflow: hidden;
}
nav img {
position: absolute;
left: 20px;
top: 80px;
}
.burger, .closeNav {
background: url(../img/burger.png);
width: 50px;
height: 50px;
top: 0;
left: 0;
position: absolute;
border: none;
display: none;
}
.closeNav {
background: url(../img/closeNav.png);
}
nav ul {
margin: 0 20px;
padding: 0;
position: relative;
display: block;
text-align: right;
}
nav li {
width: 14.285%;
display: inline-block;
}
nav a {
color: #fff;
text-transform: uppercase;
font-weight: 700;
font-size: 18px;
height: 50px;
line-height: 50px;
display: block;
text-align: center;
}
nav a:hover {
/* background: #9E3551;*/
background-color: #ebbadc;
opacity: 0.7;
transition: .4s;
color: #fff;
}
nav .current a {
background: #da4378;
}
/*Resaltar con el mouse el NAV
.menuNavbar li .nav-link:hover {
background-color: #3a4750;
opacity: 0.7;
transition: .4s;
color: #000000;
}*/
.scrolled>.wrapper {
padding: 0;
height: 0;
}
.scrolled .logo, .scrolled .floatRight {
margin-top: -100px;
}
.scrolled nav img {
top: 11px;
}
.scrolled nav li {
width: 10%;
}
.scrolled nav a {
font-size: 16px;
font-weight: 600;
}
.vidHolder video {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
margin-top: 50px;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.vidHolder {
height: 700px;
max-height: 100%;
z-index: -1;
position: relative;
overflow: hidden !important;
display: block;
}
.vidHolder:before {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
position: absolute;
background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, .8));
background: -o-linear-gradient(rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, .8));
background: linear-gradient(rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, .8));
}
.vidHolder:after {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
position: absolute;
background: url(../img/overlay.png) fixed;
opacity: .7;
}
.vidHolder .wrapper {
height: 100%;
}
.vidHolder h4 {
text-align: right;
margin: 0;
line-height: 1em;
position: absolute;
z-index: 20;
bottom: 20px;
right: 20px;
color: #fff;
font-size: 46px;
margin-left: 20px;
}
.contactFollow {
top: 0;
left: 0;
width: 100%;
z-index: 99;
}
.contactFollow .modulo {
margin: 0 20px;
}
.contactFollow form {
background: #c13157;
border-radius: 2px;
width: 75%;
top: 42px;
left: 20%;
padding: 20px 20px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
overflow: hidden;
}
.contactFollow h2 {
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
margin: -20px -20px 10px;
padding: 0 20px;
height: 60px;
line-height: 60px;
background: #da4378;
overflow: hidden;
}
.contactFollow label, .contactFollow input, .contactFollow textarea, .contactFollow button {
width: 100%;
border: none;
margin: 0;
padding: 0;
}
.contactFollow input, .contactFollow textarea, .contactFollow button {
border-radius: 2px;
resize: none;
padding: 5px;
box-sizing: border-box;
margin-bottom: 20px;
color: #000;
height: 32px;
}
.contactFollow textarea {
height: 86px;
}
.contactFollow input[type=submit], .contactFollow button {
background: #444;
color: #fff;
text-transform: uppercase;
font-weight: 700;
border: none;
margin-top: 10px;
}
.contactFollow input[type=submit]:hover, .contactFollow button:hover {
background: #222;
color: #da4378;
}*/
.contactFixed {
position: fixed;
}
.contactFixed form {
top: 92px;
}
span.invalid {
font-size: 14px;
line-height: 1em;
color: #FF9CBF;
}
.content {
background: #fff;
z-index: 1;
}
section {
padding: 0 0 30px;
min-height: calc(100% - 80px);
}
.dinamicas {
margin: 10px;
}
.dinamicas>li {
width: 33.33%;
float: left;
-webkit-transition: width .3s ease-in-out;
-o-transition: width .3s ease-in-out;
transition: width .3s ease-in-out;
margin-bottom: 20px;
}
.dinamicas>li.expand {
width: 100%;
z-index: 10;
}
.dinamicas .modulo {
margin: 0 10px;
cursor: pointer;
}
.dinamicas .modulo:hover img, .dinamicas .expand img {
opacity: 1;
}
.dinamicas .modulo:hover h4 {
background: #da4378;
}
.imgHolder {
border-radius: 2px 2px 0 0;
max-height: 240px;
overflow: hidden;
background: #eee;
}
.dinamicas img {
width: 100%;
overflow: hidden;
opacity: .8;
}
.dinamicas .expand img {
margin-top: -100px;
}
.dinamicas h4 {
background: #c13056;
color: #fff;
padding: 10px;
margin: 0;
font-weight: 700;
font-size: 20px;
border-radius: 0 0 3px 3px;
}
.dinamicas h5 {
background: #c13056;
color: #fff;
padding: 10px;
margin: 0;
font-weight: 700;
font-size: 16px;
border-radius: 0 0 3px 3px;
}
.dinamicas .expand h4 {
border-radius: 0;
background: #c13056 !important;
padding: 10px 20px;
}
.dinamicas .expand h5 {
border-radius: 0;
background: #c13056 !important;
padding: 10px 20px;
}
.desc {
background: #eee;
display: none;
border-radius: 0 0 3px 3px;
}
.expand .desc {
padding: 10px;
}
.dinamicas p {
font-size: 16px;
line-height: 1.4em;
padding: 10px;
margin: 0;
color: #000;
}
.expand h4 {
border-radius: none;
}
ol {
margin: 0 0 0 17px;
padding: 10px;
color: #c13056;
font-weight: 700;
}
ol li {
padding: 2px 0;
}
ol ol {
list-style: lower-alpha;
padding: 0;
}
ol span {
font-family: 'Titillium Web', sans-serif !important;
font-size: inherit;
color: #000;
font-weight: 400;
}
ol strong {
text-transform: none;
}
#p-galeria {
padding: 0;
}
section .wrapper {
z-index: 11;
}
section p {
font-size: 18px;
line-height: 1.4em;
margin: 1.4em 0;
}
section p span {
font-size: 20px;
}
p strong {
color: #c13056;
}
.items li {
float: left;
width: 50%;
}
.items .modulo {
background: #c13157;
padding: 12px;
box-shadow: rgba(0, 0, 0, .2) 0 15px 10px -12px;
border-radius: 2px;
overflow: hidden;
}
.items img {
float: left;
padding: 15px;
margin: -12px;
margin-right: 15px;
background: #da4378;
}
.items h4 {
float: left;
color: #fff;
font-size: 25px;
margin: 0;
padding: 0;
line-height: 1em;
font-weight: 300;
}
.itemsText {
margin: 0;
padding: 10px 0;
color: #333;
border-top: 1px dotted #666;
border-bottom: 1px dotted #666;
text-transform: uppercase;
font-weight: 400;
font-size: 16.6px;
}
strong {
text-transform: uppercase;
}
.title {
position: relative;
margin: 0 0 20px;
min-height: 100px;
background: #eee;
color: #c13056;
z-index: 4;
border-radius: 2px;
}
.title h1 {
position: relative;
font-size: 46px;
text-transform: uppercase;
font-weight: 700;
margin: 0 20px;
padding: 30px 0 10px;
min-height: 60px;
line-height: .9em;
box-shadow: #c13056 0 5px 0;
}
.title img {
margin: -15px 20px 5px 0;
}
.servicio h3 {
color: #c13056;
font-weight: 600;
font-size: 24px;
line-height: 1em;
}
.servicio p {
font-size: 18px;
line-height: 1.2em;
margin: 0 0 1.2em;
}
.servicio ul {
margin: 0 0 0 20px;
padding-bottom: .4em;
}
.servicio li {
list-style: disc;
color: #c13056;
font-size: 18px;
line-height: .8em;
margin: 0 0 .8em;
}
.servicio li span {
font-family: inherit !important;
text-transform: inherit !important;
font-weight: inherit !important;
color: #333;
}
.servicio li small {
color: #666;
font-size: 80%;
}
.servicio a {
display: block;
background: #c13056;
padding: 10px;
color: #fff;
box-shadow: rgba(0, 0, 0, .2) 0 15px 10px -12px;
border-radius: 2px;
overflow: hidden;
line-height: .9em;
}
.servicio a:hover {
background: #da4378;
}
.servicio a img {
padding: 15px 10px;
margin: -10px 10px -10px -10px;
float: left;
background: #da4378;
}
.servicio a:hover img {
background: #333;
}
.servicio h5 {
float: left;
margin: 0;
padding: 0;
font-size: 17px;
font-weight: 400;
}
.servicio strong {
font-size: 14px;
}
.clientes {
height: 120px;
width: 100%;
background: #ccc url(../img/clientes.png);
border-top: 5px solid #da4378;
position: relative;
z-index: 16;
-webkit-animation: scrolling linear 50s infinite;
-o-animation: scrolling linear 50s infinite;
animation: scrolling linear 50s infinite;
}
@-webkit-keyframes scrolling {
from {
background-position: 0 0;
}
to {
background-position: -1917px 0;
}
}
@keyframes scrolling {
from {
background-position: 0 0;
}
to {
background-position: -1917px 0;
}
}
.testimonios {
margin: 30px -20px 0;
min-height: 464px;
box-shadow: rgba(0, 0, 0, .2) 0 60px 20px -50px;
}
.testimonios h4 {
font-size: 22px;
margin: 0;
}
.testimonios p {
line-height: 1.2em;
margin: .5em 0 0;
font-size: 15.5px;
}
.testimonio {
background: rgba(255, 255, 255, .15);
padding: 15px 20px 20px;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, .2) 0 12px 10px -12px, inset rgba(255, 255, 255, .1) 0 1px 0;
margin: 0 20px 20px;
}
.testimonios li {
overflow: hidden;
}
.firma {
text-align: right;
margin-bottom: 0;
}
.contacto {
background: #c13056;
color: #fff;
padding: 20px 0;
overflow: hidden;
}
.contacto h3 {
font-size: 25px;
font-weight: 300;
text-transform: uppercase;
line-height: 1.2em;
border-bottom: 2px solid;
padding: 0 0 20px;
}
.contacto h3 span {
font-size: 32px;
}
.contacto form {
color: #666;
font-weight: 300;
font-size: 18px;
}
.contacto input, .contacto textarea {
display: block;
width: 100%;
padding: 5px 10px;
height: 32px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
border-radius: 2px;
margin: 0 0 17px;
}
.contacto textarea {
height: 130px;
resize: none;
}
.contacto label {
color: #fff;
;
text-transform: uppercase;
color: #FFBBD3;
}
.contacto .submit {
color: #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 20px;
box-shadow: rgba(0, 0, 0, .2) 0 15px 10px -12px, inset rgba(255, 255, 255, .1) 0 1px 0;
background: #F06E9C;
padding: 0;
}
.submit:hover {
background: #333;
}
.contacto form span {
float: right;
color: #ff0;
font-size: 14px;
font-family: 'Titillium Web', sans-serif !important;
}
input.valid, textarea.valid {
background: #B4F6BD;
color: #486E22;
}
input.invalid, textarea.invalid {
background: #FF8989;
color: #5E0101;
}
.gal {
margin: -20px 0 -40px;
display: block;
background: #666;
padding: 0;
}
.gal li {
width: 11.11%;
float: left;
background: #eee;
}
.gal li.video {
position: relative;
background: #c13056;
}
.gal li.video:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url('../img/icon-play.png') center center no-repeat;
background-size: cover;
pointer-events: none;
z-index: 19;
}
.gal li.video a {
opacity: .5;
mix-blend-mode: luminosity;
}
.gal li.video a:hover {
opacity: 1;
}
.gal a {
display: block;
position: relative;
opacity: .7;
}
.gal img {
width: 100%;
}
.gal a:hover {
opacity: 1;
position: relative;
z-index: 3;
box-shadow: rgba(0, 0, 0, .5) 0 0 10px;
}
.videoContainer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
/*background: rgba(238, 238, 238, 0.8);*/
z-index: 100;
display: flex;
justify-content: center;
align-items: center;
display: none;
}
.videoContainer .wrapper {
width: 100%;
z-index: 30;
}
.videoContent {
position: relative;
margin: 20px;
background: #333;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.videoContent video {
width: 100%;
background: #000;
max-height: 80vh;
}
.videoContent h1 {
display: block;
padding: 10px 15px;
margin: 0;
background: #c13157;
-moz-border-radius: 15px;
border-radius: 0;
color: #FFF;
font-weight: bold !important;
text-align: left;
font-size: 22px;
font-family: 'Titillium Web' !important;
text-transform: uppercase !important;
border-bottom: 3px solid;
}
footer {
background: #333;
padding: 30px 0 50px;
z-index: 16;
position: relative;
}
footer h6 {
font-size: 20px;
font-weight: 700;
color: #c13056;
margin: 10px 0;
padding: 0;
}
footer img {
margin: -3px 10px 0 0;
}
footer p, footer .social {
font-size: 15px;
color: #fff;
margin: 0 0 0 11px;
padding: 0 0 0 10px;
line-height: 1.2em;
border-left: 1px solid #B62C50;
}
footer p a {
color: #fff;
}
footer p a:hover {
text-decoration: underline;
}
footer p.agencia {
border: none;
padding: 0;
margin: 28px 0;
color: #F06E9C;
text-align: right;
}
footer p.agencia a {
font-weight: 600;
color: inherit;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(238, 238, 238, 0.8);
z-index: 20;
display: none;
}
.fancybox-overlay {
background: rgba(238, 238, 238, 0.8) !important;
}
h3 {
font-family: 'Titillium Web', sans-serif;
background: #c13056;
color: #fff;
display: inline-block;
padding: 10px 15px 10px 56px;
border-radius: 2px;
text-transform: uppercase;
font-size: 24px;
margin: 0;
}
#p-servicios .wrapper+.wrapper .col75 {
margin-top: 20px;
}
#p-servicios .wrapper+.wrapper .col75:before {
margin: 0 20px 40px;
border-top: 2px dashed #ddd;
display: block;
content: '';
}
.title-marketing {
background: #c13056 url(../img/marketing.png) no-repeat 10px center;
}
.title-equipos {
background: #c13056 url(../img/equipos.png) no-repeat 10px center;
}
.title-eventos {
background: #c13056 url(../img/eventos.png) no-repeat 10px center;
}
h4 {
color: #C13056;
font-size: 20px;
text-transform: uppercase;
margin: 50px 0 10px;
line-height: 1em;
}
h3+p+h4 {
margin-top: 20px;
}
.bullets {
margin: 0 -2px;
}
.bullets li {
position: relative;
padding: 5px 10px;
margin: 5px 3px;
display: inline-block;
background: #eee;
border-radius: 2px;
}
.bullets li strong {
text-transform: none;
color: #da4378;
}
.panel {
position: fixed;
background: #fff;
width: 480px;
top: 50px;
left: 50%;
margin-left: -240px;
box-shadow: rgba(0, 0, 0, .2) 0 15px 10px -12px;
z-index: 20;
text-align: left;
display: none;
}
.panel h3 {
background: #c13056;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 26px;
margin: 0;
padding: 10px 10px 10px 20px;
display: block;
}
.panel p {
font-size: 22px;
padding: 20px;
margin: 0;
}
.panel h3 strong {
background: #F06e9c;
float: right;
padding: 0 10px;
cursor: pointer;
position: relative;
}
.panel h3 strong:hover {
background: #333;
}
#p-contacto {
position: relative;
background: rgba(255, 255, 255, .15);
}
#p-contacto .title {
box-shadow: rgba(0, 0, 0, .2) 0 0 10px;
}
.mapa {
width: 100%;
height: 606px;
margin: -20px 0;
pointer-events: none;
}
.novedades li {
background: #ddd;
border-radius: 2px;
width: 100%;
display: block;
margin: 20px 0;
}
.novedades .col33 .modulo {
margin-right: 0;
}
.novedades img {
width: 100%;
border-radius: 2px;
border: 6px solid #c13157;
box-sizing: border-box;
}
.novedades p:first-child {
margin-top: -5px;
}
.novedades h3 {
display: block;
padding: 10px 20px;
}
.novedades p {
margin: 20px 0;
}
.preview {
position: relative;
}
.mini img {
border-radius: 0;
width: 33.33%;
float: left;
border-width: 3px;
}
.mini {
border-radius: 0 0 2px 2px;
border: 3px solid #c13157;
margin-top: -6px;
}
.contacto-gracias {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 50;
display: flex;
justify-content: center;
align-items: center;
display: none;
}
.contacto-gracias .wrapper {
width: 100%;
z-index: 20;
max-width: 500px;
}
.contacto-gracias .gracias {
background: #fff;
border-radius: 2px;
margin: 20px;
position: relative;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.contacto-gracias h1 {
display: block;
padding: 10px 15px;
margin: 0;
background: #c13157;
-moz-border-radius: 15px;
border-radius: 0;
color: #FFF;
font-weight: bold !important;
text-align: left;
font-size: 22px;
font-family: 'Titillium Web' !important;
text-transform: uppercase !important;
border-top: 3px solid;
}
.contacto-gracias h2 {
padding: 20px 15px 40px 15px;
font-weight: normal;
}
@media(max-width: 1600px) {
.vidHolder video {
margin-top: 50px;
}
}
@media(max-width: 1320px) {
.wrapper {
margin: 0 20px;
}
footer {
padding-bottom: 150px;
}
}
@media(max-width: 1200px) {
h1 {
font-size: 41px;
}
.items h4 {
font-size: 21px;
margin: 5px 0 0 0;
}
.servicio a img {
display: none;
}
.contacto h3 span {
font-size: 26px;
}
.gal li {
width: 12.5%;
}
}
@media(max-width: 1024px) {
.col75 {
width: 100%;
}
.contactFollow {
z-index: 5;
}
.contactFollow form {
margin: 1rem 0;
}
#respon {
width: 240px;
}
h2 br {
display: none;
}
.servicio {
margin-bottom: 40px;
}
.servicio a img {
display: block;
}
footer {
padding-bottom: 20px;
}
.testimonios {
min-height: auto;
margin-bottom: 100px;
}
.scrolled nav a {
font-size: 14px;
font-weight: 600;
letter-spacing: -.5px;
}
.gal li {
width: 16.66%;
}
}
@media(max-width: 912px) {
#respon {
width: 480px;
}
}
@media(max-width: 820px) {
#respon {
width: 480px;
}
}
@media(max-width: 800px) {
.wrapper {
margin: 0;
}
.col50, .col66, .col33 {
width: 100%;
}
.col25, .dinamicas>li {
width: 50%;
}
.col50+.col50 .modulo {
margin-top: 0;
}
.items img {
padding: 15px 10px;
margin-right: 10px;
}
.items span {
font-size: 14px;
}
.burger, .closeNav {
display: block;
}
header {
margin: 40px 0 0;
}
nav {
height: 50px;
position: fixed;
top: 0;
left: 0;
z-index: 0;
width: 100%;
}
nav ul {
position: fixed;
z-index: 20;
width: 100%;
height: 100%;
background: rgba(193, 49, 87, .95);
top: 0;
left: 0;
margin: 0;
padding: 50px 0 100px;
opacity: 0;
pointer-events: none;
}
.showNav {
opacity: 1;
pointer-events: auto;
}
nav img {
left: 46px;
}
nav li, .scrolled nav li {
display: block;
float: none;
width: auto;
height: 13%;
}
nav a, .scrolled nav a, nav a:hover, .scrolled nav a:hover {
text-align: left;
font-size: 22px;
font-weight: 300;
text-align: center;
background: none;
letter-spacing: 1px;
}
nav .current a, .scrolled nav .current a {
background: none;
text-decoration: line-through;
}
.vidHolder video {
display: none;
}
.vidHolder {
background: url(../img/video-home.jpg) center center fixed;
background-size: cover;
}
.title img {
display: none;
}
.title h1 {
padding: 30px 0 10px;
margin: 0 20px 0;
}
.sliderNos {
margin: -40px -20px -20px;
}
.flexslider .slides>li {
border-radius: 0 !important;
border-top: 5px #c13056 solid;
}
.gal li {
width: 25%;
}
}
@media(max-width: 640px) {
.col25, .items li {
width: 100%;
}
.items .modulo {
margin: 10px 20px;
}
.items span {
font-size: inherit;
;
}
header {
text-align: center;
}
.logo {
float: none;
display: block;
text-align: center;
margin: 10px auto;
}
.phone {
display: none;
}
.gal li {
width: 33.33%;
}
.dinamicas>li {
width: 100%;
}
.dinamicas .imgHolder {
max-height: none;
}
.dinamicas .imgHolder img {
margin: 0;
}
header ul.social {
display: none;
}
}
@media(max-width: 560px) {
.wp-call span {
min-width: 50px;
}
.panel {
left: auto;
margin: 40px;
width: auto;
top: 40px;
}
.panel h3 strong {
position: absolute;
bottom: 100%;
right: 0;
}
.contactFixed {
position: relative;
}
}
a.wp-call {
text-decoration: none;
}
.wp-call {
position: fixed;
bottom: 10px;
right: 0;
border-radius: 9px 0 0 9px;
background: #fff;
box-shadow: 0 7px 15px rgba(0, 0, 0, .1);
overflow: hidden;
display: flex;
align-items: center;
z-index: 1000;
}
.wp-call:hover {
-moz-transform: scale(1) translateX(1px) translateY(-2px);
-webkit-transform: scale(1) translateX(1px) translateY(-2px);
-o-transform: scale(1) translateX(1px) translateY(-2px);
-ms-transform: scale(1) translateX(1px) translateY(-2px);
transform: scale(1) translateX(1px) translateY(-2px);
-webkit-transition: all 0.2s ease-in;
;
-moz-transition: all 0.2s ease-in;
;
-ms-transition: all 0.2s ease-in;
;
-o-transition: all 0.2s ease-in;
;
box-shadow: 0 7px 8px -5px #55555596;
transition: all 0.2s ease-in;
}
.wp-call img {
float: left;
width: 35px;
padding: 8px 9px;
background: #1ebea5;
}
.wp-call span {
color: #888;
font-size: 15px;
padding: 0px 30px 0 15px;
text-align: left;
line-height: 1em;
}
.wp-call span strong {
font-size: 21px;
font-weight: bold;
}
.grecaptcha-badge {
display: none !important;
}
@media(max-width: 540px) {
#respon {
width: 320px;
}
}
@media(max-width: 414px) {
#respon {
width: 220px;
}
}
@media(max-width: 412px) {
#respon {
width: 220px;
}
}
@media(max-width: 375px) {
#respon {
width: 190px;
}
}
@media(max-width: 360px) {
#respon {
width: 190px;
}
}
@media(max-width: 280px) {
#respon {
width: 140px;
}
}