﻿@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');



/************************** font_family end here *********************************/

p,h1,h2,h3,h4,h5,h6,ul{margin: 0;padding: 0;}


body{background: #f4f4f4;}

/************************** mardin_padding end here *********************************/

/************************************ top_bar start here ****************************************/

.top_bar{background: #1e9bff; border-bottom: 1px solid rgba(113, 113, 113, 0.4)}

.top_bar_left{float: left;}
.top_bar_left p{font-weight: 500;font-size: 14px;color: #fff;margin: 0;padding: 15px 0px;font-family: 'Source Sans Pro', sans-serif;}

/*.container { width:100% !important;}*/
.top_bar_icons{float: right;}
.top_bar_icons ul{margin: 0;padding: 0;position: relative;}
.top_bar_icons ul li{cursor: pointer; list-style: none;padding:14px 14px;transition: 0.3s;display: inline-block;background: url(../images/top_bar_right_bord.png) no-repeat center right;}
.top_bar_icons ul li:last-child{background: none;padding-right: 0px;}
.top_bar_icons ul li a{font-size: 14px;font-family: 'Source Sans Pro', sans-serif;transition: 0.45s;text-transform: uppercase;color: #fff;font-weight: 600;}


.top_bar_icons ul li:hover a{color: #fff;text-decoration: underline;}
.top_bar_icons ul li i{padding-right: 5px;position: relative;transition: 0.3s;color: #969696;}


.top_bar_icons ul li .comm:before{content: "\f27b";color: #1e9bff;font-family: FontAwesome;position: absolute;top: 60%;transition: 0.3s;opacity: 0;}

.top_bar_icons ul li:hover span i{top: -7px;transition: 0.3s;opacity: 0;transform: translateY(-7px);}

.top_bar_icons ul li:hover span:before{top:30%;opacity: 1;}

.top_bar_icons ul li .check:before{content: "\f00c";color: #1e9bff;font-family: FontAwesome;position: absolute;top: 60%;transition: 0.3s;opacity: 0;}

.top_bar_icons ul li span:before{content: "\f067";color: #1e9bff;font-family: FontAwesome;position: absolute;top: 60%;transition: 0.3s;opacity: 0;}

/************************************ logo_search start here ****************************************/

.main_header_logo{background: #0a1f3d;}
.main_top_logo{}

.top_logo{padding: 20px 0;display: inline-block}
.top_logo a{text-decoration: none;}


.main_seacrh {position: relative;margin: 33px 0 0 0;}     
.form-control {display: block;width: 80%;float: right;height: 55px;padding: 16px 22px;font-size: 12px;line-height: 1.42857143;color: #969696;border:1px solid #969696;font-weight: 500;
 background:none;background-image: none;outline:none;border-radius: 0;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;font-family: 'Montserrat', sans-serif;}
.btn-1{transition: 0.45s; background: #1e9bff;border: none;position: absolute;right: 1px;top: 1px;height: 53px;outline: none !important;width: 50px;}
.btn-1 i{margin:10px;font-size:22px; color:#fff;transition: 0.45s;}
.btn-1:hover{}
.btn-1:hover i{color:#000 }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #969696 !important;
    opacity: 1; /* Firefox */
}
.form-control:focus {
    border-color: #1e9bff;
    outline: 0;
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(213, 32, 40, 0.32);

}


.main_top_nav{background: #1e9bff;}

.top_navigation{}
.top_navigation ul{margin: 0;padding: 0;}
.top_navigation ul li{display: inline-block; position: relative;padding: 0px 20px;}
.top_navigation ul li a{transition: 0.45s; font-weight: 600;font-size: 15px;font-family: 'Source Sans Pro', sans-serif;color: #fff !important;display: inline-block;text-decoration: none;text-transform: uppercase;padding: 20px 0px;}
.top_navigation ul li:first-child {padding: 0px 28px 0px 0px;}
.top_navigation ul li:last-child {padding: 0px 0px 0px 28px;}



.top_navigation ul>li>a:hover{color:#fff !important; }
.top_navigation ul li i{transition: 0.45s;}
.top_navigation ul li:hover a i{color:#0a1f3d !important;}


.top_navigation ul li ul{ border-top:4px solid #10b9b6; position:absolute; top:100%; left:50%; right:0px; visibility:hidden; opacity:0; transform:translateX(0%);  transition: 0.3s all; background:black; width:255px; z-index:999; color: white !important;}


.top_navigation ul>li:hover ul{visibility:visible; opacity:1;transform:translateX(-39%); }
.top_navigation ul li ul a{ color: white!important;width: 100% !important;text-transform: capitalize !important;padding: 6px 10px !important;}
.top_navigation ul li ul a:hover{color: #fff !important;}
.top_navigation ul li ul li{width: 100%;transition: 0.45s;}
.top_navigation ul li ul li:hover{background: #10b9b6;}


.navbar-inverse {background:none; margin:0 0 0 0px; border:none;}
.nav>li>a {position: relative;display: block;padding: 0px 0px;}
.navbar-collapse{padding-right: 0;padding-left: 0;}

/* Underline Reveal */
.hvr-underline-reveal {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;overflow: hidden;}
.hvr-underline-reveal:before {content: "";position: absolute;z-index: -1;left: 0;
  right: 0;bottom: 0;background: #fff;height: 3px;transform: translateY(3px);transition-property: transform;transition-duration: 0.3s;transition-timing-function: ease-out;}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {transform: translateY(0);}



    



.carousel-control{width: 9%;}

.carousel-control.left{background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);}
.carousel-control.right{background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);}


.carousel-caption{text-shadow: 0 1px 2px rgba(0, 0, 0, 0);top: 43%;transform: translateY(-43%);bottom: 0px !important;padding-bottom: 0px !important;padding-top: 0px;left: 8%;}
.banner_text {font-family: 'Source Sans Pro', sans-serif;color: #fff;text-align: left;}
.banner_text h2{font-size: 58px;font-weight: bold;}
.banner_text h4{font-size: 35px;font-weight: 500;text-transform: uppercase;padding: 10px 0px;}
.banner_text h5{font-size: 27px;font-weight: 300;line-height: 35px;}
.banner_text a{transition: 0.45s; margin-top: 20px; font-size: 17px;display: inline-block;;padding: 20px 30px;background: transparent;border: 1px solid #fff;text-transform: uppercase;text-decoration: none;color: #fff;}
.banner_text a .banner_a{ padding-left: 10px;}
.banner_text a .banner_a i{transition: 0.45s;}
.banner_text a:hover{border-color: #1e9bff;}
.banner_text a:hover .banner_a i{transform: rotate(90deg); color: #1e9bff;} 


.caption_2{top: 20%;left: 20%;transform: translateY(-20%);}
.caption_2 .banner_text{font-family: 'Source Sans Pro', sans-serif;color: #fff;text-align: center;}
.caption_2 .banner_text h3{font-size: 27px;font-weight: 500;text-transform: uppercase;padding: 10px 0px;}

.caption_3{top: 38%;transform: translateY(-38%);}


.link_bar_1{padding: 15px 0px;border-bottom: 1px solid #bebebe;}
.link_bar_1 li{float: left;padding: 0px 10px;}
.link_bar_1 li:last-child{padding-right: 0px;}
.link_bar_1 li:first-child{padding-left: 0px;}
.link_bar_1 li img{float: left;padding: 3px 10px 0 0;}
.link_bar_1 li:last-child img{float: left;padding: 0px 5px 0 0;}
.link_bar_1 li a{text-decoration: none; float: left;text-align: left;font-size: 13px;font-family: 'Source Sans Pro', sans-serif;color: #212121;font-weight: 600;}
.link_bar_1 li a strong{font-weight: 600;font-size: 16px;font-family: 'Source Sans Pro', sans-serif;color: #212121;text-transform: uppercase;}
.link_bar_1 li span{text-decoration: none; float: left;text-align: left;font-size: 13px;font-family: 'Source Sans Pro', sans-serif;color: #212121;font-weight: 600;}
.link_bar_1 li span strong{font-weight: 600;font-size: 16px;font-family: 'Source Sans Pro', sans-serif;color: #212121;text-transform: uppercase;}

.link_bar_1 li:nth-of-type(2) img{padding: 7px 10px 0 0;}
.link_bar_1 li:nth-of-type(3) img{padding: 7px 10px 0 0;}





.main_category{padding: 40px 0px;}

.popular_cate_heading{text-align: center;padding-bottom: 20px;}
.popular_cate_heading h2{font-family: 'Source Sans Pro', sans-serif;font-size: 44px;	color: #1e9bff;font-weight: bold;}
.main_category .container{    padding: 0px 22px;}

.my_co_6{padding: 0px 7px;}

.category_inner{}
.cate_1{}
.main_cate{position: relative;vertical-align: middle;display: inline-block;height: auto;text-align: center;transition: 0.5s;padding: 0 0;border: 2px solid rgba(255,255,255,0.00);border-radius: 0px;margin-top: 10px;overflow: hidden;}
 .cate_1{margin-top: 12px !important;}   
.main_cate::before, .main_cate::after {width: 100%;height: 100%;z-index: 3;content: '';position: absolute;top: 0;left: 0;box-sizing: border-box;-webkit-transform: scale(0);transition: 0.45s;}

.main_cate p{font-family: 'Source Sans Pro', sans-serif;font-size: 20px;color: #ffffff;text-align: center;opacity: 0;position: absolute;top: 0;right: 0;left: 0;padding: 8px 0;transition: all 0.5s;background: rgba(213, 32, 40, 0.8);width: 150px;margin: 0 auto;}
.main_cate .cate_img{}
.main_cate .cate_img img{transition: 0.45s;}
.main_cate:hover p{opacity:1;width: 60%;top: 50%;z-index: 999999;transform: translateY(-50%);}

.main_cate:hover {border: 2px solid rgba(0,160,80,0);color: #f19d00;}
.main_cate:hover::after, .main_cate:hover::before {-webkit-transform: scale(1);}

.main_cate .cate_name{text-align: center;position: absolute;left: 0;bottom: 3%;right: 0;}
.main_cate .cate_name h2{transition: 0.45s; font-family: 'Source Sans Pro', sans-serif;font-size: 40px;color: #fff;font-weight: bold;}

.main_cate:hover .cate_img img{transform: scale(1.05);}
.main_cate:hover .cate_name h2{color: #1e9bff;}





.main_cate_row_2{position: relative;vertical-align: middle;display: inline-block;height: auto;text-align: center;transition: 0.5s;padding: 0 0;border: 2px solid rgba(255,255,255,0.00);border-radius: 0px;margin-top: 10px;overflow: hidden;}
 
.main_cate_row_2::before, .main_cate_row_2::after {width: 100%;height: 100%;z-index: 3;content: '';position: absolute;top: 0;left: 0;box-sizing: border-box;-webkit-transform: scale(0);transition: 0.45s;}

.main_cate_row_2 p{font-family: 'Source Sans Pro', sans-serif;font-size: 20px;color: #ffffff;text-align: center;opacity: 0;position: absolute;top: 0;right: 0;left: 0;padding: 8px 0;transition: all 0.5s;background: rgba(213, 32, 40, 0.8);width: 150px;margin: 0 auto;}
.main_cate_row_2 .cate_img{}
.main_cate_row_2 .cate_img img{transition: 0.45s;}
.main_cate_row_2:hover p{opacity:1;width: 80%;top: 50%;z-index: 999999;transform: translateY(-50%);}

.main_cate_row_2:hover {border: 2px solid rgba(0,160,80,0);color: #f19d00;}
.main_cate_row_2:hover::after, .main_cate_row_2:hover::before {-webkit-transform: scale(1);}

.main_cate_row_2 .cate_name{text-align: center;position: absolute;left: 0;bottom: 3%;right: 0;}
.main_cate_row_2 .cate_name h2{transition: 0.45s; font-family: 'Source Sans Pro', sans-serif;font-size: 40px;color: #fff;font-weight: bold;}

.main_cate_row_2:hover .cate_img img{transform: scale(1.05);}
.main_cate_row_2:hover .cate_name h2{color: #1e9bff;}


.main_cate_row_3{position: relative;vertical-align: middle;display: inline-block;height: auto;text-align: center;transition: 0.5s;padding: 0 0;border: 2px solid rgba(255,255,255,0.00);border-radius: 0px;margin-top: 10px;overflow: hidden;}
 
.main_cate_row_3::before, .main_cate_row_3::after {width: 100%;height: 100%;z-index: 3;content: '';position: absolute;top: 0;left: 0;box-sizing: border-box;-webkit-transform: scale(0);transition: 0.45s;}
.bar::before {border-bottom: 3px solid #1e9bff;border-left: 3px solid #1e9bff;-webkit-transform-origin: 100% 0%;border-radius: 0px;}
.bar::after {border-top: 3px solid #1e9bff;border-right: 3px solid #1e9bff;-webkit-transform-origin: 0% 100%;border-radius: 0px;}
.main_cate_row_3 p{font-family: 'Source Sans Pro', sans-serif;font-size: 20px;color: #ffffff;text-align: center;opacity: 0;position: absolute;top: 0;right: 0;left: 0;padding: 8px 0;transition: all 0.5s;background: rgba(213, 32, 40, 0.8);width: 150px;margin: 0 auto;}
.main_cate_row_3 .cate_img{}
.main_cate_row_3 .cate_img img{transition: 0.45s;}
.main_cate_row_3:hover p{opacity:1;width: 80%;top: 50%;z-index: 999999;transform: translateY(-50%);}

.main_cate_row_3:hover {border: 2px solid rgba(0,160,80,0);color: #f19d00;}
.main_cate_row_3:hover::after, .main_cate_row_3:hover::before {-webkit-transform: scale(1);}

.main_cate_row_3 .cate_name{text-align: center;position: absolute;left: 0;bottom: 3%;right: 0;}
.main_cate_row_3 .cate_name h2{transition: 0.45s; font-family: 'Source Sans Pro', sans-serif;font-size: 40px;color: #fff;font-weight: bold;}

.main_cate_row_3:hover .cate_img img{transform: scale(1.05);}
.main_cate_row_3:hover .cate_name h2{color: #1e9bff;}



.main_feature_pro{}

.main_feature_head{text-align: center;}
.main_feature_head h2{font-family: 'Source Sans Pro', sans-serif;font-size: 44px;	color: #1e9bff;font-weight: bold;}

.mid_slider_s{padding: 20px 0px 50px 0px;}

.ecrousal{background:none !important; clear:both;}
.ecrousal{text-align:center !important; text-transform:uppercase; }
.ecrousal h6{background:none !important; color:#000 !important; font:bold 34px Montserrat !important; display:none;}
.ecrousal{border:none !important;}
.itemlistings .itmimg{ border-radius:0; border: 0 !important;}
.itemlistings {
 text-align: center;
 margin: 10px;
    padding: 10px 10px 0px 10px !important;
 background:#fff;
 border:1px #f1f1f1 solid;
 
 transition: 0.45s;
}

.itemlistings:hover {
 
 border:1px #f1f1f1 solid;



}


.itemlistings p{
 margin:10px 0 !important;
}

.owl-prev, .owl-next { background: #dddddd !important;
 color: white!important;
 padding: 0px 13px !important;
 border: 1px #ccc solid !important;
 transition: all 0.3s !important;
 border-radius: 50% !important;
 font-size: 31px !important;
 line-height: 38px;
 height: 45px;
}



.itemlistings a.itm-a{  margin: 10px; background: transparent !important; border-radius: 0px !important;  color: #000 !important; padding: 10px 20px !important;border:2px solid #000;font-weight: 500 !important;}
.itemlistings a.itm-a:hover{ background: #1e9bff !important; color:#FFFFFF !important;border-color: #1e9bff;}


.itemlistings span{color: #f40010 !important; margin: 0 0 10px 0; font-size: 15px !important;}


.carousel-inner>.item>a>img, .carousel-inner>.item>img{width:100%;}
.owl-prev:hover, .owl-next:hover{background: #1e9bff!important;} 
.new{
 padding: 40px 0 10px 0;
 }
.owl-buttons {
 top: 40% !important;
}
.ecrousal img.icon {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
}





.fast_delivery_bg{background: url(../images/fsat_delivery_bg.png) no-repeat top center;}

.fast_delivery_left{    padding: 43px 0px;}
.fast_delivery_left ul {}
.fast_delivery_left ul li{display: inline-block;}
.fast_delivery_left ul li img{padding: 0px 26px 5px 0;}
.fast_delivery_left ul li h2{margin: 0;font-weight: 300;font-size: 48px;color: #fff;font-family: 'Open Sans', sans-serif;}
.fast_delivery_left ul li h2 span{letter-spacing: 0.5px; margin: 0;font-weight: 400;line-height: 25px; font-size: 17px;color: #fff;font-family: 'Open Sans', sans-serif;display: block;padding-top: 10px;}


.fast_delivery_right{    padding: 56px 0px;text-align: center;}
.fast_delivery_right ul{}
.fast_delivery_right ul li{display: inline-block;text-align: center;}
.fast_delivery_right ul li img{padding: 10px 26px 0 0;}
.fast_delivery_right ul li h2{margin: 0;font-weight: 300;font-size: 42px;color: #fff;font-family: 'Open Sans', sans-serif;font-weight: 300;}
.fast_delivery_right ul li h2 span{margin: 0;font-weight: 400;font-size: 17px;color: #fff;font-family: 'Open Sans', sans-serif;display: block;padding-top: 20px;}

/************************** news_letter start here *********************************/

.main_news_letter{background: #1e9bff;}


.news_letter_left{padding: 33px 0px;}
.news_letter_left ul{}
.news_letter_left ul li{}
.news_letter_left ul li i{font-size: 40px;color: #fff;font-weight: 300;padding-right: 20px;}
.news_letter_left ul li h2{font-family: 'Source Sans Pro', sans-serif;font-size: 34px;font-weight: bold;color: #fff;display: inline-block;}

.news_form_right{padding: 23px 0px}
.news_form_right form{position: relative;}
.news_form_right form input{width: 100%;height: 60px;padding-left: 10px;font-size: 13px;outline: none;border: none;font-family: 'Montserrat', sans-serif;}
.news_form_right form a{text-transform: uppercase;letter-spacing: 0.5px; outline: none;text-decoration: none; transition: 0.45s; position: absolute;top: 0;right: 0;color: #0a1f3d;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;font-size:14px;background: #fff;padding: 20px 20px;border: none;border-left: 15px solid #1e9bff;}
.news_form_right form a:hover{background:#0a1f3d;color: #fff; }

/************************** footer start here *********************************/

.main_footer_nav{background: #fff; display:none !important;}

.bottom_navigation{}
.bottom_navigation ul{margin: 0;padding: 0;text-align: center;}
.bottom_navigation ul li{display: inline-block;}
.bottom_navigation ul li a{transition: 0.3s; color: #131930;text-decoration: none;text-transform: uppercase;font-size: 17px;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;padding: 30px 31px;display: inline-block;}
.bottom_navigation ul li a:hover{color: #1e9bff;text-decoration: underline;}


.footer_copy_right{}
.copy_right_text{float: left;}
.copy_right_text p{font-weight: 600;font-size: 12px;color: #131930;margin: 0;padding: 26px 0px;font-family: 'Montserrat', sans-serif;}
.copy_right_text p span{text-transform: uppercase;}
.pay_pal_img_footer{padding:10px 0px;}
.footer_logo{float: right;padding: 19px 0px;}


/*meu on mobile css*/
.mobile_nav{padding-bottom: 10  px;}

#menuToggle {display: block;position: relative;z-index: 1;

    user-select: none;
       background: #1e9bff !important;
    padding: 13px 0px 8px 15px;
    margin-bottom: -2px;
}
#menuToggle input {
    display: block;
    width: 100%;
    height: 52px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none;
    margin:0;
}
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #ffffff;
  border-radius: 3px;
  
  z-index: 1;
  
  -webkit-transform-origin: 4px 0px;
  
          transform-origin: 4px 0px;
  
  -webkit-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menuToggle span:first-child
{
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}


#menuToggle input:checked ~ span
{
  opacity: 1;
  -webkit-transform: rotate(45deg) translate(-2px, -1px);
          transform: rotate(45deg) translate(-2px, -1px);
  background: #fff;
}

#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  -webkit-transform: rotate(0deg) scale(0.2, 0.2);
          transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  opacity: 1;
  -webkit-transform: rotate(-45deg) translate(0, -1px);
          transform: rotate(-45deg) translate(0, -1px);
}


#menu
{
  position: absolute;
  width: 100%;
  margin: -40px 0 0 -50px;
  
  padding: 1px 1px;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  
/*  -webkit-transform-origin: 0% 0%;
  
          transform-origin: 0% 0%;
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
  
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);*/
  display:none;}


#menu li
{
  padding: 0px 0;
  font-size: 22px;
  text-align: center;

}

#menuToggle input:checked ~ ul
{
  -webkit-transform: scale(1.0, 1.0);
          transform: scale(1.0, 1.0);
  opacity: 1;
    margin: 15px 0 0 -8px;
    position: static;
    display:block;
    transition:all 0.5s ease-in-out;
}
.new_nav li{
    width:100%;
    transition:all 0.5s ease-in-out;
    border-bottom: 1px solid #dadada; 
    }
.new_nav a{
       font-family: 'Source Sans Pro', sans-serif;
    color: #000000;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 18px 18px;
    display: inline-block;
    letter-spacing: 1px;
    transition: 0.45s;
    width: 100%;
    
    }

    
    .new_nav li:hover a{
        color: #fff !important;
        background: #0a1f3d !important;
    
    }
    
    .new_nav li:hover{

 
    }
    
    
    
    
    
    
    
    
    
#menuToggle h1{
        
    
    right:10px !important;
    top:13px !important;
}








@media screen and (max-width: 1500px){
	.caption_3{top: 34%;}
    .banner_text h5{font-size: 26px;}
}

@media screen and (max-width: 1400px){
	.carousel-caption{top: 41%;}
	.banner_text h2{font-size: 54px;}
	.banner_text h4{font-size: 33px;}
	.banner_text h5{font-size: 25px;}
	.caption_2{top: 20%;}
		.caption_3{top: 34%;}
}
@media screen and (max-width: 1320px){
	.carousel-caption{top: 38%;}
	.banner_text h2{font-size: 50px;}
	.banner_text h4{font-size: 32px;}
	.banner_text h5{font-size: 23.5px;}
	.caption_2{top: 20%;}
		.caption_3{top: 34%;}
}
@media screen and (max-width: 1380px){

.caption_3{top: 31%;}

}

@media screen and (max-width: 1200px){
	.top_navigation ul li a{font-size: 15px;}
.top_navigation ul li{padding: 0px 16.1px;}

.top_navigation ul li:first-child {
    padding: 0px 7px 0px 0px;
}
.top_navigation ul li:last-child {
    padding: 0px 0px 0px 7px;
}
.link_bar_1 li:last-child{display: none;}
.link_bar_1 li{    padding: 0px 9px;}
.fast_delivery_left ul li h2{font-size: 37px;}
.fast_delivery_left ul li h2 span{font-size: 15px;}
.fast_delivery_left ul li img{    padding: 8px 26px 0 0;}
.fast_delivery_right ul li img{padding: 0px 26px 0 0;}
.fast_delivery_right ul li h2{font-size: 28px;}
.fast_delivery_right ul li h2 span{font-size: 15px;}
.news_letter_left ul li i{font-size: 38px;}
.news_letter_left ul li h2{font-size: 34px;}
.bottom_navigation ul li a{    padding: 30px 17px;}
.carousel-caption{top: 38%;}
.banner_text h2{font-size: 45px;}
.banner_text h4{font-size: 29px;}
.banner_text h5{font-size: 20px;}
.banner_text a{    margin-top: 12px;    padding: 15px 20px;}
	.caption_2{top: 20%;}
	.caption_2 .banner_text h3{font-size: 23px;}
	.caption_3{top: 31%;}
    main label{    padding: 15px 29.5px !important;}
}

@media screen and (max-width: 1100px){
	.banner_text h2{font-size: 41px;}
.banner_text h4{font-size: 26px;}
.banner_text h5{font-size: 19px;}
.banner_text a{    margin-top: 12px;    padding: 15px 20px;font-size: 15px;}
.caption_2 .banner_text h3{font-size: 21px;padding: 0px;}
.caption_2 .banner_text h5{font-size: 21px;}
.caption_3 h4{padding: 0px;}
}

@media screen and (max-width: 992px){


	.top_bar_icons ul li{    padding: 14px 5px;background: none;}
.top_navigation ul li a{font-size: 13px;padding: 15px 0px;}
.top_navigation ul li{    padding: 0px 5.9px;}
.link_bar_1 li:nth-of-type(4){display: none;}
.link_bar_1 li img{padding: 3px 7px 0 0;}
.pro_1{max-width: 578px;margin: 0 auto;}
.pro_2{max-width: 380px;margin: 0 auto;}
.pro_3{max-width: 280px;margin: 0 auto;}

.link_bar_1 li span{font-size: 12px;}
.link_bar_1 li span strong{font-size: 14px;}

.fast_delivery_bg{background: none;}
.fast_delivery_left{background: #0a1f3d;}
.fast_delivery_left ul{text-align: center;}
.fast_delivery_right{background: #373737;margin: 30px 0px;}
.fast_delivery_right ul{text-align: center;}
.news_letter_left{padding: 25px 0px;}
.news_letter_left ul{text-align: center;}
.news_letter_left ul li{display: inline-block;}
.bottom_navigation ul li a{padding: 30px 12px;font-size: 13px;}
.fast_delivery_left ul li h2{font-size: 48px;padding: 0px 10px;}
.fast_delivery_left ul li h2 span{font-size: 17px;	}
.fast_delivery_right ul li h2{font-size: 42px;padding: 0px 10px;}
.fast_delivery_right ul li h2 span{font-size: 17px;}
.copy_right_text{float: none;text-align: center;}
.footer_logo{float: none;text-align: center;padding: 0px ;padding-bottom: 15px;}
.copy_right_text p{padding: 15px 0px;}
.pay_pal_img_footer{padding: 0px;padding-bottom: 15px;}
.link_bar_1 li a strong{font-size: 15.4px;}
  main label{    padding: 15px 0 !important;}
}


@media screen and (max-width: 768px){

	.top_bar{display: none;}
	.top_logo{display: block;text-align: center;}
.top_logo img{margin: 0 auto;}
.form-control{width: 100%;}

.main_top_navigation{margin-top: 15px;}
.top_navigation{float: none;border: none;}
.top_navigation ul li a{padding: 7px 0px;}


.navbar-toggle {position: relative !important;float: left;padding: 15px 11px !important;margin-top: 8px !important;margin-right: 0 !important;margin-bottom: 8px !important;background-color: transparent !important;background-image: none !important;border: none;
border-radius: 4px !important;width: 100% !important; background:none !important;}

.new_5{ color:#FFFFFF; position:absolute !important; top:13px !important; right:10px !important;}

.navbar-inverse ul li {width:100% !important;text-align: center !important;}
.top_header_left{text-align: center;}
.top_header_left p{font-size: 12px;}
.top_bar_icons{display: none;}
.top_navigation ul li a{font-size: 15px;width: 100%;}
.top_navigation ul li{padding: 0px 24px;}
.main_seacrh{margin: 0;}
.main_header_logo{padding-bottom: 20px;}
.main_top_nav{background: #0a1f3d;}
.link_bar_1{display: none;}
.bottom_navigation ul li a{padding: 15px 12px;}
.mobile_navigation{background: #0a1f3d;padding-bottom: 20px;}
main label {
    display: inline-block;
    padding: 15px 0px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    color: #000;
    margin-bottom: 0px;
    margin: 10px 0;
    border: 1px solid #000;
}
}




@media screen and (max-width: 480px){
	.main_cate .cate_name h2{font-size: 31px;}
	.main_cate_row_3 .cate_name h2{font-size: 31px;}
	.news_letter_left ul li i{padding-right: 0px;}
	.main_cate_row_2 .cate_name h2{font-size: 31px;}
	.news_form_right form a{padding: 20px 7px;}
	.news_form_right{padding-top: 0px;}
}

@media screen and (max-width: 380px){
	.main_cate .cate_name h2{font-size: 25px;}
	.main_cate_row_3 .cate_name h2{font-size: 25px;}
	.main_cate_row_2 .cate_name h2{font-size: 25px;}
	.news_form_right form input{font-size: 11px;}
}






.list_main{padding: 20px 0 0 0;}
.list_main .container { width:100% !important;}
.top_mat_inner{background: #fff;}


  





.title{ background:#ececec; margin-top:20px; }
.title p{    padding: 10px;
   font-family: 'Source Sans Pro', sans-serif;
    font-size: 22px;
    color: #000;
    font-weight: bold;
    padding-left: 10px;
    text-transform: uppercase; }


.main_bg{ background:#FFFFFF; border:1px solid #d0d0d0;padding: 15px 0px;float: left;width: 100%;}

.main_bg .proudss{border:none;background: #fff;}

#gallery_outer_3 .mainimage img{border: 1px solid #d0d0d0 !important;}

#gallery_outer_3 #gallery{
    /*padding-top: 500px !important;*/
}

#gallery_outer_3 .g_image .thumbimage{
    margin: 0 3px !important;
}

.g_image .thumbimage li{
    width: 70px !important;
    height: 70px !important;
    margin: 0 !important;
}

main {


  margin: 0 auto;
  background: #fff;
}

main  section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

main input {
  display: none;
}

main label {
    display: inline-block;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 15px 10px;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #000;
    margin-bottom: 0px;
    border: 0px solid #d0d0d0;
	
}
main label a {color: #1e9bff;}
main label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}
main label.buynow {background:#31B404;border: 1px solid #31B404;display:none;}
main label.buynow a, main label.buynow a:hover {color:#fff}

main label:hover, main label a:hover {
  color: #888;
  cursor: pointer;
}

main input:checked + label {
  color: #fff;
  border: 1px solid #1e9bff;

background: #1e9bff;
}

main p{font-size: 15px;font-family: 'Work Sans', sans-serif;margin: 0;line-height: 25px;}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}
/*
@media screen and (max-width: 650px) {
  label {
    font-size: 0;
  }
  label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  label {
    padding: 15px;
  }
}
*/















.listing{ padding:20px;}

.deatil{ margin-top:30px; background: #1e9bff;}
.deatil p{    padding: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0;


}


.text_bg{ background:#FFFFFF; border:0px solid #cfcfcf;}

.text{ padding:20px;background: #fff;border: 1px solid #eeeeee;}
.text p{font-family: 'Work Sans', sans-serif; font-size:15px; color:#333333; line-height:30px;}
.text p strong{font-weight: 600;}
.text p .top_st{font-size: 18px;font-weight: 600;}

.tex p{ font-family: 'Work Sans', sans-serif; font-size:15px; color:#333333;line-height: 30px;}



pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #000!important;
    word-break: break-all;
    word-wrap: break-word;
    background: transparent !important;
    border: 0px solid #ccc !important;
    border-radius: 4px;
}


.tabbed {
    float: left;
    width: 100%;
  background:transparent;
    margin-bottom: 20px;
}

.tabbed > input{
  display : none;
}

.tabbed > section > h1{
  float       : left;
  box-sizing  : border-box;
  margin      : 0 0 0 0;
  padding     : 0em 5px 0 0;
  font-size   : 1em;
  font-weight : normal;

}
.tabbed > section > h1 > label {
    display: inline-block;
    margin-bottom: 0;
    font-size: 16px;
    color: #000;
    padding: 16.5px 0px;
    margin: 0 0 0 0px;
    width: 150px;
    text-align: center;
    border-bottom: none;
    text-transform: capitalize;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    font-family: 'Work Sans', sans-serif;
    font-weight: normal;
    background: transparent;
}
.tabbed > section > h1 > .label_h{width: 250px !important}







.lorem {
      font-family: 'Work Sans', sans-serif;
    font-size: 14px;
    color: #393939;
    padding: 20px;
    border: 2px solid #1e9bff;
    line-height: 25px;
  background:#fff;
}


.panel{
  margin:0;
  border:0;
}



.tabbed > input:checked + section > h1 > label {     background: #1e9bff; color:#fff; }

.tabbed > section > div{
  position      : relative;
  z-index       : 1;
  float         : right;
  box-sizing    : border-box;
  width         : 100%;
  margin        :50px 0 0 -100%;

}

.tabbed > input:checked + section > h1{
  position : relative;
  z-index  : 2;
}

.tabbed > input:not(:checked) + section > div{
  display : none;
}
.leftsec { width:50%; float:left;     margin-top:12px;}
.rightsec { width:46%; float:right;}
.asdasd { margin-top:15px;; float:left; width:100%; position:relative; z-index:999999}
#slider-header {margin:20 0 0px 0; width:100% !important; height:auto !important; clear:both;}
#slider-header h2{ font-size:14px; text-transform:uppercase; color:#fff; line-height:39px; border:1px solid #d7d7d7; margin:0; padding:0 0 0 26px; text-align:left; font-weight:bold;
background:#ff7612;}
.productthumb li{ float:left; width:100%; max-width:240px; list-style:none; padding:0 5px;}

.tabscc_detail p{font-size: 15px;font-family: 'Work Sans', sans-serif;margin: 0;line-height: 30px;}

.top_tab{margin: 0px !important;}




@media screen and (max-width:1199px){.title p{font-size: 18px;}}
@media screen and (max-width:1024px){
.tabbed > section > h1 > label {  width:150px}
}
@media screen and (min-width:991px){
.main_bg .col-md-5 { width:44.666667%;}
.main_bg .col-md-7 {    width: 55.333333%;}
}

@media screen and (max-width:991px){
#tabbed2 + section > div { margin-top:55px !important;}
#tabbed3 + section > div { margin-top:55px !important;}
#tabbed4 + section > div { margin-top:55px !important;}
.tabbed > section > h1 > label { width:139px; font-size:12px;}
.containers>a { margin-right:60px !important;}
.leftsec { width:100%;}
.rightsec { width:100%;}
.tabbed > section > h1 > label { width:130px;}
.image-gallery {max-width: 515px; width:100% !important;}
.image-gallery .big-image {width: 77% !important;}
} 
@media screen and (max-width:790px){
.tabbed{margin:10px 0;}  
#tabbed2 + section > div { margin-top:-1px !important;}
#tabbed3 + section > div { margin-top:-1px !important;}
#tabbed4 + section > div { margin-top:-1px !important;}
.tabbed > section > div{    margin:-1px 0;}
.productthumb { text-align:center;}
.productthumb li { display:inline-block; float:none;}
.tabbed > section > h1{ margin:0 !important; width:100%; padding:0 0 0 !important}
.tabbed > section > h1 > label {background: #6b6b6b40; width:100% !important; text-align:left !important; padding:14px 15px !important; margin:1px 0; position:relative;}
.moblo{ margin-bottom:0 !important;}

.tabbed > section > h1 > label::after{
content: "\f0fe";
    font-family: "fontawesome";
    color: #1e9bff;
    position: absolute;
    right: 10px;
    top: 15px;
}

.tabbed > input:checked + section > h1 > label::after{
 content: "\f146";
 color: #fff;
}
.deatil p{font-size: 16px;}
.tabbed > input:checked + section > h1 > label{    background: #1e9bff;
}



}

@media screen and (max-width:460px){ 
.tabbed > section > h1 { margin-bottom:0;}
.tabbed > section > h1 > label { font-size:11.5px; width: 100%;}
.containers>a { margin-right:9px !important;}
.productthumb li{  max-width:150px;}
.single-item .gal_button {
    min-width: 100px;
 
}

#slider-header h2 {
    font-size: 11.5px;
    padding: 0 0 0 15px;
}
.single-item .gal_img {
    height: 100px;
}
}
@media screen and (max-width:414px){ 
.tabbed > section > h1 > label {width:100%;}
.tabbed > section > h1 {margin:0;}
}






.o_logo{
	visibility:hidden;
}


.tabbed > section > h1 > a{
	color:#000000 !important;
}

.tabbed > section > h1 > label > a{
	color:#000000 !important;
}
.zumshop {
    position: relative;
    height: 54px;
    border: none;
    background: #e60101;
    margin: 0 0 -21px 0;
    width: 109px;
}
.zumshop a {
    position: absolute;
    width: 100%;
    left: 0;
    color: #fff;
    padding: 16px 0;
    top: -1px;
}
#content1 {
    font-size: 15px;
    font-family: 'Work Sans', sans-serif;
    margin: 0;
    line-height: 30px;
}
#content1 ul{
	    margin: 0 0 0 20px;
	}
#content1 li{
	    list-style:disc;
	}	
#content2 {
    font-size: 15px;
    font-family: 'Work Sans', sans-serif;
    margin: 0;
    line-height: 30px;
}
#content2 ul{
	    margin: 0 0 0 20px;
	}
#content2 li{
	    list-style:disc;
	}
.bot-panel {padding:10px 0 20px 0;font-size: 15px;font-family: 'Source Sans Pro', sans-serif;border-bottom: 2px solid #ddd;}	
.bot-panel h1 {background:#ddd;font-size: 20px;font-family: 'Source Sans Pro', sans-serif;padding: 6px 10px;}
.bot-panel img {display:block;max-width:100%}
.panel-ins {width:100%; margin:0 auto;}
.fleft {float:left}
.cpright {font-size:13px;padding-left:20px;font-weight:bold;padding-top: 2px;}

.sz940 {
    min-width: 1250px!important;
    max-width: 1460px!important;
}

@media (max-width: 768px) {
	.mainimage {position:static!important;max-height:300px!important;width:auto!important}
	#gallery_outer_3 .mainimage, #gallery_outer_3 .mainimage div {height: 300px!important;
	width: 100%!important;}
	#gallery_outer_1 .g_image .thumbimage, #gallery_outer_3 .g_image .thumbimage {display:inline-block!important}
	#gallery [type=radio]:checked ~ .thumbimage {
	z-index: 2!important;
}
#gallery_outer_3 .g_image .thumbimage {margin: 5px!important;}
#gallery_outer_1 .g_image, #gallery_outer_3 .g_image {width:auto!important}
#gallery .mainimage {margin-top: 0!important;}
#gallery {height:450px!important}
.leftarrow {display:none!important;}
	
	}
@media (min-width: 480px) and (max-width: 768px) {
	
.g_image .thumbimage li {width:70px!important;height:70px!important}
#gallery > div:first-child .thumbimage {position: absolute;left: 0;z-index:3;top: 320px;} 
#gallery > div:nth-child(2) .thumbimage {position: absolute;left: 80px;top: 320px;z-index:3} 
#gallery > div:nth-child(3) .thumbimage {position: absolute;left: 160px;top: 320px;z-index:3} 
#gallery > div:nth-child(4) .thumbimage {position: absolute;left: 240px;top: 320px;z-index:3} 
#gallery > div:nth-child(5) .thumbimage {position: absolute;left: 320px;top: 320px;z-index:3} 
}

@media (max-width: 479px) {
.g_image .thumbimage li {width:50px!important;height:50px!important}
#gallery > div:first-child .thumbimage {position: absolute;left: 0;z-index:3;top: 320px;} 
#gallery > div:nth-child(2) .thumbimage {position: absolute;left: 60px;top: 320px;z-index:3} 
#gallery > div:nth-child(3) .thumbimage {position: absolute;left: 120px;top: 320px;z-index:3} 
#gallery > div:nth-child(4) .thumbimage {position: absolute;left: 180px;top: 320px;z-index:3} 
#gallery > div:nth-child(5) .thumbimage {position: absolute;left: 0px;top: 370px;z-index:3} 
}
@media (min-width: 768px) {
.navbar-nav {float:none!important;}
#my_navigation{text-align:center}
.top_navigation ul{display:inline-block;}
}
/* ============================================================
   Serviceware24 — Modern Brand Refresh (logo-matched palette)
   Brand: #1e9bff (light blue) | #0a1f3d (deep navy) | #5ec3ff (cyan accent)
   ============================================================ */
:root{
  --sw-blue:#1e9bff;
  --sw-blue-dark:#0d6fd6;
  --sw-navy:#0a1f3d;
  --sw-navy-2:#13294b;
  --sw-cyan:#5ec3ff;
  --sw-bg:#f5f8fc;
  --sw-card:#ffffff;
  --sw-text:#1b2638;
  --sw-muted:#5b6b85;
  --sw-shadow:0 8px 24px rgba(10,31,61,.08);
  --sw-shadow-lg:0 14px 40px rgba(10,31,61,.14);
  --sw-radius:12px;
  --sw-grad:linear-gradient(135deg,#0a1f3d 0%,#13294b 45%,#1e9bff 100%);
  --sw-grad-soft:linear-gradient(135deg,#1e9bff 0%,#5ec3ff 100%);
}

body{background:var(--sw-bg);color:var(--sw-text);}

/* Top announcement bar -> deep navy */
.top_bar{background:var(--sw-navy)!important;border-bottom:0!important;}
.top_bar_left p,.top_bar_icons ul li a{color:#dce8ff!important;letter-spacing:.3px;}
.top_bar_icons ul li{background:none!important;}
.top_bar_icons ul li a:hover{color:var(--sw-cyan)!important;text-decoration:none!important;}

/* Main logo header -> clean white with soft shadow */
.main_header_logo{background:#fff!important;box-shadow:var(--sw-shadow);}
.top_logo img{max-height:64px;width:auto;transition:.3s;}
.top_logo:hover img{transform:scale(1.03);}

/* Feature/USP strip -> blue gradient */
.link_bar_1{background:var(--sw-grad)!important;color:#fff;padding:18px 0;}
.link_bar_1 .container > li,.link_bar_1 li{color:#fff!important;border:0!important;}
.link_bar_1 li strong{color:#fff!important;letter-spacing:.4px;}
.link_bar_1 li span{color:#dbeeff!important;}
.link_bar_1 li img{filter:brightness(0) invert(1);opacity:.95;}

/* Product card / panel */
.list_main{padding:40px 0;}
.main_bg{background:var(--sw-card);border-radius:var(--sw-radius);box-shadow:var(--sw-shadow);padding:28px;}
.list_main .title{background:transparent;padding:0 0 18px 0;border-bottom:2px solid #eaf2fb;margin-bottom:22px;}
.list_main .title p{color:var(--sw-navy);font-weight:700;font-size:22px;margin:0;}

/* Tabs (PRODUKTDETAILS / KONTAKT / JETZT KAUFEN) */
main label{background:#eef4fc!important;color:var(--sw-navy)!important;border:0!important;border-radius:8px 8px 0 0!important;padding:12px 22px!important;margin-right:6px!important;font-weight:600!important;transition:.25s;}
main label:hover{background:#dbeaf9!important;}
main input:checked + label{background:var(--sw-blue)!important;color:#fff!important;}
main label.buynow{background:var(--sw-grad-soft)!important;color:#fff!important;border-radius:8px!important;box-shadow:0 6px 16px rgba(30,155,255,.35);}
main label.buynow a{color:#fff!important;}
main label.buynow:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(30,155,255,.45);}

main section{background:#fff;border:1px solid #eaf2fb;border-radius:0 12px 12px 12px;padding:22px 24px;margin-top:-1px;}
main section ul li{padding:6px 0;border-bottom:1px dashed #eef2f8;}
main section ul li:last-child{border-bottom:0;}
main section h3{color:var(--sw-navy);font-weight:700;margin-top:8px;}

/* Bottom info panels (Versand / Zahlungen / Bewertung) */
.bot-panel{gap:0;}
.bot-panel > [class*="col-"]{padding:0 12px;}
.bot-panel .panel-ins{background:#fff;border-radius:var(--sw-radius);box-shadow:var(--sw-shadow);padding:22px;height:100%;transition:.3s;}
.bot-panel .panel-ins:hover{transform:translateY(-4px);box-shadow:var(--sw-shadow-lg);}
.bot-panel h1{font-size:18px;font-weight:700;color:#fff;background:var(--sw-grad);padding:14px 18px;border-radius:var(--sw-radius) var(--sw-radius) 0 0;margin:0 0 0 0;}
.bot-panel h1 i{color:var(--sw-cyan);}
.bot-panel .col-md-4{margin-bottom:18px;}
.bot-panel .col-md-4 > h1{margin-bottom:0;}
.bot-panel .col-md-4 .panel-ins{border-radius:0 0 var(--sw-radius) var(--sw-radius);margin-top:0;}

/* Mobile accordion */
.tabbed > input:checked + section > h1 > label{background:var(--sw-blue)!important;}
.tabbed > section > h1 > label{background:#eef4fc;color:var(--sw-navy);}

/* Footer */
.main_footer_nav{background:var(--sw-navy)!important;padding:22px 0;}
.bottom_navigation ul li a{color:#dce8ff!important;font-weight:500;transition:.2s;}
.bottom_navigation ul li a:hover{color:var(--sw-cyan)!important;text-decoration:none!important;}
.cpright{background:#06162d;color:#8aa3c7;text-align:center;padding:14px 0;font-size:13px;}
.cpright p{margin:0;}

/* Generic links */
a{color:var(--sw-blue);}
a:hover{color:var(--sw-blue-dark);}

/* Buttons */
.btn-1{background:var(--sw-blue)!important;border-radius:8px!important;}
.btn-1:hover{background:var(--sw-navy)!important;}

/* Subtle entrance for product image gallery */
.main-product{border-radius:var(--sw-radius);overflow:hidden;}

/* Responsive tweaks */
@media (max-width: 768px){
  .main_bg{padding:18px;}
  .list_main .title p{font-size:18px;}
  .link_bar_1{padding:8px 0;}
}

/* === Compact info panels (Versand/Zahlungen/Bewertung) === */
.bot-panel{display:flex;flex-wrap:wrap;align-items:stretch;margin-left:-10px;margin-right:-10px;}
.bot-panel > [class*="col-"]{display:flex;flex-direction:column;padding:0 10px;margin-bottom:18px;}
.bot-panel .col-md-4{display:flex;flex-direction:column;}
.bot-panel h1{font-size:16px;padding:12px 16px;margin:0;border-radius:var(--sw-radius) var(--sw-radius) 0 0;line-height:1.2;}
.bot-panel .panel-ins{flex:1 1 auto;padding:16px 18px;border-radius:0 0 var(--sw-radius) var(--sw-radius);display:flex;flex-direction:column;}
.bot-panel .panel-ins br{display:none;}
.bot-panel .panel-ins br + br,
.bot-panel .panel-ins p:empty{display:none;}
.bot-panel .panel-ins p{font-size:14px;line-height:1.55;margin:0 0 10px;}
.bot-panel .panel-ins p:last-child{margin-bottom:0;}
.bot-panel .panel-ins img{max-height:48px;width:auto;margin-top:auto;}
.bot-panel .panel-ins .fleft{float:none;display:block;}

/* === USP strip: force all 5 items in one row === */
.link_bar_1 .container{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:14px;}
.link_bar_1 .container > li{float:none!important;padding:0!important;display:flex;align-items:center;gap:10px;min-width:0;}
.link_bar_1 li img{float:none!important;padding:0!important;max-width:34px;height:auto;flex:0 0 auto;}
.link_bar_1 li span{float:none!important;display:block;font-size:12px;line-height:1.35;min-width:0;}
.link_bar_1 li span strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

@media (max-width: 991px){
  .link_bar_1 .container{flex-wrap:wrap;}
  .link_bar_1 .container > li{flex:1 1 calc(33.333% - 14px);}
}
@media (max-width: 575px){
  .link_bar_1 .container > li{flex:1 1 calc(50% - 14px);}
  .link_bar_1 li span strong{white-space:normal;}
}

/* === USP strip: no truncation, slightly smaller text === */
.link_bar_1 .container{gap:10px;}
.link_bar_1 li span strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:12px;letter-spacing:.2px;}
.link_bar_1 li span{font-size:11px;line-height:1.3;}
.link_bar_1 li img{max-width:30px;}

/* === USP strip: tighten line gap between title and subtitle === */
.link_bar_1 li span br{display:none;}
.link_bar_1 li span strong{margin-bottom:2px;line-height:1.2;}

/* === Gallery: shrink huge main-image reserved space on mobile/tablet === */
/* === Gallery: square box that matches the column width on tablet/mobile === */
@media (max-width: 991px){
  #gallery_outer_3{position:relative;}
  #gallery_outer_3 #gallery{padding-top:100%!important;height:auto!important;position:relative;}
  #gallery_outer_3 .g_image{position:static!important;}
  #gallery_outer_3 .mainimage{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:100%!important;}
  #gallery_outer_3 .mainimage div{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center;justify-content:center;}
  #gallery_outer_3 .mainimage img{position:static!important;transform:none!important;top:auto!important;left:auto!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;margin:0!important;display:block!important;}
  #gallery_outer_3 .g_image .thumbimage{display:inline-block;}
  #gallery_outer_3 .g_image .thumbimage li{width:60px;height:60px;}
}
@media (max-width: 480px){
  #gallery_outer_3 .g_image .thumbimage li{width:48px;height:48px;}
}
