html {
overflow-x: hidden;
}
body {
font-family: "Montserrat", sans-serif;
line-height: 1.8;
font-size: 1em;
background: #fff;
color: #1a325a;
overflow-x: hidden;
}
body:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 99;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
opacity: 0;
visibility: hidden;
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
}
body.offcanvas-menu:before {
opacity: 1;
visibility: visible;
}
a {
color: #42c4da;
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
}
a:hover {
color: #42c4da;
text-decoration: none;
}
.text-primary {
color: #42c4da !important;
}
a.text-primary {
color: #42c4da !important;
}
a.text-primary:hover {
color: #42c4da !important;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
font-family: "Montserrat", sans-serif;
}
.btn {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 30px;
padding-right: 30px;
border-radius: 30px;
font-size: 14px;
}
.btn:active,
.btn:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn > i {
font-size: 20px;
display: inline-block;
vertical-align: middle;
padding-right: 10px;
}
.btn > span {
display: inline-block;
vertical-align: middle;
}
.btn.btn-primary {
background: #42c4da;
border-color: #42c4da;
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
}
.btn.btn-primary:hover {
border-color: #1a325a;
background: #1a325a;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-primary:active {
border-color: #1a325a;
background: #1a325a;
transform: scale(0.95);
}
.form-group {
overflow: hidden;
}
.form-control,
.custom-select {
border: 2px solid #e9ecef;
font-size: 16px;
height: 45px;
}
.form-control:active,
.form-control:focus,
.custom-select:active,
.custom-select:focus {
border-color: #42c4da;
-webkit-box-shadow: none;
box-shadow: none;
}
.gutter-v1 {
margin-right: -20px;
margin-left: -20px;
}
@media (max-width: 991.98px) {
.gutter-v1 {
margin-left: -15px;
margin-right: -15px;
}
}
.gutter-v1 > .col,
.gutter-v1 > [class*="col-"] {
padding-right: 20px;
padding-left: 20px;
}
@media (max-width: 991.98px) {
.gutter-v1 > .col,
.gutter-v1 > [class*="col-"] {
padding-right: 15px;
padding-left: 15px;
}
}
.spinner-border {
color: #42c4da;
}
/*PRELOADING------------ */
#overlayer {
width: 100%;
height: 100%;
position: fixed;
z-index: 7100;
background: #ffffff;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.loader {
z-index: 7700;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.logo {
position: absolute;
left: 0;
z-index: 9;
font-size: 20px;
font-weight: 700;
line-height: 1;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.logo:hover img {
animation: .8s pulse;
}
.site-nav {
position: relative;
}
.menu-absolute {
position: absolute;
right: 15px;
}
.site-nav {
padding-top: 20px;
padding-bottom: 20px;
}
.site-nav h1 {
margin: 0;
padding: 0;
font-size: 24px;
}
.site-nav .site-navigation .site-menu {
margin-bottom: 0;
}
.site-nav .site-navigation .site-menu > li {
display: inline-block;
}
.site-nav .site-navigation .site-menu > li > a {
font-size: 14px;
padding: 10px 15px;
color: #000000;
display: inline-block;
text-decoration: none !important;
}
.site-nav .site-navigation .site-menu > li > a:hover {
color: #42c4da;
}
.site-nav .site-navigation .site-menu > li.cta-button a {
padding: 9px 20px;
border: 1px solid #42c4da;
background-color: #42c4da;
color: #1a325a;
border-radius: 30px;
font-weight: 600;
}
.site-nav .site-navigation .site-menu > li.cta-button a:hover {
color: #1a325a;
background: transparent;
border-color: #42c4da;
/* animation: .8s heartBeat;*/
animation: .8s pulse;
}
.site-nav .site-navigation .site-menu > li.active > a {
color: #42c4da;
font-weight: 600;
}
.site-nav .site-navigation .site-menu .has-children {
position: relative;
padding-right: 15px;
}
.site-nav .site-navigation .site-menu .has-children > a {
position: relative;
padding-right: 20px;
}
.site-nav .site-navigation .site-menu .has-children > a:before {
position: absolute;
font-family: 'icomoon';
content: "\e313";
font-size: 14px;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.site-nav .site-navigation .site-menu .has-children .dropdown {
visibility: hidden;
opacity: 0;
top: 100%;
z-index: 999;
position: absolute;
text-align: left;
-webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
padding: 20px 0;
margin-top: 20px;
margin-left: 0px;
background: #ffffff;
-webkit-transition: 0.2s 0s;
-o-transition: 0.2s 0s;
transition: 0.2s 0s;
width: 280px;
border-radius: 0 20px 20px 20px;
}
.site-nav .site-navigation .site-menu .has-children .dropdown.arrow-top {
position: absolute;
}
.site-nav .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
display: none;
bottom: 100%;
left: 20%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.site-nav .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
display: none;
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #ffffff;
border-width: 10px;
margin-left: -10px;
}
.site-nav .site-navigation .site-menu .has-children .dropdown a {
font-size: 14px;
text-transform: none;
letter-spacing: normal;
-webkit-transition: 0s all;
-o-transition: 0s all;
transition: 0s all;
color: #000000;
background-color: #fff;
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
position: relative;
}
.site-nav .site-navigation .site-menu .has-children .dropdown a:before {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
height: 32px;
position: absolute;
left: 0;
top: 0;
font-size: 1em;
font-family: 'icomoon' !important;
content: "\e317";
opacity: 0;
}
.site-nav .site-navigation .site-menu .has-children .dropdown a:hover {
margin-left: 25px;
}
.site-nav .site-navigation .site-menu .has-children .dropdown a:hover::before {
left: -5px;
opacity: 1;
}
.site-nav .site-navigation .site-menu .has-children .dropdown .active {
color: #42c4da !important;
}
.site-nav .site-navigation .site-menu .has-children .dropdown > li {
list-style: none;
padding: 0;
margin: 0;
min-width: 180px;
}
.site-nav .site-navigation .site-menu .has-children .dropdown > li > a {
padding: 5px 20px;
display: block;
}
.site-nav .site-navigation .site-menu .has-children .dropdown > li > a:hover {
color: #42c4da;
}
.site-nav .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
content: "\e315";
right: 20px;
}
.site-nav .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown,
.site-nav .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
left: 100%;
top: 0;
}
.site-nav .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown li a:hover,
.site-nav .site-navigation .site-menu .has-children .dropdown > li.has-children > ul li a:hover {
color: #42c4da;
}
.site-nav .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a,
.site-nav .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a,
.site-nav .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
color: #42c4da;
}
.site-nav .site-navigation .site-menu .has-children:hover > a,
.site-nav .site-navigation .site-menu .has-children:focus > a,
.site-nav .site-navigation .site-menu .has-children:active > a {
color: #42c4da;
}
.site-nav .site-navigation .site-menu .has-children:hover,
.site-nav .site-navigation .site-menu .has-children:focus,
.site-nav .site-navigation .site-menu .has-children:active {
cursor: pointer;
}
.site-nav .site-navigation .site-menu .has-children:hover > .dropdown,
.site-nav .site-navigation .site-menu .has-children:focus > .dropdown,
.site-nav .site-navigation .site-menu .has-children:active > .dropdown {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
margin-top: 0px;
visibility: visible;
opacity: 1;
}
.site-mobile-menu-close {
display: block;
position: relative;
height: 30px;
width: 30px;
z-index: 99;
cursor: pointer;
top: -20px;
}
.site-mobile-menu-close > span {
cursor: pointer;
display: block;
position: absolute;
height: 30px;
width: 30px;
}
.site-mobile-menu-close > span:before,
.site-mobile-menu-close > span:after {
position: absolute;
content: "";
width: 2px;
height: 30px;
background: #000000;
}
.site-mobile-menu-close > span:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.site-mobile-menu-close > span:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.site-mobile-menu {
width: 300px;
position: fixed;
right: 0;
z-index: 2000;
padding-top: 20px;
background: #ffffff;
height: calc(100vh);
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.8s all cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: 0.8s all cubic-bezier(0.23, 1, 0.32, 1);
transition: 0.8s all cubic-bezier(0.23, 1, 0.32, 1);
}
.offcanvas-menu .site-mobile-menu {
-webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.site-mobile-menu .site-mobile-menu-header {
width: 100%;
float: left;
padding-left: 20px;
padding-right: 20px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
float: right;
margin-top: 8px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
font-size: 30px;
display: inline-block;
padding-left: 10px;
padding-right: 0px;
line-height: 1;
cursor: pointer;
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
float: left;
margin-top: 10px;
margin-left: 0px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
display: inline-block;
text-transform: uppercase;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
max-width: 70px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
text-decoration: none;
}
.site-mobile-menu .site-mobile-menu-body {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
position: relative;
padding: 0 20px 20px 20px;
height: calc(100vh - 52px);
padding-bottom: 150px;
}
.site-mobile-menu .site-nav-wrap {
padding: 0;
margin: 0;
list-style: none;
position: relative;
}
.site-mobile-menu .site-nav-wrap a {
padding: 5px 20px;
display: block;
position: relative;
color: #000000;
}
.site-mobile-menu .site-nav-wrap a:hover {
color: #42c4da;
}
.site-mobile-menu .site-nav-wrap li {
position: relative;
display: block;
}
.site-mobile-menu .site-nav-wrap li.active > a {
color: #42c4da;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse {
position: absolute;
right: 0px;
top: 0px;
z-index: 20;
width: 36px;
height: 36px;
text-align: center;
cursor: pointer;
border-radius: 50%;
border: 1px solid #f8f9fa;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
font-size: 17px;
z-index: 20;
font-family: "icomoon";
content: "\e313";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-180deg);
-ms-transform: translate(-50%, -50%) rotate(-180deg);
transform: translate(-50%, -50%) rotate(-180deg);
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.site-mobile-menu .site-nav-wrap > li {
display: block;
position: relative;
float: left;
width: 100%;
}
.site-mobile-menu .site-nav-wrap > li > a {
padding-left: 20px;
font-size: 17px;
}
.site-mobile-menu .site-nav-wrap > li > ul {
padding: 0;
margin: 0;
list-style: none;
}
.site-mobile-menu .site-nav-wrap > li > ul > li {
display: block;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > a {
padding-left: 40px;
font-size: 16px;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul {
padding: 0;
margin: 0;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
display: block;
}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
font-size: 16px;
padding-left: 60px;
}
.sticky-wrapper {
position: absolute;
z-index: 100;
width: 100%;
}
.sticky-wrapper .site-navbar {
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
}
.sticky-wrapper .site-navbar .site-menu-toggle {
color: #000000;
}
.sticky-wrapper .site-navbar .site-logo a {
color: #000000;
}
.sticky-wrapper .site-navbar .site-menu > li > a {
color: rgba(0, 0, 0, 0.8) !important;
}
.sticky-wrapper .site-navbar .site-menu > li > a:hover,
.sticky-wrapper .site-navbar .site-menu > li > a.active {
color: #000000 !important;
}
.sticky-wrapper.is-sticky .burger:before,
.sticky-wrapper.is-sticky .burger span,
.sticky-wrapper.is-sticky .burger:after {
background: #000000;
-webkit-transition: .0s all ease;
-o-transition: .0s all ease;
transition: .0s all ease;
}
.sticky {
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}
.sticky:hover {
background: #fff;
}
.sticky-wrapper.is-sticky .sticky {
background: #fff;
-webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);
}
.sticky-wrapper.is-sticky .site-navbar {
background: #000000;
border-bottom: 1px solid transparent;
-webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.1);
box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.1);
}
.sticky-wrapper.is-sticky .site-navbar .site-logo a {
color: #000000 !important;
}
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a {
color: #000000 !important;
}
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover,
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active {
color: #42c4da !important;
}
.sticky-wrapper.is-sticky .site-navbar .site-menu > li.active a {
color: #42c4da !important;
}
.sticky-wrapper .shrink {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
/* Burger */
.burger {
width: 28px;
height: 32px;
cursor: pointer;
position: relative;
}
.burger:before,
.burger span,
.burger:after {
width: 100%;
height: 2px;
display: block;
background: #000;
border-radius: 2px;
position: absolute;
opacity: 1;
}
.burger:before,
.burger:after {
-webkit-transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
content: "";
}
.burger:before {
top: 4px;
}
.burger span {
top: 15px;
}
.burger:after {
top: 26px;
}
/* Hover */
.burger:hover:before {
top: 7px;
}
.burger:hover:after {
top: 23px;
}
/* Click */
.burger.active span {
opacity: 0;
}
.burger.active:before,
.burger.active:after {
top: 40%;
}
.burger.active:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
/*for IE*/
}
.burger.active:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5);
/*for IE*/
}
.burger:focus {
outline: none;
}
.banners {
height: 500px;
position: relative;
overflow: hidden;
margin-top: 85.2px;
}
.banners ul {
height: 500px;
padding: 0;
list-style: none;
}
.banners li {
height: 500px;
}
.banners.bansol li {
height: auto;
}
.banners li h1 {
color: #fff;
font-weight: 600;
}
@media (max-width: 767.98px) {
.banners li {
text-align: center;
}
.banners li h1 {
font-size: 1.7rem;
}
.banners li .d-flex {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
}
.banners li p {
color: #fff;
font-weight: 300;
}
.banners li p .btn-primary {
border: 1px solid transparent;
}
.banners li p .btn-primary:hover {
border-color: #fff;
background-color: transparent;
}
.banners .owl-nav {
margin-top: -23px;
}
.banners .owl-nav span {
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
}
.banners .owl-nav .owl-prev span:hover,
.banners .owl-nav .owl-next span:hover {
background: #42c4da;
color: #fff;
}
.hero {
padding: 70px 0;
}
.hero h1 {
font-size: 40px;
font-weight: 700;
color: #1a325a;
}
@media (max-width: 991.98px) {
.hero h1 {
font-size: 25px;
}
}
.bg-white {
background: #fff;
}
.bg-gray,
.selos,
.breadcrumbs {
background: #f8f9fa;
position: relative;
}
@media (max-width: 767.98px) {
.breadcrumbs {
text-align: center;
}
}
.breadcrumbs .overlay {
opacity: 0.1;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
left: 0;
top: 0;
}
.breadcrumbs ul {
padding: 0;
}
.breadcrumbs ul li {
list-style: none;
padding: 0;
margin: 0 10px 0 0;
display: inline-block;
}
.hero .bg:before {
content: "";
position: absolute;
/*
width: 150%;
height: 70%;
right: -100%;
*/
bottom: -70px;
z-index: -1;
/* background: #dae1e7;*/
width: 1000%;
height: 50%;
right: -450%;
background: rgb(218,225,231);
background: -moz-linear-gradient(0deg, rgba(218,225,231,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(218,225,231,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(218,225,231,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dae1e7",endColorstr="#ffffff",GradientType=1);
}
.hero figure {
position: relative;
}
.hero .quote {
padding: 50px;
background: #1a325a;
color: #ffffff;
width: 100%;
bottom: -20px;
left: -50px;
position: absolute;
border-top-right-radius: 20px;
}
/*@media (max-width: 576px) {*/
@media (max-width: 767.98px) {
.hero .justify-content-between .mb-5 {
margin-bottom: 1.5rem !important;
}
.hero .quote {
width: 95%;
padding: 20px;
left: 20px;
bottom: -50px;
box-sizing: border-box;
}
.hero .hq-int {
left: 10px;
}
.col-lg-12.mt-5.mb-4.pt-5 {
padding-top: 0 !important;
}
}
.feature .image-wrap {
position: relative;
}
.feature .image-wrap img {
width: 100px;
}
.feature .icon-wrap {
position: relative;
}
.feature .icon-wrap span {
font-size: 60px;
}
.feature .icon-wrap:before {
position: absolute;
content: "";
width: 40px;
height: 40px;
border-radius: 50%;
background: #42c4da;
z-index: -1;
}
.feature h3 {
font-size: 16px;
font-weight: 700;
}
.feature p {
color: rgba(0, 8, 57, 0.5);
font-size: 14px;
}
.subtitle {
display: block;
margin-bottom: 5px;
/* color: rgba(0, 8, 57, 0.5);*/
color: #42c4da;
font-size: 17px;
font-weight: 500;
}
.section-title .heading {
font-size: 30px;
font-weight: 700;
letter-spacing: 1px;
}
/* @media (max-width: 991.98px) { */
@media (max-width: 767.98px) {
.section-title .heading {
font-size: 20px;
text-transform: uppercase;
}
}
.miviva,
.videos {
padding: 70px 0;
}
@media (max-width: 767.98px) {
.miviva {
text-align: center;
}
.videos {
padding: 70px 15px;
}
}
.miviva i {
font-size: 32px;
}
.miviva h5 {
font-weight: 600;
margin-bottom: 35px;
color: #42c4da;
}
.politica ul,
.miviva ul {
list-style: none;
padding: 0 0 0 20px;
}
.miviva ul li:before {
content: "\25CB";
color: #42c4da;
font-weight: bold;
display: inline-block;
width: 18px;
margin-left: -20px;
}
.timeline {
background-color: #1a325a;
position: relative;
color: #fff;
padding: 70px 6.9444% 70px 6.9444%;
position: relative;
overflow: hidden;
}
.timeline-carousel:after,
.timeline-carousel:before {
content: "";
position: absolute;
display: block;
top: 0;
height: 100%;
width: 6.9444%;
/* background-color: #fff;*/
z-index: 3;
width: 6.9444%;
}
.timeline-carousel:after {
left: 0;
}
.timeline-carousel:before {
right: 0;
opacity: 0;
}
.timeline .slick-list {
overflow: visible;
}
.timeline .slick-dots {
bottom: -21px;
}
.timeline-carousel__image {
padding-right: 30px;
}
.timeline-carousel__item {
cursor: pointer;
}
.timeline-carousel__item .media-wrapper {
opacity: 0.4;
padding-bottom: 71.4%;
-webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
-o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.timeline-carousel__item:last-child .timeline-carousel__item-inner:after {
width: calc(100% - 180px);
}
.timeline-carousel__item-inner {
position: relative;
/* padding-top: 45px;*/
}
.timeline-carousel__item-inner:after {
position: absolute;
width: 100%;
top: 77px;
left: 110px;
content: "";
border-bottom: 1px dashed rgba(66,196,218,0.2);
}
.timeline-carousel__item-inner .year {
font-size: 40px;
color: #42c4da;
display: table;
z-index: 1;
position: relative;
font-weight: 900;
}
.timeline-carousel__item-inner p {
line-height: 1.8;
font-size: 1em;
width: 60%;
margin-bottom: 70px;
}
@media (max-width: 767.98px) {
.timeline-carousel__item-inner p {
width: 80%;
}
}
/*
.timeline-carousel__item-inner .read-more {
font-size: 12px;
color: #b38c52;
display: table;
margin-bottom: 10px;
font-weight: 900;
text-decoration: none;
position: relative;
}
.timeline-carousel__item-inner .read-more:after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 0;
border-bottom: 2px solid #b38c52;
-webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
-o-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
*/
.timeline-carousel__item-inner .read-more:hover:after {
width: 100%;
}
.timeline-carousel__item-inner .pointer {
height: 29px;
position: relative;
z-index: 1;
/* margin: 21px 0 0 0;*/
}
.timeline-carousel__item-inner .pointer:after,
.timeline-carousel__item-inner .pointer:before {
position: absolute;
content: "";
}
.timeline-carousel__item-inner .pointer:after {
width: 9px;
height: 9px;
border-radius: 100%;
top: 0;
left: 0;
background-color: #42c4da;
/* background-color: #1a325a;*/
}
.timeline-carousel__item-inner .pointer:before {
width: 1px;
height: 100%;
top: 0;
left: 4px;
background-color: #42c4da;
/* background-color: #1a325a;*/
}
.timeline .slick-active .media-wrapper {
opacity: 1 !important;
}
.slick-dots {
/* bottom: 70px;*/
list-style: none;
position: absolute;
width: 100%;
left: 0;
text-align: center;
z-index: 2;
}
.slick-dots li {
cursor: pointer;
display: inline-block;
margin: 0 5px;
position: relative;
width: 8px;
height: 8px;
}
.slick-dots li:last-child {
margin-right: 0;
}
.slick-dots li.slick-active button {
background: #42c4da;
}
.slick-dots li button {
border-radius: 50%;
display: block;
font-size: 0;
width: 8px;
height: 8px;
padding: 0;
border: none;
/* background-color: rgba(0, 0, 0, 0.2);*/
background-color: rgba(255,255,255,0.2);
cursor: pointer;
-webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
-o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.videos .owl-dots {
text-align: center;
position: relative;
width: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.politica {
/* background-color: #42c4da;*/
background-color: #1a325a;
padding: 140px 0;
position: relative;
color: #fff;
}
.politica .overlay {
opacity: 0.1;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
left: 0;
top: 0;
}
.politica .container {
position: relative;
z-index: 1;
}
.politica .subtitle {
color: #fff;
}
.politica .heading {
color: #42c4da;
}
.politica i {
font-size: 64px;
color: #42c4da;
margin: 35px 0;
}
.selos {
padding: 70px 0;
}
.clientes {
padding: 140px 0 70px 0;
}
.clientes figure {
margin-bottom: 70px;
}
.clientes figure img {
max-height: 60px;
}
.clientes .item-client {
text-align: center;
}
.clientes .item-client i {
font-size: 48px;
margin-bottom: 15px;
color: #42c4da;
}
.clientes .item-client p {
/* font-size: 20px;*/
margin-bottom: 35px;
font-weight: 600;
}
.how-it-works {
/* padding: 70px 0;*/
padding: 140px 0 70px 0;
}
.how-it-works .step {
padding: 20px 70px 0 0;
position: relative;
}
@media (max-width: 767.98px) {
.how-it-works .step {
padding: 20px 0 0 0;
text-align: center;
}
}
.how-it-works .step:hover {
animation: .8s pulse;
}
.how-it-works .step .icon-wrap {
width: 64px;
height: 64px;
position: relative;
}
@media (max-width: 767.98px) {
.how-it-works .step .icon-wrap {
margin: 0 auto;
}
}
.how-it-works .step .icon-wrap:before {
position: absolute;
content: "";
width: 48px;
height: 48px;
border-radius: 0 50% 50% 50%;
background: #42c4da;
z-index: -1;
}
.how-it-works .step .icon-wrap span {
font-size: 60px;
}
.how-it-works .step .icon-wrap img {
max-width: 48px;
max-height: 48px;
position: absolute;
right: 0;
bottom: 0;
}
.how-it-works .step h3 {
font-size: 16px;
font-weight: 700;
}
.how-it-works .step h3 span {
font-size: 13px;
font-weight: 300;
color: #42c4da
}
.how-it-works .step .line {
max-width: 85px;
position: absolute;
top: 50%;
right: -5%;
}
@media (max-width: 991.98px) {
.how-it-works .step .line {
display: none;
}
}
.how-it-works .step .line svg {
max-width: 100%;
}
.how-it-works .step .line.reverse {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.achievements {
padding: 100px 0 120px 0;
}
.achievements .numbers {
text-align: center;
}
.achievements .numbers strong {
font-size: 40px;
}
.achievements .numbers strong span {
color: #42c4da;
}
.achievements .numbers h4 {
font-size: 16px;
margin-bottom: 10px;
}
.achievements .numbers p {
line-height: 1.5;
color: rgba(0, 8, 57, 0.5);
}
.services-section {
/* background: #f8f9fa;*/
background: #42c4da;
padding: 70px 0;
}
@media (max-width: 767.98px) {
.services-section,
.solution-section {
text-align: center;
}
}
.services-section .subtitle {
color: #fff;
}
.services-section .btn.btn-primary {
background: #fff;
color: #1a325a;
border-color: #fff;
}
.services-section .btn.btn-primary:hover {
background: #1a325a;
color: #fff;
border-color: #1a325a;
}
.services-section .img-wrap-2 {
overflow: hidden;
position: relative;
}
.services-section .img-wrap-2 i {
font-size: 48px;
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
}
.services-section .img-wrap-2:hover i {
font-size: 132px;
}
.services-section .img-wrap-2 .bg-play {
width: 80px;
height: 80px;
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
background-color: #1a325a;
border-radius: 50%;
}
.services-section .img-wrap-2:hover .bg-play {
transform: scale(10);
opacity: 0.9
}
.services-section .btn-play {
display: block;
}
.services-section .btn-play .dotted:before {
position: absolute;
content: "";
/* background-image: url("../imgs/dotted.png");*/
background-image: url("../imgs/dotted2.png");
height: 273px;
width: 313px;
z-index: -1;
bottom: -25px;
left: -25px;
}
.services-section .btn-play figure {
background-color: #1a325a;
}
.services-section .btn-play img {
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
}
.services-section .btn-play:hover img {
/* opacity: 0.1;*/
}
.solution-section {
background: #f8f9fa;
/* background: #42c4da;*/
padding: 70px 0;
}
.solution-section .img-wrap-2 {
overflow: hidden;
position: relative;
}
.solution-section .img-wrap-2 i {
font-size: 48px;
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
}
.solution-section .img-wrap-2:hover i {
font-size: 132px;
}
.solution-section .img-wrap-2 .bg-play {
width: 80px;
height: 80px;
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
background-color: #1a325a;
border-radius: 50%;
}
.solution-section .img-wrap-2:hover .bg-play {
transform: scale(10);
opacity: 0.9
}
.solution-section .btn-play {
display: block;
}
.solution-section .btn-play .dotted:before {
position: absolute;
content: "";
/* background-image: url("../imgs/dotted.png");*/
background-image: url("../imgs/dotted2.png");
height: 273px;
width: 313px;
z-index: -1;
bottom: -25px;
left: -25px;
}
.solution-section .btn-play figure {
background-color: #1a325a;
}
.solution-section .btn-play img {
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
}
.solution-section .btn-play:hover img {
/* opacity: 0.1;*/
}
.testimonial-section {
padding: 70px 0 100px 0;
}
.testimonial-section .testimonial blockquote {
margin-bottom: 20px;
}
.testimonial-section .testimonial .author {
font-size: 14px;
}
.testimonial .author i {
font-size: 24px;
position: relative;
top: 4px;
}
.testimonial .author a:hover {
letter-spacing: 1px;
}
.testimonial-section .testimonial .author h3 {
font-size: 14px;
color: #1a325a;
font-weight: 700;
margin: 0;
}
.testimonial-wrap .author .mapa {
width: 100%;
height: 235px;
}
.banners .owl-nav,
.eventos .owl-nav,
.owl-single .owl-nav {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767.98px) {
.banners .owl-nav,
.eventos .owl-nav,
.owl-single .owl-nav {
display: none;
}
}
.banners .owl-nav .owl-prev,
.banners .owl-nav .owl-next,
.eventos .owl-nav .owl-prev,
.eventos .owl-nav .owl-next,
.owl-single .owl-nav .owl-prev,
.owl-single .owl-nav .owl-next {
position: absolute;
top: 0;
}
.banners .owl-nav .owl-prev span,
.banners .owl-nav .owl-next span,
.eventos .owl-nav .owl-prev span,
.eventos .owl-nav .owl-next span,
.owl-single .owl-nav .owl-prev span,
.owl-single .owl-nav .owl-next span {
display: block;
background: #ffffff;
padding: 15px;
}
.eventos .owl-nav .owl-prev span,
.eventos .owl-nav .owl-next span {
background-color: transparent;
}
.banners .owl-nav .owl-prev,
.eventos .owl-nav .owl-prev,
.owl-single .owl-nav .owl-prev {
/* left: -30px;*/
left: 0;
}
.banners .owl-nav .owl-next,
.eventos .owl-nav .owl-next,
.owl-single .owl-nav .owl-next {
right: 0;
}
.banners .owl-nav .owl-next > span,
.eventos .owl-nav .owl-next > span,
.owl-single .owl-nav .owl-next > span {
position: relative;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.blog-entries-section {
padding: 70px 0;
background: #f8f9fa;
}
@media (max-width: 767.98px) {
.blog-entries-section {
padding-bottom: 0;
}
.blog-entries-section h1,
.blog-entries-section .section-title.text-left,
.blog-entries-section p.mb-4.text-primary {
width: 100%;
text-align: center;
text-align: center !important;
}
.addthis_inline_share_toolbox {
margin: 0 auto;
}
}
.post-entry {
border-radius: 20px;
border-bottom-left-radius: 0;
background: #ffffff;
position: relative;
top: 0;
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
overflow: hidden;
display: block;
}
.post-entry.bg-gray {
background: #f8f9fa;
}
.post-entry.bg-gray:hover {
background: #fff;
}
.post-entry .date {
padding: 20px 20px 10px 20px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
display: block;
}
.post-entry h3 {
font-size: 16px;
font-weight: 700;
padding: 0 20px 20px 20px;
margin-bottom: 0;
color: #1a325a;
}
.post-entry h4 {
font-size: 14px;
font-weight: 600;
color: #1a325a;
}
.post-entry p {
font-size: 14px;
padding: 15px 20px 20px 20px;
}
.post-entry *:last-child {
margin-bottom: 0;
}
.post-entry:hover,
.post-entry:focus {
top: -5px;
-webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);
}
.blog-entries-section .pagination {
border-radius: .25rem;
overflow: hidden;
}
.blog-entries-section .article p {
margin-bottom: 0;
}
.page-link {
padding: .5rem 1rem;
color: #1a325a;
border: none;
background-color: #f8f9fa !important;
}
.page-link:hover {
background-color: #42c4da !important;
}
.page-item.active .page-link {
padding: .5rem 1rem;
background-color: #1a325a !important;
border-color: #42c4da;
color: #42c4da;
}
.img-wrap-3 {
margin-top: -120px;
position: relative;
}
@media (max-width: 767.98px) {
.img-wrap-3 {
margin-bottom: 80px !important;
}
}
.img-wrap-3 .dotted:before {
position: absolute;
content: "";
background-image: url("../imgs/dotted.png");
height: 273px;
width: 313px;
z-index: -1;
bottom: -50px;
left: -50px;
}
.testimonial-wrap {
background: #f8f9fa;
padding: 40px;
border-radius: 40px;
border-bottom-left-radius: 0;
}
.testimonial-wrap img {
/*
max-width: 80px;
border-radius: 50%;
margin-top: 50px;
-webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
*/
}
.testimonial-wrap blockquote,
.testimonial-wrap .author {
max-width: 300px;
font-weight: 700;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.testimonial-wrap .author {
font-weight: 400;
}
.custom-block {
margin-bottom: 30px;
}
.custom-block .section-title {
font-size: 18px;
font-weight: 700;
}
.custom-accordion .accordion-item {
background-color: #f9f9f9;
margin-bottom: 0px;
position: relative;
border-radius: 0px;
overflow: hidden;
}
.custom-accordion .accordion-item .btn-link {
display: block;
width: 100%;
padding: 15px 0;
text-decoration: none;
text-align: left;
color: #999;
border: none;
padding-left: 40px;
border-radius: 0;
position: relative;
background: #ffffff;
}
.custom-accordion .accordion-item .btn-link:before {
font-family: 'icomoon';
content: "\f067";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 15px;
}
.custom-accordion .accordion-item .btn-link[aria-expanded="true"] {
font-weight: 700;
color: #42c4da;
}
.custom-accordion .accordion-item .btn-link[aria-expanded="true"]:before {
font-family: 'icomoon';
content: "\f068";
position: absolute;
color: #42c4da;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 15px;
}
.custom-accordion .accordion-item.active {
z-index: 2;
}
.custom-accordion .accordion-item.active .btn-link {
color: #42c4da;
-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
}
.custom-accordion .accordion-item .accordion-body {
padding: 20px 20px 20px 20px;
color: #888;
}
.control {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 15px;
cursor: pointer;
font-size: 18px;
}
.control .caption {
position: relative;
top: -3px;
font-size: 16px;
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
}
.control__indicator {
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
background: #e6e6e6;
border-radius: 4px;
}
.control--radio .control__indicator {
border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
background: #ccc;
}
.control input:checked ~ .control__indicator {
background: #42c4da;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
background: #2b74fb;
}
.control input:disabled ~ .control__indicator {
background: #e6e6e6;
opacity: 0.9;
pointer-events: none;
}
.control__indicator:after {
font-family: 'icomoon';
content: '\e5ca';
position: absolute;
display: none;
font-size: 14px;
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
}
.control input:checked ~ .control__indicator:after {
display: block;
color: #fff;
}
.control--checkbox .control__indicator:after {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.control--checkbox input:disabled ~ .control__indicator:after {
border-color: #7b7b7b;
}
.control--checkbox input:disabled:checked ~ .control__indicator {
background-color: #42c4da;
opacity: .2;
}
.gal-item {
display: block;
margin-bottom: 8px;
}
.gal-item img {
border-radius: 4px;
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
opacity: 1;
}
.gal-item:hover img {
opacity: .5;
}
.social-icons li {
display: inline-block;
}
.social-icons li a {
color: rgba(255, 255, 255, 0.5);
display: inline-block;
width: 40px;
height: 40px;
position: relative;
border-radius: 50%;
background: #303030;
}
.social-icons li a i,
.social-icons li a span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.social-icons li a:hover {
color: #ffffff;
}
.social-icons li:first-child a {
padding-left: 0;
}
.social-icons.light li a {
color: #000000;
display: inline-block;
width: 40px;
height: 40px;
position: relative;
border-radius: 50%;
background: #f8f9fa;
}
.video-wrap {
position: relative;
display: block;
overflow: hidden;
border-radius: 10px;
}
.video-wrap .play-wrap {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
border-radius: 50%;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}
.video-wrap .play-wrap > i,
.video-wrap .play-wrap > span {
font-size: 48px;
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
}
.video-wrap:hover .play-wrap > i {
font-size: 132px;
}
.video-wrap .bg-wrap {
width: 80px;
height: 80px;
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
background-color: #1a325a;
border-radius: 50%;
}
.video-wrap:hover .bg-wrap {
transform: scale(10);
opacity: 0.9
}
.banners .owl-dots,
.owl-single.dots-absolute .owl-dots {
bottom: 40px;
}
.banners .owl-dots .owl-dot span,
.eventos .owl-dots .owl-dot span,
.videos .owl-dots .owl-dot span,
.owl-single.dots-absolute .owl-dots .owl-dot span {
background: rgba(255, 255, 255, 0.5);
}
.banners .owl-dots,
.eventos .owl-dots,
.owl-single .owl-dots {
text-align: center;
position: absolute;
width: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.banners .owl-dots .owl-dot,
.eventos .owl-dots .owl-dot,
.videos .owl-dots .owl-dot,
.owl-single .owl-dots .owl-dot {
display: inline-block;
margin: 5px;
}
.banners .owl-dots .owl-dot span,
.eventos .owl-dots .owl-dot span,
.videos .owl-dots .owl-dot span,
.owl-single .owl-dots .owl-dot span {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.2);
}
.banners .owl-dots .owl-dot.active span,
.eventos .owl-dots .owl-dot.active span,
.videos .owl-dots .owl-dot.active span,
.owl-single .owl-dots .owl-dot.active span {
background: #42c4da;
}
.owl-single.no-dots .owl-dots {
display: none;
}
.owl-single.no-nav .owl-nav {
display: none;
}
.testimonial {
max-width: 500px;
text-align: center;
margin-bottom: 30px;
}
.testimonial .name {
font-size: 18px;
color: #000000;
}
.testimonial .img-wrap img {
margin: 0 auto;
width: 70px;
border-radius: 50%;
}
.eventos .testimonial .img-wrap img {
margin: 0 auto;
max-width: 100px;
width: auto;
height: 70px;
border-radius: 0;
}
.list-check li {
display: block;
padding-left: 30px;
position: relative;
}
.list-check li:before {
content: "\e5ca";
font-family: 'icomoon';
position: absolute;
top: -.3rem;
font-size: 20px;
left: 0;
}
.site-footer {
background: #1a325a;
color: #fff;
padding-top: 70px;
padding-bottom: 30px;
font-size: 15px;
}
@media (max-width: 991.98px) {
.site-footer {
padding-top: 30px;
}
}
.site-footer a {
color: #fff;
}
.site-footer a:hover {
color: #42c4da;
}
.site-footer .widget {
margin-bottom: 30px;
}
.site-footer .widget h3 {
font-size: 16px;
font-weight: 700;
margin-bottom: 30px;
}
.site-footer .widget .social li {
display: inline-block;
margin-right: 10px;
}
.site-footer .widget .social li a {
width: 42px;
height: 42px;
border-radius: 50%;
background: transparent;
display: inline-block;
position: relative;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.1);
font-size: 16px;
}
.site-footer .widget .social li a:hover {
border-color: #fff;
}
.site-footer .widget .social li a i,
.site-footer .widget .social li a span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.site-footer .widget .social li a:hover {
color: #42c4da;
}
.site-footer .widget .links li {
display: block;
margin-bottom: 10px;
}
.site-footer .widget .links li a,
.site-footer .widget h6 {
color: #42c4da;
position: relative;
}
.site-footer .widget .links li a:hover {
color: #fff;
padding-left: 25px;
}
.site-footer .widget .links li a:before {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
height: 24px;
position: absolute;
left: -25px;
top: 0;
font-size: 1em;
font-family: 'icomoon' !important;
content: "\e317";
opacity: 0;
}
.site-footer .widget .links li a:hover::before {
left: 0;
opacity: 1;
}
.site-footer .copyright {
position: relative;
padding-top: 40px;
margin-top: 40px;
/* color: #42c4da;*/
color: rgba(255, 255, 255, 0.5);
}
.site-footer .copyright:before {
top: 0;
position: absolute;
left: 15px;
right: 15px;
content: "";
height: 1px;
background: rgba(255, 255, 255, 0.1);
}
.site-footer .copyright img {
opacity: 0.5;
-webkit-transition: .2s all ease;
-o-transition: .2s all ease;
transition: .2s all ease;
}
.site-footer .copyright img:hover {
opacity: 1;
}
/*WHATSAPP------------ */
.whatsapp {
position: fixed;
z-index: 10;
left: 20px;
bottom: 20px;
}
.whatsapp > a {
width: 60px;
height: 60px;
background-color: #25E479;
color: #fff;
display: block;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
}
.whatsapp > a:hover {
background-color: #42c4da;
animation: pulse 0.5s infinite;
-moz-animation: pulse 0.5s infinite;
-webkit-animation: pulse 0.5s infinite;
}
.whatsapp > a > i {
font-size: 32px;
line-height: 60px;
}