/*  THIS CSS FILE IS GENERATED FROM "LESS" FILE DO NOT CHANGE IT DIRECTLY, YOUR CHANGES WILL BE OVERWRITTEN */
/*  YOU CAN PLACE YOUR STYLES IN style.css IN THE ROOT FOLDER OF THE CHILD THEME  */
/*==================================================================
▐	1. GENERAL
===================================================================*/
/*  1.0 BASE
-------------------------------------------------------------------*/
/*  Fonts  */
@font-face {
  font-family: ContinentalStagSansBook;font-display: swap;
  src: url(https://www.contitread-training.com/wp-content/themes/conti-child/css/fonts/ContinentalStagSansWeb-Book-356f1d1ff1.eot);
  src: url(https://www.contitread-training.com/wp-content/themes/conti-child/css/fonts/ContinentalStagSansWeb-Book-356f1d1ff1.eot?#iefix) format("embedded-opentype"), url(https://www.contitread-training.com/wp-content/themes/conti-child/css/fonts/ContinentalStagSansWeb-Book-735ef154ca.woff) format("woff"), url(https://www.contitread-training.com/wp-content/themes/conti-child/css/fonts/ContinentalStagSansWeb-Book-1c5ec831bd.ttf) format("truetype"), url(https://www.contitread-training.com/wp-content/themes/conti-child/css/fonts/ContinentalStagSansWeb-Book-e915122a48.svg#ContinentalStagSansW) format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: ContinentalStagSansLight;font-display: swap;
  src: url(https://www.contitread-training.com/wp-content/themes/conti-child/css/fonts/ContinentalStagSansWeb-Light-3052fd24bd.eot);
  src: url(https://www.contitread-training.com/wp-content/themes/conti-child/css/fonts/ContinentalStagSansWeb-Light-3052fd24bd.eot?#iefix) format("embedded-opentype"), url(https://www.contitread-training.com/wp-content/themes/conti-child/css/fonts/ContinentalStagSansWeb-Light-392ed13304.woff) format("woff"), url(https://www.contitread-training.com/wp-content/themes/conti-child/css/fonts/ContinentalStagSansWeb-Light-3e9f0fc93b.ttf) format("truetype"), url(https://www.contitread-training.com/wp-content/themes/conti-child/css/fonts/ContinentalStagSansWeb-Light-5f80693ce6.svg#ContinentalStagSansW) format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: ContinentalStagSansMedium;font-display: swap;
  src: url(https://www.contitread-training.com/wp-content/themes/conti-child/css/fonts/ContinentalStagSansWeb-Medium-44cd412c1e.eot);
  src: url(https://www.contitread-training.com/wp-content/themes/conti-child/css/fonts/ContinentalStagSansWeb-Medium-44cd412c1e.eot?#iefix) format("embedded-opentype"), url(https://www.contitread-training.com/wp-content/themes/conti-child/css/fonts/ContinentalStagSansWeb-Medium-6e97fb7721.woff) format("woff"), url(https://www.contitread-training.com/wp-content/themes/conti-child/css/fonts/ContinentalStagSansWeb-Medium-a4e0719739.ttf) format("truetype"), url(https://www.contitread-training.com/wp-content/themes/conti-child/css/fonts/ContinentalStagSansWeb-Medium-737bdcd564.svg#ContinentalStagSansW) format("svg");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
.font-light {
  font-family: 'ContinentalStagSansLight', sans-serif !important;
  font-weight: 300 !important;
}
.font-book,
body,
.mk-main-navigation .megamenu-title {
  font-family: 'ContinentalStagSansBook', sans-serif !important;
  font-weight: 400 !important;
}
.font-medium,
h1,
h2,
h3,
h4,
h5,
h6,
.mk-main-navigation .menu-item-link,
.portfolio-grid .sortable-classic-style,
.std-table th,
.tire-type-block,
.tire-image-box p,
.caldera_forms_form input[type="submit"].btn {
  font-family: 'ContinentalStagSansMedium', sans-serif !important;
  font-weight: 500 !important;
}
body {
  font-size: 16px;
}
/*  1.1 Layout
-------------------------------------------------------------------*/
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
/*  1.2 Elements
-------------------------------------------------------------------*/
a {
  text-decoration: none !important;
}
/*  1.3 Text
-------------------------------------------------------------------*/
.headings-font {
  font-family: "Roboto Slab", Helvetica, Arial, Verdana, sans-serif;
}
/*  1.4 Colors
-------------------------------------------------------------------*/
.txt-white {
  color: #fff !important;
}
.txt-brand {
  color: #ffa500 !important;
}
.bg-color-green {
  background: #4CBC37 !important;
}
/*  1.7 Responsiveness
-------------------------------------------------------------------*/
/* Responsiveness */
@media (min-width: 768px) and (max-width: 999px) {
  .vc-col-fix-50.vc_col-sm-2,
  .vc-col-fix-50.vc_col-sm-3,
  .vc-col-fix-50.vc_col-sm-4,
  .vc-col-fix-50.vc_col-sm-5 {
    width: 50%;
  }
  .vc-col-fix-100.vc_col-sm-2,
  .vc-col-fix-100.vc_col-sm-3,
  .vc-col-fix-100.vc_col-sm-4,
  .vc-col-fix-100.vc_col-sm-5,
  .vc-col-fix-100.vc_col-sm-6,
  .vc-col-fix-100.vc_col-sm-9 {
    width: 100%;
  }
  .vc-col-fix-50:nth-child(3),
  .vc-col-fix-50:nth-child(5),
  .vc-col-fix-50:nth-child(7) {
    clear: left;
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .vc-col-fix-50.vc_col-sm-2,
  .vc-col-fix-50.vc_col-sm-3,
  .vc-col-fix-50.vc_col-sm-4,
  .vc-col-fix-50.vc_col-sm-5 {
    width: 50%;
  }
}
.img-100 img,
.img-100 .vc_single_image-wrapper,
.img-100 .vc_figure {
  width: 100%;
}
/*==================================================================
▐	4. HEADER & FOOTER
===================================================================*/
/*  4.1 Header
-------------------------------------------------------------------*/
/* Logo */
.mk-header .mk-desktop-logo,
.mk-header .mk-sticky-logo,
.mk-header .mk-resposnive-logo {
  background: #ffa500;
}
.mk-header:not(.a-sticky) .mk-desktop-logo {
  padding: 80px 20px 20px;
  margin-top: 40px;
  max-height: inherit;
  box-sizing: content-box;
}
.mk-header.a-sticky .mk-sticky-logo,
.mk-header.a-sticky .mk-desktop-logo {
  padding: 5px;
  padding-top: 6px;
}
.mk-header .mk-resposnive-logo {
  padding: 9px;
  margin-left: -20px;
}
@media (max-width: 640px) {
  .mk-header .mk-resposnive-logo {
    margin-left: auto;
  }
}
@media (max-width: 370px) {
  .mk-header .mk-resposnive-logo {
    max-width: 150px !important;
  }
}
.mk-header .fit-logo-img a {
  z-index: 29 !important;
}
@media (max-width: 640px) {
  .mk-header .fit-logo-img a {
    margin-left: auto !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 0) !important;
        -ms-transform: translate(-50%, 0) !important;
            transform: translate(-50%, 0) !important;
    width: 180px;
  }
}
@media (max-width: 640px) {
  .mk-header .mk-header-bg {
    background: #ffa500 !important;
  }
}
/*  Header layout */
.mk-header-padding-wrapper {
  padding-top: 60px !important;
}
/* Menu */
@media (min-width: 900px) {
  .mk-main-navigation .sub-menu[class*="mega_col"] {
    max-width: 900px !important;
    left: auto !important;
    right: 0;
  }
}
.mk-main-navigation .megamenu-title {
  color: #ffa500 !important;
  font-size: 18px !important;
}
.mk-main-navigation .megamenu-title:after {
  width: 100% !important;
  background: #ffa500 !important;
  opacity: 1 !important;
  margin-top: 15px !important;
  height: 3px !important;
}
/* Log in / log out */
.header-user-block {
  display: none;
  background: #fafafa;
  padding: 0 25px;
  text-align: right;
  position: relative;
  z-index: 2;
  font-size: 14px;
}
@media (min-width: 1141px) {
  .mk-header-inner.cc-user-logged-in {
    height: auto !important;
  }
  .mk-header-inner.cc-user-logged-in .header-user-block {
    display: block;
  }
  .a-sticky .cc-user-logged-in .header-user-block {
    display: none !important;
  }
  :not(.a-sticky) .cc-user-logged-in .mk-desktop-logo {
    margin-top: -15px !important;
  }
  body.cc-user-logged-in .mk-header-padding-wrapper {
    padding-top: 120px !important;
  }
}
body:not(.cc-user-logged-in) .mk-main-navigation,
body:not(.cc-user-logged-in) .mk-nav-responsive-link,
body:not(.cc-user-logged-in) .mk-responsive-nav {
  display: none !important;
}
/*  4.3 Footer
-------------------------------------------------------------------*/
.footer-wrapper .widget {
  color: #fff !important;
}
.footer-wrapper p {
  color: #fff !important;
}
.footer-wrapper a {
  color: #fff !important;
}
.footer-wrapper a:hover {
  color: #ffa500 !important;
}
.footer-wrapper .widgettitle {
  color: #ffa500 !important;
}
/*==================================================================
▐	3. MODULES | Jupiter theme
===================================================================*/
/*  3.1 Blog Grid
-------------------------------------------------------------------*/
.cc-blog-grid a {
  color: #000 !important;
}
.cc-blog-grid a:hover {
  color: #ffa500 !important;
}
@media (min-width: 651px) and (max-width: 960px) {
  .cc-blog-grid article:nth-child(2n+1) .blog-grid-holder {
    margin-left: 0;
  }
  .cc-blog-grid article:nth-child(2n+2) .blog-grid-holder {
    margin-right: 0;
  }
}
@media (min-width: 961px) {
  .cc-blog-grid article:first-child .blog-grid-holder {
    margin-left: 0;
  }
  .cc-blog-grid article:last-child .blog-grid-holder {
    margin-right: 0;
  }
}
/*  3.2 Image Box
-------------------------------------------------------------------*/
.cc-image-box .item-content {
  padding-top: 7% !important;
  padding-bottom: 0 !important;
}
/* addition to column */
@media (min-width: 768px) and (max-width: 1200px) {
  .std-image-box-col {
    width: 50% !important;
  }
}
/*  3.3 Portfolio
-------------------------------------------------------------------*/
.portfolio-grid .sortable-classic-style {
  padding-top: 0 !important;
}
.mk-blog-teaser .swiper-slide img {
  width: 100% !important;
}
/*  3.4 Table
-------------------------------------------------------------------*/
.std-table th {
  color: #000 !important;
}
/*==================================================================
▐	4. SPECIFIC MODULES | Generic and Specific
===================================================================*/
/*  4.1 Buttons
-------------------------------------------------------------------*/
.std-btn > a {
  background: #ffa500 !important;
  color: #000 !important;
  padding-top: 11px !important;
  padding-bottom: 12px !important;
}
.std-btn > a:hover {
  background: #6e6e6e !important;
  color: #fff !important;
}
/*  4.2 Downloads portfolio
-------------------------------------------------------------------*/
.downloads-portfolio .icons-holder,
.downloads-portfolio .portfolio-meta {
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  opacity: 1 !important;
}
.downloads-portfolio .image-hover-overlay {
  opacity: 0.3 !important;
}
.downloads-portfolio .portfolio-categories a {
  pointer-events: none;
  color: #888;
}
.downloads-portfolio .hover-icon {
  opacity: 1 !important;
}
.downloads-portfolio .portfolio-meta {
  background: #fff !important;
}
.downloads-portfolio .portfolio-meta .the-title {
  min-height: 3.8em;
}
.downloads-portfolio .portfolio-meta .the-title > a {
  color: #000;
}
/*  4.3 Side info
-------------------------------------------------------------------*/
.side-info-block {
  border: 2px solid #ffa500;
}
.side-info-block .mk-fancy-title {
  background: #ffa500;
  padding: 10px 0 12px;
  margin-bottom: 5px;
}
.side-info-block .mk-fancy-title > span {
  color: #000 !important;
}
.side-info-block h3 + p {
  margin-bottom: 10px;
  padding-top: 0;
}
/*==================================================================
▐	5. SPECIFIC
===================================================================*/
/*  5.1 Page content block
-------------------------------------------------------------------*/
.theme-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.mk-grid {
  max-width: 1256px !important;
}
@media (min-width: 961px) and (max-width: 1560px) {
  .theme-page-wrapper {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
/*  5.2 Tire portfolio page
-------------------------------------------------------------------*/
.tire-type-block {
  padding: 10px 0 !important;
}
.tire-type-block h3 {
  margin: 0 !important;
  padding-top: 0 !important;
}
.tire-image-box {
  margin-bottom: 0 !important;
}
.tire-image-box .item-title {
  border-bottom: 2px solid #000;
  padding: 15px 0;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .tire-image-box .item-title {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1520px) {
  .tire-image-box .item-title > h5 {
    min-height: 2.6em;
  }
}
@media (min-width: 768px) and (max-width: 1230px) {
  .tire-image-box .item-title > h5 {
    font-size: 11px !important;
  }
}
.tire-image-box p {
  margin-bottom: 0 !important;
  font-size: 24px !important;
  line-height: 1 !important;
}
.tire-image-box .mk-imagebox-item {
  margin-bottom: 0 !important;
}
.tire-image-box img {
  max-width: 50px !important;
}
.tire-image-box-2 img {
  max-width: 50px !important;
}
@media (min-width: 768px) {
  .tire-image-box-2 .mk-imagebox-item {
    margin-bottom: 0 !important;
  }
}
.tire-dots {
  vertical-align: sub;
  font-size: 24px !important;
}
.tire-axles {
  background: #000;
  overflow: hidden;
  color: #fff;
  padding: 5px;
}
.tire-axles > img,
.tire-axles div {
  float: left;
  width: 40%;
  padding: 10px;
  box-sizing: border-box;
}
.tire-axles img {
  padding-left: 25px;
  padding-right: 25px;
}
.tire-axles div {
  height: 100%;
  font-size: 22px;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1300px) {
  .tire-axles > img,
  .tire-axles div {
    width: 100%;
  }
  .tire-axles img {
    -webkit-transform: scale(0.33);
        -ms-transform: scale(0.33);
            transform: scale(0.33);
    position: relative;
    top: -10px;
  }
  .tire-axles div {
    position: relative;
    top: -10px;
  }
}
@media (max-width: 767px) {
  .tire-axles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .tire-axles > img,
  .tire-axles div {
    float: none;
    width: auto;
  }
  .tire-axles > img {
    max-width: 100px !important;
    padding-right: 25px;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
  .tire-axles > div {
    text-align: left;
  }
}
@media (min-width: 1301px) {
  .tire-axles {
    max-height: 90px;
  }
  .tire-axles div {
    text-align: right;
    padding-top: 0.6em;
  }
  .tire-axles img {
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
    padding-top: 10px;
    padding-bottom: 0;
  }
}
/*  5.3 Team column block
-------------------------------------------------------------------*/
.team-column {
  margin-top: 30px;
}
.team-column .wpb_single_image {
  margin-bottom: 0 !important;
  max-height: 300px;
  overflow: hidden;
}
.team-column .mk-fancy-title {
  background: #ffa500;
  padding-top: 20px !important;
  margin-bottom: 15px !important;
}
.team-column .mk-text-block p {
  margin-bottom: 10px;
}
/*  5.4 Single post blog page
-------------------------------------------------------------------*/
@media (max-width: 960px) {
  .single-post .mk-single-content.clearfix {
    margin-bottom: -20px !important;
  }
}
/*==================================================================
▐	6. PLUGINS
===================================================================*/
/*  6.1 Caldera Form
-------------------------------------------------------------------*/
.caldera_forms_form {
  /* Single Checkbox */
}
.caldera_forms_form label {
  font-weight: 500 !important;
  color: #fff;
  text-transform: uppercase;
}
.caldera_forms_form .form-group {
  margin-bottom: 12px !important;
}
.caldera_forms_form input[type="text"],
.caldera_forms_form input[type="email"],
.caldera_forms_form textarea {
  box-shadow: none !important;
  border: 2px solid #ffa500 !important;
}
.caldera_forms_form .caldera-grid .form-control:focus {
  box-shadow: none !important;
  border-color: #6e6e6e !important;
  background: #fff;
}
.caldera_forms_form input[type="submit"].btn {
  background: #ffa500 !important;
  border: none !important;
}
.caldera_forms_form input[type="submit"].btn:hover,
.caldera_forms_form input[type="submit"].btn:active {
  background: #6e6e6e !important;
  color: #fff;
}
.caldera_forms_form .field_required {
  color: #ffa500 !important;
}
.caldera_forms_form .has-error .parsley-required,
.caldera_forms_form .has-error label {
  color: #ffa500 !important;
}
.caldera_forms_form .parsley-required {
  font-size: 15px;
}
.caldera_forms_form .f-single-checkbox {
  margin-bottom: 16px !important;
}
.caldera_forms_form .f-single-checkbox input {
  margin-right: 5px !important;
}
.caldera_forms_form .f-single-checkbox .help-block {
  font-size: 13px;
  line-height: 1.5;
  margin-top: -6px;
}
.caldera_forms_form .f-single-checkbox .caldera_ajax_error_block {
  margin-top: 3px !important;
}
/*  Login page  */
.register-cf .control-label,
.register-cf label {
  color: inherit;
  text-transform: none;
}
.register-cf .field_required {
  color: red !important;
}
.register-cf input[type="text"],
.register-cf input[type="email"],
.register-cf textarea {
  border: 1px solid #e3e3e3 !important;
}
.register-cf .caldera-grid .form-control {
  height: 37px;
}
.register-cf input[type="submit"].btn {
  padding: 10px 15px !important;
  background: #252525 !important;
  text-transform: uppercase !important;
  color: #fff;
  font-size: 13px !important;
}
.register-cf a {
  color: inherit !important;
  text-decoration: underline !important;
}
.register-cf a:hover {
  text-decoration: none !important;
}
/*  6.2 User Management Plugin
-------------------------------------------------------------------*/
.wpum-action-links {
  margin-left: 0;
}
.wpum-action-links > li {
  margin-left: 0;
}
.wpum-action-links a {
  color: inherit;
  text-decoration: underline !important;
}
.wpum-action-links a:hover {
  text-decoration: none !important;
}
@media (min-width: 1024px) {
  .wpum-login-form fieldset:nth-child(1),
  .wpum-login-form fieldset:nth-child(2) {
    float: left;
    width: calc(50% - 10px);
  }
  .wpum-login-form fieldset:nth-child(1) {
    margin-right: 10px;
  }
  .wpum-login-form fieldset:nth-child(2) {
    margin-left: 10px;
  }
}
@media (min-width: 1024px) {
  .wpum-registration-form fieldset:nth-child(2n+1),
  .wpum-registration-form fieldset:nth-child(2n+2) {
    float: left;
    width: calc(50% - 10px);
  }
  .wpum-registration-form fieldset:nth-child(2n+2) {
    margin-right: 10px;
  }
  .wpum-registration-form fieldset:nth-child(2n+1) {
    margin-left: 10px;
  }
  .wpum-registration-form fieldset:nth-child(1) {
    margin-right: 10px;
    margin-left: 0;
  }
  .wpum-registration-form fieldset:last-of-type {
    margin: 0;
    width: 100%;
  }
}
/*  6.3 WPML Plugin
-------------------------------------------------------------------*/
@media (min-width: 1141px) {
  .mk-header-holder .wpml-ls-menu-item.wpml-ls-item {
    display: none !important;
  }
}
.special-bar-lang-switcher {
  display: inline-block;
  padding-right: 20px;
}
.language-switch-1 .wpml-ls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
/*==================================================================
▐	8. FIXES
===================================================================*/
.wpb_row.js-master-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/*  THIS CSS FILE IS GENERATED FROM "LESS" FILE DO NOT CHANGE IT DIRECTLY, YOUR CHANGES WILL BE OVERWRITTEN */
/*  YOU CAN PLACE YOUR STYLES IN style.css IN THE ROOT FOLDER OF THE CHILD THEME  */
/*# sourceMappingURL=custom-styles.css.map */

/* Badge css date 22-may- 2019 */

span.conti_badge_show {
   z-index: 30;
   position: absolute;
   width: 100%;
   top: 26px;
   transform: rotate(-40deg);
   left: -30%;
   padding: 11px;
   color: #fff;
   padding: 10px 20px;
   text-align: center;
}

span.conti_badge_show.conti_new {
    background: green;
}

span.conti_badge_show.conti_bestseller {
    background: #ffa500;
}

span.conti_badge_show.conti_expiring {
    background: red;
}

@media (min-width: 415px) and (max-width: 768px) {
  span.conti_badge_show
  {
    padding-left: 30px !important;
    left: -118px !important;
    top: 30px !important;
  }
  html[lang="pt-pt"] span.conti_badge_show.conti_bestseller {
    left: -102px !important;
  }
  html[lang="pt-pt"] span.conti_badge_show
  {
    padding-left: 10px !important;
  }
}

@media (max-width: 320px) {
  span.conti_badge_show
  {
    left: -70px !important;
  }
  html[lang="pt-pt"] span.conti_badge_show.conti_bestseller {
    left: -70px !important;
  }
}

@media (min-width: 361px) and (max-width: 414px) {
  span.conti_badge_show
  {
    padding-left: 0px !important
  }
}


@media (max-width: 769px) and (max-width: 1024px) {
  span.conti_badge_show {
      padding-left: 0px;
  }

}