html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-style: normal;
font-weight: normal;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
body
{
font-size:17px;
}
img
{
border:none;
object-fit: cover;
display: block;
}
p
{
margin:0;
}
a
{
text-decoration:none;
}
*:focus
{
outline:none;
}
*
{
box-sizing: border-box;
}
li
{
list-style: none;
}
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
width:10px;
}
::-webkit-scrollbar-button:increment,.scroll::-webkit-scrollbar-button {
display: none;
}
::-webkit-scrollbar:horizontal {
height: 10px;
}
::-webkit-scrollbar-thumb {
background-color: #00327D;
border: 0px solid #fff;
}
::-webkit-scrollbar-track {
border-radius: 0px;
}
.relative
{
position:relative;
}
.center
{
width:1245px;
margin:0 auto;
}
.center-full
{
width:90%;
margin: 0 auto;
}
.flexbox {
display: flex;
justify-content: center;
flex-flow: row wrap;
align-items: center;
}
.flexbox-column {
display: flex;
justify-content: center;
flex-flow: column wrap;
align-items: center;
}
.flexbox-start {
display: flex;
justify-content: start;
flex-flow: row wrap;
}
.flexbox-center {
display: flex;
justify-content: center;
}
.flexbox-top {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.clear
{
clear:both;
}
.text-category
{
color: #524b48;
font: 0.9em ;
text-align: center;
padding-top: 50px;
}
#container-module-header
{
width: 100%;
padding: 2em 0;
position: fixed;
top: 0;
z-index: 999999;
background: #00327dd6;
}
.row-header
{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
#container-module-header > .column-logo
{
width:15%;
}
#container-module-header > .column-logo > img
{
width:12em;
height:auto;
transition: all 0.35s ease-in-out;
}
.column-menu > div > ul
{
display: flex;
align-items: center
}
.column-menu > div > ul > li
{
margin: 0 0.5em;
position:relative;
}
.column-menu > div > ul > li > a
{
font:1em ;
color:#fff;
padding: 2em 0;
}
.column-menu > div > ul > li > a:hover
{
color:#2dc4e6 !important;
font: 1em !important;
}
.column-menu > div > ul > li.active > a ,
.current_page_item a
{
font:0.82em ;
color:#2dc4e6 !important;
}
.column-button
{
margin-left:3.6875em;
}
.column-btnHeader a
{
font: 1em ;
color: #fff;
padding: 0.75em 1em;
background: #2EC4E5;
display: flex;
align-items: center;
transition: all 0.35s ease-in-out;
border-radius: 2em;
}
.column-btnHeader a:hover
{
background: #0989da;
}
.column-logo a img
{
width: 12em;
}
.column-menu > div > ul > li {
position:relative;
}
.column-menu > div > ul {
display:flex;
}
.column-menu .menu > li:hover .sub-menu
{
display:block;
}
.sub-menu
{
position: absolute;
top: 35px;
width: 275px;
z-index: 999;
display: none;
min-width: 100%;
}
.sub-menu a
{
font: 0.9em ;
color: #646464;
padding: 0.5em 1em;
background: #F2F2F2;
display: block;
position:relative;
}
.sub-menu a:before
{
content: "";
position: absolute;
width: 90%;
height: 1px;
background: #000;
top: 0;
right: 1em;
}
.sub-menu li:first-child a:before
{
display: none;
}
.sub-menu li:first-child a
{
border:none;
}
.sub-menu a:hover
{
background: #0989da;
color:#fff;
}
#container-banner
{
width:100%;
position: relative;
background: #f8f8f8;
}
#container-banner img
{
width: 100%;
height: 750px;
}
.layer-banner
{
width: 60%;
height: 100%;
position: absolute;
left: 4%;
top: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.layer-banner h1
{
font: 30px / 1.1em ;
color: #fff;
}
.layer-banner h2
{
font: 45px /1.1em nunito-black;
color: #fff;
}
.layer-banner p
{
font: 25px /1.3em ;
color: #fff;
margin-top:0.25em;
}
.btn-banner
{
display: flex;
align-items: center;
margin-top: 1.5em;
}
.btn-banner-1 a
{
font: 1.135em / 1em ;
color: #fff;
padding: 0.65em 2.5em;
background: none;
border: 1px solid #fff;
display: block;
transition: all 0.35s ease-in-out;
border-radius: 2em;
margin-right: 1em;
}
.btn-banner-2 a
{
font: 1.135em / 1em ;
color: #fff;
padding: 0.65em 2.5em;
background: none;
border: 1px solid #fff;
display: block;
transition: all 0.35s ease-in-out;
border-radius: 2em;
}
.btn-banner-1 a:hover
{
background:#0989da;
border: 1px solid #0989da;
}
.btn-banner-2 a:hover
{
background:#0989da;
border: 1px solid #0989da;
}
#container-banner .slick-dots
{
display: flex !important;
justify-content:center !important;
position:absolute;
bottom:2em;
width: 100%;
}
#container-banner .slick-dots button
{
border: none;
padding: 0;
margin: 0;
font-size: 0;
width: 15px;
height: 15px;
background: none;
margin: 0 2px;
border: 1px solid #fff;
cursor: pointer;
border-radius:50%;
}
#container-banner .slick-active button
{
background: #0989DA !important;
border: 1px solid #0989DA;
}
.container_skitter
{
width:100% !important;
height:450px !important;
}
#container-about
{
width: 100%;
}
.row-about
{
width:48%;
}
.row-about h2
{
color: #000;
font: 2.5em nunito-black;
}
.row-about h3
{
color: #000;
font: 1.5em nunito-medium;
}
#container-module-section-1
{
width: 100%;
padding: 5em 0;
background: #f8f8f8;
}
.row-section-1
{
display: flex;
justify-content: space-between;
flex-flow: row wrap;
}
.column-image-section-1
{
width: 48%;
position: relative;
}
.column-image-section-1 .image-left
{
width: 80%;
height: auto;
border-radius: 1em;
overflow: hidden;
}
.column-image-section-1 .image-left img
{
width: 100%;
height: 384px;
object-fit: cover;
}
.column-image-section-1 .image-right
{
width: 70%;
height: 17em;
position: absolute;
right: 0;
bottom: -1em;
border-radius: 1em;
overflow: hidden;
}
.column-image-section-1 .image-right img
{
width: 100%;
height: 289px;
object-fit: fill;
}
.column-content-section-1
{
width: 48%;
}
.column-content-section-1 h2
{
font: 3.5em/1em ;
color: #7C877F;
margin-top: 0.25em;
margin-bottom: 0.5em;
width: 80%;
}
.column-content-section-1 h2 strong
{
color: #000;
}
.column-content-section-1 > h3
{
font: 1.235em/1em ;
color: #7C877F;
margin-bottom: 0.5em;
}
.column-content-section-1 > p
{
color:#524b48;
font: 1em ;
margin-bottom: 1em;
}
.rowContent-section-1 p
{
font: 1.235em ;
color: #000;
}
.circle-section-1
{
width: 10em;
height: 10em;
border-radius: 50%;
background: #0989da;
border: 5px solid #fff;
position: absolute;
top: 36%;
left: 5em;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-direction: column;
}
.circle-section-1 p
{
font: 3em ;
color: #fff;
}
.circle-section-1 h2
{
font: 1.235em / 1em ;
color: #fff;
letter-spacing: -1px;
margin-bottom: 0.5em;
}
.btn-section-1
{
display: flex;
align-items: center;
margin-top: 1em;
}
.btn-1 a
{
font: 1.235em / 1em ;
color: #fff !important;
padding: 0.85em 1.5em;
background: #2EC4E5;
display: table;
transition: all 0.35s ease-in-out;
margin-right: 2em;
border-radius: 2em
}
.btn-1 a:hover
{
background: #0989da;
}
.btn-2 a
{
font: 1em ;
color: #fff;
display: flex;
align-items: center;
background: #00E676;
border-radius: 2em;
padding: 0.15em 1.5em;
}
.btn-2 .icon-whatsapp
{
width: 3em;
height: 3em;
padding: 0;
background: url('../img/Whatsapp.svg') no-repeat center / contain;
}
.row-form
{
width:100%;
background: #fff;
border-radius: 6px;
padding: 35px;
-webkit-box-shadow: 0 10px 32px 0 rgb(220 220 220 / 75%);
-moz-box-shadow: 0 10px 32px 0 rgba(220,220,220,.75);
box-shadow: 0 10px 32px rgb(220 220 220 / 75%);
}
.row-form h2
{
color: #000;
font: 1.6em ;
display: block;
}
.row-field-form
{
margin-top:15px;
}
.row-field-form p
{
margin-bottom:5px;
width: 48%;
}
.row-field-form div form
{
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.fullWidth
{
width: 100% !important;
}
.row-field-form input[type="text"] , .row-field-form input[type="email"], .row-field-form input[type="tel"]
{
color: #524b48;
font: 0.9em ;
width: 100%;
height: 40px;
border: 1px solid #ddd;
background: #f5f5f5;
border-radius: 5px;
padding: 4px 18px;
}
.row-field-form textarea
{
color: #524b48;
font: 0.9em ;
width: 100%;
height: 100px;
border: 1px solid #ddd;
background: #f5f5f5;
border-radius: 5px;
padding: 10px 4px 0 18px;
resize:none;
}
.row-field-form input[type="submit"]
{
background: #0989DA;
color: #fff;
font: 0.9em ;
padding: 11px 25px;
border-radius: 30px;
display: flex;
align-items: center;
border: 2px solid #0989DA;
margin-top:15px;
cursor:pointer;
}
.row-field-form input[type="submit"]:hover
{
background:#fff;
color: #0989DA;
border: 2px solid #0989DA;
}
#container-module-form
{
width: 100%;
padding: 5em 0;
}
.row-form
{
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.row-form .container_left
{
width: 35%;
}
.row-form .container_right
{
width: 60%;
}
.container_left > h2
{
font: 2em ;
padding-bottom: 2em;
color: #0B1321;
padding-right: 3em;
position: relative;
}
.container_left > h2:before
{
content: "";
position: absolute;
width: 4.5em;
height: 10px;
background: #0B1321;
bottom: 1.5em;
left: 0;
}
.container_left strong
{
font: 1em nunito-black
}
.container_left ul li
{
margin-bottom: 1em;
}
.container_left ul li h3
{
font: 1.2em ;
color: #0B1321;
display: flex;
}
.container_left ul li p
{
font: 1em ;
color: #0B1321;
margin-left: 3em;
}
.container_left ul li a:first-child
{
margin-left: 3em;
}
.container_left ul li a
{
font: 1em ;
color: #0B1321;
margin-left: 3em;
}
.container_left ul li:nth-child(3) a
{
margin-left: 3em;
}
.container_left ul li i
{
font: 1.5em / 1.3em regular;
color: #0B1321;
}
.icon-ubication
{
width: 1.1em;
height: 1.1em;
padding: 0;
background: url('images/ubicacion.png') no-repeat center / contain;
margin-right: 0.5em;
}
.container_left .icon-whatsapp
{
width: 1.1em;
height: 1.1em;
padding: 0;
background: url('assets/img/Whatsapp.svg') no-repeat center / contain;
margin-right: 0.5em;
}
.container_left .icon-email
{
width: 1.1em;
height: 1.1em;
padding: 0;
background: url('images/correo.png') no-repeat center / contain;
margin-right: 0.5em;
}
.data-links h2
{
font: 1.2em ;
padding-bottom: 0.75em;
color: #0B1321;
}
.row-data-links
{
display: flex;
}
.row-data-links a
{
margin-right: 0.75em;
width: 2em;
height: 2em;
}
.row-data-links a img
{
width: 100%;
height: 100%;
}
#container-bar-contact
{
width:100%;
background:#0989DA;
padding:50px 0;
}
.text-bar-contact
{
width:80%;
}
.text-bar-contact p
{
color: #fff;
font: 2em ;
}
.text-bar-contact p strong
{
font: 1em ;
}
.button-bar-contact
{
width:15%;
}
.button-bar-contact a
{
background: #02337E;
color: #fff;
font: 1em ;
padding: 15px 30px;
border-radius: 30px;
display: flex;
align-items: center;
border: 2px solid #02337e;
transition: all 0.3s ease-in-out;
}
.button-bar-contact a:hover
{
background: #fff;
color: #000;
border: 2px solid #fff;
}
#container-video
{
width:100%;
background:#fff;
padding:50px 0;
}
.image-video
{
width:50%;
}
.image-video img
{
width: 100%;
height: auto;
}
.content-video
{
width:48%;
}
.content-video h3
{
font: 1.3em nunito-medium;
padding: 5px 0px;
display: block;
color: #02337e;
}
.content-video h2
{
color: #000;
font: 2.5em/1.1em nunito-black;
padding: 10px 0px;
display: block;
position: relative;
}
.text-video
{
font: 1em ;
display: block;
}
.text-video ul
{
margin-top:40px;
}
.text-video ul li
{
margin-bottom: 20px;
position: relative;
padding-left: 75px;
}
.text-video ul li strong
{
color: #000;
font: 1.3em ;
padding: 7px 0px;
display: block;
}
.text-video ul li i
{
padding: 7px 0px;
color: #1fa12e;
border: 1px solid #1fa12e;
width: 50px;
height: 50px;
position: absolute;
left: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3em;
border-radius: 50%;
top: 10px;
}
#container-statistics
{
width:100%;
padding:90px 0;
background: #56575c url(images/counter_bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#container-statistics ul
{
display: flex;
justify-content: space-between;
}
#container-statistics ul li
{
width: 24%;
border: 1px solid #fff;
padding: 25px 20px;
display: flex;
justify-content: space-between;
border-radius: 1.5em;
}
.icon-statistics
{
width: 30%;
display: flex;
align-items: center;
justify-content: center
}
.icon-statistics i
{
font: 2.8em FontAwesome5Pro-Regular;
margin-right:10px;
color:#fff;
}
.text-statistics strong
{
color: #fff;
font: 2.5em/1em nunito-black;
display: block;
}
.text-statistics
{
width:60%;
}
.text-statistics span
{
color: #fff;
font: 1.1em/1em ;
display: block;
}
.title h2
{
color: #000;
font: 2.5em/1.1em nunito-black;
padding: 10px 0px;
display: flex;
text-align:center;
justify-content: center;
margin-bottom: 1em;
}
#container-services
{
width:100%;
padding-top:90px;
background: #fff;
}
#container-services .title .column:first-child
{
width: 55%;
}
#container-services .title .column:last-child
{
width: 40%;
}
#container-services span
{
font: 1.3em ;
}
#container-services .title .column h2
{
font: 2.5em/1.1em nunito-black;
color: #7C877F;
}
#container-services .title .column h2 strong
{
color: #000;
}
#container-services .title .column p
{
font: 1em / 1.2em ;
color: #283132;
}
#container-services .title
{
width: 100%;
margin-top: 1em;
margin-bottom: 4em;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
#container-services .title h3
{
font: 1.3em nunito-medium;
padding: 5px 0px;
display: block;
color: #02337e;
}
#container-services .title > h2
{
color: #000;
font: 2.5em/1.1em nunito-black;
padding: 10px 0px;
display: block;
position: relative;
}
.row-services
{
width:100%;
display:flex;
flex-flow:row wrap;
justify-content: center;
}
.column-services
{
width: 31.3%;
margin: 1em 1%;
position: relative;
background: #000;
overflow: hidden;
border-radius: 1.5em;
}
.column-services:hover img
{
transform: scale(1.2);
}
.image-services
{
width: 100%;
position:relative;
}
.image-services:before
{
position: absolute;
content: "";
background-color: rgba(0, 50, 125, 0.8);
height: 100%;
width: 100%;
z-index: 1;
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.5s, opacity 0.5s linear;
}
.column-services:hover .image-services:before
{
visibility: visible !important;
opacity: 1 !important;
transition-delay: 0s !important;
}
.image-services i
{
color: #00347f;
background: #fff;
border-radius: 50%;
position: absolute;
z-index: 999;
width: 50px;
height: 50px;
top: 25%;
left: 0;
right: 0;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.5s, opacity 0.5s linear;
}
.column-services:hover .image-services i
{
visibility: visible !important;
opacity: 1 !important;
transition-delay: 0s !important;
}
.column-services a img
{
width: 100%;
height: 20em;
object-fit: cover;
transition: all 0.35s ease-in-out;
opacity: 0.6;
}
.content-services
{
position: absolute;
bottom: 2em;
width: 100%;
height: 100%;
top: 0;
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
justify-content: center;
padding: 0 1em;
z-index: 999;
margin-top: 2em;
}
.column-services h3 {
color: #fff;
font: 1.35em/1.1em ;
padding: 10px 0px;
display: block;
position: relative;
}
.column-services p {
color: #fff;
font: 1em ;
display: block;
}
.column-services span {
border:2px solid #fff;
color: #fff;
font: 0.8em ;
padding: 8px 30px;
border-radius: 30px;
display: table;
align-items: center;
margin-top: 20px;
}
.name-service
{
color: #fff;
font: 0.85em/1.1em ;
padding: 12px 20px;
background: #db0209;
border-radius: 5px;
position: absolute;
left: 5px;
bottom: 5px;
transition: all 0.3s ease-out 0s;
}
#container-testimonial
{
width: 100%;
background: #02337e;
display: flex;
justify-content: space-between;
}
.image-testimonial
{
width:50%;
position:relative;
}
.image-testimonial img
{
width:100%;
height:auto;
}
.column-testimonial
{
width: 50%;
display: flex;
align-items: center;
}
.row-testimonial
{
width: 600px;
padding-left: 70px;
}
.row-testimonial h2
{
color: #fff;
font: 2em/1.1em nunito-black;
padding: 10px 0px;
padding-bottom: 40px;
}
.media
{
display:flex;
justify-content:space-between;
}
.item-image
{
width: 80px;
height: 80px;
position:relative;
}
.item-image img
{
width: 80px;
height: 80px;
border-radius:50%;
position:absolute;
}
.media-body
{
width:calc(100% - 100px);
}
.media-body p
{
color: #fff;
font: 0.9em ;
}
.media-body h3
{
color: #fff;
font: 1.3em ;
}
.media-body span
{
color: #fff;
font: 1em ;
padding-left:5px;
}
.media-body div
{
display: flex;
align-items: center;
padding: 15px 0;
}
#container-testimonial .slick-dots {
display: flex !important;
}
#container-testimonial .slick-dots button {
border: none;
padding: 0;
margin: 0;
font-size: 0;
width: 15px;
height: 15px;
background: #000;
margin: 0 5px;
border: none;
cursor: pointer;
border-radius:50%;
}
#container-testimonial .slick-active button {
background: #fff !important;
}
#container-blog
{
width:100%;
padding:90px 0;
background: #fff;
}
.row-blog
{
width: 100%;
}
#container-blog .title
{
width: 100%;
margin-top: 1em;
margin-bottom: 4em;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
#container-blog .title .column:first-child
{
width: 55%;
}
#container-blog .title .column:last-child
{
width: 40%;
}
#container-blog span
{
font: 1.3em ;
color: #7C877F;
}
#container-blog .title .column h2
{
font: 2.5em/1.1em nunito-black;
color: #7C877F;
}
#container-blog .title .column h2 strong
{
color: #283132;
}
#container-blog .title .column p
{
font: 1em / 1.2em ;
color: #283132;
}
.column-blog
{
width: 100%;
position: relative;
background: #000;
overflow: hidden;
border-radius: 1.5em;
}
.column-blog a img
{
width: 100%;
height: 25em;
object-fit: cover;
transition: all 0.35s ease-in-out;
opacity: 0.5;
}
.column-blog a:hover img
{
transform:scale(1.2);
}
.column-blog .content-blog
{
position: absolute;
bottom: 0em;
width: 95%;
left: 1em;
}
.column-blog .content-blog h2
{
font: 1.3em ;
color: #fff;
margin-bottom: 0.5em;
}
.column-blog .content-blog p
{
font: 1em / 1.2em ;
color: #fff;
}
#container-blog .slick-dots
{
display: flex !important;
justify-content: center;
align-items: center;
width: 100%;
left: 0em;
position: absolute;
bottom: 0;
}
#container-blog .slick-dots button
{
border: none;
padding: 0;
margin: 0;
font-size: 0;
width: 14px;
height: 14px;
background: #1F0979;
border-radius: 50%;
margin: 0 4px;
cursor: pointer;
border: none;
}
#container-blog .slick-active button
{
background: #03327E;
}
#container-blog .slick-slider
{
margin: 0 -15px;
}
#container-blog .slick-slide
{
margin-right: 15px;
margin-left: 15px;
}
.content-blog
{
width: 100%;
padding: 25px 10px;
}
.content-blog span
{
color: #000;
font: 1em/1.1em nunito-medium;
background: #fff;
border-radius: 5px;
display:table;
}
.content-blog h2
{
color: #02337e;
font: 1.235em/1em nunito-black;
padding: 10px 0;
display: block;
}
.content-blog p
{
color: #000;
font: 1em/1.2em ;
display:block;
}
#container-maps
{
width:100%;
height:400px;
position:relative;
}
#container-maps iframe
{
width:100% !important;
height:400px !important;
position:absolute;
left:0;
top:0;
}
.row-datos-maps
{
position: relative;
z-index: 9999;
float: right;
width: 380px;
padding: 45px 50px;
border-radius: 6px;
background-color: rgb(23 47 126 / 80%);
color: #fff;
font: 1em/1.2em ;
margin-top:25px;
}
.row-datos-maps h2
{
color: #fff;
font: 1.6em/1.2em nunito-black;
display: block;
}
.row-datos-maps p
{
padding:15px 0;
margin-bottom:25px;
}
.row-datos-maps ul li
{
margin-bottom:15px;
color: #cccccc;
}
.row-datos-maps ul li i
{
color: #fff;
}
#container-title-client
{
width: 100%;
}
#container-title-client h2
{
font: 2.5em / 1.1em nunito-black;
color: #000;
text-align: center;
margin-bottom: 1em;
}
#container-client
{
width:100%;
background:#f8f8f8;
padding:40px 0;
}
#container-client ul li img
{
max-width: 240px;
margin: 0 auto;
height: 55px;
filter: grayscale(1);
}
.row-client
{
height:60px;
display:flex;
align-items:center;
}
#container-client .slick-prev {
width: 40px;
height: 40px;
background: #02337e url("images/prev.png");
background-repeat: no-repeat;
background-size: 10px;
background-position: center;
top: 5px;
left: -40px;
overflow: hidden;
position: absolute;
outline: 0;
text-indent: -9999px;
z-index: 99;
border: none;
cursor: pointer;
border-radius: 5px;
border:2px solid #02337e;
}
#container-client .slick-next {
width: 40px;
height: 40px;
background: #02337e url("images/next.png");
background-repeat: no-repeat;
background-size: 10px;
background-position: center;
top: 5px;
right: -40px;
overflow: hidden;
position: absolute;
outline: 0;
text-indent: -9999px;
z-index: 99;
border: none;
cursor: pointer;
border-radius: 5px;
border:2px solid #02337e;
}
#container-client .slick-prev:hover {
background: url("images/prev-hover.png") !important;
background-repeat: no-repeat !important;
background-size: 10px !important;
background-position: center !important;
}
#container-client .slick-next:hover {
background: url("images/next-hover.png") !important;
background-repeat: no-repeat !important;
background-size: 10px !important;
background-position: center !important;
}
#container-module-footer
{
width: 100%;
background: #18a999;
}
.row-footer
{
width: 100%;
}
.row-top-footer
{
width: 100%;
padding: 5em 0;
display: flex;
justify-content: space-between;
flex-flow: row wrap;
}
.row-top-footer .column-logo
{
width: 18%;
}
.row-top-footer > .column-logo > img
{
width: 100%;
height: auto;
}
.row-top-footer .column-linkss
{
display: flex;
align-items: center;
}
.row-top-footer .column-linkss span
{
font: 1.235em / 1.1em nunito-black;
color: #fff;
}
.row-top-footer .column-linkss a
{
margin-left: 1em;
}
.row-top-footer .column-linkss a img
{
width: 2em;
height: 2em;
}
.column-linkss a img {
transition: opacity 0.3s ease-in-out;
}
.column-linkss a:hover img {
opacity: 0;
}
.column-linkss a {
position: relative;
display: inline-block;
}
.column-linkss a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.column-linkss a:hover::after {
opacity: 1;
}
.row-menus-footer
{
width: 100%;
border-top: 1px solid #ffffff5e;
border-bottom: 1px solid #ffffff5e;
padding: 3em 0;
}
.row-menus-footer > ul
{
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.row-menus-footer > ul > li:nth-child(1)
{
width: 13%;
}
.row-menus-footer > ul > li:nth-child(2)
{
width: 22%;
}
.row-menus-footer > ul > li:nth-child(3)
{
width: 30%;
}
.row-menus-footer > ul > li:nth-child(4)
{
width: 29%;
}
.row-menus-footer > ul > li:nth-child(3) > .column-links > a:nth-child(3)
{
margin-left:2em;
}
.row-menus-footer ul li h3
{
font: 1.235em/1em nunito-black;
color: #fff;
margin-bottom: 1em;
}
.row-menus-footer ul li .column a
{
font: 1em ;
color: #fff;
margin-bottom: 0.85em;
display: block;
}
.row-menus-footer ul li .column a:hover
{
color: #0989da;
}
.row-menus-footer ul li .column-links a,
.row-menus-footer ul li .column-links span
{
font: 1em / 1.2em ;
color: #fff;
margin-bottom: 1em;
display: flex;
align-items: center;
}
.row-menus-footer ul li .column-links a:hover
{
color: #0989da;
}
.row-menus-footer ul li .column-links a i,
.row-menus-footer ul li .column-links span i
{
padding-right: 1em;
}
.row-menus-footer > ul > li > p
{
font: 1em / 1.2em ;
color: #fff;
margin-bottom: 2em;
}
.search-footer
{
width: 100%;
border-radius: 3em;
overflow: hidden;
background: #fff;
}
.search-footer form
{
width: 100%;
display: flex;
justify-content:space-between;
align-items: center;
}
.search-footer > div > form p:last-child {
width: 35%;
}
.search-footer input[type="submit"]
{
font: 0.95em / 1em nunito-medium;
background: #2EC4E5;
border: none;
color: #fff;
cursor: pointer;
height: 3em;
border-radius: 3em;
padding-left: 2em;
padding-right: 1.5em;
transition: all 0.35s ease-in-out;
width: 100%;
}
.search-footer input[type="submit"]:hover
{
background: #0989da;
border: none;
}
.search-footer input[type="email"]
{
border: none;
font: 0.95em/1.2em nunito-medium;
color: #000;
height: 2em;
width: 100%;
background: #fff;
padding-left: 1.25em;
}
.row-copy-right span {
font: 1em / 1.2em ;
color: #fff;
padding: 2em 0;
text-align: center;
display: block;
}
.scrollToTop
{
width: 50px;
height: 50px;
background: #000;
color: #fff;
position: fixed;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
right: 20px;
bottom: 15px;
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.2s, opacity 0.2s linear;
font-size:20px;
}
.viewScroll
{
visibility: visible !important;
opacity: 1 !important;
transition-delay: 0s !important;
}
.wpcf7-not-valid-tip {
font: 0.75em/1em !important;
color: #00327d !important;
}
.wpcf7 form .wpcf7-response-output
{
font: 0.85em/1.1em !important;
background: #00327d !important;
color: #fff !important;
padding:15px !important;
margin:0 !important;
border:none !important;
}
.hide
{
display:none;
}
.fixedMenu
{
position:fixed;
border-bottom: 2px solid #02337e;
}
.fixedMenu .hide
{
display:block;
}
.fixedMenu .phone-bar
{
display:block;
}
.phone-bar
{
display:none;
}
.phone-bar a
{
color: #111;
font: 1.2em ;
display: block;
position: relative;
padding-left: 30px;
}
.phone-bar a i {
position: absolute;
color: #56565b;
left: 0;
top: 3px;
transform: rotate(95deg);
font-size: 1em;
}
.flex-row
{
display: flex;
align-items: center;
}
#container-banner-internal
{
width:100%;
height:300px;
position:relative;
display: flex;
}
#container-banner-internal img
{
width:100%;
height:100%;
position:absolute;
}
#container-banner-internal h1
{
color: #fff;
font: 36.37px nunito-black;
padding: 45px 0px;
display: block;
position: relative;
margin-top: 3em;
}
.column-text-about
{
width:50%;
}
.row-text-about
{
position: relative;
background-color: #ffffff;
border-radius: 5px;
padding: 65px 70px;
z-index: 1;
-webkit-box-shadow: 0px 0px 30px 5px rgb(153 151 153 / 50%);
box-shadow: 0px 0px 30px 5px rgb(153 151 153 / 50%);
}
.row-text-about:after {
background-color: #ffffff;
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
border-radius: 5px;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg); z-index: -1;
}
.row-text-about h2
{
color: #000;
font: 2.3em/1em nunito-black;
padding:10px 0px;
display: block;
position:relative;
}
.row-text-about h2:before
{
content:"";
background: #00327d;
position: absolute;
left: 0;
bottom: 0px;
height: 3px;
width: 50px;
}
.row-text-about h3 {
color: #000;
font: 1.2em/1.2em nunito-medium;
padding: 30px 0px;
display: block;
}
.txt-about {
color: #524b48;
font: 1em ;
}
.column-image-about
{
width:40%;
}
.column-image-about img
{
width:100%;
}
#container-content-about
{
width:100%;
padding-top:70px;
}
#container-gallery-about
{
width:100%;
padding:100px 0;
}
.row-image-about
{
width:50%;
position:relative;
}
.row-image-about img
{
width:100%;
}
.row-image-about span
{
color: #fff;
font: 1.2em/1.1em ;
position: absolute;
left: 30px;
top: 30px;
}
.ico-gallery-about
{
position: absolute;
top: 45%;
right: 0;
z-index: 1;
background: #fff;
width: 65px;
height: 65px;
line-height: 65px;
text-align: center;
border-radius: 50%;
color: #02337e;
font-size: 24px;
left: 0;
margin: 0 auto;
}
#container-category
{
width:100%;
padding:80px 0;
}
.row-category
{
width:100%;
display:flex;
justify-content: space-between;
flex-flow: row wrap;
align-items: flex-start;
}
.columnleft-category
{
width: 25%;
background: #E9EBED;
padding: 1.25em;
position: sticky;
top: 8.5em;
}
.columnleft-category ul li
{
position:relative;
margin:1.25em 0;
}
.columnleft-category ul li a
{
font: 0.9em/1.2em ;
color: #000;
display: block;
border:none;
}
.columnleft-category ul li a:hover
{
color: #295392;
text-decoration: underline;
}
.columnleft-category ul li.active a
{
background: url("images/icon-menuactive.svg") no-repeat center right / 0.5em !important;
color: #295392 !important;
}
.row-relation
{
width: 100%;
}
.row-relation ul
{
display: flex;
justify-content: center;
flex-flow: row wrap;
align-items: center;
}
.row-relation ul li
{
width: 30%;
margin: 0 1%;
}
.columnright-category
{
width: 73%;
}
.columnright-category ul
{
width: 100%;
display: flex;
flex-flow: row wrap;
}
.columnright-category ul li
{
width: 30%;
margin-right: 1.5%;
margin-left: 1.5%;
margin-bottom: 3%;
}
.row-image-category
{
width: 100%;
border-radius: 5px;
overflow: hidden;
position:relative;
}
.row-image-category:before {
position: absolute;
content: "";
background-color: rgba(0, 50, 125, 0.8);
height: 100%;
width: 100%;
z-index: 1;
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.5s, opacity 0.5s linear;
}
.row-image-category i
{
color: #00347f;
background: #fff;
border-radius: 50%;
position: absolute;
z-index: 999;
width: 50px;
height: 50px;
top: 40%;
left: 0;
right: 0;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.5s, opacity 0.5s linear;
}
.row-image-category img
{
width:100%;
height:300px;
}
.row-content-category
{
width:100%;
padding:15px 0;
}
.row-content-category h2
{
color: #000;
font: 1.4em/1em ;
padding:10px 0px;
display: block;
position:relative;
}
.row-content-category h2:before
{
content:"";
background: #00337e;
position: absolute;
left: 0;
bottom: 0px;
height: 3px;
width: 50px;
}
.row-content-category p
{
padding: 15px 0px;
color: #524b48;
font: 0.9em ;
}
#container-category ul li:hover .row-image-category:before
{
visibility: visible !important;
opacity: 1 !important;
transition-delay: 0s !important;
}
#container-category ul li:hover .row-image-category i
{
visibility: visible !important;
opacity: 1 !important;
transition-delay: 0s !important;
}
.row-button-product
{
width: 100%;
position: relative;
z-index: 9999;
display: flex;
align-items: center;
justify-content: space-between;
}
.button-product
{
color: #fff;
font: 1em ;
padding: 8px 0;
border-radius: 30px;
display: table;
align-items: center;
margin-top: 5px;
background: #0989DA;
cursor: pointer;
width: 37%;
text-align: center;
}
.button-product:hover
{
background: #00327d;
}
.button-view-product
{
color: #fff;
font: 1em ;
padding: 8px 0;
border-radius: 30px;
display: table;
align-items: center;
margin-top: 5px;
background: #00327d;
cursor: pointer;
width: 37%;
text-align: center;
}
.button-view-product:hover
{
background: #0989DA;
}
.btnwhatsapp img
{
width: 2.35em;
}
.row-form-product
{
width: 100%;
border-radius: 5px;
padding: 40px 20px;
position: absolute;
display: none;
top: 50px;
background-color: #e9ebed;
background-image: url('images/form-background.png');
background-repeat:no-repeat;
background-position: 30px 0px;
}
.row-form-product input[type="text"] , .row-form-product input[type="email"], .row-form-product input[type="tel"]
{
color: #000;
font: 0.85em ;
width: 100%;
height: 35px;
border: none;
background: #fff;
border-radius: 30px;
padding: 4px 18px;
}
.row-form-product p
{
margin-bottom:5px;
}
.row-form-product input[type="submit"]
{
background: #00327d;
color: #fff;
font: 0.85em ;
padding: 7px 25px;
border-radius: 30px;
display: flex;
align-items: center;
border: 2px solid #00327d;
margin-top:10px;
cursor:pointer;
}
.row-form-product input[type="submit"]:hover
{
background:#DB0209;
color: #fff;
border: 2px solid #DB0209;
}
.wpcf7-spinner
{
display:none !important;
}
.popup
{
position: relative;
z-index: 9999999;
}
.row-popup
{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
display:flex;
justify-content:center;
align-items:center;
}
.layer-popup
{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background: rgb(0 0 0 / 70%);
cursor:pointer;
}
.wrapper-popup
{
width: 40em;
position: relative;
z-index: 999;
}
.wrapper-popup img
{
width:100%;
height:auto;
}
.close-popup
{
width:50px;
height:50px;
background:#02337e;
position:absolute;
top:0;
right:0;
color: #fff;
font: 2em ;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
.close-popup:hover
{
background:#db0209;
}
.hidden_0
{
display:none;
}
#container-content-detail
{
width:100%;
padding-top:50px;
}
.column-image-detail
{
width: 100%;
background-color: #f2f2f2;
padding: 10px;
}
.column-image-detail img
{
width: 100%;
height:auto;
}
.column-text-detail
{
width:100%;
}
.column-text-detail h2
{
color: #000;
font: 2em nunito-black;
padding:10px 0px;
display: block;
position:relative;
}
.column-text-detail h2:before
{
content:"";
background: #02337e;
position: absolute;
left: 0;
bottom: 0px;
height: 3px;
width: 50px;
}
.column-text-detail div
{
padding: 20px 0;
color: #524b48;
font: 0.9em/1.6em ;
border-bottom: 1px solid #e7e7e7;
border-top: 1px solid #e7e7e7;
margin: 30px 0;
}
.column-form-detail
{
width:48%;
}
.column-form-detail .btn-section-1
{
margin-bottom: 1em;
}
.row-tel {
border-radius: 5px;
background: #02337e;
color: #fff;
padding: 15px 15px 15px 25px;
margin-bottom:25px;
}
.row-tel strong {
color:#fff;
font: 1.45em nunito-black;
display: block;
padding-bottom: 2px;
}
.row-tel span {
color:#fff;
font: 1em ;
}
.row-tel i {
position: absolute;
font-size: 1.7em;
color: #fff;
left: 0;
top: 5px;
transform: rotate(95deg);
}
.row-tel a {
position: relative;
color: #fff;
display: block;
padding-left: 40px;
}
.column-form-detail .row-form
{
width: 100%;
padding: 20px 30px;
}
.column-form-detail .row-form h2 {
font: 1.4em ;
}
.title-tabs a
{
font: 1em/1.2em ;
color: #000;
position: relative;
text-align: center;
box-sizing: border-box;
padding: 13px 25px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
margin-bottom: 3px;
background: #f2f2f2;
border: 1px solid #e7e7e7;
}
.active-tabs {
background: #fff !important;
color: #02337e !important;
}
.content-tabs
{
padding: 30px 25px;
color: #524b48;
font: 0.9em/1.6em ;
margin: 30px 0;
border: 1px solid #e7e7e7;
border-radius: 5px;
}
#container-content-tabs
{
width:100%;
padding:30px 0;
}
#container-maps-contact
{
width:100%;
padding:50px;
}
#container-maps-contact iframe
{
width:100% !important;
height:350px !important;
}
#container-data-contact
{
width:100%;
padding-bottom:50px;
}
.colum-data-contact
{
border: 1px solid #d6d6d6;
border-radius: 4px;
width:30%;
margin-right: 3%;
}
.colum-data-contact ul li
{
border-bottom: 1px solid #d6d6d6;
padding:15px 25px;
position:relative;
}
.colum-data-contact ul li .ico-contact
{
position: absolute;
right: 5%;
top: 50%;
font-size: 1.4em;
color: #02337e;
}
.colum-data-contact ul li strong
{
color: #111;
font: 1.1em ;
display: block;
padding-bottom: 2px;
}
.colum-data-contact ul li span
{
color: #111;
font: 0.9em ;
display: block;
padding-bottom: 2px;
}
.social-contact
{
width:100%;
display:flex;
margin-top:10px;
}
.social-contact a
{
color: #02337e;
border-radius: 5px;
align-items: center;
border: 1px solid #02337e;
width: 35px;
height: 35px;
display: flex;
justify-content: center;
margin-right: 10px;
}
.social-contact a:hover
{
background: #02337e;
color:#fff;
}
.colum-data-field
{
width:67%;
}
.colum-data-field h2
{
color: #000;
font: 2em/1em nunito-black;
padding:10px 0px;
display: block;
position:relative;
}
.colum-data-field h2:before
{
content:"";
background: #02337e;
position: absolute;
left: 0;
bottom: 0px;
height: 3px;
width: 50px;
}
.field
{
width:100%;
margin-top:15px;
}
.field form
{
display:flex;
justify-content:space-between;
flex-flow:row wrap;
}
.field form p
{
width: 48%;
margin-bottom: 10px;
}
.field form p:nth-child(6)
{
width:100% !important;
}
.field input[type="text"], .field input[type="email"], .field input[type="tel"] {
color: #524b48;
font: 0.9em ;
width: 100%;
height: 45px;
border: 1px solid #ddd;
background: #fff;
border-radius: 5px;
padding: 0 4px 0 18px;
}
.field textarea {
color: #524b48;
font: 0.9em ;
width: 100%;
height: 100px;
border: 1px solid #ddd;
background: #fff;
border-radius: 5px;
padding: 10px 4px 0 18px;
resize: none;
}
.field input[type="submit"] {
background: #0989DA;
color: #fff;
font: 0.9em ;
padding: 11px 25px;
border-radius: 30px;
display: flex;
align-items: center;
border: 2px solid #0989DA;
margin-top: 15px;
cursor: pointer;
}
.is_icoNav
{
display:none;
}
.is_containerNav_Mobile
{
display:none;
}
.row-data-mobile
{
display:none;
}
._icoTel , ._icoWhat
{
display: none;
}
.textContentThank
{
color: #524b48;
font: 1em ;
text-align:center;
}
.button-home
{
background: #003080;
color: #fff;
font: 1em ;
padding: 10px 25px;
border-radius: 30px;
display: table;
align-items: center;
margin: 0 auto;
margin-bottom: 50px;
margin-top: 20px;
}
.button-home:hover
{
background:#000;
color: #fff;
}
.button-home i
{
font: 1.2em FontAwesome5Pro-Regular;
margin-left:7px;
}
.left-detail
{
width:48%;
}
.row-detail
{
width: 100%;
}
.floatPhone {
display: block;
background: url("images/icoFloat_Phone.svg");
background-repeat: no-repeat;
position: fixed;
bottom: 40px;
right: 10px;
width: 60px;
height: 60px;
background-position: center;
border-radius: 50%;
z-index: 999999;
box-shadow: 0px 2px 4px #585858;
}
.floatWhatsapp {
display: block;
background: url("images/icoFloat_Whatsapp.svg");
background-repeat: no-repeat;
position: fixed;
bottom: 110px;
right: 10px;
width: 60px;
height: 60px;
background-position: center;
border-radius: 50%;
z-index: 999999;
box-shadow: 0px 2px 4px #585858;
}
.floatEmail {
display: block;
background: url("images/icoFloat_Email.svg");
background-repeat: no-repeat;
position: fixed;
bottom: 180px;
right: 10px;
width: 60px;
height: 60px;
background-position: center;
border-radius: 50%;
z-index: 999999;
box-shadow: 0px 2px 4px #585858;
}
#container-module-product
{
width: 100%;
padding-bottom: 5.75em;
}
.row-product
{
width: 100%;
}
.row-title
{
width:100%;
}
.row-title h3
{
color: #000;
font: 2.5em/1.1em nunito-black;
padding: 10px 0px;
display: flex;
text-align:center;
justify-content: center;
margin-bottom: 1em;
}
#container-module-product .slick-prev {
width: 40px;
height: 40px;
background: #02337e url("images/prev.png");
background-repeat: no-repeat;
background-size: 10px;
background-position: center;
top: 75px;
left: -40px;
overflow: hidden;
position: absolute;
outline: 0;
text-indent: -9999px;
z-index: 99;
border: none;
cursor: pointer;
border-radius: 5px;
border:2px solid #02337e;
}
#container-module-product .slick-next {
width: 40px;
height: 40px;
background: #02337e url("images/next.png");
background-repeat: no-repeat;
background-size: 10px;
background-position: center;
top: 75px;
right: -40px;
overflow: hidden;
position: absolute;
outline: 0;
text-indent: -9999px;
z-index: 99;
border: none;
cursor: pointer;
border-radius: 5px;
border:2px solid #02337e;
}
#container-module-product .slick-prev:hover {
background: url("images/prev-hover.png") !important;
background-repeat: no-repeat !important;
background-size: 10px !important;
background-position: center !important;
}
#container-module-product .slick-next:hover {
background: url("images/next-hover.png") !important;
background-repeat: no-repeat !important;
background-size: 10px !important;
background-position: center !important;
}
.image-product
{
width: 100%;
position:relative;
border-radius: 1.5em;
overflow: hidden;
}
.image-product:before
{
position: absolute;
content: "";
background-color: rgba(0, 50, 125, 0.8);
height: 100%;
width: 100%;
z-index: 1;
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.5s, opacity 0.5s linear;
}
.column-product:hover .image-product:before
{
visibility: visible !important;
opacity: 1 !important;
transition-delay: 0s !important;
}
.image-product i
{
color: #00347f;
background: #fff;
border-radius: 50%;
position: absolute;
z-index: 999;
width: 50px;
height: 50px;
top: 40%;
left: 0;
right: 0;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.5s, opacity 0.5s linear;
}
.column-product:hover .image-product i
{
visibility: visible !important;
opacity: 1 !important;
transition-delay: 0s !important;
}
.image-product img
{
width: 100%;
height: auto;
}
.column-product h3
{
color: #000;
font: 1.3em ;
text-align: center;
padding: 0.25em 1em 0.25em 1em;
}
.column-product:hover h3
{
color: #03327E;
}
.column-product h4
{
font: 1.235em / 1.2em regular;
color: #D3D3D2;
text-align: center;
}
.column-product > img
{
width: 9em;
margin: 0 auto;
}
.row-button
{
width: 100%;
display: flex;
justify-content:center;
margin-top:1em;
}
.row-button a
{
font: 1.235em / 1em medium;
color: #fff;
padding: 0.7em 2.25em;
background: #1CA590;
border-radius: 2em;
}
.row-button a:hover
{
background:#FD8552;
}
#container-module-product .slick-slider
{
margin: 0 -15px;
}
#container-module-product .slick-slide
{
margin-right: 15px;
margin-left: 15px;
}
span.button-product
{
display: none;
}
.movil
{
display: none !important;
}
#container_answer
{
width: 100%;
padding: 5em 0;
}
#container_answer h2
{
font: 1.2em nunito-semibold;
color: #000;
text-align: center;
}
.floatPhone
{
display: none;
}
@media screen and (max-width: 1100px)
{
body
{
font-size:15px;
}
.center {
width: 670px;
}
.row-data
{
display:none;
}
.row-about {
width: 40%;
}
.row-form {
width: 50%;
}
.row-testimonial {
width: 345px;
padding-left: 30px;
}
.fixedMenu .phone-bar {
display: none;
}
.text-bar-contact {
width: 50%;
}
.button-bar-contact {
width: 25%;
}
}
@media screen and (max-width: 750px)
{
body
{
font-size:12px;
/*padding-top: 70px;*/
}
#container-banner .slick-dots
{
bottom:1em;
}
#container-banner .slick-dots button
{
width: 8px;
height: 8px;
}
.btnwhatsapp img
{
width: 3em;
}
.row-form-product input[type="text"], .row-form-product input[type="email"], .row-form-product input[type="tel"] {
font:1em ;
}
.wrapper-popup
{
width: 95%;
}
.row-form-product
{
top: 40px;
}
#container-header-center .center
{
width:95% !important;
}
#container-banner-internal h1
{
font: 20.37px nunito-black;
}
.left-detail
{
width: 100%;
}
.center
{
width: 90%;
}
#container-header-down
{
display:none;
}
.row-text
{
display:none;
}
#container-banner
{
height: auto;
}
#container-about .flexbox {
display: flex;
flex-flow: column;
}
.row-about {
width: 100%;
}
.row-about h2 {
font: 1.8em nunito-black;
}
.row-form {
width: 100%;
font-size: 14px;
margin-top: 30px;
padding: 11px;
}
#container-about {
padding: 30px 0;
}
#container-bar-contact .flexbox {
display: flex;
flex-flow: column;
}
.text-bar-contact {
width: 100%;
text-align: center;
}
.button-bar-contact {
width: 100%;
display: flex;
justify-content: center;
margin-top: 15px;
}
#container-video .flexbox {
display: flex;
flex-flow: column;
}
.image-video {
width: 100%;
}
.image-video img {
width: 100%;
height: auto;
margin-left: 0;
}
.content-video {
width: 100%;
}
.content-video h2 {
font: 1.8em/1.1em nunito-black;
}
.title h2
{
font: 1.8em/1.1em nunito-black;
}
#container-statistics ul {
display: flex;
justify-content: space-between;
flex-flow: column;
}
#container-statistics ul li {
width: 100%;
border: 1px solid #fff;
padding: 25px 20px;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.row-services {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
flex-flow: column;
}
.column-services {
width: 100%;
height: 250px;
margin-bottom: 5%;
}
#container-statistics {
padding: 50px 0;
}
#container-testimonial {
display: flex;
justify-content: space-between;
flex-flow: column;
}
.image-testimonial {
width: 100%;
}
.column-testimonial {
width: 100%;
display: flex;
align-items: center;
padding: 50px 0;
}
.column-blog {
width: 100%;
margin-bottom: 2em;
}
.column-imageBlog
{
height: 255px;
}
.row-datos-maps {
width: 100%;
}
#container-client .center {
width: 70%;
}
.content-blog h2 {
font: 1.6em/1.2em ;
padding: 15px 0;
}
#container-header-center {
width: 100%;
background: #fff;
padding: 15px 0;
border-bottom: 2px solid #02337e;
position: fixed;
top: 0;
z-index: 999999;
}
#container-header-up
{
display:none;
}
.row-logo img
{
height: 35px;
}
.text-about {
font: 1.1em ;
}
.text-statistics {
width: 70%;
}
.row-up-footer .flexbox {
display: flex;
flex-flow: column;
}
.column-footer {
width: 100%;
margin-bottom:20px;
}
footer
{
font-size:16px;
}
#container-content-about .flexbox {
display: flex;
flex-flow: column;
}
.column-text-about {
width: 100%;
}
.column-image-about {
width: 100%;
margin-top: 25px;
}
#container-gallery-about .flexbox {
display: flex;
flex-flow: column;
}
.row-image-about {
width: 100%;
position: relative;
}
#container-category ul li {
width: 100%;
margin-right: 0;
margin-left: 0;
margin-bottom: 3%;
}
.row-content-category p {
padding: 20px 0px;
color: #524b48;
font: 1.1em ;
}
#container-content-detail .flexbox-top
{
display: flex;
flex-flow: column;
}
.column-image-detail {
width: 100%;
padding: 15px;
}
.column-text-detail {
width: 100%;
margin-top: 15px;
}
.column-text-detail div {
font: 1.1em/1.6em ;
}
.column-form-detail {
width: 100%;
}
.content-tabs {
font: 1.1em/1.6em ;
}
#container-maps-contact {
width: 100%;
padding: 50px 0;
}
.colum-data-contact {
border: 1px solid #d6d6d6;
border-radius: 4px;
width: 100%;
}
.colum-data-field {
width: 100%;
margin-top: 30px;
}
.field form p {
width: 100%;
margin-bottom: 10px;
}
.row-data-mobile
{
width: auto;
display: flex;
align-items: center;
}
.is_icoNav {
display: flex;
align-items: center;
width: 30px;
flex-flow: column;
margin-left: 10px;
}
.is_icoNav span {
width: 100%;
height: 2px;
display: block;
float: right;
background: #fff;
margin-bottom: 4px;
transition: all 0.3s ease-in-out;
}
.closeNav span
{
width: 100% !important;
}
.closeNav span:nth-child(1)
{
opacity:0;
}
.closeNav span:nth-child(2)
{
transform:rotate(45deg);
margin-bottom:-2px;
}
.closeNav span:nth-child(3)
{
transform:rotate(-45deg);
}
.is_containerNav_Mobile {
width: 100%;
background: #02337e;
position: fixed;
top: 7em;
display: none;
z-index: 999;
overflow: auto;
height: 90%;
}
.is_row-Mobile {
padding: 0;
height: 100%;
position: relative;
box-sizing: border-box;
width: 90%;
margin: 0 auto;
display: flex;
align-items: center;
}
.is_row-Mobile ul li
{
position: relative;
margin-bottom: 0em;
}
.is_row-Mobile ul li a {
font: 1.2em nunito-black;
color: #fff;
position: relative;
margin: 0 auto;
text-align: center;
display: block;
padding: 10px 0;
}
.active-nav {
border-bottom: 1px solid #90f4b0 !important;
padding-bottom: 5px;
}
.is_row-Mobile > div
{
width:100%;
margin-top: -155px;
}
.column-data-mobile a
{
background: #02337e;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #fff;
width: 38px;
height: 38px;
margin-right: 5px;
}
.column-data-mobile
{
display:flex;
}
#container-client ul li img {
max-width: 240px;
height: 55px;
width: 65px;
object-fit: contain;
}
._icoTel
{
display: block;
background: #FF0032 url("images/_icoTel.png");
background-repeat: no-repeat;
position: fixed;
bottom: 80px;
right: 19px;
width: 50px;
height: 50px;
background-position: center;
border-radius: 50%;
z-index: 999999;
}
._icoWhat
{
display: block;
background: url("images/wwhatsapp.png");
background-repeat: no-repeat;
position: fixed;
bottom: 130px;
right: 8px;
width: 70px;
height: 70px;
background-position: center;
border-radius: 50%;
z-index: 999999;
background-size: 85%;
}
.container_right
{
width: 100%;
}
.imagenHeader
{
width: 5em;
height: 5em;
}
.contentHeader a
{
font: 1.3em/1.2em ;
}
#container-content-tabs
{
padding-bottom: 0px;
}
.destok
{
display: none;
}
.movil
{
display: block !important;
}
.floatPhone
{
display: block;
}
.row-field-form p
{
width: 100%;
}
.column-services h3
{
font: 1.5em/1.1em ;
}
.column-services p
{
font: 1.235em ;
}
.column-menu
{
display: none;
}
.column-btnHeader
{
display: none;
}
.column-image-section-1
{
width: 100%;
}
.column-content-section-1
{
width: 100%;
margin-top: 10em;
}
.column-image-section-1 .image-right
{
bottom: -8em;
}
#container-services
{
padding-top: 0;
}
.row-form .container_right
{
width: 100%;
}
.row-form .container_left
{
width: 100%;
}
.row-up-footer .center .column-footer:nth-child(4)
{
width: 100%;
}
#container-banner img
{
height: 300px;
}
.row-image-category img
{
height: 185px;
}
.column-image-section-1 .image-left img
{
height: 240px;
}
.column-image-section-1 .image-right img
{
height: 170px;
}
#container-blog
{
padding: 30px 0;
}
.column-blog .content-blog h2
{
font: 1.7em ;
}
.column-blog .content-blog p
{
font: 1.235em / 1.2em ;
}
.row-top-footer .column-logo
{
width: 60%;
margin-bottom: 2em;
}
.row-top-footer .column-links span
{
font: 1em / 1.1em nunito-black;
}
.row-menus-footer > ul > li:nth-child(1)
{
width: 100%;
margin-bottom: 0.5em;
}
.row-menus-footer > ul > li:nth-child(2)
{
width: 100%;
margin-bottom: 0.5em;
}
.row-menus-footer > ul > li:nth-child(3)
{
width: 100%;
margin-bottom: 0.5em;
}
.row-menus-footer > ul > li:nth-child(4)
{
width: 100%;
margin-bottom: 0.5em;
}
#container-services .title .column:first-child
{
width: 100%;
}
.column-services a img
{
height: 22em;
}
.content-services
{
margin-top: 4em;
}
#container-services .title .column:last-child
{
width: 100%;
}
#container-services .title .column p
{
font: 1.235em / 1.2em ;
}
#container-blog .title .column p
{
font: 1.235em / 1.2em ;
}
#container-blog .title .column:first-child
{
width: 100%;
}
#container-title-client
{
margin-top: 2em;
}
#container-blog .title .column:last-child
{
width: 100%;
}
.layer-banner
{
width: 90%;
}
.layer-banner h1
{
font: 12px / 1.1em ;
margin-top: 5em;
}
.layer-banner h2
{
font: 15px /1.1em nunito-black;
}
.btn-banner-1 a
{
padding: 0.65em 1em;
margin-right: 1em;
}
.btn-banner-2 a
{
padding: 0.65em 1em;
}
.columnleft-category
{
width: 100%;
position: inherit;
top: 0;
margin-bottom: 3em;
}
.columnright-category
{
width: 100%;
}
}