@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*-------------------------------------------------
# General
--------------------------------------------------*/
body {
  background: #ffffff;
  color: #727373;
  font-size: 15px;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
}

a{
  color: #0471ac;
  text-decoration: underline;
  text-shadow: none;
  transition: all 0.4s;
}
a:hover, a:focus{
  color: #0471ac;
  text-decoration: none;
}

.image-right {
  float: right;
  margin: 0 0 10px 15px;
}
.image-left {
  float: left;
  margin: 0 15px 10px 0;
}
.uppercase {
    text-transform : uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	line-height: 1.3em;
    color: #282828;
    font-weight: 700;
font-family: "Poppins", sans-serif;
	letter-spacing:0;
	text-transform:uppercase;
}
h1, .h1 {
    font-size: 43px;
}
h2, .h2 {
    font-size: 27px;
    color: #0471ac;
}
h3,
.h3 {

  font-size: 25px;
}
h4,
.h4 {
  font-size: 23px;
  color: #0471ac;
}
h5,
.h5 {
  font-size:21px;
}
h6,
.h6 {
  font-size: 19px;
  color: #0471ac;
}

hr {
  border-color: #101010;
}
.bloc-slider {
    position: relative;
}
input, button {
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
}
.link-footer a {
    margin: 0;
    font-weight: 700 !important;
    display: block;
    padding: 16px 0;
    font-size: 19px;
}.link-footer {
    position: relative;
    text-align: center;
    background: #dff2f8;
    height: 50px;
}a#scrollTopBtn {

    z-index: 0;
}
button {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.1);
    color: #222222;
    padding: 5px 10px;
}
button:hover {
       background: #0471ac;
    border: 1px solid rgba(0,0,0,0);
    color: #ffffff;
}
.tel.work span.phone-responsive {
    display: inline-block;
}
.box-light {
    background: #eee;
    padding: 22px 20px;
    margin: 0 0 20px;
    background-size: cover;
    border: 1px solid #0471ac;
}iframe.setmore-iframe {
    width: 100%;
}
.infos-pages {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 60px;
}
.col-md-8.col-md-push-4 h3 {
    margin-top: 0;
}
.infos-pages h3 {
    margin-top: 0;
}
.vCard .box-light h5 {
    margin: 0 0 3px;
}
.vCard .box-light {
    margin-top: 6px;
}
.fullsite {
    overflow: hidden;
    position: relative;
}
.modal-dialog {
    top: 50%;
    transform: translateY(-50%);
}
.box-dark > h2 {
    margin-top: 0;
}
.box-dark.bottom {
    background: rgb(46 12 74 / 10%);
}
table.table-page tr td:last-child {
    width: 90px;
}
::marker {
    color: #2595b5;
}
header.top.small {
    height: 600px;
    font-size: 100%;
}header.top.small .photo-slide img {
    width: 663px;
}.content-pages header.page-title h1 {
    display: block;
    font-size: 38px;
    padding: 0 0 31px;
    margin: 0 0 35px;
    border-bottom: 1px solid #1111114f;
    position: relative;
}
.image-right, .image-left {
    border-radius: 15px;
    padding: 5px;
    border: 1px solid #0471ac;
}.box-dark-tab {
    padding: 20px;
    margin: 0 0 20px;
    position: relative;
    background: rgb(40 25 46 / 13%);
    border-radius: 0px 20px 0px 20px;
}

div#languageNav {
    position: absolute;
    right: 74px;
    top: 12px;
    z-index: 2;
}
div#languageNav a {
    display: inline-block;
    font-size: 15px;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
    line-height: 32px;
    text-decoration: none;
    margin: 0 4px;
    font-weight: 400;
    letter-spacing: 0;
} div#languageNav a.selected,  div#languageNav a:hover {
    color: #0471ac;

}
/**********/
header.top .header-wrapper.sticky-appear .max-container {
    max-width: 1300px;
}
.cta-fixed {
    display: none;
}
.cta-fixed.sticky-appear p a {
    color: #fff;
    text-decoration: none;
}
.cta-fixed.sticky-appear p {
    margin: 0 12px 0 0;
}
.cta-fixed.sticky-appear {
    display: flex;
    position: relative;
    z-index: 101;
}
.cta-fixed.sticky-appear {
    display: flex;
    position: fixed;
    justify-content: center;
    right: 0;
    top: 85px;
    /* z-index: 10; */
    background: #202020;
    color: #fff;
    text-decoration: none;
    padding: 12px 13px;
    font-weight: 500;
    transition: all .4s;
    border-radius: 0 0 10px 10px;
    font-size: 15px;
    line-height: 1.2em;
    align-items: center;
    grid-gap: 7px;
}
.cta-fixed.sticky-appear a:hover {
    color: #e0f6ff;
}
i.fa-solid.fa-phone-flip:before {
    content: "\f879";
}
.cta-fixed .networks_linking a, .cta-fixed .phone-link a {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    color: #000;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    line-height: 25px;
    text-decoration: none;
    text-align: center;
    transition: all .4s;
}
.cta-fixed .networks_linking a:hover, .cta-fixed .phone-link a:hover {
    background: #0471ac !important;
    color: #fff;
}
/****************/

section.bottom-info {
    position: relative;
    height: 131px;
    background: #0471ac;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
}.grid-info-bottom a {
    color: #fff;
    text-decoration: none;
}.grid-info-bottom a:hover {
    text-decoration: underline;
}.tel-top span.phone-responsive {
    display: inline-block;
}.adres-top {
    padding: 0 0 0 48px;
    background: url(/smarty/webshop02/media/images/map-top.svg) no-repeat 0px 4px;
}.tel-top {
    padding: 0 0 0 48px;
    background: url(/smarty/webshop02/media/images/tel-top.svg) no-repeat 0px 4px;
    position: relative;
}.mail-top {
    padding: 0 0 0 60px;
    background: url(/smarty/webshop02/media/images/mail-top.svg) no-repeat 0px 6px;
}.grid-info-bottom {
    position: relative;
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: space-between;
    padding: 39px 0 0 0;
    line-height: 25px;
}.tel-top:before {
    position: absolute;
    content: "";
    left: -129px;
    height: 44px;
    background: #ffffff36;
    width: 1px;
    top: 0;
}.tel-top:after {
    position: absolute;
    content: "";
    right: -129px;
    height: 44px;
    background: #ffffff36;
    width: 1px;
    top: 0;
}
/****************/

nav.topnav {position: relative;}
nav.topnav ul,
nav.topnav ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.topnav ul li {
  position: relative;
  padding-left: 1px;
  float: left;
}
nav.topnav ul li:first-child::before {
  content: none;
}
nav.topnav ul li::before {
  content: "";
  display: block;
  width: 1px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  top: 7px;
  bottom: 7px;
}
div#ContainerBlockSocial p {
    display: none;
}
nav.topnav ul li a {
    text-transform: uppercase;
    display: block;
    padding: 0;
    margin: 0px;
    font-size: 0;
    line-height: 15px;
    color: #ffffff;
}
nav.topnav ul li:last-child a {
}
nav.topnav ul li a#newsletter::before {
  content: "\f0e0";
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
  margin-right: 5px;
}
nav.topnav ul li a#account::before {
    content: '\f007';
    font-family: "Font Awesome 5 Free";
    font-weight: 500;
    font-size: 15px;
}
nav.topnav ul li a:hover {
      color: #0471ac;
}
.toplogin {
  z-index: 110;
  position: absolute;
  right: -54px;
  top: 100%;
  margin-top:0px;
  width: 250px;
  border: 2px solid #e5e5e5;
  background: rgba(255, 255, 255, 0.95);
  padding: 15px 20px 20px;
  color: #ccc;
  text-align: center;
  box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-out 1s;
  visibility: hidden;
  opacity: 0;
  transform: translateY(15px);
}
.toplogin.active {
  transition: all 0.4s;
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.toplogin::after {
  content: "";
  position: absolute;
  right: 53px;
  top: -7px;
  border: 5px solid transparent;
  border-top: 0;
  border-bottom-color: #e5e5e5;
}
.toplogin a {
  color: #bbb;
  text-decoration: none;
}
.toplogin a.registrate,
.toplogin a.forgot {
  display: inline-block;
  padding: 0;
  margin: 0 5px;
  text-decoration: none;
}
.toplogin h2 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 30px;
  /*font-weight: 700;*/
  text-align: left;
  color: #4a4a4a;
}
.toplogin #user-login input.field {
  display: block;
  width: 100%;
  margin: 5px 0;
  border: 1px solid #ccc;
  background: transparent;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 30px;
  height: auto;
  color: #4a4a4a;
  transition: border-color 0.4s;
}
.toplogin #user-login input.field:focus {
  border-color: #4a4a4a;
}
.toplogin #user-login a.Send {
  display: block;
  width: 100%;
  border: none;
  background: #bbb;
  color: #ffffff;
  font-size: 18px;
  line-height: 36px;
  text-transform: capitalize;
  text-align: center;
  border-radius: 4px;
  margin-top: 5px;
  transition: background 0.4s;
}
.toplogin #user-login a.Send span {
  display: none;
}
.toplogin #user-login a.Send:hover {
  background: #4a4a4a;
}
.toplogin #user-login .LoggedIn {
  text-align: right;
}
.toplogin #user-login .LoggedIn small {
  font-size: 12px;
}
.toplogin .user-wishlist {
  display: inline-block;
  margin-top: 10px;
}
header.top {
    height: 796px;
    background: url(/smarty/webshop02/media/images/bg-banner2.png) no-repeat;
    background-size: cover;
}.camera_wrap img {
    max-width: none !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    margin: 0 !important;
}
.banner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}.infos-top {
    position: absolute;
    top: 9%;
    left: 0;
    height: 252px;
    background: #fff;
    width: 58px;
    box-shadow: 0 0 20px #00000038;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    z-index: 101;
    padding: 22px 0 0;
    text-align: center;
}.infos-top .social {
    text-align: center;
    display: table;
    margin: 0 auto;
}.infos-top .social .networks_linking {

    margin: 18px 0 0;
}
.container-fluid {
    max-width: 1810px;
}.tel-bar a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}.tel-bar {
    position: relative;
    background: #0471ac;
    padding: 11px 28px 10px;
    border-radius: 5px;
    margin: 67px 0 0 0;
    height: 47px;
}.tel-bar:hover a {
    text-decoration: underline;
}
.top-infos .tel-top {
    float: left;
    padding-left: 24px;
    background: url(/smarty/webshop02/media/images/icon-tel.png) no-repeat left center;
	margin-left: 330px;
}
header.top .header-wrapper .bloc-top {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: space-between;
}
header.top .header-wrapper .bloc-top .infos-top {
    display: flex;
    grid-gap: 0;
    align-items: center;
}
header.top .header-wrapper .bloc-top .bloc-top {
    display: table;
    margin: 0 0 0 auto;
    padding: 0;
}
header.top.shop {
    padding: 0;
    height: 280px;
}.box-first {
    padding: 20px;
    margin: 0 0 20px;
    position: relative;
    background: rgb(210 235 242);
    border-radius: 10px;
}.box-dark {
    padding: 20px;
    margin: 0 0 20px;
    position: relative;
    background: rgb(0 60 110 / 14%);
    border-radius: 10px;
    /* color: #fff; */
}
.box-footer {
    padding: 20px;
    margin: 0 0 20px;
    position: relative;
    background: rgb(210 235 242);
    border-left: 7px solid #0471ac;
    border-radius: 10px;
}.box-footer > h2 {
    margin-top: 0;
}
/*****************/
header.top .header-wrapper.sticky-appear {
    position: fixed;
    background: #e0f6ff;
    animation: sticky-nav 0.5s forwards;
    z-index: 20;
    left: 0;
    right: 0;
    top: 0;
    box-shadow: 0 0 5px #0471ac;
    padding: 0 0;
    z-index: 102;
}
header.top .header-wrapper.sticky-appear #navigation .sf-menu > li > a {
    padding: 20px 0;
}
header.top .header-wrapper.sticky-appear .bloc-top .bloc-top {
    display: none;
}
header.top .header-wrapper.sticky-appear .logo {
    display: none;
}
header.top .header-wrapper.sticky-appear div#navigation {
    border: none;
    padding: 0 0 0;
}
header.top .header-wrapper.sticky-appear #navigation .sf-menu > li {
    padding: 10px 0;
}
.account-active header.top .header-wrapper.sticky-appear {
    bottom:0;
}
@keyframes sticky-nav {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
.banner.small .slogan {
    margin-top: 243px;
}.banner.small .photo-slide {
    bottom: -68px;
}.content-pages header.page-title h1:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -3px;
    width: 50px;
    height: 8px;
    background: #0471ac;
}
header.top .header-wrapper {
    position: relative;
    top: 0;
    left: 0;
    z-index: 100;
    /* width: 100%; */
}
.photo-slide {
    position: absolute;
    right: -130px;
    bottom: -170px;
    top: auto;
}header.top .header-wrapper.sticky-appear .tel-bar {
    display: none;
}.slider {
    position: relative;
}
header.top .header-wrapper:not(.sticky-appear) {
}
header.top .header-wrapper > .container {
display: grid;
    grid-template-columns: 1fr auto 1fr;
    position: relative;
    align-items: center;
    padding-top: 58px;
    grid-template-rows: auto auto;
    width: 100%;
    max-width: 1230px;
}
header.top .header-wrapper.sticky-appear nav.main-nav #nav-group #navigation, header.top .header-wrapper.sticky-appear .cta, header.top .header-wrapper.sticky-appear > .container:before, header.top .header-wrapper.sticky-appear > .container:after {
    display: none;
}
header.top .header-wrapper.sticky-appear nav.main-nav #nav-group a.mobile-nav {
    display: block;
}
header.top .header-wrapper.sticky-appear  > .container {
    padding: 0px 15px 0;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
	    align-items: center;
}
.max-container {
    max-width: 1656px;
    padding: 0 15px;
    margin: 0 auto;
}
.networks_linking a:first-child {
    margin-left: 0;
}
.vCard .box-light .networks_linking a {
    background: #0471ac;
    color: #fff;
    font-weight: 400;
}
.vCard .box-light .networks_linking a:hover {
    background: #222;
    color: #fff;
}.slogan {
    position: relative;
    margin-top: 340px;
    z-index: 2;
    left: -108px;
}
.slogan h2 {
    font-size: 50px;
    color: #282828;
    text-transform: none;
    margin: 0 0 0;
    line-height: 66px;
}
.slogan p {
  margin: 0;
}
.slogan p a {
    font-size: 18px;
    font-weight: 700;
    color: #34a6cc;
    text-decoration: underline;
    background: none;
    display: table;
    margin: 35px 0 0;
    padding: 27px 34px;
    position: relative;
    transition: all .4s;
    text-transform: uppercase;
    letter-spacing: 0;
    border-radius: 0;
    /* box-shadow: 0 0 20px #fff; */
}.slogan p a:hover {
    color: #0471ac;
    text-decoration: none;
}
.slogan p a:after {
    position: absolute;
    width: 81px;
    height: 81px;
    background: #fff;
    right: 0;
    transition: all .4s;
    content: "";
    top: 0;
    border-radius: 50px;
    left: 0;
    bottom: 0;
    z-index: -1;
    box-shadow: 0 0 5px #fff;
}
.slogan p a:hover:after {
    width: 100%;
    height: 100%;
}
/***************/
.banner .slider div#slideshow {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
/*******************/
img.img-responsive.img-actus {
    max-width: 250px;
    max-height: 200px;
    float: right;
    margin: 0 0 20px 30px;
}


/****************************/
/********/
.menu-accordion{
    margin-bottom:20px;
}
.box_acc{
    background:#3483e1;
    padding:0;
    margin:0;
    border-bottom:2px solid #fff;
    -webkit-transition:all .4s,font-size 0s;
    -o-transition:all .4s,font-size 0s;
    position: relative;
    transition:all .4s,font-size 0s;
}
.box_acc:hover{
    cursor:pointer;
    background:#2567b5;
}
.box_acc h2,.box_acc h3{
    position:relative;
    color:#fff !important;
    margin:0!important;
    padding:10px!important;
    transition:all .4s,font-size 0s;
    font-size: 20px;
}
.box_acc:after {
    position: absolute;
    z-index: 5;
    font-family: 'FontAwesome';
    speak: none;
    font-size: 14px;
    line-height: 42px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    right: 20px;
    -webkit-font-smoothing: antialiased;
    content: "\f067";
    top: 2px;
    transition: all .4s;
    color: #fff;
}
.opendiv:after {
    content: "\f068";
}
.box_acc:hover h2,.box_acc:hover h3{ 
    color:#fff !important;
    padding:10px 10px 10px 25px!important;
}
.opendiv{
    background:#2567b5 !important;
}
.opendiv h2,.opendiv h3{
    color:#fff !important;
}
.show_me_acc{
    display:none;
    padding:20px;
    background: rgb(0 0 0 / 2%);
    box-shadow: inset 0 0 33px 0 rgb(0 0 0 / 5%);
    border: 1px solid rgb(0 0 0 / 8%);
    margin-bottom: 10px;
}
.show_me_acc p{
    -webkit-margin-before:0;margin:0;padding:0;
}
.show_me_acc ul li{
    color:#5a5b5c !important;
}
.show_me_acc .box-dark ul li{
    color:#5a5b5c !important;
}
.whatsappfix.footer {
    display: inline-block;
    position: relative;
    margin: 0 0 -2px 4px;
    top: -2px;
}header.top.shop .infos-top .whatsappfix, header.top.shop .infos-top .social {
    display: none;
}header.top.shop .infos-top {
    height: 202px;
    top: 34px;
}
/*******************/
header.top .logo {
    padding: 64px 0 0;
    position: relative;
    z-index: 1;
}.bloc-right {
    position: relative;
    padding: 63px 0 0 0;
}
header.top .header-wrapper.sticky-appear nav.main-nav {
    border:0;
    grid-column: 1/2;
    margin-top : 0px;
    grid-row :1/2;
    justify-self: left;
}
header.top nav.main-nav #nav-group #navigation {
  position: relative;
      position: relative;
}
header.top a.mobile-nav {
font-size: 0;
    display: none;
    z-index: 1;
    position: relative;
}
header.top .header-wrapper.sticky-appear  div#languageNav {
    top: 29px;
    right: 126px;
}
header.top .header-wrapper.sticky-appear .bloc-top {
    padding: 0;
    display: block;
}header.top .header-wrapper.sticky-appear .bloc-right {
    padding: 0 0 0;
}header.top .header-wrapper.sticky-appear .bloc-right #navigation .sf-menu > li a#contact-nav {
    right: -17px;
    margin: 14px 0 0;
}header.top .header-wrapper.sticky-appear #navigation .sf-menu > li > ul {
    margin-top: -11px;
}
/************/
.boxes-page {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 10px;
}
.boxes-page .bx {
    position: relative;
    overflow: hidden;
	
    height: 250px;
}
.boxes-page .bx img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .4s;
	    position: absolute;
    left: 0;
    top: 0;
}
.boxes-page .bx:hover img {
	transform: scale(1.3);
}
boxes-page .bx h3 {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    padding: 0 20px;
    text-align: center;
    transform: translateY(-50%);
    margin: 0;
    color: #fff;
}
.boxes-page .bx:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgb(79 119 98 / 60%);
    transition: all .4s;
	    z-index: 1;
}
.boxes-page .bx h3 {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
	    z-index: 1;
}
section.page.content {
    background: #fff;
    position: relative;
}
.box-light p {
    margin:0 !important;
}
table.table-page.table-style p {
    margin: 0;
}
.box-light > h3 {
    margin-top: 0;
}
.boxes-page .bx a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    font-size: 0;
    outline: none;
    z-index: 2;
}
.boxes-page > .bx:first-child, .boxes-page .bx:last-child {
    height: 100%;
}
.boxes-page > .bx:first-child {
    grid-row: 1 / 3;
}
.boxes-page .bx:last-child {
    grid-row: 3 / 5;
    grid-column: 3 / 4;
}
/********************/
section.boxes {
    position: relative;
    padding: 34px 0 108px;
}

section.boxes .slick-slide > div {
    margin: 0 10px;
}.boxes-slider {
    margin: 0px;
}
section.boxes .box {
    position: relative;
    padding: 70px 36px 70px;
    border: 2px solid #11111112;
    border-radius: 8px;
    color: #727373;
    transition: all 0.4s;
}section.boxes .box:hover p.txt-h {
    display: table;
}section.boxes .box:hover h2 {
    margin: -38px 0 32px;
}section.boxes .box:hover .btn-bx {
    position: absolute;
    right: 25px;
    top: 16px;
    left: auto;
}
section.boxes .box .icon {
    position: relative;
    width: 140px;
    height: 140px;
    transition: all 0.4s;
    margin: 0 0 15px;
}

section.boxes .box:before {
    position: absolute;
    content: "";
    right: 0;
    top: 67px;
    width: 200px;
    height: 200px;
    transition: all 0.4s;
}section.boxes .box.box01:before {
    background: url(/smarty/webshop02/media/images/photo-box1.png) no-repeat;
}section.boxes .box.box02:before {
    background: url(/smarty/webshop02/media/images/photo-box2.png) no-repeat;
    top: 28px;
    width: 163px;
}section.boxes .box.box03:before {
    background: url(/smarty/webshop02/media/images/photo-box3.png) no-repeat;
    height: 156px;
    width: 173px;
    top: 45px;
}
	section.boxes .box:hover:before {
    display: none;
}
	section.boxes-bottom .slick-initialized .slick-slide > div {
    margin: 0 13px;
}.boxes-slider2 {
    margin: 0 0;
}.whatsappfix.cta img {
    position: relative;
    margin: -8px 0 -11px;
}section.boxes-bottom .box-item.item01:before {
    background: url(/smarty/webshop02/media/images/photo-box4.png) no-repeat;
}section.boxes-bottom .box-item.item02:before {
    background: url(/smarty/webshop02/media/images/photo-box5.png) no-repeat;
}section.boxes-bottom .box-item:before {
    position: absolute;
    content: "";
    left: 12px;
    width: 202px;
    height: 201px;
    transition: all 0.4s;
    top: 47px;
    /* background-size: contain !important; */
}section.boxes-bottom .box-item.item01 {
    padding: 28px 30px 55px 201px;
}
section.boxes-bottom .box-item p {
    height: 118px;
}
section.boxes-bottom .box-item {
    position: relative;
    padding: 28px 30px 60px 187px;
    border-radius: 10px;
    background: rgb(222 242 247 / 50%);
}section.boxes-bottom {
    padding: 0 0 116px;
}section.boxes-bottom .box-item:hover {
    background: rgb(227 240 250 / 50%);
}section.boxes-bottom .box-item h3 {
    position: relative;
    color: #282828;
    text-transform: none;
    font-weight: 500;
    font-size: 23px;
    padding: 0 0 9px;
}
	section.boxes-bottom .box-item .btn-bx a {
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1;
    text-shadow: none;
    padding: 15px 40px;
    display: table;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    box-shadow: none;
    margin: 23px 0 0;
    border-radius: 5px;
    background: linear-gradient(to top, #0471ac 0%, #0471ac 50%, #34a6cc 50%, #34a6cc 100%);
    background-size: 100% 200%;
    background-position: 0 100%;
    transition: background 400ms ease-in-out;
}
	section.boxes-bottom .box-item:hover .btn-bx a {
    background-position: 0 0;
}
	section.boxes .box:hover  .icon.icon01{
	
	background:url(/smarty/webshop02/media/images/icon1-h.svg) no-repeat;
	
	}
	section.boxes .box:hover  .icon.icon02{
	
	background:url(/smarty/webshop02/media/images/icon2-h.svg) no-repeat;
	
	}
	
	section.boxes .box:hover  .icon.icon03{
	
	background:url(/smarty/webshop02/media/images/icon3-h.svg) no-repeat;
	
	}
	
	section.boxes .box:hover  .icon.icon04{
	
	background:url(/smarty/webshop02/media/images/icon4-h.svg) no-repeat;
	
	}
	
	section.boxes .box:hover  .icon.icon05{
	
	background:url(/smarty/webshop02/media/images/icon5-h.svg) no-repeat;
	
	}
	section.boxes .box:hover  .icon.icon06{
	
	background:url(/smarty/webshop02/media/images/icon6-h.svg) no-repeat;
	
	}
	
	section.boxes .box:hover  .icon.icon07{
	
	background:url(/smarty/webshop02/media/images/icon7-h.svg) no-repeat;
	
	}
	
	
section.boxes .box h2 {
    font-size: 23px;
    margin: 0 0 13px;
    color: #282828;
    font-family: 'Poppins';
    text-transform: none;
    text-align: left;
    font-weight: 500;
}section.boxes .box p.txt-h {
    display: none;
}
section.boxes .box a {
    font-size: 0;
    outline: none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}
section.boxes .box .btn-bx {
    font-size: 0;
    color: #282828;
    text-decoration: none;
    cursor: pointer;
    transition: all .4s;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0;
    border-radius: 0;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/smarty/webshop02/media/images/btn-box.png) no-repeat;
    width: 66px;
    height: 66px;
    display: table;
    margin: 0 0 0;
}
section.boxes .box p:first-child {
    height: 94px;
}
section.boxes .box:hover .btn-bx {

       background: url(/smarty/webshop02/media/images/btn-box-h.png) no-repeat;
}
section.boxes .slick-prev, section.boxes .slick-next {
    width: 49px;
    height: 43px;
    top: 193px;
    transform: translateY(0);
    opacity: 1;
}
section.boxes .slick-prev {
    left: -66px;
    background: url(/smarty/webshop02/media/images/prev.svg) no-repeat center;
}
section.boxes .slick-next {
    right: -43px;
    background: url(/smarty/webshop02/media/images/next.svg) no-repeat center;
}
section.boxes .slick-prev:before, section.boxes .slick-next:before {
	display: none;
}
/********************/
.mini-wishlist-total .mini-wishlist-total-qty span#catalog_wishlist_mini-nbr-items {
    right: 2px;
    top: -43px;
    background: #000;
    width: 22px;
    line-height: 22px;
    display:none;
}
.nav-shop {
    justify-self: end;
    display: grid;
    gap: 14px;
    /* justify-content: end; */
}.infos-top .social .networks_linking a {
    width: 25px;
    height: 25px;
    color: #441170;
    background: none;
    border: 1px solid #441170;
    border-radius: 50%;
    font-size: 12px;
    line-height: 24px;
    margin: 0;
}.infos-top .social .networks_linking a:hover {
    color: #0471ac !important;
    border-color: #0471ac !important;
    background: none !important;
}.infos-top .social .networks_linking {
    display: grid;
    gap: 5px;

}
.search-button, .nav-shop .wishlist-button, .nav-shop .caddy-button, .nav-shop a.account-button {
    float: left;
    padding: 0px;
    position: relative;
    font-size: 0;
    line-height: 27px;
    text-align: center;
    border-bottom: 1px solid #1111112e;
    display: table;
    margin: 0 auto;
}.infos-top .whatsappfix {
    padding: 16px 0 0px;
    position: relative;
    display: table;
    margin: 0 auto 0;
}
#CaddyCount {
    position: absolute;
    right: -9px;
    font-size: 11px;
    line-height: 17px;
    width: 17px;
    background: #0471ac;
    color: #fff;
    font-weight: 400;
    text-align: center;
    display: block;
    bottom: -5px;
    border-radius: 50%;
}
.search-button i.fas,
.nav-shop .wishlist-button i.fas,
.nav-shop .caddy-button i.fas {
    transition: color 0.4s;
    font-size: 16px;
    color: #282f0e;
}.whatsappfix:hover {
    -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

/**
 * ----------------------------------------
 * animation rotate-vert-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-vert-center {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@keyframes rotate-vert-center {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}



.nav-shop .wishlist-button i.fas, .search-button i.fas, .nav-shop .caddy-button i.fas, .nav-shop .account-button i.fas {
    font-size: 15px;
    color: #000000;
    -webkit-text-stroke: 1px #000000;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
}
.nav-shop .networks_linking {
    margin-right: 15px;
}
.nav-shop .networks_linking a {
    font-size: 23px;
    width: auto;
    height: auto;
    line-height: 23px;
    background: none !important;
}
.nav-shop .networks_linking a:hover {
	color:#0471ac !important;
}
.nav-shop .search-popup-close i.fas{
	color: #fff;
}
.nav-shop .wishlist-button:hover i.fas, .search-button:hover i.fas, .nav-shop .caddy-button:hover i.fas, .nav-shop .account-button:hover i.fas {
    color: #0471ac;
    -webkit-text-stroke: 2px #0471ac;
    -webkit-text-fill-color: transparent;
}
div#navigation {
    position: relative;
}
.nav-shop .wishlist-button i.fas:hover,
.nav-shop .caddy-button:hover i.fas, .nav-shop .account-button:hover i.fas {
    color: #0471ac;
}
.nav-shop .search-popup .searchForm label {
    color: #fff;
}

.nav-shop .caddy-button:hover #CaddyCount, .wishlist-button:hover .mini-wishlist-total .mini-wishlist-total-qty span#catalog_wishlist_mini-nbr-items{
/*    background : #0471ac;*/
}

#mm-navigation .mm-panels > .mm-panel > .mm-listview {
  margin-top: 0;
  margin-bottom: 0;
}
#mm-navigation .mm-panels > .mm-panel > .mm-listview:first-child,
#mm-navigation .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -20px;
}
#mm-navigation .mm-listview {
  display: block !important;
}



.nav-shop .account-popup,
.nav-shop .search-popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.85);
    opacity: 0;
    z-index: 100;
    transition: opacity .6s;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.account-active .nav-shop .account-popup,
.search-active .nav-shop .search-popup {
    opacity: 1;
    pointer-events: all;
}
.nav-shop .account-popup #user-login,
.nav-shop .search-popup .searchForm {
    transform: scale(.9);
    transition: transform .6s;
}
.account-active .nav-shop .account-popup #user-login,
.search-active .nav-shop .search-popup .searchForm {
    transform: scale(1);
}
.nav-shop .account-popup #user-login {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}
.nav-shop .account-popup #user-login h2 {
    grid-column: 1 / -1;
    padding: 0;
    margin: 0 0 15px;
    color :#ffffff;
}
.nav-shop .account-popup #user-login input.field {
    font-size: 1em;
    line-height: 1.35em;
    background: none;
    border: 1px solid rgba(255,255,255,0.1);
    padding: 10px;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    color: #eee;
    text-align: center;
    transition: border-bottom-color .6s, color .6s;
}
.nav-shop .account-popup #user-login input.field:focus {
    border-bottom-color: #fff;
    color: #fff;
}
.nav-shop .account-popup #user-login .registrate,
.nav-shop .account-popup #user-login .forgot {
    margin: 0;
    line-height: inherit;
}
.nav-shop .account-popup #user-login .registrate {
    text-align: right;
}
.nav-shop .account-popup #user-login .forgot {
    text-align: left;
}
.nav-shop .account-popup #user-login .separator {
    display: none;
}
.nav-shop .account-popup #user-login .catalog-login-divider {
    grid-column: 1 / -1;
}
.nav-shop .account-popup #user-login .Send {
    grid-column: 1 / -1;
    background: transparent;
    display: block;
    border: 1px solid rgba(255,255,255,0.2);
    color: #fff;
    text-align: center;
    font-size: 1em;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 10px;
    transition: background .6s, color .6s;
}
.nav-shop .account-popup #user-login .Send span {
    display: none;
}
.nav-shop .account-popup #user-login .Send:hover {
    background: #0471ac;
}
.nav-shop .account-popup .user-wishlist {
    display: none;
}
.nav-shop .search-popup .searchForm #searchcatalog {
    position: relative;
}
.nav-shop .search-popup .searchForm #searchcatalog label {
    display: block;
    text-align: center;
    font-size: 1.2em;
    font-weight: normal;
}
.nav-shop .search-popup .searchForm #searchcatalog input#tags {
    background: none;
    width: 450px;
    padding: 5px 40px 5px 5px;
    font-size: 1.4em;
    line-height: 40px;
    border: 0;
    display: block;
    border-radius: 0;
    border-bottom: 1px solid #999;
    transition: border-bottom-color .6s;
    color: #fff;
}
.nav-shop .search-popup .search-popup-close i {
    color: #fff !important;
}
.nav-shop .search-popup .searchForm #searchcatalog input#tags:focus {
    border-bottom-color: #fff;
}
.nav-shop .search-popup .searchForm #searchcatalog input#BtnSearch {
    background: none;
    border: 0;
    padding: 0;
    font-size: 0em;
    width: 36px;
    height: 50px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 2px;
    z-index: 1;
}
.nav-shop .search-popup .searchForm #searchcatalog .container-Search::after {
    content: '\f002';
    font-size: 24px;
    line-height: 50px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
    bottom: 2px;
    width: 36px;
    display: block;
    -webkit-text-stroke: 1px #ffffff;
    -webkit-text-fill-color: transparent;
    text-align: center;
    z-index: 2;
    pointer-events: none;
}
.nav-shop .account-popup .search-popup-close,
.nav-shop .search-popup .search-popup-close {
    position: absolute;
    right: 50px;
    top: 50px;
    color: #fff;
    font-size: 2em;
    line-height: 1em;
    transition: color .6s, transform .6s;
    cursor: pointer;
}
.nav-shop .account-popup .search-popup-close:hover,
.nav-shop .search-popup .search-popup-close:hover {
    color: #0471ac;
    transform: rotate(90deg);
}

aside.cart-sidebar {
  position: fixed;
  right: -350px;
  top: 0;
  bottom: 0;
  overflow: auto;
  width: 300px;
  padding: 20px;
  background: #333;
  color: #ccc;
  z-index: 120;
  transition: all 0.4s;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
aside.cart-sidebar.active {
  right: 0;
}
aside.cart-sidebar .caddy-close {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
aside.cart-sidebar .caddy-close span {
    width: 30px;
    height: 30px;
    background: #0471ac;
    display: block;
    transition: background .4s;
    position: relative;
}
aside.cart-sidebar .caddy-close span:before {
    content: "\f00d";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
    left: 9px;
    top: 3px;
    position: absolute;
}
aside.cart-sidebar .caddy-close:hover span {
  background-color: #0471ac;
}
aside.cart-sidebar h3 {
    font-size: 26px;
    text-transform: none;
    color: #fff;
    margin: 0 0 20px;
    border-bottom: 2px solid rgba(255,255,255,0.1);
    padding-bottom: 5px;
}
aside.cart-sidebar a {
  color: #fff;
}
aside.cart-sidebar .caddy-total {
  font-size: 20px;
  padding: 5px 0 20px;
  color: #fff;
  text-align: center;
}
aside.cart-sidebar .caddy-total #catalog_cart_mini-price {
  /*display: none;*/
}
aside.cart-sidebar .box_cart {
  display: grid;
}
aside.cart-sidebar ul,
aside.cart-sidebar li {
  list-style: none;
  margin: 0;
  padding: 0;
}
aside.cart-sidebar ul.Cart li.row {
  position: relative;
  border-top: 1px solid #666;
  padding: 15px 0px 15px 30px;
  margin: 0;
  font-size: 16px;
}
aside.cart-sidebar ul.Cart li.row:first-child {
  border-top: 0;
}
aside.cart-sidebar ul.Cart li.row span.cartQty {
  display: inline-block;
  padding: 0 1px;
}
aside.cart-sidebar ul.Cart li.row span.cartQty + a {
  margin-left: 3px;
}
aside.cart-sidebar ul.Cart li.row a {
  font-weight: bold;
  font-size: 17px;
}
aside.cart-sidebar ul.Cart li.row strong.cartPrice {
  display: block;
  clear: both;
  text-align: right;
  font-size: 17px;
}
aside.cart-sidebar ul.Cart li.row a.Remove {
    position: absolute;
    left: 0;
    top: 16px;
    padding: 0;
    color: #fff;
    background: #bbb url(/smarty/webshop02/media/images/icon-close.png) no-repeat    center;
    background-size: 30%;
    border-radius: 50%;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
}
aside.cart-sidebar ul.Cart li.row a.Remove:hover {
  background-color: #0471ac;
}
aside.cart-sidebar .mini-cart-option {
  background: none;
  color: #fff;
  margin: 5px 0;
  border: 1px solid rgba(255,255,255,0.2);
  font-size: 16px;
  line-height: 25px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  padding: 5px;
  border-radius: 4px;
  display: block;
  text-align: center;
}
aside.cart-sidebar .mini-cart-option:hover {
  background: #0471ac;
}
aside.cart-sidebar .mini-cart-option-cart {
  order: 2;
}
aside.cart-sidebar .mini-cart-option-order {
  order: 1;
}
/************ content *********************/
.webshopHomeTemplate .webshop-content {
    padding: 20px 0;
    position: relative;
}

.webshopHomeTemplate .webshop-content.content-home {
    padding: 97px 0 94px;

}

.webshop-content.products-home {
    padding: 97px 0 94px;
    background: url(/smarty/webshop02/media/images/bg-banner2.png) no-repeat;
    display: none;
}
.home-grid {
    position: relative;
    display: grid;
    grid-template-columns: 431px auto;
    gap: 165px;
    padding: 44px 0 0 0;
}.photo-home {
    position: relative;
    margin: -30px 0 0 -163px;
}
.webshopHomeTemplate .webshop-content .text-part {
    position: relative;
    padding: 0;
    text-align: left;
}
.webshopHomeTemplate #Shop div#ShopContent #article-content div#CatContent ul {
    display: table;
    text-align: left;
}

.webshopHomeTemplate .webshop-content .text-part div#CatContent {
    display: block !important;
}
.moretext {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: height 0.3s ease, opacity 0.3s ease;
}
.webshopHomeTemplate .webshop-content .text-part div#Items {
    display: none !important;
}
#Shop div#ShopContent #Products #Items .ProdItem > a.ProdNoPhoto img {
	display: table;
	margin: 0 auto 20px;
}

.webshopHomeTemplate .webshop-content.content-home > div.container > .home-grid > .text-part > #Shop div#ShopContent #article-content .homeShopContent #Items, .webshopHomeTemplate .webshop-content.content-home > div.container > .home-grid > .text-part > #Shop div#ShopContent #article-content .homeShopContent form.categoryArticles-pager {
    display: none;
}
.webshop-content.content-home > #Shop div#ShopContent #article-content .homeShopContent {
    display: none;
}
.webshopHomeTemplate section.part-prod #Shop div#ShopContent #article-content div#CatContent {
    display: none;
}
.webshopHomeTemplate header.page-title {
    padding: 0;
    margin: 0 auto 41px;
    position: relative;
    text-align: left;
}
a.moreless-button {
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1;
    text-shadow: none;
    padding: 16px 40px;
    display: table;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    box-shadow: none;
    margin: 29px 0 0;
    border-radius: 5px;
    background: linear-gradient(to top, #0471ac 0%, #0471ac 50%, #34a6cc  50%, #34a6cc 100%);
    background-size: 100% 200%;
    background-position: 0 100%;
    transition: background 400ms ease-in-out;
}a.moreless-button:hover {
    background-position: 0 0;
}
.webshopHomeTemplate #Shop div#ShopContent #article-content div#CatContent {
    padding-bottom: 0;
}
.webshopHomeTemplate .webshop-content.content-home #Shop div#ShopContent #article-content #CatSubCats {
    display: none;
}
.webshop-content.products-home {
    padding: 0;
    background-size: cover;
    position: relative;
}

.webshop-content #article-content a.button {
    display: inline-block;
    background: #bbb;
    color: #fff;
    padding: 5px 15px;
    text-decoration: none;
    border-radius: 45px;
    margin: 10px 0 0;
    text-transform: uppercase;
}
.webshop-content #article-content a.button:hover {
  background: #222222;
}

section.shop-boxes .wrapper-shop {
  display: flex;
  justify-content: space-between;
}
section.shop-boxes .wrapper-shop h2 {
  font-size: 14px;

  color: #7a7a7a;

  text-transform: uppercase;

  margin: 0 auto 6px;

  line-height: 14px;
}

.webshop-content {
  padding: 0px 0 45px;
  /*position: relative;*/
}

h2.selection {
  text-align: center;
  padding-top: 70px;
  margin: 0 auto 20px;
  color: #484747;
  text-transform: uppercase;
  font-size: 26px;
  font-family: "Latolight";
  letter-spacing: 2.6px;
  text-shadow: 0 0 BLACK;
  line-height: 26px;
  background: url(/smarty/webshop02/media/images/bg-h2.jpg) top center no-repeat;
}
section.newsletter.photo-spacer {
    min-height: 300px;
}
.content-pages {
    position: relative;
    padding: 50px 0 0;
}
.pageTemplate header.page-title {
    position: relative;
    padding-bottom: 0;
}
.pageTemplate header.page-title:after {
    content: "";
    position: relative;
    height: 5px;
    background: #0471ac;
    width: 80px;
    display: table;
    margin: 10px 0 0;
    display: none;
}
header.page-title h1 {
    position: relative;
	    margin: 0;
		    display: inline-block;
}

.webshopHomeTemplate .webshop-content .text-part div#Breadcrumbs {
    display: none !important;
}
header.page-title h1 .subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3em;
    color: #0471ac;
    display: block;
    letter-spacing: 0.2em;
    text-transform: UPPERCASE;
    font-style: normal;
    font-family: "Poppins", sans-serif;
}.webshopHomeTemplate header.page-title h1 {
    color: #282828;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    display: block;
    letter-spacing: 0;
    text-transform: uppercase;
    font-family: 'Poppins';
}
article.content {
  padding-bottom: 60px;
}
article.content::after {
  content: "";
  display: block;
  clear: both;
}
article.content p {
  margin-bottom: 15px;
}
.box-light > h2 {
    margin-top: 0;
}
article.content ul {
  padding-left: 10px;
}
article.content ul li {
  list-style: none;
  background: url(/smarty/webshop02/media/images/list-icon01.png) no-repeat 0 6px;
  padding-left: 20px;
}
article.content ul ul li {
  background-image: url(/smarty/webshop02/media/images/list-icon02.png);
}
.table-style {
  position: relative;
}
.table-style th {
    background: #0471ac;
    color: #fff;
    font-family: 'Karla';
    font-weight: 400;
    font-size: 22px;
    padding: 10px 12px !important;
    letter-spacing: 0;
    font-style: italic;
}
.table-style th, .table-style td {
    border: 1px solid #41384452;
    padding: 4px 10px;
}.table-style tr:hover {
    background: #fff;
}
article.content table.contact-table td {
  width: 33.3333%;
  text-align: center;
  vertical-align: top;
}
article.content table.contact-table td:first-child {
  text-align: left;
}
article.content table.contact-table td:last-child {
  text-align: right;
}
article.content table.contact-table td h3 {
  margin: 0 0 5px;
  padding: 0;
}
article.content .contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    padding-top: 20px;
}
article.content .contact-grid .contact-info {
    margin-top: 10px;
}
article.content .contact-grid .contact-info .phone-responsive {
    display: none;
}
article.content .contact-grid .contact-info div {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
article.content .contact-grid .contact-info div .box_googlemapsv2 {
    width: 100%;
    height: 318px;
}
article.content .contact-grid .contact-info label.modal-label {
    color: #FE87AC;
}
article.content .contact-grid .contact-info .icon i {
    font-size: 1.5em;
    margin-right: 20px;
    -webkit-text-stroke: 1px #0471ac;
    -webkit-text-fill-color: white;
}


/*-----------------realisations---------------*/
section.realisations {
    position: relative;
    padding: 120px 0 0px;
}




section.realisations #Gallery {
    position: relative;
    min-height: 0 !important;
    margin: 0 15px;
	    z-index: 2;
}
section.realisations #Gallery .highslideContainer {
    position: relative;
    float: none;
    padding: 0;
    opacity: 1 !important;
    transition: all .4s;
}
section.realisations .slick-initialized .slick-slide > div {
    margin: 0px 23px;
}
section.realisations #Gallery .highslideContainer .highslide {
display: block;
    position: relative;
    border-bottom: none;
    overflow: hidden;
    outline: none;
    transition: all .4s;    border-radius: 0px 150px 0px 0px;
}
section.realisations #Gallery .highslideContainer .highslide img {
    position: relative;
    width: 100%;
    height: 335px;
    object-fit: cover;
    object-position: center left;
    transition: all 1.25s;
    border-radius: 0px 150px 0px 0px;
}section.realisations #Gallery .highslideContainer .highslide:hover  img {
    transform: scale(1.1);
    border-radius: 0px 0px 0px 150px;
}
section.realisations #Gallery .highslideContainer .highslide:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(151 96 172 / 50%);
    border-radius: 0px 0px 0px 150px;
transform: scale(0);
    z-index: 1;
}
section.realisations #Gallery .highslideContainer .highslide:hover::after {
transform: scale(1);
}


section.realisations #Gallery .highslideContainer .highslide:hover   {
 
    border-radius: 0px 0px 0px 150px;
}
section.realisations #Gallery .highslideContainer .highslide-caption {
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    font-size: 1.1em;
}

section.realisations .holder.bottom {
    display: none;
}

/*********/

/***************************/
/********* News ***************/
section.News-home {
    position: relative;
    padding: 140px 0 73px;
    background: url(/smarty/webshop02/media/images/bg-news.jpg) no-repeat center;
    background-size: cover;
}section.News-home h2 {
    position: relative;
    display: table;
    margin: 0px auto 62px;
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.2em;
    font-family: 'Poppins';
    color: #0471ac;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 20px;
}
section.News-home h2 strong {
    position: relative;
    font-family: 'Poppins';
    font-size: 50px;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: 0;
    color: #282829;
    margin: 6px 0 0;
    text-align: left;
    display: table;
}
div#AllNews figcaption {
    padding: 68px 15px 71px;
    position: relative;
}
div#AllNews figcaption h3 {
    margin: 0 0 40px;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.3em;
    font-size: 20px;
    
    text-transform: none;
    height: 50px;
}
div#AllNews figure.Item {
    background: #1b191c;
    position: relative;
    transition: all .4s;
    border-radius: 30PX;
    overflow: hidden;
    display: grid !important;
    grid-template-columns: 178px auto;
    grid-gap: 44px;
    /* margin: 21px 0; */
    PADDING: 20PX;
}
span.phone-responsive {
    display: none;
}
section.News-home  div#AllNews figure.Item {
    position: relative;
    transition: all .4s;
    border-radius: 10px;
    overflow: hidden;
    PADDING: 0;
    display: block !important;
    background: none;
}section.News-home div#AllNews figcaption h3 {
    margin: 0 0 40px;
    color: #282828;
    font-weight: 500;
    line-height: 1.2em;
    font-size: 22px;
    text-transform: none;
    height: 50px;
}

section.News-home div#AllNews figure.Item:hover figcaption h3 {
color:#34a6cc;}

section.News-home div#AllNews figcaption {
    padding: 33px 0px 44px;
    position: relative;
}
div#AllNews figure.Item a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    font-size: 0;
    z-index: 2;
    outline: none;
}
div#AllNews figure.Item figcaption .btn-news {
    position: relative;
    font-weight: 700;
    color: #282828;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.2em;
    transition: all .4s;
    background: none;
    display: table;
    margin: 67px 0 0;
    padding: 0;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 0;
    border-bottom: 2px solid #00000036;
}div#AllNews figure.Item:hover figcaption .btn-news {
    color: #4fa1e2;
    border-color: #45a5e6;
}
section.News-home div#AllNews {
    margin: 0 -4px;
}
div#AllNews figure.Item:hover figcaption:before {
	opacity: 1;
}

/******************/
section.news div#AllNews {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;
	    margin-top: 30px;
}
section.news div#AllNews figure.Item {
    color: #282828;
}
section.news div#AllNews figcaption {
    padding: 45px 0 70px 0;
}
section.news div#AllNews figure.Item figcaption  h3 {
    color: #282828;
    font-size: 23px;
}
section.news div#AllNews figure.Item figcaption .btn-news {
    left: 0;
}
div#AllNews .slick-slide > div {
    margin: 0px 10px;
}
img.img-responsive.img-actus {
    max-width: 250px;
    max-height: 200px;
    float: right;
    margin: 0 0 20px 30px;
}

div#AllNews figure:hover .photo:before {
    transform: scale(1);
}
div#AllNews figure .photo {
    height: 250px;
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: 10px;
}
div#AllNews figure .photo img {
    width: 100%;
    height: 100%;    border-radius: 10px;
    object-fit: cover;
	    transition: all .4s;
		    overflow: hidden;
}
div#AllNews figure:hover .photo img {
    transform: scale(1.2);
}section.newsletter div#AllNews figure .photo {
    height: 257px;
    position: relative;
    margin: 15px 0 0;
    overflow: hidden;
    border-radius: 20px;
}
section.newsletter div#AllNews figure.Item {
    background: rgb(0 58 98);
    position: relative;
    transition: all .4s;
    border-radius: 20PX;
    overflow: hidden;
    display: grid !important;
    grid-template-columns: 400px auto;
    grid-gap: 87px;
    margin: 21px 0;
    PADDING: 20PX;
}section.newsletter div#AllNews figure.Item figcaption .btn-news {

    color: #ffffff;

    margin: 40px 0 0;

    border-bottom: 2px solid #ffffff36;
}section.newsletter div#AllNews figure.Item:hover .btn-news {
    color: #0471ac;

}section.newsletter div#AllNews figure.Item:hover h3 {
    color: #0471ac;
    border-color: #0471ac;
}
main.content-wrapper div#AllNews {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 20px;
	    margin-top: 0px;
}
img.img-responsive.image-right.img-news {
    max-width: 250px;
    max-height: 200px;
}.box-overlay.CONTACT a.contact {
    display: none !important;
}.tel.work span.phone {
    display: none;
}
article.content .news-footer {
    position: relative;
    color: #000;
    margin-top: 20px;
    margin-bottom: -20px;
    background: #f4f4f4;
    padding: 10px;
    border: 1px solid #4fa1e2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
}
article.content .news-footer .news-share .addthis_toolbox {
    display: inline-block;
    vertical-align: middle;
}
article.content .news-footer .news-share .addthis_toolbox a {
    cursor: pointer;
    margin-left: 5px;
    padding: 0;
}
article.content .news-footer .news-share .addthis_toolbox a::after {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fff;
    background: #dd6b33;
    border-radius: 50%;
    width: 32px;
    line-height: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    transition: background .6s;
}
article.content .news-footer .news-share .addthis_toolbox a:hover:after {
    background: #222;
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_facebook:after {
    content: '\f39e';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_twitter:after {
    content: '\f099';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_linkedin:after {
    content: '\f0e1';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_google_plusone_share:after {
    content: '\f0d5';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_email:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f0e0';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_pinterest_share:after {
    content: '\f231';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_google_plusone:after {
    content: '\f0d5';
}
article.content .news-footer .news-share .addthis_toolbox a span {
    display: none;
}
article.content .news-footer .news-back {
}
article.content .news-footer .news-back a i:before {
    content: "\f104";
      font-family: "Font Awesome 5 Free";
}
article.content .news-footer .news-back a {
    display: inline-block;
    font-size: .8em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background: #4fa1e2;
    color: #fff;
    padding: 10px 20px;
}
article.content .news-footer .news-back a:hover {
    background: #1f547e;
}
article.content .news-footer .news-back a i {
    margin-right: 5px;
}
/*section.page-news #AllNews figure.Item .photo::after {
    content: '';
    z-index: 3;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    
    background-size: 0;
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #fff 100%, #fff 100%),
                        linear-gradient(to bottom, #fff 100%, #fff 100%),
                        linear-gradient(to right, #fff 100%, #fff 100%),
                        linear-gradient(to bottom, #fff 100%, #fff 100%);
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
    /*
    background-size:    100% 3px,
                        3px 100%,
                        100% 3px,
                        3px 100%;
   
}
section.page-news #AllNews figure.Item:hover .photo::after {
    animation: bg 1.25s;
    animation-fill-mode: forwards;
}*/
@keyframes bg {
    0% {
        background-size:    0 2px,
                            2px 0,
                            0 2px,
                            2px 0;
    }
    25% {
        background-size:    100% 2px,
                            2px 0,
                            0 2px,
                            2px 0;
    }
    50% {
        background-size:    100% 2px,
                            2px 100%,
                            0 2px,
                            2px 0;
    }
    75% {
        background-size:    100% 2px,
                            2px 100%,
                            100% 2px,
                            2px 0;
    }
    100% {
        background-size:    100% 2px,
                            2px 100%,
                            100% 2px,
                            2px 100%;
    }
}


/********/
.webshopHomeTemplate .webshop-content section.part-prod div#Breadcrumbs {
    display: none !important;
}
.webshopHomeTemplate .webshop-content section.part-prod {
    padding: 75px 0 95px;
    position: relative;
}
.webshopHomeTemplate #Shop div#ShopContent #article-content .homeShopContent .slick-slide > div {
    margin: 0 6px;
}
.webshopHomeTemplate .webshop-content section.part-prod div#CatSubCats {
    display: none !important;
}
.webshopHomeTemplate #Shop div#ShopContent #Products #Items .ProdItem {
    padding: 0 0 50px !important;
}.
h2.title-prod {
    font-size: 21px;
    color: #0471ac;
    line-height: 1.7em;
    margin: 0 auto 94px;
    text-align: center;
    position: relative;
    display: table;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 600;
}h2.title-prod strong {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    color: #282828;
    font-size: 45px;
    display: table;
    margin: 8px auto 0;
}
.products-home .slick-prev:before, .products-home .slick-next:before {
    display: none;
}
.products-home .slick-prev, .products-home .slick-next {
    position: absolute;
    top: -198px;
    right: 0;
    left: auto;
    width: 52px;
    height: 17px;
    background-color: inherit!important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.products-home .slick-prev {
    right: 72px;
    background-image: url(/smarty/webshop02/media/images/prev.png)!important;
}
.products-home .slick-next {
    background-image: url(/smarty/webshop02/media/images/next.png)!important;
}
.products-home .slick-prev:hover {
    background-image: url(/smarty/webshop02/media/images/prev-h.png)!important;
}
.products-home .slick-next:hover {
    background-image: url(/smarty/webshop02/media/images/next-h.png)!important;
}


/*<!---------- footer ----------->*/

span.number-responsive {
    display: none;
}/************ footer ******************/
footer.bottom {
    position: relative;
    padding: 152px 0 126px;
    color: #fff;
    line-height: 25px;
    background: url(../images/bg-footer.jpg) no-repeat center;
    letter-spacing: 0;
    font-size: 15px;
    background-size: cover;
}.logo-footer {
    position: relative;
    top: -22px;
}
footer .footer-rwapper {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: space-between;
    position: relative;
}footer .footer-rwapper .whatsappfix {
    position: relative;
    transition: all 0.4s;
    margin: 18px auto 0;
    display: table;
}

footer .footer-rwapper p {
    margin: 0;
}
footer .footer-rwapper > div h6 {
    margin: 0 0 29px;
    border-bottom: 1px solid #ffffff30;
    position: relative;
    font-family: 'Poppins';
    font-size: 25px;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: 0;
    color: #fff;
    padding: 0 0 21px;
    text-transform: none;
}footer .footer-rwapper > div h6:after {
    content: "";
    position: absolute;
    width: 42px;
    height: 7px;
    background: #45a5e6;
    left: 0;
    right: auto;
    margin: auto;
    top: auto;
    bottom: -4px;
}
footer .googlemaps_v2 label.modal-label, footer a {
    color: #fff;
}
footer .googlemaps_v2 label.modal-label:hover, footer a:hover {
    color: #fff;
    text-decoration: none !important;
}
footer .footer-rwapper .footer-adr, footer .footer-rwapper .footer-gsm {
	padding-left:30px;
	position:relative;
}
footer .footer-rwapper .footer-adr:before, footer .footer-rwapper .footer-gsm:before {
    position: absolute;
    left: 0;
    top: 2px;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    align-items: center;
    font-size: 18px;
    color: #45a5e6;
    text-align: center;
}
footer .footer-rwapper .footer-gsm:before {
    content: "\f879";
}
footer .footer-rwapper .footer-adr:before {
    content: "\f3c5";
}
.googlemaps_v2 .modal__inner {
    width: 100% !important;
    height: 100% !important;
}

/***********/
/******************************/

/******************/
#Shop div#ShopContent #Products #Items .ProdItem .articleStatusList .statusArticle.New {
    display: inline-block;
    margin: 0 !important;
    position: relative;
    width: 67px;
    height: 67px;
    background:none;
}
#Shop div#ShopContent #Products #Items .ProdItem .articleStatusList .New.statusArticle::before {
    content: '';
    display: inline-block;
    height: 0;
    width: 0;
    border-top: 67px solid #222222;
    border-left: 67px solid transparent;
}
#Shop div#ShopContent #Products #Items .ProdItem .articleStatusList {
    text-align: right;
    overflow: hidden;
}
#Shop div#ShopContent #Products #Items .ProdItem .articleStatusList .statusArticle span {
    color: #fff;
    display: inline-block;
    padding: 7px 5px;
    width: 67px;
    height: 67px;
    text-align: center;
    position: absolute;
    right: 0px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0;
    background: none;
    font-family: 'Latosemibold';
    top: 0;
    transform: rotate(45deg);
}
a#scrollTopBtn {
    right: 16px;
    background: #0471ac;
    width: 42px;
    line-height: 37px;
    border-radius: 0;
    text-align: center;
    font-size: 20px;
    border: 2px solid #fff;
    padding: 0;
}
a#scrollTopBtn:hover {
  background: #0471ac;
}

#footerSlideButton {
  right: 10px !important;
}


/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
#navigation .sf-menu,
#navigation .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navigation .sf-menu::after {
  content: "";
  display: block;
  clear: both;
}
#navigation .sf-menu > li {
    float: left;
    padding: 0 16px;
}.tel-bar span.phone-responsive {
    display: inline-block;
}
#navigation .sf-menu > li > ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
#navigation .sf-menu li:hover > ul,
#navigation .sf-menu li.sfHover > ul {
  display: flex !important;
}
#navigation .sf-menu a {
  display: block;
  position: relative;
}
#navigation .sf-menu ul ul {
  top: 0;
  left: 0;
}
#navigation .sf-menu > li > ul {
  opacity: 0;
  transition: opacity 0.4s;
}
#navigation .sf-menu > li:hover > ul,
#navigation .sf-menu > li.sfHover > ul {
  opacity: 1;
}
/*** DEMO SKIN ***/
#navigation .sf-menu {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    width: max-content;
    /* column-gap: 35.5px; */
    width: 100%;
}
#navigation .sf-menu a {
  text-decoration: none;
}
#navigation .sf-menu li {
  -webkit-flex: 1 auto;
  flex: 1 auto;
}
#navigation .sf-menu > li > a {
    color: #282828;
    font-size: 15px;
    text-align: center;
    padding: 13px 0;
    font-weight: 500;
    line-height: 25px;
    display: table;
    margin: 0 auto;
    text-transform: uppercase;
}
#navigation .sf-menu > li > a:hover, #navigation .sf-menu > li.sfHover > a, #navigation .sf-menu > li.active > a, #navigation .sf-menu > li.selected > a {
    color: #0471ac;
}

#navigation .sf-menu > li a#contact-nav {
    color: #ffffff;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0;
    padding: 11px 26px 11px 46px;
    position: relative;
    display: table;
    margin: 1px 0 0 0;
    text-decoration: none;
    border-radius: 50px;
    cursor: pointer;
    background: linear-gradient(to top, #0471ac 0%, #0471ac 50%, #222 50%, #222 100%);
    background-size: 100% 200%;
    background-position: 0 100%;
    transition: background 400ms ease-in-out, all .6s;
    right: -36px;
}#navigation .sf-menu > li a#contact-nav:before {
    position: absolute;
    content: "";
    left: 17px;
    top: 14px;
    background: url(/smarty/webshop02/media/images/resrev-btn.svg) no-repeat;
    width: 40px;
    height: 50px;
}#navigation .sf-menu > li > a#contact-nav:hover, #navigation .sf-menu > li.sfHover > a#contact-nav, #navigation .sf-menu > li.active > a#contact-nav, #navigation .sf-menu > li.selected > a#contact-nav {
    background-position: 0 0;
}
#navigation .sf-menu > li > ul {
    text-align: left;
    padding: 5px;
    margin-top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    background: #0471acad;
    margin-top: 0px;
}
#navigation .sf-menu > li > ul > li {
    width: auto;
    padding: 2px 5px;
    max-width: 33.33%;
    min-width: 33.33%;
}
#navigation .sf-menu > li > ul > li > a:hover, #navigation .sf-menu > li > ul > li.selected > a, #navigation .sf-menu > li > ul > li.sfHover > a {
    background: #ffffff;
    color: #0471ac;
}#navigation .sf-menu > li > ul > li > a {
    padding: 7px 13px;
    margin-bottom: 0;
    font-size: 15px;
    color: #fff;
    text-transform: none;
    background: #222;
}
#navigation .sf-menu > li > ul > li > ul {
  position: relative;
  display: block !important;
  height: auto !important;
}
#navigation .sf-menu > li > ul > li > ul li {
  /*border-top: 1px solid rgba(74,74,74,.5);*/
}
#navigation .sf-menu > li > ul > li > ul li:first-child {
  border-top: 0;
}
#navigation .sf-menu > li > ul > li > ul li a {
  font-weight: normal;
  font-size: 16px;
  padding: 2px 0;
  color: #4a4a4a;
}
#navigation .sf-menu > li > ul > li > ul li a:hover {
  color: #0471ac;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    vertical-align: bottom;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
  content: none;
}

@media only screen and (max-width: 1024px) {
  header.top nav.main-nav #nav-group #navigation {
    padding: 0;
  }
}
.btn-gdpr {
    color: #fff!important;
    background: #0471ac !important;
}
.btn-gdpr:hover {
    color: #fff!important;
    background: #0471ac!important;
}
/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/
.site-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  transition: opacity 0.4s, transform 0s 0.4s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
/* Close Button */
.close-button {
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  right: 1em;
  top: 1em;
  overflow: hidden;
  text-indent: 1em;
  font-size: 0.75em;
  border: none;
  background: transparent;
  color: transparent;
}
.close-button::before,
.close-button::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 50%;
  background: #ccc;
  transition: background 0.4s;
}
.close-button::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close-button::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close-button:hover::before,
.close-button:hover::after {
  background: #fff;
}
/* Menu */
.menu-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 300px;
    height: 100%;
    background: #131313;
    box-shadow: 0 0 20px rgb(4 113 172);
    padding: 40px 20px 20px;
    transform: translateX(-100vw);
    transition: transform 0.4s;
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
  transform: translateX(500px);
}
.mobile-menu > ul,
.mobile-menu .language {
  display: block;
  transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul,
.mobile-menu .language {
  transition: transform 0s 0.4s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-menu ul ul {
  font-size: 1em;
  background: rgba(255, 255, 255, 0.1);
  margin-top: 5px;
  margin-bottom: -5px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.mobile-menu li:first-child {
  border-top: none;
}
.mobile-menu > ul ~ ul li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.mobile-menu li {
  padding: 5px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.mobile-menu li li {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.mobile-menu li li::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  color: rgba(255, 255, 255, 0.5);
  z-index: 5;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.mobile-menu a {
  padding: 5px 10px;
  display: block;
  color: #fff;
  text-decoration: none;
  transition: background 0.4s, color 0.4s;
      text-transform: uppercase;
}
.mobile-menu a:hover,
.mobile-menu .selected > a,
.mobile-menu .active > a {
      background: #0471ac;
    color: #ffffff;
}
.mobile-menu li li a {
  padding-left: 25px;
}
/**************/
.mobile-nav .center {
position: relative;
  width: 50px;
  height: 57px;
  background: none;
  border-radius: 5px;
}
.mobile-nav .center:before, .mobile-nav .center:after, .mobile-nav .center div {
background: #210a02;
  content: "";
  display: table;
  height: 3px;
  border-radius: 3px;
  margin: 6px auto;
  transition: 0.5s;
  width: 33px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
    margin-top: auto;
}

.mobile-nav .center::before {
  margin-top: 18px !important;

}
.mobile-nav .center::after {
  margin-top: 36px !important;
}
.mobile-nav .center:hover:before {
  transform: translateY(8px) rotate(135deg);
}
.mobile-nav .center:hover:after {
  transform: translateY(-8px) rotate(-135deg);
}
.mobile-nav .center:hover div {
  transform: scale(0);
}
/* Shown menu */
.show-menu .menu-wrap {
    transform: translate3d(0,0,0);
    transition: transform 0.8s;
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu,
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language {
  transform: translate3d(0, 0, 0);
  transition: transform 0.8s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language {
  transition-duration: 0.9s;
}
.show-menu .site-overlay {
  opacity: 1;
  transition: opacity 0.8s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transform: translate3d(0, 0, 0);
}
header.top .header-wrapper.sticky-appear a.mobile-nav {
	margin: 0 auto;
	float: none;
}

@media only screen and (max-width: 1600px) {
	
#navigation .sf-menu > li {
 
    padding: 0 10px;
}

}



@media only screen and (max-width: 1400px) {

#navigation .sf-menu > li {
    float: left;
    padding: 0 4px;
}.slogan {

    left: 0;
}
.slogan h2 {
    font-size: 41px;

    line-height: 62px;
}.photo-slide {

    right: -88px;

}.photo-home {
 
    margin: -30px 0 0 -120px;
}
}


section.boxes .slick-dots {
    bottom: -68px;
}


@media only screen and (max-width: 1326px) {
div#navigation {

    display: none !important;
}header.top a.mobile-nav {

    display: table;

}.photo-slide img {
    width: 700px;
}header.top {
    height: 648px;

}.photo-slide {

    right: 0;
    bottom: -60px;
}.slogan {

    margin-top: 290px;

    left: 80px;
}.photo-home {
    
    margin: -30px 0 0 -58px;
}.home-grid {

    grid-template-columns: 489px auto;
    gap: 94px;

}.cta-fixed.sticky-appear {
  
    top: 58px;

}section.News-home div#AllNews {
    margin: 0;
}section.boxes-bottom .slick-initialized .slick-slide > div {
    margin: 0 6px;
}
}


section.boxes-bottom .slick-dots {
    bottom: -84px;
}



@media only screen and (max-width: 1199px) {
	.infos-top {

    top: 6%;

}section.boxes-bottom .box-item.item01, section.boxes-bottom .box-item {
    padding: 41px 65px 57px 273px;
}
.photo-slide img {
    width: 531px;
}.slogan {
 
    left: 60px;
}.slogan h2 {
    font-size: 37px;

}
.home-grid {

    display: block;

    padding: 0;
}.photo-home {
   
    margin: 0 auto;
    display: table;
    float: none;
}.webshopHomeTemplate .webshop-content.content-home {
    padding: 10px 0 40px;
}header.top.small .photo-slide img {
    width: 454px;
}header.top.small .infos-top {
    top: 10%;
}
}
@media only screen and (max-width: 991px) {
	header.top.small .photo-slide img {
    width: 338px;
}.banner.small .slogan {
    margin: 162px auto 0px;
}.banner.small .photo-slide {
    bottom: -191px;
}.image-right, .image-left {
    float: none;
    display: table;
    margin: 0 auto 30px;
}
	.slogan {

    display: table;
 
    left: 0;
    margin: 148px auto 0;
    text-align: center;
}.slogan p a {
    margin: 20px auto 0;
}.photo-slide img {
    width: 440px;
}.photo-slide {

    right: 0;
    bottom: -256px;
    top: auto;
    left: 0;
    margin: auto;
    text-align: center;
}
	.tel-top:before {
 
    left: -15px;

}.tel-top:after {
  
    right: -16px;

}.infos-top {

    top: 217px;

}section.boxes .slick-slide > div {
    margin: 0 5px;
}footer .footer-rwapper {
    display: table;
    margin: 0 auto;
    text-align: center;
}.logo-footer {

    top: 0;
}footer .footer-rwapper > div h6:after {

    left: 0;
    right: 0;
    margin: auto;
 
}footer .footer-rwapper .footer-adr, footer .footer-rwapper .footer-gsm {
    padding-left: 0;

    padding-top: 40px;
}footer .footer-rwapper .footer-adr:before, footer .footer-rwapper .footer-gsm:before {
    right: 0;
    margin: auto;
    top: 0;
}footer .footer-rwapper .footer-adr {
    margin: 30px auto;
}footer .footer-rwapper .whatsappfix {

    margin: 18px auto;

}footer.bottom {

    padding: 52px 0 52px;

}section.newsletter div#AllNews figure.Item {

    grid-template-columns: 302px auto;
    grid-gap: 25px;

}
}

@media only screen and (max-width: 767px) {
	section.newsletter div#AllNews figure.Item {

    display: block !important;

}h3, .h3 {
    font-size: 20px;
}
	.content-pages header.page-title h1 {

    font-size: 31px;
    padding: 0 0 31px;
    margin: 0 0 35px;

    text-align: center;
    line-height: 40px;
}.content-pages header.page-title h1:before {

    right: 0;
    margin: auto;
}.banner.small .photo-slide {
    bottom: -221px;
}
	.tel-bar {
    display: none;
}header.top .header-wrapper .bloc-top {
  grid-template-columns: auto auto;

}section.bottom-info {
    display: none;
}.slogan h2 {
    font-size: 30px;

    line-height: 43px;
}.photo-slide {

    bottom: -295px;
   
}.slogan p a {
    margin: 16px auto 0;
    padding: 26px 12px;
    font-size: 16px;
}.cta-fixed.sticky-appear {
    left: 0;
}.photo-home img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}.webshopHomeTemplate header.page-title h1 {
 
    font-size: 45px;
 
    line-height: 49px;

    text-align: center;
}.webshopHomeTemplate header.page-title {

    margin: 0 auto 20px;
 
}
	h2, .h2 {
    font-size: 25px;
 
}a.moreless-button {
    margin: 20px auto 0;
    display: table;
}section.boxes-bottom .box-item, section.boxes-bottom .box-item.item01 {
    padding: 195px 20px 50px;
    text-align: center;
}section.boxes-bottom .box-item:before {
 
    left: 0;

    top: 10px;
    right: 0;
    margin: auto;
}section.boxes-bottom .box-item p {
    height: auto;
}section.boxes-bottom .box-item .btn-bx a {
    display: table;
    margin: 30px auto 0;
}section.News-home h2 strong {

    font-size: 36px;

}section.News-home h2 {
   
    margin: 0px auto 28px;

}span.phone {
    display: none;
}span.phone-responsive {
    display: inline-block;
}section.boxes .box:before {
    right: 0;
    top: 26px !important;
    left: 0;
    margin: auto;
}section.boxes .box h2 {
    text-align: center;
    margin: 12px auto 20px;
}section.boxes .box:hover .btn-bx {
    position: relative;
    right: 0;
    top: 16px;
    left: 0;
    margin: auto;
}section.boxes .box:hover h2 {
    margin: -131px 0 32px;
}section.boxes .box .btn-bx {

    bottom: -78px;
    left: 0;
    right: 0;

    margin: auto;
}section.boxes .box {
    text-align: center;

    padding: 194px 21px 78px;

}section.boxes .slick-slide > div {
    margin: 0;
}section.News-home {

    padding: 40px 0 73px;

}section.News-home  div#AllNews figure.Item {
   
    text-align: center;
}div#AllNews figure.Item figcaption .btn-news {
    display: table;
    margin: 20px auto 0;
}section.boxes .box.box02:before {

    width: 159px;
    height: 163px;
    background-size: contain;
}section.News-home div#AllNews figcaption h3 {
    margin: 0 0 50px;

    font-size: 20px;

}
}

@media only screen and (max-width: 480px) {
	header.top.small .photo-slide img {
    width: 100%;
}.content-pages header.page-title h1 {

    font-size: 25px;

    line-height: 29px;
}.image-right, .image-left {
    float: none;
    display: table;
    margin: 0 auto 30px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.boxes-bottom .box-item, section.boxes-bottom .box-item.item01 {
    padding: 196px 12px 50px;
    text-align: center;
}	
	header.top .logo {
    padding: 30px 0 0;
  
}.bloc-right {

    padding: 24px 0 0 0;
}.slogan h2 {
    font-size: 19px;

    line-height: 37px;
}.slogan p a {
    margin: 16px auto 0;
    padding: 14px 5px;
    font-size: 14px;
}.photo-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}header.top {
    height: 554px;

}.photo-slide {
    bottom: -269px;
}.infos-top {

    top: 283px;


}.cta-fixed.sticky-appear {
    padding: 12px 3px;
    font-size: 13px;
    gap: 2px;
}h2, .h2 {
    font-size: 21px;

}section.boxes-bottom .box-item h3 {

    font-size: 20px;

}section.boxes-bottom .slick-initialized .slick-slide > div {
    margin: 0;
}.logo-footer img {
    width: 100%;
}div#AllNews .slick-slide > div {
    margin: 0;
}section.News-home div#AllNews figcaption h3 {

    height: auto;
}
  
  .slogan p a:after {
 
    width: 57px;
    height: 57px;

}.slogan {
 
    margin: 122px auto 0;

}header.top.shop .infos-top {
    height: 194px;
    top: 72px;
}h1, .h1 {
    font-size: 28px;
}.webshop-content {
    padding: 0px 0 20px;

}
}