/* EcoTank 2017 */
.clearb 
{
    clear: both;
}
.content-s1, .content-s2
{
    background: #ffffff;
    padding: 0 11%;
    margin-left: auto;
    margin-right: auto;
}
.tleft 
{
    text-align: left !important; 
    margin-bottom: 35px;   
}
.flexslider 
{
    background: #ffffff;
}
.e1-col1 
{
    float: left;
    width: 30%;
    margin-right: 5%;
}
.e1-col2 
{
    float: left;
    width: 30%;
    margin-right: 5%;
}
.e1-col3 
{
    float: left;
    width: 30%;
}
.magenta 
{
    color: #ec008c;
    font-weight: 700;    
}
.cyan {
    color: #00a1df;
    font-weight: 700;
}
sup 
{
    font-size: 50% !important;
}
.eco-logo 
{
    margin: 70px 0 25px 0;
}
.action-buttons 
{
    width: 697px;
    margin: 0 auto;
    padding-top: 10px;
    padding-top: 45px;
    padding-bottom: 100px;    
}

.find-your-printer 
{
    display: block;
	width: 337px;
	height: 56px;
	background: url('img/find-your-printer-lg.png') no-repeat 0 0;
	float: left;
	margin-right: 25px;        
}
.where-to-buy 
{
    display: block;
	width: 335px;
	height: 56px;
	background: url('img/where-to-buy-lg.png') no-repeat 0 0;
	float: left;	      
}
.where-to-buy:hover, .find-your-printer:hover, .find-best-ecotank:hover 
{
    background-position: 0 -56px;
    cursor: pointer;
}
.e1-col2 img 
{
    margin-top: 1px;
}
.mobile-find, .mobile-where { display: none; }

.mobile-find 
{
    backgroud: #ffffff;
    color: #009ee3;
    padding: 13px 20px;
    width: 100%;
    border: 1px solid #009ee3;
    font-size: 2.2em;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    border-radius: 7px;
    line-height: 26px;
    margin: 20px 0;
}
.mobile-find:hover
{
    background: #009ee3 !important;
    color: #ffffff;
    text-decoration: none;
}
.mobile-where 
{
    backgroud: #ffffff;
    color: #e5007e;
    padding: 13px 20px;
    width: 100%;
    border: 1px solid #e5007e;
    font-size: 2.2em;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    border-radius: 7px;
    line-height: 26px;
    margin: 20px 0;
}
.mobile-where:hover
{
    background: #e5007e !important;
    color: #ffffff;
    text-decoration: none;
}

.eco-printers 
{
    background: #ffffff;
    margin-top: 100px;
    width: auto;
}
.eco-printer-left 
{
    float: left;
    width: auto;
    margin-left: 12%;
    position: relative;
}
.eco-printer-middle 
{
    float: left;
    width: 30%;
    margin-right: 5%;
    position: relative;
}
.eco-printer-right 
{
    float: right;
    width: auto;
    position: relative;
    margin-right: 12%;
}
.eco-printer-bts 
{
    padding: 0 30px;
    position: relative;       
}
.eco-printer-bleft
{
    padding: 0 30px 0 0;
    position: relative;       
}
.eco-printer-bright 
{
    padding: 0 0 0 30px;
    position: relative;      
}
.eco-printer-bts a, .eco-printer-bleft a, .eco-printer-bright a  
{
    text-decoration: none;        
}
.buynow:hover 
{
    background: #289deb;
    -webkit-transition: background ease-out 0.2s;
    -moz-transition: background ease-out 0.2s;
    -o-transition: background ease-out 0.2s;
    transition: background ease-out 0.2s;  
}
.flexslider .slides img 
{
    max-width: 100% !important;
}
.flex-control-paging li a 
{
    padding: 5px 5px !important;
}





.eco-printer-left a:hover, .eco-printer-middle a:hover, .eco-printer-right a:hover 
{
    text-decoration: none; 
    
}
.pname-bot {
    font-weight: lighter;
    font-style: italic;
    color: #747474;
    font-size: 1.8em;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 26px;
}


.pink-circle 
{
    background:#e21d87;
    width: 75px;
    height: 75px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
}
.black-circle 
{
    background:#000000;
    width: 75px;
    height: 75px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    top: 80px;
}
.price-circle 
{
    background:#ffffff;
    width: 75px;
    height: 75px;
    border: 2px solid #00a9ef; 
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    right: 0;
}
.price-circle p
{
    color: #00a9ef !important;
    font-size: 25px !important;      
}


.pink-circle p, .black-circle p 
{
    color: #ffffff !important;
    font-size: 12px !important;    
}
.ecotank-model
{
    color: #00a9ef !important;
    font-weight: 700 !important;
    margin-bottom: 5px;
}
.buynow 
{
    background: #0077c6;
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.buynow p 
{
    color: #ffffff !important;
    font-weight: 400 !important;
}

.row-no1
{
    margin-top: 30px;
}
.row-next 
{
    margin-top: 100px;
}
.circle-padding 
{
    padding-top: 9px;
}
.circle-padding2 
{
    padding-top: 18px;
}
.video-youtube 
{
    margin-top: 75px;    
}
.buynow p 
{
    font-size: 2.2em !important;
    font-weight: 400 !important;
}
.footer-desc 
{
    margin-top: 45px;
    padding: 0 15px;
    padding-bottom: 30px;
}

.footer-desc ul li
{
    list-style: decimal !important;
    text-align: left;
    color: #747474;
    font-family: 'Roboto', sans-serif;
    line-height: 22px; 
    font-style: italic;
    font-size: 12px;   
}
#wheretobuy 
{
    margin-top: 25px;
}


#wheretobuy h2 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    line-height: 0.1em;
    margin: 10px 0 20px;
}
#wheretobuy h2 span {
    background: #fff;
    padding: 0 10px;
    color: #9c9c9c;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: normal;
}
.bottom-logos {
    margin-top: 30px;
}
.harvey {
    margin-left: 40px;
    padding-bottom: 17px;
    margin-top: 15px;
}
.epson-logo {
    margin-right: 35px;
    margin-top: 15px;  
}
.warehouse-logo 
{
    margin-top: 15px;
}
.officemax-logo 
{
    margin-top: 15px;
    margin-left: 30px;
    margin-bottom: 10px;
}
.smiths-city-logo 
{
    /* margin-top: 15px;*/
    margin-left: 25px;
    margin-bottom: 8px;
}

#footer .legal-nav-wrapper 
{
    max-width: 100%;
}
.functionNav li a, .functionNav li, #copyright 
{
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;    
}

   
    



/* MEDIA QUERIES */




@media only screen and (max-width: 1450px) {
.eco-printer-bts img, .eco-printer-bleft img, .eco-printer-bright img
    {
        width: 100%;               
    }
.buynow p {
    font-size: 2.0em !important; 
    }
    .eco-printer-bts { padding: 0 15px; }
}

@media only screen and (max-width: 1360px) 
{
    .eco-printer-left  { margin-left: 5%; }
    .eco-printer-right { margin-right: 5%; }
    .pink-circle, .black-circle, .price-circle { width: 60px; height: 60px; }
    .pink-circle p, .black-circle p { font-size: 10px !important; } 
    .price-circle p { font-size: 21px !important; }     
    .circle-padding2 { padding-top: 14px; }
}
@media only screen and (max-width: 991px) 
{
    .eco-printer-bleft, .eco-printer-bts, .eco-printer-bright 
    {
        width: 306px;
        padding: 0; 
        margin: 0 auto;       
    }
    .pink-circle, .black-circle, .price-circle { width: 75px; height: 75px; }
    .pink-circle p, .black-circle p { font-size: 12px !important; } 
    .price-circle p { font-size: 24px !important; } 
    .circle-padding2 { padding-top: 18px; }   
    .buynow { margin-bottom: 70px; }
            
}
@media only screen and (max-width: 1120px) 
{
    .eco-printer-left  { margin-left: 2%; }
    .eco-printer-right { margin-right: 2%; }      
}


@media only screen and (max-width: 1055px) 
{
    .e1-col1 img, .e1-col2 img, .e1-col3 img  { width: 100%; }
    .eco-printer-left  { margin-left: 0; margin-right: 6%; }
    .eco-printer-right { margin-right: 0; }         
    }   
}

@media only screen and (max-width: 888px) 
{
    .eco-printer-left  { float: none; width: 400px; margin: 0 auto; margin-bottom: 70px;}
    .eco-printer-right { float: none; width: 400px; margin: 0 auto; margin-bottom: 70px;}  
    .eco-printers { margin-top: 0; }              
}



@media only screen and (max-width: 851px) 
{
    .eco-printer-left  { float: none; width: 400px; margin: 0 auto; margin-bottom: 70px;}
    .eco-printer-right { float: none; width: 400px; margin: 0 auto; margin-bottom: 70px;}  
    .eco-printers { margin-top: 0; }              
    .video-youtube { margin-top: 20px; }
}

@media only screen and (max-width: 790px) 
{
    .e1-col1, .e1-col2, .e1-col3
    {
        float: none;
        width: 100%;      
    }
    .e1-col1 img, .e1-col2 img, .e1-col3 img
    {
        width: 50%;
        margin: 0 25%;
    }
    .e1-col1 p, .e1-col2 p, .e1-col3 p 
    {
        font-size: 2.2em !important;
        margin: 10px 0 0 0;        
    }
    .eco-logo 
    {
    margin: 50px 0;
    }
    .eb1 {
        margin-bottom: 35px;
    }
    .eb2 {
        margin-bottom: 35px;
    }
    .eb1, .eb2, .eb3 {
        display: none !important;
    }
}
@media only screen and (max-width: 730px) 
{
    .e1-col1 img, .e1-col2 img, .e1-col3 img
    {
        width: 60%;
        margin: 0 20%;
    }
    .video-youtube 
    {
        width: 100% !important;
    }   
       
}
@media only screen and (max-width: 650px) 
{
    .e1-col1 img, .e1-col2 img, .e1-col3 img
    {
        width: 66%;
        margin: 0 17%;
    }   
}
@media only screen and (max-width: 550px) 
{
    .e1-col1 img, .e1-col2 img, .e1-col3 img
    {
        width: 74%;
        margin: 0 13%;
    }
    .harvey, .warehouse-logo, .officemax-logo, .epson-logo 
    {
        margin-left: 0 !important;                
        margin-right: 0 !important;
    }       
    .eco-printer-left, .eco-printer-right, .eco-printer-left img, .eco-printer-right img
    {
        width: 100%;        
    }   
}

@media only screen and (max-width: 515px) 
{
    .korona img
    {
        width: 100%;        
    }    
}
@media only screen and (max-width: 737px) 
{
    .video-container iframe
    {
        width: 100%;        
    }    
}
@media only screen and (max-width: 991px) 
{
    .row-next
    {
        margin-top: 0;        
    }    
}
.video-container p 
{
    /* margin-top: 25px; */ 
    margin-bottom: 20px; 
}
@media only screen and (max-width: 450px) 
{
    .find-your-printer { background: url('img/find-your-printer-md.png') no-repeat 0 0; width: 318px; height: 53px; margin: 0 auto; margin-bottom: 35px; }  
    .where-to-buy { background: url('img/where-to-buy-md.png') no-repeat 0 0; width: 318px; height: 53px; margin: 0 auto; }  

.where-to-buy-md:hover, .find-your-printer-md:hover, .find-best-ecotank:hover 
    { background-position: 0 -53px; cursor: pointer; }
}

@media only screen and (max-width: 414px) 
{
    .action-buttons { display: none; }
    .find-your-printer, .where-to-buy, .action-buttons { display: none; }
    .mobile-find, .mobile-where { display: block; }
    .action-buttons-mobile { padding-bottom: 50px; }
    .eco-logo, .eco-printer-bleft, .eco-printer-bright, .eco-printer-bts { width: 100%; }    
    .e1-col1 img, .e1-col2 img, .e1-col3 img { width: 100%; margin: 0; }
    .pink-circle p, .black-circle p { font-size: 10px !important; }
    .pink-circle, .black-circle { width: 60px; height: 60px; }
    .price-circle { width: 65px; height: 65px; }
    .price-circle p {font-size: 20px !important; }
    .circle-padding { padding-top: 7px !important; }
    .circle-padding2 { padding-top: 15px !important; }
    .buynow { width: 100%; margin-bottom: 50px; padding: 3px 7px; }
    .e1-col3 { margin-bottom: 45px; }    
         
}
@media only screen and (max-width: 914px) 
{
    .find-your-printer 
    {
        
        float: none;
        margin: 0 auto;
        margin-bottom: 35px;
      
    }    
    .where-to-buy 
    {
        float: none;
        margin: 0 auto;
      
    }
     .action-buttons 
    {
        width: 100%; 
        padding-bottom: 50px;       
    }  
}
.flex-mobile 
{
    display: none;
}

@media only screen and (max-width: 900px) 
{
    .flex-lg { display: none !important; }
    .flex-mobile { display: block; }           
}
.eb1 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #ec0080;
    border: 1px solid #ec0080;
    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;
  }
.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;
}
.eb1:hover {
    text-decoration: none;
    color: #ffffff;
    background: #ec0080;
    cursor: pointer;
    -webkit-transition: background ease-out 0.2s;
    -moz-transition: background ease-out 0.2s;
    -o-transition: background ease-out 0.2s;
    transition: background ease-out 0.2s; 
}
.eb2:hover {
    text-decoration: none;
    color: #ffffff;    
    background: #efaf12;
    cursor: pointer;
    -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; 
}
.eb3:hover {
    text-decoration: none;
    color: #ffffff;    
    background: #1e9cd7;
    cursor: pointer;
    -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; 
}
.pcore-float-wrap {
    max-width: 1363px;
}



/* TABLE */
.tabelka {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;  
    overflow-x: auto;
    margin: 5% 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.tabelka-highvol {
    margin: 0 auto !important;
}
.tabelka .tb-aleft {
    text-align: left !important;
    font-weight: 400;
    /* padding-right: 30px; */
    line-height: 24px;
}
.tabelka-highvol 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: 16px;
    line-height: 18px; 
}
td {
    vertical-align: middle !important;
}
.tbdiv-center {
    margin: 0 auto;
}
.pcore-body2 {
    width: 100%;
    margin: 0 auto;
}
.tabelka-img {
    width: 75px;
    height: 63px;
}
/* table colors */
.leftwing1 {
    background: #979b9d !important;
    color: #ffffff;
}
.leftwing2 {
    background: #878b8d !important;
    color: #ffffff;
}
.midgrey td { background: #e9ebec;}
.midwhite td { background: #f4f6f7;}

.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;
}

/* Webkit hack for scollbar on mobile */
::-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-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}