/*BODY*/
html, body {
position: relative;
height: 100%;
}
body{
/*font-family: 'PT Serif', serif;*/
/*font-family: 'Roboto Slab', serif;*/
/*font-family: 'Montserrat', sans-serif;*/
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #868686;
background: #ffffff;
word-wrap: break-word;
}
@media (max-width: 767px){
body{
font-size: 14px;
}
}
a{
word-wrap: break-word;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
.no-padding{
padding: 0;
}
@media only screen and (min-width: 768px){
.flexbox-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
}
::selection {
color: #fff;
background: rgba(26, 188, 156, 0.7);
}
.top-sect1{
margin-top: 95px;
}
@media (max-width: 992px){
.top-sect1{
margin-top: 85px;
}
}
.go-maps{
position: relative;
margin-bottom: 0px;
overflow: hidden;
}
.go-maps iframe {
pointer-events: none;
width: 100%;
border: 0;
margin-top: -46px;
margin-bottom: -5px;
}
@media (max-width: 992px){
.container{
width: 100%;
}
}
/* HEADER */
.header-alltop{
position: absolute;
width: 100%;
z-index: 50;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin-top: 1px;
}
.header-alltop .head-navfixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 50;
background-color: #fff;
box-shadow: 0px -3px 10px 0px #000;
}
.header-alltop .head-navfixed nav.navbar.bootsnav ul.nav > li > a{
color: #000000;
}
@media (min-width: 992px){
.header-alltop .head-navfixed .head-logo1{
margin: 8px 10px;
}
}
@media (max-width: 992px){
.header-alltop{
margin-top: 0;
}
}
/* HEADER 2 */
.header-alltop2{
position: relative;
width: 100%;
z-index: 50;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin-top: 1px;
}
.header-alltop2 .head-mainall{
background: #ffffff;
}
/*.header-alltop2 .head-mainall:before{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
background-image: url(../../../public/img/fondo/pattan.png);
display: block;
overflow: hidden;
width: 100%;
height: 100%;
z-index: 0;
}*/
.header-alltop2 .head-navfixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 50;
background: #fff;
box-shadow: 0px -3px 10px 0px #000;
}
.header-alltop2 .head-navfixed:before{
background-image: none;
}
.header-alltop2 .head-mainall nav.navbar.bootsnav ul.nav > li > a{
color: #000000;
}
.header-alltop2 .head-navfixed nav.navbar.bootsnav ul.nav > li > a{
color: #000000;
}
@media (min-width: 992px){
.header-alltop2 .head-navfixed .head-logo1{
margin: 8px 10px;
}
}
@media (max-width: 992px){
.header-alltop2 {
margin-top: 0;
}
}
/* HEADER - TOP */
.headtop-pc{
display: none;
}
.headtop-bgall{
position: relative;
background-color: #582dc6;
padding: 0px 25px;
}
.headtop-bgall:before {
content: "";
position: absolute;
border-bottom: 95px solid #fff;
border-right: 50px solid transparent;
left: 0px;
top: 0px;
}
.headtop-bgall:after {
content: "";
position: absolute;
border-bottom: 95px solid #fff;
border-left: 50px solid transparent;
right: 0px;
top: 0px;
}
.headtop-mail{
position: relative;
z-index: 1;
list-style: none;
padding: 0;
margin-bottom: 0;
}
.headtop-mail > li{
display: inline-block;
margin-right: 10px;
}
.headtop-mail > li:last-child{
margin-right: 0;
}
.headtop-mail > li > a {
color: #ffffff;
display: inline-block;
padding: 12px 5px;
}
.headtop-mail > li > a > .hdtop-ic{
margin-right: 5px;
-webkit-transition: -webkit-transform .8s ease-in-out;
-moz-transition: -webkit-transform .8s ease-in-out;
-ms-transition: -webkit-transform .8s ease-in-out;
-o-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
}
.headtop-mail > li > a:hover > .hdtop-ic{
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: -webkit-transform .8s ease-in-out;
-moz-transition: -webkit-transform .8s ease-in-out;
-o-transition: -webkit-transform .8s ease-in-out;
-ms-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
}
.headtop-red{
position: relative;
z-index: 1;
list-style: none;
padding: 0;
margin-top: 8px;
margin-bottom: 0;
text-align: right;
}
.headtop-red > li{
display: inline-block;
margin-right: 10px;
}
.headtop-red > li:last-child{
margin-right: 0;
}
.headtop-red > li > a {
color: #ffffff;
display: inline-block;
background: #7a3fff;
border-radius: 50%;
text-align: center;
width: 28px;
height: 28px;
line-height: 28px;
}
.headtop-red > li > a > .hdtop-ic{
-webkit-transition: -webkit-transform .8s ease-in-out;
-moz-transition: -webkit-transform .8s ease-in-out;
-ms-transition: -webkit-transform .8s ease-in-out;
-o-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
}
.headtop-red > li > a:hover > .hdtop-ic{
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: -webkit-transform .8s ease-in-out;
-moz-transition: -webkit-transform .8s ease-in-out;
-o-transition: -webkit-transform .8s ease-in-out;
-ms-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
}
@media (min-width: 992px){
.headtop-pc{
display: block;
}
}
/*HEADER MENU*/
.head-mainall{
position: relative;
top: 0;
transition: all ease 400ms;
background-color: rgba(255, 255, 255, 0.7);
}
.head-logo1 > .logo-x1 {
padding: 0;
margin: 0;
display: inline-block;
width: 100%;
max-width: 226px;
}
.head-logo1 > .logo-x1 > img{
width: 100%;
}
@media only screen and (min-width: 992px){
.flx-mainrow {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.head-logo1{
margin: 18px 10px;
transition: all ease 400ms;
}
}
@media (max-width: 992px){
.head-logo1 > .logo-x1{
padding: 7px 0;
}
.head-logo1 > .logo-x1{
max-width: 170px;
}
}
/*NAVBAR BOOTSTRAP*/
.head-mainall nav.navbar.bootsnav{
background-color: transparent;
border-bottom: 0;
}
.head-mainall nav.navbar.bootsnav .navbar-toggle{
padding: 5px 8px;
background-color: #1cd584;
color: #ffffff;
}
.head-mainall nav.navbar.bootsnav ul.nav > li > a{
color: #000000;
text-transform: uppercase;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
letter-spacing: 0.1em;
transition: all ease 400ms;
padding: 20px 15px;
}
.head-mainall nav.navbar.bootsnav ul.nav > li > a.active,
.head-mainall nav.navbar.bootsnav ul.nav > li > a:hover,
.head-mainall nav.navbar.bootsnav ul.nav > li > a:focus,
.head-mainall nav.navbar.bootsnav ul.nav > li > a:active{
color: #ffffff;
background-color: #0e9fc5;
}
.head-mainall nav.navbar.bootsnav ul.nav > li > a > span.hd-hvr1{
position: relative;
}
.head-mainall nav.navbar.bootsnav ul.nav > li > a > span.hd-hvr1:before{
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
left: -15px;
top: 5px;
background-color: #1cd584;
transition: all ease 400ms;
}
.head-mainall nav.navbar.bootsnav ul.nav > li > a.active > span.hd-hvr1:before,
.head-mainall nav.navbar.bootsnav ul.nav > li > a:hover > span.hd-hvr1:before,
.head-mainall nav.navbar.bootsnav ul.nav > li > a:active > span.hd-hvr1:before,
.head-mainall nav.navbar.bootsnav ul.nav > li > a:focus > span.hd-hvr1:before{
width: 100%;
height: 1px;
top: 9px;
border-radius: 0;
background-color: #1cd584;
}
.head-mainall nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a{
color: #000000;
font-weight: 700;
transition: all ease 400ms;
}
.head-mainall nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a:hover,
.head-mainall nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a:active,
.head-mainall nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a:focus{
color: #1cd584;
}
.slid-buttref{
border: 2px solid #30a445;
background: #30a445;
color: #ffffff;
font-weight: 700;
font-size: 1.3vw;
padding: 5px 25px;
border-radius: 0;
outline: none;
transition: all ease 400ms;
}
.slid-buttref:hover,
.slid-buttref:active,
.slid-buttref:focus{
color: #fff;
border: 2px solid #0e9fc5;
background: #0e9fc5;
outline: none!important;
outline-width: 0!important;
outline-color: transparent!important;
}
@media (min-width: 992px){
.head-mainall nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
border-color: #582dc6;
}
.head-mainall .navbar-nav > li{
margin-right: 5px;
}
.head-mainall .navbar-nav > li:last-child{
margin-right: 0;
}
}
@media (max-width: 992px){
.head-mainall nav.navbar.bootsnav{
background-color: #ffffff;
}
.head-mainall nav.navbar.bootsnav ul.nav > li > a{
color: #000000;
}
.slid-buttref{
font-size: 2vw;
}
}
@media (max-width: 767px){
.slid-buttref{
font-size: 16px;
}
}
/*SLIDER*/
.slide-cont{
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
}
.slide-cont .swiper-button-next,
.slide-cont .swiper-button-prev{
z-index: 3;
}
.slide-cont .swiper-container-horizontal {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.slide-cont .swiper-slide {
text-align: center;
font-size: 18px;
width: 100%;
/*background: #fff;*/
/**/
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.slide-cont .news-slider-item{
color: #ffffff;
}
.slide-cont .news-slider-item:hover,
.slide-cont .news-slider-item:active,
.slide-cont .news-slider-item:focus{
color: #ffffff
}
.slide-cont .responsive-image {
display: block;
width: 100%;
margin-bottom: 0px;
}
.slide-cont .slid-descript1{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.slide-cont .slid-descript1::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
background-image: url(../../../public/img/fondo/pattan.png);
display: block;
overflow: hidden;
width: 100%;
height: 100%;
z-index: 0;
}
.slide-cont .slid-descript1 > .slid-rowcl{
width: 100%;
}
.slide-cont .slid-descript1 > .slid-rowcl .slid-frastxt {
padding: 0 25px;
}
.slide-cont .slid-descript1 > .slid-rowcl .slid-frastxt > h3{
font-weight: 700;
margin-top: 0;
font-size: 3vw;
font-family: 'Montserrat', sans-serif;
text-shadow: 0px 2px 5px #000;
letter-spacing: .1em;
color: #ffffff;
}
/*.slide-cont .slid-descript1 > .slid-rowcl .slid-frastxt > h3{
font-weight: 700;
margin-top: 0;
font-size: 3vw;
font-family: 'Montserrat', sans-serif;
text-shadow: 0px 2px 5px #000;
letter-spacing: .1em;
color: #ffffff;
}*/
.slide-cont .slid-descript1 > .slid-rowcl .slid-frastxt > .slid-frasdscrp{
color: #ffffff;
font-size: 2vw;
text-shadow: 0px 2px 5px #000;
}
@media (max-width: 767px){
.slide-cont .slid-descript1 > .slid-rowcl .slid-frastxt > h3{
font-size: 5vw;
}
.slide-cont .slid-descript1 > .slid-rowcl .slid-frastxt > .slid-frasdscrp{
font-size: 4vw;
}
}
/*SLIDER PAGINATION - ARROWS*/
.slide-cont .swiper-pagination-bullet {
width: 1.3vw;
height: 1.3vw;
background-color: transparent;
border: 2px solid #1cd584;
}
.slide-cont .swiper-pagination-bullet-active{
background-color: #1cd584;
}
/*NOSOTROS*/
.h-we-bgall{
padding: 40px 0;
}
.h-we-tabsall{
position: relative;
}
.h-we-tabsall .nav-tabs{
border: 0 none;
left: 61px;
position: absolute;
top: 0;
-o-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-o-transform-origin: left top 0;
-webkit-transform-origin: left top 0;
-moz-transform-origin: left top 0;
transform-origin: left top 0;
width: auto;
float: left;
}
.h-we-tabsall .nav-tabs li {
display: inline-block;
margin: 0;
background-color: #e1e1e1;
text-align: center;
float: left;
border-right: 4px solid #c1bfbf;
}
.h-we-tabsall .nav-tabs li.active {
border-right: 4px solid #30a445;
}
.h-we-tabsall .nav-tabs > li > a {
color: #3d474a;
font-weight: 600;
font-size: 13px;
-webkit-border-radius: 0;
border-radius: 0;
border: 0;
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.h-we-tabsall .nav-tabs li.active a {
border: 0;
background-color: #0e9fc5;
}
.h-we-tabsall .nav-tabs li h4 {
margin: 0;
text-transform: uppercase;
color: #5e5e5e;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 12px;
}
.h-we-tabsall .nav-tabs li a span {
font-weight: 400;
font-size: 12px;
}
.h-we-tabsall .nav-tabs li.active a h4,
.h-we-tabsall .nav-tabs li.active a span {
color: #fff;
margin: 0;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
}
.h-we-tabsall .tab-content {
margin-left: 60px;
border: 0;
}
.h-we-tabsall .tab-pane {
padding: 10px 0 10px 20px;
}
@media (max-width: 550px){
.h-we-tabsall .nav-tabs{
position: relative;
left: 0;
float: none;
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.h-we-tabsall .nav-tabs li{
display: block;
float: none;
}
.h-we-tabsall .nav-tabs > li > a{
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
.h-we-tabsall .tab-content{
margin: 0;
}
}
/**/
.h-we-description{
position: relative;
padding: 15px 15px 10px 15px;
text-align: justify;
}
.h-we-tit1{
margin-top: 0;
font-size: 32px;
font-weight: 700;
text-transform: uppercase;
color: #000;
}
.h-we-tit1 > span {
color: #30a445;
}
.h-we-hr1{
border-top: 4px solid #0e9fc5;
width: 30%;
display: block;
margin: 17px 0 17px;
position: relative;
}
.h-we-hr1:before{
content: "";
width: 14px;
height: 14px;
display: block;
background-color: #1cd584;
border-radius: 50%;
position: absolute;
top: -9px;
left: -2px;
}
.h-we-txts{
position: relative;
/*line-height: 1.6;*/
font-size: 15px;
}
.h-we-txts > p{
margin-bottom: 12px;
}
.h-we-figimg {
width: 100%;
max-width: 600px;
display: block;
margin: auto;
position: relative;
box-shadow: 4px 4px 10px -3px rgba(0, 0, 0, 0.5);
}
.h-we-figimg:before{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 12px;
left: -12px;
background-color: #0e9fc5;
z-index: -2;
}
.h-we-figimg:after{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 6px;
left: -6px;
background-color: #ffffff;
z-index: -1;
}
.h-we-figimg > img {
width: 100%;
}
@media (max-width: 992px){
.h-we-tit1{
font-size: 27px;
}
.h-we-figimg{
max-width: 300px;
}
.h-we-description{
padding: 15px 0px 10px 0px
}
}
/*SERVICIOS*/
.h-serv-bgall{
position: relative;
padding: 40px 0;
overflow: hidden;
background: url(../../../public/img/fondo/burbujas.png);
background-color: #0e9fc5;
background-attachment: fixed;
}
.h-serv-bgall:before {
content: '';
position: absolute;
display: block;
right: -10%;
top: 0px;
width: 66%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 0;
transform: skewX(-7deg);
}
.h-serv-tit1 {
margin-top: 0;
font-size: 32px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
}
.h-serv-tit1 span{
color: #000000;
}
.h-serv-hr1 {
border-top: 4px solid #000000;
width: 30%;
display: block;
margin: 30px 0 40px;
position: relative;
}
.h-serv-hr1:before{
content: "";
width: 14px;
height: 14px;
display: block;
background-color: #1cd584;
border-radius: 50%;
position: absolute;
top: -9px;
left: -2px;
}
.h-serv-figimg{
position: relative;
width: 100%;
max-width: 800px;
display: block;
margin: auto;
}
.h-serv-figimg > img{
width: 100%;
}
.h-serv-txts{
position: relative;
line-height: 1.6;
color: #ffffff;
font-size: 20px;
text-align: justify;
}
.h-serv-but{
position: relative;
margin-top: 30px;
text-align: center;
}
.h-serv-but > a {
color: #ffffff;
background-color: transparent;
border: 2px solid #ffffff;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
font-size: 20px;
padding: 5px 15px;
border-radius: 4px;
transition: all ease 400ms;
}
.h-serv-but > a:hover,
.h-serv-but > a:active,
.h-serv-but > a:focus {
color: #ffffff;
background-color: #30a445;
border-color: #30a445;
}
.clientes{
padding: 23px 0 100px;
}
.clientes .titulaso{
padding: 40px 0;
text-align: center;
}
.clientes .titulaso h2{
text-align: center;
font-size: 32px;
font-weight: 700;
text-transform: uppercase;
color: #000;
}
.h-we-hr11{
width: 206px;
border-top: 1px solid #0d96b9;
border-bottom: 3px solid #0d96b9;
display: inline-block;
transition: all ease 500ms;
margin-bottom: 0!important;
}
.vermas{
text-decoration: none;
color: red;
font-weight: 600;
}
.vermas:hover{
color: red;
}
.referenciaapli{
text-decoration: none;
}
@media (max-width: 992px){
.h-serv-bgall:before{
width: 100%;
transform: skewX(0deg);
right: 0;
}
.h-serv-tit1{
font-size: 27px;
}
}
/*SERVICIOS OWL CAROUSEL*/
.h-serv-carou .owl-nav{
margin-top: 0;
}
.h-serv-carou .owl-nav .owl-next{
position: absolute;
top: 50%;
right: -20px;
/* margin: 0; */
margin-top: -15px;
}
.h-serv-carou .owl-nav .owl-prev{
position: absolute;
top: 50%;
left: -20px;
/* margin: 0; */
margin-top: -15px;
}
.h-serv-carou .owl-nav .owl-prev:before{
content: "\f053";
font-family: "FontAwesome";
font-size: 16px;
display: block;
top: 0;
text-indent: 0;
}
.h-serv-carou .owl-nav .owl-next:before{
content: "\f054";
font-family: "FontAwesome";
font-size: 16px;
display: block;
top: 0;
text-indent: 0;
}
.h-serv-carou .owl-nav [class*=owl-] {
color: #ffffff;
font-size: 16px;
width: 38px;
height: 38px;
line-height: 32px;
background: #30a445;
border: 0px solid #ffbb00;
transition: all ease 500ms;
border-radius: 2px;
text-indent: -666em;
overflow: hidden;
}
.h-serv-carou .owl-nav [class*=owl-]:hover {
background: #000000;
color: #1cd584;
text-decoration: none;
}
@media (max-width: 992px){
.h-serv-carou{
width: 100%;
max-width: 450px;
display: block;
margin: auto;
margin-bottom: 20px;
}
}
/*ARTICULOS*/
.h-article-bgall{
position: relative;
padding: 40px 0;
background-color: #efefef;
}
.h-article-tit1{
margin-top: 0;
font-size: 32px;
font-weight: 700;
text-transform: uppercase;
color: #000;
}
.h-article-tit1 > span {
color: #1cd584;
}
.h-blog-box {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin-bottom: 30px;
overflow: hidden;
position: relative;
}
.h-blog-box .h-blog-imgbox {
margin: 0;
display: block;
height: auto;
overflow: hidden;
position: relative;
}
.h-blog-box .h-blog-imgbox > img{
width: 100%;
}
.h-blog-box .h-blog-imgbox .h-blog-postinfo {
background-color: rgba(0, 0, 0, 0.72);
bottom: 0;
color: #FFFFFF;
left: 0;
padding: 15px 12px;
overflow: hidden;
position: absolute;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
z-index: 1;
}
.h-blog-box .h-blog-imgbox .h-blog-postinfo a {
color: #FFFFFF;
font-size: 12px;
width: 33.333%;
}
.h-blog-left {
float: left;
}
.h-blog-right {
float: right !important;
}
.h-blog-box .h-blog-imgbox .h-blog-postinfo a:nth-child(2) {
float: left;
}
.h-blog-box .h-blog-imgbox .h-blog-date {
background: #363636;
font-size: 14px;
color: #FFF;
text-align: center;
position: absolute;
top: 0;
padding: 6px 13px;
}
.h-blog-box .h-blog-imgbox .h-blog-date span {
display: block;
font-size: 24px;
font-weight: 700;
}
.h-blog-box .h-blog-imgbox .overly::before,
.h-blog-box .h-blog-imgbox .overly::after {
display: table;
content: '';
}
.h-blog-box .h-blog-imgbox .overly::before {
background: rgba(0, 0, 0, 0.35);
bottom: 0;
content: "";
width: 100%;
height: 100%;
left: 0;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
display: block;
filter: alpha(opacity=0);
opacity: 0;
position: absolute;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
z-index: 1;
width: 100%;
top: 0px;
}
.h-blog-box:hover .h-blog-imgbox .overly::before,
.h-blog-box:hover .h-blog-imgbox .overly::after {
opacity: 1;
filter: alpha(opacity=100);
}
.h-blog-box:hover .h-blog-imgbox .overly::before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.h-blog-box .h-blog-text {
padding: 20px 15px 20px;
font-size: 14px;
background-color: #ffffff;
}
.h-blog-box .h-blog-text h4 {
margin-top: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: normal;
}
.h-blog-box .h-blog-text h4 > a {
color: #551FC0;
}
.h-blog-bot{
background-color: #1cd584;
color: #ffffff;
text-transform: uppercase;
border-radius: 0;
transition: all ease 400ms;
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.h-blog-bot:hover{
background-color: #551fc0;
color: #ffffff;
}
@media (max-width: 992px){
.h-article-tit1{
font-size: 27px;
}
}
/*ARTICULOS OWL CAROUSEL*/
.h-blog-carou .owl-nav{
margin-top: 0;
}
.h-blog-carou .owl-nav .owl-next{
position: absolute;
top: 50%;
right: -20px;
/* margin: 0; */
margin-top: -15px;
}
.h-blog-carou .owl-nav .owl-prev{
position: absolute;
top: 50%;
left: -20px;
/* margin: 0; */
margin-top: -15px;
}
.h-blog-carou .owl-nav .owl-prev:before{
content: "\f053";
font-family: "FontAwesome";
font-size: 16px;
display: block;
top: 0;
text-indent: 0;
}
.h-blog-carou .owl-nav .owl-next:before{
content: "\f054";
font-family: "FontAwesome";
font-size: 16px;
display: block;
top: 0;
text-indent: 0;
}
.h-blog-carou .owl-nav [class*=owl-] {
color: #ffffff;
font-size: 16px;
width: 38px;
height: 38px;
line-height: 32px;
background: #1cd584;
border: 0px solid #ffbb00;
transition: all ease 500ms;
border-radius: 2px;
text-indent: -666em;
overflow: hidden;
}
.h-blog-carou .owl-nav [class*=owl-]:hover {
background: #000000;
color: #1cd584;
text-decoration: none;
}
/*GALERÍA IMAGEN*/
.gallery-navall{
position: relative;
background-color: #efefef;
}
.gallery-navmtp{
background: transparent;
padding-bottom: 0;
padding-top: 0;
white-space: nowrap;
overflow-x: auto;
width: 100%;
text-align: center;
}
.gallery-navmtp > .gallery-bot{
position: relative;
color: #333;
display: inline-block;
padding: 0;
background-color: transparent;
outline: 0!important;
outline-width: 0!important;
outline-color: transparent!important;
}
.gallery-navmtp > .gallery-bot > span{
display: inline-block;
font-weight: 700;
padding: 1rem 0;
margin: 0 1.5rem;
border-bottom: 4px solid #582dc6;
transition: color 150ms,border-color 150ms;
}
.gallery-navmtp > .gallery-bot.mixitup-control-active > span{
border-bottom-color: #1cd584;
}
.gallery-navmtp > .gallery-bot.mixitup-control-active > span:before {
content: "";
display: block;
position: absolute;
left: 0;
transition: all ease 400ms;
width: 100%;
height: 1px;
top: 20px;
border-radius: 0;
background-color: #582dc6;
}
.gallery-bgall{
position: relative;
padding: 40px 0;
}
.gallery-bgall .container{
padding: 1rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
justify-content: space-between;
}
.gallbox-content {
padding: 1rem;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
@media screen and (min-width: 401px) {
.gallbox-content {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
/* 3 Columns */
@media screen and (min-width: 767px) {
.gallbox-content {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}
/**/
.galfig-img1{
position: relative;
display: block;
overflow: hidden;
}
.galfig-img1:after{
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
opacity: 1;
transition: all ease 400ms;
}
.galfig-img1:hover:after{
opacity: 0;
}
.galfig-img1 > img {
margin: auto;
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
transition: all ease 600ms;
}
.galfig-img1:hover > img {
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.galfig-img1 .galfig-caption{
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
opacity: 0;
background: rgba(88, 45, 198, 0.6);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
-moz-transition: transform 0.4s;
-o-transition: transform 0.4s;
-webkit-transition: transform 0.4s;
transition: transform 0.4s;
}
.galfig-img1:hover .galfig-caption{
opacity: 1;
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
border: 5px solid #1cd584;
}
.galfig-img1 .galfig-caption > .galfig-captxt {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
transform: translateY(-50%);
}
.galfig-img1 .galfig-caption > .galfig-captxt > .galicon{
text-align: center;
}
.galfig-img1 .galfig-caption > .galfig-captxt > .galicon > .galicon-1{
font-size: 24px;
color: #582dc6;
display: inline-block;
width: 45px;
height: 45px;
line-height: 42px;
background-color: #1cd584;
border-radius: 50%;
transition: all ease 400ms;
}
.galfig-img1.galfig-imag:before{
content: "";
display: inline-block;
background: url(../../../public/img/iconos/photo-camera.svg);
background-size: 45px;
background-repeat: no-repeat;
width: 45px;
height: 45px;
position: absolute;
top: 50%;
z-index: 2;
left: 0;
right: 0;
margin: auto;
margin-top: -22px;
opacity: 1;
transition: all ease 400ms;
}
.galfig-img1:hover.galfig-imag:before{
opacity: 0;
}
.galfig-img1.galfig-vid:before{
content: "";
display: inline-block;
background: url(../../../public/img/iconos/play-button.svg);
background-size: 45px;
background-repeat: no-repeat;
width: 45px;
height: 45px;
position: absolute;
top: 50%;
z-index: 2;
left: 0;
right: 0;
margin: auto;
margin-top: -22px;
opacity: 1;
transition: all ease 400ms;
}
.galfig-img1:hover.galfig-vid:before{
opacity: 0;
}
/* INTERNA GALERÍA */
.i-gallery-bgall{
position: relative;
padding: 40px 0;
background: url(../../../public/img/slider/slider-1.jpg);
background-position: 50% 50%;
background-size: cover;
background-attachment: fixed;
}
.i-gallery-bgall:before{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
background-image: url(../../../public/img/fondo/pattan.png);
display: block;
overflow: hidden;
width: 100%;
height: 100%;
z-index: 0;
}
.i-gallery-tit1{
margin-top: 0;
margin-bottom: 30px;
font-size: 40px;
color: #ffffff;
font-weight: 700;
}
.i-gallery-arrastre{
list-style: none;
padding: 0;
color: #ffffff;
}
.i-gallery-arrastre > li {
list-style: none;
display: inline-block;
margin-right: 5px;
font-style: italic;
}
.i-gallery-arrastre > li.active{
color: #1cd584
}
.i-gallery-arrastre > li > a {
color: #ffffff;
}
/*CONTACTO*/
.i-contact-map{
position: relative;
padding: 30px 0;
background-color: #f0f0f0;
}
.i-contact-form{
position: relative;
background: #ffffff;
padding: 40px 0;
}
.vc_column-inner::after, .vc_column-inner::before {
content: " ";
display: table;
}
.icon-box.style5 {
height: 70px;
line-height: 70px;
text-transform: none;
background: #f0f0f0;
overflow: hidden;
position: relative;
box-shadow: 0px 2px 5px -2px #000;
}
.icon-box.style5 > i {
display: block;
width: 70px;
float: left;
background: #0e9fc5;
line-height: 70px;
color: #fff;
font-size: 3em;
margin-right: 15px;
text-align: center;
}
.icon-box.style5 .description {
line-height: 1.6em;
padding: 12px 15px 0 0;
}
.icon-box.style5 .description .icn-ptit1{
font-size: 11px;
margin-bottom: 2px;
text-transform: uppercase;
}
.icon-box.style5 .description .icn-datosa1{
font-size: 14px;
color: #333;
margin-top: 0;
margin-bottom: 5px;
}
.icon-box.style5 .description .icn-datosa1>a{
color: #0e9fc5;
font-weight: 600;
}
/**/
.i-contact-form2{
position: relative;
padding: 40px 0 40px;
background: #f0f0f0;
}
.titl-conc1-t1{
font-size: 24px;
color: #000;
margin-top: 0;
margin-bottom: 20px;
font-weight: 400;
color: #000;
text-transform: uppercase;
}
.titl-conc1-t1 > b{
color: #0e9fc5;
}
.conct1-lafbel1{
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
color: #0e9fc5;
}
.conct1-frminput1 {
background: #ffffff;
border: 1px solid #e6e6e6;
border-radius: 0;
box-sizing: border-box;
display: block;
padding: 5px 12px;
-webkit-appearance: none;
width: 100%;
color: #000;
height: 40px;
font-size: 14px;
}
.conct1-txtaresa1{
background: #ffffff;
border: 1px solid rgb(230, 230, 230);
border-radius: 0px;
box-sizing: border-box;
display: block;
padding: 5px 12px;
-webkit-appearance: none;
width: 100%;
color: rgb(0, 0, 0);
min-height: 200px;
max-height: 200px;
resize: none;
font-size: 14px;
margin-top: 0px;
margin-bottom: 0px;
}
.frmbtnflt {
padding: 7px 15px;
background: #30a445;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
transition: all ease 0.5s;
width: 100%;
display: inline-block;
}
.frmbtnflt:hover, .frmbtnflt:active, .frmbtnflt:focus {
color: #fff;
background: #0e9fc5;
outline: none;
outline-width: 0;
outline-color: transparent;
}
/*FOOTER*/
.foot-bgall{
position: relative;
background: #111;
}
.foot-topbg{
padding: 50px 0px 30px;
}
.foot-logo{
width: 100%;
max-width: 200px;
display: block;
margin: 0;
}
.foot-logo > img {
width: 100%;
}
.foot-redes{
list-style: none;
padding: 0;
margin-top: 20px;
}
.foot-redes > li{
display: inline-block;
margin-right: 5px;
}
.foot-redes > li > a {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
display: block;
background-color: #0e9fc5;
color: #ffffff;
font-size: 18px;
position: relative;
overflow: hidden;
border-radius: 50%;
}
.foot-redes > li > a > i {
position: relative;
z-index: 1;
}
.foot-redes > li > a:before{
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: -36px;
background-color: #30a445;
transition: all ease 400ms;
}
.foot-redes > li > a:hover:before{
display: block;
bottom: 0px;
}
.foot-tit{
margin-top: 0;
text-transform: uppercase;
color: #ffffff;
}
.foot-hr1{
border-top: 1px solid #0e9fc5;
position: relative;
margin: 20px 0 30px;
}
.foot-hr1:before{
content: "";
width: 50px;
height: 3px;
background-color: #1cd584;
display: block;
position: absolute;
top: -1px;
}
.fot-artic1al1 .fot-news11 {
padding-bottom: 15px;
}
.fot-artic1al1 .fot-news11 .media-object {
width: 55px;
height: 55px;
border-radius: 5%;
}
.fot-headtit1 {
margin-top: 0;
margin-bottom: 15px;
}
.fot-headtit1>a {
color: #ffffff;
font-size: 14px;
font-weight: 600;
transition: all ease 400ms;
}
.fot-headtit1>a:hover {
color: #1cd584;
}
.fot-news11 time {
font-size: 13px;
}
.foot-categori{
list-style: none;
margin: 0;
padding: 0;
}
.foot-categori > li{
margin-bottom: 10px;
}
.foot-categori > li:after {
clear: both;
content: " ";
display: block;
}
.foot-categori > li > a{
color: #fff;
line-height: 1.35;
position: relative;
padding-left: 0;
-webkit-transition: 300ms ease color,300ms ease padding;
-moz-transition: 300ms ease color,300ms ease padding;
transition: 300ms ease color,300ms ease padding;
}
.foot-categori > li > a:hover {
color: #0e9fc5;
padding-left: 10px;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
}
.foot-categori > li > a:before {
display: block;
width: 30px;
content: "";
border-top: 1px solid #30a445;
position: absolute;
left: -30px;
top: 50%;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: 300ms ease border-color,300ms ease background,300ms ease transform;
-moz-transition: 300ms ease border-color,300ms ease background,300ms ease transform;
transition: 300ms ease border-color,300ms ease background,300ms ease transform;
}
.foot-categori > li > a:hover:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
}
.foot-datcontac {
color: #ffffff;
transition: all ease 400ms;
display: table;
width: 100%;
margin-bottom: 12px;
}
.foot-datcontac:hover{
color: #30a445;
}
.foot-datcontac > i{
float: left;
margin-right: 5px;
color: #30a445;
transition: all ease 400ms;
font-size: 24px;
}
.foot-datcontac:hover > i{
color: #0e9fc5;
}
.foot-datcontac > .fot-content{
overflow: hidden;
display: block;
}
/*FOOTER COPYRIGHT*/
.foot-copybg{
position: relative;
background: #000000;
padding: 20px 0;
}
.foot-copytxt{
color: #ffffff;
margin-bottom: 0;
}
.foot-copytxt > a{
color: #ffffff;
font-weight: 700;
}
.fot-designby1{
text-align: right;
color: #ffffff;
margin-bottom: 0;
font-style: italic;
font-weight: 700;
}
.fot-designby1>span{
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.fot-designby1>a{
display: inline-block;
}
.fot-designby1>a.fot-eo img{
width: 30px;
}
.fot-designby1>a.fot-ie img{
width: 30px;
}
@media (max-width: 992px){
.foot-copytxt,
.fot-designby1{
text-align: center;
}
}
/*----------NOSOTROS---------*/
/*SECCION UNO*/
.nosotrodescrip h1{
margin-top: 0;
margin-bottom: 0;
/* font-family: "Playfair Display","Times New Roman",Times,serif;*/
font-weight: 700;
font-size: 34px;
color: #151515;
line-height: 1.2;
letter-spacing: .05em;
text-align: justify;
}
.nosotrodescrip .br{
display: block;
}
.nosotrodescrip .br-divider{
position: relative;
padding-left: 78px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.nosotrodescrip .br-divider:before {
content: '';
position: absolute;
top: 61%;
width: 50px;
transform: translateY(-50%);
left: 4px;
border-top: 0.09em solid #d3dbd3;
}
.nosotrodescrip p{
margin-top: 20px;
font-size: 14px;
text-align: justify;
}
/*SECCION DE VALORES PROGRESS BAR*/
.sect_val_mis_vis{
padding: 5px 0;
margin-top: 35px;
}
.sect_val_mis_vis img{
margin: 0 auto;
display: block;
max-width: 540px;
width: 100%;
}
.sect_val_mis_vis .progress {
background: #f6f6f6;
height: 10px;
margin-top: 4px;
border-radius: 10px;
}
.sect_val_mis_vis .progress-bar{
background-color: #c9ddc9;
}
.sect_val_mis_vis .progress-bar-success {
background-color: #c9ddc9;
}
.sect_val_mis_vis .progress-striped .progress-bar, .progress-bar-striped {
background-image: none;
}
.loading-progress{
position: relative;
margin-bottom: 20px;
}
.progress span{
position: absolute;
right: -1px;
padding: 10px;
top: -29px;
color: #9b9b9b;
font-weight: 500;
font-size: 15px;
}
.valores{
position: relative;
}
.valores .title_valor{
top: 0;
left: 0;
line-height: 24px;
font-size: 15px;
font-weight: 600;
}
.mision p{
color: #777;
text-align: justify;
padding-top: 15px;
}
.vision p{
color: #777;
text-align: justify;
padding-top: 15px;
}
/*.mision h2{
background: url(../../../public/img/iconos/bg-widget-title.png) no-repeat left bottom;
padding-bottom: 15px;
}*/
.hr_title{
height: 3px;
border: none;
background: #000;
position: relative;
width: 120px;
margin: 0 auto;
}
.hr_title:before{
content: "";
position: absolute;
bottom: 0;
height: 100%;
width: 50%;
background: #1cbbb4;
}
/*END SECCION DE VALORES PROGRESS BAR*/
/*SECCION DOS*/
.secnosotromision{
margin-top: 30px;
padding-bottom: 30px;
background-image: linear-gradient(to right, #0e9fc5 0%, #30a445 100%);
}
.secnosotromision .secnosmis ul{
width: 100%;
background-color: #ffffff;
border: 2px solid #f2f2f2;
}
.secnosotromision .secnosmis ul .seccollor{
list-style: none;
border-bottom: none;
border-right: 2px solid #f2f2f2;
border-bottom: 2px solid #f2f2f2;
width: 25%;
margin-left: 0 !important;
position: relative;
display: block;
}
.secnosotromision .secnosmis ul .seccollor a{
padding: 0;
border-radius: 4px;
position: relative;
display: block;
}
.secnosotromision .secnosmis ul .seccollor .sectionicono{
float: left;
width: 100%;
text-align: center;
padding: 50px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.secnosotromision .secnosmis ul .seccollor .sectionicono:hover{
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
background: #30a445;
}
.secnosotromision .secnosmis ul .seccollor .sectionicono i{
width: 50px;
height: 53px;
font-size: 45px;
color: #0e9fc5;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.secnosotromision .secnosmis ul .seccollor .sectionicono:hover i{
color: #f6f6f6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.secnosotromision .secnosmis ul .seccollor .sectionicono i:hover{
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #ffffff;
fill: #ffffff;
}
.secnosotromision .secnosmis ul .seccollor .sectionicono h4{
float: left;
width: 100%;
margin: 5px 0px;
font-size: 22px;
font-weight: 600;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
line-height: 1.1;
color: #000000;
}
.secnosotromision .secnosmis ul .seccollor .sectionicono:hover h4{
float: left;
width: 100%;
margin: 5px 0px;
font-size: 22px;
font-weight: 600;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
line-height: 1.1;
color: #ffffff;
}
.secnosotromision .secnosmis ul .seccollorplo{
list-style: none;
border-bottom: none;
border-right: 2px solid #f2f2f2;
border-bottom: 2px solid #f2f2f2;
width: 25%;
margin-left: 0 !important;
position: relative;
display: block;
}
.secnosotromision .secnosmis ul .seccollorplo a{
padding: 0;
border-radius: 4px;
position: relative;
display: block;
}
.secnosotromision .secnosmis ul .seccollorplo .sectionicono{
float: left;
width: 100%;
text-align: center;
padding: 50px;
background: #fbfbfb;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.secnosotromision .secnosmis ul .seccollorplo .sectionicono:hover{
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
background: #30a445;
}
.secnosotromision .secnosmis ul .seccollorplo .sectionicono i{
width: 50px;
height: 53px;
font-size: 45px;
color: #0e9fc5;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.secnosotromision .secnosmis ul .seccollorplo .sectionicono:hover i{
color: #f6f6f6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.secnosotromision .secnosmis ul .seccollorplo .sectionicono i:hover{
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #ffffff;
fill: #ffffff;
}
.secnosotromision .secnosmis ul .seccollorplo .sectionicono h4{
float: left;
width: 100%;
margin: 5px 0px;
font-size: 22px;
font-weight: 600;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
line-height: 1.1;
color: #000000;
}
.secnosotromision .secnosmis ul .seccollorplo .sectionicono:hover h4{
float: left;
width: 100%;
margin: 5px 0px;
font-size: 22px;
font-weight: 600;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
line-height: 1.1;
color: #ffffff;
}
.tab-content .contdescrip{
display: flex;
flex-flow: row wrap;
}
.tab-content .contdescrip .conttitlen{
width: 100%;
}
.tab-content .contdescrip .conttitlen h3{
line-height: 1.1;
font-weight: 600;
color: #ffffff;
font-size: 20px;
}
.tab-content .contdescrip .contimgn{
width: 25%;
}
.tab-content .contdescrip .contimgn img{
width: 100%;
}
.tab-content .contdescrip .contdescripn{
width: 75%;
padding: 15px;
display: flex;
align-items: center;
color: #ffffff;
text-align: justify;
}
.tab-content .contdescrip .contredesocialesn{
width: 100%;
}
.tab-content .contdescrip .contredesocialesn ul{
margin-top: 50px;
padding: 0 15px;
list-style: none;
display: flex;
flex-flow: row wrap;
}
.tab-content .contdescrip .contredesocialesn ul li{
width: 25%;
}
.tab-content .contdescrip .contredesocialesn ul li a{
color: #ffffff;
}
.tab-content .contdescrip .contredesocialesn .contredespanface{
display: block;
width: 100px;
height: 100px;
margin: auto;
font-size: 30px;
line-height: 100px;
-webkit-transition: all .3s;
transition: all .3s;
text-align: center;
color: #f7f7f7;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.1);
}
.tab-content .contdescrip .contredesocialesn .contredespanface:hover{
background-image: -webkit-linear-gradient(131deg, #3b5998 0%, #f7ffd3 100%);
box-shadow: 0 9px 30px rgba(0, 0, 0, 0.15), inset 0 0 0 6px #efefef;
}
.tab-content .contdescrip .contredesocialesn .contredespanface:before{
content: "\f082";
font-family: "FontAwesome";
font-size: 40px;
display: block;
top: 0;
text-indent: 0;
}
.tab-content .contdescrip .contredesocialesn .contredespaninsta{
display: block;
width: 100px;
height: 100px;
margin: auto;
font-size: 30px;
line-height: 100px;
-webkit-transition: all .3s;
transition: all .3s;
text-align: center;
color: #f7f7f7;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.1);
}
.tab-content .contdescrip .contredesocialesn .contredespaninsta:hover{
background-image: -webkit-linear-gradient(131deg, #df4665 0%, #5854cd 100%);
box-shadow: 0 9px 30px rgba(0, 0, 0, 0.15), inset 0 0 0 6px #efefef;
}
.tab-content .contdescrip .contredesocialesn .contredespaninsta:before{
content: "\f16d";
font-family: "FontAwesome";
font-size: 40px;
display: block;
top: 0;
text-indent: 0;
}
.tab-content .contdescrip .contredesocialesn .contredespantwitter{
display: block;
width: 100px;
height: 100px;
margin: auto;
font-size: 30px;
line-height: 100px;
-webkit-transition: all .3s;
transition: all .3s;
text-align: center;
color: #f7f7f7;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.1);
}
.tab-content .contdescrip .contredesocialesn .contredespantwitter:hover{
background-image: -webkit-linear-gradient(131deg, #56d7fe 0%, #f7ffd3 100%);
box-shadow: 0 9px 30px rgba(0, 0, 0, 0.15), inset 0 0 0 6px #efefef;
}
.tab-content .contdescrip .contredesocialesn .contredespantwitter:before{
content: "\f099";
font-family: "FontAwesome";
font-size: 40px;
display: block;
top: 0;
text-indent: 0;
}
.tab-content .contdescrip .contredesocialesn .contredespanyoutube{
display: block;
width: 100px;
height: 100px;
margin: auto;
font-size: 30px;
line-height: 100px;
-webkit-transition: all .3s;
transition: all .3s;
text-align: center;
color: #f7f7f7;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.1);
}
.tab-content .contdescrip .contredesocialesn .contredespanyoutube:hover{
background-image: -webkit-linear-gradient(131deg, #fe0000 0%, #f7ffd3 100%);
box-shadow: 0 9px 30px rgba(0, 0, 0, 0.15), inset 0 0 0 6px #efefef;
}
.tab-content .contdescrip .contredesocialesn .contredespanyoutube:before{
content: "\f16a";
font-family: "FontAwesome";
font-size: 40px;
display: block;
top: 0;
text-indent: 0;
}
.tab-content .contdescrip .contredesocialesn .contredespantitle{
display: block;
margin-top: 30px;
font: 400 12px Montserrat;
letter-spacing: .02em;
text-transform: uppercase;
text-align: center;
}
@media(max-width: 1199px){
.secnosotromision .secnosmis ul .seccollor .sectionicono h4 {
font-size: 14px;
}
.secnosotromision .secnosmis ul .seccollorplo .sectionicono h4 {
font-size: 14px;
}
.secnosotromision .secnosmis ul .seccollor .sectionicono:hover h4 {
font-size: 14px;
}
.secnosotromision .secnosmis ul .seccollorplo .sectionicono:hover h4 {
font-size: 14px;
}
}
@media(max-width: 867px){
.secnosotromision .secnosmis ul .seccollor {
width: 50%;
}
.secnosotromision .secnosmis ul .seccollorplo {
width: 50%;
}
}
@media(max-width: 459px){
.secnosotromision .secnosmis ul .seccollor .sectionicono {
padding: 20px;
}
.secnosotromision .secnosmis ul .seccollorplo .sectionicono {
padding: 20px;
}
.secnosotromision .secnosmis ul .seccollor .sectionicono i {
font-size: 35px;
}
.secnosotromision .secnosmis ul .seccollorplo .sectionicono i {
font-size: 35px;
}
.tab-content .contdescrip .contimgn {
width: 100%;
}
.tab-content .contdescrip .contdescripn {
width: 100%;
}
.sectionosotros .image-nosotros-2 img{
width: 100% !important;
}
}
@media(max-width: 500px){
.nosotrodescrip h1 {
font-size: 40px;
}
.tab-content .contdescrip .contredesocialesn ul li {
width: 50%;
}
.tab-content .contdescrip .contredesocialesn .contredespantitle {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media(max-width: 430px){
.nosotrodescrip h1 {
font-size: 30px;
}
}
@media(max-width: 991px){
.sectionosotros .nostroshistoria{
padding-top: 40px;
}
.sectionosotros .nostroshistoria .decorative-title {
font-size: 30px;
}
}
/*SECCION TRES*/
.sectionosotros{
padding-top: 80px;
padding-bottom: 80px;
background-color: #f6f6f6;
}
.sectionosotros .nostroshistoria .decorative-title{
line-height: 1.16667;
font-size: 35px;
margin-top: 0;
margin-bottom: 25px;
font-weight: 700;
color: #151515;
}
.nostroshistoria .timeline{
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 20px;
}
.nostroshistoria .timeline .timeline-item{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.nostroshistoria .timeline .timeline-item-header{
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.timeline>li:not(:last-child) .timeline-item-body{
padding-bottom: 21px;
}
.timeline>li:not(:last-child) .timeline-item-body:before{
width: 1px;
height: 100%;
}
.timeline .timeline-item-body{
position: relative;
padding-left: 73px;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.timeline .timeline-item-body:before{
left: 37px;
background: #ddd;
}
.timeline .timeline-item-body:before, .timeline .timeline-item-body:after{
content: "";
font-family: "FontAwesome";
position: absolute;
top: 7px;
}
.timeline .timeline-item-body:after{
left: 32px;
width: 11px;
height: 11px;
border-radius: 12px;
background: #8e9a8e;
}
.timeline .timeline-item-body:hover:after {
background: #582dc6;
}
.sectionosotros .image-nosotros-2{
display: flex;
flex-direction: column;
}
.sectionosotros .image-nosotros-2 .nosotimg1{
width: 400px;
}
.sectionosotros .image-nosotros-2 .nosotimg2{
margin-top: -55px;
display: flex;
width: 400px;
display: block;
margin-left: auto;
}
.sectionosotros .image-nosotros-2 .nosotimg3{
align-self: center;
margin-top: -30px;
}
/*----------SERVICIOS-------*/
/*PRIMERA SECCION*/
.secti-service{
padding-bottom: 50px;
padding-top: 80px;
}
.secti-service h2{
position: relative;
font-size: 30px;
line-height: 42px;
color: #333;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.secti-service h2:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 37px;
height: 1px;
margin: -20px auto;
content: '';
opacity: 1;
background: #333;
}
.cont-servi{
position: relative;
margin: 0 0 80px;
}
.feature-2 {
margin-bottom: 30px;
padding: 15px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.feature-2 .media-left{
display: table-cell;
vertical-align: top;
padding-right: 10px;
}
.feature-2 .feature-icon i {
font-size: 45px;
width: 45px;
height: 45px;
line-height: 45px;
color: #0e9fc5;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.feature-2 .feature-icon i:before {
font-size: 45px;
}
.feature-2 .media-body {
padding-left: 10px;
display: table-cell;
vertical-align: top;
text-align: justify;
}
.feature-2 .media-body h3 {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
text-transform: uppercase;
color: #000;
font-weight: 700;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.feature-2 .media-body p{
font-size: 15px;
/*min-height: 100px;*/
}
.feature-2:hover {
background: #30a445;
}
.feature-2:hover h3 {
color: #fff;
}
.feature-2:hover p {
color: #fff;
}
.feature-2:hover .media-left i {
color: #ffffff;
}
.secti-service img{
max-width: 100%;
height: auto;
}
@media(max-width: 986px){
.feature-2 .media-body p {
min-height: 125px;
}
}
@media (max-width: 905px){
.feature-2 .media-body p {
min-height: 145px;
}
}
@media (max-width: 767px){
.feature-2 .media-body p {
min-height: 40px;
}
}
/**/
.destacados .owl-nav .owl-next{
position: absolute;
right: 4px;
top: 1px;
background: #0d96b9;
font-size: 19px;
transition: ease 500ms;
}
.destacados .owl-nav .owl-next:hover{
background: #30a445;
transition: ease 500ms;
}
.destacados .owl-nav .owl-prev{
position: absolute;
left: 4px;
top: 1px;
background: #0d96b9;
font-size: 19px;
transition: ease 500ms;
}
.destacados .owl-nav .owl-prev:hover{
transition: ease 500ms;
background: #30a445;
}
@media(max-width: 991px){
.h-serv-txts{
font-size: 16px;
}
}
@media(max-width: 550px){
.h-we-txts{
font-size: 13px;
}
}
@media(max-width: 411px){
.clientes .titulaso h2{
font-size: 20px;
}
}