@font-face{ font-family:'default-icons'; src: local('default-icons'), url('/root/assets/fonts/default-icons.eot') format('embedded-opentype'),url('/root/assets/fonts/default-icons.woff') format('woff'),url('/root/assets/fonts/default-icons.ttf') format('truetype'),url('/root/assets/fonts/default-icons.svg#SVGFont1Regular') format('svg'); font-weight:normal; font-style:normal; font-display: swap; } /*Start of Bootstrap css for Nav*/ .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .flex-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; } .flex-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important; } .py-0 { padding-top: 0!important; padding-bottom: 0!important; } .px-0 { padding-right: 0!important; padding-left: 0!important; } .p-0 { padding: 0!important; } .my-3 { margin-top: 1rem!important; margin-bottom: 1rem!important; } .m-0 { margin: 0!important; } .mb-2 { margin-bottom: .5rem!important; } .container-fluid { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; width: 100%; } .container { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; width: 100%; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .logo-width{ width: 27%; } .font-garamond{ font-family:'EB Garamond', serif; } .phone{ font-size: 1.4rem; } .phone a{ font-size: 1.25rem; } .justify-content-evenly{ justify-content: space-evenly; } .navbar-nav li{ display:flex; padding:5px 0; } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem 1rem; } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar>.container, .navbar>.container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-align: center; align-items: center; } .w-100 { width: 100%!important; } .d-none { display: none!important; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; } @media (min-width: 992px) { .navbar .nav-container{ border-bottom: 1px solid #141414; } .navbar-nav li.active{ border-bottom: 4px solid #153661; } .navbar-expand-lg { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .d-lg-none { display: none!important; } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox!important; display: flex!important; } .d-lg-flex { display: -ms-flexbox!important; display: flex!important; } .pl-lg-2 { padding-left: .5rem!important; } .pr-lg-2 { padding-right: .5rem!important; } .pl-lg-0 { padding-left: 0!important; } .ml-lg-0 { margin-left: 0!important; } .px-lg-0 { padding-right: 0!important; padding-left: 0!important; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } /*End of Bootstrap css for Nav*/ #page-top a { text-decoration: inherit } .hero .carousel-item { height: 100vh; min-height: 300px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #034589 } .navbar-brand { /*width: 67px; height: 67px; border: 4px solid #f27b35; opacity: 0.2;*/ } .navbar{ box-shadow: 1px 4px 6px 1px rgba(81, 81, 81, 0.25); background-color: #ffffff; color: #000000; font-weight: 400 !important; } .navbar .address{ /*color: #ffffff;*/ font-family: "Source Sans Pro"; font-size: 16px; font-weight: 400; line-height: 26px; } .navbar .clientLogin a{ font-weight: 700; color: #ffffff !important; text-decoration: underline !important; } .carousel-caption { right: unset; top: 30%; left: 8%; bottom: 0; text-align: left; word-break: break-word } .header li.nav-item { margin-left: -3px; padding-left: 3px; padding-bottom:0px; } .navbar .nav-item .nav-link { display: inline; color: #000000!important; color: #000000; font-family: "Source Sans Pro"; font-size: 18px; font-weight: 600; line-height: 26px; } .navbar .mega-dropdown .dropdown-menu.mega-menu { max-height: 285px; overflow-y: scroll; } .nav-link.dropdown-toggle::after { content: none } .navbar .dropdown-menu { position: static; margin-top: 0; background-color:#E5E6E8; } .btn{ text-transform: none !important; } .btn.btn-primary{ color: #ffffff; font-family: "Source Sans Pro"; font-size: 18px; font-weight: 400; line-height:32px; letter-spacing: 0.54px; text-transform: none; box-shadow: none !important; } .navbar .btn.btn-primary { line-height: 37px; font-weight: 700; } /*span.fao{ font-size: 56px; font-weight: 700; line-height: 42px; text-transform: uppercase; letter-spacing: 8.4px; } span.faoSubText{ color: #000000; font-family: "Source Sans Pro"; font-size: 28px; font-weight: 300; line-height: 26px; letter-spacing: 1.4px; }*/ .phone{ /* font-size: 32px; font-weight: 700; line-height: 26px;*/ } .phoneNumHideable .phone{ font-size: 30px; } .heroHeader { font-size: 60px; font-weight: 300; letter-spacing: 1.8px; line-height: 64px; } .heroP{ font-size: 24px; font-weight: 300; letter-spacing: 0.72px; line-height: 48px; } .pilkington-header { background-size: cover; display: flex; align-items: center; height: 535px; background-position: left; position: relative } .trustedChoice-header:before { content: ''; position: absolute; right: 0; background-image: linear-gradient(to right, rgba(0,0,0,.3) 0%, rgba(0,0,0,.3) 80%, rgba(0,0,0,.3) 76%); opacity: .63; left: 0; height: 100%; top: 0 } .pageTitle-container{ z-index:1; color:#fff; } .nav-items-spaces { justify-content: space-evenly; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .nav-items-spaces { justify-content: space-around; /* you can also add some other adjustments to size, margins etc to get the same positioning */ } } /*----MS Edge Browser CSS Start----*/ @supports (-ms-ime-align: auto) { .nav-items-spaces{ justify-content: space-around; } } /*----MS Edge Browser CSS End----*/ @media only screen and (max-width: 767px) { .landstar-header { height: 200px } } @media (min-width: 992px) { .header li.nav-item:not(:last-child):after { content: '|'; color: #d7d7d7; font-family: "Source Sans Pro"; font-weight: 300; } li.nav-item { padding-top: .5rem; padding-bottom: .5rem } li.nav-item.dropdown:hover a.dropdown-toggle, li.nav-item.dropdown:hover { } li.nav-item.dropdown:hover a.nav-link { } .navbar-expand-lg .navbar-nav .nav-link{ padding-right: 1rem !important; padding-left: 1rem !important; } .navbar .mega-dropdown .dropdown-menu.mega-menu{ min-height:280px; } } @media (min-width: 992px) and (max-width: 1200px) { .header li.nav-item a.nav-link { font-size: .8em } } @media only screen and (max-width: 991px) { .logo-width { width: 150px; } .inner-menu li{ border: 0!important; } .inner-menu li a{ font-size: 1em!important; } #navbarResponsive.navbar-collapse{ box-shadow: none; transform: translatex(100%); opacity: 1; } #navbarResponsive ul li a{ font-size: 1.4em; } .navbar-nav li:first-child{ border-top: 1px solid #ececec; } .navbar-nav li{ display: block; justify-content: center; border-bottom: 1px solid #ececec; } .hamburger{ border: 1px solid #fff; padding: 5px 10px; border-radius: 5px; } .bar { width: 25px; height: 3px; background-color: #fff; margin: 5px 0; display: block; } .multipleItems{ margin-top: -6px; } .navbar-brand { /*width: 50px; height: 50px; border: 4px solid #f27b35; opacity: 0.2;*/ } .phone{ font-size:18px; /* color:#ffffff; */ } .header .navbar-collapse li.nav-item a{ color:#000; font-size:18px; font-weight: 600; } .header .navbar-collapse li.nav-item:not(:last-child) { border-bottom: 2px solid #e0e0e0; } .navbar-collapse { position: fixed; top: 0; bottom: 0; width: 100%; display: none; left: 0; background-color: #ECECEC; overflow-x: hidden; z-index: 9999; overflow-y: auto } .header .navbar-collapse li.nav-item .collapsible-body ul li a{ font-weight:400; } .trustedChoice-header{ height: 80vh; } .heroHeader { line-height: 40px; } .heroHeader { font-size: 2.5em; } } .agentLogo img { height: 56px; } /*moved from parallax partial */ @media (max-width:757px) { .jarallax h3.display-4 { font-size: 9vw; } } @media (max-width:576px) { .jarallax h3.display-4 { font-size: 10vw; } } @media (min-width:758px) and (max-width:992px) { .jarallax h3.display-4 { font-size: 5vw; } } .jarallax { height: 352px; } .TC-header{ background-size: cover; display: flex; align-items: flex-end; height: 120px; background-position: 50% 40%; position: relative; opacity:.1; background-position: 49% 59%; } .parallax-info { background-color: #ff0000; background-color: rgba(255, 0, 0, .6); color: #fff; overflow: hidden; margin-left: auto !important; } .fitnessConcepts .parallax-info { background: #313030; opacity: .9; } .display-herotitle{ font-size:3.5rem } .header-title{ position: absolute; left: 20px; bottom: 40px; } .heroBg-color{ border-top: 1px solid #000; border-bottom: 1px solid #000; } @media only screen and (max-width: 991px) { .display-herotitle{ font-size:2.5rem } }