/* emak generic */

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
@import url("offcanvas.css");

*, ::before, ::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Rubik', sans-serif;
    background-color:#f1f1f1;
	font-display: swap;
}


.home-video {
    height: 100vh;
    position: relative;
}
video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-content {
    position: relative;
    /*padding-top: 150px;*/
    color: #fff;
    text-align: center;
}

.home-header { width:100%; border-bottom:1px solid rgba(59, 59, 59, .5); }
.home-header h1, .home-header h1 a { color:#BDBDBD; font-size:8pt; margin-top:0px; margin-bottom:0px; padding-top:3px; padding-bottom:3px; text-decoration:none; }

.header-menu {
	display:inline;list-style:none;margin:0px;padding:0px;cursor:pointer;
}

.header-menu-item {font-family: 'Questrial', sans-serif; font-weight:400; font-size:13pt; text-shadow:1px 1px 7px #2e2e2e; font-display: swap;  }

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 45px;
  height: 25px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #e31a22;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 9px;
}

#nav-icon1 span:nth-child(3) {
  top: 18px;
}

#nav-icon1.open span:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 9px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.header-menu-item a {
  position: relative;
  text-decoration:none;
  color:white;
}

.header-menu-item a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #e31a22;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
  }

.header-menu-item a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

.scroll-down-content{
	position:absolute;
	bottom:10px;
}

.blob {
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  margin: 10px;
  height: 60px;
  width: 60px;
  transform: scale(1);
  animation: pulse-red 1s infinite;
  text-align:center;
  cursor:pointer;
}

.blob.red {
  box-shadow: 0 0 0 0 rgba(227, 26, 34, 1);
  animation: pulse-red 1s infinite;
}

@keyframes pulse-red {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(227, 26, 34, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(227, 26, 34, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(227, 26, 34, 0);
  }
}

#scroll-down-arrow { cursor:pointer; }

.home-spot { position:relative; top:150px; font-family:'Rubik', sans-serif; font-display: swap; font-size:clamp(1.5rem, 2.5vw, 2.5rem); text-transform:uppercase; font-weight:600; text-shadow:1px 1px 5px #2e2e2e; }
.home-spot span { background-color:#e31a22; text-shadow:none; }
.home-spot img { opacity: 0.6; width:50px; }

@media screen and (orientation:landscape) { .home-spot { top:30px; } }

@media (min-width:1000px) { .home-spot { top:150px; } }

.carousel-default {  width:100%;height:500px;background-color:#e31a22; }
.carousel-arrow { font-size:25pt;color:#e31a22; cursor: pointer;  }

.efb {  height:184px; color:#ffffff; text-align:center; }
.efb div { font-size:25pt; width:100%; }

.titanium-spot { color:#e31a22; font-size:23pt; font-weight:400; }
.titanium-details { display:block; color:#afafaf; font-size:15pt; }
.titanium-details span { color:white; background-color:#e31a22; }
.titanium-link { display:block; color:#afafaf; letter-spacing:2px; font-size:10pt; margin-top:5px; }

.home-product-card { height:320px; }
.home-product-card a { color:#e31a22; text-decoration:none; }
.home-product-card a:hover { color:#e31a22; text-decoration:underline; }
.home-product-card img { display:block; }
.home-product-card span { display:block; text-transform:uppercase; font-size:10pt; font-weight:600; color:#e31a22; }
.home-product-card span.category { display:block; color:#919191; font-weight:200; font-size:8pt; text-transform:none; }

.facts-border-opacity-br {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    border-right: 1px solid rgba(255, 255, 255, .2);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.facts-border-opacity-b {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.facts-border-opacity-r {
    border-right: 1px solid rgba(255, 255, 255, .2);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

/* TODO: MERGE TO SINGLE CLASS */
#continue-reading-label { cursor:pointer; }
#show-less-reading-label { cursor:pointer; }



/* footer */

.master-footer { background-color:#2d2e2d; }
.img-grayscale {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.img-rotate180 {
  -webkit-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.border-rad{

    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;

    color: #fff;
    background-color: #e31a22;
    border-color: #e31a22;
}

.border-rad:hover{
    background-color: #3d3e3d;
	border-color:#3d3e3d;
}

.border-rad:active {
	background-color: #3d3e3d;
}

#button-addon2:active {
	background-color:#3d3e3d;
	border-color:#3d3e3d;
}

.subscribe-inp {
    display: block;
    width: 100%;
    min-height: calc(1.5em + .75rem + 2px);
    padding: .575rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 52px;
}

#subscribe-input-text { color:red; }


.footer-giant-menu li a { color:#d9d9d9; text-transform:uppercase; text-decoration:none; font-size:8pt; }
.footer-giant-menu li.first { font-weight:bold; color:#5e5e5e; float:left; width:150px; font-size:8pt; } 
.footer-giant-menu { padding:0px;margin:0px;list-style:none; }
.footer-giant-menu li { padding-top:0px; margin-top:0px; float:left !important; padding-right:1vw; display:flex; }
@media (max-width: 1200px) {
  .footer-giant-menu li {
      float: none !important;
  }
.footer-giant-menu li a { font-size:11pt; }
.footer-giant-menu li.first { font-size:11pt; } 
}

.maincolor { color:#e31a22; }

/* master-header */

.master-header { background-color:#2d2e2d; padding-bottom:15px; }
	.autohidex{
		position: fixed;
	    top: 0;
	    right: 0;
	    left: 0;
	    width: 100%;
	    z-index: 1030;
	}
.scrolled-down{
  transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
  transform:translateY(0); transition: all 0.3s ease-in-out;
}

/* about-us */
.main-timeline {
    position: relative;
  }
  
  /* The actual timeline (the vertical ruler) */
  .main-timeline::after {
    content: "";
    position: absolute;
    width: 6px;
    background-color:white;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
  }
  
  /* Container around content */
  .timeline {
    position: relative;
    background-color: inherit;
    width: 50%;
  }
  
  /* The circles on the timeline */
  .timeline::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    right: -13px;
    background-color: #ed462f;
    border: 5px solid #ed462f;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
    animation: pulse-black 1s infinite;
  }
  @keyframes pulse-black {
    0% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(237, 70, 47, 0.7);
    }
    
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(237, 70, 47, 0);
    }
    
    100% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(237, 70, 47, 0);
    }
  }

  .button-pulse-animation {
    animation: pulse-btn 1s infinite;
  }

  @keyframes pulse-btn {
    0% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(237, 70, 47, 0.7);
    }
    
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(237, 70, 47, 0);
    }
    
    100% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(237, 70, 47, 0);
    }
  }

  .button-pulse-animation-white {
    animation: pulse-btn-white 1s infinite;
  }

  @keyframes pulse-btn-white {
    0% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(166, 166, 166, 0.7);
    }
    
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(166, 166, 166, 0);
    }
    
    100% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(166, 166, 166, 0);
    }
  }
  
  /* Place the container to the left */
  .left {
    padding: 0px 40px 20px 0px;
    left: 0;
  }
  
  /* Place the container to the right */
  .right {
    padding: 0px 0px 20px 40px;
    left: 50%;
  }
  
  /* Add arrows to the left container (pointing right) */
  .left::before {
    content: " ";
    position: absolute;
    top: 18px;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
  }
  
  /* Add arrows to the right container (pointing left) */
  .right::before {
    content: " ";
    position: absolute;
    top: 18px;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }
  
  /* Fix the circle for containers on the right side */
  .right::after {
    left: -12px;
  }
  
  /* Media queries - Responsive timeline on screens less than 600px wide */
  @media screen and (max-width: 600px) {
    /* Place the timelime to the left */
    .main-timeline::after {
      left: 31px;
    }
  
    /* Full-width containers */
    .timeline {
      width: 100%;
      padding-left: 70px;
      padding-right: 25px;
    }
  
    /* Make sure that all arrows are pointing leftwards */
    .timeline::before {
      left: 60px;
      border: medium solid white;
      border-width: 10px 10px 10px 0;
      border-color: transparent white transparent transparent;
    }
  
    /* Make sure all circles are at the same spot */
    .left::after,
    .right::after {
      left: 18px;
    }
  
    .left::before {
      right: auto;
    }
  
    /* Make all right containers behave like the left ones */
    .right {
      left: 0%;
    }
  }

  .tl-override { border:0px; border-radius:20px; font-family: 'Rubik', sans-serif; font-display: swap; }

  #sub-page-left-menu { border-radius:16px; }
#sub-page-left-menu a { font-family: 'Rubik', sans-serif; text-transform: uppercase; font-display: swap; }
#sub-page-left-menu .list-group-item .list-group-item-action > .active, .list-group-item.active {
    background-color:#2b2a2a;
    border:1px solid #2b2a2a;
    font-weight:600;
    /*text-align:right;*/
}

.bg-emak-red { background-color:#e31a22; }
.text-emak-red { color:#e31a22; }

 .auto-resizable-iframe {
        max-width: 420px;
        margin: 0px auto;
      }
      
      .auto-resizable-iframe > div {
        position: relative;
        padding-bottom: 75%;
        height: 0px;
        
      }
      
      .auto-resizable-iframe iframe {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
      }

#address-container { font-family: 'Rubik', sans-serif; font-display: swap;  }
      #address-container th, td { font-size:9pt;  }
      #contact-form-container label { font-weight:600; color:#ed462f; }


.mmlink { 
	text-decoration:none;
	color:white;
}

.mmlink:hover {
	text-decoration:underline;
}

.card-title.fw-bold.emak-refining-text-color { color:#e31a22; }

/* old-emak */
.main-h-text { font-size:13pt; font-weight:bold; color:red; }
    .product-sub-img { outline:3px solid #8e8e8e; }

    .products-card-sub { box-shadow: 1px 1px 3px #d6d6d6;  }
    .products-card-sub:hover { box-shadow:none; cursor:pointer; color:#ed462f; text-decoration:underline; }
    .products-m-link-sub { color:#ed462f; text-decoration:none; }
    .products-m-link-sub:hover { color:#ed462f; text-decoration:underline; }

	.default-btn-override { padding:15px; font-family: 'Rubik', sans-serif; font-display: swap; font-weight:300; background-color:#e31a22; width:250px; border-radius:30px;  }
.white-btn-override { padding:15px; font-family: 'Rubik', sans-serif; font-display: swap; font-weight:300; background-color:white; width:250px; border-radius:30px; border:1px solid white; color:black; cursor:pointer;  }
.white-btn-override:hover { border:1px solid #a6a6a6; background-color:white; color:#e62f25; }

.quote-gen-link { text-decoration:none; color:white; }

.sf-heading-ii { font-size:11pt; font-weight:bold; }
.sf-heading-iii { font-size:10pt; font-weight:bold; }

.grecaptcha-badge { visibility: hidden; }
.wfli, .wfli a { color:#6c757d; font-size:6pt;letter-spacing:-0.5px; } /* google privacy policy */
.policy-text { font-size:10pt; }

#moveToTop { cursor:pointer; width:40px;height:100%;background-color:#3d3e3d;font-size:15pt; }
#moveToTop:hover {     background-color: #e31a22;
    -webkit-transition: background-color 750ms ease-in-out;
    -ms-transition: background-color 750ms ease-in-out;
    transition: background-color 750ms ease-in-out; }

.subscribe-inp:focus {
    color: white;
    background-color: white;
	
outline: solid 2px #e31a22;
outline-offset: -2px;

	/*border:1px solid #e31a22;*/
    box-shadow: none;
   /* transition: background-color 750ms ease-in-out; */
}

		.cookieWarning { width:100%; font-size:7pt; color:#d1d1d1; }
		.cookieWarning a { font-size:7pt; color:#d1d1d1; } 
		.cookieWarning .btn { width:40px; padding:3px; background-color:#e31a22; border-radius:0px; border:none; font-size:8pt; }

#tiktak {
	background-color:#e31a22;height:80px;cursor:pointer;
}

#tiktak:hover {
    background-color: #2d2e2d;
    -webkit-transition: background-color 750ms ease-in-out;
    -ms-transition: background-color 750ms ease-in-out;
    transition: background-color 750ms ease-in-out;
}

hr.default {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #b9b9b9;
  margin: 1em 0;
  padding: 0;
}

.black-link { color:black; text-decoration:none; font-weight:bold; }
.black-link:hover { text-decoration:underline; }