.clear {
  margin: 0;
  padding: 0;
}
.ul-clear {
  margin: 0;
  padding: 0;
  list-style: none;
}
.li-clear {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.a-clear {
  text-decoration: none;
  color: inherit;
}
.main-box-shadow {
  box-shadow: 2px 2px 6px 2px #e1d8d8;
}
.badge {
  padding: 3px 6px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
}
.badge.small {
  font-size: 12px;
}
/* @dark layer */
/* #dark layer */
/**/
/**/
/**/
/**/
body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
body {
  background: #efefef;
  font-family: 'Montserrat', sans-serif;
  color: #323232;
}
a {
  text-decoration: none;
  color: #1b1bbb;
}
.clear-listing {
  list-style: none;
  margin: 0;
  padding: 0;
}
.Framework-Overlay,
.F-Overlay {
  width: 100%;
  height: 100%;
}
.Framework-Component ul.F-Menu > .menu-item > a.item-link::after,
.F-Component ul.F-Menu > .menu-item > a.item-link::after,
a.item.item-link:after {
  content: "";
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSJ3aWR0aDoyNHB4O2hlaWdodDoyNHB4IiBmaWxsPSIjODI4MjgyIiB2aWV3Qm94PSIwIDAgNDc3LjE3NSA0NzcuMTc1Ij48cGF0aCBkPSJNMzYwLjczMSwyMjkuMDc1bC0yMjUuMS0yMjUuMWMtNS4zLTUuMy0xMy44LTUuMy0xOS4xLDBzLTUuMywxMy44LDAsMTkuMWwyMTUuNSwyMTUuNWwtMjE1LjUsMjE1LjUgYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWMyLjYsMi42LDYuMSw0LDkuNSw0YzMuNCwwLDYuOS0xLjMsOS41LTRsMjI1LjEtMjI1LjFDMzY1LjkzMSwyNDIuODc1LDM2NS45MzEsMjM0LjI3NSwzNjAuNzMxLDIyOS4wNzV6Ii8+PC9zdmc+);
}
.Framework-Component.animated,
.F-Component.animated {
  /** @F-Switch **/
  /** #F-Switch **/
}
.Framework-Component.animated .F-Switch > .Inner > label > span,
.F-Component.animated .F-Switch > .Inner > label > span {
  transition: background-color 300ms ease-in, border-color 300ms ease-in, color 300ms ease-in;
}
.Framework-Component,
.F-Component {
  /** @F-menu **/
  /** #F-menu **/
  /** @F-Layers **/
  /** #F-Layers **/
  /** @F-Switch **/
  /** #F-Switch **/
  /** @F-Badges **/
  /** #F-Badges **/
  /** @LeftPanel **/
  /** #LeftPanel **/
  /** @TopLayer **/
  /** #TopLayer **/
  /** @ContentLayer **/
  /** #ContentLayer **/
  /** @F-Progreebar **/
  /** #F-Progreebar **/
  /** @F-Popup **/
  /** #F-Popup **/
  /** @Form **/
  /** #Form **/
}
.Framework-Component h1,
.F-Component h1,
.Framework-Component h2,
.F-Component h2,
.Framework-Component h3,
.F-Component h3,
.Framework-Component h4,
.F-Component h4,
.Framework-Component h5,
.F-Component h5,
.Framework-Component h6,
.F-Component h6 {
  margin: 0;
}
.Framework-Component .Framework-Flex,
.F-Component .Framework-Flex,
.Framework-Component .F-Flex,
.F-Component .F-Flex {
  display: flex;
}
.Framework-Component .Framework-Flex.ai-center,
.F-Component .Framework-Flex.ai-center,
.Framework-Component .F-Flex.ai-center,
.F-Component .F-Flex.ai-center {
  align-items: center;
}
.Framework-Component .Framework-Flex.pad > *,
.F-Component .Framework-Flex.pad > *,
.Framework-Component .F-Flex.pad > *,
.F-Component .F-Flex.pad > * {
  padding: 3px;
}
.Framework-Component .Framework-Flex.jc-sp-between,
.F-Component .Framework-Flex.jc-sp-between,
.Framework-Component .F-Flex.jc-sp-between,
.F-Component .F-Flex.jc-sp-between {
  justify-content: space-between;
}
.Framework-Component .F-Button,
.F-Component .F-Button {
  display: inline-block;
  padding: 2px;
  background: #eaeaea;
  color: #323232;
  font-size: 18px;
  cursor: pointer;
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  border-radius: 5px;
}
.Framework-Component .F-Button > *:first-child,
.F-Component .F-Button > *:first-child {
  padding: 9px 25px;
  display: inline-block;
  border: solid 1px #d3d3d3;
  transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 5px;
}
.Framework-Component .F-Button.color-lightgreen,
.F-Component .F-Button.color-lightgreen {
  background: #2da82d;
  color: #FFF;
}
.Framework-Component .F-Button.color-lightgreen > *:first-child,
.F-Component .F-Button.color-lightgreen > *:first-child {
  border-color: #7cd065;
}
.Framework-Component .F-Button.color-blue,
.F-Component .F-Button.color-blue {
  background: #197cd3;
  color: #fff;
}
.Framework-Component .F-Button.color-blue > *:first-child,
.F-Component .F-Button.color-blue > *:first-child {
  border-color: #3EA0F7;
}
.Framework-Component .F-Button:hover,
.F-Component .F-Button:hover {
  box-shadow: 0 1px 1px 0 #d3d3d3, 0 1px 3px 1px #d3d3d3;
}
.Framework-Component .F-Button:hover > *:first-child,
.F-Component .F-Button:hover > *:first-child {
  border: solid 1px transparent;
}
.Framework-Component .F-Button.color-lightgreen:hover,
.F-Component .F-Button.color-lightgreen:hover {
  box-shadow: 0 1px 1px 0 #7cd065, 0 1px 3px 1px #7cd065;
}
.Framework-Component .F-Button.color-blue:hover,
.F-Component .F-Button.color-blue:hover {
  box-shadow: 0 1px 1px 0 #3EA0F7, 0 1px 3px 1px #3EA0F7;
}
.Framework-Component .F-Button.radial,
.F-Component .F-Button.radial {
  border-radius: 30px;
}
.Framework-Component .F-Button.radial > *:first-child,
.F-Component .F-Button.radial > *:first-child {
  border-radius: 28px;
}
.Framework-Component .F-Panel,
.F-Component .F-Panel {
  padding: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.Framework-Component .F-Panel:not(.transparent),
.F-Component .F-Panel:not(.transparent) {
  background: #fff;
}
.Framework-Component .F-Panel.outset,
.F-Component .F-Panel.outset {
  box-shadow: 2px 2px 6px 2px #e1d8d8;
}
.Framework-Component .F-Panel.outset.radial,
.F-Component .F-Panel.outset.radial {
  border-radius: 3px;
}
.Framework-Component svg.F-icon,
.F-Component svg.F-icon {
  width: 24px;
  height: 24px;
}
.Framework-Component svg.F-icon.small-item,
.F-Component svg.F-icon.small-item {
  width: 20px;
  height: 20px;
}
.Framework-Component ul.F-Menu,
.F-Component ul.F-Menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.Framework-Component ul.F-Menu > .menu-item,
.F-Component ul.F-Menu > .menu-item {
  position: relative;
  transition: color ease-in 0.3s;
}
.Framework-Component ul.F-Menu > .menu-item > a.item-link,
.F-Component ul.F-Menu > .menu-item > a.item-link {
  color: inherit;
}
.Framework-Component ul.F-Menu > .menu-item > a.item-link > .item-title,
.F-Component ul.F-Menu > .menu-item > a.item-link > .item-title {
  padding-right: 30px;
}
.Framework-Component ul.F-Menu > .menu-item > a.item-link:after,
.F-Component ul.F-Menu > .menu-item > a.item-link:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 0;
  background-size: 100% 100%;
  height: 100%;
  width: 15px;
  transition: transform ease-in 0.1s;
}
.Framework-Component ul.F-Menu > .menu-item > .item-content,
.F-Component ul.F-Menu > .menu-item > .item-content {
  display: flex;
}
.Framework-Component ul.F-Menu > .menu-item > .item-content > .item-icon,
.F-Component ul.F-Menu > .menu-item > .item-content > .item-icon {
  padding: 8px;
}
.Framework-Component ul.F-Menu > .menu-item > .item-content > .item-title,
.F-Component ul.F-Menu > .menu-item > .item-content > .item-title {
  padding: 5px;
}
.Framework-Component ul.F-Menu > .menu-item > .item-content > .item-icon + .item-title,
.F-Component ul.F-Menu > .menu-item > .item-content > .item-icon + .item-title {
  padding-top: 11px;
}
.Framework-Component ul.F-Menu > .menu-item > a.item-link:hover:after,
.F-Component ul.F-Menu > .menu-item > a.item-link:hover:after {
  transform: translateX(2px);
}
.Framework-Component ul.F-Menu > .menu-item:not(:last-child),
.F-Component ul.F-Menu > .menu-item:not(:last-child) {
  /*border-bottom : solid 1px;*/
}
.Framework-Component ul.F-Menu > .menu-item:not(:last-child):after,
.F-Component ul.F-Menu > .menu-item:not(:last-child):after {
  content: "";
  height: 1px;
  background: #828282;
  position: absolute;
  bottom: 0;
  left: 43px;
  right: 50px;
}
.Framework-Component ul.F-Menu.vertical > .menu-item,
.F-Component ul.F-Menu.vertical > .menu-item {
  display: block;
}
.Framework-Component .F-Layer.dark,
.F-Component .F-Layer.dark {
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
}
.Framework-Component .F-Layer.dark svg.F-icon,
.F-Component .F-Layer.dark svg.F-icon {
  fill: #FFF;
}
.Framework-Component .F-Layer.dark .layer-content,
.F-Component .F-Layer.dark .layer-content {
  background: #00202f;
}
.Framework-Component .F-Layer.dark ul.F-Menu > .menu-item,
.F-Component .F-Layer.dark ul.F-Menu > .menu-item {
  color: #828282;
}
.Framework-Component .F-Layer.dark ul.F-Menu > .menu-item:hover,
.F-Component .F-Layer.dark ul.F-Menu > .menu-item:hover {
  color: #FFF;
}
.Framework-Component .F-Layer.dark a,
.F-Component .F-Layer.dark a {
  color: #FFF;
}
.Framework-Component .F-Switch,
.F-Component .F-Switch {
  display: inline-block;
}
.Framework-Component .F-Switch > .Inner,
.F-Component .F-Switch > .Inner {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}
.Framework-Component .F-Switch > .Inner > label,
.F-Component .F-Switch > .Inner > label {
  cursor: pointer;
}
.Framework-Component .F-Switch > .Inner > label > input[type=radio],
.F-Component .F-Switch > .Inner > label > input[type=radio] {
  display: none;
}
.Framework-Component .F-Switch > .Inner > label > span,
.F-Component .F-Switch > .Inner > label > span {
  display: block;
  background: #eaeaea;
  color: #323232;
  padding: 10px;
  border: solid 1px #d3d3d3;
  border-right: none;
}
.Framework-Component .F-Switch > .Inner > label > input:checked + span,
.F-Component .F-Switch > .Inner > label > input:checked + span {
  background: #515151;
  color: #FFF;
  border-color: #999;
}
.Framework-Component .F-Switch > .Inner > label > input:checked + span.color-blue,
.F-Component .F-Switch > .Inner > label > input:checked + span.color-blue {
  background: #197cd3;
  color: #fff;
  border-color: #197cd3;
}
.Framework-Component .F-Switch > .Inner > label > input:checked + span.color-green,
.F-Component .F-Switch > .Inner > label > input:checked + span.color-green {
  background: #2da82d;
  color: #fff;
  border-color: #2da82d;
}
.Framework-Component .F-Switch > .Inner > label > input:checked + span.color-lightred,
.F-Component .F-Switch > .Inner > label > input:checked + span.color-lightred {
  background: #c87979;
  color: #fff;
  border-color: #c87979;
}
.Framework-Component .F-Switch > .Inner > label:first-child > span,
.F-Component .F-Switch > .Inner > label:first-child > span {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 0;
}
.Framework-Component .F-Switch > .Inner > label:last-child > span,
.F-Component .F-Switch > .Inner > label:last-child > span {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-right: solid 1px #d3d3d3;
}
.Framework-Component .F-Switch.color-blue > .Inner > label > input:checked + span,
.F-Component .F-Switch.color-blue > .Inner > label > input:checked + span {
  background: #197cd3;
  color: #fff;
  border-color: #197cd3;
}
.Framework-Component .F-Badges,
.F-Component .F-Badges {
  display: inline-block;
}
.Framework-Component .F-Badges > .F-Badge,
.F-Component .F-Badges > .F-Badge {
  display: inline-block;
  padding: 10px;
  background: #eaeaea;
  color: #323232;
}
.Framework-Component .F-Badges > .F-Badge:first-child,
.F-Component .F-Badges > .F-Badge:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 0;
}
.Framework-Component .F-Badges > .F-Badge:last-child,
.F-Component .F-Badges > .F-Badge:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 3px;
}
.Framework-Component .F-Badges > .F-Badge:last-child:first-child,
.F-Component .F-Badges > .F-Badge:last-child:first-child {
  border-radius: 3px;
}
.Framework-Component .F-Badges > .F-Badge.color-blue,
.F-Component .F-Badges > .F-Badge.color-blue {
  background: #197cd3;
  color: #fff;
  border-color: #197cd3;
}
.Framework-Component .F-Badges > .F-Badge.color-green,
.F-Component .F-Badges > .F-Badge.color-green {
  background: #2da82d;
  color: #fff;
  border-color: #2da82d;
}
.Framework-Component .F-Badges > .F-Badge.color-lightred,
.F-Component .F-Badges > .F-Badge.color-lightred {
  background: #c87979;
  color: #fff;
  border-color: #c87979;
}
.Framework-Component #LeftPanel,
.F-Component #LeftPanel {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 250px;
}
.Framework-Component #TopLayer .navigation,
.F-Component #TopLayer .navigation {
  color: inherit;
  padding: 6px;
  box-shadow: 2px 2px 6px 2px #e1d8d8;
  background: #eaeaea;
  color: #323232;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}
.Framework-Component #TopLayer .navigation > span,
.F-Component #TopLayer .navigation > span {
  padding: 3px;
}
.Framework-Component #TopLayer .navigation .F-icon,
.F-Component #TopLayer .navigation .F-icon {
  width: 15px;
  height: 18px;
}
.Framework-Component #TopLayer .page-title,
.F-Component #TopLayer .page-title {
  font-size: 18px;
  color: #24516d;
}
.Framework-Component #TopLayer .title-wrapper,
.F-Component #TopLayer .title-wrapper {
  padding: 6px 6px 6px 20px;
  width: 300px;
}
.Framework-Component #ContentLayer,
.F-Component #ContentLayer {
  width: 100%;
  height: 100%;
  padding-left: 250px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.Framework-Component .F-Progreebar,
.F-Component .F-Progreebar {
  text-align: center;
  padding: 8px;
}
.Framework-Component .F-Progreebar > .item-title,
.F-Component .F-Progreebar > .item-title {
  font-size: 12px;
}
.Framework-Component .F-Progreebar > .item-subtitle,
.F-Component .F-Progreebar > .item-subtitle {
  font-size: 11px;
}
.Framework-Component .F-Progreebar > .item-content,
.F-Component .F-Progreebar > .item-content {
  padding: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.Framework-Component .F-Progreebar > .item-content > .item-bar,
.F-Component .F-Progreebar > .item-content > .item-bar {
  height: 4px;
  border-radius: 4px;
  border: solid 1px;
}
.Framework-Component .F-Progreebar > .item-content > .item-bar > .item-progress,
.F-Component .F-Progreebar > .item-content > .item-bar > .item-progress {
  background: #224484;
  width: 100%;
  height: 100%;
  transition: transform ease-in 300ms;
  transform-origin: left;
}
.Framework-Component .F-Progreebar > .item-content > .item-bar > .item-progress.color-lightgreen,
.F-Component .F-Progreebar > .item-content > .item-bar > .item-progress.color-lightgreen {
  background: #64d580;
}
.Framework-Component .F-Progreebar > .item-content > .item-bar > .item-progress.color-blue,
.F-Component .F-Progreebar > .item-content > .item-bar > .item-progress.color-blue {
  background: #197cd3;
}
.Framework-Component .F-Progreebar.color-lightblue,
.F-Component .F-Progreebar.color-lightblue {
  background-color: #378dd9;
}
.Framework-Component .F-Progreebar.color-blue,
.F-Component .F-Progreebar.color-blue {
  background-color: #197cd3;
}
.Framework-Component .F-Progreebar.color-green,
.F-Component .F-Progreebar.color-green {
  background-color: #2da82d;
}
.Framework-Component .F-Popup,
.F-Component .F-Popup {
  position: absolute;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 2px 2px 6px 2px #e1d8d8;
  border-radius: 3px;
}
.Framework-Component form .Property-Item,
.F-Component form .Property-Item {
  padding: 8px;
}
.Framework-Component form .Property-Item > .Inner > .Row,
.F-Component form .Property-Item > .Inner > .Row {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
}
.Framework-Component form .Property-Item > .Inner > .Row > .name,
.F-Component form .Property-Item > .Inner > .Row > .name,
.Framework-Component form .Property-Item > .Inner > .Row > .value,
.F-Component form .Property-Item > .Inner > .Row > .value {
  padding: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.Framework-Component form .Property-Item > .Inner > .Row > .value,
.F-Component form .Property-Item > .Inner > .Row > .value {
  width: 100%;
}
.Framework-Component form .Property-Item > .Inner > .Row > .name,
.F-Component form .Property-Item > .Inner > .Row > .name {
  width: 350px;
}
ul.cards-container {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cards-container {
  display: flex;
  align-items: flex-start;
  align-content: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.cards-container.images-cards > .card-item {
  max-width: 250px;
}
.cards-container.images-cards > .card-item > .inner-wrapper {
  padding: 8px;
}
.cards-container.images-cards > .card-item > .inner-wrapper > .image-wrapper {
  height: 234px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}
.cards-container.images-cards > .card-item > .inner-wrapper > .image-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
.list-container {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-container.properties-list > li:not(:last-child),
.list-container.actions-list > li:not(:last-child) {
  border-bottom: solid 1px #d3d3d3;
}
.list-container.tarifs-list {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}
.list-container.tarifs-list > li {
  width: 350px;
  background: #fff;
  box-shadow: 2px 2px 6px 2px #e1d8d8;
}
.list-container.tarifs-list > li .cost {
  font-size: 18px;
  font-weight: bold;
  color: #a8612d;
}
.blue-item {
  background: #197cd3;
  color: #fff;
  border-color: #197cd3;
}
.green-item {
  background: #2da82d;
  color: #fff;
  border-color: #2da82d;
}
.orange-item {
  background: #a8612d;
  color: #fff;
  border-color: #a8612d;
}
.purple-item {
  background: #532da8;
  color: #fff;
  border-color: #532da8;
}
.item {
  position: relative;
  display: block;
}
.item > .item-content {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item > .item-content > .item-title {
  padding: 8px;
}
.item > .item-content > .item-after {
  color: #999;
}
.item > .item-content > .item-text {
  width: 100%;
  color: #999;
  padding-left: 40px;
  padding-top: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item > .item-content > .item-media {
  position: absolute;
  top: 8px;
  left: 8px;
  max-width: 30px;
  max-height: 30px;
  line-height: 0;
}
.item > .item-content > .item-media + .item-title {
  padding-left: 40px;
}
a.item.item-link {
  text-decoration: none;
  color: inherit;
}
a.item.item-link > .item-content {
  padding-right: 50px;
}
a.item.item-link:after {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 18px;
  height: 18px;
}
.small-item {
  font-size: 12px;
}
input[type=text],
input[type=password],
textarea {
  border: solid 1px #dbdbdb;
  background: #FFF;
  font-family: 'Montserrat', sans-serif;
  color: #323232;
  padding: 10px;
  transition: border-color 300ms ease-in;
  border-bottom-width: 2px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  border-bottom-color: #000;
}
textarea {
  resize: none;
}