/*

Theme Name: Karasik Law Group P.C.

Theme URI: 

Author: Law Firm Site

Author URI: http://www.lawfirmsites.com

Description: 

Keywords: 

Version: 1.0

*/

/* Overwrite Bootstrap */


/*

    -- FONTS --

*/


@font-face {
    font-family: 'Futura Std';
	font-weight: 300;
    src: url(fonts/FuturaStdLight.otf);
}
@font-face {
    font-family: 'Futura Std';
	font-weight: 300;
	font-style: italic;
    src: url(fonts/FuturaStdLightOblique.otf);
}
@font-face {
    font-family: 'Futura Std';
	font-weight: 400;
    src: url(fonts/FuturaStdBook.otf);
}
@font-face {
    font-family: 'Futura Std';
	font-weight: 400;
	font-style: italic;
    src: url(fonts/FuturaStdBookOblique.otf);
}
@font-face {
    font-family: 'Futura Std';
	font-weight: 500;
    src: url(fonts/FuturaStdMedium.otf);
}
@font-face {
    font-family: 'Futura Std';
	font-weight: 500;
	font-style: italic;
    src: url(fonts/FuturaStdMediumOblique.otf);
}
@font-face {
    font-family: 'Futura Std';
	font-weight: 700;
    src: url(fonts/FuturaStdBold.otf);
}
@font-face {
    font-family: 'Futura Std';
	font-weight: 700;
	font-style: italic;
    src: url(fonts/FuturaStdBoldOblique.otf);
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
	font-weight: 200;
    src: url(fonts/NeueHaasDisplayThin.ttf);
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
	font-weight: 200;
	font-style: italic;
    src: url(fonts/NeueHaasDisplayThinItalic.ttf);
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
	font-weight: 300;
    src: url(fonts/NeueHaasDisplayLight.ttf);
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
	font-weight: 300;
	font-style: italic;
    src: url(fonts/NeueHaasDisplayLightItalic.ttf);
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
	font-weight: 400;
    src: url(fonts/NeueHaasDisplayRoman.ttf);
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
	font-weight: 400;
	font-style: italic;
    src: url(fonts/NeueHaasDisplayRomanItalic.ttf);
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
	font-weight: 500;
    src: url(fonts/NeueHaasDisplayMediu.ttf);
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
	font-weight: 500;
	font-style: italic;
    src: url(fonts/NeueHaasDisplayMediumItalic.ttf);
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
	font-weight: 700;
    src: url(fonts/NeueHaasDisplayBold.ttf);
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
	font-weight: 700;
	font-style: italic;
    src: url(fonts/NeueHaasDisplayBoldItalic.ttf);
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
	font-weight: 900;
    src: url(fonts/NeueHaasDisplayBlack.ttf);
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
	font-weight: 900;
	font-style: italic;
    src: url(fonts/NeueHaasDisplayBlackItalic.ttf);
}






:root {
	
	--font1: 'Neue Haas Grotesk Display Pro', sans-serif;
	--font2: 'Futura Std', sans-serif;
	--font3: 'Font Awesome 5 Free';
	--gold: #c9ae48;
	--blue: #375E93;
	--lightblue: #4E89E1;
	--navyblue: #04162D;
	--color-default: #676767;
	--gray: #282F3F;
	
	--fs90: 90px;
	--fs82: 82px;
	--fs72: 72px;
	--fs60: 60px;
	--fs58: 58px;
	--fs55: 55px;
	--fs50: 50px;
	--fs48: 48px;
	--fs44: 44px;
	--fs40: 40px;
	--fs39: 39px;
	--fs36: 36px;
	--fs34: 34px;
	--fs32: 32px;
	--fs30: 30px;
	--fs28: 28px;
	--fs26: 26px;
	--fs24: 24px;
	--fs23: 23px;
	--fs21: 21px;
	--fs20: 20px;
	--fs19: 19px;
	--fs18: 18px;
	--fs17: 17px;
	--fs16: 16px;
	--fs15: 15px;
	--fs14: 14px;
}





/* Ovewrite Bootstrap */

body{

    font-family: var(--font1);
	color: #676767;
	font-size: var(--fs18);
	font-weight: 400;
	line-height: 2em;

}

h1, h2, h3, h4, h5, h6 {

    margin: 0px;

}

ul {

    list-style: none;

    margin: 0px;

    padding: 0px;

}

a {

    color: var(--lightblue);

    transition: all .2s ease;

    -webkit-transition: all .2s ease;

    -mz-transition: all .2s ease;

    -moz-transition: all .2s ease;

    -o-transition: all .2s ease;

}

a:hover, a:focus {

    color: #393939;

    text-decoration: none;

    outline: none;

}

p:empty {

    display: none;

}
#wrapper {
	max-width: 2560px;
	margin: 0 auto;
}
.container, .container-full {
    max-width: 1440px;
    width: 85%;
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
}
.container-full { max-width: 1920px; width: 100%; }
.row {
	margin-left: 0;
	margin-right: 0;
}
.alignleft {
	float: left;
    margin: 0 15px 15px 0;
}
.alignright {
	float: right;
    margin: 0 0 15px 15px;
}
.aligncenter {
	display:block;
	margin: 5px auto 5px auto;
}
img.alignright { margin: 0 0 15px 4%; max-width: 580px; width: 41%; }
img.alignleft { margin: 0 4% 15px 0; max-width: 580px; width: 41%; }
.wp-caption-text {
	font-style: italic;
	font-size: 11px;
	line-height: 1.5em;
    text-align: center;
}
.clear {
	clear: both;
}
.col-md-6,
.col-md-4,
.col-md-8,
.col-md-5,
.col-md-7,
.col-md-3,
.col-md-2,
.col-md-9 {
	padding-left: 0;
	padding-right: 0;
}
.center {text-align: center !important;}
.flex,
.flex-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flex-container {
	max-width: 1800px;
	padding: 0 15px;
	margin: 0 auto;
	justify-content: space-between;
}
img {
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5 {
	font-size: var(--fs72);
	font-weight: 500;
	font-family: var(--font2);
	color: var(--navyblue);
	text-transform: capitalize;
	line-height: 1.2em;
	margin-bottom: 30px;
}
h2 { font-weight: 300; line-height: 1.1em; }
h3 {
	font-size: var(--fs50);
	font-weight: 300;
	letter-spacing: 0;
	text-transform: capitalize;
	padding-top: 20px;
}
h4 {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.7em;
}
h5 {
	text-transform: uppercase;
	font-weight: 300;
	font-size: var(--fs18);
	color: #393939;
	letter-spacing: 3px;
	line-height: 2em;
	margin-bottom: 10px;
}
h5.blue { color: var(--lightblue); margin-bottom: 30px; }
a.btn {
	background-color: var(--blue);
	color: #fff;
	text-transform: uppercase;
	font-size: var(--fs18);
	font-family: var(--font2);
    font-weight: 300;
    padding: 17px 45px 16px;
    border-radius: 6px;
    letter-spacing: 3px;
	text-decoration: none;
	line-height: 1.2em;
	transition: all .5s ease-in-out;
	white-space: pre-wrap;
}
a.btn.btn-light { background-color: var(--lightblue); }
a.btn:hover,
a.btn:focus {
	background-color: var(--navyblue);
	color: #fff;
}
a:hover > img {
	opacity: 0.8;
}
blockquote {
	border: 0;
	border-bottom: 1px solid var(--blue);
	padding: 0 0 20px;
	margin-bottom: 60px;
	color: var(--blue);
	font-size: var(--fs26);
	font-family: var(--font2);
	font-weight: 700;
	line-height: 1.8em;
}
hr {
	border-top: 1px solid var(--blue);
	margin-top: 20px;
    margin-bottom: 45px;
}





/* Header ---------------------------------------------*/
header#header { background-repeat: no-repeat; background-size: cover; background-position: center top; background-color: var(--blue); background-blend-mode: luminosity; position: relative; }
header#header:before { content: ''; background-color: rgba(8,24,45,0.48); position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
header#header > * { position: relative; }
header#header .menu-header-section { background-color: var(--navyblue); color: #fff; }
header#header .menu-content { justify-content: space-between; }
header#header .ph { width: 20%; font-size: var(--fs36); font-weight: 300; font-family: var(--font2); line-height: 1.2em;}
header#header .ph a { color: #fff; display: flex; align-items: center; justify-content: center; background-color: var(--blue); transition: all .5s ease-in-out; height: 100%; padding: 10px; }
header#header .ph a:hover { background-color: var(--lightblue); }
header#header .logo { width: 16%; padding: 15px 0 15px 2%; align-self: center; }
header#header .nav { align-items: center; }
header#header .mhs-buttons a.btn { padding: 17px 10px 13px; background-color: var(--lightblue); font-size: var(--fs15); white-space: nowrap; }
header#header .mhs-buttons a.btn:hover { background-color: var(--blue); transition: all .5s ease-in-out; }
header#header .lang { margin: 0 15px; }
header#header .lang select { background-color: var(--lightblue); border:0; padding: 15px 10px 13px; font-weight: 300; font-family: var(--font2); cursor: pointer; }
header#header .fssocial span { color: #fff; }
header#header .fssocial a:hover span { color: var(--lightblue); }






.main-menu { flex-wrap: wrap; justify-content: center; }
.main-menu > li {
	font-weight: 300;
	font-family: var(--font2);
	font-size: var(--fs21);
	line-height: 1.2em;
	text-transform: capitalize;
	margin: 0 17px;
}
.main-menu > li > a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px 0;
}
.main-menu > li > a:hover,
.main-menu > li.current-menu-item > a,
.main-menu > li.current-page-ancestor > a,
.main-menu > li.current-menu-parent > a,
.main-menu ul li.current-menu-item > a,
.main-menu li.menu-item-has-children ul li a:hover,
.main-menu > li.current_page_parent > a {
	color: var(--lightblue);
}

.main-menu li ul li a {
	padding: 5px 8px;
	display: block;
	text-align: left;
	font-size: 16px;
	color: #fff;
	border-bottom: 1px solid #061f3f;
	text-transform: none;
	font-weight: 400;
	margin: 0 10px;
}
.main-menu li ul li:last-child a {
	border-bottom: 0;
}
/* 3 layers */
.main-menu li ul ul {
	top: 0;
    left: 100%;
    margin-top: -1px;
    width: 100%;
    white-space: nowrap;
    position: relative;
}
.main-menu li ul.sub-menu::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5);
	background-color: #383b38;
}
.main-menu li ul.sub-menu::-webkit-scrollbar {
	width: 4px;
	background-color: #383b38;
}
.main-menu li ul.sub-menu::-webkit-scrollbar-thumb {
	background-color: #797979;
}




/* Menu fix section ---------------------------------------------*/
.menu-fixed-section {
    display: none;
    position: fixed;
    width: 100%;
    z-index: 100;
}




/* Banner Section ---------------------------------------------*/
.banner-section { min-height: 300px; display: flex; align-items: center; }
.banner-section h1 { color: #fff; }





/* Main Content ---------------------------------------------*/
.inner-wrap {
	padding: 70px 0 40px;
}
.main-content .main-wrapper { padding-bottom: 60px; }
.main-content .inner-wrap { padding-top: 30px; }
.main-content p {
	margin: 0 0 30px;
	text-align: justify;
}
.main-content ul {
	margin-left: 20px;
	list-style-type: disc;
}
.main-content ul li {
    margin-bottom: 7px;
}
.main-content ul,
.main-content ol {
	margin-bottom: 30px;
}
.main-content ul ul,
.main-content ol ol {
	margin-bottom: 0;
}
.main-content .wp-caption {
	display: table;
	margin-bottom: 30px;
}
.main-content .wp-caption-text {
	display: table-caption;
	caption-side: top;
	color: #b29b55;
	font-size: 12px;
	font-style: italic;
}
.main-content .wp-caption p {
	margin: 0 0 20px;
}
.dark {color: #fff;}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { color: #fff; }
.dark a { color: var(--lightblue); }
.dark a:hover, .dark a:focus { color: #fff; }
.dark a.btn { color: #fff; }
.main-content .sitecol {
	flex-wrap: wrap;
	justify-content: space-between;
}
.main-content .sitecol .col { width: 30%; }
ul.list-flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
ul.list-flex li { width: 47%; }

.mcflex.flex { flex-wrap: wrap; justify-content: space-between; }
.mcflex .mccontent { width: 65%; }
.mcflex .sidebar { width: 30%; }

.badge-section .badges { padding: 45px 0 30px; }
.badge-section .badges ul { margin: 0; align-items: center; justify-content: space-between; }
.badge-section .badges ul li { list-style: none; margin: 0 2.5% 15px; }
.badge-section .badges ul li img { mix-blend-mode: luminosity; opacity: 0.4; }





.pagination {
	display: block;
	text-align: center;
	margin-top: 30px;
}
.pagination a.page-numbers {
	padding: 5px 15px;
	color: #393939;
	text-transform: uppercase;
	border: 0;
	font-size: var(--fs20);
	border-radius: 0;
	font-family: var(--font1);
	font-weight: 400;
	margin: 0 10px;
}
.pagination .current,
.pagination a.page-numbers:hover {
	color: var(--lightblue);
	text-decoration:none;
	text-transform: uppercase;
}
.pagination a.prev,
.pagination a.next {
	color: #393939;
	font-size: 0;
	background-color: transparent;
	position: relative;
	padding: 20px 15px;
}
.pagination a.prev:before,
.pagination a.next:before {
	content: "\f104";
	font-family: 'Font Awesome 5 Free';
	font-size: 30px;
	position: absolute;
	font-weight: 900;
}
.pagination a.prev:before { left: 25px; }
.pagination a.next:before { content: "\f105"; right: 25px; }






/* Blog ---------------------------------------------*/
.mcbox { padding-top: 20px; flex-wrap: wrap; justify-content: center; }
.mcbox .item {
	margin-bottom: 35px;
	width: 31%;
	margin: 0 14px 15px;
	max-width: 459px;
}
.mcbox .item h3 {
	font-size: var(--fs30);
	font-family: var(--font1);
	font-weight: 400;
	margin-bottom: 30px;
	line-height: 1.3em;
	text-transform: capitalize;
	letter-spacing: 0;
	padding-top: 0;
}
.mcbox .item p { text-align: left; }
.mcbox .item h3 a { color: #393939; }
.mcbox .item h3 a:hover,
.mcbox .item h3 a:focus { color: var(--lightblue); }
.mcbox .item .featured-image,
.single-blog .featured-image {
	min-height: 270px;
	max-width: 459px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.mcbox .item .featured-image:hover { opacity: 0.8; }
.mcbox .item .featured-image a {
	display: block;
    min-height: 270px;
    width: 100%;
    height: 100%;
}
.mcbox .item .mcblogdesc { padding: 15px 0 0 0; }
.single-blog .featured-image {
	width: 100%;
	min-height: 300px;
	margin-bottom: 30px;
	max-width: unset;
	height: auto;
}
.pdate {
	line-height: 1.5em;
	font-weight: 400;
	margin-bottom: 15px;
	color: var(--blue);
}
.pdate ul { margin: 0; flex-wrap: wrap; }
.pdate ul li { list-style: none; }
.pdate ul li:before { content: '|'; display: inline-block; color: #282F3F; margin: 0 10px; }
.pdate ul li:first-child:before { display: none; }
.pdate a { color: var(--blue); }
.pdate a:hover { color: #393939; }
.single-blog h2.page-title { margin-bottom: 10px; }


.side-blog h5 { margin-bottom: 15px; }
.side-blog article.blogitem h3 {
	font-weight: 400;
	font-size: var(--fs21);
	margin-bottom: 5px;
	text-transform: none;
	line-height: 1.5em;
	padding: 0;
}
.side-blog article.blogitem h3 a { color: var(--color-default); text-decoration: none; }
.side-blog article.blogitem h3 a:hover, .side-blog article.blogitem h3 a:focus { color: var(--lightblue); }
.side-blog article.blogitem { margin-bottom: 30px; }





/* Videos ---------------------------------------------*/
.mcvideos .item .featured-image { margin-bottom: 20px; }
.mcvideos .item h3 { font-size: var(--fs24); text-transform: none; font-family: var(--font1); font-weight: 400; }
.mcvideos .item .featured-image a { display: flex; align-items: center; justify-content: center; background-color:rgba(12,12,12,0.3);}
.mcvideos .item .featured-image a:before {
	content: '\f04b';
	font-family: var(--font3);
	font-weight: 900;
	font-size: 29px;
    color: #fff;
    font-weight: 900;
    width: 31px;
    height: 36px;
    padding: 10px 17px;
	display: flex;
    align-items: center;
}
.single-video .vid video, .single-video iframe { width: 100% !important; margin-bottom: 30px;}
.single-video iframe{ max-width: 650px; min-height: 350px; }





/* Testimonials ---------------------------------------------*/
.testimonial-section { clear: both; }
.testimonial-section .container { max-width: 1614px; width: 95%; }
.testimonial-section .inner-wrap { padding: 30px 0 50px; }
.slick-testimonials { margin-bottom: 60px; padding: 0 4%; }
.slick-testimonials .item { background-color: var(--navyblue); color: #fff; padding: 40px 32px; margin: 0 15px; line-height: 1.7em; height: auto; }
.slick-testimonials .slick-track { display: flex; }
.slick-testimonials .item .img { max-width: 120px; margin: 0 auto 20px; width: 35%; }
.slick-testimonials .item .img img { border-radius: 100%; width: 120px; max-height: 120px; object-fit: cover; object-position: top center; }
.slick-testimonials .item .desc:before {
	content: '\f10d'; display: block; font-family: var(--font3); font-weight: 900; color: var(--lightblue); font-size: var(--fs28); margin-bottom: 25px;
}
.slick-testimonials .item p { margin-bottom: 20px; }
.slick-testimonials .item .more { text-transform: capitalize; color: #fff; }
.slick-testimonials .item .more:hover { color: var(--lightblue); }
.slick-testimonials .item .auth { padding-top: 20px; font-size: var(--fs28); font-family: var(--font2); font-weight: 300; line-height: 1.2em; }
.slick-testimonials .item .rate { color: var(--lightblue); justify-content: center; margin-top: 20px; }
.slick-testimonials .item .rate img { margin: 0 1px; }
.slick-testimonials .slick-arrow { color: #000; }
.slick-testimonials .slick-prev { left: 0; }
.slick-testimonials .slick-next { right: 0; }
.slick-testimonials .slick-prev:before, .slick-testimonials .slick-next:before { 
	content: ''; background-image: url(images/icon-prev.png); background-repeat: no-repeat; width: 14px; height: 24px; display: block;
}
.slick-testimonials .slick-next:before { background-image: url(images/icon-next.png); }




/* Videos ---------------------------------------------*/
.mcresults:nth-child(odd) { background-color: #f3f8ff; padding: 20px 0 0; margin-bottom: 30px; }
.mcresults .mcresult-box { display: flex; flex-wrap: wrap; justify-content: center; }
.mcresults .mcresult-box .item { width: 29%; margin: 0 2% 20px; }
.mcresults .mcresult-box .item h3 { text-align: center; font-weight: 400; margin-bottom: 5px; }
.mcresults .mcresult-box .item h3 sup { top: -0.9em; font-size: var(--fs24); }





/* About ---------------------------------------------*/
.bg-gray, .page-template-page-about .testimonial-section,
.page-template-page-profile .testimonial-section { background-color: #fbfbfb; }
.main-content.main-about .inner-wrap, .bg-gray .inner-wrap { padding-top: 70px; }
.main-about iframe.alignright { width: 45% !important; max-width: 600px; height: 350px !important; margin-left: 4%; }




/* Team & Profile ---------------------------------------------*/
.mcteam, .mcareas { padding-top: 10px; }
.mcteam ul, .mcareas ul { margin-left: 0; flex-wrap: wrap; justify-content: center;}
.mcteam ul li { list-style: none; margin: 5px; width: 32%; position: relative; max-width: 580px; max-height: 424px; }
.mcteam ul li .overlay,
.mcareas > ul > li .overlay { position: absolute; top: 0; width: 100%; bottom: 0; background: linear-gradient(180deg, rgba(40,47,63,0) 0%, rgba(4,22,45,1) 100% ); display: flex; justify-content: center; align-items: flex-end; font-size: var(--fs18); font-weight: 500; font-family: var(--font2); color: #fff; text-transform: uppercase; letter-spacing: 3px; text-align: center;}
.mcteam ul li .overlay h3,
.mcareas ul li .overlay h3 { color:#fff; font-size: var(--fs30); font-weight: 300; font-family: var(--font2); line-height: 1.2em; margin-bottom: 0; letter-spacing: 0; padding-top: 0; }
.mcteam ul li .overlay .obox { margin-bottom: 15px; }
strong { font-weight: 500; }
.mcteam ul li a:hover, .mcareas ul li a:hover img { opacity: 1; }


.profile-image, .side-image { float: right; max-width: 580px; width: 41%; margin: 0 0 20px 4%; }
.profile-info .page-title { font-weight: 300; }




/* Practice Areas ---------------------------------------------*/
.side-image { max-width: 606px; }
.single-area h3:first-of-type { margin-bottom: 15px; }

.mcareas > ul > li { list-style: none; max-width: 480px; max-height: 428px; width: 33.333%; position: relative; margin-bottom: 0; }
.mcareas ul li img { min-height: 428px; object-position: center; object-fit: cover; }
.mcareas ul li .overlay h3 { text-transform: uppercase; font-size: var(--fs24); letter-spacing: 3px; margin-bottom: 0; }
.mcareas ul li .overlay h3:after { content: ''; background-color: var(--lightblue); width: 140px;height: 7px; display: block; margin: 20px auto 0; }
.mcteam ul li a:hover .overlay, .mcareas ul li a:hover .overlay { background: linear-gradient(180deg, rgba(40,47,63,0) 0%, rgba(78,137,225,1) 100% ); }





/* Frontpage ---------------------------------------------*/
.d-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 15px; }
#vid {
	position: absolute !important;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: 1;
	top: 0;
	object-fit: cover;
	width: 100%;
}
body.home header#header .menu-header-section { z-index: 9999; }
body.home header#header:before { background: linear-gradient(180deg, rgba(24,31,80,0) 0%, rgba(4,22,45,0.76) 100% ); z-index: 5; }
.slider-section { z-index: 5; }
.slider-section .slider { padding: 14% 0 40px; }
.slider-section .slick-text { display: flex; margin-bottom: 50px;}
.slick-text h2 { font-size: var(--fs82); opacity: 0.6; margin-bottom: 5px;}
.slick-text h3 { font-size: var(--fs48); letter-spacing: 3px; margin-bottom: 10px; }
.slick-text a.btn { margin-top: 30px; }
.slider-section .slick-results { display: flex; color: #c1c1c1; line-height: 1.8em; }
.slick-results .item { padding: 0 40px; }
.slick-results .item h3 { font-size: var(--fs39); font-weight: 300; padding-top: 0; margin-bottom: 0;}
.slick-results .item h4 { font-size: var(--fs18); font-weight: 300; letter-spacing: 3px; text-transform: uppercase; color: var(--lightblue); margin-bottom: 10px; }
.slick-results .slick-prev:before, .slick-results .slick-next:before { font-size: 0; opacity: 1; }
.slick-results .slick-prev,	
.slick-results .slick-next {
	background: url(images/slick-prev.png) no-repeat !important;
	width: 30px;
	height: 48px;
}
.slick-results .slick-prev { left: -30px; }
.slick-results .slick-next { background: url(images/slick-next.png) 100% 0 no-repeat !important; right: -30px; }


.main-home .mcflex { max-width: 1336px; margin: 0 auto 0; }
.main-home .mcflex .mccontent { width: 47%; }
.main-home .mcflex .sidebar { width: 45%; }
.side-firm { background-color: var(--blue); max-width: 603px; margin-bottom: 30px; }
.side-firm img { mix-blend-mode: overlay; }
.home-content { padding-top: 60px; }
.home-content .why-firm h5, 
.area-section h5:first-of-type { font-size: var(--fs24); margin-bottom: 20px; }
.why-firm { margin-bottom: -300px; margin-top: 50px; }
.whylist { flex-wrap: wrap; justify-content: center; }
.whylist .item { background-color: #fff; padding: 30px 45px; position: relative; width: 31%; margin: 0 7px 15px; }
.whylist .item h3 { text-transform: uppercase; font-size: var(--fs30); font-weight: 300; letter-spacing: 3px; margin-bottom: 7px; padding-top: 25px; line-height: 1.3em; }
.whylist .item .icon { height: 70px; display: flex; align-items: center; }
.whylist .item:before, .side-feat .desc:before { content: ''; background-color: var(--lightblue); width: 8px; height: 140px; display: inline-block; position: absolute; top: 29%; left: 0; }
.whylist .item .num { text-transform: uppercase; font-family: var(--font2); font-weight: 300; font-size: var(--fs18); letter-spacing: 3px; color: #D8D8D8; line-height: 1em; position: relative; margin-bottom: 20px; }
.whylist .item .num:after { content: ''; background-color: #D8D8D8; width: 100%; height: 1px; display: inline-block; position: absolute; left: 0; top: 6px; }
.whylist .item .num span { background-color: #fff; position: relative; z-index: 2; padding-right: 5px;}

.area-section { background-color: var(--navyblue); color: #fff; }
.area-section > a.btn { border-radius: 0; width: 100%; }
.area-section .as-content { padding-top: 350px; }
.area-section .mcareas { margin-bottom: 70px; }
.area-section h5:first-of-type { color: #fff; }
.mcareas ul.subpage li { list-style: none; margin: 0; font-size: var(--fs24); font-weight: 400; line-height: 1.2em; position: relative; font-family: var(--font2); }
.mcareas ul.subpage li a { background-color: var(--navyblue); color: #fff; display: block; padding: 15px 25px; border-bottom: 1px solid #061f3f; }
.mcareas ul.subpage li a:hover { background-color: #fff; color: var(--navyblue); }
.mcareas ul.subpage li a:hover:after { color: var(--navyblue); }
.mcareas ul.subpage { opacity: 0; height: 0; visibility: hidden; position: absolute; width: 100%; z-index: 2; bottom: 0; margin: 0; }
.mcareas ul.subpage li:last-child a { border-bottom: 0; }
.mcareas > ul > li:hover ul.subpage { height: auto; visibility: visible; opacity: 1; }

.attorney-section .container { max-width: 1366px; }
.attorney-section .inner-wrap { padding: 70px 0 40px; }
.attorney-section .mcflex .mccontent { width: 51%; }
.attorney-section .mcflex .sidebar { width: 45%; padding-left: 60px; }
.attorney-section h2 { text-transform: none; letter-spacing: 1px; }
.side-feat h3 { padding-top: 35px; font-size: var(--fs30); margin-bottom: 0; }
.side-feat h4 { text-transform: uppercase; font-size: var(--fs18); font-weight: 400; color: var(--gray); letter-spacing: 3px; margin-bottom: 0; line-height: 2em;}
.side-feat .img { max-width: 100%; min-height: 350px; background-repeat: no-repeat; background-size: cover; background-position: center; }
.side-feat { max-width: 440px; }
.side-feat .desc { position: relative; }
.side-feat .desc:before { left: -60px; top: 35px; }






/* Contact ---------------------------------------------*/
body.page-template-page-contact .fstop .fstopleft h2 { display: none; }
.main-contact iframe { width: 100% !important; height: 400px !important; }
.side-contact .fsph { color: #393939 !important; }
.side-contact .fsph:hover, .side-contact .fsmail { color: var(--lightblue) !important; }
.side-contact .fsmail { text-transform: capitalize; }


.gform_wrapper form { text-align: left; }
.gform_wrapper .gfieldlabelnone .gfield_label { display: none !important; }
.gform_wrapper .gfield_label { font-weight: 400 !important; }
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select {
	border: 0;
	background-color: #E8E8E8;
	color: var(--color-default);
	padding: 12px 25px !important;
}
.gform_wrapper select { padding: 13px 20px 11px !important; }
.gform_wrapper .gfield textarea.medium { height: 150px !important; }
.gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 20px !important; grid-column-gap: 20px !important; }
.gform_wrapper .gform_footer {
	text-align: center;
	padding: 15px 0 20px !important;
	margin: 0 !important;
}
.gform_wrapper input[type=submit] {
	border: 0;
	border-radius: 6px;
	font-size: var(--fs18) !important;
	font-weight: 300;
	font-family: var(--font2);
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #fff;
	background-color: var(--blue);
	padding: 17px 40px 15px !important;
	transition: all .5s ease-in-out;
}
.gform_wrapper input[type=submit]:hover,
.gform_wrapper input[type=submit]:focus {
	background-color: var(--navyblue);
	color: #fff;
}
.gform_wrapper input[type=text]::-webkit-input-placeholder,
.gform_wrapper textarea::-webkit-input-placeholder,
.gform_wrapper select::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #fff;
}
.gform_wrapper input[type=text]::-moz-placeholder,
.gform_wrapper textarea::-moz-placeholder,
.gform_wrapper select::-moz-placeholder { /* Firefox 19+ */
	color: #fff;
}
.gform_wrapper input[type=text]:-ms-input-placeholder,
.gform_wrapper textarea:-ms-input-placeholder,
.gform_wrapper select:-ms-input-placeholder { /* IE 10+ */
	color: #fff;	
}
.gform_wrapper input[type=text]:-moz-placeholder,
.gform_wrapper textarea:-moz-placeholder,
.gform_wrapper select:-moz-placeholder { /* Firefox 18- */
	color: #fff;
}
.gform_confirmation_wrapper .gform_confirmation_message {
	background-color: #fff;
    color: #000;
    font-size: var(--fs18);
    padding: 10px 20px;
    border: 2px solid #20ab44;
    display: inline-block;
    margin-top: 30px;
	line-height: 1.5em;
    font-weight: 500;
}
.fstopright .gform_wrapper .gfield_required { color: var(--lightblue) !important; }
.fstopright .gform_wrapper input[type=submit]:hover,
.fstopright .gform_wrapper input[type=submit]:focus { background-color: var(--lightblue); }







/* Footer ---------------------------------------------*/
.footer .container { max-width: 1366px; }
.footer-top { background-image: url(images/bg-diagonal.png); background-repeat: repeat; background-color: var(--navyblue); }
.footer-top .fstop { flex-wrap: wrap; justify-content: space-between; padding: 80px 0 50px; }
.fstop .fstopleft { text-transform: capitalize; }
.fstop .fstopright { width: 56%; }
.fstop .fstopleft p { margin: 0 0 30px; }
.fstitle { display: block; text-transform: uppercase; color: var(--lightblue); letter-spacing: 3px; font-weight: 300; font-family: var(--font2); }
.fsph { font-size: var(--fs44); font-weight: 300; font-family: var(--font2); color: #fff !important; margin-top: 10px; display: block; line-height: 1.2em; }
.fsph:hover { color: var(--lightblue) !important; }
.fsmail { text-decoration-line: underline; text-underline-offset: 5px; color: #fff !important; }

.footer-bottom .fsbottom { line-height: 1.3em; align-items: center; color: var(--gray); justify-content: space-between; padding: 40px 0 60px; }
.fsbottom .fsmid { flex-wrap: wrap; justify-content: center; }
.fsnav a { text-decoration-line: underline; text-underline-offset: 5px; color: var(--gray); }
.fsnav a:before { content: '|'; display: inline-block; margin: 0 5px; }
.fsnav a:first-of-type:before { display: none; }
.fsnav a:hover, .fsmail:hover { text-decoration: none; }
.designby { max-width: 225px; }
.designby a { color: var(--gray); }
.designby a:hover { color: var(--blue); }
.designby img { mix-blend-mode: luminosity; }

.fssocial span { color: var(--lightblue); font-size: var(--fs21); margin: 0 25px; }
.fssocial a:first-of-type span { margin-left: 0; }
.fssocial a:hover span { color: #fff; }



@-webkit-keyframes slideInHalfRight {
	0%{opacity:0; transform:translateX(5%)}
	100%{opacity: 1; transform:translateX(0%)}
}
@-moz-keyframes slideInHalfRight {
	0%{opacity:0; transform:translateX(5%)}
	100%{opacity: 1; transform:translateX(0%)}
}
@keyframes slideInHalfRight {
	0%{opacity:0; transform:translateX(5%)}
	100%{opacity: 1; transform:translateX(0%)}
}
@-webkit-keyframes fadeIn {
	0%{opacity:0;}
	100%{opacity: 1;}
}
@-moz-keyframes fadeIn {
	0%{opacity:0;}
	100%{opacity: 1;}
}
@keyframes fadeIn {
	0%{opacity:0;}
	100%{opacity: 1;}
}
.active.slideInHalfRight { -webkit-animation:slideInHalfRight 1.4s;-moz-animation:slideInHalfRight 1.4s;animation:slideInHalfRight 1.4s }
.active.fadeIn { -webkit-animation:fadeIn 3s;-moz-animation:fadeIn 3s;animation:fadeIn 3s }












/* Mobile ---------------------------------------------*/
#mobile-nav.topright .mean-bar {
    background-color: transparent;
	position: unset;
}
.mean-container .mean-nav ul li a {
	background-color: #000 !important;
	border-top: 1px solid rgba(255,255,255,0.1) !important;
	font-size: var(--fs16);
}
.mean-container .mean-nav ul li li a {
    width: 100%;
}
.mean-container .mean-nav {
	margin-top: 90px !important;
	max-height: none !important;
	position: absolute;
    z-index: 999999;
    right: 0;
    width: 100%;
    overflow: hidden;
}
.mean-container a.meanmenu-reveal {
	width: 80px !important;
	padding-top: 30px !important;
	color: #fff !important;
    font-size: 26px !important;
	background-color: var(--blue);
	height: 58px;
}
.mean-container a.meanmenu-reveal span span span {
    margin-top: 9px;
}
.mean-container .mean-nav ul {
	max-height: 100vh;
	max-height: calc(100vh - 95px);
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}
.mean-container a.meanmenu-reveal span {
	margin: 0 auto !important;
	background: #fff !important;
	width: 30px !important;
    height: 3px !important;
    margin-top: 7px !important;
    border-radius: 3px;
}
.mean-container .mean-nav ul li a.mean-expand { height: 23px !important; }
.mean-container a.meanmenu-reveal.meanclose { padding-top: 30px !important; }
.mean-container .mean-nav ul li a:hover { color: var(--lightblue) !important; }









/* Media ---------------------------------------------*/
@media (min-width: 1151px) {
	.hideDesktop { display: none !important; }
}
	.main-menu li ul ul { top: -39px; }
	.main-section .sitecol .col {
		width: 50%;
	}
	.main-menu > li.menu-item-has-children > a { position: relative; padding-right: 18px; }
	.main-menu > li.menu-item-has-children > a:after {
		content: '\f107';
		font-family: var(--font3);
		font-weight: 900;
		position: absolute;
		right: 0;
		bottom: 2px;
		font-size: 15px;
	}
	.main-menu li ul li.menu-item-has-children > a:after { 
		content: '\f105';
		position: absolute;
		right: 15px;
		top: 5px;
		font-family: var(--font3);
		font-weight: 900;
	}
	.main-menu li ul {
		z-index: 1000;
		padding: 0;
		position: absolute;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		opacity: 0;
		visibility: hidden;
		webkit-transition: opacity .05s 0s ease-in-out;
		-ms-transition: opacity .05s 0s ease-in-out;
		-o-transition: opacity .05s 0s ease-in-out;
		transition: opacity .05s 0s ease-in-out;
		-webkit-transition: 350ms;
		-moz-transition: 350ms;
		-o-transition: 350ms;
		transition: 350ms;
		margin-top: 5px;
	}
	.main-menu li ul li {
		background-color: var(--navyblue);
		display: block;
		border: none;
		margin: 0;
		padding: 0;
		line-height: 1.5em;
		height: 0;
		-webkit-transition: height 200ms ease-in-out;
		-moz-transition: height 200ms ease-in-out;
		-o-transition: height 200ms ease-in-out;
		transition: height 200ms ease-in-out;
		position: relative;
	}
	.main-menu li:hover > ul {
		opacity: 1;
		visibility: visible;
	}
	.main-menu li:hover ul li {height: 39px;}

@media (min-width: 1600px) {
	body.page-template-page-about .banner-section { min-height: 450px; }
	body.page-template-page-contact header#header { background-position: center; }
	body.page-template-page-contact .banner-section { min-height: 500px; }
}





@media (max-width: 1899px) {
	.main-menu > li { margin: 0 8px; }
}

@media (max-width: 1723px) {
	header#header .ph { font-size: var(--fs28); width: 9%; }
}

@media (max-width: 1599px) {
	:root {
		--fs90: 82px;
		--fs82: 75px;
		--fs72: 60px;
		--fs60: 58px;
		--fs58: 55px;
		--fs55: 48px;
		--fs50: 48px;
		--fs48: 44px;
		--fs44: 40px;
		--fs40: 36px;
		--fs39: 37px;
		--fs36: 34px;
		--fs34: 32px;
		--fs32: 30px;
		--fs30: 28px;
		--fs28: 26px;
		--fs26: 24px;
		--fs24: 21px;
		--fs23: 20px;
		--fs21: 20px;
		--fs20: 19px;
		--fs19: 18px;
		--fs18: 17px;
		--fs17: 16px;
		--fs16: 15px;
	}

}

@media (max-width: 1551px) {
	.main-menu > li { font-size: var(--fs16) !important; }
}

@media (max-width: 1419px) {
	.main-menu > li { margin: 0 7px; }
}

@media (max-width: 1409px) {
	header#header .ph { font-size: var(--fs24); }
	header#header .mhs-buttons a.btn { padding-left: 15px; padding-right: 15px; }
	.mcbox .item { width: 30%; }
}

@media (max-width: 1366px) {
	.main-menu > li { font-size: var(--fs16); }
}

@media (max-width: 1299px) {
	.main-menu > li { margin: 0 5px; }
	.mcresults .mcresult-box .item h3, .slick-results .item h3 { font-size: var(--fs36); }
}

@media (max-width: 1245px) {
	header#header .mhs-buttons a.btn { padding-left: 10px; padding-right: 10px; }
}

@media (max-width: 1219px) {
	header#header .mhs-buttons a.btn, header#header .lang { font-size: var(--fs16); }
	.main-menu > li { font-size: var(--fs14); }
	header#header .lang { margin: 0 5px; }
}

@media (max-width: 1199px) {
	.whylist .item h3 { font-size: var(--fs21); }
	.slick-results .item h3 { font-size: var(--fs32); }
}

@media (max-width: 1150px) {
	header#header .menu-fixed-section, header#header .ph, header#header .mhs-buttons a.btn { display: none !important; }
	header#header .menu-content { height: 99px; }
	/*header#header .nav { margin-right: 60px; }*/
	header#header .logo { width: 35%; }
	header#header .nav { width: 60%; justify-content: flex-end; margin-right: 110px; }
	.main-menu > li { margin: 0; }
	.main-menu li ul ul { left: 0; }
	.mean-container .mean-nav ul li li a { padding: 1em 0 1em 7%; }
	.mean-container .mean-nav ul li li li a { padding-left: 10%; width: 100%; }
}

@media (max-width: 1099px) {
	.slick-results .item h3 { font-size: var(--fs28); }
}

@media (max-width: 991px) {
	.hideMobile { position: relative; }
	.fstop .fstopright, .fstop .fstopleft,
	.footer-bottom .fsbottom > div, .fsbottom .fsmid > div,
	.mcflex .mccontent, .mcflex .sidebar,
	ul.list-flex li,
	.attorney-section .mcflex .mccontent, .attorney-section .mcflex .sidebar,
	.main-home .mcflex .mccontent, .main-home .mcflex .sidebar,
	.whylist .item {
		width: 100%;
	}
	.fstop .fstopleft { text-align: center; margin-bottom: 30px; }
	.footer-bottom .fsbottom { flex-wrap: wrap; text-align: center; }
	.footer-bottom .fsbottom > div { margin-bottom: 20px; }
	.designby { margin: 0 auto; }
	.main-content .sitecol .col { width: 48%; }
	.main-contact .mcflex.flex { flex-direction: column-reverse; }
	.side-contact p { text-align:center; }
	.mcteam ul li { width: 48%; }
	.mcareas ul li img { min-height: 320px; }
	.mcbox .item, .mcresults .mcresult-box .item { width: 45%; }
}

@media (max-width: 767px) {
	.main-about iframe.alignright { width: 100% !important; float: none; margin-left: 0; }
	.main-content .sitecol .col { width: 100%; }
	.profile-image, .side-image, img.alignright, img.alignleft { float: none; margin: 0 auto 20px; width: 100%; }
	.mcareas > ul > li { width: 50%; }
}

@media (max-width: 669px) {
	header#header .fssocial span { margin: 0 10px; }
	.mcbox .item { width: 100%; }
}

@media (max-width: 641px) {
	.mcteam ul li { max-height: unset; width: 100%; }
	.mcareas > ul > li, .mcresults .mcresult-box .item { width: 100%; }
}

@media (max-width: 479px) {
	header#header .fssocial span { margin: 0 5px; }
	.mean-container a.meanmenu-reveal { width: 60px !important; }
	header#header .nav { width: 50%; margin-right: 90px; }
	header#header .mhs-buttons { padding-left: 0; }
	.side-feat .img { min-height: 250px; }
	header#header .lang select {
		width: 85px;
	}
	
	:root {
		--fs90: 50px;
		--fs82: 48px;
		--fs72: 45px;
		--fs60: 42px;
		--fs58: 39px;
	}
}

@media (max-width: 369px) {
	.mean-container a.meanmenu-reveal { width: 35px !important; height: 40px; padding: 20px !important; }
	header#header .nav { margin-right: 73px; }
	header#header .lang select { padding: 12px 5px 10px; }
	header#header .menu-content { height: 79px; }
	.fssocial span { font-size: var(--fs18); }
}