/*
	Theme Name: Simflex
	Theme URI: http://www.simfexint.com/
	Description: Theme wordpress realise par la societe Carredas
	Version: 0.1
	Author: Damien Flandrin (@damien_flandrin)
	Author URI: http://carredas.fr/
	Tags: Carredas, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*

    IMPORT

*/
@import url("https://fonts.googleapis.com/css?family=Titillium+Web");
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  appearance: none;
  background-color: #0d7aa1;
  border: 0;
  border-radius: 0px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Titillium Web";
  font-size: 0.9375em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-decoration: none;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: #0a6281;
    color: #fff; }
  button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    button:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover {
      background-color: #0d7aa1; }

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

legend {
  font-weight: 600;
  margin-bottom: 0.375em;
  padding: 0; }

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375em; }

input,
select {
  display: block;
  font-family: "Titillium Web";
  font-size: 0.9375em; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea,
select[multiple] {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  font-family: "Titillium Web";
  font-size: 0.9375em;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color 150ms ease;
  width: 100%; }
  input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover,
  select[multiple]:hover {
    border-color: #b1b1b1; }
  input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus,
  select[multiple]:focus {
    border-color: #0d7aa1;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(11, 104, 137, 0.7);
    outline: none; }
  input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled,
  select[multiple]:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed; }
    input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover,
    select[multiple]:disabled:hover {
      border: 1px solid #ddd; }

textarea {
  resize: vertical; }

[type="search"] {
  appearance: none; }

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

[type="file"] {
  margin-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto; }

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

dl {
  margin-bottom: 0.75em; }
  dl dt {
    font-weight: 600;
    margin-top: 0.75em; }
  dl dd {
    margin: 0; }

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #a6a6a6;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

body {
  color: #4d4e50;
  font-family: "Titillium Web";
  font-size: 0.9375em;
  line-height: 1.5;
  margin: 0px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Titillium Web";
  font-size: 1.375em;
  line-height: 1.2;
  margin: 0 0 0.75em; }

p {
  margin: 0 0 0.75em; }

a {
  color: #0d7aa1;
  text-decoration: none;
  transition: color 150ms ease; }
  a:active, a:focus, a:hover {
    color: #0a5c79; }

hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

::selection {
  background: #3d95b4;
  color: #fff; }

@media (max-width: 639px) {
  .hidden-mobile {
    display: none !important; } }
@media (min-width: 640px) and (max-width: 1023px) {
  .hidden-tablette {
    display: none !important; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  .hidden-small-desktop {
    display: none !important; } }
@media (min-width: 1280px) {
  .hidden-desktop {
    display: none !important; } }
.post-edit-link {
  border: 1px solid #056f95;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 0 #46bde7;
  color: white;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  background-color: #119ed0;
  background-image: -webkit-linear-gradient(#119ed0, #057aa4);
  background-image: linear-gradient(#119ed0, #057aa4);
  padding: 7px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 #006285;
  background-clip: padding-box;
  position: absolute;
  top: 10px;
  right: 10px; }
  .post-edit-link:hover:not(:disabled) {
    background-color: #138ab5;
    background-image: -webkit-linear-gradient(#138ab5, #056f94);
    background-image: linear-gradient(#138ab5, #056f94);
    box-shadow: inset 0 1px 0 0 #1babdf;
    cursor: pointer; }
  .post-edit-link:active:not(:disabled), .post-edit-link:focus:not(:disabled) {
    border: 1px solid #056f95;
    box-shadow: inset 0 0 8px 4px #056385, inset 0 0 8px 4px #056385; }
  .post-edit-link:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
  .post-edit-link:hover, .post-edit-link:active, .post-edit-link:focus {
    color: white; }

/*

  THEMES

*/
.widget-title, .so-widget-sow-editor h1, .so-widget-sow-editor h2 {
  font-size: 1.375em;
  color: #0d7aa1;
  font-weight: lighter;
  text-transform: uppercase; }
  .widget-title:after, .so-widget-sow-editor h1:after, .so-widget-sow-editor h2:after {
    content: '';
    width: 100%;
    height: 1px;
    margin-top: 5px;
    display: block; }

.widget-title:after, .so-widget-sow-editor h1:after, .so-widget-sow-editor h2:after {
  content: '';
  width: 100%;
  height: 1px;
  margin-top: 5px;
  display: block;
  background-color: #0d7aa1;
  background-image: -webkit-linear-gradient(left, #0d7aa1, #FFF);
  background-image: linear-gradient(to right,#0d7aa1, #FFF); }

.sow-slider-base .sow-sld-icon-thin-left, .sow-slider-base .sow-sld-icon-thin-right {
  display: none !important; }
.sow-slider-base .sow-slider-pagination {
  display: block !important;
  opacity: 1 !important;
  text-align: center; }
  .sow-slider-base .sow-slider-pagination li {
    margin: 0px 2px; }
    .sow-slider-base .sow-slider-pagination li a {
      border-radius: 0px !important;
      background: white !important;
      opacity: 0.9;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
      filter: alpha(opacity=90); }
    .sow-slider-base .sow-slider-pagination li.sow-active a {
      background-color: #4d4e50 !important; }

.sow-slider-image-wrapper {
  max-width: 1280px !important;
  margin: 0px auto !important;
  padding: 0px 20px !important; }
  @media (min-width: 1280px) {
    .sow-slider-image-wrapper {
      padding: 0px !important; } }
  .sow-slider-image-wrapper .panel-grid {
    position: absolute;
    top: 55%;
    -webkit-transform: translateY(-55%);
    -moz-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    -o-transform: translateY(-55%);
    transform: translateY(-55%);
    max-width: 640px; }
    .sow-slider-image-wrapper .panel-grid .textwidget {
      background-color: rgba(15, 140, 185, 0.75);
      padding: 10px; }
  .sow-slider-image-wrapper .widget-title {
    font-size: 2.625em;
    text-shadow: none !important; }
    .sow-slider-image-wrapper .widget-title:after {
      display: none; }
  .sow-slider-image-wrapper .textwidget, .sow-slider-image-wrapper p {
    font-size: 1.375em;
    color: white !important; }

.image-top-right .sow-slider-image-cover {
  background-position: 85% center !important; }

.image-top-center .sow-slider-image-cover {
  background-position: center top !important; }

.sow-border-gradient {
  border-width: 1px;
  border-style: solid;
  border-left: 0px;
  -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d7aa1), to(transparent)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(#0d7aa1, transparent) 1 100%;
  -moz-border-image: -moz-linear-gradient(#0d7aa1, transparent) 1 100%;
  -o-border-image: -o-linear-gradient(#0d7aa1, transparent) 1 100%;
  border-image: linear-gradient(to bottom, #0d7aa1, transparent) 1 100%; }
  .sow-border-gradient::after {
    clear: both;
    content: "";
    display: table; }

.so-panel-no-margin .so-panel, .so-panel-no-margin .panel-grid {
  margin-bottom: 0px !important; }

.sow-title-center .widget-title {
  text-align: center; }
  .sow-title-center .widget-title:after {
    background: #0d7aa1;
    background: -webkit-linear-gradient(right, #fff, #0d7aa1, #fff);
    background: -o-linear-gradient(right, #fff, #0d7aa1, #fff);
    background: -moz-linear-gradient(right, #fff, #0d7aa1, #fff);
    background: linear-gradient(to right, #fff, #0d7aa1, #fff); }

.siteorigin-widget-tinymce ul {
  list-style-type: square;
  padding-left: 20px; }
  .siteorigin-widget-tinymce ul li {
    color: #0d7aa1; }
    .siteorigin-widget-tinymce ul li span {
      color: #4d4e50; }

/*

    LAYOUT

*/
/***************************

LAYOUT HEADER

  l-header
   - logo > div
   - nav > div
   - tools > div
    * polylang
    * number-phone
    * mobile-burger

****************************/
.l-header .container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding: 0px 20px;
  display: table;
  width: 100%;
  table-layout: fixed; }
  .l-header .container::after {
    clear: both;
    content: "";
    display: table; }
.l-header .logo, .l-header .nav, .l-header .tools {
  text-align: center;
  vertical-align: bottom; }
  .l-header .logo > div::after, .l-header .nav > div::after, .l-header .tools > div::after {
    clear: both;
    content: "";
    display: table; }
.l-header .logo, .l-header .tools {
  display: table-cell;
  width: 50%; }
  .l-header .logo > div, .l-header .tools > div {
    margin-bottom: 10px; }
  @media (min-width: 1280px) {
    .l-header .logo, .l-header .tools {
      display: table-cell;
      width: 25%; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  .l-header .logo {
    text-align: left; } }
@media (min-width: 640px) and (max-width: 1023px) {
  .l-header .logo {
    text-align: left; } }
@media (max-width: 639px) {
  .l-header .logo {
    text-align: left;
    display: table-cell;
    width: 66.66667%; } }
.l-header .nav {
  display: table-cell;
  width: 50%; }
  @media (min-width: 1024px) and (max-width: 1279px) {
    .l-header .nav {
      display: none; } }
  @media (min-width: 640px) and (max-width: 1023px) {
    .l-header .nav {
      display: none; } }
  @media (max-width: 639px) {
    .l-header .nav {
      display: none; } }
.l-header .tools {
  text-align: center; }
  .l-header .tools .tools-item {
    float: right; }
    .l-header .tools .tools-item ul::after {
      clear: both;
      content: "";
      display: table; }
    @media (min-width: 1280px) {
      .l-header .tools .tools-item {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px; }
        .l-header .tools .tools-item:last-child {
          margin-right: 0; }
        .l-header .tools .tools-item:last-child {
          margin-bottom: 5px; } }
  .l-header .tools .polylang {
    padding: 21px 0px;
    margin-right: 10px; }
    @media (min-width: 1280px) {
      .l-header .tools .polylang {
        padding: inherit;
        margin-right: inherit; } }
    @media (max-width: 639px) {
      .l-header .tools .polylang {
        display: none; } }
  .l-header .tools .number-phone {
    display: none !important; }
    @media (min-width: 1280px) {
      .l-header .tools .number-phone {
        display: block !important; } }
  .l-header .tools .mobile-burger {
    display: block !important; }
    @media (min-width: 1280px) {
      .l-header .tools .mobile-burger {
        display: none !important; } }
  @media (min-width: 1024px) and (max-width: 1279px) {
    .l-header .tools {
      text-align: right; } }
  @media (min-width: 640px) and (max-width: 1023px) {
    .l-header .tools {
      text-align: right; } }
  @media (max-width: 639px) {
    .l-header .tools {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%;
      float: right;
      text-align: right; }
      .l-header .tools:last-child {
        margin-right: 0; } }
.l-header:after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background-color: #0d7aa1;
  background-image: -webkit-linear-gradient(left, #0d7aa1, #FFF);
  background-image: linear-gradient(to right,#0d7aa1, #FFF); }

.l-footer {
  border-top: 1px solid #ddd;
  padding: 10px 0px;
  text-align: center; }

.l-body, main {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 20px; }
  .l-body::after, main::after {
    clear: both;
    content: "";
    display: table; }

/*

    MODULES

*/
.icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px; }

.icon-phone {
  background-image: url(img/simflex-sprite.png);
  background-position: 0px -66px;
  width: 20px;
  height: 19px; }

.icon-burger {
  background-image: url(img/simflex-sprite.png);
  background-position: -64px 0px;
  width: 64px;
  height: 65px; }

.icon-edit {
  background-image: url(img/simflex-sprite.png);
  background-position: -20px -66px;
  width: 16px;
  height: 16px; }

.nav li {
  display: inline;
  float: left;
  padding: 20px 0px; }
.nav a {
  font-size: 1.125em;
  color: #4d4e50;
  text-transform: uppercase;
  padding: 20px; }
.nav a:hover {
  color: #0d7aa1; }
.nav .current-menu-item {
  border-bottom: 3px solid #0d7aa1;
  position: relative; }
  .nav .current-menu-item a {
    color: #0d7aa1; }
  .nav .current-menu-item:after {
    content: '';
    border-left: 7px solid white;
    border-right: 7px solid white;
    border-bottom: 7px solid #0d7aa1;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px; }
.nav .sub-menu {
  display: none; }

.widget_nav_menu li {
  display: inline;
  float: left;
  width: 100%;
  padding: 10px 7px 10px 0px;
  position: relative; }
.widget_nav_menu a {
  font-size: 1.125em;
  color: #4d4e50;
  text-transform: uppercase;
  text-align: left;
  display: block;
  position: relative; }
  .widget_nav_menu a:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -10px;
    display: block;
    background-color: transparent;
    background-image: -webkit-linear-gradient(right, transparent, #4d4e50);
    background-image: linear-gradient(to left,transparent, #4d4e50); }
.widget_nav_menu .current-menu-item {
  border-right: 3px solid #0d7aa1;
  position: relative; }
  .widget_nav_menu .current-menu-item:after {
    content: '';
    border-top: 7px solid white;
    border-bottom: 7px solid white;
    border-right: 7px solid #0d7aa1;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%); }
  .widget_nav_menu .current-menu-item a {
    color: #0d7aa1; }
    .widget_nav_menu .current-menu-item a:after {
      content: '';
      width: 100%;
      height: 1px;
      position: absolute;
      bottom: -10px;
      display: block;
      background-color: transparent;
      background-image: -webkit-linear-gradient(right, transparent, #0d7aa1);
      background-image: linear-gradient(to left,transparent, #0d7aa1); }
.widget_nav_menu a:hover {
  color: #0d7aa1; }
  .widget_nav_menu a:hover:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -10px;
    display: block;
    background-color: transparent;
    background-image: -webkit-linear-gradient(right, transparent, #0d7aa1);
    background-image: linear-gradient(to left,transparent, #0d7aa1); }

.list {
  list-style: none;
  /* Class pour polylang et les menus wordpress*/ }
  .list li {
    display: inline; }
  .list a {
    color: #4d4e50; }
  .list a:hover {
    color: #0d7aa1; }
  .list .current-lang a, .list .current-menu-item a {
    color: #0d7aa1; }

.list-divider li {
  border-right: 1px solid #ddd;
  padding: 0px 8px 0px 5px; }
.list-divider li:first-child {
  padding-left: 0px; }
.list-divider li:last-child {
  padding-right: 0px;
  border: none; }

.contact h4 {
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 0.625em; }
.contact textarea {
  margin-top: 10px !important; }
.contact input, .contact textarea, .contact select {
  border-radius: 15px;
  margin: 0px;
  border: 1px solid #4d4e50; }
.contact textarea:hover {
  border-color: #b1b1b1; }
.contact textarea:focus {
  border: 1px solid #0d7aa1; }
.contact input[type=submit] {
  border-radius: 5px;
  background-color: #0d7aa1;
  border: 1px solid #0d7aa1; }
.contact input[type=file] {
  border: none !important; }
.contact select {
  width: 100%;
  height: 35px;
  padding-left: 10px;
  margin-top: 5px;
  outline: none; }
.contact label {
  color: #4d4e50; }
  .contact label input {
    margin-top: 0.3125em; }
.contact .contact-one, .contact .contact-both {
  margin-bottom: 0.625em; }
.contact .contact-one::after {
  clear: both;
  content: "";
  display: table; }
.contact .contact-one label, .contact .contact-one div {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%; }
  .contact .contact-one label:last-child, .contact .contact-one div:last-child {
    margin-right: 0; }
.contact .contact-image {
  text-align: center;
  margin-bottom: 0.625em; }
.contact .wpcf7-radio {
  display: block; }
.contact .contact-both::after {
  clear: both;
  content: "";
  display: table; }
.contact .contact-both label, .contact .contact-both div {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
  .contact .contact-both label:last-child, .contact .contact-both div:last-child {
    margin-right: 0; }
  @media (max-width: 639px) {
    .contact .contact-both label, .contact .contact-both div {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%; }
      .contact .contact-both label:last-child, .contact .contact-both div:last-child {
        margin-right: 0; } }
@media (min-width: 1280px) {
  .contact .contact-both label + label, .contact .contact-both div + div {
    margin-right: 0; } }
@media (min-width: 640px) and (max-width: 1023px) {
  .contact .contact-both label + label, .contact .contact-both div + div {
    margin-right: 0; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  .contact .contact-both label + label, .contact .contact-both div + div {
    margin-right: 0; } }
.contact .contact-send {
  color: #4d4e50;
  font-weight: bold;
  padding: 1.25em 0em; }
  .contact .contact-send:before {
    content: '';
    width: 100%;
    height: 1px;
    margin-top: 10px;
    display: block;
    background-color: transparent;
    background-image: -webkit-linear-gradient(right, transparent, #0d7aa1);
    background-image: linear-gradient(to left,transparent, #0d7aa1); }
  .contact .contact-send::after {
    clear: both;
    content: "";
    display: table; }
  .contact .contact-send p {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .contact .contact-send p:last-child {
      margin-right: 0; }
    .contact .contact-send p input {
      float: right; }
  .contact .contact-send:before {
    margin-bottom: 20px; }
.contact .label-a {
  color: #ad0e0e; }
.contact .label-b {
  color: #66b32e; }
.contact .label-c {
  color: #825320; }
.contact .label-d {
  color: #92990e; }
.contact .label-e {
  color: #2651a0; }
.contact .label-g {
  color: #d80606; }
.contact .label-h {
  color: #0ea3aa; }

.productlist .productlist-title {
  text-transform: uppercase;
  color: #0d7aa1; }
  .productlist .productlist-title h3 {
    text-align: center;
    font-weight: 400; }
.productlist .productlist-letters {
  margin-bottom: 30px;
  text-align: center; }
  .productlist .productlist-letters li {
    display: inline; }
  .productlist .productlist-letters .letter {
    color: #4d4e50;
    text-transform: uppercase;
    font-size: 26px;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: inline-block;
    line-height: 34px; }
  .productlist .productlist-letters .letter.active {
    background-color: #0d7aa1;
    color: white; }
  .productlist .productlist-letters:before {
    content: '';
    width: 100%;
    height: 1px;
    margin-bottom: 10px;
    display: block;
    background: #0d7aa1;
    background: -webkit-linear-gradient(right, #fff, #0d7aa1, #fff);
    background: -o-linear-gradient(right, #fff, #0d7aa1, #fff);
    background: -moz-linear-gradient(right, #fff, #0d7aa1, #fff);
    background: linear-gradient(to right, #fff, #0d7aa1, #fff); }
  .productlist .productlist-letters:after {
    content: '';
    width: 100%;
    height: 1px;
    margin-top: 10px;
    display: block;
    background: #0d7aa1;
    background: -webkit-linear-gradient(right, #fff, #0d7aa1, #fff);
    background: -o-linear-gradient(right, #fff, #0d7aa1, #fff);
    background: -moz-linear-gradient(right, #fff, #0d7aa1, #fff);
    background: linear-gradient(to right, #fff, #0d7aa1, #fff); }
.productlist .productlist-gallery {
  width: 100%; }
  .productlist .productlist-gallery .productlist-gallery-item {
    width: 48%;
    float: left;
    margin-right: 2%;
    display: inline-block;
    margin-bottom: 20px; }
    @media (max-width: 639px) {
      .productlist .productlist-gallery .productlist-gallery-item {
        width: 100%;
        margin-right: 0px; } }
    .productlist .productlist-gallery .productlist-gallery-item:nth-child(even) {
      margin-right: 0%; }
    .productlist .productlist-gallery .productlist-gallery-item.active {
      background-color: #0d7aa1; }
      .productlist .productlist-gallery .productlist-gallery-item.active .item-header h4 {
        background-color: white;
        color: #0d7aa1; }
      .productlist .productlist-gallery .productlist-gallery-item.active .item-body {
        background-color: #0d7aa1;
        color: white; }
    .productlist .productlist-gallery .productlist-gallery-item .item-header {
      text-align: center;
      padding: 23px 0px;
      margin-bottom: -50px;
      position: relative;
      z-index: 10; }
      .productlist .productlist-gallery .productlist-gallery-item .item-header h4 {
        text-align: center;
        font-size: 46px;
        border-radius: 50%;
        background-color: #0d7aa1;
        margin-bottom: 0px;
        color: white;
        text-transform: uppercase;
        width: 61px;
        height: 61px;
        display: inline-block;
        line-height: 61px; }
    .productlist .productlist-gallery .productlist-gallery-item .item-body {
      background-color: #e7f2f6;
      position: relative; }
      .productlist .productlist-gallery .productlist-gallery-item .item-body::after {
        clear: both;
        content: "";
        display: table; }
      .productlist .productlist-gallery .productlist-gallery-item .item-body ul {
        padding: 40px 20px 20px 20px; }
      .productlist .productlist-gallery .productlist-gallery-item .item-body li {
        width: 49%;
        padding: 0px 10px;
        display: inline-block; }
      .productlist .productlist-gallery .productlist-gallery-item .item-body:before {
        content: '';
        width: 100%;
        height: 1px;
        margin-bottom: 10px;
        display: block;
        background: #0d7aa1;
        background: -webkit-linear-gradient(right, #fff, #0d7aa1, #fff);
        background: -o-linear-gradient(right, #fff, #0d7aa1, #fff);
        background: -moz-linear-gradient(right, #fff, #0d7aa1, #fff);
        background: linear-gradient(to right, #fff, #0d7aa1, #fff); }
      .productlist .productlist-gallery .productlist-gallery-item .item-body:after {
        content: '';
        width: 100%;
        height: 1px;
        margin-top: 10px;
        display: block;
        background: #0d7aa1;
        background: -webkit-linear-gradient(right, #fff, #0d7aa1, #fff);
        background: -o-linear-gradient(right, #fff, #0d7aa1, #fff);
        background: -moz-linear-gradient(right, #fff, #0d7aa1, #fff);
        background: linear-gradient(to right, #fff, #0d7aa1, #fff);
        position: absolute;
        bottom: 0px; }

.sliding-panel-content {
  position: fixed;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 220px;
  background: #5a5b5d;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  transform: translateX(-220px);
  transition: all 0.25s linear;
  z-index: 999999; }
  .sliding-panel-content ul {
    padding: 0;
    margin: 0; }
  .sliding-panel-content li {
    list-style: none; }
  .sliding-panel-content li a {
    border-bottom: 1px solid #4d4e50;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 1em;
    text-decoration: none; }
    .sliding-panel-content li a:focus {
      background-color: #66676a; }
    .sliding-panel-content li a:hover {
      background-color: #0d7aa1;
      color: #fff; }
  .sliding-panel-content.is-visible {
    transform: translateX(0); }
  .sliding-panel-content .sub-menu {
    background: #4d4e50; }

.sliding-panel-fade-screen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  z-index: 999998; }
  .sliding-panel-fade-screen.is-visible {
    opacity: 0.4;
    visibility: visible; }

/*# sourceMappingURL=style.css.map */