body {
  --primary-color: #dd161b;
  --primary-color-dark: #a81014;
  --secondary-color: #0e4482;
  --muted-color: #f2f2f2;
  --title-inverse: #fff;
  font-family: 'Open Sans', Arial, sans-serif;
}

a {
    color: var(--primary-color);
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    color: var(--primary-color-dark);
    text-decoration: none;
}

.uk-button-primary, .uk-card-primary {
	background: var(--primary-color);
}

.uk-button-secondary, .uk-card-secondary {
	background: var(--secondary-color);
}

.uk-text-primary {
  color: var(--primary-color)!important;
}

.uk-text-secondary {
  color: var(--secondary-color)!important;
}

.cart-count {
    position: relative;
    top: -6px;
    left: -16px;
    background: var(--primary-color);
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    padding: 2px 4px 2px 4px;
    font-weight: bold;
}

.header .mycart {
	margin-top: 5px!important;
}

.uk-divider-small::after {
    border-top: 3px solid var(--primary-color);
}

.tab-description .uk-subnav-pill {
  margin-bottom: 0;
}

.tab-description .uk-subnav-pill a {
  padding: 15px 25px!important;
  border: 1px solid #e5e5e5;
}

.tab-description .uk-subnav-pill .uk-active  a {
  background: var(--primary-color);
  border: 1px solid var(--secondary-color);
  color: #fff;
}

.tab-description .uk-subnav-pill > * + * {
  padding-left: 0 !important;
}

.uk-switcher {
    padding: 30px;
    border: 1px solid #e5e5e5;
    border-top: 0;
    margin-top: 0 !important;
}





.uk-notification-message-success {
    background-color: #28a745;
    color: white;
}

.loading {
  border: 4px solid rgba(0, 0, 0, .1);
  border-left-color: transparent;
  border-radius: 50%;
}

.loading {
  border: 4px solid rgba(0, 0, 0, .1);
  border-left-color: transparent;
  width: 36px;
  height: 36px;
}

.loading {
  border: 4px solid rgba(0, 0, 0, .1);
  border-left-color: transparent;
  margin: 0 auto;
  width: 36px;
  height: 36px;
  animation: spin89345 1s linear infinite;
}

@keyframes spin89345 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


.banner-top {
    width: 100%;
    height: 400px;
    background-position: center;
    background-clip: border-box;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
.banner-top iframe {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
}
.banner-top h1 {
    color: #fff;
    font-size: 86px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.banner-top span {
    color: #fff;
    font-size: 38px;
    text-align: center;
    display: block;
    margin-top: 0px;
    text-transform: uppercase;
}


.footer {
    background: var(--secondary-color);
    color: #fff;
    padding: 50px 0;
    width: 100%;
}
.footer-row {
    width: 70%;
    margin: 0 auto;
}
.footer-bottom {
    background: #FFF;
    color: #000;
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
    margin-top: 15px;
    text-align: center;
    display: block;
}
.footer p {
    color: #fff;
    font-size: 16px;
}

h2 {
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 42px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

h3 {
    font-size: 29px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

h4 {
    color: var(--text);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 27px;
    text-transform: uppercase;
}

/*** ***/

.uk-padding-large {
    padding-top: 100px;
    padding-bottom: 100px;
}

span[uk-icon="check"] {
    color: var(--primary-color);
}

span[uk-icon="check"] svg {
    width: 25px;
}

.cart-remove-item svg {
    stroke: #005258;
}
.cart-remove-item:hover svg {
    stroke: #003a40;
}

h2 {
    color: var(--subtitle);
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: uppercase;
}

h3 {
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    color: var(--subtitle);
    background-image: none;
}

/*** ***/


/*** HOMEPAGE ***/

.banner-top-vid h1 {
    font-size: 86px!important;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.banner-top-vid h3 {
    color: #fff!important;
    font-size: 38px!important;
    font-weight: 400!important;
    letter-spacing: 0px;
}

.uk-button {
    border-radius: 25px;
    font-size: 19px;
    letter-spacing: 0px;
    line-height: 40px;
    text-align: center;
    text-transform: none;
}

.redirect-partners {
    text-align: center;
}

.redirect-partners i.uk-icon {
    font-size: 48px;
    color: #fff;
    background-color: var(--primary-color);
    padding: 15px;
    border-radius: 50%;
}

.redirect-partners i.uk-icon svg {
    width: 48px;
    height: 48px;
}

.redirect-partners h3 {
    color: var(--subtitle);
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.redirect-partners h6 {
    font-weight: 300;
    text-transform: none;
    font-size: 29px;
    line-height: 35px;
    margin-top: 0;
}

.parralax-home h3 {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--title-inverse);
    font-size: 42px;
}

.parralax-home span {
    font-weight: 400;
    color: var(--title-inverse);
    text-transform: uppercase;
    font-size: 29px;
}

.home-about h4 {
    color: var(--text);
    font-size: 29px;
    font-weight: 700;
    letter-spacing: 0px;
    text-decoration: none;
    text-transform: none;
    margin-top: 0;
}

.home-about {
    text-align: center;
}

.home-count {
    text-align: center;
}

.home-count {
    color: var(--subtitle);
    font-size: 58px;
    font-weight: 900;
    letter-spacing: 0px;
}

.home-count span {
    font-weight: 400;
    font-size: 19px;
}

.home-spinoff {
    text-align: center;
}

/*** END HOMEPAGE ***/

/*** GESVAL PAGE ***/

.gesval-intro h3 {
    color: var(--title);
    font-size: 29px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 35px;
    text-transform: uppercase;
    margin-top: 0;
}

.gesval-admin h3 {
    color: #fff;
}

.gesval-admin {
    color: #fff;
    text-align: center;
}

.gesval-admin img {
    width: 200px!important;
}

.gesval-admin strong {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 27px;
    text-transform: uppercase;
}

/*** END GESVAL PAGE ***/

/*** CHERCHEURS ***/

.chercheurs-intro h3 {
    color: var(--title);
    font-size: 29px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 35px;
    text-transform: uppercase;
    margin-top: 0;
}

.chercheurs-benefits h3 {
    color: var(--title);
    font-size: 29px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 35px;
    text-transform: uppercase;
    margin-top: 0;
}

/*** END CHERCHEURS ***/

/*** HEADER / FOOTER ***/

.footer img {
    object-fit: contain!important;
}

/*** END HEADER / FOOTER ***/


/*** RESPONSIVE ***/

@media (max-width: 650px) {
.banner-top h1, .banner-top-vid h1 {
   font-size: 40px!important; 
}

.banner-top-vid h3, .banner-top span {
    font-size: 25px!important;
}
}


/*** END RESPONSIVE ***/

/* Magnytour */
.magny-topbar {
    background: var(--secondary-color);
    color: #fff;
    padding: 6px 0;
    font-size: 0.875rem;
}

.magny-topbar a {
    color: #fff;
}

.magny-hero {
    background: linear-gradient(135deg, #f8f9fb 0%, #e8eef5 100%);
    padding: 60px 0;
}

.magny-kicker {
    color: var(--primary-color);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.magny-hero-title {
    font-size: 3.5rem;
    line-height: 1.1;
    color: var(--secondary-color);
    font-weight: 700;
}

.magny-hero-bike {
    max-width: 100%;
    height: auto;
    max-height: 380px;
}

.magny-footer {
    background: var(--secondary-color);
}

.magny-footer a:hover {
    color: #fff;
    opacity: 0.85;
}

.magny-footer-bottom {
    background: #0a3568;
    color: #fff;
    font-size: 0.875rem;
}

.magny-footer-bottom a {
    color: #fff;
}

.magny-nav > li > a {
    color: var(--secondary-color);
    font-weight: 600;
}

.magny-nav > li > a:hover {
    color: var(--primary-color);
}

.tm-header {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.uk-section-primary {
    background: var(--primary-color) !important;
}