@charset "UTF-8"; /* Theme Name: Elite Marine Theme Theme URI: Version: 1.02-2022 Author: Green Dot Advertising Author URI: https://www.greendotadvertising.com Tags: License: MIT License URI: http://opensource.org/licenses/mit-license.php */ /* CSS Document Fonts ---------------------------- font-family:"Avenir W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family:"Avenir W01", "Helvetica Neue", Helvetica, Arial, sans-serif; @media only screen and (max-width:767px) { } */ @font-face { font-family: "base-set"; src: url("fonts/base-set.eot"); src: url("fonts/base-set.eot?#iefix") format("embedded-opentype"), url("fonts/base-set.woff") format("woff"), url("fonts/base-set.ttf") format("truetype"), url("fonts/base-set.svg#base-set") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "base-set" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "base-set" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-close:before { content: "\61"; } .icon-menu:before { content: "\62"; } .icon-facebook-square:before { content: "\63"; } .icon-linkedin-square:before { content: "\64"; } .icon-twitter-square:before { content: "\65"; } .icon-instagram:before { content: "\66"; } .icon-pinterest-square:before { content: "\67"; } .icon-google-plus-square:before { content: "\68"; } .icon-youtube-square:before { content: "\69"; } .icon-vimeo-square:before { content: "\6a"; } .icon-cart:before { content: "\6b"; } .icon-magnifying-glass:before { content: "\73"; } .icon-facebook:before { content: "\6c"; } .icon-google-plus:before { content: "\6d"; } .icon-linkedin:before { content: "\6e"; } .icon-pinterest-p:before { content: "\6f"; } .icon-twitter:before { content: "\70"; } .icon-vimeo:before { content: "\71"; } .icon-youtube-play:before { content: "\72"; } .icon-youtube:before { content: "\74"; } .icon-phone:before { content: "\75"; } .icon-basket:before { content: "\76"; } .icon-link:before { content: "\77"; } .icon-rss:before { content: "\78"; } .icon-facebook-places:before { content: "\79"; } .icon-plus-circled:before { content: "\7a"; } .icon-minus-circled:before { content: "\41"; } @font-face { font-family: "circles"; src: url("fonts/circles.eot"); src: url("fonts/circles.eot?#iefix") format("embedded-opentype"), url("fonts/circles.woff") format("woff"), url("fonts/circles.ttf") format("truetype"), url("fonts/circles.svg#circles") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "circles" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="circ-"]:before, [class*=" circ-"]:before { font-family: "circles" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .circ-facebook:before { content: "\61"; } .circ-instagram:before { content: "\62"; } .circ-linkedin:before { content: "\63"; } .circ-twitter:before { content: "\64"; } .circ-youtube:before { content: "\65"; } .circ-location:before { content: "\66"; } .circ-arrow-circle-right:before { content: "\67"; } .circ-arrow-circle-left:before { content: "\68"; } @font-face { font-family: "Avenir W01_n2"; src: url("fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix") format("eot") } @font-face { font-family: "Avenir W01"; src: url("fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix"); src: url("fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix") format("eot"), url("fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"), url("fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff"), url("fonts/4577388c-510f-4366-addb-8b663bcc762a.ttf") format("truetype"), url("fonts/b0268c31-e450-4159-bfea-e0d20e2b5c0c.svg#b0268c31-e450-4159-bfea-e0d20e2b5c0c") format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: "Avenir W01_o2"; src: url("fonts/63a166cb-be60-435c-a056-75172e43efa5.eot?#iefix") format("eot") } @font-face { font-family: "Avenir W01"; src: url("fonts/63a166cb-be60-435c-a056-75172e43efa5.eot?#iefix"); src: url("fonts/63a166cb-be60-435c-a056-75172e43efa5.eot?#iefix") format("eot"), url("fonts/a59168c1-917d-4de9-a244-0316c057c357.woff2") format("woff2"), url("fonts/6dc0e7d8-9284-44e1-8f05-984a41daa3a4.woff") format("woff"), url("fonts/2315df7a-8bc2-433d-bf0a-162fc0063de0.ttf") format("truetype"), url("fonts/7b1e5b2a-b6a6-43da-9021-ada6d1d797f2.svg#7b1e5b2a-b6a6-43da-9021-ada6d1d797f2") format("svg"); font-weight: 200; font-style: oblique; } @font-face { font-family: "Avenir W01_n3"; src: url("fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix") format("eot") } @font-face { font-family: "Avenir W01"; src: url("fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix"); src: url("fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix") format("eot"), url("fonts/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"), url("fonts/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff"), url("fonts/c70e90bc-3c94-41dc-bf14-caa727c76301.ttf") format("truetype"), url("fonts/0979215b-3a1b-4356-9c76-e90fa4551f1d.svg#0979215b-3a1b-4356-9c76-e90fa4551f1d") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Avenir W01_o3"; src: url("fonts/d8c50fcc-bc32-4f31-8c24-b170c64e2254.eot?#iefix") format("eot") } @font-face { font-family: "Avenir W01"; src: url("fonts/d8c50fcc-bc32-4f31-8c24-b170c64e2254.eot?#iefix"); src: url("fonts/d8c50fcc-bc32-4f31-8c24-b170c64e2254.eot?#iefix") format("eot"), url("fonts/476612d9-282d-4f76-95cd-b4dd31e7ed21.woff2") format("woff2"), url("fonts/f1ebae2b-5296-4244-8771-5f40e60a564a.woff") format("woff"), url("fonts/04d1bf6c-070d-4b7e-9498-6051c9f0c349.ttf") format("truetype"), url("fonts/d0a3e813-1257-4b66-812a-36101faa0fb3.svg#d0a3e813-1257-4b66-812a-36101faa0fb3") format("svg"); font-weight: 300; font-style: oblique; } @font-face { font-family: "Avenir W01_n4"; src: url("fonts/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix") format("eot") } @font-face { font-family: "Avenir W01"; src: url("fonts/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix"); src: url("fonts/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix") format("eot"), url("fonts/b290e775-e0f9-4980-914b-a4c32a5e3e36.woff2") format("woff2"), url("fonts/4b978f72-bb48-46c3-909a-2a8cd2f8819c.woff") format("woff"), url("fonts/9bdf0737-f98c-477a-9365-ffc41b9d1285.ttf") format("truetype"), url("fonts/15281d0d-e3c2-46e1-94db-cb681e00bfaa.svg#15281d0d-e3c2-46e1-94db-cb681e00bfaa") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "Avenir W01_o4"; src: url("fonts/1e9b2738-9316-4b0c-97c0-5423b69ea147.eot?#iefix") format("eot") } @font-face { font-family: "Avenir W01"; src: url("fonts/1e9b2738-9316-4b0c-97c0-5423b69ea147.eot?#iefix"); src: url("fonts/1e9b2738-9316-4b0c-97c0-5423b69ea147.eot?#iefix") format("eot"), url("fonts/1a7173fa-062b-49ad-9915-bc57d3bfc1f5.woff2") format("woff2"), url("fonts/cdda031e-26e9-4269-83d1-5a218caa10db.woff") format("woff"), url("fonts/6d1ce413-19e7-4b43-b328-6cdedc58b35a.ttf") format("truetype"), url("fonts/33fac8ae-e7a5-4903-9ac1-c09a59b4c61d.svg#33fac8ae-e7a5-4903-9ac1-c09a59b4c61d") format("svg"); font-weight: 400; font-style: oblique; } @font-face { font-family: "Avenir W01_n5"; src: url("fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix") format("eot") } @font-face { font-family: "Avenir W01"; src: url("fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix"); src: url("fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix") format("eot"), url("fonts/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"), url("fonts/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff"), url("fonts/25f994de-d13f-4a5d-a82b-bf925a1e054d.ttf") format("truetype"), url("fonts/3604edbd-784e-4ca7-b978-18836469c62d.svg#3604edbd-784e-4ca7-b978-18836469c62d") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: "Avenir W01_o5"; src: url("fonts/cebcf56a-ea7e-4f5c-8110-a7ee367c1f91.eot?#iefix") format("eot") } @font-face { font-family: "Avenir W01"; src: url("fonts/cebcf56a-ea7e-4f5c-8110-a7ee367c1f91.eot?#iefix"); src: url("fonts/cebcf56a-ea7e-4f5c-8110-a7ee367c1f91.eot?#iefix") format("eot"), url("fonts/deb5e718-7abb-4df3-9365-edfa95317090.woff2") format("woff2"), url("fonts/04801919-17ee-4c6b-8b17-eb1965cb3ed6.woff") format("woff"), url("fonts/cee053ec-4b41-4506-a1fe-796261690610.ttf") format("truetype"), url("fonts/38a556e4-b6e5-48c6-aece-b1d470af124e.svg#38a556e4-b6e5-48c6-aece-b1d470af124e") format("svg"); font-weight: 500; font-style: oblique; } @font-face { font-family: "Avenir W01_n8"; src: url("fonts/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix") format("eot") } @font-face { font-family: "Avenir W01"; src: url("fonts/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix"); src: url("fonts/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix") format("eot"), url("fonts/c78eb7af-a1c8-4892-974b-52379646fef4.woff2") format("woff2"), url("fonts/75b36c58-2a02-4057-a537-09af0832ae46.woff") format("woff"), url("fonts/b5c44a82-eeb8-41de-9c3f-a8db50b24b8a.ttf") format("truetype"), url("fonts/93603a74-2be0-436c-83e1-68f9ef616eaf.svg#93603a74-2be0-436c-83e1-68f9ef616eaf") format("svg"); font-weight: 800; font-style: normal; } @font-face { font-family: "Avenir W01_o8"; src: url("fonts/4030caeb-d266-4d36-ac58-a3bb7a5b1bfa.eot?#iefix") format("eot") } @font-face { font-family: "Avenir W01"; src: url("fonts/4030caeb-d266-4d36-ac58-a3bb7a5b1bfa.eot?#iefix"); src: url("fonts/4030caeb-d266-4d36-ac58-a3bb7a5b1bfa.eot?#iefix") format("eot"), url("fonts/a2477e08-09d9-4d4b-97a9-23a1e22cb44c.woff2") format("woff2"), url("fonts/19d12bba-92b1-43ad-9bab-cd36a4195c2a.woff") format("woff"), url("fonts/5ba5a010-7470-4d9d-8a49-2920dc1be1f8.ttf") format("truetype"), url("fonts/6d4a6a8c-ef50-422f-8456-88d479e0b23d.svg#6d4a6a8c-ef50-422f-8456-88d479e0b23d") format("svg"); font-weight: 800; font-style: oblique; } @font-face { font-family: "quotes"; src: url("fonts/quotes.eot"); src: url("fonts/quotes.eot?#iefix") format("embedded-opentype"), url("fonts/quotes.woff") format("woff"), url("fonts/quotes.ttf") format("truetype"), url("fonts/quotes.svg#quotes") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "quotes" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="quotes-"]:before, [class*=" quotes-"]:before { font-family: "quotes" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .quotes-star:before { content: "\2a"; } .quotes-left-quote:before { content: "\201c"; } .quotes-right-quote:before { content: "\201d"; } /* Normalize and reset ----------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; /* font-weight:normal; font-style:normal; */ } body { padding: 0; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*This needs to be set or some font faced fonts look bold on Mac. */ } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } sup { font-size: 50%; vertical-align: baseline; position: relative; bottom: 0.75em; } a { color: inherit; text-decoration: none; } a:hover { text-decoration: underline; } button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { padding: 0 !important; border: 0 none !important; } @-ms-viewport { /* this fixes an IE issue see:http://mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html*/ width: device-width; } img { display: block } .clear, .zone { clear: both; } .clear:after, .zone:after { content: ' '; display: block; clear: both; height: 0; width: 0; overflow: hidden; } .nobr, .Nobr { white-space: nowrap; } @media only screen and (max-width:767px) { .nobr { white-space: normal !important; } } /* End normalize Global scaling for different viewport sizes when keeping the desktop layout. Mobile layout adjustments are coded next to the element that changes. To work correctly, sizes need to be declared in em units. For this site 1em == 16px for a standard desktop viewport. ------------------------ */ html { font-size: 100%; } /* @media only screen and (max-width:1700px) { html { font-size:.9375vw;}} @media only screen and (max-width:2560px) { html { font-size:.625vw;}} @media only screen and (max-width:2520px) { html { font-size:.625vw;}} */ @media only screen and (max-width:2500px) { html { font-size: .64vw; } } /* there is JS in scripts.js for all the in-between sizing @media only screen and (max-width:2000px) { html { font-size:.75vw;}} */ @media only screen and (max-width:767px) { html { /* font-size:87.5%; */ font-size: 93.75%; overflow-x: hidden; } body { overflow-y: auto; overflow-x: hidden; } } @media only screen and (max-width: 570px) { html { -webkit-text-size-adjust: 100%; } } /* Site Styles ---------------------------- */ body { font-family: "Avenir W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 200; color: #414042; opacity: 0; transition: all .25s linear; background: #f2f2f2; } /* Structure ========================= */ .hld { display: block; width: 100%; overflow: hidden; max-width: 156.25em; /*2500 */ margin: 0 auto; background: #fff; transition: all 0s linear; z-index: 1; background: #fff; padding-top: 0; box-shadow: 0 0 1em rgba(0, 0, 0, .27); } .page-template-page-image-above .hld { padding-top: 0; } @media only screen and (max-width:767px) { .hld { overflow: hidden; display: block; position: relative; margin: 0; background: #fff; z-index: 5; } } .header_image { width: 100%; height: 0; position: relative; overflow: hidden; padding: 0 0 1px 0; transition: all .5s linear; font-size: 1em; } .header_image a:hover { text-decoration: none !important; } /* @media only screen and (max-width:1598px) { .header_image { font-size:1vw; } } @media only screen and (max-width:767px) { .header_image { font-size:1.75vw; } } */ span.image { display: inline-block; overflow: hidden; } span.image > img { width: 100%; height: 0 !important; display: block; margin: 0; opacity: 0; transition: opacity .25s linear; } span.image img.b-loaded { /* */ opacity: 1; padding: 0 !important; height: auto !important; } .block > span.image, .zone > span.image {} .block > span.image > img.b-loaded, .zone > span.image > img.b-loaded {} .header_image.slide { position: absolute; top: 0; left: 0; bottom: 0; transition: all 0 linear !important; } .slider { display: block; position: relative; z-index: 1; } .header_image > a, .slider > a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .thin_image { padding: 0 0 25% 0; } .big_image { padding: 0 0 55% 0; } /* @media only screen and (max-width:767px) { .hld { min-height:100%; min-height: calc( 100% - 115px ); } } */ .block { width: 100%; position: relative; } .zone { display: block; position: relative; width: 100%; margin: 0 auto; box-sizing: border-box; max-width: 100%; padding: 1px 0; height: 100%; } @media only screen and (max-width:767px) { .block .zone .box, .block .zone .image { width: 100% !important; float: none !important; margin-right: auto !important; margin-left: auto !important; } .zone { max-width: 95%; } .zone {} } .navbar .zone { max-width: 100%; } .block.navbar .zone ul { margin: 0; } .block .box { padding: 1px 0 1em 0; } /* .box :last-child { margin-bottom:0; } */ @media only screen and (max-width:767px) { .block .box { /*text-align:left; */ } } /* .block.half_half .zone .box { width: 100%; box-sizing: border-box; } .half_half .background { width:100%; display:block; } .half_half { position: relative; } .half_half .half_image { position: absolute; top: 0; bottom: 0; z-index:10; } .half_half.half_right .half_image { left: 50%; right: 0; background-position: left top !important; } .half_half.half_left .half_image { left: 0; right: 50%; background-position: right top !important; } .half_half.half_right .half_image.contain, .half_half.half_left .half_image.contain { background-position: center center !important; background-repeat: no-repeat !important; } .block.half_half.half_right .box { padding-right: 54% !important; padding-left: 8% !important; } .block.half_half.half_left .box { padding-left: 54% !important; padding-right: 8% !important; } @media only screen and (max-width:767px) { .block.half_half.half_right .box ,.block.half_half.half_left .box { padding-right: 0 !important; padding-left: 0 !important; width:100%; margin:0 auto; max-width:423px; float:none; } .half_half .half_image { position:relative; width:100%; height:0; padding:0 0 50% 0; top:0; bottom:0; left:0 !important; right:0 !important; } } @media only screen and (max-width:767px) { .zone { width:90%; } } /* */ .zone > img, .zone > span.image { height: auto; } .two_column .box, .box.two_column { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; margin-bottom: 3em; } .three_column .box, .box.three_column { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; margin-bottom: 3em; } .one_column .box { text-align: left; width: 60%; margin-left: 4.5%; } .center_column_lg .box { width: 100%; margin: 0 auto; text-align: center; } .center_column { text-align: center; } .center_column .box { width: 54%; margin: 0 auto; text-align: center; display: inline-block; vertical-align: top; } /* .box img { display: block; width: 100%; height: auto; } */ @media only screen and (max-width:767px) { .center_column .box, .center_column_lg .box, .one_column .box { width: 100%; } .center_column .box { max-width: 570px; } .one_column .box, .center_column_lg .box { max-width: 618px; margin-left: auto; } .two_column .box, .box.two_columnl { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; max-width: 450px; margin: 0 auto; } .two_column .zone > h2 { margin-left: calc(50% - 225px) } } @media only screen and (max-width:450px) { .two_column .zone > h2 { margin-left: 0; } } /* .split .box { width:42%; max-width:500px; float:left; } .split .box1 { margin-left:8%; margin-right:4%; } @media only screen and (max-width:767px) { .split .box { width:100%; margin:0 auto !important; max-width:440px; float:none; } } .split_7030 .box { float: left; } .split_7030 .box:nth-child(odd) { width: 70%; padding-right: 1.5em; } .split_7030 .box:nth-child(even) { width: 30%; padding-left: 1.5em; } .split_6040 .box { float: left; } .split_6040 .box:nth-child(odd) { width: 60%; padding-right: 1.5em; } .split_6040 .box:nth-child(even) { width: 40%; padding-left: 1.5em; } .split_4060 .box { float: left; box-sizing: border-box; } .split_4060 .box:nth-child(odd) { width: 44%; padding-right: 1.5em; } .split_4060 .box:nth-child(even) { width: 56%; padding-left: 1.5em; } .split_5545 .box { float: left; } .split_5545 .box:nth-child(odd) { width: 50%; padding-right: 1.5em; } .split_5545 .box:nth-child(even) { width: 45%; padding-left: 1.5em; } .split_3366 .box { float: left; } .split_3366 .box:nth-child(odd) { width: 33%; padding-right: 1.5em; } .split_3366 .box:nth-child(even) { width: 66%; padding-left: 1.5em; } .split_3333 .box { float: left; width: 33%; padding-left: 2em; } .split_3333 .box:first-child { width: 33%; padding-left: 0; } @media only screen and (max-width:767px) { .split_4060 .box { width:100% !important; float:none; margin:0 auto; } .split_4060 .box:nth-child(odd) { padding:0 0 0 0 !important; max-width:440px; } .split_4060 .box:nth-child(even) { padding:0 0 0 0 !important; max-width:592px; } } @media only screen and (max-width:767px) { .split .box , .split_5545 .box , .split_3366 .box , .split_3333 .box , .split_6040 .box , .split_7030 .box ,.split_3333 .box:first-child ,.split_4060 .box { width:100% !important; float:none; margin:1em auto; } .split .box:nth-child(odd) , .split .box:nth-child(even) ,.split_7030 .box:nth-child(odd) ,.split_7030 .box:nth-child(even) ,.split_6040 .box:nth-child(odd) ,.split_6040 .box:nth-child(even) , .split_5545 .box:nth-child(odd) , .split_5545 .box:nth-child(even) ,.split_3366 .box:nth-child(odd) ,.split_3366 .box:nth-child(even) ,.split_3333 .box:first-child ,.split_4060 .box:nth-child(odd) ,.split_4060 .box:nth-child(even) { padding:0 0 0 0 !important; } .up3_5 { margin:0; } } */ .center_column .zone > h2 { text-align: center; } .zone .box { box-sizing: border-box; } .img { display: block; position: relative; margin-bottom: 3em; box-sizing: border-box; } .img img { display: block; width: 100%; height: auto; } .split .img { width: 48.5%; float: left; box-shadow: 0 .125em .25em rgba(0, 0, 0, .3); } .split .img:nth-child(odd) { margin-right: 3%; } .img .capt { font-size: .75em; color: #fff; display: block; position: absolute; bottom: 0; width: 100%; padding: .5em; line-height: 1.5em; left: 0; background: rgba(0, 0, 0, .7); box-sizing: border-box; } .img .capt strong { display: block; text-transform: uppercase; font-weight: 200; color: #fff; } /* Background Colors */ .bk_white { background-color: #fff; } .bk_grey { background-color: #f2f3f3; } .bk_grey.dark { background-color: #a7a9ac; } .bk_blue { background-color: #d0e6f3; } .bk_blue.dark { background-color: #081831; } .dark { color: #fff; } /* Background image strech ========================================*/ .contain, .covered, .cover { position: relative; box-sizing: border-box; background-position: center center; background-repeat: no-repeat; } .covered, .cover { /* background-size: auto 100%;*/ background-size: cover; } .covered.home_header { background-size: cover; } .covered, .cover { opacity: 0; transition: opacity .25s linear; } .fixed { background-attachment: fixed !important; background-size: cover; } .contain { opacity: 1; } .contain.b-loaded { opacity: 0; background-size: contain; } .covered.b-loaded, .cover.b-loaded { opacity: 1; } .covered > img, .cover > img, .covered > a > img, .cover > a > img, .covered > span.image, .cover > span.image { width: 100%; height: auto; z-index: 0; opacity: 0; position: relative; display: none; } .covered.autoimg { background-size: 100% 100%; display: block; } .covered.autoimg > img, .covered.autoimg > span.image { position: relative; width: 100%; height: auto; display: block; } @media only screen and (max-width:767px) { .covered > img, .cover > img, .covered > span.image, .cover > span.image { position: relative; } } /* ##### PARALLAX AREA ##### */ .parallax, .parallax_left, .parallax_right, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6, .parallax7, .parallax8, .parallax1 { background-attachment: fixed !important; background-repeat: no-repeat; background-size: cover; position: relative; } .parallax:before, .parallax:after, .parallax_left:before, .parallax_right:before, .parallax2:before, .parallax3:before, .parallax4:before, .parallaxleft:after, .parallaxright:after, .parallax2:after, .parallax3:after, .parallax4:after, .parallax5:after, .parallax6:after, .parallax7:after, .parallax8:after, .parallax1:after { content: ' '; display: block; width: 100%; height: 2em; overflow: hidden; background: url(img/bk_shad.png) center top no-repeat; background-size: 100% 2em; position: absolute; z-index: 10; bottom: 0 !important; left: 0; top: auto; -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: .8; } .covered.parallax, .parallax2 { background-position: center top; } .covered.parallax_left { background-position: left top; } .covered.parallax_right { background-position: right top; } @media only screen and (max-width:1024px) { .fixed { background-attachment: scroll; } } @media only screen and (max-width:1024px) { .parallax, .parallax_left, .parallax_right, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6, .parallax7, .parallax8, .parallax1 { background-attachment: scroll !important; } .parallax:before, .parallax:after, .parallaxleft:before, .parallaxright:before, .parallax2:before, .parallax3:before, .parallax4:before, .parallaxleft:after, .parallaxright:after, .parallax2:after, .parallax3:after, .parallax4:after, .parallax5:after, .parallax6:after, .parallax7:after, .parallax8:after, .parallax1:after { background: none !important; display: none !important; } } .covered.image_left { background-position: left center; } .covered.image_right { background-position: right center; } .contain > img, .contain > span.image { width: 100%; height: auto; opacity: 0; position: relative; } .zone .contain { width: 42%; height: 100%; position: absolute; top: 0; bottom: 0; overflow: hidden; } /* Form formating */ .block .zone .box ul.sd_frm { margin-bottom: 0; } .sd_frm li { background: none !important; margin: 0 0 0 0; padding: 0 0 1em 0 !important; text-align: left; display: block; } .block .sd_frm li:before { display: none !important; background: none !important; } .sd_frm .input input, .sd_frm .input textarea, .sd_frm .select select { font-family: "Avenir W01", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; border: none; display: block; background: #fff; width: 100%; border: 1px solid #eee; border: 1px solid rgba(0, 0, 0, .5); padding: .3125em 0 .3125em .5em; margin: 0 0 0 0; color: #203049; box-sizing: border-box; font-weight: 400 !important; -webkit-font-smoothing: antialiased; -webkit-appearance: none; -moz-appearance: none; text-transform: none !important; border-radius: 0;height: 2.5em; } .sd_frm .select option { color: inherit; font-size: inherit; } .sd_frm .select select { background-image: url(img/select-arrow.png); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; } .sd_frm .input textarea { height: 8.3125em !important; } @media only screen and (max-width:767px) { .sd_frm .input input, .sd_frm .input textarea { font-size: 16px !important } .box .sd_frm { max-width: 300px; margin-right: auto; margin-left: auto; } } .sd_frm .input label, .sd_frm .select label { display: none; } .sd_frm .input input:focus, .sd_frm .input textarea:focus { color: #203049; font-weight: 700 !important; } .sd_frm .bt { font-family: "Avenir W01", "Helvetica Neue", Helvetica, Arial, sans-serif; /* */ margin-bottom: 0; /*font-size: 1.125em; display: inline-block; width: auto; text-align: center; font-weight:200; padding-left: 0; padding-right: 0; padding-left: 1em; padding-right: 1em; border-radius: 0; */ white-space: nowrap; } .sd_frm li.addr { display: none; } ::-webkit-input-placeholder { /* Chrome */ color: #666; font-weight: 200; transition: opacity 250ms ease-in-out; } :focus::-webkit-input-placeholder { opacity: 0.5; } :-ms-input-placeholder { /* IE 10+ */ color: #666; font-weight: 200; transition: opacity 250ms ease-in-out; } :focus:-ms-input-placeholder { opacity: 0.5; } ::-moz-placeholder { /* Firefox 19+ */ color: #666; font-weight: 200; opacity: 1; transition: opacity 250ms ease-in-out; } :focus::-moz-placeholder { opacity: 0.5; } :-moz-placeholder { /* Firefox 4 - 18 */ color: #666; font-weight: 200; opacity: 1; transition: opacity 250ms ease-in-out; } :focus:-moz-placeholder { opacity: 0.5; } /* Gallery */ .gallery > a { display: block; overflow: hidden; width: 20%; height: auto; float: left; background-position: center center; padding: 0; background-size: cover; box-sizing: border-box; } .gallery > a:before { content: ' '; display: block; width: 100%; height: 0 !important; overflow: hidden; padding: 0 0 90% 0; } .gallery > a:after { content: ' '; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 100%; bottom: 0 !important; opacity: 0; transition: all .25s linear; background: rgba(0, 0, 0, .65) url(img/magnifyingglass.png) center center no-repeat; background-size: contain; z-index: 2; box-shadow: inset 0 0 10% rgba(0, 0, 0, .9); } .gallery > a:hover:after { right: 0; opacity: 1; bottom: 0 !important; } @media only screen and (max-width:767px) { .zone .contain { width: 30%; height: auto; position: relative !important; bottom: auto; top: auto; top: 1em; } } /* work gallery * / .work_gallery { padding-bottom:5em; } @media only screen and (max-width:767px) { .work_gallery { padding-bottom:25px; } } .work_gallery .gallery>a { display:block; overflow: hidden; width:20%; height:0; float:left; background-position: center center; padding:20% 0 0 0; position:relative; background-color:#000; } .work_gallery .gallery>a.hidden { display:none; } .work_gallery .gallery>a:after { content:' '; display:block; width:100%; height:100%; position:absolute; opacity:0; top:0; left:0; transition: all .5s linear; } .work_gallery .gallery>a:hover:after { opacity:1; } /* big element special drop shaddows ========================================*/ .top_shadow, .bottom_shadow { position: relative; } .top_shadow:before { content: ' '; display: block; width: 100%; height: 3em; overflow: hidden; background: url(img/bk_shad.png) center top no-repeat; background-size: 100% 3em; position: absolute; z-index: 0; top: 0; left: 0; opacity: .5; } .bottom_shadow:before { content: ' '; display: block; width: 100%; height: 3em; overflow: hidden; background: url(img/bk_shad.png) center top no-repeat; background-size: 100% 3em; position: absolute; z-index: 10; bottom: -3em; left: 0; opacity: .5; } @media only screen and (max-width:767px) { .top_shadow:before, .bottom_shadow:before { font-size: .5em; } } /* Text ========================= */ strong { font-weight: 800; } .green { color: #053f78; } h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote { display: block; box-sizing: border-box; font-weight: inherit; } h1, h2, h3, h4, h5, h6 { font-family: "Avenir W01", "Helvetica Neue", Helvetica, Arial, sans-serif; } .blog blockquote { background: #e3f5f1; padding: 2em 3em; margin-bottom: 3em; font-style: italic; color: #0b485e; } .blog blockquote :first-child { margin-top: 0 !important; } .blog blockquote :last-child { margin-bottom: 0 !important; } h1, h2 { font-size: 3em; /* 48 pt */ margin: 1em auto 0 auto; font-weight: 700; line-height: 1em; color: #063568; } h1 strong, h2 strong { display: block; font-weight: 800; } @media only screen and (max-width:767px) { h1, h2 { font-size: 1.5em; margin-top: 1.25em; } } h3 { font-size: 2.625em; margin: 0 auto 1em auto; line-height: 1em; font-weight: 200; line-height: 1.143em; color: #414042; } @media only screen and (max-width:767px) { h3 { font-size: 1.3em; } } h4 { font-size: 2.1875em; line-height: 1.33333333333333em; margin: 1em auto 0 auto; color: #183557; font-weight: 700; } @media only screen and (max-width:767px) { h4 { font-size: 1.2em; } } h5 { font-size: 2em; margin-: 0; font-weight: 800; color: #0055a5; line-height: 1.5em; } h6 { font-size: 1.875em; font-weight: 800; margin: 1em 0 .25em 0; line-height: 1.5em; } @media only screen and (max-width:767px) { h6 { font-size: 1em; } h5 { font-size: 1em; } } .dark h1, .dark h2, .dark h1 strong, .dark h2 strong, .dark h3, .dark h4, .dark h5, .dark h6, .dark { color: #fff; } .yellow, h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow, h6.yellow { color: #f2c105; } .black, h1.black, h2.black, h3.black, h4.black, h5.black, h6.black { color: #414042; } .block p, .box p { width: 100%; font-size: 1.875em; /* 30 */ margin: 0 0 1.125em 0; line-height: 1.6em; /* */ } .block p a, .block li a { text-decoration: underline; color: #081831; } .dark p a, .dark li a { color: #ffffff; } .block p a:hover, .block li a:hover { text-decoration: none; } .intro { font-size: 120%; color: #1760a9; } @media only screen and (max-width:767px) { .intro {} .zone p, .box p { font-size: 1em; } } .dark .intro { color: #fff; } /* .box2 img { width: 100%; }*/ .box ul, .box ol { display: block; margin: 0 0 2em 0; box-sizing: border-box; } @media only screen and (max-width:767px) { .box ul, .box ol { font-size: 1em; margin: 0 0 1em 0; } } .zone ul {} ol { counter-reset: thecounter; } li { margin: 0 0 0 0; display: block; position: relative !important; width: 100%; padding: 0 0 0 1em; box-sizing: border-box; font-size: 1.875em; line-height: 1.1em; /* */ } @media only screen and (max-width:767px) { li { font-size: 1em; } } li strong {} ol li { margin: 0 0 .5em 0; padding: 0 0 0 2em; } ol li:before { counter-increment: thecounter; content: counter(thecounter)'.'; color: #193567; display: block; position: absolute; top: 0; left: 0; font-weight: 800; text-align: right; width: 1.25em; } .blog ol li:before { color: #00aeef; } ul li { line-height: 1.2em; padding: 0 0 .5em 1.25em; display: block; position: relative; } /* ul li:before { display:block; content:''; overflow: hidden; position:absolute; left: 1em; top: .9em; font-weight: 600; width: 0.83333333333333em; height: 0.83333333333333em; background: #203049; border-radius: 50%; font-size: .4em } */ ul li:before { display: block; content: '•'; overflow: hidden; position: absolute; left: 0; top: 0; font-weight: 200; color: #193567; font-size: 1em } .dark ul li:before { background: none; color: #949292 !important } /* Menus ========================= */ .jump_menu { text-align: center; font-size: 1.125em; padding: 1em 0; color: #777; } .jump_menu a { display: inline-block; padding: .75em; } @media only screen and (max-width:767px) { .jump_menu { display: none; } } @media only screen and (max-width:479px) { .jump_menu { display: none; } } .navbar, #sticky-wrapper { position: relative !important; } /* #sticky { bottom:-100%; height:12.1875em; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .close .sticky-wrapper, .close #sticky { overflow:visible; height:100% !important; display:inline; top:0; bottom:0; width: 100%; z-index: 1000; , .sticky-wrapper.is-sticky .navbar ,.sticky-wrapper .navbar.close }*/ .navbar.is-sticky, #sticky.is-sticky { width: 100%; z-index: 2100; position: fixed !important; top: 0; left: 0; padding: 0 !important; } .nav_holder { width: 100%; position: relative; max-width: 156.25em; /* 2500 */ margin: 0 auto; position: relative; background: none; padding: 0; height: 8em; box-sizing: border-box; /* padding-right:16px; */ padding-top: 1px; padding-bottom: 1px; } .nav_holder.spacer { font-size: 1em; height: 0; padding: 0; } .sticking .nav_holder.spacer { height: 7.125em; } .navbar .nav_holder { background: #fff; box-shadow: 0 .25em .25em -.125em rgba(0, 0, 0, .5); } @media only screen and (max-width:767px) { .nav_holder, .navbar, .sticky-wrapper.is-sticky .navbar, #sticky.is-sticky, .sticky-wrapper .navbar.close, .sticking .nav_holder.spacer { height: 55px; padding-right: 0; box-sizing: border-box; } .nav_holder { padding: 10px 0; } } .sticky-wrapper { /* margin-bottom:-4.75em; margin-top:-4.75em;*/ height: auto !important; } .navbar .zone { padding: 0 !important; text-align: center; } @media only screen and (max-width:767px) { .navbar .zone { /* padding:0 20px 0 0 !important; */ } } /* .phone { display:inline-block; font-size:2.25em; } @media only screen and (max-width:767px) { .phone { font-size:1.75em; } } .phone a { text-decoration:none !important; padding:0; margin:0; color:inherit !important; } .navbar .phone { font-size:1.9375em; position:absolute; right:0; top:1em; display:block; text-align:right; } /* .navbar .phone { font-size: 1.4375em; font-weight:800; position:absolute; top:5em; background:rgb(11,148,68); color:#fff; right:0; box-shadow:inset 0 .25em .25em -.25em rgba(0,0,0,.3), 0 .25em .5em -.25em rgba(0,0,0,.3); padding: .4375em .5em .3125em .5em; padding: .3125em .5em .3125em .5em; line-height:1em; text-shadow:0 3px 6px rgba(0,0,0,.5); background: #68d3fb; background: -moz-linear-gradient(top, #68d3fb 0%, #68d3fb 30%, #3daae7 70%, #3daae7 100%); background: -webkit-linear-gradient(top, #68d3fb 0%,#68d3fb 30%,#3daae7 70%,#3daae7 100%); background: linear-gradient(to bottom, #68d3fb 0%,#68d3fb 30%,#3daae7 70%,#3daae7 100%); border-bottom:.1875em solid #fff; border-left:.1875em solid #fff; border-right:.1875em solid #fff; box-sizing:border-box; } .navbar.close .phone { opacity:0; } @media only screen and (max-width:767px) { .navbar .phone { position:absolute; right:10px; top:51px; padding:3px 6px 5px 6px; font-size:14px; margin:0; } .navbar .phone a{ text-decoration:none; } } * / .mnu { } .sticky-wrapper .mnu { position:absolute; } .sticky-wrapper.is-sticky .mnu { } .navbar .mnu { padding:0; margin:0; text-align:right; position:absolute; top: 0; right:22%; font-family:'Avenir W01', "Helvetica Neue", Helvetica, Arial, sans-serif; } .navbar .soc { padding:0; margin:0; display:block; position: absolute; font-size: 1.5em; top: 2.5em; right:0; right: 16%; } .mnu li { float: none; margin: 0; padding: 0 !important; background: none !important; display:inline-block !important; width:auto; } .mnu li.mobile { display:none !important; } .mnu li:after { content:'|'; display:inline-block; color:#8ec5eb; margin:0; vertical-align:middle; } .mnu li:last-child:after { content:normal; } .mnu li:before { display: none !important; background: none !important; } .mnu a { line-height:1em; width: auto; display: inline-block; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; transition: all .125s linear; background:none; border:none; margin-bottom:0; text-decoration:none; box-shadow:none; color:#2e2720; vertical-align:middle; margin:0; padding: 2em .75em; cursor: pointer; } .navbar .soc a{ font-size:1.25em; line-height:1em; width: auto; display: inline-block; margin: 0 .25em; color:#17498f; vertical-align: middle; } .navbar .soc a:hover{ text-decoration:none; } .navbar .mnu .phone { font-size:2em; color: #0357a1; display: inline-block; vertical-align: middle; padding: 1.25em .325em; margin-left: 5em; } .navbar .mnu .phone a { text-decoration: none !important; } /* .is-sticky .mnu a { padding: 1.6875em .75em; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .is-sticky .mnu li ul { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .is-sticky .mnu li li a { padding: 1em 0; } * / .mnu li ul { display:none; } .mnu a:hover { text-decoration:underline; color: #8ec5eb; } .mnu li.current_page_item>a ,.mnu li.current_page_item>a:hover ,.mnu li.current_page_ancestor>a ,.mnu li.current_page_ancestor>a:hover { color: #8ec5eb; text-decoration: none; } .mnu .menu li.current-menu-item> a:hover:before { content:normal; } .mnu li.current-menu-item>a:hover { text-decoration: none; cursor: default; } .mnu .bt_home { display: none !important; } @media only screen and (max-width:767px) { .navbar .mnu ul { display:none; } .mnu .bt_home { display: block !important; } .navbar .soc {display: none;} } .navbar ul { display:inline-block; vertical-align: middle; } .navbar ul ul { position:absolute; top: 4.25em; background:#fff; display:none; padding:.3125em 1em 0 1em; box-shadow: 0 .75em .75em -.25em rgba(0,0,0, .27); text-align: left; left: -1em; z-index: 0; } .navbar.is-sticky ul ul { z-index: -1; } .navbar ul ul li{ display:block; white-space:nowrap; width:100%; font-size: 1em; margin: 0; padding: 0; } .navbar ul ul li a{ display:block; padding: .75em .75em; border-bottom: 1px solid #212120; font-size: 1em; } .navbar ul ul li:last-child a{ border-bottom:none; } .navbar ul ul li:after { content:normal; } @media only screen and (max-width:767px) { .navbar .mnu { top: 20px; right: 10px; } .navbar .mnu .phone { position:relative; float:right; top:0; font-size:14px; font-weight:800; color: #0357a1; display: inline-block; vertical-align: middle; padding: 0; margin-left: 0; } } /* =========================== */ .ftr { display: none; } .ftr .zone { padding: 0 !important; } .ftr_logo { display: block; float: right; width: 10em; margin-right: 6.5%; } .ftr_logo img { width: 100%; height: auto; } .ftr .soc { text-align: center; margin: 1em 0; display: block; } .ftr .soc h4 { font-size: 1.125em; font-weight: 800; display: block; margin: 0; } .ftr .soc a { font-size: 2.5em; color: #fff; display: inline-block; margin: 0 .25em; } .ftr .soc a:hover { text-decoration: none; opacity: .9; } .ftr .mnu { text-align: center; display: none; padding-top: 0; } @media only screen and (max-width:767px) { .ftr { position: fixed; display: block; top: 0; padding-top: 0; left: 0; width: 100%; bottom: 100%; overflow: hidden; background-color: #081831; color: #FFF; z-index: 100; transition: all .25s linear; } .ftr .mnu:after { width: 100%; } .ftr.close { bottom: 0; overflow-y: scroll; } .ftr.close .mnu { display: block; border: none !important; } .ftr .mnu li { display: block !important; } .ftr .mnu li a { margin: 0 0; color: #fff; display: block; float: none; padding: .5em 0; font-weight: 300; text-transform: none; } .ftr .mnu li li a { padding-left: 15px; } .ftr .mnu li:after { content: normal; } .mnu li.current_page_item > a, .mnu li.current_page_item > a:hover { text-decoration: none; font-weight: 800; } .ftr .mnu { float: none; margin: 50px auto 1em auto; text-align: left; font-size: 16px; width: 15em; Padding-left: 22px } .ftr .soc a { margin: 0 .125em; font-size: 1.75em; padding: 0; } .ftr .soc h4 { color: #1c65a8; font-size: 1em; } /* adjustments for click to open menu ======================================= */ .mnu li.dropdown { position: relative; } .mnu li.dropdown.current-menu-item:after { content: normal; } .mnu li.dropdown.current-menu-item > a:hover { text-decoration: none; cursor: default; } .mnu li.dropdown > a:after { font-family: "base-set"; letter-spacing: normal; font-weight: 400; font-size: 1.3125em; content: "\7a"; position: absolute; top: .3125em; left: -1.125em; display: block; overflow: hidden; height: 1em; width: 1em; line-height: .93125em; text-align: center; color: rgba(255, 255, 255, .7); } .mnu li.dropdown > a.active:after { content: "\41"; } .mnu ul li.dropdown ul { display: inherit; position: relative; left: auto; top: auto; box-shadow: none; border: none; } .mnu li.dropdown > ul { display: block; height: 0; min-height: 0; max-height: 0; overflow: hidden; background: rgba(255, 255, 255, .3); -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; } .mnu li.dropdown > ul.active { height: auto; min-height: .0625em; max-height: 100em; } .mnu li.current-menu-parent ul, .mnu li.current-page-parent u, .mnu li.current-post-parent ul, .mnu li.current-post-ancestor ul, .mnu li.current_page_parent ul, .category-news .mnu li.bt_company > ul, .category-press .mnu li.bt_company > ul { height: auto; min-height: .0625em; max-height: 100em; } .mnu li.current-menu-parent > a:after, .mnu li.current-menu-ancestor > a:after, .mnu li.on > a:after, .category-news .mnu li.bt_company a:after, .category-press .mnu li.bt_company a:after { content: normal; } .mnu li.current-menu-parent > a:hover, .mnu li.current-menu-ancestor > a:hover, .category-news .mnu li.bt_company a:hover, .category-press .mnu li.bt_company a:hover { text-decoration: none; cursor: default; } /* ================================= */ } @media only screen and (max-width:414px) { .ftr .mnu li a { padding: 1em 0; } .mnu li.dropdown > a:after { top: .68em; } } .block_footer .box { width: 41.53846153846154%; margin: 0 auto; } .block_footer .box img { display: block; width: 24em; height: auto; margin-left: -6.5em; margin-bottom: .5em; } .block_footer .box p { padding: 0; } .block_footer { padding: 3em 0; } @media only screen and (max-width:767px) { .block_footer .box { width: 100%; padding: 0 0 0 62px; max-width: 440px; } .block_footer .box img { width: 230px; margin: 0 0 5px -62px; } .block_footer { padding: 1.5em 0 0 0; } } /* .hld.close { } .mnu { transition: all 0s linear; } .mnu.close { left: 0; top: 0; height: 100%; bottom:0; position:fixed; padding: 6em 0 6em 0; overflow-y: auto; color:#fff; background: url(img/bk-menu-4000.png) center top no-repeat; background-size: cover; transition: all .25s linear; } @media only screen and (max-width:2880px) { .mnu.close { background: url(img/bk-menu-2880.png) center top no-repeat; background-size: cover; } } @media only screen and (max-width:1920px) { .mnu.close { background: url(img/bk-menu-1920.png) center top no-repeat; background-size: cover; } } @media only screen and (max-width:1024px) { .mnu.close { background: url(img/bk-menu.png) center top no-repeat; background-size: cover; } } @media only screen and (max-width:767px) { .mnu .zone { max-width:100%; width:100%; padding-left:16px; } } /* Page Specific Styles =========================== */ .cpy { text-align: center; font-size: 1em; line-height: 1.5em; padding: 2em 0; transition: all .25s linear; color: #203049; overflow: hidden; margin-top: 0; } .cpy a.link { white-space: nowrap; } @media only screen and (max-width:767px) { .cpy.close { padding: 0; height: 0; } .cpy { font-size: .75em; } } /* .mnu a { } .mnu li.current-menu-item>a { } .mnu_soc a{ display:inline-block; font-size:4em; margin:.25em .0625em 0 .0625em; padding:0; clear:none; } .mnu_soc a:hover { } .mnu_soc a:first-child { margin-left:0; } .mnu_soc a:last-child { margin-right:0; } .mnu_soc { display:block; border-top:.125em solid rgba(255,255,255,1); float:right; margin: .75em .75em .75em 0; text-align:right; } .mnu .legal { float: right; clear:both; margin-right: .75em; } .mnu .legal a{ font-size:1em; display:inline-block; } .mnu .legal a:hover { text-decoration:underline; } /* buttons ========================= */ /* .navbar .bt_logo { display:block; width:100%; height:4.75em; left:0; z-index:10; position:absolute; color:#231f20; } */ .bt_logo { display: block; width: 25.4375em; position: absolute; top: 2em; left: 20em; cursor: pointer; } /* .is-sticky .bt_logo { top: .125em; width: 10em; transition: all .25s linear; } */ .bt_logo img { width: 100%; height: auto; display: block; } @media only screen and (max-width:767px) { .ftr_logo { display: none; } .bt_logo, .is-sticky .bt_logo { width: 100%; margin: 0 auto 0 auto; top: 0; left: 0; } .bt_logo img { width: auto; height: 32px; margin: 3px auto; left: 3px; position: relative; } /* .navbar .bt_logo:after { content: "\62"; font-family: "base-set"; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; font-size:24px; position:absolute; left:5px; top: 5px; transition: all .125s linear; color: #364c68; } .navbar .bt_logo:hover:after { } .navbar.close .bt_logo:after { content: "\61"; } .navbar.close { position:fixed !important; top:-1px; left:0; z-index:1000; } */ } @media only screen and (max-width:330px) { .bt_logo img {} } .bt_arrow { display: inline-block; font-size: 1.33333333333333em; font-weight: 800; color: #053f78; vertical-align: middle; text-decoration: none !important; } .bt_arrow:after { content: ' '; overflow: hidden; display: inline-block; width: 2.79166666666667em; height: 2.79166666666667em; background: url(img/arrow-green.png) center center no-repeat; background-size: 100% 100%; vertical-align: middle; margin-left: .5em; } .dark .bt_arrow { color: #fff; } .dark .bt_arrow:after { background: url(img/arrow-white.png) center center no-repeat; background-size: 100% 100%; } .searchsubmit, .bt { font-family: "Avenir W01", "Helvetica Neue", Helvetica, Arial, sans-serif; /* */ font-weight: 200; font-size: inherit; font-size: 1em; border: none; display: inline-block; padding: .5em 1em; color: #fff; line-height: 1em; margin-bottom: 1em; text-decoration: none !important; position: relative; overflow: visible; box-sizing: border-box; z-index: 1; text-transform: none; vertical-align: middle; background: #193668; box-shadow: none; text-shadow: 0 0 0 rgba(0, 0, 0, 0); border-radius: 0; box-shadow: 0 .125em .25em rgba(0, 0, 0, .4); } .dark .bt {} .bt.blue { background: #24bff8; } .zone p a.bt { margin-bottom: 0; } .searchsubmit:hover, .bt:hover { text-decoration: none; } .bt.learnmore:before { content: 'Learn More: '; text-transform: uppercase; font-size: .975em; opacity: .75; } input.bt, .searchsubmit { -webkit-appearance: none; -moz-appearance: none; -webkit-font-smoothing: antialiased; font-family: "Avenir W01", "Helvetica Neue", Helvetica, Arial, sans-serif; /* */ cursor: pointer; } input.bt:hover, .searchsubmit:hover { text-decoration: underline; text-shadow: 0 1px 2px rgba(0, 0, 0, .5); } .no_click > a { cursor: none; } .bt_login a { font-weight: 800; position: absolute; right: -15em; top: 3.43em; top: 3.38em; color: #fff; box-sizing: border-box; padding: .625em 1em; background: #053f78; display: block; box-shadow: inset 0 -3px 6px -3px rgba(0, 0, 0, .5); white-space: nowrap; } .is-sticky .bt_login a { padding: .625em 1em; top: 1.9375em; transition: all .25s linear; } .bt_login a:hover { color: #fff; } .mnu li.bt_login:after { content: normal; } @media only screen and (max-width:767px) { .bt_logo { left: 0; } .bt_login a { position: relative; background: none; padding: .75em 0; top: auto; left: auto; right: auto; height: auto; box-shadow: none !important; font-weight: 200; } .navbar .zone { width: 100%; } .navbar .bt_logo {} .navbar { left: 0; } } .nav_phone { font-size: 2em; display: block; color: #193567; line-height: 1em; position: absolute; right: 18%; top: 1.5em; font-weight: 700; text-align: right; } .nav_phone a:hover, .nav_phone a { text-decoration: none; } .nav_phone:before { content: 'FOR SERVICE CALL '; } .nav_phone a:before { content: '(954) 533-8060'; } @media only screen and (max-width:767px) { .nav_phone { right: 0; top: 0; width: 40px; text-align: right; height: 35px; font-size: 24px; padding-top: 6px; padding-right: 11px; } .nav_phone a:before { font-family: "base-set"; content: '\75'; } .nav_phone:before { content: normal; } } /* Google map =========================== */ .acf-map, .the_map { height: 30em; position: relative; } .imghldr { position: relative; } .the_map iframe { display: block; top: 0; left: 0; bottom: 0; right: 0; position: absolute; } @media only screen and (max-width:767px) { .acf-map, .the_map { height: 100vw; max-height: 50vh; } } /* Animation ============================== */ .fade_in_start, .fade_left, .fade_left2, .fade_left3, .fade_left4, .fade_left5, .fade_left6, .fade_left7, .fade_left8, .fade_in, .fade_in2, .fade_in3, .fade_in4, .fade_in5, .fade_in6, .fade_in7, .fade_in8, .fade_right, .fade_right2, .fade_right3, .fade_right4, .fade_right5, .fade_right6, .fade_right7, .fade_right8, .fade_top, .fade_top2, .fade_top3, .fade_top4, .fade_top5, .fade_top6, .fade_top7, .fade_top8, .fade_bottom, .fade_bottom2, .fade_bottom3, .fade_bottom4, .fade_bottom5, .fade_bottom6, .fade_bottom7, .fade_bottom8, .fade_top_start, .fade { /*, .item_fade_in , .block*/ opacity: 0; transition: all .25s linear !important; } .fade_left, .fade_left2, .fade_left3, .fade_left4, .fade_left5, .fade_left6, .fade_left6, .fade_left7, .fade_left8, .fade_right, .fade_right2, .fade_right3, .fade_right4, .fade_right5, .fade_right6, .fade_right7, .fade_right8, .fade_top, .fade_top2, .fade_top3, .fade_top4, .fade_top5, .fade_top6, .fade_top6, .fade_top7, .fade_top8, .fade_bottom, .fade_bottom2, .fade_bottom3, .fade_bottom4, .fade_bottom5, .fade_bottom6, .fade_bottom7, .fade_bottom8, .fade_top_start, .fade { position: relative; } .fade_left, .fade_left1, .fade_left2, .fade_left3, .fade_left4, .fade_left5, .fade_left6, .fade_left6, .fade_left7, .fade_left8 { left: -2rem; } .fade_right, .fade_right1, .fade_right2, .fade_right3, .fade_right4, .fade_right5, .fade_right6, .fade_right7, .fade_right8 { left: 2rem; } .fade_top, .fade_top1, .fade_top_start, .fade_top2, .fade_top3, .fade_top4, .fade_top5, .fade_top6, .fade_top6, .fade_top7, .fade_top8 { top: -2rem; } .fade_bottom, .fade_bottom2, .fade_bottom3, .fade_bottom4, .fade_bottom5, .fade_bottom6, .fade_bottom7, .fade_bottom8 { top: 2rem; } /* =========================== */ .block.filler { height: 42em; } .img_fpo { margin: 1em auto 3em auto; box-shadow: 0 .125em .25em rgba(0, 0, 0, .3), 0 .25em .5em -.25em rgba(0, 0, 0, .4); width: 100%; } .vid_frame { margin: 0 0 2em 0; padding: 0 0 56.25% 0; display: block; position: relative; box-shadow: 0 .125em .25em rgba(0, 0, 0, .3), 0 .25em .5em -.25em rgba(0, 0, 0, .4); } @media only screen and (max-width:767px) { .vid_frame { margin-top: 1em !important; margin-bottom: 3em; } } .vid_frame.map { width: 45%; float: left; margin: -.5em 6% 1em 0; } .vid_frame.ratio4x3 { padding: 0 0 75% 0; } .vid_frame iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .bx_vid_frm .zone, .bx_vid_side .zone, .bx_vid_top .zone { padding-left: 7%; box-sizing: border-box; } .bx_vid_frm .desc { width: 57.5%; display: block; float: left; margin: 0; padding: 0; } .bx_vid_frm .sd_frm { float: left; margin: 6em 0 2em 4em; } .bx_vid_side .vid_hld { width: 56%; float: left; margin-bottom: 4em; } .bk_video { /* padding:0 0 39.859320046893% 0; height:0; */ position: relative; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; } .bk_video .video_button { position: absolute; z-index: 105; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; background: url(img/audio.gif) right bottom no-repeat; background-size: 7.8125em 2.34375em; opacity: .5 } .bk_video iframe, .bk_video #player { position: absolute; top: -29.4117647058825%; bottom: -29.4117647058825%; border: none !important; left: 0%; right: 0%; width: 100%; height: 158.823529411765%; display: block; background: #000; margin: 0; box-sizing: border-box; } .bk_video > img { margin: 0 !important; } #player { opacity: 0; transition: opacity 1.5s linear; } .bk_video:after { content: ' '; display: block; position: absolute; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 100; } @media only screen and (max-width:639px) { .bx_vid_side .vid_hld, .bx_vid_side .desc, .bx_vid_frm .desc, .bx_vid_side .desc { width: 100%; float: none; clear: both; margin: .5em 0; } .bx_vid_frm .sd_frm { margin: 1em auto 2em auto; float: none; } } .bx_vid_top .vid_hld { width: 70%; margin-bottom: 5em; } .bx_vid_top h2 { color: #0f0708; } .bx_vid_top h2, .bx_vid_top p { width: 50%; } @media only screen and (max-width:767px) { .bx_vid_top .vid_hld { width: 100%; margin-bottom: 2em; } .bx_vid_top h2, .bx_vid_top p { width: 100%; } } .image.alt_pic, .image.alt_image { width: 100%; max-width: 420px; border: 10px solid #fff; background: #fff; box-shadow: 0 .125em .5em rgba(0, 0, 0, .3); display: none; margin: 0 auto; box-sizing: border-box; } .image.alt_pic.left, .image.alt_image.left { -ms-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } .image.alt_pic.right, .image.alt_image.right { -ms-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); -webkit-transform: rotate(4deg); transform: rotate(4deg); } /* Blog formating =================================== */ @media only screen and (max-width:767px) { #content { padding-top: 0; } } .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6, .sidebar h3 {} .single-post h3 { /* font-size:2em; */ } .single-post h3, .single-post h4 { /* font-weight:800; */ } .single-post .intro { font-size: 100%; color: #0051a0; font-weight: bold; } .header_image .box1 h1.heading_top { margin-top: 36% !important; margin-left: 40% !important; width: 80%; } @media only screen and (max-width:767px) { .header_image .box1 h1.heading_top { margin-top: 16% !important; margin-left: 23% !important; } #content { padding-top: 0 !important; } } .header_image.empty { height: 4.75em; } .category_heading { margin-top: 0 !important; } @media only screen and (max-width:767px) { .category_heading { margin-top: 3em !important; } .header_image.empty { height: 0; } } /* .blog1 .box1 { width: 57.5%; float: left; margin-left: 4.5% } .blog1 .box0 { width:50%; float:left; margin-left:0; padding:0; margin-bottom:0 !important; } .blog1 .box { margin-bottom:3em; } .blog1 .box.clear { margin-bottom:0; } .blog1 .box0 h2{ margin-bottom:0; } .blog1 .box2 { width: 34%; float: left; margin-left: 4%; padding-left: 4%; border-left: 5px solid #ebebeb; box-sizing:border-box; } */ #content { padding: 0; } #content .zone { display: grid; grid-template-columns: 1fr 1fr; padding: 0; } @media only screen and (max-width:767px) { #content .zone { display: block; width: 100%; max-width: 100%; } } #content .box { max-width: 78.125em; width: 100%; float: left; box-sizing: border-box; padding: 0; } #content.noimg .box { padding-top: 10em; } #content .zone .box1 { margin-bottom: 0; } .single-post #content .zone .box1 { margin-bottom: 0 !important; padding: 0 4em 5em 18em !important; padding: 0 12em 5em 15em !important; } .single-post #content.noimg .zone .box1 { padding-top: 10em !important; } @media only screen and (max-width:767px) { .single-post #content .zone .box1 { padding: 0 !important; width: 90% !important; } .single-post #content.noimg .zone .box1 { padding-top: 60px !important; } #content .box { padding-top: 0; } } .blog1 .box2 { background: #d3f2fe; } .sidebar > div {} @media only screen and (max-width:767px) { .blog1 .box2 { width: 100%; max-width: 100%; padding: 1px 0 0 0 !important; } } .blog1 .box2 h3 {} .block_bk_img { background: url(/wp-content/uploads/2015/11/blog-bkgd.jpg) center top repeat-y; background-size: 100% 100%; } .blog0 .box1 { margin-left: 9%; width: 97%; text-align: center; margin-top: 0; } .blog0 h1 { margin-top: .75em; width: 85%; display: block; margin-bottom: 0 !important; } .single-post .box1 { color: #7f7f7f; } .single-post .box1 h2, .blog1 .box h3, .blog1 .box h4 {} .single-post .box1 h2 { color: #00aeef; } .single-post .box1 h1 { color: #00aeef; } .blog1 .box h3 {} .single-post .box1 h4 { color: #0b485e; font-size: 2.25em; line-height: 1.2em; font-weight: 800; } .single-post .box1 h5 { color: #0b485e; line-height: 1.2em; } .single-post .box1 h6 { color: #41b9a1; line-height: 1.2em; } @media only screen and (max-width:767px) { .blog1 .box1 { width: 100%; margin: 0 auto; max-width: 100%; float: none; } .single-post .box1 h4 { font-size: 1.25em; } .blog0 h1 { width: 100%; } .blog0 .box1 { width: 100%; margin: 0 auto; } .single-post .bt_logo .the_page_title { display: none; } } .sidebar :first-child h3 { margin-top: 0em; } .post { box-sizing: border-box; padding: 5em 4em 5em 18em; padding: 5em 12em 5em 15em; color: #7f7f7f; margin: 0; } .post:nth-child(odd) {} .post:nth-child(even) { background: #f2f2f2; } .post:nth-child(even):last-child { margin-bottom: 4em; } @media only screen and (max-width:767px) { .post { padding: 20px 0 15px; width: 100%; } .post .xx { width: 90%; max-width: 400px; margin: 0 auto; } .post:nth-child(even):last-child { margin-bottom: 0; } } .post .bt { font-size: 1.5em; } #content .bt { text-transform: none; } @media only screen and (max-width:767px) { .post .bt { font-size: 1em; } } .post .xx .bt:after { content: 'Read More'; } .blog1 .post a { text-decoration: none !important; } .post h3 { font-weight: 800; text-transform: uppercase; } .post:nth-child(1) h3, .post:nth-child(3n + 1) h3 { color: #00aeef; } .post:nth-child(2) h3, .post:nth-child(3n + 2) h3 { color: #41b9a1; } .post:nth-child(1) .bt, .post:nth-child(3n + 1) .bt { background: #00aeef; } .post:nth-child(3) .bt, .post:nth-child(3n + 3) .bt { background: #0b485e; } .post:nth-child(2) .bt, .post:nth-child(3n + 2) .bt { background: #41b9a1; } .blog1 .post .postinfo { color: #2a5b99; display: block; float: right; font-size: 1.125em; display: none; } @media only screen and (max-width:767px) { .blog1 .post .postinfo { display: none; } } .blog1 .post .postinfo a:hover { text-decoration: underline !important; } .blog1 .post .postinfo .tag { background: #2e5aa4; text-transform: uppercase; font-size: 1.33333333333333em; margin-right: .25em; padding: .25em .5em; display: inline-block; color: #fff; } .sidebar h3 { line-height: 1em; display: block; left: 0; position: relative; transition: all .125s linear; } .sidebar { text-align: center; } .sidebar ul { clear: both; } .feat_image { display: block !important; width: 100%; height: auto; margin-bottom: 0; } .aligncenter, .alignnone { display: block; margin: 1em auto; max-width: 100%; height: auto; } .alignright { display: block; float: right; height: auto; max-width: 50%; margin: 0 0 .5em 1em; } .alignleft { display: block; float: left; height: auto; max-width: 50%; margin: 0 1em .5em -4%; } .aligncenter img, .alignnone img, .alignleft img, .alignright img { display: block; width: 100%; height: auto; } .wp-caption-text { font-size: .975em !important; font-weight: 200; text-align: center; background: #f5f5f6; line-height: 1.125em !important; padding: .3125em 0; } @media only screen and (max-width:767px) { img.alignleft { margin-left: -5%; } img.alignright { margin-right: -5%; } } .widget_categories .cat-item a:hover { text-decoration: none; } .widget_categories .cat-item { padding: 0; font-size: 1.125em; clear: both; } .sidebar h3 { margin-bottom: .25em; font-weight: 800; font-style: normal; } .story .widget_categories h3 { margin-top: 0 !important; } .zone .widget_recent_entries li { font-size: 1.125em; padding: 0; } .zone .sidebar li:before { display: none; } .sidebar li a { padding: 0 0 .5em 1em; position: relative; display: block; } .links li a { padding: 0 0 0 1em; position: relative; display: block; } .pdf li a { padding: 0 0 0 1.25em; position: relative; display: block; } .links li, .pdf li { padding-left: 0; } .sidebar li a:hover { text-decoration: none; } .sidebar li a:before, .links li a:before { display: block; font-weight: 800; color: #0055a5; font-size: 1.25em; content: '»'; position: absolute; left: 1.125em; padding: 0 0 0 0; position: absolute; top: -.1em; left: 0; transition: all .125s linear; } .pdf li a:before { display: block; content: ' '; overflow: hidden; height: 0.88888888888889em; width: 0.88888888888889em; background: url(img/pdficon_small.png) center center no-repeat; background-size: 100% 100%; position: absolute; top: .25em; left: 0; } .links li:before, .pdf li:before { content: normal; } .dark .links li a:before { color: #fff; } .sidebar li a:hover, .links li a:hover { text-decoration: none; } .sidebar li a:hover:before, .links li a:hover:before { left: .125em; } .widget_tag_cloud { display: block; text-align: left } .tags .txt .col a, .tagcloud a { display: inline-block; background: rgba(0, 0, 0, .1); padding: 4px; text-decoration: none; font-size: 1.125em; text-transform: uppercase; line-height: .875em; margin: 6px 3px; background: #fff; color: #2a5ca5; transition: all .125s linear; } .widget_tag_cloud h3 { text-align: left; } .tagcloud { clear: both; } .tagcloud a { vertical-align: middle; background: rgba(255, 255, 255, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .3); position: relative; left: 0; } .tagcloud a:before {} .tagcloud a:hover { text-decoration: none !important; left: 5px; } .tags .txt .col a:hover, .tagcloud a:hover { text-decoration: underline; } .tagcloud a:hover { background: rgba(255, 255, 255, .6); } .pagination { display: block; } .pagination a, .pagination span, .story .postinfo a { display: inline-block; font-size: 1.875em; padding: .0625em .125em; margin: .125em .25em .125em 0; position: relative; left: 0; transition: all .125s linear; text-align: center; min-width: .8625em; opacity: .5; } .pagination a {} .story .postinfo a { font-size: 1.625em; } .pagination a:hover, .story .postinfo a:hover { left: .25em; text-decoration: none !important; opacity: 1; } .pagination span { opacity: 1; } h2.tagged .line_1 { text-transform: uppercase; } /*! Lity - v1.5.0 - 2015-09-22 * http://sorgalla.com/lity/ * Copyright (c) 2015 Jan Sorgalla; Licensed MIT */ .lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.9); outline: none !important; opacity: 0; transition: opacity 0.3s ease; } .lity.lity-opened { opacity: 1; } .lity.lity-closed { opacity: 0; } .lity * { box-sizing: border-box; } .lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important; } .lity-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; opacity: 0; transition: opacity 0.3s ease; } .lity-loading .lity-loader { opacity: 1; } .lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; } .lity-content { z-index: 9993; width: 100%; transform: scale(1); transition: transform 0.3s ease; } .lity-loading .lity-content, .lity-closed .lity-content { transform: scale(0.8); } .lity-content:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 0; top: 0; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .lity-close::-moz-focus-inner { border: 0; padding: 0; } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .lity-close:active { top: 1px; } /* Image */ .lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; } /* iFrame */ .lity-iframe .lity-container { width: 90%; max-width: 1920px; } .lity-iframe-container { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } .lity-hide { display: none; } /* for lightbox */ /* Preload images */ body:after { content: url(img/close.png) url(img/loading.gif) url(img/prev.png) url(img/next.png); display: none; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; border-radius: 0; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 0; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(img/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(img/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(img/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-right-radius: 0; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(img/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* */ /* Page Specific Styles =========================== */ .header_image .box { position: absolute; } .header_image.covered { background-position: center top; } .header_image .zone { height: 100%; max-width: 100%; position: relative; } .slider > .zone { position: absolute; top: 0; left: 0; height: 100%; width: 100%; max-width: 100%; } @media only screen and (max-width:767px) { .header_image .zone { height: 100%; max-width: 100%; padding: 0 !important; } } /* =========================== */ .block_blog { text-align: center; } .block_blog .post { width: 30%; display: inline-block; vertical-align: top; margin: 1em 1.5%; text-align: left; } .block_blog .post .post_image { padding: 0 0 83.383685800604% 0; box-shadow: 0 .25em .5em rgba(0, 0, 0, .3); } .block_blog .post a:hover { text-decoration: none; } .block_blog .post h3 { font-size: 1.5em; } @media only screen and (max-width:767px) { .block_blog .post { width: 100%; margin: 20px auto 50px auto; max-width: 325px; float: none; display: block; } } /* =========================== */ .team_member .zone:nth-child(even) { background: #c5d9e6; } .team_member .zone { padding: 4em 0 2em 0 !important; } .team_member .box { width: 39%; vertical-align: top; text-align: left; margin-left: 4%; } .team_member .box > h4 { margin-top: 0; text-align: left; } .team_member .img { width: 12%; height: auto; display: inline-block; vertical-align: top; border-radius: 50%; } .team_member h4 { font-weight: 800; font-size: 1.875em; line-height: 1.5em; } .team_member h4 strong { font-size: 1.6em; font-weight: 200; } .team_member .text, .team_member .open .excerpt { max-height: 0; height: 0; overflow: hidden; transition: all .5s linear; opacity: 0; } .team_member .open .text, .team_member .excerpt { max-height: 999em; height: auto; transition: all .75s linear; opacity: 1; } .team_member .bt_text { font-size: 1.875em; } .team_member .bt_text:before { content: 'Read More'; } .team_member .open .bt_text { background: #fff; color: #072f4b; } .team_member .open .bt_text:before { content: 'Close'; } @media only screen and (max-width:767px) { .team_member .img { width: 45%; margin: 0 1em .125em 0; max-width: 150px; } .team_member h4, .team_member .bt_text { font-size: 16px; } .team_member .zone { width: 100%; max-width: 100% } .team_member .zone .box { max-width: 470px; width: 90% !important; } } @media only screen and (max-width:651px) { .team_member .box h4 { text-align: center; margin-top: 1em; } .team_member .img, .team_member .box { display: block; margin: 0 auto; } } /* =========================== */ .page-template-page-image-above .hld { padding-top: 0; } /* mobile and desktop ============================== These go at the end of the CSS file */ .mobile { display: none !important; } @media only screen and (max-width:767px) { .desktop { display: none !important } .mobile { display: inherit !important; } .block.mobile.center_column { margin-top: 3em; } .image.altpic, .image.altimg { display: block; } } div#sb-container { transition: all .125s linear; } body.notransition *, body.notransition { transition: none !important; } /* */ .sd_frm .input span { display: block; } .sd_frm .input { width: 100%; text-align: center; } ul.sd_frm { position: relative !important; display: block !important; } .sd_frm span:before { transition: all .25s linear; opacity: 0; position: absolute; left: -.5em; font-size: .625em; line-height: 1em; font-weight: normal; display: block; white-space: nowrap; content: attr(data-content); z-index: 1; top: -1.125em; } .sd_frm span.filled:before { top: -1.125em; opacity: 1; left: 0; } .sd_frm .input span, .sd_frm .select span { position: relative; display: block; } .sd_frm .input span input { z-index: 2; width: 100%; } /* .sd_frm li { padding: .875em 0 0 0 !important; } */ /* =========================== */ .contact_form { text-align: center; } .contact_form, .contact_form li.submit { text-align: center; margin-top: .25em; } .contact_form li.input > span { display: inline-block; vertical-align: top; margin-right: .5em; width: calc((100% / 4) - .625em); } .contact_form .box { width: 83%; margin: 0 auto; } .half_form .contact_form li.input > span { width: calc((100% / 2) - .75em); margin-bottom: 1em; } .half_form .contact_form .sd_frm li, .one_form .contact_form .sd_frm li { padding: 0 !important; } @media only screen and (max-width:767px) { .contact_form li.input > span { width: calc((100% / 2) - .75em); margin-bottom: 1em; } } @media only screen and (max-width:450px) { .contact_form li.input > span { width: 100%; } } .team_form { text-align: center; } .team_form, .team_form li.submit { text-align: center; margin-top: .25em; } .team_form li.input > span { display: inline-block; vertical-align: top; margin-right: .5em; width: calc((100% / 3) - .625em); } .team_form li.input.twocol > span { display: inline-block; vertical-align: top; margin-right: .5em; width: calc((100% / 2) - .625em); } .team_form .sd_frm li.twocol { padding:1em 0; } .team_form .box { width: 83%; margin: 0 auto; } @media only screen and (max-width:767px) { .team_form .sd_frm li { padding: 0 !important; } .team_form li.input > span, .team_form .sd_frm li.twocol> span { width: 100%; margin-bottom: 1em; } .team_form .sd_frm li.twocol { padding:0; } } .team_form span.resume:before { content:"Resumé" !important; top: -1.125em !important; opacity: 1 !important; left: 0 !important; } /* =========================== */ @media only screen and (max-width:450px) {} .half_form > div { display: table; height: 100%; } .half_form > div form { display: table-cell; height: 100% !important; vertical-align: middle; } -ms-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); -webkit-transform: rotate(4deg); transform: rotate(4deg); .one_form .contact_form li.input > span { width: 100%; margin-bottom: 1em; } /* =========================== */ .arrow_top .zone { overflow: hidden; } .arrow_top .zone:before { content: ' '; font-size: 7em; transform: rotate(45deg); width: 1em; height: 1em; position: absolute; top: -.5em; left: calc(50% - .5em); background: #fff; } @media only screen and (max-width:767px) { .arrow_top .zone:before { font-size: 2em; } } /* =========================== */ .quote_block .quote_box { text-align: center !important; padding: 0 15%; display: block; opacity: 0; position: absolute; top: 0; transition: all 0s linear; } .quote_block .quote_box.active { opacity: 1; top: 4em; transition: all .5s linear; } .testimonial_block .quote_block .quote_box.active { top: 6em; padding: 0 15%; } /* */ .quote_block .box { margin: 5em auto 2em auto; position: relative; width: 46%; } .quote_block { text-align: center; } .quote_block .img { position: absolute; right: 8em; width: 10em; height: auto; } .quote_block blockquote { width: 100%; margin: 0 0 2em 0; padding: 0; position: relative; display: block; } /* .quote_block blockquote p:first-child:before { content:'“'; font-size:2em; position:absolute; top:.125em; left:-.3125em; } .quote_block blockquote p:last-child:after { content:'”'; } */ .quote_block.quote_stars blockquote:before { display: block; content: '*****'; font-family: "quotes"; font-size: 3em; margin-bottom: 1em; } .quote_block .box:before { font-family: "quotes"; content: '“'; display: block; font-size: 6em; position: absolute; top: .125em; left: -25%; color: #081831; } .quote_block .box:after { font-family: "quotes"; content: '”'; display: block; font-size: 6em; position: absolute; top: .125em; right: -25%; color: #081831; } .quote_block p { margin: 0; font-size: 2.1875em; font-weight: 800; color: #081831; } .quote_block blockquote p { font-weight: 200; line-height: 1.25em } .quote_block .box {} @media only screen and (max-width:767px) { .quote_block {} .quote_block .zone .box { max-width: 430px; width: 70% !important; margin: 1em auto; font-size: .5em; } .quote_block .box:before {} .quote_block .box:after {} } .quote_dots { position: absolute; bottom: 3em; left: 0; text-align: center; width: 100%; z-index: 6; } .quote_dots .bt_quote { background: rgba(255, 255, 255, 1); border: .25em solid #fff; font-size: 1.875em; width: 1em; height: 1em; border-radius: 50%; overflow: hidden; margin: .5em; box-sizing: border-box; padding: 0; } .quote_dots .bt_quote.active { background: rgba(255, 255, 255, 0); } @media only screen and (max-width:767px) { .quote_dots { display: none; } } .text_grey { color: #7f7f7f; } .text_grey h2 { color: #41b9a1; } .margin_top { margin-top: 3.125em } .margin_bottom { margin-bottom: 3.125em } @media only screen and (max-width:767px) { .margin_top { margin-top: 20px !important; } .margin_bottom { margin-bottom: 20px !important; } } /* =========================== */ /* =========================== */ .contact_block { text-align: center; } .contact_block .box { width: 50%; margin: 0 auto; padding: 1px 0 !important; } .contact_block .box2 { width: 58%; } .contact_block.dark .sd_frm .bt { background: #bebebe; } .contact_block h3 { margin-top: 1em; } .contact_block, .vertical_padding .zone { padding: 3em 0; } @media only screen and (max-width:767px) { .contact_block { padding: 0 0; } .contact_block .box { max-width: 570px; } .vertical_padding .zone { padding: 0; } } /* =========================== */ .bt_menu { display: block; z-index: 20; position: absolute; top: 2em; left: 12em; font-size: 1em; cursor: pointer; } .bt_menu:before { font-family: "base-set" !important; content: "\62"; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 4.25em; transition: all .25s linear; color: #183567; padding: 0; margin: 0; } .navbar.close .bt_menu:before { content: "\61"; color: #a7a9ac; padding: 0; margin: 0; } @media only screen and (max-width:767px) { .bt_menu { z-index: 20; position: absolute; top: 5px; left: 15px; font-size: 6px; } } /* =========================== */ .navbar .mnu { margin: 0 auto; display: block; background: rgba(255, 255, 255, .85); box-shadow: 0 0 0 rgba(0, 0, 0, .5); position: absolute; top: -100%; bottom: 100%; max-height: 0; left: 12em; top: 7em; overflow: hidden; transition: all 0 linear; z-index: 19; } .navbar.close .mnu { top: 8em; min-width: 33.5em; max-height: 99em; bottom: auto; box-shadow: 0 .25em 1em -.25em rgba(0, 0, 0, .3), 0 .125em .25em rgba(0, 0, 0, .4); transition: all .25s linear; } @media only screen and (max-width:767px) { .navbar .mnu { left: 5px; } .navbar.close .mnu { top: 45px; overflow: auto; max-height: calc(100vh - 72px); min-width: 66%; } } .mnu ul { padding-top: .5em; } .mnu li { float: none; margin: 0; padding: 0 !important; display: block !important; width: 100%; clear: both; text-align: left; } .mnu li.mobile, .mnu li.bt_home { display: none !important; } .mnu li:before { display: none !important; background: none !important; } .mnu a { font-size: 1.125em; line-height: 1em; width: auto; display: block; box-sizing: border-box; clear: both; transition: all 0s linear; background: none; border: none; margin-bottom: 0; text-decoration: none; box-shadow: none; color: #183567; vertical-align: middle; margin: 0; cursor: pointer; border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 1em 2em; font-weight: 700; } .mnu li:last-child a { border-bottom: none; } .navbar .soc { padding: 0; margin: 0; display: block; position: absolute; right: 12em; text-align: right; top: 2.5em; } .soc a { font-size: 2.5em; line-height: 1em; width: auto; display: inline-block; color: #234591; text-decoration: none; opcaity: 1; padding: 0 .125em; } @media only screen and (max-width:767px) { .mnu li:last-child a { border-bottom: 1px solid rgba(0, 0, 0, .1); } .navbar .soc { position: relative; top: 0; right: 0; width: 100; text-align: center; } .mnu a { padding: 1em 1.5em; } .mnu .soc a { font-size: 30px; padding: 16px 4px 8px 4px !important; } } .soc a:hover { text-decoration: none !important; opcaity: .8; } .mnu li ul { display: none; } .mnu a:hover { text-decoration: underline; } .mnu li.current_page_item > a, .mnu li.current_page_item > a:hover, .mnu li.current_page_ancestor > a, .mnu li.current_page_ancestor > a:hover { color: #a7a9ac; text-decoration: none; } .mnu .menu li.current-menu-item > a:hover:before { content: normal; } .mnu li.current-menu-item > a:hover { text-decoration: none; cursor: default; } /* =========================== */ .youtube_gallery {} .youtube_gallery { text-align: center; position: relative; padding: 3em 0; } .youtube_gallery h2 { margin-top: 0; margin-bottom: 1em; } .youtube_gallery .video_holder .vid_box { width: 40em; max-width: 90%; margin: 0; display: inline-block; vertical-align: top; font-size: 1em; } .youtube_gallery .video_holder .vid_box span { text-align: left; font-size: 1.5em; display: block; margin: .75em 0 0 0; font-weight: 700; color: #063568; } .youtube_gallery .video_holder .vid_box .vid_frame > a { display: block; cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; pointer-events: all; } .youtube_gallery .video_holder .vid_box .vid_frame iframe { z-index: 1; pointer-events:none; } .youtube_gallery .video_holder .vid_box .vid_frame { margin: 0 !important; width: 40em; max-width: 100%; } @media only screen and (max-width:767px) { .youtube_gallery .video_holder .vid_box span { font-size: 1em; } } /* */ .testimonial_slider { font-size: 1em; } .testimonial_slider .box { display: table; width: 90%; max-width: 87.5em; box-shadow: 0 0 .5em rgba(0, 0, 0, .16); margin: 3em auto; } .testimonial_slider .zone { text-algn: center; padding: 6em 0; } .testimonial_slider .box > div { display: table-cell; vertical-align: middle; text-align: center; } .testimonial_slider .test_image { width: calc(648% / 14.09); } .test_image img { width: 100%; display: block; height: auto; } .test_text > span { display: inline-block; font-style: italic; } .test_quote { width: 100%; font-size: 2em; line-height: calc(36 / 30); padding: 0 2em 2em 2em; box-sizing: border-box; } .test_id { font-size: 1.5em; } .test_name { font-weight: 700; } @media only screen and (max-width:767px) { .testimonial_slider .box { max-width: 30em; display: block; } .testimonial_slider .box > div { display: block; width: 100%; padding-bottom: 20px; } .test_quote { padding: 0 20px 20px 20px; } .testimonial_slider { font-size: .5624em; } } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 .75em; } .swiper-pagination-bullet { font-size: 1em; width: 3em; height: 3em; border-radius: 50%; background-color: #fff; box-sizing: border-box; border: .75em solid #fff; background-color: #fff; box-shadow: 0 0 .5em rgba(0, 0, 0, .16); opacity: 1 !important; } .swiper-pagination-bullet:hover { background-color: #a7a9ac; } .swiper-pagination-bullet-active, .swiper-pagination-bullet-active:hover { background-color: #112c4c; } .video_view .swiper-slide { opacity:.15; } .video_view .swiper-slide-prev, .video_view .swiper-slide-next { opacity:.5; } .video_view .swiper-slide-active { opacity:1; } .video_view .swiper-slide { opacity:.15; } .video_view .swiper-slide-prev, .video_view .swiper-slide-next { opacity:.5; } .video_view .swiper-slide-active { opacity:1; } .video_view .swiper-slide { opacity:.15; } .video_view .swiper-slide-prev, .video_view .swiper-slide-next { opacity:.5; } .video_view .swiper-slide-active { opacity:1; }