@import url('https://fonts.googleapis.com/css?family=Poppins:600,400i|Roboto');


/* POLICES google font on top line */
/* PICTO FONT */
@font-face {
  font-family:'rodlo';
  src:url('/css/fonts/rodlo.eot?iu8nj1');
  src:url('/css/fonts/rodlo.eot?iu8nj1#iefix') format('embedded-opentype'),
	url('/css/fonts/rodlo.ttf?iu8nj1') format('truetype'),
	url('/css/fonts/rodlo.woff?iu8nj1') format('woff'),
	url('/css/fonts/rodlo.svg?iu8nj1#rodlo') format('svg');
	font-weight:normal;
	font-style:normal;
}
@media only screen and (min-width:0){

  [class^="icon-"]::before, [class*=" icon-"]::before,
  .icon-before:before,
  .icon-after:after {
  	/* use !important to prevent issues with browser extensions that change fonts */
  	font-family:'rodlo' !important;
  	speak:none;
  	font-style:normal;
  	font-weight:normal;
  	font-variant:normal;
  	text-transform:none;
    text-decoration: none;
  	line-height:1;

  	/* Better Font Rendering =========== */
  	-webkit-font-smoothing:antialiased;
  	-moz-osx-font-smoothing:grayscale;
  }

  [class^="iconafter-"]::after, [class*=" iconafter-"]::after {
  	font-family:'rodlo' !important;
  	speak:none;
  	font-style:normal;
  	font-weight:normal;
  	font-variant:normal;
  	text-transform:none;
    text-decoration: none;
  	line-height:1;
  	vertical-align:middle;

  	/* Better Font Rendering =========== */
  	-webkit-font-smoothing:antialiased;
  	-moz-osx-font-smoothing:grayscale;
  }

  .icon-glasses2::before { content:"\e921"; }
  .icon-pigbank::before { content:"\e922"; }
  .icon-map::before { content:"\e923"; }
  .icon-check::before { content:"\e920"; }
  .icon-extranet-arrow::before { content:"\e91f"; }
  .icon-ok::before { content:"\e91e"; }
  .icon-calendar::before { content:"\e900"; }
  .icon-camera::before { content:"\e901"; }
  .icon-care::before { content:"\e902"; }
  .icon-cross::before { content:"\e903"; }
  .icon-down-arrow::before, .iconafter-down-arrow::after  { content:"\e904"; }
  .icon-euros::before { content:"\e905"; }
  .icon-exit::before { content:"\e906"; }
  .icon-extranet-cross::before { content:"\e907"; }
  .icon-filter::before { content:"\e908"; }
  .icon-glasses::before { content:"\e909"; }
  .icon-home::before { content:"\e90a"; }
  .icon-least::before { content:"\e90b"; }
  .icon-left-arrow::before { content:"\e90c"; }
  .icon-localization::before { content:"\e90d"; }
  .icon-menu::before { content:"\e90e"; }
  .icon-pdf::before { content:"\e90f"; }
  .icon-phone::before { content:"\e910"; }
  .icon-plus::before { content:"\e911"; }
  .icon-request::before { content:"\e912"; }
  .icon-research::before { content:"\e913"; }
  .icon-research-home::before { content:"\e914"; }
  .icon-right-arrow::before, .iconafter-right-arrow::after { content:"\e915"; }
  .icon-see::before { content:"\e916"; }
  .icon-smile::before { content:"\e917"; }
  .icon-sort::before { content:"\e918"; }
  .icon-star::before { content:"\e919"; }
  .icon-time::before { content:"\e91a"; }
  .icon-up-arrow::before { content:"\e91b"; }
  .icon-web::before { content:"\e91c"; }
  .icon-write::before { content:"\e91d"; }
  .icon-camera::before { content:"\e901"; }
  .icon-care::before { content:"\e902"; }
  .icon-cross::before { content:"\e903"; }
  .icon-down-arrow::before { content:"\e904"; }
  .icon-euros::before { content:"\e905"; }
  .icon-exit::before { content:"\e906"; }
  .icon-extranet-cross::before { content:"\e907"; }
  .icon-filter::before { content:"\e908"; }
  .icon-glasses::before { content:"\e909"; }
  .icon-home::before { content:"\e90a"; }
  .icon-least::before { content:"\e90b"; }
  .icon-left-arrow::before { content:"\e90c"; }
  .icon-localization::before { content:"\e90d"; }
  .icon-menu::before { content:"\e90e"; }
  .icon-pdf::before { content:"\e90f"; }
  .icon-phone::before { content:"\e910"; }
  .icon-plus::before { content:"\e911"; }
  .icon-request::before { content:"\e912"; }
  .icon-research::before { content:"\e913"; }
  .icon-research-home::before { content:"\e914"; }
  .icon-right-arrow::before { content:"\e915"; }
  .icon-see::before { content:"\e916"; }
  .icon-smile::before { content:"\e917"; }
  .icon-sort::before { content:"\e918"; }
  .icon-star::before { content:"\e919"; }
  .icon-time::before { content:"\e91a"; }
  .icon-up-arrow::before { content:"\e91b"; }
  .icon-web::before { content:"\e91c"; }
  .icon-write::before { content:"\e91d"; }
}

/* GENERIQUE */
@media only screen and (min-width:0){
  html { width:100%; -webkit-box-sizing:border-box; box-sizing:border-box;  }
  *, *:after, *::before { -webkit-box-sizing:inherit; box-sizing:inherit;  }
  ul, ol, li, dl, dt, dd { padding:0; margin:0; list-style:none; }
  .clearfix:after { content:" "; clear:both; display:block; height:0; visibility:hidden; }

  /* chrome fix */
  input:focus, select:focus, textarea:focus, button:focus { outline:none; }
  [contenteditable="true"]:focus { outline:none; }
  *:focus { outline:none; }
  .no-scroll { overflow:hidden; position:fixed; width:100%; }
  .no-border { border:none !important; }
  .no-width { width:auto !important; }
  .msg { position:relative; margin:0 0 20px 0; color:#fff; font-size:14px;  min-height:40px; padding:10px 20px 8px 65px; line-height:20px; text-align:left; }
  .msg::before { position:absolute; top:50%; left:20px; font-size:25px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
  .msg-error { background-color:#e73945;  }
  .msg-success { background-color:#2ea836; }
  .msg a { color:#fff !important; text-decoration:underline; }
  .msg a:hover { text-decoration:none; }
  .center { text-align:center; }
  .right { text-align:right; }
  .loader 		{ z-index: 10; position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.7); background-image: url('/images/loader.gif'); background-repeat: no-repeat; background-position: center; background-size: 80px; }
  .loader-nobg	{ z-index: 10; position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.7);}
}

/* STRUCTURE */
@media only screen and (min-width:0){
  html { overflow-x: hidden;}
  body { font-family:'Roboto', Arial, sans-serif; margin:0; padding:0; overflow-x:hidden; background-color:#fff; color:#4d6066; font-weight:400; font-size:14px; line-height:24px; }
  h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 { margin-top:0; font-family:'Poppins', Arial, sans-serif; font-weight:600; color:#29364e; line-height: 1.4em;}
  .h6 { font-family:'Roboto', Arial, sans-serif; font-weight: 400; line-height: 1.4em;}
  h1,.h1 {font-size: 36px;}
  h2,.h2 {font-size: 24px;}
  h3,.h3 {font-size: 18px;}
  h4,.h4 {font-size: 16px;}
  h5,.h5 {font-size: 14px;}
  h6,.h6 {font-size: 14px;}
  a:hover { color:inherit;}
  a:hover { color:#4f8bc9;}
}

@media only screen and (min-width:0) and (max-width:767px) {
	h1, .h1 { font-size:24px;  margin-top: 25px;}
	h2 { font-size:24px; }
  .container { padding:0 10px; }
}
@media only screen and (min-width:768px) and (max-width: 10000px) {
	h1, .h1 { font-size:36px; margin-top: 50px;  }
	h2 { font-size:24px; }
}
@media only screen and (min-width:768px) and (max-width:999px) {
	.container { padding:0 10px; }
}
@media only screen and (min-width:1000px) and (max-width: 10000px) {
	.container { width:1000px; margin:0 auto; }
}


/* FOOTER */
@media only screen and (min-width:0) and (max-width: 10000px) {
  body > footer { margin-top:40px; background-color: #fafafa ; }
  body > footer .footer-line { border-top:1px solid #d8d8d8;  background: #fafafa;}
  body > footer .container { padding-top:15px; padding-bottom:15px; }
  body > footer .links { display:inline; }
  body > footer .links a { font-family:'Poppins',Arial,sans-serif; font-weight:600; font-size:16px; color:#29364e; line-height:24px; text-decoration:none; }
  body > footer .links a:hover { color:#4f8bc9; }
  body > footer .social { float:right; line-height:41px; vertical-align:middle; font-family:'Poppins',Arial,sans-serif; font-weight:600; font-size:16px; color:#29364e; line-height:24px;  }
  body > footer .social li { display:inline; }
  body > footer .social li:not(:first-child) { margin-left:10px; }
  body > footer .footer-line:nth-of-type(2) {  font-size:13px; }
  body > footer .footer-line:nth-of-type(2) a { color:#4d6066; text-decoration:none; }
  body > footer .footer-line:nth-of-type(2) a:hover { color:#4f8bc9; text-decoration:none; }

  body > footer .footer-line .review-cnt { text-align: center;}
  body > footer .footer-line .review-cnt .review { padding-top: 9px; padding-bottom: 9px;}
  body > footer .footer-line .review-cnt .review .title { display: inline-block; vertical-align: middle;}
  body > footer .footer-line .review-cnt .review .rate { display: inline-block; margin-left: 20px; margin-right: 20px; vertical-align: middle; margin-bottom: 2px;}
  body > footer .footer-line .review-cnt .link { color:#4d6066; font-size: 12px;}
  body > footer .footer-line .review-cnt .link:hover { color:#4f8bc9;}
}
@media only screen and (min-width:0) and (max-width:767px) {
  body > footer .footer-line .review-cnt .review { margin-bottom: 5px;}
  body > footer .footer-line .review-cnt .review .rate { margin-right: 0px; }
}
@media only screen and (min-width:0) and (max-width:999px) {
	body > footer .links a  { line-height:32px; }
}
@media only screen and (min-width:768px) and (max-width: 10000px) {
	body > footer .links2 { float:right; }
	body > footer .links2 li { display:inline-block; }
	body > footer .links2 li:not(:last-child) { margin-right:20px; }

	body > footer .partner img { margin-top: -2px;}

  body > footer .footer-line .review-cnt .review { display: inline-block; margin-right: 30px;}
}
@media only screen and (min-width:1000px) and (max-width: 10000px) {
	body > footer .links li { display:inline-block; padding-top:9px; }
	body > footer .links li:not(:last-child) { margin-right:45px; }
}

/* pagination */
@media only screen and (min-width:0){
  .pagination { margin:30px auto; text-align:center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  .pagination ul > li { display:inline-block; margin:0 5px; }
  .pagination ul > li a { display: inline-block; padding: 5px 5px; text-decoration:none; color:#29364e; font-family:Poppins; font-weight:600; -webkit-transition: 0.2s; transition: 0.2s;}
  .pagination ul > li a::before { display:inline-block; margin-top:-2px; margin-right:10px; vertical-align:middle; -webkit-transition: 0.3s; transition: 0.3s;}
  .pagination ul > li a::after { display:inline-block; margin-top:-2px; margin-left:10px; vertical-align:middle; -webkit-transition: 0.3s; transition: 0.3s;}
  .pagination ul > li strong { color:#4f8bc9; display: inline-block; padding: 5px 5px; }
  .pagination ul > li a:hover { color:#4d6066; font-size: 16px;}
  .pagination ul > li a:hover.icon-left-arrow,
  .pagination ul > li a:hover.iconafter-right-arrow { font-size: 14px; }
  .pagination ul > li a:hover.icon-left-arrow:before { -webkit-transform: translateX(-5px); transform: translateX(-5px);}
  .pagination ul > li a:hover.iconafter-right-arrow:after { -webkit-transform: translateX(5px); transform: translateX(5px);}
}
@media only screen and (min-width:0) and (max-width:767px) {
  .pagination ul > li a.icon-left-arrow span,
  .pagination ul > li a.iconafter-right-arrow span { font-size: 0;}
}


/* FORM ITEMS */
/* BUTTONS */
@media only screen and (min-width:0){
  button{border:0; }
  .button { position:relative; margin:0 0; padding:0 20px; text-align: center; font-family:'Poppins',Arial,sans-serif; font-weight:600; color:#fff; background-color:#29364e; font-size:14px; line-height:40px; cursor:pointer; border-radius:3px; -webkit-transition:0.3s ease; transition:0.3s ease; text-decoration:none; }
  .button:hover{ background:#545e71; color:#fff; }
  .button.grey { background-color:#999; }
  .button.grey:hover {background-color:#bbb; }
  .button.light { background-color:#4f8bc9; }
  .button.light:hover {background-color:#72a2d4;; }
  .button.white { background-color:#fff; border:1px solid #29364e; color:#29364e;}
  .button.white:hover {background-color:#fafafa; border:1px solid #29364e; color:#29364e;}
  .button + .button { margin-left:15px; }
  div.button { display:inline-block; }
  a.button { display:inline-block; }
  input.button { -webkit-box-shadow:none; box-shadow:none; border:none; }
  input.button:active { position:relative; top:1px; border-bottom-width:2px; }

  .button.big{width:200px;}
  .button.med{width:180px;}
  .button.small{width:120px;}

  .button.date{ position: relative; padding:0 10px 0 40px ; width:120px; color:#29364e; background-color:#fff; border:1px solid #d8d8d8; text-align: left;}
  .button.date:before{
    content:"\e900"; width: 40px; text-align: center; font-size: 22px; position: absolute; left:0; top:calc(50% - 0.05em); -webkit-transform: translateY(50%); transform: translateY(-50%);
  }
  .button.date:hover,
  .button.date.completed{ border:1px solid #4d6066; }
}

/* INPUTS TEXT , TEXTAREA*/
@media only screen and (min-width:0){
  ::-webkit-input-placeholder{ color: #cccccc !important; opacity: 1 !important;}
  ::-moz-placeholder{ color: #cccccc !important; opacity: 1 !important;}
  :-ms-input-placeholder{ color: #cccccc !important; opacity: 1 !important;}
  :-moz-placeholder{ color: #cccccc !important; opacity:1 !important;}

  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;  margin: 0;}
  input[type=number] {-moz-appearance: textfield;}

  input[type=text],
  input[type=number],
  input[type=email],
  input[type=tel],
  input[type=password],
  textarea { display: block; margin:0 0 10px 0; padding:0 10px; color:#4d6066; border:1px solid #d8d8d8; background-color:#fff; border-radius:3px; -webkit-transition:0.3s ease; transition:0.3s ease; }
  input[type=text]:focus,
  input[type=number]:focus,
  input[type=email]:focus,
  input[type=tel]:focus,
  input[type=password]:focus,
  textarea:focus { border:1px solid #4d6066; }
  input[type=text]:disabled,
  input[type=number]:disabled,
  input[type=email]:disabled,
  input[type=tel]:disabled,
  input[type=password]:disabled,
  textarea:disabled { border:1px solid #e8e8e8; background-color:#e8e8e8 ;}
  input[type=text],
  input[type=number],
  input[type=email],
  input[type=tel],
  input[type=password] { height:40px; }

  textarea { padding:10px;  width: 100%; height: 8em; max-width: 100%; min-height: 8em; line-height: 1.4em;}
}

/* SELECT */
@media only screen and (min-width:0){
  .select { position: relative; height: 40px; display:inline-block;}

  .select:after {
    content:"\e904"; position: absolute; display: block; width: 40px; top:50%; -webkit-transform: translateY(50%); transform: translateY(-50%); right: 0; color: #29364e; text-align: center; pointer-events: none;
  }
  .select:before { width: 40px; position: absolute; top: 1px; right: 1px; bottom: 1px; background: #fff; content: ''; pointer-events: none; border-radius:3px;}

  .select select {
    font-size: 14px; font-family:'Poppins',Arial,sans-serif; font-weight:600; background-color: #fff !important; -webkit-box-shadow: none;         box-shadow: none; border-radius: 0; background: transparent; height: 100%; width: 100%; cursor: pointer; outline: none;
    padding-right: 30px; padding-left: 10px; border: 1px solid #d8d8d8; border-radius:3px; -webkit-transition:0.3s ease; transition:0.3s ease;
    // Disable default styling on ff
    -moz-appearance: none;
    // Disable default styling on webkit browsers
    -webkit-appearance: none;
  }
  .select select:disabled {  cursor: default; border:1px solid #e8e8e8; background-color:#fff !important;  }
  /* Disable ugly ass outline on firefox*/
  .select select:-moz-focusring {  color: transparent;  text-shadow: 0 0 0 #000;}



  /* Disable default arrow on IE 11+*/
  .select select::-ms-expand {display: none;}
  .select + .select { margin-left: 15px;}
  .select select:not(:disabled):hover { border-color: #29364e; }
  .select select:focus { border-color: #29364e; }
  .select.completed select:not(:disabled),
  .select select:not(:disabled).completed { border-color: #29364e; }
}

/* FILTERS */
@media only screen and (min-width:0){
  .filters-cnt {margin-left:-15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  .filter { position: relative; display: inline-block; margin-left: 15px; vertical-align: top; height: 40px; min-width:120px;}

  .filter-btn { position: relative; cursor:pointer; display: inline-block; font-size: 14px; color:#29364e; background: #fff; font-family:'Poppins',Arial,sans-serif; font-weight:600; height: 40px; width: 100%; line-height: 40px; padding-right: 40px; padding-left: 10px; border: 1px solid #d8d8d8; border-radius:3px; -webkit-transition:0.3s; transition:0.3s; text-decoration:none;}
  .filter-btn:after {
    content:"\e904"; position: absolute; display: block; width: 40px; top:50%;  -webkit-transform: translateY(50%); transform: translateY(-50%); right: 0; color: #29364e; text-align: center; pointer-events: none; -webkit-transition: 0.3s ease; transition: 0.3s ease;
  }
  .filter:hover .filter-btn { border-color: #29364e ; color:#29364e; }
  .filter.open { z-index:2;}
  .filter.open .filter-btn { z-index: 2; border-color: #29364e ; border-bottom-color: #fff; border-bottom-left-radius: 0 ; border-bottom-right-radius: 0 ;}
  .filter.open .filter-btn:after { -webkit-transform: translateY(50%) rotate(180deg); transform: translateY(-50%) rotate(180deg);}

  .filter .filter-options {position: absolute; z-index: 1; opacity:0; white-space: nowrap; top:40px; min-width:100%;  max-height: 0%; border: 1px solid transparent; background: #fff; overflow-x: hidden; overflow-y: hidden; -webkit-transition: 0.5s; transition: 0.5s;}
  .filter.open .filter-options { opacity:1;  left:0; top:39px;  max-height: 14em; border: 1px solid #29364e ; }
  .filter.can-scroll .filter-options { overflow-y: auto;}

  .filter .filter-options > ul { padding: 15px; }
  .filter .filter-options > ul > li { padding: 2px 0; }
}
/* FILTER KEYWORD */
@media only screen and (min-width:0){
  .filter .filter-options.keyword {  }
  .filter .filter-options.keyword .keyword-search {  padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}

  .filter .filter-options.keyword .keyword-search input { border-top-right-radius: 0 ; border-bottom-right-radius: 0 ; margin-bottom: 0;}
  .filter .filter-options.keyword .keyword-search .button { border-top-left-radius: 0 ; border-bottom-left-radius: 0 ; height: 40px; width: 40px; line-height: 40px; font-size: 18px; padding: 0;}
}
/* FILTER LENSES */
@media only screen and (min-width:0) and (max-width: 10000px) {
  /*button and popin spawn*/
  .filter-lenses .filter-lenses-popin { position: fixed; z-index: 300; pointer-events: none; top:0; left:0; width: 100%; height: 100%;  opacity:0;  -webkit-transition: 0.3s; transition: 0.3s;}
  .filter-lenses .filter-lenses-popin .bg-back { width: 100%; height: 100%; background: rgba(0,0,0,0.2); }
  .filter-lenses .filter-lenses-popin .lenses-popin-cnt { position: absolute; top:50%; left:50%; width: 100%; max-width: 520px;  max-height: 90%; margin: 10px;  -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
  .filter-lenses .filter-lenses-popin .lenses-popin { position: relative; width: 100%; background: white; -webkit-transform:  scale(0.7); transform:  scale(0.7); -webkit-transition: 0.3s; transition: 0.3s;}
  .lenses-popin .title { position: relative; height: 50px; border-bottom: 1px solid #d8d8d8;}
  .lenses-popin .title h3 { text-align: center; line-height: 50px;}
  .lenses-popin .title .close { position: absolute;  right:0; top:0; width: 50px; height: 50px;  text-align: center;}
  .lenses-popin .title .close:before { position: absolute; display: block; right:0; top:0; width: 50px; height: 50px;  text-align: center; font-size: 22px; line-height: 50px;}
  .lenses-popin .content { padding: 20px 20px 30px 20px;}


  body.filter-lenses-open { overflow-y: hidden; max-height: 100%;}
  body.filter-lenses-open .filter-lenses .filter-lenses-popin { opacity:1;  pointer-events: inherit;  -webkit-transform: scale(1) ; transform: scale(1) ;}
  body.filter-lenses-open .filter-lenses .filter-lenses-popin .lenses-popin { -webkit-transform:  scale(1); transform:  scale(1); }

  /*Content*/
  .lenses-popin .content {}
  .correction-form { margin-bottom: 20px; width: 300px; margin-left: auto; margin-right: auto;}

  .correction-form .eyes-labels {  }
  .correction-form .eyes-labels .label { float:left; width:calc((100% - 65px - 30px) /2); text-align: center; font-family:'Poppins', Arial, sans-serif; font-weight:600; font-size: 12px; color:#29364e;}
  .correction-form .eyes-labels .label:nth-of-type(1) {margin-left: 75px;}
  .correction-form .eyes-labels .label:nth-of-type(2) {margin-left: 15px;}

  .correction-form .field-line { margin-bottom: 15px;}
  .correction-form .field-line .label { float:left; text-align: left; width:65px; height: 40px; }
  .correction-form .field-line .label p { line-height: 40px; font-size: 12px; margin-top: 0; margin-bottom: 0; }
  .correction-form .field-line .field { float:left; width:calc((100% - 65px - 30px) /2); }
  .correction-form .field-line .field {margin-left: 15px;}
  .correction-form .field-line .field .select { width: 100%; display: block;}
  .correction-form .field-line .field .radio-cnt { float: left; width: 44px;}
  .correction-form .field-line .field > .radio-cnt:first-of-type {  margin-left: calc((100% - 88px)/2);}
  .correction-form .field-line .field .radio-cnt label { display: block; padding-top: 25px; padding-left: 0;text-align: center; width: 44px; }
  .correction-form .field-line .field .radio-cnt label:before,
  .correction-form .field-line .field .radio-cnt label:after { -webkit-transform: translateX(12px); transform: translateX(12px);}


  .correction-form .validation { margin-left: auto; margin-right: auto; width: 200px; }
  .correction-form .validation .button { width: 200px; margin-left: 0; margin-bottom: 10px;}
  .correction-form .validation .small-infos { font-size: 10px; text-align: left;}
}
@media only screen and (min-width:0px) and (max-width:767px) {
  .filter-lenses:after {content:""; height: 1px; width: calc(100% - 50px); display: block; background: #d8d8d8;}
  .filter-lenses .filter-lenses-popin .lenses-popin-cnt { margin: 0px; width:450px; max-width: calc(100% - 20px);  max-height: calc(100% - 10px);}
  .filter-lenses .filter-lenses-popin .lenses-popin { width: 100%; }
  .lenses-popin { max-height:100%;}
  .lenses-popin .content { padding: 10px 10px 10px 10px;  max-height: calc(100vh - 20px - 50px); overflow-y: auto;}
  .correction-form { width:100%; min-width:280px; max-width:320px; }
  .correction-form .eyes-labels .label {width:calc((100% - 65px - 20px) /2);}
  .correction-form .eyes-labels .label:nth-of-type(1) {margin-left: 75px;}
  .correction-form .eyes-labels .label:nth-of-type(2) {margin-left: 10px;}

  .correction-form .field-line {margin-bottom: 10px;}
  .correction-form .field-line .label { width: 65px; }
  .correction-form .field-line .field {margin-left: 10px; width:calc((100% - 65px - 20px) /2);}

}

/* CHECKBOX RADIO */
/* radio and checkbox common label style*/
@media only screen and (min-width:0){
  .radio-cnt,
  .checkbox-cnt { padding:2px 0;}

  input[type="checkbox"]:not(:checked) + label,
  input[type="checkbox"]:checked + label,
  input[type="radio"]:checked + label,
  input[type="radio"]:not(:checked) + label,
  .radio,
  .checkbox { position: relative; display:inline-block; padding-left: 30px; color:#4d6066; cursor: pointer; text-decoration: none;}
}

/* Radio custom */
@media screen and (min-width: 0px)  {
  /* Base for label styling */
  [type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; left: -9999px;}


  /* checkbox aspect */
  [type="radio"]:not(.checkbox-like) + label:before,
  .radio:before { content: ''; position: absolute; left: 2px; top: 1px; width: 20px; height: 20px; background: #fff; border-radius: 15px; -webkit-transition:0.3s; transition:0.3s;}
  [type="radio"]:not(.checkbox-like):not(:checked) + label:before,
  .radio:not(.checked):before { border: 2px solid #a0a0a0; }
  [type="radio"]:not(.checkbox-like):checked + label:before,
  .radio.checked:before {  border: 2px solid #4f8bc9; }


  /* checkbox aspect error */
  [type="radio"]:not(.checkbox-like).error:not(:checked) + label:before,
  .radio.error:not(.checked):before { border: 2px solid #a0a0a0; background: #fff; }
  [type="radio"]:not(.checkbox-like).error:checked + label:before,
  .radio.error.checked:before { border: 2px solid #4f8bc9; background: #fff; }

  /* checked mark aspect */
  [type="radio"]:not(.checkbox-like):not(:checked) + label:after,
  [type="radio"]:not(.checkbox-like):checked + label:after,
  .radio.checked:after,
  .radio:not(.checked):after { content: ''; position: absolute; width:12px; height: 12px; top: 5px; left: 6px; background:#4f8bc9; border-radius: 5em; -webkit-transition: all .2s; transition: all .2s;}

  /* checked mark aspect changes */
  [type="radio"]:not(.checkbox-like):not(:checked) + label:after,
  .radio:not(.checked):after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
  [type="radio"]:not(.checkbox-like):checked + label:after,
  .radio.checked:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

  /* disabled checkbox */
  [type="radio"]:not(.checkbox-like):disabled:not(:checked) + label:before,
  .radio.disabled:not(.checked):before{ width: 20px; height: 20px; border: 2px solid #ccc; background: #eee; border-radius: 15px; }
  [type="radio"]:not(.checkbox-like):disabled:checked + label:before,
  .radio.disabled.checked:before { border-color: #999 ;}
  [type="radio"]:not(.checkbox-like):disabled:checked + label:after,
  .radio.disabled.checked:after { background:#999;}
  [type="radio"]:not(.checkbox-like):disabled + label,
  .radio.disabled { color: #999;}

  /* accessibility */
  [type="radio"]:not(.checkbox-like):checked:focus + label:before,
  [type="radio"]:not(.checkbox-like):not(:checked):focus + label:before {}

  /* hover style just for information */
  [type="radio"]:not(.checkbox-like):not(:disabled) + label:hover:before,
  .radio:not(.disabled):hover:before { border: 2px solid #4f8bc9!important;}

}

/* Checkbox custom */
@media screen and (min-width: 0px)  {
  /* Base for label styling */
  input[type="checkbox"]:not(:checked),
  input[type="checkbox"]:checked { position: absolute; left: -9999px; display:block; cursor: pointer; text-decoration: none;}

  /* checkbox aspect */
  input[type="checkbox"]:not(:checked) + label:before,
  input[type="radio"].checkbox-like:not(:checked) + label:before,
  .checkbox:not(.checked):before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #d8d8d8; background: #fff;   -webkit-transition:0.3s; transition:0.3s;}
  input[type="checkbox"]:checked + label:before,
  input[type="radio"].checkbox-like:checked + label:before,
  .checkbox.checked:before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #d8d8d8; background: #fff;  -webkit-transition:0.3s; transition:0.3s;}

  input[type="checkbox"]:checked + label:hover:before,
  input[type="checkbox"]:not(:checked) + label:hover:before,
  input[type="radio"].checkbox-like:checked + label:hover:before,
  input[type="radio"].checkbox-like:not(:checked) + label:hover:before,
  .checkbox.checked:hover:before,
  .checkbox:not(.checked):hover:before { border: 1px solid #4f8bc9;}

  /* checkbox aspect error */
  input[type="checkbox"].error:not(:checked) + label:before,
  input[type="radio"].checkbox-like.error:not(:checked) + label:before,
  .checkbox.error:not(.checked):before   { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #4f8bc9; background: #fff; border-radius: 4px; }
  input[type="checkbox"].error:checked + label:before,
  input[type="radio"].checkbox-like.error:checked + label:before,
  .checkbox.error.checked:before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #4f8bc9; background: #fff; border-radius: 4px; }

  /* checked mark aspect */
  input[type="checkbox"]:not(:checked) + label:after,
  input[type="checkbox"]:checked + label:after,
  input[type="radio"].checkbox-like:not(:checked) + label:after,
  input[type="radio"].checkbox-like:checked + label:after,
  .checkbox:not(.checked):after,
  .checkbox.checked:after { font-family: 'Rodlo' !important; content: '\e920'; position: absolute; top: 2px; left: 2px; font-size: 16px; line-height: 1em; color: #4f8bc9; -webkit-transition: all .2s; transition: all .2s;}

  /* checked mark aspect changes */
  input[type="checkbox"]:not(:checked) + label:after,
  input[type="radio"].checkbox-like:not(:checked) + label:after,
  .checkbox:not(.checked):after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
  input[type="checkbox"]:checked + label:after,
  input[type="radio"].checkbox-like:checked + label:after,
  .checkbox.checked:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

  /* disabled checkbox */
  input[type="checkbox"]:disabled:not(:checked) + label:before,
  input[type="radio"].checkbox-like:disabled:not(:checked) + label:before,
  .checkbox.disabled:not(.checked):before{ -webkit-box-shadow: none; box-shadow: none; border-color: #ccc; background-color: #f5f5f5;}
  input[type="checkbox"]:disabled:checked + label:before,
  input[type="radio"].checkbox-like:disabled:checked + label:before,
  .checkbox.disabled.checked:before { -webkit-box-shadow: none; box-shadow: none; border-color: #ccc; background-color: #ccc;}
  input[type="checkbox"]:disabled:checked + label:after,
  input[type="radio"].checkbox-like:disabled:checked + label:after,
  .checkbox.disabled.checked:after { color: #999;}
  input[type="checkbox"]:disabled + label,
  input[type="radio"].checkbox-like:disabled + label,
  .checkbox.disabled { color: #999;}
}

/* MOBILE Font 16PX for no zoom  / no browser appearence */
@media screen and (min-width: 0px) {
  input[type=text],
  input[type=number],
  input[type=email],
  input[type=tel],
  input[type=password],
  input[type="checkbox"],
  input[type="radio"],
  textarea,
  select,
  .button { -webkit-appearance:none; -moz-appearance:none; appearance:none;}
}
@media only screen and (min-width:0px) and (max-width:767px) {
  input[type=text],
  input[type=number],
  input[type=email],
  input[type=tel],
  input[type=password],
  input[type="checkbox"],
  input[type="radio"],
  textarea,
  select,
  .button { font-size: 16px !important; }
}

/* Structured fields */

@media screen and (min-width: 0px) {
  .fields-group-cnt { margin-left: -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .fields-group-cnt .fields-cnt { width: 100%; margin-left: 15px; }
  .fields-group-cnt .fields-cnt.half { width: calc((100%/2) - 15px); }
  .fields-group-cnt .fields-cnt.tier { width: calc((100%/3) - 15px); }

  .fields-cnt{ }
  .fields-cnt .label { display: block; font-size: 12px; line-height: 16px; font-family:'Poppins', Arial, sans-serif; font-weight:600; color:#29364e; margin-bottom: 5px; }
  .fields-cnt .error { font-size: 14px; line-height: 20px; color: #e73945; margin: 0px 0 10px 0; }

  .fields-cnt .select,
  .fields-cnt input { display: block; width: 100%;}
  .fields-cnt .select { margin-bottom: 10px; }
  .fields-cnt .radio-cnt,
  .fields-cnt .checkbox-cnt { margin-bottom: 5px; }

  .fields-cnt .radio-set,
  .fields-cnt .checkbox-set { margin-bottom: 5px; }
  .fields-cnt .radio-set.row .radio-cnt,
  .fields-cnt .checkbox-set.row .checkbox-cnt { display: inline-block; margin-right: 10px; }

  .fields-cnt .radio-set.row .radio-cnt:last-child,
  .fields-cnt .checkbox-set.row .checkbox-cnt:last-child { margin-right: 0px; }
}

/* STAR RATES */
@media only screen and (min-width:0) and (max-width: 10000px) {
  .rate.star { position: relative; width: 116px;  height: 22px; background: #d8d8d8; overflow: hidden; }
  .rate.star img { z-index: 1; position: absolute; top:0; left:0; width: 116px; height: 22px; }
  .rate.star .bar { position: absolute; top: 1px; bottom:1px; left:0;  background: #29364e; }
}


/* SLICK slider */
@media only screen and (min-width:0) and (max-width: 10000px) {
  .slick-dots  { margin:0; padding:0; height:auto; line-height:1em; }
  .slick-dots > li { display: inline-block; margin:0.5em 0.5em; }
  .slick-dots > li button { font-size: 0; height:10px; width:10px; padding:0; margin: 0; background:#fff; border:1px solid #d8d8d8; border-radius:5px; -webkit-transition: 0.3s; transition: 0.3s; }
  .slick-dots > li.slick-active button { background:#d8d8d8; }
}

/* Tags */
@media only screen and (min-width:0) and (max-width: 10000px) {
  .tags-cnt { margin-left:-22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  .tag { position: relative; display:inline-block; height: 24px; margin-left: 22px; padding: 0px 24px; border-radius:12px; background-color: #fafafa; font-family:'Poppins',Arial,sans-serif; font-weight:600; font-size: 12px; line-height: 24px; color:#4f8bc9;  text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s; }

  .tag.delete { padding-right: 32px;}
  .tag.delete:after { content:'\e903'; display: block; position: absolute; right:3px; top:0; width: 24px; text-align: center; font-size: 11px; line-height: 24px; color:#4d6066; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; transition: 0.3s;}
  .tag.delete:hover { background-color: #eee;}
  .tag.delete:hover:after { -webkit-transform: scale(0.85); transform: scale(0.85); }
}

/* PAGE */
@media only screen and (min-width:768px) and (max-width: 10000px) {
	#page { min-height:610px; }
}



/* LISTING */
@media only screen and (min-width:0) and (max-width: 10000px) {
  .listing .listing-list {position:relative;}
  .listing .tags-filters {position:relative;}
  .listing .reorder-line {position:relative;}
  .listing .listing-list > ul a { display: block; text-decoration: none; color: inherit;}
  .listing .listing-list > ul a:hover {color: inherit;}

  .listing .listing-list { margin-bottom: 30px; overflow: hidden; }
  .listing .listing-list > ul {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

  .listing .listing-list .item { position: relative; padding-top: 40px; padding-bottom: 30px;  text-align: right; }
  .listing .listing-list .item .color { display: inline-block; color:#4f8bc9; border-top:2px solid #4f8bc9; font-family:'Poppins',Arial,sans-serif; font-weight:600; }
  .listing .listing-list .item .picture {}
  .listing .listing-list .item .picture img { width: 100%;}
  .listing .listing-list .item .infos { position:relative; text-align: left; margin-top: 8px;}
  .listing .listing-list .item .infos h5 { margin-bottom: 10px; line-height: 1.4em; padding-top: 2px; max-width: calc(100% - 100px); }
  .listing .listing-list .item .infos .price { position: absolute; right:0px; top:0px; margin: 0;  font-size: 16px; font-family:'Poppins',Arial,sans-serif; font-weight:600; }
  .listing .listing-list .item .infos .description { font-size: 12px; margin: 0; line-height: 1.4em; color:#4d6066; }

  .listing .listing-list.opti .item { border-bottom: 2px solid #29364e; padding-bottom: 0; }
  .listing .listing-list.opti .item .name-head { padding:15px 20px; text-align: center; min-height:95px; }
  .listing .listing-list.opti .item .name-head h3 { margin-bottom: 10px; }
  .listing .listing-list.opti .item .name-head .rate { display: inline-block; }
  .listing .listing-list.opti .item .infos {  padding:15px 20px; margin-top: 0; border-top:1px solid #d8d8d8; }
  .listing .listing-list.opti .item .infos .info-line { position: relative; display: inline-block; padding: 6px 0 6px 45px; margin: 6px 0; font-size: 14px; line-height: 18px; color:#29364e; text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s;}
  .listing .listing-list.opti .item .infos a.info-line:hover { color:#4f8bc9;}
  .listing .listing-list.opti .item .infos .address { margin-bottom: -6px; }
  .listing .listing-list.opti .item .infos .phone,
  .listing .listing-list.opti .item .infos .website { font-family:'Poppins',Arial,sans-serif; font-weight:600;}

  .listing .listing-list.opti .item .infos .info-line:before { position: absolute; font-size: 24px; display: block; left:0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
  .listing .listing-list.opti .item .infos .address:before { content:"\e90d";}
  .listing .listing-list.opti .item .infos .phone:before { content:"\e910";}
  .listing .listing-list.opti .item .infos .website:before { content:"\e91c";}

}
@media only screen and (min-width:0px) and (max-width:767px) {

  .listing .tags-filters { position: fixed; opacity:0; z-index: 100; top:0; left:-100vw; padding: 80px 0 0px 0; width: 100%; height: 100%; overflow-y:auto; overflow-x: hidden; background: #fff; -webkit-transition: 0.3s; transition: 0.3s;}
  .listing .tags-filters .mobile-filters-header { position: fixed; opacity:0; z-index: 50; top:0; left:-100vw; width: 100%; height: 80px; text-align: center; background: #fff; border-bottom: 1px solid #d8d8d8; -webkit-transition: 0.3s; transition: 0.3s;}
  .listing .tags-filters .mobile-filters-header h2 { line-height: 80px; margin: 0;}
  .listing .tags-filters .mobile-filters-header a { display: block; position: absolute; top:0; right: 0; width: 40px; height: 40px; margin: 20px; text-align: center;}
  .listing .tags-filters .mobile-filters-header a:before {  font-size: 22px; line-height: 40px; }
  .listing .tags-filters .filters {padding-bottom: 80px;}
  .listing .tags-filters .mobile-filters-bottom-action { position: fixed; opacity:0; z-index: 50; bottom:0; left:calc(-100vw - 40px); width: calc(100% + 20px); padding: 20px 10px;height: 80px; background: #fff; border-bottom: 1px solid #d8d8d8; text-align: center; -webkit-box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.05); box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.05); -webkit-transition: 0.3s; transition: 0.3s;}
  .listing .tags-filters .mobile-filters-bottom-action .button {  min-width: 140px; padding-left: 10px; padding-right: 10px;}
  .listing .tags-filters .tags { display:none; }

  body.filter-page-open {overflow-y: hidden;}
  body.filter-page-open .listing .tags-filters { opacity:1;   top:0; left:0; width: 100%;}
  body.filter-page-open .listing .tags-filters .mobile-filters-header { opacity:1; left:0;}
  body.filter-page-open .listing .tags-filters .mobile-filters-bottom-action { opacity:1; left:-10px;}

  .listing .tags-filters .filters-cnt { margin-left: 0; }
  .listing .tags-filters .filter { position: relative; width: 100%; min-height: 55px; height: auto;  margin-left: 0; }
  .listing .tags-filters .filter .filter-btn { height: 55px; font-size: 16px; line-height: 55px; border-radius: 0; padding-right: 110px; border: 0; }
  .listing .tags-filters .filter .filter-btn:after { content:"\e911"; font-size: 22px; right:0px; top:0; height: 55px; line-height: 55px; width: 55px; -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); }
  .listing .tags-filters .filter .filter-btn .filter-nbr { position: absolute; top:0; text-align: center; right:55px; height: 55px; color: #4f8bc9; line-height: 55px; width: 55px; }

  .listing .tags-filters .filter.open .filter-btn:after { content:"\e90b"; -webkit-transform: rotate(180deg); transform: rotate(180deg);}

  .listing .tags-filters .filter .filter-options { position: relative; opacity:1; overflow: hidden; max-height: 0;   top:0; border: 0; border-bottom: 1px solid #d8d8d8; width: calc(100% - 55px); min-width: auto;}
  .listing .tags-filters .filter .filter-options > ul { padding: 0 20px 20px 20px; }
  .listing .tags-filters .filter.open .filter-options {  max-height: 30em; overflow-y:scroll; }

  .reorder-line { margin-left: -10px; margin-right: -10px; padding: 7px  10px; background: #fafafa; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;  display: -webkit-box;  display: -ms-flexbox;  display: flex;}

  .reorder-line .mobile-filter-btn { max-width: 160px; width: calc(45% - 9px); }
  .reorder-line .reorder {  width: 110px; }
  .reorder-line .distance {  width: 100px;}

  .reorder-line .mobile-filter-btn { border-color: #d8d8d8; height: 40px; padding-left: 40px; padding-right: 40px;}
  .reorder-line .mobile-filter-btn:hover { background: #fff;}
  .reorder-line .mobile-filter-btn:before { z-index: 10;  position: absolute; left:0px; top:0px; height:38px; width:38px; text-align: center; line-height: 38px; font-size: 18px;}
  .reorder-line .mobile-filter-btn .filter-nbr{ margin-left: 8px; color:#4f8bc9;}
  .reorder-line .mobile-filter-btn:after { z-index: 10;  position: absolute; right:0px; top:0px; height:38px; width:38px; text-align: center; line-height: 38px; font-size: 14px;}

  .reorder-line .reorder { position: relative; display: inline-block; margin-left: 12px; }
  .reorder-line .reorder .label { display: none; }
  .reorder-line .reorder:before { z-index: 10; color:#29364e; pointer-events: none; position: absolute; left:2px; top:1px; height: 38px; width: 38px; text-align: center;  background: white; line-height: 38px; font-size: 20px;}
  .reorder-line .reorder:after {content:'Trier'; color:#29364e; pointer-events: none; position: absolute; display: block; top:1px; left:39px; height: 38px; background: white; width: calc(100% - 40px - 40px); font-family:'Poppins',Arial,sans-serif; font-weight:600; font-size: 16px; line-height: 38px; }
  .reorder-line .reorder .select {width: 100%;}
  .reorder-line .reorder select { padding-left: 10px; }
  .reorder-line .distance { position: relative; display: inline-block; margin-left: 12px; }
  .reorder-line .distance .select { width: 100%; }
  .reorder-line .distance .select:before { width: 30px; }


  .listing .listing-list .item {padding: 30px 0; width: 100%; border-bottom: 1px solid #d8d8d8; }

  .listing .listing-list.glass { padding-top: 20px; }
  .listing .listing-list.glass .item { border:1px solid #d8d8d8; padding: 20px; height:calc(50vw - 20px); margin-left: 0px;  margin-bottom: 16px; }
  .listing .listing-list.glass .item .picture { position: relative; width:100%; height: 100%; }
  .listing .listing-list.glass .item img { position: absolute; top:0; left: 0; right:0; bottom:0; margin: auto; width:auto; height:auto;max-width: 100%; max-height: 100%; }

}
@media only screen and (min-width:0px) and (max-width:359px) {
  .reorder-line .mobile-filter-btn { max-width: 160px; width: calc(50% - 9px); }
  .reorder-line .reorder {  width: 90px; }
  .reorder-line .distance {  width: 100px;}

  .reorder-line .mobile-filter-btn {padding-left: 25px; padding-right: 25px;}
  .reorder-line .mobile-filter-btn:before { width: 25px}
  .reorder-line .mobile-filter-btn:after { width: 25px}

  .reorder-line .reorder { margin-left: 5px;}
  .reorder-line .reorder:before { display: none;}
  .reorder-line .reorder:after { left:1px; padding-left: 7px; width: calc(100% - 25px); }
  .reorder-line .reorder .select:before { width: 25px;}
  .reorder-line .reorder .select:after { width: 25px; right: 1px;}
  .reorder-line .distance { margin-left: 5px;}
  .reorder-line .distance .select select{ padding-left: 2px; padding-right: 25px; text-align: left;}
  .reorder-line .distance .select:before { width: 25px; }
  .reorder-line .distance .select:after { width: 25px;right: 1px;}
}
@media only screen and (min-width:360px) and (max-width:410px) {
  .reorder-line .mobile-filter-btn { max-width: 160px; width: calc(42% - 9px); }
  .reorder-line .reorder {  width: 110px; }
  .reorder-line .distance {  width: 100px;}

  .reorder-line .mobile-filter-btn {padding-left: 35px; padding-right: 30px;}
  .reorder-line .mobile-filter-btn:before { width: 35px}
  .reorder-line .mobile-filter-btn:after { width: 30px}

  .reorder-line .reorder { margin-left: 5px;}
  .reorder-line .reorder:before { width: 30px;}
  .reorder-line .reorder:after { left:30px; padding-left: 3px; width: calc(100% - 30px - 30px); }
  .reorder-line .reorder .select:before { width: 30px;}
  .reorder-line .reorder .select:after { width: 30px;}
  .reorder-line .distance { margin-left: 5px;}
  .reorder-line .distance .select select{ padding-left: 7px; }
  .reorder-line .distance .select:before { width: 30px; }
  .reorder-line .distance .select:after { width: 30px;}
}
@media only screen and (min-width:450px) and (max-width:767px) {
  .listing .listing-list > ul { margin-left: -26px;}
  .listing .listing-list .item {   margin-left: 26px; width: calc((100%/2) - 26px); }
  .listing .listing-list .item:not(.opti):not(.glass):nth-last-of-type(1),
  .listing .listing-list .item:not(.opti):not(.glass):nth-last-of-type(2) {border-bottom: 0;}

  .listing .listing-list.glass > ul { margin-left: -20px;}
  .listing .listing-list.glass .item {  margin-left: 20px; width:calc((100%/2) - 20px); height:calc(25vw - 20px);}

  .listing .listing-list.opti .item { width: calc(100%/2); margin-left: 0; padding-left: 26px; }
  .listing .listing-list.opti .item:nth-of-type(2n+1) { width: calc((100%/2) - 26px); margin-left: 26px; padding-left: 0;}
}
@media only screen and (min-width:768px) and (max-width: 10000px) {
  .listing .mobile-filters-header,
  .listing .mobile-filters-bottom-action,
  .listing .reorder-line .reorder:before,
  .listing .mobile-filter-btn {display:none; opacity:0;}
  .listing .tags { position: relative; padding: 16px 300px 6px 0;  }
  .listing .tags .tag { margin-bottom: 10px; }
  .listing .tag-all-del { position: absolute;  top:16px; right:0; padding-right: 32px; height:24px; font-size: 12px; line-height: 24px; color:#4d6066; text-transform: uppercase; text-decoration: none;}
  .listing .tag-all-del:after { content:'\e903'; display: block; position: absolute; right:3px; top:0px; width: 24px; text-align: center; font-size: 11px; line-height: 24px; color:#4d6066; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; transition: 0.3s;}
  .listing .filters { padding: 16px 0px 6px 0; border-top: 1px solid #d8d8d8; }
  .listing .filters .filter { float:left; display: block; margin-bottom: 10px; width:calc((100%/5) - 15px);}
  .listing .filters .filter .filter-nbr {display:none;}
  .listing .reorder-line { height: 40px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
  .listing .reorder-line .reorder div { display: inline-block;}
  .listing .reorder-line .reorder .label { margin-right: 12px; font-family:'Poppins',Arial,sans-serif; font-weight:600; }
  .listing .reorder-line .distance {  width: 130px; margin-left: 15px;}
  .listing .reorder-line .distance .select { width: 130px;}

  .listing .listing-list > ul { margin-left: -26px;}
  .listing .listing-list .item{  margin-left: 26px; border-top: 1px solid #d8d8d8;}

  .listing .listing-list .item {width: calc((100%/2) - 26px);}
  .listing .listing-list .item:nth-of-type(1),
  .listing .listing-list .item:nth-of-type(2) { border-top: 0; }

  .listing .listing-list.glass { padding-top: 30px;}
  .listing .listing-list.glass > ul { margin-left: -20px;}
  .listing .listing-list.glass .item { border:1px solid #d8d8d8; padding: 20px; height:120px; margin-left: 20px; width:calc((100%/3) - 20px); margin-bottom: 16px; }
  .listing .listing-list.glass .item .picture { position: relative; width:100%; height: 100%;}
  .listing .listing-list.glass .item img { position: absolute; top:0; left: 0; right:0; bottom:0; margin: auto; width:auto; height:auto;max-width: 100%; max-height: 100%;}
}
@media only screen and (min-width:768px) and (max-width:999px) {
  .listing .listing-interface.lenses .filters .filter { width:calc((100%/5) - 15px - 10px); }
  .listing .listing-interface.lenses .filters .filter.conditionnement { width:calc((100%/5) - 15px + 40px); }
  .listing .filters .filter:nth-of-type(5n) .filter-options { left:auto; right:0; }

  .listing .listing-list.opti .item { width: calc(100%/2); margin-left: 0; padding-left: 26px;}
  .listing .listing-list.opti .item:nth-of-type(2n+1) { width: calc((100%/2) - 26px); margin-left: 26px; padding-left: 0;}
}
@media only screen and (min-width:1000px) and (max-width: 10000px) {
  .listing .filters .filter { width:calc((100%/6.01) - 15px); }
  .listing .listing-interface.lenses .filters .filter { width:calc((100%/6.01) - 15px - 8px); }
  .listing .listing-interface.lenses .filters .filter.conditionnement { width:calc((100%/6.01) - 15px + 40px); }
  .listing .filters .filter:nth-of-type(6n) .filter-options { left:auto; right:0; }

  .listing .listing-list .item { width: calc((100%/3) - 26px); }
  .listing .listing-list .item:nth-of-type(1),
  .listing .listing-list .item:nth-of-type(2),
  .listing .listing-list .item:nth-of-type(3) { border-top: 0; }

  .listing .listing-list.glass .item { border:1px solid #d8d8d8; width:calc((100%/4) - 20px);}


  .listing .listing-list.opti .item { width: calc(100%/3); margin-left: 0; padding-left: 26px;}
  .listing .listing-list.opti .item:nth-of-type(3n+1) { width: calc((100%/3) - 26px); margin-left: 26px; padding-left: 0;}
}


/* SHEET */
/* COMMON */
@media only screen and (min-width:0) and (max-width: 10000px) {
  #page.sheet .main-part .infos .titles .brand { line-height: 1em; margin-bottom: 10px; }
  #page.sheet .main-part .infos .titles .name { font-size:12px; text-transform:uppercase; color:#4d6066; }
  #page.sheet .main-part .infos .price .price-label { font-size: 12px; margin-bottom: 5px; line-height: 1em; color:#4d6066;}
  #page.sheet .main-part .infos .price .price-value { font-size: 36px;  line-height: 1em; margin-bottom: 30px;}

  #page.sheet .around-part  { margin-bottom: 70px;}
  #page.sheet .around-part  .title  { border-bottom: 2px solid #29364e; }
  #page.sheet .around-part  .title .distance .label { float: left; font-family:'Poppins', Arial, sans-serif; font-weight:600; color:#29364e; line-height: 40px; margin-right: 20px;}
  #page.sheet .around-part  .title .distance .select { float: left; width: 120px;}

  #page.sheet .around-part .around-list { position:relative; }
  #page.sheet .around-part .around-list ul li { border-bottom: 1px solid #d8d8d8;}
  #page.sheet .around-part .around-list ul li .shop { font-size: 16px;  font-family:'Poppins', Arial, sans-serif; font-weight:600; color:#29364e;}
  #page.sheet .around-part .around-list ul li .shop a { display: inline-block; margin-bottom:5px; text-decoration: underline; color:#29364e;}
  #page.sheet .around-part .around-list ul li .shop a:hover { color:#4f8bc9; }
  #page.sheet .around-part .around-list ul li .distance { font-size: 24px; text-align: center; font-family:'Poppins', Arial, sans-serif; font-weight:600; color:#29364e;}

  #page.sheet .around-part .around-list ul li .address .address-text { position: relative; display: inline-block; padding: 6px 0 6px 40px; margin: 6px 0; font-size: 14px; line-height: 18px; color:#29364e; text-decoration: underline; -webkit-transition: 0.3s; transition: 0.3s;}
  #page.sheet .around-part .around-list ul li .address .address-text:hover { color:#4f8bc9; }
  #page.sheet .around-part .around-list ul li .address .address-text:before { content:"\e90d"; position: absolute; font-size: 30px; display: block; left:0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-decoration:underline; }
  #page.sheet .around-part .around-list ul li .address .address-text:before { text-decoration:none !important;}

  #page.sheet .around-part .around-list ul li .address { }
  #page.sheet .around-part .around-list ul li .price { font-size: 24px; text-align: center; font-family:'Poppins', Arial, sans-serif; font-weight:600; color:#29364e;}
  #page.sheet .around-part .around-list ul li .buttons { }
  #page.sheet .around-part .around-list ul li .buttons .button {}
}

@media only screen and (min-width:0px) and (max-width:767px) {
  #page.sheet .main-part { margin-top: 25px;}
  #page.sheet .main-part .infos { position: relative; text-align: center;  margin-top: 20px; }
  #page.sheet .main-part .infos .titles {margin-bottom: 30px}
  #page.sheet .main-part .infos .price {}

  #page.sheet .around-part  .title  { padding-bottom: 15px; padding-top: 15px;}
  #page.sheet .around-part  .title .distance { float: right; }
}
@media only screen and (min-width:0px) and (max-width:499px) {
  #page.sheet .around-part  .title .title-text { font-size: 18px;}

  #page.sheet .around-part .around-list ul li { position: relative; text-align: center;}
  #page.sheet .around-part .around-list ul li { padding: 20px 0; }
  #page.sheet .around-part .around-list ul li .shop { margin-bottom: 80px;}
  #page.sheet .around-part .around-list ul li .shop a {margin-bottom:2px;}
  #page.sheet .around-part .around-list ul li .shop .rate { margin-left: auto; margin-right: auto;}
  #page.sheet .around-part .around-list ul li .distance { position: absolute; right:0; top:calc(50% - 20px);  -webkit-transform: translateY(-50%); transform: translateY(-50%);}
  #page.sheet .around-part .around-list ul li .address { position: absolute; left:0; top:calc(50% - 20px); text-align: left; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
  #page.sheet .around-part .around-list ul li .price { margin-bottom: 20px; }
  #page.sheet .around-part .around-list ul li .buttons { margin-left: auto; margin-right: auto; width: 300px;}
  #page.sheet .around-part .around-list ul li .buttons .button { float: left; display: block; font-size: 12px !important; padding-left: 5px; padding-right: 5px; width: 145px; margin: 0  10px 0 0;}
  #page.sheet .around-part .around-list ul li .buttons .button:last-of-type {margin: 0;}
}
@media only screen and (min-width:500px) and (max-width:767px) {
  #page.sheet .around-part .around-list ul li { position: relative; text-align: center;}
  #page.sheet .around-part .around-list ul li { padding: 20px 0; }
  #page.sheet .around-part .around-list ul li .shop { margin-bottom: 100px;}
  #page.sheet .around-part .around-list ul li .shop a {margin-bottom:2px;}
  #page.sheet .around-part .around-list ul li .shop .rate { margin-left: auto; margin-right: auto;}
  #page.sheet .around-part .around-list ul li .distance { position: absolute; right:0; top:calc(50% - 0px);  -webkit-transform: translateY(-50%); transform: translateY(-50%);}
  #page.sheet .around-part .around-list ul li .address { position: absolute; max-width: 170px; left:0; top:calc(50% - 0px); text-align: left; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
  #page.sheet .around-part .around-list ul li .price { position: absolute; left:50%; top:calc(50% - 0px); text-align: left; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);}
  #page.sheet .around-part .around-list ul li .buttons { margin-left: auto; margin-right: auto; width: 450px;}
  #page.sheet .around-part .around-list ul li .buttons .button { float: left; display: block; width: 220px; margin: 0  10px 0 0;}
  #page.sheet .around-part .around-list ul li .buttons .button:last-of-type {margin: 0;}
}
@media only screen and (min-width:768px) and (max-width: 10000px) {
  #page.sheet .main-part { margin-top: 50px; }
  #page.sheet .main-part .pictures { float: left; width: calc(100% - 320px); }
  #page.sheet .main-part .infos { float: left; width: 320px; }
  #page.sheet .main-part .infos .titles { margin-bottom: 60px; }
  #page.sheet .main-part .infos .colors { border-top: 1px solid #d8d8d8; padding-top: 10px; }

  #page.sheet .around-part  .title  { padding-bottom: 30px; padding-top: 30px;}
  #page.sheet .around-part  .title .title-text { float: left; margin-bottom: 0px; line-height: 40px;}
  #page.sheet .around-part  .title .distance { float: right; }

  #page.sheet .around-part .around-list ul li { padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
  #page.sheet .around-part .around-list ul li .shop { min-width:160px; -webkit-box-flex:1; -ms-flex:1; flex:1;}
  #page.sheet .around-part .around-list ul li .distance { min-width:100px; -webkit-box-flex:1; -ms-flex:1; flex:1;}
  #page.sheet .around-part .around-list ul li .address { min-width:160px; -webkit-box-flex:1; -ms-flex:1; flex:1;}
  #page.sheet .around-part .around-list ul li .price {  min-width:130px; -webkit-box-flex:1; -ms-flex:1; flex:1;}
  #page.sheet .around-part .around-list ul li .buttons { min-width:180px;}
  #page.sheet .around-part .around-list ul li .buttons .button {display: block; width: 190px; margin: 0 0 10px 0;}
  #page.sheet .around-part .around-list ul li .buttons .button:last-of-type {margin: 0;}
}
@media only screen and (min-width:768px) and (max-width:850px) {
  #page.sheet .around-part .around-list ul li .distance { font-size: 22px;}
  #page.sheet .around-part .around-list ul li .price { font-size: 22px;}
}
@media only screen and (min-width:1000px) and (max-width: 10000px) {
  #page.sheet .main-part .infos {width: 300px}
}

/* GLASS - BRAND */
@media only screen and (min-width:0) and (max-width: 10000px) {
  #page.sheet.glass-brand .main-part { margin-top: 0;}
  #page.sheet.glass-brand .main-part .pictures { border:1px solid #d8d8d8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
  #page.sheet.glass-brand .main-part .pictures img { max-width: 100%;}
  #page.sheet.glass-brand .main-part .description > *:first-child {margin-top: 0;}

  #page.sheet.glass-brand .sub-part  { text-align: center; border-top: 1px solid #d8d8d8;}
  #page.sheet.glass-brand .sub-part .buttons .button { border-radius: 40px; }
}

@media only screen and (min-width:0px) and (max-width:767px) {
  #page.sheet.glass-brand .main-part {margin-bottom:40px; }
  #page.sheet.glass-brand .main-part .pictures { min-height: 50vw ; margin-bottom: 30px;}

  #page.sheet.glass-brand .sub-part  {  margin-top: 20px; padding: 30px 0;}
  #page.sheet.glass-brand .sub-part .buttons { margin-top: 30px;}
  #page.sheet.glass-brand .sub-part .buttons .button { width: 230px;}
}
@media only screen and (min-width:0px) and (max-width:499px) {

  #page.sheet.glass-brand .sub-part .buttons .button { width: 250px; margin-left: auto; margin-right: auto; margin-top: 10px;}
  #page.sheet.glass-brand .sub-part .buttons .button:first-child { margin-top: 0; }
}
@media only screen and (min-width:768px) and (max-width: 10000px) {
  #page.sheet.glass-brand .main-part {margin-bottom:40px; }
  #page.sheet.glass-brand .main-part .pictures { width: calc(40% - 20px); height: 250px ; margin-right: 40px; }
  #page.sheet.glass-brand .main-part .description { float: left; width: calc(60% - 20px);}

  #page.sheet.glass-brand .sub-part  {  margin-top: 20px; padding: 40px 0;}
  #page.sheet.glass-brand .sub-part .buttons { margin-top: 40px;}
  #page.sheet.glass-brand .sub-part .buttons .button { width: 250px;}
}
@media only screen and (min-width:1000px) and (max-width: 10000px) {
  #page.sheet.glass-brand .main-part .pictures { width: calc(50% - 35px); height: 250px ; margin-right: 70px; }
  #page.sheet.glass-brand .main-part .description { float: left; width: calc(50% - 35px);}
}

/* LENSES */
@media only screen and (min-width:0) and (max-width: 10000px) {
  #page.sheet.lenses .main-part .pictures { text-align: center;}
  #page.sheet.lenses .main-part .pictures .brand-picture { padding: 10px 0; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}
  #page.sheet.lenses .main-part .infos .correction { margin-bottom: 40px; border-top: 1px solid #d8d8d8; padding-top: 15px;}
  #page.sheet.lenses .main-part .infos .correction .validation .small-infos { width: auto; margin-bottom: 0;}
}

@media only screen and (min-width:0px) and (max-width:767px) {

  #page.sheet.lenses .main-part .pictures .main-picture { padding: 10px 0 20px 0;}
  #page.sheet.lenses .main-part .pictures .brand-picture { display: none;}
  #page.sheet.lenses .main-part .infos .correction { margin-bottom: 60px;}
}
@media only screen and (min-width:768px) and (max-width: 10000px) {
  #page.sheet.lenses .main-part .pictures { padding-right: 20px;}
  #page.sheet.lenses .main-part .pictures .main-picture { padding: 20px 0 40px 0;}
  #page.sheet.lenses .main-part .infos .correction .validation { width: auto;}
}
@media only screen and (min-width:1000px) and (max-width: 10000px) {
  #page.sheet.lenses .main-part .pictures { padding-right: 60px;}

}

/* GLASSES */
@media only screen and (min-width:0) and (max-width: 10000px) {
  #page.sheet.glasses .main-part .pictures { position:relative; }
  #page.sheet.glasses .main-part .pictures .sheet-pic-interface .sheet-pic-interface-btn { width: 100%;  border:1px solid #d8d8d8; cursor: pointer; margin-top: 16px; padding: 5px; -webkit-transition:all 0.5s,border-width 0s; transition:all 0.5s,border-width 0s;}
  #page.sheet.glasses .main-part .pictures .sheet-pic-interface .sheet-pic-interface-btn:not(.active):hover {  border:2px solid #d8d8d8; }
  #page.sheet.glasses .main-part .pictures .sheet-pic-interface .sheet-pic-interface-btn.active {  border:2px solid #29364e; }
  #page.sheet.glasses .main-part .pictures .sheet-pic-interface .sheet-pic-interface-btn img { width: 100%; }
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider li img { width: 100%;}
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider .slick-dots {text-align: center;}

  #page.sheet.glasses .main-part .infos .colors {  }
  #page.sheet.glasses .main-part .infos .colors .color-txt { font-size: 12px;}
  #page.sheet.glasses .main-part .infos .colors .pic-colors li { float: left; cursor: pointer; width: calc((100% - 15px)/4); border:2px solid transparent; padding: 3px; margin-right: 5px; margin-bottom: 5px; overflow: hidden; }
  #page.sheet.glasses .main-part .infos .colors .pic-colors li.active { border:2px solid #29364e;}
  #page.sheet.glasses .main-part .infos .colors .pic-colors li:not(.active):hover { border:2px solid #d8d8d8;}
  #page.sheet.glasses .main-part .infos .colors .pic-colors li.more { border:0 !important; margin-right: 0; text-align: center; font-size: 14px; line-height: 16px; color:#29364e; -webkit-transition: 0.3s; transition: 0.3s;}
  #page.sheet.glasses .main-part .infos .colors .pic-colors li.more:after { content:"\e904"; display: block; margin-top: 3px;-webkit-transform: scale(0.85) rotate(0deg); transform: scale(0.85) rotate(0deg); -webkit-transition: 0.3s; transition: 0.3s;}
  #page.sheet.glasses .main-part .infos .colors .pic-colors li.more:hover { color:#4f8bc9; }
  #page.sheet.glasses .main-part .infos .colors .pic-colors li.more:hover:after { margin-top: 5px;-webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg);}
  #page.sheet.glasses .main-part .infos .colors .pic-colors li img { width: 100%;}


  #page.sheet.glasses .main-part .infos .colors .pic-colors:not(.active) li.hidden-color {max-width: 0px;  opacity: 0; margin-right: 0; padding: 0; border:0 solid transparent;}
  #page.sheet.glasses .main-part .infos .colors .pic-colors:not(.active) li:last-of-type { max-width: 100%; opacity: 1;}
  #page.sheet.glasses .main-part .infos .colors .pic-colors:not(.active) li.more div.less {display: none}
  #page.sheet.glasses .main-part .infos .colors .pic-colors.active li:nth-of-type(4n) {margin-right: 0;}
  #page.sheet.glasses .main-part .infos .colors .pic-colors.active li.more div:not(.less) {display: none}
  #page.sheet.glasses .main-part .infos .colors .pic-colors.active li.more:after { -webkit-transform: scale(0.85) rotate(180deg); transform: scale(0.85) rotate(180deg); }

  #page.sheet.glasses .sub-part { margin-top: 20px; }
  #page.sheet.glasses .sub-part .title { border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; text-align: center;}
  #page.sheet.glasses .sub-part .title .text { margin-bottom: 14px; margin-top: 14px;}
  #page.sheet.glasses .sub-part .title .arrow {}
  #page.sheet.glasses .sub-part .brand-logo img { max-width: 100%; }
  #page.sheet.glasses .sub-part .schema img { max-width: 140px; }
  #page.sheet.glasses .sub-part .legend { color:#29364e; font-size: 14px;}
  #page.sheet.glasses .sub-part .legend strong { font-family:'Poppins', Arial, sans-serif; font-weight:600; }
}

@media only screen and (min-width:0px) and (max-width:767px) {
  #page.sheet.glasses .main-part .pictures .sheet-pic-interface {display:none;}
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider .slick-slide {min-height: 50vw;}
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider .slick-arrow {display:none!important;}


  #page.sheet.glasses .main-part .infos { position: relative; padding-bottom: 100px;}
  #page.sheet.glasses .main-part .infos .titles {}
  #page.sheet.glasses .main-part .infos .price {position: absolute; bottom:0; left:0; right:0;}
  #page.sheet.glasses .main-part .infos .colors {text-align: left; max-width: calc((88px * 4) + ( 3 * 5px)); margin-left:auto; margin-right: auto;}

  #page.sheet.glasses .sub-part { margin-bottom: 20px;}

  #page.sheet.glasses .sub-part .title { position: relative;}
  #page.sheet.glasses .sub-part .title .text {}


  #page.sheet.glasses .sub-part .brand-logo { display: none;}

}
@media only screen and (min-width:0px) and (max-width:499px) {
  #page.sheet.glasses .sub-part .title .arrow { position: absolute; right:0; top:0; height: 55px; width: 30px; text-align: center;}
  #page.sheet.glasses .sub-part .title .arrow:before { content:'\e911'; display: block; font-size: 20px; line-height: 55px; -webkit-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: 0.3s;transition: 0.3s;}
  #page.sheet.glasses .sub-part.active .title .arrow:before { content:'\e90b'; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

  #page.sheet.glasses .sub-part .carac-cnt {  overflow: hidden; max-height: 1000px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.5s; transition: 0.5s;}
  #page.sheet.glasses .sub-part:not(.active) .carac-cnt { max-height: 0px; }
  #page.sheet.glasses .sub-part .legend { margin-top: 25px; margin-bottom: 30px; }
  #page.sheet.glasses .sub-part .schema { margin-bottom: 25px; text-align: center;}
}
@media only screen and (min-width:500px) and (max-width:767px) {
  #page.sheet.glasses .sub-part .carac-cnt { padding: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
  #page.sheet.glasses .sub-part .brand-logo { display: none;}
  #page.sheet.glasses .sub-part .schema { padding: 0 10px; width: calc(100%/2); text-align: center; }
  #page.sheet.glasses .sub-part .legend { padding: 10px; width: calc(100%/2);}
}
@media only screen and (min-width:768px) and (max-width: 10000px) {
  #page.sheet.glasses .main-part .pictures { float: left; width: calc(100% - 320px); }
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider { float: left; position: relative; width: calc(100% - 20px); margin-right: 20px; }
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider li.slick-slide { padding-left: 50px; padding-right: 50px; }
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider .slick-arrow { position: absolute; z-index: 5; cursor: pointer; opacity:1; padding: 5px; display: block; background: none; font-size: 0; top:50%; -webkit-transform: translateY(-50%) scale(0.8); transform: translateY(-50%) scale(0.8); -webkit-transition: 0.3s; transition: 0.3s;}
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider .slick-arrow:not(.slick-disabled):hover { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); }
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider .slick-arrow.slick-disabled { cursor: default; opacity:0.2;}
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider .slick-prev { left:10px; }
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider .slick-next { right:10px; }
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider .slick-prev:before,
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider .slick-next:before {
    font-family:'rodlo' !important;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider .slick-prev:before { content:'\e90c'; font-size: 28px;}
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider .slick-next:before { content:'\e915'; font-size: 28px;}



  #page.sheet.glasses .sub-part .carac-cnt { padding: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
  #page.sheet.glasses .sub-part .brand-logo { padding: 10px; width: calc(100%/3); text-align: center;}
  #page.sheet.glasses .sub-part .schema { padding: 0 10px; width: calc(100%/3); text-align: center;  border-left: 1px solid #d8d8d8;}
  #page.sheet.glasses .sub-part .legend { padding: 10px; width: calc(100%/3);}


}
@media only screen and (min-width:768px) and (max-width:999px) {
  #page.sheet.glasses .main-part .pictures .sheet-pic-interface {display: none;}
}
@media only screen and (min-width:1000px) and (max-width: 10000px) {
  #page.sheet.glasses .main-part .pictures .sheet-pic-interface { float: left;  width:90px; }
  #page.sheet.glasses .main-part .pictures .sheet-pic-interface .sheet-pic-interface-btn {width: 100%;  margin-bottom: 20px; margin-left: 0px;}
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider { width: calc(100% - 90px - 20px); height: 302px; margin-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider li.slick-slide { padding-left: 65px; padding-right: 65px; }
  #page.sheet.glasses .main-part .pictures .sheet-pic-slider .slick-dots {display: none !important;}

  #page.sheet.glasses .sub-part { max-width: calc(100% - 340px) }
}


/* CONTENT PAGES */
/* COMMON PAGE */
@media only screen and (min-width:0) and (max-width: 10000px) {
  #page.content-page .content .summary { font-family:'Poppins', Arial, sans-serif; font-weight:600; color:#29364e; }
  #page.content-page .content .summary .title { cursor: pointer; position: relative; border-bottom: 1px solid #d8d8d8; line-height: 24px; padding: 8px 40px 8px 0;}
  #page.content-page .content .summary .title:hover { color:#4f8bc9; }
  #page.content-page .content .summary .title:after { content:'\e904'; position: absolute; right:0; top:0; line-height: 40px; width: 40px; text-align: center; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.3s; transition: 0.3s;}
  #page.content-page .content .summary ul { overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s;}
  #page.content-page .content .summary ul li:first-child {margin-top: 17px;}
  #page.content-page .content .summary ul li a { display: inline-block; color:#29364e; text-decoration: none; padding: 3px 0;}
  #page.content-page .content .summary ul li a:hover  { color:#4f8bc9; }

  #page.content-page .content .summary:not(.active) .title {}
  #page.content-page .content .summary:not(.active) .title:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  #page.content-page .content .summary:not(.active) ul { max-height: 0px; }

  #page.content-page .content .section-content { color:#29364e; }

  #page.content-page .content .section-content h2,
  #page.content-page .content .section-content h3,
  #page.content-page .content .section-content h4,
  #page.content-page .content .section-content h5,
  #page.content-page .content .section-content h6,
  #page.content-page .content .section-content .h2,
  #page.content-page .content .section-content .h3,
  #page.content-page .content .section-content .h4,
  #page.content-page .content .section-content .h5,
  #page.content-page .content .section-content .h6 { margin-top: 1.5em; }

  #page.content-page .content .section-content h3,
  #page.content-page .content .section-content h4,
  #page.content-page .content .section-content h5,
  #page.content-page .content .section-content h6,
  #page.content-page .content .section-content .h3,
  #page.content-page .content .section-content .h4,
  #page.content-page .content .section-content .h5,
  #page.content-page .content .section-content .h6 { margin-bottom: 0em; }

  #page.content-page .content .section-content a { color:inherit; }
  #page.content-page .content .section-content a:hover { color:#4f8bc9; }


  #page.content-page .content .section-content p.big-intro { font-size: 16px; font-weight: 600; margin-bottom: 30px;}

  #page.content-page .content .section-content > *:first-child {margin-top: 0;}

  #page.content-page .content .section-content > ul { margin-top: 20px; margin-bottom: 20px; }
  #page.content-page .content .section-content > ul li { position: relative; margin-left: 20px; line-height: 24px;}
  #page.content-page .content .section-content > ul li:before { content:"•"; text-align: center; color:#29364e; font-size: 20px; position: absolute; left: -15px; }
}

@media only screen and (min-width:0px) and (max-width:767px) {

  #page.content-page  h1 { margin-bottom: 25px; }
  #page.content-page { padding: 0px 10px 50px 10px;}
  #page.content-page .content .summary { width:250px; margin-bottom: 40px; margin-left: auto; margin-right: auto;}
}
@media only screen and (min-width:768px) and (max-width: 10000px) {

  #page.content-page  h1 { margin-bottom: 55px; }
  #page.content-page { padding: 0px 10px 70px 10px; }
  #page.content-page .content .summary { float: left; width:170px; margin-right: 55px; }
  #page.content-page .content .section-content { float: left; width:calc(100% - 170px - 55px);}
  #page.content-page .content .section-content.one-col { width:100%; max-width: 745px;}

  #page.content-page .content .section-content > p,
  #page.content-page .content .section-content > h3,
  #page.content-page .content .section-content > h4,
  #page.content-page .content .section-content > h5,
  #page.content-page .content .section-content > h6,
  #page.content-page .content .section-content > .h3,
  #page.content-page .content .section-content > .h4,
  #page.content-page .content .section-content > .h5,
  #page.content-page .content .section-content > .h6,
  #page.content-page .content .section-content > ul {margin-left: 65px;}
  #page.content-page .content .section-content .no-decal {margin-left: 0;}
}
@media only screen and (min-width:1000px) and (max-width: 10000px) {
  #page.content-page { padding: 0px 0px 70px 0px; }
  #page.content-page .content .summary { margin-right: 85px; }
  #page.content-page .content .section-content { width:calc(100% - 170px - 85px);}
}


/* BRANDS PAGE */
@media only screen and (min-width:0) and (max-width: 10000px) {
  #page.content-page .content .alphabet-nav { border-bottom: 1px solid #d8d8d8; text-align: center; padding: 0px 20px 10px 20px; margin-bottom: 60px; }
  #page.content-page .content .alphabet-nav li { display: inline-block;}
  #page.content-page .content .alphabet-nav li a { display: inline-block; padding: 0.1em 0.25em; color:#4d6066; opacity: 0.4; font-size: 24px; text-decoration: none; font-family:'Poppins', Arial, sans-serif; font-weight:600; -webkit-transition: 0.3s; transition: 0.3s;}
  #page.content-page .content .alphabet-nav li a:hover { opacity:1; }

  #page.content-page .content .brand-list-cnt h2 { font-size: 48px; line-height: 60px; margin-top: 30px; margin-bottom: 30px; border-bottom: 2px solid #29364e; }
  #page.content-page .content .brand-list-cnt > ul > li {  }
  #page.content-page .content .brand-list-cnt > ul > li ul { margin-left: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  #page.content-page .content .brand-list-cnt > ul > li ul li { margin-left: 20px; margin-bottom: 10px; line-height: 18px;}
  #page.content-page .content .brand-list-cnt > ul > li ul li a { text-decoration: none; color:#4d6066;}
  #page.content-page .content .brand-list-cnt > ul > li ul li a:hover { color:#29364e;}

}
@media only screen and (min-width:0px) and (max-width:767px) {
  #page.content-page .content .brand-list-cnt ul li ul li { width:calc((100% / 2) - 20px); }
}
@media only screen and (min-width:768px) and (max-width: 10000px) {
  #page.content-page .content .brand-list-cnt ul li ul li { width:calc((100% / 3) - 20px); }
}
@media only screen and (min-width:1000px) and (max-width: 10000px) {
  #page.content-page .content .brand-list-cnt ul li ul li { width:calc((100% / 4) - 20px); }
}


/* CONTACT PAGE */
@media only screen and (min-width:0) and (max-width: 10000px) {
  #page.content-page .content .contact-form { max-width: 320px; margin-left: auto; margin-right: auto;}

  #page.content-page .content .contact-form .intro { margin-bottom: 30px; margin-top: 0;}

  #page.content-page .content .contact-form .submit-cnt  {text-align: center;}
  #page.content-page .content .contact-form .submit-cnt .button.submit { margin: 15px auto; width: 120px;}
}
@media only screen and (min-width:768px) and (max-width: 10000px) {
  #page.content-page .content .contact-form { max-width: 62%; margin-left:85px;}
}


/* Popin Tingle */
@media only screen and (min-width:0) and (max-width: 10000px) {
  /* COMMON MODAL */
  .tingle-modal.common-popin .title { position: relative; text-align: center; padding: 15px 30px; border-bottom: 1px solid #d8d8d8;}
  .tingle-modal.common-popin .title .custom-close { cursor: pointer; position: absolute; top:50%; right:10px; text-align: center; height: 30px; width:30px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
  .tingle-modal.common-popin .title .custom-close:before { content:"\e903"; display: inline-block; font-size: 20px; line-height: 30px; color:#29364e; -webkit-transform:scale(1); transform:scale(1); -webkit-transition: 0.3s; transition: 0.3s; }
  .tingle-modal.common-popin .title .custom-close:hover:before { -webkit-transform:scale(0.85); transform:scale(0.85); }

  /* ADDRESS MODAL */
  .tingle-modal.common-popin .content .address-form {text-align: center;}
  .tingle-modal.common-popin .content .address-form .search { margin-left: auto; margin-right: auto; width: 100%; max-width: 400px; margin-top: 30px; margin-bottom: 15px;}
  .tingle-modal.common-popin .content .address-form .submit { margin-left: auto; margin-right: auto; width: 120px; }
}
@media only screen and (min-width:0px) and (max-width:767px) {
  /* COMMON MODAL */
  .tingle-modal.common-popin { padding-top: 0;} /* Global Modal container */
  .tingle-modal.common-popin .tingle-modal__close { display: none;}  /* tingle close button */
  .tingle-modal.common-popin .tingle-modal-box { width: 100%; height: 100%; border-radius: 0;} /* modal box container */
  .tingle-modal.common-popin .tingle-modal-box .tingle-modal-box__content { padding:0; height: 100%;} /* modal box */


  .tingle-modal.common-popin .content { padding:50px 50px 70px 50px;}
}
@media only screen and (min-width:0px) and (max-width:499px) {
  .tingle-modal.common-popin .content { padding:40px 20px 60px 20px;}
}
@media only screen and (min-width:768px) and (max-width: 10000px) {

  /* COMMON MODAL */
  .tingle-modal.common-popin .tingle-modal__close { display: none; }  /* tingle close button */
  .tingle-modal.common-popin .tingle-modal-box { width: 100%; max-width: 530px; border-radius: 0; } /* modal box container */
  .tingle-modal.common-popin .tingle-modal-box .tingle-modal-box__content { padding:0; max-height: 100%; } /* modal box */


  .tingle-modal.common-popin .content { padding:50px 50px 70px 50px;}
}

/* JQUERY UI OVERWRITE */

@media only screen and (min-width:0) and (max-width: 10000px) {
  /* AUTOCOMPLETE */
  .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper { padding: 3px 10px;}
  .ui-autocomplete .ui-autocomplete-category { padding: 4px 10px; background: #29364e; color: #fff; }

  /* CALENDAR */
  .ui-datepicker { padding: 15px 35px; width: 320px; }
  .ui-datepicker .ui-datepicker-header { margin-bottom: 10px;}
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title { font-size: 18px; line-height: 30px;font-family:'Poppins', Arial, sans-serif; font-weight:600; color:#29364e; text-transform: uppercase; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-header .ui-datepicker-next { width: 30px; height: 30px;  text-align: center; cursor: pointer;}
  .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
  .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {border-color:#fff;}
  .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
  .ui-datepicker .ui-datepicker-header .ui-datepicker-next span { display: none; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before,
  .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before { height: 30px; line-height: 30px; -webkit-transition: 0.3s; transition: 0.3s; font-family:'rodlo' !important;	speak:none;	font-style:normal;	font-weight:normal;	font-variant:normal;	text-transform:none;  text-decoration: none;	 -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before { content:'\e90c'; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before { content:'\e915'; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover:before,
  .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover:before { color:#4f8bc9;}

  .ui-datepicker .ui-datepicker-calendar thead th { padding-bottom: 10px !important; }
  .ui-datepicker .ui-datepicker-calendar thead span { color:#4f8bc9; font-size: 14px; font-weight: 400; letter-spacing: 0.08em; }
  .ui-datepicker .ui-datepicker-calendar tbody tr td {  padding-bottom: 5px;}
  .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default { width: 34px; height: 34px; line-height: 27px; border:1px solid #fff; border-radius: 50px; text-align: center; font-size: 14px; color:#29364e; font-family:'Poppins', Arial, sans-serif; font-weight:600; -webkit-transition: 0.3s; transition: 0.3s; }
  .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default:hover { border:1px solid #d8d8d8; }
  .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-active { color:#fff; background: #4f8bc9; border-color: #4f8bc9; cursor: default; -webkit-transition: 0.3s; transition: 0.3s;}
  .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-active:hover { color:#fff; background: #4f8bc9; border-color: #4f8bc9;}
  .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-highlight { color:#fff; -webkit-transition: 0.3s; transition: 0.3s;}
}

@media only screen and (min-width:0px) and (max-width:374px) {
  /* CALENDAR */
  .ui-datepicker { padding: 15px 15px; width: 280px;}
}
@media only screen and (min-width:0px) and (max-width:520px) {
  /* AUTOCOMPLETE */
  .ui-autocomplete { left:10px !important; width: calc(100% - 60px) !important;  max-height: 70vh; overflow-y: auto;}
}