@charset "utf-8";
.topbar ul li,
.topbar ul li a {
color:#fff;
font-size:13px
}
#bar,
.our-history .timeline>li:after {
clear:both
}
.topbar ul li a,
body {
font-weight:400;
font-style:normal
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family:Poppins,sans-serif;
font-style:normal
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
line-height:1.5;
color:#364049
}
#back-to-top .top,
.navbar-nav>li>a,
.topbar-call,
.topbar-social {
transition:.5s ease-in-out
}
#onepagenav .mega-menu .menu-links>li>a,
.isotope-filters button {
text-transform:capitalize
}
.inner-div,
.slider-slick {
overflow:hidden
}
@font-face {
font-family:Poppins;
font-style:normal;
font-weight:400;
src:local('Poppins Regular'),local('Poppins-Regular'),url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'),url('../fonts/poppins-v20-latin-regular.woff') format('woff');
font-display:swap
}
@font-face {
font-family:Poppins;
font-style:normal;
font-weight:600;
src:local('Poppins SemiBold'),local('Poppins-SemiBold'),url('../fonts/poppins-v20-latin-600.woff2') format('woff2'),url('../fonts/poppins-v20-latin-600.woff') format('woff');
font-display:swap
}
@font-face {
font-family:icomoon;
src:url('../fonts/icomoon.woff?wkki4d') format('woff'),url('../fonts/icomoon.ttf?wkki4d') format('truetype');
font-weight:400;
font-style:normal;
font-display:swap
}
@font-face {
font-family:"Font Awesome 6 Duotone";
font-style:normal;
font-weight:900;
font-display:swap;
src:url(../webfonts/fa-duotone-900.woff2) format("woff2"),url(../webfonts/fa-duotone-900.ttf) format("truetype")
}
@font-face {
font-family:"Font Awesome 6 Brands";
font-style:normal;
font-weight:400;
font-display:swap;
src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")
}
.default {
background:0 0;
z-index:9999;
position:absolute;
width:100%
}
.header.light,
.white-bg {
background:#fff
}
.topbar {
border-bottom:1px solid rgba(255,255,255,.1);
padding:14px 0
}
.topbar ul li {
display:inline-block;
font-weight:400;
margin-right:10px
}
.topbar ul li:last-child,
.topbar-social ul li:last-child a span {
margin-right:0
}
.topbar-call ul li i {
margin-right:0;
color:#84ba3f
}
.topbar-call ul li a {
margin-right:0;
color:#fff
}
.topbar-social {
position:relative
}
.topbar-social ul li a {
margin-left:5px
}
.topbar-social ul li a span {
margin-right:5px;
font-size:12px
}
.footer .copyright ul li a:hover,
.footer-useful-link ul li a:hover,
.footer-widget a,
.footer-widget a:hover,
.header.light .mega-menu .menu-links>li.active>a,
.header.light .mega-menu .menu-links>li>a:hover,
.mega-menu .menu-links>li.active .drop-down a i:hover,
.mega-menu .menu-links>li.active .drop-down a:hover,
.mega-menu .menu-links>li.active .drop-down li.active a,
.mega-menu .menu-links>li.active .drop-down li.active a i,
.mega-menu .menu-links>li.active .drop-down-multilevel a:hover,
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover,
.mega-menu .menu-links>li.active .drop-down-multilevel li.active i,
.sidebar-widget .widget-link li.active a,
.theme-color,
.topbar ul li a:hover {
color:#84ba3f
}
.menu-bar,
.modern-ticker.mt-rtl .mt-news li,
.navbar-nav,
.our-history .timeline>li.timeline-inverted>.timeline-panel {
float:right
}
#bar,
.addresss-info i,
.cockarse,
.mega-menu .menu-links,
.modern-ticker.mt-ltr .mt-news li {
float:left
}
.mega-menu .menu-logo {
padding:1.6rem 0 0 .95rem
}
.mega-menu .menu-logo img {
height:2.5rem
}
.mega-menu.desktopTopFixed .menu-logo,
.mega-menu>section.menu-list-items {
padding:0
}
.mega-menu.desktopTopFixed .menu-list-items .menu-logo>li>a img {
height:1.875rem
}
.mega-menu .drop-down-multilevel.right-menu {
right:0
}
.mega-menu .menu-links>li>a {
font-size:.9rem;
font-weight:500;
line-height:1.3rem
}
.mega-menu .menu-links>li.active .drop-down-multilevel a {
color:#555
}
.footer .copyright ul li a,
.header.light .mega-menu .menu-links>li>a,
.header.light .topbar ul li,
.header.light .topbar ul li a,
.header.text-dark .search .search-btn,
.header.text-dark .search-cart i.icon,
.ico-dk:before,
.mega-menu .menu-links>li.active .drop-down a {
color:#323232
}
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a,
.mega-menu .menu-links>li.active .drop-down-multilevel li.active a {
color:#84ba3f;
background:#f7f7f7
}
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a {
color:#323232;
background:0 0
}
.mega-menu .row {
margin-left:0;
margin-right:0
}
.mega-menu .col-md-12 {
padding-left:0;
padding-right:0
}
.header.light {
position:relative;
box-shadow:0 0 .9rem rgba(0,0,0,.05);
z-index:999
}
.header.light .topbar,
.header.text-dark .topbar {
border-bottom:1px solid rgba(0,0,0,.1)
}
.header.left-menu .menu-bar {
float:none
}
.header.left-menu .menu-links {
padding-left:1.875rem
}
.header .label.label-danger,
.header .label.label-default,
.header .label.label-info,
.header .label.label-primary,
.header .label.label-success,
.header .label.label-warning {
color:#fff;
padding:0 .3rem;
line-height:.9rem;
display:inline-block
}
.navbar {
min-height:80px;
min-height:inherit!important
}
@media (min-width:992px) {
.mega-menu {
min-height:inherit
}
.mega-menu>section.menu-list-items {
float:none
}
.mega-menu>section.menu-list-items .menu-bar,.mega-menu>section.menu-list-items>.container,.mega-menu>section.menu-list-items>.container>.row,.mega-menu>section.menu-list-items>.container>.row>div {
height:100%
}
.mega-menu>section.menu-list-items .menu-bar>ul {
display:table!important;
height:100%
}
.mega-menu>section.menu-list-items .menu-bar>ul>li {
display:table-cell;
vertical-align:middle;
float:none
}
.mega-menu .drop-down,.mega-menu .drop-down-multilevel,.mega-menu .drop-down-tab-bar {
top:100%
}
.header.light .mega-menu {
min-height:90px
}
}
.gray-bg {
background:#f7f7f7
}
.green,
.green-bg,
.inhouse,
.theme-bg {
background:#61a830
}
.black-bg {
background:#242424
}
.bg-overlay-black-60:before {
background:rgba(0,0,0,.6);
content:"";
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:0
}
.bg-overlay-black-10,
.bg-overlay-black-20,
.bg-overlay-black-30,
.bg-overlay-black-40,
.bg-overlay-black-50,
.bg-overlay-black-60,
.bg-overlay-black-70,
.bg-overlay-black-80,
.bg-overlay-black-90,
.bg-overlay-theme-20,
.bg-overlay-theme-50,
.bg-overlay-theme-70,
.bg-overlay-theme-90,
.bg-overlay-white-10,
.bg-overlay-white-20,
.bg-overlay-white-30,
.bg-overlay-white-40,
.bg-overlay-white-50,
.bg-overlay-white-60,
.bg-overlay-white-70,
.bg-overlay-white-80,
.bg-overlay-white-90,
.container,
.fa-ul>li,
.map-icon,
.modern-ticker .mt-news.mt-center li,
.our-history .timeline,
.our-history .timeline>li,
.parallax,
.product-image {
position:relative
}
#formmessage,
.modern-ticker .mt-hide,
.sidebar-widget .testimonial-widget .testimonial-info:before {
display:none
}
.our-history .timeline {
list-style:none;
padding:1.3rem 0
}
.our-history .timeline:before {
top:0;
bottom:0;
position:absolute;
content:" ";
width:2px;
background-color:#e6e6e6;
left:50%;
margin-left:-.5px
}
#bar,
#footer-fixed,
.isotope .grid-item img,
.owl-carousel img,
.video {
width:100%
}
.our-history .timeline>li {
margin-bottom:1.3rem;
text-align:right
}
.our-history .timeline>li:after,
.our-history .timeline>li:before {
content:" ";
display:table
}
.our-history .timeline>li>.timeline-panel {
width:46%;
float:left;
padding:.9rem 0 1.5625rem;
position:relative
}
.our-history .timeline>li>.timeline-panel:before {
position:absolute;
top:1.4375rem;
right:-25px;
display:inline-block;
width:1.5625rem;
height:2px;
background:#e6e6e6;
content:" "
}
.our-history .timeline>li>.timeline-badge {
color:#fff;
width:1.1rem;
height:1.1rem;
line-height:.6rem;
font-size:.7em;
text-align:center;
position:absolute;
top:1rem;
left:50%;
border:.1875rem solid #84ba3f;
margin-left:-9px;
background-color:#fff;
border-radius:50%;
box-shadow:0 0 0 .3rem #fff
}
.our-history .timeline>li.timeline-inverted>.timeline-panel:after,
.our-history .timeline>li.timeline-inverted>.timeline-panel:before {
border-left-width:0;
border-right-width:.9rem;
right:auto
}
.our-history .timeline>li.timeline-inverted>.timeline-panel:before {
left:-32px
}
.our-history .timeline>li.timeline-inverted>.timeline-panel:after {
left:-14px
}
.footer-useful-link ul li:last-child,
.our-history .timeline-body>p,
.our-history .timeline-body>ul,
.sidebar-widget p {
margin-bottom:0
}
.our-history .timeline-body>p+p {
margin-top:.3rem
}
.our-history .timeline>li.timeline-inverted {
text-align:left
}
.our-history .timeline .timeline-arrow {
position:absolute;
width:100%;
left:.5px;
right:0;
text-align:center;
color:#e6e6e6;
bottom:-29px
}
.our-history .timeline>li>.timeline-badge p {
width:200px;
margin-top:-9px;
margin-left:1.5625rem;
font-size:.9rem;
font-weight:700;
text-align:left
}
.our-history .timeline>li.timeline-inverted .timeline-badge p {
text-align:right;
float:right;
margin-right:1.5625rem
}
.sidebar-widget h5 {
margin-top:.3rem;
margin-left:.9rem
}
.sidebar-widget .widget-link li {
display:block;
margin-bottom:.4rem;
font-size:.9rem;
line-height:2rem
}
.sidebar-widget .widget-link li a {
color:#404040;
display:block
}
.sidebar-widget .widget-link li i {
font-size:.9rem;
height:1.3rem;
line-height:.9rem;
margin-right:.8rem;
margin-left:1.5625rem;
text-align:center;
width:1.3rem
}
.sidebar-widget .widget-link li.haccpb a:hover {
background-color:#1c689c
}
.sidebar-widget .widget-link li.auditb a:hover {
background-color:#f68446
}
.sidebar-widget .widget-link li.fsafeb a:hover {
background-color:#57abab
}
.sidebar-widget .widget-link li.specb a:hover {
background-color:#9f8479
}
.sidebar-widget .widget-link li.inhouseb a:hover {
background-color:#61a830
}
.sidebar-widget .widget-link li.ethicalb a:hover {
background-color:#a92924
}
.sidebar-widget .widget-link li.consultb a:hover {
background-color:#911764
}
.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar {
display:table-cell;
padding-right:1.3rem
}
.sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img {
border-radius:50%;
height:75px;
width:75px
}
.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name {
display:table-cell;
vertical-align:top
}
.sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span {
display:block;
font-size:.8rem;
font-style:italic
}
.header.text-dark .mega-menu .drop-down a,
.header.text-dark .mega-menu .drop-down i.fa,
.header.text-dark .mega-menu .drop-down-multilevel a,
.header.text-dark .mega-menu .drop-down-multilevel i.fa-indicator,
.header.text-dark .mega-menu .drop-down-tab-bar a,
.header.text-dark .mega-menu .drop-down-tab-bar i.fa,
.header.text-dark .mega-menu .menu-links>li.active .drop-down a,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel a,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a i,
.header.text-dark .mega-menu .menu-links>li>a,
.header.text-dark .topbar ul li,
.header.text-dark .topbar ul li a,
.sidebar-widget .widget-link li a:hover,
.sidebar-widget .widget-link li.audit a,
.sidebar-widget .widget-link li.consult a,
.sidebar-widget .widget-link li.ethical a,
.sidebar-widget .widget-link li.fsafe a,
.sidebar-widget .widget-link li.haccp a,
.sidebar-widget .widget-link li.inhouse a,
.sidebar-widget .widget-link li.special a {
color:#fff
}
.addresss-info i,
.addresss-info li,
.addresss-info p,
.footer-widget p,
.footer.black-bg .social-icons li a,
.footer.black-bg p {
color:rgba(255,255,255,.5)
}
.parallax {
z-index:0;
background:url(../images/bg/lady1.webp) center center/cover no-repeat;
background-origin:initial
}
.footer.black-bg {
background:#1a1a1a
}
.footer.black-bg .social-icons li a:hover {
color:#fff!important
}
.footer a,
.footer h6,
.footer p {
font-size:.9rem
}
.footer-logo img {
width:65%
}
.footer-useful-link.footer-hedding ul {
margin-top:-6px
}
.footer-useful-link ul li {
list-style:none;
margin-bottom:.8rem
}
.footer-useful-link ul li a {
color:rgba(255,255,255,.5);
font-size:.9rem;
vertical-align:top;
display:block;
line-height:1.625rem;
white-space:nowrap
}
.footer-widget {
padding:1.3rem 0;
border-top:1px solid #262626
}
.footer-widget p {
font-size:.9rem;
letter-spacing:.5px
}
.footer .copyright {
padding:1.875rem 0 1.3rem
}
.addresss-info li {
font-size:.9rem;
margin-bottom:.9rem;
list-style:none
}
.addresss-info i {
padding-right:.3rem;
display:table-cell;
width:1.875rem;
line-height:1.4375rem;
font-size:.9rem
}
.addresss-info p {
display:table;
margin-bottom:0
}
.addresss-info li a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color:inherit
}
img#logo-footer {
height:2.5rem;
width:auto
}
.map-icon {
z-index:999;
cursor:pointer
}
.new-top,
.new-topl,
.text-block,
.time-top,
.time-topl,
img.bottom-img {
position:absolute
}
#footer-fixed {
position:fixed;
bottom:0;
z-index:-1;
box-shadow:inset 0 1.6875rem 60px -25px rgba(0,0,0,.3)
}
.sticky-top {
z-index:99
}
@media print {
#back-to-top,.action-box,.admin-header,.page-title,.sidebar,footer,header {
display:none!important
}
}
@media all and (-ms-high-contrast:none) {
.st-menu {
position:absolute
}
img.bottom-img {
top:0
}
}
#bar {
height:.6rem;
margin:0
}
.haccp {
background:#1c689c
}
.audit {
background:#f68446
}
.fsafe {
background:#57abab
}
.health {
background:#61517e
}
.special {
background:#9d8579
}
.ethical {
background:#a92924
}
.consult {
background:#911764
}
.thd {
background:#ffffc9
}
.ico-green:before,
.inhousec {
color:#61a930
}
.header.text-dark .mega-menu .drop-down a:hover i.fa,
.header.text-dark .mega-menu .drop-down-multilevel a:hover,
.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator,
.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator,
.header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa,
.header.text-dark .mega-menu .menu-links>li.active .drop-down li a:hover,
.header.text-dark .mega-menu .menu-links>li.active .drop-down li.active a,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel a:hover,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active i,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i,
.header.text-dark .mega-menu .menu-links>li.active>a,
.header.text-dark .mega-menu .menu-links>li>a:hover,
.header.text-dark .search .search-btn:hover,
.header.text-dark .search-cart i.icon:hover,
.header.text-dark .topbar ul li a:hover,
.vwag2 {
color:#a4c960
}
.coursediv.ulhaccp i,
.haccpc,
.ico-haccp:before {
color:#1c689c
}
.at,
.auditc,
.coursediv.ulaudit i,
.ico-audit {
color:#f68446
}
.coursediv.ulfsafe i,
.fsafec,
.ft,
.ico-fsafe:before {
color:#57abab
}
.specialc {
color:#9d8579
}
.consultc,
.ico-cons:before {
color:#911764
}
.coursediv.ulethical i,
.ethicalc,
.ico-eth:before {
color:#a92924
}
.ptxt {
font-size:1.5rem;
font-weight:700
}
.vatxt {
font-size:.8rem;
font-weight:500
}
.ph p {
line-height:.9rem
}
.video {
aspect-ratio:16/9
}
body {
font-size:.9rem;
color:#010101
}
.subhead {
font-size:1rem
}
.btn,
a {
transition:.3s ease-out
}
a:focus,
a:hover {
color:#84ba3f;
text-decoration:none!important
}
a,
button,
input {
outline:0!important;
color:#84ba3f
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top:0
}
.blk {
color:#000;
font-weight:600
}
h1 {
font-size:1.7em;
font-weight:700
}
h2 {
font-size:1.4em;
font-weight:600;
line-height:1.6;
padding-top:.6rem
}
h3 {
font-size:1.18em;
font-weight:400
}
h4 {
font-size:1em;
font-weight:500
}
#cont,
.duration i,
h5,
h6 {
font-size:1rem
}
h5,
h6 {
font-weight:600
}
h6 {
font-weight:700
}
p {
font-weight:400
}
::-moz-selection {
background:#84ba3f;
color:#fff;
text-shadow:none
}
::selection {
background:#84ba3f;
color:#fff;
text-shadow:none
}
.page-section-ptb {
padding:50px 0 0
}
.page-section-pt {
padding:80px 0 0
}
.text-white {
color:#fff;
line-height:1.375rem
}
img.bottom-img {
bottom:0;
left:0;
right:0
}
.full-width {
width:100%!important
}
#back-to-top .top {
margin:0;
color:#fff;
position:fixed;
bottom:105px;
right:.9rem;
border-radius:.1875rem;
z-index:999;
background:#84ba3f;
font-size:.9rem;
width:2.5rem;
height:2.5rem;
text-align:center
}
#back-to-top i {
padding-top:2px;
font-size:1.3rem
}
#back-to-top span {
display:block;
line-height:.5rem;
font-size:.8rem
}
.mt-10 {
margin-top:.6rem!important
}
.mt-15 {
margin-top:.9rem!important
}
.mt-20 {
margin-top:1.3rem!important
}
.mt-25 {
margin-top:1.5625rem!important
}
.mt-30 {
margin-top:1.875rem!important
}
.mt-40 {
margin-top:2.5rem!important
}
.mt-50 {
margin-top:50px!important
}
.mt-60 {
margin-top:60px!important
}
.mt-100 {
margin-top:100px!important
}
.mb-10 {
margin-bottom:.6rem!important
}
.mb-15 {
margin-bottom:.9rem!important
}
.mb-20 {
margin-bottom:1.3rem!important
}
.mb-30 {
margin-bottom:1.875rem!important
}
.mb-40 {
margin-bottom:2.5rem!important
}
.mb-50 {
margin-bottom:50px!important
}
.ml-15 {
margin-left:.9rem!important
}
.ml-30 {
margin-left:1.875rem!important
}
.pr-10 {
padding-right:.6rem!important
}
.pr-img {
padding-right:1.875rem!important
}
.pb-10 {
padding-bottom:.6rem!important
}
.coursediv {
margin:0 0 1.6rem
}
.coursediv.ulspec i,
.ico-spec:before {
color:#9f8479
}
.coursediv.ulinhouse i {
color:#61a830
}
..ethicalink a:link,
.auditlink a:link,
.auditlink a:visited,
.consulink a:link,
.consulink a:visited,
.ethicalink a:visited,
.fsafelink a:link,
.fsafelink a:visited,
.haccplink a:link,
.haccplink a:visited,
.inhouselink a:link,
.inhouselink a:visited,
.speclink a:link,
.speclink a:visited {
text-decoration:none;
border-bottom-width:1px
}
.ethicalink a:link,
.ethicalink a:visited {
color:#a92924;
border-bottom-color:#a92924
}
.auditlink a:link,
.auditlink a:visited {
color:#f68446;
border-bottom-color:#f68446
}
.haccplink a:link,
.haccplink a:visited {
color:#1c689c;
border-bottom-color:#1c689c
}
.fsafelink a:link,
.fsafelink a:visited {
color:#57abab;
border-bottom-color:#57abab
}
.speclink a:link,
.speclink a:visited {
color:#9f8479;
border-bottom-color:#9f8479
}
.inhouselink a:link,
.inhouselink a:visited {
color:#61a60e;
border-bottom-color:#61a60e
}
.consulink a:link,
.consulink a:visited {
color:#911764;
border-bottom-color:#911764
}
.auditlink a:hover,
.consulink a:hover,
.ethicalink a:hover,
.fsafelink a:hover,
.haccplink a:hover,
.inhouselink a:hover,
.speclink a:hover {
color:#61a830;
text-decoration:none;
border-bottom-width:0
}
.text-block {
color:#fff;
padding-top:.4rem;
bottom:1.3rem;
left:1.3rem;
background-color:#61a830;
padding-left:1.3rem;
padding-right:1.3rem
}
.time-top {
top:.6rem;
right:.6rem
}
.time-topl {
top:.6rem;
right:.7rem
}
.new-topl {
top:.6rem;
left:.7rem
}
.new-top {
top:.6rem;
left:.6rem
}
#cont,
.duration i,
.image-container,
.inner-div,
.random_bg,
.triangle-border {
position:relative
}
.adv,
.bas,
.classroom,
.duration,
.in-house,
.int,
.level,
.new,
.online,
.ref,
.remote {
font-weight:500;
border-radius:10px;
background-color:#eaeaea;
display:inline-block;
font-size:.8rem;
color:#1b1b1b;
padding:.1rem .7rem
}
.duration,
.new {
padding:.3rem .5rem
}
.duration {
background-color:#de9f00;
color:#010101
}
.new {
background-color:#a92924;
color:#fff
}
.duration i {
top:2px;
margin-right:.4rem
}
.sausage {
display:flex;
flex-direction:column;
align-items:center
}
.sausage img {
width:175px;
height:100%;
padding:.1875rem;
margin-left:.1875rem;
margin-bottom:.9rem
}
.boxy h5,
.boxym h5,
.cbox h5,
.cboxm h5 {
padding-top:.6rem
}
.card,
.cbox,
.cboxm {
background-color:var(--color-white);
padding-bottom:.3rem
}
.cshad {
box-shadow:rgba(50,50,93,.25) 0 .8rem 1.6875rem -5px,rgba(0,0,0,.3) 0 .5rem 1rem -8px
}
.card {
border-radius:.6rem;
box-shadow:rgba(0,0,0,.3) 0 .5rem 1rem -8px
}
.boxy h5,
.cbox h5 {
padding-left:.8rem
}
.boxy,
.boxym,
.crsbox {
border:1px solid #c8c8c8;
border-radius:.625rem;
box-shadow:0 .6rem 50px 0 rgba(26,46,45,.07)
}
.atop,
.ctop,
.etop,
.fstop,
.grtop,
.htop,
.sptop {
border-top-width:.45rem;
border-top-style:solid
}
.triangle-border:after,
.triangle-border:before {
left:26px;
border-width:12px 10px 0;
border-style:solid;
width:0;
display:block;
position:absolute;
content:""
}
.htop {
border-top-color:#1c689C80
}
.atop {
border-top-color:#f6844680
}
.fstop {
border-top-color:#57aBAB80
}
.sptop {
border-top-color:#9f847980
}
.ctop {
border-top-color:#91176480
}
.etop {
border-top-color:#a9292480
}
.grtop {
border-top-color:#61a93080
}
.imgrad {
border-radius:.625rem;
box-shadow:rgba(0,0,0,.3) 0 .6rem 1rem -8px
}
.shape-line,
button.chat_button .blue,
button.chat_button .orange {
display:block
}
.op1 {
opacity:.45
}
.op2 {
opacity:.75
}
.br2 {
filter:brightness(1.2)
}
.header.text-dark .mega-menu .drop-down,
.header.text-dark .mega-menu .drop-down-multilevel,
.header.text-dark .mega-menu .drop-down-tab-bar,
.header.text-dark .mega-menu.desktopTopFixed .menu-list-items {
background:#323232
}
.header.text-dark .mega-menu .drop-down-tab-bar,
.header.text-dark .mega-menu .drop-down.menu-bg {
background:url(../images/objects/menu-bg.png) 120% 0 no-repeat #323232
}
.header.text-dark .mega-menu .drop-down a:hover,
.header.text-dark .mega-menu .drop-down-tab-bar a:hover {
color:#a4c9603f
}
.header.text-dark .mega-menu .drop-down-multilevel li:hover,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active a {
background:#282828
}
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active a {
color:#a4c960;
background:#282828
}
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a,
.header.text-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a {
color:#fff;
background:0 0
}
.random_bg {
width:100%
}
CSS for Component .random_img_container {
height:300px;
width:100%;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden
}
.random_img_container img {
max-width:100%;
max-height:100%;
object-fit:contain
}
.triangle-border {
padding:25px;
font-style:italic;
font-size:14px;
margin:1em 0 3em;
border:1px solid #c8c8c8;
color:#333;
background:#ffffe3;
border-radius:10px
}
.triangle-border:before {
bottom:-12px;
border-color:#c8c8c8 transparent
}
.triangle-border:after {
bottom:-10px;
border-color:#ffffe3 transparent
}
.ulaudit::after,
.ulcons::after,
.ulethic::after,
.ulfsafe::after,
.ulhaccp::after,
.ulinhouse::after,
.ulspec::after {
content:"";
display:block;
width:90px;
margin-top:.6rem;
padding-top:.4rem;
border-radius:2px;
opacity:.67
}
.ulhaccp::after {
background:linear-gradient(90deg,#1c689c,#fff)
}
.ulaudit::after {
background:linear-gradient(90deg,#f68446,#fff)
}
.ulfsafe::after {
background:linear-gradient(90deg,#57abab,#fff)
}
.ulspec::after {
background:linear-gradient(90deg,#9f8479,#fff)
}
.ulinhouse::after {
background:linear-gradient(90deg,#61a930,#fff)
}
.ulethic::after {
background:linear-gradient(90deg,#a92924,#fff)
}
.ulcons::after {
background:linear-gradient(90deg,#911764,#fff)
}
.isotope-filters,
.isotope-filters.text-left {
margin:0 auto 50px;
display:table;
text-align:center
}
.isotope-filters.text-left {
display:block;
text-align:left
}
.Basket,
.service-item .right-content,
.shop-single .product-detail .product-detail-price {
display:inline-block
}
.isotope-filters button {
margin:.3rem;
cursor:pointer;
padding:6.5px 1.5625rem;
font-size:.9rem;
border-radius:.1875rem;
background:0 0;
color:#363636;
font-weight:500;
border:1px solid #ccc;
transition:.3s ease-in-out
}
.modern-ticker.mt-scroll .mt-news,
button.chat_button,
lite-youtube>.lty-playbtn {
background-color:transparent
}
.isotope-filters button:focus {
outline:0
}
.isotope-filters button.active,
.isotope-filters button:hover {
background-color:#84ba3f;
color:#fff;
border-color:#84ba3f
}
.isotope,
.isotope.full-screen,
.masonry,
.masonry.full-screen {
margin:0 -15px 0 0
}
.isotope.full-screen.columns-2 .grid-item,
.isotope.full-screen.columns-3 .grid-item,
.isotope.full-screen.columns-4 .grid-item,
.isotope.full-screen.columns-5 .grid-item {
padding:7.5px
}
.isotope.columns-1 .grid-item,
.isotope.columns-2 .grid-item,
.isotope.columns-3 .grid-item,
.isotope.columns-4 .grid-item,
.isotope.columns-5 .grid-item {
padding:0 .9rem
}
.isotope.columns-3 .grid-item {
width:33.33333333%
}
.shop-single .title {
padding-top:2.5rem
}
.hdpd {
padding-left:.5rem
}
.label,
.value {
padding:.9rem
}
.Basket {
color:#fff;
font-size:.9rem;
font-weight:400
}
.row {
display:flex;
flex-wrap:wrap
}
.column {
flex-basis:50%;
box-sizing:border-box;
border:1px solid #eee
}
.label {
font-weight:700;
background:#ffffc9;
color:#000
}
.value {
background:#fffff2
}
@media screen and (max-width:600px) {
.row {
flex-direction:column
}
.column {
flex-basis:100%
}
.label,.value {
text-align:center
}
.label {
margin-bottom:.3rem
}
}
.cartform {
margin-left:.9rem;
margin-right:.9rem
}
#cont {
border-radius:.4rem;
box-shadow:0 1rem 1.5rem 2px rgba(0,0,0,.14),0 .4rem 1.875rem .3rem rgba(0,0,0,.12),0 .5rem .6rem -5px rgba(0,0,0,.2);
background:#f3f3f3;
margin:-20px 1.875rem 0;
padding:1.3rem
}
.lhead {
background:#ddd;
color:#666;
padding:.3rem;
margin:2px 0
}
.inner-div,
.texty {
background-color:#323232
}
li ul.has-pages>.lhead {
margin:.6rem 0;
padding:.6rem;
color:#000
}
.lcount {
padding:0 .6rem
}
.lpage {
border-bottom:1px solid #ddd;
padding:.3rem
}
.modern-ticker li,
.modern-ticker ul,
ul {
margin:0;
padding:0;
list-style:none
}
li {
margin:0
}
.service-item {
padding:2.5rem 1.875rem;
border:2px solid #f7f7f7;
border-radius:.3rem;
transition:.3s;
margin-bottom:1.3rem
}
.service-item:hover {
background-color:#fff;
border:2px solid transparent;
box-shadow:0 0 .6rem rgba(0,0,0,.1)
}
.service-item .icon {
margin-top:.6rem;
width:80px;
height:80px;
display:inline-block;
text-align:center;
line-height:80px;
background-color:#f7f7f7;
border-radius:50%
}
.home-title {
padding:30px 0 10px;
font-size:1.75rem;
line-height:1.4em;
font-weight:600
}
.inner-div {
width:calc(100% + 60px);
padding-bottom:1px
}
.inner-div img {
position:absolute;
top:0;
right:0;
width:auto;
height:100%;
opacity:.25;
filter:brightness(1.25)
}
.image-container {
display:inline-block
}
.image-container img {
display:block;
max-width:100%;
height:auto
}
.texty {
position:absolute;
bottom:0;
left:0;
width:100%;
color:#fff;
padding:18px 0 10px 20px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px
}
@media (max-width:1500px) {
.fullWidth .mega-menu .drop-down.grid-col-5 {
width:51.666667%
}
}
@media (max-width:1272px) {
.fullWidth .mega-menu .drop-down.grid-col-5 {
width:61.666667%
}
}
/* Sidebar layouts. Widening the container to 1400px had stretched the main
column from 878px to 1050px, too long a line for body copy, and giving all
that slack to the rail instead left 490px-wide cards holding short link
lists. So neither column takes the extra: the reading column holds 880px,
the rail is capped at 380px, and the pair is centred in the container.
The rail grows into whatever is left rather than sitting at a fixed width,
because .row wraps rather than shrinks and a fixed 380 + 880 does not fit
under a 1320px viewport.
Course pages opt out — .dante-row sets its own 70/30 split. */
@media (min-width:1200px) {
.row:not(.dante-row) > .col-lg-3 + .col-lg-9,
.row:not(.dante-row) > .col-lg-9:has(+ .col-lg-3) {
flex:0 1 880px;
max-width:880px
}
.row:not(.dante-row) > .col-lg-3:has(+ .col-lg-9),
.row:not(.dante-row) > .col-lg-9 + .col-lg-3 {
flex:1 1 0;
min-width:0;
max-width:380px
}
.row:not(.dante-row):has(> .col-lg-3 + .col-lg-9),
.row:not(.dante-row):has(> .col-lg-9 + .col-lg-3) {
justify-content:center
}
}
/* Site container. Was 1170px, itself an override of Bootstrap's 1140px in
plugins-css.css. 1400px matches the Astro build the client approved, which
pairs a 1400px row with a 380px booking panel. .container is used ~1273
times — header, nav, every section, footer — so this one rule widens the
whole site together and keeps the course pages aligned with the rest. */
@media (min-width:1200px) {
.container {
max-width:1400px
}
}
@media (max-width:1200px) {
h2 {
font-size:1.4em
}
h4 {
font-size:1.1rem
}
.action-box p {
font-size:.9rem
}
.vertical-header .container-fluid {
padding:0 1.875rem
}
.mega-menu .menu-links>li>a {
padding:0 .6rem
}
.mega-menu .drop-down-multilevel {
width:250px
}
.header.logo-center .mega-menu .menu-links>li>a {
padding-top:0;
padding-bottom:0
}
.header.logo-center .menu-logo {
padding:.9rem 0
}
.action-box a.button {
right:0;
position:relative;
top:inherit;
margin-top:.6rem
}
.action-box.action-box-border a.button,.action-box.black-bg a.button,.action-box.gray-bg a.button,.action-box.theme-bg a.button {
right:0
}
.action-box .action-box-text {
padding-right:0
}
}
@media only screen and (min-width:992px) and (max-width:1500px) {
.vertical-header .container {
max-width:inherit
}
}
@media only screen and (min-width:992px) and (max-width:1200px) {
.container {
max-width:94%
}
}
@media (max-width:1025px) {
.mega-menu .menu-links>li>a {
padding:.6rem .5rem
}
.action-box p {
font-size:.8rem
}
.isotope-filters button+button {
margin-left:.19rem
}
}
@media only screen and (min-width:768px) and (max-width:999px) {
.container {
max-width:96%
}
.sidebar-widgets-wrap {
margin-top:1.3rem
}
}
@media only screen and (min-width:450px) and (max-width:999px) {
.sidebar-widgets-wrap {
margin-top:1.3rem
}
}
@media(max-width:991px) {
.default,.header .mega-menu.mobileTopFixed .menu-list-items,.header.light .mega-menu .menu-mobile-collapse-trigger span,.header.light .mega-menu .menu-mobile-collapse-trigger:after,.header.light .mega-menu .menu-mobile-collapse-trigger:before,.header.text-dark .mega-menu.desktopTopFixed .menu-list-items,.header.text-dark .mega-menu>section.menu-list-items .menu-links,.onepage-hover-01 .mega-menu .menu-mobile-collapse-trigger span,.onepage-hover-01 .mega-menu .menu-mobile-collapse-trigger:after,.onepage-hover-01 .mega-menu .menu-mobile-collapse-trigger:before {
background:#323232
}
.navbar-left,.navbar-nav,.navbar-right {
float:none!important
}
.page-title,.text-right.action-box-button {
text-align:left
}
.navbar-nav>li>a,ul.page-breadcrumb {
padding-top:.6rem
}
.action-box a.popup-youtube,.action-box.black-bg a.button,.action-box.gray-bg a.button,.action-box.theme-bg a.button {
right:inherit
}
.switch {
display:flex;
flex-flow:column-reverse
}
.sm-mt-30 {
margin-top:1.875rem!important
}
.sm-mt-40 {
margin-top:40px!important
}
.sm-mb-20 {
margin-bottom:1.3rem!important
}
.sm-mb-30 {
margin-bottom:1.875rem!important
}
h2 {
font-size:1.4em;
line-height:1.6em
}
h3 {
font-size:1.3rem
}
.feature-text p,.mobile-slider h5,h4,h5 {
font-size:.9rem
}
.section-title {
margin-bottom:1.875rem
}
.default {
position:relative
}
.header.logo-center .mega-menu,.mega-menu {
min-height:60px
}
.mega-menu .drop-down,.mega-menu .drop-down-multilevel,.mega-menu .drop-down-tab-bar,.mega-menu .menu-logo>li>a {
padding:0
}
.mega-menu .menu-logo,.mega-menu.mobileTopFixed .menu-logo {
padding:.6rem 0
}
.mega-menu .menu-logo img {
height:1.875rem;
margin:.3rem 0
}
.action-box a.button,.action-box a.popup-youtube {
position:relative;
top:inherit;
margin-top:1.3rem
}
.mega-menu .drop-down-multilevel li:hover>a i.fa,.mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
color:#323232
}
.mega-menu .drop-down-multilevel a {
display:block;
padding:.6rem 1.3rem
}
.mega-menu .mobileTriggerButton {
z-index:1
}
.mega-menu .drop-down,.mega-menu .drop-down-multilevel,.mega-menu .drop-down-tab-bar {
border-top:0!important
}
.header.left-menu .menu-links,.vertical-header {
padding-left:0
}
.header.logo-center .menu-bar {
border:0
}
.navbar {
margin-bottom:0;
border-radius:0
}
.navbar-collapse {
border-top:.06rem solid transparent;
box-shadow:inset 0 .06rem 0 rgba(255,255,255,.1);
padding-left:1.375rem;
box-shadow:none
}
.navbar-fixed-top {
top:0;
border-width:0 0 .06rem
}
.navbar-collapse.collapse {
display:none!important
}
.navbar-nav {
margin-top:7.5px
}
.menu-bar,.navbar-nav>li {
float:none
}
.navbar-nav>li>a {
padding-bottom:.6rem
}
.collapse.in {
display:block!important
}
.navbar-toggle {
display:block;
margin-right:0;
margin-top:.9rem
}
.vertical-header .header {
left:inherit;
padding-bottom:150px
}
#left-header {
position:fixed;
left:-230px;
top:0;
width:230px;
height:100%;
z-index:9999
}
.menu-responsive b {
color:#84ba3f;
font-size:1.1rem;
text-transform:uppercase
}
.menu-responsive {
height:60px;
position:fixed;
background:#000;
z-index:9999;
width:100%;
padding:.9rem;
display:block
}
.mega-menu>section.menu-list-items {
height:60px!important
}
.logo-center .mega-menu .menu-logo {
padding:.9rem 0
}
.mega-menu .drop-down-multilevel {
width:inherit
}
.mega-menu .menu-links {
overflow:auto;
padding:.6rem
}
.header.light .mega-menu.mobileTopFixed .menu-list-items {
background:#fff;
box-shadow:0 0 1.3rem 0 rgba(0,0,0,.1)
}
.logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links>li>a {
padding:0 .5rem;
line-height:40px
}
.header.logo-center .mega-menu.desktopTopFixed .menu-bar,.page-title .page-breadcrumb,.page-title .page-title-name {
width:100%
}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
margin:0
}
.header.text-dark .mega-menu .menu-links>li>a {
color:#fff
}
.header.text-dark .mega-menu .drop-down-multilevel .drop-down-multilevel,.header.text-dark .mega-menu .menu-links>li {
border-color:rgba(255,255,255,.1)
}
.header .mega-menu.desktopTopFixed .menu-logo {
padding:.9rem 0;
width:100%
}
.header.logo-center.mega-menu .menu-links>li>a {
padding-top:0;
padding-bottom:0
}
.page-title {
padding-top:100px
}
.page-title .page-breadcrumb {
float:none;
text-align:left
}
.page-title.right .page-title-name {
text-align:right;
float:none;
width:100%
}
.page-title.right .page-breadcrumb {
float:none;
text-align:right
}
.our-activities .accordion {
margin-top:60px
}
.mega-menu .menu-links>li>a {
line-height:normal
}
.mega-menu .menu-mobile-collapse-trigger {
height:40px;
top:50%;
transform:translateY(-50%);
z-index:9999
}
.footer p {
font-size:.8rem
}
.isotope.columns-3 .grid-item {
width:50%
}
img.bottom-img {
display:none
}
img#logo-footer {
height:1.875rem
}
.buttons .button {
margin-bottom:.6rem
}
.buttons button {
margin-bottom:.3rem
}
.button+.button {
margin-left:.19rem
}
.countdown.medium {
margin:0 .9rem
}
.countdown.large {
margin:0 .6rem
}
.countdown.large span {
font-size:60px
}
.vertical-header .container-fluid {
padding:0 .9rem
}
.action-box.full-width a.button {
right:0
}
.footer #logo-footer {
height:40px
}
.text-left.mt-100 {
margin-top:0!important
}
.mega-menu .menu-logo img.logo-big {
height:36px
}
.header.logo-center .menu-logo {
width:inherit;
margin-right:inherit;
float:none
}
.menu-body .menu-thumbnail {
width:100px;
margin-bottom:1.3rem
}
.st-menu.right-side .pos-bot {
bottom:inherit
}
@media(max-width:767px) {
.switch {
display:flex;
flex-flow:column-reverse
}
.xs-mb-10 {
margin-bottom:.6rem!important
}
.xs-mb-30 {
margin-bottom:1.875rem!important
}
h1 {
font-size:1.875rem
}
h2 {
font-size:1.4em
}
.page-section-ptb {
padding:50px 0
}
.page-section-pt {
padding:50px 0 0
}
.page-section-pb {
padding:0 0 50px
}
.topbar-call.text-left {
text-align:center;
margin-bottom:.6rem
}
.footer-logo img {
height:60px;
width:inherit
}
img#logo-footer {
height:40px
}
.course img,.isotope.columns-3 .grid-item,.product-image img,.team .team-photo img {
width:100%
}
.copyright.mt-50 {
margin-top:.6rem!important
}
.copyright .text-right {
text-align:left;
margin-top:.9rem
}
.footer-widget {
text-align:left
}
.team,.team-3-box {
margin-bottom:1.875rem
}
ul.page-breadcrumb {
padding-top:1.875rem
}
.clients-list ul li,.clients-list.column-3 ul li,.clients-list.column-4 ul li {
width:50%
}
.feature-text .feature-icon i,.feature-text .feature-icon span {
padding-left:0
}
.course {
margin-bottom:1.3rem
}
.isotope,.masonry {
margin:0
}
.text-left.mt-100 {
margin-top:40px!important
}
}
@media(max-width:600px) {
.switch {
display:flex;
flex-flow:column-reverse
}
.action-box,.action-box .action-box-button,.topbar-social.text-right {
text-align:center
}
.accordion.animated .acd-group.acd-active .acd-heading,h3 {
font-size:1.375rem
}
.section-title p {
font-size:.9rem
}
.isotope.columns-3 .grid-item {
width:100%;
padding:0 0 .9rem
}
.our-history .timeline:before,.our-history .timeline>li.timeline-inverted>.timeline-panel::before,.our-history .timeline>li>.timeline-panel::before {
left:40px
}
.our-history .timeline>li>.timeline-panel {
padding:40px 1.3rem 1.3rem 75px;
text-align:left;
width:100%
}
.our-history .timeline>li>.timeline-badge {
left:41px
}
.our-history .timeline>li>.timeline-badge p {
margin-left:40px
}
.our-history .timeline>li.timeline-inverted .timeline-badge p {
float:left;
margin-right:0;
text-align:left
}
.feature-text .feature-icon {
font-size:38px
}
.our-history .timeline .timeline-arrow {
left:2.125rem;
text-align:left
}
.our-history {
overflow:hidden
}
.st-menu.big-side {
width:270px
}
.st-menu.big-side .pos-bot {
position:relative
}
.st-menu.big-side .slide-footer-content {
padding:0 .6rem 0 0
}
.st-menu.big-side .social-icons.width-half ul li {
width:inherit;
display:block;
float:none
}
.st-menu.big-side .copy-right .mb-70 {
margin-bottom:0!important
}
.section-title h2 {
font-size:1.625rem;
line-height:28px
}
}
@media(max-width:767px) {
.switch {
display:flex;
flex-flow:column-reverse
}
.container {
max-width:100%
}
}
@media(max-width:479px) {
.switch {
display:flex;
flex-flow:column-reverse
}
h2 {
font-size:1.4em;
line-height:1.6em
}
.topbar .topbar-call.text-left li {
margin-bottom:.3rem
}
.action-box-button .button.border {
margin-left:0;
margin-top:.9rem
}
.our-history .timeline>li>.timeline-panel::before {
width:1.375rem;
left:1.5625rem
}
.our-history .timeline>li.timeline-inverted>.timeline-panel::before {
left:1.5625rem
}
.action-box {
padding:1.875rem .9rem
}
.st-menu {
width:280px
}
.accordion.animated .acd-group.acd-active .acd-heading {
font-size:1.3rem
}
.action-box.theme-bg {
padding:1.875rem 0
}
.countdown.small {
margin:.6rem .3rem 0
}
.section-title h2 {
font-size:1.5rem
}
.location h2 {
margin-bottom:0!important
}
.location .button {
padding:.4rem 1.3rem
}
}
}
[class*=" icon-"],
[class^=icon-] {
font-family:icomoon!important;
speak:never;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon-19:before {
content:"\e912"
}
.underline {
position:relative;
display:inline-block;
padding-bottom:5px
}
.fa-li,
.underline::after {
position:absolute;
text-align:center
}
.underline::after {
content:"\e912";
font-family:icomoon;
left:0;
bottom:0;
width:100%;
height:5px;
font-size:12px;
line-height:1;
padding:0 5px
}
button.chat_button {
position:fixed;
bottom:15px;
right:15px;
border:none;
outline:0;
cursor:default;
z-index:10
}
button.chat_button img {
position:fixed;
bottom:15px;
right:15px;
width:75px;
cursor:pointer
}
button.chat_button:hover .orange {
opacity:0
}
#lhnHelpOutCenter button.form_submit,
#lhnHelpOutCenter button.lhnFormButton {
background-color:#84ba3f;
color:#fff
}
#lhnHelpOutCenter div.lhnWindow-header {
color:#fff;
background-color:#0d5740
}
.lhnWindow-header-avatar--img {
background-image:url(/images/favicon.ico)!important
}
#lhnHelpOutCenter div.lhnWindow-tabs li.hocactive {
background-color:#c2d989;
color:#3d3d3d
}
#lhnHelpOutCenter div.lhnCustomerMessage div.lhnWindow-message {
background-color:#61a930;
color:#fff
}
#lhnHelpOutCenter div.lhnCustomerMessage div.lhnWindow-message:after {
border-color:transparent transparent transparent #61a930
}
.fa {
font-family:var(--fa-style-family, "Font Awesome 6 Pro");
font-weight:var(--fa-style,900)
}
.fa,
.fa-brands,
.fa-classic,
.fa-duotone,
.fa-light,
.fa-regular,
.fa-sharp,
.fa-sharp-solid,
.fa-solid,
.fa-thin,
.fab,
.fad,
.fal,
.far,
.fas,
.fasl,
.fasr,
.fass,
.fat {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
display:var(--fa-display,inline-block);
font-variant:normal;
text-rendering:auto;
font-style:normal;
line-height:1
}
.fa-classic,
.fa-light,
.fa-regular,
.fa-solid,
.fa-thin,
.fal,
.far,
.fas,
.fat {
font-family:"Font Awesome 6 Pro"
}
.fa-brands,
.fab {
font-family:"Font Awesome 6 Brands"
}
.fa-classic.fa-duotone,
.fa-duotone,
.fad {
font-family:"Font Awesome 6 Duotone"
}
.fa-sharp,
.fasl,
.fasr,
.fass {
font-family:"Font Awesome 6 Sharp"
}
.fa-sharp,
.fass {
font-weight:900
}
.fa-1x {
font-size:1em
}
.fa-2x,
.fa-stack-2x {
font-size:2em
}
.fa-3x {
font-size:3em
}
.fa-4x {
font-size:4em
}
.fa-5x {
font-size:5em
}
.fa-6x {
font-size:6em
}
.fa-7x {
font-size:7em
}
.fa-8x {
font-size:8em
}
.fa-9x {
font-size:9em
}
.fa-10x {
font-size:10em
}
.fa-2xs {
vertical-align:.225em;
font-size:.625em;
line-height:.1em
}
.fa-xs {
vertical-align:.125em;
font-size:.75em;
line-height:.08333em
}
.fa-sm {
vertical-align:.05357em;
font-size:.875em;
line-height:.07143em
}
.fa-lg {
vertical-align:-.075em;
font-size:1.25em;
line-height:.05em
}
.fa-xl {
vertical-align:-.125em;
font-size:1.5em;
line-height:.04167em
}
.fa-2xl {
vertical-align:-.1875em;
font-size:2em;
line-height:.03125em
}
.fa-fw {
text-align:center;
width:1.25em
}
.fa-ul {
margin-left:var(--fa-li-margin,2.5em);
padding-left:0;
list-style-type:none
}
.fa-li {
left:calc(var(--fa-li-width,2em)*-1);
width:var(--fa-li-width,2em);
line-height:inherit
}
.fa-border {
border-color:var(--fa-border-color,#eee);
border-radius:var(--fa-border-radius,.1em);
border-style:var(--fa-border-style,solid);
border-width:var(--fa-border-width,.08em);
padding:var(--fa-border-padding,.2em .25em .15em)
}
.fa-pull-left {
float:left;
margin-right:var(--fa-pull-margin,.3em)
}
.fa-pull-right {
float:right;
margin-left:var(--fa-pull-margin,.3em)
}
.fa-stack {
height:2em;
vertical-align:middle;
width:2.5em;
line-height:2em;
display:inline-block;
position:relative
}
.fa-stack-1x,
.fa-stack-2x {
text-align:center;
width:100%;
z-index:var(--fa-stack-z-index,auto);
position:absolute;
left:0
}
.fa-stack-1x {
line-height:inherit
}
.modern-ticker,
.modern-ticker .mt-news li {
line-height:30px
}
.fa-duotone.fa-inverse,
.fa-inverse,
.fad.fa-inverse {
color:var(--fa-inverse,#fff)
}
.fa-add:before,
.fa-plus:before {
content:"+"
}
.fa-alarm-clock:before {
content:""
}
.fa-angle-double-down:before,
.fa-angles-down:before {
content:""
}
.fa-angle-double-right:before,
.fa-angles-right:before {
content:""
}
.fa-angle-down:before {
content:""
}
.fa-angle-right:before {
content:""
}
.fa-angle-up:before {
content:""
}
.fa-award:before {
content:""
}
.fa-book-open-alt:before,
.fa-book-open-cover:before {
content:""
}
.fa-books:before {
content:""
}
.fa-calendar-alt:before,
.fa-calendar-days:before {
content:""
}
.fa-chalkboard-teacher:before,
.fa-chalkboard-user:before {
content:""
}
.fa-check:before {
content:""
}
.fa-circle:before {
content:""
}
.fa-clock-four:before,
.fa-clock:before {
content:""
}
.fa-cogs:before,
.fa-gears:before {
content:""
}
.fa-credit-card-alt:before,
.fa-credit-card:before {
content:""
}
.fa-envelope:before {
content:""
}
.fa-file-pdf:before {
content:""
}
.fa-heart:before {
content:""
}
.fa-duotone.fa-industry-alt::after,
.fad.fa-industry-alt::after {
content:"\f3b3\f3b3"
}
.fa-industry-alt::before {
content:"\f3b3"
}
.fa-house::before {
content:"\f015"
}
.fa-industry-windows:before {
content:""
}
.fa-list-check:before,
.fa-tasks:before {
content:""
}
.fa-location-pin:before,
.fa-map-marker:before {
content:""
}
.fa-map-pin:before {
content:""
}
.fa-memo:before {
content:""
}
.fa-message-question:before {
content:""
}
.fa-minus:before,
.fa-subtract:before {
content:""
}
.fa-network-wired:before {
content:""
}
.fa-phone:before {
content:""
}
.fa-quote-left-alt:before,
.fa-quote-left:before {
content:""
}
.fa-star:before {
content:""
}
.fa-trophy-alt:before,
.fa-trophy-star:before {
content:""
}
.fa-turkey:before {
content:""
}
.fa-users:before {
content:""
}
.fa-video-camera:before,
.fa-video:before {
content:""
}
.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
width:1px;
height:1px;
clip:rect(0,0,0,0);
white-space:nowrap;
border-width:0;
margin:-1px;
padding:0;
position:absolute;
overflow:hidden
}
.fa-brands,
.fab {
font-weight:400
}
:host,
:root {
--fa-style-family-brands:"Font Awesome 6 Brands";
--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";
--fa-style-family-duotone:"Font Awesome 6 Duotone";
--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone"
}
@font-face {
font-family:"Font Awesome 6 Brands";
font-style:normal;
font-weight:400;
font-display:block;
src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")
}
.fa-facebook-f:before {
content:""
}
.fa-linkedin:before {
content:""
}
.fa-pinterest:before {
content:""
}
.fa-youtube:before {
content:""
}
@font-face {
font-family:"Font Awesome 6 Duotone";
font-style:normal;
font-weight:900;
font-display:block;
src:url(../webfonts/fa-duotone-900.woff2) format("woff2"),url(../webfonts/fa-duotone-900.ttf) format("truetype")
}
.fa-duotone,
.fad {
letter-spacing:normal;
font-weight:900;
position:relative
}
.fa-duotone:before,
.fad:before {
color:var(--fa-primary-color,inherit);
opacity:var(--fa-primary-opacity, 1);
position:absolute
}
.fa-duotone.fa-swap-opacity:before,
.fa-duotone:after,
.fa-swap-opacity .fa-duotone:before,
.fa-swap-opacity .fad:before,
.fad.fa-swap-opacity:before,
.fad:after {
opacity:var(--fa-secondary-opacity, .4)
}
.fa-duotone:after,
.fad:after {
color:var(--fa-secondary-color,inherit)
}
.fa-duotone.fa-swap-opacity:after,
.fa-swap-opacity .fa-duotone:after,
.fa-swap-opacity .fad:after,
.fad.fa-swap-opacity:after {
opacity:var(--fa-primary-opacity, 1)
}
.fa-duotone.fa-stack-1x,
.fa-duotone.fa-stack-2x,
.fad.fa-stack-1x,
.fad.fa-stack-2x {
position:absolute
}
.fa-duotone.fa-add:after,
.fa-duotone.fa-plus:after,
.fad.fa-add:after,
.fad.fa-plus:after {
content:"++"
}
.fa-duotone.fa-alarm-clock:after,
.fad.fa-alarm-clock:after {
content:""
}
.fa-duotone.fa-angle-double-down:after,
.fa-duotone.fa-angles-down:after,
.fad.fa-angle-double-down:after,
.fad.fa-angles-down:after {
content:""
}
.fa-duotone.fa-angle-double-right:after,
.fa-duotone.fa-angles-right:after,
.fad.fa-angle-double-right:after,
.fad.fa-angles-right:after {
content:""
}
.fa-duotone.fa-angle-down:after,
.fad.fa-angle-down:after {
content:""
}
.fa-duotone.fa-angle-right:after,
.fad.fa-angle-right:after {
content:""
}
.fa-duotone.fa-angle-up:after,
.fad.fa-angle-up:after {
content:""
}
.fa-duotone.fa-award:after,
.fad.fa-award:after {
content:""
}
.fa-duotone.fa-book-open-alt:after,
.fa-duotone.fa-book-open-cover:after,
.fad.fa-book-open-alt:after,
.fad.fa-book-open-cover:after {
content:""
}
.fa-duotone.fa-books:after,
.fad.fa-books:after {
content:""
}
.fa-duotone.fa-calendar-alt:after,
.fa-duotone.fa-calendar-days:after,
.fad.fa-calendar-alt:after,
.fad.fa-calendar-days:after {
content:""
}
.fa-duotone.fa-chalkboard-teacher:after,
.fa-duotone.fa-chalkboard-user:after,
.fad.fa-chalkboard-teacher:after,
.fad.fa-chalkboard-user:after {
content:""
}
.fa-duotone.fa-check:after,
.fad.fa-check:after {
content:""
}
.fa-duotone.fa-circle:after,
.fad.fa-circle:after {
content:""
}
.fa-duotone.fa-clock-four:after,
.fa-duotone.fa-clock:after,
.fad.fa-clock-four:after,
.fad.fa-clock:after {
content:""
}
.fa-duotone.fa-cogs:after,
.fa-duotone.fa-gears:after,
.fad.fa-cogs:after,
.fad.fa-gears:after {
content:""
}
.fa-duotone.fa-credit-card-alt:after,
.fa-duotone.fa-credit-card:after,
.fad.fa-credit-card-alt:after,
.fad.fa-credit-card:after {
content:""
}
.fa-duotone.fa-envelope:after,
.fad.fa-envelope:after {
content:""
}
.fa-duotone.fa-facebook-f:after,
.fad.fa-facebook-f:after {
content:""
}
.fa-duotone.fa-file-pdf:after,
.fad.fa-file-pdf:after {
content:""
}
.fa-duotone.fa-heart:after,
.fad.fa-heart:after {
content:""
}
.fa-duotone.fa-industry-alt:after,
.fa-duotone.fa-industry-windows:after,
.fad.fa-industry-alt:after,
.fad.fa-industry-windows:after {
content:""
}
.fa-duotone.fa-linkedin:after,
.fad.fa-linkedin:after {
content:""
}
.fa-duotone.fa-list-check:after,
.fa-duotone.fa-tasks:after,
.fad.fa-list-check:after,
.fad.fa-tasks:after {
content:""
}
.fa-duotone.fa-house::after,
.fad.fa-house::after {
content:"\f015\f015"
}
.fa-duotone.fa-location-pin:after,
.fa-duotone.fa-map-marker:after,
.fad.fa-location-pin:after,
.fad.fa-map-marker:after {
content:""
}
.fa-duotone.fa-map-pin:after,
.fad.fa-map-pin:after {
content:""
}
.fa-duotone.fa-memo:after,
.fad.fa-memo:after {
content:""
}
.fa-duotone.fa-message-question:after,
.fad.fa-message-question:after {
content:""
}
.fa-duotone.fa-minus:after,
.fa-duotone.fa-subtract:after,
.fad.fa-minus:after,
.fad.fa-subtract:after {
content:""
}
.fa-duotone.fa-network-wired:after,
.fad.fa-network-wired:after {
content:""
}
.fa-duotone.fa-phone:after,
.fad.fa-phone:after {
content:""
}
.fa-duotone.fa-pinterest:after,
.fad.fa-pinterest:after {
content:""
}
.fa-duotone.fa-quote-left-alt:after,
.fa-duotone.fa-quote-left:after,
.fad.fa-quote-left-alt:after,
.fad.fa-quote-left:after {
content:""
}
.fa-duotone.fa-star:after,
.fad.fa-star:after {
content:""
}
.fa-duotone.fa-trophy-alt:after,
.fa-duotone.fa-trophy-star:after,
.fad.fa-trophy-alt:after,
.fad.fa-trophy-star:after {
content:""
}
.fa-duotone.fa-turkey:after,
.fad.fa-turkey:after {
content:""
}
.fa-duotone.fa-users:after,
.fad.fa-users:after {
content:""
}
.fa-duotone.fa-video-camera:after,
.fa-duotone.fa-video:after,
.fad.fa-video-camera:after,
.fad.fa-video:after {
content:""
}
.fa-duotone.fa-youtube:after,
.fad.fa-youtube:after {
content:""
}
.ov {
font-siz:30rem;
margin-bottom:25px
}
lite-youtube {
background-color:#000;
position:relative;
display:block;
contain:content;
background-position:center center;
background-size:cover;
cursor:pointer;
max-width:720px
}
lite-youtube::before {
content:'';
display:block;
position:absolute;
top:0;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
background-position:top;
background-repeat:repeat-x;
height:60px;
padding-bottom:50px;
width:100%;
transition:.2s cubic-bezier(0, 0, .2, 1)
}
lite-youtube::after {
content:"";
display:block;
padding-bottom:calc(100% / (16 / 9))
}
lite-youtube>iframe {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
border:0
}
lite-youtube>.lty-playbtn {
display:block;
width:68px;
height:48px;
position:absolute;
cursor:pointer;
transform:translate3d(-50%,-50%,0);
top:50%;
left:50%;
z-index:1;
background-image:url('data:image/svg+xml;utf8, or other H3s, */
/* to fix SEO heading hierarchy without changing the visual design. */
.hero-badge {
font-size: 1rem;
line-height: 1.5;
color: #364049;
font-weight: 600;
}
.section-label {
font-size: 1.18em;
line-height: 1.5;
color: #364049;
font-weight: 600;
margin-bottom: .5rem;
}
.footer-label {
font-size: 1rem;
line-height: 1.5;
font-weight: 600;
}
.sidebar-widget h3 {
font-size: 1rem;
margin-top: .3rem;
margin-left: .9rem;
line-height: 1.5;
}
.sidebar-widget .boxy h3.mb-10 {
margin-left: 0;
}
/* 2027 dates promo bar */.vwa-promo {
font-family:Poppins,sans-serif;
font-size:14px;
line-height:1;
clear:both;
width:100%;
background:#323232
}
.vwa-promo a {
text-decoration:none
}
.vwa-promo .vwa-promo-inner {
max-width:1140px;
margin:0 auto;
padding:0 20px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:42px;
color:#fff
}
.vwa-promo i {
font-size:14px;
color:#fff
}
.vwa-promo strong {
color:#fff;
font-weight:600
}
.vwa-promo a.vwa-promo-cta {
color:#A4C960;
font-weight:600;
border-bottom:1px solid rgba(255,255,255,.5);
padding-bottom:2px
}
.vwa-promo a.vwa-promo-cta:hover {
border-bottom-color:#fff
}
.vwa-promo + section.page-section-ptb {
padding-top:30px
}
@media (max-width:767px) {
.vwa-promo {
font-size:13px
}
.vwa-promo .vwa-promo-inner {
padding:8px 15px;
text-align:center;
gap:6px;
flex-wrap:wrap
}
}
/* ============================================================
NAV BASKET (2026)
Replaces the bare topbar cart icon. Sits at the end of the nav
link row; the bar is transparent over the hero, so it takes the
same white treatment as the links beside it.
Count is filled by custom1.js from Dante's cart and stays hidden
while the basket is empty — the link works either way.
============================================================ */
.vwa-basket {
display: inline-flex;
align-items: center;
gap: 8px;
float: right;
/* Centred in the 65.6px nav row: (65.6 - 38) / 2. The row shrinks to 60px
when the header pins, so the sticky state gets its own margin below —
the offset differs by 2.8px between the two, which no single value or
button height can satisfy. */
margin: 13.8px 0 0 22px;
min-height: 38px;
padding: 0 12px;
border: 1px solid rgba(255, 255, 255, .4);
border-radius: 6px;
color: #fff;
font-size: 13.5px;
font-weight: 600;
text-decoration: none;
transition: background .2s ease, border-color .2s ease;
}
/* Fills with the CTA green on hover, like every other booking action. */
.vwa-basket:link,
.vwa-basket:visited { color: #fff; }
.vwa-basket:hover,
.vwa-basket:focus {
background: #4a8226;
border-color: #4a8226;
color: #fff;
}
.vwa-basket-count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 19px;
height: 19px;
padding: 0 6px;
border-radius: 999px;
/* Livery green with ink numerals: white on #8ab84a is 2.6:1 and fails at 12px. */
background: #8ab84a;
color: #1a1e1b;
font-size: 11.5px;
font-weight: 600;
line-height: 1;
}
.vwa-basket-count[hidden] { display: none; }
/* Pinned header: .menu-list-items drops 65.6px -> 60px. */
.mega-menu.desktopTopFixed .vwa-basket { margin-top: 11px; }
/* Below the mega-menu's desktop breakpoint the nav collapses to the
hamburger, so the basket moves out of the floated row. */
@media (max-width: 991px) {
.vwa-basket {
float: none;
margin: 10px 0;
}
}