/* Theme: SLS Template #2 Description: CSS V4 for SLS Template #2 */ /******************************************** # DEFAULT Styles PC, Tablet and Mobile Shared ********************************************/ body, div, dl, dt, dd, ul, ol, li, pre, p, h1, h2, h3, h4, h5, h6, form, fieldset, input, table, th, tr, td, embed, object, img { padding: 0; margin: 0; outline: 0; border: 0; } body { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 21px; line-height: 32px; color: #282828; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #ffffff; min-height: 100%; min-width: 320px; } article, aside, details, figcaption, figure, header, header-inner, footer, footer-inner, hgroup, menu, nav, section, logo, logo-links, top-menu, tmenu, featured-index-wrap, featured-index, featured-index-pane, featured-page-wrap, featured-page, featured-page-pane, mobile-links, mobile-menu, main, main-inner, content, sidebar, breadcrumbs, clear, video { padding: 0; margin: 0; outline: 0; border: 0; display: block; } html { height: 100%; } table {border-collapse: collapse;border-spacing: 0;margin: 0px; text-align: left;} td {padding: 5px 5px 5px 5px;vertical-align: text-top;vertical-align: top;} a {color: #eb1b3b;font-weight:700;text-decoration: none;} a:hover {color: #eb1b3b;text-decoration: underline;} a[name]:not([href]){display: block;position: relative;top: -75px;visibility: hidden;} p {padding: 14px 0px 14px 0px;} ul {padding: 14px 0px 14px 30px;} ul li {padding: 3px 20px 3px 0px;} ol {padding: 14px 0px 14px 30px;} ol li {padding: 3px 20px 3px 0px;} sup, sub {vertical-align: baseline;position: relative;top: -0.4em;} sub { top: 0.4em; } blockquote {padding: 39px 57px 32px 57px;margin: 15px 0px;font-weight: 300;font-size: 21px;line-height:31px;color:#282828;background:#f3f3f3 url("/images/blockquotes.png") no-repeat 24px 24px;} blockquote span {padding: 19px 0px 0px 0px;display:inline-block;} /*** # heading tags ***/ h1, h2.h1 { line-height:40px; font-size: 38px; color: #eb1b3b; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; font-weight:700; font-family: "Montserrat", Arial, Helvetica, sans-serif; } h1 a, h2.h1 a {color: #eb1b3b;font-weight:700;text-decoration: none;} h1 a:hover, h2.h1 a:hover {color: #eb1b3b;text-decoration: none;} h2 { line-height:32px; font-size: 30px; color: #282828; padding: 20px 0px 5px 0px; margin: 0px 0px 0px 0px; font-weight:700; font-family: "Montserrat", Arial, Helvetica, sans-serif; } h2 a {color: #282828;font-weight:700;text-decoration: none;} h2 a:hover {color: #282828;text-decoration: none;} h2.ind { line-height:81px; font-size: 36px; color: #ffffff; padding: 0px 0px 0px 0px; margin: 0px 0px 15px -19px; } h2.ind span { padding: 15px 19px; box-decoration-break: clone; -webkit-box-decoration-break: clone; background: #282828; } h2.ind a, h2.ind a:hover {color: #ffffff;} h2.ind.alt { line-height:96px; font-size: 36px; color:#ffffff; margin: 0px 0px 15px -33px; } h2.ind.alt span {padding: 22px 33px;} @media only screen and (min-width : 960px) and (max-width : 1599px) { h2.ind.alt {line-height:6vw;font-size: 3.25vw;margin: 0px 0px .94vw -2.06vw;} h2.ind.alt span {padding: 1.38vw 2.06vw;} } @media only screen and (min-width : 960px) and (max-width : 1299px) { h2.ind {line-height:71px;font-size: 30px;margin: 0px 0px 15px -15px;} h2.ind span {padding: 10px 15px;} } h3 { line-height:30px; font-size: 28px; color: #eb1b3b; padding: 20px 0px 5px 0px; margin: 0px 0px 0px 0px; font-weight:700; font-family: "Montserrat", Arial, Helvetica, sans-serif; } h3 a {color: #eb1b3b;text-decoration: none;font-weight:700;} h3 a:hover {color: #eb1b3b;text-decoration: none;} /*** # h4 ***/ h4 { line-height:26px; font-size: 24px; color: #282828; padding: 20px 0px 5px 0px; margin: 0px 0px 0px 0px; font-weight:700; font-family: "Montserrat", Arial, Helvetica, sans-serif; } h4 a {color: #282828;font-weight:700;text-decoration: none;} h4 a:hover {color: #282828;text-decoration: none;} /*** # h5 ***/ h5 { line-height:26px; font-size: 24px; color: #eb1b3b; padding: 20px 0px 5px 0px; margin: 0px 0px 0px 0px; font-weight:400; font-family: "Montserrat", Arial, Helvetica, sans-serif; } h5 a {font-weight:400;color: #eb1b3b;text-decoration: none;} h5 a:hover {color: #eb1b3b;text-decoration: none;} /*** # h6 ***/ h6 { line-height:24px; font-size: 22px; color: #282828; padding: 20px 0px 5px 0px; margin: 0px 0px 0px 0px; font-weight:400; font-family: "Montserrat", Arial, Helvetica, sans-serif; } h6 a {font-weight:400;color: #282828;text-decoration: none;} h6 a:hover {color: #282828;text-decoration: none;} /*** # autocentered hr styling ***/ hr { text-align: center; display: block; margin: 10px auto 10px auto; border: none; border-bottom: 1px solid #464646; clear: both; } hr.hr2 {border-bottom: 1px solid #000000;} hr.hr3 {border-bottom: 1px solid #cccccc;} /*** # custom vertical divider (experimental) ***/ hr.vr { width: 0px; height: 100%; text-align: center; display: inline-block; margin: 0px; border: none; border-left: 1px solid #464646; clear: none; position: absolute; top:0; z-index: 199; } /*** # custom secondary vertical divider ***/ hr.vr.vr2 { border-left: 1px solid #000000; } /*** # image classes ***/ img { max-width: 100%;border: none;height: auto;} img.maxwidth {width: 100%;} img.imgleft, img.alignleft {float: left;margin: 20px 20px 20px 0px;max-width: 50%;display: block;} img.imgright, img.alignright {float: right;margin: 20px 0px 20px 20px;max-width: 50%;display: block;} p img.imgleft, p img.alignleft, p img.imgright, p img.alignright {margin-top: 8px;} ul li img.imgleft, ul li img.alignleft, ul li img.imgright, ul li img.alignright {margin-top: 4px;} img.imgcenter, img.aligncenter {display: block;margin: 10px auto 20px auto;text-align:center;} img.imgnofloat, img.alignnone {margin: 10px 0px 20px 0px;} img.imginline {margin: 0px 5px 10px 5px;display: inline-block;} img.imgpdf {margin: 0px 5px -2px 0px;} img.imgdownload {margin: 0px 5px -4px 0px;} img.imgmarker {margin: 0px 5px 0px 0px;} img.imgstars {margin: 10px auto 30px auto;display: block;} /*** # custom 2 column split floats ***/ .fltlt {width: 48%;float: left;} .fltrt {width: 48%;float: right;} /*** # custom 2 column split floats (slightly wider right side) ***/ .fltlt-sm {width: 38%;float: left;} .fltrt-lg {width: 58%;float: right;} /*** # custom 2 column split floats (slightly wider left side) ***/ .fltlt-lg {width: 58%;float: left;} .fltrt-sm {width: 38%;float: right;} /*** # custom 2 column split float (right side thin) ***/ .fltlt-wide {width: 76%;float: left;} .fltrt-thin {width: 20%;float: right;} /*** # custom 2 column split float (left side thin) ***/ .fltlt-thin {width: 20%;float: left;} .fltrt-wide {width: 76%;float: right;} /*** # custom 2 column split floats (inline version) ***/ .flt2col-inline {width: calc(50% - 24px);margin: 0px 10px;display: inline-block;vertical-align: top;} .flt2col-inline.vbot {vertical-align: bottom;} /*** # custom 3 column split float ***/ .flt3col {width: 31.33%;float: left;margin: 0px 1% 0px 1%;} /*** # custom 3 column split floats (inline version) ***/ .flt3col-inline {width: calc(33.33% - 24px);margin: 0px 10px;display: inline-block;vertical-align: top;} .flt3col-inline.vmid {vertical-align: middle;} .flt3col-inline.vbot {vertical-align: bottom;} /* flex wrapper */ .flex-wrapper {display: flex;} /*** # data table viewport ***/ .table-viewport { width: auto; overflow-x: auto; margin: 10px auto 20px auto; } /*** # custom image with caption classes ***/ .captionbox-left {padding: 0px 0px 0px 0px;margin: 20px 20px 10px 0px;float: left;text-align: center;max-width: 50%;} .captionbox-right { padding: 0px 0px 0px 0px;margin: 20px 0px 10px 20px;float: right;text-align: center;max-width: 50%;} .captionbox-left img, .captionbox-right img {display: block;margin: 0px auto 10px auto;border: none;max-width: 100%;height: auto;} p.caption, .captionbox-left p, .captionbox-right p {padding: 5px 0px 5px 0px;margin: 0px 0px 0px 0px;text-align: center;font-size: 12px;font-style: italic;} /* custom snippet */ /* image sits to the right or left */ /* text/image auto centers vertically to each other */ .snippet { width: auto; padding: 20px 0 20px 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin: 20px auto 20px auto; font-size: 24px; font-style: italic; line-height: 29px; font-weight: 700; display: flex; flex-direction: row-reverse; color: #282828; } .snippet.snippet-left {flex-direction: row;} .snippet-img {width: 33%;vertical-align: top;position: relative;} .snippet-img span {height: 100%;width: 100%;display: table;} .snippet-img span span {height: 100%;width: 100%;display: table-cell;vertical-align: middle;} .snippet-img span span img {width: 100%;height: auto;display: block;margin: 0px auto;} .snippet-text {width: 66%;vertical-align: top;} .snippet-text p {width: calc(100% - 30px);padding: 0px 30px 0px 0px;height: 100%;display: table;text-align: right;} .snippet.snippet-left .snippet-text p {text-align: left;padding: 0px 0px 0px 30px;} .snippet-text p span {width: 100%;height: 100%;display: table-cell;vertical-align: middle;} /*iframe classes */ .gmap, iframe.gmap {border: 1px solid #cccccc;border-radius: 6px;width: 100%;height: 350px;margin: 10px auto 10px auto;display: block;} .ytube, iframe.ytube {border: 1px solid #cccccc;border-radius: 6px;width: 100%;height: 300px;margin: 10px auto 10px auto;display: block;} .tallframe, iframe.tallframe {border: 1px solid #cccccc;border-radius: 6px;width: 100%;height: 600px;margin: 10px auto 10px auto;display: block;} a.ytube-link {position:relative;display:block;margin: 20px auto 20px auto;} a.ytube-link img, a.ytube-link img.imgcenter {margin: 0px auto 0px auto;position:relative; z-index:100;} a.ytube-link span {width:100%;height:100%;position:absolute; z-index:120;background: url("images/icon-play.png") no-repeat center center;background-size: auto 100px; filter: Alpha(opacity= 50); -moz-opacity: .5; opacity: .5;} a.ytube-link:hover span {filter: Alpha(opacity= 70); -moz-opacity: .7; opacity: .7;} /*** # odds and ends ***/ .clear, clear {clear: both;} .clearleft, clear.clearleft {clear:none;clear: left;} .clearright, clear.clearright {clear:none;clear: right;} .link {display: none;} .ital {font-style: italic;} .uline {text-decoration: underline;} .allcaps {text-transform: uppercase;} .nobord {border: none;} .posrel {position: relative;} .xspace {height: 28px;} .xspace2 {height: 56px;} .indent, p.indent {text-indent: 27px;} .nobreak {display: inline-block;} .alleft, p.alleft {text-align: left;} .alright, p.alright {text-align: right;} .alcenter, p.alcenter {text-align: center;} .nopad, p.nopad {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;} .sidepad, p.sidepad {padding-left: 40px;padding-right: 40px;margin: 0px 0px 0px 0px;} a.hoveropacity:hover, a.hoveropacity:hover img { opacity: .80;} .asterick, .asterisk {color:#ea0000;} .emphasis, p.emphasis {margin: 10px 0px 10px 0px;font-size: 24px;font-weight:400;color: #2c2c2c;line-height: 44px;} .big-cap {line-height: 50px;font-size: 70px;font-weight:700;float: left;margin: 15px 10px 0px 0px;color: #282828;text-align: center;} .to-top {padding: 0px 0px 0px 0px;margin: 20px 0px 20px;text-align:right;font-size: 16px;line-height: 32px;} .to-top a {display: inline-block;padding: 0px 31px 0px 0px;font-weight:400;color:#757575;text-decoration: none;background: url("/images/caret.png") no-repeat right 6px top 13px;-o-transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -webkit-transition: .25s; transition:.25s;} .to-top a:hover {background-position:right 6px top 9px;} /********* # default form styling *********/ .cform, p.cform {width: auto;font-weight:700;padding: 0px 0px 15px 0px;line-height: 36px;} /* form split floats - left side thin */ .cformlt, p.cformlt {width: 30%;float: left;clear: left;text-align: right;font-weight:700;padding: 13px 0px 0px 0px;line-height: 36px;} .cformrt, p.cformrt {width: 68%;float: right;clear: right;text-align: left;line-height: 36px;} /* form split floats - split in center */ .cformlt-alt, p.cformlt-alt {width: 48%;float: left;clear: left;text-align: right;font-weight:700;padding: 13px 0px 0px 0px;} .cformrt-alt, p.cformrt-alt {width: 50%;float: right;clear: right;text-align: left;} label {font-weight:700;padding: 16px 0px 16px 0px;} label, .cformrt label, p.cformrt label, .cformrt-alt label, p.cformrt label, .cform label, p.cform label {padding: 0px 0px 0px 10px;margin: 0px 0px -10px 0px;} /* default form field styles */ input, textarea, select { width: 97%; color: #757575; font-size: 18px; font-weight: 400; padding: 0px 0px 0px 3%; border: 2px solid #cccccc; background: #ffffff; border-radius: 6px; font-family: "Roboto", Arial, Helvetica, sans-serif; overflow: auto; outline:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input {height: 48px;} textarea {padding-top: 10px;height: 100px;} select {width:100%;height: 36px;-webkit-appearance: menulist;-moz-appearance: menulist;appearance: menulist;} input:focus, textarea:focus, select:focus {border: 1px solid #dedede;background: #fcfcfc;} ::placeholder {color:#757575;opacity: 1;} :-ms-input-placeholder {color:#757575;} ::-ms-input-placeholder {color:#757575;} input:focus::placeholder {color: transparent;} textarea:focus::placeholder {color: transparent;} /*** Styles added to fix the issue with zoom in on iphone ***/ /* iPhone < 5: */ @media screen and (device-aspect-ratio: 2/3) {input, textarea, select { font-size: 16px; }} /* iPhone 5, 5C, 5S, iPod Touch 5g */ @media screen and (device-aspect-ratio: 40/71) {input, textarea, select { font-size: 16px; }} /* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */ @media screen and (device-aspect-ratio: 375/667) {input, textarea, select { font-size: 16px; }} /* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */ @media screen and (device-aspect-ratio: 9/16) {input, textarea, select { font-size: 16px; }} input[type=submit], input[type=reset] {width: auto;padding: 0;} input#ANSWER {width: 50px;margin: 0px 0px 0px 5px;} input#ANSWER-ft {width: 30px;height: 47px;margin: 0px 0px 0px 5px;background: #d1d5da;border-radius: 3px;padding: 0px 0px 0px 10px;} select.datefield, select.sm {width: 85px;float: left;margin: 0px 3px 0px 3px;} select.statefield, select.med {width: 150px;float: left;} select.lrg {width: 250px;float: left;} input[type=checkbox]:not(:checked) {border: 1px solid #b2b2b2;width: 16px;height: 16px;padding: 0px 0px 0px 0px;margin: 0px 5px 0px 5px;vertical-align: middle;border-radius: 2px;} input[type=checkbox]:checked {width: 16px;height: 16px;border-radius: 2px;background: #ffffff url("/images/check-mark.png") no-repeat center center;} input[type=radio]:not(:checked) {border: 1px solid #b2b2b2;background: #ffffff;width: 16px;height: 16px;padding: 0px 0px 0px 0px;margin: 0px 5px 0px 5px;vertical-align: middle;border-radius: 8px;} input[type=radio]:checked {background: #444444;} input[type=submit].button, input[type=reset].button {padding: 0px 20px 0px 20px;margin: 0px 10px 0px 10px;cursor: pointer;text-align: center;color: #fbcf71;line-height: 34px;height: 36px;font-size: 11px;width: auto;display: inline-block;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #006664;text-shadow: 1px 1px 1px rgba(0,0,0,.4);border: 1px solid #eb1b3b;} input[type=submit].button:hover, input[type=reset].button:hover {background: #004645;border: 1px solid #006664;} /* form disclaimer text styles */ p.form-disclaimer {text-align: center;font-weight:700;} /* single line antispam styles */ p.anti-spam-text {padding: 0px 0px 12px 0px;color: #ffffff;text-align: center;} /* form ajax styles */ .form-element {position: relative;} input.iform {height: 49px;margin: 0px 0px 11px 0px;border-radius: 0;border: 2px solid #ffffff;box-shadow: 0px 0px 2px 2px rgba(0,0,0,.04);} input.iform.error {border: 2px solid #ff0000;} textarea.tform {height: 159px;margin: 0px 0px 35px 0px;border-radius: 0;border: 2px solid #ffffff;box-shadow: 0px 0px 2px 2px rgba(0,0,0,.04);} textarea.tform.error {border: 2px solid #ff0000;} input[type=submit].subform {line-height: 50px;height: 53px;font-size: 21px;padding: 0px 0px 0px 0px; background: #eb1b3b;border:none; font-weight: 900;display: inline-block;text-decoration: none;cursor: pointer;border-radius: 0; margin: 0px 0px 0px 0px; text-align: center; width: 263px; color: #fbcf71;font-family: "Roboto", Arial, Helvetica, sans-serif;} input[type=submit].subform:hover {color: #eb1b3b; text-decoration: none; background: #fbcf71;border:none;} input.iform2 {font-size: 18px;height: 42px;margin: 0px 0px 11px 0px;border-radius: 0;border: 2px solid #ffffff;} input.iform2.error {border: 2px solid #ff0000;} textarea.tform2 {font-size: 18px;height: 158px;margin: 0px 0px 35px 0px;border-radius: 0;border: 2px solid #ffffff;} textarea.tform2.error {border: 2px solid #ff0000;} input[type=submit].subform2 {line-height: 50px;height: 53px;font-size: 21px;padding: 0px 0px 0px 0px; background: #eb1b3b;border:none; font-weight: 900;display: inline-block;text-decoration: none;cursor: pointer;border-radius: 0; margin: 0px 0px 0px 0px; text-align: center; width: 263px; color: #fbcf71;font-family: "Roboto", Arial, Helvetica, sans-serif;} input[type=submit].subform2:hover {color: #eb1b3b; text-decoration: none; background: #fbcf71;border:none;} label.error {color: #ff0000;position: absolute;margin: 0px 0px 0px 0px;text-align: right;display: inline-block;right: 5px;bottom: 23px;font-size: 16px;-o-transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -webkit-transition: .25s; transition:.25s;} #contact-sb label.error {font-size: 18px;bottom: 22px;} content label.error, .content label.error {bottom: 10px;} /*** # breadcrumb styling ***/ breadcrumbs {line-height: 20px;color: #757575;font-size: 18px;font-weight:400;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;text-align: left;text-transform: capitalize;} breadcrumbs p {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;} breadcrumbs a {margin: 0px 9px 0px 0px;padding: 0px 20px 0px 0px;font-weight:400;color: #757575;text-decoration: none;background: url("images/gt.png") no-repeat right 9px;} breadcrumbs a:hover {color: #757575;text-decoration: none;} /*************************************************** # SECTION accordian content styles ***************************************************/ #sliding-content-wrap { } #sliding-content { max-width: 1440px; margin: 0px auto; padding: 0px 20px; } #sliding-content-iwrap { padding: 3.54% 0px 0% 0px; } #sliding-content h2 { line-height:50px; font-size: 39px; color: #ffffff; padding: 20px 0px 20px 0px; background: #282828; display: block; font-weight:700; text-align: center; } #sliding-content h2 a, #sliding-content h2 a:hover {font-weight:900;color: #ffffff;} #sliding-content p { line-height:32px; font-size: 24px; color: #000000; padding: 14px 0px 14px 0px; max-width: 950px; margin: 0px auto; text-align: center; } #sl-content { padding: 2.71% 0px 0% 0px; } #sl-content p.file { margin: 2px 0px 0px 0px; padding: 15px 0px 25px 25px; max-width: none; line-height: 49px; font-size:36px; color: #373737; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition:.5s; text-align: left; border-bottom: 4px solid #fcd803; font-family: "Montserrat", Arial, Helvetica, sans-serif; } #sl-content p.file.file-alt { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition:.5s; border-bottom: none; } #sl-content p.file a { color: #373737; font-weight: bold; text-decoration:none; display: block; padding: 0px 110px 0px 0px; } #sl-content p.file a:hover { color: #373737; text-decoration: none; } #sl-content p.file-more { width: 100%; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; max-width: none; display: none; line-height: 27px; font-size: 18px; color: #000000; text-align: left; } #sl-content p.file-more span.text { display: block; padding: 2px 25px 54px 25px; border-bottom: 4px solid #fcd803; } #sl-content p.file-more.fileshow { display: block; } @media only screen and (min-width : 960px) and (max-width : 1479px) { #sliding-content h2 {line-height: 3.38vw; font-size: 3.24vw;} #sliding-content p {line-height: 2.16vw; font-size: 1.62vw; padding: 0.94vw 0px 0.94vw 0px; max-width: 64.18vw;} #sl-content p.file {padding: 1.01vw 0px 1.69vw 1.69vw;line-height: 3.31vw;font-size: 2.43vw;} #sl-content p.file-more {line-height: 2.16vw; font-size: 1.62vw;} #sl-content p.file-more span.text {padding: 0.14vw 1.69vw 3.65vw 1.69vw;} #sl-content p.file a {padding: 0px 7.43vw 0px 0px;} } /******************************************** # Site Styles PC, Tablet and Mobile Shared ********************************************/ /************************************************ # header styling ************************************************/ /************ # Top Menu styles ************/ #top-menu { width: 100%; position: absolute; top: 0; left: 0; z-index:200; min-width: 320px; background: #ffffff; } #top-menu.sticky { position: fixed; top:-150px;box-shadow: 0px 0px 3px 3px rgba(51,51,51,.2);} #top-menu.sticky.sticky2 {top:0px;-o-transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -webkit-transition: .25s; transition:.25s;} #tmenu { max-width: 1810px; margin: 0px auto; padding: 0px 20px; } a.home-link { width: 282px; height: 102px; display: block; float: left; background: url("images/logo.png") no-repeat center center; background-size: contain; color: #282828; text-indent: -99999px; } a.call-link { font-size: 33px; line-height: 31px; padding: 8px 0px 0px 0px; display: inline-block; float: right; color: #eb1b3b; font-weight: 700; text-decoration: none; text-align: right; font-family: "Montserrat", Arial, Helvetica, sans-serif; } a.call-link span { font-size: 18px; color: #282828; font-weight: 400; font-family: "Montserrat", Arial, Helvetica, sans-serif; } a.call-link span strong { color: #282828; font-weight: 700; text-transform: uppercase; } a.call-link:hover { color: #282828; text-decoration: none; } a.call-link:hover span { color: #282828; } a#mobile-menu-link { width: 30px; height: 60px; display: block; float: right; background: url("images/menuicon.png") no-repeat center center; color: #282828; text-indent: -99999px; margin: 0px 0px 0px 20px; } /******* Menu Styles *******/ ul#menu, ul#menu ul { float: none; text-align: center; list-style: none; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; } ul#menu li { margin: 0; padding: 0; display: inline-block; list-style: none;line-height: 102px; color:#282828; font-size: 18px; } ul#menu li a { display: inline-block; color:#282828; font-weight: 400; text-decoration: none; padding: 0px 35px 0px 35px; } ul#menu li:hover a { color:#eb1b3b;} /* second-level lists */ ul#menu li ul {position: absolute;display: none;width: 200px;padding: 10px 10px 20px 10px;margin: 0px 0px 0px 0px;z-index: 1000;background: #ffffff;border-bottom: 5px solid #eb1b3b;border-left: 1px solid #efefef;border-right: 1px solid #efefef;} ul#menu li ul li{ display: table; width: 180px;height:40px;text-align: left;line-height: 16px;padding:0px 10px 0px 10px;margin:0px 0px 0px 0px;text-transform: none;} ul#menu li ul li a{height: 100%;color: #282828 !important;padding: 0px 0px 0px 0px;text-align: left;background:none;font-size: 14px;margin: 0px 0px 0px 0px;display: table-cell;text-decoration: none !important;border-bottom: 1px solid #cccccc;vertical-align: middle;font-weight: 400;} ul#menu li ul li:hover a {color: #eb1b3b !important;text-decoration: none !important;font-weight: 400;} ul#menu li:hover ul, ul#menu li.sfhover ul {display: block;} /* third-level lists */ ul#menu li ul li ul { margin: -10px 0px 0px 0px;background: #f5f9fa;border-top: 1px solid #efefef; } #menu li:hover ul li:hover ul li a {color: #282828 !important;} #menu li:hover ul li:hover ul li:hover a {color: #eb1b3b !important;} #menu li:hover ul ul, #menu li.sfhover ul ul { display: none; } #menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { display: block; } /* fourth-level lists */ ul#menu li ul li ul li ul { margin: -10px 0px 0px 0px;background: #ffffff; } #menu li:hover ul li:hover ul li:hover ul li a {color: #282828 !important;} #menu li:hover ul li:hover ul li:hover ul li:hover a {color: #eb1b3b !important;} #menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul { display: none; } #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { display: block; } /* Fix IE. Hide from IE Mac \*/ * html ul#menu li { float: left; height: 1%; } * html ul#menu li a { height: 1%; } /* End */ /* IE7 Fix */ ul#menu li:hover, ul#menu li.hover { position: static; } /* End */ /* double wide (2 columns) dropdowns, extra wide (1 column) dropdowns and extra double wide (2 extra wide columns) dropdowns */ ul#menu li ul.xwide {width: 240px;} ul#menu li ul.xwide li {width: 220px;} ul#menu li ul.xwide li ul {width: 240px;} ul#menu li ul.dwide {width: 400px;} ul#menu li ul.dwide li {float: left;} ul#menu li ul.xwide.dwide {width: 480px;} /* tweaks to keep aligned well */ @media only screen and (min-width : 960px) and (max-width : 1599px) { a.home-link {width: 17.63vw;} ul#menu li {font-size: 1.13vw;} ul#menu li a {padding: 0px 2.19vw 0px 2.19vw; } a.call-link {font-size: 2.06vw;} a.call-link span {font-size: 1.13vw;} } /************************************************ # featured header (index) styles ************************************************/ featured-index-wrap { padding: 102px 0px 0px 0px; background: #292a2e; } featured-index {} featured-index-pane { max-width: 1810px; margin: 0px auto; padding: 0px 20px; position: relative; } featured-index .text-pane { width: 56.35%; padding: 3.7% 0px 4.48% 0px; text-align: center; } featured-index h1 { line-height:81px; font-size: 48px; color: #fcd803; padding: 0px 0px 0px 0px; margin: 0px 0px 48px 0px; } featured-index h1 span { padding: 8px 15px; box-decoration-break: clone; -webkit-box-decoration-break: clone; background: #282828; } featured-index h1 a, featured-index h1 a:hover {color: #ffffff;} featured-index h2 { line-height:30px; font-size: 28px; color: #ffffff; padding: 0px 0px 17px 0px; margin: 0px 0px 0px 0px; font-family: "Montserrat", Arial, Helvetica, sans-serif; } featured-index h2 a, featured-index h2 a:hover {color: #ffffff;} p.featured-result { max-width: 560px; margin: 0px auto; padding: 0px 0px 2px 40px; line-height:22px; font-size: 18px; color: #ffffff; font-family: "Montserrat", Arial, Helvetica, sans-serif; } p.featured-result a { color: #ffffff; text-decoration: none; } p.featured-result span.amount { width: 32.85%; padding: 0px 5% 0px 0px; line-height:35px; font-size: 33px; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 700; display:block; float: left; } p.featured-result span.description { width: 62.15%; padding: 9px 0px 0px 0px; font-weight: 300; font-style: italic; text-align: left; display:block; float: left; } p.featured-result span.description strong { font-weight: 600; font-style: normal; text-align: left; } p.featured-result a:hover span.description strong { text-decoration: underline; } @media only screen and (min-width : 960px) and (max-width : 1599px) { featured-index h1 {line-height:4.94vw;font-size: 2.93vw;margin: 0px 0px 2.93vw 0px;} featured-index h1 span {padding: .49vw .91vw;} featured-index h2 {line-height:28px;font-size: 26px;} p.featured-result {line-height:20px;font-size: 16px;} p.featured-result span.amount {line-height:32px;font-size: 30px;} } @media only screen and (min-width : 960px) and (max-width : 1299px) { featured-index h2 {line-height:26px;font-size: 24px;} p.featured-result {line-height:17px;font-size: 14px;} p.featured-result span.amount {line-height:28px;font-size: 26px;} } /************************************************ # featured header (page) styles ************************************************/ featured-page-wrap { padding: 102px 0px 0px 0px; background: #282828; position: relative; } featured-page {max-width: 1920px; margin: 0 auto;} featured-page-pane { max-width: 1810px; margin: 0px auto; padding: 0px 20px; position: relative; } featured-page .text-pane { width: 56.35%; padding: 6.7% 0px 6.48% 0px; text-align: center; } featured-page h1, featured-page h2 { line-height:81px; font-size: 48px; color: #ffffff; padding: 0px 0px 0px 0px; margin: 0px 0px 48px 0px; } featured-page h1 span, featured-page h2 span { padding: 8px 15px; box-decoration-break: clone; -webkit-box-decoration-break: clone; background: #282828; } featured-page h1 a, featured-page h1 a:hover, featured-page h2 a, featured-page h2 a:hover {color: #ffffff;} @media only screen and (min-width : 960px) and (max-width : 1599px) { featured-page h1, featured-page h2 {line-height:4.94vw;font-size: 2.93vw;margin: 0px 0px 2.93vw 0px;} featured-page h1 span, featured-page h2 span {padding: .49vw .91vw;} } /************************************************ # featured header (shared) styles ************************************************/ #featured-awards { padding: 0px 0px 45px 0px; margin: 0px 0px 0px 0px; } #featured-awards a { display: inline-block; height: 103px; vertical-align: middle; margin: 0px 32px; color: #ffffff; text-indent: -99999px; } #featured-awards a:hover { filter: brightness(1.15); } #featured-awards a#tntl {width: 96px;background: url("/images/tntl.png") no-repeat center center;background-size: contain;} #featured-awards a#top-100 {width: 109px;background: url("/images/top-100.png") no-repeat center center;background-size: contain;} #featured-awards a#avvo {width: 102px;background: url("/images/avvo.png") no-repeat center center;background-size: contain;} .bwrap {padding: 53px 0px 0px 0px;} .bwrap.alt {padding: 23px 0px 0px 0px;} @media only screen and (min-width : 960px) and (max-width : 1599px) { #featured-awards {padding: 0px 0px 2.74vw 0px;} #featured-awards a {height: 6.28vw;margin: 0px 1.95vw;} #featured-awards a#tntl {width: 5.85vw;} #featured-awards a#top-100 {width: 6.65vw;} #featured-awards a#avvo {width: 6.22vw;} } /************************************************ # main layout styles ************************************************/ main, .main { } main-inner, .main-inner { max-width: 1440px; margin: 0px auto; padding: 0px 20px; } main.full-reduced main-inner, .main.full-reduced .main-inner { max-width: 860px; } content, .content { width: 60.19%; float: left; padding: 20px 0px 80px 0px; } main.full content, main.full-reduced content, .main.full .content, .main.full-reduced .content { width: auto; float: none; } sidebar, .sidebar { width: 34.72%; float: right; padding: 50px 0px 20px 0px; } /*********** # content area styles ***********/ /*** # custom inner width styles ***/ .content-reduced { max-width: 1060px; margin: 0px auto; } .content-reduced.thin { max-width: 860px; } /*** # custom list styles ***/ ul.clist { padding: 0px 0px 0px 0px; list-style: none; line-height: 22px; } ul.clist li { padding: 13px 20px 13px 25px; background: url("images/bullet.png") no-repeat left 20px; background-size: 11px 11px; } ul.clist li a { color: #181a1c; font-weight: 400; text-decoration: none; } ul.clist li a:hover { color: #181a1c; text-decoration: underline; } /*** # in content related list styles ***/ .in-content-related { padding: 10px 0px 19px 0px; margin: 30px 0px; border-top: 1px solid #9d9d9d; border-bottom: 1px solid #9d9d9d; } .in-content-related ul.clist { padding: 0px 0px 0px 24px; } /*** # simple vertically centered text styles ***/ p.p-table { display:table; } p.p-table span.p-cell { display: table-cell; vertical-align: middle; } /*** # button blue styles ***/ a.button-blue { font-size: 18px; line-height: 25px; padding: 13px 38px 13px 38px; color: #ffec7b; font-weight: 700; background: #eb1b3b; display: inline-block; text-decoration: none; font-family: "Montserrat", Arial, Helvetica, sans-serif; border-radius: 5px; text-align:center; } a.button-blue.alt { min-width: 224px; } a.button-blue:hover { background: #fcd803; color: #eb1b3b; text-decoration: none; } /*** # styles ***/ /*************************************************** # SIDEBAR styles ***************************************************/ /*** # contact form styles ***/ #contact-sb { width: auto; padding: 34px 11.2% 40px 11.2%; margin: 0px 0px 49px 0px; background: #282828; border-bottom: 4px solid #fcd803; text-align: center; } #contact-sb h2 { line-height:32px; font-size: 30px; color: #ffffff; padding: 0px 0px 36px 0px; font-weight:700; } #contact-sb h2 a {color: #ffffff;font-weight:700;} #contact-sb h2 a:hover {color: #ffffff;} @media only screen and (min-width : 960px) and (max-width : 1259px) {#contact-sb {padding: 44px 9.2% 40px 9.2%;}} /*** # related links styles ***/ .related-links { margin: 0px auto 80px auto; padding: 0px 40px 20px 40px; } .related-links h2 { padding: 0px 0px 20px 0px; text-align:center; } .related-links ul { padding: 0px 0px 0px 0px; font-size: 21px; line-height: 30px; color:#0e3c41; text-align: center; list-style: none; font-weight: 700; } .related-links ul.first { border-top: 1px solid #eb1b3b; } .related-links ul li { padding: 13px 10px 13px 10px; border-bottom: 1px solid #eb1b3b; } .related-links ul li a { color:#0e3c41; font-weight: 400; text-decoration: none; } .related-links ul li a:hover { color:#293345; text-decoration: none; } /*************************************************** # SECTION client reviews styles ***************************************************/ #client-reviews { } #real-reviews { max-width: 1470px; margin: 0px auto; padding: 0px 2.6%; } .result, a.result { width: 31.6%; background: #ffffff; padding: 2.81% 0px 2.21% 0px; margin: -7.48% 0px 3.09% 0px; position: relative; font-weight: 400; text-decoration: none; -o-transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -webkit-transition: .25s; transition:.25s; display:block; } .result.middle, a.result.middle { margin: -7.48% 2.6% 3.09% 2.6%; } a.result:hover { margin: -7.48% 0px 3.09% 0px; } a.result.middle:hover { margin: -7.48% 2.6% 3.09% 2.6%; } .result p, a.result span.review-text { line-height:30px; font-size: 18px; color: #282828; padding: 12px 26px 12px 36px; display: block; } .result p span, a.result span.review-text span { padding: 30px 0px 0px 0px; display: inline-block; } .quote, a.result span.quote { width: 81px; height: 56px; background: url("images/quotes-lg.png") no-repeat center center; background-size: contain; position: absolute; top: -14px; left: 16px; display: block; } @media only screen and (min-width : 960px) and (max-width : 1509px) { .result p, a.result span.review-text {line-height: 1.99vw;font-size: 1.19vw;padding: 0.79vw 1.72vw 0.79vw 2.38vw;} .result p span, a.result span.review-text span {padding: 1.99vw 0 0 0;} .quote, a.result span.quote {width: 5.36vw;height: 3.71vw;top: -0.93vw;left: 1.06vw;} } /*************************************************** # SECTION Awards & Accolades styles ***************************************************/ #awards-accolades { } #accolades-awards { max-width: 1580px; margin: 0px auto; padding: 81px 20px 78px 20px; } #accolades-awards h2.ind { margin: 0px 0px 73px 0px; } a.prev { width: 14px; display: block; margin: 0px 20px 0px 0px; background: url("images/arrow-mmenu-back-alt.png") no-repeat right center; color: #000000; text-indent: -999999px; display: none; } a.next { width: 14px; display: block; margin: 0px 0px 0px 20px; background: url("images/arrow-mmenu-alt.png") no-repeat left center; color: #000000; text-indent: -999999px; display: none; } a.next:hover,a.prev:hover { filter: Alpha(opacity= 85); -moz-opacity: .85; opacity: .85; } #awards { width: calc(100% - 68px); overflow: hidden; margin:0px auto; position: relative; line-height: 24px; color: #707070; font-size: 16px; } #awards ul { width: 20000em; list-style: none; position: relative; text-align: center; padding: 0; margin: 0; } #awards ul li { width: 252px; float: left; padding: 0; margin: 0; } #awards ul li a { width: 230px; padding: 0px; display: block; margin: 0px auto; color: #282828; text-decoration: none; font-weight: 400; } #awards ul li a img { /* all image png's have a height of 80px for ease of placement */ display: block; margin: 0px auto 27px auto; } #awards ul li a span.title{ padding: 0px 0px 12px 0px; display: block; line-height: 28px; font-size: 24px; font-weight: 700; color: #282828; font-family: "Montserrat", Arial, Helvetica, sans-serif; } #awards ul li a:hover { color: #282828; text-decoration: none; } #awards ul li a:hover img { filter: Alpha(opacity= 80); -moz-opacity: .80; opacity: .80; } #awards ul li a:hover span{ color: #282828; text-decoration: none; } /*************************************** #Mission styles ******************************************/ #index-mission-wrap { background: #ffffff; } #index-mission-content { max-width: 1620px; margin: 0px auto; padding: 0px 20px 0px 20px; position: relative; font-size: 16px; line-height: 24px; color: #ffffff; } .index-mission-content-pic { width: 48.61%; height: 807px; margin: 0px 0px 0px 0px; position: absolute; left: 25px; top: -82px; z-index: 160; } .index-mission-content-text { width: 44.21%; margin: 0px 0px 0px 0px; float: right; } .index-mission-content-table { width: 90%; height: 691px; padding: 0px 10% 0px 0px; display: table; } .index-mission-content-inner-text-cell { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } #index-mission-content h2 { line-height:42px; font-size: 36px; color: #ffffff; padding: 0px 0px 0px 0px; font-weight:700; } #index-mission-content h2 a, #index-mission-content h2 a:hover {color: #ffffff;} #index-mission-content p { padding: 10px 0px 10px 0px; } #index-mission-content .yellow-button {margin-top: 20px;} @media only screen and (min-width : 960px) and (max-width : 1659px) { #index-mission-content {font-size: 1.44vw;line-height: 1.74vw;} .index-mission-content-pic {height: 48.61vw;left: 1.51vw;top: -4.94vw;} .index-mission-content-table {height: 41.63vw;} #index-mission-content h2 {line-height:2.53vw;font-size: 2.16vw;} #index-mission-content p {padding:.6vw 0px .6vw 0px;} #index-mission-content .yellow-button {margin-top: 1.2vw;} } /*************************************************** # SECTION about styles ***************************************************/ #about-our-firm { } #about-us { max-width: 1414px; margin: 0px auto; padding: 80px 0px 0px 0px; } .about-pic { width: 50%; height: 0; padding-bottom: 37.13%; } .about-text { width: 42.22%; padding: 0px 2.12% 0px 5.66%; display: table; } .about-cell { width: 100%; height:100%; display: table-cell; vertical-align: middle; } #about-us p { font-size: 16px; line-height: 24px; padding: 12px 0px; } #about-us a.button-blue { margin-top: 20px; } /*************************************************** # SECTION styles ***************************************************/ #our-practice-areas { } #practice-areas { max-width: 1872px; margin: 0px auto; padding: 0px 0px 0px 0px; } #pa-text { max-width: 1414px; margin: 0px auto; padding: 0px 0px 0px 0px; } #pa-text h2 { width: 32%; max-width: 577px; line-height:47px; font-size: 39px; color: #ffffff; padding: 19px 20px 20px 32px; margin: 10.6% 0px 20px 0px; background: #282828; display: block; float: left; } #pa-text h2 a, #pa-text h2 a:hover {color: #282828;} @media only screen and (min-width : 960px) and (max-width : 1299px) { #pa-text h2 {line-height:40px;font-size: 34px;padding: 15px 20px 16px 20px;margin: 11.6% 0px 40px 0px;} } #pa-text p { width: 52.22%; padding: 12px 2.12% 12px 5.66%; margin: 11.1% 20px 50px 0px; font-size: 16px; line-height: 24px; display: block; float: right; } #pa-links { padding: 0px 10px 0px 10px; text-align: center; } #pa-links a { width: 23.94%; height: 0px; padding-bottom: 13.09%; float:left; margin: 0px .53% 1.06% .53%; position: relative; overflow: hidden; -o-transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -webkit-transition: .25s; transition:.25s; font-family: "Montserrat", Arial, Helvetica, sans-serif; background: #282828; } #pa-links a span.img { position: absolute; width: 100%; height:100%; top:0; left:0; display: block; z-index: 100; } #pa-links a span.overlay1 { position: absolute; width: 100%; height:100%; top:0; left:0; display: block; background: rgba(0,0,0,.5); z-index: 110; } #pa-links a span.overlay2 { position: absolute; width: 100%; height:100%; top:0; left:0; display: block; z-index: 120; opacity: 0; } #pa-links a span.text { position: absolute; width: 100%; height:100%; top:0; left:0; display: table; z-index: 140; } #pa-links a span.text span.text-cell { width: 100%; height:100%; display: table-cell; vertical-align: middle; } #pa-links a span.text span.text-cell span { width: auto; padding: 0px 20px 18px 20px; display: block; background: url("images/bbar.png") no-repeat center bottom; font-size: 28px; line-height: 30px; color: #ffe446; text-align: center; } @media only screen and (min-width : 960px) and (max-width : 1499px) { #pa-links a span.text span.text-cell span {padding: 0px 20px 14px 20px;font-size: 24px;line-height: 26px;} } @media only screen and (min-width : 960px) and (max-width : 1299px) { #pa-links a span.text span.text-cell span {padding: 0px 20px 10px 20px;font-size: 20px;line-height: 22px;} } /*************************************************** # SECTION styles ***************************************************/ #contact-firm { } #contact-now { max-width: 1570px; margin: 0px auto; padding: 0px 20px 0px 20px; } #contact-now-inner { padding: 15.28% 0px 11.78% 0px; } #contact-firm.alt #contact-now-inner { padding: 3.28% 0px 6.78% 0px; } #contact-now .fltlt { width: 55%; padding: 20px 0px 0px 3%; } #contact-now .fltrt { width: 39.94%; padding: 0px 0px 0px 0px; } #contact-now p { max-width: 560px; color: #000000; font-size: 24px; line-height: 36px; padding: 18px 0px; font-family: "Roboto", Arial, Helvetica, sans-serif; } @media only screen and (min-width : 960px) and (max-width : 1599px) { #contact-now p {max-width: 35vw;font-size: 1.5vw;line-height: 2.25vw;padding: 1.13vw 0px;} } @media only screen and (min-width : 960px) and (max-width : 1299px) { #contact-now p {font-size: 20px;line-height: 30px;padding: 15px 0px;} } /*************************************************** # FOOTER styles ***************************************************/ footer { background: #160e0f; } footer-inner { max-width: 1355px; margin: 0px auto; padding: 48px 20px 0px 20px; } #footer-fltlt { width: 61.85%; float: left; } #footer-fltrt { width: 32.1%; float: right; } #sitemap { padding: 0px 0px 25px 0px; } #blog { padding: 0px 0px 12px 0px; } #contact-us { padding: 0px 0px 12px 0px; } #social { padding: 0px 0px 38px 0px; float:left; } #disclaimer { padding: 32px 0px 50px 0px; border-top: 1px solid #a87980; } /*** # logo styles ***/ a#home-footer-link { width: 255px; height: 45px; display: block; margin: 0px auto 40px auto; background: url("images/logo-footer.png") no-repeat center center; background-size: contain; text-indent: -99999px; color:#ffffff; } /*** # shared styles ***/ footer h2 { line-height:28px; font-size: 24px; color: #fcd803; padding: 0px 0px 14px 0px; margin: 0px 0px 10px 0px; font-weight:700; border-bottom: 1px solid #a97981; font-family: "Montserrat", Arial, Helvetica, sans-serif; } footer h2 a, footer h2 a:hover { font-weight: 700; color: #fcd803; } footer #blog h2 {margin: 0px 0px 23px 0px;} /*** # sitemap styles ***/ #sitemap ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px -36px; font-size: 18px; } #sitemap ul li { padding: 0px 36px 0px 36px; margin: 5px 0px 6px 0px; display: inline-block; color: #ffffff; height: 15px; line-height: 15px; border-right: 2px solid #ffffff; } #sitemap ul li.last { border: none; padding: 0px 0px 0px 36px; } #sitemap ul li a { color: #ffffff; font-weight: 400; text-decoration: none; display: inline-block; } #sitemap ul li a:hover { color: #ffffff; text-decoration: underline; } @media only screen and (min-width : 960px) and (max-width : 1570px) {#sitemap ul {margin: 0px 0px 0px -28px;}#sitemap ul li { padding: 0px 28px 0px 28px; }#sitemap ul li.last {padding: 0px 0px 0px 28px;}} @media only screen and (min-width : 960px) and (max-width : 1470px) {#sitemap ul {margin: 0px 0px 0px -24px;}#sitemap ul li { padding: 0px 24px 0px 24px; }#sitemap ul li.last {padding: 0px 0px 0px 24px;}} @media only screen and (min-width : 960px) and (max-width : 1370px) {#sitemap ul {margin: 0px 0px 0px -20px;}#sitemap ul li { padding: 0px 20px 0px 20px; }#sitemap ul li.last {padding: 0px 0px 0px 20px;}} @media only screen and (min-width : 960px) and (max-width : 1270px) {#sitemap ul {margin: 0px 0px 0px -16px;font-size: 17px;}#sitemap ul li { padding: 0px 16px 0px 16px; }#sitemap ul li.last {padding: 0px 0px 0px 16px;}} @media only screen and (min-width : 960px) and (max-width : 1170px) {#sitemap ul {margin: 0px 0px 0px -12px;}#sitemap ul li { padding: 0px 12px 0px 12px; }#sitemap ul li.last {padding: 0px 0px 0px 12px;}} @media only screen and (min-width : 960px) and (max-width : 1040px) {#sitemap ul {margin: 0px 0px 0px -8px;}#sitemap ul li { padding: 0px 8px 0px 8px; }#sitemap ul li.last {padding: 0px 0px 0px 8px;}} /*** # footer search modification styles ***/ .search-form { width: 100%; height: 44px; background: #ffffff; border-radius: 5px; } .search-form#footer-search { max-width: 360px; height: auto; margin: 0px 0px 0px 0px; float: right; width: 80%; background: none; border-radius: 0px; } .search-form input.search-box { width: 140px; height: 42px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; background: none; color: #757575; border: none; } .search-form#footer-search input.search-box { width: 75%; float: right; background: #ffffff; border-radius: 0px; border: 1px solid #ffffff; } .search-form ::placeholder {color: #757575;} .search-form input:focus::placeholder {color: transparent;} .search-form input[type=submit].search-button { width: 50px; height: 44px; margin: 0px 0px 0px 0px; background: url("images/magnify.png") no-repeat center center; cursor: pointer; color: #ffffff; text-indent: -999999px; border: none; float: right; } .search-form input[type=submit].search-button:hover { filter: Alpha(opacity= 85); -moz-opacity: .85; opacity: .85; } /*** # blog styles ***/ .blog-item { width: 100%; height: 95px; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px; float: left; position: relative; font-size: 18px; line-height: 22px; color: #ffffff; } .blog-item a { color: #ffffff; font-weight: 400; text-decoration: none; } .blog-item a:hover { color: #ffffff; font-weight: 400; text-decoration: none; } .blog-item a span.date { width: 76px; height: 59px; padding: 17px 0px 0px 0px; float: left; font-weight: 700; text-align: center; color: #ffffff; display: block; position: absolute; top: 14px; left: 0; background: #eb1b3b; font-family: "Montserrat", Arial, Helvetica, sans-serif; } .blog-item a span.date strong { color: #ffffff; font-weight: 700; } .blog-item a span.blog-title { height: 95px; width: 100%; display: table; table-layout: fixed; overflow: hidden; } .blog-item a span.blog-title span { height: 104px; width: calc(100% - 98px); padding: 0px 0px 0px 98px; display: table-cell; vertical-align: middle; } .blog-item a:hover span.blog-title span { text-decoration: underline; } @media only screen and (min-width : 960px) and (max-width : 1359px) {.blog-item {font-size: 16px;line-height: 20px;}} @media only screen and (min-width : 960px) and (max-width : 1159px) {.blog-item {font-size: 15px;line-height: 19px;}} @media only screen and (min-width : 960px) and (max-width : 1059px) {.blog-item {font-size: 14px;line-height: 18px;}} /*** # contact styles ***/ #contact-us p { color: #ffffff; line-height: 22px; padding: 2px 0px 6px 0px; font-size: 18px; font-weight: 300; } #contact-us p.first {padding: 83px 0px 6px 0px;} #contact-us p span {display: inline-block;} #contact-us p strong {font-weight: 700; color: #fcd803;} #contact-us p a { color: #ffffff; font-weight: 300; text-decoration: none; } #contact-us p a:hover { color: #ffffff; text-decoration: underline; } a#google-map { width: 62.33%; height: 221px; display: block; margin: 21px 0px 0px 0px; text-align:center; border: none; color:#ffffff; text-indent: -999999px; background: url("images/map.jpg") no-repeat center center; background-size: cover; float: right; } /* tweaks to keep aligned well */ @media only screen and (min-width : 960px) and (max-width : 1359px) {a#google-map {width: 59%;}#contact-us p {font-size: 16px;}} @media only screen and (min-width : 960px) and (max-width : 1109px) {a#google-map {width: 56%;}} @media only screen and (min-width : 960px) and (max-width : 1059px) {a#google-map {width: 53%;}} @media only screen and (min-width : 960px) and (max-width : 1009px) {a#google-map {width:50%;}} /*** #connect styles ***/ #social a { width: 44px; height: 44px; display: inline-block; background: url("images/social-sprites.png") no-repeat left top; margin: 0px 13px 0px -2px; color: #ffffff; text-align:left; text-indent: -9999px; float: left; } #social a:hover { filter: Alpha(opacity= 75); -moz-opacity: .75; opacity: .75; } #social a#gbp {background-position: 0px top;} #social a#avvo { background-position: left top -56px;} #social a#facebook { background-position: left top -112px;} #social a#yelp { background-position: left top -168px;} /*** # disclaimer styles ***/ #disclaimer p { max-width: 950px; padding: 3px 0px 3px 0px; margin: 0px auto; line-height: 19px; font-size: 16px; color: #ffffff; text-align: center; } #disclaimer p a { color: #ffffff; font-weight: 700; text-decoration: none; } #disclaimer p a:hover { color: #ffffff; text-decoration: underline; } /************************************ RESPONSIVE SIDE NAV *************************************/282828 #site-wrapper { position: relative; overflow: hidden; width: 100%; } #site-wrapper.show-nav {position: fixed;} #site-canvas {width: 100%;height: 100%;position: relative;-webkit-transition: .3s ease all;transition: .3s ease all;} #site-menu {font-size: 16px;width: 260px;z-index:250;overflow:hidden;padding-top: 5px;height: 100%;position: absolute;top: 0;left: -260px;background: #282828;-webkit-box-shadow: inset -10px 0px 5px -5px rgba(0,0,0,0.1);-moz-box-shadow: inset -10px 0px 5px -5px rgba(0,0,0,0.1);box-shadow: inset -10px 0px 5px -5px rgba(0,0,0,0.1);} #site-wrapper.show-nav #site-canvas {-webkit-transform: translateX(260px);transform: translateX(260px);} #site-menu-iwrap {width: 100%;height: 100%;overflow-y:scroll;padding-right:20px;} #site-mask {height:0px;width:0px;position:absolute;z-index:240;top:0;left:0;background:rgba(0,0,0,0.3);} #site-wrapper.show-nav #site-mask {height:100%;width:100%;} #site-menu ul {padding: 10px 20px 20px 20px;list-style-type: none;} #site-menu ul li {border-bottom: 1px solid #ffffff!important;} #site-menu ul li.nobord {border: none!important;} #site-menu ul li a {display: block;color: #ffffff;line-height: 18px;text-decoration: none;padding: 15px 0;} #site-menu ul li a:hover, #site-menu a:focus {color: #ffffff;} #site-menu ul li ul {display: none; padding: 0px 20px 10px 10px;margin-top:-10px;font-size: 14px;} #site-menu ul li ul li { border: none!important; } #site-menu ul li ul li a {padding: 7px 0; width: 200px;line-height: 14px; border: none!important; } #site-menu ul li ul li a:hover, #site-menu ul li ul li a:focus { border: none!important; } #site-menu ul li ul li ul {display: none; margin: 0px 10px 0px 0px; } #site-menu a#close-nav {text-indent:-9999px;display: block; width: 16px; height: 16px!important;padding:0px;position: absolute; top: 6px; right: 8px;border-bottom: none;border-radius: 8px;background: #ffffff url("images/close-bl-sm.png") no-repeat center center;background-size: 14px 14px;} #site-menu .search-form { margin-top: 15px; width: calc(100% + 20px); } #site-menu .search-form input[type=submit].search-button {color: #000000;} img.icon-mobile {display: block;margin: 10px 0px 0px 20px;} img.imgdrop {margin: 0px 0px 2px 5px;} /******************************************** # Styles Tablet and Mobile SHARED ********************************************/ @media only screen and (max-width : 959px) { /* default */ h1, h2.h1 {line-height: 34px;font-size: 32px;} h2 {line-height:30px;font-size: 28px;} h2.ind {line-height:58px;font-size: 22px;margin: 0px 0px 10px -10px;} h2.ind span {padding: 13px 20px;} h2.ind.alt {line-height:48px;font-size: 18px;margin: 0px 0px 10px -10px;} h2.ind.alt span {padding: 10px 16px;} h3 {line-height:30px;font-size: 28px;} h4 {line-height:24px;font-size: 22px;} h5 {line-height:24px;font-size: 22px;} h6 {line-height:22px;font-size: 20px;} main.full content .fltlt .fltlt, main.full content .fltrt .fltlt, main.full-reduced content .fltlt .fltlt, main.full-reduced content .fltrt .fltlt, .main.full .content .fltlt .fltlt, .main.full .content .fltrt .fltlt, .main.full-reduced .content .fltlt .fltlt, .main.full-reduced .content .fltrt .fltlt {width: 100%;float: left;} main.full content .fltlt .fltrt, main.full content .fltrt .fltrt, main.full-reduced content .fltlt .fltrt, main.full-reduced content .fltrt .fltrt, .main.full .content .fltlt .fltrt, .main.full .content .fltrt .fltrt, .main.full-reduced .content .fltlt .fltrt, .main.full-reduced .content .fltrt .fltrt {width: 100%;float: right;} input[type=submit].subform {line-height: 37px;height: 40px;font-size: 18px;width: 163px;} breadcrumbs {font-size: 16px;} breadcrumbs a {background: url("images/gt.png") no-repeat right 7px;} /* header */ a.home-link {width: 222px;height: 62px;} a.call-link {font-size: 24px;line-height: 62px;padding: 0px 0px 0px 0px;} ul#menu, ul#menu ul {display:none;} /* featured index */ featured-index-wrap {padding: 62px 0px 0px 0px; border-bottom: 4px solid #fcd803;} featured-index .text-pane {width: 58.35%;padding: 80px 0px 80px 0px;} featured-index h1 {line-height:48px;font-size: 26px;margin: 0px 0px 28px 0px;} featured-index h1 span {padding: 3px 7px;} #featured-awards {padding: 0px 0px 26px 0px;} #featured-awards a {height: 60px;margin: 0px 15px;} #featured-awards a#tntl {width: 56px;} #featured-awards a#top-100 {width: 63px;} #featured-awards a#avvo {width: 59px;} .bwrap {padding: 3px 0px 0px 0px;} .bwrap.alt {padding: 3px 0px 0px 0px;} /* featured inside */ featured-page-wrap {padding: 62px 0px 0px 0px; border-bottom: 4px solid #fcd803;} featured-page .text-pane {width: 58.35%;padding: 80px 0px 80px 0px;} featured-page h1, featured-page h2 {line-height:48px;font-size: 26px;margin: 0px 0px 28px 0px;} featured-page h1 span, featured-page h2 span {padding: 3px 7px;} /* main layout */ main-inner, .main-inner {padding: 0px;} content, .content {width: auto;float: none;padding: 20px 20px 0px 20px;} sidebar, .sidebar {width: auto;float: none;padding: 20px 0px 0px 0px;} /* content */ a.button-blue {font-size: 16px;line-height: 22px;padding: 8px 28px 8px 28px;} a.button-blue.alt {min-width: 175px;} /* sidebar */ .related-links {margin: 40px auto 40px auto;padding: 0px 20px 20px 20px;} .related-links ul {width:calc(50% - 20px); margin:0px 10px; float:left;border-top: 1px solid #eb1b3b;} /* awards */ #accolades-awards {padding: 40px 20px 40px 20px;} #accolades-awards h2.ind {margin: 0px 0px 35px 0px;} /* about */ .about-pic {width: 45%;padding-bottom: 74.26%;} .about-text {width: 47.22%;} /*mission*/ #index-mission-content {padding: 100px 20px 60px 20px;font-size: 18px;line-height: 22px;} .index-mission-content-text {width: auto;padding: 0px;float: none;} .index-mission-content-table {width: auto;height: auto;padding: 0px 0px 0px 0px;display: block;} .index-mission-content-inner-text-cell {width: auto;height: auto;display: block;} .index-mission-content-pic {width: 150px;height: 150px;top: -80px;left:20px;} #index-mission-content h2 {line-height:30px;font-size: 34px;} #index-mission-content p {padding: 8px 0px 8px 0px;} #index-mission-content .yellow-button {margin-top: 10px;} /* accordian content */ #sliding-content-iwrap {padding: 20px 0px 0% 0px;} #sl-content {padding: 20px 0px 0% 0px;} #sliding-content h2 {line-height:34px;font-size:32px;} #sliding-content p {max-width:592px;line-height:21px;font-size:16px;padding:10px 0px 10px 0px;} #sl-content p.file {padding: 1.01vw 0px 1.69vw 1.69vw;line-height: 3.31vw;font-size: 2.43vw;} #sl-content p.file a {padding: 0px 7.43vw 0px 0px;} #sl-content p.file-more {line-height:18px;font-size:14px;} #sl-content p.file-more span.text {padding:1px 20px 30px 20px;} /* accordian content */ #sliding-content {padding: 0px 10px;} #sliding-content-iwrap {padding: 30px 0px 0% 0px;} #sl-content {padding: 20px 0px 0% 0px;} #sliding-content h2 {line-height:29px;font-size:28px;padding: 0px 10px 0px 10px;} #sliding-content p {line-height:20px;font-size:16px;padding:10px 10px 10px 10px;} #sl-content p.file {padding: 6px 0px 10px 0px;line-height: 20px; font-size: 20px;} #sl-content p.file a {padding: 0px 38px 0px 0px;} #sl-content p.file-more {line-height:20px;font-size:16px;} #sl-content p.file-more span.text {padding:1px 0px 20px 0px;} /* practice areas */ #pa-text h2 {width: 80%;max-width: none;line-height:38px;font-size: 30px;padding: 19px 15px 20px 32px;margin: 50px 0px 20px 0px;float: none;} #pa-text p {width: 75%;margin: 0px auto 30px auto;padding: 12px 0px;float: none;} #pa-links a {width: 31.77%;height: 0px;padding-bottom: 13.09%;float:none;margin: 0px .33% .56% .33%;display: inline-block;} #pa-links a span.text span.text-cell span {padding: 0px 15px 5px 15px;font-size: 18px;line-height: 20px; background-size: 40px auto;} /* contact */ #contact-now-inner,#contact-firm.alt #contact-now-inner {padding: 80px 0px 80px 0px;} #contact-now .fltlt {width: 52%;} #contact-now p {max-width: 310px;font-size: 18px;line-height: 26px;padding: 14px 0px;} /* footer */ footer-inner {padding: 28px 20px 0px 20px;} #footer-fltlt {width: auto;float: none;} #footer-fltrt {width: auto;float: none;} #contact-us {padding: 0px 0px 31px 0px;} a#home-footer-link {margin: 0px auto 20px auto;} .blog-item {width: 48%;padding: 0px 2% 0px 0px;font-size: 14px;line-height: 18px;} #sitemap ul {margin: 0px 0px 0px -8px;font-size: 16px;} #sitemap ul li { padding: 0px 8px 0px 8px; } #sitemap ul li.last {padding: 0px 0px 0px 8px;} #contact-us p {font-size: 16px;} a#google-map {width:50%;} #disclaimer {padding: 25px 0px 30px 0px;} #disclaimer p {line-height: 17px;font-size: 14px;} /* */ } /******************************************** # Styles Xtra Wide PC ONLY ********************************************/ @media only screen and (min-width : 1600px) { .noxtrawidepc { display: none !important; } } /******************************************** # Styles Wide PC ONLY ********************************************/ @media only screen and (min-width : 1400px) { /* default reactive CSS for PC */ .nowidepc { display: none !important; } } /******************************************** # Styles Standard Wide PC ONLY ********************************************/ @media only screen and (min-width : 960px) and (max-width : 1598px) { /* default reactive CSS for PC */ .nostandardwidepc { display: none !important; } } /******************************************** # Styles Standard PC ONLY ********************************************/ @media only screen and (min-width : 960px) and (max-width : 1398px) { /* default reactive CSS for PC */ .nostandardpc { display: none !important; } } /******************************************** # Styles PC ONLY ********************************************/ @media only screen and (min-width : 960px) { /* default reactive CSS for PC */ .nopc { display: none !important; } } /******************************************** # Styles THIN PC ONLY ********************************************/ @media only screen and (min-width : 960px) and (max-width : 1059px) { .nothinpc { display: none !important; } .fltlt .fltlt, .fltrt .fltlt, .fltlt .fltrt, .fltrt .fltrt {width: 100%;float: none;} main.full content .fltlt .fltlt, main.full content .fltrt .fltlt, main.full-reduced content .fltlt .fltlt, main.full-reduced content .fltrt .fltlt, .main.full .content .fltlt .fltlt, .main.full .content .fltrt .fltlt, .main.full-reduced .content .fltlt .fltlt, .main.full-reduced .content .fltrt .fltlt {width: 48%;float: left;} main.full content .fltlt .fltrt, main.full content .fltrt .fltrt, main.full-reduced content .fltlt .fltrt, main.full-reduced content .fltrt .fltrt, .main.full .content .fltlt .fltrt, .main.full .content .fltrt .fltrt, .main.full-reduced .content .fltlt .fltrt, .main.full-reduced .content .fltrt .fltrt {width: 48%;float: right;} .related-links {padding: 0px 20px 20px 20px;} } /******************************************** # Styles Tablet ONLY ********************************************/ @media only screen and (min-width : 640px) and (max-width : 959px) { /* default reactive CSS for Tablet */ .notablet { display: none !important; } .flex-wrapper.notabletflex {display: block;} } /******************************************** # Styles THIN Tablet ONLY ********************************************/ @media only screen and (min-width : 640px) and (max-width : 739px) { .nothintablet { display: none !important; } .fltlt .fltlt, .fltrt .fltlt, .fltlt .fltrt, .fltrt .fltrt {width: 100%;float: none;} #pa-links a span.text span.text-cell span {font-size: 16px;line-height: 18px;} #contact-now .fltlt {width: auto;padding: 0px 0px 40px 0px;float:none;} #contact-now .fltrt {width: auto;max-width: 400px;margin:0px auto;padding: 0px 0px 0px 0px;float:none;} } /******************************************** # Styles Mobile ONLY ********************************************/ @media only screen and (min-width : 1px) and (max-width : 639px) { /* default reactive CSS for mobile */ body {font-size: 18px;line-height: 28px;} .nomobile { display: none !important; } blockquote {padding: 29px 30px 22px 30px;margin: 10px 0px;font-size: 18px;line-height:28px;background-position: 19px 19px;background-size: 40px 38px;} blockquote span {padding: 9px 0px 0px 0px;} h1, h2.h1 {line-height: 30px;font-size: 28px;} h2 {line-height:26px;font-size: 24px;} h2.ind {line-height:48px;font-size: 20px;} h3 {line-height:26px;font-size: 24px;} h4 {line-height:22px;font-size: 20px;} h5 {line-height:22px;font-size: 20px;} h6 {line-height:20px;font-size: 18px;} img.imgleft, img.alignleft { max-width: 33%; } img.imgright, img.alignright { max-width: 33%; } img.imgleft.imgcentermobile, img.alignleft.imgcentermobile, img.imgright.imgcentermobile, img.alignright.imgcentermobile {float: none; max-width: 100%; margin: 10px auto 20px auto;} .fltlt, .fltrt, .fltlt-wide, .fltrt-thin, .fltlt-thin, .fltrt-wide { width: 100%; float: none; } .flt2col-inline {width: 100%;margin: 0px;display: block;} .flt3col { width: 100%; float: none; margin: 0px 0px 0px 0px; } .flt3col-inline {width: 100%;margin: 0px;display: block;} .flex-wrapper.nomobileflex {display: block;} content .fltlt ul, content .fltlt-wide ul, content .fltlt-thin ul, .content .fltlt ul, .content .fltlt-wide ul, .content .fltlt-thin ul {padding-bottom: 0px; } content .fltrt ul, content .fltrt-thin ul, content .fltrt-wide ul, .content .fltrt ul, .content .fltrt-thin ul, .content .fltrt-wide ul {padding-top: 0px; } content .flt3col ul, .content .flt3col ul {padding-top: 0px;padding-bottom: 0px; } .captionbox-left, .captionbox-right { max-width: 33%; } .snippet {display: block;border:none;} .snippet-img {width: 100%;max-width:300px;margin: 0px auto 20px auto;} .snippet-text {width: 100%;} .snippet-text p {width: calc(100% - 40px);text-align: center;padding: 0px 20px 0px 20px;} .snippet.snippet-left .snippet-text p {text-align: center;padding: 0px 20px 0px 20px;} .gmap, iframe.gmap { height: 300px; } .ytube, iframe.ytube { height: 200px; } .sidepad, p.sidepad {padding-left: 15px;padding-right: 15px;} .alleft.alrightmobile, p.alleft.alrightmobile {text-align: right;} .alright.alleftmobile, p.alright.alleftmobile {text-align: left;} .cformlt, p.cformlt, .cformrt, p.cformrt { width: 100%; float: none; text-align: left; } .cformlt-alt, p.cformlt-alt, .cformrt-alt, p.cformrt-alt { width: 100%; float: none; text-align: left; } breadcrumbs {font-size: 14px;} breadcrumbs a {background: url("images/gt.png") no-repeat right 5px;} /* header */ a.home-link {width: 160px;} a.call-link {width: 30px;background: url("images/phone.png") no-repeat center center;text-indent: -99999px;text-align: left;background-size: auto 30px;} /* featured index */ featured-index .text-pane {width: auto;padding: 220px 0px 20px 0px;} featured-index h1 {line-height:40px;font-size: 22px;margin: 0px 0px 15px 0px;} #featured-awards {padding: 0px 0px 20px 0px;} /* featured inside */ featured-page .text-pane {width: auto;padding: 200px 0px 20px 0px;} featured-page h1, featured-page h2 {line-height:40px;font-size: 22px;margin: 0px 0px 15px 0px;} /* content */ ul.clist li {background: url("images/bullet.png") no-repeat left 19px;background-size: 10px 10px;} /* sidebar */ .related-links ul {width:auto;font-size: 18px;line-height: 28px;margin:0px 10px; float:none;border-top: none;} .related-links ul.first {border-top: 1px solid #eb1b3b;} /* client reviews */ .result p, a.result span.review-text {line-height: 19px; font-size: 11px; padding: 8px 17px 8px 23px;} .result p span, a.result span.review-text span {padding: 19px 0 0 0;} .quote, a.result span.quote {width: 46px; height: 33px; top: -9px; left: 10px;} /* awards */ #accolades-awards {padding: 30px 0px 30px 0px;} #awards {width: calc(100% - 58px); } a.prev {margin: 0px 5px 0px 0px;padding-left:10px;} a.next {margin: 0px 0px 0px 5px;padding-right:10px;} #awards ul li a {width: 110px;} #awards ul li a img {width:auto; height:80px;margin: 0px auto 17px auto;} #awards ul li a span.title{padding: 0px 10px 12px 10px;line-height: 24px;font-size: 18px;} /* about */ #about-us {padding: 0px 20px 0px 20px;} .about-pic {width: auto;padding-bottom: 74.26%;margin-bottom: 30px;} .about-text {width: auto;padding: 0px 10px 0px 10px;} /* mission */ #index-mission-content {padding: 30px 20px 30px 20px;font-size: 16px;line-height: 19px;} #index-mission-content h2 {line-height:26px;font-size: 28px;} #index-mission-content p {padding: 6px 0px 6px 0px;} #index-mission-content .yellow-button {margin-top: 7px;} /* practice */ #pa-text h2 { width: 70%;line-height:28px;font-size: 22px;padding: 15px 20px 15px 32px;margin: 30px 0px 20px 0px;} #pa-text p {width: auto;margin: 0px auto 25px auto;padding: 12px 30px;} #pa-links a {width: 46%;height: 0px;padding-bottom: 75px;margin: 0px .83% .56% .83%;} #pa-links a span.text span.text-cell span {font-size: 16px;line-height: 18px;} /* client reviews */ #client-reviews {padding: 20px 0px 0px 0px;} #real-reviews {padding: 0px 20px;} .result, a.result {width: calc(50% - 10px);padding: 20px 0px 10px 0px;margin: 0px 0px 20px 0px;} .result.middle, a.result.middle {margin: 0px 0px 20px 20px;} a.result:hover {margin: 0px 0px 20px 0px;} a.result.middle:hover {margin: 0px 0px 20px 20px;} /* contact */ #contact-now-inner,#contact-firm.alt #contact-now-inner {padding: 40px 0px 40px 0px;} #contact-now .fltlt {width: auto;padding: 0px 10px 40px 10px;float:none;} #contact-now .fltrt {width: auto;max-width: 400px;margin:0px auto;padding: 0px 10px 0px 10px;float:none;} #contact-now p {font-size: 16px;line-height: 24px;padding: 12px 0px;} /* footer */ footer h2 {line-height:24px;font-size: 22px;padding: 0px 0px 10px 0px;margin: 0px 0px 7px 0px;} .blog-item {width: 100%;padding: 0px 0px 0px 0px;} #social {padding: 0px 0px 18px 0px;float:none;} .search-form#footer-search {float:none;width: auto;padding-bottom: 30px;} .search-form#footer-search input.search-box {width: 75%;float: left;} a#google-map { max-width: 523px;height: 150px;width: auto;margin: 21px auto 0px auto;float: none;} #contact-us {padding: 0px 0px 21px 0px;} #contact-us p {line-height: 30px;font-size: 14px;} #contact-us p.first {padding: 22px 0px 6px 0px;} #sitemap ul li {margin: 5px 0px 16px 0px;} } /******************************************** # Styles THIN Mobile ONLY ********************************************/ @media only screen and (min-width : 1px) and (max-width : 419px) { .nothinmobile { display: none !important; } } /******************************************** # Jquery/Google/Wordpress Shared ********************************************/ /************ FancyBox V3 Overlay ************/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /*********** #Search Styles (modify placement here)(colors from Google CSE) ***********/ .gsc-control-cse,.gsc-wrapper,.gsc-webResult {background-color: transparent!important;border: none!important;} .gsc-result {line-height: 18px;} a.gs-title {font-weight: bold !important;} a.gs-title a {font-weight: bold !important;} a.gs-title b, .gs-snippet b {background: #dedede;padding: 0px 3px;} #gsc-iw-id1 {height: 30px !important; border-radius: 5px;padding: 0 !important;} #gsc-iw-id1 table tr td {height: 30px !important;padding: 0px 0px 0px 5px !important;} .gsc-search-box { max-width: 320px; height: 45px; } input.gsc-input {font-size: 16px;height: 25px !important;} td.gsc-search-button{padding: 0px 0px 0px 0px;} button.gsc-search-button {border-radius: 5px;cursor: pointer;height:29px;} button.gsc-search-button:hover {opacity: .85;} .gsc-adBlock {display: none!important;visibility: hidden!important;} .gs-snippet {padding-left: 10px;} /*********** # print Styles ***********/ @media only print { .noprint{display:none !important;} header {display:none;} breadcrumbs {display:none;} main {padding:0;margin:0;width:100%;} main-inner {padding:0;margin:0;width:100%;} content {padding:0;margin:0;width:100%;float:none;} sidebar {display:none;} footer {padding:0;margin:0;width:100%;} footer-inner {padding:0;margin:0;width:100%;} } /*************************************** # Hero Background Styles ******************************************/ featured-index {background: #292a2e url("images/featured-index-bg.jpg") no-repeat center top;background-size: cover;} featured-page {background: #292a2e url("images/featured-index-bg.jpg") no-repeat center top;background-size: cover;} /* Practice area hero overrides — desktop */ featured-page.car-accident {background-image: url("images/featured-car-accidents-pa-bg.jpg");} featured-page.bicycle-accident {background-image: url("images/featured-bicycle-accidents-pa-bg.jpg");} featured-page.bus-accident {background-image: url("images/featured-bus-accidents-pa-bg.jpg");} featured-page.motorcycle-accident {background-image: url("images/featured-motorcycle-accidents-pa-bg.jpg");} featured-page.personal-injury {background-image: url("images/featured-personal-injury-pa-bg.jpg");} featured-page.brain-injury {background-image: url("images/featured-brain-injury-pa-bg.jpg");} featured-page.catastrophic {background-image: url("images/featured-catastrophic-pa-bg.jpg");} featured-page.wrongful-death {background-image: url("images/featured-wrongful-death-pa-bg.jpg");} featured-page.premises {background-image: url("images/featured-premises-pa-bg.jpg");} featured-page.product-liability {background-image: url("images/featured-product-liability-pa-bg.jpg");} featured-page.truck-accident {background-image: url("images/featured-truck-accidents-pa-bg.jpg");} @media only screen and (min-width : 1px) and (max-width : 639px) { featured-index {background: #292a2e url("images/featured-index-bg-mobile.jpg") no-repeat center top;background-size: cover;} featured-page {background: #292a2e url("images/featured-index-bg-mobile.jpg") no-repeat center top;background-size: cover;} /* Practice area hero overrides — mobile */ featured-page.car-accident {background-image: url("images/featured-car-accidents-pa-bg-mobile.jpg");} featured-page.bicycle-accident {background-image: url("images/featured-bicycle-accidents-pa-bg-mobile.jpg");} featured-page.bus-accident {background-image: url("images/featured-bus-accidents-pa-bg-mobile.jpg");} featured-page.motorcycle-accident {background-image: url("images/featured-motorcycle-accidents-pa-bg-mobile.jpg");} featured-page.personal-injury {background-image: url("images/featured-personal-injury-pa-bg-mobile.jpg");} featured-page.brain-injury {background-image: url("images/featured-brain-injury-pa-bg-mobile.jpg");} featured-page.catastrophic {background-image: url("images/featured-catastrophic-pa-bg-mobile.jpg");} featured-page.wrongful-death {background-image: url("images/featured-wrongful-death-pa-bg-mobile.jpg");} featured-page.premises {background-image: url("images/featured-premises-pa-bg-mobile.jpg");} featured-page.product-liability {background-image: url("images/featured-product-liability-pa-bg-mobile.jpg");} featured-page.truck-accident {background-image: url("images/featured-truck-accidents-pa-bg-mobile.jpg");} } @media only screen and (min-width : 1921px) { featured-page-wrap::before {content: '';position: absolute;left: calc((100% - 1920px) / 2);top: 0;bottom: 0;width: 80px;background: linear-gradient(to right, #282828, transparent);z-index: 5;pointer-events: none;} featured-page-wrap::after {content: '';position: absolute;right: calc((100% - 1920px) / 2);top: 0;bottom: 0;width: 80px;background: linear-gradient(to left, #282828, transparent);z-index: 5;pointer-events: none;} }