	header{
		font-family: 'Manrope', sans-serif;
		padding: 3.5vw 0;
		border-top: 5px solid #004080;
		background: rgba(255,255,255,0);
		z-index: 19;
	}
	header.fixed{
		padding: 1.5vw 0;
		border-top: 3px solid #004080;
		background: #004080;
		box-shadow:0 0 15px rgba(0,0,0,0.2);
		-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
	}
	a.logo{
		font-size: 2.2vw;
		color: #c83c00;
		font-weight: bold;
		font-family: 'Share', cursive;
	}
	a.logo img{
		width: 10vw;
	}
	header.fixed a.logo img{
		width: 8vw;
	}
	.header_menu{

	}
	nav{

	}
	nav ul{
		list-style: none;
	}
	nav li{
		float: left;
		font-size: 1.2vw;
		color: #000;
		margin-right: 2vw;
	}
	nav li a{
		color: #000;
		text-decoration: none;
	}


	a.showmenu, a.hidemenu{
		display: none;
	}


	a.phone{
		margin-left: 1vw;
		background: #135b8b;
		color: #fff;
		padding: 1vw 1.5vw;
		font-size: 1.1vw;
	}
	a.phone span{
		margin-right: 5px;
	}



	.banner{
		padding: 12vw 0 8vw 0;
		font-family: 'Manrope', sans-serif;
	}
	.bannertext{
		width: 70%;
		padding: 2vw;
		background: rgba(0,0,0,0.5);
	}
	.bannertext h1{
		text-align:left;
		color:#fff;
		font-size:5vw;
	}




	.brands{
		padding: 0 0 0 0;
	}
	.brands img{
		max-width: 15%;
		margin: 0 2vw;
	}
	.brands img:hover{
		transform: scale(1.1);
	}



	.about{
		padding: 8vw 0;
		font-family: 'Manrope', sans-serif;
	}
	.about .text{
		width: 46%;
	}
	.about .text h2{
		color: #000;
		font-size: 5vw;
		font-weight: 900;
		margin-bottom: 2vw;
	}
	.about .text p{
		color: #666;
		font-size: 1.1vw;
		line-height: 180%;
		margin-bottom: 2vw;
	}
	.about .picture{
		width: 46%;
	}




	.practiceareas{
		background: #004080;
		font-family: 'Manrope', sans-serif;
		padding:6vw 0 3vw 0;
	}
	.practiceareas h2{
		color: #fff;
		font-size: 5vw;
		font-weight: 900;
		margin-bottom: 5vw;
	}
	.pitemswrap{

	}
	.pitemswrap .pitem{
		flex-basis: 30%;
		margin-bottom: 5vw;
	}
	.pitemswrap .pitem .thumb{
		margin-bottom: 3vw;
	}
	.pitemswrap .pitem .thumb img{
	}
	.pitemswrap .pitem h3{
		color: #fff;
		font-size: 1.4vw;
		margin-bottom: 1vw;
	}
	.pitemswrap .pitem p{
		color: #fff;
		font-size: 1.1vw;
		list-height:150%;
		margin-bottom: 1vw;
	}


	.testimonials{
		font-family: 'Manrope', sans-serif;
		padding:6vw 0;
	}
	.testimonials h2{
		color: #000;
		font-size: 5vw;
		font-weight: 900;
		margin-bottom: 3vw;
	}
	.t_items_wrap{

	}
	.t_items_wrap .item{
		flex-basis: 46%;
		margin: 3vw 0;
	}
	.t_items_wrap .item .picture{
		float: left;
	}
	.t_items_wrap .item .picture img{
		float: left;
		width:6vw;
		height: auto;
		border-radius:50%;
		-webkit-border-radius:50%;
	}
	.t_items_wrap .item .itemtext{
		float: right;
		width: calc(100% - 9vw);
		color: #000;
	}
	.t_items_wrap .item .itemtext p{
		font-size: 1.1vw;
		line-height: 140%;
		margin-bottom: 1.2vw;
	}
	.t_items_wrap .item .itemtext h4{
		font-size: 1.4vw;
	}
	.t_items_wrap .item .itemtext h5{
		font-size: 1vw;
	}


	.contact{
		background: #202a33;
		padding:6vw 0;
		font-family: 'Manrope';
	}
	.contact h2{
		color: #ffffff;
		font-size: 5vw;
		font-weight: 900;
		margin-bottom: 2vw;
	}
	.contact h4{
		color: #ffffff;
		font-size: 1.2vw;
		font-weight: 900;
	}
	.contact h4 a{
		color: #ffffff;
		border-bottom: 1px solid #000;
	}
	.contact form{
		margin-top: 5vw;
	}
	.contact form input[type="text"], 
	.contact form input[type="email"],
	.contact form textarea{
		float: left;
		width: 47%;
		height: 5vw;
		background: #fff;
		outline: 2px solid #fff;
		border: none;
		padding: 0 0 0 1vw;
		font-family: 'Manrope';
		font-size: 1vw;
	}
	.contact form input[type="email"]{
		float: right;
	}
	.contact form textarea{
		width: 100%;
		height: 9vw;
		margin-top: 3vw;
		padding:1vw;
	}
	.contact form input[type="text"]:focus, 
	.contact form input[type="email"]:focus,
	.contact form textarea:focus{
		outline: 2px solid #004080;
	}
	.contact form button{
		float: left;
		width: auto;
		height: 5.5vw;
		background: #004080;
		border: none;
		cursor: pointer;
		font-size: 1.2vw;
		font-family: 'Manrope';
		color: #fff;
		padding: 0 2vw;
		margin-top: 2vw;
	}
	.contact form button span{
		margin-left: 5px;
	}

	.map{}
	.map iframe{
		float: left;
		width: 100%;
		height: 29vw;
		margin: 0 0 0 0;
	}



footer {
    padding: 3vw 0;
    font-family: 'Manrope', sans-serif;
    background-color: #202a33;
    color: #fff;
    border-top: 1px solid #2e3945;
}

.footer-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.footer-left p,
.footer-right p {
    margin: 0;
    font-size: 1rem;
}

.footer-right {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.footer-right a {
    color: #e0e0e0;
    font-size: 1.2rem;
    transition: color 0.3s ease;
}

.footer-right a:hover {
    color: #007acc;
}

@media screen and (max-width: 768px) {
    .footer-flex {
        flex-direction: column;
        text-align: center;
    }

    .footer-left, .footer-right {
        justify-content: center;
    }
}


