@font-face {
  font-family: 'Gineva';
  src: url('../fonts/Gineva-Regular.eot');
  src: url('../fonts/Gineva-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gineva-Regular.woff2') format('woff2'),
    url('../fonts/Gineva-Regular.woff') format('woff'),
    url('../fonts/Gineva-Regular.ttf') format('truetype'),
    url('../fonts/Gineva-Regular.svg#Gineva-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham bold';
  src: url('../fonts/Gotham-Bold.eot');
  src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gotham-Bold.woff2') format('woff2'),
    url('../fonts/Gotham-Bold.woff') format('woff'),
    url('../fonts/Gotham-Bold.ttf') format('truetype'),
    url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gineva';
  src: url('../fonts/Gineva-Regular_1.eot');
  src: url('../fonts/Gineva-Regular_1.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gineva-Regular_1.woff2') format('woff2'),
    url('../fonts/Gineva-Regular_1.woff') format('woff'),
    url('../fonts/Gineva-Regular_1.ttf') format('truetype'),
    url('../fonts/Gineva-Regular_1.svg#Gineva-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


:root {
  --gibson: canada-type-gibson, sans-serif;
  --swear-display: swear-display, serif;
  --gineva: 'Gineva';
  --gotham: 'Gotham bold';
  --font-h1: clamp(2.5rem, 1.95rem + 2.75vw, 5.25rem);
  /* 84px - 40px */
  --font-h2: clamp(1.875rem, 1.575rem + 1.5vw, 3.375rem);
  /* 54px - 30px */
  --f42: clamp(1.9375rem, 1.8rem + 0.6875vw, 2.625rem);
      /* 42px - 31px */
  --f40: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem);
  /* 40px - 30px */
  --f36: clamp(1.75rem, 1.65rem + 0.5vw, 2.25rem);
  /* 36px - 28px */
  --f28: clamp(1.375rem, 1.3rem + 0.375vw, 1.75rem);
  /* 28px - 22px */
  --f26: clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem);
  /* 26px - 20px */
  --f24: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  /* 24px - 18px */
  --f22: clamp(1.0625rem, 1rem + 0.3125vw, 1.375rem);
  /* 22px - 17px */
  --f20: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  /* 20px - 16px */
  --caption: 18px;
  --body-font: 16px;
  --f64: clamp(2.25rem, 1.9rem + 1.7500000000000002vw, 4rem);
  /* 64px - 36px */
  --f76: clamp(2.375rem, 1.9rem + 2.375vw, 4.75rem);
  /* 76px - 38px */
  --white: #ffffff;
  --black: #000000;
  --blue: #0d67a5;
  --dark-blue: #0b4259;
  --light-blue: #009cde;
  --lighter-blue: #80b5d7;
  --yellow: #e3f52f;
  --text-grey: #5f5f5f;
  --text-darkgrey: #242223;
  --blackk: #0C121F;
  --grey: #BCBCBC;
  --dark-grey: #707070;
  --secondary: #777777;
  --c666: #666666;
  --cf5: #f5f5f5;
  --c06c: #006c9c;
  --c586eb2: #568eb2;
  --c54: #545454;
  --bg: #F8F8F8;
  --sectionSpace: 60px;
  --containerWd: 1670px;
}
html,body{font-family:var(--gibson);font-size:var(--body-font);line-height:1.6;color:var(--blackk);-webkit-text-size-adjust:100%;background:var(--white);overflow-x:clip;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:15px;}
h1,.h1{font-family:var(--gibson);font-size:var(--font-h1);line-height:1;font-weight:700;}
h2,.h2{font-size:var(--font-h2);line-height:1.2;font-weight:700;text-transform:uppercase;}
.section-padding{padding:var(--sectionSpace) 0;}
a{text-decoration:none;transition:all .3s ease-in-out;}
*,dl,ol,ul{margin:0;padding:0;outline:none;box-shadow:none;text-decoration:none;}
strong{font-weight:600;}
img{max-width:100%;}
p{margin-bottom:15px;font-size:var(--f24); font-weight: 300;}
hr:not([size]){height:3px;background:var(--grey);opacity:1;margin:0;}
ul{list-style:none;}
p:last-child{margin-bottom:0;}
.setbg{background-size:cover;background-position:center;background-repeat:no-repeat}
.container{padding-left:50px;padding-right:50px;max-width:var(--containerWd) !important;}
.view-btn{display:inline-block;font-size:var(--f24);font-weight:400;padding-right:50px;position:relative;line-height:1;}
.view-btn:after{content:"";position:absolute;background-image:url('../images/arrow-icon.svg');background-size:contain;background-repeat:no-repeat;height:22px;width:34px;right:0;transform:translateY(-50%);top:50%;transition:all .3s ease-in-out;}
.view-btn:hover:after{right:-5px;}
.btn-yellow{color:var(--yellow) !important;}
.btn-yellow:after{filter:brightness(0) saturate(100%) invert(80%) sepia(79%) saturate(452%) hue-rotate(12deg) brightness(110%) contrast(92%);}
.btn-blue{color:var(--light-blue) !important;}
.btn-blue:after{filter:brightness(0) saturate(100%) invert(66%) sepia(59%) saturate(6284%) hue-rotate(167deg) brightness(92%) contrast(102%);}
.btn-white{color:var(--white) !important;}
.btn-white:after{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg) brightness(103%) contrast(103%);}
.dark-blue-btn{color:var(--text-darkgrey);font-size:var(--f18);font-weight:600;}
.dark-blue-btn:after{filter:brightness(0) saturate(100%) invert(20%) sepia(96%) saturate(2385%) hue-rotate(187deg) brightness(95%) contrast(104%);}
*{scrollbar-width:thin;}
:focus{outline-width:0 !important;outline-style:none !important;outline-color:transparent !important;}
*:focus{outline:none;}
.sticky .main-header .navbar-toggler > svg #hov path:not(:first-child){fill:var(--white) !important;}
button.navbar-toggler svg g#burger{opacity:0;transition:all .3s ease-in-out;}
/* .sticky .main-header .navbar-toggler > svg #burger path{fill:var(--yellow) !important;}*/
/* .sticky .main-header .navbar-toggler > svg #burger-full path{fill:var(--white);}*/
button.navbar-toggler:hover svg g#burger{opacity:1;}
.menu-open button.navbar-toggler:hover svg g#burger{opacity:0;}
.sticky .main-header .navbar-toggler > svg #burger-full > .hoverline path{fill:var(--white);}
/* Inner page header */
body:not(.home) .main-header,body:not(.home) .sticky .main-header{padding:0;}
body:not(.home) .main-header .logo{background:var(--blue);padding:15px;transition:all .3s ease-in-out;}
body:not(.home) .logo img{max-height:65px;}
body:not(.home) .sticky .logo img{max-height:50px;}
/* body:not(.home) main{padding-top:var(--headerHeight);}
*/
.home .page-name{display:none;}
.page-name h2{font-size:var(--body-font);margin:0;color:var(--dark-blue); padding: 10px 0 10px 10px;}
.sticky .page-name h2{color:var(--white);}
.header-right{display:flex;align-items:center;gap:25px;}
/* ----------- responsive -------------------- */
@media (min-width:1440px){.container-large{max-width:1470px !important;}
}
@media (max-width:991.98px){.container{padding-inline:30px;}
}
@media (max-width:767.98px){.br-none-767 br{display:none;}
body:not(.home) .main-header .logo{padding:15px;}
}
/* .desktop-only { display: block; }
.mobile-only { display: none; } */
@media (min-width: 768px) {
  .mobile-only { display: none !important; }

}
@media (max-width: 767px) {
  .desktop-only { display: none !important; }

}
