/*@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@200;300;400;500;600;700;800;900&family=Nunito+Sans:wght@300;400;600;700;800&display=swap');*/

/*Self-host Heebo (Best for GDPR)*/
@font-face {
  font-display: swap; 
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/heebo-v27-latin-100.woff2') format('woff2') /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; 
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/heebo-v27-latin-200.woff2') format('woff2')
}

@font-face {
  font-display: swap; 
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/heebo-v27-latin-300.woff2') format('woff2')
}

@font-face {
  font-display: swap; 
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/heebo-v27-latin-regular.woff2') format('woff2')
}

@font-face {
  font-display: swap; 
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/heebo-v27-latin-500.woff2') format('woff2')
}

@font-face {
  font-display: swap; 
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/heebo-v27-latin-600.woff2') format('woff2')
}

@font-face {
  font-display: swap; 
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/heebo-v27-latin-700.woff2') format('woff2')
}

@font-face {
  font-display: swap; 
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/heebo-v27-latin-800.woff2') format('woff2')
}

@font-face {
  font-display: swap; 
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/heebo-v27-latin-900.woff2') format('woff2')
}

*{
    margin:0;
    padding:0;
    text-decoration:none;
    list-style:none;
}

a:hover,
a:focus,
a:active{
    text-decoration: none;
}
ol, ul{
    margin: 0;
    padding: 0;
}
img{
    display: block;
}
body{
    font-family: "Heebo", "Arial", "Helvetica", sans-serif;
    font-size: 14px;
    font-weight: 400;
    /*color: #fff;
    background: #fff;*/
}
a{transition: .4s linear;}

@media (min-width: 1400px)
{
    .container
    {
        max-width: 1400px;
    }
}
/*
.container{max-width: 1400px;}

@media(min-width:1025px) and (max-width:1399px){
    .container{max-width: 100%;}
}
@media(min-width:992px) and (max-width:1024px){
    .container{max-width: 100%;}
}
@media(min-width:768px) and (max-width:991px){
    .container{max-width: 100%;}
}
@media(min-width:576px) and (max-width:767px){
    .container{max-width: 100%;}
}
@media(min-width:448px) and (max-width:575px){
    .container{max-width: 100%;}
}
@media(max-width:447px){
    .container{max-width: 100%;}
}
*/

/* **** Header **** */
.topbar{
    width: 100%;
    padding: 15px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.topbar .row{align-items: center;}

@media(min-width:768px) and (max-width:991px){
    .topbar .row{flex-flow: wrap;}
}
@media(min-width:576px) and (max-width:767px){
    .topbar .row{flex-flow: wrap;}
}
@media(min-width:448px) and (max-width:575px){
    .topbar .row{flex-flow: wrap;}
}
@media(max-width:447px){
    .topbar .row{flex-flow: wrap;}
}
.logo-box{
    width: 275px;
}
.logo-box img{
    margin-left: 15px
}
@media(min-width:1025px) and (max-width:1399px){
    .logo-box{width: 200px;}
    .logo-box img{width: 180px;}
}
@media(min-width:992px) and (max-width:1024px){
    .logo-box{width: 205px;}
    .logo-box img{width: 170px;}
}
@media(min-width:768px) and (max-width:991px){
    .logo-box{margin-right: auto;}
    .logo-box img{width: 170px;}
}
@media(min-width:576px) and (max-width:767px){
    .logo-box{margin-right: auto;}
    .logo-box img{width: 170px;}
}
@media(min-width:448px) and (max-width:575px){
    .logo-box{width: 200px;margin-right: auto;}
    .logo-box img{width: 170px;}
}
@media(max-width:447px){
    .logo-box{width: 150px;margin-right: auto;}
    .logo-box img{width: 135px;}
}
.right-top {
    text-align: right;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
}
.middel-top {
    text-align: right;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
@media(min-width:768px) and (max-width:991px){
    .right-top .sponlg{display: none;}
    .right-top {display: flex;align-items: center;justify-content: flex-end;}
}
@media(min-width:576px) and (max-width:767px){
    .right-top .callbtn,.right-top .sponlg{display: none;}
    .right-top {display: flex;align-items: center;justify-content: flex-end;}
}
@media(min-width:448px) and (max-width:575px){
    .right-top .callbtn,.right-top .sponlg{display: none;}
    .right-top {display: flex;align-items: center;justify-content: flex-end;}
}
@media(max-width:447px){
    .right-top .callbtn,.right-top .sponlg{display: none;}
    .right-top .protx{margin: 0;}
    .right-top {display: flex;align-items: center;justify-content: flex-end;}
}
.cat-search-bx{
    width: 550px;
    position: relative;
    display: inline-block;
}
.cat-search-bx .form-control{
    padding: 12px 45px 12px 20px;
    background: #f6f6f7;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    border: none;
    box-shadow: none;
    height: auto !important;
}
.btn-search{
    border-radius: 50%;
    border: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #ff8700;
    font-size: 16px;
    text-align: center;
    color: #fff;
    position: absolute;
    top:3px;
    right:3px;
    outline: none !important;
    cursor: pointer;
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    transition: .4s linear;
}
.btn-search:hover{
    background: #3aa8dc;
    color: #fff;
}

@media(min-width:1200px) and (max-width:1399px){
    .btn-search{top:1px;right:3px}
    .cat-search-bx{width: 450px;}
	.cat-search-bx .form-control{font-size: 12px;}
}
@media(min-width:1025px) and (max-width:1199px){
    .btn-search{top:1px;right:3px}
    .cat-search-bx{width: 320px;}
	.cat-search-bx .form-control{font-size: 12px;}
}
@media(min-width:992px) and (max-width:1024px){
    .btn-search{top:1px;right:3px}
    .cat-search-bx{width: 300px;}
	.cat-search-bx .form-control{font-size: 12px;}
}
@media(min-width:768px) and (max-width:991px){
    .btn-search{top:1px;right:3px}
    .cat-search-bx{order: 5;min-width: 100%;z-index: 200;}
	.cat-search-bx .form-control{font-size: 12px;}
    .middel-top{order: 5;min-width: 100%;z-index: 200;margin-top: 5px}
}
@media(min-width:576px) and (max-width:767px){
    .btn-search{top:1px;right:3px}
    .cat-search-bx{order: 5;min-width: 100%;z-index: 200;}
	.cat-search-bx .form-control{font-size: 12px;}
    .middel-top{order: 5;min-width: 100%;z-index: 200;margin-top: 5px}
}
@media(min-width:448px) and (max-width:575px){
    .btn-search{top:1px;right:3px}
    .cat-search-bx{order: 5;min-width: 100%;z-index: 200;}
	.cat-search-bx .form-control{font-size: 11px;}
    .middel-top{order: 5;min-width: 100%;z-index: 200;margin-top: 5px}
}
@media(max-width:447px){
    .btn-search{width: 37px;height: 37px;top:1px;right:3px}
    .cat-search-bx{order: 5;min-width: 100%;z-index: 200; }
	.cat-search-bx .form-control{font-size: 10px;}
    .middel-top{order: 5;min-width: 100%;z-index: 200;margin-top: 5px}
    
}
.dropdown-toggle::after{display: none;}

.sponlg{
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}
.sponlg img{width: 60px;}
@media(min-width:1025px) and (max-width:1399px){
    .sponlg img{width: 40px;}
}
@media(min-width:992px) and (max-width:1024px){
    .sponlg img{width: 40px;}
}
a.callbtn{
    display: inline-block;
    padding: 10px 20px;
    margin-right: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #0988bf;
    border-radius: 5px;
    border: 1px solid #f6f6f7;
}
a.callbtn i{
    margin-right:10px;
    font-size: 16px;
    -webkit-transform: rotate(95deg);
    transform: rotate(95deg);
}
a.callbtn:hover{
    background: #3aa8dc;
    color: #fff;
}
@media(min-width:1025px) and (max-width:1399px){
    a.callbtn{font-size: 14px;padding: 10px 15px;}
}
@media(min-width:992px) and (max-width:1024px){
    a.callbtn{font-size: 14px;padding: 10px 15px;}
}
.protx{display: inline-block;margin: 0 5px;vertical-align: middle;}
.protx .se-h5{
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.protx .se-h4{
    color: #48b1e0;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}
.cart-bx{
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #0988bf;
    position: relative;
    vertical-align: middle;
    transition: .4s linear;
}
.cart-bx img{
    position: absolute;
    width: 25px;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);
    margin: 0 auto;
}
.cart-bx .basket-icon{
    width: 60%;
}
.cart-bx:hover{background: #3aa8dc;}
.cart-bx span{
    width: 25px;
    height: 25px;
    line-height: 22px;
    border-radius: 50%;
    border: 2px solid #fff;
    font-weight: 500;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #303133;
    display: block;
    position: absolute;
    top:-5px;
    right:-5px
}
@media(min-width:1025px) and (max-width:1399px)
{
    .cart-bx{width: 45px;height: 45px;line-height: 45px;margin: 10px 20px 10px 5px;}
	.cart-bx span{display: block;width: 21px;height: 21px;font-size: 11px;line-height: 20px;}
	.cart-bx img{width: 25px;}
}
@media(min-width:992px) and (max-width:1024px){
    .cart-bx{width: 45px;height: 45px;line-height: 45px;margin: 10px 20px 10px 5px;}
	.cart-bx span{display: block;width: 21px;height: 21px;font-size: 11px;line-height: 20px;}
	.cart-bx img{width: 25px;}
}
@media(min-width:768px) and (max-width:991px){
    .cart-bx{width: 40px;height: 40px;line-height: 40px;margin: 0 20px 0 5px;}
	.cart-bx span{display: block;width: 21px;height: 21px;font-size: 11px;line-height: 20px;}
	.cart-bx img{width: 20px;}
}
@media(min-width:576px) and (max-width:767px){
    .cart-bx{width: 40px;height: 40px;line-height: 40px;margin: 0 20px 0 5px;}
    .cart-bx span{display: block;width: 21px;height: 21px;font-size: 11px;line-height: 20px;}
	.cart-bx img{width: 20px;}
}
@media(min-width:448px) and (max-width:575px){
    .cart-bx{width: 40px;height: 40px;line-height: 40px;margin: 0 20px 0 5px;}
	.cart-bx span{display: block;width: 21px;height: 21px;font-size: 11px;line-height: 20px;}
	.cart-bx img{width: 20px;}
}
@media(max-width:447px){
    .cart-bx{width: 40px;height: 40px;line-height: 40px;margin: 0 20px 0 5px;}
	.cart-bx span{display: block;width: 21px;height: 21px;font-size: 11px;line-height: 20px;}
	.cart-bx img{width: 20px;}
}
.bar-op{
    width: 45px;
    height: 45px;
    line-height: 47px;
    background: #0988bf;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    display: none;
}
@media(min-width:768px) and (max-width:991px){
    .bar-op{display: inline-block;}
}
@media(min-width:576px) and (max-width:767px){
    .bar-op{display: inline-block;}
}
@media(min-width:448px) and (max-width:575px){
    .bar-op{display: inline-block;}
}
@media(max-width:447px){
    .bar-op{display: inline-block;}
}
.start-header {
    padding: 0px 0;
    width: 100%;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    z-index: 120;
    transition: .4s linear;
}
.navbar-brand{padding: 0;margin: 0;}
.start-header.scroll-on {
    transition: .4s linear;
}
.start-header.scroll-on .navbar-brand img{
    height: 40px;
    margin: 0;
    padding: 0;
    -webkit-transition : all 0.3s ease-out;
    transition : all 0.3s ease-out;
}
@media (min-width: 992px)
{
    .navbar-expand-xl .navbar-collapse{display: -ms-flexbox!important;display: flex!important;-ms-flex-preferred-size: auto;flex-basis: auto;}
}
@media (min-width: 992px)
{
    .navbar-expand-xl .navbar-nav{-ms-flex-direction: row;flex-direction: row;}
}
.navigation-wrap{
    position: relative;
    background: #fff;
    width: 100%;
    transition: .4s linear;
}
.navigate-bar .navbar{
    padding: 0;
    border-bottom: 0px;
}
@media(min-width:768px) and (max-width:991px){
    .navigate-bar .navbar{display: block;background: #3caadc;border: none;}
    .navigation-wrap .collapse{display: block;}
    .navigation-wrap .collapse .collapse{display: none;}
	.navigation-wrap .collapse .collapse.show{display: block;}
}
@media(min-width:576px) and (max-width:767px){
    .navigate-bar .navbar{display: block;background: #3caadc;border: none;}
    .navigation-wrap .collapse{display: block;}
    .navigation-wrap .collapse .collapse{display: none;}
	.navigation-wrap .collapse .collapse.show{display: block;}
}
@media(min-width:448px) and (max-width:575px){
    .navigate-bar .navbar{display: block;background: #3caadc;border: none;}
    .navigation-wrap .collapse{display: block;}
    .navigation-wrap .collapse .collapse{display: none;}
	.navigation-wrap .collapse .collapse.show{display: block;}
}
@media(max-width:447px){
    .navigate-bar .navbar{display: block;background: #3caadc;border: none;}
    .navigation-wrap .collapse{display: block;}
    .navigation-wrap .collapse .collapse{display: none;}
	.navigation-wrap .collapse .collapse.show{display: block;}
}
.navbar-brand img{
    height: 40px;
    width: auto;
    display: inline-block;
    transition: .4s linear;
}
.navbar-brand span{
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #2D353C;
    margin-right: 15px;
}
.navigate-bar .navbar-toggler {
    float: right;
    border: none;
    padding-right: 0;
}
.navigate-bar .navbar-toggler:active,
.navigate-bar .navbar-toggler:focus {
    outline: none;
}
.navigate-bar .navbar-light .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #fff;
    transition: all 300ms linear;
    margin-right: 5px;
}
.navigate-bar .navbar-light .navbar-toggler-icon:after, 
.navigate-bar .navbar-light .navbar-toggler-icon:before{
    width: 24px;
    position: absolute;
    height: 1px;
    background-color: #fff;
    top: 0;
    left: 0;
    content: '';
    z-index: 2;
    transition: all 300ms linear;
}
.navigate-bar .navbar-light .navbar-toggler-icon:after{
    top: 8px;
}
@media(min-width:768px) and (max-width:991px){
    .navbar-light .navbar-nav .nav-link{background: #3caadc;color: #fff !important;}
}
@media(min-width:576px) and (max-width:767px){
    .navbar-light .navbar-nav .nav-link{background: #3caadc;color: #fff !important;}
}
@media(min-width:448px) and (max-width:575px){
    .navbar-light .navbar-nav .nav-link{background: #3caadc;color: #fff !important;}
}
@media(max-width:447px){
    .navbar-light .navbar-nav .nav-link{background: #3caadc;color: #fff !important;}
}
/*
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent;
}
*/
.navigation-wrap .nav-item {
}

.navigation-wrap .nav-item.active .nav-link{
    color: #fff !important;
    font-weight: 600;
}
.navigation-wrap .navbar-nav .nav-link {
    position: relative;
    padding: 14px 20px !important;
    color: #000000 !important;
    font-weight:600;
    font-size: 14px;
    transition: .4s linear;
}
.navigation-wrap .navbar-nav .nav-link:hover {
	color: #fff !important;
    background-color: #3aa8dc !important;
    border-radius: 0;
}
.navigation-wrap .navbar-nav .nav-link img {
    display: inline-block;
    margin-right: 5px;
    width: 22px;
}

.cat-btn{
    padding: 12px 20px !important;
    background: #3aa8dc;
    color: #fff;
    position: relative;
    z-index: 9999;
    border: 0;
}
.cat-btn img{display: inline-block;margin-right: 5px;width: 20px;}
@media(min-width:1025px) and (max-width:1399px){
    .nav-link{padding: 12px 10px !important;font-size: 12px;}
	.nav-link img{width: 18px;}
}
@media(min-width:992px) and (max-width:1024px){
    .nav-link{padding: 12px 10px !important;font-size: 12px;}
	.nav-link img{width: 18px;}
}
@media(min-width:768px) and (max-width:991px){
    .cat-btn{width: 160px;padding: 12px 15px !important;}
    .nav-link{color: #fff;}
}
@media(min-width:576px) and (max-width:767px){
    .cat-btn{width: 160px;padding: 12px 15px !important;}
    a.nav-link.cat-btn{display: none;}
    .nav-link{color: #fff;}
}
@media(min-width:448px) and (max-width:575px){
    .cat-btn{width: 160px;padding: 12px 15px !important;}
    a.nav-link.cat-btn{display: none;}
    .nav-link{color: #fff;}
}
@media(max-width:447px){
    .cat-btn{width: 160px;padding: 12px 15px !important;}
    a.nav-link.cat-btn{display: none;}
    .nav-link{color: #fff;}
}
.mini-nav{display: flex;align-items: center;}
X.mini-nav li a{padding: 12px 15px !important;}
.mini-nav li a i.serv-btn {margin-left: 5px;}
.mini-nav li .dropdown-menu{
    padding: 10px;
    border-radius: 0;
    border: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin: 0;
    right: 0;
    left: auto;
}
.mini-nav li .dropdown-menu a{
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.mini-nav li .dropdown-item .active
, .mini-nav li .dropdown-item:active
, .mini-nav li .dropdown-item:focus
, .mini-nav li .dropdown-item:hover {
	color: #fff;
    background-color: #ff8700; /* orange */ /* #3aa8dc; blau */
    border-radius: 0.25rem;
}

@media(min-width:1025px) and (max-width:1399px){
    .navbar-nav .dropdown-menu, .mini-nav li .dropdown-menu{position: absolute;}
}
@media(min-width:992px) and (max-width:1024px){
    .navbar-nav .dropdown-menu, .mini-nav li .dropdown-menu{position: absolute;}
}

.mobilebar{
    position: fixed;
    width: 300px;
    top: 0;
    right: -100%;
    background: url('./images/left-mega-back.png') 0 0 no-repeat;
    background-size: cover;
    height: 100vh;
    overflow: auto;
    z-index: 150;
    padding: 50px 0;
    transition: .4s linear;
}
.mobilebar.expand-menu-open{right: 0;}
.mobile-nav li{
    display: block;
}
.mobile-nav li a{
    padding: 12px 30px !important;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    display: block;
    position: relative;
    border-radius: 0;
    border: none !important;
    text-transform: uppercase;
    width: 100%;
}
.mobile-nav li a:after {
    position: absolute;
    content: '';
    height: 2px;
    background: rgba(255, 255, 255, 0.10);
    bottom: 0;
    left: 20px;
    right: 20px;
}
.mobile-nav li:last-child a:after{display: none;}
.mobilebar .srh-btn{
    position: absolute;
    top:15px;
    right:25px;
    cursor: pointer;
    font-size: 20px;
    color: #fff;
}
.mobilebar .socialbx{padding: 15px 15px;}
/* **** End Header **** */

/* **** Slider **** */
.main-slider-wrp {
    padding-top: 15px;
}
.main-slider{
    width: 100%;
    position: relative;
}
.slider-block{position: relative;}
.slider-block img{width: 100%;}
/* Transparente Schicht auf Bild */
.slider-block:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.slider-data{
    position: absolute;
    z-index: 15;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.main-slider .slick-prev,
.main-slider .slick-next {
    width: auto;
    height: auto;
	font-size: 0; /* Text ausblenden */
}
.main-slider .slick-prev:before,
.main-slider .slick-next:before {
    font-family: "FontAwesome";
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    font-size: 26px;
    color: #000;
    display: block;
    opacity: 1;
    z-index: 120;
    cursor: pointer;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    transition: 0.4s linear;
}
.main-slider .slick-next:before {
    content:"\f178";
}
.main-slider .slick-prev:before {
    content:"\f177";
}
.main-slider .slick-prev:hover:before,
.main-slider .slick-next:hover:before {
    color: #fff;
    background: #0988bf;
}
.main-slider .slick-prev,
.main-slider .slick-next {
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);
    position: absolute;
    z-index: 5;
    outline: none;
    border: none;
    background: transparent;
    color: transparent;
}
.main-slider .slick-prev{
    left: 3px;
	right: auto;
}
.main-slider .slick-next {
    left: auto;
    right: 3px;
}
.main-slider .slick-dots{
    position: absolute;
    bottom:30px;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-slider .slick-dots li{
    display: inline-block;
    margin-right: 10px;
    height: auto;
    width: auto;
    vertical-align: middle;
}
.main-slider .slick-dots li button{
    background: #0988bf;
    outline: none !important;
    border: none;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    border-radius: 50%;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    transition: 0.4s linear;
}
.main-slider .slick-dots li.slick-active button{
    background: #ffffff;
}

@media(min-width:992px){
    .main-slider .slick-prev{left: 15px;}
    .main-slider .slick-next {right: 15px;}
    .main-slider .slick-prev:before, .main-slider .slick-next:before {width: 35px;height: 35px;line-height: 35px;font-size: 26px;}
}
@media(min-width:768px) and (max-width:991px){
    .main-slider .slick-prev{left: 15px;}
    .main-slider .slick-next {right: 15px;}
    .main-slider .slick-prev:before, .main-slider .slick-next:before {width: 30px;height: 30px;line-height: 30px;font-size: 15px;}
}
@media(min-width:576px) and (max-width:767px){
    .main-slider .slick-prev{left: 5px;}
    .main-slider .slick-next {right: 5px;}
    .main-slider .slick-prev:before, .main-slider .slick-next:before {width: 25px;height: 25px;line-height: 25px;font-size: 14px;}
}
@media(min-width:448px) and (max-width:575px){
    .main-slider .slick-prev:before, .main-slider .slick-next:before {width: 25px;height: 25px;line-height: 25px;font-size: 14px;}
}
@media(max-width:447px){
    .main-slider .slick-prev:before, .main-slider .slick-next:before {width: 20px;height: 20px;line-height: 22px;font-size: 12px;}
}

/* **** End Slider **** */

/* **** Curant Offers **** */
.offer-wrp{
    padding: 30px 0 30px;
}
.offer-list-wrp .nav-tabs{
    width: 100%;
    border: none;
    margin: 0 0 25px;
}
.offer-list-wrp .nav-tabs li.nav-item{margin: 0;width: 33.3%;}
.offer-list-wrp .nav-tabs li.nav-item a.nav-link{
    display: block;
    padding: 12px 15px;
    text-align: center;
    background: #f6f6f7;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #000 !important;
    border-radius: 0;
    border: none;
}
.offer-list-wrp .nav-tabs li.nav-item.show .nav-link, .offer-list-wrp .nav-tabs li.nav-item .nav-link.active{
    background: #0988bf;
    color: #fff !important;
    border: none;
}
@media(min-width:576px) and (max-width:767px){
    .offer-list-wrp .nav-tabs li.nav-item a.nav-link{padding: 12px 10px !important;font-size: 12px;}
}
@media(min-width:448px) and (max-width:575px){
    .offer-list-wrp .nav-tabs li.nav-item a.nav-link{padding: 12px 10px !important;font-size: 12px;}
}
@media(max-width:447px){
    .offer-list-wrp .nav-tabs li.nav-item a.nav-link{padding: 12px 10px !important;font-size: 12px;}
}
.product-box{
    border: 2px solid #f6f6f7;
    margin: 0 0 30px;
    position: relative;
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    transition: .4s linear;
}
.product-box:hover{
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
}
.product-img{
    position: relative;
    width: 100%;
    height: 250px;
}
.product-img img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 75%;
}
.seProduct1 .product-box
{
    width: 100%;
}
.seProduct1 .product-img img
{
    max-width: 240px;
    max-height: 240px;
}
.seProduct1 .product-data .product-availability10,
.seProduct1 .product-data .product-availability20,
.seProduct1 .product-data .product-availability30,
.seProduct1 .product-data .product-availability40,
.seProduct1 .product-data .product-availability0
{
    font-size: 16px;
    font-weight: 600;
}

@media(min-width:1200px) and (max-width:1399px) {
    .product-img img{width: 75%;}
}
@media(min-width:1024px) and (max-width:1199px) {
    .product-img img{width: 73%;}
}
@media(min-width:992px) and (max-width:1023px){
    .product-img img{width: 70%;}
}
@media(min-width:768px) and (max-width:991px){
    .product-img img{width: 70%;}
}
@media(min-width:576px) and (max-width:767px){
    .product-img img{width: 75%;}
}
@media(min-width:448px) and (max-width:575px){
    .product-img img{width: 50%;}
}
@media(max-width:447px){
    .product-img img{width: 55%;}
}

.quick-act{
    display: flex;
    align-items: center;
}
.quick-act .form-control{
    border: 1px solid #f6f6f7;
    height: auto;
    padding: 9px 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    border-radius: 0;
    box-shadow: none;
    width:55px;
    margin-right: 5px;
}

/* Base Button Style */
.quick-act .btn-main {
    padding: 10px 20px; 
    background-color: #0988bf;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    width: 81%;
    text-align: center;
    cursor: pointer;
    margin: 5px 0; 
}

/* Color Variations */
.quick-act .btn-blue {
    background-color: #007bff;
    color: #fff!important;
}
.quick-act .btn-green {
    background-color: #28a745;
    color: #fff!important;
}
.quick-act .btn-orange {
    background-color: #ffc107;    
    color: #fff!important;
}
.quick-act .btn-gray {
    background-color: #f8f9fa;
    color: #000!important;
}
.quick-act .btn-dark {
    background-color: #343a40;
        color: #fff!important;
}

.quick-act .quantity-label{
    font-size: 24px;
    font-weight: 600;
}

/* Hover Effects for All Buttons */
.quick-act .btn-main:hover, 
.quick-act .btn-blue:hover, 
.quick-act .btn-green:hover, 
.quick-act .btn-orange:hover, 
.quick-act .btn-gray:hover, 
.quick-act .btn-dark:hover {
    background-color: #111;
    color: #fff!important;
}

/* Text Color Inside Buttons */
.quick-act .btn-main span, 
.quick-act .btn-blue span, 
.quick-act .btn-green span, 
.quick-act .btn-orange span, 
.quick-act .btn-gray span, 
.quick-act .btn-dark span {
    color: #fff!important;
}

@media(min-width:1025px) and (max-width:1399px){
    .quick-act{display: block;}
	.quick-act .form-control{display: block; width: 100%; text-align: center; margin-bottom:5px;}
    .quick-act .btn-main{width:100%;}
}
@media(min-width:992px) and (max-width:1024px){
    .quick-act{display: block;}
	.quick-act .form-control{display: block; width: 100%; text-align: center; margin-bottom:5px;}
    .quick-act .btn-main{width: 100%;}
}
@media(min-width:768px) and (max-width:991px){
    .quick-act .btn-main{font-size: 11px;}
}
@media(min-width:576px) and (max-width:767px){
    .quick-act{display: block;}
	.quick-act .form-control{display: block; width: 100%; text-align: center; margin-bottom:5px;}
    .quick-act .btn-main{width: 100%; font-size: 11px; text-align: -webkit-center;}
}
@media(min-width:448px) and (max-width:575px){
    .quick-act .btn-main{font-size: 14px;}
}
@media(max-width:447px){
    .quick-act .btn-main{font-size: 11px; text-align: -webkit-center;}
}

.company-lg{
    position: absolute;
    top: 15px;
    right: 15px;
}
.prostatus{
    position: absolute;
    top: 10px;
    left: 10px;
}
.prostatus img{
    width: 35px;
    margin: 0 0 5px;
}
/* **** End Curant Offers **** */

/* *** Mega Menu *** */
.mega-dropdown {
    position: static !important;
}
.mega-dropdown-menu {
    padding:0;
    width: 100%;
    box-shadow: none;
    background: #ffffff;
    box-shadow: 0 15px 125px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:0 15px 125px rgba(0, 0, 0, 0.20);
    border-radius: 0;
    border: none;
    margin: 0;
    left: 0;
    right: 0;
    min-height: 750px;
}
.main-cources-tabs-bx .row{padding: 0;margin: 0 -1px;}
.main-cources-tabs-bx .row .col-sm-3,.main-cources-tabs-bx .row .col-md-5,.main-cources-tabs-bx .row .col-md-7,
.main-cources-tabs-bx .row .col-sm-9{padding: 0;}

.left-mega{
    width: 100%;
    height: 100%;
    background: url('./images/left-mega-back.png') 0 0 no-repeat;
    background-size: cover;
    min-height: 750px;
    border-right: 3px solid #39a7db;
    padding: 40px 0;
}
.left-mega .nav-tabs{border: none;}
.left-mega .nav-tabs li{
    margin: 0;
    width: 100%;
    display: block;
}
.left-mega .nav-tabs li a{
    padding: 15px 20px !important;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    position: relative;
    border-radius: 0;
    border: none !important;
    text-transform: uppercase;
    width: 100%;
    display: block;
}
.left-mega .nav-tabs li a:after{
    position: absolute;
    content: '';
    height: 2px;
    background: rgba(255, 255, 255, 0.10);
    bottom: 0;
    left: 20px;
    right: 20px;
}
.left-mega .nav-tabs li a i{
    color: #39a7db;
    float: right;
    font-size: 18px;
}
.left-mega .nav-tabs li a.active{
    background: #39a7db;
    color: #fff;
}
.left-mega .nav-tabs li:last-child a:after,
.left-mega .nav-tabs li a.active:after{display: none;}
.left-mega .nav-tabs li a.active i{color: #fff;}
@media(min-width:768px) and (max-width:991px){
    .left-mega{min-height: 550px;}
	.left-mega .nav-tabs li a{background: transparent !important;}
	.left-mega .nav-tabs li a.active {background: #39a7db !important; color: #fff;}
}
@media(min-width:576px) and (max-width:767px){
    .left-mega{min-height: auto;}
	.left-mega .nav-tabs li a.active{background: #fff;color: #000 !important;}
	.left-mega .nav-tabs li a.active i{color: #000;}
    .mega-dropdown-menu{display: none;}
}
@media(min-width:448px) and (max-width:575px){
    .left-mega{min-height: auto;}
	.left-mega .nav-tabs li a.active{background: #fff;color: #000 !important;}
	.left-mega .nav-tabs li a.active i{color: #000;}
    .mega-dropdown-menu{display: none;}
}
@media(max-width:447px){
    .left-mega{min-height: auto;}
	.left-mega .nav-tabs li a.active{background: #fff;color: #000 !important;}
	.left-mega .nav-tabs li a.active i{color: #000;}
    .mega-dropdown-menu{display: none;}
}

.main-cources-tabs-bx {
    position: relative;
    z-index: 5;
    background: #fff;
}
.inner-megamenu{
    padding: 40px;
    width: 100%;
}
.quick-menu .se-h3{
    font-size: 15px;
    font-weight: bold;
    color: #39a7db;
    margin: 0 0 10px;
}
.quick-menu ul{
    padding: 0 0 0 15px;
    margin: 0 0 15px;
}
.quick-menu ul li{display: block;}
.quick-menu ul li a{
    padding: 5px 0;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    transition: .4s linear;
}
.quick-menu ul li a:hover{color: #39a7db;}
.navbar-nav li .mega-dropdown-menu:before{
    position: fixed;
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    display: block;
    z-index: -5;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    visibility: hidden;
}
.navbar-nav li:hover .mega-dropdown-menu:before{
    opacity: 0.30;
    visibility: visible;
}
@media(min-width:768px) and (max-width:991px){
    .navbar-nav{flex-flow: inherit;padding: 0 !important;margin: 0 !important;overflow: auto; white-space: nowrap;display: block;border: 3px solid #3caadc;}
	.navbar-nav li.nav-item{padding-left: 0 !important;display: inline-block;margin: 0 !important;}
	.navbar-nav li.nav-item a{margin: 0 !important;}
}
@media(min-width:576px) and (max-width:767px){
    .navbar-nav{flex-flow: inherit;padding: 0 !important;margin: 0 !important;overflow: auto; white-space: nowrap;display: block;border: 3px solid #3caadc;}
	.navbar-nav li.nav-item{padding-left: 0 !important;display: inline-block;margin: 0 !important;}
	.navbar-nav li.nav-item a{margin: 0 !important;}
}
@media(min-width:448px) and (max-width:575px){
    .navbar-nav{flex-flow: inherit;padding: 0 !important;margin: 0 !important;overflow: auto; white-space: nowrap;display: block;border: 3px solid #3caadc;}
	.navbar-nav li.nav-item{padding-left: 0 !important;display: inline-block;margin: 0 !important;}
	.navbar-nav li.nav-item a{margin: 0 !important;}
}
@media(max-width:447px){
    .navbar-nav{flex-flow: inherit;padding: 0 !important;margin: 0 !important;overflow: auto; white-space: nowrap;display: block;border: 3px solid #3caadc;}
	.navbar-nav li.nav-item{padding-left: 0 !important;display: inline-block;margin: 0 !important;}
	.navbar-nav li.nav-item a{margin: 0 !important;}
}
/* *** End Mega Menu *** */


/* *** Partners *** */
.partner-wrp{
    padding: 0 0 30px;
    width: 100%;
}
.part-slider{
    padding: 0 60px;
}
.pert-box{
    width: 100%; 
}
.pert-box img{padding: 0 10px;width: 100%;}
.part-slider .slick-prev,
.part-slider .slick-next {
    width: auto;
    height: auto;
}
.part-slider .slick-prev,
.part-slider .slick-next {
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);
    position: absolute;
}
.part-slider .slick-prev,
.part-slider .slick-next {
    left: 0px;
    z-index: 5;
    outline: none;
    border: none;
    background: transparent;
    color: transparent;
    font-size: 0;
}
.part-slider .slick-next {
    left: auto;
    right: 0px;
}
.part-slider .slick-prev:before,
.part-slider .slick-next:before {
    font-family: "FontAwesome";
    content:"\f178";
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    color: #000;
    display: block;
    opacity: 1;
    z-index: 120;
    cursor: pointer;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    transition: 0.4s linear;
}
.part-slider .slick-prev:before {
    content:"\f177";
}
.part-slider .slick-prev:hover:before,
.part-slider .slick-next:hover:before {
    color: #0988bf;
    background: transparent;
}
@media(min-width:576px) and (max-width:767px){
    .partner-wrp{padding: 30px 0;}
}
@media(min-width:448px) and (max-width:575px){
    .partner-wrp{padding: 30px 0;}
}
@media(max-width:447px){
    .partner-wrp{padding: 30px 0;}
}
/* *** End Partners *** */

/* *** Footer *** */
.footer-block{
    padding: 40px 30px;
    background: #363638;
    width: 100%;
}
.foot-bx{
    padding: 35px;
    background: #2c2c2e;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin: 0 0 30px;
}
.foot-bx .se-h6{margin: 0;}
.foot-quick .se-h4{
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    position: relative;
    padding: 15px 0 0;
    text-transform: uppercase;
    border-top: 4px solid #0096d6;
    margin: 0 0 15px;
}
.spolg{display: flex;align-items: center;margin: 0 0 25px;}
.spolg img{width: 100%;padding: 0 5px;}
.foot-quick {width: 90%;}
.foot-quick li{display: block;}
.foot-quick li a{
    padding: 3px 0;
    display: table;
    font-size: 15px;
    color: #fff;
    font-weight:500;
}
.foot-quick li a:hover{
    color: #0988bf;
}
.copyright-bx {margin: 20px 0 0;}
.copyright-bx p{
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    margin: 0;
    text-align: center;
    opacity: 0.25;
}
.footer-mobile{display: none;}
.footer-desktop {display: block;}
@media(min-width:768px) and (max-width:991px){
    .spolg img{width:100px;}
	.foot-quick{margin: 0 0 15px;width: 100%;}
	.foot-quick .se-h4{font-size: 18px;}
}
@media(min-width:576px) and (max-width:767px){
	.footer-block{padding:30px 15px;}
	.foot-bx{padding: 25px;font-size: 14px;font-weight: normal;line-height: 22px;}
	.foot-bx .se-h6{font-size: 14px;font-weight: normal;line-height: 22px;}
	.copyright-bx p{font-size: 14px;line-height: 22px;}
	.foot-quick{display: none;}
	.footer-mobile .other-box{margin: 0;}
	.copyright-bx{margin: 20px 0 0;}
	.footer-mobile .other-box .panel-title{background: #363638;color: #fff;}
	.footer-mobile .other-box .panel-title a, #accordion .panel-title a{color: #fff;}
	.footer-mobile .other-box .panel-group .panel{border-top: 1px solid #414145;}
	.footer-mobile .other-box .panel-title > a:after{color:#fff;}
	.footer-mobile .other-box .panel-body li a{color: #fff;}
	.footer-mobile{display: block; width: 100%; margin-left: 15px; margin-right: 15px;}
    .footer-desktop {display: none;}
}
@media(min-width:448px) and (max-width:575px){
	.footer-block{padding:30px 15px;}
	.foot-bx{padding: 25px;font-size: 14px;font-weight: normal;line-height: 22px;}
	.foot-bx .se-h6{font-size: 14px;font-weight: normal;line-height: 22px;}
	.copyright-bx p{font-size: 14px;line-height: 22px;}
	.foot-quick{display: none;}
	.footer-mobile .other-box{margin: 0;}
	.copyright-bx{margin: 20px 0 0;}
	.footer-mobile .other-box .panel-title{background: #363638;color: #fff;}
	.footer-mobile .other-box .panel-title a, #accordion .panel-title a{color: #fff;}
	.footer-mobile .other-box .panel-group .panel{border-top: 1px solid #414145;}
	.footer-mobile .other-box .panel-title > a:after{color:#fff;}
	.footer-mobile .other-box .panel-body li a{color: #fff;}
	.footer-mobile{display: block; width: 100%; margin-left: 15px; margin-right: 15px;}
    .footer-desktop {display: none;}
}
@media(max-width:447px){
	.footer-block{padding:30px 15px;}
	.foot-bx{padding: 25px;font-size: 14px;font-weight: normal;line-height: 22px;}
	.foot-bx .se-h6{font-size: 14px;font-weight: normal;line-height: 22px;}
	.copyright-bx p{font-size: 14px;line-height: 22px;}
	.foot-quick{display: none;}
	.footer-mobile .other-box{margin: 0;}
	.copyright-bx{margin: 20px 0 0;}
	.footer-mobile .other-box .panel-title{background: #363638;color: #fff;}
	.footer-mobile .other-box .panel-title a, #accordion .panel-title a{color: #fff;}
	.footer-mobile .other-box .panel-group .panel{border-top: 1px solid #414145;}
	.footer-mobile .other-box .panel-title > a:after{color:#fff;}
	.footer-mobile .other-box .panel-body li a{color: #fff;}
	.footer-mobile{display: block; width: 100%; margin-left: 15px; margin-right: 15px;}
    .footer-desktop {display: none;}
}
/* *** End Footer *** */
.modal-dialog{
    max-width: 600px;
    top: 50%;
    transform: translate(0,-50%) !important;
    margin: 0 auto;
}
.modal-content{
    padding: 0;
    box-shadow: none;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}
button.close{
    line-height: 44px;
    width: 34px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
    text-shadow: none;
    border: none;
    color: #000;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 17px;
    right: 20px;
    opacity: 1;
    outline: none !important;
}
@media(min-width:576px) and (max-width:767px){
    .modal-dialog{max-width: 90%;}
}
@media(min-width:448px) and (max-width:575px){
    .modal-dialog{max-width: 90%;}
}
@media(max-width:447px){
    .modal-dialog{max-width: 90%;}
}
/* **** Cookie Box **** */
.cookie-bx{
    padding:30px 0;
    width: 100%;
    background: url('./images/cooke-back.png') 0 0 no-repeat;
    background-size: cover;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 120;
}
.cookie-bx .row{align-items: center;}
.cookie-bx .se-h5{
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}
.cookie-bx h5 a{
    border-bottom: 2px solid #fff;
    color: #fff;
}
.cooke-act{text-align: right;}
.cooke-act .btn-main{background: transparent;padding: 10px 30px;display: inline-block;margin-right: 15px;}
.cooke-act .btn-main:hover{background: #fff;}
.cooke-act .closebtn i{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 45px;
    background: #fff;
    text-shadow: none;
    border: none;
    color: #000;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
    outline: none !important;
}
@media(min-width:768px) and (max-width:991px){
    .cookie-bx .se-h5{font-size: 16px;line-height: 26px;}
}
@media(min-width:576px) and (max-width:767px){
    .cookie-bx{padding: 15px 0;}
	.cookie-bx .se-h5{font-size: 16px;line-height: 24px;text-align: center;margin: 0 0 15px;}
	.cooke-act{text-align: center;}
	.cooke-act .btn-main{padding: 8px 20px;font-size: 14px;}
	.cooke-act .closebtn i{width: 35px;height: 35px;line-height: 35px;font-size: 16px;}
}
@media(min-width:448px) and (max-width:575px){
    .cookie-bx{padding: 15px 0;}
	.cookie-bx .se-h5{font-size: 16px;line-height: 24px;text-align: center;margin: 0 0 15px;}
	.cooke-act{text-align: center;}
	.cooke-act .btn-main{padding: 8px 20px;font-size: 14px;}
	.cooke-act .closebtn i{width: 35px;height: 35px;line-height: 35px;font-size: 16px;}
}
@media(max-width:447px){
    .cookie-bx{padding: 15px 0;}
	.cookie-bx .se-h5{font-size: 16px;line-height: 24px;text-align: center;margin: 0 0 15px;}
	.cooke-act{text-align: center;}
	.cooke-act .btn-main{padding: 8px 20px;font-size: 14px;}
	.cooke-act .closebtn i{width: 35px;height: 35px;line-height: 35px;font-size: 16px;}
}
/* **** End Cookie Box **** */

/* **** Ergebnis Page **** */
.bread-block{
    padding: 15px 0;
    border-bottom: 1px solid #f6f6f7;
    margin: 0 0 15px;
}
.bread-block li{
    display: inline-block;
    margin: 0 30px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    position: relative;
}
.bread-block li:after{
    position: absolute;
    content: "\f105";
    font-family:"FontAwesome";
    color: #000;
    right: -20px;
    top: 0px;
}
.bread-block li:last-child:after{display: none;}
.bread-block li a{color: #0988bf;}
@media(min-width:768px) and (max-width:991px){
	.bread-block li{font-size: 15px;margin: 0 15px 0 0;}
	.bread-block li:after{right: -15px;}
}
@media(min-width:576px) and (max-width:767px){
    .bread-block{margin: 0;}
	.bread-block li{font-size: 14px;margin: 0 10px 0 0;}
	.bread-block li:after{right: -10px;}
}
@media(min-width:448px) and (max-width:575px){
    .bread-block{margin: 0;}
    .bread-block li:last-child{margin: 0;}
	.bread-block li{font-size: 13px;margin: 0 10px 0 0;}
	.bread-block li:after{right: -10px;}
}
@media(max-width:447px){
    .bread-block{margin: 0;}
    .bread-block li:last-child{margin: 0;}
	.bread-block li{font-size: 12px;margin: 0 10px 0 0;}
	.bread-block li:after{right: -10px;}
}

.product-wrp{
    padding: 45px 0;
    width: 100%;
}
@media(min-width:576px) and (max-width:767px){
    .product-wrp{padding: 30px 0 0;}
}
@media(min-width:448px) and (max-width:575px){
    .product-wrp{padding: 30px 0 0;}
}
@media(max-width:447px){
    .product-wrp{padding: 30px 0 0;}
}
.filter-block {
    position: relative;
    margin: 0 0 15px;
    width: 100%;
}
.filter-block .searchbox .form-control{
    padding: 10px 40px 10px 20px;
    border-radius: 30px;
    border: none;
    height: auto;
    background: #f6f6f7;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    box-shadow: none;
}
.filter-block .searchbox .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000;
}
.filter-block .searchbox .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #000;
}
.filter-block .searchbox .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #000;
}
.filter-block .searchbox .form-control:-moz-placeholder { /* Firefox 18- */
    color: #000;
}
.filter-block .searchbox .btn-search{
    top: 47px;
    width: 35px;
    height: 35px;
    line-height:35px;
    font-size: 14px;
    right: 3px;
}
.pro-feature{
    margin: 0 0 25px;
}
.pro-feature .se-h4{
    padding: 5px 10px;
    background: #92c049;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 15px;
}
.pro-feature li{display: block;margin: 0 0 5px;}
.pro-feature li .styled-checkbox {
    position: absolute;
    opacity: 0;
}
.pro-feature li .styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    color: #000;
}
.pro-feature li .styled-checkbox + label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #e0e0e0;
}
.pro-feature li .styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.pro-feature li .styled-checkbox:checked + label:before {
    background: #f35429;
}
.pro-feature li .styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
}
.pro-feature li .styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
}
.pro-feature li .styled-checkbox:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

.brands-bx{margin: 0 0 25px;}
.brands-bx .se-h4{
    padding: 5px 10px;
    background: #40afdf;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 15px;
}
.brands-bx ul{overflow: hidden;}
.brands-bx li{
    float: left;
    width: 33.33%;    
    padding: 2px 3px;
    position: relative;
}
.brands-bx li .brand-img{
    height: 50px;
    border: 2px solid #f6f6f7;
    position: relative;
}
.brands-bx li:nth-child(3n+1){clear: both;}
.brands-bx li img{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.brands-bx li .cus-check{
    display: none;
}
.brands-bx li.selected .brand-img{
    border-color: #0988bf;
}
.area-bx{margin: 0 0 25px;}
.area-bx .se-h4{
    padding: 5px 10px;
    background: #0988bf;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 15px;
}
.area-bx li{
    display: block;
    margin: 0 0 5px;
}
.area-bx li:last-child{margin: 0;}
.area-bx li a{
    padding: 3px 20px 3px 0;
    display: table;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    position: relative;
}
.area-bx li a:after{
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    background: #ff8700;
    top:9px;
    right:0;
    opacity: 0;
    visibility: hidden;
}
.area-bx li.active a{font-weight: 500;}
.area-bx li.active a:after{opacity: 1;visibility: visible;}
a.view-all{
    font-size: 15px;
    font-weight: bold;
    color: #0988bf;
    display: table;
    padding: 10px 0;
}
a.view-all i{margin-left: 10px;vertical-align:middle;}
 .moretext {
  display: none;
}

.other-box {margin: 0 0 25px;}
.other-box .panel-group {
    margin-bottom: 0px;
}
.other-box .panel-default>.panel-heading{
    padding: 0;
    background-color: transparent;
    border: none;
}
.other-box .panel-title{
    padding:15px 0;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    background: #fff;
    border-radius:0;
    position: relative;
    margin: 0;
}
.other-box .panel-title a,
#accordion .panel-title a{color: #000;}
#accordion .panel-title a.collapsed{ border: none; }
.other-box .panel-title > a:after{
    position: absolute;
    content:"X";
    font-family: 'FontAwesome';
    color: #000;
    width: 30px;
    height: 30px;
    font-weight:900;
    border-radius: 50%;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    right:0px;
    top:10px;
}
.other-box .panel-title > a.collapsed:after{
    content: "+";
    font-size: 17px;
}
.other-box .panel-default{
    border:none; 
}
.other-box .panel{
    border:none; 
    box-shadow: none;
}
.other-box .panel-group .panel{
    overflow: hidden;
    margin: 0 0 0px;
    border-radius: 0;
    border: none;
    border-top: 1px solid #e0e0e0;
}
.other-box .panel-body{
    padding: 0 0 10px;
    font-size:15px;
    line-height:22px;
    font-weight: normal;
    color: #000;
}
.other-box .panel-body ul{padding-left: 15px;}
.other-box .panel-body li a{font-size: 14px;font-weight: normal;color: #000;padding:3px 0;display: block;}
.other-box .panel-group .panel-heading+.panel-collapse>.list-group, .other-box .panel-group .panel-heading+.panel-collapse>.panel-body{
    border-top: none;
}
.other-box .panel-group .panel:last-child{border-bottom: none;}

.filterare .se-h4{
    background: #40afdf;
}
.filter-btn{
    padding: 10px 15px;
    width: 100%;
    display: block;
    text-align: center;
    background: #ff8700;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    transition: .4s linear;
}
.filter-btn:hover{
    background: #111;
    color: #fff;
}

.filter-bx{margin: 0 0 25px;}
.slider-labels {
  margin:0 0 10px;
}
.filter-bx .noUi-target,.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.filter-bx .noUi-target {
  position: relative;
  direction: ltr;
}

.filter-bx .noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
/* Fix 401 */
}

.filter-bx .noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.filter-bx .noUi-handle {
  position: relative;
  z-index: 1;
}

.filter-bx .noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}

.filter-bx .noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s,top .3s;
  transition: left 0.3s,top .3s;
}

.filter-bx .noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.filter-bx .noUi-base,.noUi-handle {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.filter-bx .noUi-horizontal {
  height: 4px;
}

.filter-bx .noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  left: -7px;
  top: -7px;
  background-color: #ff8700;
}

/* Styling;
 */
.filter-bx .noUi-background {
  background: #f6f6f7;
}

.filter-bx .noUi-connect {
  background: #ff8700;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.filter-bx .noUi-origin {
  border-radius: 2px;
}

.filter-bx .noUi-target {
  border-radius: 2px;
}

.filter-bx .noUi-target.noUi-connect {
}

/* Handles and cursors;
 */
.filter-bx .noUi-draggable {
  cursor: w-resize;
}

.filter-bx .noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.filter-bx .noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.filter-bx .noUi-handle:active {
  border: 8px solid #ff8700;
  border: 8px solid rgba(255,135,0,0.50);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}

/* Disabled state;
 */
.filter-bx [disabled].noUi-connect,[disabled] .noUi-connect {
  background: #ff8700;
}

.filter-bx [disabled].noUi-origin,[disabled] .noUi-handle {
  cursor: not-allowed;
}

.filter-bx .caption {
    color: #000;
}

.product-header-bread{margin: 0 0 15px;}
.pro-rightbar{text-align: right;}
.pro-rightbar ul{display: inline-block;}
.pager-products li{
    display: inline-block;
    margin-right: 5px;
}
.pager-products li:last-child{margin: 0;}
.pager-products li a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #f6f6f7;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    display: inline-block;
}
.pager-products li.active a,
.pager-products li a:hover{
    background: #40afdf;
    color: #fff;
}
.pro-rightbar li{
    display: inline-block;
    margin-right: 15px;
}
.pro-rightbar li a{
    font-size: 15px;
    font-weight: 600;
    color: #bebebe;
    display: block;
    padding: 10px 0;
}
.pro-rightbar li a i{margin-right:10px;font-size: 20px;vertical-align: middle;}
.pro-rightbar li a.active{color: #000;}
.pro-rightbar li a.active i{color: #0988bf;}
.pro-rightbar .form-control{
    padding: 10px 20px;
    margin-top: 5px;
    height: auto !important;
    border: 2px solid #f6f6f7;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    display: inline-block;
    -webkit-appearance: none;
    outline: none !important;
    background-image: url(../images/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 15px;
    width: 170px;
}
@media(min-width:1201px) and (max-width:1399px){
    .pro-rightbar {text-align: right;display: block;}
    .pro-rightbar .form-control{width: 100%; font-size: 12px;padding: 10px 5px 10px 10px; background-position: center right 7px;}
    .pro-rightbar li a span{display: none;}
}
@media(min-width:1025px) and (max-width:1200px){
    .pro-rightbar {text-align: right;display: block;}
    .pro-rightbar .form-control{width: 100%;font-size: 9px;padding: 10px 5px 10px 5px;background-position: center right 7px;}
    .pro-rightbar li a span{display: none;}
    .pager-products{margin-top: 8px;}
}
@media(min-width:992px) and (max-width:1024px){
    .pro-rightbar {text-align: right;display: block;}
    .pro-rightbar .form-control{width: 100%;font-size: 9px;padding: 10px 5px 10px 5px;background-position: center right 7px;}
    .pro-rightbar li a span{display: none;}
	.pro-rightbar li a i{margin: 0;}
	.pager-products li a{width: 35px;height: 35px;line-height: 35px;font-size: 12px;}
	.pro-rightbar li a{padding: 0;}
    .pager-products{margin-top: 8px;}
	.pager-products li{margin: 0;}
}
@media(min-width:768px) and (max-width:991px){
    .pro-rightbar {text-align: center;margin-top: 5px;display: block;}
    .pro-rightbar li a span{display: inline;}
	.pro-rightbar .form-control{width: 100%;}
	.pro-rightbar.mobile-short .form-control{display: block;margin: 0 0 15px;}
	.pro-rightbar li a i{margin: 0;}
    .pager-products{text-align:center;}
	.pager-products li a{width: 30px;height: 30px;line-height: 30px;font-size: 12px;}
	.pro-rightbar li a{padding: 0;}
	.pager-products li{margin: 0;}
	.pro-rightbar li:last-child{margin: 0;}
}
@media(min-width:576px) and (max-width:767px){
    .pro-rightbar {text-align: center;margin-top: 5px;display: block;}
    .pro-rightbar li a span{display: inline;}
	.pro-rightbar .form-control{width: 100%;}
	.pro-rightbar.mobile-short .form-control{display: block;margin: 0 0 15px;}
	.pro-rightbar li a i{margin: 0;}
    .pager-products{text-align:center;}
	.pager-products li a{width: 30px;height: 30px;line-height: 30px;font-size: 12px;}
	.pro-rightbar li a{padding: 0;}
	.pager-products li{margin: 0;}
	.pro-rightbar li:last-child{margin: 0;}
}
@media(min-width:448px) and (max-width:575px){
    .pro-rightbar {text-align: center;margin-top: 5px;display: block;}
    .pro-rightbar li a span{display: inline;}
	.pro-rightbar .form-control{width: 100%;}
	.pro-rightbar.mobile-short .form-control{display: block;margin: 0 0 15px;}
	.pro-rightbar li a i{margin: 0;}
    .pager-products{text-align:center;}
	.pager-products li a{width: 30px;height: 30px;line-height: 30px;font-size: 12px;}
	.pro-rightbar li a{padding: 0;}
	.pager-products li{margin: 0;}
	.pro-rightbar li:last-child{margin: 0;}
}
@media(max-width:447px){
    .pro-rightbar {text-align: center;margin-top: 5px;display: block;}
    .pro-rightbar li a span{display: inline;}
	.pro-rightbar .form-control{width: 100%;}
	.pro-rightbar.mobile-short .form-control{display: block;margin: 0 0 15px;}
    .pro-rightbar li a i{margin: 0;}
    .pager-products{text-align:center;}
	.pager-products li a{width: 30px;height: 30px;line-height: 30px;font-size: 12px;}
	.pro-rightbar li a{padding: 0;}
	.pager-products li{margin: 0;}
	.pro-rightbar li:last-child{margin: 0;}
}
.list-view-wrp li{
    display: block;
    width: 100%;
    padding: 5px 0;
    border-bottom: 0px;
}
.list-view-wrp li .row{align-items: center;}
.list-view-wrp li .product-img{height: 140px;}
.list-view-wrp li .product-img .prostatus img{
    position: relative;
    height: auto;
    top: 0;
    left: 0;
    transform: translate(0);
}
.list-view-wrp li .product-img .company-lg{top: 0;right: 0;}
.list-view-wrp li .product-img .company-lg img{
    position: relative;
    height: auto;
    top: 0;
    left: 0;
    transform: translate(0);
}
.list-view-wrp li .product-box{
    border: none;
    margin: 0;
}
.list-view-wrp li .product-data,
.list-view-wrp li .product-box .product-data {padding: 0 2px;}
.list-view-wrp li .product-box .product-data .se-h4{min-height: auto;}
.list-view-wrp li .product-box .product-data span{
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.list-view-wrp li .product-box .product-data span a{color: #000;margin-right: 15px;}
.list-view-wrp li .product-box .product-data span a i{
    margin-right: 10px;
    color: #0988bf;
}
.list-view-wrp li .product-box:hover {
    box-shadow: none;
}
.list-view-wrp li .product-box .product-data p{margin: 0 0 15px;}
.list-view-wrp li .product-data .se-h3{margin: 0 0 5px;}
.list-view-wrp li .product-data .se-h5{margin: 0 0 15px;}
.list-view-wrp li .quick-act .btn-main img{display: none;}
.list-view-wrp li .quick-act .title{font-size: 12px;font-weight: 600;}

@media(min-width:1025px) and (max-width:1399px){
    .list-view-wrp li .product-data{margin: 20px 0 0;}
    .list-view-wrp li .product-img .company-lg img{left: -75px;}
}
@media(min-width:992px) and (max-width:1024px){
    .list-view-wrp li .product-data{margin: 20px 0 0;}
}
@media(min-width:576px) and (max-width:767px){
    .list-view-wrp li .quick-act .btn-main img{display: block;}
	.list-view-wrp li .quick-act .btn-main span{display: none;}
    .list-view-wrp li .product-data{margin: 20px 0 0;}
}
@media(min-width:448px) and (max-width:575px){
    .list-view-wrp li .row{flex-flow: inherit;}
	.list-view-wrp li .quick-act .btn-main img{display: none;}
	.list-view-wrp li .quick-act .btn-main span{display: block;}
	.list-view-wrp li .product-data .se-h3{font-size: 18px;}
	.list-view-wrp li .product-data .se-h5{font-size: 14px;padding-left: 10px;}
	.list-view-wrp li .product-data .se-h5:before{width: 5px;height: 5px;}
    .list-view-wrp li .product-box .product-data span{font-size: 12px;}
	.list-view-wrp li .product-box .product-data span a{margin-right: 5px;}
	.list-view-wrp li .product-img .company-lg img{width:45px;}
	.list-view-wrp li .product-img{height: 195px;}
    .list-view-wrp li .row {flex-flow: column;}
	.list-view-wrp li .product-data{margin: 20px 0 0;}
}
@media(max-width:447px){
    .list-view-wrp li .row{flex-flow: inherit;}
	.list-view-wrp li .quick-act .btn-main img{display: block;}
	.list-view-wrp li .quick-act .btn-main span{display: none;}
	.list-view-wrp li .product-data .se-h3{font-size: 18px;}
	.list-view-wrp li .product-data .se-h5{font-size: 14px;padding-left: 10px;}
	.list-view-wrp li .product-data .se-h5:before{width: 5px;height: 5px;}
	.list-view-wrp li .product-box .product-data span{font-size: 12px;}
	.list-view-wrp li .product-box .product-data span a{margin-right: 5px;}
	.list-view-wrp li .product-img .company-lg img{width: 45px;}
	.list-view-wrp li .product-img{height: 195px;}
    .list-view-wrp li .row {flex-flow: column;}
	.list-view-wrp li .product-data{margin: 20px 0 0;}
}
/* **** End Products Page **** */

/* **** Product Details Page **** */
.pro-section-nav{margin: 0 0 30px;}
.nav-new{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index:99;
}
.product-details-nav{
    background: #0b83ba;
}
.product-details-nav ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-details-nav ul li{
    margin-right: 35px;
    margin-left: 35px;
}
.product-details-nav ul li:first-child{
    margin-left: 0;
}
.product-details-nav ul li:last-child{
    margin-right: 0;
}
.product-details-nav ul li a i {
    color: #dee2e6;
    margin-left: 10px;
}
.product-details-nav ul li a{
    padding: 12px 0;
    color: #fff;
    display: block;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: .4s linear;
    transition: .4s linear;
}
.product-details-nav ul li a:after{
    position: absolute;
    content: '';
    width: 0%;
    height: 2px;
    background: #fff;
    bottom: 0;
    left: 0;
    -webkit-transition: .4s linear;
    transition: .4s linear;
}
.product-details-nav ul li a.active{color: #fff;}
.product-details-nav ul li a.active:after{width: 100%;}

@media(min-width:448px) and (max-width:575px){

    .product-details-nav ul{
		overflow: auto;
		white-space: nowrap;
		display: block;
		padding: 0 15px;
	}
	.product-details-nav ul li{margin-right: 15px;display: inline-block;}
	.product-details-nav ul li a{font-size: 14px;}
}
@media(max-width:447px){
    .product-details-nav ul{
		overflow: auto;
		white-space: nowrap;
		display: block;
		padding: 0 15px;
	}
	.product-details-nav ul li{margin-right: 15px;display: inline-block;}
	.product-details-nav ul li a{font-size: 14px;}
}
.product-details-nav-ul {
}
.product-details-nav-li {
}
.prodta-hed{
    width: 100%;
    padding: 0 0 15px;
    border-bottom: 1px solid #f6f6f7;
}
.prodta-hed .se-h1{
    font-size: 38px;
    font-weight: 600;
    color: #000;
    line-height: 56px;
    margin: 0;
}

@media(min-width:1025px) and (max-width:1399px){
    .prodta-hed .se-h1{font-size: 35px;line-height: 45px;}
}
@media(min-width:992px) and (max-width:1024px){
    .prodta-hed .se-h1{font-size: 32px;line-height: 37px;}
}
@media(min-width:768px) and (max-width:991px){
    .prodta-hed .se-h1{font-size: 23px;line-height: 32px;}
}
@media(min-width:576px) and (max-width:767px){
    .prodta-hed .se-h1{font-size: 22px;line-height: 28px;}
}
@media(min-width:448px) and (max-width:575px){
    .prodta-hed .se-h1{font-size: 26px;line-height: 30px;}
}
@media(max-width:447px){
    .prodta-hed .se-h1{font-size: 22px;line-height: 26px;}
}
.brand-logo{
    float: right;
}
@media(min-width:448px) and (max-width:575px){
    .brand-logo{display: none;}
}
@media(max-width:447px){
    .brand-logo{display: none;}
}
.protile-code .se-h6{
    padding: 15px 0;
    border-bottom: 1px solid #f6f6f7;
    margin: 0 0 30px;
    font-size: 14px;
    font-weight: 500;
    color: #bebebe;
}
.protile-code h6 span{float: right;}
.product__slider-main {
  margin-bottom: 15px;
}
.slide{
    position: relative;
}
.support-bx{
    position: absolute;
    top: 25px;
    left: 25px;
}
.support-bx img{
    display: inline-block;
    margin-right: 10px;
    width: auto !important;
    height: 40px;
}
.support-bx img:last-child{margin: 0;}

.product-details-data{
    padding: 0 0 35px 0;
}
.product-details-data .se-h3{
    font-size: 34px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 25px;
    background-color: #92c049;
    padding: 5px 10px;
}
.product-details-data p strong{
    display: block;
    font-weight: 500;
}
.product-details-data p{
    font-size: 16px;
    font-weight: normal;
    color: #1e1e1e;
    line-height: 24px;
    margin: 0 0 25px;
}
@media(min-width:448px) and (max-width:575px){
    .product-details-data .se-h3{font-size: 26px;}
	.product-details-data p{text-align: justify;}
	.product-details-data p strong{font-weight: bold;}
    .product-details-data{padding: 0;}
	.product-details-data p{font-size: 12px;line-height: 18px;}
}
@media(max-width:447px){
    .product-details-data .se-h3{font-size: 26px;}
	.product-details-data p{text-align: justify;}
	.product-details-data p strong{font-weight: bold;}
	.product-details-data{padding: 0;}
	.product-details-data p{font-size: 12px;line-height: 18px;}
}

.product-data{
    padding: 0 15px 15px;
}
.product-data .se-h4{
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 0 0 5px;
    min-height: 55px;
    line-height: 24px;
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    transition: .4s linear;
}
.product-data .se-h4:hover{
    color: #0988bf;
}
.product-data .se-h6{
    font-size: 14px;
    font-weight: 400;
    color: #bebebe;
    margin: 0 0 10px;
}
.product-data p{
    font-size: 14px;
    font-weight: normal;
    color: #1e1e1e;
    line-height: 22px;
    margin: 0 0 10px;
}
.product-data .se-h5{
    font-size: 16px;
    font-weight: 500;
    color: #92c049;
    padding-left: 15px;
    position: relative;
    margin: 0 0 5px;
}
.product-data .se-h5:before{
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    background: #92c049;
    border-radius: 50%;
    top: 5px;
    left: 0;
}
.product-data .se-h3{
    font-size: 24px;
    font-weight: 600;
    color: #ff8700;
    background-color: transparent;
    margin: 0 0 10px;
    padding: 0px;
}
.product-data h3 span{
    float: right;
}
.product-data h3 span i{
    font-size: 16px;
    color: #0988bf;
    margin: 0 5px 0 0;
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    transition: .4s linear;
}
.product-data h3 span a:last-child i{margin-right: 0;}
.product-data h3 span i:hover{
    color: #92c049;
}

.product-data .available
{
    margin-top: 10px;
}

@media(min-width:448px) and (max-width:575px){
    .product-data .se-h4{font-size: 16px;line-height: 24px;}
	.product-data .se-h6{font-size: 12px;line-height: 18px;}
}
@media(max-width:447px){
    .product-data{padding-right: 0px; padding-bottom: 0px;}
    .product-data .se-h4{font-size: 15px;line-height: 24px;}
	.product-data .se-h6{font-size: 12px;line-height: 18px;}
}

.btnbx-ex{position: relative;}
.btn-more{
    padding: 10px 30px;
    border: 2px solid #0988bf;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    background: #fff;
    width: 100%;
    position: relative;
    text-align: center;
    display: block;
    transition: .4s linear;
    margin: 0 0 35px;
}
.btn-more i{
    margin-left: 5px;
}
.btn-more:hover{
    background: #0988bf;
    color: #fff;
}
.btnbx-ex:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 150px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,1) 100%);
    top: -152px;
    left: -0px;
    right:-0px;
}

.feature-wrp{margin: 0 0 35px;}
.feature-wrp .nav-tabs{border: none;}
.feature-wrp .nav-tabs li{margin: 0;}
.feature-wrp .nav-tabs li a{
    padding: 10px 30px;
    background: #f6f6f7;
    border-radius: 0;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    display: block;
    text-transform: uppercase;
}
.feature-wrp .nav-tabs .nav-item.show .nav-link, .feature-wrp .nav-tabs .nav-link.active{
    background: #0988bf;
    color: #fff !important;
}
.feature-wrp .tab-content{
    border: 2px solid #f6f6f7;
}
.featues-table table{margin: 0;}
.featues-table table th{
    padding: 15px;
    border: none;
}
.featues-table table th img{margin: 0 auto;}
.featues-table table td{
    border-top: none;
    border-bottom: none;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    border-right: 2px solid #fff;
}
.featues-table table td:last-child{border: none;}
.featues-table table td:first-child{
    width: 50%;
}
.featues-table table td span{
    color: #bebebe;
}
.featues-table .table-striped tbody tr:nth-of-type(odd){
    background: #f6f6f7;
}
.featues-table .table-striped tbody td .btn-main{
    padding: 10px 15px;
    width: 100%;
    display: block;
    background: #0988bf;
    color: #fff;
    text-align: center;
    font-weight: 500;
    border: none;
    text-transform: uppercase;
}
.featues-table .table-striped tbody tr:last-child td{padding: 0;}
.featues-table .table-striped tbody td .btn-main:hover{background: #000;color: #fff;}
@media(min-width:448px) and (max-width:575px){
    .feature-wrp .nav-tabs li a{font-size: 14px;}
    .featues-table .table-striped tbody td .btn-main,.featues-table table td{font-size: 14px;}
}
@media(max-width:447px){
    .feature-wrp .nav-tabs li a{font-size: 14px;}
    .featues-table .table-striped tbody td .btn-main,.featues-table table td{font-size: 14px;}
}

.specification-bx table{margin: 0 0 25px;}
.specification-bx .table-striped tbody tr:last-child td{padding: 15px;}

.list-view-wrp li .product-data .se-h3 {
    font-size: 24px;
    font-weight: 600;
    color: #ff8700;
    margin: 0 0 10px;
    background-color: #fff;
}

.list-view-wrp li .product-data .order-price {
    font-size: 22px !important;
}

.price-view-block .se-h2{
    font-size: 35px;
    font-weight: 600;
    color: #ff8700;
    margin: 0 0 5px;
}
.price-view-block .se-h5 {
    font-size: 16px;
    font-weight: 500;
    color: #92c049;
    padding-left: 15px;
    position: relative;
    margin: 0 0 25px;
}
.price-view-block .se-h5:before {
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    background: #92c049;
    border-radius: 50%;
    top: 5px;
    left: 0;
}
.price-view-block .quick-act{display: block;}
.price-view-block .quick-act .form-control{
    width: 100%;
    margin: 0 0 5px;
    text-align: left;
}
.price-view-block .quick-act .btn-main{
    padding: 15px;
    margin: 0 0 20px;
    width: 100%;
    color: #fff !important;
}
.price-view-block span {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin: 0 0 35px;
    display: block;
    overflow: hidden;
}
.price-view-block ul li a {
    color: #000;
    margin-right: 0px;
    width: 33%;
    float: left;
}
.price-view-block ul li a i {
    margin-right: 10px;
    color: #0988bf;
}
@media(min-width:1025px) and (max-width:1399px){
    .price-view-block .se-h2{font-size: 28px;}
}
@media(min-width:992px) and (max-width:1024px){
    .price-view-block .se-h2{font-size: 26px;}
}
@media(min-width:768px) and (max-width:991px){
    .price-view-block .se-h2{font-size: 24px;}
    .price-view-block .quick-act .btn-main{font-size:12px;}
}
@media(min-width:576px) and (max-width:767px){
    .price-view-block .se-h2{font-size: 22px;}
    .price-view-block .quick-act .btn-main{font-size:12px;}
}
@media(min-width:448px) and (max-width:575px){
    .price-view-block .se-h2{font-size: 20px;}
}
@media(max-width:447px){
    .price-view-block .se-h2{font-size: 18px;}
}
.seller-profile .se-h4{
    padding: 5px 10px;
    background: #92c049;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 25px;
    text-transform: uppercase;
}
.sel-probx{display: flex;align-items: center;margin: 0 0 20px;}
.proimgsel{
    width: 91px;
    height: 91px;
    border-radius: 50%;
    border: 2px solid #0988bf;
    padding: 2px;
}
.proimgsel img{
    width: 83px;
    height: 83px;
    border-radius: 50%;
    object-fit: cover;
}
.sel-probx .se-h5{
    font-size: 20px;
    font-weight: 500;
    color: #0988bf;
    margin: 0;
    padding: 0 0 0 15px;
}
.sel-probx h5 span{
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}
.seller-profile .call-btn{
    padding: 12px 15px;
    display: block;
    text-align: center;
    width: 100%;
    font-size:20px;
    font-weight: 600;
    color: #0988bf;
    border: 2px solid #f6f6f7;
    border-radius: 10px;
    margin: 0 0 45px;
}
.seller-profile .call-btn i{margin-right: 5px;font-size: 18px;}
.seller-profile .call-btn:hover{
    background: #0988bf;
    border-color: #0988bf;
    color: #fff;
}
.some-info-seller .se-h4{
    margin: 0 0 15px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}
.some-info-seller h4 i{
    float: right;
    padding-right: 15px;
}
@media(min-width:1025px) and (max-width:1399px){
    .some-info-seller .se-h4{font-size: 14px;}
}
@media(min-width:992px) and (max-width:1024px){
    .some-info-seller .se-h4{font-size: 14px;}
}
@media(min-width:768px) and (max-width:991px){
    .some-info-seller .se-h4{font-size: 12px;}
}
@media(min-width:576px) and (max-width:767px){
    .some-info-seller .se-h4{font-size: 12px;}
}
/* **** End Product Details Page **** */

/* **** Cart Page **** */
.cart-process-wrp{
    width: 100%;
}
.process-cycle{
    padding: 15px 0;
    width: 100%;
    border-bottom: 1px solid #f6f6f7;
    margin: 0 0 0;
}
.process-cycle ul{width: 100%;overflow: hidden;}
.process-cycle ul li{
    float: left;
    width: 33.33%;
}
.crt-bx {display: flex;align-items: center;}
.crt-bx span{
    width: 70px;
    height: 70px;
    background: #f6f6f7;
    border-radius: 50%;
    line-height: 70px;
    font-size: 18px;
    font-weight: bold;
    color: #b7b7b8;
    text-align: center;
    display: block;
}
.crt-bx .se-h5{
    font-size: 18px;
    font-weight: 600;
    color: #b7b7b8;
    margin: 0;
    padding-left: 15px;
}
.process-cycle ul li.active a .crt-bx span{
    background: #0988bf;
    color: #fff;
}
.process-cycle ul li.active a .crt-bx .se-h5{color: #000;}
@media(min-width:576px) and (max-width:767px){
    .crt-bx .se-h5{display: none;}
	.crt-bx span{width: 40px;height: 40px;line-height: 40px;font-size: 16px;}
	.process-cycle ul li{width: 15%;}
	.process-cycle ul li.active{width: 70%;}
	.process-cycle ul li.active a .crt-bx .se-h5{display: block;font-size: 16px;}
}
@media(min-width:448px) and (max-width:575px){
    .crt-bx .se-h5{display: none;}
	.crt-bx span{width: 40px;height: 40px;line-height: 40px;font-size: 16px;}
	.process-cycle ul li{width: 15%;}
	.process-cycle ul li.active{width: 70%;}
	.process-cycle ul li.active a .crt-bx .se-h5{display: block;font-size: 16px;}
}
@media(max-width:447px){
    .crt-bx .se-h5{display: none;}
	.crt-bx span{width: 40px;height: 40px;line-height: 40px;font-size: 16px;}
	.process-cycle ul li{width: 15%;}
	.process-cycle ul li.active{width: 70%;}
	.process-cycle ul li.active a .crt-bx .se-h5{display: block;font-size: 16px;}
}

.cart-wrp{
    padding: 10px;
    width: 100%;
}
.cart-wrp .se-h2{
    font-size: 42px;
    font-weight: 600;
    color: #000000;
    margin: 0 0 25px;
}
@media(min-width:1025px) and (max-width:1399px){
    .cart-wrp{padding: 30px 0;}
	.cart-wrp .se-h2{font-size: 28px;}
}
@media(min-width:992px) and (max-width:1024px){
    .cart-wrp{padding: 30px 0;}
	.cart-wrp .se-h2{font-size: 28px;}
}
@media(min-width:768px) and (max-width:991px){
    .cart-wrp{padding: 30px 0;}
	.cart-wrp .se-h2{font-size: 28px;}
}
@media(min-width:576px) and (max-width:767px){
    .cart-wrp{padding: 30px 0;}
	.cart-wrp .se-h2{font-size: 28px;}
}
@media(min-width:448px) and (max-width:575px){
    .cart-wrp{padding: 30px 0;}
	.cart-wrp .se-h2{font-size: 28px;}
}
@media(max-width:447px){
    .cart-wrp{padding: 30px 0;}
	.cart-wrp .se-h2{font-size: 28px;}
}
.cart-table table{
    margin: 0;
}
.cart-table table th{
    padding: 12px 15px;
    background: #f6f6f7;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    border: none;
}
.cart-table table th:first-child{text-align: center;}
.cart-table table td{vertical-align: top;}
.cart-table table td .product-img {
    height: 100px;
}
.cart-table table td .product-img .company-lg {
    top: 0;
    right: 0;
}
.cart-table table td .product-img .company-lg img {
    position: relative;
    height: auto;
    width: 40px;
    top: 0;
    left: 0;
    float: right;
    transform: translate(0);
}
.cart-table table td{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding: 15px 10px;
    border: none;
    border-bottom: 1px solid #f6f6f7;
}
.cart-table table td .product-box {
    border: none;
    margin: 0;
}
.cart-table table td .product-data, .cart-table table td .product-box .product-data {
    padding: 0;
}
.cart-table table td .product-data .se-h4{
    font-size: 15px;
}
.cart-table table td .product-box .product-data .se-h4 {
    min-height: auto;
}
.cart-table table td .product-box:hover {
    box-shadow: none;
}
.cart-table table td .product-box .product-data span {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.cart-table table td .product-box .product-data span a {
    color: #000;
    margin-right: 15px;
}
.cart-table table td .product-box .product-data span a i {
    margin-right: 10px;
    color: #0988bf;
}
.cart-table table td:first-child{width: 40%;}
.cart-table table td .product-data .se-h6{margin: 0 0 5px;}
.cart-table table td .product-data .se-h5{margin: 0 0 10px;}
.cart-table table td .product-box .product-data span a:last-child{margin: 0;}
.cart-table table td .product-box .product-data span a:last-child i{color: #ff2d00;}
.msgbx .form-control{
    border:2px solid #f6f6f7;
    height: auto !important;
    padding: 9px 10px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    margin-right: 5px;
    resize: none;
}
.msgbx select.form-control{
    -webkit-appearance: none;
    outline: none !important;
    background-image: url(../images/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 15px;
}
.some-quick-bx{
    margin: 30px 0 0;
    padding: 15px 0;
    border-top: 1px solid #f6f6f7;
    border-bottom: 1px solid #f6f6f7;
}
.some-quick-bx ul{overflow: hidden;}
.some-quick-bx ul li{
    float: left;
    width: 20%;
}
.some-quick-bx li a{
    font-size: 14px;
    font-weight: 500;
    color: #000;
    display: block;
}
.some-quick-bx li a i{
    margin: 0 10px 0 0;
    color: #0988bf;
}
.some-quick-bx li a i.fa-times-circle{color: #ff3307;}
.some-quick-bx li a i.fa-file-excel{color:#92c049;}
.some-quick-bx li a i.fa-file-pdf{color:#ff3307;}
@media(min-width:576px) and (max-width:767px){
    .some-quick-bx ul li{width: 33.33%;padding: 5px 0;}
}
@media(min-width:448px) and (max-width:575px){
    .some-quick-bx ul li{width: 33.33%;padding: 5px 0;}
}
@media(max-width:447px){
    .some-quick-bx ul li{width: 33.33%;padding: 5px 0;}
}
.error-msgbox {
    padding: 5px 0 20px;
}
.somebreaf-dt{padding: 35px 0 30px;font-size: 16px;font-weight: normal;line-height: 26px;color: #000;margin: 0 0 15px;}
.form-group .somebreaf-dt {
    padding: 35px 0 0;
}
.somebreaf-dt .se-h4{
    font-size: 16px;
    font-weight: 600;
    color: #1e1e1e;
    margin: 0 0 20px;
}
.somebreaf-dt p{font-size:16px;font-weight: normal;line-height: 26px; color: #000;margin: 0 0 15px;}
.somebreaf-dt p a{color: #0988bf;}

.cart-right {
    background-color: #f8f9f9;
}
.cart-right .se-h3{
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    padding: 12px 15px;
    background: #3aa8db;
    text-transform: uppercase;
    margin: 0 0 25px;
}
.cart-right .se-h4{
    margin: 0 3px 25px 5px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    vertical-align: bottom;
    text-transform: uppercase;
}
.cart-right .se-h4 span{
    float: right;
    font-size: 24px;
    font-weight: bold;
    color: #ff8700;
}
.sub-totalbx{
    margin: 0 3px 25px 5px;
}
.sub-totalbx .se-h5{
    padding: 12px 0;
    border-bottom: 1px solid #f6f6f7;
    font-size: 16px;
    font-weight: 500;
    /* color: #b7b7b8; */
    margin: 0;
}
.sub-totalbx .se-h5 span{
    float: right;
    color: #000;
}
.sub-totalbx .se-h4 {
    margin: 0;
    padding: 12px 0;
}
.sub-totalbx .se-h4 span{
    float: right;
    font-size: 24px;
    font-weight: bold;
    color: #28a745;
}
.notbx{
    padding: 25px;
    background: #fff;
    text-align: left;
    border: 2px solid #92c049;
    margin: 0 0 25px;
}
.notbx p{
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #92c049;
}
.cart-right .btn-main{
    width: 100%;
    display: block;
    border: none;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #0988bf;
    text-transform: uppercase;
}
.cart-right .btn-main i{
    padding: 5px 10px 0;
}
.cart-right .btn-oci {
    margin-top: 10px;
}
.cart-right .btn-ocicancel {
    background-color: #dc3545;
}

@media(min-width:1200px) and (max-width:1399px){
    .cart-right .se-h4{font-size: 12px;}
    .cart-right .se-h4 span{font-size: 14px;}
    .cart-right .btn-main{font-size: 14px;}
    .sub-totalbx .se-h5{font-size: 14px;}
    .sub-totalbx h5 span{font-size: 13px;}
    .cart-right .se-h3{font-size: 14px}
    .notbx{padding: 10px;}
    .notbx p{font-size: 13px;}
}
@media(max-width:1200px){
    .cart-right-padding{padding: 5px;}
}

@media(max-width:447px){
    .cart-right .se-h4 span{font-size: 20px;}
}

/* **** End Cart Page **** */

.moretext,.moretext1,.moretext2,.moretext3,.moretext4,.moretext5 {
    display: none;
}

.mobile-filter .btn-filter{
    padding: 10px 15px;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #ff8700;
    margin: 0 0 15px;
    display: none;
}
.mobile-filter .btn-filter i{margin-right: 5px;}
.pro-rightbar.mobile-short .form-control{
    width: 100%;
    display: none;
}
.filter-side-bar .se-h3{
    padding: 18px 30px;
    display: block;
    text-align: center;
    margin: 0 0 25px;
    background: #ff8700;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    display: none;
}
.close-ic{
    top: 12px;
    left: 10px;
    color: #fff;
    font-size: 18px;
    display: none;
}
.close-ic:hover{
    opacity: 1;
    color: #000;
}

.mobile-show-pur{padding: 15px 0;display: none;}
.infobtn{
    padding: 12px 15px;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #ff8700;
    text-transform: uppercase;
}
.infobtn i{margin-left: 10px;}
.infobtn:hover{background: #0988bf; color: #fff;}
@media(min-width:768px) and (max-width:991px){
    .close-ic{display: block;}
    .filter-side-bar{position: fixed;top: 0;right: -100%;z-index: 200;background: #ffffff;width: 100%;height: 100%;overflow-y: auto;transition: .4s linear;}
	.filter-side-bar.filter-opn{right: 0;}
	.filter-side-bar .filter-block{margin: 0 auto 15px;width: 90%;}
	.filter-side-bar .pro-feature{width: 90%;margin: 0 auto 15px;}
	.filter-side-bar .area-bx,.filter-side-bar .other-box,
	.filter-side-bar .brands-bx{width: 90%;margin: 0 auto 15px;}
	.filter-side-bar .se-h3{display: block;}
    .mobile-filter .btn-filter{display: block;}
}
@media(min-width:576px) and (max-width:767px){
    .close-ic{display: block;}
    .filter-side-bar{position: fixed;top: 0;right: -100%;z-index: 200;background: #ffffff;width: 100%;height: 100%;overflow-y: auto;transition: .4s linear;}
	.filter-side-bar.filter-opn{right: 0;}
	.filter-side-bar .filter-block{margin: 0 auto 15px;width: 90%;}
	.filter-side-bar .pro-feature{width: 90%;margin: 0 auto 15px;}
	.filter-side-bar .area-bx,.filter-side-bar .other-box,
	.filter-side-bar .brands-bx{width: 90%;margin: 0 auto 15px;}
	.filter-side-bar .se-h3{display: block;}
    .mobile-filter .btn-filter{display: block;}
}
@media(min-width:448px) and (max-width:575px){
    .close-ic{display: block;}
    .filter-side-bar{position: fixed;top: 0;right: -100%;z-index: 200;background: #ffffff;width: 100%;height: 100%;overflow-y: auto;transition: .4s linear;}
	.filter-side-bar.filter-opn{right: 0;}
	.filter-side-bar .filter-block{margin: 0 auto 15px;width: 90%;}
	.filter-side-bar .pro-feature{width: 90%;margin: 0 auto 15px;}
	.filter-side-bar .area-bx,.filter-side-bar .other-box,
	.filter-side-bar .brands-bx{width: 90%;margin: 0 auto 15px;}
	.filter-side-bar .se-h3{display: block;}
    .mobile-filter .btn-filter{display: block;}
    .mobile-show-pur{display: block;}
}
@media(max-width:447px){
    .close-ic{display: block;}
    .filter-side-bar{position: fixed;top: 0;right: -100%;z-index: 200;background: #ffffff;width: 100%;height: 100%;overflow-y: auto;transition: .4s linear;}
	.filter-side-bar.filter-opn{right: 0;}
	.filter-side-bar .filter-block{margin: 0 auto 15px;width: 90%;}
	.filter-side-bar .pro-feature{width: 90%;margin: 0 auto 15px;}	
	.filter-side-bar .area-bx,.filter-side-bar .other-box,
	.filter-side-bar .brands-bx{width: 90%;margin: 0 auto 15px;}
	.filter-side-bar .se-h3{display: block;}
    .mobile-filter .btn-filter{display: block;}
    .mobile-show-pur{display: block;}
}


/*
I wanted to go with a mobile first approach, but it actually lead to more verbose CSS in this case, so I've gone web first. Can't always force things...

Side note: I know that this style of nesting in SASS doesn't result in the most performance efficient CSS code... but on the OCD/organizational side, I like it. So for CodePen purposes, CSS selector performance be damned.
*/
/* Global settings */
/* Global "table" column settings */
.product-image {
    float: left;
    width: 15%;
    position: relative;
}

.product-details {
    float: left;
    width: 54%;
}

.product-price {
    float: left;
    width: 26%;
}

.product-quantity {
    float: left;
    width: 10%;
}

.product-removal {
    float: left;
    width: 10%;
}

.product-line-price {
    float: left;
    width: 11%;
}
/* This is used as the traditional .clearfix class */
.group:before,
.shopping-cart:before,
.column-labels:before,
.product:before,
.totals-item:before,
.group:after,
.shopping-cart:after,
.column-labels:after,
.product:after,
.totals-item:after {
    content: "";
    display: table;
}

.group:after,
.shopping-cart:after,
.column-labels:after,
.product:after,
.totals-item:after {
    clear: both;
}

.group,
.shopping-cart,
.column-labels,
.product,
.totals-item {
    zoom: 1;
}

@media(min-width:768px) and (max-width:991px){
    .column-labels {display: none;}
}

/* Apply clearfix in a few places */
/* Apply dollar signs */
/*.product .product-price:before,
.product .product-line-price:before,
.totals-value:before {
    content: "$";
}*/

/* Body/Header stuff */

.shopping-cart {
    margin-top: 0;
    color: #000;
}

/* Column headers */
.column-labels label {
    padding: 12px 12px;
    background: #f6f6f7;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    border: none;
}
.column-labels .product-image{
    text-indent: -9999px;
}
@media(min-width:1200px) and (max-width:1399px){
    .column-labels label{font-size: 11px;}
}

/* Product entries */
.product {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.product .product-image {
    padding: 12px 10px;
}
.product .product-image img {
    width: 130px;
    min-width: 80px;
}
.product .product-details .product-title {
    margin-right: 20px;
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium";
}
.product .product-details .product-description {
    margin: 5px 20px 5px 0;
    line-height: 1.4em;
}
.product .product-quantity input {
    border: 2px solid #f6f6f7;
    height: auto !important;
    padding: 9px 10px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    border-radius: 0;
    box-shadow: none;
    width: 75%;
    margin: 0 auto;
    resize: none;
}
.product .remove-product {
    border: 0;
    padding: 4px 8px;
    background-color: #c66;
    color: #fff;
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium";
    font-size: 12px;
    border-radius: 3px;
}
.product .remove-product:hover {
    background-color: #a44;
}
@media(min-width:1025px) and (max-width:1399px){
    .product-image img {width: 90px!important;margin: 0 0 10px 10px;}
}
@media(min-width:992px) and (max-width:1024px){
    .product-image img {width: 90px!important;margin: 0 0 10px 10px;}
}
@media(min-width:768px) and (max-width:991px){
    .product-image img {width: 130px!important;margin: 0 0 10px 10px;}
}
@media(min-width:576px) and (max-width:767px){
    .product-image img {width: 110px!important;margin: 0 0 10px 10px;}
}
@media(min-width:448px) and (max-width:575px){
    .product-image img {width: 110px!important;margin: 0 0 10px 10px;}
}
@media(max-width:447px){
    .product-image img {min-width: 65px!important; width:100%!important;margin: 0 0 10px 10px;}
}
/* Totals section */
.totals .totals-item {
    float: right;
    clear: both;
    width: 100%;
    margin-bottom: 10px;
}
.totals .totals-item label {
    float: left;
    clear: both;
    width: 79%;
    text-align: right;
}
.totals .totals-item .totals-value {
    float: right;
    width: 21%;
    text-align: right;
}
.totals .totals-item-total {
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium";
}

.checkout {
    float: right;
    border: 0;
    margin-top: 20px;
    padding: 6px 25px;
    background-color: #6b6;
    color: #fff;
    font-size: 25px;
    border-radius: 3px;
}

.checkout:hover {
    background-color: #494;
}

/* Make adjustments for tablet */
@media screen and (max-width: 767px) {
    .shopping-cart{margin: 0;padding-top: 20px;border-top: 1px solid #eee;}
    .column-labels{display: none;}
    .product-image{width: auto;}
    .product-details{float: none;margin-bottom: 10px;width: auto;}
    .product-price{clear: both;width: 150px;}
    .product-quantity{width: 100px;}
    .product-quantity input {margin-left: 20px;}
    .product-removal{width: auto;}
    .product-line-price {float: right;width: 70px;}
    .product .product-image{padding: 0px 0px;}
}
/* Make more adjustments for phone */
@media screen and (max-width: 350px) {
    .product-line-price{float: right;width: auto;margin-top: -22px;}
    .product .product-line-price:before {content: "Item Total: ";}
    .totals .totals-item label{width: 60%;}
    .totals .totals-item .totals-value {width: 40%;}
}

.product-image{
    padding: 20px 0 0;
}
.product-image .company-lg img{
    max-width: 40px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.shopping-cart .product-data .se-h4{
    min-height: auto;
    font-size: 15px;
}
.shopping-cart .product-data span a i {
    margin-right: 10px;
    color: #0988bf;
}
.shopping-cart .product-data span a {
    color: #000;
    margin-right: 15px;
}
.shopping-cart .product-data span a:last-child i {
    color: #ff2d00;
}
.shopping-cart .product-removal p{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding: 15px 10px;
    border: none;
}
.product-line-price p{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding: 15px 10px;
    border: none;
    text-align: right;
}

@media(min-width:768px) and (max-width:991px){
    .shopping-cart .product-removal p{padding: 10px 0;}
    .product-line-price p{padding: 10px 0;}
	.product-line-price{width: 90px;}
	.shopping-cart {margin: 0;padding-top: 20px;border-top: 1px solid #eee;}
    .product-line-price {float: right;width: 90px;}
}
@media(min-width:576px) and (max-width:767px){
    .shopping-cart .product-removal p{padding: 10px 0;}
    .product-line-price p{padding: 10px 0;}
	.product-line-price{width: 80px;}
}
@media(min-width:448px) and (max-width:575px){
    .shopping-cart .product-removal p{padding: 10px 0;margin:0px;}
    .product-line-price p{padding: 10px 0;}
	.product-line-price{width: 80px;}
}
@media(max-width:447px){
    .shopping-cart .product-data .se-h4{min-height: auto;font-size: 13px;}
    .shopping-cart .product-removal p{padding: 10px 0;margin:0px;}
    .product-line-price p{padding: 10px 0;}
}

.side-nav-wrp {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 300px;
    overflow: auto;
    background: #000;
    z-index: 999;
    left: -100%;
    padding: 50px 0;
    background: url('./images/left-mega-back.png') 0 0 no-repeat;
    background-size: cover;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    transition: 0.4s linear;
}
.expand-menu-open.side-nav-wrp {
    left: 0;
    display: block;
}
.side-nav-wrp .close-wrp a {
    font-weight: 100;
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 15px;
    right: 15px;
    font-weight: 100;
    z-index: 88;
}
a#sidenavbar{display: none;}
.side-nav-wrp .left-mega{
    border: none;
    padding: 0;
}
.side-nav-wrp button{
    padding: 15px 20px !important;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-align: left;
    position: relative;
    border-radius: 0;
    border: none !important;
    text-transform: uppercase;
    width: 100%;
    display: block;
    background:transparent;
    outline: none;
    box-shadow: none;
    position: relative;
}
.side-nav-wrp button:after {
    position: absolute;
    content: "\f054";
    font-weight: 600;
    color: #555;
    font-family: "FontAwesome";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 35px;
    font-size: 20px;
    text-align: center;
    right: 17px;
    top: 50%;
    color: #39a7db;
    font-size: 18px;
    transform: translate(0,-50%);
}

.side-nav-wrp button i {
    color: #39a7db;
    float: right;
}
.side-nav-wrp .quick-menu{
    padding: 0 30px ;
}
.side-nav-wrp .quick-menu .se-h3{
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 10px;
}
.side-nav-wrp .quick-menu ul{
    padding: 0 0 0 15px;
    margin: 0 0 15px;
}
.side-nav-wrp .quick-menu ul li{display: block;}
.side-nav-wrp .quick-menu ul li a{
    padding: 5px 0;
    display: block;
    font-size: 14px;
    font-weight:400;
    color: rgba(255,255,255,0.7);
    transition: .4s linear;
}
@media(min-width:576px) and (max-width:767px){
    a#sidenavbar{display: block;}
}
@media(min-width:448px) and (max-width:575px){
    a#sidenavbar{display: block;}
}
@media(max-width:447px){
    a#sidenavbar{display: block;}
}

.main-cources-tabs-bx .mobileleft{
    display: none;
}
.main-cources-tabs-bx .mobileleft .quick-menu ul li a:hover{color: #39a7db;}

/* ITScope Merkmaltexte */
.ITScopeProduktdaten ul {
    margin-top: 5px;
}
.ITScopeProduktdaten li {
    list-style-type: disc;
}
.ITScopeProduktdaten .ITSs {
  display: table;
  border: 0px solid #000;
  width: 100%;
}

.ITScopeProduktdaten .ITSr1 {
  display: table-row;
  padding: 4px 20px;
}

.ITScopeProduktdaten .ITSr0 {
  display: table-row;
  padding: 4px 20px;
}

.ITScopeProduktdaten .ITSg {
  font-weight: bold;
  font-size: medium;
  padding: 10px 20px;
  display: block;
}

.ITScopeProduktdaten .ITSn {
  display: table-cell;
  color: #555;
  vertical-align: top;
  border-top: 1px solid #eee;
  padding: 4px 20px;
  white-space: nowrap;
  overflow: hidden;
  width: 50%;
}

.ITScopeProduktdaten .ITSv {
  display: table-cell;
  color: #555;
  vertical-align: top;
  border-top: 1px solid #eee;
  padding: 4px 20px;
}

.itscopeBlock {
  height: 20px;
}
div.itscopeHeader {
    /* background-color: #b6d1f9; */
    padding: 10px 4px 2px 4px;
    color: #616161;
    border-bottom: 1px solid #F0A40C;
}
.itscopeHeader p {
    font-weight: bold;
    margin: 0 0 6px 0;
    letter-spacing: .03em;
    font-size: larger;
}