@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
text-decoration: none;
}

html,body {
background-color: rgba(20, 117, 121, 0.277);
width: 100%;
height: 100%;
}
/*----------------------------------------------------------------------------------------Start Top Bar*/
header{
z-index: 999;
position: absolute;
top: 0;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 200px;
transition: 0.5s ease;
}

header .brand{
color: #fff;
font-size: 1.5em;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
}

header .navigation{
position: relative;
}

header .navigation .navigation-items a{
position: relative;
color: #fff;
font-size: 1em;
font-weight: 500;
text-decoration: none;
margin-left: 30px;
transition: 0.3s ease;
}

header .navigation .navigation-items a:before{
content: '';
position: absolute;
background: #fff;
width: 0;
height: 3px;
bottom: 0;
left: 0;
transition: 0.3s ease;
}

header .navigation .navigation-items a:hover:before{
width: 100%;
}
/*----------------------------------------------------------------------------------------End Top Bar*/
/*----------------------------------------------------------------------------------------Star Container Top*/
section{ 
padding: 100px 200px;
}

.home{
position: relative;
width: 100%;
min-height: 100vh;
display: flex;
justify-content: center;
flex-direction: column;
background: #2696E9;
}

.home:before{ 
z-index: 777;
content: '';
position: absolute;
background: rgba(3, 96, 251, 0.3);
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.home .box{ 
z-index: 888;
color: #fff;
width: 70%;
margin-top: 50px;
display: none;
}

.home .box.active{ 
display: block;
}
/*----------------------------------------------------------------------------------------End Container Top*/
/*----------------------------------------------------------------------------------------Star Text Top*/
.home .box h1{
font-size: 4em;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 5px;
line-height: 75px;
margin-bottom: 40px;
}

.home .box h1 span{
font-size: 1.2em;
font-weight: 600;
}

.home .box p{
margin-bottom: 65px;
}

.home .box a{
background: #fff;
padding: 15px 35px;
color: #03151d;
font-size: 1.1em;
font-weight: 500;
text-decoration: none;
border-radius: 2px;
}

/*----------------------------------------------------------------------------------------end Text Top*/
/*----------------------------------------------------------------------------------------Start Media Icons*/

.home .media-icons{
z-index: 888;
position: absolute;
display: flex;
flex-direction: column;
transition: 0.5s ease;
}

.home .media-icons a{
color: #fff;
font-size: 1.6em;
transition: 0.3s ease;
}

.home .media-icons a:not(:last-child){
margin-bottom: 40px;
}

.home .media-icons a:hover{
transform: scale(1.3);
}
 
.home .media-icons a{
color: #fff;
font-size: 2em;
margin-top: 60px;
}  

/*----------------------------------------------------------------------------------------End Media Icons*/

.home video{ /*Position this video*/
z-index: 000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

/*----------------------------------------------------------------------------------------Start Bottom For The Slider Navegaition*/

.slider-navigation{
z-index: 888;
position: relative;
display: flex;
justify-content: center;
align-items: center;
transform: translateY(80px);
margin-bottom: 12px;
}

.slider-navigation .nav-btn{
width: 12px;
height: 12px;
background: #fff;
border-radius: 50%;
cursor: pointer;
box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
transition: 0.3s ease;
}

.slider-navigation .nav-btn.active{
background: #2696E9;
}

.slider-navigation .nav-btn:not(:last-child){
margin-right: 20px;
}

.slider-navigation .nav-btn:hover{
transform: scale(1.2);
}

.video-slide{
position: absolute;
width: 100%;
clip-path: circle(0% at 0 50%);
}

.video-slide.active{
clip-path: circle(150% at 0 50%);
transition: 2s ease;
transition-property: clip-path;
}
/*----------------------------------------------------------------------------------------End Bottom For The Slider Navegaition*/
/*----------------------------------------------------------------------------------------Start Mood Responsive Large*/
@media (max-width: 1500px){ /*Completo*/
header{
padding: 30px 50px;
}
  
main{
padding: 100px 0px;
}
  
.home .media-icons{
right: 50px;
}
/*--------------------------------------------------------------------------------------------------TextSuperior*/
.home .box h1{
font-size: 2em;
text-align: center;
margin-left: 200px;
font-weight: 900;
line-height: 45px;
text-transform: none;
margin-bottom: 40px;
}
.home .box p {
text-align: center;
margin-left: 132px;
margin-bottom: 65px;
}
/*--------------------------------------------------------------------------------------------End Text Superior*/
.slider-navigation{
z-index: 888;
position: relative;
display: flex;
justify-content: center;
align-items: center;
transform: translateX(-59px);
margin-bottom: 12px;
}} 
/*----------------------------------------------------------------------------------------End Mood Responsive Large*/
/*----------------------------------------------------------------------------------------Start Mood Responsive Laptops*/
@media (max-width: 992px){ /*Completo*/
header{
padding: 30px 110px;
}    
 
main{
padding: 100px 0px;
}
    
.home .media-icons{
right: 100px;
}
/*--------------------------------------------------------------------------------------------------TextSuperior*/
.home .box h1{
font-size: 2em;
text-align: center;
margin-left: 160px;
font-weight: 900;
line-height: 45px;
text-transform: none;
margin-bottom: 40px;
}

.home .box p {
text-align: center;
margin-left: 132px;
margin-bottom: 65px;
}
/*--------------------------------------------------------------------------------------------End Text Superior*/
.slider-navigation{
z-index: 888;
position: relative;
display: flex;
justify-content: center;
align-items: center;
transform: translateX(-59px);
margin-bottom: 12px;
}} 
/*----------------------------------------------------------------------------------------End Mood Responsive Laptops*/
/*----------------------------------------------------------------------------------------Start Mood Responsive Tablets*/ 
@media (max-width: 768px){ /*Completo*/
header{
padding: 45px 90px;
}

main{
padding: 100px 0px;
}

.home .media-icons{
right: 80px;
}
/*---------------------------------------------------------------------------------------Header Responsivo*/ 
header .navigation{
display: none;
}

header .navigation.active{
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(1, 1, 1, 0.5);
}

header .navigation .navigation-items a{
color: #222;
font-size: 1.2em;
margin: 20px;
}

header .navigation .navigation-items a:before{
background: #222;
height: 5px;
}

header .navigation.active .navigation-items{
background: #fff;
width: 600px;
max-width: 600px;
margin: 20px;
padding: 40px;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 5px;
box-shadow: 0 5px 25px rgb(1 1 1 / 20%);
}
/*---------------------------------------------------------------------------------------End Header Responsivo*/
/*---------------------------------------------------------------------------------------Icon Menu*/
.menu-btn{
background: url(menu.png)no-repeat;
background-size: 30px;
background-position: center;
width: 40px;
height: 40px;
cursor: pointer;
transition: 0.3s ease;
}

.menu-btn.active{
z-index: 999;
background: url(close.png)no-repeat;
background-size: 25px;
background-position: center;
transition: 0.3s ease;
}
/*----------------------------------------------------------------------------------------End Icon Menu*/
/*----------------------------------------------------------------------------------------Star text top*/
.home .box h1{
font-size: 3em;
text-align: center;
margin-left: 80px;
font-weight: 900;
line-height: 72px;
text-transform: none;
margin-bottom: 100px;
}

.home .box p {
text-align: center;
margin-left: 50px;
margin-bottom: 90px;
}

/*----------------------------------------------------------------------------------------End Text top*/

.slider-navigation{
z-index: 888;
position: relative;
display: flex;
justify-content: center;
align-items: center;
transform: translateX(-59px);
margin-bottom: 12px;
}}
/*----------------------------------------------------------------------------------------End Mood Responsive Tablets*/ 
/*----------------------------------------------------------------------------------------Start Mood Responsive Phones*/ 
@media (max-width: 600px){ /*Completo*/
header{
padding: 12px 20px;
}
  
main{
padding: 100px 0px;
}
/*---------------------------------------------------------------------------Header Responsivo*/ 

header .navigation{
display: none;
}
  
header .navigation.active{
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(1, 1, 1, 0.5);
}
  
header .navigation .navigation-items a{
color: #222;
font-size: 1.2em;
margin: 20px;
}
  
header .navigation .navigation-items a:before{
background: #222;
height: 5px;
}
  
header .navigation.active .navigation-items {
background: #fff;
position: absolute;
width: 350px !important;
left: -10px !important;
margin: 20px;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 5px;
box-shadow: 0 5px 25px rgb(1 1 1 / 20%);
}

/*------------------------------------------------------------------------------------End Header Responsivo*/
/*------------------------------------------------------------------------------------------Start Menu Burger*/

.menu-btn{
background: url(menu.png)no-repeat;
background-size: 30px;
background-position: center;
width: 40px;
height: 40px;
cursor: pointer;
transition: 0.3s ease;
}

.menu-btn.active{
z-index: 999;
background: url(close.png)no-repeat;
background-size: 25px;
background-position: center;
transition: 0.3s ease;
}

/*------------------------------------------------------------------------------------------End Menu Burger*/
/*------------------------------------------------------------------------------------------------Icon Menu*/ 

.home .media-icons {
position: absolute;
right: 20px;
}

/*-------------------------------------------------------------------------------------------------End Icon Menu*/
/*--------------------------------------------------------------------------------------------------TextSuperior*/

.home .box h1 {
font-size: 2em;
margin-left: 55px;
margin-top: -100px;
font-weight: 900;
line-height: 45px;
text-transform: none;
margin-bottom: 40px;
}

.home .box p {
text-align: center;
margin-left: 30px;
margin-bottom: -35px;
}

/*--------------------------------------------------------------------------------------------End Text Superior*/

.slider-navigation {
z-index: 888;
position: relative;
top: 32px;
left: -33px;
display: flex;
justify-content: center;
align-items: center;
transform: translateY(80px);
margin-bottom: 12px;
}}
/*----------------------------------------------------------------------------------------End Mood Responsive Phones*/ 
/*----------------------------------------------------------------------------------------Star Calendar*/
/*----------------------------------------------------------------------------------------Star Container Calendar*/
.card {
width: 100%;
max-width: 300px;
min-width: 200px;
height: 250px;
background-color: #40617a54;
margin: 10px;
border-radius: 10px;
box-shadow: 0px 2px 10px rgb(0 0 0 / 24%);
border: 2px solid rgba(7, 7, 7, 0.12);
font-size: 16px;
transition: all 0.3s ease;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
cursor: pointer;
transition: all 0.3s ease;
}

section{
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 80px 100px;
}

.container{
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

.content{
margin-top: 50px;
justify-content: center;
align-items: center;
}
/*----------------------------------------------------------------------------------------End Container Calendar*/
/*----------------------------------------------------------------------------------------Star Clock*/
.clock{
position: relative;
width: 350px;
height: 350px;
display: flex;
align-items: center;
justify-content: center;
background: url(./clock.png);
background-size: cover;
border: 4px solid #091921;
border-radius: 50%;
box-shadow: 0 -15px 15px rgba(255, 255, 255, 0.1)
     ,inset 0 -15px 15px rgba(255, 255, 255, 0.1)
                   , 0 15px 15px rgba(0,0,0, 0.3)
              ,inset 0 15px 15px rgba(0,0,0, 0.3);
}

.clock::before{
content: '';
position: absolute;
width: 15px;
height: 15px;
background: #fff;
border-radius: 50%;
z-index: 100000;
}

.clock .hour,
.clock .min,
.clock .sec{
position: absolute;
}

.clock .hour, .hr{
width: 160px;
height: 160px;
}

.clock .min, .mn{
width: 190px;
height: 190px;
}

.clock .sec, .sc{
width: 230px;
height: 230px;
}

.hr,.mn,.sc{
display: flex;
justify-content: center;
border-radius: 50%;
}

.hr::before{
content: '';
position: absolute;
width: 8px;
height: 80px;
background: #ff105e;
z-index: 10;
border-radius: 6px 6px 0 0;
}

.mn::before{
content: '';
position: absolute;
width: 4px;
height: 90px;
background: #fff;
z-index: 11;
border-radius: 6px 6px 0 0;
}

.sc::before{
content: '';
position: absolute;
width: 2px;
height: 150px;
background: #03a9f4;
z-index: 12;
border-radius: 6px 6px 0 0;
}
/*----------------------------------------------------------------------------------------Star Clock*/
/*----------------------------------------------------------------------------------------Start Text Calendar*/
.main-title{
font-size: 4em;
margin-bottom: 50px;
color: rgb(255, 255, 255);;
}

.content .text-box{
z-index: 222;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(20px);
padding: 40px;
max-width: 400px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
transform: translate(-80px, 50px);
}

.content .text-box h3{
font-size: 2em;
margin-bottom: 10px;
}

.section-title{
font-size: 3em;
margin-bottom: 80px;
}

.card .title {
width: 100%;
margin: 0;
text-align: center;
margin-top: 30px;
color: white;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 4px;
}

.card .text {
width: 80%;
margin: 0 auto;
font-size: 10px;
text-align: center;
margin-top: 20px;
color: white;
font-weight: 200;
letter-spacing: 2px;
opacity: 0;
max-height: 0;
transition: all 0.3s ease;
}
/*----------------------------------------------------------------------------------------End Text Calendar*/
/*----------------------------------------------------------------------------------------Start Card*/
/*----------------------------------------------------------------------------------------Start Icons Cards*/
.icon {
margin: 0 auto;
width: 100%;
height: 80px;
max-width: 80px;
background: linear-gradient(90deg, #8fc6cb 0%, #ffffff 40%, rgba(0, 0, 0, 0.28) 60%);
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
color: white;
transition: all 0.8s ease;
background-position: 0px;
background-size: 200px;
}

.card:hover {
height: 270px;
}

.card:hover .info {
height: 90%;
}

.card:hover .text {
transition: all 0.3s ease;
opacity: 1;
max-height: 40px;
}

.card:hover .icon {
background-position: -120px;
transition: all 0.3s ease;
}

.card:hover .icon i {
background: linear-gradient(90deg, #FF7E7E, #FF4848);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
opacity: 1;
transition: all 0.3s ease;
}
/*----------------------------------------------------------------------------------------End Icons Cards*/
/*----------------------------------------------------------------------------------------End Card*/

@media (max-width: 1500px){ /*Completo*/
.clock {
position: absolute;
top: 100px;
width: 350px;
height: 350px;
display: flex;
align-items: center;
justify-content: center;
background: url(./clock.png);
background-size: cover;
border: 4px solid #091921;
border-radius: 50%;
box-shadow: 0 -15px 15px rgb(255 255 255 / 10%), inset 0 -15px 15px rgb(255 255 255 / 10%), 0 15px 15px rgb(0 0 0 / 30%), inset 0 15px 15px rgb(0 0 0 / 30%);
}
    
.content {
margin-top: 190px;
display: flex;
justify-content: center;
align-items: center;
}

.card:hover .text{
max-height: 107px;
}}
@media (max-width: 768px){ /*Completo*/
.clock {
position: absolute !important;
margin-top: 0px !important;
margin-left: 0px !important;
width: 350px;
height: 350px;
display: flex;
align-items: center;
justify-content: center;
background: url(./clock.png);
background-size: cover;
border: 4px solid #091921;
border-radius: 50%;
box-shadow: 0 -15px 15px rgb(255 255 255 / 10%), inset 0 -15px 15px rgb(255 255 255 / 10%), 0 15px 15px rgb(0 0 0 / 30%), inset 0 15px 15px rgb(0 0 0 / 30%);
}

.content {
margin-top: 190px;
justify-content: center;
align-items: center;
}} 
@media (max-width: 600px){/*Completo*/
.clock {
position: absolute;
margin-bottom: 160px;
margin-top: 0px !important;
margin-left: 0px !important;
width: 290px;
height: 290px;
display: flex;
align-items: center;
justify-content: center;
background: url(./clock.png);
background-size: cover;
border: 4px solid #091921;
border-radius: 50%;
box-shadow: 0 -15px 15px rgb(255 255 255 / 10%), inset 0 -15px 15px rgb(255 255 255 / 10%), 0 15px 15px rgb(0 0 0 / 30%), inset 0 15px 15px rgb(0 0 0 / 30%);
}

.content {
position: absolute;
bottom: 150px;
display: contents;
}

.main-title {
font-size: 4em;
margin-bottom: 350px;
color: rgb(255, 255, 255);
}}

.carousel {
width: 100%;
height: 100%;
display: flex;
max-width: 900px;
max-height: 550px;
overflow: hidden;
position: relative;
}

.carousel-item {
visibility: visible;
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: flex-end;
-webkit-align-items: center;
-webkit-justify-content: flex-end;
position: relative;
background-color: #fff;
flex-shrink: 0;
-webkit-flex-shrink: 0;
position: absolute;
z-index: 0;
transition: 0.6s all linear;
}

.carousel-item__info {
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-flex-direction: column;
order: 1;
left: 0;
margin: auto;
padding: 0 40px;
width: 40%;
}

.carousel-item__image {
width: 60%;
height: 100%;
order: 2;
align-self: flex-end;
flex-basis: 60%;
-webkit-order: 2;
-webkit-align-self: flex-end;
-webkit-flex-basis: 60%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
transform: translateX(100%);
transition: 0.6s all ease-in-out;
}

.carousel-item__title {
margin: 15px 0 0 0;
font-family: "Playfair Display", serif;
font-size: 44px;
line-height: 45px;
letter-spacing: 3px;
font-weight: 700;
color: #2c2c2c;
transform: translateY(25%);
opacity: 0;
visibility: hidden;
transition: 0.6s all ease-in-out;
}

.carousel-item__description {
transform: translateY(25%);
opacity: 0;
visibility: hidden;
transition: 0.6s all ease-in-out;
margin-top: 35px;
font-family: "Open Sans", sans-serif;
font-size: 13px;
color: #7e7e7e;
line-height: 22px;
margin-bottom: 35px;
}

.carousel-item--1 .carousel-item__image {
background-image: url("a.jpg");
}

.carousel-item--2 .carousel-item__image {
background-image: url("b.jpg");
}

.carousel-item__btn {
width: 35%;
color: #2c2c2c;
font-family: "Open Sans", sans-serif;
letter-spacing: 3px;
font-size: 11px;
text-transform: uppercase;
margin: 0;
width: 35%;
font-weight: 700;
text-decoration: none;
transform: translateY(25%);
opacity: 0;
visibility: hidden;
transition: 0.6s all ease-in-out;
}

.carousel__nav {
position: absolute;
right: 0;
z-index: 2;
background-color: #fff;
bottom: 0;
}

.carousel__icon {
display: inline-block;
vertical-align: middle;
width: 16px;
fill: #5d5d5d;
}

.carousel__arrow {
cursor: pointer;
display: inline-block;
padding: 11px 15px;
position: relative;
}

.carousel__arrow:nth-child(1):after {
content: "";
right: -3px;
position: absolute;
width: 1px;
background-color: #b0b0b0;
height: 14px;
top: 50%;
margin-top: -7px;
}

.active {
z-index: 1;
display: flex;
visibility: visible;
}

.active .carousel-item__title,
.active .carousel-item__description,
.active .carousel-item__btn {
transform: translateY(0);
opacity: 1;
transition: 0.6s all ease-in-out;
visibility: visible;
}

.active .carousel-item__image {
transition: 0.6s all ease-in-out;
transform: translateX(0);
}

.footer-widget p {
margin-bottom: 27px;
}

p {
font-family: 'Nunito', sans-serif;
font-size: 16px;
line-height: 28px;
}

.animate-border {
position: relative;
display: block;
width: 115px;
height: 3px;
background: #007bff;
}

.animate-border:after {
position: absolute;
content: "";
width: 35px;
height: 3px;
left: 0;
bottom: 0;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
-webkit-animation: animborder 2s linear infinite;
animation: animborder 2s linear infinite;
}

@-webkit-keyframes animborder {
  0% {
  -webkit-transform: translateX(0px);
  transform: translateX(0px); 
  }
  100% {
  -webkit-transform: translateX(113px);
  transform: translateX(113px); 
  }
}

@keyframes animborder {
  0% {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  }
  100% {
  -webkit-transform: translateX(113px);
  transform: translateX(113px); 
  }
}

.animate-border.border-white:after {
border-color: #fff; 
}

.animate-border.border-yellow:after {
border-color: #F5B02E; 
}

.animate-border.border-orange:after {
border-right-color: #007bff;
border-left-color: #007bff; 
}

.animate-border.border-ash:after {
border-right-color: #EEF0EF;
border-left-color: #EEF0EF; 
}

.animate-border.border-offwhite:after {
border-right-color: #F7F9F8;
border-left-color: #F7F9F8; 
}

/* Animated heading border */
@keyframes primary-short {
0% {
width: 15%; 
}

50% {
width: 90%; 
}

100% {
width: 10%; 
}
}

@keyframes primary-long {
0% {
width: 80%; 
}

50% {
width: 0%; 
}

100% {
width: 80%; 
}
}
  
@media screen and (max-width: 1500px) { /*Completo*/
.carousel{
  padding-left: 100px;
}}
      
@media screen and (max-width: 600px) { /*Completo*/
.carousel{
padding-left: 0px;
}

.active .carousel-item__title{
font-size: 20px; 
padding-left: 2px;
letter-spacing: normal;
line-height: normal;
}

.carousel-item__info {  
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
display: -webkit-flex;
-webkit-justify-content: none; 
-webkit-flex-direction: none; 
order: none; 
left: 0;
margin: auto;
padding: 0 0px;
width: 40%;
}

.carousel-item__description {
transform: translateY(25%);
opacity: 0;
visibility: hidden;
transition: 0.6s all ease-in-out;
margin-top: 35px;
font-family: "Open Sans", sans-serif;
font-size: 13px;
color: #7e7e7e;
text-align: center;
margin-bottom: 35px;
}

.active .carousel-item__btn{
margin-left: 20px !important;
}

.card .text{
color: rgb(246, 246, 246);
margin-top: 0px;
letter-spacing: normal;
}}
    
p {
font-family: 'Nunito', sans-serif;
font-size: 16px;
line-height: 28px;
}
  
.dk-footer {
padding: 75px 0 0;
background-color: #151414;
position: relative;
z-index: 2; 
margin-top: 90px;
}
  
.dk-footer .contact-us {
margin-bottom: 30px;
padding-left: 795px; 
}
  
.dk-footer .contact-us .contact-info {
margin-left: 50px; 
}
  
.dk-footer .contact-us.contact-us-last {
margin-left: 0px; 
}
  
.dk-footer .contact-icon i {
font-size: 24px;
top: -15px;
position: relative;
color:#007bff; 
}
  
.dk-footer-box-info {
position: absolute;
top: -122px;
left: 21px;
background: #202020;
padding: 40px;
z-index: 2; 
}
  
.footer-left-widget {
position: absolute;
top: 130px;
right: 142px;
}
  
.footer-widget .section-heading {
margin-bottom: 35px; 
}
  
.footer-widget h3 {
font-size: 24px;
color: rgb(255, 255, 255);
position: relative;
margin-bottom: 15px;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content; 
}
  
.footer-widget ul {
width: 100%;
float: left;
list-style: none;
margin: 0;
padding: 0; 
}
  
.footer-widget li {
margin-bottom: 18px; 
}
  
.footer-widget p {
margin-bottom: 27px; 
}
  
.footer-widget a {
color: #ffffff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }

.footer-widget a:hover {
color: #007bff; 
}
  
.footer-widget:after {
content: "";
display: block;
clear: both; 
}
  
.dk-footer-form {
position: relative; 
}
  
.dk-footer-form input[type=email] {
padding: 14px 28px;
border-radius: 50px;
background: #2E2E2E;
border: 1px solid #2E2E2E; 
}
  
.dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::-webkit-input-placeholder {
color: #878787;
font-size: 14px; 
}
  
.dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::placeholder {
color: #878787;
font-size: 14px; 
}
  
.dk-footer-form button[type=submit] {
position: absolute;
top: 0;
right: 0;
padding: 12px 24px 12px 17px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
border: 1px solid #007bff;
background: #007bff;
color: #fff; 
}
  
.dk-footer-form button:hover {
cursor: pointer; 
}

.contact-us {
position: relative;
z-index: 2;
display: flex;
-webkit-box-align: center;
align-items: center;
}

.contact-icon {
position: absolute; 
}

.contact-icon i {
font-size: 36px;
top: -5px;
position: relative;
color: #007bff; 
}

.contact-info {
margin-left: 75px;
color: #fff; 
}

.contact-info h3 {
font-size: 20px;
color: #fff;
margin-bottom: 0; 
}

.copyright {
padding: 28px 0;
margin-top: 55px;
background-color: #202020; 
}

.copyright span,
.copyright a {
color: #878787;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; 
}

.copyright a:hover {
color:#007bff; 
}

iframe{
width: 100%;
}
  
@media screen and (max-width: 1500px) { /*Completo*/
.dk-footer .contact-us {
position: relative; 
left: -370px;
justify-content: center;
}

iframe{
height: 300px;
width: 90%;
}
.copyright{
padding: 28px 0;
margin-top: 130px;
background-color: #202020;
justify-content: center;
}

.contact-icon {
position: relative;
right: 0px;
}

.footer-left-widget {
position: absolute;
top: 70px;
right: 130px;
}}

@media screen and (max-width: 768px) {
.dk-footer .contact-us {
position: absolute;
top: 408px;
left: -672px;
justify-content: center;
}

.dk-footer-box-info {
position: absolute;
top: -122px;
left: 21px;
width: 600px;
background: #202020;
padding: 40px;
z-index: 2;
}

.copyright{
padding: 28px 0;
margin-top: 850px;
background-color: #202020;
justify-content: center;
}
    
.contact-icon {
position: absolute;
right: 200px;
}
    
.footer-left-widget {
position: absolute !important;
margin-top: 583px;
margin-left: 185px !important;
right: inherit;
z-index: 2;
}
  
.dk-footer .contact-us.contact-us-last {
margin-top: 104px;
margin-left: 30px;
}}
    
@media screen and (max-width: 600px) { /*Completo*/
.dk-footer-box-info {
position: absolute;
top: -122px;
left: 21px;
width: 260px;
background: #202020;
padding: 40px;
z-index: 2;
}  
  
.dk-footer .contact-us {
position: relative;
left: 0px;
top: 340px;
justify-content: center;
}

.footer-left-widget {
position: absolute !important;
margin-top: 684px;
margin-left: 80px !important;
right: inherit;
z-index: 2;
}

.contact-icon {
position: relative;
right: -23px;
top: 6px;
}
    
iframe{
height: 300px;
width: 90%;
}
 
.dk-footer .contact-us {
margin-bottom: 0px;
padding-left: 0px;
}

.copyright {
margin-top: 690px;
}}