/* Navbar */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Barlow', sans-serif!important;}
li{font-weight:400!important}
a { color: #cd2027;text-decoration: underline;}
@media (max-width: 992px){
.navbar {padding: 8px 30px;}
.fixed-bottom, .fixed-top {max-height: 100%;overflow: visible; overflow-x: hidden;}}
@media (max-width: 250px) {
.navbar {padding: 8px 10px;}}
@media (min-width: 1200px) {
.navbar-brand img {height: 47px;}}
#mainNav {border-bottom: 1px solid rgba(33,37,41,.1);background-color: #fff;transition: all .2s;}
@media (min-width: 992px) {
#mainNav {background-color: #000;height: 100px;}}
#mainNav.navbar-shrink .menu-sub {top: 99px;}
#mainNav.navbar-shrink .navbar-brand, #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {color: #8521ac;height: unset;font-size: 1.6rem;}
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover {color: #fff!important;background-color: #000;}
@media (max-width: 992px){#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover {color: #212529!important;background-color: unset;}}
#mainNav.navbar-shrink .navbar-brand, #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {color: #8521ac;height: unset;font-size: 1.6rem;}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {color: #8521ac!important; background-color: transparent;}
#mainNav.navbar-shrink {padding: 0.3rem 1rem;;}
#mainNav.navbar-shrink {border-bottom: none;background-color: #ffffff;box-shadow: 0 0 20px 0 rgba(10, 16, 21, 0.08);}
.buffer{height:100px}
@media (max-width: 992px) {
.navbar-brand {height: unset;font-size: 1.6rem;}
.buffer{height:46px}}
@media (min-width: 1600px) {
.menu-btns {margin-left: 0;padding-left: 22px;}}
.menu-btns {margin-bottom: 26px;margin-top: -10px;padding-top: 10px;display: flex;position: relative;}
.phone-menu{text-align: right; padding-top: 20px; border-top: 1px solid #d9d9d9; display: block!important;}
@media (min-width: 992px){.phone-menu{padding-top: unset; border-top: unset;}}
@media (min-width: 992px) {.menu-btns {display: flex;margin-bottom: -10px;margin-left: 0;padding-left: 15px;padding-top: 0;}}
@media (max-width: 992px) {.menu-btns {display:none;}}
ol, ul {list-style: none;}
@media (min-width: 992px) {.menu-btns > li:last-child {padding-right: 0;}}
.menu-btns > li {padding: 0px;}
@media (min-width: 992px) {.menu-btns > li {padding: 10px;}}
.menu-btns > li a {padding: 3px 3px; color: #000000; text-decoration: none;}
@media (min-width: 992px) {.menu-btns > li a {padding: 3px 3px;color: #fff;text-decoration: none;}}
p {margin-top: 0!important; margin-bottom: 1rem!important;font-weight: 400!important;}
.btn { position: relative; font-size: 14px;font-weight: 700;color: #ffffff;background: #8521ac;text-transform: uppercase;border-radius: 0px;display: inline-block;padding: 10px 20px;transition: all ease .5s;outline-style: none;min-width: 120px;}
@media (min-width: 992px) {.btn {padding: 13px 30px 14px;}}
.btn:hover {color: #000000;}
.btn-invi {position: absolute;font-size: 15px;font-weight: 700;font-family: "Barlow", sans-serif;color: #ffffff;background: #252525;border-radius: 30px;display: inline-block;transition: all ease .5s;outline-style: none;padding: 12px 20px 14px;right: 25px;bottom: 110px;}
.btn-invi:hover {background: rgba(37,37,37,0.75);color: #ffffff;}
.btn-invi .invi {color: #ffffff;cursor: pointer;}
.btn-invi .invi:hover {color: #ffffff;}
.thumb-wrapper span {opacity: 0;visibility: hidden;transition: opacity .2s,visibility .2s,transform .2s;}
/* ANIMATED HAMBURGUER MENU */
.animated-icon3 {width: 30px; height: 20px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.animated-icon3 span {display: block; position: absolute; height: 3px; width: 100%; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;background: #000000;}
.animated-icon3 span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.animated-icon3 span:nth-child(2) { top: 10px; -webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.animated-icon3 span:nth-child(3) { top: 20px;-webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.animated-icon3.open span:nth-child(1) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;left: 8px;}
.animated-icon3.open span:nth-child(2) { width: 0%; opacity: 0;}
.animated-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);transform: rotate(-45deg); top: 21px; left: 8px;}
/* END ANIMATED HAMBURGUER MENU */
.navbar-light .navbar-toggler {border-color:rgba(0,0,0,0);}
/*Contact Page Box*/
.bg-primary {background-color: #ff5e5e!important;}
.box-content {padding: 40px 30px;}
.title-cont-box {font-size: 3rem;font-weight: 700!important;line-height:1;margin-bottom: 40px!important;}
.addres-cont-box {font-size: 1.5rem;font-weight: 300!important;line-height: 1;}
.pho-cont-box {border-bottom: 1px solid #212529;padding: 12px 0;}
/*End Contact Page Box*/
#searchbar {display: none; float: left; top: 100px; position: fixed; width: 100%; height: 62px; border-top: 1px solid #d8d8d8; z-index: 9999; background: #fff; -webkit-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.2); box-shadow: -1px 2px 2px rgba(0,0,0,0.2);}
@media (max-width: 992px){#searchbar{top: 45px;}}
#searchsubmit {display: block; float: right; margin-top: 10px; background: none; color: #717171;border: 0;outline: none;cursor: pointer;}
#query {display: block; width: 88%; border: 0; outline: none;padding: 0; height: 60px; line-height: 60px;font-size: 2.0em;font-weight: bold; color: #676767;}
@media (max-width: 400px){#query { width: 78%;font-size: 1.5em;}}
.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
/*NEW POP UP*/
.box-pop { width: 40%; margin: 0 auto; background: rgba(255,255,255,0.2); padding: 35px; border: 2px solid #fff; border-radius: 20px/50px; background-clip: padding-box; text-align: center;}
.button-pop {font-size: 1em; padding: 10px; color: #fff; border: 2px solid #06D85F; border-radius: 20px/50px;text-decoration: none; cursor: pointer; transition: all 0.3s ease-out;}
.button-pop:hover {background: #06D85F;}
.overlay-pop { position: fixed;top: 0;bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 9999;}
.overlay-pop:target { visibility: visible; opacity: 1;}
.popup-pop {margin: auto auto; top: 20%; padding: 20px;background: #fff; border-radius: 5px; width: 30%; position: relative;transition: all 5s ease-in-out;}
.popup-pop h2 {margin-top: 30px; color: #333;margin-bottom: 20px;font-weight: 700;}
.popup-pop .close { position: absolute;top: 20px; right: 25px;transition: all 200ms; font-size: 40px;font-weight: bold; text-decoration: none; color: #333; transition: all 0.3s ease-out;}
.popup-pop .close:hover { color: #b60000;}
.popup-pop .content { max-height: 50%; overflow: hidden;}
@media screen and (max-width: 700px){ .box-pop{ width: 70%;} .popup-pop{ width: 70%; }}
.text-white { text-decoration: none;}
/*CONTACT FORM*/
.get-in-touch{width:100%}
@media (min-width:762px){.get-in-touch{width:90%}}
.get-in-touch .form-group {float: left;width: 50%;position: relative;margin: 0 auto 0.5rem;}
form label {display: none;}
@media (min-width: 992px){.get-in-touch .form-control {margin-bottom: 30px;}}
.get-in-touch .form-control {width: 100%;font-size: 1rem;border: 1px solid #ecf6fa;padding: 18px 20px;margin-bottom: 10px;color: #4b4b4b;background: transparent;background-color: #ecf6fa !important;height: auto;}
.field-message {width: 100%!important;}
@media (min-width: 992px){.get-in-touch .form-control {margin-bottom: 30px;}}
.form-control {box-shadow:unset!important;}
.btn {position: relative!important; font-size: 15px!important;font-weight: 700!important;background: #252525!important;color: #ffffff!important;text-transform: uppercase!important; display: inline-block!important; transition: all ease .5s!important;outline-style: none!important; min-width: 120px!important;border:unset!important; margin-left:15px!important; border-radius: 30px!important; padding: 12px 20px 14px!important;}
.btn:hover {background-color: #51565c!important;}
.btn.focus, .btn:focus {box-shadow: unset;}
/*END CONTACT FORM*/
@media (pointer: fine) {
.thumb-wrapper:hover span {opacity: 1;visibility: visible;transform: translateY(22px);}}
@media (max-width: 992px) {#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {font-size: 20px;font-weight: 700;text-transform: capitalize;color: #212529;padding: 12px 0px;background: linear-gradient(to right,#000,#000) 0 min(100%,2.25em) / 0 1px no-repeat;transition: background-size .3s ease-in-out; text-decoration: none;}}
@media (min-width: 992px) {#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {font-size: 12px;font-weight: 700;color: #212529;}}
@media (min-width: 1200px) {#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {font-size: 14px;letter-spacing: .04em;}}
@media (min-width: 992px) {#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:hover {transition: all .4s;}}
@media (min-width: 992px) {#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {color: #ffffff;}}
@media (min-width: 992px) {#mainNav .navbar-nav > li.nav-item > a.nav-link {padding: 20px 10px; text-decoration: none;}}
@media (min-width: 1200px) {#mainNav .navbar-nav > li.nav-item > a.nav-link {padding: 38px 10px 39px;text-decoration: none;}}
@media (min-width: 1600px) {.menu-btns {margin-left: 0;padding-left: 22px;}}
ul.dropdown-menu {border-radius: 0;border-top: none;padding: 15px 0px;min-width: 100%;background: #ffffff;border: none;box-shadow: none;margin: 0;}
@media (min-width: 992px) {ul.dropdown-menu {border-radius: 0;border-top: none;padding: 15px 0px;min-width: 250px;background: #ffffff;border-top: 1px solid #e1e1e1;box-shadow: 0px 16px 12px 0px rgba(10, 16, 21, 0.28);}}
@media (min-width: 992px) {.dropdown.dropdown-top:hover .dropdown-menu.multi-level {display: block;margin-top: 0px;border-radius: 0;}}
@media (min-width: 992px) {.products-drop ul{ height: 100%;overflow: visible;overflow-x: hidden;padding-bottom: 100px;}}
@media (max-width: 992px) {.arrow-menu {margin-left: 10px; float: right; padding: 6px; background-color: #ccd1d1;border-radius: 20px;}}
@media (min-width: 992px) {
.arrow-menu { margin-left: 10px; float: unset;}}
.dropdown-menu a {padding: 8px 10px;color: #000; font-size: 13px; display: block; text-decoration: none;}
@media (max-width: 992px) {.dropdown-menu a {padding: 6px 10px;font-size: 16px; font-weight: 700;}}
@media (min-width: 992px) {.dropdown-menu a { padding: 8px 10px; color: #6c6c6c; font-size: 16px; font-weight: 500; display: block;text-decoration: none;}}
.dropdown-menu,.title-li,a.dropdown-sub-hover{font-size: 26px; font-weight: 700; color: #000; padding-top: 20px;}
.check-box { background-color: #4CAF50; padding: 20px; color: #fff;}
  /*MENU IMAGES*/
.twelve-points-bolts{display:inline-block;}
.twelve-points-bolts{background-image: url('/media/site/images/12-point-flange-screw.jpg');width: 300px;height: 450px;background-size: 100%;background-repeat: no-repeat;background-position: center;display: flex;transition: transform .2s;-webkit-transition: all 0.5s ease-out;float:right;}
.twelve-points-bolts a{width: 100%;height: 100%;color: #fff!important;padding: 30px!important;font-size: 1.5rem;font-weight: 700;}
.twelve-points-bolts a:hover{color: #000!important;}
.twelve-points-bolts:hover{background-size: 120%;-webkit-transition: all 0.5s linear;}

.hex-head-cap-screws{display:inline-block;}
.hex-head-cap-screws{background-image: url('/media/site/images/hex-head-screw.jpg');width: 300px;height: 450px;background-size: 100%;background-repeat: no-repeat;background-position: center;display: flex;transition: transform .2s;-webkit-transition: all 0.5s ease-out;float:right;margin-right: 6px;}
.hex-head-cap-screws a{width: 100%;height: 100%;color: #fff!important;padding: 30px!important;font-size: 1.5rem;font-weight: 700;}
.hex-head-cap-screws a:hover{color: #000!important;}
.hex-head-cap-screws:hover{background-size: 120%;-webkit-transition: all 0.5s linear;}

.round-bend-u-bolt{display:inline-block;}
.round-bend-u-bolt{background-image: url('/media/site/images/round-bend-u-bolt.jpg');width: 300px;height: 450px;background-size: 100%;background-repeat: no-repeat;background-position: center;display: flex;transition: transform .2s;-webkit-transition: all 0.5s ease-out;float:right;margin-right: 6px;}
.round-bend-u-bolt a{width: 100%;height: 100%;color: #fff!important;padding: 30px!important;font-size: 1.5rem;font-weight: 700;}
.round-bend-u-bolt a:hover{color: #000!important;}
.round-bend-u-bolt:hover{background-size: 120%;-webkit-transition: all 0.5s linear;}
  
.shoulder-nut-eye-bolt{display:inline-block;}
.shoulder-nut-eye-bolt{background-image: url('/media/site/images/shoulder-nut-eye-bolt.jpg');width: 300px;height: 450px;background-size: 100%;background-repeat: no-repeat;background-position: center;display: flex;transition: transform .2s;-webkit-transition: all 0.5s ease-out;float:right;margin-right: 6px;}
.shoulder-nut-eye-bolt a{width: 100%;height: 100%;color: #fff!important;padding: 30px!important;font-size: 1.5rem;font-weight: 700;}
.shoulder-nut-eye-bolt a:hover{color: #000!important;}
.shoulder-nut-eye-bolt:hover{background-size: 120%;-webkit-transition: all 0.5s linear;}
@media (max-width: 992px) {
.twelve-points-bolts{display:none;}
.hex-head-cap-screws{display:none;}
.round-bend-u-bolt{display:none;}
.shoulder-nut-eye-bolt{display:none;}}
  /*END MENU IMAGES*/
@media (min-width: 1200px) {.dropdown-menu a {padding: 5px 18px;}}
@media (min-width: 992px) {.navbar-nav > .dropdown:hover > a {color: #000000!important;background-color: #fff;}}
/*@media (min-width: 992px) {.dropdown:hover > .dropdown-menu { opacity: 1;visibility: visible;transform: translateX(0) translateY(0);}}*/
@media (min-width: 992px) {.dropdown:hover > .dropdown-menu { opacity: 1;visibility: visible; }}
.dropdown-menu a:hover { color: #b6b6b6;}
.dropdown-submenu { position: relative;display: inline-flex;flex-direction: column;}
@media (min-width: 992px){.navbar-expand-lg .navbar-nav .dropdown-menu {position: relative;}}
.dropdown-submenu>.dropdown-menu { display: block; box-shadow: none;border: none; padding-top: 5px;}
.dropdown-sub-hover, a.dropdown-sub-hover, .dropdown-menu>li>a.dropdown-sub-hover { display: block;}
.dropdown-sub-toggle, a.dropdown-sub-toggle, .dropdown-menu>li>a.dropdown-sub-toggle
.navbar-toggler {display:none;}
.dropdown-level-2-item.dropdown-mobile-nav{display:none}
.navbar-light .navbar-toggler {color: #000;}
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:hover {text-decoration: none;background-size: 100% 1px;}
@media (min-width: 992px) {#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:hover {color: #000;text-decoration: none;background-size: 100% 1px;background-color:#fff;}}
.menu-item {position: relative;}
.container-menu{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
@media (min-width: 1200px){.container-menu{  max-width:1500px;}}
.dropdown-menu .menu-item:first-child { /*border-top: 1px solid rgba(219, 228, 247, 0.75);*/}
@media (min-width: 992px) {.dropdown-menu .menu-item:first-child {border-top: none;}}
.menu-item:last-child {border-bottom: 0;}
@media (min-width: 992px) {.menu-item {border-bottom: none;}}
@media (max-width: 992px) {.menu-sub { padding: 0 0 0 15px!important;}}
@media (min-width: 992px) {.logo-white, .navbar:not(.navbar-shrink) .logo-original {display: none; height: 50px;}}
@media (max-width: 992px) {.logo-white {display: none; height: 50px;}}
@media (min-width: 992px) {.logo-original, .navbar:not(.navbar-shrink) .logo-white {display: block;}}
@media (max-width: 992px) {.logo-original { display: block;height: 35px;}}
.navbar-shrink img { height: 47px;}
@media (max-width: 992px) {.navbar-shrink img { height: 35px;}}  
@media (min-width: 992px) {.navbar-expand-lg .navbar-toggler {display: none; }}
@media (min-width: 992px) {.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl { -ms-flex-wrap: nowrap;flex-wrap: nowrap;}}
.container {max-width: 1500px;}
.navbar-brand {display: inline-block;padding-top: 0.3125rem;padding-bottom: 0.3125rem;margin-right: 1rem; font-size: unset;line-height: inherit;white-space: nowrap;}
@media (min-width: 768px) {.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: unset; float: unset;height: auto; padding: unset; }}
img { max-width: 100%;}
.collapse.in { display: block;visibility: visible;}
.navbar-brand, .navbar-nav > li > a { text-shadow: none;line-height: unset;}
.arrow-menu { margin-left: 10px; float: right;}
@media (min-width: 992px) {.arrow-menu { margin-left: 10px;float: unset;font-size: 12px;}}
@media (max-width: 992px) {.logo-white {display: none; height: 50px; }}
@media (min-width: 1200px) {.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1500px; }}
.navbar {padding: 0.3rem 1rem;}
@media (min-width: 1200px) {.navbar {padding: 0;}}

@media (min-width: 992px) {.navbar-expand-lg .navbar-collapse {justify-content: space-between; margin-left: 50px;}}
.menu-icons {color: #ffffff;}
@media (min-width: 992px) {.menu-icons {display: none; }}
@media (max-width: 992px) { #cart {display: none; }}
@media (max-width: 1200px) { #search { display: none; }}
.submenu-icons {display: none;}
@media (max-width: 992px) {.submenu-icons { margin-bottom: auto; margin-top: auto; padding: 0px; display: flex; position: relative;}}
.submenu-icons > li a { color: #000000;padding-right: 15px;}
@media (max-width: 992px) { #user { display: none; }}
@media (min-width: 992px) { .hide-account {display: none; }}
.simple-slider {}
.hide-account {margin-right: 25px;font-size: 14px; font-weight: 700;}
.swiper-slide {}
.nav-link, .nav-link.hover\:show:hover { /*background-size: 100% 1px;*/}
@media (max-width: 992px) {.navbar-nav { margin-top: 30px; }}
/*@media (min-width: 992px) {.menu-sub { position: absolute;  min-width: 220px; background: #ffffff; padding: 15px 0;top: 100%;left: 0; display: block !important;z-index: 99;opacity: 0;visibility: hidden; transition: all .4s; transform: translateX(0) translateY(-8px);box-shadow: 0px 3px 12px 0px rgba(10, 16, 21, 0.08); width: 100vw; position: fixed!important;top: 99px; }}*/
@media (min-width: 992px) {.menu-sub { position: absolute;  min-width: 220px; background: #ffffff; padding: 15px 0;top: 100%;left: 0;  z-index: 99;opacity: 0;visibility: hidden;  transition: 0.1s 0.1s; box-shadow: 0px 3px 12px 0px rgba(10, 16, 21, 0.08); width: 100vw; position: fixed!important;top: 99px; }}
@media (min-width: 992px) {.menu-sub:hover { visibility: visible; transition-delay: 0s; } }
body {font-family: 'Barlow', sans-serif!important; font-weight: 400!important;}
/* BREADCRUMB */
ol.breadcrumb li a {color: #ffffff!important;font-size: 14px;font-weight:500;text-decoration:none;}
ol.breadcrumb>.active { color: #d8d8d8!important;font-size: 14px!important;}
.breadcrumb>li+li:before {padding: 0 2px 0 5px;color: #d8d8d8;content: "/\00a0";}
/* END BREADCRUMB */
.order_col2 {flex: unset!important;}
/* images section */
.image-1 { width: 100%;border-radius: 10px;}
.arrow-2 {position: absolute;width: 100%;padding-top: 105px;padding-right: 30px; text-align: right;}
.mb-0 {margin-top: 60px;}
.banner-size{min-height: 450px;background-size: cover;background-position: center;background-repeat: no-repeat;}
@media (min-width: 1300px) {.banner-size{   min-height: 510px;
}}
@media (min-width: 1600px) {.banner-size{min-height: 560px;}}
.h1-banner{font-size: 5rem; margin: 1.2rem 0; font-weight: 700;font-family: 'Barlow', sans-serif!important;line-height: 1.1;}
@media (max-width: 1300px) {.h1-banner{   font-size: 4rem;}}
@media (max-width: 992px) {.h1-banner{   font-size: 3rem;}}
table th{font-size: 14px; padding-right: 35px;}
table td {padding-left: 0!important;}
@media (max-width: 992px) {.panel-body table th{font-size:13px; padding-right:7px; text-transform:lowercase;}}
@media (max-width: 448px) {.panel-body table th{font-size:9px; padding-right:0; text-transform:lowercase;line-height: 1;}}

.title-image {color: #ffffff;font-size: 2.15rem;text-transform: uppercase;font-weight: 700;position: absolute; padding-top: 30px; width: 100%;}
.images-cont { max-width: 600px;margin-left: auto; margin-right: auto;}

@media (max-width: 992px) {.images-cont { margin-bottom: 20px;}}
.carousel-item a{text-decoration:none!important;}
.arrow-circle { --transition-direction: 1;scroll-snap-align: center;scroll-snap-stop: always;overflow: hidden;text-align: right;}
.white-circle { padding: 10px; background-color: #fff; color: #333333; border-radius: 30px; width: 35px; height: 35px; text-align: center;font-size: 14px; line-height: 1.5;}
.arrow-circle-content + i {transform: translateY(calc(var(--transition-direction) * 48px));}
.arrow-circle-content-wrapper i {opacity: 0;visibility: hidden; transition: opacity .2s,visibility .2s,transform .2s;display: inline-block;}
@media (pointer: fine) {.arrow-circle:hover .arrow-circle-content + i {transform: translateY(56px); }}
@media (pointer: fine) { .arrow-circle:hover .arrow-circle-content-wrapper i { opacity: 1; visibility: visible; transform: translateY(-8px); }}
.arrow-circle-content {transition: transform .2s;}
a:hover { color: #000000;text-decoration: unset;}
/* Featured Products */
.left-control {left: auto; right: 12px;}
.carousel-control-next, .carousel-control-prev { position: relative; top: 0; bottom: unset; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center;justify-content: center;width: 50px;height: 50px; padding: 0;color: #000000; text-align: center; background: none;transition: opacity .15s ease;opacity: 1; border: 1px solid #dcdcdc; border-radius: 100px;font-size: 20px;cursor: pointer; -webkit-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-decoration: none;}
.main-section {margin-top: 0; margin-bottom: 60px;}
.grey-box-content{    width: 100%; background-color: #f5f5f5; padding: 30px; margin-top: 20px; margin-bottom: 40px;}
.grey-box-content ul li{list-style: square;}
.red-box-content{background-color: #f03333;padding: 30px;color: #fff;}
.red-box-content p{font-size: 1.1rem;font-weight: 500!important;}
.show-list li{list-style: square;}
/* STAFF */
.department-container { display: inline-block; width: 100%; position: relative; margin: 0 auto 3rem;}
.department-container h2 {text-transform: uppercase;}
.staff-member-container:nth-child(2n) {margin: 0 1rem 1.5rem 0;}
.staff-member-container {width: calc(50% - 1rem);height: auto;margin: 0 0 1.5rem 1rem; padding: 0px; float: left; position: relative; overflow: hidden;}
.department-container:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
a.staff-member-link { display: block;}
.staff-group { background-color: #f5f5f5; -webkit-transition: background-color .25s; -webkit-transition-timing-function: linear; transition: background-color .25s; transition-timing-function: linear;}
.staff-40 { float: left;width: 20%; margin-right: 2%; height: auto; position: relative;}
.staff-60 { float: left; width: 78%; margin: 0 auto; height: auto; padding: 0 1rem;position: relative; display: table; table-layout: fixed; vertical-align: middle;}
.staff-overlay { position: absolute; top: 0;left: 0; width: 100%; height: 100%; text-align: center; padding: 0px 0px 0px; background-size: cover;background-position: bottom; background-repeat: no-repeat; opacity: 1;border-radius:10px;}
.staff-member-image { display: block; width: 100%; height: auto; max-width: 100%; vertical-align: middle;}
.staff-60-name { display: table-cell; float: none; height: 100%; vertical-align: middle; position: relative;}
.staff-60-overlay {position: absolute;height: auto; width: 100%; text-align: center;bottom: 0; margin-bottom: 0.5rem; font-size: 1.3rem; display: table; vertical-align: bottom;}
.member-name {font-size: 2.5rem;font-weight: 700; line-height: 0.9; text-transform: uppercase; color: #000; margin: 0 auto 0.5rem; padding: 0px 0px; position: relative;-webkit-transition: color .125s; -webkit-transition-timing-function: linear; transition: color .125s;transition-timing-function: linear;}
@media screen and (max-width: 599px){
.member-name {font-size: 1.1rem;}
	.member-role{font-size: .8rem; line-height: 1;padding-bottom: 15px;}}
.staff-60-name { display: table-cell;float: none; height: 100%; vertical-align: middle; position: relative;}
.lightbox-container { display: none;}
.lightbox-staff-item { position: relative;}
.lightbox-item-image { position: relative; top: 0; left: 0; width: 100%; height: 100%; padding: 0px 0px; background-size: cover; background-position: center top; background-repeat: no-repeat; opacity: 1; background-color: transparent; max-width: 220px; float: left; margin-right: 25px; margin-bottom: 10px;}
.lightbox-item-image-container {display: block;width: 100%; height: auto; max-width: 100%; vertical-align: middle;}
.lightbox-staff-item h4 {font-size: 1.25rem;}
h4.fl-staff-member-name { font-weight: 700; font-size: 2.25rem; margin-top: 0;color: #000; text-transform: uppercase;line-height: 1; margin-bottom: 5px;}
.lightbox-staff-item p.fl-staff-member-role { font-weight: 300; color: #666; font-size: .8rem;text-align: left; margin-bottom: 0px; line-height: 1.3;}
.lightbox-staff-item p { font-weight: 300; color: #000;font-size: 1rem;}
.featherlight { position: fixed; display: block; top: 0; left: 0;width: 100%; height: 100%; margin: 0 auto; padding: 0; z-index: 9999999;background-color: rgba(0,0,0,0.7);}
.featherlight .featherlight-content { background-color: #f4f4f4; width: 95%; max-width: 800px; padding: 5px 1rem 1rem; margin-top: 30px!important; max-height: calc(100% - 60px); overflow-y: scroll; margin: 0 auto; border: 8px solid #f4f4f4; border-radius: 10px; }
.featherlight-inner {}
.lightbox-staff-item { position: relative;}
.featherlight-inner:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
a.staff-member-link:hover .member-name, a.staff-member-link:focus .member-name  { color:#717171; }
@media screen and (max-width: 998px){
.staff-member-container:nth-child(2n) {float: none; width: 600px; max-width: 100%; margin: 0 auto 1.25rem;}
.staff-member-container{float: none;width: 600px;max-width: 100%;margin: 0 auto 1.25rem;}}
.carousel { position: relative; display: flex; flex-direction: column-reverse;}
.carousel-indicators li { margin-left: unset; margin-right: unset;width: 100%; background-color: #dcdcdc;}
.mt-0 {margin-top: 0; margin-bottom: 60px;}
.carousel-indicators { position: relative;right: 0; bottom: 0; left: 0; z-index: 15; display: -ms-flexbox;display: flex; -ms-flex-pack: center; padding-left: 0; margin-right: 0; margin-left: 0; list-style: none; justify-content: center; padding-top: 15px;}
.arrows-box {width: 100%;height: auto; display: inline-flex; position: relative;text-align: right; float: left;justify-content: flex-end;}
.carousel-indicators .active {opacity: 1; background-color: #000;}
.carousel-indicators li {opacity: 1; transition: .4s ease;}
.card-product-title { color: #000; font-size: 1rem; font-weight: 700;}
.thumb-content { text-align: center;}
.img-box{  background-size: contain; background-repeat: no-repeat;background-position: center;}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #b60000;}
button { background-color: transparent;border: none;font-weight: 700;}
@media (min-width: 992px) {#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus { color: #212529;}}
#mainNav.navbar-shrink .menu-btns > li a { color: #000;}
.item-price {color: #7e756f;}
.line-none{text-decoration: none;}
.seo-content li {list-style: disc!important;}
/* MAIN CONTENT */
.main-content { margin-left: auto; margin-right: auto; max-width: 650px;padding: 0 20px;line-height: 1;}
.main-title {font-size: 2.9rem;line-height: 1.1;font-weight: 800;text-transform: uppercase;margin-bottom: 30px;}
.main-content p { font-size: 1.2rem; line-height: 1.2;}
.h2, h2 { font-size: 2.9rem;}
.feature-products { font-size: 2.8rem; font-weight:700;}
.popover-circle-1 {bottom: 84%; left: 64%; position: absolute; width: 55px; height: 55px; background-color: #fff;border-radius: 50px;}
.popover-circle-2 { bottom: 67%;left: 67%; position: absolute; width: 55px; height: 55px; background-color: #fff; border-radius: 50px;}
.popover-circle-3 {bottom: 50.5%; left: 70%;position: absolute;width: 55px; height: 55px; background-color: #fff;border-radius: 50px;}
.popover-circle-4 { bottom: 33.5%;left: 74%; position: absolute; width: 55px; height: 55px; background-color: #fff; border-radius: 50px;}
.popover-circle-5 { bottom: 16.5%;left: 78%; position: absolute; width: 55px; height: 55px;background-color: #fff;border-radius: 50px;}
.glow::before, .glow::after {content: '';position: absolute; left: -5px; top: -5px; background: linear-gradient(84deg, #ffffff, #ff7272, #ffadad, #fafafa); background-size: 400%; width: calc(100% + 10px); height: calc(100% + 10px);z-index: -1; animation: animate 20s linear infinite; border-radius: 50px;}
@keyframes animate { 0% {background-position: 0 0;} 50% {  background-position: 400% 0; }100% { background-position: 0 0; }}
.glow::after {filter: blur(40px);}
.image-big {z-index: -1;position: relative;}
@media (min-width: 576px) { .modal-dialog { margin: auto auto; top: 50%;}}
.padding-circle { padding: 15px 20px; display: block;}
.dis-grid { display: grid; position: relative;justify-content: center;}
@media (max-width: 766px) { .sect-hide-mid { display: none; }}
/* categories slider */
.thumb-category { background-color: #f2f2f2; padding: 10px; border-radius: 10px;}
.pad-title-cat { padding: 10px 0;}
.black-circle { padding: 13px; background-color: #000000; color: #ffffff; border-radius: 30px; width: 40px; height: 40px; text-align: center; font-size: 10px; line-height: 1.5;}
.btn-invi-2 { position: absolute; display: inline-block; transition: all ease .5s; right: 100px; bottom: 90px;}
@media (max-width: 992px) { .thumb-category { margin-bottom: 20px; }}
.thumb-wrapper {margin-bottom: 20px;}
@media (min-width: 992px) {.thumb-wrapper { margin-bottom: 0; }}
/* testimonials */
.tes-name { color: #000000; letter-spacing: .1rem;margin-top: 10px;}
.stars { background-image: url(/media/site/images/5-stars.svg); height: 22px; width: 174px; background-position: top center; background-repeat: no-repeat; background-size: contain; margin-bottom: 10px;margin-left: auto; margin-right: auto;}
/* testimonials Page */
.testimonial-items-container { margin: 50px auto;}
.testimonial-item { margin: 0 auto 80px;}
.testimonial-table { width: 100%; margin: 0 auto; display: table; table-layout: fixed; background-color: #f0f0f0;}
.image-testimonials-page { width: 120PX; height: 120px;}
.testimonial-quoteOpen {display: table-cell; width: 5%;vertical-align: top; padding-left: 10px; padding-top: 10px;}
.testimonial-quoteClose{display: table-cell; width: 5%; vertical-align: bottom; padding-right: 10px; padding-bottom: 10px;}
.testimonial-quote img {width: 100%;height: auto;}
.testimonial-content p.testimonial-name {text-align: center;margin: 0 auto 0; font-weight: 700!important;color: #000000;font-size: 2rem;}
.testimonial-content { text-align: justify;margin-bottom: 20px;color: #353738; padding: 80px 0;}
.lightbox-container { display: none;}
/* IMAGE GALLERY */
.image-gallery-item-container {width: 100%;height: auto;max-width: 465px;position: relative; margin: 0 auto 25px;padding: 0px;overflow: hidden;}
.image-gallery-item-container a {position: relative;display: block;width: 100%;height: 100%;}
.image-gallery-item-inner {position: relative;}
.image-gallery-item-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0px 0px; background-size: cover;background-position: center;background-repeat: no-repeat;opacity: 1;background-color: transparent;}
.image-gallery-item-image-container {display: block;width: 100%;height: auto;max-width: 100%;vertical-align: middle;}
a.thumbnail {position: relative; display: block; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;opacity: 1;background-color: transparent;}
a.thumbnail img {display: block;width: 100%;height: auto; max-width: 100%;vertical-align: middle;}
/* footer */
.bg-dark {background-color: #000000!important;}
.footer-social-color{color:#fff;}
.footer-social-color:hover{color:#fff;}
.footer-title {font-size: 1rem; text-transform: uppercase; font-weight: 800;margin-bottom: 30px;}
#footer-column ul{padding-left:0px;}
.logo-footer {height: 70px;}
.text-footer {color: #757575;font-size: 1.1rem;font-weight: 500;line-height: 1.3;margin-top: 1rem;}
.copyright { font-size: .9rem; color: #a9a9a9; font-weight: 500!important;}
.copyright a:hover {color: #a9a9a9; text-decoration: underline;}
.copyright a {color: #a9a9a9;}
.link-footer {color: #a9a9a9; font-size: 1.01rem; font-weight: 500;letter-spacing: .5px;}
.link-footer:hover { color: #ffffff;}
.footer-icons-social {width: 30px; height: 30px;}