/*~ api/css/style.css
.---------------------------------------------------------------------------.
|  Software: Vitaliano E-commerce Solution                                  |
|  Version: 1.0.0                                                           |
|  Site: https://www.imister.it      			     				        |
| ------------------------------------------------------------------------- |
|  Admin: vitaliano s.r.l.s.					                            |
|  Author:Vitaliano Cosentino | vitaliano@me.com						    |
|  Copyright (c) 2024 vitaliano cosentino                                   |
| ------------------------------------------------------------------------- |
|  License: Software Proprietario									        |
|  Divieto assoluto di copia, distribuzione e modifica del file.            |
'---------------------------------------------------------------------------'
 * Vitaliano E-commerce Solution 
 * @version 1.0
 * @package Forme
 * @author Vitaliano Cosentino
 * @copyright 2024 vitaliano s.r.l.s.
 * @license licenza prorietaria
**/
.share_box{
  width: calc( 90% - 10px );
  margin-left: 5%;
  padding-left: 10px;
  margin-bottom: 20px;
}
.editorial_promo {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
.editorial_promo img{
  width: 100%;
}
.editorial_promo h2{
  font-size: 180%;
  margin: 20px 0;
  font-family: Courier New;
  text-transform: uppercase;
}
.editorial_promo h3{
  font-size: 140%;
  margin-top: 0;
  text-transform: uppercase;
  color: #fd3;
}
.editorial_promo p {
  font-size: 120%;
  padding: 0 40px;
}
/* ______________________________________ */
/* ______________________________________   EXERCISE  */
/* Tecnico */
.target_1{
  background-color: #297796 !important;
  color: #fff;
}
/* Tattico */
.target_2{
  background-color: #4b9983 !important;
  color: #fff;
}
/* Condizionale */
.target_3{
  background-color: #ba4 !important;
  color: #fff;
}
/* Psicologico */
.target_4{
  background-color: #65b !important;
  color: #fff;
}
/* Attivazione */
.target_5{
  background-color: #bc4040 !important;
  color: #fff;
}
/* Defaticante */
.target_6{
  background-color: #964a97 !important;
  color: #fff;
}
/* Sistemi di gioco */
.target_130{
  background-color: #4b8c99 !important;
  color: #fff;
}
/* Tecnica portiere */
.target_120{
  background-color: #2d4a75 !important;
  color: #fff;
}
#exercise_container{
   
}
#exercise_menu{
  width: calc(100% - 20px);
  margin: 20px 10px 10px 10px;
  min-height: 50px;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
}
button.menu_box{
  height: 40px;
  border: none;
  border-radius: 5px;
  margin: 5px;
  display: inline-flex;
  line-height: 40px;
  padding: 0 20px;
  font-size: 100%;
  font-weight: bold;
  text-transform: uppercase;
}
button.menu_box:hover{
  background-color: #fd3 !important;
  color: #000;
}
.exercise_big_box,
.exercise_box{
  width: 70%;
  display: block;
  float: left;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 5px; 
}
.exercise_big_box{
  width: 90% !important;
  margin-left: 5%;
}
.desc_container p{
  padding: 10px;
}
.box_odd {
 float: right !important; 
}
.box_text {
  width: calc(60% - 20px);
  padding: 10px;
  display: inline-block;
}
.box_text h1{
  font-size: 140%
}
.box_image{
  width: 40%;
  display: inline-block;
  vertical-align: top;
}
.image_box_big_exe{
  width: 50%;
  display: inline-block;
}
.box_big_image img,
.box_image img{
  width: 100%;
}
.training_time img{
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: top;
}
.training_time h2 {
  display: inline-block;
  width: calc(100% - 170px);
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  margin: 0;
  font-weight: normal;
}
.serie_container,
.tag_container{
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  height: auto;
}
.tag_box{
  padding: 5px 10px;
  display: inline-flex;
  margin: 0 10px 5px 0;
  background-color: #fd3;
  font-size: 100%;
}
.tag_header{
  background-color: #282828 !important;
  color: #fff;
}
/* ______________________________________ */
/* ______________________________________   FAQ  */
  ul#faq_menu {
     position: sticky;
     top: 120px;
     margin: 0 40px 0 20px;
     padding: 0;
     width: 100%;
   }
  ul#designer_sidebar_menu li a,
  ul#faq_menu li a{
     text-align: center;
     line-height: 50px;
     border: 1px solid #cfcfcf;
     border-radius: 5px;
     margin-bottom: 30px;
     display: block;
     font-size: 140%;
  }
  ul#faq_list{
     margin: 0 auto;
     padding: 0;
     max-width: 1280px;
  }
  ul#faq_list li {
     display: inline-block;
  }
  ul#faq_list p{
     font-size: 140%;
     margin: 0 0 60px 0;
     line-height: 150%;
  }
  li.title_faq {
     width: 100%;	
  }
  li.title_designer h2,
  li.title_faq h2{
     font-size: 140%;
     margin: 60px 0 10px 0;
  }
  li.title_designer h1,
  li.title_faq h1{
     font-size: 160%;
     margin: 0 0 10px 0;
  }
/* __________EDITORIALS__________ */
#exercise_container,
.pc_main > #page_core {
	width: calc(100% - 20px);
	height: auto;
	margin: 300px 0 0 0;
	opacity: 0.5;
	transition: opacity 1s, margin 0.5s;
	transition-timing-function: ease-in-out;
	-webkit-transition: opacity 1s, margin 0.5s;
	-moz-transition: opacity 1s, margin 0.5s;
	-webkit-transition-timing-function: ease-in-out;
	overflow: hidden;
}
#exercise_container.visible,
.pc_main > #page_core.visible {
	margin: 10px;
	opacity: 1;
}
.box_editorial {
 display: inline-block;
}
.editorial_promo {
 width: 100%;
 text-align: center;
 margin-bottom: 40px;
}
.editorial_promo img{
 width: 100%;
}
.promo_countdown {
 max-width: 1280px;
 margin: 0 auto;
}
.promo_countdown img{
 width: 100%;
}
.editorial_promo h2{
 font-size: 220%;
 margin-top: 20px;
}
.editorial_promo h3{
 font-size: 140%;
 margin-top: 0;
 text-transform: uppercase;
}
.editorial_promo p {
 font-size: 120%;
 padding: 0 40px;
}
.countdown_panel {
 padding: 10px 0;
 font-size: 200%;
}
.editorial_0 {
 position: relative;
 width: 100%;
 margin-bottom: 40px;
}
.child_exe img,
.slide_editorial img,
.swiper-slide img {
 width: 100%;
}
.editorial_desc {
 position: relative;
 text-align: center;
 padding: 10px 0 30px 0;
 border: 1px solid #e1e1e1;
 background-color: #fff;
}
.first_editorial {
 border: none !important;
 width: 100%;
 bottom: 0;
 z-index: 19;
}
.first_editorial .swiper-button-next,
.first_editorial .swiper-button-prev {
 display: none !important;
}
.first_editorial h2.editorial_title {
 font-size: 400%;
 text-transform: uppercase;
}
.editorial_desc a{
padding: 10px 50px;
background-color: #fd3;
font-weight: bold;
border-radius: 5px;
}
.editorial_desc h2 {
 font-size: 200%;
 font-weight: bold;
 margin-bottom: 10px;
 padding: 0 10px;
}
.editorial_desc h4 {
 font-size: 140%;
 font-weight: 100;
 margin-top: 0;
 padding: 0 10px;
}
.editorial_desc h6 {
 font-size: 90%;
 font-weight: bold;
 width: calc(100% - 100px);
 padding: 0 50px;
}
.editorial_3,
.editorial_selection {
 position: relative;
 height: 600px;
 width: 100%;
 margin: 0 0 5% 0;
}
.swiper-buttons-selection {
 position: absolute;
 width: 100%;
 height: 495px;
 left: 0;
 top: 0;
}
.swiper-button-next, 
.swiper-button-prev {
 position: absolute;
 width: 50px !important;
 height: 100% !important;
 margin: 0 !important;
 top: 0 !important;
 color: #242424 !important; 	
}
.swiper-button-prev {
 left: 0 !important;
}
.swiper-button-next {
 right: 0 !important;
}
.selection_desc {
 text-align: center;
}
.selection_desc h1 {
 font-size: 120%;
 margin: 20px 0 0 0;
}
.selection_desc h2 {
 font-size: 100%;
 font-weight: 100;
 margin: 0 0 20px 0;
}
/* ______________________________________ */
/* ______________________________________   FOOTER  */
footer {
    width: 100%;
    min-height: 300px;
}
.footer_trust{
    display: block;
    height: auto;
    padding: 30px 0;
}
footer ul {
    margin: 0; padding: 0;
}
#footer_newsletter{
    padding: 120px 0;
    text-align: center;
}
h2.newsletter_title {
    display: inline-block;
    text-transform: uppercase;
    font-size: 180%;
    margin: 0 20px 0 0;
    vertical-align: middle;
}
h4.newsletter_title {
    display: inline-block;
    text-transform: uppercase;
    font-size: 120%;
    margin: 0 20px 0 0;
}
.newsletter_desk{
    display: inline-block;
    width: 260px;
    background-color: #4b9983;
    padding: 10px 0;
    border-radius: 5px;
}
.newsletter_reg {
   display: inline-block;
}
.newsletter_reg button{
   width: 200px;
   height: 40px;
   background-color: #fd3;
   color: #000;
   font-weight: bold;
   border: none;
   border-radius: 5px;
}
.newsletter_desk img{
    height: 80px;
}
span.newsletter_button,
a.newsletter_button {
    display: inline-block;
    vertical-align: bottom;
    padding: 20px;
    border: none;
    text-transform: uppercase;
}
.about_box h2 {
    text-align: center;
    margin: 60px 0;
}
.about_mister h2{
   color: #4b9983;
}
.about_club h2{
   color: #fd3;
}
.about_line {
    position: absolute;
    height: 90%;
    top: 5%;
    left: 0;
    width: 1px;
}
.about_text {
    padding: 0 60px 120px 60px;
    text-align: justify;
    font-size: 120%;
}
#header_promo_roduct,
#footer_promo {
    display: table;
    width: 100%;
}
#header_promo_roduct p,
#footer_promo p {
    display: table-cell;
    vertical-align: middle;
    font-size: 160%;
}
#footer_promo,
#footer_social {
    height: 200px;
    text-align: center;
}
#header_promo_roduct{
    height: 50px;
    text-align: center;
}
#footer_social li{
    display: inline-block;
    margin-top: 50px;
}
#footer_social li a {
    line-height: 100px;
    padding: 0 10px;
    font-size: 200%;
}
.sitemap_box{
   padding-left: 10px;
}
.sitemap_box h2 {
   font-weight: 100;
   margin-top: 40px;
   color: #4b9983;
}
.sitemap_box h6 {
    font-weight: bold;
    padding-left: 20px;
    margin: 0px;
    font-size: 90%;
}
.sitemap_box p,
.sitemap_box li a {
    line-height: 30px;
    padding: 0;
    font-size: 100%;
}
.sitemap_box img{
    height: 20px;
    display: inline;
    vertical-align: middle;
    padding: 0 10px 0 20px;
    margin-bottom: 5px;
}
.box_company p{
    line-height: 120% !important;
    font-size: 90%;
}
.box_company a{
   color: #fd3;
}
.box_company a:hover{
   color: #fff;
}
.footer_row_pay {
    font-size: 120%;
    margin: 0;
}
.box_location span {
    text-transform: uppercase;
}
span.green-lock {
    color: green;
}
.secure_box {
    height: 50px;
    line-height: 50px;
    font-size: 100%;
    text-align: center;
}
#footer_image {
    width: 100%;
}
#footer_image img {
    width: 100%;
}
/* ______________________________________ */
/* ______________________________________   MOBILE */
@media screen and ( min-width: 120px ) and ( max-width: 1024px ) {
	.about_box {
        display: inline-block;
        width: 100%;
        position: relative;
    }
    .sitemap_box {
        width: calc(50% - 10px);
        height: 300px;
        display: inline-block;
        vertical-align: top;
    }
    .exercise_box{
      width: 100%; 
    }
}

/* ______________________________________ */
/* ______________________________________   DESKTOP */
@media screen and ( min-width: 1025px ) {
    .about_box {
        display: inline-block;
        width: 50%;
        position: relative;
    }
    .sitemap_box {
        width: calc(25% - 10px);
        height: 300px;
        display: inline-block;
        vertical-align: top;
    }
}

/* ______________________________________ */
/* ______________________________________   SMARTPHONE */
@media screen and ( min-width: 120px ) and ( max-width: 600px ) {
   .pc_main > #page_core {
       width: 100% !important; 
       margin: 0 auto !important;  
   }
    .box_text{
      width: calc(100% - 20px);
    }
    .image_box_big_exe,
    .box_image{
      width: 100%;
    }
    ul#faq_list{
      width: 100%;
    }
    #page_sidebar.ps_faq{
      margin: 20px 0 0 50px;
    }
    .editorial_exe {
      width: 100% !important;
      margin: 0 0 40px 0 !important;
    }
}

/* ______________________________________ */
/* ______________________________________   TABLET */
@media screen and ( min-width: 601px ) and ( max-width: 1024px ) {
	.pc_main > #page_core {
      width: 600px !important; 
      margin: 0 auto !important;  
  }
  .editorial_0 >
  .editorial_child >
  .slide_editorial img,
  .editorial_0 >
  .editorial_child >
  .swiper-container >
  .swiper-wrapper >
  .swiper-slide img {
    width: 600px;
    height: 300px;
  }
  .child_exe img {
    width: 600px;
    height: 600px;
  }
  .editorial_exe {
    position: relative;
    width: 600px;
    margin: 0 0 40px 0;
  }
  .exe_right {
    margin: 0 0 40px 0 !important;
  }
}

/* ______________________________________ */
/* ______________________________________   NOTEBOOK */
@media screen and ( min-width: 1025px ) and ( max-width: 1279px ) {
	.pc_main > #page_core {
      width: 1000px !important; 
      margin: 0 auto !important;  
  }
  .editorial_0 >
  .editorial_child >
  .slide_editorial img,
  .editorial_0 >
  .editorial_child >
  .swiper-container >
  .swiper-wrapper >
  .swiper-slide img {
    width: 1000px;
    height: 500px;
  }
  .child_exe img {
    width: 495px;
    height: 412px;
  }
  .editorial_exe {
    position: relative;
    width: 495px;
    margin: 0 10px 40px 0;
  }
  .exe_right {
    margin: 0 0 40px 0 !important;
  }
}

/* ______________________________________ */
/* ______________________________________   LAPTOP */
@media screen and ( min-width: 1280px ) and ( max-width: 1979px ) {
	.pc_main > #page_core {
        width: 1200px !important; 
        margin: 0 auto !important;  
    }
    .editorial_0 >
    .editorial_child >
    .slide_editorial img,
    .editorial_0 >
    .editorial_child >
    .swiper-container >
    .swiper-wrapper >
    .swiper-slide img {
      width: 1200px;
      height: 600px;
    }
    .child_exe img {
      width: 595px;
      height: 495px;
    }
    .editorial_exe {
      position: relative;
      width: 595px;
      margin: 0 10px 40px 0;
    }
    .exe_right {
      margin: 0 0 40px 0 !important;
    }
}

/* ______________________________________ */
/* ______________________________________   HD */
@media screen and ( min-width: 1980px ) {
	.pc_main > #page_core {
        width: 1800px !important; 
        margin: 0 auto !important;  
    }
  .editorial_0 >
  .editorial_child >
  .slide_editorial img,
  .editorial_0 >
  .editorial_child >
  .swiper-container >
  .swiper-wrapper >
  .swiper-slide img {
    width: 1800px;
    height: 900px;
  }
  .child_exe img {
    width: 895px;
    height: 745px;
  }
  .editorial_exe {
    position: relative;
    width: 895px;
    margin: 0 10px 40px 0;
  }
  .exe_right {
    margin: 0 0 40px 0 !important;
  }
}

/* ______________________________________ */
/* ______________________________________   LOW HEIGHT */
@media screen and ( max-height: 500px ) {
	
	
}