:root{
    --initial-bg :rgb(237, 233, 230);
    //--initial-bg :rgb(255, 255, 255);
}

.layout {
    max-width: 1240px;
    margin:0 auto
}

.fixed {
    position: fixed;
    top: 0;
    background-color: var(--initial-bg);
    z-index:9999
}

.api-spinner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(0, 0, 0, 0.5)
}

.api-spinner > div {
    width: 18px;
    height: 18px;
    background-color: var(--initial-bg);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation:sk-bouncedelay 1.4s infinite ease-in-out both
}

.api-spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay:-0.32s
}

.api-spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay:-0.16s
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform:scale(0)
    }

    40% {
        -webkit-transform:scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform:scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform:scale(1)
    }
}

html {
    box-sizing:border-box
}

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

.clearfix:after, .zone:after, .module-cluster:after {
    content: "";
    display: table;
    clear:both
}

.ratioPicture {
    position: relative;
    padding-bottom: 66.6%;
    overflow: hidden
}

.ratioPicture[data-ratio="1/1"] {
    padding-bottom: 100%
}

.ratioPicture[data-ratio="2/3"] {
    padding-bottom: 150%
}

.ratioPicture[data-ratio="3/2"] {
    padding-bottom: 66.6%
}

.ratioPicture[data-ratio="4/3"] {
    padding-bottom: 75%
}

.ratioPicture[data-ratio="16/9"] {
    padding-bottom:56.25%
}

.ratioPicture img, .ratioPicture iframe {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    height: 100%;
    margin: auto;
    max-width: none !important;
    max-height:none !important
}

.row-1, .row-2, .row-3, .row-4, .row-5, .row-6 {
    position: relative;
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    margin:0 auto
}

.row-1 {
    max-width:1024px
}

.row-2 {
    max-width:1280px
}

.row-3 {
    max-width:1440px
}

.row-4 {
    max-width:1680px
}

.row-5 {
    max-width:1920px
}

.row-6 {
    max-width:2560px
}

.ApiFieldGroup .CaptationContent {
    background:none
}

.module.hidden {
    display:none
}

.img-lazy-load {
    filter:blur(5px)
}

.img-lazy-load.loaded {
    filter:blur(0)
}

#sd-cmp * {
    max-height: 100vh;
    font-size:14px
}

.grecaptcha-badge {
    z-index:99999
}

@media only screen and (max-width: 640px) {
    .grecaptcha-badge {
        visibility:hidden
    }
}

@media only screen and (min-width: 641px) {
    .recaptcha-terms {
        display:none
    }
}

.recaptcha-terms {
    padding: 5px 10px;
    text-align:center
}

.recaptcha-terms p {
    font-size: 11px;
    line-height: 19px;
    opacity:.7
}

.recaptcha-terms a {
    color:#1a73e8
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align:middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select:none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left:20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select:none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space:nowrap
}

.select2-container .select2-search--inline {
    float:left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding:0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance:none
}

.select2-dropdown {
    background-color: var(--initial-bg);
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index:1051
}

.select2-results {
    display:block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding:0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select:none
}

.select2-results__option[aria-selected] {
    cursor:pointer
}

.select2-container--open .select2-dropdown {
    left:0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius:0
}

.select2-search--dropdown {
    display: block;
    padding:4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing:border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance:none
}

.select2-search--dropdown.select2-search--hide {
    display:none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: var(--initial-bg);
    filter:alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space:nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: var(--initial-bg);
    border: 1px solid #aaa;
    border-radius:4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height:28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight:bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color:#999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width:20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right:auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor:default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display:none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width:0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: var(--initial-bg);
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor:text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width:100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style:none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding:1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding:0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right:2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right:auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline:0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor:default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display:none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius:0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border:1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance:textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y:auto
}

.select2-container--default .select2-results__option[role=group] {
    padding:0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color:#999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color:#ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left:1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left:0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left:2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left:3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left:4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left:5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left:6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color:white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding:6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border:1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height:28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right:10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color:#999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right:auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border:1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border:none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width:0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: var(--initial-bg);
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline:0
}

.select2-container--classic .select2-selection--multiple:focus {
    border:1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding:0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display:none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding:0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right:2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right:auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border:1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius:0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline:0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow:none
}

.select2-container--classic .select2-dropdown {
    background-color: var(--initial-bg);
    border:1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom:none
}

.select2-container--classic .select2-dropdown--below {
    border-top:none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y:auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding:0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color:grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color:#fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding:6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color:#5897fb
}

.select2-results__option {
    position: relative;
    font-size: 14px
}

.select2-results__options[aria-multiselectable="true"] .select2-results__option[role="treeitem"]:not(.loading-results):before, .select2-results__options[aria-multiselectable="true"] .select2-results__option[role="option"]:not(.loading-results):before {
    content: "\F0131";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    margin-right: 5px;
    position: absolute;
    left: 5px
}

.select2-results__options[aria-multiselectable="true"] .select2-results__option[role="treeitem"][aria-selected=true]:not(.loading-results):before, .select2-results__options[aria-multiselectable="true"] .select2-results__option[role="option"][aria-selected=true]:not(.loading-results):before {
    content: "\F0856";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    margin-right: 5px;
    color: #11a911;
    position: absolute;
    left: 5px
}

.select2-results__options[aria-multiselectable="true"] .select2-results__option.select2-results__message[role="treeitem"]:before, .select2-results__options[aria-multiselectable="true"] .select2-results__option.loading-results[role="treeitem"]:before {
    content: none
}

.select2-results__options[aria-multiselectable="true"] .select2-results__option[role="treeitem"].tab-1:before {
    margin-right: 30px
}

.select2-results__options[aria-multiselectable="true"] .select2-results__option[role="treeitem"].tab-2:before {
    margin-right:60px
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: initial;
    color:#000
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: initial;
    color: #000
}

.select2-container--default li.select2-results__option[role="treeitem"]:hover {
    background-color: #E4E4E4 !important;
    color:#000 !important
}

.select2-selection__choice {
    display: inline-block !important;
    float:none !important
}

.select2-selection__choice__remove {
    display:none !important
}

.select2-results__group {
    display: none !important
}

.select2-results__options[aria-multiselectable="true"] .select2-results__option.tab-1:after, .select2-results__options[aria-multiselectable="true"] .select2-results__option.tab-2:after {
    content: "";
    width: 15px;
    height: 12px;
    position: absolute;
    top: 10px;
    border-left: 2px solid #cec9c9;
    border-bottom: 2px solid #cec9c9;
    left: 30px
}

.select2-results__options[aria-multiselectable="true"] .select2-results__option.tab-2:after {
    left: 60px
}

.select2-results__options[aria-multiselectable="true"] .select2-results__option:not(.loading-results):not(.select2-results__message) {
    padding-left: 30px
}

.select2-results__options[aria-multiselectable="true"] .select2-results__option:not(.loading-results):not(.select2-results__message).tab-1 {
    padding-left: 60px
}

.select2-results__options[aria-multiselectable="true"] .select2-results__option:not(.loading-results):not(.select2-results__message).tab-2 {
    padding-left:90px
}

.select2-container--default .select2-results__option[role=group] {
    padding-left:0px
}

.select2-selection.select2-selection--single, .select2-selection.select2-selection--multiple {
    height: 40px;
    border-radius:0
}

.select2-selection.select2-selection--single .select2-selection__rendered, .select2-selection.select2-selection--single .select2-selection__arrow, .select2-selection.select2-selection--multiple .select2-selection__rendered li {
    height: 40px;
    line-height:40px
}

.select2-container--default .select2-results > .select2-results__options {
    max-height:252px
}

.select2-autocomplete-custom-choice {
    display: block;
    padding-left: 8px;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left:6px
}

.ApiFieldGroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    position:relative
}

.ApiFieldGroup .CaptationContent {
    position: relative;
    min-height: 14px;
    background-color: var(--initial-bg);
    margin: 0;
    padding:5px 8px
}

.ApiFieldGroup .CaptationContent span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    display: block;
    padding-right:30px
}

.ApiFieldGroup .CaptationContent label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    line-height:40px
}

.ApiFieldGroup.open .CaptationContent label i::before {
    content: "\F0143"
}

.ApiFieldGroup.close .CaptationContent label i::before {
    content: "\F0140"
}

.ApiFieldGroup .FieldWrapper {
    background-color: #7f8c8d;
    z-index: 1000;
    position: absolute;
    box-sizing: border-box;
    background: var(--initial-bg);
    top: 100%;
    margin-top:3px
}

.ApiFieldGroup.open .FieldWrapper {
    display:block
}

.ApiFieldGroup.close .FieldWrapper {
    display:none
}

.datepicker--cells {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.datepicker--cell {
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index:1
}

.datepicker--cell.-focus- {
    background:#f0f0f0
}

.datepicker--cell.-current- {
    color:#4EB5E6
}

.datepicker--cell.-current-.-focus- {
    color:#4a4a4a
}

.datepicker--cell.-current-.-in-range- {
    color:#4EB5E6
}

.datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, 0.1);
    color: #4a4a4a;
    border-radius:0
}

.datepicker--cell.-in-range-.-focus- {
    background-color:rgba(92, 196, 239, 0.2)
}

.datepicker--cell.-disabled- {
    cursor: default;
    color:#aeaeae
}

.datepicker--cell.-disabled-.-focus- {
    color:#aeaeae
}

.datepicker--cell.-disabled-.-in-range- {
    color:#a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus- {
    color:#aeaeae
}

.datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius:4px 0 0 4px
}

.datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius:0 4px 4px 0
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
    color: #fff;
    background:#5cc4ef
}

.datepicker--cell.-range-from-.-range-to- {
    border-radius:4px
}

.datepicker--cell.-selected- {
    border:none
}

.datepicker--cell.-selected-.-focus- {
    background:#45bced
}

.datepicker--cell:empty {
    cursor:default
}

.datepicker--days-names {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:8px 0 3px
}

.datepicker--day-name {
    color: #FF9A19;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size:.8em
}

.-only-timepicker- .datepicker--content, .datepicker--body, .datepicker-inline .datepicker--pointer {
    display:none
}

.datepicker--cell-day {
    width:14.28571%
}

.datepicker--cells-months {
    height:170px
}

.datepicker--cell-month {
    width: 33.33%;
    height:25%
}

.datepicker--cells-years, .datepicker--years {
    height:170px
}

.datepicker--cell-year {
    width: 25%;
    height:33.33%
}

.datepickers-container {
    position: absolute;
    left: 0;
    top:0
}

@media print {
    .datepickers-container {
        display:none
    }
}

.datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity .3s ease, left 0s .3s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0s .3s;
    transition: opacity .3s ease, transform .3s ease, left 0s .3s, -webkit-transform .3s ease;
    z-index:100
}

.datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
    transform:translateY(-8px)
}

.datepicker.-from-right- {
    -webkit-transform: translateX(8px);
    transform:translateX(8px)
}

.datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
    transform:translateY(8px)
}

.datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
    transform:translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity .3s ease, left 0s 0s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0s 0s;
    transition:opacity .3s ease, transform .3s ease, left 0s 0s, -webkit-transform .3s ease
}

.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    transform:none
}

.datepicker--content {
    box-sizing: content-box;
    padding:4px
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index:-1
}

.datepicker--nav-action:hover, .datepicker--nav-title:hover {
    background:#f0f0f0
}

.-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
    transform:rotate(135deg)
}

.-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
    transform:rotate(225deg)
}

.-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
    transform:rotate(315deg)
}

.-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
    transform:rotate(45deg)
}

.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer {
    left:10px
}

.-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer {
    right:10px
}

.-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer {
    left:calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top:10px
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom:10px
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top:calc(50% - 10px / 2)
}

.datepicker--body.active {
    display:block
}

.datepicker--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding:4px
}

.-only-timepicker- .datepicker--nav {
    display:none
}

.datepicker--nav-action, .datepicker--nav-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content:center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}

.datepicker--nav-action.-disabled- {
    visibility:hidden
}

.datepicker--nav-action svg {
    width: 32px;
    height:32px
}

.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width:2px
}

.datepicker--nav-title {
    border-radius: 4px;
    padding:0 8px
}

.datepicker--buttons, .datepicker--time {
    border-top: 1px solid #efefef;
    padding:4px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left:5px
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background:0 0
}

.datepicker--buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display:flex
}

.datepicker--button {
    color: #4EB5E6;
    cursor: pointer;
    border-radius: 4px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height:32px
}

.datepicker--button:hover {
    color: #4a4a4a;
    background:#f0f0f0
}

.datepicker--time {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position:relative
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
    -webkit-flex: 0 1 138px;
    -ms-flex: 0 1 138px;
    flex: 0 1 138px;
    max-width:138px
}

.-only-timepicker- .datepicker--time {
    border-top:none
}

.datepicker--time-sliders {
    -webkit-flex: 0 1 153px;
    -ms-flex: 0 1 153px;
    flex: 0 1 153px;
    margin-right: 10px;
    max-width:153px
}

.datepicker--time-label {
    display: none;
    font-size:12px
}

.datepicker--time-current {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin:0 0 0 10px
}

.datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height:1
}

.datepicker--time-current-hours, .datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index:1
}

.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity:0
}

.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after {
    opacity:1
}

.datepicker--time-current-ampm {
    text-transform: uppercase;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom:1px
}

.datepicker--time-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background:linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat
}

.datepicker--time-row:first-child {
    margin-bottom:4px
}

.datepicker--time-row input[type=range] {
    background: 0 0;
    cursor: pointer;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance:none
}

.datepicker--time-row input[type=range]::-ms-tooltip {
    display:none
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
    border-color:#b8b8b8
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
    border-color:#b8b8b8
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
    border-color:#b8b8b8
}

.datepicker--time-row input[type=range]:focus {
    outline:0
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
    background: #5cc4ef;
    border-color:#5cc4ef
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
    background: #5cc4ef;
    border-color:#5cc4ef
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
    background: #5cc4ef;
    border-color:#5cc4ef
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s;
    margin-top:-6px
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition:background .2s
}

.datepicker--time-row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition:background .2s
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background:0 0
}

.datepicker--time-row input[type=range]::-moz-range-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background:0 0
}

.datepicker--time-row input[type=range]::-ms-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background:0 0
}

.datepicker--time-row input[type=range]::-ms-fill-lower {
    background:0 0
}

.datepicker--time-row input[type=range]::-ms-fill-upper {
    background:0 0
}

.datepicker--time-row span {
    padding:0 12px
}

.datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height:1em
}

.datepicker--time-icon:after, .datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position:absolute
}

.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    -webkit-transform: translateY(-100%);
    transform:translateY(-100%)
}

.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left:calc(50% - 1px)
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color:#dedede
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color:#c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color:#dedede
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background:#a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background:#8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color:#ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color:rgba(92, 196, 239, 0.2)
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border:none
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity:.8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility:hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing:border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align:middle
}

.mfp-align-top .mfp-container:before {
    display:none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index:1045
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor:auto
}

.mfp-ajax-cur {
    cursor:progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor:zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor:zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor:auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select:none
}

.mfp-loading.mfp-figure {
    display:none
}

.mfp-hide {
    display:none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index:1044
}

.mfp-preloader a {
    color:#CCC
}

.mfp-preloader a:hover {
    color:#FFF
}

.mfp-s-ready .mfp-preloader {
    display:none
}

.mfp-s-error .mfp-content {
    display:none
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action:manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border:0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family:Arial, Baskerville, monospace
}

.mfp-close:hover, .mfp-close:focus {
    opacity:1
}

.mfp-close:active {
    top:1px
}

.mfp-close-btn-in .mfp-close {
    color:#333
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width:100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space:nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color:transparent
}

.mfp-arrow:active {
    margin-top:-54px
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity:1
}

.mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border:medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top:8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity:.7
}

.mfp-arrow-left {
    left:0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left:31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right:27px solid #3F3F3F
}

.mfp-arrow-right {
    right:0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left:39px
}

.mfp-arrow-right:before {
    border-left:27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom:40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width:900px
}

.mfp-iframe-holder .mfp-close {
    top:-40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top:56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background:#000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin:0 auto
}

.mfp-figure {
    line-height:0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background:#444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height:14px
}

.mfp-figure figure {
    margin:0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor:auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right:36px
}

.mfp-image-holder .mfp-content {
    max-width:100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor:pointer
}

@media screen and (max-width: 800px) and(orientation: landscape), screen and(max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right:0
    }

    .mfp-img-mobile img.mfp-img {
        padding:0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom:0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left:5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing:border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding:0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top:3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding:0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform:scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin:0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin:100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right:6px
    }
}

.iti {
    position: relative;
    display:inline-block
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing:border-box
}

.iti__hide {
    display:none
}

.iti__v-hide {
    visibility:hidden
}

.iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right:0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding:1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding:0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top:4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom:4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom:-1px
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space:normal
    }
}

.iti__flag-box {
    display: inline-block;
    width:20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom:1px solid #CCC
}

.iti__country {
    padding: 5px 10px;
    outline:none
}

.iti__dial-code {
    color:#999
}

.iti__country.iti__highlight {
    background-color:rgba(12, 75, 75, 0.05)
}

.iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align:middle
}

.iti__flag-box, .iti__country-name {
    margin-right:6px
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left:0
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left:0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor:pointer;
    
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color:rgba(12, 75, 75, 0.05)
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor:default
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
    background-color:transparent
}

.iti--separate-dial-code .iti__selected-flag {
    background-color:rgba(12, 75, 75, 0.05)
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left:6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding:1px
}

.iti--container:hover {
    cursor:pointer
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position:fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width:100%
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height:1.5em
}

.iti__flag {
    width:20px
}

.iti__flag.iti__be {
    width:18px
}

.iti__flag.iti__ch {
    width:15px
}

.iti__flag.iti__mc {
    width:19px
}

.iti__flag.iti__ne {
    width:18px
}

.iti__flag.iti__np {
    width:13px
}

.iti__flag.iti__va {
    width:15px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-size:5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position:0px 0px
}

.iti__flag.iti__ad {
    height: 14px;
    background-position:-22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position:-44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position:-66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position:-88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position:-110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position:-132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position:-154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position:-176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position:-198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position:-220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position:-242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position:-264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position:-286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position:-308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position:-330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position:-352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position:-374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position:-396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position:-418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position:-440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position:-460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position:-482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position:-504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position:-526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position:-548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position:-570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position:-592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position:-614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position:-636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position:-658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position:-680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position:-702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position:-724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position:-746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position:-768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position:-790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position:-812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position:-834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position:-856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position:-878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position:-900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position:-922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position:-944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position:-961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position:-983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position:-1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position:-1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position:-1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position:-1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position:-1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position:-1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position:-1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position:-1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position:-1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position:-1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position:-1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position:-1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position:-1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position:-1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position:-1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position:-1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position:-1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position:-1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position:-1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position:-1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position:-1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position:-1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position:-1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position:-1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position:-1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position:-1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position:-1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position:-1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position:-1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position:-1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position:-1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position:-1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position:-1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position:-1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position:-1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position:-1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position:-1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position:-1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position:-1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position:-1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position:-1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position:-1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position:-1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position:-1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position:-1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position:-1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position:-2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position:-2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position:-2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position:-2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position:-2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position:-2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position:-2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position:-2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position:-2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position:-2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position:-2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position:-2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position:-2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position:-2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position:-2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position:-2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position:-2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position:-2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position:-2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position:-2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position:-2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position:-2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position:-2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position:-2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position:-2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position:-2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position:-2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position:-2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position:-2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position:-2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position:-2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position:-2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position:-2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position:-2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position:-2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position:-2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position:-2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position:-2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position:-2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position:-2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position:-2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position:-2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position:-2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position:-2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position:-2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position:-3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position:-3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position:-3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position:-3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position:-3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position:-3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position:-3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position:-3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position:-3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position:-3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position:-3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position:-3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position:-3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position:-3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position:-3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position:-3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position:-3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position:-3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position:-3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position:-3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position:-3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position:-3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position:-3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position:-3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position:-3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position:-3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position:-3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position:-3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position:-3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position:-3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position:-3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position:-3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position:-3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position:-3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position:-3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position:-3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position:-3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position:-3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position:-3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position:-3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position:-3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position:-3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position:-3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position:-3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position:-3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position:-3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position:-4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position:-4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position:-4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position:-4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position:-4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position:-4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position:-4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position:-4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position:-4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position:-4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position:-4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position:-4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position:-4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position:-4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position:-4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position:-4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position:-4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position:-4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position:-4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position:-4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position:-4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position:-4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position:-4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position:-4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position:-4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position:-4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position:-4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position:-4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position:-4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position:-4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position:-4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position:-4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position:-4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position:-4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position:-4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position:-4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position:-4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position:-4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position:-4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position:-4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position:-4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position:-4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position:-4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position:-4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position:-4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position:-4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position:-5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position:-5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position:-5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position:-5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position:-5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position:-5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position:-5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position:-5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position:-5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position:-5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position:-5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position:-5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position:-5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position:-5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position:-5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position:-5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position:-5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position:-5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position:-5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position:-5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position:-5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position:-5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position:-5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position:-5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position:-5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position:-5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position:-5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position:-5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position:-5632px 0
}

.iti__flag {
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url("/img/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position:20px 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("/img/flags@2x.png")
    }
}

.iti__flag.iti__np {
    background-color:transparent
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode:both
}

.owl-carousel .owl-animated-in {
    z-index:0
}

.owl-carousel .owl-animated-out {
    z-index:1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name:fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity:1
    }

    100% {
        opacity:0
    }
}

@keyframes fadeOut {
    0% {
        opacity:1
    }

    100% {
        opacity:0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition:height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index:1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action:pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height:0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform:translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}

.owl-carousel.owl-loaded {
    display:block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display:block
}

.owl-carousel.owl-hidden {
    opacity:0
}

.owl-carousel .owl-refresh .owl-item {
    display:none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style:preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select:auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor:grab
}

.owl-carousel.owl-rtl {
    direction:rtl
}

.owl-carousel.owl-rtl .owl-item {
    float:right
}

.no-js .owl-carousel {
    display:block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition:opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style:preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background:#000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition:scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition:scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display:none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition:opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index:1
}

.module-logo {
    max-width: 300px
}

.module-logo a {
    text-indent:0 !important
}

.module-logo img {
    width:100%
}

.module-menu {
    position:relative
}

.module-menu .module-menu ul, .module-menu .module-menu dl, .module-menu .module-menu dl dt, .module-menu .module-menu dl dd {
    padding: 0;
    margin:0
}

.module-menu button {
    display: none;
    padding: 25px 10px;
    border: none;
    cursor: pointer;
}

.module-menu button i {
    font-size:24px;
}

.module-menu a[data-anchor] {
    cursor:pointer
}

.module-menu.inline ul > li, .module-menu.main ul > li {
    display: inline-block;
    position: relative;
    list-style: none;
    margin:10px
}

@media screen and (min-width: 1025px) {
    .module-menu ul li ul {
        display: none;
        position: absolute;
        left: 0;
        margin:10px
    }

    .module-menu ul li ul li {
        margin:0
    }

    .module-menu ul li.sub-menu:after {
        position: absolute;
        left: 50%;
        top: 100%;
        margin-left: -6px;
        display: inline-block;
        content: "\F0140";
        font: normal normal normal 12px/1 "Material Design Icons"
    }
}

.module-menu ul li:hover ul {
    display:block
}

@media screen and (max-width: 1024px) {
    .module-menu.main button {
        display:block
    }

    .module-menu.main > ul {
        display:none
    }

    .module-menu.main > ul.active {
        display:block;
        margin-top: 124px;

    }

    .module-menu.main > ul li {
        display:block;
        background: transparent;
    }
    
    
    .module-menu.main > ul li span {
        font-family: 'Avenir Next', Montserrat;
        font-size: 56px;
        line-height: 64px;
    }
    
    .module-menu.main > ul li i {
        font-size: 56px;
        line-height: 64px;
    }
    
    .module-menu.main > ul li a:hover {
 
    }}

.module-contact, .popup-module-contact {
    position: relative;
}

.module-contact input[type="text"], .popup-module-contact input[type="text"], .module-contact input[type="password"], .popup-module-contact input[type="password"], .module-contact input[type="number"], .popup-module-contact input[type="number"], .module-contact input[type="email"], .popup-module-contact input[type="email"], .module-contact input[type="tel"], .popup-module-contact input[type="tel"], .module-contact select, .popup-module-contact select, .module-contact textarea, .popup-module-contact textarea, .module-contact .datepicker, .popup-module-contact .datepicker {
    width: 100%;
    margin-bottom: 10px
}

.module-contact input[type="text"], .popup-module-contact input[type="text"], .module-contact input[type="password"], .popup-module-contact input[type="password"], .module-contact input[type="number"], .popup-module-contact input[type="number"], .module-contact input[type="email"], .popup-module-contact input[type="email"], .module-contact input[type="tel"], .popup-module-contact input[type="tel"], .module-contact select, .popup-module-contact select, .module-contact textarea, .popup-module-contact textarea {
    height: 40px;
    padding: 0 10px;
    border:1px solid rgba(0, 0, 0, 0.2)
}

.module-contact textarea, .popup-module-contact textarea {
    height:100px
}

.module-contact select, .popup-module-contact select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: #fff url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAyMCA2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCA2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBvbHlnb24gcG9pbnRzPSI1LDUuNyAwLjYsMS40IDEuNCwwLjYgNSw0LjMgOC42LDAuNiA5LjQsMS40IAkiLz4KPC9nPgo8L3N2Zz4K") no-repeat right 22px
}

.module-contact textarea, .popup-module-contact textarea {
    padding: 10px;
    font-family: sans-serif;
    border: 1px solid rgba(0, 0, 0, 0.2)
}

.module-contact input[type="submit"], .popup-module-contact input[type="submit"], .module-contact button, .popup-module-contact button {
    height: 40px;
    padding: 0 10px;
    border: none;
    border-radius:0
}

.module-contact .submit, .popup-module-contact .submit {
    min-width:100px
}

.module-contact .recaptcha, .popup-module-contact .recaptcha {
    margin-bottom:10px
}

.module-contact .rgpd > input, .popup-module-contact .rgpd > input {
    margin-right:10px
}

.module-contact .rgpd a, .popup-module-contact .rgpd a {
    font-weight:bold;
    color:rgba(50, 155, 168, 1);
}

.module-contact .rgpd label a:hover, .popup-module-contact .rgpd label a:hover {
    border-bottom: solid rgb(44, 44, 44) 1px;
    color:rgba(17, 130, 130, 1);}
}

.module-contact .iti__country-list, .popup-module-contact .iti__country-list {
    z-index:99999999
}

.module-contact .phone > div, .popup-module-contact .phone > div {
    width: 100%;
    margin-bottom:10px
}

.module-contact .phone > div input, .popup-module-contact .phone > div input {
    padding-left:72px
}

.module-contact .iti__flag, .popup-module-contact .iti__flag {
    background-image: url("/img/flags.png")
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .module-contact .iti__flag, .popup-module-contact .iti__flag {
        background-image: url("/img/flags@2x.png")
    }
}

.module-contact.dynamic-label .field, .popup-module-contact.dynamic-label .field {
    position: relative;
    display:block
}

.module-contact.dynamic-label form .field label, .popup-module-contact.dynamic-label form .field label {
    background: linear-gradient(to top, transparent 55%, transparent 55%, transparent 45%);
    position: absolute;
    left: 7px;
    top: -12px;
    cursor: text;
    font-size: 75%;
    padding-right: 3px;
    padding-left: 3px;
    z-index: 99999;
    letter-spacing: 0px;
    opacity: 1;
    text-transform: capitalize;
    transition:all .2s
}

.module-contact.dynamic-label form .field input:placeholder-shown:not(:focus) + *, .popup-module-contact.dynamic-label form .field input:placeholder-shown:not(:focus) + *, .module-contact.dynamic-label form .field textarea:placeholder-shown:not(:focus) + *, .popup-module-contact.dynamic-label form .field textarea:placeholder-shown:not(:focus) + * {
    font-size: 100%;
    top: 9px;
    padding-left: 3px;
    background:transparent
}

.module-contact.dynamic-label form .field.phone input:placeholder-shown:not(:focus) + *, .popup-module-contact.dynamic-label form .field.phone input:placeholder-shown:not(:focus) + * {
    font-size: 100%;
    top: 9px;
    left: 80px;
    padding-left: 3px;
    background:transparent
}

.module-contact.dynamic-label select::placeholder, .popup-module-contact.dynamic-label select::placeholder, .module-contact.dynamic-label input::placeholder, .popup-module-contact.dynamic-label input::placeholder, .module-contact.dynamic-label textarea::placeholder, .popup-module-contact.dynamic-label textarea::placeholder {
    opacity: 1;
    transition:all .2s
}

.module-contact.dynamic-label select:placeholder-shown:not(:focus)::placeholder, .popup-module-contact.dynamic-label select:placeholder-shown:not(:focus)::placeholder, .module-contact.dynamic-label textarea:placeholder-shown:not(:focus)::placeholder, .popup-module-contact.dynamic-label textarea:placeholder-shown:not(:focus)::placeholder, .module-contact.dynamic-label input:placeholder-shown:not(:focus)::placeholder, .popup-module-contact.dynamic-label input:placeholder-shown:not(:focus)::placeholder {
    opacity:0
}

.module-contact-datepicker .datepicker {
    width:100%
}

.module-contact-datepicker .datepicker--cells {
    justify-content:space-evenly;
}

.module-contact-datepicker .datepicker--cell.datepicker--cell-day {
    width: calc(calc(100% / 7) - 2px);
    margin-bottom:2px
}

.module-contact-datepicker .datepicker--cell.datepicker--cell-day.free {
    background-color: #edf6f6;
    color:#008489
}

.module-contact-datepicker .datepicker--cell.datepicker--cell-day.-other-month- {
    background: none;
    color:#d8d8d8
}

.module-contact-datepicker .datepicker--cell.datepicker--cell-day.booked {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #ebebeb 3px, #ebebeb 4px);
    color:#d8d8d8 !important
}

.module-contact-datepicker .datepicker--cell.datepicker--cell-day.-range-from-, .module-contact-datepicker .datepicker--cell.datepicker--cell-day.-range-to- {
    background-color: #008489;
    color:#fff
}

.module-contact-datepicker .datepicker--cell.datepicker--cell-day.-in-range- {
    background-color: #cceeeb;
    color:#fff
}

.module-contact-datepicker .datepicker--cell.datepicker--cell-day.-focus- {
    background-color: #008489cc;
    color:#fff
}

.popup-module-contact {
    width: 365px;
    margin:auto
}

.module-contact {
    padding: 30px;
    background: #F4F4F4
}

.module-contact .field.email input[type="email"] {
    text-transform:lowercase
}

.module-contact textarea {
    font-family: 'Avenir Next', Helvetica, Arial, Tahoma, sans-serif
}

.module-contact button {
    margin-top:10px
}

@media screen and (max-width: 380px) {
    .module-contact .recaptcha {
        transform: scale(.8);
        width:0
    }
}

@media screen and (max-width: 320px) {
    .module-contact .recaptcha {
        transform: scale(.6);
        width:0
    }
}

.module-contact.template-1 {
    font-family: 'Avenir Next', Helvetica, Arial, Tahoma, sans-serif
}

.module-contact.template-1 a {
    color:#118282
}

.module-contact.template-1 h1, .module-contact.template-1 h2, .module-contact.template-1 .rgpd label {
    color:black
}

.module-agency i.mdi {
    margin:0 10px 0 0;

    
}

.module-agency .agency {
    position: relative;
    overflow:hidden
}

.module-agency .agency .picture img {
    width:30%
}

.agency-template-1 .agency > div {
    float: left;
    width: 100%;
}

.agency.module-logo-carre {
    width: 120px;
}
.agency-template-1 .info {
    padding:40px
}

@media screen and (max-width: 768px) {
    .agency-template-1 .agency > div {
        float: none;
        width:100%
    }
}

.agency-template-2 .agency h2 {
    text-align:center
}

.agency-template-2 .agency > div {
    float: left;
    width:50%
}

.agency-template-2 .agency > div.picture {
    text-align:right
}

.agency-template-2 .agency > div.picture img {
    width: auto;
    max-width:100%
}

.agency-template-2 .agency > div.info {
    text-align: left;
    padding:0 20px
}

@media screen and (max-width: 768px) {
    .agency-template-2 .agency > div {
        float: none;
        width:100%
    }
}

.module-agency.agency-template-5 table.agency-fees {
    text-align: left;
    border-spacing:20px
}

@media screen and (max-width: 768px) {
    .module-picture img {
        width:100%
    }
}

.module-picture.basic-mod img {
    width:100%;
}

.module-picture.background-mod {
    margin-bottom: 4rem;
    position:relative;
}

.module-picture.background-mod .module-header {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    text-align:center;
}

.module-picture.background-mod .module-header .module-header-title {
    color:white;
    
}

.module-picture.background-mod .picture {
    min-height: 700px;
    background-position: center center;
    background-size: cover;
    background-repeat:no-repeat
}

.module-picture.background-mod-2 .picture {
    min-height: 600px;
    background-position: center center;
    background-size: cover;
    background-repeat:no-repeat;
}

.module-picture.background-mod-404 .picture {
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat:no-repeat;
}

@media only screen and (max-width: 1920px) {
    .module-picture.background-mod .picture {
        height:300px
    }
}

.module-leaflet-map {
    height:500px
}

.module-leaflet-map .inner-map {
    height: 100%;
    width:100%
}

.module-leaflet-map .cluster.proximity {
    background-color: #646464;
    color:#646464
}

.module-leaflet-map .proximity .mdi-circle:before {
    color:#646464
}

.module-leaflet-map .bg {
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    background: black;
    border-radius:3000px
}

.module-leaflet-map .marker-classic .marker-icon {
    position: absolute;
    bottom: 0;
    font-size:37px
}

.module-leaflet-map .entity-icon {
    position: absolute;
    top: 0;
    left: 50%;
    margin: -16px 0 0 4px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    color:white
}

.module-leaflet-map .cluster {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    background: black;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    background-image: none !important;
    line-height:30px
}

.module-leaflet-map .cluster .marker-icon {
    display:none
}

.module-leaflet-map .marker-cluster .marker-icon {
    position: absolute;
    font-size: 40px;
    line-height: 40px;
    margin-left: -20px;
    margin-top:-20px
}

.module-leaflet-map .marker-cluster .counter {
    position: absolute;
    line-height: 40px;
    width: 40px;
    height: 40px;
    color: white;
    left: -20px;
    top: -20px;
    text-align: center;
    font-size: 12px;
    font-weight:700
}

.module-leaflet-map .counter {
    position: relative;
    margin-top: 1px;
    color: white;
    text-align: center;
    font-size: 11px;
    font-weight:700
}

.module-leaflet-map .loading {
    background: white;
    min-width:100px
}

.module-leaflet-map .loading > i {
    display: block;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    height: 100px;
    width: 100px;
    font-size: 100px;
    line-height: 100px;
    margin:auto
}

.module-leaflet-map .loading > i.rotating {
    -webkit-animation: rotating 1s linear infinite;
    -moz-animation: rotating 1s linear infinite;
    -ms-animation: rotating 1s linear infinite;
    -o-animation: rotating 1s linear infinite;
    animation:rotating 1s linear infinite
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform:rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform:rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform:rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform:rotate(360deg)
    }
}

.module-google-map .infobulle .title h2, .module-google-map .infobulle .title h3, .module-google-map .infobulle p {
    font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: none;
    font-size:14px !important
}

.module-leaflet-map .leaflet-popup-content-wrapper {
    box-shadow: 0 1px 12px 1px rgba(0, 0, 0, 0.1);
    border-radius:0
}

.module-leaflet-map a:hover {
    text-decoration:none
}

.module-leaflet-map .infobulle {
    height:100%
}

.module-leaflet-map .infobulle .visited {
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 25px;
    padding-top: 5px;
    padding-left:5px
}

.leaflet-popup-content .owl-theme .owl-nav div i {
    font-size: 40px;
    color: #fff;
    text-shadow:0 0 6px #000
}

.module-leaflet-map .container-flex {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content:center
}

.module-leaflet-map .infobulle-container {
    box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.7);
    height:300px !important
}

.module-leaflet-map .leaflet-popup-content {
    height:100%
}

.module-leaflet-map .infobulle .selectionLink {
    position: absolute;
    top: 15px;
    right: 10px;
    display: block;
    width: 14px;
    height: 13px;
    text-indent: -9999px;
    opacity: .5;
    overflow: hidden;
    cursor: pointer;
    transform-origin: center center;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition:all .4s ease
}

.module-leaflet-map .infobulle .selectionLink:before {
    display: block;
    line-height: 14px;
    text-indent:-1px
}

.module-leaflet-map .infobulle .selectionLink:hover, .module-leaflet-map .infobulle .selectionLinkOn {
    opacity: 1;
    transform:rotate(71deg) scale(1.4)
}

.module-leaflet-map .leaflet-popup-content .header {
    display: flex;
    flex-direction: row;
    align-items:center
}

.module-leaflet-map .leaflet-popup-content .header .btn {
    width: 50%;
    text-align: center;
    color: white;
    cursor:pointer
}

.module-leaflet-map .infobulle .title {
    text-align: center;
    color: white;
    font-size: 20px;
    margin-bottom: 0;
    padding:10px
}

.module-leaflet-map .infobulle .title h2, .module-leaflet-map .infobulle .title h3 {
    display: block;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom:none
}

.module-leaflet-map .infobulle .title h2 {
    font-size: 20px;
    margin:auto
}

.module-leaflet-map .infobulle .title h3 {
    font-size:15px
}

.module-leaflet-map .infobulle .picture {
    position: relative;
    width: 100%;
    padding-bottom: 55%;
    overflow: hidden;
    background:gray
}

.module-leaflet-map .infobulle .picture img {
    position: absolute;
    left: -9999px;
    right: -9999px;
    top: -9999px;
    bottom: -9999px;
    width: 100%;
    min-height: 100px !important;
    margin:auto
}

.module-leaflet-map .infobulle .picture img {
    display: block;
    min-height: 100px;
    max-width: 100%;
    margin:auto
}

.module-leaflet-map .infobulle-property ul {
    text-align:left
}

.module-leaflet-map .infobulle-property ul li {
    display: inline-block;
    padding:5px 10px
}

.module-leaflet-map .infobulle-property ul li div {
    line-height:30px
}

.module-leaflet-map .leaflet-popup-content .slider {
    height:100%
}

.leaflet-popup-content .slider.hidden {
    display:none
}

.module-leaflet-map .leaflet-popup-content .slider.visible {
    display:block
}

.module-leaflet-map .leaflet-popup-content .owl-wrapper-outer, .owl-wrapper, .owl-stage-outer, .owl-stage, .owl-item {
    height:100%
}

.module-leaflet-map .leaflet-popup-content .owl-theme .owl-nav div {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    display: flex;
    position: absolute;
    bottom: 0;
    height: 90%;
    width:16.66%
}

.module-leaflet-map .leaflet-popup-content .owl-theme .owl-nav div.owl-prev {
    left: 0;
    justify-content:flex-start
}

.module-leaflet-map .leaflet-popup-content .owl-theme .owl-nav div.owl-next {
    right: 0;
    justify-content:flex-end
}

.module-leaflet-map .leaflet-control.transit {
    padding: 5px;
    cursor: pointer;
    font-weight: 700;
    background-color: var(--initial-bg);
}

.module-leaflet-map .leaflet-control.transit.active {
    border:solid 3px green
}

.module-leaflet-map .leaflet-control.transit:hover {
    background-color:#f4f4f4
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height:44px
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(/plugins/LeafletMap/layers-2x.png);
    background-size:26px 26px
}

.module-leaflet-map {
    background:rgba(0, 0, 0, 0)
}

.module-leaflet-map .marker-property.initial .marker-icon, .module-leaflet-map .marker-cluster .marker-icon {
    @color 4;
}

.module-leaflet-map .cluster {
    background-color:#0b5555
}

.module-leaflet-map .marker-cluster .default-marker {
    background-color: #118282;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius:50%
}

.module-leaflet-map .marker-cluster .custom-marker {
    color:#118282
}

.module-leaflet-map .bg {
    background-color:#118282
}

.module-leaflet-map .mdi-chevron-left::before, .module-leaflet-map .mdi-chevron-right::before {
    color: white;
    background-color: #118282;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size:20px
}

.module-leaflet-map .leaflet-control-attribution {
    display:none !important
}

.module-leaflet-map .mdi-circle:before {
    color:#118282
}

.module-leaflet-map h2, .module-leaflet-map h3 {
    color:#000
}

.module-legal.template3 ul {
    text-align:center
}

.module-legal.template3 ul li {
    display: inline-block;
    position:relative
}

.module-legal.template3 ul li a {
    position:relative
}

.module-legal.template3 ul li:not(:first-child):before {
    content: "\F044A";
    display: inline-block;
    font: normal normal normal 10px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
    font-size: 10px;
    vertical-align:middle
}

.module-legal.template3 ul li:not(:first-child) {
    margin-left:5px
}

.module-legal section.legalContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom:50px
}

.module-legal section.legalContent h2 {
    margin-bottom: 10px;
    padding-bottom:0
}

.module-legal section.legalContent p {
    font-size: 10px;
    line-height:20px
}

.module-legal section.legalContent div {
    width:100%
}

.module-legal section.legalContent article.editor, .module-legal section.legalContent article.publisher {
    width: 49%;
    padding-left: 20px;
    border-left: 2px solid;
    margin-top:40px
}

.module-legal section.cookies {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 70px;
    -moz-column-gap: 70px;
    column-gap: 70px;
    padding:20px
}

.module-legal section.cookies h2 {
    -webkit-column-span: all;
    -moz-column-span: all;
    column-span: all;
    display:block
}

.module-legal section.cookies h3 {
    margin-bottom: 5px;
    font-size: 18px;
    font-family: 'Avenir Next'
}

.module-legal section.cookies p {
    font-size: 14px;
    line-height:20px
}

.module-legal.template2 h3 {
    display:block
}

.module-legal.template3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items:center
}

.module-legal.template3 p {
    font-size: 10px;
    text-align: left;
    vertical-align: middle;
    margin:0 10px
}

.module-legal.template3 p:first-child {
    font-size: 20px;
    line-height:15px
}

.module-legal.template3 p:first-child:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    margin-right: 7px;
    background: url('/templates/Haku/credits.svg') 0 0 no-repeat
}

.module-legal.template5 p:last-child:before {
    content:none
}

.module-legal.template5 h1 {
    display:none
}

.module-legal.template5 section.rgpd {
    column-count: 2;
    column-gap:50px
}

.module-legal.template5 section.rgpd > h1 {
    width: 100%;
    column-span: all;
    display:block
}

.module-legal.template5 section.rgpd h2 {
    display: block;
    margin-bottom: 0;
    margin-top:69px
}

.module-legal.template5 section.rgpd p {
    font-size: 16px;
    line-height: 23px;
    text-align:justify
}

.module-legal.template5 section.rgpd ul {
    padding-left: 20px;
    margin-bottom:33px
}

.module-legal.template5 section.rgpd ul li {
    list-style-type: disc;
    font-size: 16px;
    text-align:justify
}

.module-legal.template8 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items:center
}

.module-language {
    position:relative
}

.module-language ul {
    padding:0
}

.module-language ul li {
    list-style:none
}

.module-language ul li:not(:last-child) {
    margin-bottom:10px
}

.module-language ul li .flag-icon {
    width: 24px;
    height:24px
}

.module-language ul li .culture {
    display: inline-block;
    text-transform:capitalize
}

.module-language ul li .flag-icon, .module-language ul li .culture {
    vertical-align:middle
}

.module-language ul li .flag-icon + .culture {
    margin-left:10px
}

.module-language .ApiFieldGroup .FieldWrapper {
    left: 0;
    min-width: 80px;
    text-align: left;
    padding:10px
}

.module-language .flag-icon.flag-icon-arab-league {
    background-image:url(/plugins/Language/flag/arab-league.svg)
}

.module-language .FieldWrapper {
    background-color:  var(--initial-bg);
}

.module-language span {
    font-family: 'Avenir Next', Helvetica, Arial, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform:uppercase
}

.module-language a {
    font-family: 'Avenir Next', Helvetica, Arial, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform:uppercase
}

.module-language ul li:hover a {
    text-decoration:underline
}

.module-social-menu ul li {
    padding:5px
}

.module-social-menu ul li a i {
    font-size: 22px;
    margin-right:10px
}

.module-social-menu .facebook:hover a i {
    color:#3b5999
}

.module-social-menu .google-plus:hover a i {
    color:#dd4b39
}

.module-social-menu .instagram:hover a i {
    color:#e4405f
}

.module-social-menu .twitter:hover a i {
    color:#55acee
}

.module-social-menu .youtube:hover a i {
    color:#cd201f
}

.module-social-menu .linkedin:hover a i {
    color:#0077B5
}

.module-social-menu .pinterest:hover a i {
    color:#bd081c
}

.module-social-menu .dailymotion:hover a i {
    color:#00d2f3
}

.module-social-menu .tiktok .mdi-tiktok:after {
    background-image: url("/plugins/SocialMenu/tiktok.svg")
}

.module-social-menu .mdi-bg:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    background-size: contain;
    background-position: center;
    background-repeat:no-repeat
}

.popup-module-lead.dynamic_label .field, .module-lead.dynamic_label .field {
    position: relative;
    display:block
}

.mfp-container .select2-container {
    border: 1px solid #d1d5db;
    margin-bottom: 8px;
    border-radius: .35rem;
    background-color: rgb(237,233, 230);
}

.mfp-container .select2-container .select2-selection--single {
    background-color:transparent
}

.popup-module-lead.dynamic_label form label, .module-lead.dynamic_label form label {
    background: linear-gradient(to top, transparent 55%, transparent 55%, transparent 45%);
    position: absolute;
    left: 7px;
    top: -12px;
    z-index: 99999;
    padding-right: 3px;
    padding-left: 3px;
    cursor: text;
    font-size: 75%;
    letter-spacing: 0px;
    opacity: 1;
    transition:all .2s
}

.popup-module-lead.dynamic_label form input:placeholder-shown:not(:focus) + *, .module-lead.dynamic_label form input:placeholder-shown:not(:focus) + * {
    font-size: 100%;
    top: 9px;
    padding-left: 3px;
    background:transparent
}

.popup-module-lead.dynamic_label form select::placeholder, .popup-module-lead.dynamic_label form input::placeholder, .module-lead.dynamic-label form select::placeholder, .module-lead.dynamic_label form input::placeholder {
    opacity: 1;
    transition:all .2s
}

.popup-module-lead.dynamic_label form select:placeholder-shown:not(:focus)::placeholder, .popup-module-lead.dynamic_label form input:placeholder-shown:not(:focus)::placeholder, .module-lead.dynamic_label form select:placeholder-shown:not(:focus)::placeholder, .module-lead.dynamic_label form input:placeholder-shown:not(:focus)::placeholder {
    opacity:0
}

form[name=lead-form] form {
    position:relative
}

form[name=lead-form] .SumoSelect > .optWrapper > .options li.opt {
    padding-right:28px
}

form[name=lead-form] .SumoSelect > .optWrapper > .options .group > label {
    display:none
}

form[name=lead-form] .SumoSelect > .optWrapper.multiple > .options li ul li.opt {
    padding-left:35px
}

form[name=lead-form] .field.hidden {
    display:none
}

form[name=lead-form] .room_range, form[name=lead-form] .price_range {
    width:100%
}

form[name=lead-form] .room_range .field, form[name=lead-form] .price_range .field {
    float: left;
    width:50%
}

form[name=lead-form] .room_range .field input, form[name=lead-form] .price_range .field input {
    width: 100%;
    padding:2px 5px
}

form[name=lead-form] .field.location .SumoSelect .optWrapper .options li.tab-1 label {
    padding-left:20px
}

form[name=lead-form] .field.location .SumoSelect .optWrapper .options li.tab-2 label {
    padding-left:40px
}

form[name=lead-form] .field.location .SumoSelect .optWrapper .options li.tab-1 label:before, form[name=lead-form] .SumoSelect .optWrapper .options li.tab-2 label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 33%;
    position: absolute;
    top: 20%;
    margin-left: -20px;
    border-left: 2px solid #cec9c9;
    border-bottom:2px solid #cec9c9
}

.module-lead.template-3 {
    background: f4f4f4;
    padding: 20px;
    width: 60%;
    margin:40px auto auto auto;
}

.module-lead.template-3 button {
    margin-top:10px;
}

.mfp-content .popup-module-lead {
    z-index: 999;
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: auto;
    padding: 15px;
    background-color: #f9fafb;
    border-radius:2px;
}

.mfp-content .popup-module-lead button:hover {
    background:transparent;
}

.mfp-content .popup-module-lead form {
    margin-top:30px
}

html, body, header, footer, section, nav, aside, article, figure, figcaption, td, div, p, ul, ol, li, dl, dt, dd, select, input, textarea, label, hr {
    color: #000;
    font-family: 'Avenir Next', Helvetica, Arial, Tahoma, sans-serif;
    font-size: 16px;
    line-height: 26px;
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing:grayscale;
}

.main-nav a:hover, span:hover, {
        color: #0a4646;
    }
    
}
body {
    width: 100%;
    height: 100%;
    background-color: var(--initial-bg);
    padding:10px
}

h1, h2, h3, h4, h5, h6, .title {
    display: inline-block;
    margin: 0 0 20px 0;
    color: #000;
    font-family: 'Avenir Next', Helvetica, Arial, Tahoma, sans-serif;
    font-weight:300
}

.big-title {
    color:rgba(50, 155, 168, 1);
    font-family: 'Avenir Next', Helvetica, Arial, Tahoma, sans-serif;
    font-weight:900;   
    font-size: 120px;
    line-height:126px;
    margin-bottom: 0;
    display: inline-block;
}

h1, h2 {
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 46px;
    line-height:56px
}

a {
    color: #000;
    text-decoration:none
}

img {
    border:0
}

strong {
    font-weight:700
}

em {
    color:#000
}

p {
    margin-bottom:10px
}

header, footer, nav, section, aside, article, figure, figcaption {
    display: block;
    box-sizing: border-box;
}

ul, li, div, select, textarea, input[type="text"], .button, input[type="submit"] {
    box-sizing:border-box;
}

:focus {
    outline:none;
}

body .wrapper {
    min-width: 480px;
    max-width: 100%;
    margin-left: auto;
    margin-right:auto;
    background: var(--initial-bg);

}

button, .button {
    display: inline-block;
    line-height: 24px;
    color: white;
    background:rgba(50, 155, 168, 1);
    cursor: pointer;
    padding: 5px 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 600;
    border:0
}

button:hover, .button:hover {
    background-color:rgba(17, 130, 130, 1); 
}

.mfp-bg {
    z-index:10000
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none;
    -webkit-backface-visibility: hidden;
    z-index:10001
}

.fancybox-skin {
    background: f4f4f4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius:0
}

.fancybox-skin[style] {
    padding:0 !important
}

.fancybox-type-ajax .fancybox-skin {
    padding:10px !important
}

.ApiFieldGroup .CaptationContent {
    background:none
}

.zone {
    position:relative;
}

.zone-content .module + .module, .zone-left-content .module + .module, .zone-right-content .module + .module, .zone-bottom-content .module + .module {
    margin-top:80px
}

.zone-content {
    min-width: 980px;
    width: 1240px;
    margin: 0 auto;
    margin: 50px auto
}

input[type="text"], input[type="email"], input[type="password"], textarea, select, .ms-choice, .ms-choice.disabled, .SumoSelect {
    color: #000;
    border-radius: .35rem;
    border: 1px solid #d1d5db;
    width: 100%;
    height: 100%;
    padding: 10px 10px;
    margin-bottom: 8px;
    background: transparent;
    background-image: none;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered, form ::placeholder {
    color:#000
}

.select2-container--default .select2-selection {
    border:none
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    width: auto;
    height: auto;
    line-height: 5px;
    margin: -3px auto 0;
    right: 5px;
    left: auto;
    transition:transform .35s ease
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    content: "\F0140";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color:#000
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotateZ(-180deg)
}

li[role="option"] {
    color:#000
}

select {
    text-indent: .01px;
    text-overflow: ""
}

.SumoSelect.open .search-txt {
    padding:5px 0
}

.SumoSelect > .optWrapper {
    background:#f9fafb;
}

.SumoSelect > .optWrapper > .options li label {
    color:#000
}

.SumoSelect > .CaptionCont {
    background: transparent;
    color:#000
}

.mfp-container .select2-container, .select2-container--open {
    z-index:9999999999
}

.SelectBox {
    padding:0
}

.module-header h1, .module-header h2 {
    margin-bottom: 25px;
    padding-bottom:0
}

.module-header .subtitle {
    font-weight: 200;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
    letter-spacing:3px
}

.zone-right-content .module-header {
    margin-bottom:0
}

header {
    left: 0;
    right: 0;
    transition: all .35s ease-out;
    position: fixed;
    top: 0;

    background-color: var(--initial-bg);

    z-index:9999;
}

header > div {
    display: flex;
    transition: all .35s ease;
    justify-content: space-between;
    align-items: center;

    background-color: var(--initial-bg);
    margin:0 auto;
}

header > div .module-cluster {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-right:10px;
    background-color: var(--initial-bg);   
}

header .zone-header-left .module-logo {
    margin: 20px auto 0 0px;
    width: auto;
    text-align: center;
    background-color: var(--initial-bg);
}

header .zone-header-left .module-logo img {
    height: 80px;
    margin-bottom: 20px;
    width: auto;
}

header.is-active .zone-header-right {
    display:flex;
    background-color: var(--initial-bg);
}

header.is-active .zone-header-right .module-menu.main button i {
    transform: rotate(-225deg);
    transition:all ease .3s
    
}

header.is-active .zone-header-right .module-menu.main button i:before {
    content: "\F0156"
}

header > div .zone-header-right .module-menu ul > li.current span {
    color:#118282;
}

header .zone-header-right .module-menu.main.column ul > li a, header .zone-header-right .module-cluster .module-menu ul > li a, header .zone-header-right .module-cluster .module-lead a, header .module-language .ApiFieldGroup .CaptationContent span, header .module-language ul li a span, .module-currency .ApiFieldGroup .CaptationContent span, header .module-currency .FieldWrapper label {
    font-size: 18px;
    font-weight:400;
}

header .zone-header-right .module-menu > ul > li.sub-menu > ul > li:hover a {
        color: #0a4646;
}

.zone-header-right {
    width:100%;
    padding-right: 40px;
    background-color: var(--initial-bg);
}

.zone-header-right .module-menu > ul {
    transition: all ease .3s;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content:flex-end
}

.zone-header-right .module-menu > ul > li {
    display:block
}

.zone-header-right .module-menu > ul > li i.mdi.mdi-home {
    display:none;
}

.zone-header-right .module-menu > ul > li a {
    color:#000;
}

.zone-header-right .module-menu > ul > li.sub-menu > ul > li {
    width:100%;
}

.zone-header-right .module-menu > ul li.sub-menu ul {
    display: none;
    background:var(--initial-bg);
    position: absolute;
    top: 100%;
    left: -9999px;
    right: -9999px;
    max-width: 250px;
    margin: 0 auto 0 auto;
    z-index:10
}

@media screen and (min-width: 1025px) {
    .zone-header-right .module-menu > ul li.sub-menu:hover ul {
        display: block;
        text-align:center
    }
}

@media only screen and (max-width: 1024px) {
    .zone-header-right .module-menu > ul li.sub-menu:after {
        position: absolute;
        left: -20px;
        top: 10px;
        margin-left: -6px;
        display: inline-block;
        content: "\F0140";
        font: normal normal normal 12px/1 "Material Design Icons"
    }

    .zone-header-right .module-menu > ul li.sub-menu ul {
        display: none;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        margin-right: 0;
        margin-left: auto;
        max-width: none;
        background:none
    }

    .zone-header-right .module-menu > ul li.sub-menu ul li {
        width: auto;
        margin-right:15px
    }

    .zone-header-right .module-menu > ul li.sub-menu ul li a {
        color:#000
    }
}

.zone-header-right .module-menu.main ul li a {
    text-transform:uppercase
}

.zone-header-right .module-social-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.zone-header-right .module.module-language {
    float: left;
    margin-top:3px
}

.zone-header-right .module.module-language .FieldWrapper {

}

.zone-header-right .module.module-language .ApiFieldGroup .CaptationContent span, .zone-header-right .module.module-language .ApiFieldGroup .CaptationContent i {
    color:#000
}

.zone-header-right .module.module-language ul {
    text-align:center
}

.zone-header-right .module.module-language ul li a span {
    color:#000
}

.zone-header-right .module.module-currency {
    float: left;
    margin:0
}

.zone-header-right .module.module-currency .FieldWrapper {
    border-left: solid 3px #000;

}

.zone-header-right .module.module-currency .FieldWrapper label {
    color:#000
}

.zone-header-right .module.module-currency .ApiFieldGroup .CaptationContent span, .zone-header-right .module.module-currency .ApiFieldGroup .CaptationContent i:before {
    color:#000
}

.zone-header-right .module.module-social-menu li span {
    display:none
}

.zone-header-right .module.module-social-menu ul li a i {
    font-size:21px
}

.zone-header-right .module.module-social-menu a {
    color:#000
}

@media only screen and (max-width: 1024px) {
    header > div {
        justify-content:center
    }

    header > div .zone-header-right {
        position: initial;
        width:auto
    }

    header > div .zone-header-right .module-cluster {
        display:none
    }

    header.is-active:before {
        content: "";
        height: 100vh;
        width: 100vw;
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.8);
        cursor:pointer
    }

    header.is-active > div, header.is-active.fixed > div {
        overflow: auto;
        height: 100%;
        position: fixed;
        width: 100%;
        display:block
    }

    header.is-active > div .zone-header-right, header.is-active.fixed > div .zone-header-right {
        width:100%
    }

    header.is-active .zone-header-right .module-menu.main ul {
        transform:translateY(0%)
    }

    header.is-active.fixed > div .zone-header-right, header.is-active > div .zone-header-right {
        flex-direction:column-reverse
    }

    header.is-active.fixed > div .zone-header-right .module-menu.main ul, header.is-active > div .zone-header-right .module-menu.main ul {
        display: flex;
        flex-direction: column;
        align-items:flex-end
    }

    header.is-active.fixed > div .zone-header-right .module-menu.main ul li.sub-menu ul, header.is-active > div .zone-header-right .module-menu.main ul li.sub-menu ul {
        display: none;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        margin-right: 0;
        margin-left: auto;
        max-width: none;
        background:none
    }

    header.is-active.fixed > div .zone-header-right .module-menu.main ul li.sub-menu ul li, header.is-active > div .zone-header-right .module-menu.main ul li.sub-menu ul li {
        width: auto;
        margin-right:15px;
    }

    header.is-active.fixed > div .zone-header-right .module-menu.main ul li.sub-menu ul li a, header.is-active > div .zone-header-right .module-menu.main ul li.sub-menu ul li a {
        color:#000
    }

    header.is-active.fixed > div .zone-header-right .module-menu.main ul li.sub-menu:hover ul, header.is-active > div .zone-header-right .module-menu.main ul li.sub-menu:hover ul {
        display:block
    }

    header.is-active.fixed > div .zone-header-right .module-cluster, header.is-active > div .zone-header-right .module-cluster {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: flex-end;
        margin: 0;
        padding:150px
    }

    header.is-active.fixed > div .zone-header-right .module-cluster .module-lead, header.is-active > div .zone-header-right .module-cluster .module-lead, header.is-active.fixed > div .zone-header-right .module-cluster .module-menu ul li, header.is-active > div .zone-header-right .module-cluster .module-menu ul li {
        margin:5px 0px;
    }

    .zone-header-right .module-menu.main {
        width: 100%;
        margin-top: 10px;
        position:initial;
    }

    .zone-header-right .module-menu.main button {
        position: absolute;
        background: transparent;
        color: #118282;
        top: 1rem;
        right:0
    }

    .zone-header-right .module-menu.main button:hover {
        background:rgba(50, 155, 168, 1);
        color:#fff;
    }

    .zone-header-right .module-menu.main button i {
        font-size:42px;
    }

    .zone-header-right .module-menu.main > ul {
        display: none;
        transform: translateY(-100%);
        text-align: right;
        padding:10px
    }

    
    header.is-active .zone-header-left .module-logo {
        max-width: 1240px;
        margin-left: auto;
        margin-right:auto
    }
}

@media only screen and (max-width: 768px) {
    .module-language .ApiFieldGroup .FieldWrapper {
        left:auto
    }

    .zone-header-right {
        width:100%
    }

    .zone-header-left {
        margin: auto;
        text-align:center
    }

    .zone-header-left .module-logo {
        float: none;
        max-width:none
    }
}

@media only screen and (max-width: 640px) {
    .zone-header-left .module-logo img {
        height:70px
    }

    .zone-header-right .module-menu > ul > li {
        margin-bottom:0;
        justify-content: center;
        font-size: 124px;
    }

    .zone-header-right .module-menu.main {
        margin-top:50px
    }
}

footer {
    padding-top: 40px;
    margin-top: 80px;
    background:rgba(50, 155, 168, 1);
    clear:both;
}

footer .zone-footer {
    width: 100%;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    max-width: 1240px;
    margin:auto
}

footer .zone-footer:after {
    content:none
}

footer .zone-footer h2 {
    color: #fff;
    margin-bottom: 10px;
    font-family: "Avenir Next", sans-serif;
    text-align: left;
    padding-bottom:0
}

footer .zone-footer .module-header {
    margin-bottom:0
}

footer .module-header h2 {
    font-size: 20px;
    font-weight: 600;
    border-bottom:1px solid #bfbfbf
}

footer a, footer p, footer li {
    color:#fff;
}

footer .zone-footer .module-language .ApiFieldGroup .FieldWrapper {
    background:rgba(50, 155, 168, 1);
}

footer .zone-footer .module-language .ApiFieldGroup .CaptationContent label i {
    color:#fff;
}

footer i {

    
}

footer a:hover {
    color:#0b4a4a
}

footer .module-social-menu {
    margin: 0;
    width:24%
}

footer .module-menu.column {
    margin: auto;
    width: 20%;
    margin:0
}

footer .module-menu.column ul {
    margin: 0;
    display:block
}

footer .module-menu.column ul > li {
    text-align: left;
    margin:0 !important
    
}

footer .module-menu.column ul > li .mdi.mdi-home {
    display:none;
}

footer .zone-legal .module-legal {
    padding:20px 0
}

footer .zone-legal .module-legal .content {
    text-align:center
}

footer .zone-legal .module-legal ul li {
    text-align: left;
    vertical-align:middle
}

footer .zone-legal .module-legal ul li:last-child {
    font-size: 12px;
    line-height:15px
}

footer .zone-legal .module-legal ul li:last-child span {
    display:block
}

footer .zone-legal .module-legal ul li:last-child:before {
    content: "";
    float: left;
    clear: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    margin-right: 7px;
    background: url("/templates/Haku/credits.svg") 0 0 no-repeat
}

@media only screen and (max-width: 1024px) {
    footer .zone-footer {
        justify-content:flex-start
    }

    footer .zone-footer .ApiFieldGroup {
        align-items:flex-start
    }

    footer .module-menu:first-child, footer .module-menu:nth-child(2) {
        width:33% !important
    }

    footer .module-menu:first-child, footer .module-menu:nth-child(2), footer .module-agency, footer .module-social-menu, footer .module-language {
        width:33%
    }
}

@media only screen and (max-width: 640px) {
    footer .zone-footer {
        flex-direction:column
    }

    footer .zone-footer .module-menu:first-child, footer .zone-footer .module-menu:nth-child(2), footer .zone-footer .module-agency, footer .zone-footer .module-language, footer .zone-footer .module-social-menu {
        width: 100%;
        text-align:center
    }

    footer .zone-footer .module-menu:first-child, footer .zone-footer .module-menu:nth-child(2) {
        width:100% !important
    }

    footer .zone-footer .module-social-menu ul > li, footer .zone-footer .module-menu ul > li {
        width: 100%;
        text-align:center
    }

    footer .zone-footer .module-language .ApiFieldGroup {
        align-items:center
    }

    footer .zone-footer h2 {
        text-align: center;
        width: 100%;
        border-bottom:none
    }

    footer .zone-footer > .module:not(:first-child) h2 {
        border-top: 1px gray solid;
        margin-top: 1rem;
        padding-top:1rem
    }
}

body.two-column section.row-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top:20px;

}

body.two-column section.row-2 > div.zone-left-content {
    width:65%;
}

body.two-column section.row-2 > div.zone-right-content {
    width: 30%;
    background:transparent;
}

@media only screen and (max-width: 1024px) {
    body.two-column section.row-2 {
        margin-top: 0;
        flex-direction:column-reverse;
    }

    body.two-column section.row-2 > div.zone-left-content, body.two-column section.row-2 > div.zone-right-content {
        width:100%;
    }
}

body.two-column .module-search {
    background-color:var(--initial-bg);
}

body.two-column .module-search form {
    padding: 1rem;
    border-top:4px solid #118282;
}

body.two-column .module-search form .fields-wrapper {
    flex-wrap:wrap
}

body.two-column .module-search form .fields-wrapper button {
    display: flex;
    background: black;
    width: auto;
    height: auto;
    line-height: 40px;
    margin-left: 1rem;
    margin-bottom: 2rem;
    padding:10px;
}

body.two-column .module-search form .fields-wrapper button > span {
    display:block
}

body.two-column .module-search form .fields-wrapper .line-wrapper.form-center > .field {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    margin-bottom:1rem
}

.module-contact .module-header {
    margin:auto
}

section.row-2 {
    margin-bottom:50px
}

footer {
    margin-top: 0;
    padding-top: 80px;
    padding-left:40px;
}

.team-member {
    width: 100%;

}