@charset "UTF-8";


@font-face {
  font-family: "Raleway";
  src: url('../fonts/fonts/raleway-regular.eot');
  src: url('../fonts/fonts/raleway-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/fonts/raleway-regular.woff') format('woff'), url('../fonts/fonts/raleway-regular.ttf') format('truetype'), url('../fonts/fonts/raleway-regular.svg#ralewayregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/fonts/raleway-medium.eot');
  src: url('../fonts/fonts/raleway-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/fonts/raleway-medium.woff') format('woff'), url('../fonts/fonts/raleway-medium.ttf') format('truetype'), url('../fonts/fonts/raleway-medium.svg#ralewaymedium') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/fonts/raleway-semibold.eot');
  src: url('../fonts/fonts/raleway-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/fonts/raleway-semibold.woff') format('woff'), url('../fonts/fonts/raleway-semibold.ttf') format('truetype'), url('../fonts/fonts/raleway-semibold.svg#ralewaysemibold') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/fonts/raleway-bold.eot');
  src: url('../fonts/fonts/raleway-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/fonts/raleway-bold.woff') format('woff'), url('../fonts/fonts/raleway-bold.ttf') format('truetype'), url('../fonts/fonts/raleway-bold.svg#ralewaybold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/fonts/raleway-extrabold.eot');
  src: url('../fonts/fonts/raleway-extrabold.eot?#iefix') format('embedded-opentype'), url('../fonts/fonts/raleway-extrabold.woff') format('woff'), url('../fonts/fonts/raleway-extrabold.ttf') format('truetype'), url('../fonts/fonts/raleway-extrabold.svg#ralewayextrabold') format('svg');
  font-weight: 800;
  font-style: normal;
}


/*===========================================================================*\
|  Scaffolding
\*===========================================================================*/

body { padding: 0; margin: 0; font-family: Arial, sans-serif; font-weight: 400; font-size: 14px;
 background: linear-gradient(to left, #ffffff 50%, #c3e9ea 50%);
 background: -moz-linear-gradient(to left, #ffffff 50%, #c3e9ea 50%);
background: -webkit-linear-gradient(to left, #ffffff 50%, #c3e9ea 50%);
background: -o-linear-gradient(to left, #ffffff 50%, #c3e9ea 50%);
background: -ms-linear-gradient(to left, #ffffff 50%, #c3e9ea 50%);/*For IE10*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffc3e9ea', endColorstr='#ffffffff');/*For IE7-8-9*/
  color: #7e7e7e; line-height: 1.4; }

i { font-family: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

img { max-width: 100%; }

/*===========================================================================*\
|  Typography
\*===========================================================================*/
h1, h2, h3, h4, h5, h6 { font-family:Arial, sans-serif; font-weight: 300; margin-top: 10px; color: #000000; }

h1, h2 { line-height: 28px; }

h3, h4 { line-height: 24px; }

h5, h6 { line-height: 20px; }

h1 { font-size: 35px;color: #dd1849; font-family: "Raleway",sans-serif; font-weight: 700; text-transform: uppercase;}

h2 { font-size: 26px; }

h3 { font-size: 24px; }

h4 { font-size: 22px; }

h5 { font-size: 20px; }

h6 { font-size: 18px; }

a { color: #38a2af; transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; outline: none !important; cursor: pointer; }

a:hover { opacity:0.8; text-decoration: none; transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; }

a:focus { text-decoration: none; }

input:focus, a:focus, :focus { outline: none; }

input[disabled] { background: #f0f0f1; }

.huge-title { font-size: 38px; font-weight: 300; }

h3 .underline { width: 100%; height: 2px; border-left: solid 100px #02b8fa; clear: both; display: block; margin-top: 8px; }

p .red { color: #cd003e;}


/*===========================================================================*\
|  Utilities
\*===========================================================================*/
.alignnone { margin: 5px 20px 20px 0; }

.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float: right; margin: 5px 0 20px 10px; }

.alignleft { float: left; margin: 5px 20px 10px 0; }

.list-inline { margin-left: 0; }

@media (max-width: 991px) { .text-center-md { text-align: center; } }

.bottom-line { border-bottom: 1px solid #e6e8eb; }

.clearfix{clear:both}

/*===========================================================================*\
|  Effects & Animations
\*===========================================================================*/
.img-fade-hover { opacity: 0.7; transition: opacity 0.5s ease; }

.img-fade-hover:hover { opacity: 1; }

.moving-hover-line { position: relative; }
.moving-hover-line .hover-line { position: absolute; left: 0; bottom: 0; height: 2px; margin: 0; padding: 0; background-color: #dccc99; transition: all 0.5s ease; }

.img-zoom-link { display: inline-block; position: relative; max-width: 100%; vertical-align: bottom; overflow: hidden; }
.img-zoom-link > img { transition: all 0.5s ease; transform-style: preserve-3d; }
.img-zoom-link > i { position: absolute; z-index: 1; width: 50px; height: 50px; top: -50px; left: 50%; margin-top: -25px; margin-left: -25px; font-size: 50px; color: white; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); transition: all 0.5s ease; }
.img-zoom-link:hover > img { transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -moz-transform: scale(1.1); /* Firefox */ -webkit-transform: scale(1.1); /* Safari and Chrome */ -o-transform: scale(1.1); /* Opera */ }
.img-zoom-link:hover > i { top: 50%; }

.spin { display: inline-block; animation: spin 4s infinite linear; -webkit-animation: spin 4s infinite linear; -moz-animation: spin 4s infinite linear; -ms-animation: spin 4s infinite linear; }

@-moz-keyframes spin { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }
@keyframes spin { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
.spin-cc { display: inline-block; animation: spin-cc 4s infinite linear; -webkit-animation: spin-cc 4s infinite linear; -moz-animation: spin-cc 4s infinite linear; -ms-animation: spin-cc 4s infinite linear; }

@-moz-keyframes spin-cc { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin-cc { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(-360deg); } }
@keyframes spin-cc { from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); } }
/*===========================================================================*\
|  Fixes
\*===========================================================================*/
.vertical-bx-1 { padding-left: 0; list-style-type: none; }

/*===========================================================================*\
|  Some fixes and enhancement
\*===========================================================================*/
a:hover, a:focus { color: inherit; }

/*===========================================================================*\
|  Bootstrap Modal Styles
\*===========================================================================*/
.modal-open { overflow: hidden; }

.modal-backdrop { background-color: white; }

.modal-header { padding: 0; background: #f5f5f5; height: 50px; line-height: 50px; /*border-top:2px solid $primary-background-color;*/ vertical-align: middle; display: block; width: 100%; border-bottom: 1px solid #d7d9db; overflow: hidden; }

.modal-header h4 { font-family: inherit; font-size: 14px; color: #212224; margin: 0; padding: 0 0 0 20px; height: 48px; line-height: 48px; vertical-align: middle; }

.modal-close { width: 45px; height: 50px; line-height: 48px; text-align: center; position: absolute; right: 0; }

.modal-close:hover { background: #dccc99; }

.modal-close i { font-size: 18px; vertical-align: middle; height: 48px; line-height: 48px; margin: 0 !important; }

.modal-close:hover i { color: #fff; }

.modal-content { border-style: solid;
    border-width: 2px; border-radius: 0; border-color:#25acaf; background-color:#fff; /*color:#25acaf;*/}

.modal-body { padding: 20px 40px; text-align: center; color: #25acaf; font-family: raleway; font-size: 22px; font-weight: 700; }

.modal-content button {  background: #cd003e; border-radius: 3px; margin: 20px; width: auto; font-size: 18px !important; font-family: raleway; display:block; }
  
.modal-content button:hover {opacity:0.8;background: #cd003e;color:#ffffff; }
 
.modal-content .more{ margin:20px;  }

.modal-content .more span{ background: #cd003e none repeat scroll 0 0; border-radius: 3px; color: #fff; display: block; font-size: 14px; font-weight: 500; padding: 10px 20px; text-align: center; cursor:pointer;}
.modal-content .more span:hover{ opacity:0.8; }
.modal-footer { padding: 0; margin: 0; border: 0; }

.modal-body-info { padding: 30px; color: black; font-weight: 400; }

.modal-content-change { border-style: solid;
    border-width: 2px; border-radius: 0; border-color:#25acaf; background-color: #fff;padding: 40px;
    /*color: #25acaf;*/ 
    color: #7e7e7e; 
}


#myAuth .modal-dialog,#myChange .modal-dialog { width:800px; margin : 30px auto; max-width:95%; }



#myQuickView .modal-dialog { height:450px; width:811px; margin : 100px auto; max-width:95%; overflow-y: initial !important }
#myQuickView .modal-body-quickview { height:450px; overflow-y: auto }
#myQuickView .modal-content-change { padding:0px }
#myQuickView .modal-content-change .container { max-width:750px }
#myQuickView .modal-body .close { margin-top: -15px; margin-right: -25px; height:20px; width: 15px}

.product-right.col-md-4 .product-right-fixed {position:fixed; width:210px;}
@media (max-width: 992px) { .product-right-fixed { position:relative !important; width:100% !important;} }

.img-quickview {
  opacity: 1;
  transition: .5s ease;
}

.btn-quickview {
  transition: .5s ease;
  opacity: 0 !important;
  position: absolute;
  background-color : #9a8f92 !important;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.div-quickview:hover .img-quickview {
  opacity: 0.3;
}

.div-quickview:hover .btn-quickview {
  opacity: 1 !important;
}


 #myAuth label,#myChange label{ float: left; width: 30%; }

#myAuth h2,#myChange h2{ text-align : center; }
#myAuth input,#myChange input { /*max-width: 300px;*/ }
#myAuth select,#myChange select { width:100%; }

.civility {margin:0; display:inline-block; }

@media (max-width: 738px) {  #myAuth label,#myChange label{ width: 100%; } #myAuth input,#myChange input{ max-width: 100%; } .civility {margin:10px 0; display:block; width:100% }}
@media (min-width: 768px) { .modal-md { width: 420px; } }
/*===========================================================================*\
|  Reset default bootstrap style & overall buttons
\*===========================================================================*/
.form-control { border: 1px solid #d7d9db; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; box-shadow: none; color: inherit; font-size: 13px; height: 37px; vertical-align: middle; padding: 9px 15px;  background-color: #ffffff; }

.form-control:focus { border-color: #eeeeee; box-shadow: none; outline: 0 none; }

.form-control::-webkit-input-placeholder { color: #B2B7C9; }

.form-control:-moz-placeholder { color: #B2B7C9; }

.form-control::-moz-placeholder { color: #B2B7C9; }

.form-control:-ms-input-placeholder { color: #B2B7C9; }

label { display: inline-block; font-weight: 300; margin: 0 0 5px 5px; }

.alert { border-radius: 0; padding: 10px 35px 10px 20px; }

.alert-dismissable .close { top: 1px; }

.alert-data-icon { position: relative; }

.alert-data-icon:before { position: absolute; font-size: 18px; top: 13px; }

.alert-data-icon div { margin-left: 35px; }

blockquote { border-left: 2px solid #dccc99; font-size: 14px; margin: 0 0 20px; padding: 15px 20px; font-style: italic; }

.dropdown-menu { border-radius: 0; border: 0; border-top: 0; min-width: 332px; margin-top: 46px; /* right:0; left:auto;*/ padding-top: 0; height: auto !important; line-height: 20px !important; font-size: 14px; padding: 20px 0; font-family:"Raleway",sans-serif;}

.dropdown-menu.larger { width: 332px; padding-bottom: 0; }

@media (max-width: 991px) { .dropdown-menu { margin-top:33px ; min-width:300px; } .dropdown-menu.larger { width: 300px; } .dropdown-menu-right { right:-15px;  }  .account .pl-caption{min-height:60px !important; }}

.btn { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 1.4; padding:0; border: none; transition: all .2s ease 0; font-weight: 500; font-family: "Raleway", sans-serif; font-size:14px; background-color:#cd003e; color:#ffffff !important;padding:10px 20px; white-space:normal !important;}

.btn:hover{ color:#ffffff; opacity:0.8;}
.btn:focus, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }

.btn-paiement {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 1.4; padding:0; border: none; transition: all .2s ease 0; font-weight: 500; font-family: "Raleway", sans-serif; font-size:14px; background-color:#cd003e; color:#ffffff !important;padding:2px 20px;white-space:normal !important; text-align:center;}

.btn-default {padding:0px !important ;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.btn-discret { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 1.4; padding:0; border: 1px; border-style: solid; border-color:#cd003e; transition: all .2s ease 0; font-weight: 500; font-family: "Raleway", sans-serif; font-size:14px; color:#cd003e !important;padding:5px 5px;white-space:normal !important; width:100%;}

.arrow-btn { color: #212224; border: none !important; background-color: transparent !important; text-align: left !important; padding: 0 !important; font-size: 14px !important; position: relative; }

.arrow-btn:after { position: absolute; color: #212224; content: "тЖТ"; display: inline-block; float: right; font-family: Arial; font-size: 25px; line-height: 32px; padding-right: 30px; transition: all .2s ease 0; top: -4px; right: -60px; }

.arrow-btn:hover { color: #dccc99; }

.arrow-btn:hover:after { right: -80px; color: #dccc99; }

.btn-w100 { width: 100%; font-size: 14px !important; }

.btn-lg { color: #dccc99; min-width: 215px; font-size: 18px; }

.btn-md { color: #dccc99; min-width: 155px; font-size: 16px; }

.btn-sm { color: #dccc99; min-width: 105px; font-size: 12px; padding: 6px 10px; }

.btn-prim-col { border: 1px solid #dccc99; background: #fff; }


/*.btn-prim-col:hover { border: 1px solid #dccc99; background: #dccc99; color: #fff; }*/

.btn-sec-col { background: #25acaf; color: #ffffff; }

/*.btn-sec-col:hover { background: #060606; color: #dccc99; }*/

@media (min-width: 992px) {.checkout-menu .col-md-2 { margin-left: 0.5%; margin-right: 0.5%; width: 19%; float:left; }

.account-menu .col-md-2 { margin-left: 0.3%; margin-right: 0.3%; width: 16%; float:left;} }

.account{ background-color:#ffffff; min-height:800px;padding-bottom:40px; }
.account h1 {  color: #dd1849; font-weight:700;text-transform: uppercase;}
.account h3{ color: #25acaf; font-size: 22px; padding: 5px; text-align: left; font-weight:700;}
@media all and (max-width: 767px) {.account h3,.account h1{ text-align:center; }  }
.account h2{ background: #25acaf none repeat scroll 0 0; color: #ffffff; font-size: 22px; padding: 5px; text-align: center;font-weight:600; }
.account .pl-caption{ min-height:70px; }

.account .pl-name { color: #38a2af; font-family: "Raleway",sans-serif; font-size: 18px; font-weight: 700; line-height: 1em; margin: 0; overflow-wrap: break-word; padding-bottom: 4px;padding-top:4px; text-align:center; }
.account .pl-date { color: #38a2af; font-family: "Raleway",sans-serif; font-size: 15px; font-weight: 200; line-height: 1em; margin: 0; overflow-wrap: break-word; padding-bottom: 4px;padding-top:4px; text-align:center; }

.top-discount-box .btn-third-col { ;background: transparent; color: #25acaf !important; width: auto; margin: 0 auto; display: block; margin-bottom: 20px; border-radius: 3px; border: 1px solid #25acaf; margin-top: 20px; padding: 10px;}
.top-discount-box .btn-third-col:hover {color:#ffffff !important ; background :#25acaf; border: 1px solid #ffffff;}
.btn-third-col { background : #cd003e;color:#ffffff; padding:10px 20px  }

#top-bar .btn-third-col:hover { background: #dccc99; color: #fff;}

.btn-yet-col { background: #999d9e; color: #ffffff; }

.btn-yet-col:hover { background: #25acaf; }

input[type="password"], input[type="search"], input[type="text"] { padding: 0 35px 0 0; border: 1px solid #eeeeee; line-height: 37px; height: 37px; vertical-align: middle; text-indent: 15px; font-size: 13px; width: 100%;   -webkit-appearance: none;
  -webkit-border-radius: 0;}
input[type="text"].promo {border: 3px solid #F7C500;}
input[type="text"].promo:focus {border: 3px solid #F7C500;}

input[type=text]:focus, input[type=search]:focus, textarea:focus { border: 1px solid #eeeeee; }

input:focus::-webkit-input-placeholder { color: transparent; }

input:focus:-moz-placeholder { color: transparent; }

input:focus::-moz-placeholder { color: transparent; }

input:focus:-ms-input-placeholder { color: #B2B7C9; }

textarea:focus::-webkit-input-placeholder { color: transparent; }

textarea:focus:-moz-placeholder { color: transparent; }

textarea:focus::-moz-placeholder { color: transparent; }

textarea:focus:-ms-input-placeholder { color: #B2B7C9; }

textarea{ border:1px solid #ebebeb; width:100% }

.cart-block-title { width: 50%; display: block; float: left; background: #55bec1; position: relative; line-height: 40px; color: #ffffff; }


.cart-block-title::after {border-left-color: #55bec1;border-left-width: 16px;right: -16px;position: absolute;content: "";display: block;height: 0;width: 0;top: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left-style: solid;}

.cart-block-subtotal { color: black; font-weight: 600; display: block; width: 50%; float: left; line-height: 40px; background: #25acaf; color: #ffffff; font-size: 18px; }

.colorinput{ background: #e9f0f0; }

.colorinput::-webkit-input-placeholder { color:#38a2af !important; font-size: 14px; font-weight:700; }

.colorinput:-moz-placeholder{ color:#38a2af !important; font-size: 14px; font-weight:700; }

.colorinput::-moz-placeholder {color:#38a2af !important; font-size: 14px; font-weight:700; }

.colorinput:-ms-input-placeholder { color:#38a2af !important; font-size: 14px; font-weight:700; }

/*===========================================================================*\
|  Tabs && Accordions
\*===========================================================================*/
/* Tabs */
.nav-tabs { border: 0; }

.nav-tabs > li > a { line-height: 43px; padding: 0 25px; margin: 0; border-radius: 0; border: 1px solid #e1e3e6; border-right-width: 0; font-size: 14px; }

.nav-tabs > li:last-child > a { border-right-width: 1px; }

.nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #dccc99; color: white; border: 1px solid #dccc99; border-right-width: 0; }

.tab-content > .tab-pane { padding: 20px; border: 1px solid #e1e3e6; }

.tab-content.tab-no-style > .tab-pane { padding: 0; border: 0; }

/* Accordions */
.accordion-group.panel { margin-bottom: 10px; box-shadow: none; -webkit-box-shadow: none; }

.accordion-group.panel:first-child .accordion-header { color: #e1d3a9; }

.accordion-header { display: block; line-height: 43px; padding: 0 0 0 20px; margin: 0; border-radius: 0; border: 1px solid #e1e3e6; font-size: 15px; }

.accordion-header:hover { background-color: #dccc99; color: white !important; border: 1px solid #dccc99; }

.accordion-header:after { content: "\4b"; display: block; float: right; width: 45px; border-left: 1px solid #e1e3e6; color: #bcc5d1; font-size: 20px; text-align: center; font-family: 'ElegantIcons'; }

.accordion-header:hover:after { border-color: #dccc99; color: white; }

.accordion-header.collapsed:after { content: "\4c"; }

.accordion-header.expand-icon-2:after { content: "\4b"; display: block; float: right; width: 23px; height: 23px; line-height: 20px; margin-right: 15px; margin-top: 11px; border: 1px solid #e1e3e6; border-radius: 50%; color: #bcc5d1; font-size: 18px; text-align: center; font-family: 'ElegantIcons'; }

.accordion-header.expand-icon-2:hover:after { border-color: #dccc99; color: white; }

.accordion-header.expand-icon-2.collapsed:after { content: "\4c"; }

.accordion-header i { display: inline-block; margin-right: 5px; margin-top: -4px; vertical-align: middle; font-size: 18px; }

.accordion-body { padding: 20px; border: 1px solid #e1e3e6; border-top: 0; }

.breadcrumb li  { color: #25acaf; }

/*===========================================================================*\
|  Bootstrap Tooltips
\*===========================================================================*/
.tooltip-inner { padding: 10px 15px; border-radius: 0; color: #dccc99; text-transform: uppercase; }

/*===========================================================================*\
|  Bootstrap Carousel
\*===========================================================================*/
.carousel { position: relative; /*padding-bottom: 40px;*/ }
.carousel.no-bullets { padding-bottom: 0; }

.carousel-control { width: 35px; height: 35px; line-height: 35px; bottom: auto; top: 50%; margin-top: -17px; background-color: rgba(0, 0, 0, 0.7); color: white; font-size: 33px; }

.carousel-indicators { bottom: -10px; }
.carousel-indicators li { width: 15px; height: 15px; margin: 0 1px; border-color: #dccc99; border-radius: 50%; }
.carousel-indicators li.active { width: 15px; height: 15px; margin: 0 1px; background-color: #dccc99; }

/*===========================================================================*\
|  Pagination
\*===========================================================================*/
.pagination { display: inline-block; margin: 0; }
.pagination > li > a { width: 25px; height: 25px; line-height: 24px; padding: 0; margin-right: 10px; border: 1px solid #dccc99; color: #212224; font-size: 15px; text-align: center; }
.pagination > li.active a, .pagination > li a:hover, .pagination > li.active a:hover { background-color: #dccc99; color: white; border-color: #dccc99; }
.pagination > li:last-child a { margin-right: 0; }

/*===========================================================================*\
|  Layout settings
\*===========================================================================*/
/*.row{margin:0;}*/
.gap-10 { margin-top: 10px; }

.gap-15 { margin-top: 15px; }

.gap-20 { margin-top: 20px; }

.gap-25 { margin-top: 25px; }

.gap-30 { margin-top: 30px; }

.gap-40 { margin-top: 40px; }

.gap-50 { margin-top: 50px; }

.gap-60 { margin-top: 60px; }

.gap-70 { margin-top: 70px; }

.gap-80 { margin-top: 80px; }

.valign { display: table; width: 100%; }

.valign > div { display: table-cell; vertical-align: middle; }

.no-gutter.row { margin: 0; }

.no-gutter > [class^="col-"] { padding-left: 0; padding-right: 0; }

@media (max-width: 991px) { .container { padding: 0 15px; } }

.boxed-layout { margin: 0 auto; background-color: white; -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.32); -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.32); box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.32); }
@media (min-width: 768px) { .boxed-layout { width: 750px; } }
@media (min-width: 992px) { .boxed-layout { width: 970px; } }
@media (min-width: 1200px) { .boxed-layout { width: 1200px; } }

/*===========================================================================*\
|  Header
\*===========================================================================*/
#header-bar{ background-color:#cc003d; }

#top-bar { background-color:#cc003d; vertical-align: middle; color: #737880; font-size: 14px;  top: 0px; position:absolute; width:100%;z-index:100;}

#top-bar i { vertical-align: top; margin: 0 5px 0 0; display: inline-block; font-size:18px;}

#top-bar .icon-envelope { line-height: 9px; height: 12px; vertical-align: middle !important; }

#top-bar ul { margin-bottom: 0; }

#top-bar ul > li > a { color:#ffffff;  }
@media (max-width: 991px) { #top-bar ul > li > a {  border: 0; } }


@media (max-width: 991px) { #top-bar ul > li:hover > a { border: 0; } }

#top-bar > a { color: #ffffff; }

#top-bar a:hover { color: #ffffff; opacity:0.8; }

#top-bar .container { margin-top: 0; margin-bottom: 0; padding-bottom: 0; }

#top-bar .active { color: #000000; }

#top-bar .left-top-bar a { display: inline-block; }

#lang, #currencies, #top-contacts { float: left; }

#lang li, #currencies li { padding: 0 5px 0 0; }

#lang li span { border-right: 1px solid #d3d6db; margin: 0 8px -2px 3px; height: 13px; display: inline-block; }

#top-contacts li { margin-left: 12px; }

#top-contacts { margin-left: 20px; }

.pg-body:before { content: ""; display: block; clear: both; }

.dropdown-top-list > a { color: #dccc99; }

.dropdown-top-list .caret { color: #a8afb9; }

.dropdown-top-menu { min-width: 0 !important; padding: 0 !important; }

.dropdown-top-menu .dropdown-triangle-up { left: 10px; right: auto; }

.dropdown-top-menu-list { list-style-type: none; padding: 0; }

.dropdown-top-menu-list li { padding: 0 !important; }

.dropdown-top-menu-list li a { display: block !important; height: auto !important; padding: 10px 20px; border: 0 !important; }

.dropdown-top-menu-list li a:hover { background-color: #f5f5f5; }

#lang .dropdown { padding-right: 10px; }

#top-bandeau-prm { line-height: 35px; }

/*.dropdown-menu-left{left: 0 !important; right: auto !important;}*/
/*===========================================================================*\
|  Header's top Right Side (My Account, Login, Whish List, Compare)
\*===========================================================================*/
#user-top-bar li > a {  display: inline-block; vertical-align: top; position:relative; top:-3px; }

/*.social_facebook::before ,.social_twitter::before,.social_googleplus::before{  font-size:18px}*/

/*@media (max-width: 991px) { #user-top-bar li > a { padding: 0 6px; border-bottom: none; line-height: 48px; height: 48px; } }

@media (max-width: 991px) { #user-top-bar li > a:hover { padding: 0 6px; background: #dccc99; color: #fff; } }*/

@media (max-width: 991px) { #top-bar { position: relative; top:0; padding-top: 15px; } }

#user-top-bar > li:last-child > a { padding-right: 0; border: none; }

#user-top-bar .btn-group { vertical-align: top; border-right: 1px solid #fff; padding: 0 12px; height:11px ; }
#user-top-bar .btn-group:last-child { border-right:none;}

/*.newsletter:before { content :url("../charte/newsletter.png"); position:relative; top:-3px; right:3px; }
.login-top:before { content :url("../charte/login.png"); position:relative; top:-5px; right:3px; }*/

.dropdown-triangle-up { width: 0; height: 0; border-style: solid; border-width: 0 7px 7px; border-color: transparent transparent #060606; position: absolute; top: -9px; right: 30px; }

.dropdown-head { background: #f5f5f5; height: 48px; line-height: 48px; vertical-align: middle; display: block; width: 100%; border-bottom: 1px solid #d7d9db; overflow: hidden; }

.dropdown-head h4 { font-family: inherit; font-size: 14px; color: #212224; margin: 0; padding: 0 0 0 20px; height: 48px; line-height: 48px; vertical-align: middle; }

.dd-close-btn { width: 45px; text-align: center; position: absolute; right: 0; }

.dd-close-btn:hover { background: #dccc99; }

.dd-close-btn i { font-size: 18px; vertical-align: middle; height: 48px; line-height: 48px; margin: 0 !important; }

.dd-close-btn:hover i { color: #fff; }

.dd-wrapper { overflow: hidden; margin: 0; padding: 0; }

.dd-product-group { margin: 0; overflow: hidden; padding: 0;}

.dd-product-box { width: 26.68%; padding: 5px; border-right: 1px solid #d7d9db; text-align: center; }

.clear-all-btn { padding: 13px 0 12px; }

.close-btn .icon_close { font-size: 16px; border: 1px solid #d7d9db; color: #757980; text-align: center; padding: 2px; }

.close-btn:hover .icon_close { background: #60bbbd; border: 1px solid #60bbbd; color: #fff; }

a.close-btn { text-align: center; line-height: 25px; height: 25px; vertical-align: middle; font-size: 15px; color: #212224; margin-top: 5px; }

a.close-btn.ddr { position: absolute; top: 0px; right: 10px; }

a.close-btn span { display: inline-block; height: 20px; line-height: 15px; vertical-align: middle; margin-left: 3px; }

.dd-product-desc { width: 100%; padding: 5px 30px 5px 20px; white-space: normal; position: relative; }

.dd-product-desc .title { color: #7e7e7e; font-weight: 600; display: block; margin-bottom: 5px; float:left; max-width:50%;}

.dd-product-desc .qty { display: block; float:right; width:50%; text-align:center; font-weight:600; }

.dd-product-desc .qty span { color: #7e7e7e; }

#dd-social-login { border: 1px solid #d7d9db; margin: 35px 25px 0; padding: 30px 15px; position: relative; text-align: center; }

#dd-social-login .title { position: absolute; top: -12px; padding: 0; margin: 0; width: 100%; left: 0; text-align: center; }

#dd-social-login span { color: #737880; font-size: 13px; padding: 0 15px; display: inline-block; background: #fff; }

#dd-social-login a:hover { opacity: 0.8; color: #fff; }

.facebook-btn, .twitter-btn { color: #fff !important; font-size: 13px; }

.facebook-btn { background: #3c599f; margin-right: 9px; }

.twitter-btn { background: #1ec7fd; }

.twitter-btn i { padding-right: 3px; }

#dd_login { margin: 25px 25px 0; }

.dd-delimiter { border-top: 1px solid #d7d9db; margin: 20px -25px; }

#dd_login input[type=text], #dd_login input[type='password'] { width: 100%; margin-bottom: 0; }

.form-group { margin-bottom: 15px; position: relative; }

.field-icon { display: block; height: 34px; line-height: 34px; position: absolute; right: 0; text-align: center; top: 10px; width: 34px; color: #d7d9db; }

.icon_lock.field-icon { top: 11px; }

.placeholder-fix::-webkit-input-placeholder { color: #aeb7c2; }

.placeholder-fix::-moz-placeholder { color: #aeb7c2; }

.placeholder-fix:-moz-placeholder { color: #aeb7c2; }

.placeholder-fix:focus::-webkit-input-placeholder { color: transparent; }

.placeholder-fix:focus::-moz-placeholder { color: transparent; }

.placeholder-fix:-moz-placeholder { color: transparent; }

.dd-list-empty { display: none; padding: 10px 20px; color: black; }

/*===========================================================================*\
|  Search, Logo, Cart 
\*===========================================================================*/
/*#header-bar{overflow:hidden;}*/
#header-bar .container { margin-top: 0; }

#shopping-cart-wrapper { position: relative; height: 37px; line-height: 37px; margin: 18px 0 0; vertical-align: middle; /*overflow:hidden;*/ text-align: right; float:right; width:35%; }

.shp-ca { display: block; color:#ffffff !important; }
.shp-ca:hover { color: #ffffff;}

#shopping-cart-wrapper > a:first-child::after { content: url("../charte/panier.png"); height: 48px; position: relative; top: 16px; }

.dd-products-count{ position: absolute; top: 31px; right: 15px; z-index: 10; font-size: 10px;}

.s-cart-pan { line-height: 37px; height: 37px; vertical-align: middle; width: 100%; }

.s-bag-1 { background: #dccc99; color: #fff; display: inline-block; float: left; width: 37px; height: 37px; text-align: center; position: absolute; left: 0; top: 0; }

.s-bag-1 i { font-size: 23px; padding-left: 1px; position: absolute; left: 7px; top: 6px; }

.s-bag-2 { float: left; font-size: 15px; font-style: italic; padding: 0 0 0 55px; border: 1px solid #d7d9db; border-left: none; height: 37px; line-height: 35px; width: 100%; text-align: left; }
@media (max-width: 991px) { .s-bag-2 { text-align: center; padding: 0 0 0 37px; } }

.s-bag-2:after { line-height: 32px; font-family: Arial; content: "тЖТ"; font-size: 25px; color: #c3cdd9; display: inline-block; float: right; padding-right: 30px; transition: all .2s ease 0; }
@media (max-width: 1199px) { .s-bag-2:after { content: none; } }

.shp-ca:hover .s-bag-2:after { color: #dccc99; padding-right: 20px; }

.s-bag-2 .active { color: #dccc99; }

.top-search-box { padding: 0; height: 112px; line-height: 112px; vertical-align: middle; padding: 20px 0 0; }

.top-search { line-height: 43px; height: 43px; }

.top-search-box button,.discount-box button { display: block; height: 37px; line-height: 40px; position: absolute; right: 0; text-align: center; vertical-align: middle; top: 39px; width: 34px; color: #ffffff; border: none; background: #25acaf none repeat scroll 0 0;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding:0px;}

.top-search-box button:hover {  opacity:0.8; }

.top-search-box .icon_search { color: #d7d9db; top: 15px; }

.top-search-box input[type="text"] { font-style: italic; }

.search-plus { margin-top:-96px;position:absolute;z-index:1;height: 1px; }
.search-plus a { color:#fff;font-size:12px;text-decoration:underline; }

.top-discount-box { height: 112px; vertical-align: middle; line-height: 112px; padding: 20px 0 0; }

.discount-box { float:right; padding-right:10px; width:61%; }

.discount-box-account { padding-left:0px; padding-right:0px; }

.discount-box-account input { line-height:37px; }

.discount-box-account .form-group {margin-bottom: 0; position: relative;line-height: 75px;}

.discount-box-account button { display: block; height: 37px; line-height: 40px; position: absolute; right: 0; text-align: center; vertical-align: middle; top: 21px; width: 34px; color: #ffffff; border: none; background: #25acaf none repeat scroll 0 0;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding:0px;}

#header-logo { margin: 30px 0;  }

#header-logo img { max-height: 61px; }

.icon-identifier:before { content: "\e900"; }
.icon-newsletter:before { content: "\e901"; }
.icon-search:before { content: "\e986"; }

.text-search-label{ display:block; margin: 10px 0px; }
.text-search{ display:block; margin: 10px 0px; }
.text-search input{ border: 1px solid #38a2af; height:31px; }
.text-search-label input{ width: 100%; height:31px; border: 1px solid #38a2af; }
.text-search-label label{ width: 12%; background: #38a2af none repeat scroll 0 0; color: #ffffff; margin: 0; line-height: 27px; height: 50px; padding: 10px; }
.text-search button ,.text-search-label button{ display: block; height: 31px; line-height: 31px; right: 0; text-align: center; vertical-align: middle; top: 0px; width: 50px; color: #ffffff; border: none; background: #38a2af none repeat scroll 0 0; position: absolute; }

.text-search-radio{ display: block; margin: 10px 0px; }
.text-search-radio p{ color: #38a2af; font-size: 15px; margin: 0; float: left; padding: 0 20px 0 0; }
@media (max-width: 587px) { .text-search-radio p{ width:100%; padding: 4px 20px 4px 0; } }

input[type="radio"], input[type="checkbox"] { width: auto !important; height: auto !important; margin:0 10px; }


.alphabetic-order{font-family:"Raleway", sans-serif; font-size:22px;color: #38a2af; }
.alphabetic-order a{  color: #38a2af; padding:3px; }
.alphabetic-order a.active{  background-color: #38a2af; color:#ffffff}


/*===========================================================================*\
|  Page Title
\*===========================================================================*/
.pg-header { vertical-align: middle; background: #f2f4f7; border-bottom: 1px solid #e1e3e6; }
@media (max-width: 767px) { .pg-header { border: 0; } }

.pg-header .container { margin-top: 0; }

.pg-header .title { line-height: 70px; vertical-align: middle; }

.pg-header h1 { font-family: HelveticaNeueThin, Arial,Helvetica,sans-serif; margin: 0; display: inline-block; vertical-align: middle; text-transform: none; }
@media (max-width: 767px) { .pg-header h1 { font-size: 20px; } }

@media (max-width: 767px) { .b-crumbs-block { background-color: white; border-top: 1px solid #e1e3e6; } }

.b-crumbs { line-height: 70px; vertical-align: middle; font-size: 14px; color: #C3A239; }

.b-crumbs i { margin: 0 3px; line-height: 30px; height: 30px; vertical-align: middle; }

/*===========================================================================*\
|  Footer
\*===========================================================================*/
#footer-1 { border-top: 2px solid #060606; background: #f5f5f5; padding-bottom: 40px; padding-top: 40px; }
@media (max-width: 991px) { #footer-1 { padding-bottom: 0; } }

.box-with-pager, .box-with-top-button { position: relative; }

.top-box-btn-1 { font-family: HelveticaNeue, Arial,Helvetica,sans-serif; font-size: 13px; text-transform: uppercase; color: #80838a; line-height: 24px; height: 24px; vertical-align: middle; padding: 0 15px; position: absolute; border: 1px solid #d7d9db; right: 0; top: 17px; }
@media (max-width: 991px) { .top-box-btn-1 { position: static; margin-top: 20px; } }

.title-type-1, .title-type-2 { font-size: 14px; text-transform: uppercase; font-family: "Raleway",sans-serif; line-height: 56px; height: 56px; }

.title-type-1 { color: #ffffff; }

.title-type-2 { color: #ffffff; }
footer .title-type-2 {color: #ffffff; font-weight: 600;}

.vertical-bx-1 .pic { max-width: 100%; transition: all 0.5s ease; }

.vertical-bx-1 figure:hover .pic { transform: scale(1.3); -ms-transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); }

.vertical-bx-1 figcaption, .vertical-bx-1 .img-cover { float: left; }

.vertical-bx-1 figcaption { font-family: HelveticaNeue, Arial,Helvetica,sans-serif; font-size: 14px; color: #212224; }

.vertical-bx-1 .price { font-size: 15px !important; display: block; }

.vertical-bx-1 figure { display: table; margin: 0 0 15px; padding: 0; color: #dccc99; }

.img-cover { margin-right: 20px; display: block; overflow: hidden; position: relative; vertical-align: bottom; width: 90px; }

.box-with-pager .bx-prev, .box-with-pager .bx-next { border: 1px solid #d2d4d6; display: inline-block; width: 26px; height: 26px; float: left; margin-left: 5px; position: relative; }

.box-with-pager .bx-prev i, .box-with-pager .bx-next i { font-size: 18px; width: 18px; position: absolute; top: 3px; left: 3px; }

.box-with-pager .bx-controls { position: absolute; top: 15px; right: 0; }

.box-with-pager .bx-prev:focus, .box-with-pager .bx-next:focus { color: inherit; }

.box-with-pager .bx-prev:focus:hover, .box-with-pager .bx-next:focus:hover { color: #dccc99; }

.tweets-group a { color: #AF9541; }

.tweets-group li { margin-bottom: 30px; }

.tweets-group span { font-style: italic; font-size: 12px; }

.get-in-touch-box input, .get-in-touch-box textarea { background: transparent; color: #212224 !important; }

#footer-2 { border-top: 1px solid #d9dbde; background: #f5f5f5; padding-bottom: 40px; padding-top: 40px; }
@media (max-width: 991px) { #footer-2 { border: 0; padding-top: 0; } }

.contact-info-box i { font-size: 18px; display: inline-block; vertical-align: middle; margin-top: -2px; }

.contact-info-box li span { display: table-cell; vertical-align: middle; text-align: left; }

.contact-info-box li span:first-child { width: 30px; }

.contact-info-box address { line-height: 18px; }

.contact-info-box li { display: table; width: 100%; margin-bottom: 30px; }

.google-maps { position: relative; padding-bottom: 40%; thisistheaspectratioheight: 0; overflow: hidden; margin-bottom: 15px; }

.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; border: none; }

.fb-fans { overflow: hidden; }

.facebox-fan-box iframe { border: none; width: 100%; height: 250px; margin-top: -10px; }

#footer-3, #footer-4, #footer-5 { background: #cd003e; }

#footer-3 .col-md-2 { padding: 0 10px; }

.slider { max-width: 820px; margin: 0 auto; }

.slider .slider-image {
   
    position: absolute;
    z-index: 9999;
    top: 9%;
    left:4%;
    width: 25%;  
}
.slider .slider-text {
    font-size: /*100%;*/ 20px;
    color: #fff;
    font-weight:800;
    position: absolute;
    z-index: 9999;
    text-align: left;
    top: 8%;
    left:31%;
    width: auto;  
    font-family:"Raleway", sans-serif;
}
.slider .slider-text-price {
    right: 24%;
}
.slider .slider-title {
    font-size: /*200%;*/ 40px;
    color: #fff;
    font-weight:800;
    position: absolute;
    z-index: 9999;
    text-align: left;
    top: /*20%*/ 24%;
    left:31%;
    width: auto; 
    font-family:"Raleway", sans-serif;
    line-height:1em; 
}
.slider-image,.slider-text,.slider-title {
    visibility:visible;
}
.slider-image.active-slide,.slider-text.active-slide,.slider-title.active-slide {
    visibility: visible;
}
.tarif_abo_etranger {margin-bottom:20px;text-align:right;}
@media (max-width: 1148px) { .slider .slider-image { top:5%; } .tarif_abo_etranger {text-align:center;}}
@media (max-width: 767px) { .slider .slider-text{ font-size:2.6vw !important;font-size:16px; }  .slider .slider-title{ font-size: 6vw !important;font-size:38px; } }
@media (max-width: 667px) { .slider .slider-text-price {right: unset; } }
@media (max-width: 496px) { .slider .slider-text{ font-size:2.6vw;font-size:14px; }  .slider .slider-title{ font-size: 6vw;font-size:28px; } }
@media (max-width: 426px) { .slider .slider-text{ font-size:2.6vw;font-size:12px; }  .slider .slider-title{ font-size: 6vw;font-size:22px; } }
@media (max-width: 360px) { .slider .slider-text{ font-size:2.6vw;font-size:11px; }  .slider .slider-title{ font-size: 6vw;font-size:20px; } }


#footer-3 .container { margin-top: 0; padding: 15px 15px; }

#footer-3 li { margin: 0 0 10px; font-size: 14px; }

#footer-3 li a { color: #ffffff; font-weight:600; }

#footer-3 li a:hover { color: #ffffff; opacity:0.8; }

.product-tags-box .tags { margin-bottom: 20px; }

.product-tags-box .tags a { color: #fff; background: #ccbe8f; display: inline-block; padding: 4px 10px; text-transform: uppercase; margin: 2px 0; font-size: 13px; }

.product-tags-box .tags a:hover { background: #dccc99; }



/*#social-buttons{text-align:right;}*/
#social-buttons a, .social-buttons a { display: block; width: 28px; line-height: 26px; height: 28px; text-align: center; vertical-align: middle; background: #1e1e1f; color: #fff; }

#social-buttons i, .social-buttons i { font-size: 18px; vertical-align: middle; }

#social-buttons .facebook:hover a, .social-buttons .facebook:hover a { background: #064ca1; }

#social-buttons .tweeter:hover a, .social-buttons .tweeter:hover a { background: #27b9f2; }

#social-buttons .gplus:hover a, .social-buttons .gplus:hover a { background: #da4735; }

#social-buttons .youtube:hover a, .social-buttons .youtube:hover a { background: #e52d27; }

#social-buttons .instantgram:hover a, .social-buttons .instantgram:hover a { background: #306a92; }

#social-buttons .skype:hover a, .social-buttons .skype:hover a { background: #12A5F4; }

#social-buttons .dribbble:hover a, .social-buttons .dribbble:hover a { background: #f46899; }

@media (max-width: 991px) { #social-buttons, .social-buttons { margin-top: 30px; } }
/*===========================================================================*\
|  Top Menu
\*===========================================================================*/
.top-menu { display: none; background: #25acaf; height: 50px; }

.nav-menu li .active{ background-color:#7ccdd0;  }

@media (min-width: 992px) { .top-menu { display: block; } }
.nav-menu { position: relative; list-style: none; margin: 0; padding: 0; z-index: 15; }

.nav-item { list-style: none; display: block; padding: 0; margin: 0; float:left; border-right: 1px solid #4a9092; }

.nav-item > a { position: relative; display: block; line-height: 50px; color: #ffffff; font-size: 13px; text-transform: uppercase; text-align: center; font-family: "Raleway", sans-serif;
font-weight: 700;}

.nav-item > a > span { display: inline-block; vertical-align: middle; line-height: 1.2; }

@media (min-width: 992px) { .nav-item > a { width: auto; padding:0 6px; } }
@media (min-width: 1200px) { .nav-item > a { width: auto; padding:0 18px; } }
.nav-item > a i { color: #8A8A8A; margin-right: 5px; }

.nav-item > a:focus, .nav-item > a:hover, .nav-item > a.open { color: white; background-color: #7ccdd0; opacity:1;}


.nav-item > a.open i, .nav-item > a:hover i, .nav-item > a:focus i { color: white; }

.nav-item > a.open { z-index: 1; }

/* Dropdown */
.sub-nav { position: absolute; display: block; opacity: 0; visibility: hidden; top: 30px; margin-top: 20px; width: 237px; background-color: #25acaf;  }

.sub-nav.open { visibility: visible; opacity: 1; margin-top: 0; }

/* Dropdown full width */
.sub-nav.full { width: 100%; left: 0; }

.sub-nav.padding { padding: 30px; }

/* Dropdown menu style */
.sub-nav-group { list-style-type: none; padding: 0; }

.nav-item:hover .sub-nav {
    opacity: 1;
    visibility: visible;
}

.sub-nav-group li { display: block; height: auto; }

.sub-nav-group li a { display: block; height: 50px; line-height: 50px; padding: 0 20px; color: #ffffff; font-size: 13px; font-family:"Raleway", sans-serif; font-weight : 700;  }

.sub-nav-group li a > span { display: inline-block; vertical-align: middle; line-height: 1.2; }

.sub-nav-group li a:hover { color: #ffffff; background-color: #7ccdd0;opacity:1; }

.sub-nav.padding .sub-nav-group { padding: 0 15px; margin: 0 -15px; }

.sub-nav.padding .sub-nav-group li a { padding: 0 10px; }
.sub-nav-group li a:hover span {color: #fff;}

/* Dropdown menu style (grey) */
.sub-nav-title { margin: 7px 10px 17px 10px; padding-bottom: 10px; color: #999999; border-bottom: 1px solid #252626; font-size: 16px; font-weight: 400; text-transform: uppercase; }

.sub-nav-group.sub-nav-grey { padding-bottom: 30px; }

.sub-nav-group.sub-nav-grey li a { height: 36px; line-height: 36px; padding: 0 30px; color: #969696; }

/* Dropdown Level 2 */
.sub-nav-group li { position: relative; }

.sub-nav-group li .sub-nav { top: 0; left: 237px; margin-left: 20px; }

.sub-nav-group li .sub-nav.left-side { top: 0; left: -237px; margin-left: -20px; }

.sub-nav-group li:hover .sub-nav { visibility: visible; opacity: 1; margin-top: 0; margin-left: 0; }

.has-sub-nav:after { content: "\35"; position: absolute; display: block; top: 0; right: 15px; line-height: 50px; font-family: 'ElegantIcons'; font-size: 20px; }

.has-sub-nav:hover:after { color: white; }

/* Megamenu Elements */
.megamenu-popular .sub-nav-title { margin: 7px 0 32px 0; padding-right: 50px; padding-bottom: 7px; }

.megamenu-popular.box-with-pager .bx-controls { top: 0; right: 27px; }

.megamenu-popular.box-with-pager .bx-next, .megamenu-popular.box-with-pager .bx-prev { border-color: #555657; }

.megamenu-popular .img-cover { display: inline-block; width: auto; margin: 0 auto; background-color: white; text-align: center; }

.megamenu-popular .img-cover img { max-height: 100%; }

.megamenu-popular .vertical-bx-1 figcaption { color: #e3e2e2; }

.megamenu-popular .vertical-bx-1 figcaption p { margin: 10px 0 0; font-size: 14px; line-height: 14px; }

.megamenu-popular .vertical-bx-1 .price { display: inline-block; color: #dccc99; }

.megamenu-popular .vertical-bx-1 .old-price { display: inline-block; margin-left: 5px; color: #626262; text-decoration: line-through; }

.megamenu-popular.box-with-pager.mmp-type-2 { padding-bottom: 40px; margin-bottom: 30px; }

.megamenu-popular.box-with-pager.mmp-type-2 .bx-controls { top: auto; bottom: 10px; right: 50%; margin-right: -31px; }

@media (min-width: 992px) { .megamenu-popular.mmp-type-2 .vertical-bx-1 .img-cover { height: 270px; } }
@media (min-width: 1200px) { .megamenu-popular.mmp-type-2 .vertical-bx-1 .img-cover { height: 290px; } }
/*===========================================================================*\
|  Mobile Menu
\*===========================================================================*/

@media (max-width: 991px) { 
body { background : #ffffff; } 
#header-logo {
    margin: 30px 0;
    width: 75%;
    float: left;
}
.pull-right {
    float: none !important;
    text-align: center;
}
.top-discount-box {
    vertical-align: middle;
    width: 25%;
    float: right;
    padding: 0;
    text-align: right;
    height: 80px;
line-height: 80px;
}
#shopping-cart-wrapper {
    position: relative;
    vertical-align: middle;
    overflow: initial;
    top: 28px;
    right: 10px;
    height: 60px;
line-height: 60px;
margin: 0px 0 0;
width:100%;
}
.dd-products-count {
   position: absolute;
top: 20px;
right: 15px;
z-index: 10;
font-size: 10px;
}
.col-md-3.col-md-pull-9.cat-sidebar {
    display: none;
}
 } 
.mobile-menu { display: block; }

@media (min-width: 992px) { .mobile-menu { display: none; } }
.mobile-menu-button { width: 100%; height: 45px; line-height: 45px; margin: 0 auto 20px; padding: 0  20px; color: white; background-color: #38a2af; font-size: 16px; }

.mobile-menu-toggler { display: block; float: right; width: 50px; height: 45px; padding: 11px 12px; }

.mobile-menu-toggler span { display: block; width: 26px; height: 6px; margin-bottom: 3px; background-color: white; }

.mobile-menu-toggler:active { background-color: black; }

.mobile-menu-toggler:active span { background-color: #7ccdd0; }

.mobile-menu-body { display: none; background-color: #38a2af; }

.mobile-menu-body ul { list-style-type: none; padding: 0; margin: 0; }

.mobile-menu-body ul li { position: relative; }

.mobile-menu-body ul li a { position: relative; display: block; line-height: 50px; padding-left: 30px; border-bottom: 1px solid #ffffff; color: #ffffff; font-size: 14px; text-transform: uppercase; }

.mobile-menu-body ul li a > span { display: inline-block; vertical-align: middle; line-height: 1.2; }

.mobile-menu-body ul li a i { color: #575757; margin-right: 5px; }

.mobile-menu-body ul li .submenu-toggler { position: absolute; width: 50px; height: 50px; right: 0; top: 0; padding: 0; border: 0; text-align: center; font-size: 20px; }

.mobile-menu-body ul li .submenu-toggler i { margin: 0; }

.mobile-menu-body ul li a:active, .mobile-menu-body ul li.open > a { color: #38a2af; background-color: #ffffff; }

.mobile-menu-body ul li ul { display: none; }

.mobile-menu-body ul li ul li a { color: #ffffff; text-transform: none; background-color: none; }

.mobile-menu-body p { line-height: 50px; padding: 0 0 0 30px; color: #767676; margin-bottom: 0; border-bottom: 1px solid #292929; }

.mobile-menu-search { padding: 20px 30px; }

.mobile-menu-search .form-group { margin-bottom: 0; }

.mobile-menu-search .form-control { float: left; height: 40px; margin-right: -40px; padding-right: 40px; background-color: #ffffff; border: 1px solid #ffffff; border-right: 0; }
.mobile-menu-search .form-control .promo { border: 3px solid #F7C500; }

.mobile-menu-search .form-control:focus { border-color: #2f3030; }

.mobile-menu-search .btn { float: left; position: relative; z-index: 1; width: 40px; height: 40px; line-height: 40px; padding: 0; background-color: #38a2af; border: 1px solid #ffffff; border-left: 0; color: #ffffff; font-size: 16px; text-align: center; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.mobile-menu-search .btn:active { color: white; background-color: #7ccdd0; }

.mobile-menu-search .form-control::-webkit-input-placeholder { color: #383a3d; }

.mobile-menu-search .form-control:-moz-placeholder { color: #383a3d; }

.mobile-menu-search .form-control::-moz-placeholder { color: #383a3d; }

.mobile-menu-search .form-control:-ms-input-placeholder { color: #383a3d; }

.mobile-search { margin-top:40px;position:absolute;z-index:1; }
.mobile-search a { color:#fff;font-size:12px;text-decoration:underline; }

/*===========================================================================*\
|  Blocks
\*===========================================================================*/
/*===========================================================================*\
|  Lists styles
\*===========================================================================*/
.list-checked { list-style-type: none; padding: 0; }

.list-checked li { margin: 17px 0; display: block; color: #9198a1; }

.list-checked li:before { content: "\4e"; display: inline-block; line-height: 15px; height: 15px; width: 15px; border-radius: 50%; color: #fff; background-color: #a1a8b2; font-family: 'ElegantIcons'; font-size: 11px; text-align: center; vertical-align: middle; margin: -3px 13px 0 0; }

.list-arrow-right { list-style-type: none; padding: 0; }

.list-arrow-right li { margin: 0 0 0 10px; display: block; color: #cd003e; font-weight:700; }

.list-arrow-right li:before { content: "\35"; display: inline-block; line-height: 15px; height: 15px; width: 15px; border-radius: 50%; color: #fff; background-color: #cd003e; font-family: 'ElegantIcons'; font-size: 11px; text-align: center; vertical-align: middle; margin: -3px 13px 0 0; }

.list-plus { list-style-type: none; padding: 0; }

.list-plus li { margin: 0 0 0 10px; display: block; color: #9198a1; }

.list-plus li:before { content: "\4c"; display: inline-block; line-height: 15px; height: 15px; width: 15px; border-radius: 50%; color: #fff; background-color: #a1a8b2; font-family: 'ElegantIcons'; font-size: 11px; text-align: center; vertical-align: middle; margin: -3px 13px 0 0; }

.list-circle { list-style-type: none; padding: 0; }

.list-circle li { margin: 17px 0; display: block; color: #9198a1; }

.list-circle li:before { content: ""; display: inline-block; line-height: 6px; height: 6px; width: 6px; border-radius: 50%; color: #fff; background-color: #a1a8b2; font-family: 'ElegantIcons'; font-size: 11px; text-align: center; vertical-align: middle; margin: -3px 13px 0 0; }

.list-arrow_right_alt { list-style-type: none; padding: 0; }

.list-arrow_right_alt li { margin: 17px 0; display: block; color: #9198a1; }

.list-arrow_right_alt li:before { content: "\e03c"; display: inline-block; line-height: 15px; height: 15px; width: 15px; border-radius: 50%; color: #a1a8b2; font-family: 'ElegantIcons'; font-size: 16px; text-align: center; vertical-align: middle; margin: -3px 13px 0 0; -webkit-font-smoothing: antialiased; }

.list-carrot-right { list-style-type: none; padding: 0; }

.list-carrot-right li { margin: 17px 0; display: block; color: #9198a1; }

.list-carrot-right li:before { content: "\35"; display: inline-block; line-height: 15px; height: 15px; width: 15px; border-radius: 50%; color: #a1a8b2; font-family: 'ElegantIcons'; font-size: 16px; text-align: center; vertical-align: middle; margin: -3px 13px 0 0; -webkit-font-smoothing: antialiased; }

.list-carrot-right_alt2 { list-style-type: none; padding: 0; }

.list-carrot-right_alt2 li { margin: 17px 0; display: block; color: #9198a1; }

.list-carrot-right_alt2 li:before { content: "\3d"; display: inline-block; line-height: 15px; height: 15px; width: 15px; border-radius: 50%; color: #a1a8b2; font-family: 'ElegantIcons'; font-size: 16px; text-align: center; vertical-align: middle; margin: -3px 13px 0 0; -webkit-font-smoothing: antialiased; }

.list-star { list-style-type: none; padding: 0; }

.list-star li { margin: 17px 0; display: block; color: #9198a1; }

.list-star li:before { content: "\e031"; display: inline-block; line-height: 15px; height: 15px; width: 15px; border-radius: 50%; color: #a1a8b2; font-family: 'ElegantIcons'; font-size: 16px; text-align: center; vertical-align: middle; margin: -3px 13px 0 0; -webkit-font-smoothing: antialiased; }

/*===========================================================================*\
|  Stylish checkbox & radio buttons
\*===========================================================================*/
input.stl[type=checkbox]:not(old), input.stl[type=radio]:not(old) { display: none; }

input.stl[type=checkbox]:not(old) + label, input.stl[type=radio]:not(old) + label { display: inline-block; height: 20px; line-height: 19px; /*margin:0 -30px;*/ vertical-align: middle; cursor: pointer; }

input.stl[type=checkbox]:not(old) + label > span, input.stl[type=radio]:not(old) + label > span { display: inline-block; width: 15px; height: 15px; margin: .25em .5em .25em -5px; border: 1px solid #d7d9db; border-radius: 0; vertical-align: bottom; cursor: pointer; }

input.required-alert[type=checkbox]:not(old) + label > span, input.required-alert[type=radio]:not(old) + label > span { border: 1px solid #f54325 !important; }

input.stl[type=radio]:not(old) + label > span { border-radius: 50px; }

input.stl[type=checkbox]:not(old):checked + label > span:before { content: "N"; font-family: ElegantIcons; display: block; width: 13px; color: #dccc99; font-size: .875em; line-height: 13px; text-align: center; text-shadow: 0 0 0.0714em #73994d; font-weight: 300; }

input.stl[type=checkbox]:not(old):disabled + label > span:before { background: #f0f0f1; color: #b2b7c2; }

input.stl[type=radio]:not(old):checked + label > span > span { display: block; width: 9px; height: 9px; margin: 2px; border: 1px solid #fff; border-radius: 50px; background: #dccc99; }

.customSelect { /* custom select box  */ }

.customSelect:after { /* Put whatever custom styles you want here */ content: "3"; font-family: ElegantIcons; font-size: 18px; z-index: 9; float: right; margin: -22px -5px 0 0; }

.checked.customSelect { border: 1px solid #79c257; }

.checked.customSelect:after { color: #79c257; }

.required-alert.customSelect { border: 1px solid #f54325; color: #f54325; }

.customSelect.customSelectHover { /* Styles for when the select box is hovered */ }

.customSelect.customSelectOpen { /* Styles for when the select box is open */ }

.customSelect.customSelectFocus { /* Styles for when the select box is in focus */ border-color: #dccc99; }

.customSelect.customSelectFocus:after { /* Styles for when the select box is in focus */ color: #dccc99; }

.customSelect.customSelectDisabledOption { /* Styles for when the selected item is a disabled one */ }

.customSelect.customSelectDisabled { /* Styles for when the select box itself is disabled */ background: #f0f0f1; }

.customSelectInner { /* You can style the inner box too */ }

/*===========================================================================*\
|  Mobile Collapse
\*===========================================================================*/
@media (max-width: 991px) { .mobile-collapse-header { position: relative; margin-bottom: 0; cursor: pointer; }
  .mobile-collapse-header:after { content: "\50"; display: block; position: absolute; top: 0; right: 0; color: #212224; font-family: 'ElegantIcons'; -webkit-font-smoothing: antialiased; }
  .mobile-collapse.opened .mobile-collapse-header:after { content: "\4f"; }
  .mobile-collapse-body { display: none; margin-top: 30px; }
  .mobile-collapse-additional { display: none; }
  .mobile-collapse.opened .mobile-collapse-additional { display: inline-block; }
  #footer-3 .mobile-collapse-header:after { color: #ffffff; }
  .mobile-collapse .bx-wrapper { margin-top: 60px !important; }
  .mobile-collapse .bx-controls { top: 75px; } }
@media (min-width: 992px) { .mobile-collapse-body { display: block !important; } }

/*===========================================================================*\
|  Products List Block
\*===========================================================================*/
.product-categories { list-style-type: none; display: inline-block; position: relative; margin: 0; padding: 0; margin-bottom: 35px; text-transform: uppercase; font-size: 18px; font-weight: 400; }
.product-categories:before, .product-categories:after { content: " "; display: table; }
.product-categories:after { clear: both; }
.product-categories li { float: left; margin: 0 30px; }
@media (max-width: 767px) { .product-categories li { float: none; }
  .product-categories li.hover-line { display: none; } }
.product-categories li a { display: block; padding: 5px 0; }
.product-categories li.active a, .product-categories li a:hover { color: #dccc99; }

/* =========== Pdoruct List =========== */
.products-list { margin-bottom: 50px; }

/* Product list item */
.pl-item { text-align: center; }
.pl-item figure { position: relative; height: 205px; line-height: 200px; margin-bottom: 15px; padding-top: 8px; overflow: hidden; border: 1px solid transparent;text-align: center; max-width:175px;margin: 0 auto;}
.pl-item.abo-item figure { position: relative; height: 280px; line-height: 200px; margin-bottom: 15px; padding-top: 8px; overflow: hidden; border: 1px solid transparent;text-align: center; max-width:240px;margin: 0 auto;}
.pl-item figure img { max-width: 100%; max-height: 100%; opacity: 1; vertical-align: bottom; transition: opacity 0.5s ease; -moz-backface-visibility: hidden; border: 1px solid #cbcbcb; }
.pl-item figure.thematique { max-width: none; height: 300px; } 
.pl-item figure .pl-backside { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pl-item figure .pl-backside img { opacity: 0; }
/*.pl-item figure figcaption {  background: #cd003e none repeat scroll 0 0; border-radius: 10px; color: #ffffff; font-size: 14px; line-height: 18px; padding: 5px; position: absolute; right: 0; top: 0; }*/
.pl-item figure .pastille span {  background: #C6E9EA none repeat scroll 0 0; border-radius: 100px; border-style:solid; border-color:#cd003e; color: #cd003e; font-size: 16px; font-weight:800; line-height: 18px; padding: 17px 5px; position: absolute; right: 0; top: 0;  }
.pl-item figure .pastille_abo span { background: #cd003e none repeat scroll 0 0; border-radius: 100px; border-style:solid; border-color:#cd003e; color: #fff; font-size: 16px; font-weight:800; line-height: 18px; padding: 17px 5px; position: absolute; right: 0; top: 0; }
.pl-item figure .pastille_age span { background: #f7c500 none repeat scroll 0 0; color: #000000; font-size: 16px; font-weight:800; line-height: 18px; padding: 5px; position: absolute; right: 0; bottom: 0; }
@media (max-width: 767px) { .pl-item figure figcaption { margin-bottom: 0; } }
@media (max-width: 991px) { .pl-item figure { margin-left: auto;margin-right: auto; } }
.pl-item figure:hover .pl-backside img { opacity: 1; }
.pl-item figure:hover figcaption { margin-bottom: 0; }
.pl-item figure .pl-badge { position: absolute; left: 0; top: 0; line-height: 37px; border: 2px solid #d7d9db; padding: 0 15px; background-color: white; color: #57595e; font-size: 16px; font-weight: 400; }
.pl-item figure .pl-badge:after, .pl-item figure .pl-badge:before { content: ''; display: block; position: absolute; bottom: -22px; right: 12px; border: 10px solid transparent; border-top-color: #d7d9db; border-right-width: 0; }
.pl-item figure .pl-badge:after { bottom: -17px; right: 14px; border-top-color: white; }

.pl-button { display: block; width: 25%; float: left; font-size: 32px; line-height: 55px; color: white; text-align: center; }
.pl-button:hover { background-color: #dccc99; color: white; }

.pl-price-block { position: relative; font-size: 20px; font-weight: 700; /*line-height: 24px;*/ font-family : "Raleway", sans-serif; margin: 0 0 5px;}
.pl-price-block:before { top: 0; }
.pl-price-block:after { bottom: 0; }
.pl-price-block .pl-price { color: #38a2af; }
.pl-price-block .pl-price-old { color: #a3a3a3; text-decoration: line-through;font-size:18px; }

.pl-name { margin: 0; color: #38a2af; font-size: 20px; font-weight: 700; line-height : 1em; word-wrap: break-word; font-family : "Raleway", sans-serif; padding-bottom: 4px; padding-top:5px;}
.pl-sous-titre { margin: 0; color: #38a2af; font-size: 18px; line-height : 1em; word-wrap: break-word; font-family : "Raleway", sans-serif; padding-bottom: 4px; }

.pl-caption { padding: 0 10px; text-align: left; font-family : Arial, sans-serif;}
.gift span{ color:#cd003e; }
.gift {  font-size:13px; margin-top:0;}
@media (min-width: 992px) and (max-width : 1148px) { .pl-caption{ padding:0; } .more { padding: 0 !important; }}

.pl-caption li{ list-style:none;  }
.pl-caption li:before{ content:">";color:#cd003e; padding-right:5px;  }
.pl-caption li a{ color :#7e7e7e;  }
.pl-caption li a:hover{ color :#38a2aFf;  }
.pl-caption .pl-list { padding: 0 10px 0 0; }

.pl-author { color: #7e7e7e; font-family: arial; margin: 0;font-weight:600;}

.pl-description{ margin:0;font-weight:500; }
.pl-number{ margin:0;font-weight:600; }
.pl-age, .pl-version{ margin:0; color: #38a2af;}

.magazine .tit{height: 90px;}
.magazine .pl-name{height: 50px;}
.magazine .pl-description{height: 40px;}
.magazine .pl-number{height: 20px;}

.art-container .pl-description{height: 150px;}

.livre .tit{height: 110px;}
/*.livre .pl-name{height: 90px;}*/
.livre .pl-name{height: 69px;}
.livre .pl-sous-titre{height: 40px;}
.livre .pl-author{height: 20px;}
/*.livre .pl-description{height: 80px;}*/
/*.livre .pl-age{height: 20px;}*/

.abonnement .tit{height: 90px;}
.abonnement .pl-name{height: 50px;}
.abonnement .pl-description{height: 40px;}
.abonnement .pl-age{height: 20px;}
.abonnement .pl-price-block{height: 20px;}

.abonnement2 {text-align: center;}
.abonnement2 .tit{margin-top: 10px;}
.abonnement2 .pl-description{color: #000000;}
.abonnement2 .pl-price-block{font-size:14px;font-weight:normal;height:50px;line-height:initial;padding-top:5px;}
.abonnement2 .pl-price-block .pl-price{font-size:20px;font-weight:bold;}
.abonnement2 .pl-age{font-weight:bold;}

.more {padding: 0 10px; display: block; }
.more input[type="checkbox"] { float:right; }

.pages{
text-align:center;
}

.pages a {
    background-color: #cd003e;
    color: #fff;
    padding: 4px;
    line-height: 30px;
}

.pages b {
    background-color: #cd003e;
    padding: 4px;
    color: #fff;
}
.pl-price-block .more{
display:block; 
}

.more-form { padding: 10px 10px;margin-left: auto;
  margin-right: auto; width: 100px;}

/*.more a {
    background: #cd003e;
    color: #fff;
    padding: 10px 20px;
    display: block;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}*/
.more a:hover { opacity:0.8  }

.cartouche{ padding:20px 0; border: 1px solid #ebebeb; }

.cartouche .pl-caption { /*padding: 10px;*/ min-height: 155px;}

.cartouche figure {
    position: relative;
    /*height: 205px;*/
    line-height: 100px;
    overflow: hidden;
    border: 1px solid transparent;
    text-align: center;
}
.cartouche .more{ text-align:right; }
.cartouche .more a { display:inline-block; }

@media (max-width: 481px) {
.cartouche .more a { display:block; } 
.cartouche{ padding:20px 0; border: none; }
}

.product-right{ text-align:center;margin-top:10px;  }

.product-right .more a{ display:inline-block;  }

.title-cat { color:#25acaf; font-size:25px; font-weight:700; font-family : "Raleway", sans-serif;padding: 0 20px; }

.product-sell{  text-align:center;margin: 20px 0;  }
.product-sell i{ font-size: 40px;color:#cd003e;  }
.product-sell .icon-text { display:block;  }
@media (min-width:992px) and (max-width: 1149px){ .product-sell .icon-text { min-height:40px; }  }
@media (min-width:481px) and (max-width: 552px){ .product-sell .icon-text { min-height:40px; }  }

.more-news {
    border: 1px solid #b44928;
    border-radius: 3px;
    color: #b44928;
    font-weight: 600;
    padding: 15px 40px;
    display:inline-block;
    margin-top:20px;
}
.more-news:hover {
    background: #b44928;
    color: #ffffff;
    border-color: #ffffff;
}

button.accordion , div.accordion{
   cursor: pointer;
padding: 10px 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 14px;
transition: 0.4s;
margin-bottom: 4px;
background-color: #ddd;
}

button.accordion.article, div.accordion.article {
	cursor: auto;
}

button.accordion.article h1, div.accordion.article h1 {
	text-align: left;
	outline: none;
	font-size: 14px;
	transition: 0.4s;
	margin: 0px;
}

button.accordion.article a, div.accordion.article a {
	color: #7e7e7e;
}

button.accordion i.arrow_triangle-up,button.accordion i.arrow_triangle-down,div.accordion i.arrow_triangle-up,div.accordion i.arrow_triangle-down{  position: absolute;
right: 20px;
color: #cd003e;
font-size: 18px; }

button.accordion i.icon_plus,div.accordion i.icon_plus{  position: absolute;
/*left: 165px;*/
right: 40px;
color: #cd003e;
font-size: 17px;
padding-top: 1px;
}

.panel i.arrow_right {
 color: #cd003e;
    content: "$";
    font-size: 17px;
    padding-right: 5px;
    position: relative;
    top: 3px;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd; 
}
 .bold{ font-weight:700; }

.little { font-size: 9px; min-height: 30px; display:block; }

.col-md-12.col-sm-12.nav-product {
    margin: 10px 0;
}

.text-left{ text-align:left; padding-top:10px; padding-bottom:10px; }
.text-right{ text-align:right;padding-top:10px; padding-bottom:10px; }
.nav-product i.arrow_left{ font-size:21px; position:relative; top:5px; padding-right:10px;  } 
.nav-product i.arrow_right{ font-size:21px; position:relative; top:5px; padding-left:10px;  } 
div.panel {
    /*padding: 0 18px;*/
    padding-left: 18px;
    display: none;
    background-color: white;
}

.product-news h4{  font-size: 18px;
color: #cd003e;
text-align: left; }

.product-right .more { margin: 10px; }
.product-right img { text-align:center; }


.subscription-more { padding: 15px 10px;text-align: center; line-height: 1.6em; }
.subscription-more a { font-size:17px !important; background:#c3e9ea;color:#cd003e;font-weight:600; padding:10px 20px;display:block }
.subscription-more-v2 a { font-size:17px !important; background:#F7C500;color:#FFF;font-weight:600; padding:5px;display:block }
.subscription-title {color:#dd1849 !important;padding: 0 !important; font-size:35px;font-weight:800;}
.subscription-more span { font-size: 22px; display: block; }
.subscription-p{
font-family: raleway;
font-size: 25px;
font-weight: 600;
color: #38a2af; }

.color3{  color:#dd58a2 !important; }
/* =========== Product Carousel =========== */
.pl-carousel { position: relative; }

.pl-controls { text-align: center; margin-bottom: 15px; }
.pl-controls.plc-bottom { margin-top: 15px; margin-bottom: 0; }

.pl-ctl-left, .pl-ctl-right { display: inline-block; width: 30px; height: 30px; line-height: 28px; border: 1px solid #d7d9db; font-size: 18px; text-align: center; }
.pl-ctl-left:after, .pl-ctl-right:after { content: "\34"; font-family: ElegantIcons; }
.pl-ctl-left:hover, .pl-ctl-right:hover { color: #dccc99; }

.pl-ctl-right { margin-left: 3px; }
.pl-ctl-right:after { content: "\35"; }

ul.pl-pages { list-style-type: none; position: relative; margin: 0; padding: 0; overflow: hidden; }
ul.pl-pages > li { visibility: hidden; position: absolute; }
ul.pl-pages > li .pl-item { transform: scale(0); -webkit-transform: scale(0); transition: all 0.5s ease; }
ul.pl-pages > li.active { visibility: visible; position: static; }
ul.pl-pages > li.active .pl-item { transform: scale(1); -webkit-transform: scale(1); }
ul.pl-pages > li.animation { visibility: visible; position: static; }

/* Stars rating */
.stars-rating { display: inline-block; width: 73px; height: 13px; background: url(../charte/stars-rating.png) 0 -13px no-repeat; }
.stars-rating .stars { display: block; width: 100%; height: 100%; background: url(../charte/stars-rating.png) 0 0 no-repeat; }
.stars-rating.stars-5 .stars { width: 100%; }
.stars-rating.stars-4 .stars { width: 80%; }
.stars-rating.stars-3 .stars { width: 60%; }
.stars-rating.stars-2 .stars { width: 40%; }
.stars-rating.stars-1 .stars { width: 20%; }
.stars-rating.stars-0 .stars { width: 0; }

/* =========== Product list (list view) =========== */
/* Product list listview item */
.plv-item { margin-bottom: 30px; border: 1px solid #ebebeb; text-align: center; }
.plv-item .plv-image figure { position: relative; height: 280px; line-height: 280px; overflow: hidden; border-right: 1px solid #ebebeb; }
.plv-item .plv-image figure img { max-width: 100%; max-height: 100%; opacity: 1; vertical-align: middle; transition: opacity 0.5s ease; -moz-backface-visibility: hidden; }
.plv-item .plv-image figure .plv-backside { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.plv-item .plv-image figure .plv-backside img { opacity: 0; }
.plv-item .plv-image figure figcaption { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 55px; margin-bottom: -55px; background-color: rgba(0, 0, 0, 0.7); transition: all 0.5s ease; }
@media (max-width: 767px) { .plv-item .plv-image figure figcaption { margin-bottom: 0; } }
.plv-item .plv-image figure:hover .plv-w-backside img { opacity: 0; }
.plv-item .plv-image figure:hover .plv-backside img { opacity: 1; }
.plv-item .plv-image figure:hover figcaption { margin-bottom: 0; }
.plv-item .plv-body { margin-left: -1px; padding: 25px 25px 10px; border-left: 1px solid #ebebeb; text-align: left; }
.plv-item .plv-body .plv-header { line-height: 42px; border-bottom: 1px solid #ebebeb; }
.plv-item .plv-body .plv-title { font-size: 16px; font-weight: 400; color: #212224; }
.plv-item .plv-body .plv-title a { color: #212224; }
.plv-item .plv-body .plv-title a:hover { color: #dccc99; }
.plv-item .plv-body .plv-availability { font-size: 13px; text-align: right; color: #212224; }
.plv-item .plv-body .plv-availability span { color: #a2a8af; }
.plv-item .plv-body .plva-label { display: inline-block; margin-right: 10px; }
.plv-item .plv-body .plv-price-block { line-height: 46px; margin-bottom: 15px; border-bottom: 1px solid #ebebeb; }
.plv-item .plv-body .plv-price { display: inline-block; margin-right: 70px; font-size: 19px; font-weight: 500; color: black; }
.plv-item .plv-body .plv-reviews-count { display: inline-block; margin-left: 6px; }
.plv-item .plv-body .plv-add-review { display: inline-block; margin-left: 16px; }
.plv-item .plv-body .plv-add-review:before { content: ''; display: inline-block; height: 16px; margin-right: 10px; margin-bottom: -3px; border-left: 1px solid #ebebeb; }
.plv-item .plv-body .plv-exerpt { margin-bottom: 25px; font-size: 14px; }
.plv-item .plv-body .plv-buttons .btn { margin-right: 15px; margin-bottom: 10px; font-size: 14px; }
.plv-item .plv-body .plv-buttons .btn:last-child { margin-right: 0; }
.plv-item .plv-body .plv-buttons .btn-prim-col { text-transform: none; }

.dot-green, .dot-red { display: inline-block; width: 12px; height: 12px; margin-bottom: -1px; border-radius: 50%; background-color: #93ca6c; vertical-align: baseline; }

.dot-red { background-color: red; }




/*===========================================================================*\
|  News List
\*===========================================================================*/

.col-md-9.col-md-push-3.cat-content { background-color: #ffffff; min-height: 1200px; padding-right:0; padding-left:30px}
@media (max-width: 991px) { .col-md-9.col-md-push-3.cat-content {  padding-left:0px} }

.news-title { font-size: 18px; margin-bottom: 45px; /*text-align: center;*/  }
.heart-title2 {font-size:24px !important }
.bx-wrapper { padding:0 10px;margin-bottom:30px !important; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute;bottom: -20px !important;width: 100%; }

.news-selection{ padding : 0 10px; }
.news-selection h1{ color:#dd1849;font-family:"Raleway",sans-serif; font-weight:800; text-transform: uppercase;}

.news-container { /*margin-bottom: 10px;*/ }

.news-item { margin-bottom: 15px; text-align: left; font-family:"Raleway", sans-serif; }
.news-item.animate { transform: scale(0); -webkit-transform: scale(0); transition: all 0.5s ease; }
.news-item.scale { transform: scale(1); -webkit-transform: scale(1); }
.news-item .ni-body { padding: 17px;  border-top: 0; text-align: left; }
@media (max-width: 767px) { .news-item .ni-body { border: 0; } }
.news-item .ni-title { margin-top: 0; margin-bottom: 10px; font-size: 24px; text-align: center; font-weight:700; font-family : "Raleway", sans-serif; }
.news-item .ni-title-line { width: 60px; margin: 10px auto; border-top: 2px solid #dccc99; }
.news-item .ni-info { display: block; margin-top: 17px; color: #b3b9c2; }
.news-item .ni-info:before, .news-item .ni-info:after { content: " "; display: table; }
.news-item .ni-info:after { clear: both; }
.news-item .ni-date { float: left; }
.news-item .ni-date i { margin-right: 5px; color: #8a9099; }
.news-item .ni-commments { float: right; }
.news-item .ni-commments i { margin-right: 5px; color: #8a9099; }

.heart-item{ text-align:left; color:#7e7e7e;margin-top:10px; }
.couv-item{ text-align:left; color:#7e7e7e;margin-top:10px; }
.heart-item h1,.heart-item h2{ color:#cd003e ; font-size:25px; margin-top:0; }
.couv-item h2,.couv-item h3{ font-size:20px;color:#cd003e}
.couv-item h1{ color:#25acaf; }
.couv-item h1.couv-item h2,.couv-item h3{ margin-top:0;margin-bottom:0; }
.couv-item h1,.couv-item h2{ font-weight: bold; }
.heart-item .pl-price {
    color: #38a2af;
    font-size: 18px;
font-weight: 700;
line-height: 24px;
font-family: "Raleway", sans-serif;
 
}
.heart-item .pl-price-old {
    color: #38a2af;
    font-size: 18px;
font-weight: 700;
line-height: 24px;
font-family: "Raleway", sans-serif;
padding:0 4px 0 0;
color: #a3a3a3;
    text-decoration: line-through;
  font-size: 16px;
  margin: 0 15px;
}
.heart-date{ font-family: "Raleway", sans-serif; font-weight:700; }
.heart-item a{ font-weight: 500; color: #000000; }

.separate {  border-bottom: 1px solid #7e7e7e; margin-bottom: 20px; margin-top: 20px; }

.news-loadmore { margin-top: 5px; border: 1px solid #e1e3e6; color: black; background-color: white; }
.news-loadmore i { margin-right: 10px; color: #dccc99; }
.news-loadmore:hover { color: white; background-color: #e1e3e6; }

.news-item .ni-first {background-color : #276e70 }
.news-item .ni-second {background-color : #25acaf }
.news-item .ni-third {background-color : #e6730d }

.news-item .ni-first .ni-more a:hover{ color:#276e70; background-color:#ffffff; border-color: #276e70;}
.news-item .ni-second .ni-more a:hover{ color:#25acaf; background-color:#ffffff; border-color: #25acaf;}
.news-item .ni-third .ni-more a:hover{ color:#e6730d; background-color:#ffffff; border-color: #e6730d;}

.news-item .ni-body .ni-title a, .news-item .ni-body p {color: #ffffff; }
.news-item .ni-body img { margin:0 auto; display:block; padding-bottom : 10px; }

.news-item .ni-more a {color: #fff;
padding: 10px 20px;
display: block;
border-radius: 3px;
font-weight: 500;
font-size: 14px;
border: 1px solid #ffffff;
text-align: center; }

/*===========================================================================*\
|  Services Block
\*===========================================================================*/
.services-item { margin: 7px 7px 37px; padding: 30px; background-color: #b09965; border: 1px solid #eae3d5; -webkit-box-shadow: 0px 0px 0px 7px #b09965; -moz-box-shadow: 0px 0px 0px 7px #b09965; box-shadow: 0px 0px 0px 7px #b09965; }
.services-item p, .services-item h3, .services-item a { margin: 0; color: white; }
.services-item a:hover { color: #dccc99; }
.services-item .si-icon { margin-top: 5px; margin-bottom: 12px; font-size: 30px; text-align: center; }
.services-item .si-title { font-size: 30px; text-align: center; }
.services-item .si-line { position: relative; height: 2px; margin: 19px 0 30px; border: 1px solid white; border-left: 0; border-right: 0; }
.services-item .si-line:before, .services-item .si-line:after { content: ''; display: block; position: absolute; bottom: -13px; left: 50%; margin-left: -6px; border: 6px solid transparent; }
.services-item .si-line:before { border-top-color: white; }
.services-item .si-line:after { bottom: -9px; margin-left: -4px; border-width: 4px; border-top-color: #b09965; }
.services-item .si-content { margin-bottom: 8px; }



/*===========================================================================*\
|  Widgets
\*===========================================================================*/
.widget { margin-bottom: 40px; }
.widget .wg-title { margin: 0 0 15px; color: black; font-family: HelveticaNeue, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; }
.widget .carousel { display: inline-block; }

/* =============================== Categories =============================== */
.wg-categories { border-bottom: 1px solid #e1e3e6; padding-bottom: 35px; }

.wg-categories-list { list-style-type: disc; margin: 0; padding: 0 0 0 16px; }
.wg-categories-list li { line-height: 25px; }
.wg-categories-list li ul { list-style-type: none; margin: 0; padding: 0 0 0 12px; }
.wg-categories-list .wgc-count { color: #a1a8b3; }
.wg-categories-list li a {display: block;
padding: 0 10px;
color: #3e3d40;
font-weight: 400;}
.wg-categories-list li a:hover { background-color :#edf8fc; }
.wg-categories-list li .active { background-color :#edf8fc; }

/* =============================== Active Filters =============================== */
.wg-active-fiters { border: 2px solid #ebebeb; padding: 20px 10px; }
.wg-active-fiters .wg-title { text-align: center; }
.wg-active-fiters .wg-af-list { list-style-type: none; margin-bottom: 23px; padding: 0; }
.wg-active-fiters .wg-af-list li { line-height: 25px; }
.wg-active-fiters .wg-af-list li:before, .wg-active-fiters .wg-af-list li:after { content: " "; display: table; }
.wg-active-fiters .wg-af-list li:after { clear: both; }
.wg-active-fiters .wg-af-list li label { margin: 0; color: black; }
.wg-active-fiters .wg-afl-del { display: block; float: right; font-size: 18px; }
.wg-active-fiters .close-btn { display: inline-block; }

/* =============================== Price filter =============================== */
.wgpf-label { margin: 10px 0 0; }
.wgpf-label label { margin: 0; text-transform: uppercase; }
.wgpf-label .price-range-label { color: black; }

/* =============================== Filters List =============================== */
.wg-filterslist .wgfl-count { color: #a1a8b3; font-style: normal; }
.wg-filterslist .wgfl-list { display: inline-block; list-style-type: none; padding: 0; margin-right: 25px; color: #737880; }
.wg-filterslist .wgfl-list li { padding: 5px 0; }
.wg-filterslist label { margin: 0; }
.wg-filterslist a, .wg-filterslist label { color: #737880; transition: all 0.3s ease; }
.wg-filterslist a:hover, .wg-filterslist label:hover { color: #dccc99; }
.wg-filterslist input.stl[type=checkbox]:not(old) + label > span, .wg-filterslist input.stl[type=radio]:not(old) + label > span { margin: .25em .5em .25em 0; }

.color-option { width: 16px; height: 16px; padding: 0; margin-left: 0; margin-top: 1px; margin-bottom: 6px; margin-right: 5px; border: 1px solid #666; vertical-align: middle; }
.color-option.on { border: 2px solid black; }

.wg-size-tabs { list-style-type: none; padding: 0; margin-left: 30px; margin-bottom: -2px; display: inline-block; font-size: 12px; color: #81878f; vertical-align: middle; }
.wg-size-tabs:before, .wg-size-tabs:after { content: " "; display: table; }
.wg-size-tabs:after { clear: both; }
.wg-size-tabs li { float: left; padding: 0 0 0 8px; }
.wg-size-tabs li:after { content: '|'; display: block; float: right; margin-left: 8px; color: #d3d6db; }
.wg-size-tabs li:last-child:after { content: ''; }
.wg-size-tabs li.active a { color: #dccc99; }
.wg-size-tabs li a { color: #959aa1; }
.wg-size-tabs li a:hover { color: #dccc99; }

/* =============================== Specials =============================== */
.wg-specials .wg-title { margin-bottom: 25px; }
.wg-specials .wgsp-item figure { display: block; overflow: hidden; width: 100%; height: 270px; line-height: 270px; border: 1px solid #ebebeb; text-align: center; }
.wg-specials .wgsp-item figure img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.wg-specials .wgsp-title { margin-bottom: 0px; color: #212224; font-size: 14px; font-weight: 400; text-align: center; }
.wg-specials .wgsp-title a { color: #212224; }
.wg-specials .wgsp-title a:hover { color: #dccc99; }
.wg-specials .wgsp-price { color: #dccc99; font-size: 16px; font-weight: 500; text-align: center; }
.wg-specials.box-with-pager .bx-controls { top: 0; }
@media (max-width: 767px) { .wg-specials.box-with-pager .bx-controls { top: 40px; } }
.wg-specials .btn { min-width: 0; }
.wg-specials .btn-grey { background-color: #e1e3e6; color: #212224; }
.wg-specials .btn-grey:hover { background-color: #dccc99; color: white; }

/* =============================== Viwed Products =============================== */
.wg-viwed-products .wg-title { margin-bottom: 25px; }
.wg-viwed-products .wgvp-list { list-style-type: none; padding: 0; }
.wg-viwed-products .wgvp-item { margin-bottom: 20px; }
.wg-viwed-products .wgvp-item:before, .wg-viwed-products .wgvp-item:after { content: " "; display: table; }
.wg-viwed-products .wgvp-item:after { clear: both; }
.wg-viwed-products .wgvp-item figure { float: left; overflow: hidden; width: 90px; height: 102px; line-height: 102px; margin-right: 20px; border: 1px solid #ebebeb; text-align: center; }
.wg-viwed-products .wgvp-item figure img { max-width: 100%; max-height: 100%; vertical-align: top; }
.wg-viwed-products .wgvp-item-title { margin-bottom: 0px; color: #212224; font-size: 14px; font-weight: 400; }
.wg-viwed-products .wgvp-item-title a { color: #212224; }
.wg-viwed-products .wgvp-item-title a:hover { color: #dccc99; }
.wg-viwed-products .wgvp-item-price { color: #dccc99; font-size: 14px; font-weight: 500; }

/* =============================== Our Stores =============================== */
@media (min-width: 768px) { .wg-our-stores { border-bottom: 1px solid #e1e3e6; padding-bottom: 35px; } }
.wg-our-stores .wgos-discover { margin-top: 14px; }
.wg-our-stores .wgos-discover .btn { padding-left: 30px; }

.arrow-button:after { content: "тЖТ"; display: inline-block; width: 43px; margin-left: 15px; padding-left: 0; padding-right: 10px; font-size: 18px; line-height: 22px; font-family: Arial; vertical-align: top; transition: all .2s ease 0; }
.arrow-button:hover:after { padding-left: 10px; padding-right: 0; }

/* =============================== Links =============================== */
.wg-links { border-bottom: 1px solid #e1e3e6; padding-bottom: 35px; }

.wg-links-list { list-style-type: disc; margin: 0; padding: 0 0 0 16px; }
.wg-links-list li { line-height: 25px; }
.wg-links-list li ul { list-style-type: none; margin: 0; padding: 0 0 0 12px; }


/*===========================================================================*\
|  Shortcodes
\*===========================================================================*/
.quote-author { color: #dccc99; font-size: 13px; margin-top: 10px; display: block; }

.q-w-bg { background: #dccc99; color: #fff; }

.quote-ic { font-size: 20px; float: left; width: 30px; margin-right: 5px; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Opera, Chrome, and Safari */ }

.white { color: #fff; }

.checked input, .checked input:focus { border: 1px solid #79c257 !important; }

.checked input:before { font-size: 18px; }

.checked i { color: #79c257; font-size: 17px; }

input.required-alert, input.required-alert:focus, .required-alert textarea { border: 1px solid #f54325 !important; color: #f54325; }

/*===========================================================================*\
|  Login & Register
\*===========================================================================*/
.login-register { padding-top: 65px; padding-bottom: 40px; }
.login-register .whith-f-t { border: 1px solid #d7d9db; max-width: 570px; min-height: 160px; margin: 0 auto; text-align: center; }
.login-register .whith-f-t p { background-color: #fff; padding: 15px; display: inline-block; color: #737880; font-size: 14px; transform: translateY(-50%); }
.login-register .whith-f-t a { display: inline-block; width: 195px; height: 50px; line-height: 50px; vertical-align: middle; color: #fff; font-size: 18px; text-transform: uppercase !important; margin: -10px 10px 20px 10px; }
.login-register .whith-f-t a.facebook { background-color: #3c599f; }
.login-register .whith-f-t a.facebook span { margin-right: 5px; }
.login-register .whith-f-t a.twitter { background-color: #1ec7fd; }
.login-register .whith-f-t a.twitter span { margin-right: 10px; }
.login-register .login a { margin: 0; margin-left: 25px; vertical-align: bottom; color: #dccc99; }
.login-register .login a:hover { color: #737880; }
.login-register .login .stl { margin: 0; color: #6e747a; font-size: 13px; vertical-align: bottom; }
.login-register .login .stl span { margin: 0; margin-right: 5px; vertical-align: bottom; }
.login-register h6 { border-bottom: 1px solid #d7d9db; padding-bottom: 10px; margin-bottom: 25px; }
.login-register form { margin-top: 45px; margin-bottom: 45px; }
.login-register form > div { margin-left: 0; color: #6e747a; font-size: 13px; margin-bottom: 17px; }
.login-register form > div > p { margin-bottom: 6px; }
.login-register input { margin-bottom: 12px; margin-top: 5px; vertical-align: middle; height: 39px; line-height: 39px; }
.login-register input[type=password] { margin-bottom: 8px; }
.login-register input[type=submit], .login-register button { width: 107px; height: 38px; line-height: 38px; vertical-align: middle; padding: 0; text-align: center; text-transform: uppercase; margin-right: 13px; }

/*===========================================================================*\
|  404
\*===========================================================================*/
.page-404 { text-align: center; max-width: 570px; margin: 0 auto; padding-top: 95px; }
.page-404 h1 { font: 600 180px/150px HelveticaNeue, Arial, Helvetica, sans-serif; margin: 0; }
@media all and (max-width: 768px) { .page-404 h1 { font-size: 160px; line-height: 170px; overflow: hidden; } }
.page-404 h5 { font-family: "Open Sans", sans-serif; margin: 0 0 30px 0; }
.page-404 p { font-size: 14px; margin-bottom: 25px; }
.page-404 p a { color: #dccc99; }
.page-404 p a:hover { color: #737880; }

.search input, input[type=submit] { height: 46px; line-height: 46px; vertical-align: middle; padding-top: 0; padding-bottom: 0; }

.search .field-icon { display: inline-block; width: auto; height: auto; position: absolute; top: 50%; right: 35px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.page-404 .btn, .subscribe .btn { width: 100%; }

.best-product { border-top: 2px solid #212224; text-align: center; margin-top: 100px; }
.best-product h6 { text-align: center; padding: 0px 20px; display: inline-block; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; background-color: #fff; margin-bottom: 20px; }

.pl-pages { max-width: 100%; overflow: hidden; }

.subscribe { margin-top: 20px; margin-bottom: 20px; line-height: 50px; }
.subscribe h3 { margin: 0; line-height: 55px; text-align: center; }
.subscribe h3 span { color: #8a9099; margin-right: 15px; font-size: 1.2em; vertical-align: -4px; }
.subscribe form { vertical-align: middle; line-height: 50px; }

/*===========================================================================*\
|  contact
\*===========================================================================*/
.contact { padding-top: 60px; }
.contact form { margin-bottom: 70px; }
.contact h6 { font-size: 16px; color: black; border-bottom: 1px solid #d7d9db; padding-bottom: 10px; margin-bottom: 30px; margin-top: 0; }
.contact .google-maps { margin-bottom: 60px; padding-bottom: 420px; }
.contact .person { margin-bottom: 38px; height: 80px; }
.contact .person .img-cover { float: left; width: 80px; height: 80px; }
.contact .person .name { font-size: 14px; color: #212224; line-height: 14px; margin-bottom: 20px; }
.contact .person .name span { color: #a5adb8; }
.contact .person .smart-phone, .contact .person .email { margin-bottom: 9px; }
.contact .smart-phone, .contact .phone { margin-bottom: 17px; line-height: 18px; }
.contact .smart-phone i, .contact .phone i { font-size: 18px; margin-right: 15px; vertical-align: middle; }
.contact .smart-phone span, .contact .phone span { color: black; vertical-align: top; }
.contact .email { margin-bottom: 15px; }
.contact .email i { font-size: 16px; margin-right: 15px; }
.contact .email a { color: #AF9541; }
.contact .email a:hover { color: #737880; }
.contact .skype i { font-size: 16px; margin-right: 15px; }
.contact .skype a { color: #dccc99; }
.contact .skype a:hover { color: #737880; }
.contact .detail { margin-bottom: 70px; }
.contact .detail h6 { margin-top: 103px; margin-bottom: 20px; }

/*===========================================================================*\
|  wishlist
\*===========================================================================*/
.clrfix:after, .clrfix:before { content: ""; display: block; clear: both; height: 0; }

.user-info { border: 1px solid #d7d9db; margin-top: 60px; margin-bottom: 60px; width: 100%; }
@media all and (max-width: 768px) { .user-info { display: block; width: 100%; border: none; }
  .user-info:after { content: ""; display: block; width: 100%; clear: both; height: 0; }
  .user-info > thead, .user-info > tbody { display: block; width: 100%; max-width: 100%; }
  .user-info > thead > tr, .user-info > tbody > tr { display: block; width: 100%; max-width: 100%; }
  .user-info > thead > tr > td, .user-info > thead > tr th, .user-info > tbody > tr > td, .user-info > tbody > tr th { display: block; width: 100% !important; max-width: 100% !important; border: 1px solid #d7d9db; clear: both; float: left; }
  .user-info > thead > tr > td .wellcome, .user-info > thead > tr > td .last, .user-info > thead > tr th .wellcome, .user-info > thead > tr th .last, .user-info > tbody > tr > td .wellcome, .user-info > tbody > tr > td .last, .user-info > tbody > tr th .wellcome, .user-info > tbody > tr th .last { border-left: none; }
  .user-info > thead > tr > td.picture, .user-info > thead > tr th.picture, .user-info > tbody > tr > td.picture, .user-info > tbody > tr th.picture { border-bottom: none; } }
.user-info .picture { text-align: center; width: 145px; min-width: 145px; max-width: 145px; }
.user-info .picture .img-cover { display: inline-block; margin: 0; margin-top: 34px; width: 75px; }
.user-info .picture .name { font-size: 12px; margin-top: 10px; margin-bottom: 28px; }
.user-info .picture .change-picture { margin-bottom: 19px; }
.user-info .picture .change-picture i { display: block; text-align: center; }
.user-info .picture .change-picture a { color: #dccc99; }
.user-info .picture .change-picture a:hover { color: #737880; }
.user-info .wellcome { border-left: 1px solid #d7d9db; border-bottom: 1px solid #d7d9db; padding-top: 37px; padding-bottom: 40px; }
.user-info .wellcome h4 { margin-top: 0; margin-bottom: 5px; }
.user-info .wellcome h4 span { color: #dccc99; }
.user-info .wellcome .my-orders { font-size: 15px; font-weight: 600; margin-bottom: 3px; }
.user-info .wellcome .view-cart { text-align: center; }
@media all and (max-width: 768px) { .user-info .wellcome .view-cart { text-align: left; } }
.user-info .wellcome .view-cart .btn { margin-top: 3px; }
.user-info .last { border-left: 1px solid #d7d9db; width: 100%; padding-top: 20px; padding-bottom: 8px; }
.user-info .last p span { color: #dccc99; margin-left: 10px; }
.user-info .last p span.price { font-size: 14px; font-weight: 600; color: #212224; }

.left-menu { min-width: 145px; text-align: center; margin-bottom: 40px; }
.left-menu div { width: 145px; height: 125px; background-color: #f5f5f5; text-align: center; font-size: 14px; padding-top: 40px; position: relative; color: #212224; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; }
.left-menu div:hover { color: #dccc99; }
@media all and (max-width: 992px) { .left-menu div { display: block; width: 100%; height: 70px; padding: 10px; } }
.left-menu div:not(:last-child) { border-bottom: 1px solid #d7d9db; }
@media all and (max-width: 992px) { .left-menu div:not(:last-child) { border: none; border-bottom: 1px solid #d7d9db; } }
.left-menu div i { font-size: 1.7em; }
.left-menu div.active { background-color: #dccc99; color: #fff; }
.left-menu div.active:hover { color: #212224; }
.left-menu div.active:after { content: ""; display: block; position: absolute; height: 0; width: 0; border: 10px solid transparent; border-left-color: #dccc99; right: -20px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media all and (max-width: 992px) { .left-menu div.active:after { display: none; } }

h6.account-table-head { margin-top: 0; border-bottom: 1px solid #d7d9db; padding-bottom: 10px; margin-bottom: 25px; text-transform: uppercase; }

.you-order .list-sub{  border: 1px solid #25acaf; margin: 20px 0; padding: 10px; }
.you-order .list-sub select{ max-width:100%}
.you-order .list-sub span {color:#cd003e }
@media all and (max-width: 992px) { .you-order .list-sub figure { margin:0 auto; text-align:center; }}


.you-order .first-shipping { background-color:#25acaf; color:#000000; font-family:"Raleway",sans-serif; text-align:center;margin:20px 0; padding:10px; }
.you-order .second-shipping { background-color:#dcdcdc ;color:#000000; font-family:"Raleway",sans-serif; text-align:center;margin:20px 0; padding:10px; }

.cheque a{background-color:#cd003e; }
.cheque img {float:left;}
.virement a{ background-color:#cd003e; }
.cb{ text-align:center;margin-top:13px; }
.paypal{ text-align:center;margin-top:13px; }
.cb img , .paypal img{ cursor:pointer;}
@media all and (max-width: 992px) { .cheque img {display:none;}}

.table_block {font-family:"Raleway",sans-serif}
.table_block .table tbody > tr > td .icon_search{ padding-left:10px;color:#25acaf; }
.table_block .table tbody > tr > td .icon_search:hover{ color:#7e7e7e; }
.table_block .total-product { text-align: right; font-weight: 700;}
.table_block { margin-bottom: 10px;}
.account .more { padding:10px; }
.table_block .table.table-bordered { border-color: #ebebeb; }
.table_block .table tbody > tr > td { vertical-align: middle;  position: relative; }
.table_block .table tbody > tr { position: relative; }
.table_block .table tbody > tr a.close-btn.ddr { display: inline-block; position: absolute; top: 15px; right: 12px; margin: 0; }
@media all and (max-width: 767px) { .table_block .table tbody > tr a.close-btn.ddr { top: auto; bottom: 20px; } }
.table_block .subtotal { padding-left: 20px; padding-right: 60px; text-align: left; }
@media all and (max-width: 767px) { .table_block .subtotal { padding: 0; }
  .table_block .subtotal p { text-align: center; } }
.table_block .subtotal p { font-size: 14px; font-family: HelveticaNeue, Arial, Helvetica, sans-serif; }
.table_block .subtotal.no-cls-btn { padding-left: 0; padding-right: 0; text-align: center; width: 120px; }
.table_block .table tbody > tr > td.default { width: 100px; }
.table_block .table tbody > tr > td.default span { font-family: HelveticaNeue, Arial, Helvetica, sans-serif; font-size: 14px; }
.table_block .table tbody > tr > td.date { width: 130px; }
.table_block .table tbody > tr > td.date span { font-family: HelveticaNeue, Arial, Helvetica, sans-serif; font-size: 14px; }
.table_block .table tbody > tr > td.cart_quantity { text-align: center; width: 140px; vertical-align: top; padding-top: 20px; }
.table_block .table tbody > tr > td.cart_quantity .cart_quantity_button { white-space: nowrap; vertical-align: middle; display: inline-block; clear: both; }
.table_block .table tbody > tr > td.cart_quantity .cart_quantity_button a { float: left; display: block; margin: 0; height: 30px; line-height: 25px; vertical-align: middle; padding: 0; width: 30px; font-size: 20px; border: 1px solid #d7d9db; color: #8c929b; text-align: center; }
.table_block .table tbody > tr > td.cart_quantity .cart_quantity_button a:hover { color: #212224; }
.table_block .table tbody > tr > td.cart_quantity .cart_quantity_button a:focus:not(:hover) { background: none; }
.table_block .cart_quantity .cart_quantity_input { padding: 0; text-align: center; float: left; display: block; margin: 0; width: auto; min-width: 30px; text-indent: 0; height: 30px; line-height: 30px; font-size: 15px; color: #212224; font-family: "Open Sans", sans-serif; border-left: none; border-right: none; }
.table_block .cart_quantity .cart_quantity_input:disabled { background-color: transparent; cursor: default; }
.table_block .table tbody > tr > td.cart_delete { padding: 0; width: 170px; vertical-align: top; padding-top: 20px; }
.table_block .table tbody > tr > td.cart_delete .btn { width: 120px; padding-left: 0; padding-right: 0; }
.table_block .table tbody > tr > td.cart_delete .remove { text-transform: none; font-size: 13px; color: #81878f; vertical-align: middle; text-align: left; }
.table_block .table tbody > tr > td.cart_delete .remove:hover { color: #212224; }
.table_block .table tbody > tr > td.cart_delete .remove i { font-size: 18px; vertical-align: -3px; }
.table_block .table tfoot > tr > td { vertical-align: middle; }
.table_block .table-account tbody td.cart_product { padding: 10px; width: 100px; text-align: center; vertical-align: middle; }
.table_block .table-account tbody td.cart_product img { border: none; vertical-align: middle; }
.table_block .table-account tbody td.cart_unit { text-align: center; vertical-align: top; padding-top: 20px; width: 120px; font-size: 14px; font-family: HelveticaNeue, Arial, Helvetica, sans-serif; }
.table_block .table-account tbody td.cart_unit .old-price { text-decoration: line-through; color: #a3a3a3; }
.table_block .table-account tbody td.cart_description small { display: block; padding: 0; color: #36383b; font-family: "Open Sans", sans-serif; font-size: 13px; }
.table_block .table-account tbody td.cart_description small span { color: #9198a1; }
.table_block .table-account tbody td.cart_description { vertical-align: top; text-align: left; }
.table_block .table-account tfoot td.text-right { color: #333333; font-weight: bold; }
.table_block .table-account tfoot td.price { text-align: right; }
.table_block .table-account tfoot td.total_price_container span { color: #555454; font: 600 18px/22px "Open Sans",sans-serif; text-transform: uppercase; }
.table_block .table-account tfoot td#total_price_container { background: none repeat scroll 0 0 white; color: #333333; font: 600 21px/25px "Open Sans",sans-serif; }
.table_block .table > tbody > tr > td.cart_description { padding: 20px; }
.table_block tfoot.dd-list-empty tr td { border: none; }
.table_block .table-account { margin-bottom: 0; }
.table_block .info { border: 1px solid #d7d9db; margin-bottom: 0; border-top: none; font: 14px/50px HelveticaNeue, Arial, Helvetica, sans-serif; color: black; height: 50px; vertical-align: middle; font-weight: 600; white-space: nowrap; }
.table_block .info.total span { color: #212224; }
.table_block .info.total span + span { color: #dccc99; }
@media (max-width: 767px) { .table_block { border: none; }
  .table_block .info { border-left: none; border-right: none; }
  .table_block .table-account table, .table_block .table-account thead, .table_block .table-account tbody, .table_block .table-account th, .table_block .table-account td, .table_block .table-account tr { display: block; }
  .table_block .table-account tbody td.cart_product { width: 100%; }
  .table_block .table-account thead tr { left: -9999px; position: absolute; top: -9999px; }
  .table_block .table-account tr { border-bottom: 1px solid #cccccc; overflow: hidden; }
  .table_block .table-account td { border: medium none; float: left; position: relative; white-space: normal; width: 100%; display: block; text-align: center; }
  .table_block .table-account td.cart_avail { clear: both; }
  .table_block .table-account td.cart_quantity { clear: both; text-align: center; }
  .table_block .table-account td.cart_delete { clear: both; float: right; width: 100%; }
  .table_block .table-account tbody td.cart_unit { width: 100%; max-width: 100%; }
  .table_block .table-account tbody td.cart_unit .old-price { display: block; }
  .table_block .table-account td.cart_delete:before { display: inline-block; padding-right: 0.5em; position: relative; top: -3px; }
  .table_block .table-account td:before { content: attr(data-title);
display: block;
color: #25acaf;
text-align: center;

font-weight: 700; }
  .table_block .table-account tfoot td { float: none; width: 100%; }
  .table_block .table-account tfoot td:before { display: inline; }
  .table_block .table-account tfoot tr .text-right, .table_block .table-account tfoot tr .price { display: block; float: left; width: 100%; }
  .table_block .table { border-bottom: none; } }
.table_block .table > thead > tr > th { background: none repeat scroll 0 0 #ebebeb; border-bottom-width: 1px; border-color: #ebebeb; vertical-align: middle; color: #212224; font-size: 13px; font-family: HelveticaNeue, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; height: 46px; line-height: 46px; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.table_block .product-name { color: #212224; font-size: 14px; font-weight: 600; line-height: 23px; margin-bottom: 0; height: 35px; margin-bottom: 15px; }
.table_block .product-name a { color: #212224; line-height: 23px; }
.table_block .product-name a:hover { color: #dccc99; }
.table_block .table .price, .table_block .subtotal p { color: #000; font-weight: 600; white-space: nowrap; }

/*===========================================================================*\
|  form-billing
\*===========================================================================*/

.form-billing label{ float:left; width : 15%;  }
.form-billing .label-top {margin-top:8px; }
.form-billing input { max-width:271px; }
@media all and (max-width: 738px) { .form-billing label{ float:none; width : 100%;  }.form-billing .label-top {margin-top:0px; }.form-billing input { max-width:100%; }}

.form-check label{width:100%}

/*===========================================================================*\
|  account
\*===========================================================================*/
.personal-detail { margin-top: -18px; margin-bottom: 60px; overflow: hidden; }
.personal-detail h6 { margin-top: 50px; margin-bottom: 20px; }
.personal-detail .form-group { margin-bottom: 11px; }
.personal-detail .form-group .hasCustomSelect { margin-top: 6px; }
.personal-detail .btn { margin-top: 10px; }

label.type-text { width: 100%; margin: 0; font: 13px "Open Sans", sans-serif; color: #212224; }
label.type-text input { margin-top: 10px; }

.table-account{
text-align:center;
border:1px solid #ebebeb;
}
.table-account tr td {

    border:1px solid #ebebeb;
}
.table-account thead tr {
 background: #25acaf none repeat scroll 0 0;
    color: #ffffff;
    border:1px solid #ebebeb;
}
.table-account thead tr td {
border: 1px solid #ebebeb;
}
  .abonne{   border-collapse: inherit;
    border-left: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
     border-bottom:0px solid #ebebeb;
    border-right:0px solid #ebebeb;}
    
   .abonne tr td {
    border-bottom: 1px solid #ebebeb !important;
    border-right: 1px solid #ebebeb !important;
    border-left:0px solid #ebebeb !important;
    border-top:0px solid #ebebeb !important;
}
.abonne .title-table {
    background-color: #25acaf;
    color: #ffffff;
}

.content-table {
    font-weight: 700;
}

.left{
padding:10px;
float:left;
}

  .btn-third-col:hover{
  opacity:0.8;
  }
/*===========================================================================*\
|  Checkout
\*===========================================================================*/
.checkout-menu ,.account-menu{  overflow: hidden; margin-top: 10px; margin-bottom: 10px; }
.checkout-menu .btn,.account-menu .btn { position: relative; height: 51px; line-height: 22px; vertical-align: middle; padding: 0; float: left; margin-bottom:15px;background: #999d9e;
color: #ffffff;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.checkout-menu .btn:not(.active),.account-menu .btn:not(.active) { color: #ffffff;}
/*.checkout-menu .btn:after, .checkout-menu .btn:before { content: ""; display: block; position: absolute; height: 0; width: 0; right: -15px; top: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: none; border-left-width: 15px; border-left-style: solid; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease; -webkit-transition-delay: 0s; transition: all 0.2s ease 0s; }
.checkout-menu .btn.btn-third-col:after, .checkout-menu .btn.btn-third-col:before { border-left-color: #ffffff; }
.checkout-menu .btn.btn-third-col:hover:after, .checkout-menu .btn.btn-third-col:hover:before { border-left-color: #ffffff; }
.checkout-menu .btn:after { border-left-color: white; border-left-width: 15px; right: -14px; }
.checkout-menu .btn:before { border-left-color: #ffffff; right: -15px; }
.checkout-menu .btn:hover:before, .checkout-menu .btn:hover:after { border-left-color: #ffffff; }*/
.checkout-menu .btn span,.account-menu .btn span { display:block; font-size:18px; }
.checkout-menu .btn:hover,.account-menu .btn:hover { color:#ffffff;  opacity:0.8; background: #25acaf; }

.checkout-menu .active ,.account-menu .active{
    background: #25acaf;
    color: #ffffff;

}

/*.arrow_box {
	position: relative;
	background: #25acaf;
	border: 1px solid #25acaf;
}*/
.checkout-menu .btn.active:after, .checkout-menu .btn.active:before,.checkout-menu .btn:hover:after, .checkout-menu .btn:hover:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.checkout-menu .btn.active:after ,.checkout-menu .btn:hover:after{
	border-color: rgba(37, 172, 175, 0);
	border-top-color: #25acaf;
	border-width: 12px;
	margin-left: -12px;
}
.checkout-menu .btn.active:before,.checkout-menu .btn:hover:before {
	border-color: rgba(37, 172, 175, 0);
	border-top-color: #25acaf;
	border-width: 13px;
	margin-left: -13px;
}

.account-menu .btn.active:after, .account-menu .btn.active:before,.account-menu .btn:hover:after, .account-menu .btn:hover:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.account-menu .btn.active:after ,.account-menu .btn:hover:after{
	border-color: rgba(37, 172, 175, 0);
	border-top-color: #25acaf;
	border-width: 12px;
	margin-left: -12px;
}
.account-menu .btn.active:before,.account-menu .btn:hover:before {
	border-color: rgba(37, 172, 175, 0);
	border-top-color: #25acaf;
	border-width: 13px;
	margin-left: -13px;
}

.validation-engine { background-color : #eeeeee; padding: 15px;margin: 10px 0 20px;}
.title-important{font-weight: 700;}
.you-order { margin-bottom: 10px; }
.you-order .table_block  .table tbody { width: 100%; }
.you-order .table_block .table tbody > tr { position: relative; }
.you-order .table_block .table tbody > tr a.close-btn.ddr { display: inline-block; position: absolute; top: 20px; right: 12px; margin: 0; }
@media all and (max-width: 767px) { .you-order .table_block .table tbody > tr a.close-btn.ddr { top: auto; bottom: 20px; } .table_block .table-account tbody td.cart_description,.you-order .total-product{text-align:center; } }
.you-order .table_block .table tbody > tr > td { border-top: none; position: static; }
.you-order .table_block .table tbody > tr > td.cart_description { border-right: none; }
.you-order .table_block .table tbody > tr > td.cart_description .qty { margin-bottom: 15px; padding-top: 5px; font: 14px HelveticaNeue, Arial, Helvetica, sans-serif; }
.you-order .table_block .table tbody > tr > td.cart_description .qty span { color: #dccc99; font-size: 16px; }
.you-order .table_block .table tbody > tr > td.cart_product { border-right: 1px solid #d7d9db; }
.you-order .table_block .table > thead > tr > th { text-align: left; text-indent: 20px; font: 16px HelveticaNeue, Arial, Helvetica, sans-serif; vertical-align: middle; height: 43px; line-height: 0; padding-top: 1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.you-order .table_block { border: none; }
.you-order .table_block .table-account { border-collapse: collapse; border-left: 1px solid #d7d9db; border-right: 1px solid #d7d9db; border-top-width: 0; }
@media all and (max-width: 767px) { .you-order .table_block .table-account { border-top:1px solid #d7d9db; } } 
.you-order .table_block .table-account td { position: relative; }
.you-order .table_block .info { height: 55px; font: 13px/55px "Open Sans", sans-serif; color: black; border-left: 1px solid #d7d9db; border-right: 1px solid #d7d9db; }
.you-order .table_block .info span + span { font-size: 15px; }
.you-order .table_block .info.total { font: 600 15px/55px "Open Sans", sans-serif; text-transform: uppercase; }
.you-order .table_block .info .gray { color: #9198a1; }
.you-order .mobile-collapse-header { font: 16px HelveticaNeue, Arial, Helvetica, sans-serif; background-color: #ebebeb; padding-left: 20px; padding-right: 20px; height: 45px; line-height: 43px; padding-top: 1px; vertical-align: middle; border: 1px solid #d7d9db; }
.you-order .mobile-collapse-header:after { right: 15px; }
.you-order .mobile-collapse-body { margin-top: 0; }
.you-order .mobile-collapse-body .dd-list-empty { border: 1px solid #d7d9db; border-top: none; }
.you-order .table_block .table-account input[type="text"]{ text-indent:0;padding:0; text-align:center; width:auto; }
.you-order .total-product{text-align:right;font-weight:800;}
.account .refresh { padding:0px; font-size:16px; text-align:right;font-weight:800;line-height: 76px; }
.account .refresh button { background-color:#ffffff; color:#25acaf; border:none;  }
.account .refresh button:hover { color:#757980; }
h6.accordion-h6 { font: 600 16px HelveticaNeue, Arial, Helvetica, sans-serif; margin-top: 30px; }

#accordion-order .accordion-header:hover, #accordion-order .accordion-header:not(.collapsed) { background-color: #dccc99; color: white !important; border: 1px solid #dccc99; }
#accordion-order .accordion-header:hover:after, #accordion-order .accordion-header:not(.collapsed):after { border-color: #dccc99; color: white; }
#accordion-order h6 { font: 600 16px HelveticaNeue, Arial, Helvetica, sans-serif; margin-top: 30px; }
#accordion-order .accordion-body { padding-top: 0; }
#accordion-order .checkbox { margin-bottom: 15px; margin-top: 0; height: auto; }
#accordion-order .form-group input { height: 43px; }
#accordion-order .btn.btn-md { width: 110px; padding: 0; vertical-align: middle; min-width: 0; font: 14px/38px "Open Sans", sans-serif; }
#accordion-order label[for=checkbox3] { margin-bottom: 32px; }
#accordion-order .customSelect { height: 43px; }
#accordion-order .customSelect:after { margin: -19px -5px 0 0; }
#accordion-order select.hasCustomSelect { width: calc(100% - 30px) !important; }
#accordion-order .caption { display: none; }
#accordion-order input[type=radio]:checked + label + .caption { display: block; }
#accordion-order input[type=radio] + label { color: black; margin-left: 0; padding-left: 10px; margin-bottom: 5px; display: inline-block; }
#accordion-order .form-group.radio { border-bottom: 1px solid #d7d9db; margin: 0; padding-top: 15px; padding-bottom: 10px; }
#accordion-order .form-group.radio img { margin-left: 10px; }
#accordion-order .form-group.radio:first-child { border-top: 1px solid #d7d9db; padding-bottom: 10px; margin-top: 30px; }
#accordion-order .big-button { text-align: center; }
#accordion-order .big-button .btn-lg { font: 14px/54px "Open Sans", sans-serif; padding: 0; width: 250px; vertical-align: middle; }



/*===========================================================================*\
|  Shopping Cart
\*===========================================================================*/
h6.gold-header { background-color: #dccc99; padding: 2px 0 0 15px; margin: 0; color: white; vertical-align: middle; font: 16px/46px HelveticaNeue, Arial, Helvetica, sans-serif; height: 46px; }

.cart-detail { margin-bottom: 40px; }

.info { height: 55px; font: 13px/55px "Open Sans", sans-serif; color: black; border-left: 1px solid #d7d9db; border-right: 1px solid #d7d9db; border-bottom: 1px solid #d7d9db; margin-top: 0; margin-bottom: 0; }
.info span + span { font-size: 15px; }
.info.total { font: 600 15px/60px "Open Sans", sans-serif; text-transform: uppercase; height: 60px; }
.info.total span { vertical-align: middle; }
.info.total span + span { color: #dccc99; font-size: 18px; }
.info .gray { color: #9198a1; font-size: 13px; }

.calc-shipping { padding-top: 15px; border: 1px solid #d7d9db; margin-bottom: 40px; overflow: hidden; }

.voucher-text { border: 1px solid #cd003e; margin-bottom: 3px; padding: 5px; }
.voucher-text i.icon_info_alt{  color:#cd003e; float:left;font-size:20px; padding-right:8px; position:relative; }
.voucher-text p{margin:0 }

.bottom-buttons input[type=text] { height: 46px; width: 100%; margin-bottom: 20px; }
.bottom-buttons .btn { display: inline-block; height: 46px; text-align: center; width: 100%; font-size: 14px; min-width: 0; margin-bottom: 20px; }

.mb-40 { margin-bottom: 40px !important; }

.table_block span.count { color: #212224; font: 16px "Open Sans", sans-serif; }
.table_block .subtotal p { text-align: center; }
.table_block .subtotal .close-btn + p { text-align: left; }
@media all and (max-width: 767px) { .table_block .subtotal .close-btn + p { text-align: center; } }

/*===========================================================================*\
|  Order Complete
\*===========================================================================*/
.thank-you { margin-top: 0; margin-bottom: 30px; }

.left-arrow-btn { position: relative; }
.left-arrow-btn:before { line-height: 32px; font-family: Arial; content: "тЖТ"; font-size: 25px; color: #dccc99; display: inline-block; float: left; transition: all .2s ease 0; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.left-arrow-btn:hover:before { color: #fff; }

.contact-info { width: 235px; float: right; }
@media all and (max-width: 991px) { .contact-info { float: none; margin: 0 auto 40px auto; } }
.contact-info p { margin-bottom: 5px; }
.contact-info p span { color: #212224; }
.contact-info h6 { font-size: 16px; margin-top: 0; }
.contact-info h6 span { color: #9198a1; margin-right: 10px; font-size: 20px; }
.contact-info .hr { display: block; height: 0; border-bottom: 1px solid #e1e3e6; margin-bottom: 20px; margin-top: 15px; }

/*===========================================================================*\
|  wishlist
\*===========================================================================*/
.compare-div { position: relative; overflow: hidden; }
.compare-div .compare-table { display: block; overflow-x: auto !important; width: auto; position: static !important; margin-left: 120px; }
.compare-div .compare-table tbody { position: static; display: inline-block !important; }
.compare-div .compare-table .dd-list-empty { width: 100%; }
.compare-div .compare-table .dd-list-empty.visible { display: block; }
.compare-div .compare-table .dd-list-empty > * { display: block; width: 100%; }
.compare-div .compare-table tr { position: static !important; display: block; width: 100%; white-space: nowrap; display: inline-block !important; border: none; }
.compare-div .compare-table tr td { white-space: normal; display: inline-block !important; padding: 20px; vertical-align: top; min-width: 150px; max-width: 265px; float: none !important; border-top: none; border-left: none; border-right: 1px solid #d7d9db; }
.compare-div .compare-table tr td p { margin: 0; }
.compare-div .compare-table tr td.row-title { width: 120px !important; min-width: 120px; max-width: 120px; margin-top: -1px; background-color: #ebebeb; font: 13px HelveticaNeue, Arial, Helvetica, sans-serif; color: #212224; text-align: left !important; position: absolute !important; left: 0; height: 100%; }
.compare-div .compare-table tr.compare-image td.cart_product { padding: 0 !important; position: relative; height: 285px; }
.compare-div .compare-table tr.compare-image td.cart_product a { height: 285px; width: 100%; }
.compare-div .compare-table tr.compare-image td.cart_product .img-cover { height: 285px; width: 100%; position: relative; }
.compare-div .compare-table tr.compare-image td.cart_product .img-cover img { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; }
.compare-div .compare-table tr.compare-name td p.product-name { text-align: center !important; }
.compare-div .compare-table tr.compare-description td p { text-align: justify; }
.compare-div .compare-table tr.compare-brand td p { text-align: left; font: 14px HelveticaNeue, Arial, Helvetica, sans-serif; color: #212224; }
.compare-div .compare-table tr.compare-size td p, .compare-div .compare-table tr.compare-color td p { text-align: left; font-size: 14px; }
.compare-div .compare-table tr.compare-availability td p span { display: inline-block; width: 11px; height: 11px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #26cdb3; margin-right: 8px; vertical-align: -1px; }
.compare-div .compare-table tr.compare-price td.cart_unit { width: auto; }
.compare-div .compare-table tr.compare-add-cart td.cart_delete { padding: 20px !important; }
.compare-div .compare-table tr.compare-control td.cart_delete { padding: 20px 0 20px 0 !important; }
.compare-div .compare-table tr.compare-control td.cart_delete a { white-space: nowrap; margin-left: 7px; margin-right: 7px; }
.compare-div .compare-table tr.compare-control td.cart_delete a span { margin-right: 8px; vertical-align: -1px; }

.table_block .table-account.compare-table tbody td.cart_unit { width: auto; }

.table_block .table-account.compare-table td:not(:last-child) { border-right: 1px solid #d7d9db; }

/*===========================================================================*\
|  Blog
\*===========================================================================*/
.w100 { width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media all and (max-width: 991px) { .container-sm-fullwidth { width: 100%; } }

@media all and (max-width: 991px) { .container-collapse { width: 750px; margin: 0 auto !important; float: none; } }
@media all and (max-width: 767px) { .container-collapse { width: 100%; } }

@media all and (max-width: 991px) { .clearfix-sm:before, .clearfix-sm:after { content: ""; display: block; clear: both; } }

@media all and (max-width: 991px) { .sidebar { background-color: #f7f7f7; padding-left: 0; padding-right: 0; }
  .sidebar > div { padding-left: 0; padding-right: 10px; } }
.sidebar > div { background-color: #f7f7f7; }
.sidebar > div > div { padding-right: 5px; }
.sidebar .mobile-collapse-header { margin-top: 30px; }
@media all and (max-width: 991px) { .sidebar .mobile-collapse-header { margin-top: 0; } }

.sidebar-subscribe .mobile-collapse-header { border-bottom: none; margin-bottom: 0; }
.sidebar-subscribe .mobile-collapse-body .form-group { margin-bottom: 0; }
.sidebar-subscribe .mobile-collapse-body form > div { margin: 0; padding: 0; }
.sidebar-subscribe .mobile-collapse-body form > div button { height: 42px; }
.sidebar-subscribe .mobile-collapse-body form > div .form-control { height: 42px; background-color: #fff; font-style: italic; }

.sidebar-categories .mobile-collapse-header { margin-bottom: 10px; }
.sidebar-categories ul { padding: 0; }
.sidebar-categories ul li { position: relative; list-style: none; display: block; color: #63676e; border-bottom: 1px solid #d7d9db; }
.sidebar-categories ul li a { display: block; position: relative; line-height: 40px; vertical-align: middle; }
.sidebar-categories ul li a span { color: #a1a8b2; margin-left: 5px; }
.sidebar-categories ul li a span:before { content: "("; }
.sidebar-categories ul li a span:after { content: ")"; }
.sidebar-categories ul li:after { content: "5"; display: inline-block; font-family: 'ElegantIcons'; font-size: 20px; position: absolute; right: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease; -webkit-transition-delay: 0s; transition: all 0.2s ease 0s; }
.sidebar-categories ul li:hover:after { color: #dccc99; }

.sidebar .sidebar-popular-posts figure { white-space: nowrap; }
.sidebar .sidebar-popular-posts .vertical-bx-1 figcaption { max-width: 200px; float: left; }
.sidebar .sidebar-popular-posts .vertical-bx-1 figcaption p { font: 13px "Open Sans", sans-serif; color: #212224; }
.sidebar .sidebar-popular-posts .vertical-bx-1 figcaption .post-info { color: #7c828a; }
.sidebar .sidebar-comments .vertical-bx-1 figure { margin-bottom: 35px; }
.sidebar .sidebar-comments .vertical-bx-1 figure figcaption { max-width: 200px; }
.sidebar .sidebar-comments .vertical-bx-1 figure figcaption p { font: 13px "Open Sans", sans-serif; color: #9198a1; }
.sidebar .sidebar-comments .vertical-bx-1 figure figcaption .post-info { color: #212224; }
.sidebar .sidebar-comments .vertical-bx-1 figure figcaption .post-info span { color: #a5adb8; }
.sidebar .sidebar-accordion .panel { background-color: transparent; }
.sidebar .sidebar-accordion .panel .accordion-header { background-color: #fff; }
.sidebar .sidebar-accordion .panel .accordion-header:hover { background-color: #dccc99; }
.sidebar .sidebar-accordion .panel .accordion-body { border: none; background-color: transparent; padding-left: 2px; padding-right: 2px; }
.sidebar .sidebar-tags .mobile-collapse-body { padding-right: 10px; }
.sidebar .sidebar-tags .btn { padding: 12px; float: left; margin-right: 5px; padding-top: 0; padding-bottom: 0; vertical-align: middle; font: 13px/28px "Open Sans", sans-serif; color: #9198a1; margin-bottom: 5px; border: 1px solid #e6e8eb; }
.sidebar .sidebar-tags .btn:hover { color: white; border-color: #dccc99; }
@media all and (max-width: 991px) { .sidebar .sidebar-flickr .mobile-collapse-header { border: none; } }


blockquote.blog-quote { border: 1px solid #d7d9db; padding-top: 40px; padding-bottom: 40px; margin: 0; }
blockquote.blog-quote p { font: italic 20px "Open Sans", sans-serif; color: black; }
blockquote.blog-quote span { font: 14px HelveticaNeue, Arial, Helvetica, sans-serif; color: #dccc99; }




/*===========================================================================*\
|  Product page
\*===========================================================================*/
.product-top-line { padding: 23px 0 23px 10px; overflow: hidden; margin-top: 27px; margin-bottom: 40px; border-top: 1px solid #d7d9db; border-bottom: 1px solid #d7d9db; }
.product-top-line .back-catalog { position: relative; height: 46px; line-height: 46px; vertical-align: middle; padding: 0; max-width: 155px; min-width: 130px; }
.product-top-line .back-catalog:not(.btn-third-col) { color: #212224; }
.product-top-line .back-catalog:after, .product-top-line .back-catalog:before { content: ""; display: block; position: absolute; height: 0; width: 0; left: -15px; top: 0; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-right: none; border-right-width: 10px; border-right-style: solid; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease; -webkit-transition-delay: 0s; transition: all 0.2s ease 0s; }
.product-top-line .back-catalog.btn-third-col:after, .product-top-line .back-catalog.btn-third-col:before { border-right-color: #060606; }
.product-top-line .back-catalog.btn-third-col:hover:after, .product-top-line .back-catalog.btn-third-col:hover:before { border-right-color: #dccc99; }
.product-top-line .back-catalog:after { border-right-color: white; border-right-width: 10px; left: -9px; }
.product-top-line .back-catalog:before { border-right-color: #ebedf0; left: -10px; }
.product-top-line .back-catalog:hover:before, .product-top-line .back-catalog:hover:after { border-right-color: #ebedf0; }

.previous-product, .next-product { width: 45px; height: 46px; overflow: hidden; position: relative; cursor: pointer; border: 1px solid #d7d9db; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 32px; line-height: 44px; text-align: center; float: left; margin-left: 10px; }
.previous-product img, .next-product img { position: absolute; width: 100%; height: auto; z-index: 1; opacity: 0; visibility: hidden; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease; -webkit-transition-delay: 0s; transition: all 0.2s ease 0s; top: 0; left: 0; }
.previous-product span, .next-product span { position: relative; z-index: 2; }
.previous-product:hover, .next-product:hover { color: white; }
.previous-product:hover img, .next-product:hover img { visibility: visible; opacity: 1; }

.brand { float: right; }
@media all and (max-width: 767px) { .brand { float: none; display: block; margin: 0 auto; } }

.product-reviews { float: left; vertical-align: top; }
.product-reviews > a { margin-right: 15px; margin-bottom: 10px; white-space: nowrap; vertical-align: top; line-height: 15px; }
.product-reviews .stars-rating { margin-right: 10px; margin-bottom: 10px; vertical-align: top; line-height: 15px; }

@media all and (min-width: 1200px) { .product-info { padding: 0; margin-left: -15px; } }
.product-info h3 { margin-top: 0; margin-bottom: 5px; }
.product-info .hr { display: block; clear: both; padding-top: 10px; border-bottom: 1px solid #d7d9db; height: 0; margin-bottom: 23px; width: 100%; }
.product-info .hr:before, .product-info .hr:after { content: ""; display: block; height: 0; clear: both; }
.product-info .price { font: 600 30px/30px HelveticaNeue, Arial, Helvetica, sans-serif; color: black; vertical-align: middle; float: left; margin-bottom: 10px; margin-right: 20px; }
.product-info .price .old-price { font: italic 18px/30px HelveticaNeue, Arial, Helvetica, sans-serif; color: #a3a3a3; text-decoration: line-through; vertical-align: middle; }

.availability { color: #212224; margin-top: 2px; margin-bottom: 15px; display: inline-block; }
.availability span { color: #9198a1; margin-left: 5px; }
.availability span span { display: inline-block; width: 11px; height: 11px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 5px; vertical-align: -1px; }
.availability span span.in-stock { background-color: #26cdb3; }
.availability span span.out-stock { background-color: #c6c6c6; }

@media all and (min-width: 0) { .col-xs-pull-left { float: left; } }

@media all and (min-width: 768px) { .col-sm-pull-right { float: right; } }

.availability + .hr { margin-bottom: 15px; }

.data-info { font: 13px "Open Sans", sans-serif; color: #212224; margin-bottom: 5px; }
.data-info span { color: #9198a1; margin-left: 10px; }

.data-info + .hr { padding-top: 13px; margin-bottom: 15px; }

.tech-info { font-size: 12px; color: #212224; list-style: none; padding-left: 0; margin-top: -2px; margin-bottom: 6px; }
.tech-info div { padding-left: 0; }
.tech-info span { display: block; }
.tech-info span:before { content: "тАв\a0\a0"; }

.tech-info + .hr { margin-bottom: 15px; }

.color-blocks .color { height: auto; padding: 0; margin: 0 7px 7px 0; }
.color-blocks .color input { display: none; }
.color-blocks .color label, .color-blocks .color a { width: 33px; height: 34px; border: 1px solid #828385; padding: 1px; background-clip: content-box; cursor: pointer; float: left; margin: 0; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.color-blocks .color label.white, .color-blocks .color a.white { background-color: white; }
.color-blocks .color label.peach, .color-blocks .color a.peach { background-color: #ff8f68; }
.color-blocks .color label.blue, .color-blocks .color a.blue { background-color: #2aabe1; }
.color-blocks .color label.orange, .color-blocks .color a.orange { background-color: #ff6c00; }
.color-blocks .color label.yellow, .color-blocks .color a.yellow { background-color: #ffe159; }
.color-blocks .color label.lime, .color-blocks .color a.lime { background-color: #93ca6c; }
.color-blocks .color label.pink, .color-blocks .color a.pink { background-color: #f7acbc; }
.color-blocks .color label.cherry, .color-blocks .color a.cherry { background-color: #e04145; }
.color-blocks .color input:checked + label { border-width: 2px; }

.color-blocks + .hr { padding-top: 13px; margin-bottom: 16px; }

.secondary-font-family { font-family: HelveticaNeue, Arial, Helvetica, sans-serif !important; }

.size-blocks { margin-top: 8px; margin-bottom: 6px; }
.size-blocks .size { height: auto; padding: 0; margin: 0 7px 7px 0; }
.size-blocks .size input { display: none; }
.size-blocks .size label, .size-blocks .size a { width: 33px; height: 34px; border: 1px solid #828385; padding: 1px; background-clip: content-box; cursor: pointer; float: left; margin: 0; color: #71747a; font: 13px/32px HelveticaNeue, Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.size-blocks .size input:checked + label { border-width: 2px; line-height: 30px; }

.product-count { margin-right: 38px; margin-bottom: 13px; white-space: nowrap; }
.product-count > *, .product-count input.form-control:disabled { display: inline-block; width: 46px; height: 44px; font: 23px/42px "Open Sans", sans-serif; padding: 0; background-color: #fff; border: 1px solid #e1e3e6; vertical-align: middle; text-indent: 0; text-align: center; }
.product-count input.form-control:disabled { margin-left: 5px; margin-right: 5px; cursor: default; color: #212224; }
.product-count .btn:hover { color: #212224; }
.product-count .btn:focus:not(:hover) { background: none; border-color: #e1e3e6; }
.product-count .btn { color: #8a9099; }

.product-info .add-cart { margin-bottom: 13px; }

.btn-gray { background-color: #e3e3e3; color: #8a9099; margin-bottom: 13px; float: left; margin-right: 8px; font-size: 18px; line-height: 46px; height: 44px; width: 44px; padding: 0; text-align: center; }

.product-info .btn-sec-col + .btn-gray { margin-left: 16px; }

.product-tabs .nav.nav-tabs li { margin-right: 8px; margin-bottom: 8px; }
.product-tabs .nav.nav-tabs li a { background-color: white; height: 40px; font: 13px/40px HelveticaNeue, Arial, Helvetica, sans-serif; color: #6e737a; border: 1px solid #e1e3e6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 12px; padding-right: 12px; }
.product-tabs .nav.nav-tabs li.active a, .product-tabs .nav.nav-tabs li:hover a { background-color: #060606; color: #dccc99; border-color: transparent; }
.product-tabs .nav.nav-tabs li.active a { cursor: default; position: relative; }
.product-tabs .nav.nav-tabs li.active a:after { content: ''; display: block; height: 0; width: 0; border: 5px solid transparent; border-top-color: #060606; position: absolute; bottom: -10px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.product-tabs .tab-content .tab-pane { border: none; padding-left: 0; padding-right: 0; padding-top: 12px; }
.product-tabs .tab-content .tab-pane .type-text { font-family: HelveticaNeue, Arial, Helvetica, sans-serif; }
.product-tabs .tab-content .tab-pane#tab-review .you-rating { margin-bottom: 17px; }
.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding-right: 7px; border-right: 1px solid #d7d9db; margin-right: 5px; -moz-background-clip: content; -o-background-clip: content-box; -webkit-background-clip: content; background-clip: content-box; }
.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating .stars { width: 0; }
.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating:hover .stars { width: 100%; }
.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating.stars-1 { width: 14.6px; }
.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating.stars-2 { width: 29.2px; }
.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating.stars-3 { width: 43.8px; }
.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating.stars-4 { width: 58.4px; }
.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating.stars-5 { width: 73px; }
.product-tabs .tab-content .tab-pane#tab-review textarea { margin-top: 10px; }
.product-tabs .tab-content .tab-pane#tab-review button[type=submit] { padding-top: 11px; padding-bottom: 11px; font: 14px "Open Sans", sans-serif; }

.btn-addPdtOccasion { background-color : #f6c628; }


@media (min-width: 481px) and (max-width: 991px) {
.news-container .col-md-3.col-sm-6.pl-item.news-item:nth-child(2n+1) {
    clear: both;
}
}
 

@media (min-width: 1200px) {
.news-container .col-md-3.col-sm-6.pl-item.news-item:nth-child(4n+1) {
    clear: both;
}
}


/*===========================================================================*\
|  Category page 
\*===========================================================================*/
/* =============================== View options =============================== */
.cat-view-options { margin: 35px 0 10px; padding-bottom: 7px; border-bottom: 1px solid #e1e3e6; }
.cat-view-options .cvo-label { line-height: 30px; color: #212224; text-transform: uppercase; }
@media (min-width: 992px) { .cat-view-options .cvo-availability-col { padding-left: 0; } }
.cat-view-options .form-group { margin-bottom: 10px; }
.cat-view-options .form-control { height: 30px; padding: 5px 15px; }
.cat-view-options .cvo-view-type { display: inline-block; margin-left: 10px; vertical-align: top; }
.cat-view-options .cvo-view-type li:last-child { padding-right: 0; }
.cat-view-options .cvo-view-type a { display: inline-block; line-height: 10px; padding: 8px; border: 1px solid #e1e3e6; }
.cat-view-options .cvo-view-type a svg { transition: all 0.3s ease; fill: #a1a8b2; }
.cat-view-options .cvo-view-type a:hover svg, .cat-view-options .cvo-view-type li.active a svg { fill: #dccc99; }

/* =============================== Pagination =============================== */
.cat-pagination { margin-top: 20px; margin-bottom: 30px; }
.cat-pagination .wp-pagenavi { float: none; margin: 0; }
.cat-pagination .wp-pagenavi .btn { line-height: 25px; padding-left: 2px; }
.cat-pagination .wp-pagenavi:before { position: static; }
.cat-pagination .wp-pagenavi .nextpostlink { font-size: 18px; }

/*===========================================================================*\
|	Home - Store
\*===========================================================================*/

.col-md-3.col-md-pull-9.cat-sidebar { background-color : #c3e9ea; padding-right: 0;padding-left:0; }

.wg-categories.store-alt { border-bottom: none; padding-bottom: 10px; }

.wg-title.store-alt { position: relative; padding-bottom: 17px; }
.wg-title.store-alt:before { content: ""; display: block; width: 90px; height: 2px; background-color: #0c0c0c; position: absolute; bottom: 0; }

.bgcolor-themes { background-color:#e6730d; margin-top:0; }
.bgcolor-presse { background-color:#087963 }
.bgcolor-jeunesse { background-color:#dd58a2 }
.bgcolor-livres { background-color:#506c85 }

.color-themes { color:#e6730d !important; }
.color-presse { color:#087963 !important; }
.color-jeunesse { color:#dd58a2 !important; }
.color-livres { color:#506c85 !important; }

.wg-categories.store-alt h5 { font-size: 22px; text-align: left; margin-bottom: 2px; color:#ffffff; font-family : "Raleway", sans-serif; padding:10px 0 10px 15px; margin-top:0px;}
.wg-categories.store-alt .wg-categories-list { padding-left: 0; list-style: none; }
.wg-categories.store-alt .wg-categories-list li { line-height: 30px; border-bottom: 1px solid #ffffff;}
.wg-categories.store-alt .wg-categories-list li:last-child { border-bottom: none; padding-bottom:20px; }
.wg-viwed-products.box-with-pager.store-alt { padding-top: 13px; margin-bottom: 35px; }
.wg-viwed-products.box-with-pager.store-alt.bx-controls { top: 0; }
.wg-viwed-products.box-with-pager.store-alt .wgvp-item { margin-bottom: 4px; }
.wg-viwed-products.box-with-pager.store-alt .wgvp-item figure { background-color: #ebebeb; }
.wg-viwed-products.box-with-pager.store-alt .wgvp-item figure img { vertical-align: middle; }

.wg-tweets .top-box-btn-1 { top: 0; }
.wg-tweets .tweets-group li { margin-bottom: 25px; }
.wg-tweets .tweets-group li .reply { float: right; color: #a5adb8; }
.wg-tweets .tweets-group li .reply:hover { color: #dccc99; }
.wg-tweets .tweets-group li .reply span { vertical-align: -2px; }

.wg-brands .brands-list .bl-item { width: 50%; }
.wg-brands .box-with-pager .bx-controls { top: 0; }
@media all and (max-width: 991px) { .wg-brands .box-with-pager .bx-controls { top: 40px; } }

.back-line { text-align: left; /*margin-bottom: 25px;*/ vertical-align: middle; position: relative; /*margin-top:10px;*/ }
.back-line h2,.back-line h1 { margin: 0; padding: 0 20px; background-color: #fff; display: inline-block; vertical-align: middle; font-size: 35px; line-height: 35px; color: #38a2af; font-family : "Raleway", sans-serif; font-weight : 800; }
.back-line:after { content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 2px; background-color: #0c0c0c; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.back-line .new-book { color:#384c5e;  }

@media all and (max-width: 481px) { .back-line { text-align:center; } .heart-item h1{ text-align:center; padding-top:10px; } }

.mobile-collapse.opened .mobile-collapse-header.back-line:after, .mobile-collapse .mobile-collapse-header.back-line:after { content: ""; }

@media all and (max-width: 991px) { .widget.mobile-collapse.store-alt { padding-top: 0; padding-bottom: 0; margin-bottom: 40px; } }

.store-alt-products .news-item { margin-bottom: 0; }

#carousel-clients-say .client-item { text-align: center; padding-top: 25px; }
#carousel-clients-say .client-item > * { display: block; width: 100%; padding: 0; margin: 0; float: none; text-align: center; }
#carousel-clients-say .client-item img { max-width: 80px; }
#carousel-clients-say .client-item .ci-body { margin-top: 12px; }
#carousel-clients-say .carousel-indicators { bottom: 20px; }

.news-container.store-alt .news-item .ni-body { padding: 15px; }

.loadmore-wrapp { position: absolute; width: 100%; bottom: 50px; left: 0; }

.news-loadmore.store-alt { margin-top: 15px; }

.relative { position: relative; }

@media all and (min-width: 992px) { .wg-specials.box-with-pager.store-alt .wg-title.mobile-collapse-header.store-alt { padding-right: 65px; } }
@media all and (max-width: 991px) { .wg-specials.box-with-pager.store-alt .bx-controls { top: 40px; } }

.wg-banner #carousel-banner { width: 100%; text-align: center; }
.wg-banner #carousel-banner img { display: inline-block; }

.product-cats-tabs .container .text-center ul.product-categories li { margin: 0 10px; }
.product-cats-tabs .container .text-center ul.product-categories li a { border: 1px solid lightgray; color: #57595e; padding: 4px 15px; }
.product-cats-tabs .container .text-center ul.product-categories li.active { background: #FFC777; }
.product-cats-tabs .container .text-center ul.product-categories li.active a { color: #ffffff; border-color: #ffc777; }
.product-cats-tabs .container .tab-content .tab-pane .products-list ul li div.row figure { line-height: normal !important; height: auto; }
.product-cats-tabs .container .tab-content .tab-pane .products-list ul li div.row figure a img { transition: all 0.5s ease 0s; }
.product-cats-tabs .container .tab-content .tab-pane .products-list ul li div.row figure:hover a img { transform: scale(1.1); transition: all 0.5s ease 0s; }
.product-cats-tabs .container .tab-content .tab-pane .products-list ul li div.row div.pl-item { margin-bottom: 35px; }
.product-cats-tabs .container .tab-content .tab-pane .products-list ul li div.row p.pl-name { color: #FFC777; }





/*===========================================================================*\
|  Home v.3 bookstore
\*===========================================================================*/

.rslide-button-1:after { content: "\2192"; }
.item-subscribe { font-size:21px !important; background-color:#F7C500; text-transform : lowercase !important;texte-color:red;  }
.heart a:after{ content: url(../charte/coeur.png); position: absolute; top: 8px; right: 20px; }
.heart a span { position:relative; left:-16px;  }
.heart a { width:185px; }

body.home-v3 header #top-bar .left-top-bar li a.active { color: #dccc99; }
body.home-v3 header #header-bar #shopping-cart-wrapper .s-bag-1 { background: #dccc99; }
body.home-v3 header #header-bar #shopping-cart-wrapper .active.dd-products-price { color: #dccc99; }
body.home-v3 header #header-bar #header-logo .top-tag-line { border-left: 1px solid lightgray; display: inline; font-style: italic; margin-left: 15px; margin-top: -81px; padding: 5px 10px; vertical-align: bottom; }
body.home-v3 header .top-menu .main-menu ul.nav-menu > li > a { color: #fff; }
body.home-v3 header .top-menu .main-menu ul.nav-menu > li > a.item-subscribe { color: #3A3A3A; }
body.home-v3 .pg-body .store-alt-products .news-container .news-item { margin-bottom: 0px; margin-top:10px;}
body.home-v3 .pg-body .store-alt-products .news-container .news-item figure figcaption .pl-button:hover { background: #dccc99; }
body.home-v3 .pg-body .store-alt .news-container .news-item .ni-title-line { border-color: #dccc99; }
body.home-v3 .pg-body .carousel.slide li { border-color: #dccc99; }
body.home-v3 .pg-body .carousel.slide li.active { background: #dccc99; border-color: #dccc99; }
body.home-v3 .pg-body .btn.news-loadmore .icon-reload { color: #dccc99; }
body.home-v3 .pg-body .cat-sidebar .twitter-box .tweets-group li > p > a { color: #dccc99; }
body.home-v3 .pg-body .cat-sidebar .bx-has-controls-direction .bx-controls-direction a:hover { color: #dccc99; }
body.home-v3 .pg-body .cat-sidebar .wg-specials .vertical-bx-1 li { border: 1px solid #ebebeb; }
body.home-v3 .pg-body .cat-sidebar .wg-specials .vertical-bx-1 li figure { height: 250px; border: none; }
body.home-v3 .pg-body .cat-sidebar .wg-specials .vertical-bx-1 li p.wgsp-price { color: #dccc99; }
body.home-v3 .pg-body .cat-sidebar .wg-viwed-products p.wgvp-item-price { color: #dccc99; }
body.home-v3 .pg-body .subscribe form input[type="submit"] { background: #dccc99; }
body.home-v3 footer .product-tags-box .tags a { background: #dccc99; }
body.home-v3 footer #social-buttons .facebook a { background: #064ca1; }
body.home-v3 footer #social-buttons .tweeter a { background: #27b9f2; }
body.home-v3 footer #social-buttons .gplus a { background: #da4735; }
body.home-v3 footer #social-buttons .youtube a { background: #e52d27; }
body.home-v3 footer #social-buttons .instantgram a { background: #306a92; }
body.home-v3 footer #social-buttons .skype a { background: #12a5f4; }

body.home-v3 .pg-body .store-alt-products .news-container .news-item:hover,.art-container:hover{
background-color: rgba(195,233,234,0.3);
}

#shopping-cart-wrapper .s-bag-2::after, .arrow-btn::after { content: "\2192"; }


#shopping-cart-wrapper .s-bag-2::after, .arrow-btn::after { content: "\2192"; }

/*===========================================================================*\
|  ADD PLANETB
\*===========================================================================*/
label.error { color:red; margin-left: 30%; clear:both; float: none !important; width: 69%;}
label.error:after { clear:both; }
.pl-price-block .pl-price-old {font-size:12px; }


.newsletter-list {}
	.newsletter-item { margin-bottom: 30px; }
	.newsletter-item .newsletter-item-title { text-align:center;color: #25ACAF;font-weight: 700; text-transform: uppercase;font-family: "Raleway",sans-serif;font-size: 20px; padding: 5px 0; }
	.newsletter-item .newsletter-item-content { background: #EEE;border-bottom: 10px solid #25ACAF; }
	.newsletter-item .newsletter-item-content .newsletter-item-eye { float: right; margin: 5px 5px 0 0; border: 1px solid #939393; border-radius: 26px 26px 26px 26px; height: 36px; width: 36px; background: url(../charte/iconeye.png) 1px 0 no-repeat; background-size:cover; }
	.newsletter-item .newsletter-item-content .newsletter-item-eye:hover { background-position:  1px -34px; background-size:cover; border-color: #25ACAF; }
	.newsletter-item .newsletter-item-content .newsletter-item-text { text-align:center;padding: 30px 20px 20px 20px; height:120px; }
	.newsletter-item .newsletter-item-content .newsletter-item-img { text-align:center;margin-top:10px; }
	.newsletter-item .newsletter-item-content .newsletter-item-img img { box-shadow: 0 -5px 30px -5px #333; }
	
.bloc-newsletter { background: #25ACAF; }
	.bloc-newsletter .bloc-newsletter-title { color: #FFF; font-size: 24px; font-family: "Raleway",sans-serif; margin-top: 12px;}
	.bloc-newsletter .bloc-newsletter-text { color: #FFF; font-size: 18px; font-family: "Raleway",sans-serif; }
	.bloc-newsletter .form-newsletter { margin-top: 25px; }
	.bloc-newsletter button { display: block; height: 37px; line-height: 40px; position: absolute; right: 0; text-align: center; vertical-align: middle; top: 0px; width: 34px; color: #ffffff; border: none; background: #cd003e none repeat scroll 0 0;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding:0px;}


.pl-item figure.bloc-produit-figure-livre { text-align: left; }
.pl-item figure img.livre-prime { position: absolute; left: 0px; top: 8px; border:none;  }
.cartouche div figure a img.livre-prime { position: absolute; left: 0px; top: 0px; border:none;  }
.product-right figure a img.livre-prime { position: absolute; left: 23px;  }


#scrollup {
	/*background: #ff6464 url('../charte/back-to-top.png') no-repeat -166px -332px; // utilisation d'un sprite avec juste la flèche
	border-radius: 50px;*/
	background: url('../charte/back-to-top.png') no-repeat;
	bottom: 50px;
	display: none;
	height: 70px;
	position: fixed;
	right: 20px;
	text-indent: -9999px;
	width: 70px;
	z-index: 1000;
}

div.bloc-cadre-item {
	position: relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height:90%;
	margin: 15px;
	webkit-box-shadow: 0px 0px 3px #B9AB8E;
	moz-box-shadow: 0px 0px 3px #B9AB8E;
	box-shadow: 0px 0px 3px #B9AB8E;
	webkit-border-radius: 10px;
	moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	min-height:280px;
}
div.bloc-cadre-ligne {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items : stretch;
}

div.bloc-cadre-col {
	float: left;
	margin: 0;
	padding: 0px !important;
	text-align: center;
}

div.bloc-cadre-item div.libelle {
	font-size:13px;
	font-weight: 700;
	color: #38a2af;
	padding: 5px 15px;
	min-height: 56px;
}

div.bloc-cadre-item div.info-bulle {
	z-index: 15;
	position: absolute;
	left: 0;
	right: 0;
	top: 20%;
	overflow: hidden;
	text-align: justify;
	font-size: 11px;
	background: #FFF;
	padding: 5px 5px 0 0;
	webkit-border-bottom-right-radius: 10px;
	webkit-border-bottom-left-radius: 10px;
	moz-border-radius-bottomright: 10px;
	moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

input[type="checkbox"].actionReabo {
	width : 16px !important;
	height : 16px !important;
}

/*****  SLIDER *****/

.slider-age{
   background: #cc003d;
   padding: 6px;
   margin-left: 10px;
   font-weight: bold;
   text-transform: uppercase;
   font-family: arial;
   font-size: 16px;
}
.slider-feuillet{
   position: absolute;
   right: 17px;
   bottom: 14px;
}
.slider-price{
   background-color: #f7c500;
   position: absolute;
   top: 0px;
   right: 14px;
   font-family: "Raleway", sans-serif;
   font-size: 18px;
   font-weight: 600;
   color: #3a3a3a;
   line-height: 30px;
   padding: 0 10px 5px 10px; 
   text-align: center;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   max-width: 175px;
   max-height: 85px;
}
.slider-price .unit-price{
   font-size: 35px;
   color: #fff;
   font-weight: 800;
}
.slider-price .sup-price{
   font-size: 20px;
   color: #fff;
   font-weight: 800;
}

@media (max-width: 1149px) {
.slider-price{
   font-size: 14px;
}
.slider-price .unit-price {
   font-size: 22px;
}
.slider-price .sup-price {
   font-size: 16px;
}
.slider-age {
   font-size: 14px;
}
}
@media (max-width: 667px) {
.slider-price,.slider-feuillet{
   display:none;
}
.slider-age {
   font-size: 11px;
}
}
/*****  FIN SLIDER *****/

/*****  POPUP ABONNEMENT *****/

#mySubscription .modal-content, #welcomeModal .modal-content {
   border-width: 4px;
    }
#mySubscription .modal-head, #welcomeModal .modal-head {
   text-align:left;
   color:#595959;
   font-weight:500;
   font-size:27px;
   padding:20px 40px 10px;
}
#mySubscription .modal-head h2 {
    color:#cd003e;
    font-size:30px;
    font-weight:900;
}
#welcomeModal .modal-head h2 {
    /*color:#cd003e;*/
    font-size:30px;
    font-weight:900;
}
#mySubscription .modal-body, #welcomeModal .modal-body {
    padding:10px 40px;    
}
#mySubscription .modal-body h3, #welcomeModal .modal-body h3 {
   text-align:center;
   color:#259ea1;
   font-size:25px;
   font-weight:800;
   margin-bottom: 15px;
}
#mySubscription .modal-body .modaleh3trait, #welcomeModal .modal-body .modaleh3trait {
   text-align: center;
   position: relative;
}
#mySubscription .modal-body .modaleh3trait:before, #welcomeModal .modal-body .modaleh3trait:before {
   content: "";
   left: 0;
   right: 0;
   height: 1px;
   background: #595959;
   position: absolute;
   top: calc(50% - 1px);
}

#mySubscription .modal-body h3, #welcomeModal .modal-body h3 {
   display: inline-block;
   padding: 0 5px;
   background: white;
   position: relative;
   z-index: 1;
}
#mySubscription .modal-body, #welcomeModal .modal-body {
   font-family: "Raleway", sans-serif;
   text-align:center;
}
#mySubscription .modal-body .pl-caption, #welcomeModal .modal-body .pl-caption {
   background: #e9e9e9;
   padding: 10px 4px 15px;
}
#mySubscription .modal-body .pl-caption img, #welcomeModal .modal-body .pl-caption img {
   padding: 0 6px;
}
#mySubscription .modal-body .pl-caption .pl-name, #welcomeModal .modal-body .pl-caption .pl-name{
   margin: 0;
   text-align: center;
   color: #38a2af;
   font-size: 18px;
   font-weight: 700;
   font-family: "Raleway", sans-serif;
   line-height: 1em;
   word-wrap: break-word;
   padding-bottom: 4px;
   padding-top: 5px;
   text-transform: uppercase;
   line-height: 20px;
   min-height: 50px;
}
#mySubscription .modal-body .pl-caption .pl-description, #welcomeModal .modal-body .pl-caption .pl-description {
   margin: 0;
   font-weight: 500;
   font-family: "Raleway", sans-serif;
   font-size: 14px;
   color: #000;
   text-align: center;
}
#mySubscription .modal-body .pl-caption .pl-image, #welcomeModal .modal-body .pl-caption .pl-image{
   position:relative;
   text-align: center;
}
#mySubscription .modal-body .pl-caption .pl-image .pl-age, #welcomeModal .modal-body .pl-caption .pl-image .pl-age {
   margin: 0;
   color: #000;
   position: absolute;
   right: -10px;
   background: #f7c500;
   font-size: 17px;
   bottom: 0px;
   padding: 2px 8px;
   text-transform: uppercase;
}
#mySubscription .modal-body .pl-caption .pl-number, #welcomeModal .modal-body .pl-caption .pl-number{
   text-align: center;
   margin: 0;
   font-family: "Raleway", sans-serif;
   font-weight: 600;
   font-size: 14px;
}
#mySubscription .col-md-4::after, #welcomeModal .col-md-4::after {
   content: url("/static/charte/abonnement/plus-trait.png");
   position: absolute;
   right: -40px;
   top:0px;
}
#mySubscription .col-md-8::after, #welcomeModal .col-md-8::after {
   content: url("/static/charte/abonnement/egale-trait.png");
   position: absolute;
   right: 12px;
   top: 0px;
}
#mySubscription .savecolumn, #welcomeModal .savecolumn{
    padding-top:/*20px*/25px;
 }
#mySubscription .savecolumn .saveprice, #welcomeModal .savecolumn .saveprice {
   font-size: 18px;
   color: #595959;
   font-weight: 600;
   text-align: left;
}
#mySubscription .savecolumn .icon_check, #welcomeModal .savecolumn .icon_check {
   background: #259ea1;
   color: #fff;
   border-radius: 50%;
   margin-right: 5px;
   font-size: 16px;
}
#mySubscription .savecolumn .percentage, #welcomeModal .savecolumn .percentage {
   font-size: 28px;
   font-weight: 700;
}
#mySubscription .savecolumn .price, #welcomeModal .savecolumn .price {
   font-size: 30px;
   font-weight: 800;
   text-align: left;
   line-height: 35px;
}
#mySubscription .savecolumn .subprice, #welcomeModal .savecolumn .subprice {
   text-align: left;
   font-size: 14px;
   font-weight: 600;
   color: #595959;
   margin: 0;
   line-height: 14px;
}
#mySubscription .savecolumn .more, #welcomeModal .savecolumn .more {
   margin: 20px 0 10px;
}
#mySubscription .savecolumn .more .btn, #welcomeModal .savecolumn .more .btn {
   font-size: 22px;
   font-weight: 600;
   padding: 6px 10px;
}
#mySubscription .savecolumn .btnnothanks, #welcomeModal .savecolumn .btnnothanks {
   font-size: 18px;
   font-weight: 600;
   color: #595959;
   text-decoration: underline;
}
@media (min-width: 768px) {
#mySubscription .modal-dialog, #welcomeModal .modal-dialog {
   width: 850px;
   margin: 30px auto;
}
}
@media (max-width: 991px) {
#mySubscription .savecolumn .saveprice,#mySubscription .savecolumn .price,#mySubscription .savecolumn .subprice,
#welcomeModal .savecolumn .saveprice,#welcomeModal .savecolumn .price,#welcomeModal .savecolumn .subprice {
   text-align: center;
}
#mySubscription .savecolumn, #welcomeModal .savecolumn{
   padding-top:0px;
 }
#mySubscription .col-md-4, #welcomeModal .col-md-4{
   width: 190px;
   margin: 0 auto;
}
#mySubscription .col-md-4::after, #welcomeModal .col-md-4::after {
   content: url("/static/charte/abonnement/plus.png");
   position: relative;
   padding-top: 20px;
   display: block;
   right: inherit;
   top: inherit;
}
#mySubscription .col-md-8::after, #welcomeModal .col-md-8::after {
   content: url("/static/charte/abonnement/egale.png");
   position: relative;
   display: block;
   right: inherit;
   top: inherit;
}
}
@media (max-width: 480px) {
.carousel .prevButton {
   left:0;
}
.carousel .nextButton {
   right:0;
}
}
/*****  FIN POPUP ABONNEMENT *****/


/*******   ABONNEMENT   *******/
.global-abo{
   display: table;
   padding: 20px 0 10px;
   border-spacing: 9px;
}
.divC,.divD,.divP{
   box-shadow: 0px 0px 10px #ccc;
}
.divD{
   padding: 10px 15px 64px 15px;
}
.divC{
   padding: 30px 15px 20px;
}
.divP{
   padding:15px 15px 20px;
}
.choose-abo{
   font-family: "Raleway", sans-serif;
}
.col-md-4.decouverte .small{
   font-size:10px;
   font-weight: 600;
   font-style: italic;
}
.choose-abo .blockprice{
   border:2px solid #f7c500;
   border-radius:4px;
   font-weight: 500;
   font-size: 18px;
   padding: 6px 0;
   cursor: pointer;
   color :#3a3a3a;
}
.choose-abo .classique .blockprice{
   border:2px solid #f7c500;
   border-radius:4px;
   font-weight: 500;
   font-size: 18px;
   padding: 6px 0;
   cursor: pointer;
   color :#ffffff;
}
.choose-abo .blockprice.selected{
   border:2px solid #f7c500;
   border-radius:4px;
   font-weight: 500;
   font-size: 18px;
   padding: 6px 0;
   cursor: pointer;
   background-color: #f7c500;
   color :#3a3a3a;
}
.choose-abo .blockprice:hover{
   background-color: #f7c500;
   color :#3a3a3a;
}
.gift-abo{
   font-size:15px;
   font-weight:700;
}
.gift-abo img{
   position: relative;
   right: 8px;
   vertical-align: bottom;
}
.choose-abo .addtocart{
   padding-top:15px;
}
.choose-abo .blockprice .price {
   line-height: 24px;
   font-size: 17px;
   font-weight: 600;
}
.choose-abo .blockprice .subprice {
   line-height: 10px;
   font-size: 10px;
   font-weight: 600;
}
.choose-abo .opacitycolor{
   opacity:0.4;
}
.choose-abo .blockprice .subprice .exp {
   font-size:10px;
}
.choose-abo .blockprice .price span{
   font-size: 25px;
   font-weight: 800;
}
.choose-abo .blockprice p{
   margin:0;
}
.choose-abo ul{
   text-align:left;
   list-style:none;
   padding-left:0;
   padding-top:4px;
   padding-bottom:4px;
}
.col-md-4.decouverte  ul,.col-md-4.premium  ul{
   padding-top: 8px;
   border-top:1px solid #38a2af;
   margin-top: 20px;
}
.col-md-4.decouverte h4,.col-md-4.premium h4{
   border-top:1px solid #38a2af;
}
.col-md-4.classique ul{
   padding-top: 8px;
   border-top:1px solid #ffffff;
   margin-top: 30px;
}
.col-md-4.classique h4{
   border-top:1px solid #ffffff;
}
.choose-abo ul li{
   line-height:24px;
   font-weight: 600;
   font-size: 15px;
}
.choose-abo .addtocart .more {
   padding: 0 10px;
   display: inline-block;
   left: 35%;
   position: relative;
   width: 30%;
   transition-property: left;
   transition-duration: 0.5s;
   -webkit-transition-property: left;
   -webkit-transition-duration: 0.5s;
}
.choose-abo .addtocart .more a{
   font-size:22px;
   padding:4px 10px;
}
.choose-abo .col-md-4{
   width:30%;
   display: table-cell;
   vertical-align: bottom;
   padding:0;
   float: none;
}
.col-md-4.classique {
   background: #259ea1;
   color: #fff;
   text-align: center;
   position:relative;
} 
.col-md-4.premium{
   background: #ffffff;
   color: #3a3a3a;
   text-align: center;
   position:relative;
}
.col-md-4.decouverte{
   background: #ffffff;
   color: #3a3a3a;
   text-align: center;
   position:relative;
} 
.col-md-4.classique:after{
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 15px 15px 0 15px;
   border-color: #259fa1 transparent transparent transparent;
   content:"";
   position:absolute;
   bottom:-15px;
   left: 50%;
   transform: translateX(-50%);
   display:none;
}
.col-md-4.decouverte:after{
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 15px 15px 0 15px;
   border-color: #259fa1 transparent transparent transparent;
   content:"";
   position:absolute;
   bottom:-15px;
   left: 50%;
   transform: translateX(-50%);
   display:none;
}
.col-md-4.premium:after{
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 15px 15px 0 15px;
   border-color: #259fa1 transparent transparent transparent;
   content:"";
   position:absolute;
   bottom:-15px;
   left: 50%;
   transform: translateX(-50%);
   display:none;
}
.col-md-4.decouverte.selected:after,.col-md-4.premium.selected:after,.col-md-4.classique.selected:after{
   display:block;
}
.col-md-4.classique h3{
   font-size: 25px;
   color: #ffffff;
   font-weight: 800;
   margin-bottom: 15px;
}
.col-md-4.premium h3{
   font-size: 24px;
   color: #f7c500;
   font-weight: 800;
   margin-bottom: 15px;
}
.col-md-4.decouverte h3{
   font-size:22px;
   color:#3a3a3a;
   font-weight: 800;
   margin-bottom: 15px;
}
.col-md-4.premium h4,.col-md-4.decouverte h4{
   font-size: 16px;
   color: #3a3a3a;
   text-transform: uppercase;
   padding-top: 15px;
   font-weight: 600;
}
.col-md-4.classique h4{
   font-size: 16px;
   color: #ffffff;
   text-transform: uppercase;
   padding-top: 15px;
   font-weight: 600;
}
.col-md-4.decouverte ul li i.icon_check,.col-md-4.premium ul li i.icon_check{
   color:#ffffff;
   background-color:#259ea1;
   border-radius:50%;
   margin-right: 5px;
   padding: 1px;
   vertical-align:middle;
}
.col-md-4.classique ul li i.icon_check{
   color:#259ea1;
   background-color:#ffffff;
   border-radius:50%;
   margin-right: 5px;
   padding: 1px;
   vertical-align:middle;
}
.col-md-4.decouverte ul li i.icon_close{
   color:#ffffff;
   background-color:#3a3a3a;
   border-radius:50%;
   margin-right: 5px;
   padding: 1px;
   vertical-align:middle;
}
.col-md-4.classique ul li i.icon_close{
   color:#259ea1;
   background-color:#ffffff;
   border-radius:50%;
   margin-right: 5px;
   padding: 1px;
   vertical-align:middle;
}

@media (max-width: 481px) {
.global-abo {
   border-spacing: 0;
}
.divD {
   padding: 10px 15px 30px 15px;
}
.col-md-4.decouverte h3,.col-md-4.classique h3,.col-md-4.premium h3 {
   font-size: 16px;
   font-weight: 800;
   margin-bottom: 15px;
   line-height: 16px;
}
.choose-abo ul li {
   line-height: 18px;
   font-weight: 600;
   font-size: 12px;
}
.gift-abo {
   font-size: 12px;
   font-weight: 700;
}
.col-md-4.premium h4, .col-md-4.decouverte h4, .col-md-4.classique h4 {
   font-size: 12px;
}
.choose-abo .blockprice .price span {
   font-size: 18px;
   font-weight: 800;
}
.choose-abo .blockprice .price {
   line-height: 16px;
   font-size: 10px;
   font-weight: 600;
}
.choose-abo .blockprice .subprice {
   line-height: 10px;
   font-size: 8px;
   font-weight: 600;
}
.col-md-4.decouverte .small {
   font-size: 10px;
   font-weight: 600;
   font-style: italic;
}
.choose-abo .addtocart .more a {
   font-size: 14px;
   padding: 4px 10px;
}
}
/******  FIN ABONNEMENT ******/

/*****PAGE ECOLE  *******/
.school-assurance,.school-price,.school-acces{
   color:#000000;
   font-family: "Raleway", sans-serif;
   font-size:17px;
   font-weight:600;
   line-height: 20px;
}
.school-assurance{
   background: #fff;
   border-radius: 15px;
   padding:20px;
   box-shadow: 0px 0px 10px #ccc;
   border: 3px dotted rgba(204,204,204,0.44);
}
.school-price{
   background-color:#FFBB36;
   border-radius: 15px;
   text-align:right;
   box-shadow: 0px 0px 10px #ccc;
   padding:20px;
   border: 3px dotted #ffffff;
}
.clear{
   clear:both;
}
.school-acces .col-md-3,.school-acces .col-md-9,.school-assurance .col-md-3,.school-assurance .col-md-9,.school-price .col-md-3,.school-price .col-md-9{
   padding-bottom:0;
}
.school-acces{
   background: #fff;
   padding:20px;
   border-radius: 15px;
   box-shadow: 0px 0px 10px #ccc;
   border: 3px dashed rgba(204,204,204,0.44);
}
.school-assurance h2{
   color:#030081;
   font-size:27px;
   font-weight:700;
   line-height:32px;
   text-transform:uppercase;
}
.school-price h2{
   color:#ffffff;
   font-size:27px;
   font-weight:700;
   line-height:32px;
   text-transform:uppercase;
}
.school-acces h2{
   color:#25ABAE;
   font-size:27px;
   font-weight:700;
   line-height:32px;
   text-transform:uppercase;
}
.school-left{
   background-color:#FFBB36;
   border-radius: 15px;
   text-align:center;
   box-shadow: 0px 0px 10px #ccc;
   padding:10px;
   border: 3px dotted #ffffff;
   font-family: "Raleway", sans-serif;
   font-size:19px;
   font-weight:700;
   line-height:24px;
   color:#030081;
}
.school-right{
   background: #fff;
   text-align:center;
   padding:10px;
   border-radius: 15px;
   font-size:19px;
   font-weight:700;
   line-height:24px;
   box-shadow: 0px 0px 10px #ccc;
   color:#030081;
   font-family: "Raleway", sans-serif;
   border: 3px dotted #ffffff;
}
.school-left .adress,.school-right .adress{
   font-weight:600;
   margin: 15px 0 0 0;
}
.school-left .adress span,.school-right .adress span{
   font-weight:800;
   text-transform:uppercase;
}
/*****FIN PAGE ECOLE  *******/

/***** PAGE TITRE  *******/
.description-detail{
   text-align: justify;
   padding: 15px;
   font-size: 14px;
   font-weight: 600;
   line-height: 16px;
   box-shadow: 0px 0px 10px #ccc;
   color: #565656;
   font-family: "Raleway", sans-serif;
   border-bottom: 25px solid #259EA1;
}
.testimonial-detail{
   text-align: left;
   padding: 15px;
   font-size: 14px;
   font-weight: 600;
   line-height: 16px;
   box-shadow: 0px 0px 10px #ccc;
   color: #565656;
   font-family: "Raleway", sans-serif;
   border-bottom: 25px solid #F7C500;
}
.description-detail h3,.testimonial-detail h3{
   font-size:22px;
   line-height:26px;
   font-weight:800;
   color:#259EA1;
}
.description-detail .text{
   font-size:15px;
   line-height:18px;
   font-weight:800;
}
.description-detail .photoleft{
   padding:0;
}
.description-detail .photoleft img{
   margin-top:10px;
}
.description-detail .photoright{
   padding: 0 4px;
}
.description-detail .text span{
   color:#259EA1;
}
.description-detail .textright{
   text-align:right;
}
.testimonial-detail h3{
   padding-bottom:15px;
}
.testimonial-detail .name{
   font-size:18px;
   line-height:22px;
   font-weight:600;
   color:#259EA1;
   position:relative;
}
.testimonial-detail .name .star {
   content: "";
   position: absolute;
   right: 4px;
   top: -1px;
   width: 100px;
   height: 20px;
   background-size: 100px 20px;
}
.testimonial-detail .single{
   border-bottom:1px solid #ccc;
   text-align: justify;
   padding: 5px 0;
}
.testimonial-detail .single:last-child{
   border-bottom:none;
   padding-bottom: 8px;
}
/*****FIN PAGE TITRE  *******/


/*** ANCRE  **/
.ancre{
   text-align:center;
}
.ancre .btnancre{
   font-size:16px;
   color:#259EA1;
   background:#ffffff;
   border:1px solid #259EA1;
   display:inline-block;
   width:auto;
   font-weight: 700;
   font-family: "Raleway", sans-serif;
   border-radius: 3px;
   line-height: 1.4;
   padding: 5px 20px;
   white-space: normal !important;
   margin: 1%;
}
.ancre .btnancre:hover,.ancre .btnancre.active{
   color:#ffffff;
   background:#259EA1;
   border:1px solid #259EA1;
}

/*** FIN ANCRE   ***/

.premiere-commande.modal-dialog {
    width: 550px !important;
}

.produit-supp.modal-dialog {
    width: 800px !important;
}

.premiere-commande .modal-content {
    text-align: center !important;
}

.premiere-commande .modal-head {
    text-align: center !important;
    padding: 20px 15px 10px !important;
}


#mySubscription .premiere-commande .modal-head h2, #welcomeModal .premiere-commande .modal-head h2,

.premiere-commande h2 {
    font-family: "Raleway", sans-serif;
    color: #14a8ab;
    font-size: 38px;
    margin-top: 20px;
    text-transform: uppercase;
}

.code-promo {
    font-family: Arial, sans-serif !important;
    font-weight: 700;
    font-size: 31px !important;
    margin-bottom: -10px !important;
}

.premiere-commande h2.arial {
    font-family: Arial, sans-serif !important;
    font-size: 36px !important
}

.premiere-commande h2 {
    line-height: 36px;
}

.premiere-commande h3 {
    line-height: 28px;
}


.premiere-commande .lowercase {
    margin-top: 0px !important;
    font-size: 26px !important;
    text-transform: none !important;
}


.premiere-commande .lowercase strong {
    font-family: Arial, sans-serif !important;
    font-weight: 900;
    color: #333;
}

.premiere-commande h3 {
    font-family: "Raleway", sans-serif;
    color: #111;
    font-weight: 900;
    font-size: 26px;
    text-transform: uppercase;
}

.premiere-commande h3 sup {
    transform: translateY(4px);
    display: inline-block;
}

.premiere-commande .savecolumn {
    text-align: right;
    padding: 15px 0px 0px 0px;
}

.premiere-commande .savecolumn .btnnothanks {
    font-size: 13px !important;
}

.premiere-commande h4 {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 19px;
    color: #14a8ab;
}

.premiere-commande ul {
    text-align: left;
    padding: 0px;
    margin-bottom: 33px;
}

.premiere-commande ul li {
    list-style: none;
    font-size: 17px;
    line-height: 14px;
    font-weight: 500;
    color: #333;
}


.premiere-commande ul li i {
    color: #259ea1;
    font-size: 24px;
    font-weight: 900;
    transform: translateX(-5px) translateY(4px);
    display: inline-block;
}



.premiere-commande hr {
    border-top: none;
    border-bottom: 2px dashed #ededee;
    width: 60%;
    margin: 20px auto 0px auto;
}

.premiere-commande .modal-footer {
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    color: #111;
    padding: 0px 13px 10px 13px;
    text-align: center;
    font-weight: 600;
}

.premiere-commande .modal-body p {
    font-size: 17px;
    line-height: 22px;
    color: #111;
    font-weight: 500;
}

.premiere-commande .modal-body p i {
    /*font-size: 15px;*/
    line-height: 13px;
    color: #111;
    font-weight: 100;
}

.premiere-commande .modal-body p strong {
    color: #259ea1;
}

.premiere-commande .modal-body .btn-block {
    font-size: 21px;
    margin-bottom: 20px;
}

.premiere-commande .modal-body {
    margin-bottom: 0px;
    padding-bottom: 0px !important;
}

.premiere-commande .modal-footer p {
    margin: 0px;
}

.premiere-commande .modal-footer p a {
    color: #26b2b3;
}

.newsletter-form {
    width: 84%;
    margin-top: 10px;
    border: 3px solid #f6c512;
    display: inline-block;
}

.newsletter-form input {
    border: none !important;
    font-size: 16px !important;
    line-height: 44px !important;
    height: 44px !important;
    font-weight: 500;
    float: left;
    width: calc(100% - 50px) !important;
}

.newsletter-form input::placeholder {
    opacity: 0.5
}

.newsletter-form .btn {
    padding: 10px 0px;
    float: right;
    margin: 0px;
    font-weight: 700;
    border-radius: 0px;
    width: 50px;
    background: #f6c512
}

.newsletter-form .btn:hover {
    background: #f6c512
}

.choisir-cadeau.modal-dialog {
    width: 750px !important;

}

.choisir-cadeau .trois-produits {
    padding: 0px 30px;
}

.choisir-cadeau .modal-body .pl-caption {
    background: none !important;
    padding: 0px !important;
}

#mySubscription. choisir-cadeau .modal-head, #welcomeModal. choisir-cadeau .modal-head {
    text-align: center !important;
}

.choisir-cadeau h2 {
    color: #14a8ab !important;
    font-size: 23px !important;
    margin-top: 0px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.choisir-cadeau h3 {
    font-family: "Raleway", sans-serif;
    font-size: 22px;
    font-weight: 500;
    margin: 0px;
}

.choisir-cadeau .col-produit {
    padding: 0px 6px !important;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: end;
}

.modal-content .trois-produits .more {
    margin: 20px 5px !important;
}

.choisir-cadeau .col-produit figure {
    padding: 0px 20px 10px 20px;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.choisir-cadeau .col-produit figure a {
    width: 100%;
}

.choisir-cadeau .pl-name {
    font-size: 17px;
}

.choisir-cadeau .pl-description {
    color: #333;
    font-size: 12px;
}

#welcomeModal .choisir-cadeau .col-md-4 {
    width: 33.33333%;
}

@media screen and (min-width:400px) and (max-width:750px) {

    .pastille_age {
        display: none !important;
    }

    .choisir-cadeau .modal-content .more {
        margin: 15px 0px;
    }

    .pl-item.abo-item figure {
        height: 150px;
    }

    .choisir-cadeau .modal-body {
        padding: 10px 0px !important;
    }

}

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

    .choisir-cadeau .modal-body .pl-caption {
        padding: 0px 15px !important;
    }

    .choisir-cadeau .modal-content .more {
        margin: 15px 0px;
    }

    #welcomeModal .choisir-cadeau .col-xs-12 {
        width: 100%;
    }
}

.choisir-cadeau .modal-body .pl-caption .pl-name {
    text-transform: none !important;
    text-align: left !important;
}

.choisir-cadeau .modal-body .pl-caption .pl-description {
    text-align: left !important;
    font-size: 12px !important;
    line-height: 18px;

}

.choisir-cadeau .magazine .tit {
    height: 90px;
    overflow: hidden;
}

.choisir-cadeau .col-md-4::after {
    display: none !important;
}

.choisir-cadeau .pl-number {
    padding-left: 0px;
    text-align: left !important;
    font-size: 12px;
    color: #333;
}

.choisir-cadeau .pl-sous-titre {
    font-size: 16px;
    font-weight: 400;
    text-align: left !important;
}

.choisir-cadeau .modal-body .pl-caption.libre {
    overflow: hidden;
}

.choisir-cadeau .modal-body .pl-caption.libre .pl-name {
    text-align: center !important;
}

.choisir-cadeau .modal-body .pl-caption.libre .pl-description {
    font-size: 15px !important;
    text-align: center !important;
    line-height: 20px;
    height: 60px;
    color: #38a2af !important;
}



/* Responsive modal */

.modale-responsive {
	display: flex !important;
	justify-content: space-between !important;
	width: 100%;
}

@media screen and (max-width:800px) {
 	.produit-supp.modal-dialog {
		width: 95% !important;
	}
	.modale-responsive {
		flex-direction: column !important;
	}
	.modal-content .more{
		margin: 5px 0px !important;
	}
}

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

    .choisir-cadeau.modal-dialog {
        width: 95% !important;
    }

    .modal-footer p {
        padding: 10px 20px;
        text-align: center;
    }


    .col-produit {
        margin-bottom: 12px;
        text-align: center !important;
    }

    .modal-content .more {
        width: 100%;
    }

    .choisir-cadeau .col-produit figure {
        padding: 0px 8px 10px 8px;
    }
}


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


    .choisir-cadeau .trois-produits {
        padding: 0px 10px;
    }

    .premiere-commande.modal-dialog {
        width: 95% !important;
    }

    #mySubscription .modal-body, #welcomeModal .modal-body {
        padding: 6px 10px !important;
    }

    .premiere-commande ul {
        margin-left: 20px;
    }

    .premiere-commande ul li {
        font-size: 15px;
    }


}

@media screen and (min-width:480px) {

    .choisir-cadeau .trois-produits {
        display: flex;
        flex-direction: wrap;
        align-items: left;
        justify-content: center;
    }

}

.alert_abo {
	padding: 9px 10px;
	color:#25acaf;
	background: #25adaf44;
	border-radius:5px;
	line-height: 3;
}

.pastille_abo{
    position: absolute;
    right: -5px;
    top: -12px;
    color: #fff;
    background: #cc003d;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    z-index: 5000;
}

.pastille_remise_40{
	position: absolute;
	right: 0px;
	top: 0px;
	color: #fff;
	background: #51a130;
	border-radius: 50%;
	width: 56px;
	height: 56px;
	z-index: 999;
	line-height: 53px;
	font-weight:bold;
	font-size:14pt;
}

.pastille_remise_60{
	position: absolute;
	right: 0px;
	top: 0px;
	color: #fff;
	background: #e10028;
	border-radius: 50%;
	width: 56px;
	height: 56px;
	z-index: 999;
	line-height: 53px;
	font-weight:bold;
	font-size:14pt;
}

.pastille_remise_80{
	position: absolute;
	right: 0px;
	top: 0px;
	color: #fff;
	background: #992d5f;
	border-radius: 50%;
	width: 56px;
	height: 56px;
	z-index: 999;
	line-height: 53px;
	font-weight:bold;
	font-size:14pt;
}

.pastille_fiche{
	right: 0px;
	top: -20px;
}

.checkout-menu, .account-menu{
    overflow: inherit;
}

.btn-autres-offres {
    background: #fff;
    border: 1px solid gray;
    padding: 5px 9px;
    color: gray;
    border-radius: 5px;
    transition: 0.2s ease-in-out;
    text-transform: uppercase;
}

.btn-autres-offres:hover {
    background: rgba(0, 0, 0, 0.767);
    color: white;
}

input[type=checkbox].css-checkbox {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left:20px;
    height:15px; 
    display:inline-block;
    line-height:15px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:15px;
    vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -15px;
}

.form-check label{
    width: auto;
}
.pinkcheck{background-image:url(/static/charte/checkbox.png);}

input[type=checkbox].css-checkbox.med + label.css-label.med {
	padding-left:22px;
    height:17px; 
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {

    background-position: 0 -17px;
}
input[type=checkbox].css-checkbox.sme + label.css-label.sme {
	padding-left:22px;
    height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme{
    background-position: 0 -16px;
}
input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
	padding-left:22px;
    height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{

    background-position: 0 -21px;
}

.you-order .table_block .table-account{
    border-collapse: collapse;
}

.block-button-reabo{
    text-align: end;
}

@media screen and (max-width: 545px) {
    .block-button-reabo{
        text-align: center;
    }
  }
  
.form-check-label {
	width: auto;
	font-size: 16px;
	text-transform: uppercase;
	color: #CE204B;
	font-weight:bold;
}

.btn-dark {background-color:#303030;}
.border-bottom-reabo{border-bottom: 1px solid #d7d9db !important;}

.modal_no_margin div{padding-top:0px !important;padding-bottom:0px !important; margin-bottom:0px !important}