@charset "utf-8";/* CSS Document */
@font-face{font-family:MollenPersonalUse-Narrow;src:url(https://copin.fr/cdn/shop/files/MollenPersonalUse-Narrow.woff2?v=1701855857)format("woff2"),url(https://copin.fr/cdn/shop/files/MollenPersonalUse-Narrow.woff?v=1701855930) format("woff");font-weight:400;font-style:normal;font-display:swap}

*{box-sizing:border-box}
body{font-family:'MollenPersonalUse-Narrow',sans-serif;background-color:#fff;color:#000;margin:0}
a,input,button,textarea{outline:none!important}
a{transition:all ease-in-out 300ms;-webkit-transition:all ease-in-out 300ms;-ms-transition:all ease-in-out 300ms;-o-transition:all ease-in-out 300ms;-moz-transition:all ease-in-out 300ms}
.green{color:green!important}
.red{color:red!important}
img{max-width:100%}
.pad-left{padding-left:0}
.pad-right{padding-right:0}
.pad-top{padding-top:0}
.pad-bottom{padding-bottom:0}
.padding{padding:0}
.container{width:100%;margin:auto;padding-left:15px;padding-right:15px}
.pointer{cursor:pointer}
.display{display:block}
.hidden{display:none}

#autocomplete{top:10px!important;background:#000;border:3px solid #000;width:250px;border-radius:3px}
#autocompleteLabel{position:absolute;top:-22px;left:0;font-size:9pt;z-index:99999999;padding:2px 5px 1px;border-radius:3px}
#googleMap{width:calc(100% - 400px)!important;margin-left:400px}
#maskB{border:3px solid #000;width:248px;height:1px;position:absolute;left:189px;top:44px;z-index:9999999}
#maskL{border:3px solid #000;width:3px;height:40px;position:absolute;left:189px;top:10px;z-index:9999999}
#maskR{border:3px solid #000;width:3px;height:40px;position:absolute;left:431px;top:10px;z-index:9999999}
#maskT{border:3px solid #000;width:248px;height:1px;position:absolute;left:189px;top:10px;z-index:9999999}
#place-name{line-height:30px;font-weight:bold;font-size:12pt}
#shopList{text-align:left;list-style:none;padding:0 0 70px;margin:0 15px;height:calc(100vh - 250px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}
#shopList::-webkit-scrollbar{display:none}
#shopList li{position:relative;border-top:1px solid #eee;padding: 20px 50px}
#shopList li:before{content:"";position:absolute;left:11px;top:17px;width:22px;height:22px;background:url(../icon/marker.svg)}
#shopList li:hover{background:#f5f5f5}
#shopList li.active{background:#eee}
#shopList li a{color:#000;text-decoration:none}
#shopList li a:hover{text-decoration:underline}
#shopList li strong{text-shadow:1px 0px 0px #000;letter-spacing:1px}
p{font-size:16px;line-height:22px;color:#000000;margin-top:0}
p.infoBubble{font-size:10pt;text-align:center;margin-bottom:0}
p.infoBubble strong{font-weight:bold}
.gm-style-iw-a{left:-3px!important;top:-27px!important}
.gm-style-iw-d{transform:translate(2px,-5px)}
.gm-style-iw-chr{height:25px}
.gm-style-iw-chr button{transform:translate(12px,-13px)}
.gm-style-iw-chr button span{width:18px!important;height:18px!important;margin:16px!important}

#myMap #autocomplete{top:2px!important;position:absolute;left:2px;width:366px;border:0;background:none}
#myMap #maskB{border:2px solid #000;width:366px;height:1px;position:absolute;left:2px;top:48px}
#myMap #maskL{border:2px solid #000;width:33px;height:44px;position:absolute;left:2px;top:4px;background:#000}
#myMap #maskR{border:2px solid #000;width:40px;height:43px;position:absolute;left:328px;top:5px;background:#000}
#myMap #maskT{border:2px solid #000;width:366px;height:1px;position:absolute;left:2px;top:1px}

.suggestions-list{position:absolute;z-index:1000;background:white;border:1px solid #ccc;list-style:none;padding:0;margin:0;width:300px}
.suggestions-list li{padding:8px;cursor:pointer}
.suggestions-list li:hover{background-color:#f0f0f0}

.inner-pg{padding-top:50px;padding-bottom:50px}

/* Float Classes Start */
.f-left{float:left}

.f-right{float:right}
/* Float Classes End */

/* Alignment Classes Start */
.left{text-align:left}

.center{text-align:center}

.right{text-align:right}
/* Alignment Classes End */
/*========== Buttons Start ==========*/
.btn{display:inline-block;text-align:center;text-decoration:none!important;border:none;font-weight:400;font-size:18px;line-height:18px;padding:15px 35px;outline:none;box-shadow:none;border-radius:4px}

.btn-yellow{color:#000000;background-color:#f8cd46}

.btn-yellow:focus{color:#000000;background-color:#f8cd46}

.btn-yellow:hover,.btn-yellow:active:focus{color:#f8cd46;background-color:#000000}
/*========== Buttons End ==========*/

/*========== Page Title Start ==========*/
.page-title{font-weight:700;font-size:35px;line-height:35px;color:#1f2b51;text-align:center;margin-bottom:35px}

.page-title h1,.page-title h2,.page-title h3,.page-title h4,.page-title h5,.page-title h6{font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0}
/*========== Page Title End ==========*/

/*========== Common Table Start ==========*/
.table-responsive{overflow:hidden;overflow-x:auto}

.table{width:100%;border-collapse:collapse;background-color:#f7f7f7}

.table thead th{font-weight:600;font-size:14px;line-height:20px;color:#ffffff;background-color:#1f2b51;vertical-align:middle;padding:7px 10px;border-left:1px solid #ddd;border-bottom:1px solid #ddd}

.table thead th:last-child{border-right:1px solid #ddd}

.table tbody td{font-weight:400;font-size:14px;line-height:20px;color:#000000;vertical-align:middle;padding:10px;border-left:1px solid #ddd;border-bottom:1px solid #ddd}
.table tbody td a{color:inherit}

.table tbody td:last-child{border-right:1px solid #ddd}

.table .action-icons img{width:16px}

.table .action-icons a,.table .action-icons span{display:inline-block;margin:0 5px}

.table .action-icons a.hidden,.table .action-icons span.hidden{display:none}

.table .action-icons a:first-child,.table .action-icons span:first-child{margin-left:0}

.table .action-icons a:last-child,.table .action-icons span:last-child{margin-right:0}
/*========== Common Table End ==========*/

/*========== Tooltipster Start ==========*/
.tooltipster-sidetip .tooltipster-box{background-color:#1f2b51;border-color:#1f2b51
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border,.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#1f2b51
}
/*========== Tooltipster End ==========*/

/*========== Form Control Start ==========*/
.form-control{height:35px;border:1px solid #ddd;background-color:#ffffff;box-shadow:none;border-radius:4px;font-size:14px;line-height:22px;color:#000000;resize:none;padding:6px 15px;font-family:"Lato"}
/*========== Form Control End ==========*/

/*==================================================================*/
/*========== Header Start ==========*/
/*==================================================================*/

/*==================================================================*/
/*========== Header End ==========*/
/*==================================================================*/



/*==================================================================*/
/*========== New Class Add Start ==========*/
/*==================================================================*/
/* Home Page Start */
/* .gmnoprint{display:none} */
.gm-fullscreen-control{display:none}
.gm-svpc{display:none}

.home-pg .searchbox{display:none;position:relative}
.home-pg .searchbox .googleMapSearchControl{padding-left:40px;padding-right:40px;margin:0;font-size:10pt}
.home-pg .searchbox img{width:22px;z-index:9}
.home-pg .searchbox .map-pin{position:absolute;left:10px;top:50%;transform:translate(0,-50%);z-index:99999999}
.home-pg .searchbox .search-icon{position:absolute;right:10px;top:50%;cursor:pointer;transform:translate(0,-50%);z-index:99999999}

.pac-container{font-family:"Lato"!important;margin-top:3px}
.pac-logo:after{display:none!important}
.searchResult{position:absolute;top:29px;left:0;background:white;width:100%;border-radius:3px;line-height:35px;text-align:left;font-size:10pt;list-style:none}
.searchResult li{margin-left:-40px;padding:0 10px;border-bottom:1px solid #ddd}
.searchResult li:hover{background:#f5f5f5}
.searchResult li:last-child{border:0}
.searchWait{width:24px;margin:0 5px -6px -29px}
.searchWaitWrap{color:#fff;margin:15px 0 -38px 0!important;display:none}

/* Map Sidebar Start */
.map-sidebar{position:fixed;left:-200%;top:0;bottom:0;max-width:400px;width:100%;padding:0 0 50px;background-color:#fff;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.3);transition:0.4s;border:1px solid #ddd}
.map-sidebar .map-sidebar-content{width:100%;height:100%;overflow:auto}
.map-sidebar.open{left:0}
.map-sidebar-title{padding:15px 50px;position:relative;text-align:center;font-size:14pt;line-height:14pt;text-transform:uppercase;color:#fff;background:#000}
.search-city-sidebar .map-sidebar-title{background:none}
.map-sidebar-title h1,.map-sidebar-title .h1{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0}
.map-sidebar-title a,.map-sidebar-title span{position:absolute;top:50%;cursor:pointer;width:33px;height:33px;background-color:#fff;transform:translate(0,-50%);border-radius:50%}
.map-sidebar-title a img,.map-sidebar-title span img{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%)}
.map-sidebar-title .map-direction{right:10px}
.map-sidebar-title .hide-map-sidebar{left:10px}
.map-sidebar .map-title{padding:0 15px 25px;margin-top:-25px;font-weight:600;line-height:22px;color:#000000;text-align:left;background:#ededed;font-size:10pt;letter-spacing:4px;}
.map-sidebar.search-city-sidebar .map-title{background:none}
.map-sidebar .map-title span{display:block;font-weight:inherit;font-family:inherit;line-height:normal;color:#000}
.map-sidebar .map-sidebar-detail{padding:10px 15px 0}
.map-sidebar.search-city-sidebar .map-description{display:block!important}
.map-sidebar-detail .map-block{padding:20px 0;border-bottom:1px solid #ededed}
.map-sidebar-detail .map-description p{margin:0}

.shop-timetable .time-table{padding-top:15px}
.shop-timetable .time-table .hoursTXT{position:relative;display:inline-block;padding-right:25px}
.shop-timetable .time-table .hoursTXT:before{position:absolute;content:"";right:0;top:50%;background:url("../icon/darrow.svg") no-repeat;background-size:100% 100%;width:15px;height:15px;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transform:translate(0,-50%)}
.shop-timetable .time-table .hoursTXT.open:before{-webkit-transform:translate(0,-50%) rotate(-180deg);-moz-transform:translate(0,-50%) rotate(-180deg);-ms-transform:translate(0,-50%) rotate(-180deg);-o-transform:translate(0,-50%) rotate(-180deg);transform:translate(0,-50%) rotate(-180deg)}
.map-sidebar-detail .shop-timetable .time-table .table{margin-top:20px;display:none}
.map-sidebar-detail .shop-timetable .time-table .table tbody tr td.closedDay{color:#f00}
.map-sidebar-detail .shop-timetable .time-table .table tbody tr:first-child td{border-top:1px solid #ddd}
.map-sidebar-detail .shop-timetable ul{display:block;margin:0;padding:0;list-style-type:none}
.map-sidebar-detail .shop-timetable ul li{display:block;margin:0 0 10px;padding:0 0 0 20px;list-style-type:none;position:relative;font-weight:400;font-size:16px;line-height:22px;color:#000000}
.map-sidebar-detail .shop-timetable ul li:last-child{margin:0}
.map-sidebar-detail .shop-timetable ul li:before{position:absolute;content:"";left:0;top:6px;width:10px;height:10px;background-color:#cccccc;border-radius:50%}
.map-sidebar-detail .shop-timetable ul li a{text-decoration:underline;color:#000000}
.map-sidebar-detail .shop-timetable ul li a:hover{color:#000000}
.map-sidebar-detail .command-button{text-align:center;padding:20px 0}
.map-sidebar-detail .shop-information ul{display:block;margin:0;padding:0;list-style-type:none}
.map-sidebar-detail .shop-information ul li{display:block;margin:0 0 10px;padding:0 0 0 30px;list-style-type:none;position:relative;font-weight:400;font-size:16px;line-height:22px;color:#000000}
.map-sidebar-detail .shop-information ul li:last-child{margin:0}
.map-sidebar-detail .shop-information ul li .icon{position:absolute;left:0;top:0;width:20px}
.map-sidebar-detail .shop-information ul li a{text-decoration:none;color:#000000}
.map-sidebar-detail .shop-information ul li a:hover{color:#000000;text-decoration:underline}
.map-sidebar-detail .map-photo-gallery .title{font-weight:600;font-size:18px;line-height:22px;color:#000000;padding-bottom:20px}
.map-sidebar-detail .map-photo-gallery .title span{display:block;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit}

.map-photos{opacity:0}
.map-photos.swiper-container-initialized{opacity:1}
.map-photos{padding-right:75px!important}
.map-photos .swiper-slide{cursor:pointer;position:relative;height:175px;box-shadow:0 1px 6px rgba(60,64,67,0.3);border-radius:8px}
.map-photos .swiper-slide:before{position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.15) 40%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.7) 100%);border-radius:8px}
.map-photos .swiper-slide img{width:100%;height:100%;object-fit:cover;font-family:'object-fit:cover';border-radius:8px}
.map-photos .swiper-slide span{position:absolute;left:0;right:0;bottom:10px;font-weight:600;font-size:14px;line-height:14px;color:#fff;padding:0 10px;text-align:center}
.map-photos .swiper-button-disabled{display:none}
.map-photos .swiper-button-next,.map-photos .swiper-button-prev{width:40px;height:40px;border-radius:50%}
.map-photos .swiper-button-next:after,.map-photos .swiper-button-prev:after{position:relative;color:#1f2b51;background-color:#fff;text-align:center;width:100%;height:100%;font-size:18px;line-height:40px;transition:0.4s;border-radius:50%;box-shadow:2px 2px 2px 0px rgba(0,0,0,0.1)}
.map-photos .swiper-button-prev:after{left:-200%}
.map-photos .swiper-button-prev:hover:after{left:0}
.map-photos .swiper-button-next:after{right:-200%}
.map-photos .swiper-button-next:hover:after{right:0}

.search-city-sidebar{background:#fff}
.search-city-sidebar .map-sidebar-title .logo{width:150px;display:none}
.search-city-sidebar .map-sidebar-title .marker{width:60px;margin-top:25px;display:none}
.search-city-sidebar .map-title{color:#000}
.search-city-sidebar .map-sidebar-content{margin-top:40px;text-align:center;overflow:hidden}
.search-city-sidebar .map-sidebar-detail{width:100%}
.search-city-sidebar .map-sidebar-detail .map-block{border:none;width:100%}
.home-pg .find-location.searchbox{display:none;text-align:left}
.findLocationField{height:40px;width:100%!important;font-size:14px;line-height:22px;color:#000000;padding:6px 15px;border:1px solid #000000;margin-bottom:20px}
.noDesktop #shopList{margin:-20px 15px 0;height:calc(100vh - 295px)}

/* Search Page Start */
.addWait{width:19px;margin:-5px -24px -2px 5px;display:none}
.search-pg{padding-top:0!important;padding-bottom:0!important}
.googleMapSearchControl{-webkit-appearance:none;appearance:none;background-color:#000;border-radius:2px;border:1px solid transparent;font-family:Roboto;font-size:15px;font-weight:300;margin-left:17px;margin-top:10px;outline:none;padding:0 11px 0 13px;height:53px;width:400px}
.google-map-add-store-btn{margin-left:17px;margin-top:10px;padding:11px 0;width:350px}
#infowindow-content{display:none}
#googleSearchMap #infowindow-content{display:inline}

/* Manager Page Start */
.add-new-shop{display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap;padding-bottom:30px}
.add-new-shop form p{margin:10px 0}
.add-new-shop .tableSeachbox{height:35px;width:250px;border:1px solid #cccccc;padding:0 10px;font-size:12pt;color:#1f2b51}
.dz-preview{display:none}
.manager-table .shopNameTXT{text-transform:uppercase;font-weight:bold}
.manager-table textarea.form-control{height:100px;width:100%}
.manager-table .table{width:100%}
.manager-table .shopWebsiteTXT{overflow:hidden;text-overflow:ellipsis;width:250px;white-space:nowrap}
.manager-table .shopAddressINPUT,
.manager-table .shopPhoneINPUT{margin-top:5px}
.manager-table .shopWebsiteTXT a,
.manager-table .shopPhoneTXT a{color:#1f2b51;text-decoration:none}
.manager-table .shopWebsiteTXT a:hover,
.manager-table .shopPhoneTXT a:hover{text-decoration:underline}
.manager-table .shopPhoto{position:relative}
.manager-table .shopPhoto .photoData{position:absolute;left:50%;top:50%;width:60px;height:40px;background-color:#fff;border:2px solid #ddd;border-radius:4px;transform:translate(-50%, -50%)}
.manager-table .shopPhoto .photo{position:absolute;left:50%;top:50%;border:2px solid #ddd;transform:translate(-50%, -50%);width:60px;height:40px;margin:0 auto;text-align:center;border-radius:4px;overflow:hidden;cursor:pointer}
.manager-table .shopPhoto .form-control{position:absolute;left:0;right:0;top:0;bottom:0;appearance:none;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;border-radius:4px;z-index:99;text-indent:-99999px}
.manager-table .shopPhoto .overlay{position:absolute;content:"";left:0;right:0;top:0;bottom:0;background-color:#ddd;opacity:0;transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s}
.manager-table .photo.dz-drag-hover{border:2px solid #888}
.manager-table .shopPhoto span.text{position:absolute;left:0;right:0;top:50%;font-weight:700;font-size:12px;line-height:18px;color:#000000;transform:translate(0,-50%)}
.manager-table .shopPhoto .default-img{display:block;width:30px;margin:0 auto}
.manager-table .shopPhoto .photo .delete-photo{cursor:pointer;position:absolute;right:0;top:0;display:none;width:20px;transition:0.4s;background:#fff;border:1px solid #ddd;padding:2px}
.manager-table .shopPhoto .photo .delete-photo.hidden{display:none!important}
.manager-table .shopPhoto .photo:hover .delete-photo{display:block;z-index:9999}
.photo .upload-img{margin-top:-9px;width:100%;min-height:46px}
.photo .wait-img{margin-top:6px;width:24px}

/* cboxPopup */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}
#cboxOverlay{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto}
#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0}
#cboxTitle{margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;border:0 }
#colorbox{border:0;outline:none;box-shadow:0px 0px 5px #818080;color:#161514}
#colorbox::focus{border:0}
#cboxTopLeft{width:21px;height:21px;background:#fff}
#cboxTopRight{width:21px;height:21px;background:#fff}
#cboxBottomLeft{width:21px;height:21px;background:#fff}
#cboxBottomRight{width:21px;height:21px;background:#fff}
#cboxMiddleLeft{width:21px;background:#fff}
#cboxMiddleRight{width:21px;background:#fff}
#cboxTopCenter{height:21px;background:#fff}
#cboxBottomCenter{height:21px;background:#fff}
#cboxContent{background:#fff}
#cboxLoadedContent{margin-bottom:28px}
#cboxTitle{position:absolute;bottom:5px;left:0;text-align:center;width:100%;color:#949494}
#cboxCurrent{position:absolute;bottom:-10px;left:58px;color:#949494}
#cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef}
#cboxPrevious{position:absolute;bottom:-15px;left:0px;background:url(../icon/controls.png) no-repeat;width:25px;height:25px;text-indent:-9999px}
#cboxPrevious.hover{background-position:-75px -25px}
#cboxNext{position:absolute;bottom:-15px;left:27px;background:url(../icon/controls.png) no-repeat -24px 0px;width:25px;height:25px;text-indent:-9999px}
#cboxNext.hover{background-position:-50px -25px}
#cboxLoadingGraphic{background:url(../icon/loading.svg) no-repeat center center}
#cboxClose{position:absolute;bottom:-10px;right:0;background:url(../icon/controls.png) no-repeat -50px -25px;width:25px;height:25px;text-indent:-9999px;opacity:0.5;filter:alpha(opacity=50);border:0}
#cboxClose:hover{opacity:0.8;filter:alpha(opacity=80)}

/* Animation Google Maps */
@keyframes drop{
0%{transform:translateY(-200px) scaleY(0.9);opacity:0}
50%{transform:translateY(0px) scaleY(1);opacity:1}
65%{transform: translateY(-17px) scaleY(0.9)}
75%{transform:translateY(-22px) scaleY(0.9)}
100%{transform:translateY(0px) scaleY(1)}
}
.drop{animation:drop 0.3s ease-out forwards}