/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/*
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{-ms-text-size-adjust:100%;}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
*/

/* ------------header.css------------- */
header{
  background-color: #FFF;
  position: fixed;
  width:100%;
  z-index: 3;
  /* height:15vh; */
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}

.secondary-logo{
  position: absolute;
  padding: 2%;
}

.spar-logo img{
  padding: 11px;

}

.nav-container{
  padding: 17px;
}

.nav-links{
  font-size: 1.5rem;
  font-weight: 400;
  text-align: right;
  margin-right: 66px;
  position: absolute;
  right: 0;
  z-index: 999;
  top: 0;
  margin-top: 3%;
}

.nav-links a {
  margin-right: 35px;
  text-decoration: none;
  color:#000!important;
}

.cd-nav-trigger:hover{
  background-color: #001c85;
   border: none;
}

/* //FLEX */

.flex-nav-row{
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}


/* //HAMBURGER SLIDE */
.navigation-is-open main {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.navigation-is-open header {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}


.cd-nav-trigger {
  position: fixed;
  z-index: 3;
  padding: 25px;
  background-color: #E05702;
  margin-right: 30px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s,-webkit-transform .5s;
  /* float: right; */
  right: 0;
  top: 0;
  margin-top: 2%;
  border: none;
}
.cd-nav-trigger .cd-nav-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 22px;
  height: 2px;
  background-color: #ffffff;
   border: none;
}
.cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
  -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
  transition: transform 0.5s, width 0.5s, top 0.3s;
}

.cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}

.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
  top: 2px;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
  top: -2px;
}
.cd-nav-trigger svg {
  position: absolute;
  top: 0;
  left: 0;
}
.cd-nav-trigger circle {
  /* circle border animation */
  -webkit-transition: stroke-dashoffset 0.4s 0s;
  -moz-transition: stroke-dashoffset 0.4s 0s;
  transition: stroke-dashoffset 0.4s 0s;
}
.navigation-is-open .cd-nav-trigger {
  /* rotate trigger when navigation becomes visible */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  background-color: #001c85;

}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  /* animate arrow --> from hamburger to arrow */
  width: 50%;
  margin-right:11px;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s;
  -moz-transition: -moz-transform 0.5s, width 0.5s;
  transition: transform 0.5s, width 0.5s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
  top: 0;
}

.navigation-is-open .cd-nav-trigger div {
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 0.4s 0.3s;
  -moz-transition: stroke-dashoffset 0.4s 0.3s;
  transition: stroke-dashoffset 0.4s 0.3s;
}

.cd-nav {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #7f7f7f;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.7s;
  -moz-transition: visibility 0s 0.7s;
  transition: visibility 0s 0.7s;
}
.cd-nav .cd-navigation-wrapper {
  /* all navigation content */
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 10%;
  overflow:hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.navigation-is-open .cd-nav {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}

.cd-nav .cd-primary-nav {
  margin-top: 60px;
}
.cd-nav .cd-primary-nav li {
  margin: 1.6em 0;
}
.cd-nav .cd-primary-nav a {
  font-family: "Merriweather", serif;
  font-size: 2.4rem;
  color: rgba(255, 255, 255, 0.3);
  display: inline-block;
}
.cd-nav .cd-primary-nav a.selected {
  color: #ffffff;
}
.no-touch .cd-nav .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-nav .cd-contact-info {
  margin-top: 80px;
}
.cd-nav .cd-contact-info li {
  font-family: "Merriweather", serif;
  margin-bottom: 1.5em;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.3);
}
.cd-nav .cd-contact-info a {
  color: #ffffff;
}
.cd-nav .cd-contact-info span {
  display: block;
}
.cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span {
  font-size: 1.6rem;
}
@media only screen and (min-width: 1170px) {
  .cd-nav .cd-navigation-wrapper {
     /* padding: 62px 20%; */
  }
  .cd-nav .cd-navigation-wrapper::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-nav .cd-half-block {
    width: 50%;
    float: left;
  }
  .cd-nav .cd-primary-nav {
    margin-top: 0;
  }
  .cd-nav h2 {
    font-size: 1.5rem;
    margin-bottom: 5.6em;
  }
  .cd-nav .cd-primary-nav li {
    margin: 2em 0;
  }
  .cd-nav .cd-primary-nav a {
    font-size: 4.4rem;
  }
  .cd-nav .cd-contact-info {
    margin-top: 120px;
    text-align: right;
  }
  .cd-nav .cd-contact-info li {
    margin-bottom: 2.4em;
  }
  .cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span {
    font-size: 2rem;
  }
}

.no-js main, header {
  overflow: visible;
}

.no-js .cd-nav {
  position: static;
  visibility: visible;
}
.no-js .cd-nav .cd-navigation-wrapper {
  height: auto;
  overflow: visible;
  /*  padding: 100px 5%; */
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}


/* -------------------page.css--------- */
html {
    -ms-text-size-adjust: 100%;
}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body, html {
  /* prevent horizontal scrolling */
  overflow-x: hidden;
  background-color: #FFF;
}
 /* .font_head{font-family: 'Nunito Sans', sans-serif !important;} */
body{
  font-family:'Nunito Sans', sans-serif ;
  /* font-weight:400; */
  color: #000;
  /* line-height: 1.6rem; */
  background-color: #FFF;
}

.main{
  padding-right:0px;
  padding-left:0px;
  background-color: #FFF;
}

main{
  position: relative;
  z-index: 2;
  /* fix bug on iOS */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}

h1{
  color: #000;
  font-size:2.5rem;
  font-weight:900;
  text-transform: uppercase;
  line-height: 3.5rem;
}

h2{
  color:#000;
  font-size:1.8rem;
  font-weight:400;
  text-transform: uppercase;
}


h4{
  color:#000;
  font-size:1.5rem;
  font-weight:400;
  text-transform: uppercase;
}

h5{
  color:#000;
  font-size:1.5rem;
  font-weight:400;
  padding-bottom: 20px;
  line-height:1.5rem;
}

a:active{

  font-weight:700;
  font-size:1rem;
  color: $spar-orange;

}

a{

font-weight:700;

font-size: 1rem;

color: $spar-gray;
}

p.secondary-text{
  font-size: 1.3rem;
  padding-bottom:20px;
}

span.uppercase-text{
  text-transform: uppercase;
}

.hide-break{
  display: none;
}

ul.secondary-nav{
  list-style: none;
  column-count: 2;
  text-align: center;
  position: relative;
  top:50%;
  /* transform: translateY(-50%); */
  width:100%;
  padding-left:0px;
}

ul.secondary-nav li{
  padding:20px;
}

.secondary-nav a{
  font-size:1.5rem;
}

.flex-row{
  display: flex;
  align-items: left;
  justify-content: left;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 5%;
  padding-bottom: 5%;
  padding-left:4%;
  padding-right:2%;
}

.flex-inner-sidebar{
  flex: 0 1 35%;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.flex-inner-rightbar{
  flex: 0 1 65%;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

ul.two-col {
  list-style: none;
  column-count: 2;
  padding-left:0px
}

a.orange-link {
  color: $spar-orange;
  text-decoration:none;
}


/* //PAGE HEADER */

.page-header{
  margin-top:15vh;
  height:45vh;
  position: relative;
  padding:4%;

}

.page-header-mobile{
  margin-top:15vh;
  height:45vh;
  position: relative;
  padding:4%;
  display: none;

}

.page-header-title{
  position: absolute;
  bottom:0;
  margin: 0 auto;
  padding-bottom: 15px;
}

.sidebar-primary .main {
  -webkit-box-flex: 0;
  flex: 0 0 0;
  max-width: 100%;
}

/* //BX SLIDER */

.bx-wrapper{
  border:none;
  box-shadow: none;
  background-color: transparent;
}

/* ----------------- */
a.inner-anchor-hover {
    box-sizing: border-box;
    color: #000;
    text-decoration: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg,#e05702,#e05702 50%,#000 0);
    background-size: 200% 100%;
    background-position: 100%;
}

.nav-links a {
    margin-right: 40px;
    text-decoration: none;
    color: #000!important;
}

a.inner-anchor-hover:hover {
    transition: all .5s cubic-bezier(0,0,.23,1);
    background-position: 0;
}

a.inner-anchor-hover-white:hover {
    transition: all .5s cubic-bezier(0,0,.23,1);
    background-position: 0;
}

.country-info a:hover, a:visited {
    color: #7f7f7f;
    text-decoration: none;
}
 
a.inner-anchor-hover-white {
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg,#001c85,#001c85 50%,#fff 0);
    background-size: 200% 100%;
    background-position: 100%;
}
 
 
 
.footer-links a {
    margin-right: 20px;
    text-decoration: none;
}
 
a:focus, a:hover {
    color: #014c8c;
    text-decoration: underline;
}
 
a:active, a:hover {
    outline-width: 0;
}
 
.inner-underline-hover-white {
    display: inline-block;
    color: #001c85;
    text-decoration: none;
}



/* -------------footer-------------- */

.first-top-row{
  background-color: #5e5d5d;
   width:97%; 
  padding-bottom: 15px;
}
 

.first-row{
  background-color: #888888;
  width:97%; 
  padding-bottom: 15px;
}

.second-row{
  background-color: #FFF;
  width:97%;
  padding-top:20px;
}

.social-links{
  padding-left:11px;
  color:#FFF;
  text-transform: uppercase;
  font-size: 1rem;
  font-family:$font-primary;

}

.footer-links{
  font-size: 1.5rem;
  text-align: right;
  position: relative;
  z-index: 1;
  float: right;
  margin-top: 2%;
  //margin-right: 2%;

}

.footer-links a{
  margin-right:20px;
  text-decoration:none;
}

.social-links i{
  padding: 10px;
  font-size: 22px;
}

.spar-footer img {
  padding: 11px;
  margin-top: 1%;
  width: 10%;
}

.flex-footer{
  display: flex;
  align-items: left;
  justify-content: left;
  flex-direction: row;
  flex-wrap: wrap;
  width:100%;
  /* padding-bottom:10px; */
}

.flex-footer-left{
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  -ms-flex-pack: left;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #FFF;
  //padding-left: 2%;
}

.flex-footer-right{
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  -ms-flex-pack: right;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: right;
  background-color: #FFF;
}

.mobile-footer-btn{
  display: none;
  margin-top:20px;
  margin-bottom: 20px;
}

.tablet-footer-btn{
  position: absolute;
  right: 0;
  margin-top: 2%;
  margin-right: 3%;
  display: none;
}

a.social-hover, a.social-hover:visited{
  color:#FFF;
}

a.social-hover:hover{
  color: #001c85;
}

 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   
  a.inner-anchor-hover {
    color: #000;
    text-decoration: none !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000000!important;
    background-image: none!important;
    background-size: 200% 100%;
    background-position: 100%;
  }

  a.inner-anchor-hover-white {
    color: #FFF;
    text-decoration: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #FFFFFF!important;
    background-image: none!important;
    background-size: 200% 100%;
    background-position: 100%;
  }

  a.inner-anchor-hover-grey {
    color: #e05702;
    text-decoration: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #7f7f7f!important;
    background-image:none!important;
  }

  a.inner-anchor-orange {
    color: #e05702;
    text-decoration: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: $spar-orange!important;
    background-image:none!important;
  }

  a.form-hover {
    color: #040404;
    text-decoration: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #7f7f7f!important;
    background-image: none!important;
    text-transform:uppercase;
  }

 }
 

/*# sourceMappingURL=main.css.map */
@media (max-height: 638px){
.secondary-logo {display: none !important;}
}

@media (max-width: 1150px) {

  .nav-links{
    display: none;
  }
}

@media (max-width: 1220px) {
  .footer-links{
    display: none;
  }

  .tablet-footer-btn {
    display: inline-block;
  }

}
@media (max-width: 480px)
{
.tablet-footer-btn {
    display: none;
}
}


@media (max-width: 480px )
{
.tablet-footer-btn {
    display: none;
}
}
@media (max-width: 1024px)
{
header {
    height: 111px;
}
}

@media (max-width: 767px){

.secondary-logo {
    display: none;
}
}

.btn-color-changed:hover { background-color: #98b1e7 !important;}
.btn-color-changed.focus, .btn-color-changed:focus { box-shadow: 0 0 0 0.1rem rgba(102, 206, 247, 0.438) !important; }

.card-custom-width
{
    max-width: 790px;
}

@media only screen and (max-width: 990px) {
.card-custom-width
{
   max-width: 530px;
}
}