/*
Theme Name: Lawyers, Attorneys, Legal Office
Theme URI: https://lawyers-attorneys.vamtam.com
Text Domain: lawyers-attorneys
Description: WordPress Theme with powerful back-end framework.
Author: VamTam
Author URI: https://vamtam.com
Version: 13.4
License: Envato
License URI: https://themeforest.net/licenses/regular_extended
Tags: blue, brown, green, pink, white, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
*/

/*--------- QUICK LINKS ------------ */
.pp-col-xs-24.margin-bottom-md {
    text-align: center;
}
.center {
    margin: auto;
    width: 60%;
    padding: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.hideform {
    display: none;
}


div#ppWebCalcBtn-71e70509-0590-44ff-b548-12da7913fb45 {
    background: #fff101!important;
    color: #0c3f6a!important;
}


.quick-links {
	display: none;
}
.quick-links { position: fixed; right: 0; top: 30%; z-index: 99999999; }
.quick-links .wrap { display: flex; justify-content: flex-end; }
.quick-links .link { position: relative; width: 60px; height: 90px; background: #fff100; color: #fff; font-size: 14px; text-align: center; cursor: pointer; }
.link-close { display: none; align-items: center; justify-content: center; position: absolute; width: 100%; height: 100%; font-size: 22px; color: #fff; }
.link-expand span { display: block; }
.link-expand a { display: inline-block; color: #333; background: #fff; padding: 8px 10px; text-decoration: none; text-align: center; }
#link-expand2 a { background: #db2532; color: #fff; }
#link-expand2 a:hover { color: #fff; }
.link .link-icon { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; }
.link .link-icon img { display: block; width: 35px; height: auto; }
.link-expand { position: absolute; top: 0; right: 0; width: 0px; height: 50px; margin-right: 60px; transition: all .3s ease; color: #fff; }
.link1 .link-expand { background: rgbA(55, 116, 182,0.9) }
.link2 .link-expand { background: rgba(208, 208, 208, .9); color: #333; }
.link3 .link-expand { background: rgba(55, 116, 182,0.9); }
.link-expand-wrap img { margin-bottom: 10px; }
.link-expand-wrap { display: none; padding: 35px; text-align: left; font-size: 15px; }
.link.active .link-expand { width: 415px; }
.link.active-1 #link-expand1 { height: 445px; }
.link.active #link-expand2 { width: 380px; }
.link.active-1 #link-expand2 { height: 205px; }
.link.active-1 #link-expand3 { height: 350px; }
.link.active img.link-icon { display: none; }
.link.active p.link-icon { display: none; }
.link.active .link-close { display: flex; }
.link.active-wrap .link-expand-wrap { display: block; }
.quick-links .link2 { background: #d0d0d0; color: #333; }
.quick-links .link3 { background: #3774b6; color: #fff; }


p.vertical-text {
    transform: rotate(270deg);
    padding-bottom: 0em;
}

a.link-ser:hover {
    color: #0c3f6a!important;
}

.first-row.limit-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
}
#menu-main-menu>li>a::after {
	content: "";
	border-right: 2px solid #0c3f6a;
    padding-right: 20px;
}
.header-top-right {
    width: 200px;
    text-align: left;
    float: right;
}
.call-num1 h3 {
    font-size: 22px;
    color: #fff;
}
.call-num2 p, .call-num2 p a {
    font-size: 32px;
    color: #fff;
}
.call-num2 p {
    margin: 0;
}
.call-num3 a {
    font-size: 18px;
    color: #fff;
}
.second-row {
    background: #ffffff!important;
}
.second-row span {
    font-weight: 700;
    text-transform: uppercase;
}
.second-row ul li {
    padding: 8px 4px!important;
}
.upper-content h1 {
	text-align: center;
    color: #ffffff;
	font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.2;
}
.upper-content p {
    color: #ffffff!important;
    font-size: 18px;
    line-height: 1.1;
}
.upper-title {
	width: 80%;
    margin: 0 auto;
}
.circle {
    background: #004c99;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
	margin: 0 auto;
	border: 2px solid #fff100;
}
.circle p {
	 width: 100%;
    font-size: 18px;
    color: #ffffff;
	margin-top: 10px;
    margin-bottom: 0px;
}
.contact-button a {
    background: #004c99;
    color: #fff100;
    padding: 10px 80px;
    font-size: 25px;
    text-align: center;
}
.contact-button {
    text-align: center;
    margin-top: 95px;
}
.circle p a {
    color: #fff100;
    font-size: 18px;
}
.services-title h1 {
    text-align: center;
}
.services-content p {
    color: #0c3f6a!important;
    font-size: 18px;
}
 p.services-block {
	text-align: center;
    color: #0c3f6a!important;
    font-size: 18px;
}
.our-services .circle-block .wpv-grid {
    width: 70%;
}
.how-image {
    margin-top: 12px;
	border: 1px solid #000000;
}
h3.how-title {
    margin-left: 50px;
    text-transform: uppercase;
    font-size: 25px;
	text-align: center;
}
h3.title-tes {
    color: #0c3f6a;
    text-align: center;
    font-size: 25px;
}
.hows-the-content p {
    color: #0c3f6a!important;
    margin-bottom: 8px;
    margin-top: 8px;
}
.call-num1 a span {
    background: #ffffff;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    margin-left: 8px;
    text-align: center;
    padding-top: 5px;
    padding-left: 3px;
    padding-right: 3px;
}
.cell-1-4 .contact-button a {
    background: #fff101;
    color: #0c3f6a!important;
    font-weight: 700;
    text-align: left;
    font-size: 22px;
    padding: 10px 30px;
}
.cell-1-4 .contact-button {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 20px;
}
section#media_image-2 {
    margin-top: 80px;
}
.grow { transition: all .5s ease-in-out; }
.grow:hover { transform: scale(1.05); }

.hows-the-content strong a {
    color: #0c3f6a;
	font-weight: 700;
}
.hows-the-content strong a:hover {
    color: #0c3f6a;
}
.contact-info {
    margin-bottom: 30px;
    margin-top: 20px;
}
#menu-footer-menu li a {
    padding: 4px;
}
.menu-footer-menu-container {
    margin-top: 15px;
}
.get-a-quote a {
    background: #0c3f6a;
    color: #fff100;
    padding: 10px 40px;
    font-size: 20px;
}
.get-a-quote {
    margin-top: 40px;
}
#menu-main-menu>li>a>span:hover, #menu-main-menu>li.current-menu-item>a>span {
	border-bottom: 2px solid #004c99!important;
}
input.wpcf7-form-control.wpcf7-submit {
    float: right;
    width: 300px;
    color: #fff100;
}
.contact-email {
    display: flex;
}
span.wpcf7-form-control-wrap.your-email {
    flex: 1;
    margin-right: 20px;
}
span.wpcf7-form-control-wrap.your-phone {
    flex: 1;
}
footer.main-footer .widget.widget_nav_menu .menu li a, footer.main-footer a {
    color: #ffffff!important;
}
footer.main-footer a:hover {
	color: #fff101!important;
}


@media only screen and (max-width: 1440px) {
.beaches-house {
    background-size: contain!important;
}
}

@media only screen and (max-width: 768px) {
.responsive-layout #mp-menu-trigger:before {
    color: yellow;
}
	h3.how-title {
    margin-left: 0px;
	}
	.responsive-layout header.main-header .logo-wrapper {
		    clear: none!important;
	}
	.logo-wrapper {
    	width: 50%;
	}
	.header-top-right {
    	width: 250px;
	}
	.beaches-house .extended-column-inner>.row, .our-services .extended-column-inner>.row {
    	display: flex;
    	flex-direction: row;
    	flex-wrap: wrap;
	}
	
.responsive-layout .grid-1-4.single-pillar {
    flex: 1;
    -webkit-flex: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	padding-bottom: 15px!important;
}
	.circle-block {
    	display: flex;
    	flex: 0 0 32%;
	}
	.our-services .circle-block .wpv-grid {
   	 width: 100%;
	}
	.upper-content h1 {
    font-size: 30px;
	}
	iframe {
    height: 300px;
}
}

@media only screen and (max-width: 680px) {
.header-top-right {
    width: 235px;
}
}

@media only screen and (max-width: 650px) {
	.logo-wrapper {
    padding-left: 55px!important;
	}
}
@media only screen and (max-width: 620px) {
.logo-wrapper {
    padding-left: 30px!important;
}
}
@media only screen and (max-width: 540px) {
	.call-num1 h3 {
    font-size: 20px;
}
	.call-num2 p, .call-num2 p a {
    font-size: 30px;
}
	.header-top-right {
    width: 225px;
    margin-left: 10px;
}
.responsive-layout #mp-menu-trigger {
    margin-top: -220.5px;
}
	.services-three {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
}
@media only screen and (max-width: 425px) {
	.responsive-layout #mp-menu-trigger {
    margin-top: -195.5px;
}
	.circle p {
    font-size: 13px;
}
	.circle p a {
    font-size: 15px;
}
	.logo-wrapper {
    width: 88%;
}
	.responsive-layout header.main-header .logo-wrapper {
    clear: both!important;
}
	.header-top-right {
    width: 300px;
}
	.circle {
    height: 150px;
    width: 150px;
}
	.contact-button {
    margin-top: 55px;
}
	.our-services .extended-column-inner>.row {
    justify-content: center;
}
	.circle-block {
    flex: 0 0 35%;
}
}
@media only screen and (max-width: 375px) {
.header-top-right {
    width: 270px;
}
	.circle {
    height: 140px;
    width: 145px;
}
	.circle-block {
    flex: 0 0 45%;
    padding-bottom: 5px!important;
    padding-top: 5px!important;
}
	
}
@media only screen and (max-width: 320px) {
	.responsive-layout #mp-menu-trigger {
    margin-top: -215.5px;
    margin-left: -12px;
}
.header-top-right {
    width: 250px;
}
	.logo-wrapper {
    width: 85%;
}
	.circle {
    height: 125px;
    width: 125px;
}
	.contact-button a {
    padding: 10px 40px;
    font-size: 22px;
}
.circle p {
    font-size: 12px;
    padding-left: 25px;
    padding-right: 25px;
}
	.circle p a {
    font-size: 14px;
}
}