header .logo a {background-image: url("https://blueprint.cdn.cloud.searchoptics.net/08fc64077d959d8d2d5280825e2c3703/Logo/SouthBayLincoln_Logo_381x90_white.png");} /* ## HERO SEARCH ## */ #quickSearch {background: rgba(0,0,0,0.5);color: #FFF;height: 90vh;margin: 0 auto;overflow: hidden;padding: 0;text-align: center;width: 100%;position:relative;} #quickSearch > div { display: table; height: 100%; } #quickSearch > div > #quickSearchInner {display: table-cell;vertical-align: middle;/* background: url(https://blueprint.cdn.cloud.searchoptics.net/589b4772fee6d4e1972d9008f98f95d4/box2.png) no-repeat 50% 50%; */position: relative;top: 40px;} #quickSearch > div > #quickSearchInner > div { float: none; margin: 0 auto !important; padding: 0; width: 1366px; } #quickSearch > div > #quickSearchInner > div h1 {font-size: 88px;} #quickSearch > div > #quickSearchInner > div h1 i {display: block;font-size: 32px;font-style: normal;} #quickSearch > div > #quickSearchInner > div form { margin: 0 auto; } #quickSearch > div > #quickSearchInner > div .quick-search { } #quickSearch > div > #quickSearchInner > div .quick-search header { display: none; } #quickSearch > div > #quickSearchInner > div .quick-search h3 { font-size: 72px; margin: 0 0 100px 0; } #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-conditions {display: inline-block;width: 400px;margin: 0 0 40px 0;padding: 0;} #quickSearch > div > #quickSearchInner > div .quick-search input[type="radio"] { display: none; } #quickSearch > div > #quickSearchInner > div .quick-search label {backface-visibility: hidden;background: rgba(255,255,255,.1);color: #FFF;cursor: pointer;display: inline-block;font-size: 14px;font-weight: normal;letter-spacing: 10px;line-height: 14px;margin: 0;padding: 30px 0px 30px 10px;position: relative;text-decoration: none;text-transform: uppercase;transition-duration: .1s;transition-property: color;transform: translateZ(0);vertical-align: middle;width: 50%;text-align: center;} #quickSearch > div > #quickSearchInner > div .quick-search label.active { background: #fff; color: #000; } #quickSearch > div > #quickSearchInner > div .quick-search label:before { background: #FFF; bottom: 0; content: ""; left: 0; position: absolute; right: 0; transform: scaleX(0); transition-duration: .1s; transform-origin: left; transition-property: transform; transition-timing-function: ease-in; top: 0; z-index: -1; } #quickSearch > div > #quickSearchInner > div .quick-search label:hover, #quickSearch > div > #quickSearchInner > div .quick-search label:focus, #quickSearch > div > #quickSearchInner > div .quick-search label:active { color: #000; text-decoration: none; } #quickSearch > div > #quickSearchInner > div .quick-search label:hover:before, #quickSearch > div > #quickSearchInner > div .quick-search label:focus:before, #quickSearch > div > #quickSearchInner > div .quick-search label:active:before { transform: scaleX(1); transform-origin: right; } #quickSearch > div > #quickSearchInner > div .quick-search label.fadeOut { background: rgba(255,255,255,0.1); color: #FFF; transition: .25s; } #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-natural {display: inline;width: calc(100% - 85px);margin: 0;padding: 0;float: left;position: relative;} #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-natural i { color: #000; font-size: 32px; position: absolute; left: 37px; top: 25px; z-index: 99; } #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-natural input {background: #FFF;border: none;border-radius: 0 !important;box-shadow: none;height: 80px;font-size: 24px;font-weight: normal;outline: none;width: 100%;text-align: center;margin: 0;padding: 0 0 0 85px;font-family: 'Proxima Thin Italic';color: #000;letter-spacing: 2px;position: relative;} #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-actions {display: inline;width: 85px;margin: 0;padding: 0;float: left;} #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-actions button {background: #FFF;border: none;color: #000;cursor: pointer;display: inline-block;margin: 0;padding: 0 40px 0 0;text-decoration: none;text-transform: uppercase;width: inherit;height: 80px;line-height: 80px; /*font-size: 0;*/} #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-actions button:after {font-family: 'Pe-icon-7-filled';font-size: 32px;line-height: 24px;content:"\e611";position: relative;top: 9px;margin: 0 0 0 20px;} #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-actions button[type="reset"] { display: none; } @media (min-width:768px) { #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-actions button {font-size: 0;} } @media only screen and (max-width:1440px) { #quickSearch > div > #quickSearchInner > div { width: 1266px; } #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-natural {/* width: 738px; */} } @media only screen and (max-width:1366px) { #quickSearch > div > #quickSearchInner > div { width: 1100px; } #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-natural {/* width: 572px; */} } @media only screen and (max-width:1199px) { #quickSearch > div > #quickSearchInner > div { width: 924px; } #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-natural {/* width: 397px; */} } @media only screen and (max-width:1024px) { #quickSearch { background: url(https://blueprint.cdn.cloud.searchoptics.net/589b4772fee6d4e1972d9008f98f95d4/background_search.jpg) no-repeat; background-position: 50% 50%; background-size: cover; } #quickSearch > div > #quickSearchInner > div { padding: 0 60px !important; width: 100%; } #quickSearch > div > #quickSearchInner > div h1 { font-size: 82px; } #quickSearch > div > #quickSearchInner > div form { border-bottom: none; } #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-natural input { border-bottom: 1px solid #FFF; margin: 0 0 40px 0; } } @media only screen and (max-width:991px) { #quickSearch > div > #quickSearchInner > div h1 { font-size: 66px; background-color: #000; padding: 10px;} } @media only screen and (max-width:767px) { #quickSearch {height: inherit;padding: 40px;} #quickSearch > div > #quickSearchInner {background: none;top: 0;/* padding: 0; */} #quickSearch > div > #quickSearchInner > div {padding: 0 !important;} #quickSearch > div > #quickSearchInner > div h1 {font-size: 40px;} #quickSearch > div > #quickSearchInner > div h1 i { font-size: 24px; } #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-conditions {margin:0 0 20px 0;width: 100%;} #quickSearch > div > #quickSearchInner > div .quick-search label {letter-spacing: 5px;} #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-natural { width: 100%; } #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-natural i { left: 17px; } #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-natural input { padding: 0 20px 0 65px; margin: 0 0 20px 0; } #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-actions {display: block;width: 100%;float: none;clear: both;text-align: center;margin: 0 auto;} #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-actions button {background: rgba(255,255,255,0.1);color: #FFF;padding: 25px 5px;line-height: inherit;width: 100%;letter-spacing: 5px;} #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-actions button:hover { color: #000;} #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-actions button:before { background: #FFF; } #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-actions button:before:hover { } #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-actions button:after { display: none; } } @media only screen and (max-width:480px) { #quickSearch {padding: 40px 20px;} #quickSearch > div > #quickSearchInner > div hr { margin: 0 auto 40px auto; } #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-conditions { width: 100%; margin: 0 0 20px 0;} #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-natural {display: block;width: 100%;} #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-natural input { font-size: 20px; letter-spacing: 0; margin: 0 0 20px 0; } } @media only screen and (max-width:375px) { #quickSearch > div > #quickSearchInner > div {padding: 0 !important;} #quickSearch > div > #quickSearchInner > div h1 {font-size: 28px;} #quickSearch > div > #quickSearchInner > div h1 i { font-size: 18px; } #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-natural {/* padding: 0 20px !important; */width: 100%;} #quickSearch > div > #quickSearchInner > div .quick-search fieldset.quick-search-natural input { font-size: 18px; } } /* ## 4 BOXES ## */ #boxes {background: #FFF;padding: 80px 0;} /*#boxes:before {background: url(https://blueprint.cdn.cloud.searchoptics.net/08fc64077d959d8d2d5280825e2c3703/circle.png);position: absolute;content: "";top: calc(90vh - 38px);left: calc(50% - 38px);display: block;z-index: 999;width: 76px;height: 76px;}*/ #boxes #arrow {position: absolute;top: -118px;left: 0;right: 0;margin: 0 auto;z-index: 99;} #boxes .container { } #boxes .container > div { } #boxes .container > div > div { } #boxes .container > div > div > div { background: 50% 50% / cover; display: inline-block; float: none; height: 640px; margin: 0 10px; padding: 0; position: relative; width: calc(20% - 15px); } #boxes .container > div > div > div:hover { } #boxes .container > div > div > div:before { background: linear-gradient(rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0)); content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; } #boxes .container > div > div > div:hover:before { background: linear-gradient(rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.5)); } #boxes .container > div > div > div:first-child { margin-left: 0; } #boxes .container > div > div > div:last-child { margin-right: 0; margin-left: 0;} #boxes .container > div > div > div > div { color: #FFF; font-family: 'MillerB Light'; left: 40px; padding: 0 40px 0 0; position: absolute; } #boxes .container > div > div > div > .title { font-size: 48px; font-size: 2.75vw; line-height: 48px; line-height: 2.75vw; top: 40px; } #boxes .container > div > div > div > .link { bottom: 40px; font-family: 'Proxima Regular', sans-serif; font-size: 16px; letter-spacing: 5px; line-height: 16px; opacity: 0; text-transform: uppercase; } #boxes .container > div > div > div > .link a { color: #FFF; } #boxes .container > div > div > div:hover > .link { opacity: 1; } #boxes .container > div > div > div > .link:after { content: "\e684"; font-family: pe-icon-7-stroke; font-size: 24px; position: relative; top: 5px; } @media (min-width: 992px) { #boxes .container > div > div > div > .title {font-size: 2.25vw; line-height: 2.25vw;} } @media (min-width: 1200px) { #boxes .container {max-width: 100%;} #boxes .container > div > div > div:last-child {margin-left: 5px;} #boxes .container > div > div > div > .title {font-size: 2.75vw; line-height: 2.75vw;} } @media only screen and (max-width:1199px) { #boxes { } #boxes .container > div > div > div { height: 480px; margin: 0 10px 20px; width: calc(50% - 10px); } #boxes .container > div > div > div:nth-of-type(1) { margin-left: 0; } #boxes .container > div > div > div:nth-of-type(2) { margin-right: 0; } #boxes .container > div > div > div:nth-of-type(3) { margin-left: 0; } #boxes .container > div > div > div:nth-of-type(4) { margin-right: 0; } #boxes .container > div > div > div > .title { font-size: 4.25vw; line-height: 4.25vw; } } @media only screen and (max-width:1024px) { #boxes .container > div > div > div:before { background: linear-gradient(rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.5)); } #boxes .container > div > div > div > .link { opacity: 1;} } @media only screen and (max-width:991px) { #boxes .container > div > div > div > .title { font-size: 5vw; line-height: 5vw; } } @media only screen and (max-width:767px) { #boxes { padding: 40px 0; } /*#boxes:before { display: none; }*/ #boxes #arrow { display: none; } #boxes .container > div > div > div { height: 320px; margin: 0 0 20px; width: 100%; } #boxes .container > div > div > div > .title { font-size: 7vw; line-height: 7vw; } } @media only screen and (max-width:480px) { #boxes .container > div > div > div { height: 240px; } #boxes .container > div > div > div > div { left: 20px; } #boxes .container > div > div > div > .title { font-size: 7vw; line-height: 7vw; top: 20px; } #boxes .container > div > div > div .paragraph {font-size: 4vw;line-height: 4vw;} #boxes .container > div > div > div > .link { bottom: 20px; font-size: 4vw; line-height: 4vw;} } @media only screen and (max-height:640px) { /*#boxes:before { top: calc(90vh - 19px); }*/ #boxes #arrow {top: -90px;} } /* ## ODD LAYOUT ## */ #oddLayout { background: url(https://blueprint.cdn.cloud.searchoptics.net/589b4772fee6d4e1972d9008f98f95d4/background_a.jpg) no-repeat; background-size: cover;padding: 150px 0 50px;background-position: 50% 50%;} #oddLayout .blocks { margin: 0 auto; max-width: 1366px; } #oddLayout .blocks .content { background: #000; color: #FFF; display: table;/*height: 780px;*/ text-align: center;} #oddLayout .blocks .content > div { display: table-cell; vertical-align: middle;padding: 160px 80px;} #oddLayout .blocks .content .btn-primary {background: rgba(255,255,255,0.1);color: #FFF;} #oddLayout .blocks .content .btn-primary:before { background: #FFF; } #oddLayout .blocks .content .btn-primary:hover, #oddLayout .blocks .content .btn-primary:focus, #oddLayout .blocks .content .btn-primary:active { color: #000; } #oddLayout .blocks .imageBig { display: table;height: 880px;} #oddLayout .blocks .imageBig > div {display: table-cell;vertical-align: bottom;} #oddLayout .blocks .imageBig .image { background: url(https://blueprint.cdn.cloud.searchoptics.net/589b4772fee6d4e1972d9008f98f95d4/img03.jpg) no-repeat; background-size: cover; height: 675px; } @media only screen and (max-width:1199px) { #oddLayout .blocks .content > div { padding: 120px 40px;} #oddLayout .blocks .imageBig > div {vertical-align: middle;} } @media only screen and (max-width:767px) { #oddLayout { background: url(https://blueprint.cdn.cloud.searchoptics.net/589b4772fee6d4e1972d9008f98f95d4/background_b.jpg) no-repeat; background-size: cover;padding: 80px 0; background-position: 50% 50%;} #oddLayout > div { padding: 0 40px !important; } #oddLayout .blocks .content > div {padding: 40px;} #oddLayout .blocks .imageBig { display: none; } } @media only screen and (max-width:480px) { #oddLayout { padding: 0; } #oddLayout > div { padding: 0 !important; } #oddLayout .blocks .content .btn-primary:after { display: none; } }