body {font-family: 'Baton Turbo Regular'; text-rendering: optimizeLegibility; line-height:1.2;}

.bold, b, strong {font-family: 'Baton Turbo Bold';}
h1, h2, h3, h4, h5 {font-family: 'Baton Turbo Bold'; line-height:1; margin-bottom:1rem;}
h1 {font-size:3.8rem;}
h2 {font-size:3rem;}
h3 {font-size:2rem;}
h4 {font-size:1.7rem;}
h5 {font-size:1.4rem;}

.t25, .t25 p {font-size:1.7rem;}
.t16 {font-size:1.1rem;}
.t15 {font-size:1rem;}

p {font-size:1.1rem;}

a, a:hover {color:#000;}

.white {color:#ffffff;}
.bggreen {background:rgba(223,228,0,1); color:#000;}
.bggreen a {color:#000;}
.bggreen-a {background:rgba(223,228,0,1)}
.bggreen-b {background:rgba(223,228,0,.40)}
.bggreen-c {background:rgba(223,228,0,.23)}
.bggreen-d {background:rgba(223,228,0,.10)}

.text-green-a {color:rgba(223,228,0,1)}
.text-green-b {color:rgba(223,228,0,.40)}
.text-green-c {color:rgba(223,228,0,.23)}
.text-green-d {color:rgba(223,228,0,.10)}



.bgblack {background:#000; color:#fff;}
.bggrey {background:rgba(225,225,206,1); color:#000; background-image:url('../img/vector/motor_asset2.svg'); background-position:bottom right; background-repeat:no-repeat; background-size:46%;}

.bg-img {background-position:center center; background-size:cover;}



.eas {position:absolute; right:0; bottom:4rem; width:20rem;}
.eas_footer {text-align:center; padding:3rem; max-width:18rem;}
.norway_footer {text-align:center; padding:1rem; max-width:13rem;}
.elixir {color:#2c2c2c; text-decoration:none; font-size:.7em;}
.elixir:hover {color:#2c2c2c; text-decoration:underline; }

/* Motor menu & animations */
.motor-desktop-menu {font-family: 'Baton Turbo Bold'; font-size:1.5rem;}
.submenu-links {z-index:2; }
.submenu-links a{font-size: 1.2rem; color:#000; text-decoration:none; font-family: 'Baton Turbo Regular'; padding-top:2px;}
.submenu-links a:hover {font-family: 'Baton Turbo Bold';}
.submenu-links a.active {font-family: 'Baton Turbo Bold'; color:rgba(0,0,0,1);}
.scroller {overflow-x:auto;}

.submenu-links a::before {display:block; font-family: 'Baton Turbo Bold'; content:attr(data-text); content:attr(data-text)/""; height:0; visibility:hidden; overflow:hidden; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; pointer-events:none;}

.dropdown-item:focus, .dropdown-item:hover, .dropdown-item:active {background:none;}

a.transition {
  padding: 0.6em 0;
  color: rgba(0, 0, 0, 1);
  position: relative;
  text-decoration: none;
  z-index:10;
  font-family: 'Baton Turbo Bold'; 
}
a.transition:before,
a.transition:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
a.transition:before {
  bottom: 30%;
  display: block;
  height: 10px;
  width: 0%;
  content: "";
  background-color: rgba(223,228,0,1);
  z-index:-2;
  left:-5%;
}

a.transition:hover:before,
a.transition.active:before {
  opacity: 1;
  width: 110%;
}

/* ul lists and its links */

.t25 ul li a {text-decoration:none; position:relative;}
.t25 ul li a:before {
	position:absolute;
    bottom: 2px;
    display: block;
    height: 10px;
    width: 0%;
    content: "";
    background-color: rgba(223,228,0,1);
    z-index: -2;
	width:100%;
}


.superscript {position:absolute; top: 0; right: 0.1rem; font-size: 0.8rem;}
.superscript-long  {right:-0.4rem;}

/* project */
.text-limiter {max-width:880px;}

.leader-image {min-height:475px; background-position:center center; background-size:cover;}
.ratio-motor-lead {
    --bs-aspect-ratio: 25%;
}


#motor-project-desc h4 {margin-bottom:0.5rem ;}

/* main slider carousel */
.carousel-indicators {margin-bottom:-2.5rem; }
.carousel-indicators [data-bs-target] { 
	height: 14px;
	width:21px;
	border:none;
	background-repeat:no-repeat; 
	opacity:1;
}

.project-carousel .carousel-indicators [data-bs-target] {background-image:url('../img/vector/motor_mumm_reverse.svg'); background-color:#000;}
.project-carousel .carousel-indicators .active {background-image:url('../img/vector/motor_mumm_black_reverse.svg');}
.project-carousel .carousel-control-next, .project-carousel .carousel-control-prev {opacity:1;}
.project-carousel .carousel-control-next-icon {background-image:url('../img/vector/motor_arrow_reverse.svg'); position: absolute; bottom: -3rem;}
.project-carousel .carousel-control-next-icon:hover {background-image:url('../img/vector/motor_arrow_black_reverse.svg');}
.project-carousel .carousel-control-prev-icon {background-image:url('../img/vector/motor_arrow_reverse.svg'); position: absolute; bottom: -3rem; 
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);}
.project-carousel .carousel-control-prev-icon:hover {background-image:url('../img/vector/motor_arrow_black_reverse.svg');}
.project-carousel.carousel-fade .carousel-item {transition: opacity ease-in-out .6s}

/* content carousel */
.motor-carousel .carousel-indicators [data-bs-target] {background-image:url('../img/vector/motor_mumm.svg');}
.motor-carousel .carousel-indicators .active {background-image:url('../img/vector/motor_mumm_black.svg');}

/* works page */
.motor-grid-bg {background-size:cover; position: relative; overflow:hidden;}

.motor-overlay {
  opacity:0; 
  transform: skewX(-10deg);
  transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
  width: 100%;
  height:100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.motor-overlay-title {display:none;}
.motor-grid-bg:hover .motor-overlay, .person-active .motor-overlay {background-color:rgba(223,228,0,1) !important; transform: skewX(0deg); opacity: 1; }
.motor-grid-bg:hover .motor-overlay-title, .person-active .motor-overlay-title {display:block; position:absolute; top:50%; left: 10%; right: 10%; transform: translate(0, -50%); color:#000; transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;}


.more-work {border-top:0.4rem solid rgba(223,228,0,1);}

/* Banner block */


.motor-banner-black a {color:#fff;}

.big-img-btn .motor-Arrow, .img-btn .motor-Arrow {background-image:url('../img/vector/motor_arrow.svg');}
.big-img-btn:hover .motor-Arrow, .img-btn:hover .motor-Arrow {background-image:url('../img/vector/motor_arrow_black.svg');}
.big-img-btn .motor-Plane, .img-btn .motor-Plane {background-image:url('../img/vector/motor_plane.svg');}
.big-img-btn:hover .motor-Plane, .img-btn:hover .motor-Plane {background-image:url('../img/vector/motor_plane_black.svg');}
.big-img-btn .motor-Plus, .img-btn .motor-Plus {background-image:url('../img/vector/motor_plus.svg');}
.big-img-btn:hover .motor-Plus, .img-btn:hover .motor-Plus {background-image:url('../img/vector/motor_plus_black.svg');}
.big-img-btn .motor-Plus-Simple, .img-btn .motor-Plus-Simple {background-image:url('../img/vector/motor_plus.svg');}
.big-img-btn:hover .motor-Plus-Simple, .img-btn:hover .motor-Plus-Simple {background-image:url('../img/vector/motor_plus_inverse.svg');}
.big-img-btn .motor-Download, .img-btn .motor-Download {background-image:url('../img/vector/motor_download.svg');}
.big-img-btn:hover .motor-Download, .img-btn:hover .motor-Download {background-image:url('../img/vector/motor_download_inverse.svg');}
.big-img-btn .motor-Video, .img-btn .motor-Video {background-image:url('../img/vector/motor_video.svg');}
.big-img-btn:hover .motor-Video, .img-btn:hover .motor-Video {background-image:url('../img/vector/motor_video_inverse.svg');}

#topvideobutton .motor-top-video-img {background-image:url('../img/vector/motor_video_yellow.svg'); background-size:cover; height:4rem; width:4rem; opacity:0.5;}
#topvideobutton:hover .motor-top-video-img {background-image:url('../img/vector/motor_video_yellow.svg'); background-size:cover; height:4rem; width:4rem; opacity:1;}


.motor-banner-black .big-img-btn .motor-Arrow, .motor-banner-black .img-btn .motor-Arrow {background-image:url('../img/vector/white_arrow.svg');}
.motor-banner-black .big-img-btn:hover .motor-Arrow, .motor-banner-black .img-btn:hover .motor-Arrow {background-image:url('../img/vector/white_arrow_fill.svg');}
.motor-banner-black .big-img-btn .motor-Plane, .motor-banner-black .img-btn .motor-Plane {background-image:url('../img/vector/white_plane.svg');}
.motor-banner-black .big-img-btn:hover .motor-Plane, .motor-banner-black .img-btn:hover .motor-Plane {background-image:url('../img/vector/white_plane_fill.svg');}
.motor-banner-black .big-img-btn .motor-Plus, .motor-banner-black .img-btn .motor-Plus {background-image:url('../img/vector/white_plus.svg');}
.motor-banner-black .big-img-btn:hover .motor-Plus, .motor-banner-black .img-btn:hover .motor-Plus {background-image:url('../img/vector/white_plus_fill.svg');}


/* buttons */
.btn:focus { box-shadow: 0 0 0 0.25rem rgba(223,228,0,.20); }
.img-btn {font-size:1.7rem; text-decoration:none;}
.img-btn-img {width:2.5rem; height:2.5rem; display:inline-block; margin-right:1.7rem;}

.big-img-btn {font-size:2.5rem; text-decoration:none; white-space: nowrap!important;}
.big-img-btn-img {width:3rem; height:3rem; display:inline-block; margin-left:2rem;}

.small-img-btn {font-size:1rem; text-decoration:none; }
.small-img-btn-img {width:1.25rem; height:1.25rem; display:inline-block; margin-left:0.4rem; background-repeat:no-repeat; background-position:center;}

.btn-presentation { color:#fff); border:2px solid #000; padding:0.3rem 0.8rem; border-radius:1rem;}
.btn-presentation:hover {background-color:#000; color:#fff; }

.img-btn.collapsed .motor-plus {background-image:url('../img/vector/motor_plus.svg');}
.img-btn.collapsed:hover .motor-plus {background-image:url('../img/vector/motor_plus_black.svg');}
.img-btn .motor-plus {background-image:url('../img/vector/motor_close.svg');}
.img-btn:hover .motor-plus {background-image:url('../img/vector/motor_close_black.svg');}

.btn-outline {text-transform:uppercase; font-family: 'Baton Turbo Bold'; border:2px solid #000; border-radius:0;}
.btn-outline:hover, .btn-outline.active{background:#000; color:#fff;}

.motor-scrolldown {
	background-image:url('../img/vector/motor_arrow_reverse.svg');
	-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
	background-repeat:no-repeat;
	width:50px;
	height:50px;
}
.motor-scrolldown:hover {
	background:url('../img/vector/motor_arrow_black_reverse.svg');
	  -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);}
}

/* footer */
.motor-footer {font-size:1.1rem;}
.sm-icon {width:35px; height:35px; display:inline-block;}
.motor-linkedin {background-image:url('../img/vector/motor_linkedin.svg');}
.motor-linkedin:hover {background-image:url('../img/vector/motor_linkedin_black.svg');}
.motor-fb {background-image:url('../img/vector/motor_fb.svg');}
.motor-fb:hover {background-image:url('../img/vector/motor_fb_black.svg');}
.motor-icon-link {background-image:url('../img/vector/motor_icon_link.svg'); background-repeat:no-repeat;}
.motor-icon-link:hover {background-image:url('../img/vector/motor_icon_link_black.svg');}
.motor-footer p {margin-bottom:0;}

/* modal */
.modal-body {background:#000; overflow-y:hidden !important; }
.modal-header {border-bottom:0; background:#000; height:6rem; }
.modal-content {background:#000;}
.modal-footer {border-top:0; background:#000;}
.modal-close {padding-right:2rem; padding-top:1rem; width:100%; text-align:right; cursor:pointer; font-weight:600;}
.motor-modal-close {width:6rem; height:6rem; background: rgb(0,0,0); background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
border-bottom:2.5px solid #fff; border-left:2.5px solid #fff; position:absolute; top:0; right:0; cursor:pointer;}
.motor-modal-close-inner {position:absolute; bottom:0; margin:1rem; height:1.625rem; width:1.625rem; background-image:url('../img/vector/motor_close_white.svg'); background-repeat:no-repeat;}
.motor-modal-close:hover {background:#fff;}
.motor-modal-close:hover .motor-modal-close-inner {background-image:url('../img/vector/motor_close_white_inverse.svg');}
.motor-video-height-limiter {max-height:98%;}




.project-carousel .carousel-item img, .project-carousel .carousel-item .ratio {
    margin-left:auto; margin-right:auto; max-height:80vh;
}

/* presentation module */
.presentation-card { }
.presentation-card-image {width: 100%; height:100%; position: absolute; right: 0.75rem;}
.presentation-card-image-left {left:0.75rem;}
.element {border:0px solid grey;  }


/* feedback carousel */
.motor-feedback-carousel {border:2px solid rgba(223,228,0,1); }
.motor-feedback-carousel-icon {height:2.375rem; width:2.375rem;}
.motor-feedback-carousel .carousel-control-next, .motor-feedback-carousel .carousel-control-prev {opacity:1;}
.motor-feedback-carousel-item {min-height:15rem; width:70%;}
.motor-feedback-carousel-quote {border-left:0.5rem solid rgba(223,228,0,1); padding-left:0.75rem; }
.motor-feedback-carousel .carousel-control-next {background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);}
.motor-feedback-carousel .carousel-control-prev {background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);}
.motor-feedback-carousel-icon-next {background-image:url('../img/vector/motor_arrow.svg'); width:2.5rem; height:2.5rem;}
.carousel-control-next:hover .motor-feedback-carousel-icon-next {background-image:url('../img/vector/motor_arrow_black.svg'); transition: all 0.3s ease;}
.motor-feedback-carousel-icon-prev {background-image:url('../img/vector/motor_arrow.svg'); width:2.5rem; height:2.5rem; transform: rotate(180deg);}
.carousel-control-prev:hover .motor-feedback-carousel-icon-prev {background-image:url('../img/vector/motor_arrow_black.svg'); transform: rotate(180deg); transition: all 0.3s ease;}

/* video program module */
.motor-video-text {z-index:2; color:#fff; transition: all 0.3s ease;}
.motor-grid-bg:hover .motor-video-text {color:#000;}
.motor-video-icon {background-image:url('../img/vector/motor_video_white.svg'); width:2.625rem; height:2.625rem; left: 0; right: 0; top:0; bottom: 0; z-index:2; transition: all 0.3s ease;}
.motor-grid-bg:hover .motor-video-icon {background-image:url('../img/vector/motor_video_black.svg')}
.motor-video-block-ratio-limiter {max-height:26rem;}

/* frontpage */
.motor-header {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow:hidden;
}

.motor-header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.motor-header .tihe {
  position: absolute;
  z-index: 2;
}

.logondus {z-index:3;}

.motor-display h1 {font-size:8rem; color:rgba(223,228,0,1);}

/* we adjust menu for frontpage */
.motor-header a.transition, .motor-header .submenu-links a {color:#fff;}
.motor-header a.transition:hover:before, .motor-header a.transition.active:before {width:0;}
.motor-header svg {fill:#ffffff;}

/* technical */
.pointer {cursor:pointer;}

.link-unstyled {
	text-decoration:none;
}

.object-fit-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1200px) {
	.ratio-motor-lead {
		--bs-aspect-ratio: 50%;
	}
}

@media (max-width: 992px) {
    .navbar-collapse {
        position: fixed;
        top: 0px;
        left: 100%;
        width: 100%;
        transition: all 0.3s ease;
        display: block;
		height:100vh;
		background-color:#d2d2d2; 
		color:#fff; 
		background-image:url('../img/vector/motor_asset_white2.svg'); 
		background-position:bottom left; 
		background-repeat:no-repeat; 
		background-size:120%;
		z-index:20;
    }
    .navbar-collapse.collapsing {
        height: auto !important;
        margin-right: 50%;
        transition: all 0.3s ease;
        display: block;
    }
    .navbar-collapse.show {
        left: 0;
    }
	
	.motor-menu .navbar-nav {position:absolute; left:30%;}
	.motor-menu .collapsing {height:100vh !important;}
	
	.navbar-collapse .nav-item {font-size:1.9rem; }
	.navbar-collapse .nav-item a {color:#fff; text-decoration:none;}
	
	.dropdown-menu {background: none; border:0; font-size:1.5rem;}
	.dropdown-menu .active {background:none; font-family: 'Baton Turbo Bold';} 
	.dropdown-toggle::after {display:none;}
	
	h1 {font-size:2.5rem;}
	h2 {font-size:2rem;}
	h3 {font-size:1.5rem;}
	.motor-display h1 {font-size:3rem; }
	.t25, .t25 p {font-size:1.2rem;}
	.big-img-btn {font-size:1.7rem;}
	.big-img-btn-img {width:2rem; height:2rem; margin-left:0.7rem;}
	.img-btn {font-size:1.1rem;}
	.img-btn-img {width:2rem; height:2rem; margin-right:1rem; }
	.small-img-btn {font-size:1rem;}
	
	.leader-image {min-height:300px; }
	
	.motor-works .overlay {display:none;}
	.bggrey {background-size:70%;}
	
	.ratio-motor-lead {
		--bs-aspect-ratio: 40%;
	}

}

@media (max-width: 768px) {
	.presentation-card-image {width: 100%; position:relative; height:12rem; right:0; left:0;}
	.motor-feedback-carousel .carousel-control-next, .motor-feedback-carousel .carousel-control-prev {opacity:0;}
	
	.ratio-motor-lead {
		--bs-aspect-ratio: 60%;
	}
}

@media (max-width: 576px) {
	.ratio-motor-lead {
		--bs-aspect-ratio: 100%;
	}
}