/*!
 * Table of Content
 * 1.0 - Fonts
 * 2.0 - Resets
 * 2.1 - General
 * 3.0 - Header/Navbar
 * 4.0 - Banner/Slider
 * 5.0 - Page Content
 * 6.0 - Responsive
 */
/* ====================
	1.0 FONTS ==================== */
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@400;700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

@font-face {
  font-family: 'Ellipsis';
  src: local('Arial');
  unicode-range: U+2026;
}

/* ==================== 2.0 Resets ====================*/
body { font-family: 'Ellipsis', 'Gothic A1', sans-serif; color: #050708; font-size: 18px; line-height: 28px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.otgs-development-site-front-end { display: none; }

html, body { overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; }
p, ul, ol, table { margin: 0 0 20px; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, table:last-child { margin-bottom: 0; }

h1, h2, h3, h4, h5, h6 .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3; color: #981A36; }
h1.color-secondary, h2.color-secondary, h3.color-secondary, h4.color-secondary, h5.color-secondary, h6 .h1.color-secondary, .h2.color-secondary, .h3.color-secondary, .h4.color-secondary, .h5.color-secondary, .h6.color-secondary { color: #31536C; }
h1.color-primary, h2.color-primary, h3.color-primary, h4.color-primary, h5.color-primary, h6 .h1.color-primary, .h2.color-primary, .h3.color-primary, .h4.color-primary, .h5.color-primary, .h6.color-primary { color: #FF9933; }
h1 + .image:not([class*="mt-"]), h2 + .image:not([class*="mt-"]), h3 + .image:not([class*="mt-"]), h4 + .image:not([class*="mt-"]), h5 + .image:not([class*="mt-"]), h6 .h1 + .image:not([class*="mt-"]), .h2 + .image:not([class*="mt-"]), .h3 + .image:not([class*="mt-"]), .h4 + .image:not([class*="mt-"]), .h5 + .image:not([class*="mt-"]), .h6 + .image:not([class*="mt-"]) { margin-top: 20px; }

h1, .h1, .heading-lg, .heading-lg-lead { font-size: 2.5em; }

.home h1 { font-family: "Playfair Display", serif; color: #981A36; font-weight: 700; font-size: 2.11em; line-height: 1.35; width: 720px; text-align: center; margin: 0 auto 60px; letter-spacing: .001em; }

h2, .h2 { font-size: 2.11em; font-weight: 800; color: #981A36; line-height: 50px; }

.home h2 { font-family: "Playfair Display", serif; color: #981A36; font-weight: 700; font-size: 2.11em; line-height: 1.35; text-align: center; margin: 0 auto 60px; letter-spacing: .001em; }

h2.title { background-image: url("../images/divider.png"); display: block; background-repeat: no-repeat; background-position: center bottom; margin-bottom: 30px; height:90px; text-align: center; }

.bio h2 { font-weight: 600; }

h3, .h3, h4, .h4, .heading-md, .heading-md-lead { font-size: 1.2em; }

h4, .h4, h4.heading-md { font-size: 1.25em; margin-bottom: 12px; }

h5, .h5 { font-size: 1.1em; margin-bottom: 8px; }

h6, .h6, .heading-sm, .heading-sm-lead { font-size: 1em; }

h2 { color: #981A36; font-weight: 700; font-size: 1.22em; line-height: 1.4; }
h3 { color: #981A36; font-weight: 700; font-size: 1.11em; }
h4, h5 { color: #981A36; font-weight: 400; font-size: 1.11em; }

ul, ol { padding: 0px; margin: 0px; }
ul li, ol li { list-style: none; }
.section-content .col-md-8 ul, .section-content .col-md-8 ol { padding: 0 0 0 20px; margin: 0px; }
.section-content .col-md-8 ul li, .section-content .col-md-8 ol li { list-style: disc; }

blockquote { font-family: "Playfair Display", serif; padding: 20px; color: #050708; border: none; font-size: 1.5em; font-weight: 400; line-height: 1.4; border-top: 1px solid #981A36; border-bottom: 1px solid #981A36; margin-top: 40px; margin-bottom: 40px; letter-spacing: .001em; }

p + h1, p + h2, p + h3, p + h4, p + h5, p + h4, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h4, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h4, table + h1, table + h2, table + h3, table + h4, table + h5, table + h4 { margin-top: 35px; }

ul + p, ul + ul, ul + ol, ol + ol, ol + ul, ul + table, ol + table { margin-top: 20px; }

b, strong { font-weight: 600; }

a { outline: 0; transition: all 0.5s; color: #981A36; }
a:link, a:visited { text-decoration: none; }
a:hover, a:focus, a:active { outline: 0; color: #050708; }

img { outline: 0; border: 0 none; max-width: 100%; height: auto; vertical-align: top; -ms-border-radius: 0px; border-radius: 0px; }
img + h2, img h3, img h4 { margin-top: 15px; }
img.alignright { padding: 0; float: right; margin: 5px 0 10px 30px; }
h3 img.alignright, h4 img.alignright, h2 img.alignright, h1 img.alignright { margin-top: 0; }

img.alignleft { padding: 0; float: left; margin: 5px 30px 10px 0; }
h3 img.alignleft, h4 img.alignleft, h2 img.alignleft, h1 img.alignleft { margin-top: 0; }
img.aligncenter { float: none; display: block; margin: 5px auto 15px; }
img.aligncenter:first-child { margin-top: 0; }
img.aligncenter:last-child { margin-bottom: 0; }

hr, .hr { margin: 45px 0; }
hr:first-child, .hr:first-child { margin-top: 0; }
hr:last-child, .hr:last-child { margin-bottom: 0; }

input:focus { border-color: #66afe9; outline: 0; box-shadow: 0 0 0 transparent; }

.al-center, .center { text-align: center; }
.al-center .with-line:after, .center .with-line:after { left: 50%; margin-left: -35px; }

.al-right { text-align: right; }
.al-right .with-line:after { right: 0; }

.al-left { text-align: left; }

.ucap { text-transform: uppercase; }

.container.medium { max-width: 1375px; }

.section-pad { margin-top: 50px; margin-bottom: 50px; }
.section-pad-xs { margin-top: 20px; margin-bottom: 20px; }
.section-pad-sm { margin-top: 40px; margin-bottom: 40px; }
.section-pad-sm-2 { margin-top: 40px; margin-bottom: 40px; padding-left: 0; padding-right: 0; }
.section-pad-md { margin-top: 60px; margin-bottom: 60px; }
.section-pad-md-2 { margin-top: 60px; margin-bottom: 60px; }
.section-pad-lg { margin-top: 110px; margin-bottom: 110px; }
.section-pad.nopd { margin-top: 0; margin-bottom: 0; }
.section-pad.nopdtop { margin-top: 0; margin-bottom: 60px; }
.nopdbottom { margin-top: 40px; margin-bottom: 0; }

.section-overup[class*="section-pad"] { margin-top: -60px; padding-top: 0; }

.section-overup-lg[class*="section-pad"] { margin-top: -110px; padding-top: 0; }

.section.top { margin-top: 160px; }

.pad-0, .nopd { padding: 0px; }

.noborder { border:none; }

.npl { padding-left: 0px; }

.npr { padding-right: 0px; }

.space-top { margin-top: 20px; }
.space-top-sm { margin-top: 15px; }
.space-top-md { margin-top: 30px; }
.space-bottom { margin-bottom: 20px; }
.space-bottom-sm { margin-bottom: 15px; }
.space-bottom-md { margin-bottom: 30px; }

.nomg { margin-top: 0; margin-bottom: 0; }

.wide-lg { max-width: 1170px; margin: 0 auto; }
.wide-md { max-width: 970px; margin: 0 auto; }
.wide-sm { max-width: 770px; margin: 0 auto; }
.wide-xs { max-width: 570px; margin: 0 auto; }

.row-vm { align-items: center; display: flex; }
.row-vm.reverses > div:last-child { order: 1; }
.row-vm.reverses > div:first-child { order: 2; }

.container-fluid > .row > .row { margin-left: 0; margin-right: 0; }

.container.thin { max-width: 1125px; }

.row-column:not(:first-child) { margin-top: 60px; }
.row-column-md:not(:first-child) { margin-top: 45px; }
.row-column-sm:not(:first-child) { margin-top: 30px; }

div[class*="row-column"].mgfix { margin-top: -45px; }
div[class*="row-column"].mgauto { margin-top: 0; }
div[class*="row-column"].mgtop { margin-top: 60px; }
div[class*="row-column"].mgtop-md { margin-top: 45px; }
div[class*="row-column"].mgtop-sm { margin-top: 30px; }

div[class*="wide-"] + div[class*="row-column"]:not([class*="mg"]):not([class*="mt-"]) { margin-top: 60px; }

.clear-all { clear: both; display: block; height: 0; width: 100%; }

.clear { clear: both; }

.clear-left { clear: left; }

.clear-right { clear: right; }

.first[class*="col-"] { clear: left; }

.nomg[class*="wide-"] { margin: 0; }

.img-shadow { box-shadow: 0 2px 26px 0 rgba(0, 0, 0, 0.16); }

.round { -ms-border-radius: 0px; border-radius: 0px; }

.round-md { -ms-border-radius: 8px; border-radius: 8px; }

.round-lg { -ms-border-radius: 35px; border-radius: 35px; }

.circle { -ms-border-radius: 50%; border-radius: 50%; }

.image { margin-bottom: 20px; }
.image:last-child { margin-bottom: 0; }
.image img { max-width: 100%; height: auto; }
.image[class*="round"] a, .image[class*="round"] img, .image.circle a, .image.circle img { border-radius: inherit; }
.image.circle:not([class*="al-"]) { text-align: center; }
.image.circle:not(.image-md) img { width: 100%; max-width: 555px; }
.image-md img { width: 90%; max-width: 220px; }

.imagebg { position: absolute; height: 100%; right: 0; top: 0; left: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; z-index: 0; opacity: 0; transition: opacity .4s; }
.fixed-bg .imagebg { background-attachment: fixed; }
.imagebg img { display: none; }

.image-on-left .imagebg, .image-on-right .imagebg { width: 50%; }

.image-on-left .imagebg { right: 50%; }

.image-on-right .imagebg { left: 50%; }

.image-slice .imagebg { width: 40%; left: 0; }
.image-slice .imagebg + .imagebg { width: 60%; left: 40%; }
.image-slice .section-bg:not(.section-bg-r):after { content: ""; background: #FF9933; position: absolute; left: 0; bottom: 0; top: 0; opacity: .9; width: 100%; }
.image-slice .section-bg.section-bg-alt:not(.section-bg-r):after { background: #31536C; }

.btn { font-family: 'Gothic A1', sans-serif; line-height: 1.4; padding: 12px 20px; text-align: center; color: #fff; transition: all 0.4s; width: 100%; background: #008265; font-size: 40px; font-weight: 800; text-transform: none }
.btn:hover, .btn:focus { background-color: #981A36; color: #fff; }
.btn .open { display: inline; padding-left: 20px; font-size: 28px; }

.pd-x1 { padding: 10px; }
.pd-x2 { padding: 20px; }
.pd-x3 { padding: 30px; }
.pd-x4 { padding: 40px; }
.pd-x5 { padding: 50px; }

.mg-x1 { margin: 10px; }
.mg-x2 { margin: 20px; }
.mg-x3 { margin: 30px; }
.mg-x4 { margin: 40px; }
.mg-x5 { margin: 50px; }

.mt-x1 { margin-top: 10px; }
.mt-x2 { margin-top: 20px; }
.mt-x3 { margin-top: 30px; }
.mt-x4 { margin-top: 40px; }
.mt-x5 { margin-top: 50px; }

.mb-x1 { margin-bottom: 10px; }
.mb-x2 { margin-bottom: 20px; }
.mb-x3 { margin-bottom: 30px; }
.mb-x4 { margin-bottom: 40px; }
.mb-x5 { margin-bottom: 50px; }

.bg-light, .box-s2 { background: #f4f8f8; }

.bg-white, .box-s1 { background: #fff; }

.bg-dark { background: #666; }

.bg-grey { background: #e8e8ee; }

.box-s3 { background: #FF9933; }

.bg-secondary, .box-s4 { background: #B52031; }

.bg-alternet { background: #FFC426; }

.bg-light-primary { background-color: rgba(255, 153, 51, 0.1); }

.bg-light-secondary { background-color: rgba(255, 83, 38, 0.1); }

.bg-light-alternet { background-color: rgba(255, 196, 38, 0.1); }

.bdr { border: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-y { border-top: 1px solid rgba(0, 0, 0, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-x { border-left: 1px solid rgba(0, 0, 0, 0.04); border-right: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-top { border-top: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-none { border-color: transparent; }

.navbar-toggle { margin-right: 0px; }

.table-responsive { margin-bottom: 30px; }
.table-responsive:last-child, .table-responsive .table { margin-bottom: 0; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-color: #ececec; }

.table.bdr-top, .table.bdr-bottom { border-color: #ececec; }

.table-s1 > tbody > tr > td, .table-s1 > tbody > tr > th, .table-s1 > tfoot > tr > td, .table-s1 > tfoot > tr > th, .table-s1 > thead > tr > td, .table-s1 > thead > tr > th { padding: 20px; }

.table-vertical > tbody > tr > td { vertical-align: middle; }

.equalcol { display: flex; flex-direction: row; height: 100%; }

.border-left { border-left: 1px solid #981A36; display: flex; flex-wrap: wrap; }

@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-50px, 0, 0); }
  to { opacity: 1; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; transform: translate3d(50px, 0, 0); }
  to { opacity: 1; transform: none; } }
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 50px, 0); }
  to { opacity: 1; transform: none; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

/* ========================================================================== 2.1 General / Common ========================================================================== */

.content ul li { position: relative; margin-left: 20px; list-style: disc; }
.content ul li:last-child { margin-bottom: 0; }
.content ul.nav-tabs li:before { content:none; }
.content ul.nav-tabs li { padding-left: 0;}

ul.badges { display: flex; align-items: center; padding-top:20px; }
ul.badges li::before { content:none; }
ul.badges li { float: left; max-width: 30%; }

.light .content ul li:before, .box-s3 .content ul li:before, .box-s4 .content ul li:before, .call-action:not(.dark) .content ul li:before { color: #fff; }

.blog-posts li:before, .blog-recent li:before { content: none !important; }

.content ul.dots li:before { content: '\f111'; font-size: 6px; top: 5px; }
.content ul.checkmark li { padding-left: 28px; }
.content ul.checkmark li:before { content: '\f00c'; font-size: 18px; line-height: 18px; top: 4px; }
.content ul.list-sitemap li { margin-bottom: 10px; font-weight: 400; }
.content ul.list-sitemap li:last-child { margin-bottom: 0; }
.content ul.list-sitemap li ul { margin-top: 5px; }
.content ul.list-sitemap li ul li { margin-top: 3px; font-weight: 400; }
.content ul.style-v2 li { margin-bottom: 2px; }
.content ul.style-v2 li:before { color: #9aa4ae; font-size: 6px; }
.content ol { margin-left: 25px; }
.content ol li { list-style: decimal; padding-left: 5px; margin-bottom: 8px; }
.content ol li:last-child { margin-bottom: 0; }
.content ul li { list-style: disc; }

.accordion .panel { background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.accordion .panel:last-child { border-bottom: 0 none; }
.accordion .panel + .panel { margin-top: 0; }
.accordion .panel-title { position: relative; font-size: 1em; font-family: 'Gothic A1', sans-serif; font-weight: 600; }
.accordion .panel-title a { color: #FF9933; padding: 16px 30px 17px 0; }
.accordion .panel-title a .plus-minus { opacity: 0.4; }
.accordion .panel-title a.collapsed { color: #596570; }
.accordion .panel-title a.collapsed:hover { opacity: 0.7; }
.accordion .panel-title a.collapsed:hover .plus-minus { opacity: 0.4; }
.accordion .panel-title a.collapsed .plus-minus { opacity: 0.7; }
.accordion .panel-title a.collapsed .plus-minus span:before { transform: rotate(-180deg); }
.accordion .panel-title a.collapsed .plus-minus span:after { transform: rotate(0deg); }
.accordion .panel-title a:hover { opacity: 1; }
.accordion .panel-title a:hover .plus-minus { opacity: 1; }
.accordion .panel-body { padding-right: 0; padding-left: 0; padding-bottom: 30px; }
.accordion .plus-minus { opacity: 0.8; cursor: pointer; transition: opacity 350ms; display: block; position: absolute; right: 0; top: 50%; height: 18px; width: 18px; margin-top: -9px; }
.accordion .plus-minus span { position: relative; height: 100%; display: block; }
.accordion .plus-minus span:before, .accordion .plus-minus span:after { content: ""; position: absolute; background: #666; transition: transform 100ms; }
.accordion .plus-minus span:before { height: 2px; width: 100%; left: 0; top: 50%; margin-top: -1px; transform: rotate(180deg); }
.accordion .plus-minus span:after { height: 100%; width: 2px; top: 0; left: 50%; margin-left: -1px; transform: rotate(90deg); }
.accordion .plus-minus:hover { opacity: 0.3; }
.accordion.filled .panel:last-child { border-bottom: 0; }
.accordion.filled .panel-title { background-color: #f5f5f5; }
.accordion.filled .panel-title a { background: #ececec; padding-left: 20px; color: #ED1C24; }
.accordion.filled .panel-title a.collapsed { background-color: transparent; color: #596570; }
.accordion.filled .panel-title a.collapsed:hover { opacity: 0.7; }
.accordion.filled .panel-body { padding-right: 20px; padding-left: 20px; padding-bottom: 20px; }
.accordion.filled .plus-minus { right: 20px; }

.carousel { height: 100%; }
.carousel .stky-banner { position: absolute; top: 0; }
.carousel .carousel-inner, .carousel .item, .carousel .active { height: 100%; }

.position { position: static; }

.slick-dots { display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px !important; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button::before { font-size: 25px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button::before { opacity: .75; color: black; }

.filterSidebar .filter { font-size: 22px; color: #981A36; font-family: 'Gothic A1', sans-serif; font-weight: 700; text-align: center; letter-spacing: .4rem; text-transform: uppercase; padding-bottom: 20px; }
.filterSidebar .collapseList .title, .filterSidebar ul li h4{ width: 100%; text-align: center; display: block; background: #981A36; padding: 20px; font-family: 'Gothic A1', sans-serif; font-size: 22px; text-transform: uppercase; color: #fff; font-weight: 700; letter-spacing: .5rem; max-width: 550px; margin: 0 auto; line-height: 22px; cursor: pointer; }
.filterSidebar ul li h4:hover{ background: #CF8A22;}
.filterSidebar ul li h4.toggled{ background: #CF8A22;}

.filterSidebar .collapseList .title, .filterSidebar ul li h4::after{font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f067"; font-size: 18px;position: absolute;right: 27px;}
.filterSidebar .collapseList .title, .filterSidebar ul li h4.toggled::after{font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f00d"; font-size: 18px;position: absolute;right: 27px;}
.filterSidebar ul li { padding-bottom: 10px; }
.filterSidebar ul li ul li:last-child { padding-bottom: 0; }
.filterSidebar ul li ul { padding: 25px; background: #fff; }
.filterSidebar .collapseList .title .icon, .filterSidebar ul li .title .icon{top:auto;}
.filterSidebar .widget {margin-bottom:30px;}
.filterElement ul{list-style: none; margin: 0; padding: 0 !important; overflow: auto;}
.filterSidebar .filterElement ul li{display: block; position: relative; float: left; width: 100%;}
.filterSidebar .filterElement ul li input[type=radio]{ position: absolute; visibility: hidden;}
.filterSidebar .filterElement ul li label, .filterSidebar ul li ul li label{font-size: 18px; display: inline-block; position: relative; padding: 0 0 0 30px; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; color:#981A36; font-weight: 700; font-family: 'Gothic A1', sans-serif; display: flex; line-height: 26px; }
.filterSidebar .filterElement ul li .check{display: block; position: absolute; border: 2px solid #981A36; border-radius: 100%; height: 15px; width: 15px; top: 0px; z-index: 5; transition: border .25s ease-in-out; -webkit-transition: border .25s ease-in-out;}
.filterSidebar .filterElement ul li .check::before {display: block; position: absolute; content: ''; border-radius: 100%; height: 15px; width: 15px; top: 5px; left: 5px; margin: auto; transition: background 0.25s ease-in-out; -webkit-transition: background 0.25s ease-in-out;}
.filterSidebar .filterElement ul li .check i{color:#ffffff; text-align: center; line-height: 17px; display:none; font-size:10px;}
.filterSidebar .filterElement input[type=radio]:checked ~ .check {background:#981A36;}
.filterSidebar .filterElement input[type=radio]:checked ~ .check i{display:block;}
.filterSidebar .filterElement li:before{display:none;}

.searchandfilter.hide, .searchandfilter.show { display: block; }
.searchandfilter ul { width: 100%; display: flex; flex-wrap: wrap; }
.searchandfilter ul li { width: 100%; display: flex; flex-wrap: wrap; }
.searchandfilter ul li ul li { background: #fff; border: 1px solid #981A36; padding: 10px 0 7px 0 !important; width: 100%; font-size: 14px; line-height: 20px; font-weight: 700; text-align: center; text-transform: uppercase; letter-spacing: .05em; display: flex; align-items: center; justify-content: center; transition: all 0.5s;  cursor: pointer; max-width: 292px; min-height: 59px; }
 .searchandfilter .sf-field-post-meta-att_letter ul li { max-width: 50px; min-height: auto; }
.sf-option-active { background: #981A36 !important; color: #fff !important; }
.sf-option-active label, .sf-option-active:hover a { color: #fff !important; }
.searchandfilter ul li ul li:hover { background: #981A36; color: #fff; }
.searchandfilter ul li ul li:hover label, .searchandfilter ul li ul li:hover a { color: #fff; }
.searchandfilter ul li label  { width:95%;}
.searchandfilter ul li.sf-field-search label span { display: none;}
.searchandfilter ul li.sf-field-search input { border: 2px solid #008265; height: 60px; width: 100%; letter-spacing: 3px; color: #008265; text-indent: 20px; }
.searchandfilter select { height: 60px; background: #008265; color: #fff; border: 2px solid #008265; width: 100%; text-align: center; letter-spacing: 3px; border-radius: 0; }
.searchandfilter ul li.sf-field-reset { float: none; text-align: center; width: 100%; display: inline-block; margin-top: 10px; }
.searchandfilter ul li.sf-field-reset a { font-size: 14px; font-weight: 700; text-transform: uppercase; color: #981A36; letter-spacing: .05em; }
.searchandfilter ul li.sf-field-reset a:hover { color: #050708; }

.filter .collapseList .title, .filter ul li .filterTitle, .searchandfilter h4 { position: relative; font-size: 14px !important; text-transform: uppercase; cursor: pointer; padding: 10px 15px 7px !important; color: #981A36; background: #fff; min-height: 60px; line-height: 20px; width: 292px; text-align: center; font-weight: 700; letter-spacing: .05em; margin: 0 auto !important; border: 1px solid #981A36; align-items: center; display: flex; justify-content: center; transition: all 0.5s; }
.filter ul li .filterTitle:hover, .searchandfilter h4:hover, .searchandfilter h4.toggled:hover { background: #fff; color: #981A36; }
.filter ul li .filterTitle, .searchandfilter h4{ background: transparent; color: #981A36; }
.filter ul li .filterTitle.toggled, .searchandfilter h4.toggled{ background: #fff; color: #981A36; }

.filter ul { padding-top: 30px; }
.filter ul li { padding: 0 0 10px !important; }
.filter ul li ul { display: none; align-items:flex-start; justify-content: center; gap: 7px; width: 93%; margin: 0 auto !important; padding: 10px 0 0; overflow: hidden; }
.filter ul li ul.toggled { display: flex !important; align-items:flex-start; overflow: hidden; }
.filter .collapseList .title .icon, .filter ul li .title .icon{top:auto;}
.filter .widget {margin-bottom:30px;}
.filter .filterElement ul li{display: block; position: relative; float: left; width: 100%;}
.filter .filterElement ul li input[type=radio]{ position: absolute; visibility: hidden;}
.filter .filterElement ul li label, .filter ul li ul li label, .filter ul li ul li a { color: #981A36; }
.filter .filterElement ul li .check{display: block; position: absolute; border: 2px solid #41738D; border-radius: 100%; height: 15px; width: 15px; top: 0px; z-index: 5; transition: border .25s ease-in-out; -webkit-transition: border .25s ease-in-out;}
.filter .filterElement ul li .check::before {display: block; position: absolute; content: ''; border-radius: 100%; height: 15px; width: 15px; top: 5px; left: 5px; margin: auto; transition: background 0.25s ease-in-out; -webkit-transition: background 0.25s ease-in-out;}
.filter .filterElement ul li .check i{color:#ffffff; text-align: center; line-height: 17px; display:none; font-size:10px;}
.filter .filterElement input[type=radio]:checked ~ .check {background:#41738D;}
.filter .filterElement input[type=radio]:checked ~ .check i{display:block;}
.filter .filterElement li:before{display:none;}

.searchandfilter { width:100%; }
.searchandfilter li label { padding-left:0 !important;}

.sf-input-checkbox {display: none;}
.sf-input-checkbox + label {display: inline-block;position: relative;vertical-align: middle;margin: 0;cursor: pointer;}

.sf-field-reset input {font-size: 22px;color: #41738D;font-family: 'Poppins', sans-serif;font-weight: 700;text-align: center;letter-spacing: .4rem;text-transform: uppercase;padding-top: 10px;border: 0;background: none;width: 100%;}
.sf-field-reset input:hover { color: #CF8A00; }

.sf-field-reset input {font-size: 22px;color: #981A36;font-family: 'Gothic A1', sans-serif;font-weight: 700;text-align: center;letter-spacing: .4rem;text-transform: uppercase;padding-top: 10px;border: 0;background: none;width: 100%;}
.sf-field-reset input:hover { color: #CF8A00; }


/* ========================================================================== 3.0 Header/Navbar ========================================================================== */

.site-header { background: #ffffff; position: fixed; top: 0; left: 0; width: 100%; height: 160px; transition: top .5s; box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 12px; z-index: 50; }
.site-header .navbar { border-radius: 0; border: 0 none; min-width: 200px; padding: 20px 0 0; background: #fff; margin: 0; z-index: 9;  }
.site-header .navbar-brand img { width: auto; max-width: 500px; max-height: 67px; }
.site-header.sticky .navbar-brand img { max-height:90px; margin-top: -5px !important; }
.site-header .navbar-header .quote-btn { display: none; }
.site-header .navbar-collapse { padding: 0; background-color: transparent; }
.site-header .logo-light { display: none; }
.site-header .quote-btn { padding: 0; display: inline-block; }
.site-header .quote-btn .btn { font-family: 'Gothic A1', sans-serif; padding: 6px 25px; font-size: 12px; line-height: 24px; font-weight: 700; text-transform: uppercase; color: #fff; background-color: #31536C; border: 2px solid #31536C; margin: 0; vertical-align: middle; }
.site-header .quote-btn .btn:hover { border-color: #FFC426; color: #fff; background-color: #FFC426; }
.site-header .quote-btn .btn.btn-outline { background: transparent; }
.site-header .quote-btn .btn.btn-outline:hover { background: #31536C; border-color: #31536C; }

.site-header.animate { top: -250px; }
.site-header.sticky { top: -60px; z-index: 11; border-bottom: 1px solid #ccc; height:170px; }

.topbar { transition: none; }
.topbar .top-aside > p { margin: 7px 25px 7px 0; line-height: 20px; }
.topbar .top-aside > p strong { font-weight: 400; }
.topbar .top-aside > * { float: left; }
.topbar .top-left { float: left;  }
.topbar .top-right { float: right;  }
.topbar .top-contact .fa { border: 0 none; width: auto; height: auto; line-height: 34px; }
.topbar .top-contact span { padding: 0 30px 0 15px; }
.topbar .top-nav li a { padding-top: 0; padding-bottom: 0; transition: color .3s; }

.top-contact li { padding: 0 12px; display: inline; }
.top-contact li:last-child { padding-right:0; }
.top-contact li.active { text-decoration: underline; text-underline-offset: 8px; text-decoration-color: #050708; }
.top-contact a { color: #050708; font-size: 20px; font-weight: 400; transition: color 0.5s; }
.top-contact a:hover { color: #981A36; }

.navbar-nav { width: 100%; padding-top: 26px; }
.navbar-nav > li.mobile { display: none; }
.navbar-nav > li > a { background: transparent; color: inherit; font-family: 'Gothic A1', sans-serif; font-weight: 400; font-size: 18px; line-height: 18px; padding: 14px 16px; transition: color 0.5s; }
.navbar-nav li.active { text-decoration: underline; text-underline-offset: 8px; text-decoration-color: #981A36; }
.navbar-nav > li.active > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color: #ED1C24; background: transparent; }
.navbar-nav > li > ul ul { top: 0; margin-top: 0; }
.navbar-nav > li:hover > ul { top: 100%; padding: 10px 0; opacity: 1; visibility: visible; }
.navbar-nav > li.quote-btn { margin-left: 12px; float: right; }
.navbar-nav > li.quote-btn .btn { padding: 9px 24px 8px; font-size: 14px; font-weight: 700; letter-spacing: inherit; }
.navbar-nav li ul li { position: relative; }
.navbar-nav li ul li ul { left: 240px; opacity: 0; visibility: hidden; }
.navbar-nav li ul li:hover ul { opacity: 1; visibility: visible; z-index: 100; }

.navbar-nav li ul li.has-children > a:after { color: #596570; content: "\f0c8"; display: block; position: absolute; top: 50%; right: 8px; opacity: .5; margin-top: -7px; height: 14px; width: 12px; text-align: center; font-size: 6px; line-height: 14px; font-family: "FontAwesome"; transition: transform .4s; }
.navbar-nav li ul > .active > a, .navbar-nav li ul > .active > a:focus, .navbar-nav li ul > .active > a:hover { color: #ffffff; background-color: #f5f5f5; }
.navbar-nav ul li { color: #596570; }
.navbar-nav ul li.active > a, .navbar-nav ul li.active > a:focus .navbar-nav ul li.active > a:hover, .navbar-nav ul li.rollover > a { }
.navbar-nav ul li.active > a, .navbar-nav ul li.rollover > a {  }
.navbar-nav .label { margin-top: -3px; vertical-align: middle; display: inline-block; font-family: 'Gothic A1', sans-serif; margin-left: 5px; text-transform: uppercase; padding: 3px 10px 4px; -ms-border-radius: 20px; border-radius: 20px; }

.navbar-nav li.has-children:hover::after { background: #fff; content: " "; position: absolute; width: 200vw; height: 175px; left: -100vw; box-shadow: 0 12px 12px rgba(0, 0, 0, 0.25); }
.navbar-nav li.has-children ul { text-align: center;left: -50%; margin-top: -30px; }
.navbar-nav li ul { position: absolute; border: 0px; border-radius: 0; padding: 0px; left: 0; top: -999em; z-index: 99; display: block; opacity: 0; visibility: hidden; transition: opacity .5s, visibility .4s; }
.navbar-nav li ul li a { padding: 10px 0; display: block; font-size: 18px; font-weight: 800; white-space: nowrap; color: #981A36; line-height: 20px; text-transform: uppercase; }
.navbar-nav li ul.active > a, .navbar-nav li ul li > a:hover, .navbar-nav li ul li > a:focus { color: #008265; background: none; }

.header-s2 .navbar { padding: 0; }
.header-s2 .navbar-nav > li > a { padding: 0 12px; }
.header-s2 .navbar-nav > li.quote-btn { margin-top: 27px; }
.header-s2 .navbar-nav > li.last { margin-right: -15px; }
.header-s2 .navbar-nav > li.last a { padding-right: 0; }
.header-s2 .navbar-brand { margin-top: -20px; margin-bottom: 0; padding: 0; transition: none; }
.header-s2 .navbar-collapse { float: right; width: auto; }
.header-s2.is-transparent .topbar, .header-s2.is-transparent .navbar { background: #fff; width: 100%; z-index: 9; }
.header-s2.is-transparent .topbar + .navbar { }
.header-s2.is-transparent .topbar { position: relative; padding-top: 40px; }
.header-s2.sticky .topbar { padding-top: 75px; }
.header-s2.is-transparent .topbar .social li a { color: inherit; }
.header-s2.is-transparent .navbar-nav li ul { color: #596570; }
.header-s2.is-transparent .navbar-nav > li > a, .header-s2.is-transparent .navbar-nav > li.active > a, .header-s2.is-transparent .navbar-nav > li > a:focus, .header-s2.is-transparent .navbar-nav > li.has-children > a:after, .header-s2.is-transparent .top-contact .fa { color: #981A36; font-size: 20px; font-weight: 700; }
.header-s2.is-transparent .navbar-nav > li > a:hover { color: #050708; }
.header-s2.is-transparent .navbar-nav > li.current > a, .header-s2.is-transparent .navbar-nav > li.current > a:hover, .header-s2.is-transparent .navbar-nav > li.current > a:focus, .header-s2.is-transparent .navbar-nav > li.current.has-children > a:after { color: #fff; }
.header-s2.is-transparent .navbar-nav > li.current > a:not(.btn)::before { content: ""; position: absolute; left: 18px; top: 18px; right: 18px; height: 2px; background-color: #B51F30; opacity: 1; transition: all .4s; }
.header-s2.is-transparent .navbar-nav > li.current > a:not(.btn)::after { content: ""; position: absolute; left: 18px; top: 91px; right: 18px; height: 2px; background-color: #B51F30; opacity: 1; transition: all .4s; }
.header-s2.is-transparent .navbar-brand .logo-light { display: block; }
.header-s2.is-transparent .navbar-brand .logo-dark { display: none; }

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

.header-s2.header-dark .topbar { background: #ff8c1a; color: #fff; }
.header-s2.header-dark .topbar .icon, .header-s2.header-dark .topbar .fa, .header-s2.header-dark .topbar a:hover { color: #31536C; }
.header-s2.header-dark .navbar { background: #FF9933; }
.header-s2.header-dark .navbar-nav > li > a, .header-s2.header-dark .navbar-nav > li.active > a, .header-s2.header-dark .navbar-nav > li > a:hover, .header-s2.header-dark .navbar-nav > li > a:focus { color: #fff; }
.header-s2.header-dark .navbar-nav li.quote-btn .btn:hover { background: #FFC426; }
.header-s2.header-dark .navbar-brand .logo-dark { display: none; }
.header-s2.header-dark .navbar-brand .logo-light { display: block; }


/* ========================================================================== 4.0 Banner/Slider ========================================================================== */
.banner-text { color: #050708; position: relative; padding-top: 60px; padding-bottom: 60px; z-index: 1; }
.banner-text:not([class*="wide-"]) { max-width: 100%; }
.banner-text.pos-left { float: left; }
.banner-text.al-center:not(.pos-center), .banner-text.center:not(.pos-center) { margin: 0 auto; }
.banner-text.light, .banner-text.box-s3, .banner-text.box-s4 { color: #fff; }
.banner-text.dark { color: #15181b; }
.banner-text h1 { font-size: 4em; line-height: 1.1; color: #981A36; text-align: center; font-weight: 700; font-family: 'Playfair Display', sans-serif; font-style: italic; text-transform: none; letter-spacing: .001em; }
.banner-text h2 { font-size: 78px;line-height: 78px; font-weight: 700;color:rgb(255, 255, 255);letter-spacing: 0px; }
.banner-text img { padding: 20px 0; }
.banner-text .animated { animation-delay: 350ms; animation-duration: 1s; }
.banner-text .btn { font-size: 16px;font-weight: 700;color:rgb(255, 255, 255);letter-spacing: 0px;font-family: Asap;border-color:rgb(255, 255, 255);border-style: solid;border-width: 2px;border-radius: 30px;outline: currentcolor none medium;;cursor: pointer;visibility: inherit;text-align: inherit;margin: 0px;padding: 19px 37px;text-transform: none; }
.banner-text .btn:hover { background-color:rgb(255, 255, 255); color:#393970; }
.banner-text .btn-alt { font-size: 16px;font-weight: 700;color:rgb(255, 255, 255);letter-spacing: 0px;font-family: Asap;background-color:rgb(181, 32, 49);border-color:rgb(181, 32, 49);border-style: solid;border-width: 2px;border-radius: 30px;outline: currentcolor none medium;cursor: pointer;visibility: inherit;text-align: inherit;margin: 0px;padding: 19px 37px;text-transform: none; }
.banner-text .btn-alt:hover { background-color:rgb(255, 255, 255); color:#393970;;border-color:rgb(255, 255, 255) }
.banner-text h1 + *, .banner-text h2 + *, .banner-text h3 + *, .banner-text h4 + * { margin-top: 10px; }
.banner-text p:not(:last-child) { margin-bottom: 10px; }
.banner-text.style-modern { font-size: 24px; line-height: 1.4; }
.banner-text .content { width: 95%; max-width: 825px; margin: 60px auto 0; }

.hero-wrapper { position: relative; height: 75vh; max-height: 920px; display: flex; overflow: hidden; }
.hero-wrapper video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1; transform: translate(-50%, -50%); }
.hero-overlay-text { align-items: center; display: flex; position: relative; margin: 0 auto; width: 90%; max-width: 1600px; font-size: 2em; line-height: 1.35; font-weight: 700; color: #fff; font-family: "Playfair Display", serif; z-index: 1; letter-spacing: .001em; }
.hero-overlay-text .content { width: 640px; }
.hero-overlay-text .content .logo { background: url("../images/GF&M-white.svg"); background-size: contain; height: 160px; width: 100%; background-repeat: no-repeat; text-indent: -100000px; margin: 30px 0; }
.hero-overlay-text .content img { padding: 20px 0; }
.hero-overlay-opaque { position: absolute; left: 0; top: 0; opacity: 0.75; background: rgb(5,7,8); background: linear-gradient(90deg, rgba(5,7,8,1) 0%, rgba(5,7,8,0.95) 15%, rgba(5,7,8,0) 50%); width: 100%; height:100%; z-index: 1; }
.vimeo-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 75vh; max-height: 920px; z-index: -1; pointer-events: none; overflow: hidden; }
.vimeo-wrapper iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1.1);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1.1);}
}

.banner-static { position: relative; width: 100%; padding: 15px 0; min-height: 380px; }
.banner-static:not(.has-bg-image):not([class*="bg-"]) { background-color: #e8e8ee; }
.banner-static .banner-cpn { bottom:0; position: absolute; width: 100%; left: 0; z-index: 5; padding: 25px 0; }
.is-transparent .banner-static .banner-cpn {  }
.banner-static .banner-cpn .content { position: relative; }
.banner-static .banner-text { float: left; width: 100%; padding-top: 0; padding-bottom: 0; }
.banner-static .banner-text.pos-right { float: right; }
.banner-static .banner-text.pos-center { float: none; }
.banner-static.banner-medium { height: 330px; min-height: inherit; }
.banner-static.banner-small { height: auto; min-height: inherit; padding:28px 0; }
.banner-static.banner-small .banner-cpn { background-color: #e6e6e6; position: relative; width: 100%; left: 0; z-index: 5; padding: 0; }
.banner-static.banner-intro { min-height: 520px; }
.banner-static.only-pg-title { min-height: 160px; }
.banner-static.bg-grey, .banner-static.bg-light, .banner-static.box-s2 { background-color: #e6e6e6; }
.banner-static.bg-grey .banner-text, .banner-static.bg-light .banner-text, .banner-static.box-s2 .banner-text { color: #2A4EA2; }
.banner-static.bg-grey .banner-text .page-title, .banner-static.bg-light .banner-text .page-title, .banner-static.box-s2 .banner-text .page-title { color: #373e45; }
.banner-static.banner-small .banner-text .page-title { color: #fff; }
.banner-static.bg-grey .light, .banner-static.bg-grey .box-s3, .banner-static.bg-grey .box-s4, .banner-static.bg-light .light, .banner-static.box-s2 .light, .banner-static.bg-light .box-s3, .banner-static.box-s2 .box-s3, .banner-static.bg-light .box-s4, .banner-static.box-s2 .box-s4 { color: #fff; }
.banner-static.bg-grey .dark, .banner-static.bg-light .dark, .banner-static.box-s2 .dark { color: #596570; }
.banner-static.bg-grey .breadcrumb a, .banner-static.bg-grey .breadcrumb > .active, .banner-static.bg-grey .breadcrumb > li + li:before, .banner-static.bg-light .breadcrumb a, .banner-static.box-s2 .breadcrumb a, .banner-static.bg-light .breadcrumb > .active, .banner-static.box-s2 .breadcrumb > .active, .banner-static.bg-light .breadcrumb > li + li:before, .banner-static.box-s2 .breadcrumb > li + li:before { color: #596570; }
.banner-static.bg-grey .breadcrumb li:not(.active) a:hover, .banner-static.bg-light .breadcrumb li:not(.active) a:hover, .banner-static.box-s2 .breadcrumb li:not(.active) a:hover { color: #FF9933; box-shadow: none; }
.banner-static .imagebg { position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; -ms-border-radius: 0; border-radius: 0; }
.is-transparent .banner-static { min-height: 330px; }
.banner-static.has-bg-image .container { position: static; }

.banner-intro .container > .content { padding-top: 15px; padding-bottom: 15px; }
.banner-intro .banner-text { padding-top: 128px; padding-bottom: 128px; }
.is-transparent .banner-intro .banner-text { margin-top: 60px; }
.banner-intro .banner-text:not(.style-modern) { font-size: 18px; }

.banner .banner-text:not(.dark) { color: #fff; }
.banner .banner-boxed { padding: 30px 30px 32px; background: rgba(0, 0, 0, 0.75); -ms-border-radius: 0px; border-radius: 0px; }
/* ========================================================================== 5.0 Page Content - About, Service etc ========================================================================== */

.areas-of-practice .container { border-top: 1px solid #981A36; box-shadow: 0px 12px 16px rgba(0, 0, 0, .33); padding-bottom: 60px; }
.areas-of-practice h2 { font-family: 'Playfair Display', sans-serif; font-style: italic; margin: 30px 0; color: #981A36; text-align: center; letter-spacing: .001em; } 
.areas-of-practice ul { display: flex; justify-content: center; gap: 7px; width: 90%; margin: 0 auto; }
.areas-of-practice ul li { border: 1px solid #981A36; padding: 10px 15px 7px; width: 100%; min-height: 60px; font-size: 14px; line-height: 20px; font-weight: 700; text-align: center; text-transform: uppercase; letter-spacing: .05em; display: flex; align-items: center; justify-content: center; transition: all 0.5s; cursor: pointer; }
.areas-of-practice ul li:hover { background: #981A36; }
.areas-of-practice ul li a { color: #981A36; }
.areas-of-practice ul li:hover a { color: #fff; }

.video .container { max-width: 1350px; }
.video h2 { font-style: italic; margin: 0 0 30px; text-align: center; border: none !important; }
.video .thin { max-width: 1080px; margin: 0 auto; }
.video p:first-of-type { margin-top: 30px; }

.by-the-numbers .container { border-top: 1px solid #981A36; box-shadow: 0px 12px 16px rgba(0, 0, 0, .33); padding-bottom: 60px; }
.by-the-numbers h2 { font-style: italic; margin: 30px 0; } 
.by-the-numbers .numbers { display: flex; justify-content: center; gap: 60px; width: 95%; margin: 0 auto; }
.by-the-numbers .item { background: url("../images/line.png"); background-repeat: repeat-x; background-position: center 70px; width: 25%; }
.by-the-numbers .number { color: #981A36; font-family: "Playfair Display", serif; font-size: 4.4em; font-weight: 700; line-height: 1.4; text-align: center; letter-spacing: .001em; }
.by-the-numbers .number div { background: #fff; display: inline; padding: 0 5px; }
.by-the-numbers .content { font-size: 1.11em; line-height: 1.4; text-align: center; }

.recent-news .container { max-width: 1350px; }
.recent-news h2 { font-family: "Playfair Display", serif; font-style: italic; margin: 0 0 30px; text-align: center; color: #981A36; font-weight: 700; line-height: 1.35; font-size: 2.11em; border: none !important; letter-spacing: .001em; }
.news-story { border: 1px solid #981A36; display: flex; align-items: center; padding: 20px 40px 20px 80px; margin-bottom: 10px; }
.news-story a { color: #981A36; font-weight: 700; }
.news-story a:hover { color: #050708; }
.meta { color: #981A36; font-weight: 700; margin-bottom: 10px; text-transform: uppercase; }
.meta ul { margin: 0 !important; }
.meta ul li { margin-left: 0 !important; list-style: none !important; padding-left: 0 !important; margin-bottom: 0 !important; display: contents; float: left; }
.meta li::after { content: "|"; padding: 0 10px; }
.meta li:last-of-type::after { display: none; }
.meta a { color: #981A36; }
.meta a:hover { color: #050708; }
.news-story .title { font-family: "Playfair Display", serif; font-size: 2.22em; line-height: 1.25; font-weight: 700; margin-bottom: 10px; letter-spacing: .001em; }
.news-story .title a { color: #050708; }
.news-story .title a:hover { color: #981A36; }
.news-story .content { padding-right: 30px; }
.news-story .content.col-md-12 { padding: 30px 0; }
.news-story .col-md-5 { text-align: center; }
.recent-news .all { text-align: center; margin-top: 30px; }
.recent-news .all a { font-family: "Playfair Display", serif; color: #981A36; font-weight: 700; line-height: 52px; font-size: 38px; text-align: center; font-style: italic; letter-spacing: .001em; }
.recent-news .all a:hover { color: #050708; }

.team .section.top { min-height: 540px; background-color: #e6e7e8; background-size: contain !important; background-repeat: no-repeat !important; background-position: center 0 !important; }
.team .banner-text { padding-top: 80px; }
.attorneys h2 { border: none !important; text-align: center; }
.attorneys .content .search-filter-results { padding: 0; display: flex; flex-wrap: wrap; width: 100%; }
.attorneys .row { margin:0; padding: 0 0 25px 0; position: relative; display: block; width: 25%; border-right: 1px solid #981A36; }
.attorneys .row:first-of-type { border-left: 1px solid #981A36; }
.attorneys .row:nth-child(4n+1) { border-left: 1px solid #981A36; }
.attorneys .row .attorneyDetails { margin-top: 25px; text-align: center; }
.attorneys .row .attorneyDetails a { color: #981A36; }
.attorneys .row .attorneyDetails a:hover { color: #050708; }
.attorneys .row .attorneyDetails h2 { font-family: 'Playfair Display', sans-serif; font-size:1.33em; line-height: 1.2; color: #050708; margin-bottom: 5px; font-weight: 700; border: none !important; letter-spacing: .001em; }
.attorneys .row .attorneyDetails h2 a { color: #050708; }
.attorneys .row .attorneyDetails h2 a:hover { color: #981A36; }
.attorneys .row .attorneyDetails .position { font-family: 'Playfair Display', sans-serif; color: #981A36; font-size:1.33em; line-height: 1.2; font-weight: 700; font-style: italic; margin-bottom: 5px; letter-spacing: .001em; }
.attorneys .row .attorneyDetails .contact { font-family: 'Playfair Display', sans-serif; color:#981A36; font-size:1.33em; line-height: 1.2; font-weight: 700; letter-spacing: .001em; }
.attorneys .row .attorneyDetails .contact a { color: #050708; }
.attorneys .row .attorneyDetails .contact a:hover { color: #981A36; }
.vcard { margin: 15px 0; }
.vcard a { font-size: 20px; border-radius: 50%; background: #981A36; color: #fff !important; height: 33px; width: 33px; line-height: 33px; text-align: center; }
.vcard a:hover { background: #050708; color: #fff; }
.attorneys .row .attorneyDetails .practices li { list-style: none; margin: 0; padding: 0 0 8px 0; line-height: 1.2; }
.attorneys .row .attorneyDetails .practices li a { color: #981A36; font-size: 14px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.attorneys .row .attorneyDetails .practices li a:hover { color: #050708; }

.bio .section.top { height: 540px; background-color: #e6e7e8; background-size: 63.333% !important; background-repeat: no-repeat !important; background-position: left center !important; border-bottom: 1px solid #981A36; }
.bio .section.top .row { display: flex; align-items: center; color: #050708; font-family: "Playfair Display", serif; line-height: 1.35; letter-spacing: .001em; }
.bio .section.top .row .col-md-7 { margin-top: 25px; height: 40vw; align-content: center; max-height: 515px; min-height: 300px; }
.bio .section.top .row .col-md-5 img { max-height: 540px; }
.bio .section.top h1 { font-size: 2.11em; font-weight: 700; color: #050708; margin-bottom: 0; }
.bio .section.top .position { font-size: 2.11em; font-weight: 700; color: #981A36; font-style: italic; margin-bottom: 10px; }
.bio .section.top .contact { font-size: 2.11em; font-weight: 700; color: #981A36; }
.bio .section.top .contact a { color: #050708; }
.bio .section.top .contact a:hover { color: #981A36; }
.bio .section .col-xs-12 .content { width: 85%; max-width: 655px; margin: 0 auto; }
.bio h2 { font-family: "Playfair Display", serif; font-style: italic; margin: 0 0 30px; text-align: center; color: #981A36; font-weight: 700; line-height: 1.1; font-size: 2.11em; letter-spacing: .001em; }
.bio .details .col-md-5 { border-left: 1px solid #981A36; }
.bio .attorneyDetails { margin-top: 25px; text-align: center; height: 40vw; align-content: center; max-height: 515px; min-height: 300px; }

.bio .areas-of-practice { display: flex; justify-content: center; }
.bio .areas-of-practice ul { display: block; width: 300px; }
.bio .areas-of-practice ul li { margin: 0 0 7px 0; }

.accordion { margin-top: 30px; }
.accordion .accordionRow { cursor: pointer; }
.accordion .accordionRow .heading h2 { font-family: "Playfair Display", serif; font-style: italic; margin: 0; text-align: center; color: #981A36; font-weight: 700; line-height: 1.1; font-size: 2.11em; transition: color 0.5s; letter-spacing: .001em; }
.accordion .accordionRow .heading h2:hover { color: #050708; }
.accordion .accordionRow .heading h2:hover + .open { color: #050708; }
.accordion .accordionRow .heading .open { display: block; color: #981A36; font-size: 18px; text-align: center; align-self: center; }
.accordion .accordionRow .heading .close { display: none; float: none; }
.accordion .accordionRow.toggled .heading h2 { color: #050708; }
.accordion .accordionRow.toggled .heading .open { display: none; }
.accordion .accordionRow.toggled .heading .close { display: block; color: #981A36; font-size: 18px; text-align: center; opacity: 1; align-self: center; }
.accordion .content { padding:20px 0; text-align: center; }
.accordion .content li { list-style: none; margin-bottom: 20px; margin-left: 0; }

.practices .section.top { display: flex; height: 540px; background-color: #e6e7e8; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; }
.practices .section.top .container { display: flex; align-items: center; justify-content: center; }
.practices .banner-text { padding: 0; }

.practList .container { display: flex; gap: 7px; }
.practList .container .item { width: 20%; }
.practList .container .item .photo { margin-bottom: 7px; }
.practList .container .item .photo:hover + .title { background: #981A36; }
.practList .container .item .photo:hover + .title a { color: #fff; }
.practList .container .item .title { border: 1px solid #981A36; padding: 10px 15px 7px; width: 100%; min-height: 60px; font-size: 14px; line-height: 20px; font-weight: 700; text-align: center; text-transform: uppercase; letter-spacing: .05em; display: flex; align-items: center; justify-content: center; transition: all 0.5s; cursor: pointer; }
.practList .container .item .title:hover { background: #981A36; }
.practList .container .item .title a { color: #981A36; }
.practList .container .item .title:hover a { color: #fff; }

.practice .section.top { display: flex; height: 540px; background-color: #e6e7e8; }
.practice .section.top .container { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; }
.practice .section.top .container .row { width: 100%; height: 300px; background: linear-gradient(180deg, rgba(5,7,8,0) 0%, rgba(5,7,8,.75) 50%, rgba(5,7,8,0) 100%); display: flex; justify-content: center; align-items: center; }
.practice .banner-text { padding: 0; width: 95%; }
.practice .banner-text h1 { color: #fff; }
.border { border: 1px solid #981A36; padding: 75px 150px; }
.border h2 { font-family: 'Playfair Display', sans-serif; letter-spacing: .001em; }
.practice h2 { color: #981A36; font-family: 'Playfair Display', sans-serif; font-weight: 700; border-top: 1px solid #981A36; letter-spacing: .001em; }
.practice .attorneys { box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.16); padding-bottom: 60px; }
.practice .attorneys .content { display: flex; flex-wrap: wrap; }
.practice .attorneys.lessattorneys .content { justify-content: center; }

.badges ul { display: flex; flex-wrap: wrap; gap: 150px; justify-content: center; }
.badges ul li { max-width: 250px; align-content: center; }

.about .section.top { display: flex; height: 540px; background-color: #e6e7e8; }
.about .section.top .container { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; }
.about .section.top .container .row { width: 100%; height: 300px; background: linear-gradient(180deg, rgba(5,7,8,0) 0%, rgba(5,7,8,.75) 50%, rgba(5,7,8,0) 100%); display: flex; justify-content: center; align-items: center; }
.about .banner-text { padding: 0; width: 95%; }
.about .banner-text h1 { color: #fff; }
.about .container.medium { display: flex; align-items: center; }
.about .container.medium .col-md-4 img { width: 96%; }

body.news { background: url('../images/team-hero.jpg') #E6E7E8; background-size: contain; background-repeat: no-repeat; background-position: center 160px; }
.news .section.top { display: flex; height: 250px; background-color: transparent; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; }
.news .section.top .container { display: flex; align-items: center; justify-content: center; }
.news .banner-text { padding: 0; }

.news .news-story { background: #fff; }
.news .news-story .title { font-size: 1.75em; }

.news .filter ul { padding-top: 0; }
.news .filter ul li ul.toggled { display: block; }
.news .filter ul li ul { display: none; margin-top: 10px; margin-left: 25px; margin: 10px 0 0 !important; width: 100%; }
.news .sf-input-checkbox { display: block; }
.news .filter .collapseList .title, .news .filter ul li .filterTitle, .news .searchandfilter h4 { width: 100%; }
.news .searchandfilter ul li { background: none; border: none; text-align: left; display: block; min-height: auto; max-width: 100%; }
.news .searchandfilter ul li ul li:hover { background: none; color: #050708; }
.news .searchandfilter ul li ul li:hover label, .news .searchandfilter ul li ul li:hover a { color: #050708; }
.news .sf-input-checkbox { display: none; }
.news .sf-input-checkbox + label { display: flex; position: relative; vertical-align: middle; margin: 0; cursor: pointer; }
.news .sf-input-checkbox + label:before { content: ''; background: none; border: 1px solid #981A36; display: inline-block; vertical-align: middle; width: 20px; height: 20px; min-width: 20px; min-height: 20px; padding: 2px; margin-right: 10px; text-align: center; margin-top: -1px; margin-left: 0; }
.news .sf-input-checkbox:checked + label:before { content: ''; background: none; border: 1px solid #981A36; display: inline-block; vertical-align: middle; width: 20px; height: 20px; min-width: 20px; min-height: 20px; padding: 2px; margin-right: 10px; text-align: center; margin-top: -1px; }
.news .sf-input-checkbox + label.toggled:before { background-color: none; }
.news .sf-input-checkbox:checked + label:after { content: ""; position: absolute; width: 12px; height: 12px; left: 0; top: 0; margin-left: 4px; background: #981A36; margin-top: 3px; }
.news .sf-option-active { background: transparent !important; }
.news .sf-option-active label, .news .sf-option-active:hover a { color: #981A36 !important; }

.newsDetail .section.top { display: flex; height: 540px; background-color: #e6e7e8; }
.newsDetail .section.top.nophoto { display: flex; height: 10px; background: none; }
.newsDetail .section.top .container { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; }
.newsDetail .content { margin-top: 5px; }
.newsDetail .content .container { display: flex; }
.newsDetail .content .container.thin { max-width: 1150px; padding: 0; }
.newsDetail .main { margin-top: 60px; }
.newsDetail .content .container.thin .main { padding: 0; }
.newsDetail .content h1 { font-family: "Playfair Display", serif; font-size: 2.22em; color: #050708; font-weight: 700; line-height: 1.25; font-style: italic; margin-bottom: 30px; letter-spacing: .001em; }
.newsDetail .content h2 { color: #981A36; font-weight: 700; border-top: 1px solid #981A36; font-size: 1.22em; line-height: 1.4; padding-top: 10px; }
.newsDetail .content h3 { color: #981A36; font-weight: 700; font-size: 1.11em; }
.newsDetail .content h4, .newsDetail .content h5 { color: #981A36; font-weight: 400; font-size: 1.11em; }
.newsDetail .content ul, .newsDetail .content ol { margin: 0 0 20px; }
.newsDetail .content ul li, .newsDetail .content ol li { margin-left: 60px; padding-left: 5px; margin-bottom: 5px; }
.newsDetail .content li ul, .newsDetail .content li ol { margin: 0; }
.newsDetail .content li ul li, .newsDetail .content li ol li { margin-left: 30px; }
.newsDetail .sidebar { border-left: 1px solid #981A36; padding-top: 160px; }
.newsDetail .sidebar .header { color: #981A36; font-size: 2.11em; font-family: "Playfair Display", serif; font-weight: 700; font-style: italic; margin-bottom: 30px; text-align: center; letter-spacing: .001em; }
.newsDetail .sidebar .attorneyDetails { margin: 25px 0; }
.newsDetail .sidebar .attorneyDetails h2 { font-family: 'Playfair Display', sans-serif; font-size: 1.33em; line-height: 1.2; color: #050708; margin-bottom: 5px; font-weight: 700; border: none !important; letter-spacing: .001em; }
.newsDetail .sidebar .attorneyDetails a { color: #050708; }
.newsDetail .sidebar .attorneyDetails a:hover { color: #981A36; }
.newsDetail .sidebar .attorneyDetails .position { font-family: 'Playfair Display', sans-serif; color: #981A36; font-size: 1.33em; line-height: 1.2; font-weight: 700; font-style: italic; margin-bottom: 5px; letter-spacing: .001em; }
.buttons { max-width: 400px; margin: 50px auto !important; }
.sidebar .buttons { margin-top: 0 !important; }
.buttons li { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.buttons li a { border: 1px solid #981A36; padding: 10px 20px 7px; width: 100%; min-height: 60px; font-size: 14px; line-height: 20px; font-weight: 700; text-align: center; text-transform: uppercase; letter-spacing: .05em; display: flex; align-items: center; justify-content: center; transition: all 0.5s; cursor: pointer; margin-left: 0 !important; margin-bottom: 10px; color: #981A36; }
.buttons li a:hover { color: #fff; background: #981A36; }
.newsDetail .share { margin-top: 50px; text-align: center; }
.newsDetail .share strong { font-size: 20px; color: #707070; font-weight: 400 }
.newsDetail .share a { font-size: 20px; border-radius: 50%; background: #981A36; color: #fff !important; height: 33px; width: 33px; line-height: 33px; text-align: center; margin-left: 10px; }
.newsDetail .share a:hover { background: #050708; color: #fff; }

.contact .section.top { display: flex; height: 325px; background-color: #e6e7e8; }
.contact .section.top .container { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; }
.contact .section.top .container .row { width: 100%; height: 300px; background: linear-gradient(180deg, rgba(5,7,8,0) 0%, rgba(5,7,8,.75) 50%, rgba(5,7,8,0) 100%); display: flex; justify-content: center; align-items: center; }
.contact .banner-text { padding: 0; width: 95%; }
.contact .banner-text h1 { color: #fff; }
.office { box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.16); padding-bottom: 50px; }
.office .container { display: flex; gap: 7px; justify-content: center; }
.office .container .item { width: 25%; text-align: center; }
.office .container .item h2 { font-family: 'Playfair Display', sans-serif; font-style: italic; width: 100%; font-size: 2.11em; line-height: 1.2; font-weight: 700; text-align: center; display: flex; align-items: center; justify-content: center; letter-spacing: .001em; }
.office .container .item a { color: #050708; }
.office .container .item a:hover { color: #981A36; }
.contact .thin { max-width: 900px !important; min-width: auto !important; }
.contact .thin .social { padding-bottom: 40px; }
.contact .buttons { margin: 40px auto 0 !important; }

.interior .section.top { display: flex; height: 325px; background-color: #e6e7e8; }
.interior .section.top .container { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; }
.interior .section.top .container .row { width: 100%; height: 300px; background: linear-gradient(180deg, rgba(5,7,8,0) 0%, rgba(5,7,8,.75) 50%, rgba(5,7,8,0) 100%); display: flex; justify-content: center; align-items: center; }
.interior .banner-text { padding: 0; width: 95%; }
.interior .banner-text h1 { color: #fff; }

.section-content ul, .section-content ol { margin: 0 0 20px; }
.section-content ul li { list-style: disc; margin-left: 60px; padding-left: 5px; margin-bottom: 5px; }
.section-content ol li { list-style: decimal; margin-left: 60px; padding-left: 5px; margin-bottom: 5px; }
.section-content li ul, .section-content li ol { margin: 0; }
.section-content li ul li, .section-content li ol li { margin-left: 30px; }

.footer { background: #fff; color:#981A36; text-align: left; padding-bottom: 30px; box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.16); padding-top: 40px; margin-bottom: 0 !important; z-index: 1; position: relative; }
.footer .container { display: flex; padding-right: 0; padding-left: 0; }
.footer .container .col-md-7 { padding-right: 0; }
.footer .top { text-align: right; }
.footer .top li { padding: 0 12px; display: inline; }
.footer .top li:last-child { padding-right: 0; }
.footer .top a { color: #050708; font-size: 20px; font-weight: 400; transition: color 0.5s; }
.footer .top a:hover { color: #981A36; }
.footer .bottom { float: right; margin: 0; padding: 26px 0 0; line-height: 1; }
.footer .bottom li { float: left; padding: 0; margin: 0; }
.footer .bottom a { color: #981A36; font-size: 20px; font-weight: 700; padding: 0 12px; }
.footer .bottom li:last-child a { padding-right: 0; }
.footer .bottom a:hover { color: #050708; }

.footer .logo { align-content: center; padding-left: 0; }
.footer .logo img { max-width: 500px; max-height: 67px; }

.bottom { background: #fff; color: #707070; font-size: 20px; padding: 50px 0; margin: 0 !important; }
.bottom a { color: #707070; }
.bottom a:hover { color: #981A36; }
.bottom span { margin: 0 10px; }
.bottom .disclaimer a { margin: 0 10px; }
.bottom .container { display: flex; padding-right: 0; padding-left: 0; align-items: center; }
.bottom .col-md-11 { padding-left: 0; }
.bottom .col-md-1 { text-align: right; padding-right: 0; }

.social a { font-size: 20px; margin-right: 10px; border-radius: 50%; background: #981A36; color: #fff; height: 33px; width: 33px; line-height: 33px; text-align: center; }
.social a:hover { background: #707070; color: #fff; }

.footer a { color:#981A36; }
.footer a:hover { color:#008265; transition: all 0.5s; }
.bottom .LISI img { max-width: 70px;}


/* ========================================================================== 6.0 Responsive Style ========================================================================== */

@media only screen and (min-width: 1600px) {    
    .section-pad { margin-top: 60px; margin-bottom: 60px; }
    .section-pad-xs { margin-top: 20px; margin-bottom: 20px; }
    .section-pad-sm { margin-top: 40px; margin-bottom: 40px; }
    .section-pad-sm-2 { margin-top: 40px; margin-bottom: 40px; padding-left: 0; padding-right: 0; }
    .section-pad-md { margin-top: 80px; margin-bottom: 80px; }
    .section-pad-md-2 { margin-top: 60px; margin-bottom: 60px; }
    .section-pad-lg { margin-top: 125px; margin-bottom: 125px; }
    .section-pad.nopd { margin-top: 0; margin-bottom: 0; }
}

@media only screen and (min-width: 2100px) {
            
    .container { max-width: 2200px; }
    
    .people .container .col-md-3 { width: 20%; }
    
    .service .people .col-md-4 { width: 20%; }
    
    .service .people .col-md-4 { width: 20%; }
    
    .office .people .col-md-4 { width: 20%; }
    
}

@media only screen and (min-width: 1800px) {
            
    .home .section.top { max-width: 1800px; margin: 160px auto 0; }
    .home .hero-wrapper { height: 1012px; max-height: 1012px; }
    .vimeo-wrapper { height: 1012px; max-height: 1012px; }
    .vimeo-wrapper iframe { width: 1800px; }
    
}

@media only screen and (max-width: 1500px) {
    
    .team .section.top { min-height: 480px; background-position: center 45px !important; }
    
    .bio .section .col-xs-12 .content { width: 100%; }
    
    .news-story { padding: 40px; }
}

@media only screen and (max-width: 1450px) { 
    .container { width: 95%; }
    
    .areas-of-practice ul { width: 95%; }
    .attorneys .row { width: 33%; }
    
    .attorneys .row:nth-child(4n+1) { border-left: none; }    
    .attorneys .row:nth-child(3n+1) { border-left: 1px solid #981A36; }
    
    .container.thin { min-width: 80%; }
}

@media only screen and (max-width: 1300px) { 
    
    .container.thin { max-width: 95%; }
    
    .home h1 { width: 100%; }
    
    .areas-of-practice ul, .bio .areas-of-practice ul { width: 98%; flex-wrap: wrap; }
    .areas-of-practice ul li { width: 50%; min-height: 60px; }
    .bio .areas-of-practice ul li { width: 100%; min-height: 60px; }
    
    .video .thin { max-width: 100%; }
    
    .by-the-numbers .numbers { gap: 25px; width: 100%; flex-wrap: wrap; }
    .by-the-numbers .item { width: 48%; }
    
    .news-story { padding: 25px; }
    
    .bio .section .col-xs-12 .content { width: 100%; max-width: 100%; }
    .bio .details .col-md-7 { width: 60%; }
    .bio .details .col-md-7 .content { width: 95%; margin: 0; }
    .bio .details .col-md-5 { width: 40%; }
    
    .filter ul li ul { width: 98%; }
    
    .practList .container { flex-wrap: wrap; gap: 0; justify-content: center; }
    .practList .container .item { width: 33%; padding: 7px; }
    .practList .container .item .photo img { width: 100%; }
    
    .border { padding: 75px; }
    
    .newsDetail .content .main { width: 70%; }
    .newsDetail .content .col-md-12.main { width: 100%; }
    .newsDetail .content .sidebar { width: 30%; }
    
    .office .container .item h2 { font-size: 34px; }
    
    .border { padding: 60px; }
    
    .about .medium .col-md-8 { width: 65%; }
    .about .medium .col-md-4 { width: 35%; }
}

@media only screen and (max-width: 1200px) { 
    
    .topbar { display: none; }
    
    .navbar .container { width: 100%; max-width: 100%; }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { position: relative; }
    
    .navbar-toggle { float: left; margin-top: 8px; margin-bottom: 8px; padding: 10px 12px; }
    .navbar-toggle .icon-bar { background-color: #981A36; }
    .navbar-header { background: #FF9933; clear: both; width: 100%; padding: 0 15px; }
    .navbar-nav { margin: 0; float: none; text-align: left; padding-bottom: 40px; }
    .header-s2 .navbar-nav > li > a, .header-s1 .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
    .navbar-nav > li.has-children.nav-opened > a::after { content: "\f068" !important; position: relative; }
    .navbar-nav { padding-top:40px; text-align: center; }
    .navbar-nav li a { padding: 10px 15px; font-size: 14px; font-weight: 400; color: #596570; position: relative; transition: color .4s, background .4s; }
    .navbar-nav li a.btn { width: 150px; margin: 6px auto 0; }
    .navbar-nav li.quote-btn { float: none; border-bottom: 0; }
    .navbar-nav li.quote-btn .btn:hover { background: #FFC426; }
    .navbar-nav li ul { position: static; background: none; width: 100%; display: none; opacity: 1 !important; visibility: visible !important; box-shadow: none; text-align: left; float: none; margin: 10px 0; }
    .navbar-nav li ul li { border-bottom: 0 none; padding: 0 0 0 25px; }
    .navbar-nav li ul li a { padding: 5px; font-size: 22px; color: #231F20; font-weight: 700; }
    .navbar-nav li ul li.nav-opened > a { font-weight: 700; }
    .navbar-nav li ul li ul li a { padding: 3px 15px; }
    .navbar-nav li ul li ul li:last-child > a { padding-bottom: 14px; }
    .navbar-nav li ul .active > a, .navbar-nav li ul .active > a:focus, .navbar-nav li ul .active > a:hover { background: rgba(255, 153, 51, 0.05); color: #FF9933; }
    .navbar-nav li.nav-opened { background: #fff; }
    .navbar-nav li.nav-opened .nav-opened, .navbar-nav li.nav-opened .nav-opened.has-children > a { background: rgba(255, 255, 255, 0.9); }
    .navbar-nav > li.active > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color: #ED1C24; }
    .navbar-nav ul li.has-children > a::after { top: 22px; margin-right: 10px; }
    .navbar-nav ul li.has-children.nav-opened > a::after { transform: rotate(90deg); }
    .navbar-nav ul li.has-children li a::before { color: #596570; content: "\f0c8"; display: inline-block; opacity: .5; width: 12px; text-align: center; margin-right: 5px; font-size: 6px; line-height: inherit; font-family: "FontAwesome"; }
    .navbar-nav.is-expanded li ul { display: block; }
    .navbar-nav > li:hover > ul { padding:0; }
    .navbar-nav li.has-children ul { left: -400px; }
    .navbar-nav li ul li a { padding: 5px 25px; font-size: 12px;}    
    .navbar-nav li.has-children:hover::after { height: 100px; }
    .site-header .navbar-header { float: left; margin: 5px 0 0; }
    .site-header .navbar-collapse { float: none; text-align: center; }
    .header-s2 .navbar .container { padding-left: 0; padding-right: 0; }
    .site-header.sticky .navbar-brand img { margin-top: 22px !important; }
    .header-s2 .navbar-brand { position: relative; text-align: center; width: 100%; margin-top: 0; margin-bottom: 0; margin-left: 35px; height: auto; }
    .header-s2 .navbar-toggle { float: right; border-radius: 2px; padding: 12px; position: absolute; top: 52px; right: 23px; z-index: 11; margin: 0; }
    .site-header.sticky .navbar-toggle { top: 32px; }
    .header-s2 .navbar-toggle:not(.collapsed) span.first-bar { display: none; }
    .header-s2 .navbar-toggle:not(.collapsed) span.second-bar { -webkit-transform: translateZ(0) rotate(-45deg); transform: translateZ(0) rotate(-45deg); top: 0; position: relative; }
    .header-s2 .navbar-toggle:not(.collapsed) span.third-bar { -webkit-transform: translate3d(0, -10px, 0) rotate(45deg); transform: translate3d(0, -10px, 0) rotate(45deg); top: 2px; position: relative; }
    .header-s2 .navbar-header { background: none; padding: 0; margin-top: 0; }
    .header-s2 .navbar-header .quote-btn { display: inline-block; float: right; margin: 10px 12px 10px 0; }
    .header-s2 .navbar-header .quote-btn .btn { padding: 6px 15px; }
    .header-s2 .topbar .top-contact span { line-height: 30px; }
    .header-s2 .navbar-collapse { margin: 0; background-color: #fff; color: #FF9933; width: 100%; padding:10px 0 15px; box-shadow: 0 12px 12px rgba(0, 0, 0, 0.25); }
    .header-s2 .navbar-nav > li:last-child:not(.quote-btn) { margin-right: 0; }
    .header-s2 .navbar-nav > li.has-children > a:after { color: #596570; content: "\f067"; font-weight: 900; display: inline-block; text-align: center; margin-left: 15px; font-size: 10px !important; line-height: .9; font-family: "Font Awesome 5 Free"; transition: transform .4s; align-self: center; }
    .header-s2.is-transparent .topbar, .header-s2.is-transparent .navbar { position: static; }
    .header-s2.is-transparent .navbar-brand .logo-dark { display: block; margin: 0 auto; }
    .header-s2.is-transparent .topbar { color: #fff; background: #2a2d33; border-color: rgba(0, 0, 0, 0.0667); }
    .header-s2.is-transparent .topbar a:hover:not(.btn) { color: #fff; }
    .header-s2.is-transparent .topbar + .navbar { margin-top: 0; }
    .header-s2.is-transparent:after { display: none; }
    .navbar-nav li.mobile { display: block; }
    .header-s2.is-transparent .navbar-nav > li.has-children a { display: flex; }
    .header-s2.is-transparent .navbar-nav > li > a { padding: 15px 0; }
    .header-s2 .navbar-nav > li.mobile > a { color: #050708; font-weight: 400; }
    .header-s2 .navbar-nav > li.mobile > a:hover { color: #981A36; }
    .header-s2.is-transparent .navbar-nav > li > span { width:100%; display: block; font-weight: 800; }
    .header-s2.is-transparent .navbar-nav > li > span a { font-size: 32px; text-align: center;font-weight: 700; color: #231F20; padding:0; }
    .header-s2.is-transparent .navbar-nav > li > span a:hover { color: #008265; }
    .header-s2.is-transparent .navbar-nav .quote-btn .btn { color: #fff; font-size: 12px; }
    .header-s2.is-transparent .navbar-collapse, .header-s2.is-transparent .top-contact .fa { color: #fff; z-index: 2; position: relative; }
    .navbar-nav li.has-children ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; margin: 0; border-bottom: 2px solid #008265; }
    .navbar-nav li ul li a { padding: 10px 0; line-height: 18px; font-size: 18px; color: #981A36; font-weight: 800; text-align: left; border-bottom: 2px solid #008265; }
    .navbar-nav li ul li:last-child a { border-bottom: none; }
    .navbar-nav li.has-children:hover::after { background: #fff; content: " "; position: absolute; width: auto; height: auto; left: -100vw; box-shadow: none; padding:0; }
    .header-s2 .navbar-nav > li.last { margin-right: 0; }
    .header-s2 .navbar-nav > li.last a { padding-left:0;}
    .header-s2 .navbar-nav > li:last-child { margin-top: 0; }
    .site-header.sticky .navbar-nav > li > a { padding: 10px 0; }
    
    .site-header { height: 150px; }
    .site-header.sticky { height: 110px; top: 0; }
    .section.top { margin-top: 150px; }
    .site-header .navbar-brand img { margin-top: 42px; z-index: 11; }
    
    .news-story .title { font-size: 1.9em; line-height: 1.4; }
    
    .home h1 { font-size: 1.9em; line-height: 1.4; }
    h2, .h2 { font-size: 1.9em; line-height: 1.4; }
    .home h2 { font-size: 1.9em; line-height: 1.4; }
    
    .interior h2, .interior .h2 { font-size: 1.22em; line-height: 1.4; }
    .interior h3, .newsDetail .content h2 { font-size: 1.11em; }
    .interior h4, .interior h5, .newsDetail .content h4, .newsDetail .content h5 { font-size: 1.11em; }
    
    .hero-overlay-text { font-size: 1.9em; line-height: 1.4; }
    
    .recent-news h2 { font-size: 1.9em; line-height: 1.4; }
    .recent-news .all a { font-size: 1.9em; line-height: 1.4; }
    
    .team .section.top { min-height: auto; background-position: center 60px !important; }
    .team .filter ul li.sf-field-post-meta-practice ul { flex-wrap: wrap; }
    .team .searchandfilter ul li.sf-field-post-meta-practice ul li { width: 320px; min-height: 60px; }
    
    .bio .section.top { height: auto; }
    .bio .section.top h1 { font-size: 1.9em; line-height: 1.4; }
    .bio .section.top .position { font-size: 1.9em; line-height: 1.4; }
    .bio .section.top .contact { font-size: 1.9em; line-height: 1.4; }
    .bio h2 { font-size: 1.9em; line-height: 1.4; }
    
    .accordion .accordionRow .heading h2 { font-size: 1.9em; line-height: 1.4; }
    
    body.news { background-position: center 200px; }
    
    .news .section.top { height: auto; padding: 35px 0; }
    .news .filter { width: 100%; }
    .news .recent-news { width: 100%; margin-top: 35px; }
    .news .filter .collapseList .title, .news .filter ul li .filterTitle, .news .searchandfilter h4 { width: 100%; }
    .news .searchandfilter { width: 50%; min-width: 300px; margin: 0 auto; }
    .news .searchandfilter ul li.sf-field-reset { text-align: center; }
    .news .filter ul li ul { width: 100%; margin: 10px 0; }
    .news .sf-input-checkbox + label::before { margin-left: 0; }
    .news .sf-input-checkbox:checked + label::after { margin-left: 4px; }
    
    .newsDetail .sidebar .header { font-size: 1.9em; line-height: 1.4; }
    
    .about .container.medium .col-md-8 { width: 60%; }
    .about .container.medium .col-md-4 { width: 40%; }
    .about .container.medium .col-md-4 img { width: 100%; }
    
    .office .container { gap: 0; flex-wrap: wrap; }
    .office .container .item { width: 50%; text-align: center; padding: 0 15px 35px; }
    .office .container .item h2 { font-size: 1.9em; line-height: 1.4; }
    
    .footer .container { display: block; }
    .footer .logo { width: 100%; text-align: center; }
    .footer .container .col-md-7 { width: 100%; padding-top: 40px; padding-left: 0; display: grid; }
    .footer .top { float: none; width: 100%; justify-content: center; display: flex; order: 2; padding: 20px 0 0; }
    .footer .top li:first-child { padding-left: 0; }
    .footer .bottom { float: none; justify-content: center; display: flex; order: 1; }
    .footer .bottom li:first-child a { padding-left: 0; }
    .bottom { font-size: 18px; }
    .bottom .container { justify-content: center; display: block; }
    .bottom .container p { display: grid; }
    .bottom span { display: flex; justify-content: center; margin: 10px; }
    .bottom span.social { order: 1; padding-bottom: 10px; }
    .bottom span.copyright { order: 2; }
    .bottom span.disclaimer { order: 3; }
    .bottom .col-xs-12 { width: 100%; }
    .bottom .col-md-1 { text-align: center; }
}

@media only screen and (max-width: 1150px) {    
    .attorneys .row { width: 50%; }
    .attorneys .row:nth-child(4n+1) { border-left: none; }    
    .attorneys .row:nth-child(3n+1) { border-left: none; } 
    .attorneys .row:nth-child(2n+1) { border-left: 1px solid #981A36; }
}

@media only screen and (max-width: 1100px) { 
    
    .practices .section.top { height: 100%; min-height: 440px; padding-bottom: 35px; }
    .practice .section.top { height: 100%; min-height: 440px; }
    .about .section.top { height: 100%; min-height: 440px; }
    
    .border { padding: 40px; }
    
    .newsDetail .section.top { height: 100%; min-height: 440px; }
    .newsDetail .section.top.nophoto { height: 10px; min-height: 10px; }
    
}

@media only screen and (max-width: 1024px) {
    .home .section.top { height: 880px; padding-bottom: 0; margin-bottom: 0; }
    .home .hero-overlay-opaque { display: none; }
    .home .hero-wrapper { height: 450px; overflow: visible; }
    .home .hero-wrapper .vimeo-wrapper { height: 450px; }
    .home .hero-wrapper .vimeo-wrapper iframe { min-height: 100%; }
    .hero-overlay-text { background: #fff; font-size: 2em; color: #050708; position: absolute; top: 460px; width: 100%; padding-top: 20px; }
    .hero-overlay-text .content { width: 85%; text-align: center; margin: 0 auto; }
    .hero-overlay-text .content .logo { background: url("../images/GF&M.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; }
    .hero-wrapper video { top: 0; left: 0; width: 100%; transform: none; min-height: auto; }
    .home h1 { font-size: 1.25em; margin-bottom: 20px; }
    
    .equalcol { flex-wrap: wrap; }
    .bio .details .container { width: 100%; padding: 0; }
    .bio .details .col-md-7 { width: 100%; }
    .bio .details .col-md-7 .content { width: 95%; padding: 0 15px; margin: 0 auto; }
    .bio .details .col-md-5 { width: 100%; border-top: 1px solid #981A36; margin-top: 35px; padding-top: 35px; }
    .bio .details .col-md-5 .content { width: 95%; padding: 0 15px; margin: 0 auto; }
    
    .about .container.medium { display: flex; align-items: start; }
    .about .container.medium .col-md-8 { padding: 0; border-top: 1px solid #981A36; padding-top: 20px; }
    .about .container.medium .col-md-4 { border-top: 1px solid #981A36; padding-top: 20px; }
    .about .border { padding: 0; border: none; }
    
    .newsDetail .content .container { flex-wrap: wrap; width: 100%; padding: 0; }
    .newsDetail .content .main, .newsDetail .content .container.thin .main { width: 95%; padding: 0 15px; margin: 60px auto 0; }
    .newsDetail .content .sidebar { width: 100%; border-left: none; border-top: 1px solid #981A36; padding-top: 35px; margin-top: 35px; }
}

@media only screen and (max-width: 900px) { 
    
    .home h1 { font-size: 24px; }
    h2, .h2 { font-size: 24px; }
    .home h2 { font-size: 24px; }
    
    .interior h2, .interior .h2 { font-size: 1.22em; line-height: 1.4; }
    .interior h3, .newsDetail .content h2 { font-size: 1.11em; }
    .interior h4, .interior h5, .newsDetail .content h4, .newsDetail .content h5 { font-size: 1.11em; }
    
    .hero-overlay-text { font-size: 30px; }
    
    .banner-text h1 { font-size: 50px; }
    
    .areas-of-practice ul li, .bio .areas-of-practice ul li { width: 75%; margin: 0 auto 7px; }
    
    .filter .collapseList .title, .filter ul li .filterTitle, .searchandfilter h4 { width: 75%; }
    .filter ul li ul { width: 75%; flex-wrap: wrap; }
    .searchandfilter ul li ul li { width: 100%; }
    .team .searchandfilter ul li.sf-field-post-meta-practice ul li { width: 100%; }
    .searchandfilter ul li.sf-field-post-meta-att_letter ul li { width: 15%; }
    
    .bio .top .container { width: 100%; }
    .bio .top .container .col-md-5 { padding-right: 0; }
    
    .bio .section.top h1 { font-size: 24px; }
    .bio .section.top .position { font-size: 24px; }
    .bio .section.top .contact { font-size: 24px; }
    .bio h2 { font-size: 24px; }
    
    .recent-news { margin-top: 100px; }
    .recent-news .container { width: 100%; max-width: 100%; padding: 0; }
    .news-story { flex-wrap: wrap; flex-direction: column-reverse; border: none; border-bottom: 1px solid #981A36; }
    .news-story:first-of-type { border-top: 1px solid #981A36; }
    .news-story .content { width: 100%; padding-right: 15px; }
    .news-story .col-md-5 { width: 100%; margin-bottom: 30px; }
    
    .news-story .title { font-size: 24px; }
    
    .practList .container .item { width: 50%; }
    
    .recent-news h2 { font-size: 24px; }
    .recent-news .all a { font-size: 24px; }
    
    .accordion .accordionRow .heading h2 { font-size: 24px; }
    
    .newsDetail .sidebar .header { font-size: 24px; }
    
    .office .container .item h2 { font-size: 24px; }
    
    .news .searchandfilter ul li { width: 100%; }
    .news .nopd .container { width: 100%; padding: 0; }
    .news .recent-news { padding: 0; }
    .news .news-story { margin-bottom: 0; }
    
    .about .container.medium { flex-wrap: wrap; }
    .about .container.medium .col-md-8 { width: 100%; }
    .about .container.medium .col-md-4 { width: 100%; border: none; padding-left: 0; text-align: center; }
    .about .container.medium .col-md-4 img { width: auto; max-width: 100%; }
}

@media only screen and (max-width: 767px) {
    body { font-size: 16px; line-height: 26px; }
    
    .home .section.top { height: 760px; }
    .home .hero-wrapper { height: 350px; }
    .home .hero-wrapper .vimeo-wrapper { height: 350px; }
    .hero-overlay-text { top: 360px; }
    
    .areas-of-practice .container { padding: 0 30px; width: 100%; box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.16); padding-bottom: 50px; }
    
    .video .container { max-width: 100%; width: 100%; padding: 0; }
    .video .thin { max-width: 95%; padding: 0 15px; }
    
    .by-the-numbers .container { box-shadow: none; width: 100%; box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.16); padding-bottom: 50px; }
    .by-the-numbers .item { width: 100%; }
    .by-the-numbers .number { font-size: 80px; }
    .by-the-numbers .content { font-size: 16px; }
    
    .bio .top .col-md-7 { width: 60%; }
    .bio .top .col-md-5 { width: 40%; }
    
    .news-story { padding: 0 0 30px; }
    .news-story .photo img { width: 100%; }
    .news-story .content { padding-right: 15px; padding-left: 15px; width: 95%; }
    
    .attorneys .container { padding: 0; }
    .attorneys .row { width: 95%; border-right: none; border-bottom: 1px solid #981A36; margin: 0 auto 25px; }
    .attorneys .content { border-left: none; }
    .attorneys .row .attorneyPhoto { padding: 0; }
    .attorneys .row .attorneyPhoto img { width: 100%; }
    .attorneys .row .attorneyDetails h2 { font-size: 24px; }
    .attorneys .row .attorneyDetails .position { font-size: 24px; }
    .attorneys .row .attorneyDetails .contact { font-size: 24px; }
    
    .attorneys .row:nth-child(4n+1) { border-left: none; }    
    .attorneys .row:nth-child(3n+1) { border-left: none; } 
    .attorneys .row:nth-child(2n+1) { border-left: none; }
    
    .practList .container { width: 100%; }
    .practList .container .item { width: 100%; }
    
    .border { padding: 0; border: none; }
    
    .about .section.top { min-height: 340px; }
    .about .banner-text { width: 90%; }
    
    .badges ul { gap: 50px; flex-wrap: wrap; }
    
    .news .searchandfilter { width: 75%; }
    .news .news-story { padding-top: 15px; }
    .news .news-story:first-child { padding-top: 0; }
    
    .meta { font-size: 14px; line-height: 24px; }
    
    .newsDetail .section.top { min-height: 340px; }
    
    .practices .section.top { min-height: auto; padding-top: 35px; }
    
    .practice .section.top { min-height: 340px; }
    
    .contact .section.top { min-height: 340px; }
    
    .office .container .item { width: 100%; }
    
    .footer .container .col-md-7 { display: flex; flex-wrap: wrap; justify-content: center; padding: 0; }
    .footer .logo { padding: 0; }
    .footer .bottom { padding: 40px 0 0; flex-wrap: wrap; }
    .footer .bottom li { width: 100%; text-align: center; padding: 15px 0; }
    .footer .bottom a { padding: 0; }
    .footer .top { flex-wrap: wrap; padding: 0; }
    .footer .top li { width: 100%; text-align: center; padding: 15px 0; }
    .footer .top a { padding: 0; }
}

@media only screen and (max-width: 599px) {  
    .site-header .navbar-brand img { width: 95%; }
    
    .header-s2 .navbar-brand { margin: 0 auto; justify-content: center; display: flex; }
    .site-header .navbar-brand img { margin-top: 0; top: 60px; position: absolute; }
    .header-s2 .navbar-toggle { top: 8px; }
    .header-s2 .navbar-collapse { padding: 150px 0 0; }
    .navbar-nav { padding-top: 0; }
    .site-header.sticky { height: 135px; }
    .site-header.sticky .navbar-toggle { top: 8px; }
    .site-header.sticky .navbar-brand img { margin-top: 0 !important; }
    
    .home .section.top { height: 540px; }
    .home .hero-wrapper { height: 275px; }
    .home .hero-wrapper .vimeo-wrapper { height: 275px; }
    .hero-overlay-text { top: 225px; font-size: 24px; }
    .hero-overlay-text .content { width: 90%; }
    .hero-overlay-text .content .logo { margin: 15px 0; height: 105px; }
    
    .team .banner-text { padding-top: 40px; }
    .banner-text { padding-bottom: 40px; }
    .banner-text .content { margin: 30px auto 0; }
    
    .bio .section.top { background: #e6e7e8 !important; }
    .bio .section.top .row { flex-wrap: wrap; flex-direction: column-reverse; }
    .bio .top .col-md-7 { width: 100%; margin: 20px 0; background: url('../images/team-hero.jpg') #e6e7e8; background-size: auto; background-size: contain; background-repeat: no-repeat; }
    .bio .section.top h1 { padding-top: 70px; }
    .bio .top .container .col-md-5 { width: 100%; padding: 0; }
    .bio .top .container .col-md-5 img { width: 100%; max-height: 100% !important; }
    
    .practice .section.top { height: 275px; min-height: 275px; }
    .practice .section.top .container .row { min-height: 275px; height: auto; padding: 20px; }
    .practice .banner-text { width: 90%; }
    
    .about .section.top { height: 275px; min-height: 275px; }
    .about .section.top .container .row { min-height: 275px; height: auto; padding: 20px; }
    .about .banner-text { width: 90%; }
    
    .newsDetail .section.top { height: 275px; min-height: 275px; }
    .newsDetail .content .main, .newsDetail .content .container.thin .main { margin: 40px auto 0; }
    .newsDetail .content h1 { font-size: 24px; }
    
    .contact .section.top { height: 275px; min-height: 275px; }
    .contact .section.top .container .row { min-height: 275px; height: auto; padding: 20px; }
    .contact .banner-text { width: 90%; }
    
    .areas-of-practice ul li { transition: none; }
    .areas-of-practice ul li a { transition: none; }
    .buttons li a { transition: none; }
    
    .bottom { font-size: 16px; }
    .footer .logo img { width: 95%; }
}

@media only screen and (max-width: 480px) {
    .site-header .navbar-brand img { width: 95%; max-width: 415px; }
    .header-s2 .navbar-toggle { right: 8px; }
    
    .hero-overlay-text .content { width: 95%; }
    
    .banner-text h1 { font-size: 40px; }
}

@media only screen and (max-width: 439px) { 
}

@media only screen and (max-width: 375px) {
}