body{background-image:url(../themes/beerepoot/assets/images/background-dots.webp);background-size:cover}
body #layout-content .metal-background{position:absolute;z-index:1;width:100%}
body #layout-content .metal-background img{width:100%}
body #layout-content .container{position:relative;z-index:2;padding-top:75px}
@media (max-width:1199px){body.home-layout #layout-content .container{padding-top:25px}}
swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center}
swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
swiper-container{width:100%;height:300px;margin-left:auto;margin-right:auto}
.mySwiper{height:80%;width:100%}
.mySwiper .swiper-button-prev{color:green;border:1px solid blue;font-weight:900}
.mySwiper2{height:20%;box-sizing:border-box;padding:10px 0;margin-top:-10%;margin-bottom:5%;width:33%}
.mySwiper2 swiper-slide{width:25%;height:100%;border:1px solid #FFF;border-radius:2px}
.mySwiper2 .swiper-slide-thumb-active{opacity:1}
body .machine-block{margin-bottom:20px;border-radius:5px;border:1px solid #0e4194;background-color:white}
body .machine-block .heading{background-color:#0e4194;color:white;padding:20px 12px;border-radius:5px 5px 0 0}
body .machine-block .heading h1,
body .machine-block .heading p{font-size:16px;font-weight:600;margin:0;line-height:1}
body .machine-block .heading .description{text-align:right}
body .machine-block .swiper-button-next{color:green}
body .machine-block .col-md-7 .specs ul{columns:2}
body .machine-block .col-md-12 .specs ul{columns:3}
body .machine-block .specs{margin:10px}
body .machine-block .specs .h4,
body .machine-block .specs p{margin-left:16px}
@media (min-width:992px){body .machine-block .contact-form{margin:0 25px 25px}}
@media (max-width:1199px){body .machine-block .heading .description{text-align:left;margin:10px 0 0 0}body .machine-block .col-md-7 .specs ul{columns:1}body .machine-block .col-md-12 .specs ul{columns:1}body .contact-form button{width:100%;background-color:#0e4194}}
.category-description{margin-top:20px;background-color:white;padding:20px;border:1px solid #e51622;border-radius:5px}
.category-description ul li p{margin-bottom:0}
.category-heading{background-image:url(../themes/beerepoot/assets/images/transparent-shield.png);background-repeat:no-repeat;background-position:top left;background-color:white;padding:20px;border-radius:5px;border:1px solid #e51622;margin-bottom:20px}
.category-heading h1{color:#0e4194}
.category-heading #machine-count{float:right;color:#e51622;font-size:18px;font-weight:700;margin-top:18px}
.category-heading p{font-weight:600}
.category-heading label{color:#0e4194;font-size:12px;font-weight:700;margin:5px 0}
.category-heading .ui-slider-horizontal .ui-slider-handle{width:10px}
.category-heading .ui-slider-horizontal .ui-slider-handle:nth-child(6){margin-left:0}
.category-heading .ui-slider-horizontal .ui-slider-handle:nth-child(7){margin-left:-5px}
.category-heading .filter_max_value,
.category-heading .filter_min_value{font-weight:700;font-size:10px;width:50%;margin:15px 0}
.category-heading .filter_min_value{float:left}
.category-heading .filter_max_value{text-align:right;float:right}
.category-heading input.filter_min,
.category-heading input.filter_max{display:none}
.category-heading input.checkbox{accent-color:#0e4194;height:20px;width:20px}
.category-heading .ui-widget-header{background:#B6C6DF}
.category-heading .ui-widget-content .ui-state-default{background:#0e4194;border-color:#0e4194}
@media (max-width:1199px){.category-heading h1{font-size:18px}.category-heading #machine-count{margin-top:-4px}}
#machine-list>div>ul.pagination{margin:0 0 20px 0}
ul.pagination{width:100%}
ul.pagination li.page-item{margin:0 10px}
ul.pagination li.page-item .page-link{display:block;width:30px;height:30px;border-radius:50%;background-color:#0e4194;border:1px solid #0e4194;text-align:center;color:white;font-weight:600;padding:0}
ul.pagination li.page-item .page-link:hover{border-color:#e51622;color:#e51622;background:white}
ul.pagination li.page-item .page-link:focus{box-shadow:none}
ul.pagination li.page-item.first>.page-link,
ul.pagination li.page-item.last>.page-link{width:120px;color:#e51622;border:none}
ul.pagination li.page-item.first,
ul.pagination li.page-item.last{background:none}
ul.pagination li.page-item.first>a,
ul.pagination li.page-item.first>span,
ul.pagination li.page-item.last>a,
ul.pagination li.page-item.last>span{background:none;font-weight:700}
ul.pagination li.page-item.first>a:hover,
ul.pagination li.page-item.first>span:hover,
ul.pagination li.page-item.last>a:hover,
ul.pagination li.page-item.last>span:hover,
ul.pagination li.page-item.first>a:focus,
ul.pagination li.page-item.first>span:focus,
ul.pagination li.page-item.last>a:focus,
ul.pagination li.page-item.last>span:focus{background:none;box-shadow:none;cursor:pointer}
ul.pagination li.page-item.first>a,
ul.pagination li.page-item.first>span{text-align:left}
ul.pagination li.page-item.last>a,
ul.pagination li.page-item.last>span{text-align:right}
ul.pagination li.page-item.active .page-link{background-color:#e51622;border-color:#e51622}
ul.pagination li.page-item.active .page-link:hover{background:none}
@media (max-width:1199px){ul.pagination li.page-item{margin:0 3px}ul.pagination li.page-item.first>.page-link{width:66px}ul.pagination li.page-item.last>.page-link{width:88px}}
.btn{background-color:#e51622;padding:8px 15px;margin-bottom:20px}
.btn:hover{background-color:white;border:1px solid #0e4194}
.machine-tile{margin-bottom:20px;border:1px solid #0e4194;border-radius:5px;overflow:hidden;background-color:white;padding:0;position:relative}
.machine-tile:hover{border:1px solid #e51622}
.machine-tile:hover img{transform:scale(1.1);transition:all 0.5s ease-in-out}
.machine-tile .online-indicator{width:20px;height:20px;background-color:#15ab15;border-radius:50%;position:absolute;right:10px;top:10px}
.machine-tile img{width:100%}
.machine-tile .heading{background-color:#0e4194;color:white;font-size:13px;font-weight:600;padding:3px 10px;border-radius:0;position:relative}
.machine-tile .specs{color:black;padding:4px 10px;font-size:12px;font-weight:600;height:30px}
.heading,
.category-btn{background-color:#0e4194;border-radius:5px}
.heading h2,
.category-btn h2,
.heading .h2,
.category-btn .h2{color:white;padding:20px 12px;margin:0;font-size:16px;font-weight:600;text-align:left}
.heading h2 a,
.category-btn h2 a,
.heading .h2 a,
.category-btn .h2 a{color:white}
.filters-block,
.main-category-block{background-image:url(../themes/beerepoot/assets/images/transparent-shield.png);background-repeat:no-repeat;background-color:white;background-position:top;margin-bottom:20px}
.filters-block .heading,
.main-category-block .heading{border-radius:5px 5px 0 0}
.filters-block .heading img,
.main-category-block .heading img{max-width:46px;float:right;margin:6px}
.filters-block .category-items,
.main-category-block .category-items{background-image:url(../themes/beerepoot/assets/images/transparent-shield.png);background-repeat:no-repeat;background-color:white;background-position:top;border-right:1px solid #e51622;border-left:1px solid #e51622;border-bottom:1px solid #e51622;border-radius:0 0 5px 5px}
.filters-block .category-items div,
.main-category-block .category-items div{border-bottom:1px solid #C3D1D4;padding:8px 10px}
.filters-block .category-items div a,
.main-category-block .category-items div a{color:black;font-size:14px;font-weight:600;display:block}
.filters-block .category-items div a:hover,
.main-category-block .category-items div a:hover{color:#e51622;text-decoration:none}
.filters-block .category-items div a span,
.main-category-block .category-items div a span{float:right}
.filters-block .filter-list,
.main-category-block .filter-list{padding:0 12px;border-right:1px solid #e51622;border-left:1px solid #e51622;border-bottom:1px solid #e51622;border-radius:0 0 5px 5px}
.filters-block .filter-list p,
.main-category-block .filter-list p{font-weight:600}
.filters-block .filter-list label,
.main-category-block .filter-list label{color:#0e4194;font-size:12px;font-weight:700;margin:5px 0}
.filters-block .filter-list .ui-slider-horizontal .ui-slider-handle,
.main-category-block .filter-list .ui-slider-horizontal .ui-slider-handle{width:10px}
.filters-block .filter-list .ui-slider-horizontal .ui-slider-handle:nth-child(6),
.main-category-block .filter-list .ui-slider-horizontal .ui-slider-handle:nth-child(6){margin-left:0}
.filters-block .filter-list .ui-slider-horizontal .ui-slider-handle:nth-child(7),
.main-category-block .filter-list .ui-slider-horizontal .ui-slider-handle:nth-child(7){margin-left:-5px}
.filters-block .filter-list .filter_max_value,
.main-category-block .filter-list .filter_max_value,
.filters-block .filter-list .filter_min_value,
.main-category-block .filter-list .filter_min_value{font-weight:700;font-size:10px;width:50%;margin:15px 0}
.filters-block .filter-list .filter_min_value,
.main-category-block .filter-list .filter_min_value{float:left}
.filters-block .filter-list .filter_max_value,
.main-category-block .filter-list .filter_max_value{text-align:right;float:right}
.filters-block .filter-list input.filter_min,
.main-category-block .filter-list input.filter_min,
.filters-block .filter-list input.filter_max,
.main-category-block .filter-list input.filter_max{display:none}
.filters-block .filter-list input.checkbox,
.main-category-block .filter-list input.checkbox{accent-color:#0e4194;height:20px;width:20px}
.filters-block .filter-list .ui-widget-header,
.main-category-block .filter-list .ui-widget-header{background:#B6C6DF}
.filters-block .filter-list .ui-widget-content .ui-state-default,
.main-category-block .filter-list .ui-widget-content .ui-state-default{background:#0e4194;border-color:#0e4194}
.contact-bar{margin:24px 0;background-color:#e51622;color:#fff}
.contact-bar div{text-align:center}
.contact-bar div .btn{margin:12px 24px;border:1px solid #FFF}
#usps div img{max-width:60px;margin:auto;display:block}
#usps div .title{text-align:center;font-weight:700;font-size:12px}
#usps div .sub-title{text-align:center;font-size:12px}