ul#Kitchen_Knife_exports { position: relative; display: inline-block; margin: 0; padding-left: 0px; top : 0px; left : 0px; position:absolute; z-index: 9990; } /*ul#Kitchen_Knife_exports li:first-child { margin-left:calc(-11% - 0px); }*/ ul#Kitchen_Knife_exports li { width: 200px; display: inline-block; vertical-align: top; margin-left: 5px; list-style: none; } ul#Kitchen_Knife_exports li div { width: 200px; height: 200px; transition: all .5s ease; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } ul#Kitchen_Knife_exports li div span.message { opacity: 0; font-weight:bold; position: absolute; top:50%; -webkit-transform: translate(0%, -50%) !important; -moz-transform: translate(0%, -50%) !important; -ms-transform: translate(0%, -50%) !important; transform: translate(0%, -50%) !important; left: 0; text-align: left; margin: 0px 0px 0px 0px; } ul#Kitchen_Knife_exports li:hover div span.message { opacity: 1; } ul#Kitchen_Knife_exports li div:hover { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } ul#Kitchen_Knife_exports li div:hover { -webkit-transform: translatex(0); -moz-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0); } ul#Kitchen_Knife_exports li:hover:nth-child(1n+1) div { width: 0px; } ul#Kitchen_Knife_exports li div span.message { white-space:nowrap; } ul#Kitchen_Knife_exports li a { text-decoration: none; } ul#Kitchen_Knife_exports li a:focus { outline: none; } .Kitchen_Knife_exports span.bym-heading { display: block; text-align : left; line-height: 60px; font-size: 60px; font-weight: 400; padding: 0px 30px 10px 30px; } .pins { white-space: initial !important; } ul#Kitchen_Knife_exports li:nth-child(1) div { background-color:transparent; border: none; } ul#Kitchen_Knife_exports li:hover:nth-child(1) div { background-color:transparent; background-image:none !important; border: none; } ul#Kitchen_Knife_exports li:hover:nth-child(1) div span.message { display: none; } ul#Kitchen_Knife_exports li:hover:nth-child(1) div span.message, ul#Kitchen_Knife_exports li:hover:nth-child(1) div span.message p, ul#Kitchen_Knife_exports li:hover:nth-child(1) div span.message:hover p { color: #7f017f; } ul#Kitchen_Knife_exports li:nth-child(1) span.fa { width: 200px; } ul#Kitchen_Knife_exports li:nth-child(1) div { float: left; } #vittles-cat-four .modal-body { width: 100%; text-align: center; } #vittles-cat-four .alert { font-size: 40px; color: #56aaff; } ul#bm_vittlesMulti li:nth-child(5) div span.message { display: block; vertical-align: bottom; } ul#bm_vittlesMulti li:nth-child(10) { height: 300px; } #bm_vittlesMulti li:nth-child(10) figure span { font-size: 14px; } #bm_vittlesMulti li button { margin-left: 3px; margin-right: 2px; z-index: 999; } #vittles-cat-four .modal-body { width: 100%; text-align: center; } #vittles-cat-four .alert { font-size: 40px; color: #56aaff; } ul#bm_vittlesMulti li:nth-child(5) div span.message { display: block; vertical-align: bottom; } ul#bm_vittlesMulti li:nth-child(10) { height: 300px; } #bm_vittlesMulti li:nth-child(10) figure span { font-size: 14px; } #bm_vittlesMulti li button { margin-left: 3px; margin-right: 2px; z-index: 999; }  ul#Safety_Cutters { position: relative; margin: 0; padding-left: 0px; top: 50%; margin-top: 0px; top: 50%; margin-left: 0px; } /*ul#Safety_Cutters li:first-child { margin-left:calc(-11% - 0px); }*/ ul#Safety_Cutters li { width: 44.5%; display: inline-block; vertical-align: middle; margin-left: 5px; list-style: none; } ul#Safety_Cutters li div { position: relative; height: 200px; transition: all .5s ease; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } ul#Safety_Cutters li div span.message { opacity: 0; font-weight:bold; position: absolute; top:0; text-align: center; margin:auto; left:0; right:0; margin: 70px 0px 0px 0px; } ul#Safety_Cutters li:hover div span.message { opacity: 1; } ul#Safety_Cutters li div:hover { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } ul#Safety_Cutters li a { text-decoration: none; } ul#Safety_Cutters li a:focus { outline: none; } .Safety_Cutters span.bym-heading { display: block; text-align : center; line-height: 60px; font-size: 60px; font-weight: 400; padding: 0px 30px 10px 30px; } .pins { white-space: initial !important; } ul#Safety_Cutters li:nth-child(1) div { background-color:transparent; border: none; } ul#Safety_Cutters li:hover:nth-child(1) div { background-color: #b61b07; background-image:none !important; border: none; } ul#Safety_Cutters li:hover:nth-child(1) div span.message { } ul#Safety_Cutters li:hover:nth-child(1) div span.message, ul#Safety_Cutters li:hover:nth-child(1) div span.message p, ul#Safety_Cutters li:hover:nth-child(1) div span.message:hover p { color: #ffc7bf; } ul#Safety_Cutters li:hover { -webkit-transform: translatex(0); -moz-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0) } ul#Safety_Cutters li:hover:nth-child(1) div { -webkit-box-shadow: inset 0 0 0 105px #b61b07; -moz-box-shadow: inset 0 0 0 105px #b61b07; box-shadow: inset 0 0 0 105px #b61b07; } ul#bm_vittles { height: 300px; /* ADJUST HEIGHT FOR EXTERNAL TEXT */ } ul#bm_vittles figure.external { padding-top: 20px; font-size : 20px; } ul#bm_vittles span.code { color: #ffffff; letter-spacing: 5px; text-shadow: 2px 2px 2px #494949; text-transform: uppercase; font-size: 15px; } ul#bm_vittles span.heading { font-size : 20px; } ul#bm_vittles { height: 300px; /* ADJUST HEIGHT FOR EXTERNAL TEXT */ } ul#bm_vittles figure.external { padding-top: 20px; font-size : 20px; } ul#bm_vittles span.code { color: #ffffff; letter-spacing: 5px; text-shadow: 2px 2px 2px #494949; text-transform: uppercase; font-size: 15px; } ul#bm_vittles span.heading { font-size : 20px; }