@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800);
body {
font-family: Inter, sans-serif;
font-weight: 400;
font-style: normal;
color: #000000;
overflow-x: hidden
}
.c1,.c2,.c3 {font-weight: 900;}
.c1 {color: #051b2d !important;}
.c2 {color: #00dfff !important;}
.c3 {color: #3767ed !important;}
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
hyphens: manual
}
img {
max-width: 100%;
width: 100%;
}
a:focus,
button:focus,
input:focus,
textarea:focus {
text-decoration: none;
outline: 0
}
a:focus,
a:hover {
text-decoration: none
}
a,
i,
span {
display: inline-block
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Inter, sans-serif;
font-weight: 600;
color: #000000;
margin: 0
}
h1 {
font-size: 48px
}
h2 {
font-size: 36px
}
h3 {
font-size: 28px
}
h4 {
font-size: 22px
}
h5 {
font-size: 18px
}
h6 {
font-size: 16px
}
ul {
margin: 0;
padding: 0;
list-style-type: none
}
p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #000000;
margin: 0
}
.bg_cover {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%
}
.section-title .title {font-size: 44px;font-weight: 900;color: #ffffff;line-height: 55px;}
@media (max-width:767px) {
.section-title .title {font-size: 30px;line-height: 35px;}
}
.section-title .text {
font-size: 16px;
line-height: 24px;
color: #6c6c6c;
margin-top: 24px
}
.main-btn {
display: inline-block;
font-weight: 700;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 2px solid transparent;
padding: 0 32px;
font-size: 16px;
line-height: 46px;
color: #666;
cursor: pointer;
z-index: 5;
-webkit-transition: all .4s ease-out 0s;
-moz-transition: all .4s ease-out 0s;
-ms-transition: all .4s ease-out 0s;
-o-transition: all .4s ease-out 0s;
transition: all .4s ease-out 0s;
position: relative;
text-transform: uppercase
}
@media (max-width:767px) {
.main-btn {
font-size: 14px;
padding: 0 20px;
line-height: 40px
}
}
.rounded-buttons ul li {
display: inline-block;
margin-left: 18px;
margin-top: 20px
}
@media (max-width:767px) {
.rounded-buttons ul li {
margin-left: 0
}
}
.rounded-buttons ul li:first-child {
margin-left: 0
}
.rounded-buttons .main-btn {
border-radius: 50px
}
.rounded-buttons .rounded-one {
border-color: #2b3e50;
color: #2b3e50
}
.rounded-buttons .rounded-one:hover {
background-color: rgba(56, 249, 215, .4)
}
.rounded-buttons .rounded-c2 {
color: #fff;
background-color: #2b3e50;
border-color: #2b3e50
}
.rounded-buttons .rounded-c2:hover {
background-color: rgba(56, 249, 215, .4);
border-color: rgba(56, 249, 215, .4)
}
.rounded-buttons .rounded-c3 {
overflow: hidden;
line-height: 52px;
background: #146ef5;
background-size: 200% auto;
color: #fff;
border: 0;
-webkit-transition: all .1s ease-out 0s;
-moz-transition: all .1s ease-out 0s;
-ms-transition: all .1s ease-out 0s;
-o-transition: all .1s ease-out 0s;
transition: all .1s ease-out 0s
}
@media only screen and (min-width:768px) and (max-width:991px) {
.rounded-buttons .rounded-c3 {
line-height: 44px
}
}
@media (max-width:767px) {
.rounded-buttons .rounded-c3 {
line-height: 44px
}
}
.rounded-buttons .rounded-c3:hover {
transform: scale(1.2);
}
@-webkit-keyframes iconTranslateY {
49% {
-webkit-transform: translateY(100%)
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%)
}
51% {
opacity: 1
}
}
@-moz-keyframes iconTranslateY {
49% {
-webkit-transform: translateY(100%)
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%)
}
51% {
opacity: 1
}
}
@keyframes iconTranslateY {
49% {
-webkit-transform: translateY(100%)
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%)
}
51% {
opacity: 1
}
}
.navbar-area {
background: transparent;
padding: 10px 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999; /* más alto para que siempre esté encima */
transition: all .3s ease-out 0s;
box-shadow: none; /* opcional: quitar sombra */
}
/* Navbar con fondo al hacer scroll */
.navbar-area.scrolled {
background: #000000;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.navbar-area .navbar-brand img {
max-width: 250px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.navbar-area {
padding: 10px 0
}
}
@media (max-width:767px) {
.navbar-area {
padding: 10px 0
}
}
.navbar-area .navbar {
position: relative;
padding: 0
}
.navbar-area .navbar .navbar-toggler .toggler-icon {
width: 30px;
height: 2px;
background-color: #fff;
margin: 5px 0;
display: block;
position: relative;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}
.navbar-area .navbar .navbar-toggler.active .toggler-icon:nth-of-type(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 7px
}
.navbar-area .navbar .navbar-toggler.active .toggler-icon:nth-of-type(2) {
opacity: 0
}
.navbar-area .navbar .navbar-toggler.active .toggler-icon:nth-of-type(3) {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
top: -7px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.navbar-area .navbar .navbar-collapse {
position: absolute;
top: 108%;
left: 0;
width: 100%;
background-color: #000;
z-index: 8;
padding: 10px 16px;
-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
-moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16)
}
}
@media (max-width:767px) {
.navbar-area .navbar .navbar-collapse {
position: absolute;
top: 108%;
left: 0;
width: 100%;
background-color: #000;
z-index: 8;
padding: 10px 16px;
-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
-moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16)
}
}
.navbar-area .navbar .navbar-nav {
margin-right: 24px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.navbar-area .navbar .navbar-nav {
margin-right: 0
}
}
@media (max-width:991px) {
.navbar-area .navbar .navbar-nav .nav-item a {
color: #fff !important;
}
}
@media (max-width:767px) {
.navbar-area .navbar .navbar-nav {
margin-right: 0
}
}
.navbar-area .navbar .navbar-nav .nav-item {
position: relative
}
.navbar-area .navbar .navbar-nav .nav-item a {font-size: 16px;line-height: 24px;font-weight: 700;padding: 11px 16px;color: #fff;text-transform: uppercase;position: relative;border-radius: 5px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;margin: 14px 0}
@media only screen and (min-width:768px) and (max-width:991px) {
.navbar-area .navbar .navbar-nav .nav-item a {
padding: 10px 0;
display: block;
border: 0;
margin: 0
}
}
@media (max-width:767px) {
.navbar-area .navbar .navbar-nav .nav-item a {
padding: 10px 0;
display: block;
border: 0;
margin: 0
}
}
.navbar-area .navbar .navbar-nav .nav-item a::before {position: absolute;content: '';width: 66px;height: 4px;border-radius: 2px; background-color: #146ef5;left: 50%;bottom: 0%;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;-webkit-transform: translateX(-50%) scaleX(0);-moz-transform: translateX(-50%) scaleX(0);-ms-transform: translateX(-50%) scaleX(0);-o-transform: translateX(-50%) scaleX(0);transform: translateX(-50%) scaleX(0);}
@media only screen and (min-width:768px) and (max-width:991px) {
.navbar-area .navbar .navbar-nav .nav-item a::before {
display: none
}
}
@media (max-width:767px) {
.navbar-area .navbar .navbar-nav .nav-item a::before {
display: none
}
}
.navbar-area .navbar .navbar-nav .nav-item.active>a::before,
.navbar-area .navbar .navbar-nav .nav-item:hover>a::before {
-webkit-transform: translateX(-50%) scaleX(1);
-moz-transform: translateX(-50%) scaleX(1);
-ms-transform: translateX(-50%) scaleX(1);
-o-transform: translateX(-50%) scaleX(1);
transform: translateX(-50%) scaleX(1)
}
.navbar-area .navbar .navbar-nav .nav-item .sub-menu {
position: absolute;
right: 0;
top: 100%;
width: 260px;
background-color: #fff;
border-radius: 5px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
z-index: 99;
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .16);
-moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .16);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .16)
}
@media only screen and (min-width:768px) and (max-width:991px) {
.navbar-area .navbar .navbar-nav .nav-item .sub-menu {
position: relative!important;
width: 100%!important;
left: 0!important;
top: auto!important;
opacity: 1!important;
visibility: visible!important;
display: none;
right: auto;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all none ease-out 0s;
-moz-transition: all none ease-out 0s;
-ms-transition: all none ease-out 0s;
-o-transition: all none ease-out 0s;
transition: all none ease-out 0s;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-align: left;
border-top: 0
}
}
@media (max-width:767px) {
.navbar-area .navbar .navbar-nav .nav-item .sub-menu {
position: relative!important;
width: 100%!important;
left: 0!important;
top: auto!important;
opacity: 1!important;
visibility: visible!important;
display: none;
right: auto;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all none ease-out 0s;
-moz-transition: all none ease-out 0s;
-ms-transition: all none ease-out 0s;
-o-transition: all none ease-out 0s;
transition: all none ease-out 0s;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-align: left;
border-top: 0
}
}
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li {
position: relative
}
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li .sub-nav-toggler {
color: #000000;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li a {
display: block;
padding: 8px 24px;
position: relative;
color: #000000;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
border-radius: 0;
margin: 0 0
}
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li a i {
float: right;
font-size: 14px;
margin-top: 5px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li a i {
display: none
}
}
@media (max-width:767px) {
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li a i {
display: none
}
}
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li a .sub-nav-toggler i {
display: inline-block
}
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li a::after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 5px;
background: -webkit-linear-gradient(left, #0067f4 0, #2bdbdc 100%);
background: -o-linear-gradient(left, #0067f4 0, #2bdbdc 100%);
background: linear-gradient(to right, #0067f4 0, #2bdbdc 100%);
opacity: 0;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
z-index: -1
}
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li a::before {
display: none
}
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li .sub-menu {
right: auto;
left: 100%;
top: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}
@media only screen and (min-width:768px) and (max-width:991px) {
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li .sub-menu {
padding-left: 30px
}
}
@media (max-width:767px) {
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li .sub-menu {
padding-left: 30px
}
}
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li:hover .sub-menu {
opacity: 1;
visibility: visible
}
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li:hover .sub-nav-toggler {
color: #fff
}
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li:hover>a {
color: #fff
}
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li:hover>a::after {
opacity: 1
}
.navbar-area .navbar .navbar-nav .nav-item .sub-menu li:hover>a::before {
opacity: 1
}
.navbar-area .navbar .navbar-nav .nav-item:hover .sub-menu {
opacity: 1;
visibility: visible
}
.navbar-area .navbar .navbar-nav .nav-item .sub-nav-toggler {
display: none
}
@media only screen and (min-width:768px) and (max-width:991px) {
.navbar-area .navbar .navbar-nav .nav-item .sub-nav-toggler {
display: inline-block;
position: absolute;
top: 0;
right: 0;
padding: 10px 14px;
font-size: 16px;
background: 0 0;
border: 0;
color: #fff
}
}
@media (max-width:767px) {
.navbar-area .navbar .navbar-nav .nav-item .sub-nav-toggler {
display: inline-block;
position: absolute;
top: 0;
right: 0;
padding: 10px 14px;
font-size: 16px;
background: 0 0;
border: 0;
color: #fff
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.navbar-area .navbar .navbar-btn {
position: absolute;
right: 70px;
top: 11px
}
}
@media (max-width:767px) {
.navbar-area .navbar .navbar-btn {
position: absolute;
right: 60px;
top: 11px
}
}
.navbar-area .navbar .navbar-btn .menu-bar {
font-size: 32px;
position: relative;
overflow: hidden;
color: #fff;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}
.sidebar-right {
position: fixed;
top: 0;
right: 0;
background-color: #f4f6f7;
height: 100%;
width: 300px;
padding-top: 80px;
z-index: 9999;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}
.sidebar-content .sidebar-logo img {
width: 50%
}
@media (max-width:767px) {
.sidebar-right {
width: 250px
}
}
.sidebar-right .sidebar-close {
position: absolute;
top: 30px;
left: 30px
}
.sidebar-right .sidebar-close .close {
font-size: 24px;
color: #000000
}
.sidebar-right .sidebar-content .sidebar-menu {
margin-top: 40px
}
.sidebar-right .sidebar-content .sidebar-menu ul li a {
font-size: 16px;
line-height: 24px;
font-weight: 700;
padding: 11px 16px;
color: #000000;
text-transform: uppercase;
position: relative;
border-radius: 5px;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
border-bottom: 1px solid #cbced1;
display: block
}
.sidebar-right .sidebar-content .sidebar-menu ul li a:hover {
color: #2b3e50
}
.overlay-right {
position: fixed;
background-color: rgba(0, 0, 0, .6);
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 999
}
.landing-area .bd-example .carousel .carousel-inner {
background-color: #2b3e50
}
.landing-area .bd-example .carousel .carousel-inner .carousel-item {
height: 90vh
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.landing-area .bd-example .carousel .carousel-inner .carousel-item {
height: 600px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.landing-area .bd-example .carousel .carousel-inner .carousel-item {
height: 600px
}
}
@media (max-width:767px) {
.landing-area .bd-example .carousel .carousel-inner .carousel-item {
height: 400px
}
}
.landing-area .bd-example .carousel .carousel-inner .carousel-item .carousel-caption {
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
left: 0
}
.landing-area .bd-example .carousel .carousel-inner .carousel-item .carousel-caption .carousel-title {font-size: 69px;font-weight: 900;color: #fff;line-height: 68px;}
@media (max-width:767px) {
.landing-area .bd-example .carousel .carousel-inner .carousel-item .carousel-caption .carousel-title {font-size: 24px;line-height: 32px;font-weight: 900;}
}
.landing-area .bd-example .carousel .carousel-inner .carousel-item .carousel-caption .carousel-btn li {
display: inline-block;
margin: 16px 8px 0
}
@media (max-width:767px) {
.landing-area .bd-example .carousel .carousel-inner .carousel-item .carousel-caption .carousel-btn li {
margin: 16px 3px 0
}
}
.landing-area .bd-example .carousel .carousel-inner .carousel-item .carousel-caption .carousel-btn li a.rounded-c3 {
border: 0
}
.landing-area .bd-example .carousel .carousel-inner .carousel-item .carousel-caption .carousel-btn li a.rounded-one {
border-color: #fff;
color: #fff
}
.landing-area .bd-example .carousel .carousel-inner .carousel-item .carousel-caption .carousel-btn li a.rounded-one:hover {
background-color: rgba(255, 255, 255, .3)
}
.landing-3 {
padding-top: 0
}
.landing-3 .bd-example .carousel .carousel-inner .carousel-item {
height: 850px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.landing-3 .bd-example .carousel .carousel-inner .carousel-item {
height: 650px
}
}
@media (max-width:767px) {
.landing-3 .bd-example .carousel .carousel-inner .carousel-item {
height: 550px
}
}
@media only screen and (min-width:576px) and (max-width:767px) {
.landing-3 .bd-example .carousel .carousel-inner .carousel-item {
height: 650px
}
}
.area {
position: relative;
background-color: #f4f6f7;
padding-top: 100px;
padding-bottom: 100px
}
.area-bg-light {
background-color: #ffffff !important;
}
.area .section-title .title {
font-size: 44px;
font-weight: 600;
line-height: 55px;
color: #000000
}
@media (max-width:767px) {
.area .section-title .title {
font-size: 22px;
line-height: 32px
}
}
@media only screen and (min-width:576px) and (max-width:767px) {
.area .section-title .title {
font-size: 28px;
line-height: 38px
}
}
.area .section-title .text {
font-size: 20px;
line-height: 25px;
color: #000000;
margin-top: 8px
}
@media (max-width:767px) {
.area .section-title .text {
font-size: 16px
}
}
.contact-area {
padding-top: 95px;
padding-bottom: 100px;
background-color: #000000
}
.contact-two .contact-title {
font-size: 24px;
font-weight: 600;
color: #000000
}
.contact-two .text {
font-size: 16px;
line-height: 24px;
margin-top: 16px;
color: #6c6c6c
}
.contact-two .contact-info {
margin-top: 40px
}
.contact-two .contact-info li {
color: #6c6c6c;
margin-top: 8px;
font-size: 16px
}
.contact-two .contact-info li i {
margin-right: 5px;
}
.form-input label {
font-size: 12px;
line-height: 18px;
color: #6c6c6c;
margin-bottom: 8px;
display: inline-block
}
.form-input .input-items {
position: relative
}
.form-input .input-items input,
.form-input .input-items textarea {width: 100%;height: 44px;border: 0;padding-left: 44px;padding-right: 12px;position: relative;font-size: 16px;color: #6c6c6c;border-radius: 6px;}
.form-input .input-items input:focus,
.form-input .input-items textarea:focus {
border-color: #2b3e50
}
.form-input .input-items input::placeholder,
.form-input .input-items textarea::placeholder {
color: #6c6c6c;
opacity: 1
}
.form-input .input-items input::-moz-placeholder,
.form-input .input-items textarea::-moz-placeholder {
color: #6c6c6c;
opacity: 1
}
.form-input .input-items input::-moz-placeholder,
.form-input .input-items textarea::-moz-placeholder {
color: #6c6c6c;
opacity: 1
}
.form-input .input-items input::-webkit-input-placeholder,
.form-input .input-items textarea::-webkit-input-placeholder {
color: #6c6c6c;
opacity: 1
}
.form-input .input-items textarea {
padding-top: 8px;
height: 130px;
resize: none
}
.form-input .input-items i {
position: absolute;
top: 11px;
left: 13px;
font-size: 20px;
z-index: 9;
color: #6c6c6c
}
.copyright p {color: #676767;}
.footer-area {background-color: #f4f6f7;}
.footer-area .footer-widget {
padding-top: 90px;
padding-bottom: 120px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.footer-area .footer-widget {
padding-top: 70px;
padding-bottom: 100px
}
}
@media (max-width:767px) {
.footer-area .footer-widget {
padding-top: 50px;
padding-bottom: 80px
}
}
.footer-area .footer-widget .footer-title {
font-size: 14px;
font-weight: 700;
line-height: 18px;
color: #6c6c6c
}
.footer-area .footer-widget .footer-link {
margin-top: 32px
}
.footer-area .footer-widget .footer-link ul {
margin-top: 8px
}
.footer-area .footer-widget .footer-link ul li a {
font-size: 16px;
line-height: 24px;
color: #000000;
margin-top: 16px;
font-weight: 500;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}
.footer-area .footer-widget .footer-link ul li a:hover {
color: #2b3e50
}
.footer-area .footer-copyright {
padding-top: 13px;
padding-bottom: 23px
}
.footer-area .footer-copyright .copyright .text {
color: #000000
}
.over-image-1, .over-image-2 {
width: auto;
position: absolute;
transform: translate(-50%, -50%);
transition: transform 0.3s ease, color 0.3s ease;
}
.over-image-1 { top: 100%; left: 3%; }
.over-image-2 { top: 100%; left: 97%; }
@media (max-width:575px) {
.over-image-1, .over-image-2 {top: 1%;left: 90%;width: 40px;}
h1 {font-size: 28px}
h2 {font-size: 18px;}
.contact-two .contact-info li {
    text-align: center;
}
}