html, form, body { height: 100%; } body { font-family: 'Catamaran', sans-serif; color: #666; padding: 0px; margin: 0px; text-align: left; line-height: 26px; font-size: 16px; } b, strong, label, th { font-weight: 700; } a img { border: 0px none; } h1, .h1, h2, .h2, h3, .h3 .telephone, .button { font-family: 'Fjalla One', sans-serif; margin-top: 0px; color: #000000; } h1, .h1 { font-size: 2.0em; margin-top: 5px; text-transform: uppercase; margin-bottom: 30px; } h2, .h2 { font-size: 1.4em; text-transform: uppercase; } h3, .h3 { font-size: 1.2em; margin-top: 0px; text-transform: none; margin-bottom: 0px; } h1, h2, h3, #banner, .telephone { font-weight: 700 !important; text-transform: uppercase; } p { margin-top: 0px; } a { color: #000; } p a { color: #1c84be; text-decoration: underline; } p a:hover { color: #000; text-decoration: none } h3 a:not([href]) { text-decoration: none !important; color: #000 !important; } blockquote { font-size: 1.0em; } .big-pad { padding: 6rem; } .img-wrap.c1by1 img { aspect-ratio: 1/1; object-fit: cover; } .text-red { color: #e11f26; } .text-blue { color: #1c84be; } .article-image { border: solid 1px #eaeaea !important; margin-bottom: 15px; } .border { border: dashed 1px #ccc; } .borderTB, .border-tb { border-top: solid 1px #ececec; border-bottom: solid 1px #ececec; } .rounded { border-radius: 4px; } .sep { height: 1px; line-height: 1px; font-size: 0px; border-top: dashed 1px #ccc; } .dropshadow { box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); } .bg-white { background-color: #fff; } .bg-grey { background-color: #dddddd; } .bg-red { background-color: #cc3333; color: #fff; } .bg-red .h2 { color: inherit; } .bg-blue { background-color: #1c84be; color: #fff; } .bg-blue a { color: inherit; } .img-center { margin-left: auto; margin-right: auto; float: none; width: auto; } img.telephone { width: 100%; max-width: 200px; } a.pdf-link { padding-left: 30px; height: 24px; line-height: 24px; background-image: url(../images/layout/ico-pdf.png); background-repeat: no-repeat; background-position: center left; } a.doc-link { padding-left: 30px; height: 24px; line-height: 24px; background-image: url(../images/layout/ico-doc.png); background-repeat: no-repeat; background-position: center left; } a.email-link { padding-left: 30px; height: 24px; line-height: 24px; background-image: url(../images/layout/ico-email.png); background-repeat: no-repeat; background-position: center left; } a.tel-link { padding-left: 30px; height: 24px; line-height: 24px; background-image: url(../images/layout/ico-tel.png); background-repeat: no-repeat; background-position: center left; } a.web-link { padding-left: 30px; height: 24px; line-height: 24px; background-image: url(../images/layout/ico-web.png); background-repeat: no-repeat; background-position: center left; } .ico-person { padding-left: 30px; height: 24px; line-height: 24px; background-image: url(../images/layout/ico-person.png); background-repeat: no-repeat; background-position: center left; } .logos > div { position: relative; display: inline-block; height: 50px; width: 50px; margin: 15px; outline: none; } .logos > div > img { display: block; margin: 5px 10px; width: 100%; height: auto; margin: 5px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .collection-listing { text-align: center; margin: 15px 0px; } .collection-listing .entry h2 { font-size: 1.6em; margin-bottom: 0px; } .collection-listing .entry h2 a { text-decoration: none !important; } .collection-listing .entry-image { position: relative; overflow: hidden; } .collection-listing .entry-image img { max-width: 100%; margin-bottom: 15px; } .collection-listing .subHeading { color: #333366; } .collection-listing .btn { display: inline-block; margin-top: 15px; } .sash { position: absolute; top: 0px; left: 0px; width: 70px; height: 70px; } .sash > img { position: absolute; display: block; width: 50%; height: 50%; z-index: 1000; margin: auto auto; left: 20%; top: 20%; } .sash:before { content: " "; position: absolute; display: block; background-color: #e11f26; width: 200%; height: 200%; z-index: 1; left: -100%; top: -100%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .telephone { font-size: 2.2em; color: #000; } .telephone > .fa { padding-top: 10px; } .home-box { font-family: 'Fjalla One', sans-serif; font-size: 1.4em; position: relative; display: block; text-decoration: none !important; color: #fff !important; text-transform: uppercase; margin-top: 15px; margin-bottom: 15px; overflow: hidden; } .home-box > img { position: relative; width: 100%; z-index: 1; } .home-box > span { position: absolute; bottom: 50%; top: auto; left: 50%; text-align: center; z-index: 2; padding: 15px; } .home-box > span { -webkit-transform: translate(-50%,50%); -moz-transform: translate(-50%,50%); -o-transform: translate(-50%,50%); transform: translate(-50%,50%); } .home-box:before { position: absolute; content: ""; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(59,59,59,0.5); z-index: 2; } .home-box:after { content: "\f055"; display: inline-block; position: absolute; bottom: 15px; right: 15px; color: #fff; z-index: 4; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .home-box:before, .home-box > span, .home-box:after, .home-box img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header { } header .row { position: relative; } header img { max-height: 110px; } header #logo img { display: block; max-width: 80%; width: auto; margin-left: auto; margin-right: auto; } header .telephone { margin-top: 22px; } header .header-email { color: #000; } #top-menu { display: none; } #top-menu a { outline: none !important; } #top-menu #searchbar .form-group { max-width: 400px; float: right; clear: none; margin-top: 5px; } #search { text-align: right; } #search #searchbox { position: relative; text-align: left; height: auto; overflow: hidden; width: 100%; }#search #searchbox .search { padding-right: 30px !important; width: 100%; }#search #searchbox .searchBtn { position: absolute; right: 4px; top: 4px; background-image: url(/images/layout/btn-Search.jpg); width: 23px; height: 25px; border: none; border-collapse: collapse; background-color:transparent } #mainContent { margin-top: 15px; } #menu { position: relative; z-index: 100; background-color: #000; text-align: left; } #menu .container { padding: 0px; } .navbar-default { border-radius: 0px; border: 0px none; margin-bottom: 0px; font-weight: 700; text-transform: uppercase; background-color: transparent; } .navbar-default .navbar-nav > li > a { color: #fff; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: #e11f26; } .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; border: 0px none !important; border-radius: 0px !important; } .navbar-default .navbar-toggle .icon-bar { height: 3px; } .dropdown-menu { font-size: 1.0em; border-color: #000; background-color: #000; color: #fff; } .dropdown-menu > li > a { color: #fff; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #e11f26; color: #fff; } .navbar-default a { -webkit-transition: all 1s; transition: all 1s; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e11f26; color: #fff;} .navbar-default .navbar-brand { color: #fff; } .navbar-default .navbar-toggle .icon-bar { background-color: #e11f26; } .navbar-default .navbar-toggle:hover .icon-bar { background-color: #1c84be; } .navbar-default .navbar-toggle { margin-top: -50px; } .navbar-form { margin-top: 0px; } .navbar-collapse { border-top: none; -webkit-box-shadow: none; box-shadow: none; } #wrap { min-height: 100%; }#main { overflow:auto; padding-bottom: 310px; } footer { margin-top: -310px; min-height: 310px; clear:both; } footer a { color: inherit !important; text-decoration: none !important; } footer p a { display: block; text-align: center; } footer .bg-red * { color: #fff; } .bannerHolder { background-color: #e3e3e3; } .button { display: inline-block; position: relative; background-color: transparent; color: #000; padding: 10px 30px !important; border: solid 1px #000; border-collapse: collapse; border-radius: 0px; font-size: 1.2em; text-decoration: none !important; text-transform: uppercase; margin-top: 15px; } .button:hover { background-color: #e11f26; color: #fff; } .featuredArticleList .dateCreated, .latestArticlesList .dateCreated { display: none; } .newsItem .content h2 a { text-transform: uppercase; } .flexslider ul.slides li .bannerDescription, .flexslider ul.slides li .bannerDescription h1 { cursor: pointer; z-index: 10; } .flexslider ul.slides li .bannerDescription ul { margin: 10px 0px; padding: 0px; list-style: none; } .flexslider ul.slides li .bannerDescription ul li { background-image: url(../images/layout/tick.png); background-repeat: no-repeat; background-position: left 4px; padding-left: 20px; margin: 0px 10px } .fancybox-opened .fancybox-title a { color: #fff; text-decoration: underline; } .newsItem { border-radius: 0px; border: 0px none; box-shadow: none; } .newsItem .content h2 { font-size: 1.4em; } .cc-cookies { float: none !important; position: fixed !important; } #cookiebar { position: fixed; bottom: 0; left: 0; right: 0; top: auto; } .articleImage { width: 100%; height: auto; border: solid 1px #ccc !important; } .flexslider { height: 175px; } .flexslider ul.slides li { max-height: 175px; } .flexslider ul.slides li:before { display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; content: ""; background-color: rgba(0,0,0,0.4); } .flexslider ul.slides li .bannerDescription { display: block !important; padding: 0px; left: 0px; right: 0px; text-align: center; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); bottom: auto !important; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .flexslider ul.slides li .bannerDescription .bannerDescriptionContent { color: #fff; text-align: center; } .flexslider ul.slides li .bannerDescription .bannerDescriptionContent h1, .flexslider ul.slides li .bannerDescription .bannerDescriptionContent .h1 { color: #fff; margin: 15px 0px; } .flexslider ul.slides li .bannerDescription .bannerDescriptionContent img { margin: 0px auto; } .flexslider ul.slides li .bannerDescription .bannerDescriptionContent .button { background-color: #e11f26; color: #fff; border: 0px none; } .flexslider ul.slides li .bannerDescription .bannerDescriptionContent .button:hover { background-color: #1c84be; border: 0px none; } .flexslider ul.slides li .bannerDescription .bannerDescripitonBackground { display: none; } .flexslider .bannerImage { width: 100% !important; height: auto !important; object-fit: cover; } .flex-pauseplay { display: none !important; } .flex-control-nav { left: 0px; right: 0px !important; } .flex-control-paging li a { background-color: transparent !important; border-width: 1px !important; } .flex-control-paging li a.flex-active { background-color: #fff !important; } .label { text-decoration: none !important; } .label-blue { background-color: #1c84be; color: #fff;} .label-red { background-color: #e11f26; color: #fff; } .subHeading { color: #e11f26; } .dateCreated { margin-top: 15px; } .list-group-item.active { background-color: #1c84be; } .gallery-image-description { background-color: #000; padding: 15px; color: #fff; } .gallery-image-description p { margin: 0px; } @media (max-width: 767px) { #menu { background-color: #1c84be; } header #logo img { max-width: 50%; margin: 0px; height: auto; } .flexslider ul.slides li .bannerDescription { font-size: 0.8em; } .flexslider ul.slides li .bannerDescription img, .flexslider ul.slides li .bannerDescription .button { display: none; } } @media (min-width: 768px) { #top-menu { display: block; background-color :#1c84be; color: #fff; } #top-menu ul { list-style: none; float: right; clear: none; margin: 0px; } #top-menu ul > li { display: inline-block; } #top-menu ul > li > a { display: block; color: #fff; text-transform: uppercase; text-decoration: none !important; background-color: transparent; padding: 8px 10px 5px 10px; } #top-menu ul > li > a:hover { background-color: #e11f26; } .navbar-form { display: none !important; } .navbar-default { font-size: 0.8em; } .navbar-collapse { padding-left: 0px; padding-right: 0px; } .navbar-nav li:first-child, .navbar-nav li:nth-child(8), .navbar-nav li:nth-child(9), .navbar-nav li:nth-child(10), .navbar-nav li:nth-child(11) { display: none !important; } header #logo img { max-width: 100%; margin: 0px; } h1, .h1, #banner > .banner-content > .banner-icons { font-size: 2.2em; } h2 { font-size: 1.8em; } .collection-listing { display: flex; flex-direction: row; align-items: center; text-align: center; margin: 0px; }.collection-listing .entry { width: 60%; padding: 0px 15px; overflow: hidden; } .collection-listing .entry-image { padding: 0px; width: 40%; }.collection-listing .entry-image img { max-width: 100%; max-height: 360px; height: auto; transition: all .2s ease-in-out; padding: 0px; margin: 0px; } .collection-listing .entry-content p { display: none; }.collection-listing:nth-child(odd) .entry-content { order: 1 }.collection-listing:nth-child(odd) .entry-image { order: 2 }.collection-listing:nth-child(even) .entry-content { order: 2 }.collection-listing:nth-child(even) .entry-image { order: 1 } .home-box { aspect-ratio: 1/1; object-fit: cover; overflow: hidden; } .home-box:hover img { transform: scale(1.1); } .home-box:hover:before { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .home-box:hover:after { bottom: -100px; } .home-box:hover > span { opacity: 0; } .home-box.grey-box:hover > span { bottom: 50%; background-color: transparent; } .home-box.grey-box:hover:before { display: none; } .flexslider ul.slides li .bannerDescription { padding: 0px; left: 0px; right: 0px; text-align: center; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); bottom: auto !important; } .flexslider { height: 720px; } .flexslider ul.slides li { max-height: 720px; } .flexslider .bannerImage { min-height: 720px;} } @media (min-width: 992px) { .navbar-default { font-size: 1.0em; } #search #searchBox { float: right; clear: none; width: 200px; } #menu { height: 50px; } #menu .container { padding-left: 15px; padding-right: 15px; text-align: center; } #menu .navbar-default { display: inline-block; margin: 0px auto !important; } #menu .navbar-default li a { padding: 15px 20px; } footer p a { display: inline-block; position: relative; } footer p a+a:before { content: " | "; margin-right: 3px; display: inline-block; } .logos > div { width: 100px; height: 100px; margin: 10px; } .logos > div:nth-child(7) { width: 150px; } .logos > div:last-child { width: 200px; } .collection-listing .entry-content p { display: block; } .list-group-item { display: inline-block; border-radius: 0px !important; } } @media (min-width: 1200px) { } .row-flex { display: flex; flex-wrap: wrap; align-items: center; margin-top: 3rem; margin-bottom: 3rem; margin-left: -15px; margin-right: -15px; } .row-flex img { width: 100%; height: auto !important; margin-bottom: 3rem; } .row-flex [class*=col-xs-1] { flex: 1 0 8.3333333333%; } .row-flex [class*=col-xs-1]:last-child { flex: 0 0 8.3333333333%; } .row-flex [class*=col-xs-2] { flex: 2 0 16.6666666667%; } .row-flex [class*=col-xs-2]:last-child { flex: 0 0 16.6666666667%; } .row-flex [class*=col-xs-3] { flex: 3 0 25%; } .row-flex [class*=col-xs-3]:last-child { flex: 0 0 25%; } .row-flex [class*=col-xs-4] { flex: 4 0 33.3333333333%; } .row-flex [class*=col-xs-4]:last-child { flex: 0 0 33.3333333333%; } .row-flex [class*=col-xs-5] { flex: 5 0 41.6666666667%; } .row-flex [class*=col-xs-5]:last-child { flex: 0 0 41.6666666667%; } .row-flex [class*=col-xs-6] { flex: 6 0 50%; } .row-flex [class*=col-xs-6]:last-child { flex: 0 0 50%; } .row-flex [class*=col-xs-7] { flex: 7 0 58.3333333333%; } .row-flex [class*=col-xs-7]:last-child { flex: 0 0 58.3333333333%; } .row-flex [class*=col-xs-8] { flex: 8 0 66.6666666667%; } .row-flex [class*=col-xs-8]:last-child { flex: 0 0 66.6666666667%; } .row-flex [class*=col-xs-9] { flex: 9 0 75%; } .row-flex [class*=col-xs-9]:last-child { flex: 0 0 75%; } .row-flex [class*=col-xs-10] { flex: 10 0 83.3333333333%; } .row-flex [class*=col-xs-10]:last-child { flex: 0 0 83.3333333333%; } .row-flex [class*=col-xs-11] { flex: 11 0 91.6666666667%; } .row-flex [class*=col-xs-11]:last-child { flex: 0 0 91.6666666667%; } .row-flex [class*=col-xs-12] { flex: 12 0 100%; } .row-flex [class*=col-xs-12]:last-child { flex: 0 0 100%; } .row-flex .order-1 { order: 1; } .row-flex .order-2 { order: 2; } @media (min-width: 768px) { .row-flex [class*=col-sm-1] { flex: 1 0 8.3333333333%; } .row-flex [class*=col-sm-1]:last-child { flex: 0 0 8.3333333333%; } .row-flex [class*=col-sm-2] { flex: 2 0 16.6666666667%; } .row-flex [class*=col-sm-2]:last-child { flex: 0 0 16.6666666667%; } .row-flex [class*=col-sm-3] { flex: 3 0 25%; } .row-flex [class*=col-sm-3]:last-child { flex: 0 0 25%; } .row-flex [class*=col-sm-4] { flex: 4 0 33.3333333333%; } .row-flex [class*=col-sm-4]:last-child { flex: 0 0 33.3333333333%; } .row-flex [class*=col-sm-5] { flex: 5 0 41.6666666667%; } .row-flex [class*=col-sm-5]:last-child { flex: 0 0 41.6666666667%; } .row-flex [class*=col-sm-6] { flex: 6 0 50%; } .row-flex [class*=col-sm-6]:last-child { flex: 0 0 50%; } .row-flex [class*=col-sm-7] { flex: 7 0 58.3333333333%; } .row-flex [class*=col-sm-7]:last-child { flex: 0 0 58.3333333333%; } .row-flex [class*=col-sm-8] { flex: 8 0 66.6666666667%; } .row-flex [class*=col-sm-8]:last-child { flex: 0 0 66.6666666667%; } .row-flex [class*=col-sm-9] { flex: 9 0 75%; } .row-flex [class*=col-sm-9]:last-child { flex: 0 0 75%; } .row-flex [class*=col-sm-10] { flex: 10 0 83.3333333333%; } .row-flex [class*=col-sm-10]:last-child { flex: 0 0 83.3333333333%; } .row-flex [class*=col-sm-11] { flex: 11 0 91.6666666667%; } .row-flex [class*=col-sm-11]:last-child { flex: 0 0 91.6666666667%; } .row-flex [class*=col-sm-12] { flex: 12 0 100%; } .row-flex [class*=col-sm-12]:last-child { flex: 0 0 100%; } } @media (min-width: 992px) { .row-flex .order-md-1 { order: 1 !important; } .row-flex .order-md-2 { order: 2 !important; } .row-flex img { margin: 0px !important; } .row-flex [class*=col-md-1] { flex: 1 0 8.3333333333%; } .row-flex [class*=col-md-1]:last-child { flex: 0 0 8.3333333333%; } .row-flex [class*=col-md-2] { flex: 2 0 16.6666666667%; } .row-flex [class*=col-md-2]:last-child { flex: 0 0 16.6666666667%; } .row-flex [class*=col-md-3] { flex: 3 0 25%; } .row-flex [class*=col-md-3]:last-child { flex: 0 0 25%; } .row-flex [class*=col-md-4] { flex: 4 0 33.3333333333%; } .row-flex [class*=col-md-4]:last-child { flex: 0 0 33.3333333333%; } .row-flex [class*=col-md-5] { flex: 5 0 41.6666666667%; } .row-flex [class*=col-md-5]:last-child { flex: 0 0 41.6666666667%; } .row-flex [class*=col-md-6] { flex: 6 0 50%; } .row-flex [class*=col-md-6]:last-child { flex: 0 0 50%; } .row-flex [class*=col-md-7] { flex: 7 0 58.3333333333%; } .row-flex [class*=col-md-7]:last-child { flex: 0 0 58.3333333333%; } .row-flex [class*=col-md-8] { flex: 8 0 66.6666666667%; } .row-flex [class*=col-md-8]:last-child { flex: 0 0 66.6666666667%; } .row-flex [class*=col-md-9] { flex: 9 0 75%; } .row-flex [class*=col-md-9]:last-child { flex: 0 0 75%; } .row-flex [class*=col-md-10] { flex: 10 0 83.3333333333%; } .row-flex [class*=col-md-10]:last-child { flex: 0 0 83.3333333333%; } .row-flex [class*=col-md-11] { flex: 11 0 91.6666666667%; } .row-flex [class*=col-md-11]:last-child { flex: 0 0 91.6666666667%; } .row-flex [class*=col-md-12] { flex: 12 0 100%; } .row-flex [class*=col-md-12]:last-child { flex: 0 0 100%; } } @media (min-width: 1200px) { .row-flex [class*=col-lg-1] { flex: 1 0 8.3333333333%; } .row-flex [class*=col-lg-1]:last-child { flex: 0 0 8.3333333333%; } .row-flex [class*=col-lg-2] { flex: 2 0 16.6666666667%; } .row-flex [class*=col-lg-2]:last-child { flex: 0 0 16.6666666667%; } .row-flex [class*=col-lg-3] { flex: 3 0 25%; } .row-flex [class*=col-lg-3]:last-child { flex: 0 0 25%; } .row-flex [class*=col-lg-4] { flex: 4 0 33.3333333333%; } .row-flex [class*=col-lg-4]:last-child { flex: 0 0 33.3333333333%; } .row-flex [class*=col-lg-5] { flex: 5 0 41.6666666667%; } .row-flex [class*=col-lg-5]:last-child { flex: 0 0 41.6666666667%; } .row-flex [class*=col-lg-6] { flex: 6 0 50%; } .row-flex [class*=col-lg-6]:last-child { flex: 0 0 50%; } .row-flex [class*=col-lg-7] { flex: 7 0 58.3333333333%; } .row-flex [class*=col-lg-7]:last-child { flex: 0 0 58.3333333333%; } .row-flex [class*=col-lg-8] { flex: 8 0 66.6666666667%; } .row-flex [class*=col-lg-8]:last-child { flex: 0 0 66.6666666667%; } .row-flex [class*=col-lg-9] { flex: 9 0 75%; } .row-flex [class*=col-lg-9]:last-child { flex: 0 0 75%; } .row-flex [class*=col-lg-10] { flex: 10 0 83.3333333333%; } .row-flex [class*=col-lg-10]:last-child { flex: 0 0 83.3333333333%; } .row-flex [class*=col-lg-11] { flex: 11 0 91.6666666667%; } .row-flex [class*=col-lg-11]:last-child { flex: 0 0 91.6666666667%; } .row-flex [class*=col-lg-12] { flex: 12 0 100%; } .row-flex [class*=col-lg-12]:last-child { flex: 0 0 100%; }}