@font-face {
   font-family: HelveticaNeueThin;
   src: url(../fonts/HelveticaNeueThin.ttf);
}

@font-face {
   font-family: HelveticaNeuBold;
   src: url(../fonts/HelveticaNeuBold.ttf);
}

@font-face {
   font-family: HelveticaNeubd;
   src: url(../fonts/HelveticaNeueBd.ttf);
}

@font-face {
   font-family: HelveticaNeueBlackCond;
   src: url(../fonts/HelveticaNeueBlackCond.ttf);
}

@font-face {
   font-family: HelveticaNeue;
   src: url(../fonts/HelveticaNeue.ttf);
}



@font-face {
   font-family: HelveticaNeue-regular;
   src: url(../fonts/HelveticaNeueLt.ttf);
}

@font-face {
   font-family: HelveticaNeue-black;
   src: url(../fonts/HelveticaNeue-Black.otf);
}

@font-face {
   font-family: HelveticaNeue-medium;
   src: url(../fonts/HelveticaNeueMed.ttf);
}

@font-face {
   font-family: BykerW00Regular;
   src: url(../fonts/BykerW00Regular.ttf)
}

body, p {
   font-family: HelveticaNeue-regular;
}

body.cnpage, .cnpage p {
   font-family: HelveticaNeue-regular;
   color: #000000;
}

.modal-content>div:last-child, .modal-content>div:nth-last-child(2) {
    display: none;
}

body, .body-wrapper {
    overflow-x: hidden;
    position: relative;
    max-width: 100vw;
}

 .offcanvas-inner {
    padding: 100px 30px !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
   font-family: BykerW00Regular;
    padding: 12px 0;
    letter-spacing: 0.2px;
    font-size: 19px;
}

.offcanvas-menu .logo {
    display: none;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li {
    border-bottom: 1px solid #e4e4e4;
}


.mod-languages {
display: inline-block !important;
    float: right;
    padding: 25px 0;
}

.oakland-home header.header-sticky .mod-languages, .subpage .mod-languages{
    padding: 32px 0;
}

.jomdirectory .card ul {
    padding-left: 20px;
}

.languagedropdown select {
    height: 30px !important;
    font-size: 13px !important;
    padding: 2px !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
}

.languagedropdown .chosen-single{
    background: #fff;
    border: 1px solid;
    border-radius: 0;
    height: auto;
    padding: 3px 5px;
}



.mod-languages .chosen-container-single .chosen-single div {
    top: 3px;
}

.mod-languages chosen-container {
    min-width: 80px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li:last-child {
    border-bottom: 0px solid #e4e4e4;
}
b, strong {
   font-family: HelveticaNeuBold;
    font-weight: 400;
}

#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active, .offcanvas-menu .offcanvas-inner .sp-module ul > li.active a,.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
    color: #c2000b;
}

.sppb-animated-number-title {
   font-family: BykerW00Regular !important;
}

.ui.form .field>label {
    font-family: BykerW00Regular;
    font-weight: 400 !important;
    font-size: 14px !important;
    letter-spacing: 0.01px;
}

.elastic-modal .modal-header {
    padding: 5px !important;
}

.elastic-modal .close {
    color: #fff !important;
    border: 0;
    background: #000;
    float: right;
    font-size: 20px !important;
    line-height: 30px;
    padding: 0;
    font-weight: bold;
    width: 30px;
    height: 30px;
}

.elastic-modal .modal-content {
    max-width: 420px;
}

.heading-b {
   font-family: HelveticaNeuBold;
}

.one-off-a-kind {
    text-align: center;
}

.safetytext li {
    margin-bottom: 8px;
}


.safetytext ul {
    padding-left: 20px;
    margin-bottom: 30px;
}

.locationtext ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.one-off-a-kind h1 {
   font-family: HelveticaNeueThin;
   font-size: 35px;
}

.one-off-a-kind h3 {
   font-family: HelveticaNeuBold;
   font-size: 25px;
   color: #c2000b;
}

.siteplan-heading h2 {
   font-family: HelveticaNeuBold;
}

.ofak-unit-text h3 {
   font-family: HelveticaNeuBold;
   font-size: 25px;
}

.ff-heading-light h1 {
   font-family: HelveticaNeueThin;
   font-size: 45px;
    margin-bottom: 0px;
    line-height: 45px;

}

.social-ico a{
    margin: 0 5px;
}

.ff-heading-bold h1 {
   font-family: HelveticaNeue-regular;
    margin-bottom: 10px;
    line-height: 50px;
   font-size: 45px;
}

span.ff-heading-bold {
   font-family: HelveticaNeue-regular;
}

 .shadow-before {
     display: block;
     width: 100%;
     height: 0px;
 }

 .shadow-before:before, .shadow-before:after {
    position: absolute;
    z-index: -1;
    content: "";
    top: 40px;
    left: -30px;
    width: 30%;
    bottom: 80%;
    -webkit-box-shadow: 0 35px 20px #989898;
    -moz-box-shadow: 0 35px 20px #989898;
    box-shadow: 0 35px 30px #989898;
    -webkit-transform: rotate(185deg);
    -moz-transform: rotate(185deg);
    -o-transform: rotate(185deg);
    -ms-transform: rotate(185deg);
    transform: rotate(185deg);
}

.shadow-before:after {
      -webkit-transform: rotate(-185deg);
      -moz-transform: rotate(-185deg);
      -o-transform: rotate(-185deg);
      -ms-transform: rotate(-185deg);
      transform: rotate(-185deg);
      right: -30px;
      left: auto;
}

 .shadow:before, .shadow:after
    {
    position: absolute;
    z-index: -1;
    content: "";
    bottom: 20px;
    left: -30px;
    width: 30%;
    top: 80%;
    -webkit-box-shadow: 0 35px 20px #989898;
    -moz-box-shadow: 0 35px 20px #989898;
    box-shadow: 0 35px 30px #989898;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
    .shadow:after
    {
      -webkit-transform: rotate(5deg);
      -moz-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      transform: rotate(5deg);
      right: -30px;
      left: auto;
    }

.oakland-home #sp-header .logo, .subpage  #sp-header .logo {
    height: auto;
    display: inline-block;
    margin: 0;
    align-items: center;
    position: absolute;
    top: 20px;
    left: calc(50% - 142.5px);
}

.sp-page-title {
    padding: 37px 0;
    background: none;
}

.sp-page-title .sp-page-title-heading {
    font-size: 37px;
    line-height: 1;
    text-transform: uppercase;
}

.aboutustable table {
    width: 100%;
}

.aboutustable td {
    width: 20%;
    color: #fff;
    text-align: center;
    padding: 30px 20px;
}


.aboutustable td h3 {
    line-height: 27px;
}


.aboutustable td p {
    font-size: 14.5px;
    line-height: 20px;
    margin-top: 8px;
    color: #ffffff;
}

.oakland-home #sp-logo {
    text-align: center;
    position: relative;
}

.oakland-home #sp-header {
    box-shadow: none;
}

.units-img img, .units-img .sppb-addon-single-image-container {
    width: 100%;
}


.units-img img {
    border: 10px solid #efefef;
}

.units-img a:hover img{
    border: 10px solid #c2000b;
}

.oakland-home #sp-header .container, .subpage #sp-header .container  {
    border-bottom: 7px solid #c2000b;
}

.oakland-home #sp-header .logo a {
    font-size: 24px;
    line-height: 1;
    margin: 0;
    padding: 20px;
    display: inline-block;
}

.homeproducttable table {
    width: 100%;
    margin-bottom: 10px;
}

.homeproducttable h4 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 0;
    font-family: BykerW00Regular !important;
}

.homeproducttable h3 {
    font-family: BykerW00Regular;
    text-align: left;
    display: inline-block;
    font-size: 40px;
    text-transform: uppercase !important;
    line-height: 30px;
    margin-bottom: 0;
}

.homeproducttable h1 {
    font-size: 150px;
    line-height: 140px;
    font-family: HelveticaNeue-regular;
    margin-bottom: 0;
}

.homeproducttable h2 {
    font-size: 85px;
    font-family: HelveticaNeue-regular;
    display: inline-block;
    line-height: 85px;
}

.hometable-strata td {
    width: 33%;
    padding: 0 10px;
}

.hometable-retail td  {
    width: 37%;
    padding: 0 10px;
    vertical-align: bottom;
}

.hometable-retail td:first-child  {
    width: 26%;
}


.hometable-boulevard td:first-child  {
    width: 55%;
}

.offcanvas-overlay {
    min-height: 100vh;
}


.oakland-home #sp-header .logo a, .subpage #sp-header .logo a {
    background: #fff;
}

.oakland-home #sp-header {
    background: url(../images/sky-bg.jpg);
    background-attachment: fixed;
    background-position: top;
}

.oakland-home .first-section .sppb-row-container {
    border-left: 7px solid #c2000b;
    border-right: 7px solid #c2000b;
    border-bottom: 7px solid #c2000b;
}


.oakland-home #sp-header.header-sticky, .subpage header {
    height: 95px;
    background: #fff;
}

.oakland-home header.header-sticky .logo-image, .subpage header .logo-image {
    height: 75px !important;
}
 .jc-powered {
     display: none !important;
 }
 
.oakland-home header.header-sticky #offcanvas-toggler, .subpage header #offcanvas-toggler {
    height: 95px;
    line-height: 95px;
}

.oakland-home #sp-header.header-sticky .logo a, .subpage #sp-header .logo a {
    font-size: 24px;
    line-height: 1;
    margin: 0;
    padding: 7px 10px 3px 10px;
    display: inline-block;
}

.oakland-home #sp-header.header-sticky .logo, .subpage #sp-header .logo {
    top: 20px;
    left: 70px;
}

.oakland-home #sp-header.header-sticky #sp-logo, .subpage #sp-header #sp-logo {
    position: relative;
}

.formwraping h3 {
    display: none !important;
}

.formwraping .ui.form .eight.wide.field {
    vertical-align: top;
    width: 50%!important;
    display: inline-block;
    margin-bottom: 15px;
}

.formwraping .ui.form .field {
    padding: 0 10px;
}
.unitimage img {
    width: calc(100% + 150px);
    max-width: none;
}

.unitimage .sppb-addon-single-image-container {
    margin-left: -200px;
}

.first-fold-img img {
    width: calc(100% + 100px) !important;
    margin-left: -100px;
    max-width: none;
}

.firstfold-left {
    z-index: 3;
}

.ofak-findoutmore a {
    display: inline-block;
    color: #000;
}

.locationtext-col {
    border-left: 7px solid #ff6600;
}

.locationtext h1 {
    font-size: 30px;
   font-family: HelveticaNeuBold;
}

.howtogethere .sp-page-title, .aboutus .sp-page-title, .contactus .sp-page-title {
    background: transparent;
}

.contactus .sp-page-title h2 {
    color: #000;
}

.contactus .sp-page-title {
    padding-bottom: 0;
}

.howtogethere .body-wrapper {
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,176,0,1) 90%);
    background-size: 100% 650px;
    background-repeat: no-repeat;
}

.aboutus .body-wrapper {
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(220,98,174,1) 90%);
    background-size: 100% 650px;
    background-repeat: no-repeat;
}

.ofak-findoutmore i {
    font-size: 20px;
    float: right;
    padding: 3px 0px 0 10px;
}

.unithighlight-heading h1 {
    font-size: 95px;
    font-family: HelveticaNeue-regular;
    display: inline-block;
    float: right;
    line-height: 55px;
}

.oaklandpage-heading h1 {
    font-family: HelveticaNeue-regular;
}

.footer-col p {
    margin-bottom: 0;
}

.social-ico {
    text-align: center;
}

.social-ico-contact {
    text-align: left;
}

.contact-info {
    font-size: 90%;
}

.contact-info p {
    margin-bottom: 0;
}

.social-ico i, .social-ico-contact i {
    font-size: 25px;
    color: #3b5998;
}

.social-ico i:hover, .social-ico-contact i:hover {
    opacity: 0.8;
}

#sp-footer a, #sp-bottom a {
    color: #000;
}

#sp-footer a:hover, #sp-bottom a:hover, #sp-footer a:focus, #sp-bottom a:focus, #sp-footer a:active, #sp-bottom a:active  {
    color: #c7c7c7;
}

.bigtext-heading h1 {
    font-size: 85px;
    font-family: HelveticaNeue-regular;
    display: inline-block;
    line-height: 110px;
}

.extra-bigtext-heading h1 {
    font-size: 140px;
    font-family: HelveticaNeue-regular;
    display: inline-block;
    line-height: 110px;
}

.borderleft-pink img {
    border-left: 7px solid #f30366;
}

.borderleft-green img {
    border-left: 7px solid #4db588;
}

.borderleft-orange img {
    border-left: 7px solid #ff6600;
}

.boulevard-row .sppb-row {
    background: #efefef;
}

.bigtext-small-heading h3 {
    font-family: BykerW00Regular;
    text-align: left;
    display: inline-block;
    font-size: 40px;
    text-transform: uppercase !important;
    line-height: 30px;
}

.productbigtext h1 {
    font-size: 60px;
    line-height: 60px;
   font-family: HelveticaNeue-regular;
    margin-bottom: 0;
}

.productbigtext h3 {
    margin-bottom: 0;
    font-family: BykerW00Regular !important;
}

.download-headingbig h1 {
    font-family: HelveticaNeuBold !important;
    font-size: 35px;
    height: auto;
    display: inline-block;
    line-height: inherit !important;
}

.productbigtext p, .download-headingbig td p {
    margin-bottom: 0;
}

.download-headingbig td.col1 {
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.download-headingbig td.col2 {
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.download-headingbig td h1:hover {
    color: #fff;
    opacity: 0.7;
}


.download-headingbig td h1 a {
    padding: 5px 20px;
    color: #fff;
}

.download-headingbig td a {
    color: #000;
}


.pink-productbigtext .sppb-row {
    background: #f30366;
}

.green-productbigtext .sppb-row {
    background: #4db588;
}

.stratapink-col2 {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.retailgreen-col2 {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#sp-menu {
}

.bigtext-small-heading h3 small {
    color: #666666;
    font-size: 23px;
}

#sp-footer, #sp-bottom {
    background: #fff;
    color: #000;
}

#sp-footer .container-inner {
    padding: 0;
}

.unithighlight-heading h1 small {
    font-size: 28px;
    font-family: BykerW00Regular;
    letter-spacing: -1px;
}

.products-sliders .sppb-carousel-text {
    display: none !important;
}

.contact-location-heading h1 {
   font-family: HelveticaNeueThin;
    font-size: 70px;
    color: #808080;
}

.runningnumberbar {
    position: absolute !important;
    width: 100%;
    z-index: 99 !important;
}

.unit-wrapper {
    z-index: 3 !important;
}

.zindex3 {
    z-index: 3 !important;
}

.zindex0 {
    z-index: 0 !important;
}

.chronoforms6_credits {
    display: none !important;
}

.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url], .ui.form textarea, .ui.form select, .ui.dropdown.selection {
    border: 1px solid #000 !important;
    border-radius: 0px !important;
}

.message-field {
    margin-top: 15px !important;
}

.ui.green.button, .ui.green.buttons .button {
    padding: 10px 30px !important;
    border-radius: 0 !important;
background: rgb(255,102,0) !important;
background: linear-gradient(90deg, rgba(255,102,0,1) 0%, rgba(251,0,38,1) 100%) !important;
    font-size: 14px !important;
    margin-top: 15px !important;
}


.ui.green.button:hover, .ui.green.buttons .button:hover {
    opacity: 0.75;
}

.oakland-home #sp-header.header-sticky, .subpage #sp-header {
    height: auto !important;
    background: #fff;
    padding-bottom: 10px;
    -webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.1);
box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.1);
}

.vtour {
    top: 110px;
    height: calc(100% - 110px);
}

@media (min-width: 1200px) {
body.helix-ultimate .sppb-row-container, .container {
    max-width: 1240px;
    width: 1240px;
}
}


.first-section .sppb-row-container, #sp-header .container {
    width: 1210px !important;
    max-width: 1210px !important;
}

.ui.radio, .ui.checkbox {
    padding-top: 20px !important;
}


@media (max-width: 1200px) and (orientation: landscape) {
.vtour {
    height: 650px;
    position: relative !important;
    top: 0;
    width: 80% !important;
    margin: auto !important;
    display: block;
}

.first-section .sppb-row-container, #sp-header .container {
    width: 100% !important;
    max-width: 100% !important;
}
}


@media (max-width: 768px) {
.oakland-home #sp-header .logo a {
    background: transparent;
}

.vtour {
    top: 75px;
    height: 550px;
}

.mod-languages {
    margin-right: 8px;
    padding: 0;
    padding-top: 16px;
}

.mod-languages select {
    height: 25px !important;
    font-size: 8px !important;
    padding: 2px !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    /* margin-right: 5px; */
}

.oakland-home #offcanvas-toggler {
    line-height: 10px;
}

.oakland-home header.header-sticky #offcanvas-toggler {
    height: 75px;
    line-height: 75px;
}


.subpage header #offcanvas-toggler {
    height: 65px;
    line-height: 60px;
}

.download-headingbig table {
    width: 100%;
}

.download-headingbig td {
    padding: 5px;
    text-align: center;
    width: 50%;
}

.download-headingbig h1 {
    font-family: HelveticaNeuBold !important;
    font-size: 22px;
    height: auto;
    display: block;
    line-height: inherit !important;
    text-align: center;
}

.hometable-strata td, .hometable-retail td, .hometable-boulevard td {
    display: inline-block;
    width: 100%;
    padding: 20px 10px;
}

.homeproducttable h1 {
    font-size: 100px;
    line-height: 100px;
    font-family: HelveticaNeue-regular;
    margin-bottom: 0;
}

.homeproducttable h2 {
    font-size: 65px;
    font-family: HelveticaNeue-regular;
    display: inline-block;
    line-height: 65px;
}

.sp-page-title .sp-page-title-heading {
    font-size: 25px;
}

.oakland-home #sp-header {
    background: transparent;
    background-attachment: fixed;
    background-position: top;
}

.one-off-a-kind h1 {
    font-family: HelveticaNeueThin;
    font-size: 25px;
}

.one-off-a-kind h3 {
    font-family: HelveticaNeuBold;
    font-size: 19px;
    color: #c2000b;
}

.sp-page-builder .page-content #section-id-1596766858398 {
    background-size: contain !important;
}

.unithighlight-heading h1 {
    font-size: 40px;
    font-family: HelveticaNeue-regular;
    display: block;
    float: none;
    line-height: 45px;
    text-align: center;
}

.runningnumberbar {
    position: relative !important;
    width: 100%;
    z-index: 99 !important;
    padding: 20px 10px !important;
}

.bigtext-heading h1 {
    font-size: 60px;
    font-family: HelveticaNeue-regular;
    display: inline-block;
    line-height: 65px;
}

.contact-location-heading h1 {
    font-family: HelveticaNeueThin;
    font-size: 30px;
    color: #808080;
}


.bigtext-small-heading h3 {
    font-family: BykerW00Regular;
    text-align: left;
    display: inline-block;
    font-size: 40px;
    text-transform: uppercase !important;
    line-height: 30px;
}


.featuredvideo {
    height: 200px;
}

.mobile-center {
    text-align: center;
}

.first-section .sppb-row-container, #sp-header .container {
    width: auto !important;
    max-width: inherit !important;
}

.oakland-home #sp-header .logo, .subpage #sp-header .logo {
    position: relative;
}

.logo-image {
    height: 90px;
}

.oakland-home #sp-header .logo, .subpage #sp-header .logo {
    position: relative;
    left: auto;
    top: auto;
}

.oakland-home #sp-logo, .subpage #sp-logo {
    width: 100%;
    display: block;
    max-width: none;
    flex: 0 0 100%;
    text-align: center;
}

.logo-image {
    height: 80px !important;
}

#sp-menu {
    position: absolute;
    right: 15px;
}

.oakland-home #sp-header .container {
    border-bottom: 0;
    padding-top: 45px;
}

.ff-heading-light h1 {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 0px;
}

.ff-heading-bold h1 {
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 5px;
}


.oakland-home #sp-main-body {
    margin-top: -120px;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
    margin-left: 0;
    padding-top: 2px;
}

.oakland-home #sp-header.header-sticky .logo {
    top: 0;
    left: 0;
}

.oakland-home #sp-header.header-sticky .container, .subpage #sp-header .container  {
    border-bottom: 0;
    padding-top: 5px;
}

.oakland-home #sp-header.header-sticky, .subpage #sp-header {
    padding-bottom: 5px;
}

.oakland-home #sp-header.header-sticky .logo-image, .subpage #sp-header .logo-image {
    height: 60px !important;
}


.oakland-home header.header-sticky #offcanvas-toggler {
    height: 75px;
    line-height: 75px;
}

.subpage header #offcanvas-toggler {
    height: 65px;
    line-height: 60px;
}

.ui.green.button {
    width: 100%;
}

.first-fold-img img {
    width: 100% !important;
    margin-left: 0;
    max-width: none;
}

.unitimage img {
    width: calc(120% + 10px);
    max-width: none;
    margin-bottom: -40px;
}

.unitimage .sppb-addon-single-image-container {
    margin-left: 0px;
}

.copyright p, .copyright .sppb-text-left,  .copyright .sppb-text-right  {
    text-align: center;
}

.aboutustable td {
    display: inline-block;
    width: 100%;
}

.borderleft-pink img {
    border-left: 0px solid #f30366;
}

.borderleft-green img {
    border-left: 0px solid #4db588;
}

.borderleft-orange img {
    border-left: 0px solid #ff6600;
}

.oakland-home header.header-sticky .mod-languages, .subpage .mod-languages {
    padding: 29px 0;
}
}



@media (max-width: 767px) {
.oakland-home #sp-header .logo a {
    background: transparent;
}

.retailgreen-col2 {
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    padding-top: 0px;
    padding-bottom: 0px;
}

.download-headingbig h1 {
    font-family: HelveticaNeuBold !important;
    font-size: 22px;
    height: auto;
    display: block;
    line-height: inherit !important;
    text-align: center;
}

.download-headingbig td h1 a {
    padding: 5px 10px;
    color: #fff;
}

.download-headingbig td.col1 {
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.download-headingbig td.col2 {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.oakland-home #sp-header {
    background: transparent;
    background-attachment: fixed;
    background-position: top;
}

.one-off-a-kind h1 {
    font-family: HelveticaNeueThin;
    font-size: 25px;
}

.one-off-a-kind h3 {
    font-family: HelveticaNeuBold;
    font-size: 19px;
    color: #c2000b;
}

.sp-page-builder .page-content #section-id-1596766858398 {
    background-size: contain !important;
}

.unithighlight-heading h1 {
    font-size: 40px;
    font-family: HelveticaNeue-regular;
    display: block;
    float: none;
    line-height: 45px;
    text-align: center;
}

.runningnumberbar {
    position: relative !important;
    width: 100%;
    z-index: 99 !important;
    padding: 20px 10px !important;
}

.bigtext-heading h1 {
    font-size: 60px;
    font-family: HelveticaNeue-regular;
    display: inline-block;
    line-height: 65px;
}

.contact-location-heading h1 {
    font-family: HelveticaNeueThin;
    font-size: 30px;
    color: #808080;
}

.bigtext-small-heading h3 {
    font-family: BykerW00Regular;
    text-align: left;
    display: inline-block;
    font-size: 40px;
    text-transform: uppercase !important;
    line-height: 30px;
}


.featuredvideo {
    height: 200px;
}

.mobile-center {
    text-align: center;
}

.first-section .sppb-row-container, #sp-header .container {
    width: auto !important;
    max-width: inherit !important;
}

.oakland-home #sp-header .logo, .subpage #sp-header .logo {
    position: relative;
}



.oakland-home #sp-header .logo, .subpage #sp-header .logo {
    position: relative;
    left: auto;
    top: auto;
}

.oakland-home #sp-logo, .subpage #sp-logo {
    width: 100%;
    display: block;
    max-width: none;
    flex: 0 0 100%;
    text-align: center;
}

.logo-image {
    height: 55px !important;
}

#sp-menu {
    position: absolute;
    right: 15px;
}

.oakland-home #sp-header .container {
    border-bottom: 0;
    padding-top: 45px;
}

.ff-heading-light h1 {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 0px;
}

.ff-heading-bold h1 {
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 5px;
}


.oakland-home #sp-main-body {
    margin-top: -80px;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
    margin-left: 0;
}

.oakland-home #sp-header.header-sticky .logo {
    top: 0;
    left: 0;
}

.oakland-home #sp-header.header-sticky .container, .subpage #sp-header .container  {
    border-bottom: 0;
    padding-top: 5px;
}

.oakland-home #sp-header.header-sticky, .subpage #sp-header {
    padding-bottom: 5px;
}

.oakland-home #sp-header.header-sticky .logo-image, .subpage #sp-header .logo-image {
    height: 50px !important;
}


.oakland-home header.header-sticky #offcanvas-toggler {
    height: 65px;
    line-height: 60px;
}

.ui.green.button {
    width: 100%;
}

.first-fold-img img {
    width: 100% !important;
    margin-left: 0;
    max-width: none;
}

.unitimage img {
    width: calc(120% + 10px);
    max-width: none;
    margin-bottom: -40px;
}

.unitimage .sppb-addon-single-image-container {
    margin-left: 0px;
}

.copyright p, .copyright .sppb-text-left,  .copyright .sppb-text-right  {
    text-align: center;
}

.oakland-home header.header-sticky .mod-languages, .subpage .mod-languages {
    padding: 20px 0;
}
}


/**Chinese Page**/

.cnpage span.ff-heading-bold, .cnpage .homeproducttable h4, .cnpage .homeproducttable h2, .cnpage .ff-heading-bold h1 {
   font-family: HelveticaNeuBold !important;
}

.cnpage b, .cnpage strong {
   font-family: HelveticaNeue-black;
}

.cnpage .firstfold-left h1 {    
    font-size: 40px;
}

.cnpage .sp-page-title .sp-page-title-heading {
   font-family: HelveticaNeuBold !important;
}

.btn-primary, .sppb-btn-primary {
    border-radius: 0 !important;
    background: rgb(255,102,0) !important;
    background: linear-gradient(90deg, rgba(255,102,0,1) 0%, rgba(251,0,38,1) 100%) !important;
    border: 0px;
}

#jomdirectory-categories .btn-primary {
    margin-top: 0 !important;
}

#jomdirectory-categories .px-3 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.vt-btn .sppb-btn-primary {    
    margin-top: 0px !important;
    padding: 10px 40px;
}

.MainBodySub {
    padding: 50px 0;
}

.btn-primary:hover , .sppb-btn-primary:hover {
    opacity: 0.8;
}

.features-container h4 {
    display: none;
}


.directorysearch-heading {
    font-size: 20px;
    text-align: left;
    margin-bottom: 15px;
    color: #c2000b;
    text-transform: uppercase;
    font-weight: bold;
}

#jomdirectoryFormSearch .row>div {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#jomdirectoryFormSearch .row {
    text-align: center;
    margin: auto;
    display: block;
}


#jomdirectory-categories-square .overlay .text-white {
    width: 100%;
    padding: 50px 10px 10px 10px !important;
    font-weight: 800;
    background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.700717787114846) 0%, rgba(0,0,0,0) 85%);
}

#jomdirectory-categories-square .mx-auto {
    width: 100%;
    height: 100%;
}

#jomdirectory-categories-square .btn-primary {
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background: transparent !important;
}

#jomdirectory-categories-square .btn-primary i {
    top: calc(50% - 25px);
    position: absolute;
    width: 100%;
    left: 0;
}

#jomdirectory-item .header h1 {
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
    color: #c2000b;
}

#jomdirectory-item address {
    font-weight: bold;

    font-size: 20px;
    text-transform: uppercase;
    line-height: 1;
    margin-left: -3px;
}


#jomdirectory-item address i {
    color:#c2000b;
}

.listing-description {
    border: 1px solid rgba(0,0,0,.125);
    background: #fff;
    color: #696969;
    box-shadow: 0 6px 50px rgb(0 0 0 / 5%);
    border-radius: 0.25rem;
    margin-top: 15px
}

.listing-description #tab-content {
    border-top: 0;
    box-shadow: none;
    border: 0px;
}

.listing-description #detail h3 {
    font-family: arial;
    text-transform: uppercase;
    font-weight: 800;
    width: 100%;
    color: #c2000b;
    font-size: 16px;
}

.listing-description #tabs {    
    margin-top: 0 !important;
}

.header address i.mdi-chevron-right {
    display: none;
}


#jomdirectory-item .features-container .d-block label, .opening-hours label {
    font-family: arial;
    text-transform: uppercase;
    font-weight: 800;
    width: 100%;
    color: #c2000b;
}

#jomdirectory-item .features-container .opening-hours label {
}

#reviews {
    display: none;
}

.jomdirectory .card  h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 5px !important;
}

.card-img-overlay .category .badge-cd {
    background: rgba(194,0,10,0.7);
    padding: 7px 10px 6px 10px !important;
    height: auto;
    line-height: 1;
    font-weight: bold;
}

.jomdirectory .card  h2 a {
    color:#c2000b;
}

.jomdirectory .card i.mdi-map-marker-outline {
    color:#c2000b;
    margin-left: -3px;
}

.jomdirectory .card  h2 a:hover {
    color: #000;
    transition: 300ms;
}

.jomdirectory .card i.mdi-chevron-right, .jomdirectory .card hr {
    display: none;
}

.jomdirectory .row>*, #jomdirectory-categories-square .row>* {
    padding-left: 10px;
    padding-right: 10px;
}

#jomdirectory-items-grid .category {
    font-size: 1.5rem;
    padding-right: 15px !important;
}

#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 50px;
    padding: 30px 15px;
    border: 1px solid rgba(0,0,0,.125);
    background: #fff;
    box-shadow: 0 6px 50px rgb(0 0 0 / 5%);
    border-radius: 0.25rem;
    margin-top: 15px;
}

#jomdirectory-items-grid .d-block hr {
    display: none;
}

.directory-heading {
    text-align: center;
    padding: 30px 0 20px 0;
}


.directory-heading .sp-page-title .sp-page-title-heading {
    font-size: 33px;
    font-weight: 600;
}

.listingdetail-phone .list-group-item {
    padding: 0;
    border: 0;
    font-size: 20px;
    color: #fff;
    background: transparent;
    font-weight: bold;
}

.listingdetail-phone {
    padding: 10px 1rem;
    background: #c2000b;
}

button#share-btn {
    margin-right: 0 !important;
    background: #c2000b;
    border: 1px solid #c2000b;
    color: #fff;
}

button#share-btn:hover {
    background: #fff;
    color: #c2000b;
}


.btn-info {
    color: #fff;
    background-color: #c2000b;
    border-color: #c2000b;
}

.listingsearch-btn {
    width: 100%;
    margin-top: 15px;
}

.backbutton {
    padding: 0 !important;
    border: 0 !important;
    background-color: transparent;
}


.backbutton a {
    margin-top: 0;
}

.mod-languages .chosen-container {
    min-width: 75px;
}

.mod-languages .chosen-container-single .chosen-single span {
    width: 100%;
}

@media (max-width: 768px) {
.subpage #sp-header #sp-logo {
    position: relative;
    text-align: left;
}

#jomdirectory-item .header, .listingdetail-phone {
    margin-top: 20px;
}
}