/*
Theme Name:   Bagages
Description:  Write here a brief description about your child-theme
Author:       admin
Author URL:   Write here the author's blog or website url
Template:     spintech
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  bagages
*/

/* Write here your own personal stylesheet */
/* @import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap'); */
/* font-family: 'Orbitron', sans-serif; */

@media (min-width:992px){

}

:root {
    --bs-black:#000000;
    --bs-blue:#0d6efd;
    --bs-indigo:#6610f2;
    --bs-purple:#6f42c1;
    --bs-pink:#d63384;
    --bs-red:#dc221c;
    --bs-orange:#fd7e14;
    --bs-orange-dark:#ee4a34;
    --bs-orange-dark-light:#fae4df;
    --bs-yellow:#ffc107;
    --bs-green:#28a745;
    --bs-teal:#20c997;
    --bs-cyan:#17a2b8;
    --bs-white:#ffffff;
    --bs-gray:#dedede;
    --bs-gray-light: #f7f7f7;
    --bs-gray-dark:#343a40;
    --bs-primary:#26a8dc;
    --bs-primary-dark:#025ce2;
    --bs-primary-light: #f3f8fe;
    --bs-primary-shadow:rgb(0 123 255 / 0.5);
    --bs-secondary:#01012f;
    --bs-secondary-dark: #393939;
    --bs-gray-500: #f2f2f2;
    --bs-gray-500-thumb: #c2c2c2;
    --bs-success:#28a745;
    --bs-info:#17a2b8;
    --bs-warning:#ffc107;
    --bs-danger:#dc3545;
    --bs-light:#f8f9fa;
    --bs-dark:#343a40;
    --bs-font-sans-serif:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-font-awesome: "FontAwesome";
    --bs-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
    --bs-gradient-image:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
    --bs-shadow: 2px 5px 20px rgba(0, 0, 0, .2);
    --bs-radius: 0.1875rem;
    --bs-transition: all .35s cubic-bezier(.645,.045,.355,1);
    --bs-transition-slow: all .55s cubic-bezier(.645,.045,.355,1);
    --bs-transition-very-slow: all .75s cubic-bezier(.645,.045,.355,1);
}


/*========================================================================
Fonts                              
========================================================================*/


@font-face {
    font-family: 'bankgothic_md_btmedium';
    src: url('assets/fonts/bankgothicmediumbt-webfont.eot');
    src: url('assets/fonts/bankgothicmediumbt-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/bankgothicmediumbt-webfont.woff2') format('woff2'),
         url('assets/fonts/bankgothicmediumbt-webfont.woff') format('woff'),
         url('assets/fonts/bankgothicmediumbt-webfont.svg#bankgothic_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bankgothicregular';
    src: url('assets/fonts/bankgothic-regular-webfont.eot');
    src: url('assets/fonts/bankgothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/bankgothic-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/bankgothic-regular-webfont.woff') format('woff'),
         url('assets/fonts/bankgothic-regular-webfont.svg#bankgothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bankgothic_dbregular';
    src: url('assets/fonts/bankgothic-regulardb-webfont.eot');
    src: url('assets/fonts/bankgothic-regulardb-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/bankgothic-regulardb-webfont.woff2') format('woff2'),
         url('assets/fonts/bankgothic-regulardb-webfont.woff') format('woff'),
         url('assets/fonts/bankgothic-regulardb-webfont.svg#bankgothic_dbregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('assets/fonts/opensans-bold-webfont.eot');
    src: url('assets/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('assets/fonts/opensans-bold-webfont.woff') format('woff'),
         url('assets/fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('assets/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansbold_italic';
    src: url('assets/fonts/opensans-bolditalic-webfont.eot');
    src: url('assets/fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('assets/fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('assets/fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('assets/fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold';
    src: url('assets/fonts/opensans-extrabold-webfont.eot');
    src: url('assets/fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('assets/fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('assets/fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('assets/fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('assets/fonts/opensans-extrabolditalic-webfont.eot');
    src: url('assets/fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('assets/fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('assets/fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('assets/fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansitalic';
    src: url('assets/fonts/opensans-italic-webfont.eot');
    src: url('assets/fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('assets/fonts/opensans-italic-webfont.woff') format('woff'),
         url('assets/fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('assets/fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('assets/fonts/opensans-light-webfont.eot');
    src: url('assets/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-light-webfont.woff2') format('woff2'),
         url('assets/fonts/opensans-light-webfont.woff') format('woff'),
         url('assets/fonts/opensans-light-webfont.ttf') format('truetype'),
         url('assets/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight_italic';
    src: url('assets/fonts/opensans-lightitalic-webfont.eot');
    src: url('assets/fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('assets/fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('assets/fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('assets/fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('assets/fonts/opensans-regular-webfont.eot');
    src: url('assets/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/opensans-regular-webfont.woff') format('woff'),
         url('assets/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('assets/fonts/opensans-semibold-webfont.eot');
    src: url('assets/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('assets/fonts/opensans-semibold-webfont.woff') format('woff'),
         url('assets/fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('assets/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('assets/fonts/opensans-semibolditalic-webfont.eot');
    src: url('assets/fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('assets/fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('assets/fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('assets/fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?tcl1lr');
  src:  url('assets/fonts/icomoon.eot?tcl1lr#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?tcl1lr') format('truetype'),
    url('assets/fonts/icomoon.woff?tcl1lr') format('woff'),
    url('assets/fonts/icomoon.svg?tcl1lr#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon_"], [class*=" icon_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  line-height: 1.7;
  font-size: 40px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon_ico_devis:before {
  content: "\e900";
  width: 100%;
  display: block;
  text-align: center;
}
.icon_ico_fret:before {
  content: "\e901";
  width: 100%;
  display: block;
  text-align: center;
}
.icon_ico_logistique:before {
  content: "\e902";
  width: 100%;
  display: block;
  text-align: center;
}
.icon_ico_demenagement:before {
  content: "\e903";
  width: 100%;
  display: block;
  text-align: center;
}


/*========================================================================
Commun                              
========================================================================*/

.site-title {
	font-family: 'bankgothic_md_btmedium';
    font-size: 40px;
    line-height: 1;
}
.breadcrumb-area {
	background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
}
.breadcrumb-area:after {
	opacity: 0;
}
.st-py-default {
    padding: 7.55rem 0;
}
.breadcrumb-box .breadcrumb-content {
    max-width: max-content;
    min-width: 320px;
    padding-left: 30px;
    padding-right: 30px;
    color: var(--bs-secondary);
    background-color: var(--bs-white);
    border-radius: 10px;
    min-height: auto;
    transform: translateY(220px) !important;
    box-shadow: 0px 0px 7.52px 0.48px rgb(33 33 33 / 23%);
}



/*========================================================================
Accueil                              
========================================================================*/

.home .breadcrumb-content {
	display: none;
}
.contact-area:hover .contact-icon i,
.contact-area:hover .contact-icon img,
.contact-area:focus-within .contact-icon i,
.contact-area:focus-within .contact-icon img {
    -webkit-animation: fadeInDown .55s linear !important;
    animation: none !important;
}
.info-section .contact-icon {
    margin-right: 0;
    margin-bottom: 1.25rem;
    width: 5.375rem;
    height: 5.375rem;
    text-align: center;
    border-radius: 100%;
    position: relative;
    color: var(--bs-white);
    border: 2px solid var(--bs-secondary);
    -webkit-transition: var(--bs-transition-slow);
    transition: var(--bs-transition-slow);
}
.info-section .contact-corn {
    width: 4.5rem;
    height: 4.5rem;
    line-height: 4.5rem;
    font-size: 2.875rem;
    background-color: var(--bs-secondary);
    border-radius: inherit;
    -webkit-transition: var(--bs-transition-slow);
    transition: var(--bs-transition-slow);
}
.info-section .col:nth-child(4) .contact-corn {
    background-color: var(--bs-red);
}
.info-section .widget-contact:hover .contact-area .contact-icon, 
.info-section .contact-area:focus-within .contact-icon {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none !important;
}
.info-section .widget-contact:hover .contact-area .contact-icon, 
.info-section .contact-area:focus-within .contact-icon {
    border-color: var(--bs-primary);
}
.info-section .widget-contact:hover .contact-area .contact-corn, 
.info-section .contact-area:focus-within .contact-corn {
    color: var(--bs-white);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
}
.widget-contact {
    border-radius: 0.625rem;
    background-color: var(--bs-white);
	border: solid 1px var(--bs-gray);
	z-index: 2 !important;
}
.widget-contact:hover {
    border-radius: 0.625rem;
    background-color: var(--bs-white);
    -webkit-box-shadow: 0px 15px 35px rgb(0 0 0 / 10%);
    box-shadow: 0px 15px 35px rgb(0 0 0 / 10%);
    -webkit-transform: translateY(-0.625rem);
    transform: translateY(-0.625rem);
}
.info-section .widget-contact a {
	display: block;
    padding: 2.125rem;
}
.info-section:not(.support-section) .widget-contact {
	padding: 0 !important;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    color: var(--bs-secondary);
    z-index: 0;
    -webkit-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
}
.bloc_boutons_accueil {
	position: relative;
	z-index: 2;
}
.post_section_home.st-py-default {
    padding: 2.55rem 0;
}
@media (min-width: 992px) {
	.info-section:not(.support-section) {
		margin-top: -70px;
	}
}


.theme-icon .theme-corn {
    position: relative;
    width: 4.375rem;
    height: 4.375rem;
    font-size: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: var(--bs-primary) !important;
    background-color: #c9e1ff !important;
    -webkit-transition: var(--bs-transition);
    transition: var(--bs-transition);
}
.col:nth-child(4) .theme-item .theme-corn, .col:nth-child(10) .theme-item .theme-corn, .col:nth-child(16) .theme-item .theme-corn {
    background-color: #f3e3f6 !important;
    color: #9916b1 !important;
}