/*------------------------------------------------------------------------------------- 
Theme Name:		 Infotek Child Theme
Theme URI:		 https://gramentheme.com/wp/infotek/
Description:	 Infotek - IT Solution & Technology WordPress Theme
Author:			 Gramentheme
Author URI:		 https://gramentheme.com/
Template:		 infotek
Version:		 1.0.0
Text Domain:	 infotek-child-theme
-------------------------------------------------------------------------------------*/
/*
    Please Add your custom styles here
*/
.header-main .logo img{width: 500px}
.logo{position:absolute;top:0; left:-25px}
.footer-flex {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.contact-info-area .contact-info-items {
    padding-bottom: 0;
	height: 80px !important;
}
.contact-info-area .contact-info-items:last-child {
    padding-bottom: 0;
	  height: 100px !important;;
}
.contact-info-area {
    padding-top: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border-bottom: 0;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
}
.contact-info-area .contact-info-items:not(:last-child) {
    padding-right: 0;
		border-right: 0;
}
.contact-info-area .contact-info-items:first-child .endereco{
	font-size: 24px;
	font-weight: bold;
  color: var(--white);
}
.contact-info-area .contact-info-items .endereco{
	font-size: 18px;
    color: var(--white);
}
.breadcrumb-wrapper .page-heading {
    position: relative;
    padding: 110px 0 65px 0;
    text-align: center;
    z-index: 9;
}
.icon-image {width:60px}
.contact-info-area .contact-info-items .icon {
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.header-main .sidebar__toggle {
    cursor: pointer;
    font-size: 20px;
    color: #fff;
}
.header-4 {background-color: #003a79;}
.hero-4 .col-lg-8{width: 50%;}
.hero-4 .hero-content h1 {
    font-size: 45px;
    margin-bottom: 20px;
}
.hero-4.bg-cover {
	background-position: left center;
}
.sticky {
    background-color: #003a79;
}
.header-4 .header-main .header-right .header-button .theme-btn {
    background-color: #0777F1;
}
.header-main .main-menu ul li a {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}
.header-main .main-menu ul li a:hover {
    color: #fff;
}
.header-main .main-menu ul .current-menu-item a{ color: #fff !important;}
.breadcrumb-wrapper::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-image: linear-gradient(270.07deg, #002B98 0.07%, #003a79 99.95%);
    opacity: 0.75;
}
.project-items .project-image {
    position: relative;
    height: 350px;
}
.project-section .g-4, .gx-4 {
    --bs-gutter-x: 0.8rem;
	--bs-gutter-y: 0.8rem;
}
.project-items .project-image .project-content {
    left: 0;
    right: 25px;
    padding: 15px 30px;
    background-color: #ffffffdb;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.project-items .project-image .project-content::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 6px;
    height: 25px;
    content: "";
    background-color: var(--theme);
    transition: all 0.4s ease-in-out;
}
.project-items .project-image .project-content h4 {
    font-weight: normal;
    font-size: 18px;
}
.project-items:hover .project-image .project-content{background-color:  #0777F1; color: #fff}
.project-items:hover .project-image .project-content h4{color: #fff}
.footer-bg {
    background-color: #003a79;
}

@media (max-width: 850px) {
  .header-main .logo img {
    width: 350px !important;
  }
 .footer-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-evenly !important;
	}
	.contact-info-area .contact-info-items {
    padding-bottom: 0;
    height: auto !important;
	}
	.contact-info-area .contact-info-items {
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    position: relative;
    padding-bottom: 40px;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
	}
	.contact-info-area .contact-info-items .endereco {text-align: center;}
}
 @media (max-width: 575px) {
	.header-main .logo img {
   		width: 310px !important;
 	 }
    .contact-info-area {
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
	}    
	 .hero-4 .col-lg-8{width: 100%;}
	 .hero-4 .hero-content h6 {text-align: left !important;}
	 .contact-info-area .contact-info-items .endereco {text-align: center;}

 }