.sl-nav {
  display: inline;
  color: white;
  font-size:16px;
  margin-left:20px;
}
.sl-nav ul {
  margin:0;
  padding:0;
  list-style: none;
  position: relative;
  display: inline-block;
}
.sl-nav li {
  cursor: pointer;
  padding-bottom:0px;
}
.sl-nav li ul {
  display: none;
}
.sl-nav li:hover ul {
  position: absolute;
  top:24px;
  right:-15px;
  display: block;
  background: #fff;
  width: 120px;
  padding-top: 0px;
  z-index: 1;
  border-radius:5px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
  text-align:left;
}
.sl-nav li:hover .triangle {
  position: absolute;
  top: 13px;
  right: -10px;
  z-index:10;
  height: 13px;
  overflow:hidden;
  width: 30px;
  background: transparent;
}
.sl-nav li:hover .triangle:after {
  content: '';
  display: block;
  z-index: 20;
  width: 15px;
  transform: rotate(45deg) translateY(0px) translatex(10px);
  height: 15px;
  background: #fff;
  border-radius:2px 0px 0px 0px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.sl-nav li ul li {
  position: relative;
  text-align: left;
  background: transparent;
  padding: 5px 5px;
  padding-bottom:0;
  z-index: 2;
  font-size: 15px;
  color: #3c3c3c;
}
.sl-nav li ul li:last-of-type {
  padding-bottom: 15px;
}
.sl-nav li ul li span {
  padding-left: 5px;
}
.sl-nav li ul li span:hover, .sl-nav li ul li span.active {
  color: #146c78;
}
.sl-flag {
  display: inline-block;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  width: 15px;
  height: 15px;
  background: #aaa;
  border-radius: 50%;
  position: relative;
  top: 2px;
  overflow: hidden;
}
.flag-de {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAPUlEQVQ4T+3HMQ0AIBTE0NOHM8x9B7hgh71bIWGieUvze1m7kHGBr/AVvsJX+EpmP5dV5/gKX+ErfIUvVDYcX2NMxQC8PAAAAABJRU5ErkJggg==');
  background-size: cover;
  background-position: center center;
}
.flag-usa {
  background-size: cover;
  background-position: center center;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII=');
}



.product-style-eleven .single-cat {
	 padding: 0;
	 transition: 0.4s;
	 z-index: 1;
     margin-top: 20px;
	 margin-bottom:20px;
}
 .product-style-eleven .single-cat .cat-img {
	 overflow: hidden;
	 border-radius: 5px 5px 0px 0px;
	 position: relative;
}
 .product-style-eleven .single-cat .cat-img img {
	 width: 100%;
	 transform: scale(1);
	 transition: 0.4s;
}
 .product-style-eleven .single-cat .cat-img .heart {
	 position: absolute;
	 right: 25px;
	 top: 27px;
	 color: var(--primary);
	 font-size: 13px;
	 display: inline-block;
	 text-align: center;
	 display: block;
	 cursor: pointer;
}
 .product-style-eleven .single-cat .cat-cap {
	 padding: 7px 10px 7px 10px;
	 background: var(--section-bg-two);
	 text-align:center;
	 background:#141414;
	 min-height:67px;
}
 .product-style-eleven .single-cat .cat-cap .pricing .title {
	 color: var(--white);
	 font-size: 17px;
	 font-weight: 400;
	 margin-bottom: 0px;
	 display: block;
	 text-transform: capitalize;
}
 .product-style-eleven .single-cat .cat-cap .pricing .title:hover {
	 color: var(--white);
}
 .product-style-eleven .single-cat .cat-cap .pricing .price {
	 font-size: 16px;
	 font-weight: 700;
	 color: var(--white);
	 line-height: 1;
}
 .product-style-eleven .single-cat .cat-cap .ratting li {
	 display: inline-block;
	 color: #deb806;
	 font-size: 11px;
}
 .product-style-eleven .single-cat .cart-btn {
	 color: var(--white);
     background: #bd8a00;
	 font-size: 14px;
	 display: inline-block;
	 font-weight: 600;
	 line-height: 1;
	 margin: 0;
	 padding: 10px 0 13px 0;
	 text-transform: uppercase;
	 width: 100%;
	 text-align: center;
	 border-bottom-left-radius:4px;
	 border-bottom-right-radius:4px;
}
 .product-style-eleven .single-cat .cart-btn i {
	 margin-right: 12px;
	 font-size: 20px;
	 position: relative;
	 top: 2px;
}
 .product-style-eleven .single-cat:hover .cat-img img {
	 transform: scale(1.05);
}

.section-padding {
    padding-top: 100px;
    padding-bottom: 100px;
}
.section-bg-two2 {
    background: #c94d2f;
}
.section-bg-two {
    background: #564bc6;
}
* {
    box-sizing: border-box;
    margin: 0;
}

/**=========================
    START Content Box 48
=========================**/
.content-box-48 {
    padding: 20px;
    background: #fff;
    position: relative;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #232427;
    transition: .4s;
    margin-bottom: 30px;
    box-shadow: inset 5px 5px 5px #00000033, inset -5px -5px 15px #ffffff1a, 5px 5px 15px #0000004d, -5px -5px 15px #ffffff1a;
    border-radius: 15px;
}
.content-box-48:hover .card-box-48{
    transform: translateY(-15%);
}
.card-box-48 {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background: #2a2b2f;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    transition: .4s;
}
.content-box-48-content-wrapper {
    padding: 30px 20px 20px 20px;
    text-align: center;
    z-index: 1;
}
.content-box-48-title {
    font-size: 22px;
    margin: 0 0 20px;
    color: #fff;
}
.content-box-48-content {
    color: #ffffffe6;
    font-size: 16px;
    line-height: 1.6;
}
.content-box-48-button {
    display: inline-flex;
    align-items: self-end;
    justify-content: center;
    margin-top: 30px;
    text-decoration: none;
    background: #6b38ff;
    font-size: 16px;
    color: #fff;
    padding: 14px 30px;
    text-align: center;
    border-radius: 6px;
    font-weight: 500;
    transition: 0.3s;
    box-shadow: 0 10px 20px #00000033;
}
.content-box-48.color-2 .content-box-48-button{
    background: #54e0c4;
}
.content-box-48.color-3 .content-box-48-button{
    background: #ffb507;
}
.content-box-48-button:hover{
    background: #fff !important;
    color: #000;
}
.card-box-48:after {
    position: absolute;
    width: 50%;
    height: 100%;
    content: "";
    background: #ffffff08;
    border-radius: 15px 0 0 15px;
    z-index: 0;
}
.content-box-48-number {
    position: absolute;
    color: #ffffff4d;
    left: 38%;
    top: 6px;
    font-size: 120px;
    z-index: 1;
    opacity: 0.5;
    font-weight: 900;
}
/**=========================
    END Content Box 48
=========================**/