@charset "utf-8";
/* CSS Document */
/* Copyright 2016 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Base
-------------------------------------------------------------------*/
*, *:before, *:after, input, textarea, select { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body { font-size:100%; background:#FFF; }
body, input, textarea, select { font-family: 'Roboto', sans-serif; }
header { background:#EBFBFF; padding: 1.5em 0;}
header .wrapper {  position: relative; }
section { }
footer { background:#EBFBFF; padding: 3.5em; }
::selection { background:#C7E4EB; color:#53585A; }
::-moz-selection { background:#C7E4EB; border:1px solid #C7E4EB; color:#53585A; }
::-webkit-input-placeholder { color:#999; }
:-moz-placeholder { color:#999; }
::-moz-placeholder { color:#999; }
:-ms-input-placeholder { color:#999; }


/*-------------------------------------------------------------------
	Titles & texts
-------------------------------------------------------------------*/
h1 { font-family: 'Playfair Display', serif; color: #53585A; display: inline-block; font-size:2.6em; border-bottom: 1px solid #53585A; line-height:1.5em; margin:0 0 0.2em 0; }
h2 { font-size:1.3em; font-family: 'Playfair Display', serif;color: #808385; line-height:1.5em; margin:0 0 1em 0; }
h2 a { color: #808385; }
h3 { font-size:1em; line-height:1.5em; margin:0 0 1em 0; }
p, ul { margin:0 0 0.8em 0; color: #7d8689; font-size:1em; line-height:1.5em; }
p a, ul li a { color:#F65682; }
p a:hover, ul li a:hover { text-decoration:underline; }
ul > li:before { content:"•"; padding:0 1em 0 0; float:left; }
ul ul { margin:0 0 0 1em; }
ul > li { margin:0 0 1em 0; }
ul > li:last-child { margin-bottom:0; }
ul { margin:0 0 0 1em; list-style:none; text-indent:-1em; }
strong { }
em { font-style: italic; }
hr { border:none; height:1px; background:#CCC; margin:1.25em 0; }
table {  width:100%; }
label { display:block; margin:0 0 0.25em 0; }


/*-------------------------------------------------------------------
	Forms
-------------------------------------------------------------------*/
input[type=text], input[type=password], input[type=number], textarea, select { -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:none; color: #878787; background: #f2f2f2; display:block; width:100%; margin:0 0 15px 0; padding:9px 9px; }
input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover { outline:none; border:none; }
button:focus { outline:none; }
textarea { resize:vertical; min-height:150px; }
input[type=submit], button { cursor:pointer; border:none; display:block; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
input[type='radio'] { opacity:0; float:left; width:16px; height:16px; cursor:default; padding:0; margin:0; position:absolute; }
input[type='radio'] + label:before { content:""; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; display:inline-block; width:16px; height:16px; background:center #FFF; border:2px solid #3FA2D4; position:relative; top:3px; margin:0 5px 0 0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
input[type='radio']:checked + label:before { background:url(../images/radio-white.png) no-repeat center #3FA2D4; }
input[type='checkbox'] { opacity:0; float:left; position:absolute; width:16px; height:16px; cursor:default; padding:0; margin:0; }
input[type='checkbox'] + label { margin:0 0 8px 0; }
input[type='checkbox'] + label:before { content:""; display:inline-block; width:16px; height:16px; background:center #FFF; border:2px solid #3FA2D4; position:relative; top:3px; margin:0 5px 0 0;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
input[type='checkbox']:checked + label:before { background:url(../images/checkbox-white.png) no-repeat center #3FA2D4; }
input[type="text"]:disabled { background:#dddddd; }
input:disabled:hover, textarea:disabled:hover { border:1px solid #CCC; }
select, .chosen-container-single .chosen-single span { font-family: 'Playfair Display', serif; cursor: default;font-size: 1.4em; color: #53585A; background:url(../images/form-select.png) no-repeat top 0.55em right #FFF; border: none; display: inline-block; width: auto; padding: 0; padding-right:0.65em; }
select option, .chosen-container .chosen-results li { font-size: 14px;font-family: 'Roboto', sans-serif;  }
select:hover, select:focus { border: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #f2f2f2 inset; -webkit-text-fill-color: #878787; }

/*-------------------------------------------------------------------
	Navigation
-------------------------------------------------------------------*/
.nav { position:relative; z-index:100; float:right; min-width:140px; margin: 3em 0 0 0; }
.nav-el-1:before, .nav-el-2:before { content:""; padding:0; float:none; display:inline; }
.nav-el-1-link, .nav-el-2-link, .nav-lang-el-link { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

/* First Level */
.nav-list-1 { position:relative; z-index:1; margin:0; text-indent:0; }
.nav-el-1 { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0; }
.nav-el-1-link { display:block; color:#53585A; font-family: 'Playfair Display', serif; text-transform: uppercase;font-weight: 400; font-size:1.1em; line-height:1em; margin:0 1.7em 0em 0; padding: 0.7em 0; border-bottom: 1px solid transparent; }
.nav-el-1:last-child .nav-el-1-link { margin-right: 0; border: none; background: #F65682; color: #FFF; padding-left: 0.8em; padding-right: 0.8em; }
.nav-el-1:hover .nav-el-1-link, .nav-el-1.is-selected .nav-el-1-link { color:#4DB5D0; border-bottom: 1px solid #4DB5D0; text-decoration:none; }
.nav-el-1:last-child:hover .nav-el-1-link { color: #FFF !important; border: none; background: #53585A; }
.has-more-content .nav-el-1-link:after { content: ""; background: url(../images/form-select.png); position: absolute; top: 1.1em; margin: 0 7px 0 0.3em; width: 7px; height: 4px; display: inline-block; text-align: center;}


/* Second Level */
.nav-list-2 { zoom:1; filter:alpha(opacity=0); opacity:0; display:none; position:absolute; margin:0; }
.nav-el-2 { margin:0; text-indent:0px; }
.nav-el-2-link { padding:0.8em 0.8em;font-family: 'Roboto', sans-serif;font-size:1.0em; line-height:1em;background:#C7E4EB; color:#53585A;  display:block; }
.nav-el-2:hover .nav-el-2-link { background:#4DB5D0; color:#FFF; text-decoration:none; }
.nav-list-2.is-hover { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; }

/* Languages */
.nav-lang { position: absolute; right: 0;}
.nav-lang-list { text-indent:0; margin:0; }
.nav-lang-el { margin:0; display: inline-block;}
.nav-lang-el:before { content:""; padding:0; float:none; display:inline; }
.nav-lang-el-link { color:#53585A;border-bottom: 1px solid transparent; padding: 0.3em 0; font-size: 0.95em; margin:0 0 0em 1.4em; font-family: 'Playfair Display', serif; text-transform: uppercase;font-weight: 400;}
.nav-lang-el-link:hover { text-decoration: none; color:#4DB5D0; border-bottom: 1px solid #4DB5D0;  }
.nav-favorite { display: inline-block; position: relative; top: 0.2em; background: url(../images/icon-favorite.png); background-size: contain; background-repeat: no-repeat; width: 20px; height: 18px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.nav-favorite:hover { background-image: url(../images/icon-favorite-full.png); }
.nav-lang-el-link-no-border, .nav-lang-el-link-no-border:hover { border: none; }
.phone { color: #F65682;font-size: 0.95em; margin:0 0 0em 1.4em;text-transform:uppercase; }
footer .nav { float: none; margin: 2em auto 2em auto; }
footer .nav-list-1 { text-align: center; }
footer .nav-el-1-link { margin: 0 0.8em; }
footer .nav-lang { float: none; position: relative; text-align: center;}
footer .nav-lang-el-link, footer .phone { margin: 0 0.7em; }
.nav .nav-lang-el {display: none;}

/*-------------------------------------------------------------------
	Modules (ex.: .box)
-------------------------------------------------------------------*/
.logo { display: block; float: left; width: 133px; height: 133px; }
.logo-fr {background: url(../images/logo.png); }
.logo-en {background: url(../images/logo-en.png); }
.logo-footer { display: block; margin: 0 auto; width: 133px; height: 133px; }
.logo-footer-fr {background: url(../images/logo.png);  }
.logo-footer-en {background: url(../images/logo-en.png);  }
.btn { display:inline-block; text-align:center; font-size:0.9em; border:none; cursor:pointer; padding:0.625em 1em; background:#333; color:#FFF; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; opacity:1; margin:0.3em 0 1.5em 0; }
.btn:hover { opacity:0.7; }
.btn-blue { background: #4DB5D0;}
.btn-bigger { font-size: 1.1em;}
.button-cart { background: url(../images/ico-cart.png) no-repeat #F65682; box-shadow: none; padding: 10px; font-family: 'Playfair Display', serif; background-position: 6px center; padding-left: 40px; height: 29px; font-size: 15px; text-transform: uppercase; font-weight: normal; border-radius: 0px; color: #fff; display: inline-table;}
.underlay { background: #f9dbe0; width: 100%; max-height: 40em; height: 15em; left: 50%; transform: translate(-50%, 0); position: absolute; z-index: -1; }
.box { position: relative; overflow: hidden; border: 1px solid #C3C5C5; display: block; text-align: center; padding:0 1em 1em 1em; margin: 1.5em 0; }
.box-float { float:left; }
.box-float-right { float:right; }
.box:after { content: ""; background: #f9dbe0; display: block; width: 100%; height: 0; z-index: -1; position: absolute; top: 0; left: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.box-bg-1:after, .underlay-1 {  background: #f9dbe0;}
.box-bg-2:after, .underlay-2 {  background: #d0f2fa;}
.box-bg-3:after, .underlay-3 {  background: #f9efdb;}
.box:hover:after { height: 100%; }
.box-color { height: 30px;}
.box-content { position: relative; height: 100%; display: block; /*overflow: hidden;*/ text-align: center; }
.box-picture { display: block; width:100%; margin: 0 auto 1.0em auto;}
.box-title {  display: inline-block; padding-bottom: 0.2em; font-size: 1.7em; font-family: 'Playfair Display', serif; border-bottom: 1px solid #53585A;color: #53585A; text-align: center;}
.actions { position: absolute; top: 1em; right: 1em; z-index: 2; }
.share, .share-bag { display:inline-block; background: url(../images/icon-share.png) no-repeat; width: 24px; height: 24px; margin: 0 1em 0 0;  -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.share:hover, .share-bag:hover { background: url(../images/icon-share-full.png) no-repeat;}
.favorite { display: inline-block; background: url(../images/icon-favorite.png); width: 26px; height: 24px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.favorite:hover, .favorite.is-selected { background: url(../images/icon-favorite-full.png); }
.favorite.is-selected:hover { background: url(../images/icon-favorite-broken.png); }
video { width:100%; }
.bag-picture { display:block; width:100%; }
.bag-materials { text-indent:0; margin:1.5em 0; text-align: center;}
.bag-materials li { display: inline; }
.bag-materials li:after { content: ", "; }
.bag-materials li:first-child:before { content: "Matériaux"; display: block; font-size: 0.8em; line-height: 1em; color: #53585a; font-weight: 500; margin: 0.5em 0 0 0; }
.bag-materials-en li:first-child:before { content: "Materials"; }
.bag-materials li:last-child:after { content: "";}
.bag-materials li:before { content:""; padding:0; float:none; display:inline; }
/*.bag-materials:before { content: ""; display: block; background: url(../images/icon-material.png); width: 34px; height: 32px; margin: 0 auto;}*/
.bag-dimensions { text-indent:0; margin:1.5em 0; text-align: center;}
.bag-dimensions li { display: inline; }
.bag-dimensions li:after { content: ", "; }
.bag-dimensions li:first-child:before { content: "Dimensions"; display: block; font-size: 0.8em; line-height: 1em; color: #53585a; font-weight: 500; margin: 0.5em 0 0 0; }
.bag-dimensions-en li:first-child:before { content: "Size"; }

.bag-dimensions li:last-child:after { content: "";}
.bag-dimensions li:before { content:""; padding:0; float:none; display:inline; }
/*.bag-dimensions:before { content: ""; display: block; background: url(../images/icon-material.png); width: 34px; height: 32px; margin: 0 auto;}*/
.box-pictures { margin:2em 0 0 0; display: block;}
.bag .box-pictures:before { content: "Couleurs"; display: block; font-size: 0.8em; line-height: 1em; color: #53585a; font-weight: 500; margin: 0.5em 0 0.5em 0; }
.bag .box-pictures-en:before { content: "Colors"; }

.box-bag-picture { display: block;width:100%;  /*height: 620px;*/}
.box-bag-picture .bag-picture { position: relative; top: -100px; height: 100%; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center;}
.box-bag-picture canvas.bag-picture { height: auto; top:0; width: 60%; margin: 3em auto 0 auto; }

.bag-informations { margin: 5em auto; text-align: center; padding-right:4em; }
.price { font-size: 1.6em;font-family: 'Playfair Display', serif; text-transform: uppercase; color: #53585a; margin: 0 0 0.4em 0; display: block;}
.price:after { content: "$"; font-family: 'Roboto', sans-serif; font-size: 0.5em; position: relative; top:-0.5em;}
.box-medium-picture { background-size: 370% !important;background-position: center bottom -20px !important; }
.box-small-picture { cursor: default;width: 2em; height: 2em; position: relative;display: inline-block; margin:0 0.3em; background-size:280%; background-position: center bottom -6px; background-repeat: no-repeat; border: 1px solid #53585a;}
.box-small-picture:before { content: ""; background: #FFF;opacity: 0.5; position:absolute;  width:100%; height: 0; left: 0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.box-small-picture:hover:before, .box-small-picture.is-selected:before { content: ""; width: 100%; height: 100%; top: 0;  }
#map_canvas { height:45em; min-height:300px; margin-top: 1em; margin-bottom: 1.5em; }
.smaller-map { height: 25em !important;}
.zoomed-picture {/*width: 90%;*/ width: 64%; position: absolute; z-index: 0;top:2.2em; left: 50%; transform: translate(-50%, 0);display: block;}
.box-picture-left {  width: 65%; position: absolute; top: 50% !important; transform: translate(0, -47%); left: 0;}
.box-2 .box-picture-left { width: 60%;}
.box-title-right { position: absolute; left: 50%; top: 50%;transform: translate(0, -50%);}
.box-1, .box-2 { margin-bottom: 0em;}
.location-name { font-family: 'Playfair Display', serif; color: #53585A; display: block; font-size:2.1em; border-bottom: 1px solid #53585A; line-height:1.5em; margin:0 0 0.2em 0;}
.location-address, .location-city, .location-state, .location-zip { display: block;margin:0 0 0 0; color: #7d8689; font-size:1.2em; line-height:1.5em; }
.location-city, .location-state { display: inline-block;}
.location-city:after { content: ","; display: inline-block; margin: 0 0.3em 0 0; }
.floating-content { background: #D0F2FA; }
.floating-content-inner { display: table; height: 100%; vertical-align: middle; }
.floating-content-inner .floating-content-paragraph { display: table-cell; vertical-align: middle; padding:3em;}
.floating-content-inner .floating-content-paragraph p { font-size:1.5em; color: #7d8689; font-family: 'Playfair Display', serif; }
.distributor-list > div { display: none; }
.connexion {text-align: center; margin:1em 0;}
.connexion a { color:#53585A; font-size: 0.95em;font-family: 'Playfair Display', serif; text-transform: uppercase;font-weight: 400;}
.season { font-size:0.95em; margin: 1em 0 0 0; background: url(../images/form-select.png) no-repeat top 0.55em right; text-transform: uppercase; }
.b-lazy {-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.slide-tag { display: inline-block;font-family: 'Playfair Display', serif; text-transform: uppercase; color: #FFF; padding: 1em 1.2em; background: #f65682; }
.slide-picture { display: block; float: left; width:60%; height:490px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.slide-content { display: block; position: absolute; top: 50%; right: 0;transform: translate(0, -50%); }
.slide-inner { background: #FFF; padding:1em 1.2em; display: block; }
.slide-title { font-family: 'Playfair Display', serif; font-size: 2.6em; line-height: 1.3em; color: #53585A; display: block; }
.slide-subtitle { font-family: 'Playfair Display', serif; font-size: 1.2em; color: #53585A; display: block; }
.touchevents .box:hover:after { height: 0; }
.touchevents .box-small-picture:hover:before, .touchevents .box-small-picture.is-selected:before { height:0;}
.mobile-slider, .small-mobile-slider { display: none; }
.touchevents .mobile-slider, .touchevents .small-mobile-slider { display: block; }
.touchevents canvas.bag-picture, .touchevents .box-current-picture { display: none;}
.touchevents .flexslider { margin: 0 auto !important; }
.touchevents .box-pictures { display: none;}
.flexslider.mobile-slider, .flexslider.mobile-slider .slides, .flexslider.mobile-slider .slides > li, .flexslider.small-mobile-slider, .flexslider.small-mobile-slider .slides, .flexslider.small-mobile-slider .slides > li { min-height: 0; }
.flexslider.mobile-slider, .flexslider.mobile-slider .slides > li, .flexslider.small-mobile-slider, .flexslider.small-mobile-slider .slides > li { background: none; }
.flexslider.small-mobile-slider { margin-bottom: 60px !important; }
.flexslider a:hover { text-decoration: none;}
.flexslider.small-mobile-slider, .flexslider.small-mobile-slider .slides, .flexslider.small-mobile-slider .slides > li{ height:auto !important;}
.icon-facebook { width: 21px; height: 21px; display: block; position: relative; top: 5px;}
.icon-instagram { width: 21px; height: 21px; display: block; position: relative; top: 5px;}
.propaganda { font-size: 0.8em; text-align: center; padding: 1em 0 0 0; }
.smaller-h1 { font-size: 1.8em; display: inline-block;margin: 3em auto 0 auto;}
.mobile-slider .flex-control-nav { bottom: 0; }

.bag-icons > li { margin: 0 0 0 0; display: inline-block;}

.bag-icons > li:before { content:""; padding: 0;}

/*-------------------------------------------------------------------
	States (ex.: .is-collapsed)
-------------------------------------------------------------------*/
.msg { padding:1em; font-size:1em; color:#FFF; line-height:1.5em; margin:0 0 0.5em 0; }
.msg > p { display:block; clear:both; color: #FFF; line-height:1.5em; margin-bottom:0; }
.msg strong { font-weight:bold; }
.is-success { background:#8BC24A; }
.is-failure { background:#F44236; }
input.is-error { border:1px solid #F44236 !important; color:#F44236; }
input.is-error::-webkit-input-placeholder { color:#F44236; }
input.is-error:-moz-placeholder { color:#F44236; }
input.is-error::-moz-placeholder { color:#F44236; }
input.is-error:-ms-input-placeholder { color:#F44236; }
label.is-error { color:#F44236; position:relative; top:-10px; }
.is-successful { border:1px solid #8BC24A !important; color:#8BC24A; }
.is-successful::-webkit-input-placeholder { color:#8BC24A; }
.is-successful:-moz-placeholder { color:#8BC24A; }
.is-successful::-moz-placeholder { color:#8BC24A; }
.is-successful:-ms-input-placeholder { color:#8BC24A; }
.is-full-width { display:block; width:100%; height:auto; }
.last-row-is-highlighted td:last-child { background:#52A2FF; }
.has-rounded-corners { -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; }
.has-box-shadow { -webkit-box-shadow:0.25em 0.25em 0px 0px rgba(0,0,0,0.75); -moz-box-shadow:0.25em 0.25em 0px 0px rgba(0,0,0,0.75); box-shadow:0.25em 0.25em 0px 0px rgba(0,0,0,0.75); }
.is-hidden { display:none !important; }
.is-picture-list, .has-picture-list ul { text-indent:0; padding: 0; margin: 0; position: relative; }
.is-picture-list li:before, .has-picture-list li:before { content:""; }
.is-picture-list li, .has-picture-list li { background-image: url(../images/icon-error.png); background-repeat: no-repeat; background-position:left top; padding: 0 0 0 2em; }
.is-relative { position: relative; }
.has-blue-bg { background: #d0f2fa; }
.has-red-bg { background: #f9dbe0; }
.has-yellow-bg { background: #f9efdb; }
.has-1-top-margin { margin-top: 1em; }
.is-text-centered { text-align: center; }
.has-2-top-margin { margin-top: 2em; }
.has-no-bottom-margin { margin-bottom: 0em; }
.has-1-top-padding { padding-top: 1em; }
.is-small { font-size: 1.4em; line-height: 1.3em; }
.is-smaller { font-size: 0.85em;}
.is-blue { color: #4DB5D0; }
.is-grey { color: #53585a;}
.has-no-bullets { text-indent:0; margin:0; }
.has-no-bullets li:before { content:""; padding:0; float:none; display:inline; }
.mb-0-5 { margin-bottom: 0.5em; }
.m-0-t-1 { margin: 1rem 0 0 0; }
.italic, rem { font-style:italic; }
.txt-ind-0 {   text-indent: 0;}