@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');


:root {
  /*--primaryColor: #17a2b8;*/
  --primaryColor: rgb(64, 64, 64);
  /*  --secondaryColor: rgb(27 110 194);*/
  --secondaryColor: #304F70;
  /* --secondaryColor: rgb(0 123 255 / 25%);*/
  /*  --secondaryColor: rgb(114, 114, 114);*/
}

.required::after {
    content: "*";
    color: red;
    font-weight:500;
    font-size:1.2em;
}


/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    opacity:0.7!important;
}

    /* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        bottom: 100%;
        left: 50%;
        margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;
    }


    .tooltip .tooltiptext::after {
        content: " ";
        position: absolute;
        top: 100%; /* At the bottom of the tooltip */
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: black transparent transparent transparent;
    }

select{
    max-width:100%;
}

input{
    max-width:100%;
}

.current_version_number{
    /*color:hotpink;*/
}

.current_version_number::before {
    content: "CMD_Resources_V2024.07.23.001"
}

html, body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.loading-progress {
  position: relative;
  display: block;
  width: 8rem;
  height: 8rem;
  margin: 20vh auto 1rem auto;
}

  .loading-progress circle {
    fill: none;
    stroke: #e0e0e0;
    stroke-width: 0.6rem;
    transform-origin: 50% 50%;
    transform: rotate(-90deg);
  }

    .loading-progress circle:last-child {
      stroke: #1b6ec2;
      stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
      transition: stroke-dasharray 0.05s ease-in-out;
    }

.loading-progress-text {
  position: absolute;
  text-align: center;
  font-weight: bold;
  inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

  .loading-progress-text:after {
    content: var(--blazor-load-percentage-text, "Loading");
  }


.order-table-header{
  white-space:nowrap;
}

.modal-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.blazored-modal-content-custom-class {
  min-width: 30vw;
}

.modal-top-center {
  top: 50px!important;
  /* left: 32px; */
  right: -25%;
  margin-left: auto;
  height: auto!important;
}

.blazore-typeahead-inventory {
  position: absolute;
  width: 35vw;
  z-index: 1050;
}

.low-inventory-warning{
  font-weight:500;
  color:red;
  font-size:1.1rem;
}

.ok-inventory-warning {
  font-weight: 500;
  color: limegreen;
  font-size: 1.1rem;
}

.custom-modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
  max-height: 85vh;
  /*  overflow-y: auto;*/
  min-width: 50vw;
}

.table-stock {
  width: 100%;
}

.tab {
  overflow: hidden;
  border: 1px solid rgb(64,64,64);
  background-color: rgb(64,64,64);
}

.vertical-form-group {
  display: inline-flex;
  align-items: baseline;
  flex-direction: column;
  margin-bottom: 1rem;
  margin-right: 0.5rem;
  width: inherit;
}

.stock-search-container {
  width: 40vw;
}

.stock-products-search {
  width: inherit;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}

.btn-inventory-search {
  float: right;
  /* margin-left: 10px; */
  position: relative;
  left: 150px;
  bottom: 43px;
}

.inventory-top-bar{
  display:flex;
  justify-content:space-evenly;
}

.product-table-header {
  text-decoration: underline;
  text-align-last: center;
}

.stock-product-input {
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  font-size: 1.2em;
  padding: 5px;
}

.search-prod-btn {
  margin-bottom: -15px;
  font-size: 1.2em;
  border-radius: 10px;
}

.stock-level-good {
  text-align: center;
  background-color: rgb(103, 199, 113, 0.83);
}

.stock-level-ok {
  text-align: center;
  background-color: rgb(238, 225, 85, 0.83);
}

.stock-level-bad {
  text-align: center;
  background-color: rgb(233, 74, 74, 0.83);
}

.nav-show-stock {
}

  .nav-show-stock:hover {
    cursor: pointer;
  }


/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: rgb(64,64,64);
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: dimgray;
  }

  /* Create an active/current tablink class */
  .tab button.active {
    background-color: dimgray;
  }

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}


.cabin {
  font-family: Cabin;
}

.montserrat {
  font-family: Montserrat;
}

a, .btn-link {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.content {
  padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
  outline: 1px solid #26b050;
}

.invalid {
  outline: 1px solid red;
}

.validation-message {
  color: red;
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

  #blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
  }


#nav_Prise_De_Mesure {
  background-color: rgb(64,64,64);
}

.MainFormGray {
  height: max-content;
  width: 100%;
  background-color: var(--primaryColor);
  color: white;
  border: 0px solid var(--primaryColor);
  border-top: 0px solid var(--primaryColor);
  /*border-bottom: 1rem solid rgb(64, 64, 64);*/
}

.SubFormLightGray {
  background-color: var(--secondaryColor);
  border: 10px solid var(--secondaryColor);
  border-bottom: 5px solid var(--secondaryColor);
  color: white;
}




@media screen and (max-width: 540px) {
  .header-commande {
    margin-left: 1em !important;
  }

  .px-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 5px !important;
  }

  .form-group {
    margin-bottom: 1rem !important;
    text-align-last: start !important;
  }

  .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  /*
  input, label {
    display: block;
  }
*/
  .modal-content {
    width: auto !important;
    height: 90vh !important;
    overflow-y: auto !important;
  }

  .top-row.auth {
    padding-top: 1em !important;
  }

  .top-row {
    justify-content: center !important;
  }

  .modal-content-flooring {
    min-width: auto !important;
    min-height: auto !important;
  }

  .modal-body-flooring {
    min-width: auto !important;
    min-height: auto !important;
  }

  .blazored-typeahead__controls {
    position: relative;
    cursor: text;
    display: block !important;
  }
}



@media screen and (max-width: 1200px) {
  .px-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 5px !important;
  }

  .form-group {
    margin-bottom: 1rem !important;
    text-align-last: start !important;
  }

  input, label {
    display: block;
  }
}

.btn-tab-selected {
  color: #fff;
  background-color: var(--secondaryColor);
  border-color: var(--secondaryColor);
}

.btn-tab {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  /* border-radius: 0.25rem; */
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.form-group {
  margin-bottom: 1rem;
  text-align-last: end;
}

input {
  text-align-last: start !important;
}

.commande-h4 {
  border: none;
  border-style: none;
}

.col-layout {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  align-content: stretch;
}

.order-box {
  border: none;
  border-color: black;
  margin-left: 10px;
  padding: 10px;
  background-color: #9FB2C5;
  color: black;
  margin-top: 10px;
}

.input-size {
  height: 33px;
  width: 300px;
  text-align-last: left;
}

.table-title {
  text-align-last: center;
  border-style: groove;
  margin-bottom: 0px;
  font-family: Montserrat;
  padding: 5px;
}

.table-bordered {
  border: 3px solid #dee2e6;
}

.table-header {
  font-family: Cabin;
}

.form-group-wizard {
  margin-bottom: 1rem !important;
  text-align-last: start !important;
}

input[type="file"] {
  /* Apply absolute positioning and move to top-left corner of parent div element */
  position: absolute;
  top: 0px;
  left: 0px;
  /* Making the file input element to cover the whole div element */
  right: 0px;
  bottom: 0px;
  width: 100%;
  /* Hiding the tap color when it is clicked on touch devices ( this is not widely supported ) */
  -webkit-tap-highlight-color: transparent;
  /* Make it invisible ( it is present at it's position but just invisible ) */
  opacity: 0;
  /* Move it to the upper layer above the container div's layer to ensure that it is always clickable */
  z-index: 1;
}

.inputfile {
  /* Our input type file element is going to be absolute positioned so the div element should be relatively positioned to act as container for it. */
  position: relative;
  width: 80px;
  /* Aligning the div at the center of the webpage horizontally and providing some space from top of webpage */
  margin: 80px auto;
  /* Making the div better looking */
  padding: 10px 12px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  background-color: #F44336;
  /* Converting pointed corners of div to slightly rounded */
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  /*-o-border-radius: 4px;*/
  /*-ms-border-radius: 4px;*/
  /* Adding some shadow and bottom border for 3D effect */
  border-bottom: 4px solid #cb2619;
  box-shadow: 0px 7px 15px #f56c6c;
  -webkit-box-shadow: 0px 7px 15px #f56c6c;
  -moz-box-shadow: 0px 7px 15px #f56c6c;
  /* -o-box-shadow: 0px 7px 15px #f56c6c;
    -ms-box-shadow: 0px 7px 15px #f56c6c;*/
  /* Hide that part of input type file element that is overflowed out of container div */
  overflow: hidden;
}

  .inputfile div:active {
    /* Make clicking 3D */
    /* Move down 2px when clicked ( original top margin is 80px and here it is 2px more )*/
    margin-top: 82px;
    /* Reduce bottom border width by 2px to create the effect as if the div was pressed down */
    border-bottom-width: 2px;
    /* Decreasing the y-axis shadow by 2px & blur radius by 2px and darkning the shadow color to enhance the 3D effect */
    /* y-axis shadow is decreased because as div will be clicked it's bottom border is reduced by 2px i.e it's height will be decreased so in turn shadow height should decrease and it should become more darker */
    box-shadow: 0px 5px 13px #ea4539;
    -webkit-box-shadow: 0px 5px 13px #ea4539;
    -moz-box-shadow: 0px 5px 13px #ea4539;
    /* -o-box-shadow: 0px 5px 13px #ea4539;
    -ms-box-shadow: 0px 5px 13px #ea4539;*/
  }

.btn_top_bar {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  align-content: flex-start;
  margin-top: -10px;
  margin-bottom: 10px;
}

.inventory_btn {
}

/*BLAZORED MODAL START*/
.blazored-modal-container {
  display: flex;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.blazored-modal-overlay {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 101;
  background-color: rgba(0,0,0,0.5);
  top: 0;
  left: 0;
}

.blazored-modal {
  display: flex;
  z-index: 102;
  flex-direction: column;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #fff;
  padding: 0.0rem !important;
  box-shadow: 0 2px 2px rgba(0,0,0,.25);
}

.blazored-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 2rem 0;
}

.blazored-modal-title {
  margin-bottom: 0;
}

.blazored-modal-close {
  /* padding: 1rem;*/
  /*margin: -1rem -1rem -1rem auto;*/
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: bold;
}

.blazored-modal-center {
  align-items: center;
  justify-content: center;
}

.blazored-modal-topleft .blazored-modal {
  position: absolute;
  top: 32px;
  left: 32px;
}

.blazored-modal-topright .blazored-modal {
  position: absolute;
  top: 32px;
  right: 32px;
}

.blazored-modal-bottomleft .blazored-modal {
  position: absolute;
  bottom: 32px;
  left: 32px;
}

.blazored-modal-bottomright .blazored-modal {
  position: absolute;
  bottom: 32px;
  right: 32px;
}

.blazored-modal-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}

  .blazored-modal-scrollable .blazored-modal-content {
    overflow-y: auto;
  }

  .blazored-modal-scrollable .blazored-modal-footer, .blazored-modal-scrollable .blazored-modal-header {
    flex-shrink: 0;
  }
/*BLAZORED MODAL END*/

.blazored-toast-container {
  z-index: 500 !important;
}

.edit-btn {
  background-color: forestgreen;
  width: 40px;
  height: 38px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.1em;
}

  .edit-btn:hover {
    color: white;
  }

.delete-btn {
  background-color: red;
  width: 40px;
  height: 38px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.1em;
}

  .delete-btn:hover {
    color: white;
  }

.download-btn {
  color: #fff;
  width: 40px;
  height: 38px;
  background-color: #17a2b8;
  border-color: #17a2b8;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.1em;
}

  .download-btn:hover {
    color: white;
  }

.btn-transform {
  transform: scale(1.0);
  transition: all .4s ease-out;
}

  .btn-transform:hover {
    transform: scale(1.1);
    transition: all .4s ease-out;
  }

table.table-bordered.dataTable {
  border-right-width: 0.2rem !important;
}

.filter-box {
  border-style: groove;
  border-width: 0.1rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.filter-box-inventory {
  position: relative;
  padding: 1rem;
  padding-bottom: 6rem;
  margin-bottom: 1rem;
}

.typeahead-dropdown-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1050; /* greater than the z-index of the modal */
}

.typeahead-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}


.custom-btn-horizontal-group {
  display: inline-flex;
}

.blazored-modal-content-gallery {
  width: 95vw;
  overflow-x: auto;
  height: 90vh;
  overflow-y: auto;
}

.modal-content {
  height: inherit;
  width: auto;
}

.carousel-image {
  width: 80vw;
  height: 50vh;
  max-width: 500px;
  max-height: 500px;
}

.boat-section-layout {
  display: inline-flex;
  flex-direction: column;
}

.modal-content-flooring {
  min-height: 400px;
  min-width: 800px;
}

.modal-body-flooring {
  min-width: 700px;
}

.navbar-toggler {
  background-color: var(--secondaryColor) !important;
}

.large-select {
  font-size: 1.3em;
  font-weight: 500;
}

  .large-select:hover {
    cursor: pointer;
  }

.user-infos {
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: break-spaces;
}

.welcome-message-neutral {
  color: black;
  width: 40vw;
  min-width: 300px;
  white-space: break-spaces;
}

.welcome-message-good {
  color: green;
  width: 40vw;
  min-width: 300px;
  white-space: break-spaces;
}

.welcome-message-bad {
  color: red;
  width: 40vw;
  min-width: 300px;
  white-space: break-spaces;
}

.welcome-message-info {
  color: blue;
  width: 40vw;
  min-width: 300px;
  white-space: break-spaces;
}

.welcome-message-maintenance {
  color: red;
  width: 40vw;
  min-width: 300px;
  white-space: break-spaces;
}

.error {
  border: 2px solid red;
}

.success {
  border: 2px solid green;
}

.link {
  color: dodgerblue;
}

  .link:hover {
    text-decoration: underline;
  }

  .link:active {
    color: blue;
    text-decoration: underline;
  }

.scrollable-table {
  display: block !important;
  height: 80vh !important;
  overflow-y: auto !important;
}

.modal-txtArea {
  width: 15vw;
  min-width: 75%;
  text-align-last: start;
}

.lbl-txtArea {
  vertical-align: top;
}

.chkb-pointer:hover {
  cursor: pointer;
}

.nav-link {
  display: block;
  padding: .5rem;
}

@media (min-width: 768px) and (max-width:1023px)   {
  .modal-top-center {
    position: absolute;
    top: 50px;
    /* left: 32px; */
    margin-left: 25px;
    margin-right: auto;
    height: auto;
  }

  .btn-inventory-search {
    float: right;
    /* margin-left: 10px; */
    position: relative;
    left: 100px;
    bottom: 43px;
  }
}

/*#region Cabin font*/
/* cabin-regular - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/cabin-v18-latin/cabin-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/cabin-v18-latin/cabin-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-regular.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-500 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 500;
  src: url('/css/fonts/cabin-v18-latin/cabin-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/cabin-v18-latin/cabin-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-500.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-500.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-600 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: url('/css/fonts/cabin-v18-latin/cabin-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/cabin-v18-latin/cabin-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-600.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-600.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-italic - latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 400;
  src: url('/css/fonts/cabin-v18-latin/cabin-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/cabin-v18-latin/cabin-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-italic.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-700 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/cabin-v18-latin/cabin-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/cabin-v18-latin/cabin-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-700.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-700.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-500italic - latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 500;
  src: url('/css/fonts/cabin-v18-latin/cabin-v18-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/cabin-v18-latin/cabin-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-500italic.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-600italic - latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 600;
  src: url('/css/fonts/cabin-v18-latin/cabin-v18-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/cabin-v18-latin/cabin-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-600italic.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-700italic - latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 700;
  src: url('/css/fonts/cabin-v18-latin/cabin-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/cabin-v18-latin/cabin-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/cabin-v18-latin/cabin-v18-latin-700italic.svg#Cabin') format('svg'); /* Legacy iOS */
}
/*#endregion Cabin font*/

/*#region Montserrat font*/

/* montserrat-100 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-100.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-100.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-200 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-200.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-300.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-500.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-600.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-800.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-700.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-900.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-100italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-100italic.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-100italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-200italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-200italic.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-200italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-300italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-500italic.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-800italic.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-900italic.woff') format('woff'), /* Modern Browsers */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/css/fonts/montserrat-v21-latin/montserrat-v21-latin-900italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/*#endregion Montserrat font*/