/***********************************
**********************************
**********************************
	sUPERVISION FONT
**********************************
**********************************/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700);
@font-face {
    font-family: "supervision-icons";
    src: url("../fonts/supervision-icons.eot");
    src: url("../fonts/supervision-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/supervision-icons.woff") format("woff"), url("../fonts/supervision-icons.ttf") format("truetype"), url("../fonts/supervision-icons.svg#supervision-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "supervision-icons" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before,
.icon-font-item, body .rc-content-desktop .ux-start-button .x-btn-inner:before, body .x-menu.rc-start-menu .x-panel-header .x-btn.x-unselectable .x-btn-inner:before, body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--tourism_system .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--tourism_system .x-menu-item-text:before, body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--mobitour .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--mobitour .x-menu-item-text:before, body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--grc .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--grc .x-menu-item-text:before, body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--social_media .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--social_media .x-menu-item-text:before, body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--support .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--support .x-menu-item-text:before, body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--admin_studio .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--admin_studio .x-menu-item-text:before, body.x-body .rc-dashboard .x-panel-header .x-title-text:before, body.x-body .rc-dashboard .x-tool-after-title:before, .rc-window-widget > .x-window-header .x-tool:nth-child(2):before, .rc-window-widget > .x-window-header .x-tool:nth-child(3):before, .rc-window-widget > .x-window-header .x-tool:nth-child(4):before, .rc-window-widget.tourism_system > .x-window-header .x-title-text:before, .rc-window-widget.mobitour > .x-window-header .x-title-text:before, .rc-window-widget.grc > .x-window-header .x-title-text:before, .rc-window-widget.social_media > .x-window-header .x-title-text:before, .rc-window-widget.support > .x-window-header .x-title-text:before, .rc-window-widget.admin_studio > .x-window-header .x-title-text:before, .player-next-button:after, .player-prev-button:after, body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap:after, .tourism_system-icon:before,
.rc-msg.tourism_system .rc-msg__icon:before, .mobitour-icon:before,
.rc-msg.mobitour .rc-msg__icon:before, .grc-icon:before,
.rc-msg.grc .rc-msg__icon:before, .social_media-icon:before,
.rc-msg.social_media .rc-msg__icon:before, .support-icon:before,
.rc-msg.support .rc-msg__icon:before, .admin_studio-icon:before,
.rc-msg.admin_studio .rc-msg__icon:before {
    font-family: "supervision-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    /*line-height: 1;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-grc:before, body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--grc .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--grc .x-menu-item-text:before, .rc-window-widget.grc > .x-window-header .x-title-text:before, .grc-icon:before,
.rc-msg.grc .rc-msg__icon:before {
    content: "c";
}

.icon-admin:before, body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--admin_studio .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--admin_studio .x-menu-item-text:before, .rc-window-widget.admin_studio > .x-window-header .x-title-text:before, .admin_studio-icon:before,
.rc-msg.admin_studio .rc-msg__icon:before {
    content: "d";
}

.icon-pause:before {
    content: "e";
}

.icon-lightbulb-empty:before {
    content: "g";
}

.icon-microphone:before {
    content: "h";
}

.icon-flash:before, body .rc-content-desktop .ux-start-button .x-btn-inner:before, body .x-menu.rc-start-menu .x-panel-header .x-btn.x-unselectable .x-btn-inner:before {
    content: "j";
}

.icon-close:before, body.x-body .rc-dashboard .x-tool-after-title:before, .rc-window-widget > .x-window-header .x-tool:nth-child(4):before {
    content: "i";
}

.icon-datepicker:before {
    content: "k";
}

.icon-chat:before {
    content: "l";
}

.icon-mobitour:before, body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--mobitour .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--mobitour .x-menu-item-text:before, .rc-window-widget.mobitour > .x-window-header .x-title-text:before, .mobitour-icon:before,
.rc-msg.mobitour .rc-msg__icon:before {
    content: "m";
}

.icon-fullscreen:before, .rc-window-widget > .x-window-header .x-tool:nth-child(3):before {
    content: "n";
}

.icon-play:before {
    content: "o";
}

.icon-next:before, .player-next-button:after {
    content: "p";
}

.icon-prev:before, .player-prev-button:after {
    content: "q";
}

.icon-minus:before, .rc-window-widget > .x-window-header .x-tool:nth-child(2):before {
    content: "r";
}

.icon-hash:before {
    content: "s";
}

.icon-plus:before {
    content: "t";
}

.icon-social-media:before, body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--social_media .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--social_media .x-menu-item-text:before, .rc-window-widget.social_media > .x-window-header .x-title-text:before, .social_media-icon:before,
.rc-msg.social_media .rc-msg__icon:before {
    content: "u";
}

.icon-ts:before {
    content: "w";
}

.icon-support:before, body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--support .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--support .x-menu-item-text:before, .rc-window-widget.support > .x-window-header .x-title-text:before, .support-icon:before,
.rc-msg.support .rc-msg__icon:before {
    content: "b";
}

.icon-rss:before, body.x-body .rc-dashboard .x-panel-header .x-title-text:before {
    content: "a";
}

.icon-mail:before, body.x-body .rc-form-login .input-login .x-form-text-wrap:after {
    content: "f";
}

.icon-lock:before, body.x-body .rc-form-login .input-password .x-form-text-wrap:after {
    content: "x";
}

.icon-ts2:before, body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--tourism_system .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--tourism_system .x-menu-item-text:before, .rc-window-widget.tourism_system > .x-window-header .x-title-text:before, .tourism_system-icon:before,
.rc-msg.tourism_system .rc-msg__icon:before {
    content: "v";
}

/************************* 
 Vars 
*************************/
/************************* 
 Functions 
*************************/
/************************* 
 Placeholders
*************************/
#nav ul:before,
.tiles-wrapper:before,
.tiles-wrapper ul:before,
body .rc-content-desktop .rc-msg:before,
body.x-body .rc-dashboard .rc-news:before,
body.x-body .rc-dashboard .rc-news-wrapper:before,
#nav ul:after, .tiles-wrapper:after, .tiles-wrapper ul:after, body .rc-content-desktop .rc-msg:after, body.x-body .rc-dashboard .rc-news:after, body.x-body .rc-dashboard .rc-news-wrapper:after {
    content: "";
    display: table;
    clear: both;
}

/*************************
 Fonts
*************************/
/*************************
 Base styles
*************************/
html {
    width: 100%;
    height: 100%;
    cursor: default;
    overflow: hidden;
}

body {
    width: 100%;
    height: 100%;
    background: #393f58;
}

body.x-body .x-panel-body-default {
    /*font-family: "Raleway", Arial, "Helvetica Neue", Helvetica, sans-serif;*/
    font-size: 13.94px;
    background: transparent;
    overflow: visible;
}

.rc-content-desktop ol, .rc-content-desktop ul {
    list-style: none;
}

.rc-content-desktop ul {
    margin: 0;
    padding: 0;
    border: 0;
}

.rc-content-desktop a, .rc-content-desktop button, .rc-content-desktop ul, .rc-content-desktop li, .rc-content-desktop p, .rc-content-desktop blockquote {
    font-size: 1em;
    line-height: context(27.2px);
}

.rc-content-desktop *, .rc-content-desktop *:before, .rc-content-desktop *:after {
    box-sizing: inherit;
}

.rc-content-desktop {
    font-size: 13.94px;
    box-sizing: border-box;
}

.rc-content-desktop .x-panel-body-default {
    font-family: "Raleway", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13.94px;
    /*letter-spacing: toem(1.2px);*/
    background: transparent;
    overflow: visible;
}

body.x-body {
    background: url("../images/wallpapers/desktop--darker.jpg");
    background-size: cover;
    background-position: center center;
}

/*************************
 Nav
*************************/
#nav li:hover {
    cursor: pointer;
}

#nav {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: white;
}

@media (min-width: 768px) {
    #nav {
        display: block;
    }
}

#nav ul {
    padding-left: 0;
}

@media (min-width: 1350px) {
    #nav ul {
        padding-left: 219.5px;
    }
}

#nav ul:before {
    position: absolute;
    display: none;
    content: '';
    left: 8.5px;
    top: 50%;
    height: 13.75px;
    width: 92.75px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("../images/logo_studio_loading.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

@media (min-width: 1350px) {
    #nav ul:before {
        display: block;
        left: 17px;
        height: 27.5px;
        width: 185.5px;
    }
}

#nav li {
    position: relative;
    display: block;
    float: left;
    padding: 25.2px 22.4px;
    font-size: .9em;
    font-weight: 600;
    border-style: solid;
    border-bottom-width: 3px;
    border-color: transparent;
    color: black;
    -webkit-transition: color 0.3s cubic-bezier(0.18, 0.89, 0.4, 1.02);
    transition: color 0.3s cubic-bezier(0.18, 0.89, 0.4, 1.02);
}

#nav li.nav-other--right {
    float: right;
}

@media (min-width: 1350px) {
    #nav li {
        font-size: 1em;
        padding: 33.6px 22.4px;
    }
}

#nav li .icon,
#nav li .section-icon {
    display: none;
    padding-right: 6px;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
}

#nav li .icon:before,
#nav li .icon:after,
#nav li .section-icon:before, #nav li .section-icon:after {
    font-size: 19px;
    line-height: inherit;
}

@media (min-width: 950px) {
    #nav li .icon,
    #nav li .section-icon {
        display: inline-block;
    }
}

#nav li.nav-link:hover {
    color: white;
}

/* ACTUALITES TOOGLE */
#rc-toggle-news {
    /* CASES */
}

#rc-toggle-news > .text {
    position: relative;
    margin-right: 50px;
    color: #333333;
    font-size: 18.6px;
    -webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

#rc-toggle-news .actu-toggle_button {
    position: absolute;
    display: block;
    top: 50%;
    right: 22.4px;
    width: 24px;
    height: 3px;
    margin-top: -2px;
    background: #333333;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

#rc-toggle-news .actu-toggle_button:before, #rc-toggle-news .actu-toggle_button:after {
    position: absolute;
    display: block;
    content: '';
    right: 0;
    height: 3px;
    width: 100%;
    -webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    background: #333333;
}

#rc-toggle-news .actu-toggle_button:before {
    top: -7px;
    left: 0;
}

#rc-toggle-news .actu-toggle_button:after {
    top: 7px;
    right: 0;
}

#rc-toggle-news .alert {
    position: absolute;
    display: none;
    right: -28px;
    top: -9px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 0.8em;
    font-weight: 700;
    color: white;
    border-radius: 50%;
    background-color: red;
    text-align: center;
    -webkit-transition: 0.05s;
    transition: 0.05s;
}

#rc-toggle-news .alert span {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#rc-toggle-news.news-opened .actu-toggle_button {
    background-color: transparent;
}

#rc-toggle-news.news-opened .actu-toggle_button:before,
#rc-toggle-news.news-opened .actu-toggle_button:after {
    top: 0;
}

#rc-toggle-news.news-opened .actu-toggle_button:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

#rc-toggle-news.news-opened .actu-toggle_button:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

#rc-toggle-news.news-opened > .text {
    margin-right: 41px;
}

#rc-toggle-news.hasNews > .text {
    margin-right: 72px;
}

#rc-toggle-news.hasNews .alert {
    display: inline-block;
}

#rc-toggle-news.hasNews.news-opened > .text {
    margin-right: 61px;
}

#nav li.tourism_system:hover {
    background: #79BB57;
}

@media (max-width: 1349px) {
    #nav li.tourism_system.active {
        border-color: #79BB57;
        background: #79BB57;
        color: white;
    }
}

@media (min-width: 1350px) {
    #nav li.tourism_system.active {
        border-color: #79BB57;
    }
    #nav li.tourism_system.active:not(:hover) {
        color: #79BB57;
    }
}

#nav li.mobitour:hover {
    background: #f66148;
}

@media (max-width: 1349px) {
    #nav li.mobitour.active {
        border-color: #f66148;
        background: #f66148;
        color: white;
    }
}

@media (min-width: 1350px) {
    #nav li.mobitour.active {
        border-color: #f66148;
    }
    #nav li.mobitour.active:not(:hover) {
        color: #f66148;
    }
}

#nav li.grc:hover {
    background: #4f91be;
}

@media (max-width: 1349px) {
    #nav li.grc.active {
        border-color: #4f91be;
        background: #4f91be;
        color: white;
    }
}

@media (min-width: 1350px) {
    #nav li.grc.active {
        border-color: #4f91be;
    }
    #nav li.grc.active:not(:hover) {
        color: #4f91be;
    }
}

#nav li.social_media:hover {
    background: #b0af50;
}

@media (max-width: 1349px) {
    #nav li.social_media.active {
        border-color: #b0af50;
        background: #b0af50;
        color: white;
    }
}

@media (min-width: 1350px) {
    #nav li.social_media.active {
        border-color: #b0af50;
    }
    #nav li.social_media.active:not(:hover) {
        color: #b0af50;
    }
}

#nav li.support:hover {
    background: #b278b0;
}

@media (max-width: 1349px) {
    #nav li.support.active {
        border-color: #b278b0;
        background: #b278b0;
        color: white;
    }
}

@media (min-width: 1350px) {
    #nav li.support.active {
        border-color: #b278b0;
    }
    #nav li.support.active:not(:hover) {
        color: #b278b0;
    }
}

#nav li.admin_studio:hover {
    background: #938278;
}

@media (max-width: 1349px) {
    #nav li.admin_studio.active {
        border-color: #938278;
        background: #938278;
        color: white;
    }
}

@media (min-width: 1350px) {
    #nav li.admin_studio.active {
        border-color: #938278;
    }
    #nav li.admin_studio.active:not(:hover) {
        color: #938278;
    }
}

/* OVERRIDE TS */
/*************************
 Behavior
*************************/
#main {
    position: absolute;
    top: 0;
    left: 0;
    width: 600%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.06, 0.82, 0.26, 1.01);
    transition: transform 0.7s cubic-bezier(0.06, 0.82, 0.26, 1.01);
}

#main > section {
    position: relative;
    float: left;
    height: 100%;
    width: 16.66667%;
}

.tiles-wrapper {
    position: absolute;
    width: 90%;
    top: 19%;
    left: 0;
    left: -webkit-calc(50% + 7.5px);
    left: calc(50% + 7.5px);
    z-index: 1;
}

.tiles-wrapper.width-1 {
    -webkit-transform: translateX(-16.66667%);
    -ms-transform: translateX(-16.66667%);
    transform: translateX(-16.66667%);
}

.tiles-wrapper.width-2,
.tiles-wrapper.width-3,
.tiles-wrapper.width-0 {
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
}

.tiles-wrapper.width-4,
.tiles-wrapper.width-5 {
    -webkit-transform: translateX(-33.33333%);
    -ms-transform: translateX(-33.33333%);
    transform: translateX(-33.33333%);
}

.tiles-wrapper.width-6 {
    -webkit-transform: translateX(-41.66667%);
    -ms-transform: translateX(-41.66667%);
    transform: translateX(-41.66667%);
}

.tiles-wrapper.width-7 {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tiles-wrapper.width-8,
.tiles-wrapper.width-9 {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tiles-wrapper.width-10,
.tiles-wrapper.width-11 {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 1350px) {
    .tiles-wrapper {
        width: 80%;
    }
}

.tiles-wrapper .tile {
    position: relative;
    display: block;
    float: left;
}

.tiles-wrapper .tile:not(.first-tile) {
    width: 16.66667%;
}

.tiles-wrapper .tile.first-tile, .tiles-wrapper .tile.double-tile {
    width: 33.33333%;
}

.tiles-wrapper .tile:before {
    display: block;
    content: '';
    padding-top: 100%;
}

.tiles-wrapper .tile.double-tile:before {
    padding-top: 50%;
}

/* TILE PLACEMENT */
.nb-widget-3 li:nth-child(3) {
    margin-left: -16.66667%;
    margin-top: 16.66667%;
}

.nb-widget-4 li:nth-child(4) {
    margin-left: -33.33333%;
    margin-top: 16.66667%;
}

.nb-widget-5 li:nth-child(4) {
    margin-left: -33.33333%;
    margin-top: 16.66667%;
}

.nb-widget-5 li:nth-child(5) {
    margin-left: -16.66667%;
    margin-top: 16.66667%;
}

.nb-widget-6 li:nth-child(5) {
    margin-left: -50%;
    margin-top: 16.66667%;
}

.nb-widget-6 li:nth-child(6) {
    margin-left: -33.33333%;
    margin-top: 16.66667%;
}

/* SLIDING FROM SECTION TO SECTION */
#main.main-0 {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

#main #section-0:before {
    left: 0%;
}

#main.main-1 {
    -webkit-transform: translateX(-16.66667%);
    -ms-transform: translateX(-16.66667%);
    transform: translateX(-16.66667%);
}

#main #section-1:before {
    left: -100%;
}

#main.main-2 {
    -webkit-transform: translateX(-33.33333%);
    -ms-transform: translateX(-33.33333%);
    transform: translateX(-33.33333%);
}

#main #section-2:before {
    left: -200%;
}

#main.main-3 {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#main #section-3:before {
    left: -300%;
}

#main.main-4 {
    -webkit-transform: translateX(-66.66667%);
    -ms-transform: translateX(-66.66667%);
    transform: translateX(-66.66667%);
}

#main #section-4:before {
    left: -400%;
}

#main.main-5 {
    -webkit-transform: translateX(-83.33333%);
    -ms-transform: translateX(-83.33333%);
    transform: translateX(-83.33333%);
}

#main #section-5:before {
    left: -500%;
}

/* ACTIVE SECTION */
#main.main-0 #section-0 .section-title {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#main.main-1 #section-1 .section-title {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#main.main-2 #section-2 .section-title {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#main.main-3 #section-3 .section-title {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#main.main-4 #section-4 .section-title {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#main.main-5 #section-5 .section-title {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

/* TILES ANIM */
.main-0 #section-1 li, .main-0 #section-2 li, .main-0 #section-3 li, .main-0 #section-4 li, .main-0 #section-5 li, .main-1 #section-2 li, .main-1 #section-3 li, .main-1 #section-4 li, .main-1 #section-5 li, .main-2 #section-3 li, .main-2 #section-4 li, .main-2 #section-5 li, .main-3 #section-4 li, .main-3 #section-5 li, .main-4 #section-5 li {
    -webkit-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    transform: translateX(100vw);
}

.main-5 #section-4 li, .main-5 #section-3 li, .main-5 #section-2 li, .main-5 #section-1 li, .main-5 #section-0 li, .main-4 #section-3 li, .main-4 #section-2 li, .main-4 #section-1 li, .main-4 #section-0 li, .main-3 #section-2 li, .main-3 #section-1 li, .main-3 #section-0 li, .main-2 #section-1 li, .main-2 #section-0 li, .main-1 #section-0 li {
    -webkit-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    transform: translateX(-100vw);
}

/*----------------------------------------------------------------------------------------------------------------------*																											     tiles
\*----------------------------------------------------------------------------------------------------------------------*/
.tiles-wrap ul::after {
    content: '';
    display: block;
    clear: both;
}

/*---------------------------------------------------------*                             tiles FX
\*---------------------------------------------------------*/
.main-next ul li:nth-child(1),
.main-next .tiles-title {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.main-next ul li:nth-child(2),
.main-next ul li:nth-child(8) {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 40ms;
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 40ms;
}

.main-next ul li:nth-child(3),
.main-next ul li:nth-child(5),
.main-next ul li:nth-child(9),
.main-next ul li:nth-child(13) {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 80ms;
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 80ms;
}

.main-next ul li:nth-child(4),
.main-next ul li:nth-child(6),
.main-next ul li:nth-child(10),
.main-next ul li:nth-child(14) {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 120ms;
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 120ms;
}

.main-next ul li:nth-child(7),
.main-next ul li:nth-child(11),
.main-next ul li:nth-child(15) {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 160ms;
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 160ms;
}

.main-next ul li:nth-child(12),
.main-next ul li:nth-child(16) {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 200ms;
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 200ms;
}

.main-next ul li:nth-child(17) {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 240ms;
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 240ms;
}

/*------------------------------------*\*------------------------------------*/
.main-prev ul li:nth-child(17) {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.main-prev ul li:nth-child(16),
.main-prev ul li:nth-child(12) {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 40ms;
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 40ms;
}

.main-prev ul li:nth-child(15),
.main-prev ul li:nth-child(11),
.main-prev ul li:nth-child(7) {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 80ms;
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 80ms;
}

.main-prev ul li:nth-child(14),
.main-prev ul li:nth-child(10),
.main-prev ul li:nth-child(6),
.main-prev ul li:nth-child(4) {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 120ms;
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 120ms;
}

.main-prev ul li:nth-child(13),
.main-prev ul li:nth-child(9),
.main-prev ul li:nth-child(5),
.main-prev ul li:nth-child(3) {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 150ms;
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 150ms;
}

.main-prev ul li:nth-child(8),
.main-prev ul li:nth-child(2) {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 170ms;
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 170ms;
}

.main-prev ul li:nth-child(1),
.main-prev .tiles-title {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 180ms;
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) 180ms;
}

/* SECTION COLORED BG */
#main > section:before {
    position: absolute;
    display: block;
    content: "";
    width: 600%;
    height: 100vh;
    top: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    z-index: 0;
}

/* SECTION TITLE */
.section-title {
    display: block;
    margin-bottom: 0.46667em;
    font-size: 2.82353em;
    line-height: 1.1;
    font-weight: 300;
    color: white;
}

.section-title .index, .section-title .section-icon {
    position: relative;
    display: inline-block;
    padding-right: 0.46667em;
    margin-right: 0.46667em;
}

.section-title .index:after, .section-title .section-icon:after {
    display: block;
    position: absolute;
    top: -webkit-calc(50% - 0.46667em);
    top: calc(50% - 0.46667em);
    right: -1px;
    content: '';
    width: 2px;
    height: 0.93333em;
    background: rgba(255, 255, 255, 0.7);
}

.section-title .section-icon {
    padding-left: 0.46667em;
    font-size: .8em;
}

.section-title .section-icon:before {
    line-height: inherit;
    display: inline-block;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
}

.section-title .index {
    display: none;
}

/* SHARED TILES STYLES */
.rc-shortcut {
    box-shadow: 0 0.08824em 0.13235em rgba(0, 0, 0, 0.12), 0 0.08824em 0.08824em rgba(0, 0, 0, 0.24);
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 15px;
    right: 15px;
    opacity: 0.9;
    background-repeat: no-repeat;
    background-position: center 47%;
    -webkit-transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1), background-size 1.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1), background-size 1.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.rc-shortcut .rc-shortcut-text {
    position: absolute;
    text-align: right;
    pointer-events: none;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
}

.rc-shortcut:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    pointer-events: none;
    opacity: 0.12;
    background: -webkit-linear-gradient(top, #ffffff 9%, #000000 100%);
    background: linear-gradient(to bottom, #ffffff 9%, #000000 100%);
}

.rc-shortcut:hover {
    box-shadow: 0 1.23529em 1.23529em rgba(0, 0, 0, 0.25), 0 0.88235em 0.44118em rgba(0, 0, 0, 0.22);
    z-index: 4;
    cursor: pointer;
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}

.rc-shortcut:hover:before {
    opacity: 0;
}

/* GENERIC TILE */
.tile:not(.first-tile) .rc-shortcut {
    background-size: auto 30%;
}

.tile:not(.first-tile) .rc-shortcut {
    background-size: auto 30%;
}

li.clubts.tile:not(.first-tile) .rc-shortcut {
    background-size: auto 100% !important;
}
li.clubts.tile:not(.first-tile) .rc-shortcut:hover {
    background-size: auto 100% !important;
}

.tile:not(.first-tile) .rc-shortcut .rc-shortcut-text {
    bottom: 0.7em;
    right: 0.7em;
    width: 80%;
    font-size: 1.17647em;
    line-height: 1.12em;
}

.tile:not(.first-tile) .rc-shortcut:hover {
    background-size: auto 33% !important;
}

/* FIRST TILE */
.first-tile .rc-shortcut {
    background-size: auto 30%;
}

.first-tile .rc-shortcut .rc-shortcut-text {
    bottom: 1.33333em;
    right: 1.33333em;
    font-size: 1.76471em;
    line-height: 0.74667em;
}

.first-tile .rc-shortcut:after {
    position: absolute;
    display: block;
    content: '';
    width: 3.52941em;
    height: 1.76471em;
    bottom: 6.11765em;
    right: 5.88235em;
    opacity: .7;
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.first-tile .rc-shortcut:hover {
    background-size: auto 35% !important;
}

.first-tile.clubts .rc-shortcut {
    background-size: auto 100%;
}

li.clubts div.rc-shortcut span.rc-shortcut-text{
    color: #707b8b;
}

.first-tile.clubts .rc-shortcut:hover {
    background-size: auto 110% !important;
}

/* CLUB TS TILE */
body .rc-content-desktop {
    /* BUTTON */
    /* START BUTTON */
    /* NEXT TO START BUTTONS */
    /* RC MESSAGE */
}

body .rc-content-desktop .x-panel-default, body .rc-content-desktop .x-panel-header-default, body .rc-content-desktop .x-menu-item-default {
    border: none !important;
}

body .rc-content-desktop .x-splitter.x-toolbar-separator {
    display: none !important;
}

body .rc-content-desktop .x-btn.x-btn-over.x-btn-default-toolbar-small {
    border: none;
    background-color: transparent;
}

body .rc-content-desktop .x-btn .x-btn-text {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 400;
    text-transform: uppercase;
}

body .rc-content-desktop .ux-start-button {
    border: none;
    border-radius: 0;
    padding: 11.2px;
    margin-right: 5px !important;
}

body .rc-content-desktop .ux-start-button .ux-start-button-icon {
    display: none;
}

body .rc-content-desktop .ux-start-button .x-btn-inner {
    max-width: 100%;
}

body .rc-content-desktop .ux-start-button .x-btn-inner:before {
    margin-right: 4px;
    opacity: 0.6;
    font-size: 1.3em;
    display: inline-block;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
}

body .rc-content-desktop .ux-start-button .x-btn-arrow:after {
    content: none;
}

body .rc-content-desktop #toolbar-1053 {
    display: none;
}

body .rc-content-desktop .rc-msg {
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 6vh;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(0, 0, 0, 0.8);
}

body .rc-content-desktop .rc-msg .content {
    display: table;
}

body .rc-content-desktop .rc-msg__icon, body .rc-content-desktop .rc-msg .rc-msg_text {
    display: table-cell;
    vertical-align: middle;
}

body .rc-content-desktop .rc-msg .text {
    color: white;
    font-weight: 500;
    opacity: .6;
}

body .rc-content-desktop .rc-msg__icon:before {
    display: inline-block;
    font-size: 170px;
    -webkit-transform: translateY(0.05em);
    -ms-transform: translateY(0.05em);
    transform: translateY(0.05em);
    padding-right: 20px;
    color: white;
    opacity: .2;
}

/* START DROPUP PANEL */
body .x-menu.rc-start-menu .x-toolbar.ux-taskbar,
body .rc-content-desktop .x-toolbar.ux-taskbar {
    border-color: transparent;
    padding: 4px;
}

@media (min-width: 1350px) {
    body .x-menu.rc-start-menu .x-toolbar.ux-taskbar,
    body .rc-content-desktop .x-toolbar.ux-taskbar {
        padding: 8px;
    }
}

body .x-menu.rc-start-menu .x-toolbar.ux-taskbar .x-toolbar,
body .rc-content-desktop .x-toolbar.ux-taskbar .x-toolbar {
    border: none;
}

body .x-css-shadow {
    display: none !important;
}

body .x-menu.rc-start-menu {
    left: 0 !important;
    top: auto !important;
    bottom: 48px !important;
    -webkit-transition: 0.2s cubic-bezier(0, 0.55, 0.16, 1.03);
    transition: 0.2s cubic-bezier(0, 0.55, 0.16, 1.03);
    visibility: visible !important;
}

@media (min-width: 1350px) {
    body .x-menu.rc-start-menu {
        bottom: 56px !important;
    }
}

body .x-menu.rc-start-menu .x-panel-header .x-btn.x-unselectable .x-btn-icon-el {
    display: none;
}

body .x-menu.rc-start-menu .x-panel-header .x-btn.x-unselectable .x-btn-inner {
    max-width: 100%;
}

body .x-menu.rc-start-menu .x-panel-header .x-btn.x-unselectable .x-btn-inner:before {
    display: inline-block;
    margin-right: 4px;
    opacity: 0.6;
    font-size: 1.3em;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}

body .x-menu.rc-start-menu .x-menu-item {
    -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s;
    transition: transform 0.2s ease-out, opacity 0.2s;
}

body .x-menu.rc-start-menu .x-menu-item:nth-child(1) {
    -webkit-transition-delay: 0.03333s;
    transition-delay: 0.03333s;
}

body .x-menu.rc-start-menu .x-menu-item:nth-child(2) {
    -webkit-transition-delay: 0.06667s;
    transition-delay: 0.06667s;
}

body .x-menu.rc-start-menu .x-menu-item:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

body .x-menu.rc-start-menu .x-menu-item:nth-child(4) {
    -webkit-transition-delay: 0.13333s;
    transition-delay: 0.13333s;
}

body .x-menu.rc-start-menu .x-menu-item:nth-child(5) {
    -webkit-transition-delay: 0.16667s;
    transition-delay: 0.16667s;
}

body .x-menu.rc-start-menu .x-menu-item:nth-child(6) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

body .x-menu.rc-start-menu .x-panel-header {
    -webkit-transition: opacity 0.2s, translate 0.2s;
    transition: opacity 0.2s, translate 0.2s;
}

body .x-menu.rc-start-menu:not(.rc-start-menu-opened) {
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
}

body .x-menu.rc-start-menu:not(.rc-start-menu-opened) .x-menu-item {
    opacity: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
}

body .x-menu.rc-start-menu:not(.rc-start-menu-opened) .x-panel-header {
    opacity: 0;
}

body .x-menu.rc-start-menu.rc-start-menu-opened {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 19010 !important;
}

body .x-menu.rc-start-menu.rc-start-menu-opened .x-menu-item {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

body .x-menu.rc-start-menu.rc-start-menu-opened .x-panel-header {
    opacity: 1;
}

body .x-menu.rc-start-menu,
body .x-menu.rc-start-menu-sub {
    background: white;
}

body .x-menu.rc-start-menu *,
body .x-menu.rc-start-menu-sub * {
    border: none !important;
}

body .x-menu.rc-start-menu .x-splitter,
body .x-menu.rc-start-menu-sub .x-splitter {
    display: none !important;
}

body .x-menu.rc-start-menu .x-menu-body-default,
body .x-menu.rc-start-menu-sub .x-menu-body-default {
    background: white;
    padding: 0;
}

body .x-menu.rc-start-menu .x-menu-icon-separator,
body .x-menu.rc-start-menu-sub .x-menu-icon-separator {
    display: none;
}

body .x-menu.rc-start-menu .x-panel-header,
body .x-menu.rc-start-menu-sub .x-panel-header {
    padding: 16.8px;
    background: rgba(0, 0, 0, 0.18);
    box-shadow: none;
}

body .x-menu.rc-start-menu .x-panel-header .x-title-text,
body .x-menu.rc-start-menu-sub .x-panel-header .x-title-text {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
}

body .x-menu.rc-start-menu .x-menu-item,
body .x-menu.rc-start-menu-sub .x-menu-item {
    border-radius: 0;
}

body .x-menu.rc-start-menu .x-menu-item > a.x-menu-item-link,
body .x-menu.rc-start-menu-sub .x-menu-item > a.x-menu-item-link {
    padding: 22.4px;
}

body .x-menu.rc-start-menu .x-menu-item .x-menu-item-text,
body .x-menu.rc-start-menu-sub .x-menu-item .x-menu-item-text {
    margin: 0 22.4px;
    font-size: 13px;
    font-family: "Raleway", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #4c4c4c;
    font-weight: 700;
    text-transform: uppercase;
}

body .x-menu.rc-start-menu .x-menu-item .x-menu-item-arrow,
body .x-menu.rc-start-menu-sub .x-menu-item .x-menu-item-arrow {
    display: none;
}

body .x-menu.rc-start-menu .x-menu-item:hover,
body .x-menu.rc-start-menu .x-menu-item.x-menu-item-active,
body .x-menu.rc-start-menu-sub .x-menu-item:hover, body .x-menu.rc-start-menu-sub .x-menu-item.x-menu-item-active {
    background: rgba(0, 0, 0, 0.1);
}

body .x-menu.rc-start-menu .x-menu-item:hover .x-menu-item-text,
body .x-menu.rc-start-menu .x-menu-item.x-menu-item-active .x-menu-item-text,
body .x-menu.rc-start-menu-sub .x-menu-item:hover .x-menu-item-text, body .x-menu.rc-start-menu-sub .x-menu-item.x-menu-item-active .x-menu-item-text {
    color: black;
}

body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--tourism_system .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--tourism_system .x-menu-item-text:before {
    padding-right: 8px;
    font-size: 19px;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
    display: inline-block;
}

body .x-menu.rc-start-menu .menu-rc__item--tourism_system:hover,
body .x-menu.rc-start-menu .menu-rc__item--tourism_system.x-menu-item-active,
body .x-menu.rc-start-menu-sub .menu-rc__item--tourism_system:hover, body .x-menu.rc-start-menu-sub .menu-rc__item--tourism_system.x-menu-item-active {
    background: #79BB57;
}

body .x-menu.rc-start-menu .menu-rc__item--tourism_system:hover .x-menu-item-text,
body .x-menu.rc-start-menu .menu-rc__item--tourism_system.x-menu-item-active .x-menu-item-text,
body .x-menu.rc-start-menu-sub .menu-rc__item--tourism_system:hover .x-menu-item-text, body .x-menu.rc-start-menu-sub .menu-rc__item--tourism_system.x-menu-item-active .x-menu-item-text {
    color: white;
}

body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--mobitour .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--mobitour .x-menu-item-text:before {
    padding-right: 8px;
    font-size: 19px;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
    display: inline-block;
}

body .x-menu.rc-start-menu .menu-rc__item--mobitour:hover,
body .x-menu.rc-start-menu .menu-rc__item--mobitour.x-menu-item-active,
body .x-menu.rc-start-menu-sub .menu-rc__item--mobitour:hover, body .x-menu.rc-start-menu-sub .menu-rc__item--mobitour.x-menu-item-active {
    background: #f66148;
}

body .x-menu.rc-start-menu .menu-rc__item--mobitour:hover .x-menu-item-text,
body .x-menu.rc-start-menu .menu-rc__item--mobitour.x-menu-item-active .x-menu-item-text,
body .x-menu.rc-start-menu-sub .menu-rc__item--mobitour:hover .x-menu-item-text, body .x-menu.rc-start-menu-sub .menu-rc__item--mobitour.x-menu-item-active .x-menu-item-text {
    color: white;
}

body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--grc .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--grc .x-menu-item-text:before {
    padding-right: 8px;
    font-size: 19px;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
    display: inline-block;
}

body .x-menu.rc-start-menu .menu-rc__item--grc:hover,
body .x-menu.rc-start-menu .menu-rc__item--grc.x-menu-item-active,
body .x-menu.rc-start-menu-sub .menu-rc__item--grc:hover, body .x-menu.rc-start-menu-sub .menu-rc__item--grc.x-menu-item-active {
    background: #4f91be;
}

body .x-menu.rc-start-menu .menu-rc__item--grc:hover .x-menu-item-text,
body .x-menu.rc-start-menu .menu-rc__item--grc.x-menu-item-active .x-menu-item-text,
body .x-menu.rc-start-menu-sub .menu-rc__item--grc:hover .x-menu-item-text, body .x-menu.rc-start-menu-sub .menu-rc__item--grc.x-menu-item-active .x-menu-item-text {
    color: white;
}

body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--social_media .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--social_media .x-menu-item-text:before {
    padding-right: 8px;
    font-size: 19px;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
    display: inline-block;
}

body .x-menu.rc-start-menu .menu-rc__item--social_media:hover,
body .x-menu.rc-start-menu .menu-rc__item--social_media.x-menu-item-active,
body .x-menu.rc-start-menu-sub .menu-rc__item--social_media:hover, body .x-menu.rc-start-menu-sub .menu-rc__item--social_media.x-menu-item-active {
    background: #b0af50;
}

body .x-menu.rc-start-menu .menu-rc__item--social_media:hover .x-menu-item-text,
body .x-menu.rc-start-menu .menu-rc__item--social_media.x-menu-item-active .x-menu-item-text,
body .x-menu.rc-start-menu-sub .menu-rc__item--social_media:hover .x-menu-item-text, body .x-menu.rc-start-menu-sub .menu-rc__item--social_media.x-menu-item-active .x-menu-item-text {
    color: white;
}

body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--support .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--support .x-menu-item-text:before {
    padding-right: 8px;
    font-size: 19px;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
    display: inline-block;
}

body .x-menu.rc-start-menu .menu-rc__item--support:hover,
body .x-menu.rc-start-menu .menu-rc__item--support.x-menu-item-active,
body .x-menu.rc-start-menu-sub .menu-rc__item--support:hover, body .x-menu.rc-start-menu-sub .menu-rc__item--support.x-menu-item-active {
    background: #b278b0;
}

body .x-menu.rc-start-menu .menu-rc__item--support:hover .x-menu-item-text,
body .x-menu.rc-start-menu .menu-rc__item--support.x-menu-item-active .x-menu-item-text,
body .x-menu.rc-start-menu-sub .menu-rc__item--support:hover .x-menu-item-text, body .x-menu.rc-start-menu-sub .menu-rc__item--support.x-menu-item-active .x-menu-item-text {
    color: white;
}

body .x-menu.rc-start-menu.ux-start-menu .menu-rc__item--admin_studio .x-menu-item-text:before,
body .x-menu.rc-start-menu-sub.ux-start-menu .menu-rc__item--admin_studio .x-menu-item-text:before {
    padding-right: 8px;
    font-size: 19px;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
    display: inline-block;
}

body .x-menu.rc-start-menu .menu-rc__item--admin_studio:hover,
body .x-menu.rc-start-menu .menu-rc__item--admin_studio.x-menu-item-active,
body .x-menu.rc-start-menu-sub .menu-rc__item--admin_studio:hover, body .x-menu.rc-start-menu-sub .menu-rc__item--admin_studio.x-menu-item-active {
    background: #938278;
}

body .x-menu.rc-start-menu .menu-rc__item--admin_studio:hover .x-menu-item-text,
body .x-menu.rc-start-menu .menu-rc__item--admin_studio.x-menu-item-active .x-menu-item-text,
body .x-menu.rc-start-menu-sub .menu-rc__item--admin_studio:hover .x-menu-item-text, body .x-menu.rc-start-menu-sub .menu-rc__item--admin_studio.x-menu-item-active .x-menu-item-text {
    color: white;
}

/* SIDEBAR & ACTUS*/
.rc-content-desktop ~ .x-splitter-vertical.x-splitter-collapsed {
    display: none !important;
}

body.x-body .x-region-collapsed-placeholder.x-region-collapsed-right-placeholder {
    padding-top: 69px !important;
}

@media (min-width: 1350px) {
    body.x-body .x-region-collapsed-placeholder.x-region-collapsed-right-placeholder {
        padding-top: 96px !important;
    }
}

body.x-body .rc-dashboard:before,
body.x-body .x-region-collapsed-placeholder.x-region-collapsed-right-placeholder:before {
    position: absolute;
    display: block;
    top: 64px;
    content: '';
    left: -10%;
    width: 120%;
    height: 10px;
    background: #000;
    opacity: 0.2;
}

@media (min-width: 1350px) {
    body.x-body .rc-dashboard:before,
    body.x-body .x-region-collapsed-placeholder.x-region-collapsed-right-placeholder:before {
        top: 81px;
        top: 82px;
    }
}

body.x-body .x-region-collapsed-right-placeholder {
    display: none !important;
}

body.x-body .rc-dashboard {
    padding-top: 69px !important;
    /* ACTUS SIDEBAR */
}

@media (min-width: 1350px) {
    body.x-body .rc-dashboard {
        padding-top: 96px !important;
    }
}

body.x-body .rc-dashboard {
    padding: 0;
    background: white !important;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), -1px 0 0px rgba(0, 0, 0, 0.1);
}

body.x-body .rc-dashboard .x-panel-header {
    display: none;
    position: relative;
    padding: 7px 0;
    box-shadow: none;
    background-image: none;
    background-color: transparent;
}

body.x-body .rc-dashboard .x-panel-header .x-title-text {
    font-size: 18px;
    font-weight: 300;
}

body.x-body .rc-dashboard .x-panel-header .x-title-text:before {
    font-size: 1.3em;
    -webkit-transform: translateY(0.2em);
    -ms-transform: translateY(0.2em);
    transform: translateY(0.2em);
    display: inline-block;
    margin-right: 0.2em;
}

body.x-body .rc-dashboard .x-tool-after-title {
    display: block;
    height: 30px;
    width: 30px;
    text-align: right;
}

body.x-body .rc-dashboard .x-tool-after-title img {
    display: none;
}

body.x-body .rc-dashboard .x-tool-after-title:before {
    font-size: 18px;
    line-height: 36px;
}

body.x-body .rc-dashboard .x-panel-body {
    border: none;
}

body.x-body .rc-dashboard .x-splitter.x-border-item {
    width: 10px !important;
    margin-left: -5px !important;
    background-color: white;
    display: none;
}

body.x-body .rc-dashboard .x-splitter.x-border-item.x-splitter-collapsed {
    background-position: center right;
}

body.x-body .rc-dashboard .x-splitter.x-border-item .x-collapse-el {
    width: 10px !important;
    border: none;
    background-color: rgba(0, 0, 0, 0.05);
    background-size: auto 33px;
}

body.x-body .rc-dashboard .x-splitter.x-border-item + .x-region-collapsed-right-placeholder {
    background: white !important;
}

body.x-body .rc-dashboard .rc-news {
    position: relative;
    font-size: 14px;
    outline: none !important;
    padding: 0 20px 0 25px;
    /* CASE */
}

body.x-body .rc-dashboard .rc-news:before {
    position: absolute;
    left: 24px;
    top: 5px;
    width: 1px;
    height: 100%;
    display: block;
    content: '';
    background-color: rgba(112, 112, 112, 0.7);
}

body.x-body .rc-dashboard .rc-news-date, body.x-body .rc-dashboard .rc-news-title, body.x-body .rc-dashboard .rc-news-description {
    display: block;
    position: relative;
    float: left;
    clear: both;
}

body.x-body .rc-dashboard .rc-news-wrapper {
    position: relative;
    display: block;
    padding: 0 20px;
    padding-bottom: 30px;
    padding-right: 0;
    cursor: pointer;
    margin: 0;
}

body.x-body .rc-dashboard .rc-news-wrapper:before {
    position: absolute;
    display: block;
    left: -5px;
    top: 5px;
    content: '';
    width: 9px;
    height: 9px;
    border: 2px solid white;
    border-radius: 50%;
    background-color: white;
    z-index: 9;
    box-shadow: 0 0 0 1px #707070;
    -webkit-transition: background-color 0.1s;
    transition: background-color 0.1s;
}

body.x-body .rc-dashboard .rc-news-title {
    float: left;
    width: 100%;
    padding: 0 0 20px;
    color: #3d3d3d;
    font-weight: 600;
    font-size: 20px;
    opacity: .95;
}

body.x-body .rc-dashboard .rc-news-title:hover {
    cursor: pointer;
}

body.x-body .rc-dashboard .rc-news-product, body.x-body .rc-dashboard .rc-news-date {
    letter-spacing: .2px;
    line-height: 19px;
}

body.x-body .rc-dashboard .rc-news-product {
    float: right;
    font-size: .9em;
    opacity: .7;
    display: none;
}

body.x-body .rc-dashboard .rc-news-date {
    font-size: 14px;
    font-weight: 500;
    color: #595959;
    float: left;
}

body.x-body .rc-dashboard .rc-news-date:after {
    content: 'new';
    padding: 1px 6px;
    background-color: red;
    color: white;
    border-radius: 13px;
    margin-left: 4px;
    font-size: 0.9em;
    display: inline-block;
    -webkit-transform: translateY(-1px) scale(0.85);
    -ms-transform: translateY(-1px) scale(0.85);
    transform: translateY(-1px) scale(0.85);
    line-height: 1.6;
    font-weight: bold;
    opacity: 0;
    -webkit-transition: 0.7s ease-out;
    transition: 0.7s ease-out;
    -webkit-transition-delay: 4s;
    transition-delay: 4s;
}

body.x-body .rc-dashboard .rc-news-checkbox-icon, body.x-body .rc-dashboard .rc-news-checkbox {
    display: none !important;
    float: right;
    margin-top: -20px;
}

body.x-body .rc-dashboard .rc-news-checkbox-icon {
    position: absolute;
    top: 33px;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 2px solid #9fa4a8;
    color: #9fa4a8;
    margin-top: -15px;
    cursor: pointer;
}

body.x-body .rc-dashboard .rc-news-description {
    display: block;
    width: 100%;
    max-height: 0;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

body.x-body .rc-dashboard .rc-news-description p {
    opacity: 0.9;
    line-height: 1.4;
}

body.x-body .rc-dashboard .rc-news-description p span, body.x-body .rc-dashboard .rc-news-description p strong {
    line-height: 1.5 !important;
    font-size: 1em !important;
    font-family: inherit !important;
    letter-spacing: 0.07em;
}

body.x-body .rc-dashboard .rc-news-open-icon {
    position: absolute;
    display: block;
    height: 0;
    width: 11px;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: -5px;
    background: #000;
    -webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

body.x-body .rc-dashboard .rc-news-open-icon:before, body.x-body .rc-dashboard .rc-news-open-icon:after {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 3px;
    left: 0;
    background-color: #9fa4a8;
    -webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

body.x-body .rc-dashboard .rc-news-open-icon:before {
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

body.x-body .rc-dashboard .rc-news-open-icon:after {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

body.x-body .rc-dashboard .rc-news.isOpened .rc-news-wrapper:before {
    background: #707070;
}

body.x-body .rc-dashboard .rc-news.isOpened .rc-news-checkbox-icon:before {
    -webkit-transform: translateX(-1px) rotateZ(45deg);
    transform: translateX(-1px) rotateZ(45deg);
}

body.x-body .rc-dashboard .rc-news.isOpened .rc-news-description {
    max-height: 2000px;
    opacity: 1;
}

body.x-body .rc-dashboard .rc-news.isOpened .rc-news-open-icon {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

body.x-body .rc-dashboard .rc-news.isOpened .rc-news-open-icon:before {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

body.x-body .rc-dashboard .rc-news.isOpened .rc-news-open-icon:after {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

body.x-body .rc-dashboard .rc-news.news-not-read .rc-news-date:after {
    opacity: 1;
}

body.x-body .rc-dashboard .rc-news:last-child .rc-news-wrapper {
    padding-bottom: -webkit-calc(100vh - 122px);
    padding-bottom: calc(100vh - 122px);
}

body.x-body .rc-dashboard > .x-panel-body > .x-component {
    padding-bottom: 31px;
}

/* FULL WIDTH BODY WITh SIDEBAR OPEN */
body.x-body .x-toolbar.ux-taskbar,
body.x-body .x-toolbar.ux-taskbar > .x-box-inner,
body.x-body .rc-content-desktop, body.x-body
.rc-content-desktop > .x-panel-body
, body.x-body
.rc-content-desktop > .x-panel-body > .x-component {
    width: 100vw !important;
}

@media (min-width: 1400px){}
body.x-body .form-login .x-panel-body:before {
    width: 585px;
    height: 94px;
    margin-top: -47px;
    margin-left: -292.5px;
}

body.x-body .ux-desktop-trayclock,
body.x-body .ux-desktop-windowbar + .x-toolbar-separator-horizontal {
    display: none;
}

/*
 *
 * WIDGETS
 */
.rc-window-widget,
.x-window-ghost {
    border-radius: 0 !important;
}

.rc-window-widget *,
.x-window-ghost * {
    border-radius: 0;
}

.rc-window-widget {
    background: white;
    border-color: white;
    box-shadow: none;
}

.rc-window-widget > .x-window-header {
    background: white;
    padding: 6px;
    border-radius: 0;
}

.rc-window-widget > .x-window-header .x-title {
    max-width: 70%;
}

.rc-window-widget > .x-window-header .x-title-text {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.03889em;
}

.rc-window-widget > .x-window-header .x-title-text:before {
    display: inline-block;
    padding-right: .2em;
    font-size: 1.3em;
    line-height: 1;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}

.rc-window-widget > .x-window-header .x-tool {
    min-width: 30px;
    left: auto !important;
    right: 0;
}

.rc-window-widget > .x-window-header .x-tool img {
    display: none;
}

.rc-window-widget > .x-window-header .x-tool:before {
    margin: 0 9px !important;
    font-size: 18px;
    line-height: 27px;
}

.rc-window-widget > .x-window-header .x-tool:nth-child(2) {
    right: 60px !important;
}

.rc-window-widget > .x-window-header .x-tool:nth-child(3) {
    right: 30px !important;
}

.rc-window-widget > .x-window-header .x-tool:nth-child(4) {
    right: 0 !important;
}

.rc-window-widget > .x-window-header .x-tool:hover:before {
    color: #707070;
}

.rc-window-widget.tourism_system > .x-window-header .x-title-text {
    color: #79BB57;
}

.rc-window-widget.tourism_system > .x-window-header .x-tool:not(:hover):before {
    color: #79BB57;
}

.rc-window-widget.mobitour > .x-window-header .x-title-text {
    color: #f66148;
}

.rc-window-widget.mobitour > .x-window-header .x-tool:not(:hover):before {
    color: #f66148;
}

.rc-window-widget.grc > .x-window-header .x-title-text {
    color: #4f91be;
}

.rc-window-widget.grc > .x-window-header .x-tool:not(:hover):before {
    color: #4f91be;
}

.rc-window-widget.social_media > .x-window-header .x-title-text {
    color: #b0af50;
}

.rc-window-widget.social_media > .x-window-header .x-tool:not(:hover):before {
    color: #b0af50;
}

.rc-window-widget.support > .x-window-header .x-title-text {
    color: #b278b0;
}

.rc-window-widget.support > .x-window-header .x-tool:not(:hover):before {
    color: #b278b0;
}

.rc-window-widget.admin_studio > .x-window-header .x-title-text {
    color: #938278;
}

.rc-window-widget.admin_studio > .x-window-header .x-tool:not(:hover):before {
    color: #938278;
}

.player-prev-button {
    margin-left: 24px;
}


body.x-body .rc-form-login span, body.x-body .rc-form-login a, body.x-body .rc-form-login input {
    font-family: "Raleway", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 17px;
}

body.x-body .rc-form-login .x-panel-body:before {
    top: 50%;
    width: 409.5px;
    height: 65.8px;
    margin-top: -32.9px;
    margin-left: -204.75px;
    background-image: url("../images/log-in/studio-logo.png");
}


body.x-body .form-login .x-autocontainer-outerCt .x-autocontainer-innerCt {
    position: relative;
    display: inline-block;
    padding-top: 44px;
    height: auto;
    background: white;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body.x-body .form-login .x-autocontainer-outerCt .x-autocontainer-innerCt:before {
    position: absolute;
    display: block;
    left: 0;
    top: -37px;
    line-height: 37px;
    font-size: 50px;
    font-weight: 700;
    color: #666c74;
    font-family: "Raleway", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

body.x-body .form-login .x-form-item {
    width: auto !important;
    height: auto !important;
    margin-bottom: 22px;
}

body.x-body .rc-form-login .x-form-item .x-form-item-label {
    display: none !important;
}

body.x-body .rc-form-login .x-form-item .x-form-item-body {
    height: 52px;
    max-width: 100%;
    width: 393px;
}

body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap {
    position: relative;
    border-width: 3px;
    border-color: #e0dfe4;
    font-size: 17px;
    box-shadow: none;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap:after {
    position: absolute;
    display: block;
    top: 0;
    right: 16.5px;
    margin-right: -.3em;
    line-height: 52px;
    color: #e0dfe4;
    font-size: .9em;
    pointer-events: none;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap input.x-form-field {
    background-image: none;
    padding: 0 16.5px;
    color: #e0dfe4;
    font-size: inherit;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap input::-webkit-input-placeholder {
    color: #e0dfe4;
    font-size: inherit;
    opacity: 1;
    display: block;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}

body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap input:-moz-placeholder {
    /* Firefox 18- */
    color: #e0dfe4;
    font-size: inherit;
    opacity: 1;
    display: block;
    transform: translateY(2px);
}

body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap input::-moz-placeholder {
    /* Firefox 19+ */
    color: #e0dfe4;
    font-size: inherit;
    opacity: 1;
    display: block;
    transform: translateY(2px);
}

body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap input:-ms-input-placeholder {
    color: #e0dfe4;
    font-size: inherit;
    opacity: 1;
    display: block;
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}

body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap:hover:after {
    color: #029ad6;
}

body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap-focus {
    border-color: #029ad6;
}

body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap-focus:after {
    color: #029ad6;
}

body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap-focus input.x-form-field {
    font-weight: 700;
    color: #029ad6;
}

body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap-invalid, body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap-invalid:hover {
    border-color: red;
}

body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap-invalid:after, body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap-invalid:hover:after {
    color: red;
}

body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap-invalid input.x-form-field, body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-text-wrap-invalid:hover input.x-form-field {
    font-weight: 700;
    color: red;
}

body.x-body .rc-form-login .x-form-item .x-form-item-body .x-form-trigger-wrap {
    border: none !important;
}

body.x-body .rc-form-login .input-password .x-form-text-wrap:after {
    font-size: 0.8em;
}

body.x-body .form-login .input-password input {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

body.x-body .form-login .x-btn {
    float: left;
    height: 52px;
    margin-right: 22px;
    border: none;
    border-radius: 0;
    padding: 0 16.5px;
    background: transparent;
    -webkit-transition: 0.1s ease-out;
    transition: 0.1s ease-out;
}

body.x-body .form-login .x-btn .x-btn-inner {
    color: white;
    line-height: 52px;
    font-weight: 700;
    text-transform: none;
}

body.x-body .rc-form-login .x-btn.rc-submit-button {
    background: #029ad6;
    height: 55px;
    width: 100%;
}

body.x-body .rc-form-login .x-btn.rc-submit-button .x-btn-inner{
        color: white;
        font-weight: bold;
}

body.x-body .rc-form-login .x-btn.retrieve-password,
body.x-body .rc-form-login .x-btn.back-button {
    background: none;
    border: none;
}

body.x-body .rc-form-login .x-btn.retrieve-password .x-btn-inner,
body.x-body .rc-form-login .x-btn.back-button .x-btn-inner {
    color: #040fa8;
    font-weight: 300;
    letter-spacing: .2px;
}

/*body.x-body .rc-form-login x-btn-inner:hover,*/
/*body.x-body .rc-form-login .x-btn.retrieve-password.x-btn-focus,*/
/*body.x-body .rc-form-login .x-btn.retrieve-password.x-btn-pressed,*/
/*body.x-body .rc-form-login .x-btn.retrieve-password.x-focus,*/
/*body.x-body .rc-form-login .x-btn.back-button:hover, body.x-body .rc-form-login .x-btn.back-button.x-btn-focus, body.x-body .rc-form-login .x-btn.back-button.x-btn-pressed, body.x-body .form-login .x-btn.back-button.x-focus {*/
    /*background: #040fa8;*/
/*}*/

body.x-body .rc-form-login .x-btn.retrieve-password:hover .x-btn-inner,
body.x-body .rc-form-login .x-btn.retrieve-password.x-btn-focus .x-btn-inner,
body.x-body .rc-form-login .x-btn.retrieve-password.x-btn-pressed .x-btn-inner,
body.x-body .rc-form-login .x-btn.retrieve-password.x-focus .x-btn-inner,
body.x-body .rc-form-login .x-btn.back-button:hover .x-btn-inner, body.x-body .rc-form-login .x-btn.back-button.x-btn-focus .x-btn-inner, body.x-body .rc-form-login .x-btn.back-button.x-btn-pressed .x-btn-inner, body.x-body .form-login .x-btn.back-button.x-focus .x-btn-inner {
    color: blue;
    text-decoration: underline;
}

body.x-body .rc-form-login ~ .x-boundlist {
    border-width: 0 3px 3px 3px;
    border-color: #029ad6;
    background: white;
    width: 400px;
}

body.x-body .rc-form-login ~ .x-boundlist li.x-boundlist-item {
    min-height: 52px;
    padding-left: 16.5px;
    line-height: 52px;
    border: none !important;
    font-size: 14px;
    color: #029ad6;
}

body.x-body .rc-form-login ~ .x-boundlist li.x-boundlist-item.x-boundlist-item-over, body.x-body .rc-form-login ~ .x-boundlist li.x-boundlist-item:hover {
    color: white;
    background: #029fdd;
}

/*************************
 Color variation per theme
*************************/
/*	h1 {
		color: yellow;
	}
*/
.main-0 #section-0:before {
    opacity: .05;
}

section.tourism_system:before {
    background: #642610;
}

section.tourism_system .first-tile .rc-shortcut {
    background-color: #94C65D;
}

section.tourism_system .tile:nth-child(2) .rc-shortcut {
    background-color: #79BB57;
}

section.tourism_system .tile:nth-child(3) .rc-shortcut {
    background-color: #94C65D;
}

section.tourism_system .tile:nth-child(4) .rc-shortcut {
    background-color: #ABCF62;
}

section.tourism_system .tile:nth-child(5) .rc-shortcut {
    background-color: #6AA24D;
}

section.tourism_system .tile:nth-child(6) .rc-shortcut {
    background-color: #4F8B30;
}

section.tourism_system .tile:nth-child(7) .rc-shortcut {
    background-color: #79BB57;
}

section.tourism_system .tile:nth-child(8) .rc-shortcut {
    background-color: #94C65D;
}

section.tourism_system .tile:nth-child(9) .rc-shortcut {
    background-color: #ABCF62;
}

section.tourism_system .tile:nth-child(10) .rc-shortcut {
    background-color: #C4D967;
}

section.tourism_system .tile:nth-child(11) .rc-shortcut {
    background-color: #E2E46D;
}

section.tourism_system .tile:nth-child(12) .rc-shortcut {
    background-color: #79BB57;
}

section.tourism_system .tile:nth-child(13) .rc-shortcut {
    background-color: #94C65D;
}

section.tourism_system .tile:nth-child(14) .rc-shortcut {
    background-color: #C4D967;
}

section.tourism_system li.clubts.tile > div {
    background-image: url("../icons/tourism_system/clubts_bluewhite.png");
}

section.tourism_system li.tourismSystem.tile > div {
    background-image: url("../icons/tourism_system/hawwwai-database.png");
}

section.tourism_system li.tsImportManager.tile > div {
    background-image: url("../icons/tourism_system/tsImportManager.png");
}

section.tourism_system li.rapportImport.tile > div {
    background-image: url("../icons/tourism_system/rapportImport.png");
}

section.tourism_system li.maFiche.tile > div {
    background-image: url("../icons/tourism_system/maFiche.png");
}

section.tourism_system li.disponibilite.tile > div {
    background-image: url("../icons/tourism_system/disponibilite.png");
}

section.tourism_system li.shom.tile > div {
    background-image: url("../icons/tourism_system/shom.png");
}

section.tourism_system li.impressionPdf2.tile > div {
    background-image: url("../icons/tourism_system/impressionPdf2.png");
}

section.tourism_system li.kitPrestataire.tile > div {
    background-image: url("../icons/tourism_system/kitPrestataire.png");
}

section.tourism_system li.bonReduction.tile > div {
    background-image: url("../icons/tourism_system/bonReduction.png");
}

section.tourism_system li.sitra.tile > div {
    background-image: url("../icons/tourism_system/sitra.png");
}

section.tourism_system li.aidesitra.tile > div {
    background-image: url("../icons/tourism_system/aidesitra.png");
}

/*	h1 {
		color: yellow;
	}
*/
.main-1 #section-1:before {
    opacity: .05;
}

section.mobitour:before {
    background: #61160a;
}

section.mobitour .first-tile .rc-shortcut {
    background-color: #f43819;
}

section.mobitour .tile:nth-child(2) .rc-shortcut {
    background-color: #db745b;
}

section.mobitour .tile:nth-child(3) .rc-shortcut {
    background-color: #e35338;
}

section.mobitour .tile:nth-child(4) .rc-shortcut {
    background-color: #f56e1d;
}

section.mobitour .tile:nth-child(5) .rc-shortcut {
    background-color: #eb541f;
}

section.mobitour .tile:nth-child(6) .rc-shortcut {
    background-color: #bb3e27;
}

section.mobitour .tile:nth-child(7) .rc-shortcut {
    background-color: #e13d17;
}

section.mobitour .tile:nth-child(8) .rc-shortcut {
    background-color: #f66423;
}

section.mobitour .tile:nth-child(9) .rc-shortcut {
    background-color: #ec4c1e;
}

section.mobitour .tile:nth-child(10) .rc-shortcut {
    background-color: #e5552f;
}

section.mobitour .tile:nth-child(11) .rc-shortcut {
    background-color: #d86728;
}

section.mobitour .tile:nth-child(12) .rc-shortcut {
    background-color: #e16431;
}

section.mobitour .tile:nth-child(13) .rc-shortcut {
    background-color: #f74c11;
}

section.mobitour .tile:nth-child(14) .rc-shortcut {
    background-color: #c33c09;
}

section.mobitour li.mcms.tile > div {
    background-image: url("../icons/mobitour/mcms.png");
}

section.mobitour li.mobitour.tile > div {
    background-image: url("../icons/mobitour/mobitour.png");
}

section.mobitour li.qrcode.tile > div {
    background-image: url("../icons/mobitour/qrcode.png");
}

section.mobitour li.photoMobile.tile > div {
    background-image: url("../icons/mobitour/photoMobile.png");
}

section.mobitour li.statsmobitour.tile > div {
    background-image: url("../icons/mobitour/statsmobitour.png");
}

/*	h1 {
		color: yellow;
	}
*/
.main-2 #section-2:before {
    opacity: .05;
}

section.grc:before {
    background: #163245;
}

section.grc .first-tile .rc-shortcut {
    background-color: #377dad;
}

section.grc .tile:nth-child(2) .rc-shortcut {
    background-color: #2c5c82;
}

section.grc .tile:nth-child(3) .rc-shortcut {
    background-color: #325a99;
}

section.grc .tile:nth-child(4) .rc-shortcut {
    background-color: #3059a2;
}

section.grc .tile:nth-child(5) .rc-shortcut {
    background-color: #3381c2;
}

section.grc .tile:nth-child(6) .rc-shortcut {
    background-color: #4d81be;
}

section.grc .tile:nth-child(7) .rc-shortcut {
    background-color: #386b95;
}

section.grc .tile:nth-child(8) .rc-shortcut {
    background-color: #3867ba;
}

section.grc .tile:nth-child(9) .rc-shortcut {
    background-color: #2c64aa;
}

section.grc .tile:nth-child(10) .rc-shortcut {
    background-color: #385f9e;
}

section.grc .tile:nth-child(11) .rc-shortcut {
    background-color: #2a508e;
}

section.grc .tile:nth-child(12) .rc-shortcut {
    background-color: #255aad;
}

section.grc .tile:nth-child(13) .rc-shortcut {
    background-color: #415d85;
}

section.grc .tile:nth-child(14) .rc-shortcut {
    background-color: #3b5477;
}

section.grc li.accueil_physique.tile > div {
    background-image: url("../icons/grc/accueil_physique.png");
}

section.grc li.grcLite.tile > div {
    background-image: url("../icons/grc/grcLite.png");
}

section.grc li.newsletter.tile > div {
    background-image: url("../icons/grc/newsletter.png");
}

section.grc li.deskdoc.tile > div {
    background-image: url("../icons/grc/deskdoc.png");
}

section.grc li.statfiche.tile > div {
    background-image: url("../icons/grc/statfiche.png");
}

section.grc li.nurtik.tile > div {
    background-image: url("../icons/grc/nurtik.png");
}

/*	h1 {
		color: yellow;
	}
*/
.main-3 #section-3:before {
    opacity: .05;
}

section.social_media:before {
    background: #3e3e18;
}

section.social_media .first-tile .rc-shortcut {
    background-color: #9c9b3c;
}

section.social_media .tile:nth-child(2) .rc-shortcut {
    background-color: #808b3c;
}

section.social_media .tile:nth-child(3) .rc-shortcut {
    background-color: #7a8630;
}

section.social_media .tile:nth-child(4) .rc-shortcut {
    background-color: #b3c63b;
}

section.social_media .tile:nth-child(5) .rc-shortcut {
    background-color: #7c8e2e;
}

section.social_media .tile:nth-child(6) .rc-shortcut {
    background-color: #939444;
}

section.social_media .tile:nth-child(7) .rc-shortcut {
    background-color: #6c7337;
}

section.social_media .tile:nth-child(8) .rc-shortcut {
    background-color: #7e9039;
}

section.social_media .tile:nth-child(9) .rc-shortcut {
    background-color: #666f33;
}

section.social_media .tile:nth-child(10) .rc-shortcut {
    background-color: #95a647;
}

section.social_media .tile:nth-child(11) .rc-shortcut {
    background-color: #6c7936;
}

section.social_media .tile:nth-child(12) .rc-shortcut {
    background-color: #819030;
}

section.social_media .tile:nth-child(13) .rc-shortcut {
    background-color: #9cb159;
}

section.social_media .tile:nth-child(14) .rc-shortcut {
    background-color: #8e933a;
}

section.social_media li.avis.tile > div {
    background-image: url("../icons/social_media/avis.png");
}

section.social_media li.social_wall.tile > div {
    background-image: url("../icons/social_media/social_wall.png");
}

section.social_media li.fairguest_moderation.tile > div {
    background-image: url("../icons/social_media/fairguest_white.png");
    background-size: 80%;
}

section.social_media li.fairguest_moderation.tile .rc-shortcut:hover {
    background-size: auto 80% !important;
}

/*	h1 {
		color: yellow;
	}
*/
.main-4 #section-4:before {
    opacity: .05;
}

section.support:before {
    background: #442042;
}

section.support .first-tile .rc-shortcut {
    background-color: #aa52a7;
}

section.support .tile:nth-child(2) .rc-shortcut {
    background-color: #b7529c;
}

section.support .tile:nth-child(3) .rc-shortcut {
    background-color: #9a4b93;
}

section.support .tile:nth-child(4) .rc-shortcut {
    background-color: #af52a4;
}

section.support .tile:nth-child(5) .rc-shortcut {
    background-color: #b865ad;
}

section.support .tile:nth-child(6) .rc-shortcut {
    background-color: #984891;
}

section.support .tile:nth-child(7) .rc-shortcut {
    background-color: #ad76a3;
}

section.support .tile:nth-child(8) .rc-shortcut {
    background-color: #823679;
}

section.support .tile:nth-child(9) .rc-shortcut {
    background-color: #9b5488;
}

section.support .tile:nth-child(10) .rc-shortcut {
    background-color: #c462b5;
}

section.support .tile:nth-child(11) .rc-shortcut {
    background-color: #bc5db7;
}

section.support .tile:nth-child(12) .rc-shortcut {
    background-color: #9f4686;
}

section.support .tile:nth-child(13) .rc-shortcut {
    background-color: #8a4780;
}

section.support .tile:nth-child(14) .rc-shortcut {
    background-color: #b979b1;
}

section.support li.formation.tile > div {
    background-image: url("../icons/support/formation.png");
}

section.support li.mestickets.tile > div {
    background-image: url("../icons/support/mestickets.png");
}

section.support li.mestickets_admin.tile > div {
    background-image: url("../icons/support/mestickets_admin.png");
}

section.support li.chat.tile > div {
    background-image: url("../icons/support/chat.png");
}

section.support li.visioFlux_admin.tile > div {
    background-image: url("../icons/support/visioFlux_admin.png");
}

section.support li.moduleExtJs5.tile > div {
    background-image: url("../icons/support/moduleExtJs5.png");
}

/*	h1 {
		color: yellow;
	}
*/
.main-5 #section-5:before {
    opacity: .05;
}

section.admin_studio:before {
    background: #362a24;
}

section.admin_studio .first-tile .rc-shortcut {
    background-color: #886b5a;
}

section.admin_studio .tile:nth-child(2) .rc-shortcut {
    background-color: #9a806a;
}

section.admin_studio .tile:nth-child(3) .rc-shortcut {
    background-color: #a8907e;
}

section.admin_studio .tile:nth-child(4) .rc-shortcut {
    background-color: #81694d;
}

section.admin_studio .tile:nth-child(5) .rc-shortcut {
    background-color: #665b4d;
}

section.admin_studio .tile:nth-child(6) .rc-shortcut {
    background-color: #7b6853;
}

section.admin_studio .tile:nth-child(7) .rc-shortcut {
    background-color: #a17e52;
}

section.admin_studio .tile:nth-child(8) .rc-shortcut {
    background-color: #7f6f57;
}

section.admin_studio .tile:nth-child(9) .rc-shortcut {
    background-color: #907e6b;
}

section.admin_studio .tile:nth-child(10) .rc-shortcut {
    background-color: #917862;
}

section.admin_studio .tile:nth-child(11) .rc-shortcut {
    background-color: #927961;
}

section.admin_studio .tile:nth-child(12) .rc-shortcut {
    background-color: #866e59;
}

section.admin_studio .tile:nth-child(13) .rc-shortcut {
    background-color: #9d8973;
}

section.admin_studio .tile:nth-child(14) .rc-shortcut {
    background-color: #7b6855;
}

section.admin_studio li.utilisateur_extjs5.tile > div {
    background-image: url("../icons/admin_studio/utilisateur.png");
}

section.admin_studio li.monCompte.tile > div {
    background-image: url("../icons/admin_studio/monCompte.png");
}

section.admin_studio li.webmail.tile > div {
    background-image: url("../icons/admin_studio/webmail.png");
}

.rc-app-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 9999999999999999;
    -webkit-transition: height 0s 3.1s, background 1s 2.1s, opacity 1s 2.1s;
    transition: height 0s 3.1s, background 1s 2.1s, opacity 1s 2.1s;
}

.rc-app-loader_bar {
    position: absolute;
    width: 100%;
    height: 5px;
    top: 0;
    left: 0;
    background-color: #56d572;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-animation: opacity 1s forwards, loadingProgress cubic-bezier(0.86, 0, 0.07, 1) 6s forwards;
    animation: opacity 1s forwards, loadingProgress cubic-bezier(0.86, 0, 0.07, 1) 6s forwards;
}

/*.rc-app-loader_logo {*/
    /*display: block;*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 40%;*/
    /*width: 585px;*/
    /*height: 215px;*/
    /*margin-top: -47px;*/
    /*margin-left: -292.5px;*/
    /*opacity: 1;*/
    /*background-image: url("../images/logo_studio_loading.png");*/
/*}*/

.rc-app-loader_logo {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 585px;
    height: 94px;
    margin-top: -47px;
    margin-left: -292.5px;
    opacity: 1;
    background-image: url("../images/log-in/studio-logo--black.png");
}

.rc-app-loader.rc-app-loaded {
    opacity: 0;
    background: black;
    height: 0;
    pointer-events: none;
}

.rc-app-loader.rc-app-loaded .rc-app-loader_bar {
    -webkit-animation: opacity 1s forwards, loadingProgress 1.5s cubic-bezier(0.86, 0, 0.07, 1) forwards, hideLoadingBar 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 1.5s;
    animation: opacity 1s forwards, loadingProgress 1.5s cubic-bezier(0.86, 0, 0.07, 1) forwards, hideLoadingBar 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 1.5s;
}

.rc-app-loader.rc-app-loaded .rc-app-loader_logo {
    -webkit-animation: opacity 0.6s forwards 1.5s;
    animation: opacity 0.6s forwards 1.5s;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

@-webkit-keyframes loadingProgress {
    0%, 5% {
        width: 0%;
    }
    10%, 20% {
        width: 10%;
    }
    30%, 50% {
        width: 30%;
    }
    100% {
        width: 100%;
    }
}

@keyframes loadingProgress {
    0%, 5% {
        width: 0%;
    }
    10%, 20% {
        width: 10%;
    }
    30%, 50% {
        width: 30%;
    }
    100% {
        width: 100%;
    }
}

@-webkit-keyframes hideLoadingBar {
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
}

@keyframes hideLoadingBar {
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.tabIcons{
    background-size: contain;
}