html { -ms-overflow-style: scrollbar } *, :after, :before { box-sizing: inherit } .maps { min-height: 400px; } li.call-link { list-style: none; } .list-unstyled { list-style: none; } footer .social-media li a:not(.button) { font-size: 1rem; } .mobile-nav { display: none; } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } /* LAYOUT CLASSES */ body { background-color: #fff; height: 100%; width: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; display: flex; -webkit-box-orient: vertical; flex-direction: column; align-items: stretch; padding: 0; margin: 0; background-position: 50%; background-repeat: repeat; font-size: 1rem; line-height: 1.5rem; color: #000000; font-weight: 400 } .circled { border-radius: 50%; display: inline-block; overflow: hidden; vertical-align: middle; background-color: #fff; } body, html { width: auto; overflow-x: hidden } html { box-sizing: border-box } * { background-repeat: no-repeat; box-sizing: border-box } img.alignright { float: right; margin: 0 0 1em 1em } img.alignleft { float: left; margin: 0 1em 1em 0 } img.aligncenter { display: block; margin-left: auto; margin-right: auto } a img.alignright { float: right; margin: 0 0 1em 1em } a img.alignleft { float: left; margin: 0 1em 1em 0 } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } @media (max-width:767px) { body { overflow-x: hidden } } @media not all and (min-resolution:0.001dpcm) { @supports (-webkit-appearance: none) { body { -webkit-font-smoothing: auto } } } main { flex: 1 0 auto; flex-grow: 1 } footer, header, main { flex-shrink: 0 } blockquote, dd, div, dl, dt, form, li, ol, pre, td, th, ul { margin: 0; padding: 0 } abbr[title], acronym[title], dfn { cursor: help } del { text-decoration: line-through } img { font-style: italic; height: auto; max-width: 100%; } footer img { max-width: 200px; } hr { border: 0; border-bottom: 2px solid #333333; background: #999; opacity: .6; margin: 20px 0 } [disabled] { cursor: default } [aria-disabled=true] { cursor: default; pointer-events: none } p:last-of-type, p:only-child { margin-bottom: 0 } p.small { font-size: .625rem } p.fade { cursor: pointer } p.fade + span { font-weight: 700; font-size: 1rem } p.fade.show + span { visibility: visible; opacity: 1; transition: visibility 1s, opacity 1s } .home #fader { visibility:visible; } #fader { position: fixed; top: 0; left: 0; width: 100%; visibility:hidden; height: 100%; z-index: 999999; pointer-events: none; background: #253852; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } #fader.fade-out { opacity: 0; top: -100%; -webkit-animation-name: fade-out; animation-name: fade-out } #fader.fade-in { opacity: 1; -webkit-animation-name: fade-in; animation-name: fade-in } p.fade.hide + span, p.fade.show:hover + span { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s } p.fade.hide:hover + span { visibility: visible; opacity: 1; transition: visibility 1s, opacity 1s } .small, small { font-size: .625rem; font-weight: 400 } .large { font-size: 1.125rem; font-weight: 400 } hr { box-sizing: content-box; height: 0; overflow: visible } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } .quiet { opacity: .3 } a:not(.button) { font-weight: 400; text-decoration: none; cursor: pointer; transition: all .5s ease } a:not(.button):focus, a:not(.button):hover { transition: all .5s ease; color: inherit; text-decoration: none } a:not(.button):link img, a:not(.button):visited img, a:not(.button) img { border: none } a:not(.button):link, a:not(.button):visited { text-decoration: none } a:not(.button).facebook { color: #3b5998 } a:not(.button).facebook:active, a:not(.button).facebook:focus, a:not(.button).facebook:hover { color: #2d4373 } a:not(.button).twitter { color: #55acee } a:not(.button).twitter:active, a:not(.button).twitter:focus, a:not(.button).twitter:hover { color: #2795e9 } a:not(.button).instagram:active, a:not(.button).instagram:focus, a:not(.button).instagram:hover {} a:not(.button).youtube { color: red } a:not(.button).youtube:active, a:not(.button).youtube:focus, a:not(.button).youtube:hover { color: #c00 } a:not(.button).linkedin { color: #72c6c7; } a:not(.button).linkedin:active, a:not(.button).linkedin:focus, a:not(.button).linkedin:hover { color: #72c6c7; } a:not(.button).email { color: #333333 } a:not(.button).email:active, a:not(.button).email:focus, a:not(.button).email:hover { color: #72c6c7; } ol, ul { padding-top: 5px; list-style-position: outside; padding-left: 15px;margin-bottom: 15px; } header ul {margin: 0} ol.noList, ul.noList { list-style: none; margin-left: 0 } ol li, ul li { font-size: 1rem; padding-bottom: 5px } ol li ul, ul li ul { list-style-type: circle; margin: .8rem 0 .8rem .8rem } address { font-style: normal } q { font-style: italic } code { background: rgba(197, 55, 77, .3); border-radius: 5px; font-size: 1rem; line-height: 1.875rem; padding: 5px } kbd { background: #454d5d; border-radius: .1rem; color: #fff; font-size: .7rem; line-height: 1.2; padding: .1rem .2rem } code, kbd, pre, samp { font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace } blockquote p { margin: 0; margin-bottom: 0px; font-weight: 500; letter-spacing: .5px; text-transform: none; font-size: 1.25rem; line-height: 1.85rem; } .full { width: 100%; max-width: 100% } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul { justify-content: flex-end; } #lightboxOverlay .fa-times, .align-all, .anchor, .branding-footer li, header .navigate .toggle-js nav .menu .menu-main-container ul.menu li, header .navigate .toggle-js nav .menu .menu-main-container ul.menu li a, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li, section.has-skew .skew, section.has-skew .skew-image { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center } #lightboxOverlay .fa-times, .anchor, .horizontal-center, .scrollText, h1.border:after, h2.border:after, h3.border:after, h4.border:after, h5.border:after, h6.border:after, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class] .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li .csSubmenuWrap { position: absolute; left: 50%; top: auto; transform: translateX(-50%) } .vertical-center, section.has-skew-center.line-detail .line-detail-text:after, section.has-skew-center.line-detail .line-detail-text:before, section.line-detail .line-detail-both:after, section.line-detail .line-detail-both:before, section.line-detail .line-detail-image:after, section.line-detail .line-detail-left:after, section.line-detail .line-detail-right:after, section.line-detail .line-detail-text:after { position: absolute; left: auto; top: 50%; transform: translateY(-50%) } #lightboxOverlay img, #lightboxOverlay video, .absolute-center, .carousel .captionHolder, .hero .captionHolder, .owl-nav button span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .bypostauthor, .gallery-caption, .sticky { background-color: transparent } /* END LAYOUT CLASSES */ /* FONT CLASSES */ h1.border { margin-bottom: 60px } h1.border:after { content: ""; border-bottom: 1px solid; height: 1px; width: 100px; bottom: -20px } @media (max-width:767px) { h1 { font-size: 1.875rem } } h2.border { margin-bottom: 60px } h2.border:after { content: ""; border-bottom: 1px solid; height: 1px; width: 100px; bottom: -20px } @media (max-width:767px) { h2 { font-size: 1.875rem } } h3.border { margin-bottom: 60px } h3.border:after { content: ""; border-bottom: 1px solid; height: 1px; width: 100px; bottom: -20px } h4.border:after { content: ""; border-bottom: 1px solid; height: 1px; width: 100px; bottom: -20px } @media (max-width:767px) { h4 { font-size: 1rem } } h5.border { margin-bottom: 60px } .swiper-slide section blockquote { border-bottom: 1px solid; } h5.border:after { content: ""; border-bottom: 1px solid; height: 1px; width: 100px; bottom: -20px } @media (max-width:767px) { h5 { font-size: .875rem } } h5 { font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 22px; line-height: 1.85rem; padding: 0; text-transform: none; font-size: 1.45rem; } h6.border:after { content: ""; border-bottom: 1px solid; height: 1px; width: 100px; bottom: -20px } @media (max-width:767px) { h6 { font-size: .875rem } } /* END FONT CLASSES */ /* FORM CLASSES */ input, select, textarea { color: #000000; min-height: 40px; padding: 0 0 0 10px; font-weight: 400; border: 1px solid #979392; box-shadow: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 0; font-size: .875rem; margin-bottom: 30px } @media not all and (min-resolution:0.001dpcm) { @supports (-webkit-appearance: none) { input, select, textarea { height: 30px; -webkit-appearance: none; margin-right: -1px } } } input.placeholder, select.placeholder, textarea.placeholder { position: relative; padding: 0; top: 0; transition: all, .25s, ease-in; font-size: .875rem; z-index: 10 } @media not all and (min-resolution:0.001dpcm) { @supports (-webkit-appearance: none) { input.placeholder, select.placeholder, textarea.placeholder { padding-top: 0; line-height: 12px } } } input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { position: relative; padding: 0; top: 0; transition: all, .25s, ease-in; font-size: .875rem; z-index: 10 } @media not all and (min-resolution:0.001dpcm) { @supports (-webkit-appearance: none) { input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { padding-top: 0; line-height: 12px } } } input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset !important; border: 1px solid #ccc; padding-left: 10px; color: #000000; font-family: freight-sans-pro, sans-serif; font-size: .875rem } input:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent } input.inputStyle:not([type=checkbox]):not([type=radio]):not([type=button]):focus, select:focus, textarea:focus { outline: none; box-shadow: 0 0 5px #f8f9fa; transition: box-shadow .5s, border-color .25s ease-in-out } textarea { resize: none; height: 100px; box-shadow: none; padding: 20px; font-size: 1rem } label { color: #000000; display: inline-block; font-size: .75rem; margin-bottom: 5px } select { min-height: 40px; color: #f8f9fa; font-size: .875rem } fieldset { border: 0; margin: 0; padding: 0 } legend { font-size: 1rem; font-weight: 500; margin-bottom: 20px; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } .select-wrapper.location:before { content: "\f041" } .fileUploadHolder { width: auto; margin: 20px auto; text-align: center } .fileUploadHolder .fileInput + label { display: inline-block; width: auto; margin-top: 0; vertical-align: top; padding: 0; background: none; font-weight: 600; color: #f8f9fa } .fileUploadHolder .fileInput + label.hasFile { color: #000000 } .fileInput { width: .1px !important; height: .1px !important; opacity: 0; overflow: hidden; position: absolute; z-index: -1 } .fileInput + label { opacity: 1; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 10px; margin-top: 15px; width: auto; max-width: 400px; text-align: left; color: #fff; text-transform: none; transition: background .25s ease-in-out } .fileInput + label span { font-size: .8125rem !important } .fileInput + label strong { font-style: italic; color: #611b26 } .fileInput + label + label:hover, .fileInput + label.has-focus + label, .fileInput + label:focus + label { background-color: #333333 } .fileInput + label * { pointer-events: none } .select-wrapper:before { font-size: 1rem; font-family: FontAwesome; position: absolute; left: 15px; top: 11px; z-index: 10 } .select-wrapper.name:before { content: "\f041" } .checkSwitch { -webkit-appearance: none; -moz-appearance: none; transition: all .4s; margin: 0 15px 0 0; border-radius: 50px; background: #fff; width: 35px; height: 15px; outline: 0; cursor: pointer; position: relative; user-select: none; display: inline-block; top: 5px } .checkSwitchInput { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; appearance: none; border: none } .debug * { border: 1px solid red } table { border-collapse: collapse; border-spacing: 0; text-align: left; width: 100% } table td, table th, table tr { font-size: 1rem } table th { padding: 5px; background: rgba(197, 55, 77, .4); color: #fff } table tbody tr:nth-of-type(odd) { background: rgba(248, 249, 250, .2) } table tbody td { border-bottom: .05rem solid rgba(248, 249, 250, .4); padding: 5px } #comments.commentSection { display: inline-block; width: 100% } #comments h2 { font-size: 1.125rem } #comments .commentlist { margin-left: 0 } #comments #respond h2 { text-align: center } #comments #respond ul { margin-left: 0 } #comments #respond form .comment-form-comment textarea { width: 100% } .commentSection li { position: relative; clear: both; overflow: hidden; list-style-type: none; margin-bottom: 15px } .commentSection li:last-child { margin-bottom: 0 } .commentSection li ul.children { margin: 0 } .commentSection li[class*=depth-] { margin-top: 10px } .commentSection li.depth-1 { margin-left: 0; margin-top: 0 } .commentSection li:not(.depth-1) { margin-left: 10px; margin-top: 0; padding-bottom: 0 } .commentSection .vcard cite.fn { font-weight: 700; font-style: normal } .commentSection .vcard time { float: right } .commentSection .vcard time a { color: #999; text-decoration: none } .commentSection .vcard time a:hover { text-decoration: underline } .commentSection .vcard img.avatar { position: absolute; left: -80px; padding: 2px; border: 1px solid #cecece; background: #fff; width: 60px } .commentSection .comment-metadata { font-size: .75rem } .commentSection .comment-body { padding-left: 80px } .commentSection .comment-content { margin-top: 10px } .commentSection .comment-content h1, .commentSection .comment-content h2, .commentSection .comment-content h3, .commentSection .comment-content h4, .commentSection .comment-content h5 { font-size: .875rem; font-weight: 400 } .commentSection .comment-content ul { margin: 0 } .commentSection .comment-content ul li { margin-left: 5px; padding-bottom: 5px } .commentSection .comment-reply-link { float: right } .commentSection .comment-notes { font-size: .75rem; margin-top: 20px } .commentSection .comment-notes span { font-size: .75rem } .commentSection .comment-notes span:after { display: none } .commentSection .comment-form-author label, .commentSection .comment-form-email label, .commentSection .comment-form-url label { display: block } .commentSection .comment-form-author input, .commentSection .comment-form-email input, .commentSection .comment-form-url input { width: 100% } .respond-form { margin: 15px 10px; padding-bottom: 20px } .respond-form form { margin: 5px 0 } .respond-form form li { list-style-type: none; clear: both; margin-bottom: .7335em } .respond-form form li label, .respond-form form li small { display: none } .respond-form form input[type=email], .respond-form form input[type=text], .respond-form form input[type=url], .respond-form form textarea { padding: 5px; background: #efefef; border: 2px solid #cecece; line-height: 15px } .respond-form form input[type=email]:focus, .respond-form form input[type=text]:focus, .respond-form form input[type=url]:focus, .respond-form form textarea:focus { background: #fff } .respond-form form input[type=email]:invalid, .respond-form form input[type=text]:invalid, .respond-form form input[type=url]:invalid, .respond-form form textarea:invalid { outline: none; border-color: #fbc2c4; background-color: #f6e7eb; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none } .respond-form form input[type=email], .respond-form form input[type=text], .respond-form form input[type=url] { max-width: 400px; min-width: 250px } .respond-form form textarea { resize: none; width: 97.3%; height: 150px } #comment-form-title { margin: 0 0 1.1em } #allowed_tags { margin: 15px 10px 15px 0 } .nocomments { margin: 0 20px 10px } .wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px } .wp-caption img { border: 0; padding: 0; margin: 0 } .wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0 } .wp-smiley { margin: 0 !important; max-height: 1em } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 } /* END FORM CLASSES */ /* HEADER FOOTER CLASSES */ header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:active .csSubmenuWrap .sub-menu li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:focus .csSubmenuWrap .sub-menu li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover .csSubmenuWrap .sub-menu li .csSubmenuWrap { visibility: hidden; opacity: 0; z-index: 9999; position: absolute; clear: both; padding: 10px; top: 47px; margin-top: 0; left: 0; transform: none; } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li .csSubmenuWrap .sub-menu li a:hover, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover .csSubmenuWrap .sub-menu li a:hover, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover .csSubmenuWrap .sub-menu li a { border-bottom: 0; font-weight: 400; text-align: left; color: #D8BA81 } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li ul li:hover { } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li ul li { padding: 10px 15px; } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li .csSubmenuWrap .sub-menu li a { padding: 0px; line-height: 1.2rem; } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li .csSubmenuWrap .sub-menu li a:hover, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover .csSubmenuWrap .sub-menu li a:hover, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover .csSubmenuWrap .sub-menu li a { border-bottom: 0; font-weight: 400; text-align: left; } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li .csSubmenuWrap .sub-menu li a { border-bottom: 0; font-weight: 400; text-align: left; } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li .csSubmenuWrap .sub-menu li a::after, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li .csSubmenuWrap .sub-menu li::after { display: none } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li a:hover { text-decoration: none } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li .csSubmenuWrap .sub-menu { padding-top: 0; flex-direction: column; margin-left: 0; } @media (min-width:992px) { header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:active > .csSubmenuWrap .sub-menu li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:focus > .csSubmenuWrap .sub-menu li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover > .csSubmenuWrap .sub-menu li .csSubmenuWrap { transition: all .3s ease-in-out; } } @media (max-width:767px) { header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:active > .csSubmenuWrap .sub-menu li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:focus > .csSubmenuWrap .sub-menu li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover > .csSubmenuWrap .sub-menu li .csSubmenuWrap { position: relative } .csSubmenuWrap { display: none; } } @media (min-device-width:768px) and (max-device-width:1180px) { header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:active .csSubmenuWrap .sub-menu li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:focus .csSubmenuWrap .sub-menu li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover .csSubmenuWrap .sub-menu li .csSubmenuWrap { position: relative } } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li .csSubmenuWrap .sub-menu, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:active .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:focus .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu { margin-top: 0; margin-bottom: 0 } @media (max-width:767px) { header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li .csSubmenuWrap .sub-menu, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:active .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:focus .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu { margin-top: -10px; margin-bottom: 10px !important } } @media (min-device-width:768px) and (max-device-width:1000px) { header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class] .csSubmenuWrap .sub-menu, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu { margin-top: -10px; margin-bottom: 10px !important } } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li .csSubmenuWrap .sub-menu li, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:active .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:focus .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li { display: block; position: relative !important; text-align: center; width: 100% } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class] .csSubmenuWrap .sub-menu li:last-of-type, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li:last-of-type, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li:last-of-type, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li:last-of-type { border: none } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class] .csSubmenuWrap .sub-menu li a, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li a, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li a, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li a { padding: 0; text-transform: uppercase; color: #fff; transition: .3s; font-size: .75rem } @media (max-width:767px) { header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class] .csSubmenuWrap .sub-menu li a, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li a, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li a, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li a { padding-bottom: 2px; font-size: .75rem } } @media (min-device-width:768px) and (max-device-width:1000px) { header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class] .csSubmenuWrap .sub-menu li a, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li a, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li a, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li a { padding-bottom: 2px; font-size: .75rem } } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class] .csSubmenuWrap .sub-menu li:first-of-type, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class] .csSubmenuWrap .sub-menu li:last-of-type, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li:first-of-type, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li:last-of-type, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li:first-of-type, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li:last-of-type, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li:first-of-type, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li .csSubmenuWrap .sub-menu li:last-of-type { border-radius: 0 } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:active .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:active .csSubmenuWrap .sub-menu li.active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:active .csSubmenuWrap .sub-menu li:active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:active .csSubmenuWrap .sub-menu li:focus > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:active .csSubmenuWrap .sub-menu li:hover > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:focus .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:focus .csSubmenuWrap .sub-menu li.active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:focus .csSubmenuWrap .sub-menu li:active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:focus .csSubmenuWrap .sub-menu li:focus > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:focus .csSubmenuWrap .sub-menu li:hover > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover .csSubmenuWrap .sub-menu li.active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover .csSubmenuWrap .sub-menu li:active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover .csSubmenuWrap .sub-menu li:focus > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover .csSubmenuWrap .sub-menu li:hover > .csSubmenuWrap { opacity: 1; visibility: visible } header .navigate a.button { padding-left: 20px; padding-right: 20px } header .navigate a.button, header .navigate button, header .navigate input { min-height: 0 !important; height: 30px; font-weight: 700 } header nav:not(.main-menu):not(.categorySub) { width: 100%; z-index: 100; margin: 0 auto } @media (max-width:767px) { header nav:not(.main-menu):not(.categorySub) { display: none } } @media (min-device-width:768px) and (max-device-width:1000px) { /* header nav:not(.main-menu):not(.categorySub) { display: none } */ } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul { text-align: right; z-index: 100; padding: 0; } @media (max-width:767px) { header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul { height: auto } } @media (min-device-width:768px) and (max-device-width:1000px) { header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul { height: auto } } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li { display: inline-block; position: relative; padding: 0; } @media (min-width:768px) { header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li a { padding: 0 15px } } @media not all and (min-resolution:0.001dpcm) { @supports (-webkit-appearance: none) { header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li { padding: 0 } } } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li.current-menu-item.active { font-weight: 700 } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class] .csSubmenuWrap .sub-menu { padding-top: 0 } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li.hasDrop-right .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li.hasDrop-right .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li.hasDrop-right .csSubmenuWrap { left: 110%; top: -25px } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li.hasDrop-right-double .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li.hasDrop-right-double .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li.hasDrop-right-double .csSubmenuWrap { left: 135%; top: -25px } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li .csSubmenuWrap { transition: opacity .3s ease-in-out } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li.active > a:after, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li:active > a:after, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li:focus > a:after, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li:hover > a:after, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li.active > a:after, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li:active > a:after, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li:focus > a:after, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li:hover > a:after, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li.active > a:after, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li:active > a:after, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li:focus > a:after, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li:hover > a:after { display: none } @media (max-width:767px) { header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li.active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li:active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li:focus > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li:hover > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li.active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li:active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li:focus > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li:hover > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li.active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li:active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li:focus > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li:hover > .csSubmenuWrap { left: auto; padding-bottom: 0 !important } } @media (min-device-width:768px) and (max-device-width:1000px) { header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li.active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li:active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li:focus > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active > .csSubmenuWrap .sub-menu li:hover > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li.active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li:active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li:focus > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus > .csSubmenuWrap .sub-menu li:hover > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li.active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li:active > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li:focus > .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover > .csSubmenuWrap .sub-menu li:hover > .csSubmenuWrap { left: auto; padding-bottom: 0 !important } } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active.hasDrop.current-menu-ancestor.active a:after, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus.hasDrop.current-menu-ancestor.active a:after, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover.hasDrop.current-menu-ancestor.active a:after { display: none } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active.hasDrop-right .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus.hasDrop-right .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover.hasDrop-right .csSubmenuWrap { left: 110%; top: -25px } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:active.hasDrop-right-double .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:focus.hasDrop-right-double .csSubmenuWrap, header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li[class]:hover.hasDrop-right-double .csSubmenuWrap { left: 135%; top: -25px } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li a { width: 100%; display: inline-block; transition: .3s; } footer hr { border-bottom: 2px solid #fff; background: #000000 } footer p.small { line-height: normal; text-transform: none !important; margin-top: -5px } footer p.small, footer p.small a { font-size: .625rem } footer .copyright p { text-transform: none; letter-spacing: .05px; margin-bottom: 0; } footer .copyright .social-media { margin-bottom: 0; margin-top: 5px } footer .copyright .social-media li { display: inline-block; margin-left: 10px } footer .copyright .social-media li a { font-size: 1.25rem } address, p.copyright { font-size: .625rem; line-height: 1rem; font-weight: 400; margin-bottom: 10px } .contact-form input, .contact-form select, .contact-form textarea { width: 100% } @media (min-width:768px) { .contact-form .wpcf7 .container, .contact-form .wpcf7 .owl-nav { padding: 0 } } @media only screen and (min-device-width:768px) and (max-device-width:1000px) { header .mobile-nav { display: inline-block; position: static } header .mobile-nav > div { position: static } header .mobile-nav a .fa { font-size: 1.875rem } } @media (max-width:767px) { header .mobile-nav a:active, header .mobile-nav a:focus, header .mobile-nav a:hover { color: #333333 } header .mobile-nav a .fa {} } @media (max-width:767px) { header .navigate { position: static } } @media (min-device-width:768px) and (max-device-width:1000px) { header .navigate { position: static } } header .navigate .toggleButton-js { display: none; z-index: 10000 } @media (max-width:1200px) { header .navigate .toggleButton-js { display: inline-flex } } @media (min-device-width:768px) and (max-device-width:1000px) { header .navigate .toggleButton-js { display: inline-flex } } @media (min-device-width:768px) and (max-device-width:1000px) { header .navigate .toggle-js { left: -40px; width: 110vw } } header .navigate .toggle-js form, header .navigate .toggle-js nav { display: inline-flex } header .navigate .toggle-js nav { display: inline-block !important; width: 100% !important } header .navigate .toggle-js nav .menu .menu-main-container ul.menu { display: inline-block; width: 100%; padding-bottom: 30px } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li { background-color: transparent !important; text-align: left; display: inline-block; width: 100%; padding: 0 30px; } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li:active a, header .navigate .toggle-js nav .menu .menu-main-container ul.menu li:focus a, header .navigate .toggle-js nav .menu .menu-main-container ul.menu li:hover a { border-radius: 0 } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li:last-of-type { border-bottom: none } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li:first-of-type { margin-top: 0 } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li a { display: block; width: 100% !important; background-color: transparent; margin: 0; height: auto !important; border-bottom: 1px solid; text-align: left; } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li a:after { display: none } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li .csSubmenuWrap { position: relative; width: 100%; max-width: none; left: auto; transform: none; top: auto; visibility: visible; opacity: 1; padding-bottom: 0 !important } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li .csSubmenuWrap ul { display: inline-block; margin-bottom: 5px; padding-top: 0; width: 100% } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li .csSubmenuWrap ul li { text-align: left; display: block; align-items: flex-start; justify-content: flex-start; flex-direction: column } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li .csSubmenuWrap ul li .csSubmenuWrap { transform: none } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li .csSubmenuWrap ul li .csSubmenuWrap ul { padding-top: 0 } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li .csSubmenuWrap ul li .csSubmenuWrap ul li { margin-left: 10px } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li .csSubmenuWrap ul li .csSubmenuWrap ul li:last-of-type { margin-bottom: -5px; padding-bottom: 0 } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li .csSubmenuWrap ul li a { display: inline-block; width: 100%; height: auto; background-color: transparent; font-size: .875rem !important; padding: 5px 0 !important } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li .csSubmenuWrap ul li a:after { display: none } header .navigate .toggle-js nav .menu .menu-main-container ul.menu li .csSubmenuWrap ul li:last-of-type { padding-bottom: 5px } header .navigate .toggle-js.active { display: inline-flex } /* END HEADER FOOTER CLASSES */ @media (max-width:767px) { .hero { height: 350px } } .hero:after { content: ""; background-color: rgba(0, 0, 0, .15); display: block; position: absolute; top: 0; left: 0 } .hero:after, .hero > .row, .hero > .row .columns { width: 100%; height: 100% } @media (max-width:767px) { .hero > .row, .hero > .row .columns { margin-left: 0 } } .hero .captionHolder.has-svg h1 { position: absolute; visibility: hidden; font-size: .0625rem; margin: 0; padding: 0 } .hero .captionHolder h1 { color: #fff } .breadcrumb { padding: 2px 0; font-size: .75rem; margin: 5px 0; text-transform: uppercase; font-weight: 700; letter-spacing: 2px } @media (max-width:767px) { .breadcrumb { text-align: center } } .breadcrumb a { font-weight: 700; font-weight: 400 } .anchor { width: 40px; height: 40px; border-radius: 50%; bottom: 40px; z-index: 10; cursor: pointer } .anchor img { width: 20px; height: 20px } .scrollText { width: 60px; height: 60px; bottom: -10px } .scrollText path { fill: transparent } .scrollText text { fill: #fff; font-size: 4.5rem; text-align: center } .line-animate { animation: expand-from-centre 1s linear forwards !important } .line-none { animation: none !important } .kenburns { object-fit: cover; animation: kenburns 30s infinite; } .kenburns-medium { animation: kenburns-medium 30s infinite } .kenburs-small { animation: kenburns-small 30s infinite } .fadein { animation-duration: 5s !important; animation-fill-mode: both !important } .come-in { -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -webkit-animation: come-in 1s ease-in-out .01s forwards; animation: come-in 1s ease-in-out .01s forwards } .come-in:nth-child(odd) { -webkit-animation-duration: 1s; animation-duration: 1s } .already-visible { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; animation: none } .off-screen-top { -webkit-transform: translateY(-150px); -ms-transform: translateY(-150px); transform: translateY(-150px) } .off-screen-bottom { -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px) } .navigation { display: inline-block; text-align: center; width: 100%; margin-bottom: 40px } .navigation li { display: inline } .navigation li a { text-decoration: none; cursor: pointer; padding: 5px 10px; font-size: .75rem } .navigation li.active a, .navigation li.disabled, .navigation li a:hover { color: #fff; text-decoration: none; cursor: pointer } #lightboxOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #343434; text-align: center; z-index: 100 } /* FILTERS CLASSES */ .filters {} .filters h3 { margin-bottom: 0 } .filters .searchandfilter input, .filters .searchandfilter select { border: none } .filters .searchandfilter select { border-bottom: none; margin-bottom: 0 } .filters .searchandfilter li { margin-bottom: 0; padding-bottom: 0 } .list-unstyled {} .filters .searchandfilter li:last-of-type { padding-right: 0 } .filters hr { border: 0; border-bottom: 1px solid #000000; background: #999; opacity: .3; margin: 15px 0 } /* END FILTERS CLASSES */ /* BUTTON CLASSES */ .button, .cn-button, input[type=button], input[type=submit] { border: none; color: #fff; margin: 0; padding: 0 45px; font-size: 1rem; display: inline-flex; align-items: center; justify-content: center; font-weight: 400; cursor: pointer; text-decoration: none; text-transform: uppercase; height: 40px; letter-spacing: 2px; overflow: hidden } @media (max-width:767px) { .button, .cn-button, input[type=button], input[type=submit] { width: 100% } } .button:not(.social):after, .cn-button:not(.social):after, input[type=button]:not(.social):after, input[type=submit]:not(.social):after { content: ""; position: absolute; left: 0; top: 0; height: 870%; width: 110%; transition: all .5s ease-in-out; transform: translateX(-150%) translateY(-50%) rotate(295deg); background: rgba(0, 0, 0, .2) } .button.social, .cn-button.social, input[type=button].social, input[type=submit].social { padding: 10px; width: 40px; } .button:active, .button:focus, .button:hover, .cn-button:active, .cn-button:focus, .cn-button:hover, input[type=button]:active, input[type=button]:focus, input[type=button]:hover, input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover { text-decoration: none; color: #fff } .button:active:after, .button:focus:after, .button:hover:after, .cn-button:active:after, .cn-button:focus:after, .cn-button:hover:after, input[type=button]:active:after, input[type=button]:focus:after, input[type=button]:hover:after, input[type=submit]:active:after, input[type=submit]:focus:after, input[type=submit]:hover:after { transform: translateX(-9%) translateY(-50%) rotate(295deg) } .button.primary:focus, .button.primary:hover, .cn-button.primary:focus, .cn-button.primary:hover, input[type=button].primary:focus, input[type=button].primary:hover, input[type=submit].primary:focus, input[type=submit].primary:hover { transition: all .3s ease } .button.primary span, .cn-button.primary span, input[type=button].primary span, input[type=submit].primary span { color: #fff } .button.primary.hollow, .cn-button.primary.hollow, input[type=button].primary.hollow, input[type=submit].primary.hollow { background: transparent; border: 1px solid #333333; color: #333333 } .button.primary.hollow:focus, .button.primary.hollow:hover, .cn-button.primary.hollow:focus, .cn-button.primary.hollow:hover, input[type=button].primary.hollow:focus, input[type=button].primary.hollow:hover, input[type=submit].primary.hollow:focus, input[type=submit].primary.hollow:hover { border: 1px solid #253852; transition: all .3s ease; color: #253852; background: transparent } .button.primary.hollow span, .cn-button.primary.hollow span, input[type=button].primary.hollow span, input[type=submit].primary.hollow span { color: #fff } .button.secondary, .cn-button.secondary, input[type=button].secondary, input[type=submit].secondary {} .button.secondary:focus, .button.secondary:hover, .cn-button.secondary:focus, .cn-button.secondary:hover, input[type=button].secondary:focus, input[type=button].secondary:hover, input[type=submit].secondary:focus, input[type=submit].secondary:hover { transition: all .3s ease } .button.secondary span, .cn-button.secondary span, input[type=button].secondary span, input[type=submit].secondary span { color: #fff } .button.secondary.hollow:focus, .button.secondary.hollow:hover, .cn-button.secondary.hollow:focus, .cn-button.secondary.hollow:hover, input[type=button].secondary.hollow:focus, input[type=button].secondary.hollow:hover, input[type=submit].secondary.hollow:focus, input[type=submit].secondary.hollow:hover { border: 1px solid #701626; transition: all .3s ease; background: transparent } .button.twitter span, .cn-button.twitter span, input[type=button].twitter span, input[type=submit].twitter span { color: #fff } .button.twitter.hollow, .cn-button.twitter.hollow, input[type=button].twitter.hollow, input[type=submit].twitter.hollow {} .button.twitter.hollow:focus, .button.twitter.hollow:hover, .cn-button.twitter.hollow:focus, .cn-button.twitter.hollow:hover, input[type=button].twitter.hollow:focus, input[type=button].twitter.hollow:hover, input[type=submit].twitter.hollow:focus, input[type=submit].twitter.hollow:hover { transition: all .3s ease; background: transparent } .button.instagram:focus, .button.instagram:hover, .cn-button.instagram:focus, .cn-button.instagram:hover, input[type=button].instagram:focus, input[type=button].instagram:hover, input[type=submit].instagram:focus, input[type=submit].instagram:hover { transition: all .3s ease } .button.instagram span, .cn-button.instagram span, input[type=button].instagram span, input[type=submit].instagram span { color: #fff } .button.instagram.hollow:focus, .button.instagram.hollow:hover, .cn-button.instagram.hollow:focus, .cn-button.instagram.hollow:hover, input[type=button].instagram.hollow:focus, input[type=button].instagram.hollow:hover, input[type=submit].instagram.hollow:focus, input[type=submit].instagram.hollow:hover { border: 1px solid #c21c54; transition: all .3s ease; color: #c21c54; background: transparent } .button.youtube.hollow:focus, .button.youtube.hollow:hover, .cn-button.youtube.hollow:focus, .cn-button.youtube.hollow:hover, input[type=button].youtube.hollow:focus, input[type=button].youtube.hollow:hover, input[type=submit].youtube.hollow:focus, input[type=submit].youtube.hollow:hover { transition: all .3s ease; } .button.youtube.hollow span, .cn-button.youtube.hollow span, input[type=button].youtube.hollow span, input[type=submit].youtube.hollow span { color: #fff } .button.linkedin, .cn-button.linkedin, input[type=button].linkedin, input[type=submit].linkedin {} .button.linkedin:focus, .button.linkedin:hover, .cn-button.linkedin:focus, .cn-button.linkedin:hover, input[type=button].linkedin:focus, input[type=button].linkedin:hover, input[type=submit].linkedin:focus, input[type=submit].linkedin:hover { transition: all .3s ease } .button.linkedin span, .cn-button.linkedin span, input[type=button].linkedin span, input[type=submit].linkedin span { color: #fff } .button.linkedin.hollow, .cn-button.linkedin.hollow, input[type=button].linkedin.hollow, input[type=submit].linkedin.hollow {} .button.linkedin.hollow:focus, .button.linkedin.hollow:hover, .cn-button.linkedin.hollow:focus, .cn-button.linkedin.hollow:hover, input[type=button].linkedin.hollow:focus, input[type=button].linkedin.hollow:hover, input[type=submit].linkedin.hollow:focus, input[type=submit].linkedin.hollow:hover { background: transparent } .button.linkedin.hollow span, .cn-button.linkedin.hollow span, input[type=button].linkedin.hollow span, input[type=submit].linkedin.hollow span { color: #fff } .button.email, .cn-button.email, input[type=button].email, input[type=submit].email { border: #333333; color: #000000 } .button.email:focus, .button.email:hover, .cn-button.email:focus, .cn-button.email:hover, input[type=button].email:focus, input[type=button].email:hover, input[type=submit].email:focus, input[type=submit].email:hover { transition: all .3s ease } .button.dark, .cn-button.dark, input[type=button].dark, input[type=submit].dark { background: #000; border: #000; color: #fff } .button.light.hollow:focus, .button.light.hollow:hover, .cn-button.light.hollow:focus, .cn-button.light.hollow:hover, input[type=button].light.hollow:focus, input[type=button].light.hollow:hover, input[type=submit].light.hollow:focus, input[type=submit].light.hollow:hover { border: 1px solid #e6e6e6; transition: all .3s ease; color: #e6e6e6; background: transparent } button:focus, input:focus, select:focus, textarea:focus { outline: none } /* END BUTTON CLASSES */ /* ANIMATION CLASSES */ @-webkit-keyframes kenburns { 0% { opacity: 0 } 5% { opacity: 1 } 95% { -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -70px, 0); transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -70px, 0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1 } to { -webkit-transform: scale3d(2, 2, 2) translate3d(-100px, -100px, 0); transform: scale3d(2, 2, 2) translate3d(-100px, -100px, 0); opacity: 0 } } @keyframes kenburns { 0% { opacity: 0 } 5% { opacity: 1 } 95% { -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -70px, 0); transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -70px, 0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1 } to { -webkit-transform: scale3d(2, 2, 2) translate3d(-100px, -100px, 0); transform: scale3d(2, 2, 2) translate3d(-100px, -100px, 0); opacity: 0 } } @-webkit-keyframes kenburns-small { 0% { opacity: 0 } 5% { opacity: 1 } 95% { -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-60px, -20px, 0); transform: scale3d(1.5, 1.5, 1.5) translate3d(-60px, -20px, 0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1 } to { -webkit-transform: scale3d(2, 2, 2) translate3d(-30px, -10px, 0); transform: scale3d(2, 2, 2) translate3d(-30px, -10px, 0); opacity: 0 } } @keyframes kenburns-small { 0% { opacity: 0 } 5% { opacity: 1 } 95% { -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-60px, -20px, 0); transform: scale3d(1.5, 1.5, 1.5) translate3d(-60px, -20px, 0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1 } to { -webkit-transform: scale3d(2, 2, 2) translate3d(-30px, -10px, 0); transform: scale3d(2, 2, 2) translate3d(-30px, -10px, 0); opacity: 0 } } @-webkit-keyframes kenburns-medium { 0% { opacity: 0 } 5% { opacity: 1 } 95% { -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-80px, -20px, 0); transform: scale3d(1.5, 1.5, 1.5) translate3d(-80px, -20px, 0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1 } to { -webkit-transform: scale3d(2, 2, 2) translate3d(-50px, -10px, 0); transform: scale3d(2, 2, 2) translate3d(-50px, -10px, 0); opacity: 0 } } @keyframes kenburns-medium { 0% { opacity: 0 } 5% { opacity: 1 } 95% { -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-80px, -20px, 0); transform: scale3d(1.5, 1.5, 1.5) translate3d(-80px, -20px, 0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1 } to { -webkit-transform: scale3d(2, 2, 2) translate3d(-50px, -10px, 0); transform: scale3d(2, 2, 2) translate3d(-50px, -10px, 0); opacity: 0 } } @-webkit-keyframes bg-pan-right { 0% { background-position: 0 100%; -webkit-transform: scale(1); transform: scale(1) } to { background-position: 100% 100%; -webkit-transform: scale(1.01); transform: scale(1.01) } } @keyframes bg-pan-right { 0% { background-position: 0 100%; -webkit-transform: scale(1); transform: scale(1) } to { background-position: 100% 100%; -webkit-transform: scale(1.01); transform: scale(1.01) } } @-webkit-keyframes expand-from-centre { 0% { stroke-dasharray: 0 400; stroke-dashoffset: -100 } to { stroke-dasharray: 400 400; stroke-dashoffset: 0 } } @keyframes expand-from-centre { 0% { stroke-dasharray: 0 400; stroke-dashoffset: -100 } to { stroke-dasharray: 400 400; stroke-dashoffset: 0 } } @-webkit-keyframes heartbeat { 0% { -webkit-transform: scale(.75); transform: scale(.75) } 20% { -webkit-transform: scale(1); transform: scale(1) } 40% { -webkit-transform: scale(.75); transform: scale(.75) } 60% { -webkit-transform: scale(1); transform: scale(1) } 80% { -webkit-transform: scale(.75); transform: scale(.75) } to { -webkit-transform: scale(.75); transform: scale(.75) } } @keyframes heartbeat { 0% { -webkit-transform: scale(.75); transform: scale(.75) } 20% { -webkit-transform: scale(1); transform: scale(1) } 40% { -webkit-transform: scale(.75); transform: scale(.75) } 60% { -webkit-transform: scale(1); transform: scale(1) } 80% { -webkit-transform: scale(.75); transform: scale(.75) } to { -webkit-transform: scale(.75); transform: scale(.75) } } @-webkit-keyframes smoothScroll { 0% { -webkit-transform: translateY(-40px); transform: translateY(-40px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes smoothScroll { 0% { -webkit-transform: translateY(-40px); transform: translateY(-40px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes come-in { 0% { -webkit-transform: translateY(150px); transform: translateY(150px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes come-in { 0% { -webkit-transform: translateY(150px); transform: translateY(150px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes fade-out { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fade-out { 0% { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } /* END ANIMATION CLASSES */ /* Header */ body { font-family: "graphie", sans-serif; color: #0A2240; overflow-x: hidden } header li.twitter { border-left: 1px solid rgba(255, 255, 255, .4); margin-left: 10px; } .logged-in header { top: 30px; } .lighten { background-color: rgba(255, 255, 255, .66); } .page-id-304 .align-items-stretch.d-flex > div:nth-child(3) section { background-color: #f7f7f7; } .lighten h4 { margin-bottom: 5px; } body.logged-in { margin-top: -20px; } .single-stories .diag-border { background-color: #f7f7f7 } .anchorage { padding-top: 120px; margin-top: -120px } .logged-in .pop-menu.modal, .logged-in .modal-backdrop.show { top: 152px; } .sidebar label.gfield_label.gform-field-label { color: #fff; } .sidebar .gform_legacy_markup_wrapper .gform_footer input.button, .gform_legacy_markup_wrapper .gform_footer input[type=submit], .gform_legacy_markup_wrapper .gform_page_footer input.button, .gform_legacy_markup_wrapper .gform_page_footer input[type=submit] { margin: 16px 0 0; width: 100% } .sidebar .gform_legacy_markup_wrapper { margin-bottom: 0; margin-top: 0; max-width: 100%; } .sidebar label#label_6_4_1 { color: #fff; font-size: 12px; } .sidebar label#label_6_4_1 a { text-decoration: underline; font-weight: bold } .offcanvas .btn.btn-secondary { background-color: #72c5c6; width: 100%; text-align: center; } .offcanvas .btn.btn-secondary:hover { color: #72c5c6; background-color: #fff } a h5 { color: #0A2240; } a { color: #0A2240 } .search .featured-posts { background-color: #f7f7f7; } .srch { background-image: url('../assets/images/search.svg'); background-size: 20px; background-repeat: no-repeat; background-position: right 30px center; } .vh-80 { height: calc(80vh - 140px) !important; height: -o-calc(80vh - 140px) !important; height: -webkit-calc(80vh - 140px) !important; height: -moz-calc(80vh - 140px) !important; min-height: 450px; } å .gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { font-family: inherit; font-size: inherit; letter-spacing: normal; padding: 5px 4px; } ul.gform_fields { display: block; list-style-type: none; margin: 0 !important; } .vp-center { background-color: #edf0f2; } #v-pills-tab input, #v-pills-tab select { border: 0; margin: 0; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; border-bottom: 1px solid #72c6c7; padding: 0 10px; text-transform: uppercase; letter-spacing: 1px; background-color: transparent; color: #fff; } .dash.dashed { line-height: 2.3rem; } .hbspt-form iframe { background-color: transparent } .single footer p:last-child { margin: 0; } .article div { position: relative; z-index: 0; } .filtrate.active::after { content: ''; width: 10px; height: 10px; display: block; background: #72c6c7; opacity: 1; position: absolute; left: 0; top: 8px; border-radius: 50%; border: 1px solid #72c6c7; } li.filtrate { position: relative; } .filtrate input { position: absolute; opacity: 0; width: 100%; cursor: pointer; left: 0; bottom: 10px; top: 0; } .filtrate.active { background-color: rgba(255, 255, 255, .15); } li.filtrate { position: relative; margin-bottom: 5px; } .smaller { font-size: .8rem; line-height: 1.2rem } .modal { z-index: 99055; } .modal-backdrop { z-index: 98050; } .filtrate::before { content: ''; width: 10px; height: 10px; display: inline-block; border: 1.5px solid #242d34; opacity: 0.4; border-radius: 50%; margin-bottom: -1px; } #v-pills-tab ul { margin-left: 0px; padding: 0; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style: none; } #v-pills-tab label { color: #242d34; display: inline-block; font-size: .7rem; margin-bottom: -2px; margin-left: 5px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; } header { position: fixed; top: 0px; z-index: 10000; left: 0; width: 100%; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; background-color: #fff; } .icon-img img { width: 70px } .sidebar { position: relative; } .page-lawyer-stories .sticky-menu { margin-top: 0; } .IMGlink { overflow: hidden; height: 0; padding-bottom: 60%; } .article .IMGlink img { object-fit: cover; object-position: center; height: 190px; } footer .article a:not(.button), footer .article p { color: #0A2240; } footer .article img { max-width: none; } .embolden { font-weight: 600 } .btn-close { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23142b48'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; } .pop .btn.btn-primary { font-size: 15px; font-weight: 600; } .stories .row > div section { min-height: 360px; } .pop h4 { font-size: 1.4rem; } .sticky-menu h4 { font-size: 1rem; color: #72c6c7; } footer li { padding-bottom: 0; } footer li .active {} .nav-tabs .nav-link { margin-right: 30px; padding-left: 0; padding-right: 0; padding-top: 0; color: #fff; letter-spacing: 1px; } .offcanvas-body a { text-transform: uppercase } footer h4 small, footer p small { font-size: 14px; } footer .post img { max-width: none; width: 100%; height: auto } .passion #site-title img { max-width: none; } .body-content h2 { margin-top: 30px; } .article img { width: 100%; height: auto; } article.article > div { box-shadow: 11px 12px 11px -5px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 11px 12px 11px -5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 11px 12px 11px -5px rgba(0, 0, 0, 0.12); overflow: hidden } body .article.insight .cat { background: #63CECA; } .feat-case-section .article h4, .feat-case-section .article .dater {} .feat-case-section .article .dater { opacity: .6 } a.post { overflow: hidden; border-radius: 5px; display: block; } .poster { background-color: #fff; } .nav-tabs .nav-link button { color: #fff; } .nav-tabs .nav-link { border: none; } .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover { color: #fff; background-color: transparent; border-bottom: 5px solid #fff; border-top: 0; border-left: 0; border-right: 0; } footer a:not(.button):hover { color: #72c6c7 } .contact-section div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], .contact-section div.wpforms-container-full .wpforms-form input[type=datetime-local], .contact-section div.wpforms-container-full .wpforms-form input[type=email], .contact-section div.wpforms-container-full .wpforms-form input[type=month], .contact-section div.wpforms-container-full .wpforms-form input[type=number], .contact-section div.wpforms-container-full .wpforms-form input[type=password], .contact-section div.wpforms-container-full .wpforms-form input[type=range], .contact-section div.wpforms-container-full .wpforms-form input[type=search], .contact-section div.wpforms-container-full .wpforms-form input[type=tel], .contact-section div.wpforms-container-full .wpforms-form input[type=text], .contact-section div.wpforms-container-full .wpforms-form input[type=time], .contact-section div.wpforms-container-full .wpforms-form input[type=url], .contact-section div.wpforms-container-full .wpforms-form input[type=week], .contact-section div.wpforms-container-full .wpforms-form select, .contact-section div.wpforms-container-full .wpforms-form textarea { background-color: #fff; box-sizing: border-box; border-radius: 0; color: #0A2240; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: block; float: none; font-size: 16px; border: 0; padding: 6px 10px; height: 38px; width: 100%; line-height: 1.3; } .contact-section div.wpforms-container-full .wpforms-form input[type=email], .contact-section div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium { max-width: none; } form#wpforms-form-357 { margin-top: 2rem; } .date a { color: #72c6c7; } .contact-section div.wpforms-container-full .wpforms-form .wpforms-field-label { font-size: 12px; text-transform: uppercase; letter-spacing: .5px; color: #0A2240; } .contact-section div.wpforms-container-full .wpforms-form .wpforms-field { padding: 15px 0 0; } .contact-section { background-color: rgba(242, 213, 195, .5); margin-top: 50px; background-size: 50%; background-position: center left; } h6 span { border-bottom: 2px solid #E7EBEE; padding-bottom: 10px; } header .navigate .search-form input.search-submit { margin-left: auto; } .scroll header.white nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li a.social span {} header .logo a { display: inline-block; width: 220px; } .line::after { content: ''; width: 40px; height: 2px; display: block; margin: 10px 0; background: #72c6c7; margin-top: 20px; } .darken { background-color: rgba(0, 0, 0, .02); } .text-center .line::after { margin: 10px auto; } .scroll .white img.normal { display: block; } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li.twitter { padding-left: 25px; } .sticky-menu:not(.override) .menu-item {} .swiper-slide h1 img { max-width: 200px; } .awards { width: 16.666666%; height: 0; padding-bottom: 16.666666%; background-size: 63%; border: 1px solid #f0f3f5; background-position: center; } header.white nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li.active.drop a { background-color: #fff } smaller { font-size: 85%; } .vp-center { align-items: flex-start !important; } .grey { background-color: #E7EBEE; } div.hero-bttn { display: none; } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li.hero-bttn a { color: #fff; } .button.instagram { background-color: transparent } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li a.social { font-size: 1rem; padding: 16px 0 24px; } #site-title img { max-width: 240px; } .offcanvas-header .btn-close { background-color: rgba(255, 255, 255, .3); border-radius: 0; } header.white nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover a::after { left: 0; right: 0; opacity: .6; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; } header.white nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li a:hover { -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; } header .navigate .search-form input { margin: 0; } header .navigate .search-form input { margin: 0; background-color: #E7EBEE; border: 0; padding: 9px 15px; height: auto; font-weight: 400; text-transform: uppercase; } header .navigate .search-form input.search-submit { width: 45px; padding: 0 10px 0 0; text-indent: -9999px; background-image: url('../assets/images/search.svg'); background-position: center; } select, #MEMBERS input { min-height: 34px; color: #f8f9fa; font-size: .875rem; padding: 0; background-color: transparent; border-left: 0; border-left-color: currentcolor; border-left-width: 0px; border-top: 0; border-top-color: currentcolor; border-top-width: 0px; border-right: 0; border-right-color: currentcolor; border-right-width: 0px; border-color: #B6C2CE; border-width: 2px; } p a { color: #72c6c7; } .article .btn.btn-primary { background-color: #c8d1da; border: none; color: #fff; font-size: 12px; text-transform: uppercase; border-radius: 0; padding: 10px 40px 10px 14px; letter-spacing: .05rem; text-align: left; background-image: url('../assets/images/right-arrow-w.svg'); background-position: right 14px center; } .article .btn.btn-primary:hover { background-color: #72c6c7 } .single p:last-child { margin-bottom: 30px; } .locc { background-color: #edf0f2; border-radius: 0 0 3px; margin-top: 10px; } #insights::after { content: ''; background-color: #EDF0F2; position: absolute; width: 200%; height: 100%; top: 0; right: -200%; display: block; } .article > div { background-color: #fff; } .jobs-section .article h4 { font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 10px; } label { margin-bottom: 0 } .hero::after { display: none; } .scroll header { background-color: rgba(10, 34, 64, .85); -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li:hover {} .parallax-window { min-height: 550px; background: transparent; background-position-x: 0%; background-position-y: 0%; background-image: none; background-size: auto; } .form-control { border: 1px solid #ccc; border-radius: 3px; box-shadow: none !important; margin-bottom: 15px; } .form-control:focus { border: 1px solid #34495e; } .select2.select2-container { width: 100% !important; } .select2.select2-container .select2-selection { border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 34px; margin-bottom: 15px; outline: none !important; transition: all .15s ease-in-out; } .select2.select2-container .select2-selection .select2-selection__rendered { color: #333; line-height: 32px; padding-right: 33px; } .select2.select2-container .select2-selection .select2-selection__arrow { background: #f8f8f8; border-left: 1px solid #ccc; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; height: 32px; width: 33px; } .select2.select2-container.select2-container--open .select2-selection.select2-selection--single { background: #f8f8f8; } .select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow { -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; } .select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple { border: 1px solid #34495e; } .select2.select2-container .select2-selection--multiple { height: auto; min-height: 34px; } .select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field { margin-top: 0; height: 32px; } .select2.select2-container .select2-selection--multiple .select2-selection__rendered { display: block; padding: 0 4px; line-height: 29px; } .select2.select2-container .select2-selection--multiple .select2-selection__choice { background-color: #f8f8f8; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 4px 4px 0 0; padding: 0 6px 0 22px; height: 24px; line-height: 24px; font-size: 12px; position: relative; } .select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { position: absolute; top: 0; left: 0; height: 22px; width: 22px; margin: 0; text-align: center; color: #e74c3c; font-weight: bold; font-size: 16px; } .select2-container .select2-dropdown { background: transparent; border: none; margin-top: -5px; } .select2-container .select2-dropdown .select2-search { padding: 0; } .select2-container .select2-dropdown .select2-search input { outline: none !important; border: 1px solid #34495e !important; border-bottom: none !important; padding: 4px 6px !important; } .select2-container .select2-dropdown .select2-results { padding: 0; } .select2-container .select2-dropdown .select2-results ul { background: #fff; border: 1px solid #34495e; } .select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] { background-color: #3498db; } .ui-autocomplete { position: absolute; z-index: 9999999999; float: left; display: none; border: 0; min-width: 8em; max-width: 400px; list-style: none; background-color: white; box-shadow: 11px 12px 11px -5px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 11px 12px 11px -5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 11px 12px 11px -5px rgba(0, 0, 0, 0.12); border-top: none; } .ui-menu { padding: 0 } .ui-autocomplete .ui-menu-item-wrapper { display: block; padding: 0.5em 1em; } .ui-state-hover, .ui-state-active { color: white; text-decoration: none; border: none; cursor: pointer; background-color: #72c6c7; } .ui-helper-hidden-accessible { display: none; } .list-group-item { position: relative; display: block; padding: .5rem 1rem 1rem; color: #3D3D3D; text-decoration: none; background-color: transparent; border: none; } #scrolled { padding-top: 140px; margin-top: -140px; } .CTA-block p:last-child, .CTA-office p:last-child { margin-bottom: 0; } .date, .post-card p.date { font-weight: 600; font-size: .8rem } h2 a, h3 a, h4 a, h5 a, h6 a, h1 a { color: #0A2240; } .date::before, .post-card p.date::before { background-image: url('../assets/images/calendar.svg'); content: ''; display: inline-block; width: 14px; height: 14px; margin-bottom: -3px; margin-right: 8px; background-size: 100%; } .object-fit img { object-fit: cover; height: 100%; } .post-card h3 { font-size: 2.15rem; margin-bottom: 30px; font-weight: 400; } .post-card .btn:hover { background-image: url('../assets/images/right-arrow.svg'); } .post-card p { font-size: 1.15rem; font-family: "graphie", sans-serif; font-weight: 400; line-height: 1.75rem; } .left .container .bg::after { left: -100%; } div .container.green .bg::after { background-color: #add6d7; } div.right .container .bg::after { right: -100%; } .hide-bg section { background-image: none !important; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; } .gradient-bt.overlay { z-index: 8; position: absolute; bottom: 0; top: 50%; opacity: .6; width: 100%; } .h-50 { height: 50% !important; } .h-33 { height: 33.333% !important; } .h-66 { height: 66.666% !important; } .A-Z.active { color: #72c6c7; } #keyword { background-color: transparent; color: #fff; text-transform: uppercase; letter-spacing: .5px; border: 0; } .A-Z input { cursor: pointer; position: absolute; height: 30px; width: 30px; left: 0; opacity: 0; } .A-Z { font-size: 14.5px; position: relative; width: 30px; cursor: pointer; display: inline-block; height: 30px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; } .alpha { justify-content: space-evenly; display: flex; width: 100%; margin-bottom: 30px; margin-top: 30px; } #filter .container .bg { background-color: #0A2240; } .home-swiper .swiper-slide {} .home-swiper .swiper-slide.Dark {} .home-swiper .swiper-slide.Light {} .home-swiper .swiper-slide.White {} .home-swiper .swiper-slide.Reverse {} .home-swiper .swiper-slide.Reverse h5, .home-swiper .swiper-slide.Reverse p, .home-swiper .swiper-slide.Reverse a, .home-swiper .swiper-slide.Reverse h2, .home-swiper .swiper-slide.Reverse h1, .home-swiper .swiper-slide.Reverse h4, .home-swiper .swiper-slide.Reverse h4, .home-swiper .swiper-slide.Reverse h6 { color: #f0f3f5 } body .vh-100 { height: calc(100vh - 140px) !important; height: -o-calc(100vh - 140px) !important; height: -webkit-calc(100vh - 140px) !important; height: -moz-calc(100vh - 140px) !important; min-height: 550px; max-height: 960px; } body .home-swiper .vh-100, .banner.vh-100 { margin-top: 140px; min-height: 500px; } .gridded section { display: block; height: 100%; width: 100%; background-position: center; background-size: cover; } .pink { color: #72c6c7; } .home-swiper .row > * { padding-top: calc(var(--bs-gutter-x) * .5); padding-bottom: calc(var(--bs-gutter-x) * .5); } .pop .logo { max-width: 210px; display: block; } .team-width.article a h5 { color: #0A2240; } .btn.btn-primary.dark-hover:hover { background-color: #0A2240; color: #fff; } .overlaid { opacity: 0; } .tile:hover .overlaid { opacity: 1; } h3 span { border-bottom: 2px solid #fff; padding-bottom: 7px; } .CTA-office h3 { font-size: 2rem; font-weight: 500; } .CTA-office .container { z-index: 9; position: relative } .tabs-menu .nav-tabs { border-bottom: none; } .text-white .btn.btn-tertiary, .white.btn.btn-tertiary { color: #fff; background-image: url('../assets/images/right-arrow-w.svg'); } .tile { background-color: transparent } .btn.btn-tertiary { text-transform: uppercase } a.overlaid h3 { color: #fff; font-weight: 400; font-size: 1.2rem } .team-story { height: 100%; background-size: cover; background-color: transparent; } .stories a:hover .team-story img { opacity: .9; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .stories a:hover .tile { background-color: #b6c2ce; } .team-story h3::after { content: ''; width: 60px; background-color: #19DDF7; height: 1px; display: block } .overlaid { background-color: rgba(35, 44, 51, .68); } .tabs-menu .nav-item button { font-size: 14px; text-transform: uppercase; letter-spacing: .075rem; padding-bottom: 25px; padding-top: 25px; } .tabs-menu .nav-tabs .nav-link.active, .tabs-menu .nav-tabs .nav-link:hover { border-color: #72c6c7; } .CTA-block .btn.btn-tertiary:hover { border-color: #72c6c7; color: #72c6c7; background-image: url('../assets/images/right-arrow.svg'); } .tabs-menu { background-color: #0A2240 } .tabs-menu .nav-item { padding: 0; } /* End Header */ /* Text */ h5 { font-weight: 200; font-style: normal; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 30px; line-height: normal; font-size: 1.2rem; line-height: 1.7rem; letter-spacing: .03rem; } .banner h2 { margin-bottom: 20px } .mobile { display: none } .green { background-color: #ADD6D7 } .cta .btn.btn-tertiary { background-image: url('../assets/images/right-arrow.svg'); } .main-site-logo { width: 180px; height: 28px; display: block; text-indent: -9999px; overflow: hidden; background-image: url('../assets/images/excello-law-logo.svg'); } .cta .btn.btn-tertiary { border-color: #72c6c7; } .award { background-color: black; } .swiper-slide hr { border: 0; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; border-bottom: 1px solid #72c6c7; background: #72c6c7; opacity: .6; margin: 0 0 20px; } .swiper-pagination.qb.swiper-pagination-bullets.swiper-pagination-horizontal { position: static; text-align: left; } .cta .btn.btn-tertiary:hover { color: #72c6c7; } .cta { background-size: 38%; background-position: 8% center; background-repeat: no-repeat; } .cta p { font-size: 1.075rem; } .cta .btn.btn-tertiary { text-align: right; } .slate { background-color: #B6C2CE; } .upper h3 { margin-bottom: 20px; font-size: 23px; } b, strong { font-weight: 700; } .serv-card h3 { margin-top: 5px; margin-bottom: 18px; } a p { color: #0A2240; } a h3 { color: #0A2240; } .CTA-office.slider { background-color: #F1F3F5; } #footTab .nav-item { font-size: .9rem; } .team-card { background-color: #fff; } .team-card h3, .team-card p { color: #747678; } .team-card h3 { font-size: 1.2rem; } .team-card { border-radius: 8px; overflow: hidden; -webkit-box-shadow: 2px 3px 20px 0px rgba(0, 0, 0, 0.17); -moz-box-shadow: 2px 3px 20px 0px rgba(0, 0, 0, 0.17); box-shadow: 2px 3px 20px 0px rgba(0, 0, 0, 0.17); } .share { border-bottom: 1px solid #B6C2CE; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; } header > .container { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .sticky-menu.stick > div { position: fixed; top: 49px; width: 100%; z-index: 99; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .sticky-menu .container > div, .storytime .container > div { background-color: #0A2240; position: relative } .sticky-menu { margin-bottom: -25px; z-index: 9; position: relative; } .sticky-menu .container > div::before, .storytime .container > div::before { content: ''; display: block; width: 100%; height: 100%; left: -100%; background-color: #0A2240; position: absolute; top: 0; } .icon-style { list-style: none; padding: 0; } .single-vacancies .col-md-7 ul { margin-bottom: 1rem; } .swiper-slide-active.config-1.no-config .col-xl-4:nth-child(1), .swiper-slide-active.config-1.no-config .col-xl-4:nth-child(2), .swiper-slide-active.config-2.no-config .col-xl-4:nth-child(1), .swiper-slide-active.config-3.no-config .col-xl-4:nth-child(3), .swiper-slide-active.config-2.no-config .col-xl-4:nth-child(3) .left-double .team-story, .swiper-slide-active.config-1.no-config .col-xl-4:nth-child(1) .left-triple .team-story, .swiper-slide-active.config-1.no-config .col-xl-4:nth-child(2) .middle-triple .team-story { -webkit-animation: none; -moz-animation: none; animation: none } .featured-posts { background-color: #0A2240; } .featured-posts h6 { color: #edf0f2; } .navigation li a { padding: 10px 10px 5px; font-size: .9rem; } .passion.post-card .wp-post-image { border-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } /* .page-earnings-calculator-results .CTA-block { min-height: 80vh; } */ .right-edge { overflow: hidden; } .right-edge .container { position: relative; } .right-edge .container::after { content: ''; position: absolute; display: block; width: 800rem; height: 100%; top: 0; right: -799.25rem; background-color: #fff; bottom: 0; left: auto; } .top { font-size: 12px; text-transform: uppercase; color: #0A2240; border-bottom: 2px solid #72c6c7; padding-bottom: 5px; } a:not(.button).top:hover { color: #72c6c7; } .stick #site-title::after { display: none } .CTA-block ul { margin-bottom: 20px; padding-left: 20px; } .icon-style li i { margin-left: -20px; color: #72c6c7; } .navigation li a { color: #72c6c7; text-transform: uppercase; } ul.menu { padding: 0; } .glow { background-color: rgba(255, 255, 255, .952); padding: 20px } .iconic { background-repeat: no-repeat; background-size: 60px; display: block; width: 120px; background-position: center; padding: 30px 40px 0; background-color: #72c6c7; height: 120px; position: relative; margin: 0 auto 25px; border-radius: 50% } .glow:hover { background-color: rgba(255, 255, 255, .8) } .sticky-menu li { padding: 0; } .sticky-menu.stick { height: 50px; } .banner .tile { min-height: 380px; } .intro-section { position: relative; z-index: 100; } .logged-in header {} .view a { padding: 10px 15px; background-color: #72c6c7; color: #fff; } .Previous.Post:hover, .Next.Post:hover { color: #72c6c7; } .page-id-2 div#footer { text-align: center; visibility: hidden; } p.view { margin-top: 50px; margin-bottom: 50px; text-align: center; } .offcanvas-body div p:last-child { margin-top: auto; } .radi { border-radius: 9px 9px 0 0; overflow: hidden; } .btn.btn-tertiary:hover { color: #72c6c7; } .a2a_kit.addtoany_list { display: flex; } .breadcrumb * { font-size: 13px; letter-spacing: .05rem; margin-right: 5px; font-weight: 500; } .breadcrumb::before { content: '– '; font-weight: 600; color: #72c6c7; margin-right: 4px; } .breadcrumb a { color: #72c6c7; } header .mobile-nav { display: none; } div.hero-bttn { display: none; } .office-menu a { color: #555F66; text-transform: uppercase; font-size: .82rem; letter-spacing: .05rem } .office-menu a.active { font-weight: 600; font-size: 1rem; color: #72c6c7 } .office-menu a::after { background-image: url('../assets/images/down-arrow.svg'); display: block; content: ''; margin: 5px auto; height: 5px; width: 9px; background-position: center; background-repeat: no-repeat } .office-menu ul { list-style: none; padding: 0 } .sized { overflow: hidden } .panels { background-size: cover; background-position: center; } .panel-1, .panel-2 { background-size: 360%; background-position: right 38% center; } .panel.inner-panel { background-color: transparent; border-left: 15px solid #f1f3f5; box-sizing: inherit; border-right: 15px solid #f1f3f5; margin-bottom: 0; margin-top: auto; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .panel.inner-panel.topper { transform: translateY(-20%); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .tile { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .panel.inner-panel::before, .panel.inner-panel::after { content: ''; height: 200px; display: block; width: 130%; background-color: #f1f3f5; position: absolute; left: -15%; } .panel.inner-panel::before { top: -200px; } .panel.inner-panel::after { bottom: -200px; } .panel-2 { background-position: right 0% center; } .links-col p { margin-bottom: 10px; } .wpforms-field-label { display: none; } h6.border { margin-bottom: 60px } strong { font-weight: 600 } .serv-card h4 { color: #0A2240; text-align: center; } .serv-card { text-align: center; } /* Intro Section .icon-cookie { background-image: url('../assets/images/Boat-Image.jpg'); background-size: cover; position: relative; } */ .icon-cookie::after { background-image: url('../assets/images/icon-substraction.svg'); background-size: 103%; position: absolute; background-position: center; top: -2px; left: -2px; right: -2px; bottom: -2px; content: ''; } /* End Intro Section */ /* Services */ .all-services .serv-card { border-right: 1px solid rgba(32, 48, 70, .08); } .all-services .serv-card:nth-child(3n+3) { border-right: 0px; } /* End Services */ /* Hero Banner */ .hero-norm h2 { margin-bottom: 0; } .border-t { border-top: 1px solid rgba(255, 255, 255, .35) } .swiper { width: 100%; height: 100%; } .gradient-bt { background: rgb(35, 44, 51); background: -moz-linear-gradient(180deg, rgba(35, 44, 51, 0) 0%, rgba(35, 44, 51, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(35, 44, 51, 0) 0%, rgba(35, 44, 51, 1) 100%); background: linear-gradient(180deg, rgba(35, 44, 51, 0) 0%, rgba(35, 44, 51, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0A2240", endColorstr="#0A2240", GradientType=1); } .gradient-tb { background: rgb(35, 44, 51); background: -moz-linear-gradient(0deg, rgba(35, 44, 51, 0) 0%, rgba(35, 44, 51, 0.7273109072730655) 40%, rgba(35, 44, 51, 1) 100%); background: -webkit-linear-gradient(0deg, rgba(35, 44, 51, 0) 0%, rgba(35, 44, 51, 0.7273109072730655) 40%, rgba(35, 44, 51, 1) 100%); background: linear-gradient(0deg, rgba(35, 44, 51, 0) 0%, rgba(35, 44, 51, 0.7273109072730655) 40%, rgba(35, 44, 51, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0A2240", endColorstr="#0A2240", GradientType=1); } .swiper-slide { /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img, .case-study img { display: block; width: 100%; } .swiper-slide .overlay, .case-study .overlay { position: absolute; bottom: 0; height: 70%; width: 100%; z-index: 0; } .swiper-slide .overlay.gradient-tb, .case-study .overlay.gradient-tb { bottom: 30%; top: 0; } .swiper-slide .col-sm-6 { position: relative; z-index: 2; } .swiper-button-next.hb:hover, .swiper-button-prev.hb:hover { background-color: rgba(255, 255, 255, .1); } .hero-norm { height: 500px; position: relative; } .hero-norm .gradient-bt.overlay { height: 130%; display: block; position: absolute; bottom: 0; left: 0; right: 0; z-index: 0; } .hero-norm .container {} h1.subtitled { font-size: 15px; text-transform: uppercase; font-weight: 700; font-family: 'Lato'; letter-spacing: 3px; padding-bottom: 10px; margin-bottom: 26px; } h1.subtitled span { border-bottom: 2px solid #E08E62; padding-bottom: 10px } .hero-norm h2 { font-size: 2.1rem; } /* Hero Banner */ /* Buttons */ .cta-2 { border-top: 1px solid rgba(224, 142, 98, .4); margin-top: 6rem; } .cta-2 a { color: #0A2240; font-weight: 600; font-size: .8rem; text-transform: uppercase; letter-spacing: .1rem; display: block; } .cta-2 a::after { content: ''; background-image: url('../assets/images/next-arrow.svg'); background-size: cover; width: 18px; height: 8px; display: inline-block; margin-left: 10px; margin-bottom: 2px; } /* Buttons */ /* Case Studies */ .icon-style li:before { content: '\f058'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: inherit; text-rendering: auto; margin-right: 5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: -20px; color: #72c6c7; } .CTA-block blockquote h3 { font-style: normal; font-size: 1.3rem; margin-bottom: 20px !important; line-height: 1.9rem; border-top: solid 1px #D13972; padding: 25px 0px; } .page-earnings-calculator .sticky-menu { margin-top: 0; margin-bottom: -50px; } .page-earnings-calculator .sticky-menu ul { margin-left: -5px; } .page-earnings-calculator .sticky-menu li.menu-item-250 a { background-color: rgba(255, 255, 255, .075); } .svg-icon { width: 20px; } .storytime .container > div::after { content: ''; display: block; width: 100%; height: 100%; right: -100%; background-color: #0A2240; position: absolute; top: 0; } .storytime .Previous.Post, .storytime .Next.Post { color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; line-height: 44px; } .svg-icon path { fill: #72c6c7; } .feat-swiper .swiper-slide .overlay, .feat-case-section .case-study .overlay { background: rgb(32, 48, 70); background: -moz-linear-gradient(180deg, rgba(32, 48, 70, 0) 0%, rgba(32, 48, 70, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(32, 48, 70, 0) 0%, rgba(32, 48, 70, 1) 100%); background: linear-gradient(180deg, rgba(32, 48, 70, 0) 0%, rgba(32, 48, 70, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0A2240", endColorstr="#0A2240", GradientType=1); z-index: 2; height: auto; padding: 33% 20px 5%; text-align: left; } .overlay.bullets ul { list-style: none; padding: 0; margin: 0; } .overlay.bullets ul li::before { content: '– '; } .overlay.bullets ul li { color: #fff; letter-spacing: .06rem; text-transform: uppercase; font-size: .8rem; font-weight: 500; padding: 0; } .stamp { position: absolute; z-index: 2; background-color: #fff; padding: 10px 20px; top: 20px; left: 20px; min-width: 240px; } .cat span { font-size: 12px; border-bottom: 1px solid #E08E62; padding: 0 10px 4px; } body .cat { margin-bottom: 20px; display: block; } .case-study h3 { font-size: 20px; } .all .case-study img { display: block; width: 100%; height: auto; } /* End Case Studies */ /* Footer */ footer { background-color: #fff; padding-bottom: 0; } footer a:not(.button), footer h4, footer li, footer p, footer h3 { color: #0a2240; } footer .nav-tabs .nav-link.active, footer .nav-tabs .nav-link:hover, footer .nav-tabs .nav-link { color: #0a2240; } .social a { width: 26px; height: 30px; display: block; margin-left: 20px; background-position: center; } footer a:not(.button).linkedin, footer a:not(.button).twitter, footer a:not(.button).facebook { border: 0; } footer img { height: 100%; width: auto; } .copyright *, .copyright p { font-size: 12px; } footer .border-left { border-left: 2px solid rgba(255, 255, 255, .6); } .social a.linkedin { background-image: url('../assets/images/linkedin.svg'); background-size: 17px; } .social a.twitter { background-image: url('../assets/images/twitter.svg'); background-size: 18px; } .social a.insta { background-image: url('../assets/images/instagram.svg'); background-size: 17px; } .social a.facebook { background-image: url('../assets/images/facebook.svg'); background-size: auto 19px } .social a.youtube { background-image: url('../assets/images/youtube.svg'); background-size: 19px auto; } .team-tile .team-story { background-size: 100%; background-position: bottom; } .testimonials.law .swiper-button-next.qb { right: 8.33%; } [data-aos^="fade"][data-aos^="fade"].aos-animate { z-index: 1; } .lower { border-top: 1px solid } .lower a, .lower p { font-size: .75rem; font-weight: 500; letter-spacing: .05rem; } .links-col p {} .links-col a { font-size: 22px; line-height: 34px; font-family: 'Source Serif Pro'; } .wpforms-submit { width: 35%; float: left; border: 0; background: #fff; color: #0A2240; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; padding-top: 6px; padding-bottom: 6px; } .wpforms-field-medium { width: 60%; float: left; border: 0; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; background-color: transparent; border-bottom: 1px solid #fff; margin-right: 4%; } .wpforms-field-container { float: left; width: 100%; } /* End Footer */ /* Animations */ .fade-in { animation: fadeIn 2s; -webkit-animation: fadeIn 2s; -moz-animation: fadeIn 2s; -o-animation: fadeIn 2s; -ms-animation: fadeIn 2s; } .tab-pane.active { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 12s; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .hero .slide-in { width: 100%; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .slide-in { animation: slideIn 1s; -webkit-animation: slideIn 1s; -moz-animation: slideIn 1s; -o-animation: slideIn 1s; -ms-animation: slideIn 1s; } @keyframes slideIn { 0% { width: 100%; } 100% { width: 10%; } } @-moz-keyframes slideIn { 0% { width: 100%; } 100% { width: 10%; } } @-webkit-keyframes slideIn { 0% { width: 100%; } 100% { width: 10%; } } @-o-keyframes slideIn { 0% { width: 100%; } 100% { width: 10%; } } /* Animations */ /* Quote slider */ .swiper-slide img.icon { max-width: 50px; margin: 0 auto 20px; } .swiper .attr { text-transform: uppercase; letter-spacing: .07rem; font-size: 14.5px; font-family: "graphie", sans-serif; font-weight: 500; color: #72c6c7; line-height: 22.5px; } .passion.offcanvas { position: fixed; bottom: 0; z-index: 99999992; display: flex; flex-direction: column; max-width: 95%; visibility: hidden; background-color: #0A2240; background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out; color: #fff; } .pop a { font-size: .9rem; } .testimonials.law h6::before { display: none } .testimonials.law h6 span { border-bottom: 1px solid #E7EBEE } .swiper-button-next.qb::after, .swiper-button-prev.qb::after { font-family: swiper-icons; font-size: 2rem; color: #0A2240; } å body .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -8px; } body .swiper-pagination-bullet-active { background: #fff; } body .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color, #0a2240); } body .dark .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color, #fff); } body .dark .swiper-pagination-bullet-active { background: var(--swiper-pagination-bullet-inactive-color, #72c6c7); } .testimonials .swiper-button-next.qb::after, .testimonials .swiper-button-prev.qb::after { font-family: swiper-icons; font-size: 2rem; color: #0a2240; } .dark.testimonials .swiper-button-prev.qb::after, .dark.testimonials .swiper-button-next.qb::after { color: #0a2240; opacity: .2; } /* End Quote slider */ /* Mobile Menu */ .mobile-menu-wrapper.mobile-menu-slide.active { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition-delay: 80ms; transition-delay: 80ms; } .mobile-menu-wrapper.mobile-menu-slide { position: fixed; top: 0; bottom: 0; width: 100%; height: 100%; right: 100%; cursor: pointer; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all .4s cubic-bezier(.445, .050, .55, .95); transition: all .4s cubic-bezier(.445, .050, .55, .95); transition-delay: 0s; } header .mobile-menu-wrapper nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li, header .mobile-menu-wrapper nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul { display: block; } header .mobile-menu-wrapper nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li a { color: #fff; padding: 9px 0; text-align: left; font-size: 1rem; font-weight: 400; } .mobile-menu-wrapper .searcher, .scroll .mobile-menu-wrapper .searcher { background-color: #213147; margin-top: 15px; color: #fff; margin-bottom: 15px; border: 0; clear: both; text-transform: uppercase; padding-top: 7px; padding-bottom: 8px; } .mob-nav li { display: inline-block; margin-right: 20px; vertical-align: top; } .mob-nav li.twitter { background-color: transparent } .mob-nav li .email, .mob-nav li.phone a, .mob-nav li.twitter .twitter, .mob-nav li.linkedin a { background: #213147; width: 40px; height: 40px; display: inline-block; border-radius: 50%; position: relative } .mob-nav li .email svg, .mob-nav li.phone a svg, .mob-nav li.twitter span, .mob-nav li.linkedin span { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -6px } .pop-out.active, .pop-out-lawyers.active, .pop-out-lawfirms.active, .pop-out-support.active, .pop-out-ourfirm.active { opacity: 1; z-index: 999; transform: translateY(0%); -webkit-transition: 1.2s ease-in-out; -moz-transition: 1.2s ease-in-out; -o-transition: 1.2s ease-in-out; transition: 1.2s ease-in-out; } .CTA-block.dark .container .bg { background-color: #0A2240; } .CTA-block.dark { margin-top: -48px } .scrollto { padding-top: 85px; margin-top: -85px; } .sticky-menu.stick .pink.scroll { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); background-color: #54bfd2; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } a.scroll, .sticky-menu ul a.scroll { overflow: hidden; text-indent: -9999px; background-color: #72c6c7; width: 50px; background-image: url('../assets/images/down-arrow-w.svg'); background-size: 20px; background-repeat: no-repeat; background-position: center; padding: 0; height: 100%; } .pop-out .overlay, .pop-out-lawyers .overlay, .pop-out-lawfirms .overlay, .pop-out-support .overlay, .pop-out-ourfirm .overlay { content: ''; display: block; background-color: #A0CFD1; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; z-index: 9; position: absolute; opacity: 0; transform: translateY(-100%); -webkit-transition: .9s ease-in-out; -moz-transition: .9s ease-in-out; -o-transition: .9s ease-in-out; transition: .9s ease-in-out; } .pop-out.active .overlay, .pop-out-lawyers.active .overlay, .pop-out-lawfirms.active .overlay, .pop-out-support.active .overlay, .pop-out-ourfirm.active .overlay { opacity: .9; transform: translateY(0%); -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; } .pop-out ul li::after, .pop-out-lawyers ul li::after, .pop-out-lawfirms ul li::after, .pop-out-support ul li::after, .pop-out-ourfirm ul li::after { content: ''; position: absolute; background-image: url('../assets/images/arrow-menu.svg'); background-size: cover; width: 7px; right: 10px; top: 50%; transform: translateY(-50%); height: 11px; } .pop-out h4, .pop-out a, .pop-out h4, .pop-out-lawyers a, .pop-out-lawfirms h4, .pop-out-lawfirms a, .pop-out-support h4, .pop-out-support a, .pop-out-ourfirm h4, .pop-out-ourfirm a { color: #3D3D3D; } .pop-out ul, .pop-out-lawyers ul, .pop-out-lawfirms ul, .pop-out-support ul, .pop-out-ourfirm ul { list-style: none; padding-top: 0 } .pop-out-lawyers ul, .pop-out-lawfirms ul, .pop-out-support ul, .pop-out-ourfirm ul { padding-left: 0; } .pop-out section, .pop-out-lawyers section, .pop-out-lawfirms section, .pop-out-support section, .pop-out-ourfirm section { background-color: #F1F6F7; border-bottom: 10px solid #DFE7EB; } .pop-out ul:first-child li:nth-child(2n+1) a, .pop ul li:nth-child(2n+1) a, .pop-out-lawyers ul li:nth-child(2n+1) a, .pop-out-lawfirms ul:first-child li:nth-child(2n+1) a, .pop-out-support ul:first-child li:nth-child(2n+1) a, .pop-out-ourfirm ul:first-child li:nth-child(2n+1) a { background-color: #f1f6f7; display: block; } .pop-out ul a, .pop-out-lawyers ul a, .pop-out-lawfirms ul a, .pop-out-support ul a, .pop-out-ourfirm ul a { padding: 6px 15px; display: block; } .pop .searchItem { display: none; } .pop .btn.btn-tertiary { border-color: #72c6c7; } .pop-out ul li, .pop-out-lawyers ul li, .pop-out-lawfirms ul li, .pop-out-support ul li, .pop-out-ourfirm ul li { padding-bottom: 0; position: relative; } .pop-out .container, .pop-out-lawyers .container, .pop-out-lawfirms .container, .pop-out-support .container, .pop-out-ourfirm .container { padding-top: 139px; position: relative; z-index: 10; } .pop-out .container > div, .pop-out-lawyers .container > div, .pop-out-lawfirms .container > div, .pop-out-support .container > div, .pop-out-ourfirm .container > div { background-color: #fff; box-shadow: 10px 10px 5px -8px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 10px 10px 5px -8px rgba(0, 0, 0, 0.33); -moz-box-shadow: 10px 10px 5px -8px rgba(0, 0, 0, 0.33); } .mob-nav li .email path, .mob-nav li.phone a path, .mob-nav li .twitter path { fill: #fff } .mob-nav li .email svg { margin-top: -6px; margin-left: -7px; } .mob-nav li .twitter path { margin-top: -7px; margin-left: -7px; } .mobile-menu-wrapper nav { padding: 20px; } .mobile-menu-wrapper { z-index: 150000; } .mobile-menu-wrapper a { color: #fff; } #nav-icon.open span { background: #fff; } .mobile-menu-wrapper hr { background: rgba(255, 255, 255, .5); border: 0; margin: 10px 0; margin-top: 10px; margin-bottom: 10px; display: block; } .mobile-menu-wrapper.mobile-menu-slide .mobile-menu-container { background-color: #0a2240; cursor: default; overflow: hidden; width: 100%; z-index: 1000000; } .mobile-menu-wrapper .mobile-menu-container { position: relative; padding: 15px 0; display: inline-block; height: 100%; } header.white nav:not(.main-menu):not(.categorySub) .mobile-menu-wrapper .mobile-menu-container .menu .menu-main-container ul li a { color: #fff; padding: 0.5rem 0; } .mobile-menu-wrapper .mobile-menu-container ul { list-style: none; } .mobile-menu-wrapper.mobile-menu-slide .mobile-menu-container { cursor: default; } .mobile-menu-wrapper .mobile-menu-container div.menu > ul > li > a, .mobile-menu-wrapper .mobile-menu-container ul.menu > li > a { display: block; padding: 10px 30px; color: #fff; text-decoration: none; font-size: 19px; text-transform: uppercase; } .mobile-menu-wrapper.active .mobile-menu-overlay { visibility: visible; zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } #nav-icon span { overflow: hidden; } header .mobile-menu-wrapper nav:not(.main-menu):not(.categorySub) { display: block; } .home-swiper { margin-top: 140px; } .mobile-menu-overlay { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, .5); z-index: 149999; cursor: pointer; visibility: hidden; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 140ms cubic-bezier(.445, .050, .55, .95); transition: all 140ms cubic-bezier(.445, .050, .55, .95); } .team-width.article a.overlay h5 { color: #fff; } .mbbtn.text-sm-right { text-align: right; margin-top: 10px; } .swiper-button-next.fc, .swiper-button-prev.fc { width: 50px; height: 50px; color: #747678; background-color: #fff; border-radius: 10px; box-shadow: 11px 12px 11px -5px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 11px 12px 11px -5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 11px 12px 11px -5px rgba(0, 0, 0, 0.12) } .swiper-button-next.fc:hover, .swiper-button-prev.fc:hover { box-shadow: 11px 12px 11px -5px rgba(0, 0, 0, 0.075); -webkit-box-shadow: 11px 12px 11px -5px rgba(0, 0, 0, 0.075); -moz-box-shadow: 11px 12px 11px -5px rgba(0, 0, 0, 0.075) } .swiper-button-next.fc::after, .swiper-button-prev.fc::after { font-size: 20px; } .mobile-menu-wrapper.mobile-menu-slide, .scroll .mobile-menu-wrapper.mobile-menu-slide { text-align: left; } .services-section { background-color: #F7F7F7; } .white-bg { background-color: #fff; } .justify-content-around > div:last-child { margin-right: auto; } .tw-col { column-count: 2; } #nav-icon { width: 26px; height: 23px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 999999; } .ourfirm.drop.active { -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; -o-transition: .35s ease-in-out; transition: .35s ease-in-out; } .ourfirm.drop { -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; -o-transition: .35s ease-in-out; transition: .35s ease-in-out; } #nav-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 0; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #nav-icon span:nth-child(1) { top: 0px; } #nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 9px; } #nav-icon span:nth-child(4) { top: 18px; } #nav-icon.open span:nth-child(1) { top: 8px; width: 0%; left: 50%; } #nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .pop-out-lawyers .overlay, .pop-out-lawfirms .overlay, .pop-out-support .overlay, .pop-out-ourfirm .overlay { background-color: #89C4C6; } #nav-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } .modal-body #mc4wp-form-1 input.button { display: block; width: 35%; margin: 30px 0 10px 0; min-width: 90px; border-radius: 0; background-color: transparent; border: 1px solid #fff; letter-spacing: .8px; } .modal-body #mc4wp-form-1 input.button:hover { background-color: #fff; color: #1f1e1f } /* End Mobile Menu */ /** NEW STYLERS **/ header { -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08); background-color: #0A2240; } .container { max-width: 1260px; width: 96%; } p:last-of-type, p:only-child { margin-bottom: 20px; } .pre-head { background-color: #fff } .pre-head ul { list-style: none; padding-left: 0 } .pre-head ul li { display: inline-block; margin-right: 10px; padding: 0; } .pre-head ul li a { color: #0a2240; position: relative; font-size: 12px; font-weight: 500; line-height: 40px; display: block } .pre-head ul li a.active::after { content: ''; background-image: url('../assets/images/top-nav-arrow.svg'); width: 12px; height: 10.5px; position: absolute; bottom: -3px; left: 50%; margin-left: -6px; background-size: 100%; } .pre-head ul li a:hover { color: #72C6C7 } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li.hero-bttn:hover { background-color: #0A2240 } .hero-bttn { background-color: #0A2240; color: #fff; font-size: 0.875rem; margin-left: auto; } header.white nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li a { color: #fff; letter-spacing: .02rem; font-size: 1rem; font-weight: 500; padding: 0.25rem 0; } header.white nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li { margin-left: 2rem; } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li.hero-bttn { background-color: #72c5c6; color: #fff; padding: 0; } header nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li.hero-bttn a { padding: 0.35rem 1.8rem; } .diag img, .diag { height: 100%; width: auto; } .home-swiper, .post-swiper { margin-top: 99px; } body .vh-100 { height: calc(100vh - 120px) !important; height: -o-calc(100vh - 120px) !important; height: -webkit-calc(100vh - 120px) !important; height: -moz-calc(100vh - 120px) !important; min-height: 550px; max-height: 960px; } .diagImg { width: 30%; position: absolute; right: 10%; top: 0; bottom: 0; z-index: 0; /*-webkit-clip-path: polygon(45% 0, 100% 0%, 75% 100%, 22.5% 100%); clip-path: polygon(45% 0, 100% 0%, 75% 100%, 22.5% 100%);*/ } .rightImg { position: absolute; width: 50%; height: 100%; right: 0; display: block; z-index: 0 } .team-image.objectfit {} .diag img, .diag .out-video { -webkit-transform: skewX(30deg) translateY(-15%) translateX(-17%); transform: skewX(30deg) translateY(-15%) translateX(-17%); height: 120%; max-width: none; } .out-video video { transform: translateX(-10%); -webkit-transform: translateX(-10%); } .faqqer { background-color: #f7f7f7; } .scroll .pop-menu.modal, .scroll .modal-backdrop.show { top: 83px } .pop-menu.modal .btn-close { position: absolute; right: 0; top: 0; background-color: #fff; } .pop-menu.modal, .modal-backdrop.show { top: 124px; } .modal-dialog .menu { list-style: none; } .modal-dialog .menu li:nth-child(2n) { background-color: #f7f7f7 } .modal-dialog .menu li { padding: 10px; } .text-white .btn.btn-primary, .btn.btn-secondary { background-color: #72c5c6; } .CTA-block blockquote p.p1 { font-size: 1.1rem; line-height: 1.6rem; margin-bottom: 20px; } .diag { -webkit-transform: skewX(-30deg); transform: skewX(-30deg); overflow: hidden; } .post-section { background-color: #f7f7f7; } .post-section .body-content { background-color: #ffffff; } .sidebar { background-color: #0a2240; } .diag-border { -webkit-transform: skewX(-30deg); width: 50%; height: 100%; display: block; position: absolute; transform: skewX(-30deg); background: #72C5C6; top: 0; right: -50%; } .home-swiper p { font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 30px; } h2 { font-weight: 700; font-style: normal; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 30px; line-height: 56px; font-size: 48px; } .diag img { -webkit-transform: skewX(30deg) translateY(-15%) translateX(-17%); transform: skewX(30deg) translateY(-15%) translateX(-17%); height: 120%; max-width: none; } .z-9 { z-index: 9; } .quote-swiper .meta { margin-top: 30px; margin-bottom: 0; } .contact-section div.wpforms-container-full .wpforms-form input[type=submit], .contact-section div.wpforms-container-full .wpforms-form button[type=submit], .contact-section div.wpforms-container-full .wpforms-form .wpforms-page-button { background-color: #203; border: 0; color: #F2D5C3; font-size: 12px; padding: 10px 30px 8px; text-transform: uppercase; letter-spacing: 1.5px; margin-top: 10px; font-weight: 600; margin-left: auto; text-align: right; display: block; } .btn.btn-primary, .btn.btn-secondary { background-color: #0a2240; border: none; color: #fff; font-size: 13px; text-transform: uppercase; border-radius: 0; padding: 15px 26px 15px 26px; letter-spacing: .05rem; text-align: center; font-weight: 600; background-position: right 15px center; } .btn.btn-primary:hover, .btn.btn-secondary:hover { background-color: #72c5c6; color: #fff; } .btn.btn-secondary { background-color: #72c5c6; } body .btn.btn-secondary:hover { background-color: #0a2240; } .icon-text { font-weight: 700; } .offcanvas a { color: #fff; } .offcanvas ul { list-style: none; padding: 0; } .scroll .pre-head { margin-top: -40px; } header.white nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li.hero-bttn a { color: #fff; } footer .social a:hover { opacity: .5; } .dark-theme { background-color: #e7ebee; } .diagon { background-image: url('../assets/images/diagonal.svg'); background-repeat: no-repeat; background-size: auto 100%; background-position: right -200px center; } .shift.diagon { background-position: right 0px center; -webkit-transition: 1.2s ease-in-out; -moz-transition: 1.2s ease-in-out; -o-transition: 1.2s ease-in-out; transition: 1.2s ease-in-out; } .diag-theme { background-image: url('../assets/images/diagonal-2.svg'); background-repeat: no-repeat; background-size: auto 100%; background-position: right center; position: relative; } .teamThumb.col { position: absolute; top: 0; bottom: 0; left: 0; display: block; z-index: 9; width: 100%; background-blend-mode: multiply; right: 0; background-size: contain; background-position: bottom center; } .dark-theme .btn.btn-primary { background-color: #72C6C7; border: none; color: #0a2240; } .pop-out, .pop-out-lawyers, .pop-out-lawfirms, .pop-out-support, .pop-out-ourfirm { position: fixed; z-index: 99; height: 100%; width: 100%; opacity: .5; -webkit-transform: translateY(-180%); -moz-transform: translateY(-180%); transform: translateY(-180%); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } .article section { -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.85)); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.085)); } .CTA-block ul { margin-bottom: 20px; padding-left: 20px; list-style: none; } .CTA-block li { font-size: 1rem; } .address-float { position: absolute; bottom: 30px; left: 30px; width: 60%; } .tab-content > .active { position: relative; } .article .objectfit { position: relative; z-index: 0; height: 0; width: 100%; object-fit: fill; padding-bottom: 90%; background-size: cover; background-position: center; } .text-white li { color: #fff } .CTA-block li::before { content: ' '; background-image: url('../assets/images/tick.svg'); background-repeat: no-repeat; background-size: auto 100%; margin-right: 5px; margin-left: -20px; display: inline-block; width: 16px; height: 16px; margin-bottom: -4px; } .office-menu { position: absolute; width: 22%; background-color: #C8D1DA; padding: 20px; text-align: center; display: flex; flex-direction: column; z-index: 9999 } body .nav-pills .nav-link { font-size: .7rem; text-transform: uppercase; letter-spacing: .08rem; color: #555F66; text-align: left } #v-pills-tab { background-color: #f7f7f7; position: relative; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link, body .nav-pills .nav-link { color: #0a2240; background-color: transparent; font-weight: 600; border-radius: 0; position: relative; font-size: 16px; padding-left: 18px; } body .swiper-pagination-bullet { border-radius: 50%; } #fader { background: #72c6c7;display: none } footer .social a { text-indent: -9999px; } a.news_img { height: 0; padding-bottom: 75%; display: block; overflow: hidden; background-color: #eee; } .nav-pills .nav-link::after { height: 100%; content: ''; width: 45px; right: 0; position: absolute; -webkit-clip-path: polygon(50% 0, 100% 0, 100% 50%, 100% 100%, 50% 100%, 0 100%, 0 50%, 0 0); clip-path: polygon(50% 0, 100% 0, 100% 50%, 100% 100%, 50% 100%, 0 100%, 0 50%, 0 0); background: #f7f7f7; z-index: 99; top: 0; } .nav-pills a:hover { -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; } @-webkit-keyframes circle { 0% { -webkit-clip-path: polygon(50% 0, 100% 0, 100% 50%, 100% 100%, 50% 100%, 0 100%, 0 50%, 0 0); -webkit-transform: translateX(0%); clip-path: polygon(50% 0, 100% 0, 100% 50%, 100% 100%, 50% 100%, 0 100%, 0 50%, 0 0); transform: translateX(0%); } 100% { -webkit-clip-path: polygon(50% 0, 75% 25%, 100% 50%, 75% 75%, 50% 100%, 25% 75%, 0 50%, 25% 25%); -webkit-transform: translateX(50%); clip-path: polygon(50% 0, 75% 25%, 100% 50%, 75% 75%, 50% 100%, 25% 75%, 0 50%, 25% 25%); transform: translateX(50%); } } @keyframes circle { 0% { -webkit-clip-path: polygon(50% 0, 100% 0, 100% 50%, 100% 100%, 50% 100%, 0 100%, 0 50%, 0 0); -webkit-transform: translateX(0%); clip-path: polygon(50% 0, 100% 0, 100% 50%, 100% 100%, 50% 100%, 0 100%, 0 50%, 0 0); transform: translateX(0%); } 100% { -webkit-clip-path: polygon(50% 0, 75% 25%, 100% 50%, 75% 75%, 50% 100%, 25% 75%, 0 50%, 25% 25%); -webkit-transform: translateX(50%); clip-path: polygon(50% 0, 75% 25%, 100% 50%, 75% 75%, 50% 100%, 25% 75%, 0 50%, 25% 25%); transform: translateX(50%); } } footer p { font-size: .9rem; } .address-float p { font-size: .9rem; line-height: 1.4rem; } #offices { background-color: #f7f7f7; } .grey { background-color: #f7f7f7 } .nav-pills .nav-link.active::after { -webkit-clip-path: polygon(50% 0, 75% 25%, 100% 50%, 75% 75%, 50% 100%, 25% 75%, 0 50%, 25% 25%); clip-path: polygon(50% 0, 75% 25%, 100% 50%, 75% 75%, 50% 100%, 25% 75%, 0 50%, 25% 25%); background: #72c5c6; -webkit-transform: translateX(50%); transform: translateX(50%); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .nav-pills .nav-link:not(.active):hover::after { -webkit-animation: .3s circle forwards; animation: .3s circle forwards; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } article h4 { font-size: 24px; line-height: 31px; color: #0A2540; font-weight: 700; } .readmore:not(.button) { font-weight: 700; color: inherit; } .stories section { background-color: #fff; color: #0A2240; } .stories section .btn.btn-primary, .stories section .btn.btn-secondary { background-color: #72c5c6; } .readmore svg { margin-bottom: 1px; margin-left: 6px; } .nav-pills .nav-link { padding: 1.5rem 1rem 1.5rem 0; padding-left: 0px; } article h4 a { color: inherit } .feat-case-section { background-color: #f7f7f7; position: relative; } article h4 a:not(.button) { color: inherit; font-weight: inherit; } .nav-tabs { border-bottom: 1px solid #3C4F62; } .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover { color: #fff; background-color: transparent; border-bottom: 3px solid #72C6C7; border-top: 0; border-left: 0; border-right: 0; margin-bottom: -1px; } header.white .mobile-nav nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li a:hover { background-color: rgba(255, 255, 255, .25); margin-left: -10px; padding-left: 10px; } header.white nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li.hero-bttn a:hover { border-bottom: none; } header.white nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li.hero-bttn:hover { background-color: #72c6c7; } .btn.btn-primary:hover { background-color: #72c6c7; } .nav-pills .nav-link.active { background-color: #72c5c6; color: #fff; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .copyright *, .copyright p { font-size: 14px; } .copyright a:not(.button):link { text-decoration: underline } .vh-70 .diag img { -webkit-transform: skewX(30deg) translateX(-15%); transform: skewX(30deg) translateX(-15%); } .vh-70 .diagImg { width: 60%; right: -10%; } .vh-70 .diag-border { -webkit-transform: skewX(-30deg); width: 10%; transform: skewX(-30deg); left: 50%; right: auto; } h1 { font-weight: 700; font-style: normal; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 30px; line-height: normal; font-size: 48px; line-height: 54px; } h3 { font-weight: 700; font-style: normal; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 15px; line-height: normal; font-size: 30px; line-height: 36px; } h4 { font-weight: 602; font-style: normal; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 20px; line-height: normal; font-size: 24px; line-height: 32px; letter-spacing: .03rem; } h5 { font-weight: 700; font-style: normal; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 20px; line-height: normal; font-size: 18px; line-height: 24px; letter-spacing: .03rem; } h1 a, h2 a, h3 a, h4 a, h5 a, a h1, a h2, a h3, a h4, a h5 { color: inherit; } #keyword { background-color: #fff; color: #0a2240; text-transform: capitalize; letter-spacing: .5px; border: 0; font-weight: 600; } .btn.btn-tertiary { color: #0A2240; font-weight: 600; letter-spacing: .05rem; padding: 15px 45px 15px 0px; border-bottom: 2px solid; border-radius: 0; font-size: .75rem; padding-right: 30px; background-image: url('../assets/images/right-arrow-d.svg'); background-position: right; background-size: 8px; background-color: transparent; border-top: 0; border-right: 0; border-left: 0; } .fancy { margin-bottom: 0; margin-top: 0; margin-right: 25px; width: 96%; min-height: 60px; line-height: 40px; background-color: #fff; color: #0a2240; padding-left: 10px; font-weight: 600; } .service a:not(.button) { color: #0A2240; text-decoration: underline; font-size: 18px; } .service a:hover { color: #72c6c7 } .lawyers-intro { background-color: #0a2240; } .sidebar form input, .sidebar form label { width: 100%; } .sidebar form input { padding: 20px; border: 0; } .sidebar form strong { color: #fff; font-size: 1rem; } .sidebar form a, .sidebar form p { color: #fff } .sidebar form input[type="checkbox"] { padding: 0; width: 20px; float: left; margin-left: -25px; margin-top: -13px; } .author-byline p, .author-byline a { line-height: 1.25rem; font-size: .85rem; } .gdpr a { margin-top: -10px; display: block; float: left; padding-left: 10px; font-size: 1rem; } h1, h2, h3, h4, h5, .wpex .wpex-dates a, body .wpex h2, .wpex h2 a, body .wpex-single-timeline h1.tl-title, body .wpex .timeline-details h2, body .extl-lb .gslide-description.description-right h3, body .wpex .timeline-details h2, body .wpex-timeline-list, body .wpex { font-family: "graphie", sans-serif; } p { line-height: 1.6rem; text-rendering: optimizeLegibility; margin-top: 0; font-weight: 400; letter-spacing: .025rem; } h6 a:not(.button) { font-weight: 700; border-bottom: 1px solid #72c5c6; padding-bottom: 4px; letter-spacing: 1px; } h6 a:not(.button):hover, .hero a:not(.button):hover { color: #72c5c6; } .sidebar form input[type="submit"] { background-color: #72c6c7; display: block; max-height: none; height: auto; color: #0a2240; margin-top: 30px; font-weight: 600; } .sidebar form input[type="submit"]:hover { background-color: #fff; } .author-byline a { color: #0A2240; text-decoration: underline } .author-byline a:hover { color: #72c6c7; } .author-byline .socials a { color: #0A2240; font-weight: 600; border-bottom: 1px solid; padding-bottom: 1px; } .Previous.Post, .Next.Post { color: #0A2240; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } .Previous.Post::before { content: ''; display: inline-block; margin-right: 10px; height: 20px; width: 10px; background-image: url('../assets/images/left-arrow-d.svg'); background-size: 100%; background-repeat: no-repeat; margin-bottom: -8px; } .Next.Post::after { content: ''; display: inline-block; margin-left: 10px; height: 20px; width: 10px; background-image: url('../assets/images/right-arrow-d.svg'); background-size: 100%; background-repeat: no-repeat; margin-bottom: -8px; } .modal-backdrop { background-color: #0a2240; } .modal-backdrop.show { opacity: .95; } #searchModal .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: none; border-top-left-radius: 0; border-top-right-radius: 0; } .navigation li.active a { color: #fff; } #searchModal label::before { content: ""; width: 3px; height: 80%; background: #72c5c6; display: inline-block; animation: cursor-blink 1.5s steps(2) infinite; margin-top: 5px; } #searchModal label.focus::before { animation: none } @-webbkit-keyframes cursor-blink { 0% { opacity: 0; } } @keyframes cursor-blink { 0% { opacity: 0; } } #s { border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; color: #fff; font-size: 1.4rem; border-bottom: 1px solid #fff; margin-right: 20px; background-color: transparent; padding-bottom: 1rem; } #searchModal .modal-content { background-color: transparent; background-clip: padding-box; border: none; border-radius: 0; } #searchModal .search-submit { background-color: #72c5c6; color: #fff; border: 0 } #searchModal #searchModalLabel { visibility: hidden } .menu li.search a { margin-bottom: -7.4px; } iframe { width: 100%; background-color: #edf0f2; margin-bottom: 20px; } body .modal-content .nav-pills .nav-link { padding: 1rem 2rem 1rem 1rem; font-size: 14px; } .author-byline .col-sm-8 a.under { text-decoration: underline } .gdpr a:hover { color: #72c6c7 } .sidebar form label.gdpr { padding-left: 30px; } #insights, .body-area { background-color: #f7f7f7; padding-top: 3rem; position: relative; } .exp ul { padding: 0; list-style: none; } ul.twocols { columns: 2; -webkit-columns: 2; -moz-columns: 2; list-style: none; padding: 0; } .single h1 { font-size: 48px; line-height: 56px; } .overlay h5 { font-size: 16px; line-height: 28px; font-weight: 400; } .wpex li { background-color: #fff; border: 0; padding: 15px; } .hero a { color: #0a2240; } a:not(.button).linkedin, a:not(.button).twitter, a:not(.button).facebook { color: #0a2240; font-weight: 700; border-bottom: 1px solid; } body .ginput_container input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .ginput_container textarea { width: 100%; border: 1px solid #efefef !important; background: #fff; margin-bottom: 10px; padding: 15px; } .ginput_container textarea { width: 100%; border: 1px solid #505050; } .testimonials { background-color: #f7f7f7; } .grid-item-1, .grid-item-2 .grid-item-3, .grid-item-4, .grid-item-5, .grid-item-6 { position: relative; overflow: hidden; } .dark blockquote { background-color: transparent; } body .accordion-button:not(.collapsed) { color: #0a2240; background-color: transparent; border-top: 1px solid rgba(0, 0, 0, .125); box-shadow: none; } body .dark .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color, #0a2240); } body .dark .accordion-button:not(.collapsed) { border-top: 1px solid #72c6c7; } body .dark .accordion-button:not(.collapsed)::after {} body .dark .accordion-button::after {} body .accordion-button::after { background-size: 1.15rem; } body .accordion-button { font-size: 1.3rem; font-weight: 600; border-top: 1px solid rgba(0, 0, 0, .125); background-color: transparent; line-height: 2.25rem } body .accordion-body { padding: 0rem; } body .accordion-item { background-color: transparent; border: 0; } body .accordion-body { padding-bottom: 2rem; } .accordion-button { position: relative; align-items: center; width: 100%; padding: 0.8rem 0rem 0.8rem; color: #212529; margin-bottom: 1px; } .CTA-block {} .author-byline, article .body-content { -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.072); -moz-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.072); box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.072); } .rh section { background-color: #f7f7f7; } .rh h4 { margin: 0; } .rh img.alignleft { margin-bottom: 15px; } .rh p { margin-bottom: 0; font-size: 80% } .CTA-block ol li::before { display: none } .h75 { height: 0; padding-bottom: 74%; } .single-team .rightImg { width: 50%; } .single-team .home-swiper .swiper-slide.angler::before { width: 100%; z-index: 2; } .lawyers-intro .select-hidden { display: none; visibility: hidden; padding-right: 10px; } .lawyers-intro .select { cursor: pointer; display: inline-block; position: relative; font-size: 16px; min-height: 65px; width: 100%; height: 100%; } article .team { height: 66%; width: 100%; display: block; position: absolute; top: 0; } .diagImg { width: 40%; } .lawyers-intro .select-styled { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; line-height: 53px; padding: 8px 15px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-weight: 500; color: #798797; font-size: .88rem; letter-spacing: .5px; } .lawyers-intro .select-styled:after { content: ""; width: 0; height: 0; border: 6px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-color: #72c5c6 transparent transparent transparent; position: absolute; top: 32px; right: 10px; } header.white nav:not(.main-menu):not(.categorySub) .menu .menu-main-container ul li a { border-bottom: transparent; } .lawyers-intro .select-styled:hover { background-color: #72c5c6; } .lawyers-intro .select-styled:active, .lawyers-intro .select-styled.active { background-color: #72c5c6; color: #fff; } .lawyers-intro .select-styled:active:after, .lawyers-intro .select-styled.active:after { top: 25px; border-color: transparent transparent #fff transparent; } .lawyers-intro .select-options { display: none; position: absolute; top: 100%; right: 0; left: 0; color: #0a2240; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: #f7f7f7; } .lawyers-intro .select-options li { margin: 0; padding: 8px 0; text-indent: 15px; border-top: 1px solid #f7f7f7; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .lawyers-intro .select-options li:hover, .lawyers-intro .select-options li.is-selected { color: #72c5c6; background: #fff; } .lawyers-intro .select-options li[rel="hide"] { display: none; } .z-13 { z-index: 13 } .single-team .vh-70 .diag-border { left: 55%; z-index: 1; } .home-swiper.dark .swiper-slide.angler::before { background: #0a2240; background-image: none; background: -webkit-linear-gradient(300deg, transparent 45%, #0a2240 10px, #0a2240 100%); background: -moz-linear-gradient(300deg, transparent 45%, #0a2240 10px, #0a2240 100%); background: -o-linear-gradient(300deg, transparent 45%, #0a2240 10px, #0a2240 100%); background: -ms-linear-gradient(300deg, transparent 45%, #0a2240 10px, #0a2240 100%); background: linear-gradient(300deg, transparent 45%, #0a2240 10px, #0a2240 100%); } .home-swiper .swiper-slide.angler::before { content: ''; height: 100%; position: absolute; width: 90%; background: #cceaf8; background-image: none; background: -webkit-linear-gradient(300deg, transparent 45%, #fff 10px, #fff 100%); background: -moz-linear-gradient(300deg, transparent 45%, #fff 10px, #fff 100%); background: -o-linear-gradient(300deg, transparent 45%, #fff 10px, #fff 100%); background: -ms-linear-gradient(300deg, transparent 45%, #fff 10px, #fff 100%); background: linear-gradient(300deg, transparent 45%, #fff 10px, #fff 100%); left: 0; z-index: 1; } .single-team .home-swiper .swiper-slide.angler::before { background: -webkit-linear-gradient(400deg, transparent 45%, #eee 10px, #eee 100%); background: -moz-linear-gradient(400deg, transparent 45%, #eee 10px, #eee 100%); background: -o-linear-gradient(400deg, transparent 45%, #eee 10px, #eee 100%); background: -ms-linear-gradient(400deg, transparent 45%, #eee 10px, #eee 100%); background: linear-gradient(400deg, transparent 45%, #eee 10px, #eee 100%); } body .FAQ .accordion-button:not(.collapsed) { border-color: #f7f7f7 } .faqqer.FAQ { background-color: #f7f7f7; } body .FAQ .accordion-item { background-color: #fff; } body.single-team .accordion-body { padding-bottom: 0; } body .FAQ .accordion-button { border-top: 3px solid #f7f7f7; padding: 15px; } body .FAQ .accordion-body { padding-left: 15px; padding-right: 15px; } .dark { background-color: #e7ebee; } .hero.dark { background-color: #0a2240 } .dark .accordion-button { color: #0a2240; border-top: 1px solid 1px solid rgba(0, 0, 0, .125) } .headspace { height: 125px } body .accordion-button:not(.collapsed)::after { background-image: url('../assets/images/collapse.svg'); } body .accordion-button::after { background-image: url('../assets/images/expand.svg'); } .sticky-menu .current_page_item a, .sticky-menu .current_page_item a, .single-stories .menu-item-244 a { background-color: rgba(255, 255, 255, .075); } .sticky-menu a:hover { color: #fff; background-color: rgba(255, 255, 255, .075); } .sticky-menu.stick > div { position: fixed; top: 85px; z-index: 99; width: 100%; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } h6 { font-weight: 700; font-style: normal; text-rendering: optimizeLegibility; margin-top: 0; line-height: normal; letter-spacing: .015rem; text-transform: uppercase; font-size: .825rem; } body .swiper-button-prev.qb, body .swiper-button-next.qb { bottom: auto; top: 50%; margin-top: -14px; } .testimonials h6 { margin-top: 25px; margin-bottom: 30px; } .testimonials .swiper-button-next.qb::after, .testimonials .swiper-button-prev.qb::after { font-family: swiper-icons; font-size: 2rem; color: #fff; } blockquote { font-style: normal; font-size: 1.5rem; font-family: "graphie", sans-serif; line-height: 2rem; font-weight: 500; padding: 25px 0px; letter-spacing: .025rem; } .swiper .attr { text-transform: uppercase; letter-spacing: .07rem; font-size: 12.5px; font-family: "graphie", sans-serif; font-weight: 500; line-height: 22.5px; opacity: .8; } .dark .swiper .attr { color: #0a2240 } .btn.btn-primary:hover { color: #fff } .dark-theme .btn.btn-primary:hover { background-color: #fff; color: #0a2240; } .sticky-menu { background-color: #0A2240 } .sticky-menu ul a { padding: 16.5px 20px; font-size: 12px; line-height: 1.1rem; color: #fff; display: block; letter-spacing: 1.3px; text-transform: uppercase; font-weight: 500; } hr { border: 0; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; border-bottom: 1px solid #f2f2f2; background: #f2f2f2; opacity: .6; margin: 30px 0 20px; } .main-site-logo { width: 160px; height: 38px; display: block; text-indent: -9999px; overflow: hidden; background-image: url('../assets/images/excello-law-logo.svg'); background-size: 100%; margin-bottom: 15px } .sticky-menu ul { display: flex; justify-content: flex-start; list-style: none; } #accordion-info .accordion-button { padding: 15px; border: 0; background-color: #0A2540; color: #fff; } #accordion-info .accordion-button h4 { margin: 0 } body #accordion-info .accordion-button:not(.collapsed)::after { background-image: url('../assets/images/expand-w.svg'); } body #accordion-info .accordion-button::after { background-image: url('../assets/images/collapse-w.svg'); } .sticky-menu a { border-left: 1px solid rgba(255, 255, 255, .1); } .sticky-menu ul li:last-child a { border-right: 1px solid rgba(255, 255, 255, .1); } .single-team .diag-border { right: 20%; z-index: 0; } .hero { overflow: hidden; } .search-form { background-color: transparent; } .opac-9 { opacity: .9 } .CTA-block { background-size: cover; overflow: hidden; position: relative; } .CTA-block blockquote { margin-top: 40px; } .CTA-block blockquote p { font-style: normal; font-size: 1.2rem; line-height: 1.9rem; margin-bottom: 20px; } blockquote::before { content: ''; width: 60px; background-position: center; height: 60px; display: block; background-size: 100%; background-repeat: no-repeat; position: absolute; background-image: url('../assets/images/quote-m.svg'); left: -70px; top: -45px; } blockquote { position: relative } body .body-content .author-byline { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body .wpex-timeline-list.show-clean .wpex-timeline > li > div.tl-ani { position: relative; z-index: 0; } body .vh-70 { height: calc(70vh - 140px) !important; height: -o-calc(70vh - 140px) !important; height: -webkit-calc(70vh - 140px) !important; height: -moz-calc(70vh - 140px) !important; min-height: 430px; max-height: 460px; }