.desktop-display{display:none;}
@font-face {
  font-family: 'porto-icons';
  src: url('../icon-fonts/font/porto-icons.eot?79779384');
  src: url('../icon-fonts/font/porto-icons.eot?79779384#iefix') format('embedded-opentype'),
       url('../icon-fonts/font/porto-icons.woff2?79779384') format('woff2'),
       url('../icon-fonts/font/porto-icons.woff?79779384') format('woff'),
       url('../icon-fonts/font/porto-icons.ttf?79779384') format('truetype'),
       url('../icon-fonts/font/porto-icons.svg?79779384#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ------------------------------------------------------------- HEADER ------------------------------------- */


.page-header{margin:40px 0px 0px 0px!important;position:relative; z-index:500!important;}

#sticky-bar-content.container{width:100%;}
.container-header.container{width:100%;}

#sticky-bar{background:#d9355c; padding-top:5px!important; position: fixed; top: 0;width: 100%;z-index:1000; color:white;padding-left:0px;}
#sticky-bar-content{color:white; text-align:center; font-family:'Raleway';padding-top:3px;}
#sticky-bar-content p{font-weight: bold; text-transform: uppercase;font-size: 0.9em; color:white!important}
#sticky-bar-content a{color:white!important;}

.btn-toogle-nav{float:right;}



/* ------------------------------------------------------------- NAV ------------------------------------- */


.nav-open .page-wrapper{left: 0%!important; overflow: visible;}
.nav-toggle{z-index:100!important;}
.nav-open .nav-toggle::after{height:0!important; width:0!important;}
.nav-open .nav-toggle::before{color:black!important;content: "x"!important;font-family:'arial'!important;}
.nav-toggle::before {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale; font-size: 21px!important;
 line-height:inherit;content: '\f827';font-family: 'porto-icons';vertical-align: middle;display: inline-block;font-weight: normal;overflow:hidden;speak:none;text-align: center;color:black!important;}
.nav-toggle > span {border:0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow:hidden;padding: 0;position: absolute;  width: 1px;}

.nav-sections{height:0!important;transition: height .35s!important;top:100px!important;}
.nav-open .nav-sections{height:100%!important;width:100%!important;background:transparent!important;z-index:4000!important;pointer-events: all !important;}
header.page-header .nav-sections-items{background:white!important;height:150%!important;z-index:5000!important; font-family:'Raleway'}
header.page-header .nav-sections-item-title{display:none!important;}
header.page-header .nav-sections-item-content{margin-top:0px!important;}


.page-header.type19 .navigation{margin:0 auto;width: 100% !important;
  max-width: none !important;}
.navigation a:hover{color:#d9355c!important;}
.page-header.type19 .navigation .level0 > .level-top {font-size: 14px !important;letter-spacing: 0.05em;font-weight:bold;font-family: 'Raleway' !important;text-transform: none !important;color: black!important;}
.title-nav{display:none!important;}

.page-header.header-newskin .navigation .level0:hover > .level-top{color:#d9355c!important;}

.navigation .parent .level-top::after{content:''!important;}
.ui-menu-item.parent > a.level-top {display: block; position:relative!important;top:0;cursor: pointer;background: url('https://smilepack.fr/files/skins/67bce016-bb43-41a7-a843-663bd4757ca7/images/images/bottom.png') no-repeat right center white!important;height:auto!important}
.navigation li.level0 > a.ui-state-active{display: block; background: url('https://smilepack.fr/files/skins/67bce016-bb43-41a7-a843-663bd4757ca7/images/images/top.png') no-repeat right center white!important;color:#d9355c!important;}


.navigation li.level0 > a.ui-state-active + .submenu {background-color: white!important;}
.page-header.type19 .top-links-area > .links{z-index:6000!important;}
.page-header.header-newskin .minicart-wrapper .block-minicart{z-index:5500!important;}

.nav-toggle{width:20px!important;margin-right: 0px; margin-left: 35px!important; line-height:50px!important}	

@media screen and (min-width: 768px){		
header.page-header .nav-sections-item-content{margin-top:-10px; width:100%!important;margin:0 auto!important; float:none!important;}
.sw-megamenu.navigation li.ui-menu-item > .open-children-toggle{width:100%!important;height:57px!important;}
.navigation .submenu:not(:first-child) ul{display: block;padding-left: 35px;}
.page-header.header-newskin .navigation .level0 .submenu{box-shadow:none!important;}
.page-header.header-newskin .navigation li.level0.fullwidth .submenu li.level1 > a{font-weight:400!important; margin-top:0px!important;}
.page-header.type19 .navigation li.level0{padding-top:15px!important; padding-bottom:15px!important;}	
.sw-megamenu.navigation li.level0.fullwidth > .submenu{padding:0px 0px!important;}
.page-header.header-newskin .navigation li.level0.fullwidth .submenu a{text-transform:lowercase!important;}
.ui-menu-item.parent > a.level-top {width:100%!important;}
.navigation li.level0 > a.ui-state-active{width:100%!important;}
.cart-mobile-header{padding-top:2%;}
.page-header .header.panel{width:auto!important;margin-left: -25px!important;}
.page-header.type19 .top-links-icon{padding:0px 0px!important;}
.container-header{padding-top:0!important;}
}



@media screen and (max-width: 768px){
.nav-open .page-wrapper{left: 0%!important; overflow: visible;width:100%}
.sw-megamenu.navigation li.ui-menu-item > .open-children-toggle{width:100%!important;}
.navigation .parent .level-top::after{top:15px!important;color:#d9355c!important;}
.navigation li.level0 > a.ui-state-active{background:white!important;}
.sw-megamenu.navigation li.level0.fullwidth > .submenu{border-top:none!important;}
.navigation .submenu:not(:first-child) ul > li a{padding-top:5px!important; padding-bottom:5px!important;}
.navigation .submenu:not(:first-child) ul{padding-bottom:10px!important;}
.ui-menu-item.parent > a.level-top {width:95%!important;}
.navigation li.level0 > a.ui-state-active{background: url('https://smilepack.fr/files/skins/67bce016-bb43-41a7-a843-663bd4757ca7/images/images/top.png') no-repeat right center white!important;color:#d9355c!important;width:95%!important;}
header.page-header .nav-sections-item-content{margin-top:25px!important;}
.nav-toggle{width:20px!important;margin-right: 0px; margin-left: 1%!important; line-height:50px!important}
.page-header.type19 .minicart-wrapper{padding-left:25px!important;margin:0px 0px!important}
.demande-devis{width:90%;margin-left:1%; font-size: 1.5rem;border-radius:5px; background:#d9355c;font-weight:bold;text-transform:uppercase;text-align:center;padding:1% 0 1% 0;margin-bottom:10px!important;}
.espace-revendeur{width:90%;margin-left:1%;font-size: 1.5rem;border-radius:5px; background:black;font-weight:bold;text-transform:uppercase;text-align:center;padding:1% 0 1% 0;}
.header-cart-connect img{width:45px!important;}
.header-cart-connect{padding-right:1%!important;}
.page-header.type19 .minicart-wrapper{padding-left:45px!important;}
.page-header .header.panel{width:auto!important;background:transparent!important; margin-left: -15px!important;}
.page-header.type19 .top-links-icon {padding:5px 5px 0 0!important;}
}




.nav-droite{width:97%; margin-bottom:20px; padding-top:4%; text-align:center;pointer-events: auto !important;}
.demande-devis{width:48%;margin-right:2%; font-size: 1.5rem;border-radius:5px; background:#d9355c;font-weight:bold;text-transform:uppercase;text-align:center;padding:1% 0 1% 0;}
.demande-devis a{ color:white!important; }
.demande-devis a:hover{ color:white!important;text-decoration:underline; }
.espace-revendeur{width:48%;margin-left:2%;font-size: 1.5rem;border-radius:5px; background:black;font-weight:bold;text-transform:uppercase;text-align:center;padding:1% 0 1% 0;}
.espace-revendeur a{ color:white!important; }
.espace-revendeur a:hover{ color:white!important;text-decoration:underline; }



/* ----------------------------------------  HEADER / LOGO / PANIER / CONNECT / SEARCH ------------------------------------- */

.header-cart-connect{text-align:right;}
.page-header.header-newskin .minicart-wrapper{float:none!important;}
.page-header.type19 .minicart-wrapper{padding:0px 0px!important;height:auto!important;}
.page-header.header-newskin .minicart-wrapper .action.showcart::after{content:''!important;}
.page-header.header-newskin .minicart-wrapper .action.showcart img{max-width:none!important; width:45px!important}

.logo-header{padding:10px 15px 11px 25px!important}
.logo-header img{width:120px!important; max-width:none!important}
.container-header{padding-top:1%!important;}
.page-header.type19 .minicart-wrapper{padding-left:25px!important;margin:0px 0px!important}



.page-header.type19 .top-links-icon img {width: 40px !important;
  max-width: none !important;}
	
.page-header.type19 .block-search{width:100%!important;max-width:100%!important; padding:10px 10px!important; background:#f6f7fa;height:65px!important;margin-left:0px!important; border-radius: 5px;}

.block-search .action.search{display:inline!important;padding:0px 0px;height:44px!important;  border-radius: 5px;border: none!important;width:100%!important}

.block-search .actions.col-sm-2, .block-search .actions.col-xs-3{padding-right:0px!important;}

.block-search .label{display:none!important;}
.block-search .label + .control input{position:static!important;}

.page-header.type19 .block-search input {height: 44px;border-radius: 5px;border: none!important;width:100%;padding-left:5px;padding-right:5px;margin:0px 0px!important}
.page-header.type19 .block-search .action.search img{width: 25px !important; margin: 0 auto; display: block;}


.block-search .control{padding:0px 0px;}
.custom-search-header{padding-left:0px!important;padding-right:0px!important;margin:0 auto;}


/* ------------------------------------- CUSTOMER MENU  ------------------------------------- */


.page-header.type19 .top-links-area .links .authorization-link{display: block;
padding: 10px 5px;
text-align: right;
color: black !important;
background: white;
text-decoration: none !important;
text-transform: uppercase;
line-height: 19px;}


.mprfq-miniquote-wrapper{display:none!important;}
.page-header.type19 .header.links .customer-menu{display:block!important;}
.page-header.type19 ul.header.links.show .customer-menu .header.links{display:block!important;}



.page-header.type19 .panel.header .header.links{color: #c4d0dc;
  border: none !important;
  padding: 5px 5px 15px 5px !important;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  -webkit-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  -moz-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);
  background: white !important;
  margin-top: 5px;
font-family: 'Raleway';
width:315px}

.page-header.type19 .panel.header .header.links .customer-menu .header.links{color: #c4d0dc;

  border: none !important;
  padding: 0px 0px !important;
  width: 310px;
  box-shadow: none !important;
  }


.page-header.type19 .top-links-area .links > li > span{font-size:12px!important;}

.page-header.type19 .top-links-area .links > li > a{color:#333!important;}




.page-header.type19 .top-links-area > .links {
  display: none;
  position: absolute;
  right: 0;
  z-index: 9;
  background-color: #fff !important;
  border-radius: 3px;
  margin: 0;
  padding: 0px 0 15px 0;
  text-align: right;
  border: 1px solid #ccc;
  min-width: 200px;
}
@media screen and (max-width: 768px){
.page-header.type19 .top-links-area > .links {
  display: none;
  position: absolute;
  right: -35px;
  z-index: 9;
  background-color: #fff !important;
  border-radius: 3px;
  margin: 0;
  padding: 0px 0 15px 0;
  text-align: right;
  border: 1px solid #ccc;
  min-width: 200px;
}	
	
}

.page-header.type19 .top-links-area .links > li {
  display: block;
  margin: 0;
  text-align: right;
  text-transform: uppercase;
  line-height: 19px;
}


.page-header.type19 .top-links-area .links .welcome {
  display: block;
  padding: 0px 0px !important;
  text-align: right;
  color: black !important;
  background: white;
  text-decoration: none !important;
}

.page-header.type19 .top-links-area .links .welcome > span {
  display: block;
  padding: 10px 15px;
  text-align: right;
  color: black !important;
  background: white;
  text-decoration: none !important;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

.page-header.type19 .top-links-area .links > li > span {

  font-size: 11px;
}

.page-header.type19 .top-links-area .links > li {
  display: block;
  margin: 0;
  text-align: right;
  text-transform: uppercase;
  line-height: 19px;
}

.customer-menu .links > li {
  display: block;
  padding: 10px 5px;
  text-align: right;
  color: black !important;
  background: white;
  text-decoration: none !important;
}

.page-header.type19 .top-links-area .links > li > a{
 color: #777 !important;
white-space: nowrap;
padding: 0 10px;
display: block;
transition: all .2s;
font-weight: 400;
font-size: 11px;
}


.customer-menu .links > li {
  display: block;
  padding: 10px 5px;
  text-align: right;
  color: black !important;
  background: white;
  text-decoration: none !important;
}




/* --------------------------------------- FOOTER------------------------------------- */



#footer{background:black;padding-top:3%;}
#footer h4{color:white!important;font-weight:bold!important;text-decoration:underline!important;}
#footer li{margin-bottom:0!important;}
.footer-display-desktop{display:none;}

.accordion {
  background-color: black!important;
  color: white;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 2rem;
  transition: 0.4s;
  text-transform:uppercase;
  border-top:1px solid #5f5f5f!important;
  border-bottom:none!important;
  border-left:none!important;
  border-right:none!important
}

#footer .panel li a{color:white!important;font-size:1.5rem;}

.active-acc, .accordion:hover {
  background-color: black!important;
}

.accordion:after {
  content: '\002B';
  color: #5f5f5f;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active-acc:after {
  content: "\2212";
}

#footer .panel {
  padding: 0 10px;
  background-color: black!important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  color:white;
  border:none!important; margin-bottom:0px!important;
  
}

.info-footer-mobile{color:white;font-size:1.5rem;padding-bottom:2%;}
.info-footer-mobile img{width:30%!important;}
.info-footer-mobile a{color:white!important;}

.bottom-footer{text-align:center;border-top:1px solid #5f5f5f;padding-top:5px; padding-bottom:5px;}
.bottom-footer p{margin-bottom:0px!important;color:#5f5f5f!important}
.avis-verifie-footer-mobile{margin-bottom:25px;}
.avis-verifie-footer-mobile img{width:220px!important;margin-top:15px!important;}

.info-footer-partenaire{text-align:center;margin-top:3%!important;}
.info-footer-partenaire img{width:100%!important;margin-bottom:1%!important}