@charset "UTF-8";
/***!  /media/templates/site/vp_neoteric/css/custom/custom.css?4e9f26d0907a5b0f94abf5e7d8a21e546beede37  !***/

.bg-1{
   background-image: url('https://www.trainingmitsystem.de/media/templates/site/vp_neoteric/images/bg1-pete-und-Takao.jpg'); 
}
.bg-2{
   background-image: url('https://www.trainingmitsystem.de/media/templates/site/vp_neoteric/images/bg2-bike.jpeg'); 
}
.bg-2,
.bbg-3,
.bg-4,
.bg-5,
.bg-1{
   position: relative;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top;
   color: #fff;
}

.bg-1 .bg-overlay,
.bg-2 .bg-overlay,
.bbg-3 .bg-overlay,
.bg-4 .bg-overlay,
.bg-5 .bg-overlay{
   background:rgb(0 0 0 / 50%);
}
.bbg-3{
   background-image: url('https://www.trainingmitsystem.de/media/templates/site/vp_neoteric/images/bg3-takao-flying.jpg'); 
}
.bg-4{
   background-image: url('https://www.trainingmitsystem.de/media/templates/site/vp_neoteric/images/bg4-image00002.jpeg'); 
}
.bg-5{
   background-image: url('https://www.trainingmitsystem.de/media/templates/site/vp_neoteric/images/bg5-IMG_6257.jpeg'); 
}
.bg-logo-blue{
   background: #077DC4;
   color:#ffffff;
}
.bg-black-c{
   background: #000000;
   color:#ffffff;
}
body p,body ul li, 
body ol li,
.mod-content p,
.promo-banner-content p,
.promo-banner-text li,
.testi-contents p,
.bottom-horizontal-section,
.wf-column,
.com-content-article__body p{
   font-size: 16px;
}
.wf-column p,
body p{
   margin-bottom: 1rem;
}
.com-content-article ol, .com-content-article ul{
   overflow: inherit!important;
}
.img-inline{
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-evenly;
}

.com-content-article__body ul li, .com-content-article__body ol li {
   font-size: 16px!important;
   line-height: 1.4;
   margin-bottom: 10px;
}
/* slider customization */
.prime-slide-inner:before {
   background: rgb(0 0 0 / 10%); 
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}
/* end slider customization */
.blog-item img{
   width: 100%!important;
}
.contentlist{
   list-style: none;
}
.mod-megamenu>.mod-megamenu--item:last-child {
    margin-left: auto;
}
.mod-megamenu>.mod-megamenu--item:last-child>.mod-megamenu--item-anchor {
    padding-right: auto;
}
.mod-vpprime-ajax-search button i.fa-spinner{
    display: none;
}
.mod-vmcategory-dropdown-drop{
   right: auto!important;
}
html{
   overflow-x:hidden;
}
div.mod-languages ul li.lang-active{
    background:none!important;
 }
 .main-top-wide-section {
    display:block;
    padding: 3rem 0 0 0;
 }
 .main-top-wide-a-section{
    display:block;
    padding: 30px 0 0px 0;
 }
 .test-item {
    display: flex;
    flex-direction: row;
    text-align: start;
    justify-content: start;
    gap: 20px;
    flex-grow: 1;
    flex-wrap: nowrap;
    vertical-align: middle;
    padding:20px;
    /*border-radius: 25px;*/
 }
 .testi-media{
    width: 150px;
    height: 150px;
 }
 .testi-contents p{
    margin-bottom: 10px;
 }
 .testi-contents h5{
    margin-bottom: 0;
 }
 .test-item.odd{
    background: #f6f6f6;
 }
 .modpop{
    display:none;
 }
 .modpop.open{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:999999;
    background: rgb(0 0 0/50%);
    display:block;
 }
 .modpop-inner {
    width: 80%;
    margin: 2% auto;
    padding: 35px;
    background: #ffffff;
 }
 .mod-media {
    margin-bottom: 15px;
}
.mod-media img{
    max-height: 250px;
}
 .close-div{
    position:relative;
 }
 a.closepop {
    position: absolute;
    right: -25PX;
    top: -30px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
 }
 .training-plans .product-price{
    float: none!important;
    text-align: center!important;
 }
 .utility-horizontal-section .container-inner{
   padding:0;
 }
 .mod-position-utility-vertical.mod-block {
   margin-bottom: 0!important;
}
nav.nav.copyright a:first-child{
padding-left: 0;
}

/* vm custom field edit */
.vm-field-controls{
   gap: 20px 0px;
}
/* vm custom field edit end */

/* promo banner customization */
.promo-banner.left-first .promo-banner-body{
   background: url('https://www.trainingmitsystem.de/images/module/6272-34.png')!important;
   background-size: 50%!important;
   background-repeat: no-repeat!important;
   background-position-y: 110%!important;
   background-position-x: 90%!important;
}
.promo-banner.second-right .promo-banner-body{
   background: url('https://www.trainingmitsystem.de/images/module/6272-34.png')!important;
   background-size: 50%!important;
   background-repeat: no-repeat!important;
   background-position-y: 35%!important;
   background-position-x: 90%!important;
}
.training-plans {
   margin-top: 60px;
}
.bg-img{
   background:url('https://www.trainingmitsystem.de/images/banners/training-tipps-800.jpg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   padding:5rem;
   color:#ffffff;
   position: relative;
}
.bg-img::before {
   content: ' ';
   background: rgb(0 0 0 / 50%);
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}
.bg-img .wf-column p{
   color:#ffffff;
}
.home-content-btn{
   background: #FE9000;
   border-color: #FE9000;
}
.product-img-cus .promo-banner img{
   position: absolute;
   right: 12%;
   top: 25%;
   width: 20%;
}
.vpprime-manufacturer img{
   width: 120px;
}
.accordion-header,
.accordion-button,
.accordion-header button.accordion-button{
   outline: none;
}

.accordion-header button.accordion-button.collapsed{
   border-bottom: 1px solid #dddddd;
   font-size: 14px;
   font-weight: 500;
   outline: none;
}
.accordion-header button.accordion-button.collapsed:active{
   outline: 0!important;
   border: none !important;
   box-shadow: none;
   outline: none;
}
/* ul tabs customization */
.uk-tab > * {
   padding-left: 0!important;
}
.uk-tab > li{
   border-right: 1px solid #6d757e;
}
.uk-tab > ul:last-child(){
   border-right: 0px solid #6d757e;
}
/* End tab customization  product Details page radio button */
.productdetails-view .form-check input[type="radio"]{
   position: absolute!important;
   width: 1px!important;
   height: 1px!important;
   padding: 0!important;
   margin: -1px!important;
   overflow: hidden!important;
   clip: rect(0,0,0,0)!important;
   white-space: nowrap!important;
   border: 0!important;
}
.form-check.form-check-inline {
   padding: 0;
   margin-right: 0.5rem;
   margin-bottom: 0.5rem;
}
.form-check-inline .form-check-label{
   text-align: center;
   cursor: pointer;
   display: inline-block;
   position: relative;
}
.form-check-inline .form-check-label-text {
   color: #343a40;
   background-color: #fff;
   border-color: #6d757e;
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   user-select: none;
   border: 1px solid #6d757e;
   padding: 5px 8px;
   border-radius: 1px; 
}
.form-check-inline .form-check-label .form-check-label-price{
   display: block;
   text-align: center;
   margin-top: 4px;
   position: absolute;
   top: -25px;
   right: 0;
}
.form-check-inline .form-check-input:checked+.form-check-label .form-check-label-text:not(.is-color-btn){
   background: #333333;
   border-color: #333333;
   color: #ffffff;
}
.productdetails .product-field-display input,
.productdetails .productdetails-view .addtocart-button,
.productdetails .productdetails-view .addtocart-button-disabled{
   width: 91%;
   border-radius: 0;
}
.productdetails-view .addtocart-button,
.productdetails-view .addtocart-button-disabled{
   background: #FE9000!important;
   border-color: #FE9000 !important; 
}
.bg-gray{
   background: #dddddd;
   color:#000000;
}
.bg-black-mod{
   background: #000000;
   color:#ffffff;
} 
/*.shipdesign {
   display: flex;
   flex: 1;
   gap: 6px;
   flex-wrap: nowrap;
} */
.shipdesign .icon {
   font-size: 16px;
   margin-top: 5px;
   margin-right: 6px;
}
.shipdesign .text{
   font-size: 16px;
}
.related-products__wrapper .product-details {
   display: none;
}
.productdetails .addtocart-button-container{
   width: 100%;
   text-align: center;
   display: flex;
   align-items: center;
}
.productdetails .addtocart-bar {
   gap: 20px;
   flex-direction: row;
   display: flex;
   flex-direction: row;
   flex: 1;
   justify-content: space-around;
   flex-wrap: nowrap;
}

@media screen and ( min-width:767px ) {
   .shipdesign.first{
      margin-left:80px;
   }   
}

/* team page list layout */
.grid-team {
   text-align: center;
   box-shadow: 0px 7px 14px 0px #ddd;
   padding: 15px;
   border-radius: 5px;
   margin-top: 35px;
   position: relative;
}
.grid-team .mem-title{
   margin-top: 10px;
}
.team-title {
   font-size: 18px;
   font-weight: 500 !important;
   margin-bottom: 0;
}
.grid-team-inner {
   cursor: pointer;
}
.team-content {
   position: absolute;
   height: 100%;
   width: 100%;
   bottom: -100%;
   left: 0;
   opacity: 0;
   z-index: -1;
   box-shadow: 0px 7px 14px 0px #ddd;
   visibility: hidden;
   transition: 0.5s ease-in-out;
   transform: translate(0, -100%);
   background: linear-gradient(rgba(255, 255, 255, 0.8), white);
   border-radius: 5px;
}
.team-content-inner {
   padding: 10px 15px;
   text-align: left;
   font-size: 14px;
   line-height: 1.3;
   display: block;
   font-weight: normal!important;
}
.team-content-inner .team-title{
   margin-bottom: 10px;
}
.team-content-inner ul li{
   margin-bottom: 0!important;
}

.team-content.overlay{
   visibility:visible;
   opacity:1;
   z-index:999999;
}
/* newsletter section layout */ 
ul.optionlists {
   list-style: none;
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   flex-wrap: nowrap;
}
.newsletter .banner-contents{
   background: none;
   color: #ffffff;
}
.newsletter .banner-contents .banner-subtitle{
   color: #ed1c24;
   font-size: 2.4rem;
   font-weight: 600;
}
.newsletter .banner-contents .banner-title{
   font-size: 20px;
}
.com-contact__miscinfo dd {
   padding-left: 0px !important;
}
.searchpanel {
   display: none;
   position: absolute;
   z-index: 99999;
   background: #fff;
   padding: 36px;
   right: 0;
   width: 40vw;
   box-shadow: 1px 4px 8px 0px #666;
}
ul.search-option-items {
   list-style: none;
   padding-left: 0;
}
@media (min-width: 992px) {
   input#mod-finder-searchword286 {
      width: 250px;
   }
}
/* .mod-megamenu--deeper a {
   text-transform: capitalize!important;
}*/

/* news letter design */
.newsletter {
   background-image: url('https://www.trainingmitsystem.de/images/banners/training-tipps-800.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
}
.subscribe-form {
   text-align: center;
   color: #fff;
   padding: 5rem 0;
}
.acym_module_form input[type="text"]{
   display: none!important;
}
.acym_module_form input[type="text"],
.acym_module_form input[type="email"]{
   height: 40px;
   width: 350px;
   padding: 0 10px;
}