/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900');
 body {
     margin: 0;
     padding: 0;
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 400;
     color: #444;
}
 .cms-index-index .page-wrapper {
     overflow-x: hidden;
}
 .cms-index-index .page-wrapper .page-header {
     border-top: 24px solid #878787;
     padding: 35px 0 40px;
}
 .cms-index-index .page-wrapper .page-header .panel.wrapper {
     border-bottom: none;
     max-width: 1380px;
     margin: 0 auto;
     padding-left: 15px;
     padding-right: 15px;
     box-sizing: border-box;
}
 .cms-index-index .page-wrapper .page-header #switcher-language {
     margin: 0 0 0 15px;
     font-size: 23px;
}
 .cms-index-index .page-wrapper .page-header #switcher-language + .switcher {
     margin-top: 2px;
}
 .cms-index-index .page-wrapper .page-header .switcher .options ul.dropdown a {
     font-size: 23px;
     color: #231f20;
}
 .cms-index-index .page-header .switcher strong {
     color: #231f20;
     font-size: 23px;
}
 .cms-index-index .page-header .switcher .options .action.toggle::after, .cms-index-index .page-header .switcher .options .action.toggle:hover::after {
     color: #231f20;
}
 .cms-index-index .page-header .header-2019-right ul li a {
     margin-left: 0;
}
 .cms-index-index .panel.header .switcher {
     margin-right: 0px;
}
 .cms-index-index .page-wrapper .page-header .panel.wrapper .logo {
     margin: 0;
}
 .cms-index-index .page-wrapper .page-header .panel.wrapper .logo img {
     width: 277px;
}
 .cms-index-index .page-wrapper .page-header .panel.wrapper .panel.header {
     background: none;
     padding: 0;
     max-width: none;
}
 .cms-index-index .page-wrapper .page-header .panel.wrapper .panel.header .custom-header-content {
     float: right;
}
 .cms-index-index .page-wrapper .page-header .header-2019 {
     border: none;
     padding: 0;
}
 .cms-index-index .page-wrapper .page-header .header-2019 .container {
     padding: 0;
}
 .cms-index-index .page-wrapper .page-header .header-2019 .container .header-2019-right {
     float: none;
     margin: 0;
}
 .cms-index-index .page-wrapper .page-header .header-2019 .container .header-2019-right ul li {
     padding: 0 15px 0 0;
}
 .cms-index-index .page-wrapper, .cms-index-index #maincontent {
     max-width: none;
}
 .cms-index-index .container {
     max-width: 1380px;
     margin: 0 auto;
     padding-left: 15px;
     padding-right: 15px;
     box-sizing: border-box;
}
 .cms-index-index .container:before, .cms-index-index .container:after {
     display: block;
     clear: both;
     content: "";
}
 .header-2019 {
     border-top: 24px solid #878787;
     padding: 25px 0 35px;
}
 .header-2019-left {
     float: left;
}
 .header-2019-right {
     float: right;
     margin: 15px 0 0;
}
 .header-2019-right ul {
     margin: 0;
     padding: 0;
}
 .header-2019-right ul li {
     list-style: none;
     margin: 0;
     padding: 0;
     display: inline-block;
     position: relative;
     padding: 0 30px 0 0;
}
 .header-2019-right > ul > li:before {
     content: "|";
     color: #231f20;
     display: block;
     position: absolute;
     font-size:20px;
     font-weight:700;
     margin-left: -10px;
}
 .header-2019-right ul li:first-child:before {
     display: none;
}
 .header-2019-right ul li a {
     color: #231f20;
     text-decoration: none;
     text-transform: uppercase;
     font-size: 23px;
     font-weight: 600;
     margin-left: 30px;
     padding-bottom: 12px;
}
 .header-2019-right ul li ul {
     display: none;
     position: absolute;
     background: rgba(152, 152, 152, 0.86);
     left: 0px;
     top: 40px;
     width: 250px;
     z-index: 10;
}
 .header-2019-right ul li:hover ul {
     display: block;
}
 .header-2019-right ul li ul li {
     border-top: 1px solid #fefefe;
     display: block;
     padding: 0;
     float: none;
}
 .header-2019-right ul li ul li:first-child {
     border-top: none;
}
 .header-2019-right ul li ul li a {
     color: #fff;
     padding: 10px 10px 10px 30px;
     display: block;
     margin: 0;
}
 .slider-container img {
     display: block;
     max-width: 100%;
     height: auto;
}
 .home-links {
     padding: 20px 0;
     display: flex;
     justify-content: space-between;
     color: #231f20;
     font-size: 23px;
     font-weight: 600;
}
 .home-links div a {
     color: #231f20;
     text-decoration: none;
     border-bottom: 2px solid transparent;
}
 .home-links div a:hover {
     border-bottom-color: #231f20;
}
 .home-links ul {
     margin: 0;
     padding: 0;
     text-align: center;
}
 .home-links ul li {
     list-style: none;
     display: inline-block;
     margin: 0 20px;
}
 .home-links ul li a {
     color: #231f20;
     font-size: 23px;
     text-decoration: none;
     border-bottom: 2px solid transparent;
}
 .home-links ul li a:hover {
     border-bottom-color: #231f20;
}
 .home-shop-online {
     text-align: center;
     position: relative;
     margin: 0 auto;
     padding: 20px 0 30px;
     max-width: 665px;
}
 .home-shop-online:before {
     content: "";
     width: 100%;
     height: 3px;
     background: #b0b0b0;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: 0;
}
 .home-shop-online h3 {
     display: inline-block;
     position: relative;
     background: #fff;
     padding: 0 30px;
     margin: 7px 0 0;
}
 .home-2019-cat-grid .container {
     padding-left: 0;
     padding-right: 0;
}
 .home-2019-cat-grid .cat-grid-12 {
     width: 100%;
}
 .home-2019-cat-grid .cat-grid-3 {
     width: 33.3333%;
     float: left;
}
 .home-2019-cat-grid [class*="cat-grid-"] {
     position: relative;
     margin-bottom: 25px;
}
 .home-2019-cat-grid [class*="cat-grid-"] a {
     display: block;
}
 .home-2019-cat-grid [class*="cat-grid-"] img {
     display: block;
     width: 100%;
     max-width: 100%;
     height: auto;
}
 .home-2019-cat-grid [class*="cat-grid-"] span {
     position: absolute;
     top: 76%;
     left: 24px;
     font-weight: 900;
     font-size: 69px;
     color: #d5d3d4;
     line-height: 55px;
}
 .home-2019-cat-grid .cat-grid-12 span {
     top: 65%;
     left: 200px;
}
 .home-2019-cat-grid [class*="cat-grid-"]:nth-of-type(3) span {
     color: #fff;
     left: auto;
     right: 10px;
     text-align: right;
}
 .home-2019-cat-grid [class*="cat-grid-"] a:hover span {
     text-decoration: underline;
}
 .footer-social-list ul {
     text-align: center;
     margin: 20px 0px 40px;
     padding: 0;
}
 .footer-social-list li {
     display: inline-block;
     margin: 0 35px !important;
}
 .footer-social-list li a {
     font-size: 0px;
     color: #000;
}
 .footer-social-list li a i:before {
     font-size: 34px;
}
 .footer-2019 {
     border-top: 62px solid #878787;
}
 .footer-2019-left {
     float: left;
}
 .footer-2019-right {
     float: right;
}
 .footer-2019 p {
     font-size: 15px;
     text-transform: uppercase;
     color: #5c5859;
     margin: 0;
     padding: 25px 0;
}


@media only screen and (min-width: 1281px) {
    .home-links {
         width: 82%;
         margin: 0 auto;
    }
}

 @media only screen and (max-width: 1400px) {
     .home-2019-cat-grid .cat-grid-12 span {
         top: 50%;
    }
}
 @media only screen and (max-width: 1200px) {
     .home-2019-cat-grid .cat-grid-12 img {
         width: auto;
         max-width: none;
    }
     .home-2019-cat-grid [class*="cat-grid-"] span {
         top: 70%;
    }
}
 @media only screen and (max-width: 991px) {
     .home-links {
         font-size: 22px;
    }
     .home-links ul li {
         margin: 0 10px;
    }
     .home-links ul li a {
         font-size: 22px;
    }
    .home-2019-cat-grid .cat-grid-12 img {
         max-width: 992px;
    }
    
     .home-2019-cat-grid [class*="cat-grid-"] span {
         top: 65%;
         font-size: 50px;
         line-height: 45px;
    }
    .home-2019-cat-grid .cat-grid-12 span {
         left: 50px;
         top: 58%;
    }
     .footer-2019 {
         border-top-width: 31px;
         text-align: center;
         padding: 10px 0;
    }
     .footer-2019-left, .footer-2019-right {
         float: none;
    }
     .footer-2019 p {
         padding: 5px 0;
    }
}
 @media only screen and (max-width: 767px) {
    .cms-index-index .page-wrapper .page-header { padding: 35px 0 25px; }
    .cms-index-index .page-wrapper .page-header .panel.wrapper .panel.header .custom-header-content { padding-top: 15px; float: none; clear: both; }
    .cms-index-index .page-wrapper .page-header .header-2019 .container .header-2019-right ul li:last-child { padding-right: 0; }
    .cms-index-index .page-wrapper .page-header .header-2019 .container .header-2019-right ul li:last-child ul { right: 0; left: auto; }
    .header-2019-right ul li ul { top: 38px; }
     .home-links ul li {
         margin: 0 22px;
    }
     .home-shop-online {
         max-width: 500px;
    }
     .home-2019-cat-grid .cat-grid-3 {
         width: 100%;
         float: none;
    }
     .home-2019-cat-grid [class*="cat-grid-"] {
         height: 180px;
         overflow: hidden;
    }
     .home-2019-cat-grid .cat-grid-12 img {
         position: relative;
	     max-width: 767px
    }
    .home-2019-cat-grid .cat-grid-12 span {
	top: 48%;
    }
     .footer-social-list ul {
         margin: 20px 0px 20px;
    }
     .footer-social-list li {
         margin: 0 18px !important;
    }
     .header-2019-left, .header-2019-right {
         float: none;
         text-align: center;
    }
     .footer-2019 {
         border-top-width: 15px;
    }
     .cms-index-index .page-wrapper {
         padding-left: 0;
         padding-right: 0;
    }
     .cms-index-index .page-wrapper .nav-toggle {
         display: none;
    }
     .cms-index-index .page-wrapper .page-header .panel.wrapper .logo {
         float: none;
         display: block;
         margin: 0 0 20px;
         max-width: none;
    }
     .cms-index-index .page-wrapper .page-header .panel.wrapper .logo img {
         margin: 0 auto;
    }
     .cms-index-index .page-header .header-2019-right ul li a, .cms-index-index .page-header .switcher strong, .cms-index-index .page-wrapper .page-header .switcher .options ul.dropdown a {
         font-size: 20px;
    }
     .cms-index-index .page-wrapper .page-header .panel.wrapper .panel.header {
         max-width: 340px;
         margin: 0 auto;
    }
     .cms-index-index .page-wrapper .page-header {
         border-bottom: none;
         margin-bottom: 0;
    }
     .home-links {
         justify-content: flex-start;
         flex-wrap: wrap;
         text-align: center;
         font-size: 20px;
    }
     .home-links > div, .home-links ul {
         flex-basis: 100%;
         max-width: 100%;
    }
     .home-links ul {
         margin-top: 15px;
    }
     .home-links ul li {
         margin: 0 2px;
    }
     .home-links ul li a {
         font-size: 20px;
    }
}
 @media only screen and (max-width: 576px) {
}
*/



/* New Home Page CSS */
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800');
body.cms-index-index { font-family: 'Montserrat', sans-serif; line-height: 1.35; font-weight: 500; color: #535554; position: relative; height: auto; }

.cms-index-index .page-wrapper { max-width: 100%; padding: 0; }
.cms-index-index .page-header { max-width: 1280px; margin: 0 auto; width: 100%; border: none; }
.cms-index-index .page-header .panel.wrapper { border: none; display: flex; flex-wrap: wrap; }
.cms-index-index .page-header .header.panel { background: transparent; order: 1; width: 100%; }
.cms-index-index .page-header .panel.wrapper .logo { margin: 0px auto; width: 283px; height: 99px; display: block; float: none; background: url(../images/Logo_Mondor_Officiel_new.png) no-repeat; background-size: cover; order: 2; }
.cms-index-index .page-header .panel.wrapper .logo img { display: none; }
.cms-index-index .page-header .switcher strong,
.cms-index-index .page-header .switcher .options .action.toggle::after,
.cms-index-index .page-header .switcher .options .action.toggle:hover::after { color: #000; }

.cms-index-index .custom-header-content { /*display: none;*/ float: right; margin-right: 15px; }
.cms-index-index .custom-header-content .header-2019-right > ul { margin: 0; padding: 0; }
.cms-index-index .custom-header-content .header-2019-right > ul > li:nth-of-type(1) { display: none; }
.cms-index-index .custom-header-content .header-2019-right > ul > li { list-style: none; position: relative; margin: 0; }
.cms-index-index .custom-header-content .header-2019-right > ul > li a { color: #000; text-transform: none; text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px; display: block; padding: 0 0 8px 0; }
.cms-index-index .custom-header-content .header-2019-right > ul > li ul { position: absolute; top: 35px; left: 0; list-style: none; margin: 0 0 0 -45px; padding: 5px 10px; z-index: 11; text-align: center; border: 2px solid #bdbdbd; background: #fff; z-index: 99; display: none; }
.cms-index-index .custom-header-content .header-2019-right > ul > li ul li { margin: 0; }
.cms-index-index .custom-header-content .header-2019-right > ul > li ul li a { font-size: 13px; padding: 0; }
.cms-index-index .custom-header-content .header-2019-right > ul > li:hover ul { display: block; }

.cms-index-index .page-main { max-width: 100%; }
.cms-index-index .columns .column.main { padding: 0; }

#home-boxes { display: flex; position: relative; /*padding-bottom: 130px;*/ max-width: 1170px; margin: 30px auto; }
#home-boxes::before { content: ""; display: block; width: 1px; background: #000; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 0; }

#home-boxes h1.home-title { margin-bottom:15px; font-family: 500; font-family: 'Montserrat', sans-serif; }
#home-boxes h1.home-title a { font-size:25px; color:#6a6c6c; text-transform:uppercase; text-decoration:none; }
#home-boxes h1.home-title a:hover { color:#c9cacb; }
#home-boxes .home-box { width: 49.95%; float: left; margin: 0 auto; text-align: center; /*padding-top:80px;*/ }

.home-login-box {width:250px; clear: both; margin: 50px auto 0; text-align:center; }
.home-login-box ul {list-style-type: none; margin: 0; padding: 0;}
.home-login-box ul li { padding: 0 0 15px; margin: 0; position: relative; }
.home-login-box ul li a {color:#6a6c6c; font-size:16px; border-bottom:1px solid #6a6c6c; }
.home-login-box ul li a:hover { color:#e9476c; border-bottom:1px solid #e9476c; }
.home-login-box ul li:hover ul { display: block; }
.home-login-box ul li ul { position: absolute; top: 26px; left: 50%; transform: translateX(-50%); list-style: none; margin: 10px 0 0; padding: 10px 50px; z-index: 11; text-align: center; border: 2px solid #bdbdbd; background: #fff; z-index: 99; display: none; }



.cms-index-index .footer-container { border-top: none; padding: 40px 24px; margin-top: 0; background: #c9cacb;}
.cms-index-index .footer-container > .footer { max-width: 1109px; margin: 0 auto; }

.cms-index-index .footer-container .footer-item { box-sizing: border-box; float: left; padding: 0 10px; text-transform: uppercase; }
.cms-index-index .footer-container .footer-item:nth-of-type(1) { width: 33%; }
.cms-index-index .footer-container .footer-item:nth-of-type(2) { width: 33%; text-align: center; }
.cms-index-index .footer-container .footer-item:nth-of-type(3) { width: 33%; text-align: right; }

.cms-index-index .footer-container .footer-item p { clear: both; line-height: 16px; margin: 16px 0 0; }
.cms-index-index .footer-container .footer-about > a { display: block; margin-top: 16px; }
.cms-index-index .footer-container .footer-item a { color: #6a6c6c; font-size: 13px; font-weight: 500; }

.cms-index-index .footer-container .footer-item ul { clear: both; margin: 6px 0 0; padding: 0; width: 100%; }
.cms-index-index .footer-container .footer-item ul li { display: block; padding: 0; vertical-align: top; margin-bottom:5px;}
.cms-index-index .footer-container .footer-item ul li a { margin: 4px 0 0; text-decoration: none; }

.cms-index-index .footer-container .footer-item, .cms-index-index .social-footer-wrapper { color: #1c1b1a; text-transform:capitalize; font-size: 12px; }

.cms-index-index .footer-container .footer-item ul.social-links { margin-top: 20px; }
.cms-index-index .footer-container .footer-item ul.social-links li { display: inline-block; margin-right:20px !important; }
.cms-index-index .footer-container .footer-item ul.social-links li:last-child { margin-right:0px !important; }
.cms-index-index .footer-container .footer-item ul.social-links li a { font-size:20px; color: #1c1b1a; }

.cms-index-index .footer-container .footer-item .footer-item-header, 
.cms-index-index .social-footer-wrapper .form-subscribe-header > label, 
.cms-index-index .social-footer-wrapper input.input-text, 
.cms-index-index .social-footer-item > span { clear: both; font-size: 16px; font-weight: 600; }

.cms-index-index .footer .footer-collections { display: block; }

.cms-index-index .nav-toggle { display: none !important; }

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

    .cms-index-index .page-header .panel.wrapper .logo { width: 172px; height: 60px; margin-top: 10px; }

    #home-boxes { flex-wrap: wrap; padding: 0; margin: 20px auto 0px; }
    #home-boxes::before { display: none; }
    #home-boxes .home-box-split {border-bottom:#000 1px solid; width:200px; margin: 0 auto 40px;}
    #home-boxes .home-box { padding: 0; width: 100%; float: none; margin: 0 auto 50px; }
    #home-boxes h1.home-title { margin-top: 0; }

    .cms-index-index .footer-container { padding: 20px 0px; }
    .cms-index-index .footer-container .footer-item a { font-size: 12px; }
    .cms-index-index .footer-container .footer-item ul.social-links li { margin-right: 8px !important; }
    .cms-index-index .footer-container .footer-item ul.social-links li a { font-size: 14px; }
    
}