:root{
    --bs-body-font-size: 18px;
}
h1{
    text-transform: uppercase;
}

h2,
.outro,
h3,
.card-title{
    color: #10218b;
}

.gray-bg2{
    background-color: #ededed;
}

.hero-section{
    background-color: transparent;
    background-image: url(/images/ecotank/high-volume-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 200px;
    align-items: flex-start;
}


.eal-tabs{
    background-repeat: no-repeat;
    background-image: url(/images/projector-lamps/reliability-bg.jpg);
    background-position: bottom;
    background-size: contain;
}

.eal-tabs .row,
.eal-tabs .content{
    width: 90%;
    gap: 20px;
    margin: auto;
}

.eal-tabs .nav-tabs .nav-link{
    text-transform: uppercase;
    color: #b0b1b1;
    font-weight: bold;
    font-size: 14px;
    border: none;
    /* padding: 0 70px; */
    border-bottom: 4px solid #b0b1b1;
    min-width: 140px;
    transition: color .3s;
}

.eal-tabs .nav-tabs .nav-link.active{
    color: #10218b;
    border: none;
    border-bottom: 4px solid #10218b;
    background-color: transparent;
}

.eal-tabs .nav-tabs .nav-link:hover{
    color: #10218b;
    border-bottom: 4px solid #10218b;
}
.nav.nav-tabs{
    border-bottom: 0;
    gap: 10px;
}
.tab-pane{
    min-height: 500px;
}
.product-copy {
    border: 0;
}
.accessories{
    background-color: #f48d00;
}
.pro-uhd{
    background-image: url(/images/projector-lamps/reptile.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: right;
}
.related-pages a{
    color: #ffffff;
    transition: all .2s;
}
.related-pages a:hover{
    text-decoration: none;
    color: #ededed;
}
.related-pages .title{
    text-transform: uppercase;
}
.related-pages h4{
    font-weight: bold;
    margin: 0;
}
.related-pages p{
    margin-bottom: 0;
}
.related-pages .row > *{
    min-height: 300px;
    padding: 20px;
    color: #ffffff;
    line-height: 2;
}
.logos img{
    width: 150px;
    height: 100px;
    object-fit: contain;
}
/*NAV icon*/
.icon1 {
    background-image: url(/images/ecotank/nav_01_everyday_printing_hv_2-new.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    width: 55%;
    height: 103%;
    margin: auto;
}
.icon2 {
    background-image: url(/images/ecotank/nav_03_photo_printing_hv_2-new.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    width: 55%;
    height: 103%;
    margin: auto;
}
.icon3 {
    background-image: url(/images/ecotank/nav_02_high_volume_printing_hv_2_old-new.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    width: 55%;
    height: 103%;
    margin: auto;
}
.icon4 {
    background-image: url(/images/ecotank/nav_05_view_range.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    width: 55%;
    height: 103%;
    margin: auto;
}
.icon5 {
    background-image: url(/images/ecotank/nav_06_buy_now.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    width: 55%;
    height: 103%;
    margin: auto;
}
.eal-sticky-stuck .current a, .eal-sticky-nav .current a {
    background-color: black;
}
.sticky-nav-ul li a:hover {
    background-color: black;
}
.sticky-nav-ul li .icon1:hover {
    background-image: url(/images/ecotank/nav_01_hover.jpg);
}
.sticky-nav-ul li .icon2:hover {
    background-image: url(/images/ecotank/nav_03_hover.jpg);
}
.sticky-nav-ul li .icon3:hover {
    background-image: url(/images/ecotank/nav_02_hover.jpg);
}
.sticky-nav-ul li span:hover {
    background-color: #337ab7;
}
.sticky-nav-ul li:not(:last-child) {
    border: none;
}

.container.mbNav {
    max-width: none !important;
}

@media screen and (max-width: 990px) {
    .NavMb .eal-sticky-nav.d-none {
        display: block !important;
    }
    .NavMb #sticky-nav-id img{
        width: auto
    }
    .NavMb #sticky-nav-id li a{
        /* height: 103px; */
        height: 110px;
        
    }
    .NavMb #sticky-nav-id li a{
        /* height: auto; */
        border-bottom: 1px solid white !important;
    }
    .NavMb #sticky-nav-id .icon1{
        width: 13%;
        height: 80%;
    }
    .NavMb #sticky-nav-id .icon2{
        width: 13%;
        height: 80%;
    }
    .NavMb #sticky-nav-id .icon3{
        width: 13%;
        height: 80%;
    }
    .NavMb #sticky-nav-id .icon4{
        width: 13%;
        height: 80%;
    }
    .NavMb #sticky-nav-id .icon5{
        width: 13%;
        height: 80%;
    }
    .NavMb {
        visibility: visible !important;
        /* height: 290px !important; */
        height: 660px !important;
    }
}

/*NAV icon end*/
.eb1 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #ec0080;
    border: 1px solid #ec0080;
    -webkit-border-radius: 10px 10px 10px 10px;
    display: block;
    line-height: 28px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
}
.eb2 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #efaf12;
    border: 1px solid #efaf12;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    display: block;
    line-height: 28px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
}
.eb3 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #1e9cd7;
    border: 1px solid #1e9cd7;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    display: block;
    line-height: 28px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
}
@media screen and (max-width: 600px) {
  /* .KTB {
    margin-top: -150px;
  } */
  .KTB img{
    width: 50% !important;
    margin-left: 25%;
  }
  .HWR img {
    margin-left: -350px !important;
    margin-top: 300px !important;
  }
  .featured-image.EEP {
    width: 100% !important;
  }
  .featured-image.EPS {
    width: 100% !important;
  }
  .featured-image.EVL {
    width: 100% !important;
  }
  .featured-image.NCP {
    width: 100% !important;
  }
  .featured-image.IBR {
    width: 100% !important;
  }
  .container-fluid.WARP {
    height: 1050px;
  }
  /* .footnotes {
    margin-top: -300px;
  } */
}

@media screen and (max-width: 990px) {
    .featured-image.NCHV {
        visibility: hidden !important;
      }
     html {
        overflow-x: hidden;
     }
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .featured-image.NCHV {
        margin-top: -224% !important;
      }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
    .featured-image.NCHV {
        margin-top: -190% !important;
      }
}
@media screen and (min-width: 1401px) and (max-width: 1600px) {
    .featured-image.NCHV {
        margin-top: -168% !important;
      }
}
@media screen and (min-width: 1601px) and (max-width: 2000px) {
    .featured-image.NCHV {
        margin-top: -145% !important;
      }
}
@media screen and (min-width: 2001px) {
    .featured-image.NCHV {
        margin-top: -129% !important;
      }
}

html {
    overflow-x: hidden;
 }
#case-study iframe{
    width: 100%;
    height: 300px;
}
#three-col .splide__slide img {
    vertical-align: bottom;
    height: 130px;
    object-fit: contain;
    width: 50%;
    margin: auto;
}
#range{
    padding-top: 160px;
}
#results .row{
    gap: 40px;
    width: 80%;
    margin: auto;
}
#results .row:last-of-type{
    gap: unset;
}

@media screen and (min-width: 768px) {
    .row-cols-md-3>* {
        width: 27%;
    }
    .hero-section{
        padding-top: 60px;
    }
    .tab-pane {
        min-height: 580px;
    }
    #results .row {
        width: 100%;
    }
}

@media screen and (min-width: 992px) {
    .hero-section .group-container {
        width: 100%;
        padding-top: 45px;
    }
    .hero-section{
        background-size: cover;
    }

    .row.column-with-gap{
        flex-direction: row;
        gap: unset;
    }
    .column-with-gap{
        justify-content: center;
    }
    .row-cols-lg-2>*, .row-cols-xl-2>* {
        width: 48%;
    }
    .featured-image{
        object-fit: contain;
        object-position: top;
    }
    .description.right{
        padding-left: 30px;
    }
    .description.left{
        padding-right: 30px;
    }
    .container-fluid{
        position: relative;
    }
    #why-genuine .row-cols-lg-2 .eal-col {
        width: 38%;
    }
    #why-genuine .row-cols-lg-2 .description.right{
        width: 60%;
    }

    .eal-tabs{
        background-size: cover;
    }
    #reliability-tab-pane{
        text-align: center;
    }
    .eal-tabs .nav-tabs .nav-link {
        min-width: 265px;
    }
    .eal-tabs .row, .eal-tabs .content {
        width: 100%;
    }
    /* .EPL {
        margin-top: -150px;
    } */
    .LRCC {
        height: 600px;
    }
}

@media screen and (min-width: 1024px) {
    .hero-section .group-container {
        width: 50%;
    }
    .hero-section{
        min-height: 700px;
        background-image: url("/images/ecotank/high-volume-banner.jpg");
        padding-top: 0;
        align-items: center;
        background-position: right top;
    }

    .tab-pane{
        min-height: 600px;
    }
}

@media screen and (min-width: 1200px) {
    .hero-section{
        background-position: right;
    }
    .hero-section .group-container {
        width: 40%;
    }
    #reliability-tab-pane .col p,
    #reliability-tab-pane .col img{
        width: 70%;
        text-align: left;
        margin: auto;
    }
    .eal-tabs{
        width: 75%;
        margin: auto;
    }
    .eal-tabs .nav-tabs .nav-link{
        min-width: 300px;
    }
    .nav.nav-tabs{
        gap: 30px;
    }
    .eal-w960{
        /* width: 960px; */
        width: 100%;
        margin: auto;
    }
    #results .row{
        gap: 40px;
        width: unset;
    }
    .related-pages{
        min-height: 300px;
    }
    .related-pages .row > *{
        min-height: 300px;
    }
    .lcd, .accessories{
        border-right: 1px solid #ffffff;
    }
    .eal-tabs .row,
    .eal-tabs .content{
        width: 80%;
        gap: 40px;
    }
}

@media screen and (min-width: 1400px) {
    .hero-section{
        background-position: top;
    }
}

@media screen and (min-width: 1920px) {

}


/*Table start*/

.tabelka {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;  
    overflow-x: auto;
    margin: 2.5em 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    /* border: 1px solid black; */
}
/* .tabelka .tabelka-highvol tr th {
    border: 1px solid black;
}
.tabelka .tabelka-highvol tr td {
    border: 1px solid black;
} */

@media (min-width: 1024px){
	.tabelka-highvol.eb-l3000u{
		margin: 0 auto !important;
		width: 100%;
/*		height: 65vh;*/
	}
	h2{
		font-size: 2.5vw;
	}
	#acc2 > div > div > div:nth-child(7) > div > h2,
	#acc2 > div > div > div:nth-child(8) > div > h2{
		font-size: 2.3vw!important;
	}
	

	#acc2 > div > div > section:nth-child(6) > article > div > div{
		padding: 0;
	}
	
}

@media (max-width: 1024px){
	.simple-responsive-banner-component.full-bleed-hdic.left-content.display-60-40 .module-content.hero-text{
		width: 100%!important;
		padding: 0;
	}
	
	.simple-responsive-banner-component.full-bleed-tout .full-bleed-tout-inner p{
		font-size: initial!important;
	}
	
	.simple-responsive-banner-component.full-bleed-tout .full-bleed-tout-inner.view-range-container{
		vertical-align: top!important;
	}

/*
	.row.last-row{
		max-height: 300px;
		overflow: hidden;
	}
*/
	
		#ao-form-fd3edaf3-5c8b-427b-8757-a566e7b2749d{
		padding: 0!important;
	}
	#acc2 > div > div > section.row.last-row > article:nth-child(2) > div > section{
		width: 450px;
	}
}


.tabelka-highvol {
	margin: 0 auto !important;
	min-width: 90%;
}




.tabelka .tb-aleft {
    text-align: left !important;
    font-weight: 400;
    /* padding-right: 30px; */
    line-height: 24px;
	vertical-align: middle;
	font-size: 16px;
	position: sticky;
	left: 0px;
}
/*
midgrey td, .tabelka-highvol th {
    border-right: 3px solid #ffffff;
}
*/
/*
.tabelka-highvol tr {
    border-bottom: 3px solid #ffffff;
}
*/
.tabelka td, .tabelka th {   
    text-align: center;
    padding: 8px;
    line-height: 18px; 
}
td {
    vertical-align: middle !important;
}
.tbdiv-center {
    margin: 0 auto;
}
.pcore-body2 {
    width: 100%;
    margin: 0 auto;
}
.pcore-body2 h2 {
    color: black;
    max-width: 90%;
    margin: 0em auto 0px auto;
    text-align: center;
}
.tabelka-img {
    width: 75px;
    height: 63px;
}
/* table colors */
.leftwing1 {
    background: #979b9d !important;
    color: #ffffff;
	
}
.leftwing2 {
    background: #878b8d !important;
    color: #ffffff;
	vertical-align: middle;
}
td.midgrey { 
	background: #e9ebec;
	border-bottom: 1px solid #f4f6f7;
}
td.midwhite { background: #fff;}

.mghov { background: #ec0080 !important;
         color: #ffffff;
         -webkit-transition: background ease-out 0.3s;
    -moz-transition: background ease-out 0.3s;
    -o-transition: background ease-out 0.3s;
    transition: background ease-out 0.3s;  
    }
.ylhov { background: #efaf12 !important;
    color: #ffffff;
    -webkit-transition: background ease-out 0.3s;
    -moz-transition: background ease-out 0.3s;
    -o-transition: background ease-out 0.3s;
    transition: background ease-out 0.3s;  
 }

.cnhov { background: #1e9cd7 !important;
        color: #ffffff;
        -webkit-transition: background ease-out 0.3s;
        -moz-transition: background ease-out 0.3s;
        -o-transition: background ease-out 0.3s;
        transition: background ease-out 0.3s;   }


.midgrey a, .tabelka-pname a {
    text-decoration: none;    
}
.midgrey a:hover, .tabelka-pname a:hover {
    color: #01c0ff;
    -webkit-transition: color ease-out 0.15s;
    -moz-transition: color ease-out 0.15s;
    -o-transition: color ease-out 0.15s;
    transition: color ease-out 0.15s;
}

tr td img{
	width: initial!important;
}

.left-border{
	border-left: 0px solid #f4f6f7;
}

.bottom-border{
	border-bottom: 0px solid #f4f6f7;
}

table tr td.nested, table tr th.nested{
	padding: 5px;
	line-height: 31px;
	
}

/* .leftwing1.bottom-border.nested.merged{
	position: sticky;
	left: 101.5px;
    -webkit-left: 104.5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .leftwing1.bottom-border.nested.merged{
        position: sticky;
        left: 104.5px;
    }
} */
@supports (-webkit-transform: translateX(0)) {
    .leftwing1.bottom-border.nested.merged{
        position: sticky;
        left: 104.5px;
    }
}
    

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
        width: 12px;
    }

::-webkit-scrollbar:horizontal {
        height: 12px;
    }

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .7);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

/*
.simple-responsive-banner-component.full-bleed-tout .full-bleed-tout-inner a.view-the-range:hover{
	opacity: .7!important;
}
*/

.simple-responsive-banner-component.full-bleed-tout .full-bleed-tout-inner a.view-the-range{
	text-decoration: none;
}

a.btn.btn-with-arrow:after{
	content: '\e072'!important;
	text-decoration: none!important;
}

@media only screen and (max-width: 1024px){
	.last-section .full-bleed-tout-outer.tout-height-adjuster{
		height: fit-content!important;
		min-height: initial;
	}
	.pcore-float-wrap.tbdiv-center h2{
		font-size: 35px;
	}
}

@media only screen and (min-width: 1024px){
	.row.last-row{
		margin-top: 4.5em;
	}
	.tabelka .tb-aleft, td.midwhite, td.midgrey{
    
    font-size: 16px;
}
/*
	.leftwing2 {
    min-width: 170px;
}
*/
	
	#acc2 > div > div > div.mwd_contentBox{
		width: 960px!important;
		margin: 75px auto 50px auto;
	}

}


#acc2 > div > div > div:nth-child(7) > div > div > table > tbody > tr:nth-child(2) > th{
	border-top: 1px solid #f4f6f7;
	border-right: 1px solid #f4f6f7;
}

table{
	border-collapse: separate;
}

.right-border{
	border-right: 0px solid #f4f6f7;
}




#acc2 > div > div > section.row.last-row > article:nth-child(2) > div > div > h3 > a:hover,
#acc2 > div > div > section.row.last-row > article:nth-child(1) > div > div > div > a:hover{
	text-decoration: underline!important;
}

#acc2 > div > div > div:nth-child(8) > div > div:nth-child(2) > table > tbody > tr:nth-child(2) > th,
#acc2 > div > div > div:nth-child(8) > div > div:nth-child(3) > table > tbody > tr:nth-child(2) > th{
	border-top: 1px solid #f4f6f7;
}

#acc2 > div > div > div.mwd_contentBox > div > h4{
	color: #506A98 !important;
	font-size: 14px !important;
	text-align: left;
	margin-bottom: 20px;
}


	#acc2 > div > div > div.mwd_contentBox{
		width: 80%;
		margin: 75px auto 50px auto;
	}

#aoform-fd3edaf3-5c8b-427b-8757-a566e7b2749d{
	width: 950px;
	margin: 50px auto;
}
    
.acton-text {
    text-align: left;
    font-size: 14px;
    color: #506A98 !important;
	margin-bottom: 40px;
    font-weight: bold;
}

@media (max-width: 376px){
	#acc2 > div > div > section.row.last-row > article:nth-child(2) > div > div{
		padding: 134px 0 10px 0!important;
	}
}
/*Table end*/

@media screen and (max-width: 991px) {
    .eal-sticky-nav .sticky-nav-ul {
        position: absolute;
        left: 0;
        display: block;
    }
}