@charset "utf-8";
/* CSS Document */
@media all{

:root{
  --PrimaryClr        :#ec1f27;
  --BorderClr         :#252525;
  --WhiteClr          :#ffffff;
  --GrayClr           :#3b3b3b;

  --BodyBg            :#fafffb;
  
  --BodyTxtClr        :#141414;
  --HeadingClr        :#292929;

  --Bodytext          : 1.313rem; 
  --BodyFont          : "Plus Jakarta Sans", sans-serif;
  --HeadingFont       : "Futura Std", sans-serif;

  --gap-margins       :5rem;

  --HeadingOne        : 4.688rem;  /* 86px */
  --HeadingTwo        : 2.625rem;  /* 55px */
  --HeadingThree      : 3rem;   /* 48px  */

}

@font-face {
    font-family: 'Futura Std';
    src: url('../fonts/FuturaStd-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura Std';
    src: url('../fonts/FuturaStd-Heavy.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


figure,h1,h2,h3,h4,p{padding:0;margin:0}h4,ol,ul,ul ul{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}:focus,body a,body a:active,input[type=text]:focus,textarea:focus{outline:0}article,aside,dialog,figure,footer,header,hgroup,nav,ol,p,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,command,datalist,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,source,span,strike,strong,sub,sup{outline:0;vertical-align:baseline}figure,p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}ol{list-style-type:decimal}a img,img{vertical-align:middle}a img{border:0}body a:focus{-mos-outline-style:none;outline:0}body:-moz-any-link:focus{outline:0}

html {-webkit-text-size-adjust:none;}
div{vertical-align:top;}
img{max-width:100%; width:auto; height:auto;}
a{cursor:pointer; transition:all 0.2s ease; text-decoration:none;}
a:hover, a:focus{text-decoration:none;}
html {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
html {position:relative; min-height:100%;}
aside, .right-side, .navbar-collapse{transition:all 0.5s ease;}
button:focus {outline:0px dotted; outline:0px auto -webkit-focus-ring-color;}
.btn.focus, .btn:focus {outline:0; box-shadow:0 0 0 0rem rgb(0 123 255 / 25%);}

::-moz-selection { /* Code for Firefox */
  color: white;
  background:var(--PrimaryClr);
}
::selection {
  color: white;
  background:var(--PrimaryClr);
}

/*Typekit*/
html, body{font-family:var(--BodyFont); font-size:var(--Bodytext); font-weight:400; padding:0px; margin:0px;}
p{margin-bottom:15px}

div p:last-child{margin-bottom:0px;}
.form-control:focus{box-shadow:0 0 0 0rem rgba(47,203,75,.25);}
.row:before, .row:after {display:none !important;}

h1, h2, h3, h4, h5, h6{font-family:var(--HeadingFont ); color: var(--BodyTxtClr); margin-bottom:20px; font-weight:700;}

h1{font-size:var(--HeadingOne);}
h2{font-size:var(--HeadingTwo);}
h3{font-size:var(--HeadingThree);}
h4{font-size:var(--HeadingFour);}
h5{font-size:var(--HeadingFive);}


/*Typekit END*/
.container{max-width:1250px;}
html{font-size:100%;}

.full-width{grid-column: 1 / -1;}

.btn-primary{background-color:var(--PrimaryClr); color:var(--WhiteClr); font-family:var(--HeadingFont); font-weight:500; padding:10px 40px; font-size:1.1rem; border-radius:6px; transition:all 0.3s ease;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{background-color:var(--BodyTxtClr)}


/* Header Overlay */
.header-overlay #MDSHeader{position: absolute; top: 0; left: 0; width: 100%; z-index: 1;}
.header-overlay #MDSHeader .logo-image img{filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(255%) contrast(255%);}

.header-overlay .toggle-menu span:before, 
.header-overlay .toggle-menu span:after,
.header-overlay .toggle-menu span{background-color: var(--WhiteClr);}
.header-overlay .toggle-menu.active span{background-color: transparent;}





}

@media all and (max-width:1600px){

}


@media all and (max-width:767px){
    :root{
      --gap-margins       :1rem;
      --HeadingOne        : 2.688rem;  /* 86px */
      --HeadingTwo        : 2.625rem;  /* 55px */
      --HeadingThree      : 2rem;   /* 48px  */

    }
    
}