/*

Theme Name: LFS - Gunn Menefee LLC

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

Author: Law Firm Site

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

Description: A simple responsive theme with theme options panel, and page templates.

Version: 1.0

*/

/* Overwrite Bootstrap */


/*

    -- FONTS --

*/


@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');






:root {
	
	--font1: "Be Vietnam Pro", serif;
	--font2: "Be Vietnam Pro", serif;
	--font3: 'Font Awesome 5 Free';
	--color-primary: #1A2A55;
	--color-secondary: #5D698A;
	--color-tertiary: #102E45;
	--color-text: #0D2237;
	--color-text-light: #BCCCF9;
	--color-bg-light: #EBEEF6;
	--color-black: #000;
	--color-default: #fff;
	--color-border: #C5CBDB;
	--color-text-on-darkbg: #E0EAF4;
	--color-dark-border: #474E5F;
	--color-placeholder: #A8AAAC;
	--color-gray: #D9D9D9;
	
	--fs96: 6rem;
	--fs90: 5.625rem;
	--fs80: 5rem;
	--fs75: 4.6875rem;
	--fs72: 4.5rem;
	--fs65: 4.0625rem;
	--fs64: 4rem;
	--fs60: 3.75rem;
	--fs58: 3.625rem;
	--fs55: 3.4375rem;
	--fs52: 3.25rem;
	--fs50: 3.125rem;
	--fs48: 3rem;
	--fs47: 2.9375rem;
	--fs45: 2.8125rem;
	--fs44: 2.75rem;
	--fs42: 2.625rem;
	--fs40: 2.5rem;
	--fs38: 2.375rem;
	--fs36: 2.25rem;
	--fs35: 2.1875rem;
	--fs34: 2.125rem;
	--fs32: 2rem;
	--fs30: 1.875rem;
	--fs29: 1.8125rem;
	--fs28: 1.75rem;
	--fs27: 1.6875rem;
	--fs26: 1.625rem;
	--fs25: 1.563rem;
	--fs24: 1.5rem;
	--fs23: 1.438rem;
	--fs22: 1.375rem;
	--fs21: 1.35rem;
	--fs20: 1.25rem;
	--fs19: 1.188rem;
	--fs18: 1.125rem;
	--fs17: 1.0625rem;
	--fs16: 1rem;
	--fs15: 0.9375rem;
	--fs13: 0.8125rem;
	--fs14: 0.875rem;
	--fs12: 0.75rem;
	--fs11: 0.6875rem;
}





/* Ovewrite Bootstrap */

html { font-size: 0.833333vw; }

body{

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


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

    margin: 0px;

}

ul {

    list-style: none;

    margin: 0px;

    padding: 0px;

}

a {

    color: var(--color-secondary);

    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: var(--color-primary);

    text-decoration: none;

    outline: none;

}

p:empty {

    display: none;

}
.container, .container-standard, .container-medium, .container-full {
    max-width: 97.9375rem;
    width: 90%;
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
}
.container-standard { max-width: 90rem; width: 85%; }
.container-medium { max-width: 92.5rem; width: 88%; }
.container-full { max-width: 100%; width: 100%; }
.row {
	margin-left: 0;
	margin-right: 0;
}
.alignleft {
	float: left;
    margin: 0 1.875rem 1.875rem 0;
}
.alignright {
	float: right;
    margin: 0 0 1.875rem 1.875rem;
}
.aligncenter {
	display:block;
	margin: 0 auto 1.875rem;
}
.wp-caption-text {
	font-style: italic;
	font-size: 0.6875rem;
	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 0.9375rem;
	margin: 0 auto;
	justify-content: space-between;
}
img {
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
	font-size: var(--fs50);
	font-weight: 500;
	font-family: var(--font2);
	color: var(--color-primary);
	text-transform: capitalize;
	line-height: 1.2em;
	margin-bottom: 1.875rem;
	letter-spacing: -0.125rem;
}
.h1, .h2, .h3, .h4, .h5 { margin-top: 0; }
h1 strong, h2 strong, .h1 strong { font-weight: 500; color: var(--color-secondary); }
h3, .h3 {
	font-size: var(--fs32);
	font-weight: 700;
}
h4, .h4 {
	font-size: var(--fs24);
	font-weight: 400;
	line-height: 1.7em;
}
h5, .h5 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: var(--fs16);
	color: var(--color-secondary);
	letter-spacing: 0;
	line-height: 1.2em;
	margin-bottom: 1.5rem;
}
.h5 { border: 0.0625rem solid var(--color-primary); border-radius: 6.25rem; padding: 0.9375rem 2.25rem 0.75rem; text-align: center; display: inline-block; }
a.btn, .mcareas .item .i-button, article.blogpost .i-button {
	background-color: var(--color-primary);
	color: var(--color-default);
	text-transform: capitalize;
	font-size: var(--fs16);
	font-family: var(--font1);
    font-weight: 700;
    padding: 1rem 4.25rem 0.8125rem 2.25rem;
	border: 0.0625rem solid var(--color-primary);
    border-radius: 6.25rem;
    letter-spacing: 0;
	text-decoration: none;
	line-height: 1.2em;
	white-space: pre-wrap;
	position: relative;
	display: inline-block;
	transition: all 0.5s ease-in-out; 
}
a.btn:after, 
.mcareas .item .i-button:after, 
article.blogpost .i-button:after,
ul.as-list li a:after { content: '\f061'; font-family: var(--font3); font-weight: 900; position: absolute; right: 2.25rem; top: 0.9375rem; }
a.btn:hover, a.btn:focus, .mcareas .item .i-button:hover, .mcareas .item .i-button:focus, article.blogpost .i-button:hover, article.blogpost .i-button:focus {
	background-color: var(--color-secondary);
	color: var(--color-default);
	padding-left: 4.25rem;
	padding-right: 2.25rem;
}
a.btn:hover:after, a.btn:focus:after, 
.mcareas .item .i-button:hover:after, .mcareas .item .i-button:focus:after, 
article.blogpost .i-button:hover:after, article.blogpost .i-button:focus:after { left: 2.25rem; right: unset; -webkit-animation:slideRight 0.5s;-moz-animation:slideRight 0.5s;animation:slideRight 0.5s; }
@-webkit-keyframes slideRight{
	0%{right: 2.25rem;}
	40%{right: 40%;}
	60%{right: 60%;}
	100%{left: 2.25rem; right: unset; }
}
a:hover > img, a:hover > svg, a:focus > img, a:focus > svg { opacity: 0.8; }
blockquote {
	border: 0;
	border-bottom: 1px solid var(--color-primary);
	padding: 0 0 1.25rem;
	margin-bottom: 3.75rem;
	color: var(--color-primary);
	font-size: var(--fs26);
	font-family: var(--font2);
	font-weight: 700;
	line-height: 1.8em;
}
hr {
	border-top: 0.0625rem solid var(--color-placeholder);
	margin-top: 1.25rem;
    margin-bottom: 2.8125rem;
}
.bg-overlay, .bg-overlay > div, header#header, header#header > section, .bg-image + div { position: relative; }
.bg-overlay:before { content: ''; }
.overlay, .bg-overlay:before, .bg-image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.bg { background-repeat: no-repeat; background-size: cover; }
.flex-between { flex-wrap: wrap; justify-content: space-between; }
.flex-end { flex-wrap: wrap; justify-content: flex-end; }
.flex-center { flex-wrap: wrap; justify-content: center; }
.flex-start { flex-wrap: wrap; justify-content: flex-start; }
.flex-alend { align-items: flex-end; }
.flex-alcenter { align-items: center; }
.flex-alstart { align-items: flex-start; }
.col2 { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 5%; column-gap: 5%; }
.col3 { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 3%; column-gap: 3%; }
icon svg, svg[data-use] {
	height: 1em;
    width: 1em;
    fill: inherit;
	stroke: inherit;
}
a.skip-main {
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 999;
}
a.post-edit-link { display: inline-block; background-color: rgba(0,0,0,0.8); position: fixed; bottom: 1.25rem; left: 1.25rem; z-index: 9999; color: var(--color-default); font-size: 1rem; padding: 0.5rem 2.25rem 0.3125rem; }
a.post-edit-link:hover { background-color: rgba(0,0,0,1); }





/* Header ---------------------------------------------*/
header#header { background-color: var(--color-primary); }
header#header .bg-image { opacity: 0.3; }
header#header .menu-header-section .container { max-width: 107.5rem; width: 95%; }
header#header .menu-content { padding: 1.75rem 0; }
header#header .logo { width: 42%; }
header#header .lang {
	position: relative;
	letter-spacing: 0.0625rem;
	color: var(--color-default);
	line-height: 1.2em;
	margin-right: 1.875rem;
	font-weight: 500;
	font-size: var(--fs16);
}
header#header .gtranslate_wrapper {
	position: absolute;
    margin: 0;
    list-style: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 1;
    background-color: #fff;
    min-width: 7rem;
}
header#header .lang a {
	display: block;
	padding: 0.4rem 1rem;
	border-bottom: 0.0625rem solid #eee;
	color: var(--color-primary);
}
header#header .lang a:not(:first-of-type) { min-width: 5.3125rem; }
header#header .lang a { text-decoration: none; }
header#header .lang a.current-lang {
	padding: 0.875rem 2.125rem 0.8125rem;
	color: var(--color-bg-light);
	border: 0.0625rem solid var(--color-bg-light);
	border-radius: 6.25rem;
}
header#header .lang a.current-lang:after {
	content: '\f107';
	font-family: var(--font3);
	font-weight: 900;
	margin-left: 0.3125rem;
	color: var(--color-bg-light);
}
header#header .lang .gtranslate_wrapper a:last-of-type { border-bottom: 0; }
header#header .lang:hover .gtranslate_wrapper, header#header .lang:focus .gtranslate_wrapper { opacity: 1; pointer-events: all; }
header#header .lang a:not(.current-lang):hover, header#header .lang a:not(.current-lang):focus { background-color: var(--color-secondary); color: #fff; }
header#header .ph a { color: var(--color-default); font-size: var(--fs16); font-weight: 700; line-height: 1.2em; background-color: var(--color-primary); padding: 1.0625rem 2.5rem 0.9375rem; border-radius: 6.25rem; transition: all 0.5s ease-in-out; display: block; }
header#header .ph a:hover, header#header .ph a:focus { background-color: var(--color-secondary); }





/* Banner Section ---------------------------------------------*/
.banner-section { min-height: 20.625rem; }
.banner-section h1, .banner-section .h1 { font-size: var(--fs80); line-height: 1em; margin-bottom: 1.5rem; color: var(--color-default); }
.bs-box-wrap, #breadcrumbs { color: var(--color-bg-light); font-size: var(--fs16); line-height: 1.2em; text-transform: uppercase; }
#breadcrumbs a { color: var(--color-bg-light); }
#breadcrumbs a:hover, #breadcrumbs a:focus { color: var(--color-text-light); }





/* Main Content ---------------------------------------------*/
.inner-wrap { padding: 6rem 0 5rem; }
.main-content p { margin: 0 0 1.875rem; }
.main-content ul {
	margin-left: 1.25rem;
	list-style-type: disc;
}
.main-content ul li {
    margin-bottom: 0.4375rem;
}
.main-content ul,
.main-content ol {
	margin-bottom: 1.875rem;
}
.main-content ul ul,
.main-content ol ol {
	margin-bottom: 0;
}
.main-content ol { padding-left: 1rem; }
.main-content .wp-caption {
	display: table;
	margin-bottom: 1.875rem;
}
.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 1.25rem; }
.dark {color: #fff;}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark .h1, .dark .h2, .dark .h3, .dark .h4, .dark .h5 { color: #fff; }
.dark a { color: var(--color-secondary); }
.dark a:hover, .dark a:focus, .dark a.btn { color: #fff; }
.main-content .sitecol { flex-wrap: wrap; }
.main-content .sitecol .col { width: 33.3333%; padding-right: 3%; }




/* paginate ---------------------------------------------*/
.paginate {
	margin-top: 5rem;
	text-align: center;
	color: var(--color-black);
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 0.0625rem solid rgba(93,105,138,0.2);
	padding: 3.125rem 0;
}
.paginate .page-numbers {
	margin: 0;
	color: var(--color-secondary);
	background-color: transparent;
	border-radius: 5.3125rem;
	width: 4rem;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700; 
	font-size: var(--fs14);
	border: 0.0625rem solid transparent;
	line-height: 1.2em;
}
.paginate .prev, .paginate .next {
	position: relative;
	background-color: var(--color-secondary);
	color: var(--color-default);
	padding: 0.875rem 1.875rem 0.75rem;
	width: auto;
	text-transform: uppercase;
}
.paginate a:hover, .paginate a:focus, .paginate .current { border-color: var(--color-secondary); }
.paginate .prev:hover, .paginate .prev:focus, .paginate .next:hover, .paginate .next:focus { background-color: var(--color-primary); }








/* Blog ---------------------------------------------*/
.mcblog { grid-gap: 2.5rem; }
article.blogpost {
	width: 31.4%;
	line-height: 1.2em;
	font-size: var(--fs28);
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 0.625rem;
}
article.blogpost a { color: var(--color-primary); }
article.blogpost .ptitle {
	font-size: var(--fs20);
	font-family: var(--font1);
	font-weight: 500;
	margin-bottom: 1.75rem;
	line-height: 1.2em;
	letter-spacing: -0.0625rem;
	color: var(--color-primary);
	min-height: 3.125rem;
}
article.blogpost .featured-image {
	min-height: 15.1875rem;
	max-height: 15.1875rem;
	width: 100%;
	max-width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	margin-bottom: 1.875rem;
}
article.blogpost .bbtn { display: inline-block; }
article.blogpost .mcblogtext { border-top: 0.0625rem solid rgba(93,105,138,0.2); border-bottom: 0.0625rem solid rgba(93,105,138,0.2); padding: 1.75rem 0 0; margin-bottom: 2rem; letter-spacing: -0.0625rem; }
article.blogpost a:hover .bbtn, article.blogpost a:focus .bbtn { background-color: var(--color-maroon); }
article.blogpost a:hover .featured-image, article.blogpost a:focus .featured-image { opacity: 0.7; }
.pdate {
	font-size: var(--fs18);
	line-height: 1.5em;
	font-weight: 700;
	margin-bottom: 1.75rem;
	text-transform: uppercase;
	color: var(--color-dark-border);
	letter-spacing: 0.125rem;
}
.featured-image.nopic { background-image: none; background-color: var(--color-secondary); display: flex !important; justify-content: center; align-items: center; }
.featured-image.nopic img { width: 80%; }

.single-blog .pdate { color: var(--color-dark-border); }
.single-blog h1 { font-size: var(--fs20); line-height: 1.2em; letter-spacing: -0.0625rem; }
.single-blog .side-image { margin-bottom: 4rem; }
.side-blog { background-color: var(--color-bg-light); padding: 3.125rem 2rem; max-width: 36rem; margin: 0 auto; }
.side-blog h2 { font-size: var(--fs30); font-weight: 500; color: var(--color-primary); margin-bottom: 1.875rem; }
.side-blog hr { max-width: 10.3125rem; margin-left: 0; }
.side-blog article.blogpost { width: 100%; font-size: var(--fs16); font-weight: 400; color: var(--color-text); }
.side-blog article.blogpost .i-button { display: none; }
.side-blog article.blogpost .mcblogtext { border-bottom: 0; margin-bottom: 0; padding-top: 1rem; }
.side-blog article.blogpost > a { display: flex; align-items: center; justify-content: space-between; }
.side-blog article.blogpost .featured-image { width: 33%; min-height: 10.3125rem; max-height: 10.3125rem; }
.side-blog article.blogpost .desc { width: 60.3%; }
.side-blog .pdate { font-size: var(--fs16); color: var(--color-dark-border); margin-bottom: 1rem; }
.side-blog article.blogpost .ptitle { margin-bottom: 1rem; }



.i-phone-black, .i-mail-black, .i-quote { background-image: url(images/icon-phone-black.png); background-repeat: no-repeat; background-size: cover; width: 1rem; height: 1rem; display: inline-block; }
.i-mail-black { background-image: url(images/icon-mail-black.png); height: 0.8125rem; }
.i-quote { background-image: url(images/icon-quote.png); width: 2.25rem; height: 1.5625rem; }




/* Testimonials ---------------------------------------------*/
.mctestimonials .item, .testimonial-list .item {
	font-size: var(--fs17);
	font-weight: 400;
	line-height: 2em;
	margin-bottom: 2.5rem;
	border: 0.0625rem solid var(--color-secondary);
	border-radius: 1rem;
	padding: 2.75rem 3rem;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
.mctestimonials .item .i-quote, .testimonial-list .item .i-quote { display: block; margin-bottom: 1.5rem; }
.mctestimonials .item p, .testimonial-list .item p { margin-bottom: 0.75rem; }
.mctestimonials .item .auth, .testimonial-list .item .auth { font-weight: 700; line-height: 1.2em; color: var(--color-text); }


.testimonial-section .ts-content { padding: 5rem 0 4rem; position: relative; }
.testimonial-section .h1 { font-size: var(--fs72); }
.slick-slider .slick-arrow:before {
	content: '\f060';
	font-family: var(--font3);
	font-weight: 900;
	opacity: 1;
	display: block;
	font-size: var(--fs34);
	color: var(--color-primary);
}
.slick-slider .slick-arrow { border-radius: 50%; width: 5.625rem; height: 5.625rem; background-color: var(--color-default); border: 0.0625rem solid var(--color-black); transition: all 0.5s ease-in-out; }
.slick-slider .slick-prev { z-index: 1; left: 0; }
.slick-slider .slick-next { right: 0; }
.slick-slider .slick-next:before { content: '\f061'; }
.slick-slider .slick-arrow:hover, .slick-slider .slick-arrow:focus { background-color: var(--color-secondary); border-color: var(--color-secondary); }
.slick-slider .slick-arrow:hover:before, .slick-slider .slick-arrow:focus:before, 
.slick-slider .slick-next:hover:before, .slick-slider .slick-next:focus:before { color: var(--color-default); }


.news-section .news-content { padding: 6rem 0 5rem; }
.news-section .news-header { border-bottom: 0.0625rem solid var(--color-placeholder); margin-bottom: 2.5rem; }
.news-list article.blogpost { font-size: var(--fs26); }




/* About ---------------------------------------------*/
.mcabout-flex { margin-bottom: 4rem; }
.mcabout-second { padding: 4rem 0 0; }
.mcabout-second .mcabout-boxes { grid-gap: 1.875rem; }
.mcabout-second .mcabout-boxes .item { width: 32%; background-color: var(--color-gray); height: 14.375rem; }



.mcareas .item a > img, .side-image img, .mcteam .item a > img, .att-list .item .i-image img, .bg-image img, .area-section .as-content .as-image img, .slick-images .item img { height: 100%; width: 100%; object-fit: cover; }




/* Practice Areas ---------------------------------------------*/
.mcareas .item { width: 33.3333%; position: relative; text-align: center; }
.mcareas .item a { display: block; background-color: var(--color-primary); }
.mcareas .item a, .mccontact-boxes .item, .mcloc .mcloc-item:first-child { height: 30rem; display: flex; align-items: center; justify-content: center; }
.mcareas .item a > img { opacity: 0.2; }
.mcareas .item h2 { font-size: var(--fs35); font-weight: 500; letter-spacing: -0.125rem; color: var(--color-default); }
.mcareas .item a:hover h2, .mcareas .item a:focus h2
.mccontact-boxes .item:nth-child(even) h2, .mcloc .mcloc-item h2 { color: var(--color-default); }
.mcareas .item h2 strong, .mcareas .item a:hover h2 strong, .mcareas .item a:focus h2 strong,
.mccontact-boxes .item h2 strong, .mcloc .mcloc-item h2 strong { color: var(--color-text-light); }
.mcareas .item:nth-child(even) .overlay { background-color: var(--color-text-light); color: var(--color-primary); }
.mcareas .item:nth-child(even) h2 { color: var(--color-primary); }
.mcareas .item:nth-child(even) h2 strong { color: var(--color-secondary); }
.mcareas .item .i-icon { height: 6.5625rem; display: flex; justify-content: center; align-items: center; margin: 0 auto 1.5rem; text-align: center;}
.mcareas .item .i-icon img { max-height: 6.5625rem; }
.mcareas .item .icon-hover, .mcareas .item .i-button { display: none; }
.mccontact-boxes .item:nth-child(even), .mcareas .item .overlay, .mcareas .item .i-button:hover, .mcareas .item .i-button:focus { background-color: var(--color-primary); color: var(--color-default); }
.mcareas .item .i-button, 
.mccontact-boxes .item:nth-child(even) a.btn, .mcloc .mcloc-item a.btn { border-color: var(--color-default); color: var(--color-default); }
.mcareas .item .i-button, .mcareas .item a:hover .overlay, .mcareas .item a:focus .overlay { background-color: transparent; }
.mcareas .item a:hover .icon, .mcareas .item a:focus .icon { display: none; }
.mcareas .item h2 strong, .mcareas .item a:hover .icon-hover, .mcareas .item a:focus .icon-hover { display: block; }
.mcareas .item a:hover .i-button, .mcareas .item a:focus .i-button { display: inline-block; }
.mcareas .item a:hover .overlay .i-wrap, .mcareas .item a:focus .overlay .i-wrap { -webkit-animation:slideInUp 0.5s;-moz-animation:slideInUp 0.5s; animation:slideInUp 0.5s; }
@-webkit-keyframes slideInUp{
	0%{-webkit-transform:translateY(5%)}
	100%{-webkit-transform:translateY(0)}
}

.side-image { height: 37.5rem; margin-bottom: 3.75rem; }
.side-list { background-color: var(--color-bg-light); font-weight: 500; font-size: var(--fs20); line-height: 1.2em; letter-spacing: -0.125rem; max-width: 29.25rem; margin-left: auto; padding: 3.125rem 2.75rem; }
.side-list h2 { font-size: var(--fs30); font-weight: 500; color: var(--color-primary); margin-bottom: 1.875rem; }
.side-list ul { margin: 0 0 1.875rem; }
.side-list ul li { list-style: none; border-top: 0.0375rem solid rgba(93,105,138,0.2); margin-bottom: 0; }
.side-list ul li:last-child { border-bottom: 0.0375rem solid rgba(93,105,138,0.2); }
.side-list ul li a { color: var(--color-secondary); display: block; position: relative; padding: 1.5rem 0 1.3125rem 0; transition: all 0.5s ease-in-out; }
.side-list ul li a:before { content: ''; background-color: var(--color-text-light); width: 0.625rem; height: 0.625rem; position: absolute; top: 1.8125rem; left: 0; display: none; }
.side-list ul li a:hover, .side-list ul li a:focus, .side-list ul li.active a { color: var(--color-primary); padding-left: 1.875rem; }
.side-list ul li a:hover:before, .side-list ul li a:focus:before, .side-list ul li.active a:before { display: block; }



/* Team & Profile ---------------------------------------------*/
.mid-content { text-align: center; max-width: 62rem; margin: 0 auto 3.5rem; }
.mcteam { grid-gap: 5.5rem; }
.mcteam .item { width: 30%; position: relative; height: 28.125rem; }
.mcteam .item .overlay { padding: 0 0 3.125rem; }
.mcteam .item .i-wrap, .side-profile .img .i-wrap { width: 100%; }
.mcteam .item h2, .mcteam .item .pos,
.side-profile .img h2, .side-profile .img .pos { clip-path: polygon(0% 0%,93% 0%,100% 100%,0% 100%); }
.mcteam .item h2, .mcteam .item .pos,
.side-profile .img h2, .side-profile .img .pos { background-color: var(--color-primary); font-size: var(--fs16); font-weight: 700; text-transform: uppercase; letter-spacing: 0; color: var(--color-bg-light); margin-bottom: 0; padding: 1.25rem 3rem 0.9375rem 2rem; max-width: calc(100% - 5rem); line-height: 1.2em; }
.mcteam .item .pos, .side-profile .img .pos { background-color: var(--color-bg-light); color: var(--color-primary); font-size: var(--fs12); font-weight: 400; padding: 0.625rem 2rem; max-width: calc(100% - 6.5rem); }

.side-attys { margin-left: 0; }
.side-profile .img { position: relative; margin-bottom: 2.5rem; }
.side-profile .img .overlay { padding-bottom: 3.5rem; }
.side-profile .img h2 { font-size: var(--fs27); padding: 2.125rem 3rem 1.75rem 2.25rem; }
.side-profile .img .pos { font-size: var(--fs18); }
.side-profile ul { margin: 0 0 2.75rem; }
.side-profile ul li { list-style: none; font-size: var(--fs18); font-weight: 400; position: relative; padding-left: 2rem; margin-bottom: 1.25rem; line-height: 1.5em; }
.side-profile ul li > i { margin-right: 1rem; position: absolute; top: 0.4375rem; left: 0; }
.side-profile ul li.linkedin > i { top: 0.25rem; }
.side-profile ul li:last-child { padding-left: 0; }
.side-profile a.btn { padding: 0.9375rem 2.25rem 0.8125rem 2.25rem; }
.side-profile a.btn:after { display: none; }
.side-profile a.btn i { margin-right: 1rem; }
.mcprofile-tabs ul { margin: 0; border-bottom: 0; }
.mcprofile-tabs ul li { list-style: none; font-weight: 400; letter-spacing: 0rem; font-size: var(--fs16); line-height: 1.2em; margin-right: 0.25rem; margin-bottom: 0; }
.mcprofile-tabs ul li button { background-color: var(--color-secondary); color: var(--color-default); border: 0; text-transform: uppercase; padding: 1.0625rem 1.75rem 0.9375rem; transition: all 0.5s ease-in-out; min-width: 8.125rem; text-align: left; }
.mcprofile-tabs ul li.active button, .mcprofile-tabs ul li button:hover, .mcprofile-tabs ul li button:focus { background-color: var(--color-text-light); color: var(--color-primary); font-weight: 700; }
.mcprofile-tabcontent { background-color: var(--color-bg-light); height: calc(100% - 3rem); padding: 6rem 5.25rem 4rem; }
.mcprofile-tabcontent .tab-pane { max-width: 35rem; }



/* Resources ---------------------------------------------*/
.mcresources { grid-gap: 1.75rem; }
.mcresources .item { text-align: center; max-width: 30.9375rem; width: 100%; padding: 0 0.5rem; }
.mcresources .item a { border: 0.0625rem solid var(--color-secondary); border-radius: 1.25rem; display: block; height: 100%; padding: 3.125rem 0; }
.mcresources .item h2 { text-transform: uppercase; color: var(--color-text-light); line-height: 1.1em; font-size: var(--fs30); font-weight: 700; letter-spacing: -0.0625rem;background-color: var(--color-primary); padding: 1.375rem 0.625rem 1.125rem; margin: 0 -0.5rem; }
.mcresources .item .img { margin-bottom: 2.5rem; }
.mcresources .item .img img { height: 11rem; margin: 0 auto; }
.mcresources .item a:hover .img img, .mcresources .item a:focus .img img { opacity: 0.6; }
.mcresources ul { grid-gap: 2rem; }
.mcresources ul li { width: 30%; list-style: none; font-weight: 500; font-size: var(--fs24); text-align: center; }




/* Frontpage ---------------------------------------------*/
body.home header#header { background-color: transparent; }
body.home header#header .bg-image { background-image: none !important; opacity: 1; }
body.home header#header .bg-image:before { background-color: rgba(0,0,0,0.25); }
.slider-section { position: absolute !important; z-index: -1; overflow: hidden;}
.slick-images, .slick-images .slick-list, .slick-images .slick-track, .slick-images .item { height: 100%; }
.banner-text { font-size: var(--fs26); text-transform: none; line-height: 1.7em; }
.banner-text h1 { margin-bottom: 1.75rem; }
.banner-text p { margin-bottom: 1.875rem; }
.banner-text a.btn { background-color: var(--color-secondary); border-color: var(--color-secondary); font-size: var(--fs20); }
.banner-text a.btn:hover, .banner-text a.btn:focus { background-color: var(--color-primary); border-color: var(--color-primary); }

.about-section .about-content { padding: 6rem 0 5rem; position: relative; }
.about-section .about-header h2 strong, .area-section .as-header h2 strong { display: block; }
.about-section .about-flex .about-right img { border-radius: 1.25rem; }

.area-section .as-content .as-desc { padding: 2.5rem 0; }
.area-section .as-header { max-width: 28rem; }
ul.as-list { margin: 0 0 2.5rem; }
ul.as-list li { list-style: none; font-weight: 500; font-size: var(--fs28); line-height: 1.2em; margin-bottom: 0; letter-spacing: -0.0625rem; border-bottom: 0.0625rem solid rgba(93,105,138,0.5); width: 46%; }
ul.as-list li a { display: flex; color: var(--color-primary); padding: 2rem 1.75rem; align-items: center; position: relative; }
ul.as-list li a:hover, ul.as-list li a:focus { color: var(--color-secondary); }
ul.as-list li .as-icon { width: 2.8125rem; text-align: center; height: 2.875rem; margin-right: 2rem; }
ul.as-list li a:after { right: 0; color: var(--color-text-light); font-size: var(--fs16);top: 2.5rem; }

.att-section { background-color: var(--color-primary); position: relative; overflow: hidden; }
.att-section .bg-image { opacity: 0.05; }
.att-section .att-content { padding: 6rem 0 0; position: relative; }
.att-section .mid-content { margin-bottom: 5rem; }
.att-section .h5 { border-color: var(--color-dark-border); color: var(--color-border); }
.att-list .item { color: #f5f5f5; line-height: 1.8em; }
.att-list .item h3 { font-size: var(--fs36); font-weight: 500; margin-bottom: 0.625rem; }
.att-list .item .pos { text-transform: uppercase; color: var(--color-border); font-weight: 700; font-size: var(--fs18); line-height: 1.2em; margin-bottom: 1.25rem; letter-spacing: 0.125rem; }
.att-list .item a.btn { border-color: var(--color-default); background-color: transparent; }
.att-list .item a.btn:hover, .att-list .item a.btn:focus { background-color: var(--color-secondary); }
.att-list .item .i-desc { padding: 3.75rem 0 5.5rem; }
.att-list .item .i-image { height: 31rem; }
.att-list .item .i-image img { object-position: top; }

.badges { padding: 2.75rem 0; grid-column-gap: 4%; }
.badges .item img { mix-blend-mode: luminosity; }

.resource-section .resource-content { padding: 6rem 0 0; }
.resource-section .h1 { margin-bottom: 3.125rem; }
.resource-list .item { margin: 0 0.875rem; }
.slick-slider .slick-dots { margin-left: 0; bottom: -6rem; }
.slick-slider .slick-dots li { margin: 0 0.375rem; }
.slick-slider .slick-dots li button {
	width: 1rem;
    height: 1rem;
}
.slick-slider .slick-dots li button:before {
	width: 1rem;
    height: 1rem;
	background-color: var(--color-gray);
	border: 0;
	font-size: 0;
	opacity: 1;
	border-radius: 100%;
}
.slick-slider .slick-dots li button:hover:before, .slick-slider .slick-dots li button:focus:before, .slick-slider .slick-dots li.slick-active button:before { background-color: var(--color-primary); opacity: 1; }






/* Contact ---------------------------------------------*/
.main-contact iframe { width: 100% !important; height: 30rem !important; }
.mccontact-boxes .item, .mcloc .mcloc-item:first-child { background-color: var(--color-text-light); font-size: var(--fs30); font-weight: 700; line-height: 1.2em; }
.mccontact-boxes .item h2, .mcloc .mcloc-item h2 { font-size: var(--fs50); margin-bottom: 1.875rem; }
.mccontact-boxes .item p { margin-bottom: 1.5rem; }
.mccontact-boxes .item a.btn { background-color: transparent; color: var(--color-primary); }
.mccontact-boxes .item a.btn:hover, .mccontact-boxes .item a.btn:focus, .mcloc .mcloc-item a.btn:hover, .mcloc .mcloc-item a.btn:focus { background-color: var(--color-secondary); border-color: var(--color-secondary); color: var(--color-default); }
.mcloc .mcloc-item:first-child { background-color: var(--color-secondary); color: var(--color-default); font-size: var(--fs20); font-weight: 400; line-height: 2em; }
.mcloc .mcloc-item p { margin-bottom: 0.875rem; }
.mcloc .mcloc-item a.btn { background-color: transparent; color: var(--color-default); }
.mccontact-boxes .item:nth-child(even) h2 { color: var(--color-default); }




.form-section { position: relative; font-size: var(--fs18); }
.form-section .bg-image { background-position: top; top: 8rem; }
.form-section .form-content { padding: 1rem 0 10rem; }
.form-section .h1 { font-size: var(--fs72); font-weight: 500; }
.form-section .gform_wrapper input,
.form-section .gform_wrapper textarea,
.form-section .gform_wrapper select { border: 0; }



.gform_wrapper { padding-top: 1.25rem; }
.gform_wrapper form { text-align: left; }
.gform_wrapper .gform_heading { display: none !important; }
.gform_wrapper .gfieldlabelnone .gfield_label, .hide-text {
	position: absolute;
	left: -99999px;
	top:auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.gform_wrapper .gfield_label { font-weight: 400 !important; padding: 0 1.5625rem !important; font-size: var(--fs16) !important; line-height: 1.5em; color: var(--color-primary);}
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select {
	border: 0.0625rem solid var(--color-text-light);
	border-radius: 0.3125rem;
	background-color: var(--color-default);
	color: var(--color-text);
	padding: 1rem 1.5625rem 0.9375rem !important;
	font-size: var(--fs16) !important;
	line-height: 1.5em;
}
.gform_wrapper .gfield textarea.small { height: 6.25rem !important; }
.gform_wrapper .gfield textarea.medium { height: 10.4375rem !important; }
.gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 1.25rem !important; }
.gform_wrapper .gform_footer {
	text-align: center;
	justify-content: center;
	padding: 0 0 1.25rem !important;
}
.gform_wrapper input[type=submit], .gform_wrapper .gform_button {
	border: 0;
	border-radius: 6.25rem;
	font-size: var(--fs16) !important;
	font-weight: 700;
	font-family: var(--font1) !important;
	line-height: 1.2em;
	text-transform: capitalize;
	letter-spacing: 0;
	color: var(--color-default);
	background-color: var(--color-primary);
	padding: 1rem 2.5rem 0.875rem !important;
	transition: all 0.5s ease-in-out;
}
.gform_wrapper .gform_button:after { content: '\f061'; font-family: var(--font3); font-weight: 900; margin-left: 1rem; }
.gform_wrapper input[type=submit]:hover, .gform_wrapper input[type=submit]:focus,
.gform_wrapper .gform_button:hover, .gform_wrapper .gform_button:focus {
	background-color: var(--color-secondary);
	color: var(--color-default);
}
.gform_wrapper input::-webkit-input-placeholder,
.gform_wrapper textarea::-webkit-input-placeholder,
.gform_wrapper select::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--color-placeholder);
}
.gform_wrapper input::-moz-placeholder,
.gform_wrapper textarea::-moz-placeholder,
.gform_wrapper select::-moz-placeholder { /* Firefox 19+ */
	color: var(--color-placeholder);
}
.gform_wrapper input:-ms-input-placeholder,
.gform_wrapper textarea:-ms-input-placeholder,
.gform_wrapper select:-ms-input-placeholder { /* IE 10+ */
	color: var(--color-placeholder);
}
.gform_wrapper input:-moz-placeholder,
.gform_wrapper textarea:-moz-placeholder,
.gform_wrapper select:-moz-placeholder { /* Firefox 18- */
	color: var(--color-placeholder);
}
.gform_confirmation_wrapper { text-align: center; }
.gform_confirmation_wrapper .gform_confirmation_message {
	background-color: var(--color-default);
    color: #000;
    font-size: var(--fs18);
    padding: 0.625rem 1.25rem;
    border: 0.125rem solid #20ab44;
    display: inline-block;
    margin-top: 1.875rem;
	line-height: 1.5em;
    font-weight: 500;
}







/* Footer ---------------------------------------------*/
.footer-section { background-color: var(--color-primary); color: var(--color-text-on-darkbg); line-height: 3em; }
.footer-top, .footer-mid { border-bottom: 0.0625rem solid rgba(197,203,219,0.2); }
.fstop { padding: 2.875rem 0 3.75rem; }
.fsmid { font-size: var(--fs24); padding: 3.125rem 0; }
.fsmid .h5 { border-color: var(--color-dark-border); background-color: var(--color-primary); color: var(--color-border); }
.fsmid a, .fsmenu ul li a:hover, .fsmenu ul li a:focus { color: var(--color-text-light); }
.fsmenu ul li { margin: 0; font-size: var(--fs18); font-weight: 700; margin-bottom: 1.25rem; line-height: 1.2em; }
.fsmenu ul li a, .fsbottom a:hover, .fsbottom a:focus { color: var(--color-default); }
.fssocial a { margin: 0 1rem; } 
.fsbottom { color: var(--color-text-on-darkbg); font-size: var(--fs16); line-height: 1.5em; padding: 2.75rem 0 2.5rem; } 
.fsbottom a { color: var(--color-text-on-darkbg); }
.fsnav ul li { position: relative; list-style: none; }
.fsnav ul li:before { content: ''; background-color: #fff; height: var(--fs11); width: 0.0625rem; display: inline-block; margin: 0 0.75rem; }



.i-contact, .i-about, .i-areas, .i-news, .i-team, .i-home, .i-resource { background-image: url(images/icon-contact.png); background-repeat: no-repeat; background-size: cover; display: block; width: 2.9375rem; height: 2.5rem; }
.i-home { background-image: url(images/icon-home.svg); width: 4.25rem; height: 4.5rem; }
.i-about { background-image: url(images/icon-about.png); width: 2.75rem; height: 4rem; }
.i-areas { background-image: url(images/icon-areas.png); width: 3rem; height: 2.125rem; }
.i-news { background-image: url(images/icon-news.png); width: 2.25rem; height: 2.125rem; }
.i-team { background-image: url(images/icon-team.png); width: 3.rem; height: 2.0625rem; }
.i-resource { background-image: url(images/icon-resource.png); width: 2.625rem; height: 3rem; }


.main-nav a.nav-toggle { font-size: var(--fs52); font-weight: 700; color: var(--color-default); background-color: var(--color-secondary); display: block; padding: 2.5rem 1rem 2.25rem;position: absolute; width: 100%; text-align: center; }
.main-nav a.nav-toggle span {
	background-color: var(--color-default);
	height: 0.25rem;
	border-radius: 0.5rem;
	display: block;
	width: 3.3125rem;
	margin: 0 auto 0.5625rem;
}
.main-nav .popup-nav {
	margin-left: 0;
	visibility: hidden;
	height: 0;
	opacity: 0;
	position: relative;
	z-index: 999999;
	color: var(--color-default);
	background-color: var(--color-secondary);
	top: 6.625rem;
}
.main-menu li a.expand { width: 2rem; position: absolute; right: 0; top: 0; cursor: pointer; display: flex; justify-content: center;}
.main-menu li a.expand:before { content: '+'; font-weight: 500; }
.main-menu li a.expand.expand-clicked:before { content: '-'; }
.main-menu li a.expand:hover, .main-menu li a.expand:focus { background-color: var(--color-primary); }
.main-menu > li {
	font-weight: 400;
	font-family: var(--font1);
	font-size: var(--fs16);
	line-height: 1.2em;
	text-transform: capitalize;
}
.main-menu > li > a {
	color: var(--color-default);
	text-decoration: none;
	display: block;
	padding: 1rem 0;
	transition: all .5s ease-in-out;
}
.main-menu ul li.current-menu-item > a,
.main-menu li.menu-item-has-children ul li a:hover, .main-menu li.menu-item-has-children ul li a:focus { background-color: var(--color-primary); }
.main-menu li { position: relative; }
.main-menu li ul li a {
	padding: 1.125rem 1.5rem 1rem; 
	border-bottom: 0.0625rem solid #6f7c9f;
	display: block;
	text-align: left;
	color: var(--color-default);
	margin: 0;
}
.main-menu li ul li:last-child a { border-bottom: 0; }
.main-menu > li i { margin: 0 auto 0.875rem; }
.main-menu li ul.sub-menu::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0.25rem rgba(0,0,0,0.5);
	background-color: #383b38;
}
.main-menu li ul.sub-menu::-webkit-scrollbar {
	width: 0.25rem;
	background-color: #383b38;
}
.main-menu li ul.sub-menu::-webkit-scrollbar-thumb {
	background-color: #797979;
}
.main-wrapper.open .main-nav a.nav-toggle:before { content: 'x'; }
.main-wrapper.open .main-nav a.nav-toggle span { display: none; }
.main-wrapper.open .main-nav .popup-nav { visibility: visible; height: auto; opacity: 1; }







/* Media ---------------------------------------------*/
@media ( min-width: 1960px ) {
	html { font-size:16px; }
}
@media (min-width: 992px) {
	.hideDesktop { display: none !important; }
	.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;
		width: 16rem;
		top: 0;
		transform: translateX(60%);
	}
	.main-menu li ul li {
		background-color: var(--color-secondary);
		display: block;
		border: none;
		margin: 0;
		padding: 0;
		line-height: 1.5em;
		-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: auto;}
	.main-menu > li { text-align: center; }
	.main-menu > li > a .text { max-width: 6rem; display: block; margin: 0 auto; }
	.main-menu > li > a:hover, .main-menu > li > a:focus { opacity: 0.7; }
	
	.fsnav { margin-right: 2.5rem; }
	.banner-section .container { max-width: 100%; width: 100%; }
	.banner-section .banner .bs-box { background: linear-gradient(0deg, rgba(13,34,55,1) 0%, rgba(26,42,85,0) 100%); max-width: 75.75rem; width: 78%; margin-left: auto; min-height: 20.625rem; position: relative; right: 0; padding: 2.5rem 7.5rem; display: flex; align-items: center; }
	.banner-section .banner .bs-box:before { content: ''; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); width: 0.0781rem; height: 100%; position: absolute; left: 0; top: 0; }
	
	.mccontact-boxes .item, .mcloc .mcloc-item:first-child { width: 33.333%; }
	.mcloc .mcloc-item:nth-child(2) { width: 66.6666%; }
	
	.mcflex .mccontent { width: 38.2%; }
	.mcflex .sidebar { width: 53.75%; }
	.mcprofile-flex .mcprofile-left { width: 46%; }
	.mcprofile-flex .mcprofile-right { width: 54%; }
	.mcabout-flex .mcabout-left { width: 57.05%; } 
	.mcabout-flex .mcabout-right { width: 35.1%; } 
	.single-blog .mcflex, .att-list .item { flex-direction: row-reverse; }
	.single-blog .container { max-width: 92.5rem; width: 90%; }
	.side-image { height: 37.5rem; }
	.single-blog .mcflex .sidebar { margin-top: -6rem; }
	
	.testimonial-list { padding: 0 3.625rem; }
	.testimonial-list .item { margin: 0.375rem; height: inherit; }
	.testimonial-list .slick-track { display: flex; }
	.testimonial-section .ts-content { padding-bottom: 11rem; }
	.testimonial-section .tsbutton { position: absolute; bottom: 5rem; left: 0; right: 0; }
	.news-section .news-header { padding-bottom: 1rem; }
	.news-section .news-header h2 { width: 20%; }
	.news-section .news-header .news-text { width: 40%; }
	.news-section .news-header a.btn { margin-bottom: 1.875rem; }
	.news-list { grid-gap: 5.8rem; }
	.news-list article.blogpost { width: 29.3%; }
	.news-list article.blogpost .ptitle { max-width: 21rem; }
	.badge-section { border-top: 0.0625rem solid var(--color-border); }
	.att-section .bg-image { top: -12rem; width: 69.1875rem; margin: 0 auto; }
	.att-list .item { width: 46%; position: relative; overflow: hidden; }
	.att-list .item .i-image { width: 62%; position: absolute; bottom: 0; right: 0; top: 0; }
	.att-list .item .i-desc { width: 48%; margin-right: auto; }
	.att-list .item:first-child p { max-width: 14rem; }
	.area-section .as-content .as-image { width: 39%; }
	.area-section .as-content .as-desc { width: 61%; max-width: 63rem;  margin: 0 auto; }
	.about-section { background-color: var(--color-bg-light); }
	.about-section .container { max-width: 108.125rem; width: 95%; }
	.about-section .about-content { margin-left: 5.125rem; padding-top: 10rem; }
	.about-section .about-header { max-width: 21rem; }
	.about-section .asbutton { position: absolute; bottom: 11.5rem; }
	.about-section .about-flex .about-left { width: 28%; }
	.about-section .about-flex .about-mid { width: 25.2%; }
	.about-section .about-flex .about-right { width: 36.59%; }
	body.home header#header .logo { width: 50.5%; }
	body.home .banner-section .banner .bs-box { max-width: 58rem; width: 50%; }
	body.home .banner-section .banner { padding-top: 9rem; }
	body.home .banner-section .banner .bs-box { padding: 5rem 6rem 3.5rem; }
	.main-wrapper { position: relative; }
	
	.main-wrapper.open { display: flex; align-items: flex-start; }
	.main-wrapper.open #main { width: calc(100% - 10.25rem); }
	.main-wrapper.open .main-nav { height: 100vh; }
	.main-nav { max-width: 10.25rem; width: 10%; position: sticky; left: 0; top: 0; z-index: 2; background-color: var(--color-secondary);}
	.main-nav a.nav-toggle span:nth-child(2) { width: 2.375rem; background-color: var(--color-text-light);}
	.main-menu > li a.expand { display: none; }
	
	.main-wrapper.open .about-section .container { width: 90%; }
	.main-wrapper.open .about-section .about-flex .about-left { width: 22%; }
	.main-wrapper.open .about-section .about-flex .about-mid { width: 28%; }
	.main-wrapper.open .about-section .about-flex .about-right { width: 40.55%; }
	.main-wrapper.open .area-section .as-content .as-image { width: 32.3%; }
}


@media (min-width: 992px) and ( max-width: 1366px ) {}

@media (max-width: 1850px) {
	.badges { grid-column-gap: 3%; flex-wrap: nowrap; }
}

@media (max-width: 991px) {
	html { font-size: 3vw; }
	.hideMobile, .side-attys, header#header .lang { display: none; }
	.main-content .sitecol .col { width: 100%; padding-right: 0; }
	.col2, .col3 { column-count: 1; -webkit-column-count: 1; }
	.alignright, .alignleft { margin: 0 auto 1.875rem; float: none; display: block; }
	.container, .container-full, .container-standard, .container-medium { width: 90%; }
	
	.fsnav ul li:first-child:before { display: none; }
	.footer-section, .banner-section, .news-section .news-header, .att-section, .area-section .as-content .as-desc { text-align: center; }
	.fsmid, .fsbottom, .mccontact-boxes, .mcloc, .news-section .news-header, .area-section .as-content, .about-section .about-flex {
		flex-direction: column;
	}
	.mcareas .item, .mcflex .mccontent, .mcflex .sidebar, .mcteam .item, .mcprofile-flex > div, .mcabout-second .mcabout-boxes .item, .mcabout-flex > div, article.blogpost, .badges .item, ul.as-list li, .mcresources ul li {
		width: 100%;
	}
	.fsmid > div:not(:last-of-type), .mcabout-flex .mcabout-right { margin-bottom: 2.5rem; }
	.fsnav ul { justify-content: center; }
	.fsnav { margin-bottom: 1rem; }
	.gform_wrapper.gravity-theme .gfield.gfield--width-quarter { grid-column: span 12 !important; }
	.form-section .form-content { padding: 5rem 0 5rem; }
	.form-section .h1 strong, .testimonial-section .h1 strong, .news-section .news-header h2 strong { display: block; }
	.banner-section .banner { padding: 5rem 0; }
	.mcprofile-tabcontent { padding: 2.75rem 2.5rem; }
	.mcabout-flex { flex-direction: column-reverse; }
	.slick-slider .slick-arrow { top: unset; bottom: -6rem; }
	.slick-slider .slick-prev { left: calc(50% - 6.5rem); }
	.slick-slider .slick-next { right: calc(50% - 6.5rem); }
	.testimonial-list { padding-bottom: 3rem; }
	.news-section .news-header { padding-bottom: 2rem; }
	.news-list article.blogpost { font-size: var(--fs20); }
	article.blogpost .ptitle { min-height: unset; margin-bottom: 1rem; }
	article.blogpost .mcblogtext { padding-top: 1rem; }
	article.blogpost .mcblogtext p { margin-bottom: 1rem; }
	.badges { flex-wrap: wrap; padding-top: 0; }
	.badges .item { text-align: center; margin: 1rem 0; }
	.badges .item img { width: 40%; }
	.att-section .container-medium { max-width: 100%; width: 100%; }
	.att-section .bg-image { height: 64.0625rem; top: 20rem; }
	.att-section .bg-image img { object-position: top; }
	.att-list .item .i-image { width: 100%; border-bottom: 0.0625rem solid var(--color-border); }
	.att-list .item .i-image img { width: 95%; }
	.att-list .item .i-desc { padding-left: 10%; padding-right: 10%; }
	.banner-text { font-size: var(--fs20); padding-top: 7rem; }
	.resource-list.slick-slider { margin-bottom: 8rem !important; }
	.resource-list.slick-slider .slick-arrow { bottom: -15rem; }
	body.home header#header .bg-image:before { background: linear-gradient(0deg, rgba(13,34,55,0.84) 0%, rgba(13,34,55,0.55) 26%, rgba(13,34,55,0.19) 100%); }
	
	
	header#header .logo, header#header .ph { position: relative; z-index: 99999; }
	header#header .logo { width: 55%; }
	header#header .ph { margin-top: 1.5rem; margin-right: 5.5rem; }
	header#header .ph a { font-size: 0; background-color: transparent; border: 0; padding: 0;}
	header#header .ph i { font-size: var(--fs24); }
	
	.main-nav, .main-nav a.nav-toggle { background-color: transparent; padding: 0; }
	.main-nav { position: absolute; left: unset; right: 1.25rem; top: 3.9375rem; }
	.main-nav a.nav-toggle { width: 3.5rem; position: relative; float: right; }
	.main-wrapper.open .main-nav a.nav-toggle:before { line-height: 1em; display: block; margin-top: -1rem; }
	.main-menu > li i { display: none; }
	.main-menu > li > a { padding: 1.125rem 1.5rem 1rem; border-bottom: 0.0625rem solid #6f7c9f; }
	.main-menu li .sub-menu { display: none; margin-left: 0; }
	.main-menu li .sub-menu > li > a { padding-left: 2.5rem;; opacity: 0.7; }
	.main-menu > li > a:hover, .main-menu > li > a:focus, .main-menu li a:hover, .main-menu li a:focus { background-color: var(--color-primary); }
	.main-nav .popup-nav {
		top: 3rem; right: 0; width: 20rem;
		max-height: 100vh;
		max-height: calc(100vh - 95px);
		overflow-y: auto;
		position: absolute;
	}
	.mcresources ul li { text-align: left; }
	
	
	:root {
		--fs80: 3.125rem;
		--fs72: 2.1875rem;
		--fs50: 2.1875rem;
	}
}