@font-face {
font-family: 'PangeaAfrikan';
src: url(//boxtainerfrance.com/wp-content/themes/divi-child/fonts/PangeaAfrikan-Regular.woff) format('woff'),
url(//boxtainerfrance.com/wp-content/themes/divi-child/fonts/PangeaAfrikan-Regular.otf) format('otf');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'PangeaAfrikan';
src: url(//boxtainerfrance.com/wp-content/themes/divi-child/fonts/PangeaAfrikan-Medium.woff) format('woff'),
url(//boxtainerfrance.com/wp-content/themes/divi-child/fonts/PangeaAfrikan-Medium.otf) format('otf');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'PangeaAfrikan';
src: url(//boxtainerfrance.com/wp-content/themes/divi-child/fonts/PangeaAfrikan-Bold.woff) format('woff'),
url(//boxtainerfrance.com/wp-content/themes/divi-child/fonts/PangeaAfrikan-Bold.otf) format('otf');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Nohemi';
src: url(//boxtainerfrance.com/wp-content/themes/divi-child/fonts/Nohemi-Black.ttf) format('ttf');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Nohemi';
src: url(//boxtainerfrance.com/wp-content/themes/divi-child/fonts/Nohemi-ExtraBold.ttf) format('ttf');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Nohemi';
src: url(//boxtainerfrance.com/wp-content/themes/divi-child/fonts/Nohemi-Bold.ttf) format('ttf');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Nohemi';
src: url(//boxtainerfrance.com/wp-content/themes/divi-child/fonts/Nohemi-SemiBold.ttf) format('ttf');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Stolzl';
src: url(//boxtainerfrance.com/wp-content/themes/divi-child/fonts/Stolzl-Medium.ttf) format('ttf');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Stolzl';
src: url(//boxtainerfrance.com/wp-content/themes/divi-child/fonts/Stolzl-Regular.ttf) format('ttf');
font-weight: 600;
font-style: normal;
font-display: swap;
}
body {
font-weight: 400;
} #navigation.mobile-menu-wrapper  {
position: relative !important;
width: 100% !important;
left: 0 !important;
}
#navigation.mobile-menu-wrapper > div:nth-child(2) {
display: none !important;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
left: -157px !important;
}
.sp-mask {
height: 400px !important;
}
.slider-pro img.sp-image, .slider-pro img.sp-thumbnail {
object-fit: contain;
width: 100%;
height: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:focus {
color:#d25206 !important;
font-weight: bold !important;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
color:#d25206 !important;
font-weight: bold !important;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link{
font-family: 'Nohemi',Helvetica,Arial,Lucida,sans-serif !important;
}
.menu{position: initial;}
.menu div.clearfix{
align-items:center !important;
position: initial;
}
.et-menu-nav li.mega-menu>ul {
padding: 30px 0px !important;
}
.et-menu-nav li.mega-menu li>a {
width: auto !important;
}
.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
top: calc(100% - 28px) !important;
}
.et_pb_section:not(.et_pb_fullwidth_section) {
padding-top: 30px;
padding-bottom: 30px;
}
.et_pb_button {
padding: .7em 1.5em !important;
}
.et_button_icon_visible .et_pb_button {
padding-right: 2.5em !important;
padding-left: 1.5em !important;
}
.boxtainer-card{
cursor:pointer;
}
.boxtainer-card:hover{
border: none;
box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}
.boxtainer-card:hover h4.et_pb_module_header{
color:#d25206 !important;
}
div.et_contact_bottom_container{
width: 100%;
justify-content: center;
margin-top: 20px;
}
.content-politique{
display:flex;
justify-content:flex-end;
}
.politique{
display:flex;
gap:15px;
}
.header-row .et_pb_column:nth-child(1){
flex: 0 0 79%;
}
.container_tables {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.container_tables .left_col, .container_tables .right_col {
background-color: white;
border-radius: 8px;
padding: 40px 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.container_tables .left_col .table:nth-child(1),
.container_tables .right_col .table:nth-child(1){
margin-bottom:40px;
}
.container_tables table {
width: 100%;
border:none !important;
}
.container_tables table tr {
border-bottom: 1px solid #ddd !important;
}
.container_tables table tr:last-child {
border-bottom: none !important;
}
.container_tables h4{
color: #000000;
font-weight: bold;
font-family: "PangeaAfrikan";
margin-bottom:3%;
}
.container_tables td {
padding: 8px 0;
color: #14213f;
font-family: "PangeaAfrikan";
}
.container_tables .label {
color: #d25206;
font-weight: bold;
font-family: "PangeaAfrikan";
}
.card-caracteristiques:hover{
background-color:#d25206 !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
border:none;
cursor:pointer;
}
.card-caracteristiques:hover .et-pb-icon,
.card-caracteristiques:hover h4.et_pb_module_header,
.card-caracteristiques:hover p{
color: #ffffff !important;
}
.product_btn{
display:flex;
gap:10px;
align-items:center;
justify-content:center;
margin-top:20px;
}
.divilife-3-col-feature-blurb .et_pb_main_blurb_image{
min-height: 172px;
}
.divilife-3-col-feature-blurb h4{
min-height: 55px !important;
}
div.sp-fade-arrows{ width: 100%; left: -24px !important; bottom: -10% !important; margin-top: -15px;top: initial !important; }
div.sp-next-arrow{
right: -15px !important;
left: auto !important;
}
div.sp-fade-arrows{
opacity: 1 !important;
}
div.sp-previous-arrow::after, div.sp-previous-arrow::before,
div.sp-next-arrow::after, div.sp-next-arrow::before{
background-color: #000000 !important;
}
div.sp-previous-arrow:hover:before, div.sp-previous-arrow:hover:after,
div.sp-next-arrow:hover:before, div.sp-next-arrow:hover:after{
background-color: #d25206 !important;
}
.card_advantage:hover{
box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
} .card_values{cursor:pointer;}
.card_values:hover{
border:none !important;
box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
} .twistLook_content{
display:grid;
grid-template-columns: 1fr 1fr;
gap:15px;
}
.twistLook_content .item h5{
font-family:'PangeaAfrikan';
font-weight:700;
color:#000000;
margin-top:3%;
} .gallery{
display: flex;
gap: 15px;
} .devis_form .et_pb_contact_field_options_title:nth-child(1),
.devis_form .et_pb_contact_field_options_title:nth-child(2),
.devis_form p[data-type="radio"]:nth-child(1) .et_pb_contact_form_label,
.devis_form .et_pb_contact p[data-type="radio"] label.et_pb_contact_form_label,
.devis_form .et_pb_contact p[data-id="transportationoption"] label[for="et_pb_contact_transportationoption_0"]
{
display:none !important;
}
.devis_form .et_pb_contact p[data-type="radio"] label[for="et_pb_contact_transportation_0"]{
display: block !important;
}
.devis_form .et_pb_contact_field_options_list{
display: flex;
gap: 30px;
}
.devis_form .et_pb_contact p:nth-child(1) input[type=radio]:checked+label i:before{
content: "\2713" !important;
color: #fff !important;
font-size: 19px !important;
background: #d25206 !important;
padding: 0px 6px !important;
width:initial !important;
height:initial !important;
border:none !important;
}
.devis_form .et_pb_contact p:nth-child(1) input[type=radio]+label i {
width: 25px !important;
height: 25px !important;
background-color: #fff !important;
margin-right: 15px !important;
border: 1px solid #706f6f !important;
}
.devis_form .et_pb_contact p:not(:nth-child(1)) input[type=radio]:checked+label i:before{
content: "\2713" !important;
color: #fff !important;
font-size: 19px !important;
background: #d25206 !important;
padding: 0px 6px !important;
width:initial !important;
height:initial !important;
border:none !important;
border-radius:7px !important;
}
.devis_form .et_pb_contact p:not(:nth-child(1)) input[type=radio]+label i {
width: 25px !important;
height: 25px !important;
background-color: #fff !important;
margin-right: 15px !important;
border: 1px solid #706f6f !important;
border-radius:7px !important;
}
.devis_form .et_pb_contact p label.et_pb_contact_form_label,
.devis_form .et_pb_contact p[data-id="options"] label.et_pb_contact_form_label{
display:block !important;
font-family:'PangeaAfrikan';
font-weight:700;
color:#000000;
margin-bottom:3%;
}
.devis_form .et_pb_contact input[type="text"],
.devis_form .et_pb_contact select,
.devis_form .et_pb_contact textarea,
.devis_form .et_pb_contact .et_pb_contact_captcha{
border: 1px solid #c1c1c1;
border-radius:7px;
}
.devis_form .et_pb_contact .et_contact_bottom_container{
margin-top:100px;
}
.devis_form .et_pb_contact_field[data-type=select]:after {
content: "";
position: absolute;
background:url(//boxtainerfrance.com/wp-content/uploads/2024/07/Groupe_-4.png);
background-size: cover;
background-position: center;
top: 65%;
right: 10px;
transform: translateY(-50%);
width: 18px !important;
height: 10px !important;
border: none !important;
border-top-color: initial !important;
margin-top: 3px;
transform: rotate(180deg);
}
.devis_form .et_pb_contact_field[data-id="transportationoption"]:after{
top: 38% !important;
}
.devis_form .et_pb_contact p label.et_pb_contact_form_label:after,
.devis_form .et_pb_contact p[data-id="options"] label.et_pb_contact_form_label:after {
content: "*";
color: #d25206;
font-size: 1.5em;
position: relative;
top: 6px;
left: 5px;
}
.page-id-228 #devis,
.page-id-228 .footer_section_arrow{
display:none;
} .card_contact{cursor:pointer;}
.card_contact:hover{
background-color:#d25206 !important;
}
.card_contact:hover h4.et_pb_module_header,
.card_contact:hover p{
color:#ffffff !important;
}
.contact_form .et_pb_contact p label.et_pb_contact_form_label{
display:block !important;
font-family:'PangeaAfrikan';
font-weight:700;
color:#000000;
margin-bottom:3%;
}
.contact_form .et_pb_contact label.et_pb_contact_form_label:after {
content: "*";
color: #d25206;
font-size: 1.5em;
position: relative;
top: 6px;
left: 5px;
}
.contact_form .et_pb_contact .et_contact_bottom_container{
margin-top:100px;
}
.page-id-21 #devis,
.page-id-21 .footer_section_arrow{
display:none;
} @media only screen and (max-width: 980px) {
.three-cols .et_pb_column {
width: 50% !important;
}
}
@media (max-width: 479px) {
.three-cols .et_pb_column {
width: 100% !important;
}
}
.card-centered-text .et_pb_promo_description {
position: relative!important;
top: 50%!important;
transform: translateY(-50%)!important;
}
.card-rotated-title .et_pb_promo_description .et_pb_module_header {
position:absolute;
top: 0;
right: 0;
transform: translateX(105%) rotate(90deg);
transform-origin: top left;
padding-bottom: 6px;
}
.card-rotated-title .et_pb_promo_description .et_pb_module_header::before {
content: "";
position: absolute;
left: -13px;
top: 0;
height: 100%;
width: 3px;
background-color: #06C167;
}
.card-rotated-title.et_pb_bg_layout_dark .et_pb_promo_description .et_pb_module_header::before {
background-color: #ffffff;
}
.card-with-button {
display: flex;
flex-direction: column;
}
.card-with-button .et_pb_button_wrapper {
margin-top: auto;
} .et_pb_contact_main_title {
display: none;
} .underline {
position: relative;
}
.underline::before {
content: "";
position: absolute;
bottom: -2px;
left: 50%;
width: 100px;
height: 6px;
background: #06C167;
transform: translateX(-50%);
z-index: 99;
}
@media screen and (min-width: 992px) and (max-width:1165px){
.et_pb_menu .et-menu>li {
padding-left: 7px !important;
padding-right: 7px !important;
font-size: 13px;
}
}
@media screen and (min-width: 980px) and (max-width: 1200px) { .et_button_icon_visible .et_pb_button.header-cta {
padding-left: 10px !important;
padding-right: 18px !important;
}
}
@media screen and (max-width: 992px){
.menu .et_pb_menu__wrap{
order:-1;
justify-content: flex-start !important;
width:100%;
}
.menu .clearfix, .menu{
position:initial;
}
.header-row .et_pb_column:nth-child(1){
position:initial;
flex: 0 0 60%;
}
.content-politique{
justify-content:center;
}
.et_pb_menu .et-menu>li {
font-size:14px !important;
padding-left: 11px !important;
padding-right: 11px !important;
font-weight: 700 !important;
}
.menu ul.et-menu li a{
font-weight: 700 !important;
}
.container_tables {
grid-template-columns:1fr;
}
.row-caracteristiques{
display:grid;
grid-template-columns:1fr 1fr;
gap:15px;
}
.row-caracteristiques .et_pb_column:nth-child(3){
grid-column: 1 / 3;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
.row-caracteristiques .et_pb_column:nth-child(3) .et_pb_blurb:nth-child(1){
margin-bottom: 0;
}
div.sp-next-arrow{
right: -13px !important;
left: auto !important;
}
}
@media screen and (max-width: 980px) {
.et_button_icon_visible .et_pb_button.header-cta {
padding-left: 12px !important;
padding-right: 20px !important;
}
}
@media screen and (max-width: 350px) {
.et_button_icon_visible .et_pb_button.header-cta {
padding-left: 7px !important;
padding-right: 15px !important;
}
}
#main-content .et_pb_button:after {
margin-left: .3em !important;
}
#main-content .et_pb_button:hover:after {
margin-left: .6em !important;
}
#main-content .et_pb_button.btn-xl:after {
margin-left: 1em !important;
}
#main-content .et_pb_button.btn-xl:hover:after {
margin-left: 1.3em !important;
}
@media only screen and (max-width: 767px) {
.mt-section {
margin-top: -47vw !important;
}
.header-row .et_pb_column:nth-child(1){
flex: 0 0 50%;
}
.politique{
display:block;
}
.container_tables table td {
padding: 6px 13px !important;
}
.row-caracteristiques{
display:block;
}
.row-caracteristiques .et_pb_column:nth-child(3){
grid-template-columns: 1fr;
gap: 15px;
}
div.sp-fade-arrows{
bottom: 50% !important; }
div.sp-previous-arrow {
left: 20px !important;
}
div.sp-next-arrow{
right: -25px !important;
left: auto !important;
} .gallery{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
} .devis_form .et_pb_contact_field_options_list{
flex-direction:column;
gap: 15px !important;
}
}
@media only screen and (max-width: 500px) {
.mt-section {
margin-top: -60vw !important;
}
}
@media only screen and (max-width: 425px) {
.mt-section {
margin-top: -80vw !important;
}
}