@charset "utf-8";
/* Custom Styles for Airnesco website created by Monsters Edge */
/* FONTS */
a { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; outline: none; color: #5d595d; text-decoration: none;}
a:hover { text-decoration:none; color: #bd1e50;}
a:focus { outline: none;}
a.pdf { border: 1px solid #fff; border-radius: 30px; padding: 12px 30px 12px 70px; color: #fff; background: url('../images/icon-pdf.png') 25px 9px no-repeat;}
a.pdf:hover { border-color: #bd1e50; background: #bd1e50 url('../images/icon-pdf-white.png') 25px 9px no-repeat;}
a.pdf.red { border: 1px solid #bd1e50; border-radius: 30px; padding: 12px 30px 12px 70px; color: #5d595d; background: url('../images/icon-pdf-red.png') 25px 9px no-repeat;}
a.pdf.red:hover { background: #bd1e50 url('../images/icon-pdf-white.png') 25px 9px no-repeat; color: #fff;}
/* SPACING CLASSES */
.pad30 { padding: 30px;}
.pad60 { padding: 60px;}
.pad90 { padding: 90px;}
.pad120 { padding: 120px;}
.padX30 { padding: 0 30px;}
.padX60 { padding: 0 60px;}
.padX90 { padding: 0 90px;}
.padX120 { padding: 0 120px;}
.padY30 { padding: 30px 0;}
.padY60 { padding: 60px 0;}
.padY90 { padding: 90px 0;}
.padY120 { padding: 120px 0;}
/* HEADINGS & TEXT */
h1,h2,h3,h4,h5,h6 { margin: 0 0 1rem 0; font-weight: 700; letter-spacing: 1px;}
p { font-size: 1.1rem; margin: 0 0 1rem 0; letter-spacing: 1px;}
p.large { font-size: 1.8rem;}
.red-title { background-color: #bd1e50; color: #fff; font-weight: 700; display: inline-block; padding: 12px 15px;}
.content h3, .content h4, .content h5 { color: #bd1e50; font-weight: 600; margin-top: 10px;}
/* GENERAL */
html, body { overflow-x: hidden;}
body { font-family: "forma-djr-display", sans-serif; font-weight: 400; font-size: 1.1rem; color: #5d595d; background-color: #d9d8d6;}
#gallery { background-color: #fff;}
#gallery .gallery-item { padding: 30px 30px 0 30px;}
#gallery .middle { border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7;}
#gallery .gallery-item h3 { font-weight: 300; border-top: 1px solid #c7c7c7; margin: 0; padding: 20px 0 25px 0;}
#gallery #copyright { border-top: 1px solid #c7c7c7;}
#top-bar { background-color: #27211e; color: #fff; border-bottom: 1px solid #6c6462;}
#top-bar #basket { display: inline-block; border-left: 1px solid #6c6462; padding: 9px 0 12px 25px; position: relative;}
#top-bar #basket span { position: absolute; bottom: 12px; right: -10px; display: block; border-radius: 50%; background-color: #bd1e50; color: #fff; font-weight: 600; font-size: 0.5rem; text-align: center; padding: 1px 0; width: 14px;}
#top-bar #translate { display: inline-block;}
#top-bar #translate .form-select { width: 180px; background: #27211e url('data:image/svg+xml,') right 1rem center/8px 10px no-repeat; border: none; color: #fff; text-transform: uppercase; font-size: 0.75rem; font-weight: 600; letter-spacing: 1px;}
#top-bar #translate .form-select:focus { box-shadow: none;}
#top-bar #translate .gt_selector { width: 180px; background-color: transparent !important; border: none; color: #fff; text-transform: uppercase; font-size: 0.7rem; font-weight: 600; letter-spacing: 1px; padding: .375rem 2.25rem .375rem .75rem !important;}
#top-links { background-image: url("../images/top-links-bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center;}
#top-links a { font-weight: 500; color: #fff; display: block; letter-spacing: 1px; padding: 15px 0;}
#top-links a:hover { color: #000;}
#top-links .br { border-right: 1px solid #78232f;}
#top-links.alt { background-image: none;}
#top-links.alt #ma { background-image: url("../images/top-links-non-active-left.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; color: #d9d8d6;}
#top-links.alt #ma:hover, #top-links.alt #ma.active { background-image: url("../images/top-links-active-left.png"); opacity: 1; color: #fff;}
#top-links.alt #ic { background-image: url("../images/top-links-non-active-right.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; color: #d9d8d6;}
#top-links.alt #ic:hover, #top-links.alt #ic.active { background-image: url("../images/top-links-active-right.png"); opacity: 1; color: #fff;}
header { background-color: #3f5364; background-position: top center; background-repeat: no-repeat; background-size: contain; color: #fff; padding: 30px 0 180px 0; position: relative;}
header #shadow { position: absolute; top: 0; left: 0; width: 100%; height: 15px; background: url('../images/header-shadow.png')}
header .intro h1 { font-size: 5rem; letter-spacing: 1px;}
header .intro p { font-size: 1.4rem;}
header .british { position: relative;}
header .british img { border-radius: 20px; box-shadow: 8px 8px 8px #333;}
header .british .flag { position: absolute; top: -6px; right: -12px; box-shadow: none;}
header.internal { background-color: #d9d8d6; padding: 30px 0 30px 0;}
header.internal h1, header.internal h2 { color: #bd1e50; font-size: 3rem;}
#banner { background-color: #3f5364; background-position: top center; background-repeat: no-repeat; background-size: cover; color: #fff; padding: 240px 0 0 0;}
#banner #gradient { width: 100%; height: 100%; background: url("../images/banner-gradient.png") 235px 0 repeat-x; padding: 0 0 100px 0;}
#banner .intro h2 { font-weight: 600; font-size: 2.5rem;}
#banner .intro p { font-size: 1.4rem;}
#banner ul { margin: 0 0 0 18px; padding: 0; list-style: none;}
#banner ul li:before { font-family: 'FontAwesome'; content: '\f111'; margin: 0 10px 0 -15px; color: #bf0d3e; font-size: 5px; position: relative; top: -4px;}
#new-bar { background-color: #bd1e50; color: #fff; padding: 20px 0; letter-spacing: 1px; font-weight: 500;}
#new-bar a { color: #fff;}
#new-bar a:hover { opacity: 0.75;}
#featured-products .bt { border-top: 1px solid #c7c7c7;}
#featured-products .br { border-right: 1px solid #c7c7c7;}
#featured-products a.prd-link { display: block; padding: 45px 60px 45px 0; background: url("../images/icon-arrow-circled.png") right 50px no-repeat;}
#featured-products a.prd-link h3 { margin: 0; color: #bd1e50; font-weight: 500; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
#featured-products a.prd-link p { font-size: 1.4rem; margin: 0 0 5px 0;}
#featured-products a.prd-link .price { color: #000; font-size: 1.4rem; font-weight: 500;}
#featured-products a.prd-link:hover h3 { color: #000;}
.product-image { padding: 100px 0; border-bottom: 1px solid #c7c7c7; text-align: center;}
#vertical-carousel .carousel-item-prev:not(.carousel-item-end), #vertical-carousel .active.carousel-item-start { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
#vertical-carousel .carousel-item-next:not(.carousel-item-start), #vertical-carousel .active.carousel-item-end { -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
#testimonials { background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff;}
#testimonials .quote, #testimonials .quote p { font-size: 1.4rem; font-style: italic; margin-bottom: 40px; letter-spacing: 1px;}
#testimonials .author { font-weight: 700; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1px;}
#testimonials .carousel-indicators { margin: 0; bottom: -90px;}
.carousel-indicators [data-bs-target] { width: 10px; height: 10px; border-radius: 50%; margin: 0 6px; background-color: #fff; opacity: 1;}
.carousel-indicators .active, .carousel-indicators [data-bs-target]:hover { background-color: #bd1e50;}
.two-tone { background: #D9D8D6; background: linear-gradient(180deg,rgba(217, 216, 214, 1) 0%, rgba(217, 216, 214, 1) 70%, rgba(63, 83, 100, 1) 70%, rgba(63, 83, 100, 1) 100%);}
.two-tone .calibre-title { font-weight: 600; font-size: 2.4rem; color: #fff; margin: 0;}
.guide { padding: 50px 30px;}
.guide:nth-last-of-type(2n) { border-right: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7;}
.guide .img { border-radius: 12px; margin-bottom: 20px;}
.guide .type { text-transform: uppercase; color: #5d595d; font-weight: 700; font-size: 0.8rem; letter-spacing: 1px; margin-bottom: 5px;}
.guide h4 { color: #bd1e50; font-weight: 400; margin: 0; font-size: 1.4rem; min-height: 55px;}
.guide p { font-size: 1.3rem; margin-bottom: 20px;}
a.download { border-radius: 30px; padding: 12px 15px 14px 25px; letter-spacing: 1px; border: 1px solid #bd1e50; width: 100%; display: block; color: #5d595d; font-weight: 600;}
a.download .arrow { position: relative; top: -1px; margin-left: 3px;}
a.download:hover { background-color: #bd1e50; color: #fff;}
.compliance .img { border-radius: 15px; margin-bottom: 15px;}
.compliance .type { text-transform: uppercase; color: #949494; font-weight: 500; font-size: 0.8rem; letter-spacing: 1px; margin-bottom: 5px;}
.compliance h4 { color: #5d595d; font-weight: 500; margin: 0; font-size: 1.2rem; min-height: 50px; margin-bottom: 10px;}
.compliance .link { text-transform: uppercase; font-weight: 500; letter-spacing: 1px; color: #bd1e50;}
.compliance .link .arrow { position: relative; top: -2px; margin-left: 5px;}
.compliance .link:hover { color: #5d595d;}
#calibre { background: #3f5364; color: #fff;}
#calibre .br { border-right: 1px solid #fff;}
#calibre .bl { border-left: 1px solid #fff;}
#calibre .bt { border-top: 1px solid #fff;}
#calibre h3 { font-weight: 600; font-size: 2.2rem; color: #fff;}
#calibre .guage-image { position: relative; background-color: #cdcdcd;}
#calibre .guage-image .g-shadow { position: absolute; bottom: 0; left: 0; width: 100%; height: 340px; background: url('../images/guage-shadow.png') bottom left repeat-x;}
#calibre .guage-image h3 { position: relative; z-index: 100;}
#calibre .guage-text { padding: 5% 20%;}
footer { background-color: #f3f3f3;}
footer #tel { font-size: 1.2rem; line-height: 1.4rem; display: inline-block; border-left: 1px solid #c7c7c7; padding: 0 0 0 15px;}
ul.socials { list-style: none; padding: 0; margin: 0 15px 0 0; display: inline-block;}
ul.socials li { display: inline-block; margin-left: 10px;}
ul.socials li a { color: #000; font-size: 1.25rem;}
ul.socials li a:hover { color: #bd1e50;}
#copyright { background-color: #ffffff; color: #949494; font-weight: 500; font-size: 1rem; letter-spacing: 1px;}
#copyright a { color: #949494; margin-right: 15px;}
#copyright a:hover { color: #bd1e50;}
.grey-bg { background-color: #c7c7c7;}
.content.bt, .content .bt { border-top: 1px solid #c7c7c7;}
.content .br { border-right: 1px solid #c7c7c7;}
.content.bb, .content .bb { border-bottom: 1px solid #c7c7c7;}
#accessories { background: #3f5364; color: #fff;}
#accessories .middle { border-left: 1px solid #fff; border-right: 1px solid #fff;}
#accessories h3 { font-weight: 600; font-size: 2.2rem; color: #fff;}
#accessories .text-box { padding: 40px 60px 120px 60px; position: relative; min-height: 500px;}
#accessories .pdf-box { text-align: center; position: absolute; bottom: 60px; left: 0; width: 100%;}
#notice { background-color: #bd1e50; color: #fff; padding: 20px 0; letter-spacing: 1px; font-weight: 500; padding: 40px 0;}
#design-services { background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff;}
#design-services h3 { font-weight: 600; color: #fff;}
ul.nav-tabs { border: 0; margin: 0 0 30px 0;}
ul.nav-tabs .nav-item { width: 49%;}
ul.nav-tabs .nav-item:last-child { margin-left: 2%;}
ul.nav-tabs .nav-item .nav-link { width: 100%; font-weight: 700; font-size: 1.8rem; line-height: 1.8rem; background-color: transparent; border: 0; color: #fff; padding: 0; letter-spacing: 1px;}
ul.nav-tabs .nav-item:first-child .nav-link { text-align: left; background: url('../images/icon-arrow-left-white.png') bottom right no-repeat;}
ul.nav-tabs .nav-item:first-child .nav-link.active { background: url('../images/icon-arrow-left-red.png') bottom right no-repeat;}
ul.nav-tabs .nav-item:last-child .nav-link { text-align: right; background: url('../images/icon-arrow-right-white.png') bottom left no-repeat;}
ul.nav-tabs .nav-item:last-child .nav-link.active { background: url('../images/icon-arrow-right-red.png') bottom left no-repeat;}
ul.nav-tabs .nav-item .nav-link.active, ul.nav-tabs .nav-item .nav-link:hover { color: #bd1e50;}
#about-tabs .carousel-item { padding: 0 30px 30px 0;}
#about-tabs .carousel-item img { border-radius: 20px; box-shadow: 8px 8px 8px #999;}
#about-tabs .carousel-indicators { margin: 0; bottom: -20px;}
article.summary { background-color: #fff; border-radius: 20px; box-shadow: 0 0 20px #adadad; margin-bottom: 40px;}
article.summary .text { padding: 35px; min-height: 350px;}
article.summary .text h3 { font-weight: 400;}
article.summary a { display: block; text-transform: uppercase; color: #bd1e50; font-weight: 600; padding: 20px 35px; border-radius: 0 0 20px 20px; letter-spacing: 1px; border-top: 1px solid #c7c7c7;}
article.summary a img { position: relative; top: -1.5px;}
article.summary a:hover { background-color: #bd1e50; color: #fff; border-top: 1px solid #fff;}
.article-img { border-radius: 20px; margin: 40px auto; display: inherit;}
.date { text-transform: uppercase; font-weight: 600; letter-spacing: 1px; font-size: 0.9rem;}
.two-tone-news h1 { color: #bd1e50; font-weight: 400; font-size: 2.8rem;}
.article-content p img { margin: 0 auto; display: inherit;}
ul.paging { list-style: none; padding: 0; margin: 0;}
ul.paging li { display: inline-block; margin: 0 4px;}
ul.paging li a { color: #5d595d; font-weight: 500; text-align: center; padding: 6px 0; width: 40px; display: block; border: 1px solid transparent; border-radius: 50%;}
ul.paging li a:hover, ul.paging li.active a { color: #bd1e50; border-color: #bd1e50;}
ul.page-numbers { list-style: none; padding: 0; margin: 0 auto;}
ul.page-numbers li { display: inline-block; margin: 0 4px;}
ul.page-numbers li a, ul.page-numbers li .current { color: #5d595d; font-weight: 500; text-align: center; padding: 6px 0; width: 40px; display: block; border: 1px solid transparent; border-radius: 50%;}
ul.page-numbers li.active a, ul.page-numbers li a:hover, ul.page-numbers li .current { color: #bd1e50; border-color: #bd1e50;}
.two-tone-news { background: #D9D8D6; background: linear-gradient(180deg,rgba(217, 216, 214, 1) 0%, rgba(217, 216, 214, 1) 300px, rgba(255, 255, 255, 1) 300px, rgba(255, 255, 255, 1) 100%);}
.contact a { color: #bd1e50; font-size: 1.6rem; line-height: 1.8rem;}
.contact a:hover { color: #000;}
address { font-weight: 500; margin-top: 15px;}
address span { color: #bd1e50;}
#contact-form .form-control { background-color: transparent; color: #949494; border-radius: 0; border-top: none; border-right: none; border-color: #949494;}
.form-check-input { background-color: transparent; border-radius: 0 !important;}
.form-check-label { font-size: 0.9rem; font-weight: 500;}
.form-check-label a { text-decoration: underline;}
#company-info { font-weight: 500; margin-top: 15px; font-size: 1rem; margin-top: 100px; padding-top: 20px; border-top: 1px solid #c7c7c7;}
#company-info span { color: #bd1e50;}
.wpcf7-list-item { margin: 0 !important;}
.wpcf7-list-item input { border-radius: 0 !important; background-color: #d9d8d6 !important;}
.wpcf7-list-item-label, .wpcf7-list-item-label a { font-size: 0.9rem !important; font-weight: 500 !important;}
.product { padding: 0; overflow: hidden;}
/*.product:nth-last-of-type(2n) { border-right: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7;}*/
.product a { display: block; padding: 40px; position: relative;}
.product a h4 { color: #bd1e50; font-weight: 500; margin: 0; font-size: 1.3rem; border-top: 1px solid #c7c7c7; padding-top: 15px;}
.product a p { font-size: 1.3rem; margin: 0;}
.product a .price { font-size: 1.3rem; color: #000; font-weight: 500;}
.product a .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(160,25,68,0.9); transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; opacity: 0;}
.product a .overlay .view { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 1; z-index: 1000;}
.product a:hover .overlay { opacity: 1;}
#filters { border-top: 1px solid #c7c7c7;}
#filters ul { list-style: none; padding: 0; margin: 0;}
#filters ul li { display: inline-block; text-transform: uppercase; font-size: 0.9rem; color: #776d69; letter-spacing: 1px; margin-right: 10px;}
#filters ul li:first-child { font-weight: 600;}
#filters ul li:last-child { float: right; padding-top: 8px; font-weight: 500;}
#filters ul li .form-select { background: #d9d8d6 url('data:image/svg+xml,') right 1rem center/8px 10px no-repeat; border: none; color: #776d69; text-transform: uppercase; font-size: 0.9rem; font-weight: 500; letter-spacing: 1px; width: 140px;}
.product-detail h1 { color: #bd1e50; font-weight: 500; font-size: 2rem; margin: 0;}
.product-detail .note { font-size: 1.8rem; color: #5d595d;}
.product-detail .code { color: #5d595d; text-transform: uppercase; font-size: 0.6rem; font-weight: 600;}
.product-detail .code span { display: block; font-weight: 500; font-size: 1.75rem;}
.product-detail .code .price { color: #000;}
.product-detail hr { margin: 30px 0; opacity: 1; border-color: #c7c7c7;}
.product-detail .table td { border-bottom: 0; padding: 0 0 5px 0; font-weight: 500;}
.product-detail .table td:first-of-type { border-right: 1px solid #c7c7c7;}
.product-detail .table td:nth-of-type(2n) { padding-left: 25px;}
.carousel-control-prev, .carousel-control-next { width: 32px; color: #9b9b9b;}
.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239b9b9b'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}
.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239b9b9b'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.accordion-item { border-radius: 0 !important; border: none !important; background-color: transparent !important; margin-bottom: 10px;}
.accordion-button { padding: 20px 25px 22px 25px;}
.accordion-button:focus { box-shadow: none;}
.accordion-button.collapsed { background-color: #949494; color: #fff; font-weight: 600; font-size: 1.4rem; letter-spacing: 1px; border-radius: 0 !important;}
.accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.accordion-button:not(.collapsed) { background-color: #5d595d; color: #fff; font-weight: 600; font-size: 1.4rem; letter-spacing: 1px; border-radius: 0 !important;}
.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.quantity { color: #afafaf; font-weight: 500; font-size: 1.2rem;}
.qty .form-control { background-color: transparent; border-radius: 0; border-color: #949494; text-align: center; font-size: 1.2rem; padding: 9px 10px;}
a.add { background-color: #bd1e50; color: #fff; display: block; padding: 6px 15px 9px 15px; text-align: center; font-weight: 600; font-size: 1.4rem;}
a.add:hover { background-color: #000;}
/* WOOCOMMERCE */
.woocommerce .quantity { display: block; float: left; margin-right: 25px;}
.woocommerce .quantity .qty { background-color: transparent !important; color: #5d595d !important; border: 1px solid #949494 !important; border-color: #949494 !important; padding: 9px 10px !important;}
.woocommerce button.button.alt { background-color: #bd1e50 !important; color: #fff !important; display: block !important; float: left !important; width: calc( 100% - 95px ); text-align: center; font-weight: 600; font-size: 1.4rem !important; border-radius: 0 !important;}
.woocommerce button.button.alt:hover { background-color: #000 !important;}
.woocommerce nav.woocommerce-pagination { padding: 30px 0; border-top: 1px solid #c7c7c7;}
.woocommerce nav.woocommerce-pagination ul { border: 0 !important;}
.woocommerce nav.woocommerce-pagination ul li { border-right: none !important; margin: 0 4px !important;}
.woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a { font-weight: 500 !important; min-width: 40px; padding: 10px 0 !important; height: 40px;}
.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover { background-color: transparent !important; color: #bd1e50 !important;}
.wc-block-cart__main .wc-block-cart-items td { padding: 25px 25px 25px 0 !important;}
.wc-block-cart-items__row .wc-block-components-product-name, .wc-block-checkout__sidebar .wc-block-components-product-name { font-weight: 500 !important; color: #bd1e50 !important;}
.wc-block-components-formatted-money-amount { font-weight: 500 !important;}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > * { margin-bottom: 6px !important;}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { font-weight: 300 !important; font-size: 1rem !important;}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { color: #bd1e50 !important; font-size: 0.9rem !important;}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover { color: #000 !important;}
.wc-block-components-text-input input[type="text"], .wc-block-components-form .wc-block-components-text-input.is-active input[type="email"], .wc-block-components-text-input input[type="tel"], .wc-blocks-components-select .wc-blocks-components-select__select, .wc-block-components-textarea { background-color: transparent !important; color: #949494 !important; border-radius: 0 !important; border-top: none !important; border-right: none !important; border-color: #949494 !important; color: #000 !important;}
.wc-block-components-text-input input[type="text"]:focus { border: none !important;}
.wc-block-components-button { border-radius: 30px !important; padding: 12px 25px !important; letter-spacing: 1px; background: transparent !important; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; border: 1px solid #bd1e50 !important; font-weight: 500 !important;}
.wc-block-components-button:hover { background-color: #bd1e50 !important; border-color: #bd1e50 !important; color: #fff !important;}
.wc-blocks-components-select .wc-blocks-components-select__container { background: none !important; border-radius: 0px !important;}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] { background-color: transparent !important; border-radius: 0px !important;}
.wc-block-components-validation-error { color: #bd1e50 !important;}
.wc-block-components-notice-banner.is-error { background-color: transparent !important; border-color: #bd1e50 !important; color: #bd1e50 !important; font-size: 1rem !important;}
/* WOOCOMMERCE FILTERS */
.berocket_single_filter_widget.berocket_single_filter_widget_106.bapf_wid_109 { display: inline-block;}
.berocket_single_filter_widget.berocket_single_filter_widget_108.bapf_wid_109 { display: inline-block;}
.berocket_single_filter_widget.berocket_single_filter_widget_243.bapf_wid_109 { display: inline-block;}
.berocket_single_filter_widget.berocket_single_filter_widget_245.bapf_wid_109 { display: inline-block;}
.bapf_sfilter.bapf_slct, .bapf_sfilter.bapf_slidr.bapf_slidr_ion.bapf_slidr_ready { margin-bottom: 0px !important;}
.irs--flat .irs-bar, .irs--flat .irs-handle > i:first-child, .irs--flat .irs-from, .irs--flat .irs-to { background-color: #bd1e50 !important;}
.irs--flat .irs-to::before, .irs--flat .irs-from::before { border-top-color: #bd1e50 !important;}
.woocommerce-ordering { width: 100% !important; margin: 0px !important; float: none !important; display: inline-block !important; position: relative; top: -8px;}
.woocommerce-result-count, .bapf_sfilter.bapf_button_berocket { margin-bottom: 0px !important; float: none !important; font-size: 0.9rem !important;}
.bapf_body select, .bapf_body .bapf_select2, .woocommerce-ordering .orderby { display: inline-block; width: 100% !important; padding: .375rem 2.25rem .375rem .75rem !important; -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem !important; font-weight: 400; line-height: 1.5; color: #212529; background-color: transparent; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: none; border-radius: 0 !important; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.bapf_sfilter.bapf_button_berocket .bapf_button { font-weight: 400 !important; background-color: #bd1e50 !important; font-size: 1rem !important; width: 100% !important;}
.bapf_sfilter.bapf_button_berocket .bapf_button:hover { background-color: #a9a9a8 !important;}
.wc-block-checkout__shipping-method-option { background-color: #999 !important;}
.wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected { background-color: #bd1e50 !important; color: #fff !important;}
/* MODALS */
.modal-content { border-radius: 0; background-color: #d9d8d6;}
.modal-header { border-color: #c7c7c7;}
.modal-title { color: #bd1e50; font-weight: 600;}
.video { display: block; position: relative;}
.video .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
/* NAVIGATION */
.navbar .nav-item { margin-left: 20px;}
.navbar .nav-item .nav-link { color: #fff; font-weight: 600; letter-spacing: 1px; font-size: 1.2rem; border-bottom: 2px solid transparent; padding: 4px 0;}
.navbar .nav-item .nav-link:hover { color: #bd1e50;}
.navbar .nav-item .nav-link.active { border-bottom: 2px solid #fff;}
.navbar .nav-item:last-child { margin-left: 30px;}
.navbar .nav-item:last-child .nav-link { border: 1px solid #bd1e50 !important; border-radius: 30px; padding: 10px 40px 12px 20px; position: relative; top: -6px; background: url("../images/icon-arrow.png") 90% center no-repeat;}
.navbar .nav-item:last-child .nav-link:hover { color: #fff; background-color: #bd1e50; border-color: #bd1e50 !important;}
.dropdown-menu { background-color: #d9d8d6; border-color: #bd1e50; padding: 0; border-radius: 10px;}
.dropdown-menu li, .dropdown-menu li:last-child { margin-left: 0 !important;}
.dropdown-menu li a { padding: 10px 15px; font-weight: 500; color: #5d595d; letter-spacing: 1px;}
.dropdown-menu li a:hover { background-color: #bd1e50; color: #fff;}
.dropdown-menu li:first-child a { border-radius: 10px 10px 0 0;}
.dropdown-menu li:last-child a { border-radius: 0 0 10px 10px;}
header.internal .navbar .nav-item .nav-link { color: #5d595d;}
header.internal .navbar .nav-item .nav-link.active { border-bottom: 2px solid #5d595d;}
header.internal .navbar .nav-item .nav-link:hover { color: #bd1e50;}
header.internal .navbar .nav-item:last-child .nav-link { background: url("../images/icon-arrow-grey.png") 90% center no-repeat;}
header.internal .navbar .nav-item:last-child .nav-link:hover { color: #fff; border-color: #bd1e50 !important; background: #bd1e50 url("../images/icon-arrow.png") 90% center no-repeat;}
/* BUTTONS */
.btn { border-radius: 30px; padding: 12px 25px; letter-spacing: 1px;}
.btn img { position: relative; top: -1px;}
.btn.btn-lg { padding: 12px 90px;}
.btn-primary { background: transparent; border-color: #bd1e50;}
.btn-primary:hover, .btn-primary:focus { background-color: #bd1e50; border-color: #bd1e50;}
.btn-primary.grey { color: #5d595d; background: transparent url("../images/icon-arrow-grey.png") 88% 17px no-repeat; padding: 12px 45px 12px 25px;}
.btn-primary.grey:hover { color: #fff; background: #bd1e50 url("../images/icon-arrow.png") 88% 17px no-repeat;}
.btn-primary.back { color: #5d595d; background: transparent url("../images/icon-arrow-grey-left.png") 12% 17px no-repeat; padding: 12px 25px 12px 50px; font-weight: 500;}
.btn-primary.back:hover { color: #fff; background: #bd1e50 url("../images/icon-arrow-left.png") 12% 17px no-repeat;}
header .intro .btn-primary, .btn-primary.white { border-color: #fff;}
header .intro .btn-primary:hover, .btn-primary.white:hover { border-color: #bd1e50;}
#notice .btn-primary.white:hover { border-color: #000; background-color: #000;}
/* RESPONSIVE AMENDED STYLES */
/* #Tablet (Landscape)
================================================== */
/* Note: Design for a width of 1080px */
@media only screen and (min-width: 960px) and (max-width: 1080px) {
#accessories .text-box { min-height: 680px;}
.contact a { font-size: 1.4rem; line-height: 1.6rem;}
.product a { padding: 20px;}
#gallery .gallery-item { padding: 15px 15px 0 15px;}
#gallery .gallery-item h3 { font-size: 1.4rem; padding: 15px 0 20px 0;}
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
p.large { font-size: 1.4rem;}
header .intro h1 { font-size: 4rem;}
header .intro .btn-lg { width: 48%; padding: 12px 30px;}
#accessories .text-box { padding: 60px 30px 120px 30px; min-height: 680px;}
#accessories h3 { font-size: 1.6rem;}
a.pdf { padding: 12px 15px 12px 55px; background: url('../images/icon-pdf.png') 15px 6px no-repeat; font-size: 0.8rem;}
a.pdf:hover { background: #bd1e50 url('../images/icon-pdf-white.png') 15px 6px no-repeat;}
.compliance { margin-bottom: 30px;}
.product a { padding: 15px;}
#gallery .gallery-item { padding: 0;}
#gallery .gallery-item h3 { font-size: 1.4rem; padding: 15px 0 20px 0;}
}
/* #Mobile & Tablet (Portrait)
================================================== */
@media only screen and (max-width: 959px) {
.padY30,.padY60,.padY90,.padY120 { padding: 40px 0;}
header .container { max-width: 100%; }
header, header .col-12 { padding: 0 !important;}
header .intro, header .mob-p { padding: 0 30px;}
.navbar-brand { z-index: 120; margin: 10px 0 0 30px;}
.navbar-brand img { max-height: 80px;}
.navbar-nav { background-color: #3f5364; margin: 0 0 0 0; height: calc( 100vh - 100px ) !important; padding-top: 140px; position: absolute; top: 0px; left: 0; width: 100% !important; z-index: 100; text-align: center;}
.navbar { background-color: transparent;}
.navbar .nav-item { width: 100%; border-bottom: none; margin-left: 0; text-align: left; border-bottom: 1px solid #738592;}
.navbar .nav-item .nav-link { border-bottom: none !important; margin: 0; padding: 10px 30px;}
.navbar .nav-item:last-child { margin-left: 0px;}
.navbar .nav-item .nav-link.active, .navbar .nav-item .nav-link:hover, .navbar .nav-item:last-child .nav-link:hover { color: #fff; background-color: #506372 !important;}
.navbar .nav-item:last-child .nav-link { border: none !important; border-radius: 0px; padding: 10px 30px; top: 0px; background: none !important;}
.navbar-toggler { border: none; margin-right: 20px; z-index: 120;}
.navbar-toggler span { display: block; background-color: #fff; height: 2px; width: 30px; margin-top: 5px; margin-bottom: 5px; position: relative; left: 0; opacity: 1; transition: all 0.35s ease-out; transform-origin: center left;}
.navbar-toggler span:nth-child(1) { margin-top: 0.3em;}
header.internal .navbar-toggler span { background-color: #000;}
header.internal .navbar .nav-item .nav-link { color: #fff;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(10%, -100%) rotate(45deg);}
.navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0;}
.navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(10%, 260%) rotate(-45deg); width: 30px; margin-left: 0;}
.navbar-toggler span:nth-child(1) { transform: translate(0%, 0%) rotate(0deg);}
.navbar-toggler span:nth-child(2) { opacity: 1;}
.navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg);}
.navbar-toggler:focus { box-shadow: none;}
.dropdown-menu { background-color: #3f5364; border-color: transparent; padding: 0; border-radius: 0px;}
.dropdown-menu li a { color: #fff; padding: 10px 45px;}
#mob-socials { position: absolute; top: calc( 100vh - 170px ); left: 0; background-color: #f3f3f3; width: 100%; z-index: 1000; text-align: center; padding: 20px 0;}
.guide:nth-last-of-type(2n), .product:nth-last-of-type(2n) { border-right: none; border-left: none;}
#testimonials .carousel-indicators { bottom: -50px;}
#calibre .guage-text { padding: 5% 10%;}
.contact { margin-top: 30px;}
.content .br { border-right: none;}
.product { border-top: 1px solid #c7c7c7;}
.product:first-of-type { border-top: none;}
.product img { margin: 0 auto;}
#filters ul li { margin-right: 10px;}
#filters ul li:first-child { display: block; padding-left: 0.75rem;}
#filters ul li:last-child { float: left; padding: 0 0 0 0.75rem;}
}
/* #Mobile (Both)
================================================== */
/* Note: Landscape and portrait */
@media only screen and (max-width: 767px) {
p.large { font-size: 1.3rem;}
a.pdf { padding: 12px 15px 12px 15px !important; background: url('../images/icon-pdf.png') 15px 6px no-repeat; font-size: 1rem; width: 100%; display: block; text-align: center;}
a.pdf:hover { background: #bd1e50 url('../images/icon-pdf-white.png') 15px 6px no-repeat;}
.navbar-nav { padding-top: 120px; height: auto !important;}
.dropdown-menu li a { padding: 5px 45px;}
#mob-socials { display: none;}
#top-bar #translate .form-select { width: 160px;}
#top-links .nmp { padding: 0;}
#top-links a { font-size: 0.9rem;}
header { padding: 30px 0 60px 0;}
header .intro h1 { font-size: 2rem;}
header .intro p { font-size: 1.2rem;}
header .intro .btn-lg { width: 100%; padding: 12px 30px;}
header.internal h1, header.internal h2 { font-size: 1.8rem;}
#banner { padding: 140px 0 0 0;}
#banner #gradient { background: url("../images/banner-gradient.png") 135px 0 repeat-x; padding: 0 0 30px 0;}
#accessories .text-box { padding: 60px 30px 120px 30px; min-height: inherit;}
#featured-products .br { border-right: none; border-bottom: 1px solid #c7c7c7;}
#copyright, #copyright .text-end { text-align: center !important;}
.two-tone { background: linear-gradient(180deg,rgba(217, 216, 214, 1) 0%, rgba(217, 216, 214, 1) 82%, rgba(63, 83, 100, 1) 82%, rgba(63, 83, 100, 1) 100%);}
.two-tone-news h1 { font-size: 2rem;}
#about-tabs .carousel-item { padding: 0;}
#about-tabs .carousel-indicators { bottom: -40px;}
#featured-products, #featured-products .container { padding: 0;}
#featured-products a.prd-link { padding: 45px 60px 45px 15px; background-position: 96% 45px;}
#featured-products a.prd-link h3, #featured-products a.prd-link p { font-size: 1.2rem;}
#testimonials .quote { font-size: 1.1rem;}
ul.nav-tabs .nav-item .nav-link { font-size: 1.4rem; line-height: 1.4rem;}
#filters ul li { font-size: 0.8rem;}
#filters ul li .form-select { width: 120px; font-size: 0.8rem;}
.product-detail .note { margin-bottom: 15px;}
.content.guides .container-fluid { padding: 0;}
.content.guides .bt { border-top: none;}
.content.guides .guide { border-bottom: 1px solid #c7c7c7;}
.contact { padding: 0 30px;}
#contact-form .text-end { text-align: center !important;}
.compliance { margin-bottom: 30px;}
.compliance-list .padY60 { padding: 30px 0 0 0;}
#filters { padding: 15px 0;}
#gallery .gallery-item { padding: 0;}
#gallery .gallery-item h3 { font-size: 1.4rem; padding: 15px 0 20px 0;}
#gallery .middle { border: none !important;}
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
}
@-moz-document url-prefix() {
fieldset { display: table-cell; }
}