@charset "utf-8";
/* CSS Document */

#banner { position: relative; overflow: hidden; background-position: center center!important; text-transform: uppercase; }
#banner .slider{position: absolute;z-index:1;width:100%;max-width:100%;height:auto;overflow: hidden;padding: 0 0 27%;background-repeat: no-repeat!important;}
#banner.simple{padding-bottom:12%;}

#bannerVideo{padding: 0 0 30%;}
.bannerText{font-family:'MyFontBold';font-size:35px;color:#fff;padding:8% 0 0 3%;position: absolute;
text-shadow: 0  0 6px #000;z-index:2;}
.simple .bannerText{padding:4% 0 0 3%;}

@media (min-width: 1000px){
#banner, #banner .slider{padding-bottom: 20%!important;}
#banner.Diamond-Wheels{padding: 0 0 27%!important;}
#banner.Diamond-Wheels .slider{padding: 0 0 50%!important;}
#banner.simple{padding-bottom:12%!important;}
}

@media (min-width: 1500px){
#banner, #banner .slider{background-attachment: fixed!important; background-repeat: no-repeat!important; background-position: center top!important;padding-bottom: 14%!important;}
#banner.simple{padding-bottom: 9%!important;}
}

@media (max-width: 1280px){
body #banner, #banner .slider{background-size: 120%!important;padding-bottom: 25%!important;}
#banner.simple{padding-bottom:18%!important;}
#banner.simple .bannerText{padding: 8% 0 0 3%;}
}

@media (max-width: 760px){
.bannerText{font-size:28px;}
}
@media (max-width: 530px){
body #banner, #banner .slider{background-size: 150%!important;padding-bottom: 35%!important;}
#banner.simple{padding-bottom:22%!important;}
.bannerText{font-size:24px;}
}

/*.slider2{
background: url(banners/<?php echo ($arr[$i]["category"]);?>2.jpg) 50% 50%/100%;}
*/