/* ----------------------------------------------
   🌐 Styles généraux (desktop first par défaut)
---------------------------------------------- */

/* Classe visible commune */
  .fade-in-top.visible,
  .fade-in-bottom.visible,
  .fade-in-left.visible,
  .fade-in-right.visible {
    opacity: 1;
    transform: translate(0, 0);
  }
#top_bar, #header_primary, #partsfilter_top_container, #easycontent_6, .breadcrumb_nav{
  max-width: 1240px;
  margin: auto;
}
#category #columns, #my-account #columns, #product #main, #authentication #columns, #contact #columns, #cms #columns, #identity #columns, #addresses #columns, #history #columns, #order-slip #columns, #module-psgdpr-gdpr #columns, #module-ps_emailalerts-account #columns, #module-stproductcomments-mycomments #columns, #module-stlovedproduct-myloved #columns, #module-stwishlist-mywishlist #columns, #module-cawlop-storedcards #columns, #cart #columns, #checkout #content{
  max-width: 1240px;
  margin: auto;
  margin-top: 20px;
}
#sthomenew_container_8534e65e86, #footer-secondary-container, #footer-tertiary-container, #footer-bottom-container, #compatibleparts_categories{
  max-width: 1200px;
  margin: auto;
}
#center_column{
  padding-right: 0px !important;
  padding-left: 0px !important;
}
/*Header*/
#header_center{
  margin-top: -30px;
 }
#partsfilter_top_container{
  margin-top: 5px;
}
#partsfilter_top .form-control, #partsfilter_left .form-control{
  border-radius: 20px !important;
  border-color: #d83218;
} 
#st_ma_35, #st_ma_44, #st_ma_46, #st_ma_39, #st_ma_40, #st_ma_45, #st_ma_38, #st_ma_47, #st_ma_53, #st_ma_58, #st_ma_63, #st_ma_54, #st_ma_59, #st_ma_55, #st_ma_62, #st_ma_61, #st_ma_57, #st_ma_56, #st_ma_64, #st_ma_65, #st_ma_66, #st_ma_67, #st_ma_68, #st_ma_69, #st_ma_70, #st_ma_71, #st_ma_73, #st_ma_76, #st_ma_81, #st_ma_82, #st_ma_79, #st_ma_77, #st_ma_78, #st_ma_83, #st_ma_80, #st_ma_84, #st_ma_85, #st_ma_86, #st_ma_87, #st_ma_91, #st_ma_107, #st_ma_106, #st_ma_98, #st_ma_99, #st_ma_72, #st_ma_75, #st_ma_89, #st_ma_104, #st_ma_92, #st_ma_102, #st_ma_93, #st_ma_100, #st_ma_103, #st_ma_94, #st_ma_96, #st_ma_95, #st_ma_105{
  color: #d83218;
  font-weight: bold;
  font-family: Orbitron;
}
#easycontent_6 h2{
  color: #d83218;
}
#partsfilter_top_container {
  max-height: 110px;
}
.breadcrumb_spacing {
  height: 0px !important;
}
#page_banner_container_1 {
  margin-top: 0px !important;
  background-color: #222629;
}
.breadcrumb_wrapper {
  border-bottom: 0px solid transparent;
}
#page_banner_container_1 a.text_color {
  color: #fff;
}
#page_banner_container_1 a.text_color :hover {
  color: #d83218;
}
#compatibleparts_categories .mr-3{
  width: 353px !important;
  height: 251px !important;
}
/*End Header*/

.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}
.fade-in-top {
  opacity: 0;
  transform: translateY(-80px);
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

.fade-in-bottom {
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

.fade-in-left {
  opacity: 0;
  transform: translateX(-80px);
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

.fade-in-right {
  opacity: 0;
  transform: translateX(80px);
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

.products_sldier_swiper .pro_outer_box .pro_second_box {
  min-height: 100px;
}
#footer-tertiary-container, #footer-secondary-container{
  background-color: rgba(0, 0, 0, .75);
  padding: 20px;
  border-radius: 20px;
}

/*New-Customer*/
.btn-primary{
  background-color: #d83218;
  border-color: #d83218;
}
.btn-primary:hover{
  background-color: #222629;
  border-color: #222629;
}
/*End-New-Customer*/
/*Mon Compte*/
.myacount_dashbord_list .list-group-item{
  display: block;
  width: 280px;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  height: 100px;
}
.list-group-item a{
  color: #fff!important;
  width: 100%;
  height: 100%;
  display: grid;
}
/* Bounce Out */
.list-group-item {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
background: #000;

}
.list-group-item:hover, .list-group-item:focus, .list-group-item:active {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
background: linear-gradient(to bottom,#6d0019 0,#d83218 56%,#d83218 100%) !important;
}
#customer-form, #address .js-address-form, #form_stblogcomments{
  background-color: #fff;
  padding: 20px;
}
.psgdprinfo17{
  background: #fff;
}
.psgdprinfo17 h2{
  font-size: 22px;
  color: #6d0019;
}
.psgdprinfo17 p{
  font-size: 14px;
}
#module-psgdpr-gdpr .btn-primary{
  background-color: #000;
  border-color: #000;
}
#module-psgdpr-gdpr .btn-primary:hover{
  background-color: #6d0019;
  border-color: #6d0019;
}
.fl, .fr{
  background: #000;
  padding: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.fl:hover, .fr:hover{
  background: #d83218;
  color: #fff;
}
.my_account_page_footer i{
  font-size: 20px;
}
#my-account .page_heading, #identity .page_heading, #address .page_heading, #history .page_heading, #order-slip .page_heading, #discount .page_heading, #module-stblogcomments-mycomments .page_heading, #module-psgdpr-gdpr .page_heading, #module-ps_emailalerts-account h2{
  color: #d83218;
}
/*End mon compte*/


/* ----------------------------------------------
   📱 Smartphones (portrait) – max 480px
---------------------------------------------- */
@media screen and (max-width: 480px) {

}

/* ----------------------------------------------
   📱 Smartphones (paysage) et petits appareils – max 768px
---------------------------------------------- */
@media screen and (max-width: 768px) {
 
}

/* ----------------------------------------------
   💻 Tablettes et petits laptops – max 1024px
---------------------------------------------- */
@media screen and (max-width: 1024px) {

}

/* ----------------------------------------------
   🖥️ Écrans moyens – max 1280px
---------------------------------------------- */
@media screen and (max-width: 1280px) {

}

/* ----------------------------------------------
   🖥️ Très grands écrans – min 1600px
---------------------------------------------- */
@media screen and (min-width: 1600px) {

}
/* ----------------------------------------------
   🖥️ largeur du site – min 1024px
---------------------------------------------- */
@media screen and (min-width: 1024px) {
  #footer{
    background-image: url(https://dev.aeb-developpement.com/themes/panda-child/img/bg-footer.jpg);
    background-position: center;
    background-size: cover;
  }
  .products_sldier_swiper .ajax_block_product .pro_outer_box.home_default{
    margin-right: 5px;
    margin-left: 5px;
  }
  .userinfo_mod_top .dropdown_list{
    min-width: 150px;
  }
  #st_banner_1{
    max-width: 1170px;
    margin: auto;
  }
}