.txt-gras-petit-orange { font-size: 10px; font-weight: bold; color:#FFA200; margin-left:2px;}
.txt-gras-petit-vert { font-size: 10px; font-weight: bold; color:#00CC00; margin-left:2px;}
.txt-gras-grand-bleu { font-size: 15px; font-weight: bold; color:#0000FF; }
.txt-gras-moyen-bleu { font-size: 9px; font-weight: bold; color:#0000FF; }
.txt-gras-moyen-noir { font-size: 11px; font-weight: bold; color:#000000;}
.txt-gras-petit-noir { font-size: 9px;  font-weight: bold; color:#000000;}
.txt-normal-petit-noir { font-size: 9px; font-weight: normal; color:#666666;} /* menuGauche */
.txt-normal-italic-petit-noir { font-size: 8px; font-weight: normal; font-style:italic; color:#666666;}
.txt-gras-petit-noir { font-size: 9px; font-weight: bold; color:#000000;}
.txt-gras-moyen-rouge { font-size: 12px; font-weight: bold; color:#FF0000;}
.txt-gras-moyen-noir-barre { font-size: 10px; font-weight: bold; color:#000000; text-decoration: line-through;}
.txt-gras-petit-noir-barre { font-size: 8px; font-weight: bold; color:#000000; text-decoration: line-through}
.txt-gras-grand-rouge { font-size: 14px; font-weight: bold; color:#FF0000;}
.txt-gras-petit-orange { font-size: 8px; font-weight: bold; color:#FFA200;}
.txt-gras-petit-vert {font-size: 8px; font-weight: bold; color:#00CC00;}
.txt-gras-moyen-plus-bleu {font-size: 11px; color: #0000FF; font-weight: bold;}
.txt-normal-moyen-noir { font-size: 10px; font-weight: normal;color:#000000;}
.txt-normal-moyen-orange { font-size: 10px; font-weight: normal; color:#FFA200;}
.txt-normal-moyen-vert { font-size: 10px; font-weight: normal; color:#00CC00;}
.txt-normal-moyen-plus-fond-blanc {  font-size: 12px; font-weight: normal; color:#000000; background-color:#FFFFFF;}
.alert {
    position: fixed;
    top: 0px;
}

.table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle;
}

@media (min-width: 768px) {
    #searchMobile {
        display: none;
    }
}
@media (max-width: 767px) {
    #search {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    table#cart tbody td .form-control{
        width:20%;
        display: inline !important;
    }
    .actions .btn{
        width:36%;
        margin:1.5em 0;
    }

    .actions .btn-info{
        float:left;
    }
    .actions .btn-danger{
        float:right;
    }

    table#cart thead { display: none; }
    table#cart tbody td { display: block; padding: .6rem; min-width:320px;}
    table#cart tbody tr td:first-child { background: #CCC; color: #fff; }
    table#cart tbody td:before {
        content: attr(data-th); font-weight: bold;
        display: inline-block; width: 8rem;
    }



    table#cart tfoot td{display:block; }
    table#cart tfoot td .btn{display:block;}

}


/*.modal .modal-dialog { width: 375px; max-width:100%; }*/
/*.modal-body {*/
    /*padding: 35px;*/
/*}*/

.btn-success {
    color: #fff;
    background-color: #03539A;
    border-color: #03539A;
}
.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}
.btn-success:hover {
    color: #fff;
    background-color: #ffcc00;
    border-color: #ffcc00;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}

#output {
    clear: left;
    padding: 0 50px;
}
a {
    text-decoration: none;
    color: #334499;
}
#output a {
    display: block;
    padding: 2px;
}
#output a:hover {
    background: #ccd5f0;
}

ul#tiles-panel, ol#tiles-panel {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

div#home[role="main"] ul#tiles-panel {
    margin: 25px auto;
    width: 100%;
}

div#home[role="main"] ul#tiles-panel li {
    display: inline-block;
    list-style: none outside none;
    margin: 0 8px 8px 0;
    vertical-align: top;
}

.tile {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #EEEEFF;
    border-bottom: 3px solid #03539A;
    display: inline-block;
    height: 176px;
    text-decoration: none;
    vertical-align: top;
    width: 176px;
}

.tile h1 {
    color: #253340;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 148%;
    margin: 0;
    padding: 10px;
    text-decoration: none;
    white-space: nowrap;
    text-overflow : ellipsis;
    overflow : hidden;
    text-align : center;
}

.tile img {
    left: 50%;
    margin: 5px 0 10px -25px;
    position: relative;
}

.tile p {
    color: #6A747E;
    font-size: 13px;
    font-weight: 500;
    line-height: 148%;
    margin: 0;
    padding: 0 10px;
    text-align: center;
}

@media only screen and (max-width: 480px) {
    h1 {
        font-size : 24px;
    }

    div[role=main]#home   ul#tiles-panel  li {
        display: block; /*passage en block pour affichage les uns en dessous des autres */
        position : relative;
    }

    /*Tiles*/
    ul {
        padding : 0;
    }

    .tile {
        width : 100%;
        height : 55px;
        display : block;
        border-bottom : 0px;
        border-left: 3px solid #03539A;
    }

    .tile  h1 {
        padding : 0;
    }

    .tile  h1, .tile p {
        margin-left : 50px;
    }

    .tile img {
        position: absolute;
        top : 5px;
        left : 5px;
        width : 45px;
        height : 45px;
        margin : 0 1px;
    }
}

.icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.icon_arrow_left:before {
    content: "\f053";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #d8d8d8;
    font-size: 14px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
}
.icon_arrow_right:before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #d8d8d8;
    font-size: 14px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
}

/*fa-trash-o*/
.trash:before {
    content: "\f019";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

/*fa-home*/
.homeIcon:before {
    content: "\f015";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

/*fa-map-marker*/
.map:before {
    content: "\f041";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

/*fa-times-circle*/
.outofstock:before {
    content: "\f057";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #F00;
    font-size: 18px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

/*fa-check-circle*/
.instock:before {
    content: "\f058";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #0F0;
    font-size: 18px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

/*  fa-minus-circle */
.preco:before {
    content: "\f056";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #00F;
    font-size: 18px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

/*fa-question-circle*/
.question:before {
    content: "\f059";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #00F;
    font-size: 18px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

/*fa-info-circle*/
.infoabout:before {
    content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #FC0;
    font-size: 18px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

/*fa-exclamation-triangle*/
.warningTriangle:before {
    content: "\f071";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #F00;
    font-size: 18px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

/* fa-rss */
.rssIcon:before {
    content: "\f09e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

/* fa-truck*/
.livraison:before {
    content: "\f0d1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

/* fa-envelope */
.envelope:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

/* fa-envelope */
.envelope-o:before {
    content: "\f003";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}

/* fa-user */
.user:before {
    content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
}



.center {
    display: table;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline;
}

a,
button {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a i.fa,
button i.fa {
  margin: 0 5px;
}
.clickable {
  cursor: pointer;
}
p.lead {
  font-weight: 300;
}
h1 {
  font-weight: 700;
  font-size: 40px;
}
#top {
}

#top .offer {
  color: #fff;
}
#top .offer .btn {
  text-transform: uppercase;
}
@media (max-width: 991px) {
  #top .offer {
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  #top {
    font-size: 12px;
    text-align: center;
  }
}
#top a {
  color: #333;
}
#top ul.menu {
  padding-top: 5px;
  margin: 0;
  text-align: right;
  font-size: 14px;
  list-style: none;
}
@media (max-width: 991px) {
  #top ul.menu {
    text-align: center;
  }
}
#top ul.menu > li {
  display: inline-block;
  color: #000000;
  font-weight: bolder;
}
#top ul.menu > li a {
  color: #000000;
  font-weight: bolder;
}
#top ul.menu > li + li:before {
  content: "|\00a0";
  padding: 0 5px;
  color: #000000;
}
#top ul.menu > .active {
  color: #03539A;
}
#top #login-modal .modal-header {
  background: #03539A;
}
#top #login-modal .modal-header h4 {
  color: #fff;
}
#top #login-modal a {
  color: #03539A;
}
#top #login-modal p {
  font-weight: 300;
  margin-bottom: 20px;
}
.navbar .yamm-content h5 {
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-right: 10px;
  border-bottom: dotted 1px #555555;
}
@media (max-width: 767px) {
  .navbar .yamm-content h5 {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .ban img.ban-min {
    display: block;
  }
  .ban img.ban-med {
    display: none;
  }
  .ban img.ban-large {
    display: none;
  }
  .no-image{
    margin-left: 35%;
    margin-right: auto;
    text-align: center;
    margin-top: 45%;
    margin-bottom: 30%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .ban img.ban-min {
    display: none;
  }
  .ban img.ban-med {
    display: block;
  }
  .ban img.ban-large {
    display: none;
  }
   .hidden-xs {
    display: none !important;
  }
  #plusvus {
    display: none;
  }
  .no-image{
    margin-left: 35%;
    margin-right: auto;
    text-align: center;
    margin-top: 45%;
    margin-bottom: 30%;
  }
}

@media (min-width: 992px) {
  .ban img.ban-min {
    display: none;
  }
  .ban img.ban-med {
    display: none;
  }
  .ban img.ban-large {
    display: block;
  }
  .no-image{
    margin-left: 35%;
    margin-right: auto;
    text-align: center;
    margin-top: 45%;
    margin-bottom: 30%;
  }
}

.navbar .yamm-content ul {
  margin: 0;
  padding: 0;
}
.navbar .yamm-content ul li {
  list-style-type: none;
  border-bottom: solid 1px #eeeeee;
  text-transform: uppercase;
  padding: 4px 0;
}
.navbar .yamm-content ul li a {
  color: #999999;
  font-size: 12px;
  display: block;
}
.navbar .yamm-content ul li a:hover {
  color: #03539A;
  text-decoration: none;
}
.navbar .yamm-content .banner {
  margin-bottom: 10px;
}
.navbar ul.nav > li > a {
  text-transform: uppercase;
  font-weight: bold;
}
.navbar #search {
  clear: both;
  border-top: solid 1px #03539A;
  text-align: right;
}
.navbar #search .navbar-form {
  float: right;
  width: 500px;
}
.navbar #search .navbar-form .input-group {
  display: table;
}
.navbar #search .navbar-form .input-group .input-group-btn {
  white-space: nowrap;
  width: 1%;
}
.navbar #search .navbar-form .input-group .form-control {
  width: 100%;
}
@media (max-width: 768px) {
  .navbar #search .navbar-form {
    float: none;
    width: auto;
  }
}
.navbar #basket-overview {
  padding: 0;
}
.hot h2 {
  text-transform: uppercase;
  font-size: 36px;
  color: #03539A;
  font-weight: bold;
  text-align: center;
}
.hot .product-slider {
  margin-bottom: 20px;
}
.hot.product-slider:before,
.hot .product-slider:after {
  content: " ";
  display: table;
}
.hot .product-slider:after {
  clear: both;
}
.hot .product-slider .item {
  margin: 0 10px;
  visibility: hidden;
}
.hot .product-slider .owl-controls {
  position: relative;
  top: -30px;
}
.hot .product-slider .owl-controls .owl-buttons {
  display: none;
}
.hot .product-slider .owl-controls .owl-page.active span,
.hot .product-slider .owl-controls.clickable .owl-page:hover span {
  background: #03539A;
}
#informations {
  text-align: center;
}
#informations .box .icon {
  position: absolute;
  font-size: 120px;
  width: 100%;
  text-align: center;
  top: -20px;
  left: 0;
  height: 100%;
  float: left;
  color: #eeeeee;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#informations .box h3 {
  position: relative;
  margin: 0 0 20px;
  font-weight: 300;
  text-transform: uppercase;
  z-index: 2;
}
#informations .box h3 a:hover {
  text-decoration: none;
}
#informations .box p {
  position: relative;
  color: #555555;
  z-index: 2;
}
#main-slider {
  margin-bottom: 30px;
  border: solid 1px #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.box.slideshow ul li div,
#main-slider ul li div {
  width: 100%;
}
.box.slideshow .owl-controls,
#main-slider .owl-controls {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.box.slideshow .owl-controls .owl-buttons,
#main-slider .owl-controls .owl-buttons {
  display: none;
}
.box.slideshow .owl-controls .owl-page.active span,
#main-slider .owl-controls .owl-page.active span,
.box.slideshow .owl-controls.clickable .owl-page:hover span,
#main-slider .owl-controls.clickable .owl-page:hover span {
  background: #03539A;
}
.breadcrumb {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.box {
  background: #fff;
  margin: 0 0 30px;
  border: solid 1px #e6e6e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.box .box-header {
  background: #f7f7f7;
  margin: -20px -20px 20px;
  padding: 20px;
  border-bottom: solid 1px #eeeeee;
}
.box .box-header:before,
.box .box-header:after {
  content: " ";
  display: table;
}
.box .box-header:after {
  clear: both;
}
.box .box-footer {
  background: #f7f7f7;
  margin: 30px -20px -20px;
  padding: 20px;
  border-top: solid 1px #eeeeee;
}
.box .box-footer:before,
.box .box-footer:after {
  content: " ";
  display: table;
}
.box .box-footer:after {
  clear: both;
}
@media (max-width: 991px) {
  .box .box-footer .btn {
    margin-bottom: 20px;
  }
}
.box.slideshow {
  padding: 20px 0 0 0;
  text-align: center;
}
.box.slideshow h3 {
  text-transform: uppercase;
  font-weight: 700;
}
.ribbon {
  position: absolute;
  top: 50px;
  padding-left: 51px;
  z-index: 20;
}
.ribbon .ribbon-background {
  position: absolute;
  top: 0;
  right: 0;
}
.ribbon .theribbon {
  position: relative;
  width: 80px;
  padding: 6px 20px 6px 20px;
  margin: 30px 10px 10px -71px;
  color: #fff;
  background-color: #03539A;
  text-shadow: 0px 1px 2px #bbb;
}
.ribbon .theribbon:before,
.ribbon .theribbon:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
}
.ribbon .theribbon:after {
  left: 0px;
  top: 100%;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #2d7b6b #2d7b6b transparent transparent;
}
.ribbon.sale {
  top: 0;
}
.ribbon.new {
  top: 50px;
}
.ribbon.new .theribbon {
  background-color: #5bc0de;
  text-shadow: 0px 1px 2px #bbb;
}
.ribbon.new .theribbon:after {
  border-color: #2390b0 #2390b0 transparent transparent;
}
.ribbon.gift {
  top: 100px;
}
.ribbon.gift .theribbon {
  background-color: #5cb85c;
  text-shadow: 0px 1px 2px #bbb;
}
.ribbon.gift .theribbon:after {
  border-color: #357935 #357935 transparent transparent;
}
#content .panel.sidebar-menu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
#content .panel.sidebar-menu .panel-heading .btn.btn-danger {
  color: #fff;
}
#content .panel.sidebar-menu .panel-body span.colour {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: solid 1px #555555;
  vertical-align: top;
  margin-top: 2px;
  margin-left: 5px;
}
#content .panel.sidebar-menu .panel-body span.colour.white {
  background: #fff;
}
#content .panel.sidebar-menu .panel-body span.colour.red {
  background: red;
}
#content .panel.sidebar-menu .panel-body span.colour.green {
  background: green;
}
#content .panel.sidebar-menu .panel-body span.colour.blue {
  background: blue;
}
#content .panel.sidebar-menu .panel-body span.colour.yellow {
  background: yellow;
}
#content .panel.sidebar-menu .panel-body label {
  color: #999999;
  font-size: 12px;
}
#content .panel.sidebar-menu .panel-body label:hover {
  color: #555555;
}
#content .panel.sidebar-menu h3 {
  padding: 5px 0;
  margin: 0;
}
#content .panel.sidebar-menu ul.nav.category-menu {
  margin-bottom: 20px;
}
#content .panel.sidebar-menu ul.nav.category-menu li a {
  text-transform: uppercase;
  font-weight: bold;
}
#content .panel.sidebar-menu ul.nav ul {
  list-style: none;
  padding-left: 0;
}
#content .panel.sidebar-menu ul.nav ul li {
  display: block;
}
#content .panel.sidebar-menu ul.nav ul li a {
  position: relative;
  font-weight: normal;
  text-transform: none !important;
  display: block;
  padding: 10px 15px;
  padding-left: 30px;
  font-size: 12px;
  color: #999999;
}
#content .panel.sidebar-menu ul.nav ul li a:hover,
#content .panel.sidebar-menu ul.nav ul li a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
#content .info-bar {
  line-height: 32px;
  vertical-align: middle;
}
@media (max-width: 991px) {
  #content .info-bar .products-showing {
    text-align: center;
  }
}
@media (max-width: 991px) {
  #content .info-bar .products-number-sort {
    text-align: center;
    margin-top: 10px;
  }
}
#content .info-bar .products-number strong {
  margin-right: 10px;
}
#content .info-bar .products-sort-by select {
  margin-left: 10px;
}
@media (max-width: 991px) {
  #content .info-bar .products-sort-by {
    margin: 10px 0 0;
  }
  #content .info-bar .products-sort-by select {
    margin: 0;
  }
}
#content .product {
  background: #fff;
  border: solid 1px #e6e6e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 30px;
  /* entire container, keeps perspective */
  /* flip speed goes here */
  /* hide back of pane during swap */
  /*  UPDATED! front pane, placed above back */
  /* back, initially hidden pane */
}
#content .product .flip-container {
  cursor: pointer;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
@media (max-width: 767px) {
  #content .product .flip-container img.img-responsive {
    min-width: 100%;
  }
}
#content .product .flip-container,
#content .product .front,
#content .product .back {
  width: 100%;
}
#content .product .flipper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
}
#content .product .front,
#content .product .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
}
#content .product .front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
#content .product .back {
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
#content .product:hover .back {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  z-index: 2;
}
#content .product:hover .front {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  z-index: 1;
}
#content .product .invisible {
  visibility: hidden;
}
@media (max-width: 767px) {
  #content .product .invisible img.img-responsive {
    min-width: 100%;
  }
}
#content .product .text {
  padding: 10px 10px 0;
}
#content .product .text h3 {
  font-size: 18px;
  font-weight: 700;
  height: 39.6px;
  text-align: center;
  overflow: hidden;
}
#content .product .text h3 a {
  color: #555555;
}
#content .product .text p.price {
  font-size: 18px;
  text-align: center;
  font-weight: 300;
  color:red;
}
p.price {
  font-size: 18px;
  text-align: center;
  font-weight: 300;
  color:red;
}
#content .product .text p.price del {
  color: #999999;
}
#content .product .text .buttons {
  clear: both;
  text-align: center;
}
#content .product .text .buttons .btn {
  margin-bottom: 10px;
}
#content .banner {
  margin-bottom: 30px;
}
#content .pages {
  text-align: center;
}
#content .pages .loadMore {
  text-align: center;
}
#content .pages .pagination {
  text-align: center;
}
#content #mainImage {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
#content #productMain {
  margin-bottom: 30px;
}
#content #productMain .goToDescription {
  margin-top: 20px;
  font-size: 12px;
  text-align: center;
}
#content #productMain .goToDescription a {
  color: #999999;
  text-decoration: underline;
}
#content #productMain .price {
  font-size: 30px;
  font-weight: 300;
  text-align: center;
  margin-top: 40px;
}
#content #productMain .buttons {
  margin-bottom: 0;
  text-align: center;
}
#content #productMain .buttons .btn {
  margin-bottom: 10px;
}
#content #details .social {
  text-align: left;
}
#content #details .social h4 {
  font-weight: 300;
  margin-bottom: 10px;
}
#content #details .social p {
  line-height: 26px;
}
#content #details .social p a {
  margin: 0 10px 0 0;
  color: #fff;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  line-height: 26px;
  font-size: 15px;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  vertical-align: bottom;
}
#content #details .social p a i {
  vertical-align: bottom;
  line-height: 26px;
}
#content #details .social p a.facebook {
  background-color: #4460ae;
}
#content #details .social p a.gplus {
  background-color: #c21f25;
}
#content #details .social p a.twitter {
  background-color: #3cf;
}
#content #details .social p a.instagram {
  background-color: #cd4378;
}
#content #details .social p a.email {
  background-color: #4a7f45;
}
@media (max-width: 991px) {
  #content #details .social {
    text-align: center;
  }
}
#content #thumbs a {
  display: block;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  border: solid 2px transparent;
}
#content #thumbs a.active {
  border-color: #03539A;
}
#content #checkout .nav {
  margin-bottom: 20px;
  border-bottom: solid 1px #03539A;
}
#content #checkout .nav li {
  height: 100%;
}
#content #checkout .nav li a {
  display: block;
  height: 100%;
}
#content #order-summary table {
  margin-top: 20px;
}
#content #order-summary table td {
  color: #999999;
}
#content #order-summary table tr.total td,
#content #order-summary table tr.total th {
  font-size: 18px;
  color: #555555;
  font-weight: 700;
}
#content #checkout .table tbody tr td,
#content #basket .table tbody tr td,
#content #customer-order .table tbody tr td {
  vertical-align: middle;
}
#content #checkout .table tbody tr td input,
#content #basket .table tbody tr td input,
#content #customer-order .table tbody tr td input {
  width: 50px;
  text-align: right;
}
#content #checkout .table tbody tr td img,
#content #basket .table tbody tr td img,
#content #customer-order .table tbody tr td img {
  width: 50px;
}
#content #checkout .table tfoot,
#content #basket .table tfoot,
#content #customer-order .table tfoot {
  font-size: 18px;
}
#content #text-page h1,
#content #text-page h2,
#content #text-page h3 {
  font-weight: 700;
}
#content #error-page {
  text-align: center;
}
#content #error-page h4 {
  margin-bottom: 40px;
}
#content #error-page p.buttons {
  margin-top: 40px;
}
#content #map {
  height: 400px;
}
#content #blog-listing .post,
#content #blog-homepage .post {
  margin-bottom: 60px;
  background: #fff;
  margin: 0 0 30px;
  border: solid 1px #e6e6e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
#content #blog-listing .post h2 a,
#content #blog-homepage .post h2 a,
#content #blog-listing .post h4 a,
#content #blog-homepage .post h4 a {
  color: #555555;
}
#content #blog-listing .post h2 a:hover,
#content #blog-homepage .post h2 a:hover,
#content #blog-listing .post h4 a:hover,
#content #blog-homepage .post h4 a:hover {
  color: #03539A;
}
#content #blog-listing .post .author-category,
#content #blog-homepage .post .author-category {
  color: #999999;
  font-weight: 300;
}
#content #blog-listing .post .date-comments a,
#content #blog-homepage .post .date-comments a {
  color: #999999;
  margin-right: 20px;
}
#content #blog-listing .post .date-comments a:hover,
#content #blog-homepage .post .date-comments a:hover {
  color: #03539A;
}
#content #blog-listing .post .intro,
#content #blog-homepage .post .intro {
  text-align: left;
}
#content #blog-listing .post .image,
#content #blog-homepage .post .image {
  margin-bottom: 10px;
  overflow: hidden;
}
#content #blog-listing .post .image img,
#content #blog-homepage .post .image img {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media (max-width: 767px) {
  #content #blog-listing .post .image img.img-responsive,
  #content #blog-homepage .post .image img.img-responsive {
    min-width: 100%;
  }
}
#content #blog-listing .post .read-more,
#content #blog-homepage .post .read-more {
  text-align: right;
}
#content #blog-listing .post:hover .image img,
#content #blog-homepage .post:hover .image img {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#content #blog-homepage .post {
  margin-bottom: 30px;
}
#content #blog-homepage .post h2,
#content #blog-homepage .post h4,
#content #blog-homepage .post .author-category,
#content #blog-homepage .post .read-more {
  text-align: center;
}
#content #blog-homepage .post .intro {
  font-weight: 300;
}
#content #blog-homepage .post .read-more {
  margin-top: 20px;
}
#content #blog-post .author-date {
  color: #999999;
  font-weight: 300;
}
#content #blog-post #post-content {
  margin-bottom: 20px;
}
#content #blog-post .comment {
  margin-bottom: 25px;
}
#content #blog-post .comment:before,
#content #blog-post .comment:after {
  content: " ";
  display: table;
}
#content #blog-post .comment:after {
  clear: both;
}
#content #blog-post .comment .posted {
  color: #999999;
  font-size: 12px;
}
#content #blog-post .comment .reply {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
#content #blog-post .comment.last {
  margin-bottom: 0;
}
#content #blog-post #comments:before,
#content #blog-post #comment-form:before,
#content #blog-post #comments:after,
#content #blog-post #comment-form:after {
  content: " ";
  display: table;
}
#content #blog-post #comments:after,
#content #blog-post #comment-form:after {
  clear: both;
}
#content #blog-post #comments h4,
#content #blog-post #comment-form h4 {
  margin-bottom: 20px;
}
#content #blog-post #comment-form {
  margin-bottom: 20px;
}
#content #customer-orders table tr th,
#content #customer-orders table tr td {
  vertical-align: baseline;
}
#content #customer-order .table tfoot th {
  font-size: 18px;
  font-weight: 300;
}
#content #customer-order .addresses {
  text-align: right;
}
#content #customer-order .addresses p {
  font-size: 18px;
  font-weight: 300;
}
#footer {
  background: #e0e0e0;
  padding: 20px 0;
}
#footer ul {
  padding-left: 0;
  list-style: none;
}

#footer .social {
  text-align: left;
}
#footer .social a {
  margin: 0 10px 0 0;
  color: #fff;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  line-height: 26px;
  font-size: 15px;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  vertical-align: bottom;
  background-color: #555555;
}
#footer .social a i {
  vertical-align: bottom;
  line-height: 30px;
}
#footer .social a.facebook:hover {
  background-color: #4460ae;
}
#footer .social a.gplus:hover {
  background-color: #c21f25;
}
#footer .social a.twitter:hover {
  background-color: #3cf;
}
#footer .social a.instagram:hover {
  background-color: #cd4378;
}
#footer .social a.email:hover {
  background-color: #4a7f45;
}
#copyright {
  background: #FFF;
  color: #333;
  padding: 20px 0;
  font-size: 12px;
}
#copyright p {
  margin: 0;
}
@media (max-width: 991px) {
  #copyright p {
    float: none !important;
    text-align: center;
    margin-bottom: 10px;
  }
}
#style-switch-button {
  position: fixed;
  top: 80px;
  left: 20px;
}
#style-switch {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px;
  padding: 20px;
  position: fixed;
  top: 120px;
  left: 20px;
  background: #fff;
  border: solid 1px #eeeeee;
}
/*!
 * Yamm!3
 * Yet another megamenu for Bootstrap 3
 * 
 * http://geedmo.github.com/yamm3
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0;
}
.yamm .yamm-content {
  padding: 40px 60px;
}
@media (max-width: 767px) {
  .yamm .yamm-content {
    padding: 10px 20px;
  }
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}
/* Original Boostrap template overwrite */
/* nav */
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li > a {
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #03539A;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li > a {
  line-height: 1.42857143;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #f0f0f0;
  border: 1px solid #dddddd;
}
.nav-pills > li > a {
  border-radius: 0;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #03539A;
}
.nav-tabs-justified > li > a {
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #f0f0f0;
  }
}
/* navbar */
.navbar {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  min-height: 70px;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 0;
  }
}
.navbar-collapse {
  max-height: 340px;
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    float: left;
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-collapse.right {
    float: right;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-brand {
  float: left;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 70px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  padding: 9px 10px !important;
  margin-right: 15px;
  border-radius: 4px;
  margin-top: 18px;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .navbar-toggle {
    margin-right: 5px;
  }
}
.navbar-nav {
  margin: 12.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 0px 15px;
  border: none;
  margin-top: 18px;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
.navbar-btn {
  margin-top: 18px;
  margin-bottom: 18px;
}
.navbar-btn.btn-sm {
  margin-top: 20px;
  margin-bottom: 20px;
}
.navbar-btn.btn-xs {
  margin-top: 24px;
  margin-bottom: 24px;
}
.navbar-text {
  margin-top: 25px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #ffffff;
  border-bottom-color: #e6e6e6;
}
.navbar-default .navbar-brand {
  color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777777;
}
.navbar-default .navbar-nav > li > a {
  color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #03539A;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888;
}
.navbar-default .navbar-collapse {
  border-color: #e6e6e6;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #03539A;
  color: #CCCCCC;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #03539A;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777777;
}
.navbar-default .navbar-link:hover {
  color: #333333;
}
/* scaffolding */
body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #f0f0f0;
}
a {
  color: #03539A;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #0000FF;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.img-rounded {
  border-radius: 6px;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
/* breadcrumbs */
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 0;
}
.breadcrumb > li + li:before {
  content: ">\00a0";
  color: #cccccc;
}
.breadcrumb > .active {
  color: #999999;
}
@media (max-width: 991px) {
  .breadcrumb {
    padding: 8px 0;
    text-align: center;
  }
}
/* buttons  */
.btn {
  font-weight: normal;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 3px;
}
.btn-primary {
  color: #ffffff;
  background-color: #03539A;
  border-color: #E9E9E9;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #0000FF;
  border-color: #E9E9E9;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #03539A;
  border-color: #0000FF;
}
.btn-primary .badge {
  color: #03539A;
  background-color: #ffffff;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 4px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
/* dropdowns */
.dropdown-menu > li > a {
  padding: 5px 20px;
}
/* forms.less */
label {
  font-weight: normal;
}
.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-group {
  margin-bottom: 20px;
}
/* pager*/
.pager {
  margin: 20px 0;
  border-top: solid 1px #eeeeee;
  padding-top: 20px;
  text-transform: uppercase;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #eeeeee;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: #ffffff;
  border-color: #ddd;
}
/* pagination */
.pagination {
  margin: 20px 0;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  border-radius: 0;
}
.pagination > li > a,
.pagination > li > span {
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #03539A;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #348e7b;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #03539A;
  border-color: #03539A;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  background-color: #ffffff;
  border-color: #dddddd;
}
/* responsive utilities */
@media (max-width: 767px) {
  .text-center-xs {
    text-align: center !important;
  }
  .text-center-xs img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-center-sm {
    text-align: center !important;
  }
  .text-center-sm img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
/* type */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}
p,
ul,
ol {
  margin: 0 0 20px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
.text-small {
  font-size: 12px;
}
.text-large {
  font-size: 18px;
}
.text-italic {
  font-style: italic;
}
.text-primary {
  color: #03539A;
}
a.text-primary:hover {
  color: #3aa18c;
}
.bg-primary {
  color: #fff;
  background-color: #03539A;
}
a.bg-primary:hover {
  background-color: #3aa18c;
}
abbr[title],
abbr[data-original-title] {
  border-bottom: 1px dotted #999999;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 14px;
  border-left: 5px solid #03539A;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #999999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  border-right: 5px solid #03539A;
}
address {
  margin-bottom: 20px;
  line-height: 1.42857143;
}
.panel-primary {
  border-color: #03539A;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #03539A;
  border-color: #03539A;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #03539A;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #03539A;
}
.panel-primary .panel-title {
  font-weight: 300;
}
.panel-primary .panel-title a:hover {
  color: #fff;
  text-decoration: none;
}

.product-img {
    min-height: 180px;
}
.product-img-multimedia {
    min-height: 100px;
}
.text-multimedia {
    min-height: 200px;
}

/* Bottom toolbar */
.bottom-toolbar {
    font-family: "Roboto";
    font-weight: 300;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    color: #232323;
    background-color: white;
    clear: both;
    background-color:#EEEEFF;
}

.bottom-toolbar>div {
    vertical-align: top;
    display: inline-block;
    margin-right: -0.25em
}

.bottom-toolbar .bottom-toolbar-right {
    float: right;
    width: 40%;
}

.bottom-toolbar .bottom-toolbar-right>span {
    vertical-align: middle;
    display: inline-block;
    min-height: 38px;
}

.bottom-toolbar .Pager {
    border: 0;
    margin: 0;
    position: relative;
}

.bottom-toolbar .Pager .prevLevel1,
.bottom-toolbar .Pager .nextLevel1 {
    background: #eeeeff;
    text-align: center;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 0
}
.bottom-toolbar .Pager .prevLevel1:hover,
.bottom-toolbar .Pager .nextLevel1:hover {
    background-color: white;
}

.bottom-toolbar .Pager .prevLevel1 a,
.bottom-toolbar .Pager .nextLevel1 a {
    display: block
}

.bottom-toolbar .Pager .prevLevel1 {
    left: 0;
    border-right: 1px solid white;
}

.bottom-toolbar .Pager .pageView {
    left: 5px;
}

.bottom-toolbar .Pager .nextLevel1 {
    right: 0;
    border-left: 1px solid white;
    border-right: 1px solid white;
}
.bottom-toolbar .resultPager {
    width: 22%;
    float: left;
}

.bottom-toolbar .resultPager select {
    margin-left: 15px;
    margin-top: 7px;
}
.bottom-toolbar .resultPosition {
    border-right: 1px solid #d8d8d8;
    text-align: center;
    width: 28%;
    float: left;
    /*line-height: 4.33334*/
    padding-top: 7px;
}
.bottom-toolbar .bottom-toolbar-left {
    width: 60%;
    position: relative
}
.bottom-toolbar .bottom-toolbar-Item-onPage {
    width: 25%;
    float: left;
    display: block;
    /*border-right: 1px solid #d8d8d8;*/
    min-height: 38px;
}
/*Top Bar */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

 .top-toolbar {
   font-family: "Roboto";
   font-weight: 300;
   border-top: 1px solid #d8d8d8;
   border-bottom: 1px solid #d8d8d8;
   color: #232323;
   background-color: white;
   clear: both
 }

.top-toolbar>div {
  vertical-align: top;
  display: inline-block;
  margin-right: -0.25em
}

.top-toolbar .fake-box ul {
  width: 100%;
  left: 0!important
}

.top-toolbar .fake-box ul li {
  padding: 5px 10px!important
}

.top-toolbar .articleSorting .fake-box,
.top-toolbar .Item-onPage .fake-box {
  position: relative!important
}

.top-toolbar .articleSorting .fake-box>a,
.top-toolbar .Item-onPage .fake-box>a {
  border: .833333em solid #f2f2f2;
  line-height: 2.58333;
  height: 52px;
  display: block;
  cursor: pointer
}

.top-toolbar .articleSorting .fake-box>a span,
.top-toolbar .Item-onPage .fake-box>a span {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding-left: 12px;
  padding-right: 25px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.top-toolbar .articleSorting .fake-box>a .icon,
.top-toolbar .Item-onPage .fake-box>a .icon {
  position: absolute;
  top: 20px;
  right: 1.8em
}

.top-toolbar .articleSorting .fake-box .contain,
.top-toolbar .Item-onPage .fake-box .contain {
  position: absolute;
  z-index: 2;
  background-color: white;
  border: 1px solid #d8d8d8;
  top: 42px;
  left: 10px;
  right: -1px;
  width: auto;
  margin-left: -1px;
  margin-top: -1px
}

.top-toolbar .articleSorting .fake-box .contain li,
.top-toolbar .Item-onPage .fake-box .contain li {
  padding: 0 .8333em
}

.top-toolbar .articleSorting .fake-box .contain li.hovered,
.top-toolbar .Item-onPage .fake-box .contain li.hovered {
  background-color: #f2f2f2
}

.top-toolbar .articleSorting .fake-box .contain li:hover,
.top-toolbar .Item-onPage .fake-box .contain li:hover {
  background-color: #f2f2f2;
  cursor: pointer
}

.top-toolbar .switchListMosaic {
  width: 50%;
  float: left
}

.top-toolbar .switchListMosaic .Switch-item {
  display: inline-block;
  vertical-align: top;
  margin-left: -0.25em;
  width: 50%;
  text-align: center;
  border-right: 1px solid #d8d8d8
}

.top-toolbar .switchListMosaic .Switch-item:first-child {
  margin: 0;
  border-left: none;
  border-right: 1px solid #d8d8d8
}

.top-toolbar .switchListMosaic .Switch-item .icon {
  font-size: 24px;
  margin-top: -1px;
  margin-right: 7px
}

.top-toolbar .switchListMosaic .Switch-item a {
  display: block;
  line-height: 4.33334
}

.top-toolbar .switchListMosaic .Switch-item a.active,
.top-toolbar .switchListMosaic .Switch-item a:hover {
  color: #232323;
  text-decoration: none
}

.top-toolbar .switchListMosaic .Switch-item a.active span,
.top-toolbar .switchListMosaic .Switch-item a:hover span {
  width: 100%;
  height: 5px;
  background-color: #232323;
  display: block;
  margin: -5px 0 0
}

.top-toolbar .resultPager {
  width: 22%;
  float: left;
}

.top-toolbar .resultPager select {
  margin-left: 15px;
  margin-top: 7px;
}

.top-toolbar .resultPosition {
  border-right: 1px solid #d8d8d8;
  text-align: center;
  width: 28%;
  float: left;
  /*line-height: 4.33334*/
  padding-top: 7px;
}

.top-toolbar .Item-onPage {
  width: 25%;
  float: left;
  display: block;
  border-right: 1px solid #d8d8d8;
  min-height: 38px;
}
.top-toolbar .top-toolbar-Item-onPage {
    width: 25%;
    float: left;
    display: block;
    /*border-right: 1px solid #d8d8d8;*/
    min-height: 38px;
}

.top-toolbar-left .Item-onPage select {
  height: 2.66667em;
  border: 0;
  outline: 0;
  padding: .416667em 1.25em;
  width: 100%
}

.top-toolbar-right .Item-onPage select {
  height: 2.66667em;
  border: 0;
  outline: 0;
  /*padding: .416667em 1.25em;*/
}

.bottom-toolbar-left .Item-onPage select {
    height: 2.66667em;
    border: 0;
    outline: 0;
    padding: .416667em 1.25em;
    width: 100%
}

.bottom-toolbar-right .Item-onPage select {
    height: 2.66667em;
    border: 0;
    outline: 0;
    /*padding: .416667em 1.25em;*/
}

.top-toolbar .Item-onPage input {
    margin-left: 15px;
    margin-top: 7px;
    width: inherit;
}

.top-toolbar .articleSorting {
  width: 25%;
  display: block;
  float: left;
  border-right: 1px solid #d8d8d8
}

.top-toolbar .Pager {
  border: 0;
  margin: 0;
  position: relative;
}

.top-toolbar .Pager .prevLevel1,
.top-toolbar .Pager .nextLevel1 {
  background: white;
  text-align: center;
  width: 38px;
  height: 38px;
  position: absolute;
  top: 0
}
s
.top-toolbar .Pager .prevLevel1:hover,
.top-toolbar .Pager .nextLevel1:hover {
  background-color: #f2f2f2
}

.top-toolbar .Pager .prevLevel1 a,
.top-toolbar .Pager .nextLevel1 a {
  display: block
}

.top-toolbar .Pager .prevLevel1 {
  left: 0;
  border-right: 1px solid #d8d8d8
}

.top-toolbar .Pager .pageView {
left: 5px;
}

.top-toolbar .Pager .nextLevel1 {
  right: 0;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8
}

.top-toolbar .top-toolbar-right {
  width: 40%
}

.top-toolbar .top-toolbar-right>span {
  vertical-align: middle;
  display: inline-block;
  min-height: 38px;
}

.top-toolbar .top-toolbar-left {
  width: 60%;
  position: relative
}

.top-toolbar.bottom {
  position: relative;
  margin-top: -1px
}

.top-toolbar.bottom .top-toolbar-seo--links {
  width: 100%;
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid #d8d8d8;
  display: none;
  float: left
}

.top-toolbar.bottom .top-toolbar-seo--links.active {
  display: block
}

.top-toolbar.bottom .top-toolbar-seo--links li {
  text-align: center;
  display: inline-block;
  padding: 0 2px
}

.top-toolbar.bottom .top-toolbar-seo--links li a {
  text-decoration: none
}

.top-toolbar.bottom .top-toolbar-seo--toggler {
  display: block;
  position: absolute;
  right: 0;
  width: 52px;
  height: 52px;
  top: 0;
  text-align: center;
  line-height: 52px;
  border-left: 1px solid #d8d8d8
}

.top-toolbar.bottom .top-toolbar-seo--toggler .seo-toggler--closeIcon {
  display: none
}

.top-toolbar.bottom .top-toolbar-seo--toggler .seo-toggler--openIcon {
  display: block
}

.top-toolbar.bottom .top-toolbar-seo--toggler:hover {
  background: #f2f2f2
}

.top-toolbar.bottom .top-toolbar-seo--toggler.active {
  border-bottom: 4px solid #232323
}

.top-toolbar.bottom .top-toolbar-seo--toggler.active .seo-toggler--closeIcon {
  display: block
}

.top-toolbar.bottom .top-toolbar-seo--toggler.active .seo-toggler--openIcon {
  display: none
}

.top-toolbar.bottom .top-toolbar-right,
.top-toolbar.bottom .top-toolbar-left {
  width: 50%
}
.bottom-toolbar-right,
.bottom-toolbar-left {
    width: 50%
}

.bottom-toolbar.bottom .top-toolbar-right .resultPosition {
    width: 25%
}

.bottom-toolbar.bottom .top-toolbar-right .Item-onPage {
    width: 50%
}

.bottom-toolbar.bottom .top-toolbar-right .resultPosition {
  width: 25%
}

.bottom-toolbar.bottom .top-toolbar-right .Item-onPage {
  width: 50%
}

.top-toolbar.bottom .top-toolbar-left {
  padding-right: 51px
}

.top-toolbar.bottom .top-toolbar-left .Show-pager {
  text-align: center;
  width: 4.16667em;
  display: inline-block;
  border-left: 1px solid #d8d8d8;
  cursor: pointer;
  float: right
}

.top-toolbar.bottom .top-toolbar-left .Show-pager .icon_i_109__minus {
  display: none
}

.top-toolbar.bottom .top-toolbar-left .Show-pager:hover {
  background-color: #f2f2f2
}

.top-toolbar.bottom .top-toolbar-left .Show-pager:hover .Second-pager {
  visibility: visible
}

.top-toolbar.bottom .top-toolbar-left .Show-pager:hover .icon_i_109__minus {
  display: inline-block
}

.top-toolbar.bottom .top-toolbar-left .Show-pager:hover .icon_i_108_plus {
  display: none
}

.top-toolbar.bottom .top-toolbar-left .Second-pager {
  position: absolute;
  top: 4.07692em;
  left: 0;
  background: white;
  z-index: 2;
  border-left: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  width: 100%;
  visibility: hidden
}

.top-toolbar.bottom .top-toolbar-left .Pager {
  width: 100%!important;
  text-align: center
}

.top-toolbar.bottom .top-toolbar-left .Pager>li {
  font-family: "Roboto";
  font-weight: 300;
  display: inline-block;
  font-size: 1.083334em;
  line-height: 4
}

.top-toolbar.bottom .top-toolbar-left .Pager>li:first-child.current:after,
.top-toolbar.bottom .top-toolbar-left .Pager>li:first-child.secondLine:after {
  content: "-";
  padding: 0 6px
}

.top-toolbar.bottom .top-toolbar-left .Pager>li:first-child.current:before,
.top-toolbar.bottom .top-toolbar-left .Pager>li:first-child.secondLine:before {
  content: " ";
  padding: 0
}

.top-toolbar.bottom .top-toolbar-left .Pager>li.itemPage:before,
.top-toolbar.bottom .top-toolbar-left .Pager>li.secondLine:before {
  content: "-";
  padding: 0 6px;
  color: #989898
}

.top-toolbar.bottom .top-toolbar-left .Pager>li:nth-child(2):before {
  content: " ";
  padding: 0
}

.top-toolbar.bottom .top-toolbar-left .Pager>li .secondLine:first-child:before {
  content: " ";
  padding: 0
}

.top-toolbar.bottom .top-toolbar-left .Pager>li:hover a {
  text-decoration: none
}

.top-toolbar.bottom .top-toolbar-left .Pager .current span {
  border: 1px solid #d8d8d8;
  padding: 5px 10px
}

.top-toolbar.bottom .top-toolbar-left .Pager .current:before {
  content: "-";
  padding: 0 6px
}

.top-toolbar.bottom .top-toolbar-left .Pager .itemPage {
  font-weight: 300
}

.top-toolbar.bottom .top-toolbar-left .Pager .current {
  font-weight: 700
}

.top-toolbar.bottom .top-toolbar-left .Pager .pageView {
  display: none
}

.Pager-bottom {
  display: table
}

@media(max-width:1140px) {
  .top-toolbar .top-toolbar-right {
    width: 100%
  }
  .top-toolbar .top-toolbar-right .Item-onPage {
    width: 50%
  }
  .top-toolbar .top-toolbar-right .switchListMosaic,
  .top-toolbar .top-toolbar-right .articleSorting {
    width: 50%;
    display: block
  }
  .top-toolbar .articleSorting {
    border-bottom: 1px solid #d8d8d8
  }
  .top-toolbar .top-toolbar-left {
    width: 100%;
    float: left;
    height: 53px;
    border-bottom: 1px solid #d8d8d8
  }
  .top-toolbar .top-toolbar-left .Pager {
    width: 50%;
    float: right
  }
  .top-toolbar.bottom .top-toolbar-right {
    width: 50%;
    float: left;
    margin-right: 0
  }
  .top-toolbar.bottom .top-toolbar-right .Item-onPage {
    width: 50%
  }
  .top-toolbar.bottom .top-toolbar-left {
    width: 50%;
    height: 52px;
    padding-right: 51px;
    border: 0;
    position: relative;
    float: left;
    margin: 0
  }
  .top-toolbar.bottom .top-toolbar-left .Pager>li {
    display: none
  }
  .top-toolbar.bottom .top-toolbar-left .Pager .pageView {
    display: block
  }
  .top-toolbar.bottom .top-toolbar-left .Pager .prevLevel1,
  .top-toolbar.bottom .top-toolbar-left .Pager .nextLevel1 {
    display: inline-block
  }
}

@media(max-width:750px) {
  .top-toolbar .Item-onPage,
  .top-toolbar .articleSorting {
    display: block;
  }
    .top-toolbar .Item-onPage {
        border-bottom: 1px solid #d8d8d8;
    }
  .top-toolbar .switchListMosaic {
    width: 100%
  }
  .top-toolbar.bottom .top-toolbar-right {
    width: 100%
  }
  .top-toolbar.bottom .top-toolbar-left {
    border-top: 1px solid #d8d8d8;
    width: 100%
  }
  .top-toolbar.bottom .top-toolbar-seo--toggler {
    top: 53px
  }
  .top-toolbar.bottom .top-toolbar-seo--links.active {
    margin-top: 1px
  }
    .top-toolbar .resultPager {
        width: 50%;
        float: right;
    }

    .top-toolbar .resultPager select {
        margin-left: 55px;
        margin-top: 7px;
    }

    .top-toolbar .resultPosition {
        display: none !important;
    }
    .top-toolbar .Item-onPage input {
        width: inherit;
    }
    .top-toolbar .Pager .prevLevel1 {
        left: 0;
        border-right: 1px solid #d8d8d8;
        border-left: 1px solid #d8d8d8;
    }

    .top-toolbar .Pager .nextLevel1 {
        right: 0;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
    }
    .bottom-toolbar .Item-onPage,
    .bottom-toolbar .articleSorting {
        display: none
    }
    .bottom-toolbar .switchListMosaic {
        width: 100%
    }
    .bottom-toolbar.bottom .bottom-toolbar-right {
        width: 100%
    }
    .bottom-toolbar.bottom .bottom-toolbar-left {
        border-top: 1px solid #d8d8d8;
        width: 100%
    }

    .bottom-toolbar .resultPager {
        width: 50%;
        float: right;
    }

    .bottom-toolbar .resultPager select {
        margin-left: 55px;
        margin-top: 7px;
    }

    .bottom-toolbar .Item-onPage input {
        width: inherit;
    }
    .bottom-toolbar .Pager .prevLevel1 {
        left: 0;
        border-right: 1px solid #d8d8d8;
    }

    .bottom-toolbar .Pager .nextLevel1 {
        right: 0;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
    }
}
.vHidden {
  visibility: hidden;
}
#detail{
  margin-left: auto;
  margin-right: auto;
  background-color: #EEEEFF;
  width: 100%;
  border: 1px solid #d8d8d8;
  margin-bottom: 15px;
}
#detail .section {
  padding: 20px;
}
#detail hr {
    border: 1px solid #03539A;
    width: 75%;
}
/**************************************************************************************/
/*********************************************************************************/

.resultPager ul li {
  list-style-type: none;
}
ul li {
    list-style-type: none;
}


ul.articleList {
  margin: 0 !important;
  padding: 0 !important;
}

.Main {
  position: relative;
  left: 0;
  min-width: 100%;
  /*padding-left: 200px;*/
  /*padding-top: 115px;*/
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-color: #FFFFFF;
}
@media(max-width:768px) {
  .Main {
    padding-top: 130px;
    padding-left: 0
  }
}
.fixfixed .Main {
  display: none
}
.isResizing .Main {
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out
}

.Main--fixed {
  padding-bottom: 698px
}

@media(max-width:768px) {
  .Main.isActive {
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px)
  }
}
@media(max-width:768px) {
  .Main.isActive--inverse {
    -webkit-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    transform: translateX(-260px)
  }
}
@media(max-width:1024px) {
  .SlideNav-view:not .Main {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: overlay;
    -webkit-overflow-scrolling: touch;
    height: calc(101%)
  }
}
.Main--adherent {
  position: relative
}

.Main--fullWidth {
  padding-left: 0
}

@media(max-width:768px) {
  .Main-exitMenu:before {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: opacity .3s, -webkit-transform 0s .3s;
    transition: opacity .3s, transform 0s .3s;
    position: fixed;
    content: " ";
    left: 0;
    right: 0;
    opacity: 0;
    background: rgba(35, 35, 35, 0.3);
    z-index: 1360;
    height: 120%;
    width: 100%
  }
  .Main-exitMenu.isActive:before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 1
  }
}

@media(max-width:768px) {
  .Main-exitMenu--inverse.isActive:before {
    opacity: 1
  }
}

.Main-marketingHeader {
  border-bottom: 1px solid #d8d8d8;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  height: 41px;
  background: white;
  position: absolute;
  top: 75px;
  right: 0;
  z-index: 10;
  left: 0
}

.fixfixed .Main-marketingHeader {
  display: none
}

.Main-marketingHeader.isFixed {
  position: fixed
}

@media(max-width:768px) {
  .Main-marketingHeader {
    display: none
  }
}

@media(min-width:768px) {
  .Main-marketingHeader {
    left: 200px
  }
}

.home-page .Main-marketingHeader {
  right: 0;
  width: auto
}

.home-page .Main-marketingHeader span {
  color: #f5b027;
  font-weight: bold
}

.TopBar-spacer--TryAdherent .Main,
.TopBar-spacer--AdherentRenewable .Main {
  padding-top: 175px
}
.Main ul {
  list-style: none
}
.Main .stimuliOPC .HL {
  font-size: .9em;
  margin: 4px 0
}
.resultList p.h2 {
  font-size: 15px;
  margin: 0 0 2px 0;
  max-width: 96%
}



.Article-item--sub {
  padding: 2.5em 0 0!important;
  margin: 2.5em 0 0;
  display: table;
  table-layout: fixed;
  border-top: 1px dashed #d8d8d8!important
}

.Article-item--sub>div {
  height: 100%;
  margin: 0!important;
  display: table-cell
}

.Article-item--sub .Article-itemVisual {
  empty-cells: hide
}

.Article-item--sub .Article-itemInfo .editorialInfo {
  margin-top: 1.5384em
}

.Article-item--sub .Article-itemAction .Article-price {
  padding: .8333em 0 0!important
}

.Article-item--sub .shipping {
  height: 100%
}

.Article-item--sub .sellerInfos {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.Article-item--sub .stressMarket {
  display: none
}

.Article-item--sub .Action-btn {
  margin-top: .9230em
}

.Article-add {
  width: 100%;
  margin-bottom: 20px
}

@media(max-width:992px) {
  .Article .Dispo-txt {
    width: 75%
  }
  .Article .Article-list .Article-itemGroup .Article-itemVisual {
    vertical-align: top
  }
  .Article .Article-list .Article-itemGroup .Article-infoContent .moreInfos {
    display: none
  }
  .Article .Article-list .Article-itemGroup .Article-infoContent .moreInfos.bloc1-3 {
    display: block;
    width: 100%
  }
  .Article .Article-list .Article-itemGroup .Article-infoContent .shipping {
    width: 100%
  }
  .Article .Article-list .Article-item--sub .Article-itemVisual {
    display: none
  }
  .Article .Article-list .Article-item--sub .Article-itemInfo {
    padding: 0
  }
  .Article .Article-list .Article-item--sub .Article-itemInfo .moreInfos {
    width: 44%
  }
  .Article .Article-list .Article-item--sub .Article-itemInfo .shipping {
    width: 52%
  }
}

.Article .Article-list .Article-itemGroup {
  display: table;
  width: 100%
}

.Article .Article-list .Article-itemGroup>div {
  display: table-cell;
  vertical-align: middle
}

.Article .Article-list .Article-item {
  position: relative;
  border-top: 1px solid #d8d8d8;
  clear: both;

}

.Article .Article-list .Article-item:nth-child(odd){
    background-color:#EEEEFF;
}

.Article .Article-list .Article-item:nth-child(even){
    background-color:#FFFFFF;
}

.Article .Article-list .Article-item .Dispo a,
.Article .Article-list .Article-item .NotDispo a,
.Article .Article-list .Article-item .Nodispo a,
.Article .Article-list .Article-item .Sending a,
.Article .Article-list .Article-item .Deleted a {
  font-weight: normal;
  margin: 0
}

.Article .Article-list .Article-item:first-child {
  border-top: 0
}

.Article .Article-list .Article-item .Article-itemVisual>img {
  cursor: pointer
}

.Article .Article-list .Article-item .Article-itemInfo {
  padding: 0 2em
}

.Article .Article-list .Article-item .Article-itemInfo>div {
  display: inline-block;
  vertical-align: middle
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos {
  width: 60%;
  padding-right: 1.66667em
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item {
  margin: .75em 0;
  color: #989898
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item:first-child {
  margin-top: 0
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .ProductSummary-rateLabo {
  font-size: inherit;
  width: auto;
  display: block;
  font-weight: normal;
  margin-left: 0;
  color: #989898;
  min-width: 0
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .summary {
  padding: 0;
  color: #232323;
  font-family: "Roboto"
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .summary a {
  text-decoration: underline
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .label,
.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .data {
  display: inline-block;
  vertical-align: top;
  width: 50%
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .data {
  margin-left: -4px;
  color: #232323
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .data .star {
  margin-bottom: -1px
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .userOpinion .data .icon {
  color: #232323;
  margin-right: .76924em;
  font-size: 1.3em
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .userOpinion .data span {
  vertical-align: middle;
  display: inline-block;
  text-decoration: underline
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .Favorite .icon {
  font-size: 16px;
  margin-right: 10px;
  color: #232323
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .Favorite a,
.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .Favorite .Favorite-label {
  font-family: "Roboto";
  font-weight: 300;
  color: #232323;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle
}

.Article .Article-list .Article-item .Article-itemInfo .editorialInfo {
  font-family: "Roboto";
  font-weight: 300;
  color: #232323
}

.Article .Article-list .Article-item .Article-itemInfo .shipping {
  width: 40%;
  margin-left: -4px;
  border-left: 0px solid #d8d8d8;
  border-right: 0px solid #d8d8d8;
  position: relative;
  vertical-align: top
}

.Article .Article-list .Article-item .Article-itemInfo .sellerInfos.Seller-infoDload {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.Article .Article-list .Article-item .Article-itemInfo .sellerInfos.Seller-infoDload .Seller-item {
  margin-bottom: 0;
  padding: 0 0 0 1.5384em
}

.Article .Article-list .Article-item .Article-itemInfo .sellerInfos li {
  padding: 5px 0 8px 10px;
  font-size: 1.08334em
}

.Article .Article-list .Article-item .Article-itemInfo .sellerInfos li>span {
  margin-left: 25px
}

.Article .Article-list .Article-item .Article-itemInfo .sellerInfos li .Delivery {
  margin: 0 0 0 24px;
  font-size: 13px
}

.Article .Article-list .Article-item .Article-itemInfo .sellerInfos li .icon {
  font-size: 13px;
  margin-right: .4375em
}

.Article .Article-list .Article-item .Article-itemInfo .sellerInfos .Seller-item+li {
  border-top: 1px solid #d8d8d8
}

.Article .Article-list .Article-item .Article-itemInfo .sellerInfos .SellerInfos-item {
  padding-bottom: 0
}

.Article .Article-list .Article-item .Article-itemInfo .Article-desc {
  font-size: 1.25em;
  color: #232323;
  font-family: 'Roboto'!important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 .4666666666666667em
}

.Article .Article-list .Article-item .Article-itemInfo .Article-desc a:first-child {
  color: #232323;
  display: block
}

.Article .Article-list .Article-item .Article-itemInfo .Article-position {
  width: 36px;
  font-size: 15px;
  line-height: 36px;
  text-align: center;
  background: #52bfcc;
  color: white;
  border-radius: 50%;
  height: 36px;
  display: block;
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 1
}

.Article .Article-list .Article-item .Article-itemInfo .Article-descSub {
  margin: 0 0 1.1538em;
  font-size: 1.0833em;
  color: #232323
}

.Article .Article-list .Article-item .Article-itemInfo .Article-descSub .participants {
  float: left;
  margin-right: 5px
}

.Article .Article-list .Article-item .Article-itemInfo .Article-descSub a {
  text-decoration: underline;
  color: black
}

.Article .Article-list .Article-item .Article-itemInfo .Article-desc {
  display: table-caption
}

.Article .Article-list .Article-item .Article-itemInfo .Article-desc a {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.2em
}

.Article .Article-list .Article-item .Article-itemInfo .rate {
  color: #989898;
  font-size: 1em
}

.Article .Article-list .Article-item .Article-itemInfo .rate>.label {
  vertical-align: middle;
  display: inline-block;
  width: 50%
}

.Article .Article-list .Article-item .Article-itemInfo .rate .lienInverse {
  display: inline-block;
  vertical-align: middle;
  padding-top: 2px;
  text-decoration: underline
}

.Article .Article-list .Article-item .Article-itemInfo .rate .star {
  margin: 0 5px 0 5px
}

.Article .Article-list .Article-item .Article-itemInfo .rate .Review-count {
  text-decoration: underline
}

.Article .Article-list .Article-item .Article-itemInfo .rate a {
  text-decoration: none;
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
  color: black
}

.Article .Article-list .Article-item .Article-infoContent .moreInfos,
.Article .Article-list .Article-item .Article-infoContent .shipping {
  display: inline-block
}

.Article .Article-list .Article-item .Article-infoContent .moreInfos.underline,
.Article .Article-list .Article-item .Article-infoContent .shipping.underline {
  text-decoration: underline
}

.Article .Article-list .Article-item .Article-itemAction {
  vertical-align: bottom!important;
  position: relative
}

.Article .Article-list .Article-item .Article-itemAction .Article-actionContent {
  text-align: right;
  margin: 0 auto
}

.Article .Article-list .Article-item .Article-itemAction .AddArticleToWishlist {
  display: block;
  cursor: pointer
}

.Article .Article-list .Article-item .Article-itemAction .block-Search-wishlist {
  display: inline-block;
  vertical-align: middle;
  margin-left: -0.25em
}

.Article .Article-list .Article-item .Article-itemAction .block-Search-wishlist .addItemFromSearch {
  outline: 0;
  display: inline-block;
  position: relative
}

.Article .Article-list .Article-item .Article-itemAction .block-Search-wishlist .addItemFromSearch:hover {
  text-decoration: none
}

.Article .Article-list .Article-item .Article-itemAction .block-Search-wishlist .icon {
  font-size: 1.3334em;
  padding: .625em;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  margin-left: .625em
}

.Article .Article-list .Article-item .Article-itemAction .block-Search-wishlist .icon:hover {
  border-color: #232323;
  transition-property: all;
  transition-duration: .4s
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .userPrice {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.66667em;
  color: #dd1e35
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .userPrice i {
  font-size: 1em;
  line-height: 0
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .userPrice--book {
  color: #09b643
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .userPriceNumerical {
  color: #2ac3ee!important
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .bigPricerFA {
  position: relative;
  font-family: "Roboto";
  font-weight: 700;
  padding-bottom: 10px
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .bigPricerFA .Action-btn {
  font-weight: normal
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .bigPricerFA .floatl {
  display: inline-flex!important
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .bigPricerFA .red {
  color: #dd1e35
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .bigPricerFA .js-ProductBuy {
  overflow: auto
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .bigPricerFA .js-ProductBuy a {
  margin-top: 10px
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .bigPricerFA .oldPrice {
  color: #232323;
  margin-right: 10px;
  font-weight: normal;
  font-size: 1.1833em
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .bigPricerFA .pushBook .Push-txt {
  display: block
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .bigPricerFA .pushBook .Push-txt span {
  display: inline-block;
  vertical-align: middle
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .bigPricerFA .pushBook .Push-txt .icon {
  font-size: 1.33333em;
  margin-left: .625em;
  color: #232323
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .sellBy {
  color: #989898;
  font-size: .9166em;
  margin-top: .9090em
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .sellBy .seller {
  color: #095287;
  font-weight: bold
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .OffersSumary {
  font-size: 11px;
  margin: 1em 0 0;
  font-weight: normal
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .OffersSumary+.OffersSumary {
  margin: 0
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .OffersSumary a {
  color: #989898;
  text-decoration: none
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .OffersSumary .userPrice {
  font-size: 11px
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .OffersSumary a:hover {
  text-decoration: underline
}

.Article .Article-list .Article-item .Article-itemAction .Article-price .OffersSumary-vod span {
  color: #2ac3ee
}

.Article .Article-list .Article-item.Article-item--Spect .shipping {
  display: block;
  width: 100%;
  border-left: none
}

.Article .Article-list .Article-item.Article-item--Spect .Article-price {
  padding: 0!important
}

.Article .Article-list .Article-item.Article-item--Spect .Article-price .bigPricerFA .float1 {
  display: inline-flex!important
}

.Article .Article-list .Article-item.Article-item--Spect .userPrice {
  margin-left: 5px;
  margin-top: -3px;
  color: mediumvioletred!important;
  display: block
}

.Article .Article-list .Article-item .Spectacle-info {
  color: #232323;
  font-weight: bold
}

.Article .Article-list .Article-item .Spectacle-info .icon {
  font-size: 16px;
  margin-right: 12px
}

.Article .Article-list .countdown-position {
  position: static;
  margin-bottom: 0
}

.Article-mosaicList {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.Article-mosaicList .Article-mosaicItem {
  border-left: none;
  border-top: 0;
  display: inline-block;
  vertical-align: top;
  margin-right: -0.25em;
  position: relative
}

.Article-mosaicList .Article-mosaicItem .thumbnail {
  border-top: 0
}

@media(max-width:992px) {
  .Article-mosaicList .Article-mosaicItem {
    width: 33.3333%
  }
  .Article .Article-list .Article-item .Article-itemInfo .shipping,
  .Article-add,
  .Article-price {
    display: block
  }
  .Article .Article-list .Article-itemGroup>div {
    display: inline-block!important
  }
  .Article .Article-list .Article-item .Article-itemInfo {
    width: 65%
  }
  .Article .Article-list .Article-itemGroup .Article-itemVisual {
    float: left
  }
  .Article .Article-list .Article-item .Article-itemAction {
    width: 65%
  }
  .Article .Article-list .Article-item .Article-itemAction .Article-actionContent {
    text-align: left
  }
  .Article .countdown-position {
    position: relative;
    bottom: 0
  }
  .Article .f-visual-countdown {
    margin-bottom: 10px
  }
  .Comparator .Comparator-right .Comparator-content li {
    width: 40%;
    margin-bottom: 10px
  }
  .Comparator .Comparator-right .Comparator-content li:first-child {
    margin-left: 2.08333em
  }
}

@media(min-width:992px) and (max-width:1100px) {
  .Article-mosaicList .Article-mosaicItem {
    width: 33%
  }
}

@media(min-width:1100px) and (max-width:1600px) {
  .Article-mosaicList .Article-mosaicItem {
    width: 25%
  }
}

@media(min-width:1600px) {
  .Article-mosaicList .Article-mosaicItem {
    width: 20%
  }
}

@media(max-width:768px) {
  .Article-mosaicList .Article-mosaicItem {
    width: 50%;
    float: left;
    margin: 0
  }
}

@media(max-width:785px) {
  .Article .Article-list .Article-item .Article-itemInfo {
    width: 48%
  }
  .a-c_results {
    height: auto;
    width: 100%!important;
    min-width: auto
  }
  .a-c_results>div {
    float: initial!important
  }
}

@media(max-width:640px) {
  .Article .Article-list .Article-item .Article-itemInfo {
    width: 60%!important;
    display: inline-block;
    z-index: 100;
    padding: 2em 0 0 2em
  }
  .Article .Article-list .Article-item .Article-itemInfo .moreInfos {
    display: none!important
  }
  .Article .Article-list .Article-item .Article-itemAction {
    min-width: 100%!important;
    padding-left: 0;
    padding-top: 15px
  }
  .Article .Article-price .Action-btn {
    float: right!important;
    width: auto;
    padding: 0 30px
  }
  .Article .Article-list .Article-item .Article-itemAction .Article-actionContent {
    text-align: right!important
  }
}


.filters.recall:not(.hide)+#dontTouchThisDiv>.articleList:first-child,
.filters.recall:not(.hide)+#dontTouchThisDiv>.marketBanner:first-child {
  margin-top: -42px
}

@media screen and (max-width:992px) {
  .articleList .mrg_l_sm .expressplus {
    display: none
  }
}

.Article .Article-list .Article-itemGroup {
  display: table
}

.Article .Article-list .Article-itemGroup>div {
  display: table-cell;
  vertical-align: middle
}

.Article .Article-list .Article-item {
  position: relative;
  clear: both;
  padding: 30px;
  border-top: 1px solid #d8d8d8
}

@media(max-width:1200px) {
  .Article .Article-list .Article-item {
    padding: 2.08333em 2%
  }
}

.Article .Article-list .Article-item .Dispo a,
.Article .Article-list .Article-item .NotDispo a,
.Article .Article-list .Article-item .Nodispo a,
.Article .Article-list .Article-item .Sending a,
.Article .Article-list .Article-item .Deleted a {
  font-weight: normal;
  margin: 0
}

.Article .Article-list .Article-item:first-child {
  border-top: 0
}

.Article .Article-list .Article-item .Article-itemVisual {
  width: 200px
}

@media(max-width:992px) {
  .Article .Article-list .Article-item .Article-itemVisual {
    width: 100px;
    text-align: center
  }
  .Article .Article-list .Article-item .Article-itemVisual img {
    max-width: 100%
  }
}

.Article .Article-list .Article-item .Article-itemAction {
  width: 200px;
  min-width: 200px
}

@media(max-width:992px) {
  .Article .Article-list .Article-item .Article-itemAction {
    width: 200px
  }
  .Article .Article-list .Article-item .Article-itemAction img {
    max-width: 100%
  }
}

@media(max-width:767px) {
  .Article .Article-list .Article-item .Article-itemAction {
    width: 100%;
    padding: 0
  }
  .Article .Article-list .Article-item .Article-itemAction img {
    max-width: 100%
  }
}

.Article .Article-list .Article-item .Article-itemVisual>img {
  cursor: pointer
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos {
  width: 60%;
  padding-right: 1.66667em
}

@media(max-width:1200px) {
  .Article .Article-list .Article-item .Article-itemInfo .moreInfos {
    width: 100%
  }
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item {
  margin: .75em 0;
  color: #989898
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item:first-child {
  margin-top: 0
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .ProductSummary-rateLabo {
  font-size: inherit;
  font-weight: normal;
  display: block;
  width: auto;
  min-width: 0;
  margin-left: 0;
  color: #232323
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .ProductSummary-rateLabo .label {
  line-height: 20px
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .summary {
  font-family: "Roboto";
  padding: 0;
  color: #232323
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .summary a {
  text-decoration: underline
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .label,
.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .data {
  display: inline-block;
  width: 48%;
  vertical-align: top
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .data {
  color: #232323
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .data .userOpinion .data .icon {
  font-size: 1.3em;
  margin-right: .76924em;
  color: #232323
}

@media(max-width:1200px) {
  .Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .data .userOpinion .data {
    width: 100%
  }
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .data .userOpinion .data span {
  display: inline-block;
  vertical-align: middle;
  text-decoration: underline
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .Favorite .icon {
  font-size: 16px;
  margin-right: 10px;
  color: #232323
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .Favorite a,
.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfos-item .Favorite .Favorite-label {
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  color: #232323;
  font-family: "Roboto";
  font-weight: 300
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .moreInfo-list--marged {
  margin: 0 0 15px
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .editorialInfo {
  color: #232323;
  font-family: "Roboto";
  font-weight: 300
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .shipping {
  position: relative;
  width: 40%;
  margin-left: -4px;
  vertical-align: top;
  border-right: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .sellerInfos li {
  font-size: 1.08334em;
  padding: 5px 0 8px 10px
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .sellerInfos li>span {
  margin-left: 25px
}

@media(max-width:1200px) {
  .Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .sellerInfos li>span {
    margin-left: 5px
  }
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .sellerInfos li .Delivery {
  font-size: 13px;
  margin: 0 0 0 24px
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .sellerInfos li .icon {
  font-size: 13px;
  margin-right: .4375em
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .sellerInfos .Seller-item+li {
  border-top: 1px solid #d8d8d8
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .sellerInfos .SellerInfos-item {
  padding-bottom: 0
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .Article-desc {
  font-family: 'Roboto'!important;
  font-size: 1.25em;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  margin: 0 0 .4666666666666667em;
  color: #232323
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .Article-desc a:first-child {
  display: block
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .Article-desc--inline {
  display: inline!important
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .Article-position {
  font-size: 15px;
  line-height: 36px;
  position: absolute;
  z-index: 1;
  top: 12px;
  left: 12px;
  display: block;
  width: 36px;
  height: 36px;
  text-align: center;
  color: white;
  border-radius: 50%;
  background: #52bfcc
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .Article-descSub {
  font-size: 1.0833em;
  margin: 0 0 3px;
  color: #232323
}

@media(max-width:992px) {
  .Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .Article-descSub {
    margin-top: 20px
  }
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .Article-descSub .participants {
  float: left;
  margin-right: 5px
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .Article-descSub a {
  text-decoration: underline
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .Article-desc {
  display: table-caption
}

@media(max-width:992px) {
  .Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .Article-desc {
    left: 145px;
    right: 0
  }
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .Article-desc a {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  max-height: 2.2em;
  white-space: normal;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .rate {
  font-size: 1em;
  color: #989898
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .rate>.label {
  display: inline-block;
  width: 50%;
  vertical-align: middle
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .rate .lienInverse {
  display: inline-block;
  padding-top: 4px;
  vertical-align: middle;
  text-decoration: underline
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .rate .Review-count {
  text-decoration: underline
}

.Article .Article-list .Article-item .Article-itemInfo .moreInfos-list .rate a {
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
  text-decoration: none
}

.Article .Article-list .Article-item .Article-itemInfo .Article-infoContent {
  display: table!important;
  width: 100%
}

.Article .Article-list .Article-item .Article-itemInfo .Article-infoContent .moreInfos,
.Article .Article-list .Article-item .Article-itemInfo .Article-infoContent .shipping {
  display: inline-block
}

.Article .Article-list .Article-item .Article-itemInfo .Article-infoContent .moreInfos.underline,
.Article .Article-list .Article-item .Article-itemInfo .Article-infoContent .shipping.underline {
  text-decoration: underline
}

@media(max-width:1200px) {
  .Article .Article-list .Article-item .Article-itemInfo .Article-infoContent .shipping {
    width: 100%;
    display: inline-block;
  }
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction {
  position: relative;
  vertical-align: bottom!important
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-actionContent {
  margin: 0 auto;
  text-align: right
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .AddArticleToWishlist {
  display: block;
  cursor: pointer
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .block-Search-wishlist {
  display: inline-block;
  margin-left: -0.25em;
  vertical-align: middle
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .block-Search-wishlist .addItemFromSearch {
  outline: 0
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .block-Search-wishlist .addItemFromSearch:hover {
  text-decoration: none
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .block-Search-wishlist .icon {
  font-size: 1.3334em;
  margin-left: .625em;
  padding: .625em;
  border: 1px solid #d8d8d8;
  border-radius: 50%
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .block-Search-wishlist .icon:hover {
  transition-duration: .4s;
  transition-property: all;
  border-color: #232323
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .userPrice {
  font-size: 1.66667em;
  color: #dd1e35;
  font-family: "Roboto";
  font-weight: 700
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .userPrice i {
  font-size: 1em;
  line-height: 0
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .userPriceNumerical {
  color: #2ac3ee!important
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .bigPricerFA {
  font-family: "Roboto";
  font-weight: 700
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .bigPricerFA .Action-btn {
  font-weight: normal
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .bigPricerFA .floatl {
  display: inline-flex!important
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .bigPricerFA .js-ProductBuy {
  overflow: auto
}

@media(max-width:992px) {
  .Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .bigPricerFA .js-ProductBuy {
    overflow: visible
  }
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .bigPricerFA .js-ProductBuy a {
  margin-top: 10px
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .bigPricerFA .oldPrice {
  font-size: 1.1833em;
  font-weight: normal;
  margin-right: 10px;
  color: #232323
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .bigPricerFA .pushBook .Push-txt {
  display: block
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .bigPricerFA .pushBook .Push-txt span {
  display: inline-block;
  vertical-align: middle
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .bigPricerFA .pushBook .Push-txt .icon {
  font-size: 1.33333em;
  margin-left: .625em;
  color: #232323
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .sellBy {
  font-size: .9166em;
  margin-top: .9090em;
  color: #989898
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .sellBy .seller {
  font-weight: bold;
  color: #095287
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .OffersSumary {
  font-size: 11px;
  font-weight: normal;
  margin: 1em 0 0
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .OffersSumary a:hover {
  text-decoration: underline
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .OffersSumary+.OffersSumary {
  margin: 0
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .OffersSumary a {
  text-decoration: none;
  color: #989898
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .OffersSumary .userPrice {
  font-size: 11px
}

.Article .Article-list .Article-item .Article-itemInfo .Article-itemAction .Article-price .OffersSumary-vod span {
  color: #2ac3ee
}

.Article .Article-list .Article-item .Article-itemInfo.Article-item--Spect .shipping {
  display: block;
  width: 100%;
  border-left: none
}

.Article .Article-list .Article-item .Article-itemInfo.Article-item--Spect .Article-price {
  padding: 0!important
}

.Article .Article-list .Article-item .Article-itemInfo.Article-item--Spect .Article-price .bigPricerFA .float1 {
  display: inline-flex!important
}

.Article .Article-list .Article-item .Article-itemInfo.Article-item--Spect .userPrice {
  display: block;
  margin-top: -3px;
  margin-left: 5px;
  color: mediumvioletred!important
}

.Article .Article-list .Article-item .Article-itemInfo .Spectacle-info {
  font-weight: bold;
  color: #232323
}

.Article .Article-list .Article-item .Article-itemInfo .Spectacle-info .icon {
  font-size: 16px;
  margin-right: 12px
}

.Article .Article-list .Article-item .countdown-position {
  position: static;
  margin-bottom: 0
}

.Article .Article-itemGroup--sub {
  display: table;
  table-layout: fixed;
  border-top: 1px dashed #d8d8d8!important;
  padding: 2em 0 0 200px
}

@media(max-width:992px) {
  .Article .Article-itemGroup--sub {
    padding: 2em 0 0 100px
  }
}

.Article .Article-itemGroup--sub>div {
  display: table-cell;
  height: 100%;
  margin: 0!important
}

.Article .Article-itemGroup--sub .Article-itemVisual {
  empty-cells: hide
}

.Article .Article-itemGroup--sub .Article-itemInfo .Article-desc {
  display: inline!important
}

@media(max-width:1200px) {
  .Article .Article-itemGroup--sub .Article-itemInfo .moreInfos {
    display: block!important;
    padding-bottom: 10px!important;
    width: 100%!important
  }
}

.Article .Article-itemGroup--sub .Article-itemInfo .editorialType {
  color: #19ccff;
  font-size: 14px
}

.Article .Article-itemGroup--sub .Article-itemInfo .vodOffer {
  font-size: 13px
}

.Article .Article-itemGroup--sub .Article-itemAction .Article-price {
  padding: .8333em 0 0!important
}

.Article .Article-itemGroup--sub .shipping {
  height: 100%
}

.Article .Article-itemGroup--sub .sellerInfos {
  position: relative;
  top: 50%
}

.Article .Article-itemGroup--sub .stressMarket {
  display: none
}

.Article .Article-itemGroup--sub .stressMarket+.Dispo-txt {
  text-transform: lowercase;
}

.Article .Article-itemGroup--sub .Action-btn {
  margin-top: .9230em
}

.Article .Article-add {
  width: 100%;
  margin-bottom: 20px
}

@media(max-width:1200px) {
  .Article .Article .Article-list .Article-itemGroup--sub .shipping {
    height: auto;
    width: 100%
  }
  .Article .Article .Article-list .Article-itemGroup--sub .sellerInfos {
    transform: none
  }
}

@media(max-width:992px) {
  .Article .Article .Dispo-txt {
    width: 75%
  }
  .Article .Article .Article-list .Article-itemGroup .Article-itemVisual {
    vertical-align: top
  }
  .Article .Article .Article-list .Article-itemGroup .Article-infoContent .moreInfos.bloc1-3 {
    display: block;
    width: 100%
  }
  .Article .Article .Article-list .Article-itemGroup .Article-infoContent .shipping {
    width: 100%
  }
  .Article .Article .Article-list .Article-itemGroup--sub .Article-itemVisual {
    display: none
  }
  .Article .Article .Article-list .Article-itemGroup--sub .Article-itemInfo {
    padding: 0
  }
  .Article .Article .Article-list .Article-itemGroup--sub .Article-itemInfo .moreInfos {
    width: 44%
  }
  .Article .Article .Article-list .Article-itemGroup--sub .Article-itemInfo .shipping {
    width: 100%
  }
}

@media(max-width:992px) {
  .Article .Article-itemInfo .shipping,
  .Article .Article-add {
    display: none
  }
  .Article .Article-price .Action-btn {
    margin-bottom: 10px;
    float: none
  }
  .Article .Article-price .Action-btn i {
    display: none
  }
  .Article .Article-itemGroup>div {
    display: inline-block!important
  }
  .Article .Article-itemInfo {
    width: 65%
  }
  .Article .Article-list .Article-itemVisual {
    float: left
  }
  .Article .Article-itemAction {
    width: 65%;
    padding: 0 1.66667em
  }
  .Article .Article-itemAction .Article-actionContent {
    text-align: left
  }
  .Article .Article .countdown-position {
    position: relative;
    bottom: 0
  }
  .Article .Article .f-visual-countdown {
    margin-bottom: 10px
  }
  .Article .Comparator .Comparator-right .Comparator-content li {
    width: 40%;
    margin-bottom: 10px
  }
  .Article .Comparator .Comparator-right .Comparator-content li:first-child {
    margin-left: 2.08333em
  }
}
.top-toolbar .articleSorting .fake-box,
.top-toolbar .Item-onPage .fake-box {
  position: relative!important
}

.top-toolbar .articleSorting .fake-box>a,
.top-toolbar .Item-onPage .fake-box>a {
  border: .833333em solid #f2f2f2;
  line-height: 2.58333;
  height: 52px;
  display: block;
  cursor: pointer
}

.top-toolbar .articleSorting .fake-box>a span,
.top-toolbar .Item-onPage .fake-box>a span {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding-left: 12px;
  padding-right: 25px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.top-toolbar .articleSorting .fake-box>a .icon,
.top-toolbar .Item-onPage .fake-box>a .icon {
  position: absolute;
  top: 20px;
  right: 1.8em
}

.top-toolbar .articleSorting .fake-box .contain,
.top-toolbar .Item-onPage .fake-box .contain {
  position: absolute;
  z-index: 2;
  background-color: white;
  border: 1px solid #d8d8d8;
  top: 42px;
  left: 10px;
  right: -1px;
  width: auto;
  margin-left: -1px;
  margin-top: -1px
}

.top-toolbar .articleSorting .fake-box .contain li,
.top-toolbar .Item-onPage .fake-box .contain li {
  padding: 0 .8333em
}

.top-toolbar .articleSorting .fake-box .contain li.hovered,
.top-toolbar .Item-onPage .fake-box .contain li.hovered {
  background-color: #f2f2f2
}

.top-toolbar .articleSorting .fake-box .contain li:hover,
.top-toolbar .Item-onPage .fake-box .contain li:hover {
  background-color: #f2f2f2;
  cursor: pointer
}
.top-toolbar .articleSorting {
  border-bottom: 1px solid #d8d8d8
}

@media(max-width:1140px) {
  .top-toolbar .top-toolbar-right .switchListMosaic,
  .top-toolbar .top-toolbar-right .articleSorting {
    width: 50%;
    display: block
  }
}
.article-title {
  margin: .52em 0 .8em;
  font-size: 25px;
  color: white;
  overflow: hidden;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: normal;
  text-overflow: -o-ellipsis-lastline;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 1.4;
  font-family: "Roboto";
  font-weight: 300
}

.article-title+.article-desc {
  height: 325px;
  overflow: hidden;
  font-size: 15px;
  line-height: 25px;
  font-weight: normal
}
.clearfix:before,
.clearfix:after,
.Main-marketingHeader:before,
.row:before,
.container-fluid:before,
.container:before,
.Main-marketingHeader:after,
.row:after,
.container-fluid:after,
.container:after {
  content: " ";
  display: table
}
.clearfix:after,
.Main-marketingHeader:after,
.row:after,
.container-fluid:after,
.container:after {
  clear: both
}


.selectPage {
 /* width: 40px !important;*/
}