@charset "UTF-8"; /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@font-face {
    font-family: tajawal;
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-regular.b359e6cc0afa.eot");
    src: local("Tajawal"),local("Tajawal-Regular"),url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-regular.b359e6cc0afa.eot?#iefix") format("embedded-opentype"),url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-regular.847f3e6bc986.woff2") format("woff2"),url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-regular.3022045689b1.woff") format("woff"),url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-regular.7fe1d4163cdc.ttf") format("truetype"),url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-regular.f77fc6a8faba.svg#Tajawal") format("svg");
}

img, legend {
    border: 0;
}

.button-facebook, .button-secondary {
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
}

.paginator .paginator-first-button.hidden, .paginator .paginator-last-button.hidden, .paginator .paginator-next-button.hidden, .paginator .paginator-prev-button.hidden, .status-online.status-offline {
    visibility: hidden;
}

#header-circles .header-profile-container span, #jobInformationContainer .offer-maininfo, #jobInformationContainer .offer-maininfo-detail, #titles-section-header h1, #writtenChatDetailContainer .chatagenda-title, .container-agendachats ul li .chatagenda-title, .container-download ul li .text-download p, .container-list-videos ul li a p, .header-profile-info ul li, .image-container-url a, .item-links-text a, .item-offer-info h1, .item-offer-info h2, .item-resourceslinks-text a, .logo-header button, .menu-navigation-subitem p, .stand-slogan, .sub-header ul .title-stand h1, .tooltip-text, .webcast-company, .webcast-detail-speaker-names, .webcast-speaker, .webcast-title {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.image-cropper-footer img, .item-limit, .swiper-container-fade .swiper-slide {
    pointer-events: none;
}

.check-social label.css-label, label.css-label {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
}

.Zebra_DatePicker table, table {
    border-collapse: collapse;
    border-spacing: 0;
}

#menu-navigation, #question-indicator, .eventsCalendar-list, .seminars-video-info ul, ul {
    list-style-type: none;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    direction: ltr;
}

body {
    margin: 0;
    direction: ltr;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

    :focus, a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, optgroup, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre, textarea {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: "LTAzer-Regular";
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

.button-cancel, .sub-header, .tooltip-text {
    text-transform: uppercase;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

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

input {
    line-height: normal;
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type=search] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    padding: 0;
}

td, th {
    padding: 0;
}

@font-face {
    font-family: "LTAzer-Regular";
    src: url(../fonts/raleway-light.eot);
    src: url(../fonts/raleway-light.eot?#iefix) format('embedded-opentype'),url(../fonts/raleway-light.woff2) format('woff2'),url(../fonts/raleway-light.woff) format('woff'),url(../fonts/raleway-light.ttf) format('truetype'),url(../fonts/raleway-light.svg#tajawal) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "LTAzer-Regular";
    src: url(../fonts/raleway-medium.eot);
    src: url(../fonts/raleway-medium.eot?#iefix) format('embedded-opentype'),url(../fonts/raleway-medium.woff2) format('woff2'),url(../fonts/raleway-medium.woff) format('woff'),url(../fonts/raleway-medium.ttf) format('truetype'),url(../fonts/raleway-medium.svg#tajawal) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "LTAzer-Regular";
    src: url(../fonts/raleway-bold.eot);
    src: url(../fonts/raleway-bold.eot?#iefix) format('embedded-opentype'),url(../fonts/raleway-bold.woff2) format('woff2'),url(../fonts/raleway-bold.woff) format('woff'),url(../fonts/raleway-bold.ttf) format('truetype'),url(../fonts/raleway-bold.svg#tajawal) format('svg');
    font-weight: 400;
    font-style: normal;
}

body, html {
    font-family: "LTAzer-Regular";
    font-size: 12px;
    color: #777;
}

.blue, .section-name {
    color: #6d819c;
}

a, h1, h2, h3, h4, li, p, span, ul {
    margin: 0;
    padding: 0;
    font-weight: 400;
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
}

    select::-ms-expand {
        display: none;
    }

.clear {
    clear: both;
}

b {
    font-family: tajawal,"Open Sans",serif;
}

.section-name, .section-text {
    font-family: tajawal,"Open Sans",serif;
}

.section-container {
    padding-bottom: 50px;
}

.section-name {
    text-align: center;
    font-size: 1.4em;
    margin-top: 10px;
    padding-top: 20px;
}

.section-text {
    text-align: left;
    font-size: 1em;
    color: #777;
    padding: 12px 20px;
}

.medium {
    font-family: tajawal,"Open Sans",serif;
}

.bold {
    font-family: "LTAzer-Regular";
}

.invisible {
    display: none !important;
}

.no-scroll {
    overflow: hidden;
}

.button-main, .button-secondary {
    background-color: #6d819c;
    width: 100%;
    padding: 4% 0;
    float: left;
    color: #fff !important;
    text-decoration: none;
    border: none;
    text-align: center;
    cursor: pointer;
}

    .button-main:disabled, .button-secondary:disabled {
        background-color: #eee;
        cursor: auto;
    }

.button-facebook, .button-linkedin {
    background-size: 25px;
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: center;
    margin-top: 10px;
    cursor: pointer;
    font-size: .9em;
    border: none;
    color: #fff;
    text-align: center;
    float: right;
}

.button-main:disabled:hover, .button-secondary:disabled:hover {
    background-color: #eee;
}

.button-secondary {
    background-color: #61748f;
    float: right;
    border: none;
    transition: all .1s ease-in;
}

    .button-secondary:hover {
        background-color: #9ba8bb;
    }

.button-facebook {
    background-image: url(../images/common/login-facebook-icon.svg);
    background-color: #3b5998 !important;
    height: 30px !important;
    padding-top: 10px !important;
    transition: all .1s ease-in;
}

    .button-facebook:hover {
        background-color: #2d4373 !important;
    }

.button-linkedin {
    background-image: url(../images/common/login-linkedin-icon.svg);
    background-color: #0077b5 !important;
    height: 40px !important;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

#test-results-best .test-results-item .test-results-item-info, .webcast-detail-attend-button-mobile {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.button-linkedin:hover {
    background-color: #005582 !important;
}

.button-cancel {
    float: right;
    background: 0 0;
    border: none;
    text-decoration: underline;
    padding: 4% 30px;
}

#menu-navigation, #menu-navigation li {
    padding-top: 20px;
}

#menu-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: 120000;
}

.filters-pavillion {
    z-index: 30 !important;
}

.menu {
    width: 85%;
    max-width: 400px;
    background-color: rgba(0,0,0,.8);
    height: 100%;
    position: relative;
    overflow: auto;
    padding-bottom: 15px;
    right: -400px;
}

    .menu.visible {
        left: 0;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

#menu-header {
    padding: 10px 15px 0;
}

    #menu-header p {
        color: #fff;
        width: 75%;
        text-align: right;
        font-size: 20px;
        float: right;
        margin-top: 8px;
    }

    #menu-header a {
        display: block;
        cursor: pointer !important;
        height: 15px;
        width: 15px;
        position: absolute;
        right: 0;
        margin-right: 3%;
        background-repeat: no-repeat;
        background-image: url(../images/common/close-white.svg);
        background-size: cover;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
    }

body[dir=ltr] .close-menu-container:before {
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.close-menu-container:before, body[dir=ltr] .close-menu-container:after {
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    -webkit-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
}

body[dir=ltr] .close-menu-container:after {
    transform-origin: left center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 250ms ease-out;
}

.close-menu-container {
    height: 20px;
    width: 20px;
    position: absolute;
    left: 3%;
    cursor: pointer;
}

    .close-menu-container .second-line {
        width: 100%;
        height: 2px;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        position: absolute;
        background-color: #fff;
        opacity: 0;
    }

    .close-menu-container:after, .close-menu-container:before {
        position: absolute;
        height: 2px;
        width: 26px;
        background-color: #fff;
        left: 0;
        content: "";
    }

    .close-menu-container:before {
        top: 0;
        transform-origin: left center;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all 250ms ease-out;
    }

    .close-menu-container:after {
        bottom: 0;
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: all 250ms ease-out;
        -o-transition: all 250ms ease-out;
        transition: all 250ms ease-out;
    }

.come-back-list, .list-search-button {
    height: 35px;
    width: 55px;
    float: right;
    background: url(../images/lists/lists-search-button-icon.svg) center no-repeat #23966e;
    border: none;
    background-size: 45%;
    right: 0;
    z-index: 5;
}

.menu-navigation-item, .menu-navigation-subitem {
    background-position: right center;
    background-repeat: no-repeat;
}

.come-back-list {
    background-image: url(../images/lists/come-back-list.svg);
}

.menu-navigation-item.selected, .menu-navigation-subitem {
    background-image: url(../images/common/menu-selected-icon.svg);
}

#menu-navigation {
    margin-right: 15px;
}

    #menu-navigation li:first-child {
        padding-top: none;
    }

    #menu-navigation li a {
        color: #fff;
        text-decoration: none;
    }

.menu-navigation-item {
    padding-right: 20px;
    background-size: 12px;
}

.menu-navigation-subitem {
    padding-right: 15px;
    margin-right: 35px;
    background-size: 8px;
}

    .menu-navigation-subitem p {
        color: #fff;
        font-size: .9em;
        -o-text-overflow: ellipsis;
        overflow: hidden;
    }

#menu-user-buttons {
    text-align: center;
    margin: 60px 0 20px;
}

.menu-user-button {
    width: 44%;
    padding: 10px 0;
}

    .menu-user-button.profile, .menu-user-button.register {
        border: none;
        border-radius: 0;
        background-color: #8b9bb1;
        color: #fff;
        margin-right: 2%;
    }

    .menu-user-button.login {
        border: none;
        border-radius: 0;
        background-color: #566880;
        color: #fff;
    }

    .menu-user-button.logout {
        border-radius: 0;
        background-color: rgba(0,0,0,0);
        color: #fff;
        border: thin solid #566880;
    }

#menu-language-combo-container {
    text-align: center;
    margin: 20px auto 25px;
    width: 90%;
    border-bottom: thin solid #fff;
    background: url(../images/common/menu-language-combo-arrow.svg) right center no-repeat;
    overflow: hidden;
}

    #menu-language-combo-container #menu-language-combo {
        width: 100%;
        background: 0 0;
        border: none;
        color: #fff;
        height: 50px;
        cursor: pointer;
    }

        #menu-language-combo-container #menu-language-combo option {
            background: #fff;
            color: #777;
            padding: 10px;
        }

#menu-social-buttons {
    text-align: center;
    margin: 50px 0 20px;
}

.menu-social-button {
    width: 60px;
    height: 60px;
    margin-left: 20px;
    border: none;
    background-color: #6d819c;
    color: #fff;
    border-radius: 100%;
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
}

    .menu-social-button:first-child {
        margin-left: 0;
    }

    .menu-social-button.facebook {
        background-image: url(../images/common/facebook-icon.svg);
    }

    .menu-social-button.twitter {
        background-image: url(../images/common/twitter-icon.svg);
    }

    .menu-social-button.linkedin {
        background-image: url(../images/common/linkedin-icon.svg);
    }

#menu-powered-container {
    text-align: center;
    padding-right: 20px;
    position: absolute;
    bottom: 10px;
    width: 100%;
}

#left-menu::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

#left-menu::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}

#left-menu::-webkit-scrollbar-thumb {
    background: #e1e1e1;
    border: 0 #fff;
    border-radius: 0;
}

    #left-menu::-webkit-scrollbar-thumb:hover {
        background: #fff;
    }

    #left-menu::-webkit-scrollbar-thumb:active {
        background: #6d819c;
    }

#left-menu::-webkit-scrollbar-track {
    background: #666;
    border: 0 #fff;
    border-radius: 0;
}

    #left-menu::-webkit-scrollbar-track:hover {
        background: #666;
    }

    #left-menu::-webkit-scrollbar-track:active {
        background: #333;
    }

#left-menu::-webkit-scrollbar-corner {
    background: 0 0;
}

.sub-header {
    background-color: #44b4e4;
    color: #fff;
    text-align: center;
    font-size: 1em;
    height: 35px;
    position: relative;
    width: 100%;
    display: none;
}

    .sub-header ul {
        display: inline-block;
        margin-top: 11px;
        width: 100%;
    }

        .sub-header ul .next-stand a, .sub-header ul .prev-stand a {
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            vertical-align: top;
        }

        .sub-header ul li {
            display: inline-block;
        }

        .sub-header ul .title-stand {
            max-width: 75%;
        }

            .sub-header ul .title-stand h1 {
                overflow: hidden;
                -o-text-overflow: ellipsis;
                max-width: 100%;
            }

        .sub-header ul .prev-stand a {
            margin-right: 10px;
            border-width: 6px 10px 6px 0;
            border-color: transparent #fff transparent transparent;
        }

            .sub-header ul .prev-stand a:hover {
                border-color: transparent rgba(255,255,255,.5) transparent transparent;
                cursor: pointer;
            }

        .sub-header ul .next-stand a {
            margin-left: 10px;
            border-width: 6px 0 6px 10px;
            border-color: transparent transparent transparent #fff;
        }

            .sub-header ul .next-stand a:hover {
                border-color: transparent transparent transparent rgba(255,255,255,.5);
                cursor: pointer;
            }

#header {
    z-index: 100;
    width: 100%;
    position: fixed;
    top: 0;
}

    #header.stand .sub-header {
        display: inherit;
    }

    #header.stand .logo-header {
        opacity: 0;
        cursor: not-allowed;
    }

    #header .header-powered-container {
        display: none;
        background-color: #ececec;
        height: 15px;
        overflow: hidden;
        position: relative;
        text-align: center;
    }

        #header .header-powered-container p {
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            position: absolute;
            font-size: 1em;
            width: 100%;
        }

            #header .header-powered-container p a {
                color: #6d819c;
                text-decoration: none;
                font-family: tajawal,Arial,Verdana,sans-serif;
            }

#header-circles .header-profile-container:hover span, .partner-name a {
    text-decoration: underline;
}

#header .header-powered-container p a .yellow {
    color: #f4ce4b;
}

#header .header-powered-container p a .violet {
    color: #62496f;
}

#header .header-powered-container .powered-logo {
    display: none;
}

    #header .header-powered-container .powered-logo img {
        width: 75px;
    }

#header .header-container {
    height: 50px;
    position: relative;
}

#header.no-home {
    -webkit-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    transition: all 250ms linear;
}

    #header.no-home #ham-button-container #ham-button, #header.no-home .header-container .logo-header {
        -o-transition: all 250ms linear;
        -moz-transition: all 250ms linear;
        -webkit-transition: all 250ms linear;
    }

    #header.no-home .header-container {
        background-color: #6d819c;
    }

        #header.no-home .header-container .logo-header {
            opacity: 1;
            display: inherit;
            transition: all 250ms linear;
        }

    #header.no-home .header-powered-container {
        display: inherit;
    }

#header button {
    border: none;
}

.logo-header {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

    .logo-header button {
        color: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: transparent;
        height: 40px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        width: 165px;
        max-width: 165px;
    }

#header-circles {
    float: right;
    height: 100%;
}

    #header-circles .header-circle-container {
        width: 30px;
        height: 100%;
        float: right;
        text-align: right;
        position: relative;
        padding-right: 25px;
        padding-left: 5px;
    }

        #header-circles .header-circle-container button {
            width: 30px;
            height: 30px;
            margin-top: 10px;
            border-radius: 100%;
            background-color: #566880;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 60%;
        }

    #header-circles .header-profile-container .header-logout-img, #header-circles .header-profile-container .header-profile-img {
        border-radius: 100%;
        margin-top: 5px;
        background-size: cover;
        background-color: #566880;
        overflow: hidden;
        background-position: center;
        background-repeat: no-repeat;
    }

    #header-circles .header-circle-container button.notifications {
        background-image: url(../images/common/menu-circle-button-notification.svg);
    }

    #header-circles .header-circle-container button.chat {
        background-image: url(../images/common/menu-circle-button-chat.svg);
    }

    #header-circles .header-circle-container img {
        top: 6px;
        right: 2px;
        position: absolute;
        display: none;
        -webkit-animation-name: example;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-iteration-count: infinite;
        animation-name: example;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
    }

        #header-circles .header-circle-container img.visible {
            display: inherit;
        }

@-webkit-keyframes example {
    0%,to {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

@keyframes example {
    0%,to {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

#header-circles .header-profile-container {
    cursor: pointer;
    width: 150px;
    height: 100%;
    float: right;
    text-align: right;
    position: relative;
    padding-right: 5px;
    display: none;
    color: #fff;
}

    #header-circles .header-profile-container .header-profile-img {
        float: right;
        width: 40px;
        height: 40px;
        position: relative;
        background-image: url(../images/profile/icon-photo.svg);
    }

        #header-circles .header-profile-container .header-profile-img img {
            width: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
        }

    #header-circles .header-profile-container .header-logout-img {
        float: right;
        width: 40px;
        height: 40px;
        position: relative;
        background-image: url(../images/profile/logout.svg);
    }

        #header-circles .header-profile-container .header-logout-img img {
            width: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
        }

    #header-circles .header-profile-container span {
        float: right;
        margin: 14px 10px 0 0;
        display: block;
        max-width: 100px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
    }

.closeIcon {
    background-image: url(../images/common/close-white.svg) !important;
    background-size: 12px !important;
}

#titles-section-header {
    float: left;
    position: fixed;
    width: 100%;
    text-align: center;
    height: 35px;
    z-index: 4;
    background-color: #44b4e4;
}

    #titles-section-header h1 {
        background: 0 0;
        border: none;
        color: #fff;
        font-size: 1em;
        padding: 0;
        margin-left: 10px;
        position: absolute;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        overflow: hidden;
        -o-text-overflow: ellipsis;
    }

#footer {
    background-color: #fff;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    float: left;
    width: 100%;
}

#fair-footer {
    background-color: #6d819c;
    text-align: center;
    display: none;
}

    #fair-footer img {
        width: 35%;
        max-width: 150px;
        margin-top: 30px;
    }

#footer-social span, #footer-social-buttons.desktop {
    display: none;
}

#footer-social-buttons {
    border-right: thin solid #fff;
    display: inline-block;
    height: 40px;
    margin-right: 22px;
    padding-right: 22px;
}

    #footer-social-buttons p {
        vertical-align: middle;
        margin-right: 15px;
        color: #fff;
    }

.footer-social-button {
    border: none;
    background-color: #566880;
    color: #fff;
}

    .footer-social-button.facebook {
        background-image: url(../images/common/facebook-icon.svg);
    }

    .footer-social-button.twitter {
        background-image: url(../images/common/twitter-icon.svg);
    }

    .footer-social-button.linkedin {
        background-image: url(../images/common/linkedin-icon.svg);
    }

    .footer-social-button.youtube {
        background-image: url(../images/common/youtube-icon.svg);
    }

    .footer-social-button.viadeo {
        background-image: url(../images/common/instagram-icon.svg);
    }

    .footer-social-button.networks {
        background-image: url(../images/common/networks-icon.svg);
    }

    .footer-social-button.google {
        background-image: url(../images/common/google-icon.svg);
    }

    .footer-social-button.flickr {
        background-image: url(../images/common/flickr-icon.svg);
    }

    .footer-social-button.wordpress {
        background-image: url(../images/common/wordpress-icon.svg);
    }

    .footer-social-button.slideshare {
        background-image: url(../images/common/slideshare-icon.svg);
    }

    .footer-social-button.spotify {
        background-image: url(../images/common/spotify-icon.svg);
    }

    .footer-social-button.foursquare {
        background-image: url(../images/common/foursquare-icon.svg);
    }

.footer-share-button {
    background-color: rgba(0,0,0,0);
    color: #fff;
    border: 2px solid #fff;
    margin: 20px 0;
    background-image: url(../images/footer/share-icon.svg);
}

.footer-share-button, .footer-social-button {
    border-radius: 100%;
    width: 35px;
    height: 35px;
    background-position: center;
    background-size: 45%;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-top: 7px;
    margin-left: 10px;
}

.partner-name {
    color: #fff;
    font-family: "LTAzer-Regular";
    padding-bottom: 15px;
}

    .partner-name img {
        width: 20px !important;
        margin-top: 0 !important;
        margin-right: 10px;
    }

    .partner-name a {
        font-family: "LTAzer-Regular";
        padding-left: 10px;
        color: #fff;
        cursor: pointer;
    }

.noty_buttons button, .noty_text, .noty_type_success, .noty_type_warning {
    font-family: tajawal,Arial,Verdana,sans-serif !important;
}

.partner-name a:hover {
    color: #fff;
}

#sponsors-footer {
    background-color: #61748f;
    padding-bottom: 25px;
    display: none;
}

#sponsors-footer-container {
    display: none;
    margin: 0 auto;
    width: 90%;
    text-align: center;
}

    #sponsors-footer-container p {
        font-size: 1.1em;
        color: #fff;
        padding: 40px 0 10px;
    }

#sponsors-list li {
    display: inline-block;
}

    #powered-container p, #sponsors-list li a {
        display: block;
    }

#heights-footer {
    background-color: #44b4e4;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}

#powered-container {
    margin: 10px 0 15px;
    float: right;
    width: 100%;
}

    #powered-container a {
        display: block;
        float: right;
        width: 100%;
    }

.powered-by-text {
    font-size: 1em;
    color: #fff;
}

#heights-logo {
    width: 30%;
    max-width: 150px;
    margin-top: 10px;
}

input[type=checkbox] + label div, input[type=radio] + label div {
    margin: -3px 9px 0 0;
    width: 13px;
    height: 13px;
    display: inline-block;
}

#copyright-text {
    font-size: .7em;
    color: #fff;
}

    #copyright-text a {
        text-decoration: none;
        color: #fff;
        cursor: pointer;
    }

#heights-footer-social span {
    display: none;
    color: #fff;
}

.heights-footer-social-button {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: rgba(0,0,0,0);
    background-size: 55%;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
}

    .heights-footer-social-button.facebook {
        background-image: url(../images/footer/facebook-heights-icon.svg);
    }

    .heights-footer-social-button.twitter {
        background-image: url(../images/footer/twitter-heights-icon.svg);
    }

    .heights-footer-social-button.linkedin {
        background-image: url(../images/footer/linkedin-heights-icon.svg);
    }

    .heights-footer-social-button.instagram {
        background-image: url(../images/footer/instagram-heights-icon.svg);
    }

Omani input[type=radio] + label span, input[type=checkbox] + label span {
    display: inline-block;
    margin: -3px 9px 0 0;
    vertical-align: top;
    cursor: pointer;
    text-align: left;
}

input[type=radio] + label div {
    vertical-align: top;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

input[type=checkbox] + label div {
    vertical-align: baseline;
    cursor: pointer;
}

input[type=checkbox] + label div, input[type=radio] + label div {
    background-color: transparent;
    border: 1px solid #6d819c;
}

input[type=checkbox]:checked + label div, input[type=radio]:checked + label div {
    background-color: #6d819c;
}

input[type=checkbox] + label div, input[type=checkbox]:checked + label div, input[type=radio] + label div, input[type=radio]:checked + label div {
    -webkit-transition: background-color .4s linear;
    -o-transition: background-color .4s linear;
    -moz-transition: background-color .4s linear;
    transition: background-color .4s linear;
}

.back-list-button {
    width: 90%;
    padding: 2% 5%;
    text-align: right;
    clear: both;
}

    .back-list-button a {
        color: #6d819c;
        display: block;
    }

header:after {
    content: "mobile";
    display: none;
}

#noty_top_layout_container {
    background-color: rgba(255,255,255,.5) !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

    #noty_top_layout_container li {
        overflow: hidden;
        border-radius: 0 !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        cursor: pointer !important;
        background-color: #6d819c !important;
        width: 50%;
        color: #fff !important;
        font-weight: 100;
        margin: 30% auto 0;
    }

.noty_buttons, .noty_message {
    border: none !important;
}

    .noty_buttons button, .noty_message {
        background-color: #6d819c !important;
        color: #fff;
    }

.noty_type_success, .noty_type_warning {
    border: none !important;
}

.noty_message {
    font-size: 1em !important;
    padding: 10px 20px !important;
}

.noty_text {
    font-size: .9em !important;
    font-weight: 100;
    line-height: 1.5em;
}

.noty_buttons button {
    border: none;
    font-size: 1em !important;
    margin-left: 0;
    border-radius: 0 !important;
    cursor: pointer;
}

#noty_bottom_layout_container li, #noty_center_layout_container li {
    border: none !important;
    border-radius: 0 !important;
}

#loginOrPassword {
    width: 80%;
    margin: 70px auto 0;
}

    #loginOrPassword .loginForm, #loginOrPassword .remindPasswordForm {
        width: 80%;
        margin: 5% auto 10%;
    }

        #loginOrPassword .loginForm .password-reminder-title, #loginOrPassword .remindPasswordForm .password-reminder-title {
            color: #6d819c;
            margin-bottom: 20px;
        }

            #loginOrPassword .loginForm .password-reminder-title h1, #loginOrPassword .remindPasswordForm .password-reminder-title h1 {
                font-size: 1.8em;
            }

        #loginOrPassword .loginForm .input-mail .loginform-remind-password, #loginOrPassword .remindPasswordForm .input-mail .loginform-remind-password {
            font-size: 1em;
            color: #777;
        }

        #loginOrPassword .loginForm .input-mail input, #loginOrPassword .remindPasswordForm .input-mail input {
            width: 96%;
            padding: 0 2%;
            border: 1px solid #ccc;
            font-size: .9em;
            height: 33px;
        }

        #loginOrPassword .loginForm .input-mail .error-login-field, #loginOrPassword .remindPasswordForm .input-mail .error-login-field {
            margin-bottom: 10px;
            font-size: .9em !important;
            color: red;
        }

        #loginOrPassword .loginForm .buttons-login, #loginOrPassword .remindPasswordForm .buttons-login {
            margin-top: 15px;
        }

            #loginOrPassword .loginForm .buttons-login .button-login, #loginOrPassword .remindPasswordForm .buttons-login .button-login {
                width: 100%;
                height: 40px;
                padding: 0;
            }

            #loginOrPassword .loginForm .buttons-login p, #loginOrPassword .remindPasswordForm .buttons-login p {
                text-align: center;
                line-height: 2.2em;
                display: block;
                width: 100%;
                clear: both;
            }

            #loginOrPassword .loginForm .buttons-login .button-register, #loginOrPassword .remindPasswordForm .buttons-login .button-register {
                background-color: #566880;
                width: 100%;
                height: 40px;
                padding: 0;
                -webkit-transition: all .1s ease-in;
                -moz-transition: all .1s ease-in;
                -o-transition: all .1s ease-in;
                transition: all .1s ease-in;
            }

                #loginOrPassword .loginForm .buttons-login .button-register:hover, #loginOrPassword .remindPasswordForm .buttons-login .button-register:hover {
                    background-color: #6d819c;
                }

#loginHomeContainer #loginOrPassword .loginForm, #loginHomeContainer #loginOrPassword .remindPasswordForm {
    width: 100%;
}

.login-icon {
    background-color: #44b4e4;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    margin: 15% auto;
}

    .login-icon img {
        width: 100%;
    }

.container-incompleted-profile {
    background-color: #fff;
    padding: 20px 0 !important;
    float: left;
    width: 100%;
}

    .container-incompleted-profile p {
        margin: 20px 0 50px;
        text-align: center;
    }

    .container-incompleted-profile .button-incompleted-profile, .container-incompleted-profile .button-incompleted-profile-cancel {
        width: 35%;
        padding: 2% 0;
        float: right;
    }

    .container-incompleted-profile .button-incompleted-profile-cancel {
        width: 25%;
        background-color: transparent;
        color: #6d819c !important;
    }

        .container-incompleted-profile .button-incompleted-profile-cancel:hover {
            background-color: transparent;
            color: #566880 !important;
        }

.share-container {
    text-align: center;
    background-color: #fff;
    width: 400px;
    margin: 0 auto;
}

    .share-container ul {
        width: 90%;
        margin: 0 5%;
        float: left;
        padding: 10px 0;
    }

        .share-container ul li {
            float: left;
            width: 100%;
        }

            .share-container ul li button {
                float: left;
                width: 100%;
                border: none;
                background-color: transparent;
                margin: 5px 0;
            }

            .share-container ul li p {
                float: left;
                margin-top: 15px;
                margin-left: 11px;
            }

.shareFacebook, .shareFlickr, .shareFoursquare, .shareGoogle, .shareLinkedin, .shareSlideshare, .shareSpotify, .shareTwitter, .shareViadeo, .shareWordpress, .shareYoutube {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: left;
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    border: none;
    background-image: url(../images/common/facebook-icon.svg);
    background-color: #3b5998;
}

.shareTwitter {
    background-image: url(../images/common/twitter-icon.svg);
    background-color: #55acee;
}

.shareLinkedin {
    background-image: url(../images/common/linkedin-icon.svg);
    background-color: #017bb6;
}

.shareYoutube {
    background-image: url(../images/common/youtube-icon.svg);
    background-color: #CD332D;
}

.shareViadeo {
    background-image: url(../images/common/instagram-icon.svg);
    background-color: #F36D24;
}

.shareFlickr {
    background-image: url(../images/common/flickr-icon.svg);
    background-color: #ff0084;
}

.shareGoogle {
    background-image: url(../images/common/google-icon.svg);
    background-color: #dd5044;
}

.shareWordpress {
    background-image: url(../images/common/wordpress-icon.svg);
    background-color: #31488a;
}

.shareSlideshare {
    background-image: url(../images/common/slideshare-icon.svg);
    background-color: #f89225;
}

.shareSpotify {
    background-image: url(../images/common/spotify-icon.svg);
    background-color: #79B843;
}

.shareFoursquare {
    background-image: url(../images/common/foursquare-icon.svg);
    background-color: #0732a2;
}

#menuBottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-height: 400px;
    overflow: auto;
}

    #menuBottom p {
        font-size: 1.5em;
        margin-top: 10px;
        margin-left: 20px;
        text-align: left;
    }

    #menuBottom ul {
        width: 90%;
        margin: 0 5%;
    }

        #menuBottom ul li {
            width: 100%;
            float: left;
            text-align: left;
        }

            #menuBottom ul li button {
                width: 100%;
                display: block;
                float: left;
                margin: 3px 0;
            }

            #menuBottom ul li p {
                float: left;
                font-size: 1em;
                padding-top: 8px;
                margin-left: 12px;
            }

#close-share-menu-button {
    width: 25px;
    height: 25px;
    display: block;
    float: right;
    background-image: url(../images/common/close-cursor.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 6px;
}

.paginator {
    text-align: center;
    margin: 7px 0 25px;
    color: #777 !important;
    font-size: 1.1em;
}

    .paginator .paginator-first-button, .paginator .paginator-last-button, .paginator .paginator-next-button, .paginator .paginator-prev-button {
        display: inline-block;
        width: 35px;
        height: 35px;
        background-size: 50%;
        border: none;
        border-radius: 100%;
        vertical-align: middle;
    }

    .paginator .paginator-first-button {
        background-image: url(../images/common/paginator-first-button.svg);
        display: inline-block;
        background-color: #566880;
        margin: 0;
        background-position: center;
        background-repeat: no-repeat;
    }

    .paginator .paginator-next-button, .paginator .paginator-prev-button {
        background-color: #6d819c;
        margin: 0 12px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .paginator .paginator-prev-button {
        background-image: url(../images/common/paginator-prev-button.svg);
    }

    .paginator .paginator-next-button {
        background-image: url(../images/common/paginator-next-button.svg);
    }

    .paginator .paginator-last-button {
        background-image: url(../images/common/paginator-last-button.svg);
        background-color: #566880;
        margin: 0;
        background-position: center;
        background-repeat: no-repeat;
    }

    .paginator .paginator-number-button {
        border: none;
        background: 0 0;
    }

    .paginator .paginator-number-current-button {
        border: none;
        background: 0 0;
        color: #6d819c;
        font-size: 1.4em;
        cursor: default;
    }

#background, .replay-video-button, .speechHome-stop-button {
    background-position: center;
    background-repeat: no-repeat;
}

.paginator div {
    display: none;
}

#ham-button-container {
    position: relative;
    float: left;
    height: 100%;
    cursor: pointer;
    padding-left: 15px;
}

    #ham-button-container #ham-button {
        width: 30px;
        height: 25px;
        position: absolute;
        left: 15px;
        z-index: 1000000000;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
    }

        #ham-button-container #ham-button .second-line {
            top: 50%;
            transform: translate(0,-50%);
            -webkit-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            position: absolute;
            width: 100%;
            height: 4px;
            background-color: #fff;
        }

        #ham-button-container #ham-button:before {
            content: "";
            width: 100%;
            height: 4px;
            background-color: #fff;
            position: absolute;
            top: 0;
            -webkit-transition: all .2s ease-out;
            -o-transition: all .2s ease-out;
            transition: all .2s ease-out;
            left: 0;
        }

        #ham-button-container #ham-button:after {
            content: "";
            width: 100%;
            height: 4px;
            background-color: #fff;
            position: absolute;
            bottom: 0;
            -webkit-transition: all .2s ease-out;
            -o-transition: all .2s ease-out;
            transition: all .2s ease-out;
            left: 0;
        }

    #ham-button-container span {
        color: #fff;
        margin-left: 55px;
        margin-top: 25px;
        display: none;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
    }

#header.no-home #ham-button-container #ham-button {
    width: 20px;
    height: 16px;
    webkit-transition: all 250ms linear;
    transition: all 250ms linear;
}

    #header.no-home #ham-button-container #ham-button .second-line, #header.no-home #ham-button-container #ham-button:after, #header.no-home #ham-button-container #ham-button:before {
        height: 3px;
    }

#header.no-home #ham-button-container span {
    margin-right: 45px;
    webkit-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
}

#background-container {
    position: relative;
}

#background {
    height: 100%;
    width: 100%;
    background-size: cover;
    overflow: hidden;
    position: fixed;
    transform: translateZ(-1);
    -webkit-transform: translateZ(-1);
}

    #background video {
        display: none;
    }

#background-dark-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.1);
}

#fair-info-home-container {
    text-align: center;
    padding-top: 60px;
    position: absolute;
    width: 100%;
}

    #fair-info-home-container img#fair-logo {
        width: 60%;
        max-width: 250px;
        display: none;
    }

    #fair-info-home-container h2 {
        font-family: "LTAzer-Regular";
        color: #fff;
        font-size: 1.3em;
        padding-top: 10px;
    }

    #fair-info-home-container button, .home-register-button-container button {
        border: none;
        background-color: #6d819c;
        font-family: "LTAzer-Regular";
        color: #fff;
    }

    #fair-info-home-container button {
        border-radius: 30px;
        font-size: 22px;
        margin-top: 30px;
    }

#home-register-buttons {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.home-register-button-container {
    width: 50%;
}

    .home-register-button-container button {
        border-radius: 0;
        margin: 0;
        width: 90%;
        font-size: 1.1em;
        padding: 10px 0;
    }

    .home-register-button-container.left {
        float: left;
    }

        .home-register-button-container.left button, .home-register-button-container.right {
            float: right;
        }

            .home-register-button-container.right button {
                float: left;
                border: none;
                border-radius: 0;
                background-color: #8b9bb1;
                color: #fff;
            }

#home-pavillion-entities-list, #home-pavillions {
    background-color: #fff;
    -webkit-box-shadow: 0 -20px 15px 0 rgba(50,50,50,.2);
    -moz-box-shadow: 0 -20px 15px 0 rgba(50,50,50,.2);
    box-shadow: 0 -20px 15px 0 rgba(50,50,50,.2);
    padding-bottom: 0 !important;
    position: relative;
}

#home-pavillions {
    padding-bottom: 50px !important;
}

#home-pavillion-entities-list {
    padding-bottom: 0;
}

.speechHome-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

    .speechHome-container .video-home-rectangulo {
        display: block;
        position: fixed;
        top: 85%;
        left: 80%;
        max-width: 25%;
        min-width: 25%;
        min-height: auto;
    }

.video-home-canvas {
    position: absolute;
    bottom: 0;
    right: 20px;
}

.speechHome-stop-button {
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 100%;
    background-color: rgba(242,0,38,0);
    background-image: url(../images/home/speechHome-close-button-icon.svg);
    background-size: 15px;
    position: absolute;
    bottom: 410px;
    left: 640px;
}

#replay-video-container {
    position: absolute;
    bottom: 20px;
    left: 30px;
    display: none;
}

.replay-video-button {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    border: none;
    border-radius: 100%;
    background-color: #6d819c;
    background-image: url(../images/home/replay-video-button-icon.svg);
    background-size: 17px;
    cursor: pointer;
}

#chatOpenerContainer {
    text-align: right;
    padding-top: 2px;
    padding-right: 10px;
    float: right;
    display: none;
}

    #chatOpenerContainer #chatOpener {
        width: 140px;
        height: 50px;
        background: #44b4e4;
        position: relative;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 20px;
    }

        #chatOpenerContainer #chatOpener button, #chatOpenerContainer #chatOpener p {
            display: inline-block;
            vertical-align: middle;
            padding: 15px 0 15px 10px;
        }

        #chatOpenerContainer #chatOpener p {
            color: #fff;
            margin-left: 8px;
            margin-right: 16px;
            text-align: center;
        }

        #chatOpenerContainer #chatOpener:before {
            content: "";
            position: absolute;
            left: 78%;
            bottom: 85%;
            width: 0;
            height: 0;
            border-right: 13px solid transparent;
            border-bottom: 26px solid #44b4e4;
            border-left: 13px solid transparent;
        }

.pavillion-container {
    width: 100%;
    max-width: 900px;
    height: 250px;
    margin: 25px auto 0;
    position: relative;
}

    .pavillion-container:first-child {
        margin-top: 0;
    }

    .pavillion-container#pavillionA .over-brightness {
        background-image: url(../images/images/pavillionA-thumb.jpg);
    }

    .pavillion-container#pavillionB .over-brightness {
        background-image: url(../images/images/pavillionB-thumb.jpg);
    }

    .pavillion-container#pavillionC .over-brightness {
        background-image: url(../images/images/pavillionC-thumb.jpg);
    }

    .pavillion-container#pavillionD .over-brightness {
        background-image: url(../images/images/pavillionD-thumb.jpg);
    }

    .pavillion-container#pavillionE .over-brightness {
        background-image: url(../images/images/pavillionE-thumb.jpg);
    }

    .pavillion-container#pavillionF .over-brightness {
        background-image: url(../images/images/pavillionF-thumb.jpg);
    }

    .pavillion-container .over-brightness {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-position: center;
        background-size: cover;
    }

    .pavillion-container .over-button {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }

        .pavillion-container .over-button button {
            border: none;
            color: #fff;
            border-radius: 100%;
            width: 100px;
            height: 100px;
            font-size: 8em;
            line-height: .8;
            background-color: #263959;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            position: absolute;
        }

.pavillion-name-container {
    background-color: rgba(0,0,0,.5);
    padding: 12px 7px;
}

    .pavillion-name-container p {
        color: #fff;
        font-family: "LTAzer-Regular";
        float: right;
        font-size: 1.3em;
        margin-top: 5px;
    }

.containerListClass, .imagePavilionClass {
    margin-top: 100px;
}

.pavillion-name-container p span.pavilion-name {
    font-family: "LTAzer-Regular";
    font-size: .8em;
}

.pavillion-name-container button {
    float: left;
    border: none;
    color: #fff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    font-size: 3em;
    line-height: .8;
    background-color: #263959;
}

#pavillion-image-container {
    display: none;
    overflow: hidden;
    position: relative;
}

    #pavillion-image-container #pavillion-image-shadow {
        box-shadow: inset -2px -15px 14px -4px rgba(0,0,0,.4);
        -webkit-box-shadow: inset -2px -15px 14px -4px rgba(0,0,0,.4);
        -moz-box-shadow: inset -2px -15px 14px -4px rgba(0,0,0,.4);
        -o-box-shadow: inset -2px -15px 14px -4px rgba(0,0,0,.4);
        position: absolute;
        bottom: 0;
        height: 25px;
        width: 100%;
    }

#pavillion-image {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    cursor: move;
}

    #pavillion-image img {
        width: 100%;
        position: absolute;
    }

#offers-filters-container, #pavillion-filters-container {
    background-color: #3c0f5e;
    padding: 15px 0;
    /*display: none;*/
    position: relative;
}

    #offers-filters-container #offers-filters, #offers-filters-container #pavillion-filters, #pavillion-filters-container #offers-filters, #pavillion-filters-container #pavillion-filters {
        text-align: center;
    }

        #offers-filters-container #offers-filters button, #offers-filters-container #offers-filters div, #offers-filters-container #pavillion-filters button, #offers-filters-container #pavillion-filters div, #pavillion-filters-container #offers-filters button, #pavillion-filters-container #offers-filters div, #pavillion-filters-container #pavillion-filters button, #pavillion-filters-container #pavillion-filters div {
            display: inline-block;
        }

.desktop-list-combo-container, .desktop-list-input-container {
    background-color: #fff;
    padding: 0 30px 0 10px;
    overflow: hidden;
    height: 35px;
}

.desktop-list-combo-container {
    background-image: url(../images/lists/filters-combo-bkg.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 20px;
}

    .desktop-list-combo-container.description {
        width: 100%;
    }

    .desktop-list-combo-container.company {
        width: 10%;
    }

.desktop-list-remove-filter-container {
    overflow: hidden;
}

.desktop-list-combo, .desktop-list-input {
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 1em;
    color: #777;
}

.desktop-list-combo {
    width: 130%;
}

.desktop-list-remove-filters, .desktop-list-search-filters {
    height: 35px;
    width: 70px;
    border: none;
    border-radius: 0;
    background-color: #1f386d;
    color: #fff;
    margin-left: 5px;
    padding: 0 10px;
}

    .desktop-list-remove-filters img, .desktop-list-search-filters img {
        width: 15px;
    }

.desktop-list-remove-filters {
    margin-left: 5px;
}

#pavillion-legend {
    height: 10px;
    margin: 0 auto 0 10px;
    padding-top: 15px;
    clear: both;
    text-align: center;
    display: none;
}

    #pavillion-legend ul {
        margin: 0 auto;
    }

        #pavillion-legend ul li {
            display: inline-block;
            margin-right: 10px;
        }

            #pavillion-legend ul li p {
                float: left;
                font-size: .9em;
            }

.pavilionListClass {
    margin-top: 0 !important;
}

.icon-pavillion-legend {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin: 1px 5px 0 0;
    float: left;
}

    .icon-pavillion-legend.platinum {
        background-color: #dfdfdf;
    }

    .icon-pavillion-legend.gold {
        background-color: #ffdb14;
    }

    .icon-pavillion-legend.silver {
        background-color: #9b9b9b;
    }

    .icon-pavillion-legend.bronze {
        background-color: #fb9620;
    }

#change-pavillion-container {
    margin-top: 65px;
    height: 35px;
    background-color: #44b4e4;
    position: relative;
}

    #change-pavillion-container #change-combo-pavillion-container {
        float: left;
        overflow: hidden;
        background-image: url(../images/pavillions/change-pavillion-combo-bkg.svg);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 20px;
    }

        #change-pavillion-container #change-combo-pavillion-container select {
            height: 35px;
            background: 0 0;
            border: none;
            color: #fff;
            width: 100%;
            margin-right: 30px;
            margin-left: 10px;
        }

            #change-pavillion-container #change-combo-pavillion-container select option {
                color: #333;
            }

    #change-pavillion-container button {
        height: 35px;
        width: 55px;
        float: right;
        margin-left: 10px;
        background: url(../images/lists/lists-search-button-icon.svg) center no-repeat #23966e;
        border: none;
        background-size: 45%;
        position: absolute;
        top: 0;
    }

.filterHeader, .pavillionHeader {
    position: fixed !important;
    width: 100%;
}

#change-pavillion-container p {
    color: #fff;
    padding-top: 12px;
    text-align: center;
    float: left;
    margin-left: 10px;
}

.pavillionHeader {
    top: 0;
    z-index: 10;
}

.filterHeader {
    top: 120px;
    z-index: 22;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

.stand-arrows-left, .stand-arrows-right, .vmodal-header a {
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
}

.entities-type-header {
    padding-top: 15px;
    padding-left: 10px;
}

    .entities-type-header .entities-type-img, .entities-type-header h2 {
        float: left;
    }

    .entities-type-header h2 {
        color: #666;
        font-size: 1.2em;
        padding-left: 5px;
    }

.translate-div {
    background-color: #fff;
    transform: translateZ(0);
    padding-bottom: 50px;
    min-height: 400px;
}

#entities-list {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

.column {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.entity-list-item {
    width: 100%;
    float: right;
}

.entities-type-img {
    border-radius: 100%;
    width: 22px;
    height: 22px;
}

    .entities-type-img.platinum {
        background-color: #dfdfdf;
    }

    .entities-type-img.gold {
        background-color: #ffdb14;
    }

    .entities-type-img.silver {
        background-color: #9b9b9b;
    }

    .entities-type-img.bronze {
        background-color: #fb9620;
    }

.entities-list-row.platinum, .entities-type-header-container.platinum {
    background-color: #dfdfdf;
}

.entities-list-row.gold, .entities-type-header-container.gold {
    background-color: #ffdb14;
}

.entities-list-row.silver, .entities-type-header-container.silver {
    background-color: #9b9b9b;
}

.entities-list-row.bronze, .entities-type-header-container.bronze {
    background-color: #fb9620;
}

.entities-list-row, .entities-type-header-container {
    padding-bottom: 20px;
}

    .entities-list-row .entities-list-item:first-child {
        padding-top: 0;
    }

.entities-list-item {
    padding-top: 10px;
    margin: 0 10px;
    float: none;
}

.entities-list-item-over {
    opacity: 0;
    position: absolute;
}

.entities-list-item-logo {
    float: left;
    border: thin solid #ccc;
    position: relative;
    height: 100px;
    background-color: #fff;
    overflow: hidden;
}

    .entities-list-item-logo img {
        width: 95%;
        max-height: 88px;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        position: absolute;
    }

.status-online {
    background-image: url(../images/pavillions/chat-on-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    background-size: contain;
    height: 15px;
    position: absolute;
    top: 5px;
    left: 5px;
}

.item-list-language {
    position: absolute;
    right: 5px;
}

.entities-list-item-info {
    background-color: #6d819c;
    height: 102px;
    width: 65%;
    float: left;
    color: #fff;
}

    .entities-list-item-info h3 {
        margin: 10px 5px 0 15px;
        font-size: 1em;
        font-family: "LTAzer-Regular";
        height: 30px;
    }

    .entities-list-item-info p {
        margin: 40px 0 0 15px;
    }

.info-offers {
    float: left;
    font-size: .9em;
    margin-top: 10px;
}

.icon-entity-category {
    height: 13px;
    width: 13px;
    background-color: #6d819c;
    border: 2px solid #fff;
    border-radius: 50%;
    float: right;
    display: none;
    margin: 37px 5px 0;
}

    .icon-entity-category.platinum {
        background-color: #dfdfdf;
    }

    .icon-entity-category.gold {
        background-color: #ffdb14;
    }

    .icon-entity-category.silver {
        background-color: #9b9b9b;
    }

    .icon-entity-category.bronze {
        background-color: #fb9620;
    }

.info-language {
    float: right;
    margin-top: 10px;
}

.item-list-test-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

    .item-list-test-container .item-list-test-bar-bkg {
        background-color: #ccc;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 7px;
    }

    .item-list-test-container .item-list-test-bar-container {
        min-width: 20px;
        position: absolute;
        bottom: 0;
        color: #777;
        font-size: .8em;
    }

        .item-list-test-container .item-list-test-bar-container .item-list-test-value {
            position: absolute;
            bottom: 9px;
            right: 4px;
        }

        .item-list-test-container .item-list-test-bar-container .item-list-test-bar {
            background-color: #263959;
            position: absolute;
            bottom: 0;
            left: 0;
            height: 7px;
            width: 100%;
        }

#search-results {
    background-color: #f8f8f8;
    position: relative;
    height: 30px;
    float: left;
    width: 100%;
}

    #search-results p {
        float: left;
        top: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        position: absolute;
        padding-left: 10px;
        font-size: 1.1em;
        color: #6d819c;
    }

    #search-results button {
        height: 100%;
        width: 55px;
        float: right;
        background: center no-repeat #eee;
        border: none;
        background-size: 50%;
        color: #6d819c;
        font-family: "LTAzer-Regular";
        font-size: 1.3em;
    }

#background-stand, .empty-agenda-icon, .empty-search-icon, .loading-icon, .stand-arrows-left, .stand-arrows-right {
    background-position: center;
    background-repeat: no-repeat;
}

#mobile-filters-container {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: 10000;
    display: none;
    top: 55px;
}

.mobile-filters {
    width: 85%;
    float: right;
    max-width: 400px;
    background-color: #566880;
    height: 100%;
    position: fixed;
    top: 65px;
    right: 0;
    overflow: auto;
    padding-bottom: 15px;
}

    .mobile-filters #menu-header p {
        margin-top: 0;
    }

    .mobile-filters #menu-header #close-menu-button {
        margin-top: 5px;
    }

#vmodaljob-body .mobile-filters {
    top: 80px;
}

#mobile-filters-form {
    padding: 20px 15px 50px;
}

    #mobile-filters-form div {
        margin-top: 25px;
    }

#mobile-filters-buttons {
    padding: 0 15px;
    margin-bottom: 100px;
}

#mobile-filters-clean, #mobile-filters-search {
    width: 48%;
    padding: 10px 0;
}

#mobile-filters-search {
    border-radius: 0;
    background-color: #6d819c;
    color: #fff;
    float: left;
    border: thin solid #6d819c;
}

#mobile-filters-clean {
    border-radius: 0;
    background-color: rgba(0,0,0,0);
    color: #fff;
    float: right;
    border: thin solid #fff;
}

.loading-cover-container {
    overflow: visible !important;
    height: 100%;
    background-color: rgba(255,255,255,.6);
    top: 0;
    left: 0;
    z-index: 99999999999999999999999;
    width: 100%;
    text-align: center;
    color: #6d819c;
    float: left;
    font-size: 1.5em;
    position: fixed;
}

.loading-cover {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

    .loading-cover .loading-icon {
        display: none;
    }

.empty-search-container {
    width: 100%;
    text-align: center;
    margin-top: 60px;
}

    .empty-search-container P {
        margin: 20px 0;
    }

.empty-agenda-icon, .empty-search-icon, .loading-icon {
    height: 100px;
    width: 100px;
    background-color: #e0e0e0;
    background-image: url(../images/pavillions/empty-search.svg);
    background-size: 80%;
    border-radius: 50%;
    margin: 0 auto;
}

.empty-agenda-icon {
    background-image: url(../images/agenda/empty-agenda.svg);
    margin-bottom: 20px;
}

.loading-icon {
    background-image: url(../images/common/loading-icon.svg);
    margin-bottom: 20px;
}

#background-stand-container {
    position: relative;
    height: 230px;
    margin-top: 65px;
}

#background-stand {
    height: 230px;
    width: 100%;
    background-size: cover;
    overflow: hidden;
    position: fixed;
    transform: translateZ(-1);
    -webkit-transform: translateZ(-1);
}

    #background-stand video {
        display: none;
    }

.stand-arrows {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    width: 100%;
}

.stand-arrows-left, .stand-arrows-right {
    background-color: transparent;
    border: none;
    background-size: contain;
    height: 33px;
    width: 23px;
    transition: opacity .2s ease-in-out;
}

    .stand-arrows-left:hover, .stand-arrows-right:hover {
        opacity: .6;
    }

.stand-arrows-left {
    float: left;
    background-image: url(../images/stand/stand-arrow-left.svg);
}

.stand-arrows-right {
    float: right;
    background-image: url(../images/stand/stand-arrow-right.svg);
}

.tooltips-list {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

    .tooltips-list h2 {
        padding-top: 3%;
        font-size: .9em;
        color: #6d819c;
        text-align: center;
        margin-bottom: 3%;
    }

.tooltips-list-social {
    padding: 0 3%;
    height: 30px;
    margin-top: -30px;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    color: #fff;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.11) 22%,rgba(0,0,0,.52) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,rgba(0,0,0,0)),color-stop(22%,rgba(0,0,0,.11)),color-stop(100%,rgba(0,0,0,.52)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.11) 22%,rgba(0,0,0,.52) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.11) 22%,rgba(0,0,0,.52) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.11) 22%,rgba(0,0,0,.52) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 1%,rgba(0,0,0,.11) 22%,rgba(0,0,0,.52) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#85000000', GradientType=0);
}

    .tooltips-list-social span {
        float: right;
        margin-top: 3px;
        margin-right: 3px;
        display: none;
    }

.stand-language, .stand-separator, .stand-slogan {
    float: left;
    margin-top: 3px;
    display: none;
}

.stand-slogan {
    width: 80%;
    overflow: hidden;
    word-wrap: break-word;
}

.icon-social-stand a, .tooltipList li a {
    background-position: center;
    display: block;
}

.icon-social-stand {
    float: right;
}

    .icon-social-stand a {
        background-repeat: no-repeat;
        background-size: contain;
        width: 30px;
        height: 30px;
    }

.tooltipList li a, .vmodal-header a {
    background-size: cover;
    background-repeat: no-repeat;
}

.icon-social-stand a.facebook {
    background-image: url(../images/common/facebook-icon.svg);
}

.icon-social-stand a.twitter {
    background-image: url(../images/common/twitter-icon.svg);
}

.swiper-slide {
    background-position: center;
}

.tooltips-info {
    background-color: #fff !important;
    padding: 5% 0;
}

.tooltips-multimedia, .tooltips-press {
    background-color: #f8f8f8 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding: 5% 0;
}

.tooltips-multimedia {
    background-color: #eee !important;
    padding: 5% 0;
}

.tooltipList li {
    width: 100%;
    float: right;
}

    .tooltipList li a {
        float: right;
        width: 55px;
        height: 55px;
        position: relative;
        border-radius: 100%;
        margin-left: 5%;
        text-decoration: none;
        color: inherit;
        cursor: pointer;
    }

        .tooltipList li a img {
            opacity: 0;
            -webkit-transition: .25s ease-in;
            -moz-transition: .25s ease-in;
            -o-transition: .25s ease-in;
            transition: .25s ease-in;
        }

.filter-job-offers a:hover, .info-input-modal-header a:hover, .vmodal-header a:hover {
    opacity: .7;
}

.clear-tooltip {
    width: 100%;
    float: left;
    clear: both;
    display: none;
}

.tooltip-text {
    float: left;
    height: 50px;
    margin-top: 20px;
    margin-left: 5%;
    width: 65%;
    overflow: hidden;
}

    .tooltip-text a {
        width: 100% !important;
        height: auto !important;
        border-radius: 0 !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.tooltip-profile {
    background-color: #f08b72;
    background-image: url(../images/stand/tooltips/icon-profile.svg);
}

.tooltip-mailbox {
    background-color: #ef7979;
    background-image: url(../images/stand/tooltips/icon-mailbox.svg);
}

.tooltip-offers {
    background-color: #ef7897;
    background-image: url(../images/stand/tooltips/icon-offers.svg);
}

.tooltip-submitCV {
    background-color: #e981c5;
    background-image: url(../images/stand/tooltips/icon-submitCV.svg);
}

.tooltip-chat {
    background-color: #d17bf1;
    background-image: url(../images/stand/tooltips/icon-chat.svg);
}

.tooltip-meeting {
    background-color: #9e68e2;
    background-image: url(../images/stand/tooltips/icon-meeting.svg);
}

.tooltip-socialNetworks {
    background-color: #7553e2;
    background-image: url(../images/stand/tooltips/icon-socialNetworks.svg);
}

.tooltip-download {
    background-color: #3153c6;
    background-image: url(../images/stand/tooltips/icon-download.svg);
}

.tooltip-webcast {
    background-color: #62a7fd;
    background-image: url(../images/stand/tooltips/icon-webcast.svg);
}

.tooltip-products {
    background-color: #76d2f8;
    background-image: url(../images/stand/tooltips/icon-products.svg);
}

.tooltip-experiences {
    background-color: #65f0eb;
    background-image: url(../images/stand/tooltips/icon-experiences.svg);
}

.tooltip-agendachats {
    background-color: #4a7ede;
    background-image: url(../images/stand/tooltips/icon-agendachats.svg);
}

.tooltip-advices {
    background-color: #40dbc3;
    background-image: url(../images/stand/tooltips/icon-advices.svg);
}

.tooltip-survey {
    background-color: #62d994;
    background-image: url(../images/stand/tooltips/icon-survey.svg);
}

.tooltip-links {
    background-color: #9fdb64;
    background-image: url(../images/stand/tooltips/icon-link.svg);
}

.tooltip-videos {
    background-color: #f8d049;
    background-image: url(../images/stand/tooltips/icon-videos.svg);
}

.tooltip-banners {
    background-color: #edaf3a;
    background-image: url(../images/stand/tooltips/icon-banners.svg);
}

.tooltip-posters {
    background-color: #db9000;
    background-image: url(../images/stand/tooltips/icon-posters.svg);
}

.tooltip-gallery {
    background-color: #e58719;
    background-image: url(../images/stand/tooltips/icon-gallery.svg);
}

.tooltip-resourcesAndLinks {
    background-color: #e56719;
    background-image: url(../images/stand/tooltips/icon-resourcesAndLinks.svg);
}

.tooltip-faq {
    background-color: #554cc9;
    background-image: url(../images/stand/tooltips/icon-faq.svg);
}

.tooltip-maininfo, .tooltip-maininfo2 {
    background-image: url(../images/stand/tooltips/icon-mainInfo.svg);
}

.tooltip-maininfo {
    background-color: #aec11d;
}

.tooltip-maininfo2 {
    background-color: #cb4b1c;
}

.button-goto-pavillion {
    background-color: #fff;
    text-align: center;
}

    .button-goto-pavillion button {
        background-color: #6d819c;
        color: #fff;
        text-transform: uppercase;
        border: none;
        padding: 4% 5%;
        margin: 7% 0;
        -webkit-transition: background-color .35s ease-out;
        -moz-transition: background-color .35s ease-out;
        -o-transition: background-color .35s ease-out;
        transition: background-color .35s ease-out;
    }

        .button-goto-pavillion button:hover {
            background-color: #0b72fe;
            cursor: pointer;
        }

.bounce {
    width: 100px;
    height: 100px;
    background-color: red;
    position: relative;
    -moz-animation: flecha 2s infinite;
    -webkit-animation: flecha 2s infinite;
    animation: flecha 2s infinite;
}

@keyframes flecha {
    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }
}

#stand-godown-button {
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    bottom: 60px;
    width: 53px;
    height: 53px;
    background-color: #263959;
    border-radius: 100%;
    border: none;
    background-image: url(../images/stand/godown-button.svg);
    background-position: center 17px;
    background-repeat: no-repeat;
    display: none;
}

    #stand-godown-button:hover {
        background-color: #35507d;
    }

.centered-vmodal-vertical {
    top: 30%;
    transform: translate(-30%,0);
    -webkit-transform: translate(0,-30%);
    -moz-transform: translate(0,-30%);
    -o-transform: translate(0,-30%);
    -ms-transform: translate(0,-30%);
    position: absolute;
}

.vmodalMessageNoLoggedUser {
    padding: 10% 0;
    text-align: center;
    color: #777;
    font-size: 1.01em !important;
    ine-height: 1.5em;
}

.bkg-container-modales {
    position: fixed;
    background-color: rgba(0,0,0,.4);
    width: 100%;
    z-index: 300;
    top: 50px;
    left: 0;
}

.vmodal, .vmodal-jobsoffers, .vmodal-small {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    top: 65px;
    left: 0;
}

    .vmodal h1, .vmodal-jobsoffers h1, .vmodal-small h1 {
        font-size: 1.5em;
    }

    .vmodal h2, .vmodal-jobsoffers h2, .vmodal-small h2 {
        font-size: .8em;
    }

    .vmodal p, .vmodal-jobsoffers p, .vmodal-small p {
        font-size: 1em;
        line-height: 2em;
    }

    .vmodal button, .vmodal-jobsoffers button, .vmodal-small button {
        border: none;
        cursor: pointer;
    }

    .vmodal input, .vmodal select, .vmodal-jobsoffers input, .vmodal-jobsoffers select, .vmodal-small input, .vmodal-small select {
        line-height: 1.5em;
        -webkit-appearance: none;
        padding: 5px 0;
    }

    .vmodal textarea, .vmodal-jobsoffers textarea, .vmodal-small textarea {
        font-size: 1em;
        line-height: 1.5em;
        padding: 5px 0;
    }

    .vmodal .job-item, .vmodal-jobsoffers .job-item, .vmodal-small .job-item {
        width: 100%;
        margin: 0;
        display: block;
        cursor: pointer;
    }

        .vmodal .job-item:hover, .vmodal-jobsoffers .job-item:hover, .vmodal-small .job-item:hover {
            background-color: #fef3f6;
        }

.button-main-centered {
    margin: 0;
}

a.button-secondary {
    color: #fff !important;
    text-decoration: none;
}

.vmodal-header {
    color: #fff;
    width: 100%;
    float: left;
    position: relative;
    z-index: 3;
    clear: both;
    font-size: 1.5em;
    height: 30px;
    letter-spacing: 1px;
}

    .vmodal-header span {
        position: absolute;
        float: left;
        margin-left: 12px;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
    }

    .vmodal-header a {
        display: block;
        cursor: pointer !important;
        height: 15px;
        width: 15px;
        position: absolute;
        left: 0;
        margin-left: 3%;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        background-image: url(../images/common/close-white.svg);
        transition: opacity .2s ease-in-out;
    }

.vmodal-body {
    float: left;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
}

    .vmodal-body #loginOrPassword {
        margin: 20px auto 0;
    }

        .vmodal-body #loginOrPassword .loginForm, .vmodal-body #loginOrPassword .remindPasswordForm {
            width: 100%;
        }

            .vmodal-body #loginOrPassword .remindPasswordForm .password-reminder-title {
                font-size: .9em;
                margin-top: 50px;
            }

.container-body-modal, .container-body-modal-big {
    width: 90%;
    padding: 0 5%;
}

    .container-body-modal a, .container-body-modal-big a {
        color: inherit;
    }

    .container-body-modal input, .container-body-modal select, .container-body-modal textarea, .container-body-modal-big input, .container-body-modal-big select, .container-body-modal-big textarea {
        width: 98%;
        padding-left: 2%;
        margin-bottom: 0;
        box-shadow: inset 0 0 2px #9a9a9a;
        border: none;
    }

    .container-body-modal textarea, .container-body-modal-big textarea {
        resize: none;
    }

.vmodal-intro-text {
    margin: 3% 0;
}

.button-goback-vmodal {
    width: 50% !important;
    margin: 0 25% !important;
}

#startTime {
    float: right;
    width: 44%;
    text-transform: none;
    border-radius: 0 !important;
    border: none;
    background: url(../images/register/arrow-select.svg) 93% center no-repeat #fff;
    box-shadow: inset 0 0 2px #9a9a9a;
    color: #9e68e2;
}

.arrow-left, .arrow-right {
    width: 0;
    height: 0;
    border-style: solid;
    cursor: pointer;
    position: absolute;
    top: 45%;
    z-index: 10000;
}

.arrow-left {
    float: left;
    border-width: 15px 15px 15px 0;
    left: 4px;
    border-color: transparent #6d819c transparent transparent;
}

    .arrow-left:hover {
        border-color: transparent #aab5c5 transparent transparent;
    }

.arrow-right {
    float: right;
    border-width: 15px 0 15px 15px;
    right: 4px;
    border-color: transparent transparent transparent #6d819c;
}

    .arrow-right:hover {
        border-color: transparent transparent transparent #aab5c5;
    }

.container-body-modal-big {
    width: 100%;
    padding: 0;
}

.profile-back-button, .vmodal-back-button {
    color: #6d819c !important;
    display: block;
    text-align: right;
    clear: both;
    margin-top: 20px;
    float: right;
    background-color: transparent !important;
    border: none;
}

.profile-back-button {
    color: #fff !important;
    margin-top: 0;
    margin-bottom: 10px;
    width: 100%;
}

.date-picker-vmadal-container {
    width: 48%;
    float: left;
}

    .date-picker-vmadal-container p {
        float: left;
    }

    .date-picker-vmadal-container span {
        width: 100%;
    }

button.Zebra_DatePicker_Icon {
    left: inherit !important;
}

.vmodal-profile-header {
    background-color: #f08b72;
}

.header-profile-logo {
    float: left;
    width: 35%;
    margin-left: 5%;
    background-color: #fff;
    padding: 3% 0;
}

    .header-profile-logo img {
        width: 100%;
        max-width: 230px;
    }

.header-profile-info {
    float: right;
    width: 55%;
    color: #fff;
    font-size: 1.1em;
    margin-left: 5%;
    line-height: 1.4em;
}

    .header-profile-info ul li {
        overflow: hidden;
    }

.body-profile-header {
    padding-top: 8%;
    float: left;
    width: 100%;
    min-height: 90px;
    background: #f5b1a0;
    background: -moz-linear-gradient(top,#f5b1a0 83%,#fff 83%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(83%,#f5b1a0),color-stop(83%,#fff));
    background: -webkit-linear-gradient(top,#f5b1a0 83%,#fff 83%);
    background: -o-linear-gradient(top,#f5b1a0 83%,#fff 83%);
    background: -ms-linear-gradient(top,#f5b1a0 83%,#fff 83%);
    background: linear-gradient(to bottom,#f5b1a0 83%,#fff 83%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@color-profile, 10%)', endColorstr='#ffffff', GradientType=0);
}

.container-vmodal-profile {
    margin-bottom: 25px;
}

.container-vmodal-offers, .vmodal-jobsoffers #swiper-container-offergallery {
    margin-bottom: 20px;
}

.container-vmodal-profile h1 {
    color: #f08b72;
    margin-top: 5%;
}

.profile-right {
    width: 100%;
    margin-top: 20px;
}

    .profile-right img {
        border: thin solid #ccc;
        width: 100%;
    }

.profile-left {
    width: 100%;
}

.vmodal-joboffers-header {
    background-color: #ef7897;
}

#vmodaljob-body #job-list {
    margin-top: 60px;
}

.filter-job-offers {
    background-color: #ddd;
    width: 100%;
    position: fixed;
    height: 30px;
    top: 95px;
    z-index: 20;
}

    .filter-job-offers a, .filter-job-offers span {
        position: absolute;
        transform: translate(0,-50%);
    }

    .filter-job-offers span {
        color: #6d819c;
        margin-left: 12px;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
    }

    .filter-job-offers a {
        display: block;
        cursor: pointer !important;
        height: 30px;
        width: 40px;
        right: 0;
        background-color: #cdcdcd;
        background-repeat: no-repeat;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        background-image: url(../images/stand/search-icon.svg);
        background-size: 53%;
        background-position: center;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
    }

    .filter-job-offers.clean-results {
        margin-right: 41px;
    }

    .filter-job-offers .clean-results {
        background-image: url(../images/stand/clean-search-icon.svg);
    }

.container-list-offers {
    float: left;
    width: 100%;
    padding-bottom: 30px;
}

.item-offer {
    width: 100%;
    float: left;
    position: relative;
}

    .item-offer a {
        display: block;
        float: left;
        width: 100%;
        padding: 5% 0;
    }

#modalwindow-mailbox .login-icon, #modalwindow-meetings .login-icon, #modalwindow-submitcv .login-icon, .container-mailbox #goToOffersListButton, .container-mailbox-nologged #goToOffersListButton, .container-meetings-nologged #goToOffersListButton, .container-submitcv #goToOffersListButton, .container-survey #goToOffersListButton {
    display: none;
}

.vmodal-jobsoffers #menu-container #right-menu .mobile-filters {
    margin-top: 30px;
}

.vmodal-jobsoffers #menu-container {
    background-color: transparent;
}

.vmodal-jobsoffers p {
    line-height: 2em;
}

.vmodal-jobsoffers #swiper-container-offergallery .paginator-dots .swiper-pagination-bullet {
    background-color: #f4a6ba;
}

.vmodal-jobsoffers #swiper-container-offergallery .paginator-dots .swiper-pagination-bullet-active {
    background-color: #ef7897;
}

.item-offer-info {
    float: left;
    width: 83%;
    padding-left: 3%;
}

    .item-offer-info h1, .item-offer-info h2 {
        overflow: hidden;
    }

    .item-offer-info h1 {
        color: #ef7897;
        margin-top: 7px;
    }

    .item-offer-info h2 {
        color: #000;
        font-size: 1.1em;
        margin-top: 6px;
    }

.item-offer-button {
    float: right;
    width: 10%;
    right: 0;
    margin-right: 5px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
}

    .item-offer-button button {
        height: 23px;
        width: 23px;
        background-color: transparent;
        border: none;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/stand/offers-detail-button.svg);
        color: #ef7897;
        font-size: 3em;
        text-decoration: none;
        float: right;
        margin-right: 5px;
    }

.container-vmodal-offers h1 {
    color: #ef7897;
    margin-top: 5%;
}

.container-vmodal-offers span {
    color: #ef7897;
}

.container-vmodal-offers #offerHeader {
    width: 100%;
    margin: 2% 0;
    padding: 3% 0;
}

#modalOfferDetailContainer {
    margin-top: 20px;
}

.offerHeader_vmodal_title {
    width: 96%;
    padding-left: 2%;
    float: left;
    max-width: 67%;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .offerHeader_vmodal_title p {
        line-height: 1.7em;
    }

.offerHeader_vmodal_button {
    width: 60%;
    float: left;
    margin: 5% 20%;
    text-align: center;
}

.container-maininfo, .container-maininfo2 {
    line-height: 2.2em;
    margin: 5% 0;
}

.offerHeader_vmodal_button button {
    float: none !important;
}

.detail-offerVmodal-title {
    font-size: 1.2em !important;
    color: #ef7897;
}

.big-icon-vmodal-offers {
    background-color: #ef7897;
    background-image: url(../images/stand/tooltips/icon-offers.svg);
}

.vmodal-maininfo-header {
    background-color: #aec11d;
}

.container-maininfo a, .container-maininfo h1 {
    color: #aec11d;
}

.vmodal-maininfo2-header {
    background-color: #cb4b1c;
}

.container-maininfo2 a, .container-maininfo2 h1 {
    color: #cb4b1c;
}

.vmodal-submitcv-header {
    background-color: #e981c5;
}

.container-mailbox, .container-mailbox-nologged, .container-meetings-nologged, .container-submitcv, .container-survey {
    text-align: center;
    clear: both;
    float: left;
    padding-bottom: 30px;
}

    .container-mailbox p, .container-mailbox-nologged p, .container-meetings-nologged p, .container-submitcv p, .container-survey p {
        line-height: 1.5em;
        padding: 7% 0;
        font-size: 1.01em;
    }

    .container-mailbox p {
        padding: 0;
    }

.big-icon-vmodal {
    height: 100px;
    width: 100px;
    border-radius: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 12% auto 5%;
}

    .big-icon-vmodal.margin-top {
        margin-top: 40%;
    }

.big-icon-vmodal-submitcv {
    background-color: #e981c5;
    background-image: url(../images/stand/tooltips/icon-submitCV.svg);
}

.big-icon-vmodal-mailbox, .vmodal-mailbox-header {
    background-color: #ef7979;
}

.no-logged .button-main, .no-logged .button-secondary {
    width: 49%;
}

.big-icon-vmodal-mailbox {
    background-image: url(../images/stand/tooltips/icon-mailbox.svg);
}

.container-mailbox {
    margin-top: 5%;
    top: 30%;
    transform: translate(-30%,0);
    -webkit-transform: translate(0,-30%);
    -moz-transform: translate(0,-30%);
    -o-transform: translate(0,-30%);
    -ms-transform: translate(0,-30%);
    position: absolute;
}

    .container-mailbox button, .container-mailbox input, .container-mailbox textarea {
        margin: 10px 0 0;
    }

    .container-mailbox ::-webkit-input-placeholder {
        color: #ef7979;
    }

    .container-mailbox :-moz-placeholder {
        color: #ef7979;
    }

    .container-mailbox ::-moz-placeholder {
        color: #ef7979;
    }

    .container-mailbox :-ms-input-placeholder {
        color: #ef7979;
    }

.vmodal-survey-header {
    background-color: #62d994;
}

.paginator-dots {
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: center;
}

    .paginator-dots ul li {
        display: inline-block;
        width: 9px;
        height: 9px;
        border-radius: 100%;
        margin: 0 .3%;
    }

.container-survey {
    margin-bottom: 5%;
}

    .container-survey img {
        margin: 25% 0 5%;
        width: 40%;
    }

    .container-survey .paginator-dots ul li {
        background-color: #ddf7e8;
    }

    .big-icon-vmodal-survey, .container-survey .paginator-dots ul .current, .survey-answers ul li input[type=radio]:checked + label div {
        background-color: #62d994;
    }

    .container-survey .button-secondary {
        float: none;
        margin: 10% auto 0;
        display: block;
    }

.survey-question {
    width: 100%;
    float: left;
    border-bottom: 1px solid #62d994;
    padding: 2% 0;
    margin-top: 6%;
    text-align: left;
}

.survey-answers {
    float: left;
    width: 100%;
    margin: 7% 0;
}

    .survey-answers ul li {
        margin: 5% 0;
    }

        .survey-answers ul li input[type=radio] + label div {
            border: 1px solid #62d994;
        }

        .survey-answers ul li input[type=radio]:checked + label span {
            color: #62d994;
        }

.big-icon-vmodal-survey {
    background-image: url(../images/stand/tooltips/icon-survey.svg);
}

#errorMessage, #finishMessage {
    margin: 7% 0;
}

#finishMessage {
    text-align: center;
}

.Zebra_DatePicker .dp_daypicker th {
    color: #fff;
    font-weight: 100;
}

.vmodal-links-header {
    background-color: #9fdb64;
}

.container-links, .container-resourceslinks {
    margin-bottom: 5%;
}

    .container-links ul, .container-resourceslinks ul {
        margin-top: 5%;
        width: 100%;
        float: left;
    }

        .container-links ul li, .container-resourceslinks ul li {
            display: block;
            width: 100%;
            position: relative;
            float: left;
            margin: 4% 0;
        }

            .container-links ul li .item-links-text h1, .container-resourceslinks ul li .item-links-text h1 {
                font-size: 1.2em;
            }

.item-links-icon, .item-resourceslinks-icon {
    padding: 10%;
    float: left;
    border-radius: 100%;
    background-color: #9fdb64;
    background-image: url(../images/stand/tooltips/icon-link.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.item-links-text, .item-resourceslinks-text {
    width: 70%;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    float: left;
    padding-left: 30%;
    max-width: 70%;
    line-height: 1.2em;
}

    .item-links-text h1, .item-links-text h2, .item-resourceslinks-text h1, .item-resourceslinks-text h2 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .item-links-text a, .item-resourceslinks-text a {
        overflow: hidden;
        cursor: pointer;
        display: block;
        -webkit-transition: color .2s ease-in-out;
        -moz-transition: color .2s ease-in-out;
        -o-transition: color .2s ease-in-out;
        transition: color .2s ease-in-out;
    }

        .item-links-text a:hover, .item-resourceslinks-text a:hover {
            color: #9fdb64;
        }

.vmodal-socialnetworks-header {
    background-color: #7553e2;
}

.container-socialnetworks {
    margin-bottom: 5%;
    width: 90%;
    float: left;
}

    .container-socialnetworks h2 {
        width: 100%;
        float: left;
        text-align: center;
        margin: 6% 0;
        font-size: 1.1em;
    }

    .container-socialnetworks ul {
        width: 100%;
        float: left;
        margin-top: 5%;
    }

        .container-socialnetworks ul li {
            display: inline-block;
            width: 50%;
            float: left;
            text-align: center;
            margin-bottom: 15%;
            cursor: pointer;
        }

.icon-social-networks {
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 100%;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

    .icon-social-networks img {
        position: absolute;
        width: 40%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        top: -55%;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

.social-network-twitter {
    position: relative;
    background-color: #2aa8e0;
    background-image: url(../images/common/twitter-icon.svg);
}

    .social-network-twitter:hover {
        background-color: #83cced;
        background-position: center 180%;
    }

        .social-network-twitter:hover img {
            top: 50%;
            -webkit-transition: all .4s ease-in;
            -moz-transition: all .4s ease-in;
            -o-transition: all .4s ease-in;
            transition: all .4s ease-in;
        }

.social-network-facebook:hover img, .social-network-linkedin:hover img {
    top: 50%;
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
}

.social-network-facebook {
    position: relative;
    background-color: #3b5999;
    background-image: url(../images/common/facebook-icon.svg);
}

    .social-network-facebook:hover {
        background-color: #728dc8;
        background-position: center 180%;
    }

        .social-network-facebook:hover img {
            transition: all .4s ease-in;
        }

.social-network-linkedin {
    position: relative;
    background-color: #017bb6;
    background-image: url(../images/common/linkedin-icon.svg);
}

    .social-network-linkedin:hover {
        background-color: #1fb5fe;
        background-position: center 180%;
    }

        .social-network-linkedin:hover img {
            transition: all .4s ease-in;
        }

.social-network-google:hover img, .social-network-vine:hover img {
    top: 50%;
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
}

.social-network-google {
    position: relative;
    background-color: #cc3732;
    background-image: url(../images/common/google-icon.svg);
}

    .social-network-google:hover {
        background-color: #e18683;
        background-position: center 180%;
    }

        .social-network-google:hover img {
            transition: all .4s ease-in;
        }

.social-network-vine {
    position: relative;
    background-color: #00B386;
    background-image: url(../images/common/vine-icon.svg);
}

    .social-network-vine:hover {
        background-color: #00e6ac;
        background-position: center 180%;
    }

        .social-network-vine:hover img {
            transition: all .4s ease-in;
        }

.social-network-tumblr:hover img, .social-network-viadeo:hover img {
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    top: 50%;
}

.social-network-viadeo {
    position: relative;
    background-color: #3f729b;
    background-image: url(../images/common/instagram-icon.svg);
}

    .social-network-viadeo:hover {
        background-color: #548cb9;
        background-position: center 180%;
    }

        .social-network-viadeo:hover img {
            transition: all .4s ease-in;
        }

.social-network-tumblr {
    position: relative;
    background-color: #45546B;
    background-image: url(../images/common/tumblr-icon.svg);
}

    .social-network-tumblr:hover {
        background-color: #7286a4;
        background-position: center 180%;
    }

        .social-network-tumblr:hover img {
            transition: all .4s ease-in;
        }

.social-network-youtube {
    position: relative;
    background-color: #CD332D;
    background-image: url(../images/common/youtube-icon.svg);
}

    .social-network-youtube:hover {
        background-color: #e3817d;
        background-position: center 180%;
    }

        .social-network-youtube:hover img {
            top: 50%;
            -webkit-transition: all .4s ease-in;
            -moz-transition: all .4s ease-in;
            -o-transition: all .4s ease-in;
            transition: all .4s ease-in;
        }

.vmodal-download-header {
    background-color: #3153c6;
}

.container-download {
    margin-bottom: 5%;
}

    .container-download ul {
        display: inline-block;
        width: 100%;
    }

        .container-download ul li {
            margin-top: 8%;
            width: 105%;
            clear: both;
            float: left;
        }

            .container-download ul li .icon-download-file {
                width: 15%;
                float: left;
            }

                .container-download ul li .icon-download-file img {
                    width: 100%;
                }

            .container-download ul li .text-download {
                width: 72%;
                float: left;
                margin: 1% 0 0 3%;
                max-width: 72%;
            }

                .container-download ul li .text-download p {
                    line-height: 1.6em;
                    max-width: 100%;
                    overflow: hidden;
                }

            .container-download ul li .icon-download {
                width: 10%;
                height: 40px;
                float: left;
                text-align: center;
            }

                .container-download ul li .icon-download img {
                    width: 70%;
                    margin-top: 40%;
                }

.vmodal-faqs-header {
    background-color: #554cc9;
}

.container-faqs {
    margin-bottom: 5%;
}

    .container-faqs ul {
        width: 100%;
        float: left;
    }

        .container-faqs ul li {
            display: inline-block;
            width: 100%;
        }

            .container-faqs ul li .faq-question {
                color: #fff;
                background: #9f9ae1;
                display: block;
                width: 90%;
                padding: 3% 5%;
                line-height: 1.8em;
            }

            .container-faqs ul li .faq-answer {
                margin: 2% auto 5%;
                width: 90%;
                line-height: 1.7em;
            }

                .container-faqs ul li .faq-answer a {
                    color: #554cc9;
                }

                .container-faqs ul li .faq-answer ul li {
                    line-height: 2em;
                }

.vmodal-experiences-header {
    background-color: #65f0eb;
}

.container-experiences ul, .container-products ul {
    width: 100%;
    float: left;
    padding-bottom: 5%;
}

    .container-experiences ul li, .container-products ul li {
        width: 100%;
        line-height: 2em;
        position: relative;
        float: left;
    }

        .container-experiences ul li .header-experiences, .container-products ul li .header-experiences {
            min-height: 60px;
            text-align: center;
            background: #15dad3;
            background: -moz-linear-gradient(top,#15dad3 0,#15dad3 71%,#fff 71%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#15dad3),color-stop(71%,#15dad3),color-stop(71%,#fff));
            background: -webkit-linear-gradient(top,#15dad3 0,#15dad3 71%,#fff 71%);
            background: -o-linear-gradient(top,#15dad3 0,#15dad3 71%,#fff 71%);
            background: -ms-linear-gradient(top,#15dad3 0,#15dad3 71%,#fff 71%);
            background: linear-gradient(to bottom,#15dad3 0,#15dad3 71%,#fff 71%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@color-experiences, 15%)', endColorstr='#ffffff', GradientType=0);
            color: #fff;
        }

            .container-experiences ul li .header-experiences p, .container-products ul li .header-experiences p {
                font-size: 1.1em;
                padding: 3% 5% 1%;
            }

        .container-experiences ul li .testimonials-image, .container-products ul li .testimonials-image {
            border-radius: 50%;
            width: 80px;
            height: 80px;
            margin: 0 auto;
            background-image: url(../images/stand/testimonials.jpg);
            background-size: cover;
            background-position: center;
        }

        .container-experiences ul li .text-experiences, .container-experiences ul li .text-products, .container-experiences ul li .text-resources, .container-products ul li .text-experiences, .container-products ul li .text-products, .container-products ul li .text-resources {
            width: 90%;
            padding: 0 5% 5%;
            float: left;
            font-family: tajawal !important;
            overflow: hidden;
        }

            .container-experiences ul li .text-experiences p, .container-experiences ul li .text-products p, .container-experiences ul li .text-resources p, .container-products ul li .text-experiences p, .container-products ul li .text-products p, .container-products ul li .text-resources p {
                font-family: tajawal !important;
            }

            .container-experiences ul li .text-experiences .date-experiences, .container-experiences ul li .text-experiences .date-products, .container-experiences ul li .text-experiences .title-experiences, .container-experiences ul li .text-experiences .title-products, .container-experiences ul li .text-products .date-experiences, .container-experiences ul li .text-products .date-products, .container-experiences ul li .text-products .title-experiences, .container-experiences ul li .text-products .title-products, .container-experiences ul li .text-resources .date-experiences, .container-experiences ul li .text-resources .date-products, .container-experiences ul li .text-resources .title-experiences, .container-experiences ul li .text-resources .title-products, .container-products ul li .text-experiences .date-experiences, .container-products ul li .text-experiences .date-products, .container-products ul li .text-experiences .title-experiences, .container-products ul li .text-experiences .title-products, .container-products ul li .text-products .date-experiences, .container-products ul li .text-products .date-products, .container-products ul li .text-products .title-experiences, .container-products ul li .text-products .title-products, .container-products ul li .text-resources .date-experiences, .container-products ul li .text-resources .date-products, .container-products ul li .text-resources .title-experiences, .container-products ul li .text-resources .title-products {
                text-align: center;
                font-size: 1.1em;
                margin: 2% 0;
                color: #15dad3;
            }

            .container-experiences ul li .text-experiences .date-experiences, .container-experiences ul li .text-products .date-experiences, .container-experiences ul li .text-resources .date-experiences, .container-products ul li .text-experiences .date-experiences, .container-products ul li .text-products .date-experiences, .container-products ul li .text-resources .date-experiences {
                color: #777 !important;
                margin: 0 !important;
            }

            .container-experiences ul li .text-experiences a, .container-products ul li .text-experiences a {
                color: #65f0eb;
            }

.vmodal-resourceslinks-header {
    background-color: #e56719;
}

.header-resourcesandlinks {
    text-align: center;
    background: #ed945d;
    background: -moz-linear-gradient(top,#ed945d 0,#ed945d 71%,#fff 71%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ed945d),color-stop(71%,#ed945d),color-stop(71%,#fff));
    background: -webkit-linear-gradient(top,#ed945d 0,#ed945d 71%,#fff 71%);
    background: -o-linear-gradient(top,#ed945d 0,#ed945d 71%,#fff 71%);
    background: -ms-linear-gradient(top,#ed945d 0,#ed945d 71%,#fff 71%);
    background: linear-gradient(to bottom,#ed945d 0,#ed945d 71%,#fff 71%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@color-resourcesAndLinks, 15%)', endColorstr='#ffffff', GradientType=0);
    color: #fff;
}

    .header-resourcesandlinks p {
        font-size: 1.1em;
        padding: 1% 0;
    }

#writtenChatDetailContainer .chatagenda-date .chatagenda-day, .container-agendachats ul li .chatagenda-date .chatagenda-day {
    font-family: "LTAzer-Regular";
    font-size: 1.7em;
}

.header-resourcesandlinks .resourcesAndLinks-image {
    margin: 0 auto;
    background-image: url(../images/stand/testimonials.jpg);
    background-size: cover;
    background-position: center;
    width: 169px;
    height: 115px;
    border-radius: 0;
}

.item-resourceslinks-icon {
    background-color: #e56719;
}

.resources-link {
    color: #e56719 !important;
    float: left;
    width: 100%;
    margin: 2% 0;
}

    .resources-link:hover {
        color: #ed945d;
    }

.item-resourceslinks-text a:hover, .text-resources p a {
    color: #e56719;
}

.vmodal-agendachats-header {
    background-color: #4a7ede;
}

.container-agendachats {
    margin-bottom: 5%;
}

    .container-agendachats ul li {
        width: 100%;
        float: left;
        clear: both;
        margin: 5% 0;
    }

        .container-agendachats ul li .chatagenda-date {
            float: left;
            width: 11%;
            color: #fff;
            background-color: #4a7ede;
            line-height: 1.2em;
            text-align: center;
            padding: 3% 2%;
        }

        .container-agendachats ul li .chatagenda-title {
            float: left;
            width: 82%;
            margin-left: 3%;
            padding-top: 3%;
            max-width: 82%;
            overflow: hidden;
        }

            .container-agendachats ul li .chatagenda-title .chatagenda-title-time {
                color: #4a7ede;
            }

#writtenChatDetailContainer {
    width: 90%;
    margin: 0 5%;
}

    #writtenChatDetailContainer p {
        width: 100%;
        margin: 20px 0;
        float: left;
    }

    #writtenChatDetailContainer .chatagenda-date {
        float: none;
        width: 35px;
        color: #fff;
        background-color: #4a7ede;
        line-height: 1.2em;
        text-align: center;
        padding: 20px;
        border-radius: 50%;
        margin: 0 auto;
    }

    #writtenChatDetailContainer .chatagenda-title {
        float: left;
        width: 100%;
        padding-top: 3%;
        text-align: center;
        overflow: hidden;
    }

        #writtenChatDetailContainer .chatagenda-title .chatagenda-title-time {
            color: #4a7ede;
        }

.vmodal-webcast-header {
    background-color: #62a7fd;
}

.container-webcast {
    margin-bottom: 5%;
}

    .container-webcast ul li {
        margin-bottom: 4%;
        width: 100%;
        float: left;
        clear: both;
        position: relative;
    }

        .container-webcast ul li .webcast-item-time {
            background-color: #94c3fe;
        }

        .container-webcast ul li .webcast-item-info .webcast-title {
            color: #62a7fd;
            margin-top: 15px;
        }

        .container-webcast ul li .webcast-item-info button {
            background-color: #62a7fd;
        }

        .container-webcast ul li .webcast-more-info {
            border-color: transparent transparent #62a7fd;
            bottom: 6px;
        }

#webcastDetailContainer {
    margin-top: 0;
}

    #webcastDetailContainer .webcast-detail-header {
        margin-top: 10px;
        background: #62a7fd;
    }

    #webcastDetailContainer button {
        background: #62a7fd;
    }

    #webcastDetailContainer .webcast-detail-speaker {
        background: #eee;
    }

        #webcastDetailContainer .webcast-detail-speaker p {
            font-size: 1em;
            margin-top: 5%;
        }

    #webcastDetailContainer .webcast-detail-social-networks img {
        width: 80%;
    }

.goToWebcastList {
    width: 90%;
    float: left;
    margin: 0 5%;
}

.vmodal-advices-header {
    background-color: #40dbc3;
}

.container-advices {
    margin-bottom: 5%;
}

    .container-advices ul {
        display: inline-block;
        width: 100%;
    }

        .container-advices ul li {
            margin-top: 10%;
            clear: both;
            float: left;
        }

            .container-advices ul li a {
                color: #40dbc3;
                text-decoration: underline;
                cursor: pointer;
            }

.item-advices-header {
    width: 100%;
    float: left;
}

.advices-header-number {
    color: #fff;
    float: left;
    width: 15%;
    position: relative;
    text-align: center;
    background-image: url(../images/stand/icon-advices.svg);
    background-size: contain;
    min-height: 35px;
    background-repeat: no-repeat;
    background-position: center;
}

    .advices-header-number p {
        position: absolute;
        font-size: 1em;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
    }

.container-banners, .container-posters {
    transform: translate(-30%,0);
    position: absolute;
}

.advices-header-title {
    color: #40dbc3;
    text-transform: uppercase;
    min-height: 35px;
    text-align: left;
    float: left;
    width: 85%;
}

    .advices-header-title p {
        margin-top: 6px;
    }

.item-advices-text {
    float: left;
    width: 100%;
    margin-top: 2%;
}

.vmodal-products-header {
    background-color: #76d2f8;
}

.container-products ul li .header-products {
    min-height: 60px;
    text-align: center;
    background: #45c2f6;
    background: -moz-linear-gradient(top,#45c2f6 0,#45c2f6 71%,#fff 71%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#45c2f6),color-stop(71%,#45c2f6),color-stop(71%,#fff));
    background: -webkit-linear-gradient(top,#a7e2fa 0,#a7e2fa 71%,#fff 71%);
    background: -o-linear-gradient(top,#45c2f6 0,#45c2f6 71%,#fff 71%);
    background: -ms-linear-gradient(top,#45c2f6 0,#45c2f6 71%,#fff 71%);
    background: linear-gradient(to bottom,#45c2f6 0,#45c2f6 71%,#fff 71%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@color-experiences, 15%)', endColorstr='#ffffff', GradientType=0);
    color: #fff;
}

.container-banners .paginator-dots .swiper-pagination-bullet, .container-banners .paginator-dots .swiper-pagination-bullet-active, .vmodal-banners-header {
    background-color: #edaf3a;
}

.container-products ul li .header-products p {
    font-size: 1.1em;
    padding: 3% 5% 1%;
}

.container-products ul li .text-products a {
    color: #76d2f8;
}

.container-products ul li .text-products .title-products {
    color: #76d2f8;
    margin: 0 !important;
}

.container-products ul li .date-products {
    color: #777 !important;
    margin: 0 !important;
}

.testimonials-product {
    width: 169px;
    height: 115px;
    margin: 0 auto;
    background-image: url(../images/stand/testimonials.jpg);
    background-size: cover;
    background-position: center;
}

.container-banners {
    text-align: center;
    margin-bottom: 5%;
    width: 90%;
    float: left;
    top: 30%;
    -webkit-transform: translate(0,-30%);
    -moz-transform: translate(0,-30%);
    -o-transform: translate(0,-30%);
    -ms-transform: translate(0,-30%);
}

    .container-banners .paginator-dots ul li {
        background-color: #fae8c6;
    }

    .container-banners .paginator-dots ul .current {
        background-color: #edaf3a;
    }

.container-posters .paginator-dots .swiper-pagination-bullet, .container-posters .paginator-dots .swiper-pagination-bullet-active, .vmodal-posters-header {
    background-color: #db9000;
}

.container-banners .image-container-url a {
    color: #edaf3a;
}

.container-banners .arrow-left {
    border-color: transparent #edaf3a transparent transparent;
}

    .container-banners .arrow-left:hover {
        border-color: transparent #f6d597 transparent transparent;
    }

.container-banners .arrow-right {
    border-color: transparent transparent transparent #edaf3a;
}

    .container-banners .arrow-right:hover {
        border-color: transparent transparent transparent #f6d597;
    }

.container-arrows-slide {
    width: 90%;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    display: none;
}

.image-container, .image-container-gallery-detail, .image-container-posters {
    width: 100%;
    max-width: 630px;
    height: 350px !important;
    margin: 2% auto 0;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    background-image: url(../images/stand/banner.jpg);
    background-size: contain;
}

    .image-container img, .image-container-gallery-detail img, .image-container-posters img {
        width: 100%;
    }

.image-container-posters {
    height: 170px !important;
}

.image-container-gallery-detail {
    height: 200px !important;
}

.swiper-slide p {
    width: 94%;
    margin: 10px 0 50px;
}

.image-container-url {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 3%;
}

    .image-container-url a {
        display: block;
        color: #6d819c;
        overflow: hidden;
    }

.container-posters {
    margin-bottom: 5%;
    top: 30%;
    -webkit-transform: translate(0,-30%);
    -moz-transform: translate(0,-30%);
    -o-transform: translate(0,-30%);
    -ms-transform: translate(0,-30%);
}

    .container-posters .paginator-dots ul li {
        background-color: #ffd075;
    }

    .container-posters .paginator-dots ul .current {
        background-color: #db9000;
    }

.container-gallery ul li, .paginator-dots-gallery .swiper-pagination-bullet, .paginator-dots-gallery .swiper-pagination-bullet-active, .vmodal-gallery-header {
    background-color: #e58719;
}

.container-posters .image-container-url a {
    color: #db9000;
}

.container-posters .arrow-left {
    border-color: transparent #db9000 transparent transparent;
}

    .container-posters .arrow-left:hover {
        border-color: transparent #ffbe42 transparent transparent;
    }

.container-posters .arrow-right {
    border-color: transparent transparent transparent #db9000;
}

    .container-posters .arrow-right:hover {
        border-color: transparent transparent transparent #ffbe42;
    }

.container-gallery {
    margin-bottom: 5%;
}

    .container-gallery ul {
        font-size: 0;
        margin-top: 10px;
    }

        .container-gallery ul li {
            display: inline-block;
            width: 31%;
            margin: 1%;
        }

            .container-gallery ul li img {
                width: 100%;
                opacity: 1;
            }

            .container-gallery ul li:hover img {
                opacity: .8;
            }

.container-gallery-detail {
    max-width: 470px;
    width: 94%;
    margin: 0 auto 5% 3%;
    top: 30%;
    transform: translate(-30%,0);
    -webkit-transform: translate(0,-30%);
    -moz-transform: translate(0,-30%);
    -o-transform: translate(0,-30%);
    -ms-transform: translate(0,-30%);
    position: absolute;
}

    .container-gallery-detail img {
        width: 100%;
    }

#goToAllImagesView {
    margin: 5px 0 0;
}

.vmodal-meetings-header {
    background-color: #9e68e2;
}

.container-meetings {
    margin-bottom: 30px;
}

    .container-meetings input, .container-meetings select, .container-meetings textarea {
        margin: 10px 0 0;
    }

    .container-meetings button {
        margin-top: 10px;
    }

    .container-meetings textarea {
        height: 250px;
    }

    .container-meetings ::-webkit-input-placeholder {
        color: #9e68e2;
    }

    .container-meetings :-moz-placeholder {
        color: #9e68e2;
    }

    .container-meetings ::-moz-placeholder {
        color: #9e68e2;
    }

    .container-meetings :-ms-input-placeholder {
        color: #9e68e2;
    }

.Zebra_DatePicker_Icon_Wrapper {
    width: 44%;
}

.big-icon-vmodal-meetings {
    background-color: #9e68e2;
    background-image: url(../images/stand/tooltips/icon-meeting.svg);
}

.input-meeting-date {
    width: 100% !important;
    float: left !important;
}

.input-meeting-time {
    width: 44% !important;
    float: right !important;
}

.playingnow-title {
    color: #6d819c !important;
    font-size: .85em !important;
    line-height: 1.1 !important;
}

.playingnow-name {
    color: #777 !important;
    font-size: 1em !important;
    font-family: tajawal,Arial,Verdana,sans-serif !important;
    line-height: 1.5 !important;
}

.vmodal-videos-header {
    background-color: #f8d049;
}

.container-videos {
    margin-bottom: 5%;
}

.container-player-video {
    width: 100%;
    float: left;
    clear: both;
    margin: 10px 0;
}

    .container-player-video iframe {
        width: 100%;
        height: 250px;
    }

.container-list-videos {
    width: 100%;
    float: left;
    clear: both;
}

    .container-list-videos ul {
        position: relative;
    }

        .container-list-videos ul li {
            width: 100%;
            position: relative;
            display: block;
            float: left;
            margin: 4% 0;
            height: 50px;
        }

            .container-list-videos ul li a {
                width: 100%;
                display: block;
            }

                .container-list-videos ul li a .video-thumbnail {
                    float: left;
                    background-color: #f8d049;
                    background-image: url(../images/stand/thumbnail-video1.jpg);
                    height: 46px;
                    width: 46px;
                    background-position: center;
                    background-size: cover;
                    border: 0;
                    -webkit-transition: bbox-shadow .2s ease-in-out;
                    -moz-transition: box-shadow .2s ease-in-out;
                    -o-transition: box-shadow .2s ease-in-out;
                    transition: box-shadow .2s ease-in-out;
                    text-align: center;
                }

                    .container-list-videos ul li a .video-thumbnail .play-icon {
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 15px 0 15px 20px;
                        opacity: 0;
                        border-color: transparent transparent transparent #fff;
                        -webkit-transition: opacity .2s ease-in-out;
                        -moz-transition: opacity .2s ease-in-out;
                        -o-transition: opacity .2s ease-in-out;
                        transition: opacity .2s ease-in-out;
                        margin: 20px auto 0;
                    }

                .container-list-videos ul li a p {
                    color: inherit;
                    max-width: 100%;
                    font-size: 1.2em;
                    line-height: 2em;
                    overflow: hidden;
                    display: block;
                    -webkit-transition: color .2s ease-in-out;
                    -moz-transition: color .2s ease-in-out;
                    -o-transition: color .2s ease-in-out;
                    transition: color .2s ease-in-out;
                }

                .container-list-videos ul li a span {
                    font-size: 1.2em;
                    color: #f8d049;
                    font-family: "LTAzer-Regular";
                }

.flexRichText font, .flexRichText ul li font {
    font-family: tajawal !important;
    font-size: 1em !important;
}

.container-list-videos ul li a:hover .video-thumbnail {
    box-shadow: inset 0 0 150px #f8d049;
}

    .container-list-videos ul li a:hover .video-thumbnail .play-icon {
        opacity: 1;
    }

.container-list-videos ul li a:hover p {
    color: #f8d049;
}

.video-title {
    display: block;
    line-height: 1em;
    float: left;
    padding-left: 3%;
}

#background-test-results-container, .ui-button {
    display: none;
}

.ui-widget-overlay {
    background: #000;
    opacity: .4;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 150;
}

#background-test, #background-test #background-test-icon, #background-test-results-icon, .test-welcome-container.video-test .speechTest-stop-button {
    background-position: center;
    background-repeat: no-repeat;
}

.vmodal-share-header {
    background-color: #6d819c;
    text-align: left;
}

.flexRichText {
    font-size: 1em !important;
}

    .flexRichText ul {
        list-style: disc !important;
        padding-left: 20px;
    }

        .flexRichText ul li {
            line-height: 2em;
            margin-top: 0 !important;
        }

#jobInformationContainer .offer-maininfo .offer-title, #jobInformationContainer .offer-maininfo-detail .offer-title, #test-results-best h3, .seminars-video-info h4, .test-question, .test-question-answer, .test-results-item .test-results-item-info .entity-name, .webcast-company, .webcast-day, .webcast-detail-abstract h1, .webcast-detail-day, .webcast-detail-title {
    font-family: "LTAzer-Regular";
}

.flexRichText p {
    color: #777;
}

.texto__centrado {
    text-align: center;
    margin: 0 auto;
    width: 40%;
    font-size: .65em !important;
}

.texto__privacidad {
    float: left;
    width: 100%;
}

#background-test-container {
    position: relative;
    height: 200px;
    margin-top: 65px;
}

    #background-test-container.finish #background-test #background-test-icon {
        background-image: url(../images/test/test-bkg-finish-icon.svg);
    }

#background-test {
    height: 200px;
    width: 100%;
    background-image: url(../images/images/test-bkg.jpg);
    background-size: cover;
    overflow: hidden;
    position: fixed;
    transform: translateZ(-1);
    -webkit-transform: translateZ(-1);
    -moz-transform: translateZ(-1);
    -o-transform: translateZ(-1);
    -ms-transform: translateZ(-1);
    text-align: center;
}

    #background-test #background-test-icon {
        width: 100%;
        height: 100%;
        background-size: 40%;
        background-image: url(../images/test/test-bkg-icon.svg);
    }

#background-test-results-icon {
    width: 100%;
    height: 100%;
    background-size: 15%;
    background-image: url(../images/test/test-results-bkg-icon.svg);
}

#questionContainer, .test-welcome-container {
    background-color: #fff;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    padding-top: 15px;
}

    #questionContainer .section-name, .test-welcome-container .section-name {
        margin-bottom: 20px;
    }

.begin-test-button {
    width: 100%;
    text-align: center;
    padding: 30px 0 60px;
}

    .begin-test-button button {
        border: none;
        border-radius: 0;
        color: #fff;
        width: 280px;
        margin: 0 auto;
        padding: 10px 0 !important;
        background-color: #44b4e4;
    }

        .begin-test-button button:disabled {
            background-color: rgba(0,0,0,.1);
        }

#background-test-questions-container {
    position: relative;
    margin-top: 65px;
    background-color: #44b4e4;
}

#question-indicator {
    text-align: center;
    padding: 7px 0;
}

.test-question-indicator-item {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 2px;
    border-radius: 100%;
    background-color: rgba(255,255,255,.8);
}

    .test-question-indicator-item.current {
        background-color: #fff;
    }

.test-question {
    padding: 25px 20px 40px;
    color: #fff;
    font-size: 1.1em;
}

.test-question-answer {
    display: none;
    color: #6d819c;
    font-size: 1.3em;
    padding-bottom: 25px;
}

.questions-answers {
    margin: 50px 20px;
}

    .questions-answers ul li {
        margin: 15px 0;
    }

.test-results-container {
    padding: 65px 0 30px;
}

.test-results-item {
    height: 60px;
    margin-bottom: 25px;
}

    .test-results-item .test-results-logo-container {
        height: 100%;
        float: left;
        border: thin solid #ccc;
    }

        .test-results-item .test-results-logo-container img {
            height: 100%;
            width: 138px;
        }

    .test-results-item .test-results-item-info {
        float: left;
        color: #fff;
        overflow: hidden;
    }

        .test-results-item .test-results-item-info .entity-name {
            font-size: 1em;
            padding: 5px 7px 0;
            color: #777;
            height: 30px;
            display: block;
        }

        .test-results-item .test-results-item-info .entity-result {
            font-size: 1em;
            padding: 0 7px;
            color: #6d819c;
        }

#test-results-best {
    padding: 10px 10px 5px;
    border-bottom: thin solid #6d819c;
    margin: 0 10px;
}

    #test-results-best h3 {
        color: #777;
        font-size: 1.1em;
        padding-bottom: 10px;
    }

    #test-results-best .test-results-item .test-results-item-info {
        background-color: #6d819c;
        transition: all .2s ease-in-out;
    }

        #test-results-best .test-results-item .test-results-item-info p {
            color: #fff;
        }

#test-results-list {
    padding: 15px 20px;
}

.test-welcome-container.video-test .test-video-image-container {
    height: 315px;
    position: relative;
}

.test-welcome-container.video-test .speechTest-container {
    position: relative;
    width: 50%;
    float: left;
    text-align: right;
    height: 100%;
}

.test-welcome-container.video-test .video-test-canvas {
    position: absolute;
    bottom: 0;
    right: 20px;
}

.test-welcome-container.video-test .speechTest-stop-button {
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 100%;
    background-color: #263959;
    background-image: url(../images/home/speechHome-close-button-icon.svg);
    background-size: 15px;
    position: absolute;
    right: 300px;
    top: 50px;
}

.test-welcome-container.video-test #replay-test-video-container {
    position: absolute;
    left: 0;
    display: none;
    width: 50%;
    height: 100%;
}

    .test-welcome-container.video-test #replay-test-video-container img {
        position: absolute;
        bottom: 0;
        right: 40px;
    }

.test-welcome-container.video-test .replay-test-video-button {
    position: absolute;
    right: 290px;
    top: 40px;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 100%;
    background-color: #6d819c;
    background-image: url(../images/test/replay-video-button-icon.svg);
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.test-welcome-container.video-test .section-text {
    padding: 0 !important;
    width: 50%;
    float: right;
    vertical-align: middle;
    position: relative;
    height: 100%;
}

.test-welcome-container.video-test .section-text-paragraph {
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    position: absolute;
    top: 40%;
    max-width: 450px;
}

.test-welcome-container.video-test .begin-test-button {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    padding: 0;
}

.webcast-list-container {
    margin-top: 65px;
}

    .webcast-list-container ul {
        float: left;
        width: 100%;
    }

        .webcast-list-container ul li {
            position: relative;
            float: left;
            margin: 0 0 4%;
            width: 100%;
        }

#section-header-container {
    background-color: #61748f;
    position: relative;
    width: 100%;
    z-index: 44;
    height: 35px;
}

.webcast-shortbuttons-container {
    width: 90%;
    clear: both;
    float: left;
    text-align: center;
    padding: 5%;
}

    .webcast-shortbuttons-container button {
        width: 48%;
        background: 0 0;
        border: 1px solid #6d819c;
        color: #6d819c;
        text-transform: uppercase;
        padding: 2% 0;
        font-size: .7em;
        cursor: pointer;
    }

        .webcast-shortbuttons-container button:active, .webcast-shortbuttons-container button:hover {
            background-color: #6d819c;
            color: #fff;
        }

#webcast-filters-container {
    display: none;
    width: 100%;
    background-color: #44b4e4;
    padding: 15px 0;
}

#next-webcast-button.selected, #previous-webcast-button.selected, .webcast-item-time {
    background-color: #6d819c;
    color: #fff;
}

#webcast-filters-container #webcast-filters {
    text-align: center;
}

    #webcast-filters-container #webcast-filters button, #webcast-filters-container #webcast-filters div {
        display: inline-block;
    }

.webcast-item-info button, .webcast-item-info-big, .webcast-language, .webcast-more-info {
    display: none;
}

.previous-webcast {
    float: left;
}

.next-webcast {
    float: right;
}

.webcast-item-time {
    float: left;
    width: 15%;
    height: 64px;
    text-align: center;
}

    .webcast-item-time span {
        width: 100%;
        clear: both;
        float: left;
    }

.webcast-month {
    font-size: .8em;
    margin-top: 3px;
    line-height: 1.8em;
}

.webcast-day {
    font-size: 1.5em;
    line-height: .5em;
}

.webcast-hour {
    font-size: .8em;
    line-height: 2.3em;
}

.webcast-item-photo {
    float: left;
    width: 20%;
    height: 64px;
    overflow: hidden;
    position: relative;
}

    .webcast-item-photo img {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
    }

.webcast-item-info {
    float: left;
    width: 63%;
    margin-left: 2%;
}

.webcast-company, .webcast-speaker, .webcast-title {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    font-size: .9em;
    line-height: 1.5em;
    overflow: hidden;
}

.webcast-title {
    color: #6d819c;
    font-family: "LTAzer-Regular";
    margin-top: 8px;
}

.webcast-detail-container {
    margin-top: 65px;
}

.webcast-detail-header {
    background-color: #44b4e4;
    width: 90%;
    margin: 1% 5%;
    padding: 6px 0;
    float: left;
    color: #fff;
}

.webcast-detail-attend-button, .webcast-detail-attend-button-mobile {
    background: #6d819c;
    color: #fff;
    border: none;
    padding: 3% 6%;
    text-transform: uppercase;
}

.webcast-detail-day, .webcast-detail-line, .webcast-detail-month, .webcast-detail-time {
    float: left;
    width: auto;
    clear: none;
}

.webcast-detail-day {
    font-size: 1em;
    margin: 0 2% 0 5px;
}

.webcast-detail-month {
    font-size: 1em;
    text-transform: uppercase;
    margin-top: 1px;
}

.webcast-detail-line {
    margin: 0 4%;
}

.webcast-detail-language {
    float: right;
    margin: 0 5px 0 0;
}

.webcast-detail-title {
    float: left;
    width: 90%;
    margin: 3% 5%;
}

.webcast-detail-attend-button-mobile {
    display: inherit;
    margin: 5%;
    width: 90%;
    transition: all .2s ease-in-out;
}

.webcast-detail-attend-button {
    display: none;
    margin: 5% 25%;
    width: 50%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#seminars-featured-button, #seminars-featured-container {
    background-position: center;
    background-repeat: no-repeat;
}

.webcast-detail-abstract {
    float: left;
    width: 90%;
    padding: 0 5%;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 5%;
}

    .webcast-detail-abstract h1 {
        font-size: 1em !important;
    }

    .webcast-detail-abstract p {
        margin-bottom: 10px;
    }

.webcast-detail-speaker {
    width: 100%;
    float: left;
    background-color: #eee;
    margin-bottom: 10px;
}

.webcast-detail-speaker-header {
    float: left;
    width: 90%;
    margin: 3% 5%;
}

.webcast-detail-speaker-photo {
    float: left;
    width: 70px;
    height: 70px;
    background-position: center;
    background-size: cover;
    background-image: url(../images/webcast/webcast-thumbnail.svg);
}

.webcast-detail-speaker-names {
    float: left;
    width: 65%;
    margin: 5% 0 0 3%;
    max-width: 65%;
    overflow: hidden;
    color: #6d819c;
}

.webcast-detail-speaker-text {
    width: 90%;
    margin: 5%;
    line-height: 1.5em;
}

.webcast-detail-social-networks {
    text-align: center;
    float: left;
    width: 100%;
    padding: 10% 0;
}

    .webcast-detail-social-networks ul li {
        margin: 0 2%;
        display: inline-block;
    }

        .webcast-detail-social-networks ul li a {
            display: block;
        }

            .webcast-detail-social-networks ul li a img {
                width: 80%;
            }

            .webcast-detail-social-networks ul li a:hover {
                cursor: pointer;
            }

.containerTop {
    margin-top: 60px;
}

#seminars-section-container {
    margin-top: 100px;
    min-height: 400px;
    padding-bottom: 50px;
}

    #seminars-section-container .section-name {
        padding-top: 10px;
    }

#seminars-items-container, #seminars-player-container {
    margin-bottom: 15px;
    text-align: center;
    padding: 10px;
    background-color: #f0f0f0;
}

#seminars-player-container {
    max-width: 1280px;
}

    #seminars-player-container iframe {
        width: 100%;
        max-width: 800px;
        height: 300px;
    }

    #seminars-player-container .seminars-video-info {
        max-width: 800px;
        margin: 0 auto;
    }

#seminars-items-container img {
    width: 100%;
}

.seminars-video-info {
    text-align: left;
}

    .seminars-video-info h1 {
        display: none;
        font-size: 1.5em;
        margin: 15px 0 200px;
        color: #6d819c;
    }

    .seminars-video-info h4, .seminars-video-info p {
        font-size: 1.2em;
        color: #777;
    }

    .seminars-video-info h4 {
        padding-top: 20px;
    }

    .seminars-video-info ul {
        padding: 15px 0;
    }

        .seminars-video-info ul li {
            display: inline;
            padding: 4px 6px;
            border: thin solid #6d819c;
            color: #6d819c;
            font-size: .7em;
        }

#seminars-featured-container {
    background-size: cover;
    position: relative;
    height: 150px;
    margin-top: 20px;
}

    #seminars-featured-container .seminars-video-info {
        background-color: rgba(0,0,0,.7);
        height: 100%;
        padding: 0 10px;
    }

        #seminars-featured-container .seminars-video-info h2, #seminars-featured-container .seminars-video-info h4, #seminars-featured-container .seminars-video-info p, #seminars-featured-container .seminars-video-info ul li {
            color: #fff;
        }

        #seminars-featured-container .seminars-video-info ul li {
            border: thin solid #fff;
        }

#seminars-featured-container-corner, #seminars-tags-desktop-selector {
    display: none;
}

#seminars-featured-button {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    background-color: #6d819c;
    background-image: url(../images/seminars/featured-button-bkg.svg);
}

#seminars-tags-mobile-selector {
    background-color: #fff;
    overflow: hidden;
    background-image: url(../images/seminars/tags-combo-bkg.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 20px;
    border: thin solid #6d819c;
    margin: 10px;
}

    #seminars-tags-mobile-selector select {
        height: 30px;
        background: 0 0;
        border: none;
        color: #6d819c;
        width: 97%;
        margin-left: 3%;
    }

#seminars-novideos-container {
    text-align: center;
    padding: 50px 0 140px;
}

    #seminars-novideos-container .seminars-novideos-icon-container {
        background-color: #e0e0e0;
        border-radius: 100%;
        width: 150px;
        height: 150px;
        margin: 0 auto;
    }

#offers-container, #offers-detail-container {
    margin-top: 65px;
    overflow: auto;
}

#seminars-novideos-container .seminars-novideos-icon-container img {
    width: 100%;
}

#seminars-novideos-container p {
    font-size: 1.3em;
    padding-top: 35px;
}

.seminar-item-over {
    display: none;
}

.jobListColumn {
    float: left;
    width: 100%;
}

.job-item {
    width: 90%;
    margin: 0 5%;
    padding: 3% 0;
    position: relative;
    border-bottom: none;
    clear: both;
    float: left;
}

#logoContainer {
    width: 20%;
    height: 69px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #ccc,inset 0 0 1px #000;
    position: relative;
    text-align: center;
    margin-top: 2px;
    float: left;
    padding: 3px 0;
}

    #logoContainer img {
        max-width: 115px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
    }

#jobInformationContainer {
    width: 75%;
    margin-left: 5%;
    float: left;
}

    #jobInformationContainer .offer-maininfo, #jobInformationContainer .offer-maininfo-detail {
        float: left;
        width: 100%;
        margin-top: 3%;
        overflow: hidden;
    }

        #jobInformationContainer .offer-maininfo .offer-title, #jobInformationContainer .offer-maininfo-detail .offer-title {
            margin: 2% 0;
            font-size: 1.2em;
            color: #6d819c;
        }

        #jobInformationContainer .offer-maininfo .offer-language, #jobInformationContainer .offer-maininfo-detail .offer-language {
            display: none;
            font-size: 1.2em;
        }

    #jobInformationContainer .offer-maininfo-detail {
        overflow: auto;
        white-space: normal;
    }

#profile-header-info-data-container h1, .chat-list-item h1, .profile-jobs-info h3 {
    text-overflow: ellipsis;
    white-space: nowrap;
}

#jobInformationContainer .offer-location {
    margin: 2% 0;
    background-image: url(../images/offer/location-icon.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    padding-left: 17px;
    float: left;
}

#jobInformationContainer .offer-company {
    display: none;
    width: 95%;
    float: left;
}

#jobInformationContainer .offer-salary {
    display: none;
    width: 100%;
    float: left;
}

.job-item-buttons-container p {
    float: left;
}

    .job-item-buttons-container p span {
        color: #6d819c;
        font-family: "LTAzer-Regular";
    }

.chat-list-empty-title, .chat-list-item h1 {
    font-family: "LTAzer-Regular";
}

.publishBy {
    margin: 3% 0;
}

#buttonSectionContainer {
    width: 75%;
    margin-left: 5%;
    float: left;
}

    #buttonSectionContainer button {
        border: none;
        border-radius: 0;
        background-color: #44b4e4;
        color: #fff;
    }

    #buttonSectionContainer #viewMoreButton {
        border-radius: 50%;
        height: 25px;
        width: 25px;
        background-image: url(../images/common/more-info-icon.svg);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        float: right;
        cursor: pointer;
        display: block;
        text-align: center;
        text-decoration: none;
        background-color: #6d819c;
    }

        #buttonSectionContainer #viewMoreButton span {
            display: none;
            color: #fff;
            margin-top: 4px;
        }

    #buttonSectionContainer #takeTheTestButton {
        cursor: pointer;
        background-color: transparent;
        color: #44b4e4;
        text-decoration: underline;
        padding-right: 0;
        padding-left: 0;
        font-size: .9em;
    }

    #buttonSectionContainer span {
        font-size: .9em;
    }

    #buttonSectionContainer #buttonSectionContainer .button-main {
        width: 70%;
        margin: 5% 15%;
        padding: 3%;
    }

#offerHeader {
    background-color: #eee;
    width: 94%;
    padding: 3%;
    margin: 5% 0;
    float: left;
}

#offerDetailBody {
    width: 90%;
    padding: 2% 0;
    margin: 0 5%;
    float: left;
    line-height: 2em;
}

.visit-stand-link {
    text-align: center;
    width: 96%;
    padding: 0 2%;
}

    .visit-stand-link input {
        border: none;
        border-radius: 0;
        margin-top: 3%;
        text-decoration: underline;
        background-color: transparent;
    }

#offers-detail-container .big-icon-vmodal.margin-top {
    margin-top: 20%;
}

.texto_oferta_detalle {
    font-size: .7em;
    margin-top: 10px;
}

#profile-section-container {
    margin-top: 65px;
}

#profile-header-container {
    background-color: #44b4e4;
    margin: 0 1%;
    padding: 20px 0 40px;
    position: relative;
}

#profile-header-photo-container {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-left: 10px;
    overflow: hidden;
    float: left;
    position: relative;
    background-color: #23966e;
}

    #profile-header-photo-container img {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
    }

#profile-header-info-data-container {
    float: left;
    color: #fff;
    top: 50%;
    left: 60px;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    position: absolute;
    margin-top: 0;
}

    #profile-header-info-data-container h1 {
        font-size: 1.5em;
        margin-left: 9px;
        max-width: 100%;
        overflow: hidden;
    }

    #profile-header-info-data-container .container-buttons-profile {
        width: 100%;
        margin-left: 0;
    }

#profile-header-info-corner {
    display: none;
}

.profile-header-button {
    display: none;
    font-size: .8em;
    background-position: left center;
    background-size: auto 18px;
    padding-top: 5px;
    background-repeat: no-repeat;
    height: 20px;
    vertical-align: middle;
}

#profile-info-test-results #background-test-results-container, #profile-info-test-results .test-results-container .section-name {
    display: none !important;
}

.profile-header-button#add-photo {
    background-image: url(../images/register/addphoto-icon.svg);
    padding-left: 25px;
    margin-right: 10px;
    background-size: 20px;
}

.profile-header-button#upload-cv {
    background-image: url(../images/register/uploadcv-icon.svg);
    padding-left: 15px;
    background-size: 11px;
}

#delete-account-container {
    position: absolute;
    bottom: 0;
    right: 0;
}

#delete-account-button {
    background: url(../images/profile/deleteaccount-icon.svg) center no-repeat;
    width: 40px;
    height: 35px;
    border: none;
    background-size: 20px;
}

.profile-selector-button {
    background: 0 0;
    border: none;
    border-bottom: 5px solid transparent;
    margin: 0 4px -3px;
    cursor: pointer;
    color: #777;
}

.button-refresh-chat, .chat-list-item, .chat-selector-button, .profile-jobs-button {
    background-repeat: no-repeat;
}

.password-change {
    float: right;
}

#profile-info-test-results .test-results-container {
    box-shadow: none !important;
    padding: 15px 0 30px;
}

#profile-jobs-applications {
    margin: 0 auto;
    width: 90%;
}

.profile-jobs-header {
    border-bottom: thin solid #6d819c;
    padding: 10px 0;
}

.profile-jobs-title {
    color: #6d819c;
    font-size: 1.1em;
}

#profile-jobs-list {
    min-height: 200px;
}

.profile-jobs-item {
    margin-top: 10px;
    position: relative;
    padding: 2%;
}

    .profile-jobs-item #profile-jobs-applications-container, .profile-jobs-item .box-stand {
        box-shadow: 0 10px 20px 2px #999;
        border-radius: 22px;
        padding: 2%;
    }

.profile-jobs-logo {
    float: left;
    position: relative;
    height: 100px;
    background-color: #fff;
}

    .profile-jobs-logo img {
        max-height: 90%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        position: absolute;
    }

.profile-jobs-info {
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    position: absolute;
    left: 28%;
    width: 60%;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .profile-jobs-info h3 {
        color: #777;
        font-size: 1.2em;
        max-width: 100%;
        overflow: hidden;
    }

#chat-list, #log-in-chat, .DEVList {
    overflow: auto;
}

.profile-jobs-info p {
    color: #777;
    font-size: 1em;
}

    .profile-jobs-info p.success .job-application-status {
        color: #7ad133;
    }

    .profile-jobs-info p.rejected .job-application-status {
        color: #d95151;
    }

    .profile-jobs-info p.waiting .job-application-status {
        color: #d9b151;
    }

.profile-jobs-button {
    width: 30px;
    height: 30px;
    background-color: #44b4e4;
    border-radius: 100%;
    border: none;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    position: absolute;
    right: 15px;
    background-position: center;
}

    .profile-jobs-button#profile-jobs-applications-button {
        background-image: url(../images/profile/profile-jobs-applications-button-bkg.svg);
    }

    .profile-jobs-button#profile-jobs-stands-button {
        background-image: url(../images/profile/profile-jobs-stands-button-bkg.svg);
    }

#profile-jobs-stands {
    width: 90%;
    margin: 0 auto;
}

.empty-section-profile {
    margin-bottom: 50px;
    text-align: center;
}

    .empty-section-profile p {
        line-height: 2em;
    }

    .empty-section-profile button {
        margin: 5% 10%;
        width: 80%;
    }

.empty-section-profile-icon {
    background-color: #e0e0e0;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin: 9% auto;
}

    .empty-section-profile-icon img {
        width: 100%;
    }

#profile-jobs-content #offers-detail-container {
    margin-top: 0;
}

#chat-container, #news-container {
    position: fixed;
    top: 40px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    z-index: 10000;
}

#chat-selector, .chat-selector-button-container {
    position: relative;
}

#chat-container.no-home, #news-container.no-home {
    top: 45px;
}

#news-container {
    right: 40px;
}

.chat-template {
    height: 100%;
}

#chat-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 15px;
    border-color: transparent transparent #f9f9f9;
    float: right;
    margin-right: 4px;
}

#chat-header, #chats-list, #log-in-chat, #news-header, #news-list {
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.3);
    box-shadow: 0 0 8px rgba(0,0,0,.3);
}

    #log-in-chat #loginOrPassword {
        float: left;
        margin-top: 20px;
        margin-left: 10%;
        margin-right: 10%;
    }

#chat-selector {
    padding: 15px 30px;
}

.chat-selector-button-container img {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    display: none;
}

    .chat-selector-button-container img.visible {
        display: inherit;
    }

.chat-selector-button-container button span {
    display: none;
}

#list-chat-tab-container {
    float: left;
}

#private-chat-tab-container {
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    position: absolute;
}

#public-chat-tab-container, #stand-chat-tab-container {
    float: right;
}

.chat-selector-button {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 100%;
    background-position: center;
    background-size: 18px;
}

    .chat-selector-button#list-chat-tab {
        background-image: url(../images/chat/list-chat-tab-icon.svg);
    }

    .chat-selector-button#private-chat-tab {
        background-image: url(../images/chat/private-chat-tab-icon.svg);
    }

    .chat-selector-button#public-chat-tab {
        float: right;
        background-image: url(../images/chat/public-chat-tab-icon.svg);
    }

    .chat-selector-button#stand-chat-tab {
        float: right;
        background-image: url(../images/chat/stand-chat-tab-icon.svg);
    }

    .chat-selector-button.selected {
        background-color: #79d190;
        border: 1px solid #79d190;
    }

        .chat-selector-button.selected#list-chat-tab {
            background-image: url(../images/chat/list-chat-tab-icon-selected.svg);
        }

        .chat-selector-button.selected#private-chat-tab {
            background-image: url(../images/chat/private-chat-tab-icon-selected.svg);
        }

        .chat-selector-button.selected#public-chat-tab {
            background-image: url(../images/chat/public-chat-tab-icon-selected.svg);
        }

        .chat-selector-button.selected#stand-chat-tab {
            background-image: url(../images/chat/stand-chat-tab-icon-selected.svg);
        }

.DEVChatListSearch, .DEVChatUserSearch {
    height: 30px;
    width: 100%;
    background-color: #fff;
    z-index: 22;
}

    .DEVChatListSearch form, .DEVChatUserSearch form {
        border-bottom: 1px solid #6d819c;
        height: 30px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .DEVChatListSearch form input, .DEVChatUserSearch form input {
            border: 0;
            height: 29px;
            padding: 0 0 0 2%;
        }

        .DEVChatListSearch form button, .DEVChatUserSearch form button {
            width: 30px;
            height: 29px;
            float: right;
            padding: 0;
            border: none;
        }

            .DEVChatListSearch form button:hover, .DEVChatUserSearch form button:hover {
                cursor: pointer;
            }

            .DEVChatListSearch form button img, .DEVChatUserSearch form button img {
                width: 40%;
            }

    .DEVChatListSearch .button-search-chat, .DEVChatListSearch .button-search-chat:hover, .DEVChatUserSearch .button-search-chat, .DEVChatUserSearch .button-search-chat:hover {
        background-color: #fff;
    }

.usersListColumn {
    margin: 0 0 30px;
}

.button-refresh-chat {
    background-color: #6d819c;
    border-radius: 50%;
    border: none;
    position: absolute;
    bottom: 10px;
    margin: 0 auto;
    height: 40px;
    width: 40px;
    z-index: 33;
    background-image: url(../images/chat/refresh-chat.svg);
    background-size: 50%;
    background-position: center;
}

#chat-list-container, #chat-list-selector.news, #private-chats-container, .chat-list-item {
    position: relative;
}

.exportChatButton {
    background-color: #6d819c;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px;
}

    .exportChatButton:hover {
        background-color: #566880;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

#chat-list-selector {
    background-color: #6d819c;
    height: 40px;
    padding: 0 10px;
}

.chat-list-selector-button {
    border-radius: 0;
    background-color: #6d819c;
    color: #fff;
    border: 1px solid #fff;
    width: 48%;
    margin-top: 7px;
    padding: 4px 0;
    font-size: .8em;
}

    .chat-list-selector-button.selected {
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #6d819c;
        border: 1px solid #fff;
    }

#chat-list-recruiters-tab {
    float: left;
}

#chat-list-visitors-tab {
    float: right;
}

#chat-list {
    margin-top: 0;
}

    #chat-list.chat-list-general {
        margin-top: 0 !important;
    }

.chat-list-item {
    cursor: pointer;
    background-image: url(../images/chat/list-chat-item-bkg.svg);
    background-position: 98% center;
    background-size: 9%;
    height: 60px;
}

    .chat-list-item.private, .chat-list-item.public, .chat-user-self {
        background-image: none;
    }

    .chat-list-item .alert-icon {
        float: left;
        margin: 24px 3px 0 2px;
        visibility: hidden;
    }

        .chat-list-item .alert-icon.visible {
            visibility: visible;
        }

.congrats-icon, .item-list-favorite.status-offline, .networking-detail-photo-container .networking-detail-name .networking-favorite-icon {
    visibility: hidden;
}

.chat-list-item.public {
    height: 60px !important;
}

    .chat-list-item.public .alert-icon {
        margin-top: 24px;
    }

.chat-list-item h1 {
    font-size: 1.1em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    color: #777;
    float: left;
    margin: 22px 0 0 5px;
}

.chat-list-item.public h1 {
    margin: 22px 0 0 5px !important;
}

.chat-list-item .chat-recruiter-name {
    margin: 0 !important;
    padding: 18px 0 0 10px;
    float: none;
}

.entity-img-container, .img-container {
    overflow: hidden;
    float: left;
    height: 40px;
}

.chat-list-item .chat-recruiter-name span {
    font-family: tajawal,Arial,Verdana,sans-serif;
    font-size: .8em;
}

.chat-user-self {
    cursor: default;
}

.img-container {
    border-radius: 100%;
    width: 40px;
    border: 1px solid #dedede;
    margin-top: 8px;
}

    .img-container img {
        width: 100%;
    }

.entity-img-container {
    width: 92px;
    border: 1px solid #dedede;
    margin: 8px 0 0 7px;
}

    .entity-img-container img {
        width: 100%;
    }

.chat-list-item-close {
    background: url(../images/chat/list-chat-item-close-button.svg) no-repeat;
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 100%;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    position: absolute;
    right: 15px;
}

.chat-list-public-users {
    overflow: auto;
}

.chat-header-entity-name, .chat-header-entity-name p, .chat-header-name {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#backenduser-chats-title-container, #private-chats-title-container, #public-chats-title-container {
    text-align: center;
    height: 40px;
    position: relative;
    background-color: #6d819c;
}

    #backenduser-chats-title-container h3, #private-chats-title-container h3, #public-chats-title-container h3 {
        color: #fff;
        font-size: 1.2em;
        padding-top: 13px;
    }

#chat-list-empty-container {
    position: relative;
    width: 100%;
    margin-top: 20%;
}

#chat-list-empty {
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 90px;
    width: 100%;
}

    #chat-list-empty p {
        margin: 5% 0;
    }

    #chat-list-empty.private {
        background-image: url(../images/chat/public-chat-list-empty-bkg.svg);
        background-size: 80px;
    }

    #chat-list-empty.public {
        background-image: url(../images/chat/private-chat-list-empty-bkg.svg);
        background-size: 80px;
    }

    #chat-list-empty.noty {
        background-image: url(../images/chat/noty-list-empty-bkg.svg);
        background-size: 80px;
    }

.chat-list-empty-title {
    color: #777;
    font-size: 1.2em;
}

.chat-list-empty-subtitle {
    font-size: 1.1em;
}

    .chat-list-empty-subtitle a {
        text-decoration: underline;
        color: #6d819c;
        cursor: pointer;
    }

        .chat-list-empty-subtitle a:hover {
            color: #5193eb;
        }

.private-chat-list {
    margin-top: 30px;
}

#chat-header, #chat-header-detail, #news-header {
    height: 55px;
    border-bottom: 2px solid #6d819c;
    position: relative;
}

    #chat-header .img-container, #chat-header-detail .img-container, #news-header .img-container {
        float: none;
        position: absolute;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        margin-left: 50px;
        width: 35px;
        height: 35px;
        background-color: #6d819c;
    }

    #chat-header-detail button, #news-header button {
        float: right;
        background: 0 0;
        border: none;
        margin: 16px 3% 0 0;
    }

        #chat-header-detail button img, #news-header button img {
            width: 70%;
        }

.chat-goback-button {
    height: 100%;
    background: url(../images/chat/goback-button-bkg.svg) center no-repeat #566880;
    border: none;
    width: 40px;
    background-size: 60%;
    float: left;
}

#chat-header .img-container {
    margin-top: 0;
}

.chat-header-entity-name, .chat-header-name, .chat-header-name-detail, .news-header-name {
    margin-left: 95px;
    font-size: 1.2em;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    position: absolute;
    font-family: "LTAzer-Regular";
    color: #6d819c;
}

    .chat-header-entity-name span, .chat-header-name span, .chat-header-name-detail span, .news-header-name span {
        color: #777;
        font-size: .8em;
        font-family: inherit;
    }

.chat-header-name {
    max-width: 70%;
}

.chat-header-entity-name {
    margin-left: 150px !important;
}

    .chat-header-entity-name p {
        display: block;
    }

.chat-header-name-detail, .news-header-name {
    margin-left: 45px;
}

.chat-header-moreinfo, .chat-header-moreinfo-user, .chat-settings-button {
    background: url(../images/chat/chat-header-moreinfo.svg) center no-repeat;
    border: none;
    float: right;
    width: 35px;
    height: 100%;
    background-size: contain;
    margin: 0 5px;
}

.chat-header-moreinfo-user {
    background-image: url(../images/chat/chat-header-moreinfo-user.svg);
}

.chat-settings-button {
    background-image: url(../images/chat/chat-header-settings.svg);
}

#chat-user-profile-info-container {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.3);
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    overflow: auto;
}

#chat-user-profile-info {
    width: 100%;
    text-align: center;
}

    #chat-user-profile-info .img-container {
        float: none;
        margin: 10px auto 0;
        width: 140px;
        height: 140px;
    }

    #chat-user-profile-info h1 {
        color: #6d819c;
        font-family: "LTAzer-Regular";
        font-size: 1.6em;
        margin: 4% 0;
    }

    #chat-user-profile-info button {
        margin: 0 auto 3px;
        border: none;
        border-radius: 0;
        background-color: #6d819c;
        color: #fff;
        padding: 14px 0;
        width: 65%;
        display: block;
    }

    #chat-user-profile-info .banned-user, #chat-user-profile-info .public-profile-chat, #chat-user-profile-info .start-chat, #chat-user-profile-info .start-public-chat {
        background-image: url(../images/common/menu-networking-icon.svg);
        background-repeat: no-repeat;
        background-position: 9px center;
    }

    #chat-user-profile-info .public-profile-cv-chat {
        background-repeat: no-repeat;
        background-position: 9px center;
    }

    #chat-user-profile-info .start-chat {
        background-image: url(../images/common/menu-chat-icon.svg);
    }

    #chat-user-profile-info .banned-user {
        background-image: url(../images/chat/banned-chat.svg);
        background-color: #e84a4a;
    }

    #chat-user-profile-info .start-public-chat {
        background-image: url(../images/chat/public-chat.svg);
    }

#translation-settings-container {
    float: left;
    width: 100%;
    overflow: auto;
    position: relative;
}

.translate-settings-header {
    background-color: #6d819c;
    height: 60px !important;
    padding-top: 30px;
}

.translate-settings-header-title {
    float: left;
    color: #fff;
    text-transform: uppercase;
    margin: 4px 0 0 15px;
}

    .translate-settings-header-title span {
        float: left;
        margin-right: 5px;
    }

.translate-toggle {
    float: right;
    margin-right: 15px !important;
}

#dropdown-settings-container {
    position: absolute;
    margin-top: 90px;
    overflow: auto;
    background-color: #f0f0f0;
    width: 90%;
    padding: 0 5%;
}

.dropdown-languages {
    float: left;
    width: 100%;
    margin-top: 30px;
}

    .dropdown-languages select {
        width: 100%;
        height: 33px;
        border: 1px solid #6d819c;
        margin-top: 5px;
        background-image: url(../images/common/menu-language-combo-arrow.svg);
        background-repeat: no-repeat;
        background-position: 98% center;
    }

    .dropdown-languages .selector-disabled {
        background-color: #e0e0e0;
    }

.dropdown-languages-container {
    float: left;
    width: 100%;
    margin-bottom: 85px;
}

.dropdown-languages-mylanguage, .dropdown-languages-yourlanguage {
    display: block;
    float: left;
    width: 90%;
    background-image: url(../images/chat/icon-my-language.svg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10%;
    height: 21px;
    vertical-align: middle;
    padding-top: 5px;
    font-size: 1.2em;
}

.dropdown-languages-yourlanguage {
    background-image: url(../images/chat/icon-your-language.svg);
}

#skype-user-container {
    background-image: url(../images/chat/simbolo-de-video.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px;
    width: auto;
    display: table;
    margin: 0 auto 20px;
    padding: 8px 0 8px 40px;
}

.chat-button-translation, .conversation-icon-translated, .conversation-options button {
    background-repeat: no-repeat;
    background-size: contain;
}

#skype-user-container p {
    color: #777;
    font-size: 1.1em;
}

.chat-area-conversation-item.other .conversation-info, .chat-area-conversation-item.other .conversation-text, .chat-area-conversation-item.stand .conversation-info, .chat-area-conversation-item.stand .conversation-text, .chat-area-conversation-item.translation .conversation-info, .chat-area-conversation-item.translation .conversation-text {
    color: #fff;
}

#chat-area-container {
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.3);
    box-shadow: 0 0 8px rgba(0,0,0,.3);
}

#chat-area {
    padding: 7px 10px 45px;
    overflow: auto;
}

.chat-area-conversation-item {
    position: relative;
    margin-bottom: 15px;
}

    .chat-area-conversation-item .conversation-arrow {
        width: 0;
        height: 0;
        border-style: solid;
        position: absolute;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
    }

    .chat-area-conversation-item .conversation-info {
        font-size: .9em;
        margin-bottom: 4px;
        font-family: "LTAzer-Regular";
        font-style: italic;
        text-decoration: underline;
    }

    .chat-area-conversation-item .conversation-text {
        font-size: .9em;
    }

    .chat-area-conversation-item.other .conversation-arrow, .chat-area-conversation-item.stand .conversation-arrow {
        border-width: 7.5px 8px 7.5px 0;
    }

    .chat-area-conversation-item.other .conversation-container, .chat-area-conversation-item.stand .conversation-container {
        margin-right: 0;
        margin-left: 8px;
    }

    .chat-area-conversation-item.other .conversation-arrow {
        border-color: transparent #6d819c transparent transparent;
    }

    .chat-area-conversation-item.other .conversation-container {
        background-color: #6d819c;
    }

    .chat-area-conversation-item.stand .conversation-arrow {
        border-color: transparent #566880 transparent transparent;
    }

    .chat-area-conversation-item.stand .conversation-container {
        background-color: #566880;
    }

    .chat-area-conversation-item.translation {
        width: 100%;
        margin-top: -15px;
        margin-left: 8px;
    }

        .chat-area-conversation-item.translation .conversation-container {
            background-color: #8b9bb1;
        }

    .chat-area-conversation-item.me .conversation-arrow {
        border-width: 7px 0 7px 8px;
        border-color: transparent transparent transparent #f1f1f1;
        right: 0;
    }

    .chat-area-conversation-item.me .conversation-container {
        background-color: #f1f1f1;
        margin-left: 0;
        margin-right: 8px;
    }

    .chat-area-conversation-item.me .conversation-info, .chat-area-conversation-item.me .conversation-text {
        color: #777;
        text-align: right;
    }

.conversation-icon-translated {
    position: absolute;
    display: block;
    height: 25px;
    margin: 5px 5px 0 0;
    width: 25px;
    top: 0;
    right: 0;
    background-image: url(../images/chat/translate-icon-white.svg);
}

.conversation-options-opened {
    position: absolute;
    top: 0;
    right: 0;
    height: 65px;
    width: 190px;
    background-color: #fff;
    margin-top: 5px;
    margin-right: 5px;
    text-align: center;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.3);
    box-shadow: 0 0 8px rgba(0,0,0,.3);
}

    .conversation-options-opened button {
        background-color: #6d819c;
        border: none;
        color: #fff;
        text-transform: uppercase;
        padding: 5px 10px;
        margin: 6px auto 0;
    }

    .conversation-options-opened ul {
        margin: 3px auto 0;
    }

        .conversation-options-opened ul li {
            display: inline-block;
            font-size: .8em;
            height: 14px;
            vertical-align: bottom;
        }

.conversation-options button {
    position: absolute;
    right: 0;
    top: 0;
    width: 17px;
    height: 17px;
    margin-top: 5px;
    margin-right: 5px;
    background-color: transparent;
    border: none;
    background-image: url(../images/chat/icon-options.svg);
    background-position: center;
}

.conversation-container {
    padding: 10px;
}

.chat-noty {
    background-color: #566880;
    width: 100%;
    text-align: center;
    float: left;
    bottom: 73px;
    position: absolute;
    height: 39px;
}

    .chat-noty p {
        color: #fff;
        font-size: .8em;
        max-width: 95%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        margin: 11px auto 0;
    }

.chat-input-container {
    padding: 15px 5% 0;
    border-top: thin solid #6d819c;
    float: left;
    width: 90%;
    position: absolute;
    bottom: 20px;
}

    .chat-input-container .chat-input {
        border: thin solid #ccc;
        height: 35px;
        float: left;
    }

        .chat-input-container .chat-input.disabled {
            border-color: #ccc;
            background-color: #ededed;
        }

        .chat-input-container .chat-input input {
            height: 100%;
            padding: 0 0 0 10px;
            border: none;
        }

    .chat-input-container button {
        border: none;
        border-radius: 0;
        background-color: #6d819c;
        color: #fff;
        height: 37px;
        float: right;
        width: 60px;
        font-size: .9em;
        font-family: "LTAzer-Regular";
    }

        .chat-input-container button:disabled {
            background-color: #ccc;
        }

.chat-button-translation {
    background-color: transparent !important;
    background-image: url(../images/chat/translate-icon.svg);
    height: 35px;
    width: 25px !important;
    float: left;
    background-position: left center;
    margin-right: 3px;
}

#backenduser-welcome-bkg, .info-message-item button {
    background-repeat: no-repeat;
    background-position: center;
}

#chat-prev-messages {
    width: 100%;
    background-color: #f3f3f3;
    border: none;
    color: #777;
    font-size: .8em;
    padding: 4px 0;
}

#chat-alerts-container {
    position: absolute;
    bottom: 75px;
    width: 100%;
    background-color: #566880;
}

    #chat-alerts-container p {
        color: #fff;
        font-size: .8em;
        padding: 10px 15px;
        text-align: center;
        font-family: "LTAzer-Regular";
    }

#backenduser-welcome-bkg {
    height: 130px;
    width: 100%;
    background-color: #fff;
    background-size: cover;
}

#backenduser-welcome-logo {
    width: 160px;
    height: 69px;
    background-color: #fff;
    margin: -50px auto 0;
    background-image: url(../images/chat/welcome-logo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #eee;
}

#backenduser-welcome-text {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
}

    #backenduser-welcome-text p {
        color: #6d819c;
        font-size: 1.5em;
        margin-bottom: 10px;
    }

    #backenduser-welcome-text span {
        width: 80%;
        padding: 0 10%;
        display: block;
        line-height: 1.5em;
    }

        #backenduser-welcome-text span .bold {
            font-family: tajawal,Arial,Verdana,sans-serif;
        }

.backenduser-button-start-chat {
    width: 60%;
    padding: 0 20%;
    margin: 44px 0 30px;
    float: left;
}

    .backenduser-button-start-chat button {
        border: none;
        border-radius: 0;
        background-color: #263959;
        color: #fff;
        margin: 0;
        width: 100%;
        font-size: 1.1em;
        padding: 10px 0;
        font-family: tajawal,Arial,Verdana,sans-serif;
    }

.chat-settings-text, .error-saved-settings p {
    font-family: tajawal,Arial,Verdana,sans-serif;
}

.title-chat-icon {
    float: left;
    height: 27px;
    width: 27px;
    padding: 0 10px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    position: absolute;
}

    .title-chat-icon img {
        width: 100%;
    }

#chat-settings-container {
    background-color: #f0f0f0;
    padding: 0 5%;
    float: left;
    overflow: auto;
    width: 90%;
    position: absolute;
}

    #chat-settings-container input {
        padding: 8px 10px;
    }

.chat-settings-text {
    margin: 30px 0 10px;
}

.error-saved-settings {
    float: left;
    width: 100%;
    margin-top: 80px;
    height: 55px;
    text-align: center;
}

    .error-saved-settings p {
        color: #e84a4a;
        margin-top: 10px;
    }

.agenda-detail-titles p, .agenda-event-title, .detail-agenda-acordion-entity, .detail-agenda-acordion-speaker span, .stand-message-item-titles .message-title {
    font-family: "LTAzer-Regular";
}

.error-saved-settings .saving {
    color: #777;
}

.chat-buttons-footer {
    width: 90%;
    float: left;
    position: absolute;
    bottom: 30px;
}

    .chat-buttons-footer .button-main {
        float: right;
        width: auto;
        padding-left: 50px;
        padding-right: 50px;
        text-transform: uppercase;
    }

.news-nochat-headertext {
    color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    position: absolute;
}

.container-info-message-item, .container-info-message-stand {
    overflow: auto;
}

.info-message-item {
    font-size: .8em;
    border-bottom: 1px solid #ccc;
    padding: 5% 8%;
}

    .info-message-item p {
        width: 100%;
    }

    .info-message-item a {
        margin-top: 5px;
        float: left;
        color: #6d819c;
        text-decoration: underline;
    }

.eventsCalendar-daysList li.current a:hover, .eventsCalendar-daysList li.dayWithEvents a:hover {
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.info-message-item button {
    float: right;
    background-color: #6d819c;
    background-image: url(../images/profile/profile-jobs-applications-button-bkg.svg);
    background-size: 50%;
    margin: 0 5% 2% 0;
    border-radius: 50%;
    border: none;
    height: 25px;
    width: 25px;
    color: #fff;
}

    .info-message-item button:hover {
        background-color: #5193eb;
    }

.stand-message-item {
    margin: 3% 0;
    float: left;
    width: 100%;
}

.stand-message-item-logo {
    float: left;
    width: 25%;
    margin-left: 5%;
}

    .stand-message-item-logo img {
        width: 100%;
        border: 1px solid #6d819c;
    }

.stand-message-item-titles {
    float: right;
    width: 62%;
    margin: 2% 5% 0 3%;
}

    .stand-message-item-titles .message-title {
        color: #6d819c;
    }

.stand-message-item-text {
    float: left;
    width: 90%;
    padding: 2% 5%;
    font-size: .8em;
}

.chat-message-container {
    width: 70%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    position: absolute;
    margin: 0 auto;
}

    .chat-message-container .login-icon {
        margin: 0 auto 5%;
    }

    .chat-message-container p {
        text-align: center;
        font-size: 1.2em;
    }

.chat-mesages-input {
    margin-top: 50px;
}

    .chat-mesages-input p {
        text-align: left;
        font-size: 1em;
    }

    .chat-mesages-input input {
        padding: 0 0 0 10px;
        border: 1px solid #6d819c;
        height: 33px;
    }

    .chat-mesages-input button {
        height: 35px;
        margin-top: 20px;
        padding: 0;
    }

.spinner {
    margin: 100px auto;
    width: 60px;
    height: 60px;
    position: relative;
    text-align: center;
    -webkit-animation: rotate 2s infinite linear;
    animation: rotate 2s infinite linear;
}

.dot1, .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #6d819c;
    border-radius: 100%;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out;
}

.dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.eventCalendar-wrap .arrow, .eventsCalendar-monthWrap {
    top: 0 !important;
}

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

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

@-webkit-keyframes bounce {
    0%,to {
        -webkit-transform: scale(0);
    }

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

@keyframes bounce {
    0%,to {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

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

.news-window-position {
    right: 5px !important;
}

#info-message-header-container {
    margin-bottom: 15px;
    padding-top: 15px;
}

#create-info-message .item-input-info-message {
    margin-bottom: 15px;
}

#create-info-message .button-main {
    width: 30%;
    float: right;
    padding: 2% 0;
}

#list-message .container-links ul li {
    margin: 0 0 15px;
}

    #list-message .container-links ul li .item-messages-icon {
        padding-top: 5%;
        background-image: url(../images/common/menu-circle-button-chat.svg);
        background-repeat: no-repeat;
        width: 40px;
        height: 60px;
        background-color: #6d819c;
        background-position: center;
    }

    #list-message .container-links ul li .item-links-text {
        width: 90%;
        max-width: 90%;
        padding-left: 10%;
    }

        #list-message .container-links ul li .item-links-text h1 + button {
            margin-top: 10px;
        }

        #list-message .container-links ul li .item-links-text button {
            float: right;
            background-color: #44b4e4;
            color: #fff;
            border: none;
            font-size: 1.1em;
            padding: 5px 15px;
        }

.container-agenda {
    display: block;
    margin-top: 65px;
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

    .container-agenda #section-header-container #titles-section-header {
        width: 100%;
    }

        .container-agenda #section-header-container #titles-section-header h1 {
            text-align: center;
            width: 100%;
            margin-left: 0;
        }

#eventCalendarContainer {
    margin-top: 50px;
}

.eventsCalendar-slider {
    position: relative;
    padding-bottom: 15px;
}

.eventCalendar-wrap {
    margin-top: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

    .eventCalendar-wrap .arrow.prev span {
        border-right: 6px solid #777 !important;
    }

    .eventCalendar-wrap .arrow.next span {
        border-left: 6px solid #777 !important;
    }

.eventsCalendar-currentTitle {
    line-height: 0 !important;
    background-color: transparent !important;
    outline: 0 !important;
    border: none !important;
    border-width: 0 !important;
    height: 30px !important;
    width: 70% !important;
    margin: 0 auto !important;
}

    .eventsCalendar-currentTitle .monthTitle {
        color: #777 !important;
        text-transform: uppercase !important;
        font-size: 1.2em !important;
        padding-top: 15px !important;
    }

.eventsCalendar-daysList.showDayNames.showAsWeek {
    border-radius: 0 !important;
}

.eventsCalendar-day-header {
    background-color: #6d819c !important;
    color: #fff !important;
    text-transform: uppercase !important;
    height: 15px !important;
    padding-top: 5px !important;
    border-bottom: none !important;
}

#saveCommentButton, #sitemap-container h2, .agenda-event-entity-name, .browse-button, .eventsCalendar-subtitle, .networking-sort ul li a {
    text-transform: uppercase;
}

.showAsWeek .eventsCalendar-day a, .showAsWeek .eventsCalendar-day span {
    font-size: 1.1em !important;
    height: 32px !important;
    padding-top: 4px !important;
}

.eventsCalendar-daysList.showAsWeek {
    margin: 0 !important;
    border: 0 !important;
    border-bottom-width: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
}

.eventsCalendar-day a, .eventsCalendar-day span, .showAsWeek .eventsCalendar-day a {
    border: none !important;
}

.showAsWeek .eventsCalendar-day span {
    border: none !important;
    display: block;
    color: #e0e0e0 !important;
    line-height: 27px;
}

.eventsCalendar-list .eventsCalendar-noEvents {
    width: 100% !important;
    float: left !important;
    font-size: 1.3em !important;
    border-radius: 0 !important;
    margin: 40px 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    color: #777 !important;
    text-align: center !important;
    font-weight: inherit !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.eventsCalendar-daysList.showAsWeek li {
    text-align: center;
}

    .eventsCalendar-daysList.showAsWeek li.empty {
        background-color: transparent !important;
        border-top: transparent !important;
    }

.eventsCalendar-daysList li.today a {
    color: #fff !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 30px !important;
    background-image: url(../images/agenda/agenda-icon-today.svg) !important;
}

.eventsCalendar-daysList li.current {
    background: 0 0 !important;
}

    .eventsCalendar-daysList li.current a {
        color: #fff !important;
        background-color: transparent !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 30px !important;
        box-shadow: none !important;
        text-shadow: none !important;
        background-image: url(../images/agenda/agenda-icon-current.svg) !important;
    }

        .eventsCalendar-daysList li.current a:hover {
            color: #fff !important;
        }

.eventsCalendar-daysList li.dayWithEvents {
    background: 0 0 !important;
}

    .eventsCalendar-daysList li.dayWithEvents a {
        color: #777 !important;
        background-color: transparent !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 30px !important;
        background-image: url(../images/agenda/agenda-icon-event.svg) !important;
    }

.eventsCalendar-selectors, .eventsCalendar-subtitle {
    width: 100%;
    background-color: #eee;
    float: left;
    text-align: center;
}

.eventsCalendar-daysList li.dayWithEvents a:hover {
    color: #fff !important;
    background-image: url(../images/agenda/agenda-icon-current.svg) !important;
}

.eventsCalendar-subtitle {
    color: #6d819c;
    height: 25px !important;
    padding: 12px 0 0 !important;
    font-size: 1em !important;
}

.eventsCalendar-selectors {
    color: #6d819c;
}

    .eventsCalendar-selectors select {
        padding: 0 25px 0 10px;
        margin: 0 0 10px;
        background-color: #fff;
        color: #6d819c;
        border: none;
        border-radius: 0 !important;
        height: 30px;
        -webkit-appearance: none;
        background-image: url(../images/register/arrow-select.svg);
        background-repeat: no-repeat;
        background-position: 96% center;
    }

    .eventsCalendar-selectors button {
        height: 30px;
        background-color: #44b4e4;
        border: none;
        width: 80px;
        overflow: hidden;
        padding: 0;
    }

        .eventsCalendar-selectors button img {
            width: 12px;
        }

.eventsCalendar-list-content {
    min-height: 150px;
    float: left;
    width: 100%;
}

.agendaEventListClass {
    margin-top: 78px;
}

.agenda-event-item {
    background-color: #6d819c;
    width: 100%;
    float: left;
    color: #fff;
    height: 35px;
}

    .agenda-event-item a {
        float: right;
        width: 10%;
        border: none;
        height: 35px;
        background-color: #566880;
        background-image: url(../images/agenda/agenda-icon-arrow.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px;
    }

.agenda-event-item-chat, .agenda-event-item-webcast {
    float: left;
    background-repeat: no-repeat;
    height: 35px;
    background-position: 5px center;
    padding-left: 35px;
}

    .agenda-event-item-chat p, .agenda-event-item-webcast p {
        margin-top: 10px;
    }

.agenda-event-item-webcast {
    background-image: url(../images/agenda/agenda-icon-chat.svg);
    background-size: 20px;
}

.agenda-event-item-chat {
    background-image: url(../images/agenda/agenda-icon-webcast.svg);
    background-size: 25px;
}

.agenda-event-item-separator {
    float: left;
    width: 7%;
    margin-top: 10px;
    text-align: center;
}

.agenda-event-item-date {
    float: left;
    text-align: center;
    margin-top: 9px;
}

.eventsCalendar-list li {
    padding: 0 !important;
}

#containerAgendaFilter {
    margin-top: 30px;
}

.agendaFilterClass .eventsCalendar-filters {
    position: fixed !important;
    top: 100px;
    z-index: 200;
    width: 100%;
}

.agenda-event-description {
    width: 90%;
    margin: 10px auto;
    font-size: 1.1em;
}

.agenda-detail-header .vmodal-back-button, .agenda-event-entity {
    margin-top: 5px;
}

.agenda-detail-header {
    width: 100%;
    float: left;
}

    .agenda-detail-header button {
        float: right;
        clear: both;
    }

.agenda-detail-icon-chat, .agenda-detail-icon-webcast {
    width: 20%;
    float: left;
    height: 45px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.agenda-detail-icon-webcast {
    background-image: url(../images/agenda/agenda-icon-webcast-color.svg);
}

.agenda-detail-icon-chat {
    background-image: url(../images/agenda/agenda-icon-chat-color.svg);
    background-size: 30px;
}

.agenda-detail-titles {
    width: 80%;
    float: left;
    height: 42px;
    padding-top: 3px;
}

    .agenda-detail-titles p {
        margin-top: 3px;
    }

.detail-agenda-acordion {
    background-color: #e5e5e5;
    color: #777;
    width: 90%;
    padding: 10px 5%;
    float: left;
}

.detail-agenda-acordion-title {
    font-size: 1.2em;
}

.detail-agenda-acordion-entity {
    font-size: 1.2em;
    text-transform: uppercase;
    margin: 5px 0;
}

.detail-agenda-description {
    width: 90%;
    padding: 10px 5%;
    float: left;
    line-height: 1.8em;
}

    .detail-agenda-description button {
        background: #6d819c;
        color: #fff;
        width: 100%;
        border: none;
        padding: 8px 0;
        margin-bottom: 10px;
    }

        .detail-agenda-description button:disabled {
            background-color: #e5e5e5;
        }

    .detail-agenda-description p {
        margin-bottom: 30px;
        font-size: 1em;
    }

.detail-agenda-networks {
    width: 100%;
    float: left;
    text-align: center;
}

    .detail-agenda-networks ul {
        text-align: center;
    }

        .detail-agenda-networks ul li {
            display: inline-block;
            margin: 0 5px;
        }

            .detail-agenda-networks ul li img {
                width: 50px;
            }

.detail-agenda-acordion-image {
    width: 50px;
    height: 50px;
    float: left;
}

    .detail-agenda-acordion-image img {
        width: 100%;
        overflow: hidden;
    }

.detail-agenda-acordion-speaker {
    float: left;
    margin-top: 10px;
    font-size: 1.1em;
}

    .detail-agenda-acordion-speaker span {
        margin-left: 10px;
    }

    .detail-agenda-acordion-speaker p {
        margin-left: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.detail-agenda-acordion-button {
    float: right;
    width: 30px;
    height: 30px;
}

    .detail-agenda-acordion-button button {
        background-color: transparent;
        border: none;
        font-family: "LTAzer-Regular";
        font-size: 3.5em;
        padding: 0;
        margin: 20px 0 0;
        width: 30px;
        height: 30px;
        line-height: .5em;
    }

.detail-agenda-acordion-bio {
    width: 100%;
    float: left;
    line-height: 1.5em;
}

    .detail-agenda-acordion-bio p {
        margin: 15px 0;
    }

.eventsCalendar-loading {
    border-radius: 0 !important;
    margin: 5px auto !important;
    padding: 0 10px !important;
    background-color: transparent !important;
    color: #6d819c !important;
    text-align: center !important;
    box-shadow: none !important;
    text-shadow: none !important;
    position: absolute !important;
    z-index: 4 !important;
    top: 120px !important;
    font-size: 1.1em;
    left: 50% !important;
    transform: translate(-50%,0) !important;
    -webkit-transform: translate(-50%,0) !important;
    -moz-transform: translate(-50%,0) !important;
    -o-transform: translate(-50%,0) !important;
    -ms-transform: translate(-50%,0) !important;
}

#add-event-container {
    text-align: center;
    padding-bottom: 20px;
    width: 210px;
    margin: 0 auto;
    position: relative;
}

    #add-event-container #addEventToCalendar {
        cursor: pointer;
        background-image: url(../images/agenda/add-event-icon.svg);
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 25px;
        padding-top: 0;
        margin-bottom: 12px;
        height: 22px;
        display: inline-block;
    }

.ace_dd {
    padding-top: 12px;
    width: 100%;
}

.ace_opt {
    padding: 13px 0;
    margin: 0 auto 7px;
    width: 65%;
    max-width: 250px;
    background-color: #f0f;
    color: #fff;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    background-position: 10px center;
    background-repeat: no-repeat;
}

    .ace_opt.Outlook.Office {
        background-color: #e83f24;
        background-image: url(../images/agenda/add-event-office.svg);
    }

    .ace_opt.Google {
        background-color: #4587f5;
        background-image: url(../images/agenda/add-event-google.svg);
    }

    .ace_opt.Yahoo {
        background-color: #8a2a90;
        background-image: url(../images/agenda/add-event-yahoo.svg);
    }

    .ace_opt.Outlook.web {
        background-color: #4f4b6a;
        background-image: url(../images/agenda/add-event-outlook.svg);
    }

    .ace_opt.iCal {
        background-color: #ae2628;
        background-image: url(../images/agenda/add-event-ical.svg);
    }

.agenda-detail-container {
    display: block;
    margin-top: 65px;
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

#sitemap-container {
    max-width: 1280px;
    margin: 100px auto 70px;
}

    #sitemap-container h2 {
        text-align: center;
        font-size: 1.4em;
        color: #6d819c;
        font-family: "LTAzer-Regular";
    }

#sitemap-menu-navigation {
    list-style-type: none;
    margin: 0 auto;
    max-width: 500px;
    padding: 0 15px;
}

    #sitemap-menu-navigation li a, #sitemap-menu-navigation li p {
        color: #333;
        cursor: pointer;
    }

#content {
    width: 100%;
    margin: 0 auto;
    clear: both;
}

.contact-container {
    width: 85%;
    margin: 5% auto;
}

.fair-register-container {
    width: 95%;
    margin: 75px auto 0;
}

.fair-register-titles {
    background-color: #6d819c;
    margin-bottom: 0;
    padding: 3px 17px 6px;
    margin-top: 0;
}

    .fair-register-titles h1 {
        font-size: 2.5em;
        color: #fff;
        line-height: .9em;
        padding: 20px 0 10px;
        margin: 0;
    }

    .fair-register-titles h2 {
        color: #fff;
        font-size: 1.3em;
        padding-bottom: 20px;
    }

.container-profile {
    clear: both;
    background-color: #6d819c;
    position: relative;
}

.container-profile-nologged, .container-profile-personal {
    display: none;
    height: 100%;
    position: absolute;
    background-color: #566880;
    float: left;
}

.container-profile-personal {
    width: 50%;
    color: #fff;
}

.container-profile-personal-little {
    width: 40%;
}

.container-profile-nologged {
    width: 50%;
    text-align: center;
}

    .container-profile-nologged h1 {
        color: #fff;
        margin-bottom: 4%;
    }

    .container-profile-nologged img {
        width: 100%;
        max-width: 108px;
        margin: 15px 0;
    }

.container-personal-info {
    width: 85%;
    margin: 5% auto 3%;
    padding-top: 4%;
}

.personale-img {
    padding: 50px;
    float: left;
    background-image: url(../images/register/icon-photo.svg);
    background-position: center;
    background-size: cover;
}

    .personale-img img {
        width: 100%;
    }

.personal-info {
    padding-left: 5%;
    width: 75%;
    float: left;
}

    .personal-info h1 {
        line-height: 140%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0;
        margin: 0;
        color: #fff;
    }

        .personal-info h1 span {
            font-weight: 500;
        }

.container-buttons-profile {
    height: auto;
    overflow: hidden;
    width: 93%;
    margin: 0 0 5% 7%;
}

.container-add-item {
    margin-right: 0;
    float: left;
}

.container-add-item2 {
    float: left;
}

.add-item, .add-item2 {
    float: left;
    width: 20px;
    text-align: center;
}

    .add-item img, .add-item2 img {
        width: 100%;
    }

.add-item2 {
    width: 15px;
}

.add-item-text {
    float: left;
}

    .add-item-text a {
        color: #fff;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        float: left;
        text-decoration: underline;
        font-size: 1em;
        display: block;
        margin: 3px 0 0 9px;
    }

.container-profile-complete-info a, .container-profile-complete-info a span, .container-profile-send-infomessage a {
    text-decoration: none;
}

.container-profile-send-infomessage {
    display: none;
    width: 30%;
    float: right;
    color: #fff;
    background-color: #6d819c;
}

    .container-profile-send-infomessage h1 {
        font-size: 4.5em;
        color: #fff;
        margin: 6% 0 0 8%;
    }

    .container-profile-send-infomessage h2 {
        font-size: 1.83em;
        color: #fff;
        margin-left: 8%;
        margin-top: 1%;
    }

.container-profile-complete-info, .container-profile-info {
    display: none;
    width: 50%;
    float: right;
    color: #fff;
}

    .container-profile-complete-info h1, .container-profile-info h1 {
        font-size: 4.5em;
        color: #fff;
        margin: 6% 0 0 8%;
    }

    .container-profile-complete-info h2, .container-profile-info h2 {
        font-size: 1.83em;
        color: #fff;
        margin-left: 8%;
        margin-top: 1%;
    }

.container-profile-complete-info-little {
    width: 30%;
    border-right: #fff 1px solid;
}

.container-profile-complete-info {
    padding-top: 4%;
    text-align: center;
}

    .container-profile-complete-info h3 {
        margin: 2% 0 7%;
        font-size: 1.83em;
        color: #fff;
    }

    .container-profile-complete-info a span {
        font-size: 1em;
        padding: 1% 6%;
        border: 4px solid #fff;
        color: #fff;
        text-align: center;
    }

.container-profile-send-infomessage {
    padding-top: 4%;
    text-align: center;
}

    .container-profile-send-infomessage h3 {
        margin: 2% 0 7%;
        font-size: 1.83em;
        color: #fff;
    }

    .container-profile-send-infomessage a span {
        font-size: 1em;
        padding: 1% 6%;
        text-decoration: none;
        border: 4px solid #fff;
        color: #fff;
        text-align: center;
    }

.white-triangle {
    display: none;
    text-align: center;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px;
    border-color: transparent transparent #fff;
    margin: -30px auto 0;
    z-index: 1;
    position: relative;
}

#profile-info-container #profile-selector-container {
    display: none;
    text-align: left;
    padding-top: 12px;
    border-bottom: thin solid #6d819c;
    margin: 0 5px;
    overflow: visible;
}

#profile-info-container select {
    width: 98%;
    padding-left: 5%;
    margin: 10px 1%;
    background-color: #6d819c;
    color: #fff;
    border: none;
    border-radius: 0 !important;
    height: 30px;
    -webkit-appearance: none;
    background-image: url(../images/register/arrow-select-white.svg);
    background-repeat: no-repeat;
    background-position: 96% center;
}

#profile-info-container .container-step1 {
    margin: 0 5% 50px;
}

.container-step1 {
    width: 90%;
    margin: 20px 5% 0;
    float: left;
}

.step-header {
    display: none;
    width: 90%;
    margin: 0 5%;
    float: left;
    clear: both;
}

    .step-header h1 {
        color: #6d819c;
        font-size: 3.5em;
        float: left;
        margin: 2% 0;
    }

.register-paginator {
    float: right;
    margin: 2% 5% 2% 0;
    width: 40%;
    display: none;
}

.paginator-left, .paginator-right {
    color: #777;
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration: none;
    background-size: contain;
    font-size: 1em;
    float: right;
}

.step-header .register-paginator {
    margin-right: 0;
}

.paginator-left {
    background-image: url(../images/register/arrow-pag-left.svg);
    background-position: left;
    padding: 1% 3% 1% 24px;
}

.paginator-right {
    background-image: url(../images/register/arrow-pag-right.svg);
    background-position: right;
    padding: 1% 24px 1% 3%;
}

.paginator-spacer {
    float: right;
    color: #566880;
    font-size: 1.7em;
}

.register-left {
    width: 100%;
    float: left;
}

    .register-left ul {
        padding: 0;
        margin: 0;
    }

        .register-left ul li {
            list-style: none;
            display: inline-block;
        }

.input-desktop, .item-input-register-input .info-input-button, .item-input-register-input-wide .info-input-button {
    display: none;
}

.register-right {
    width: 50%;
    float: left;
}

.item-input-register, .item-input-register-wide {
    width: 100%;
    float: left;
    clear: both;
}

.register-mobile-margin {
    margin-top: 3%;
}

.item-input-register, .item-input-register-big, .item-input-register-right {
    margin-bottom: 3% !important;
}

.register-wide {
    width: 100%;
    float: left;
}

.item-input-register-wide {
    width: 100%;
}

.item-input-register-right {
    width: 100%;
    float: right;
}

.item-input-register-text {
    border-bottom: 1px solid #566880;
    overflow: hidden;
    height: auto;
}

.item-input-label {
    float: left;
    color: #566880;
    font-size: 1.3em;
}

.item-input-characters {
    float: right;
    font-size: 1em;
    font-style: italic;
    text-align: right;
    color: #777;
}

.item-input-register-input input, .item-input-register-input select, .item-input-register-input textarea, .item-input-register-input-wide input, .item-input-register-input-wide select, .item-input-register-input-wide textarea {
    width: 100%;
    margin: 6px 0 0;
    padding: 0 2%;
    height: 30px;
    font-size: 1em;
    color: #868686;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.item-input-register-input-wide.info-input input, .item-input-register-input-wide.info-input select, .item-input-register-input-wide.info-input textarea, .item-input-register-input.info-input input, .item-input-register-input.info-input select, .item-input-register-input.info-input textarea {
    float: left;
    margin: 6px 0 0 5px;
}

.item-input-register-input-wide.info-input .info-input-button, .item-input-register-input.info-input .info-input-button {
    display: inherit;
}

.item-input-register-input textarea, .item-input-register-input-wide textarea {
    padding: 1% 2%;
    height: inherit;
    resize: none;
}

    .item-input-register-input textarea:disabled, .item-input-register-input-wide textarea:disabled {
        background-color: #E0E0E0;
        border-color: #E0E0E0;
    }

.item-input-register-input select, .item-input-register-input-wide select {
    -webkit-appearance: none;
    width: 100%;
    border-radius: 0;
    background: url(../images/register/arrow-select.svg) 99% center no-repeat;
}

.item-input-register-input-wide input, .item-input-register-input-wide select {
    width: 98% !important;
    padding: 0 1% !important;
    margin-top: 6px !important;
    height: 30px;
}

.input-birthday select, .input-language select {
    margin: .8% 0 0 8%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding: 0 2%;
    height: 33px;
    font-size: .9em;
    color: #868686;
    border: 1px solid #ccc;
    width: 48%;
    float: left;
    border-radius: 0;
    font-family: tajawal,Arial,Verdana,sans-serif;
    background: url(../images/register/arrow-select.svg) 99% center no-repeat;
}

.info-input-button {
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 6px;
    border: none;
    background-color: #44b4e4;
    background-image: url(../images/register/info-button-bkg.svg);
    background-size: 21px;
    background-position: center;
    background-repeat: no-repeat;
}

.steps-footer-buttons a, .steps-footer-buttons button {
    border: 4px solid #566880;
    font-size: 1.3em;
    color: #566880;
}

.info-input-modal-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999999999999;
    background-color: rgba(0,0,0,.4);
    cursor: url(../images/common/close-cursor.cur),url(../images/common/close-cursor.svg),pointer;
}

.info-input-modal {
    width: 90%;
    max-width: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    background-color: #fff;
}

.info-input-modal-header {
    background-color: #6d819c;
    height: 50px;
    position: relative;
}

    .info-input-modal-header span {
        color: #fff;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        position: absolute;
        left: 15px;
        font-size: 1.2em;
    }

    .info-input-modal-header a {
        display: block;
        cursor: pointer !important;
        height: 15px;
        width: 15px;
        position: absolute;
        right: 15px;
        background-repeat: no-repeat;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        background-image: url(../images/common/close-white.svg);
        background-size: cover;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
    }

.info-input-field-name {
    padding: 10px 15px 5px;
    color: #6d819c;
    margin: 0;
    font-size: 1em;
}

.info-input-field-text {
    padding: 0 15px 15px;
    color: #777;
    font-size: .9em;
    line-height: 1.5;
}

.input-language select {
    width: 92%;
    margin-left: 5%;
    font-size: 1.5em;
    font-family: tajawal,Arial,Verdana,sans-serif;
}

.select-spacer {
    width: 4%;
    float: left;
    height: 1px;
}

.steps-footer {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 6%;
}

.steps-footer-legal {
    margin: 0;
    float: left;
    width: 100%;
    font-size: 1em;
    color: #777;
    font-style: italic;
}

    .steps-footer-legal input {
        margin: 2% 1%;
    }

    .steps-footer-legal a {
        color: #566880;
        text-decoration: underline;
    }

.ckeck-box-networking {
    float: left;
    widows: 100%;
}

.check-networking-container {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.networking-input {
    margin-top: 20px;
}

    .networking-input input {
        margin: 6px 0 0;
        font-style: normal;
    }

    .networking-input .item-input-label {
        font-style: normal;
    }

.steps-footer-buttons {
    width: 85%;
    text-align: center;
    margin: 0 auto;
}

    .steps-footer-buttons button {
        background-color: transparent;
        padding: 1% 10%;
        margin: 7% 0 0;
        cursor: pointer;
    }

    .steps-footer-buttons a {
        margin: 12% 0 0;
        display: block;
        padding: 8px 80px;
        font-family: tajawal,Arial,Verdana,sans-serif !important;
        text-decoration: none;
        text-align: center;
    }

.button-add-item a, .delete-account-text h2 a, .item-profile-title {
    font-family: tajawal,Arial,Verdana,sans-serif;
}

.save-button-web {
    display: none !important;
}

.steps-footer-button-back {
    margin: 7% 3% 0 0 !important;
    padding: 2% 0 !important;
    border: none !important;
    font-size: 1em !important;
    font-style: italic !important;
    text-decoration: underline !important;
    float: right;
    text-align: center;
}

.add-item-container {
    width: 100%;
    clear: both;
    float: left;
    margin: 2% 0 4%;
}

.add-item-title {
    float: left;
    background-color: #566880;
    width: 20%;
    padding: 2% 0 0 2%;
    min-height: 160px;
}

    .add-item-title h1 {
        color: #fff;
        font-size: 2.5em;
        padding: 0;
        margin: 0;
        line-height: 1em;
    }

.add-items-container {
    float: right;
    width: 75%;
    border-top: 1px solid #566880;
}

.add-item-box {
    color: #777;
    margin-top: 1%;
    font-size: 1em;
}

.item-title ul, .item-title-empty ul {
    border: 1px solid #ccc;
    width: 85%;
    margin: 0 0 1%;
    padding: 1%;
    float: left;
    text-align: justify;
}

    .item-title ul li, .item-title-empty ul li {
        display: inline-block;
        float: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .item-title ul li:last-child, .item-title-empty ul li:last-child {
            text-align: right;
        }

.item-title .edit-buttons-container, .item-title-empty .edit-buttons-container {
    width: 12%;
    float: right;
}

    .item-title .edit-buttons-container .edit-item, .item-title-empty .edit-buttons-container .edit-item {
        background-image: url(../images/register/edit-item.svg);
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
    }

    .item-title .edit-buttons-container .delete-item, .item-title-empty .edit-buttons-container .delete-item {
        background-image: url(../images/register/delete-item.svg);
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
    }

    .item-title .edit-buttons-container button, .item-title-empty .edit-buttons-container button {
        background-color: #6d819c;
        border-radius: 100%;
        margin-left: 5%;
        padding: 18%;
        border: none;
        outline: 0;
        cursor: pointer;
    }

.item-title-empty ul {
    width: 98%;
}

.item-company {
    width: 26%;
}

.item-job {
    width: 60%;
    padding-left: 2%;
    font-weight: 400;
}

.item-dates {
    width: 12%;
}

.item-languages {
    width: 100%;
    float: left;
    text-align: left !important;
}

.item-dropdown {
    width: 96%;
    float: left;
    background-color: #eaeaea;
    color: #fff;
    padding: 1% 2%;
}

    .item-dropdown button {
        background: 0 0;
        border: 2px solid #6d819c;
        color: #6d819c;
        font-size: 1.3em;
        padding: 1% 15%;
        float: right;
        cursor: pointer;
    }

.button-close-dropdown {
    float: right;
}

    .button-close-dropdown button {
        background-image: url(../images/register/close_btns/close-btn.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-color: transparent;
        padding: 15px;
        background-position: center;
        border: none;
        cursor: pointer;
        display: block;
    }

.item-input-dropdown .item-input-dropdown-input select, .profile-title {
    background-image: url(../images/register/arrow-select.svg);
    background-repeat: no-repeat;
}

.item-input-dropdown {
    padding: 0 4%;
    float: left;
    width: 92%;
    margin-bottom: 4%;
}

    .item-input-dropdown .item-input-dropdown-text {
        border-bottom: 1px solid #566880;
        font-size: 1.4em;
        color: #777;
        margin-bottom: 5px;
    }

    .item-input-dropdown .item-input-dropdown-input input {
        width: 99%;
        font-size: 1em;
        padding: 0 0 0 1%;
        border: none;
        height: 30px;
        background-color: #fff;
        color: #566880;
    }

    .item-input-dropdown .item-input-dropdown-input select {
        -webkit-appearance: none;
        padding: 6px 0 6px 2%;
        font-size: 1em;
        color: #566880;
        border: none;
        float: left;
        border-radius: 0;
        background-color: #fff;
        background-position: 99% center;
    }

        .item-input-dropdown .item-input-dropdown-input select:disabled {
            background-color: #d7d7d7;
        }

    .item-input-dropdown .sector-width, .item-input-dropdown .sector-width-big {
        width: 50%;
        float: left;
    }

        .item-input-dropdown .sector-width select, .item-input-dropdown .sector-width-big select {
            width: 100%;
            float: left;
        }

    .item-input-dropdown .sector-width-big {
        width: 100%;
    }

    .item-input-dropdown .date-width {
        width: 49%;
        float: left;
        margin-left: 1%;
    }

        .item-input-dropdown .date-width select {
            width: 49%;
            float: left;
        }

    .item-input-dropdown .error-field {
        font-size: .9em;
    }

.margin-left-2 {
    margin-left: 2%;
}

.container-dropdown-button {
    padding: 0 4%;
    margin: 2% 0;
    float: left;
    width: 92%;
}

.add-item-check {
    font-size: .9em !important;
}

.button-add-item {
    margin-top: 4%;
    float: left;
    width: 100%;
}

    .button-add-item a {
        font-size: 1em;
        color: #fff;
        float: left;
        background-color: #44b4e4;
        padding: 1% 3%;
        white-space: nowrap;
        text-decoration: none;
    }

.item-limit, .notallowed {
    background-color: #d7d7d7 !important;
}

.button-add-item span {
    display: block;
    float: left;
    padding: 1% 2%;
    font-size: 1.2em;
    font-style: italic;
}

.item-limit {
    cursor: default;
}

.label-not-finished {
    font-size: .8em !important;
}

.icon-social {
    float: left;
    margin-right: .5%;
}

.check-social {
    float: right;
    text-align: right;
    margin-top: .5%;
}

    .check-social input {
        float: right !important;
    }

    .check-social label {
        font-style: italic !important;
        color: #566880;
        font-size: .9em !important;
    }

.search-cover, .upload-cover a {
    font-size: 1.5em;
    text-decoration: none;
}

.add-cv-container {
    float: right;
    width: 100%;
    margin-bottom: 3%;
}

.upload-cover-letter-buttons {
    float: left;
    width: 100%;
    margin-top: 2%;
}

.upload-cover a {
    color: #6d819c;
    display: block;
    margin: 0;
    padding: .6% 8%;
    border: 2px solid #566880;
    float: left;
    text-align: center;
}

.search-cover, .uplaoad-formats {
    text-align: left;
    color: #6d819c;
    float: left;
}

.search-cover {
    margin: 0 0 0 2%;
    padding: .6% 1%;
    border: 2px solid #8b9bb1;
    width: 25%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uplaoad-formats {
    width: 100%;
    clear: both;
    margin-top: .5%;
    font-size: 1.2em;
}

.container-profile, .container-register {
    width: 100%;
    margin: 0 auto;
}

.profile-title {
    width: 100%;
    float: left;
    outline: 0;
    border-bottom: 1px solid #6d819c;
    background-position: 98.5% 65%;
    background-size: 3% auto;
}

    .profile-title h1 {
        color: #777;
        margin: 0;
        font-size: 1.1em;
        padding: 10px 0;
        outline: 0;
    }

.profile-text {
    float: left;
    color: #6d819c;
    margin: 2% 0 5%;
    line-height: 2em;
}

    .profile-text ul {
        margin: 0;
        padding: 0;
        font-size: 1em;
    }

        .profile-text ul li {
            list-style: none;
            color: #6d819c;
            margin-top: 1%;
            word-wrap: break-word;
        }

            .profile-text ul li a {
                color: #6d819c;
                text-decoration: none;
            }

                .networking-sort ul li a, .profile-text ul li a:hover {
                    text-decoration: underline;
                }

            .profile-text ul li span {
                color: #777;
                word-wrap: break-word;
            }

                .profile-text ul li span p {
                    margin: 0;
                }

            .profile-text ul li .highlighted-text {
                color: #6d819c;
            }

.aditional-info {
    white-space: pre-wrap;
}

.no-completed {
    font-size: 1em;
    color: #868686;
    text-align: center;
    margin: 0 auto 0 -5%;
    display: block;
}

.no-completed-mobile {
    margin: 9% 0 2%;
    display: block;
}

.edit-button-invisible, .no-completed-web {
    display: none;
}

.edit-button-profile {
    clear: both;
    width: 100%;
}

    .edit-button-profile .edit-button-profile-img {
        float: right;
        background-color: #263959;
        border-radius: 50%;
        background-image: url(../images/register/edit-item.svg);
        padding: 11px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 60%;
    }

    .edit-button-profile .edit-button-profile-text {
        float: right;
        font-size: 1.1em;
        line-height: 30px;
        margin-right: 8px;
    }

        .edit-button-profile .edit-button-profile-text a {
            color: #6d819c;
        }

.delete-account-container {
    background-color: #6d819c;
    width: 100%;
    float: left;
    color: #fff;
    margin-top: 5%;
}

.delete-account-text {
    float: left;
    width: 92%;
    padding: 4%;
    text-align: left;
}

    .delete-account-text h1, .delete-account-text h2 {
        margin: 0;
        padding: 0;
        color: #fff;
    }

    .delete-account-text h1 {
        font-size: 2.3em;
    }

    .delete-account-text h2 {
        font-size: 1.2em;
    }

        .delete-account-text h2 a {
            color: #fff;
        }

.delete-account-button {
    width: 92%;
    float: left;
    padding: 4%;
    margin-top: 2%;
}

    .delete-account-button a {
        margin: 0 auto;
        color: #fff;
        display: block;
        padding: 1% 11%;
        border: 4px solid #fff;
        font-size: 1.8em;
        text-decoration: none;
        width: 20%;
        text-align: center;
    }

#accordion {
    width: 100%;
    margin: 0 auto;
}

.accordion-profile {
    width: 100%;
}

.profile-text.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
    background: none !important;
    outline: 0;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    margin-top: 1%;
    margin-bottom: 0;
    padding-bottom: 0;
}

.item-profile-title {
    float: left;
    width: 100%;
}

.blue-header {
    background-color: #44b4e4;
    margin: 65px auto 0;
    width: 95%;
    padding: 0;
}

    .blue-header h1 {
        padding: 5% 0;
        text-align: center;
        color: #fff;
        font-weight: 100;
        font-size: 2em;
        margin: 0 0 2%;
        float: left;
        width: 100%;
    }

    .blue-header h2 {
        display: none;
        float: left;
        width: 70%;
    }

.congrats-header-img {
    float: left;
    width: 100%;
    text-align: center;
    margin: 4% 1% 0 0;
}

    .congrats-header-img img {
        width: 15%;
        padding-bottom: 2%;
    }

.congrats-icon-container {
    float: left;
    width: 100%;
    margin: 3% 0 8%;
}

    .congrats-icon-container h1 {
        color: #6d819c;
        font-size: 1.5em;
        text-align: center;
        margin: 0;
    }

    .congrats-icon-container ul {
        padding: 0;
    }

        .congrats-icon-container ul li {
            display: inline-block;
            width: 100%;
            vertical-align: top;
        }

.congrats-icon {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 5%;
}

    .congrats-icon h2 {
        color: #3e3e3e;
        font-size: 1.5em;
        margin: 2% 0;
        padding: 0;
    }

    .congrats-icon p {
        color: #868686;
        font-size: 1.1em;
        line-height: 1.8em;
        padding: 15px 8%;
        text-align: left;
    }

.congrats-icon-img {
    text-align: center;
}

    .congrats-icon-img img {
        width: 25%;
    }

.congrats-line {
    width: 20%;
    height: 2px;
    background-color: #6d819c;
    margin: 0 auto;
}

.fadeInUp {
    visibility: visible;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.delay-05s {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.delay-1s {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.delay-15s {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
}

.delay-2s {
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

.delay-25s {
    animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.congrats-img-container {
    background-image: url(../images/images/congrats-img-bkg.jpg);
    background-position: center;
    background-size: cover;
    width: 95%;
    margin: 20px auto;
    max-width: 1200px;
    padding: 20px 0 100px 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .congrats-img-container h1 {
        color: #fff;
        font-size: 2.2em;
    }

    .congrats-img-container h2 {
        color: #fff;
        font-size: 3.4em;
        font-family: tajawal,Arial,Verdana,sans-serif;
        margin: 0;
    }

.delete-container {
    width: 80%;
    margin: 2% auto 5%;
    max-width: 1200px;
}

    .delete-container p {
        color: #868686;
        font-size: 1.1em;
        line-height: 1.8em;
        padding: 0;
        margin: 5% 0;
    }

.delete-reasons ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .delete-reasons ul li {
        color: #868686;
        font-size: 1em;
        line-height: 1.8em;
        padding: 1% 0;
    }

        .delete-reasons ul li div, .delete-reasons ul li label {
            display: inline-block;
            cursor: pointer;
        }

        .delete-reasons ul li input[type=radio] {
            display: none;
        }

            .delete-reasons ul li input[type=radio] + label span {
                display: inline-block;
                margin: -3px 9px 0 0;
                vertical-align: middle;
                cursor: pointer;
                white-space: nowrap;
            }

            .delete-reasons ul li input[type=radio] + label div {
                display: inline-block;
                width: 15px;
                height: 15px;
                margin: -3px 9px 0 0;
                vertical-align: middle;
                cursor: pointer;
                -moz-border-radius: 50%;
                border-radius: 50%;
                background-color: #ccc;
            }

            .delete-reasons ul li input[type=radio]:checked + label div {
                background-color: #6d819c;
            }

            .delete-reasons ul li input[type=radio]:checked + label span {
                color: #6d819c;
            }

            .delete-reasons ul li input[type=radio] + label div, .delete-reasons ul li input[type=radio]:checked + label div {
                -webkit-transition: background-color .4s linear;
                -o-transition: background-color .4s linear;
                -moz-transition: background-color .4s linear;
                transition: background-color .4s linear;
            }

.come-back-button {
    color: #6d819c;
    float: right;
    font-size: 1.3em;
    background-color: transparent;
    border: none;
    font-family: tajawal,Arial,Verdana,sans-serif;
}

.wrapper-image .ui-widget-content .image-crop-container {
    height: 350px;
}

#image-crop {
    background-color: #6d819c !important;
}

    #image-crop p {
        color: #fff;
    }

    #image-crop h1 {
        font-size: 1.5em;
    }

.ui-dialog {
    width: 90% !important;
    z-index: 8888888;
}

    .ui-dialog.dialog-special {
        overflow: hidden;
    }

.close-window-button {
    background-image: url(../images/register/close_btns/close-btn-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 10px;
    border: none;
    display: block;
    cursor: pointer;
    margin: 1%;
}

.image-cropper-footer-text {
    width: 90%;
    margin: 10px 5% 15px;
    float: left;
    text-align: left;
}

.image-crop-desktop {
    display: none;
}

.image-cropper-footer {
    text-align: center;
}

    .image-cropper-footer img {
        float: left;
        width: 12%;
        margin-right: 5%;
    }

    .image-cropper-footer p {
        float: left;
        width: 82%;
        margin-top: 25px;
    }

    .image-cropper-footer button {
        margin: 1% auto 3%;
        float: none;
    }

.error-field {
    font-size: 1em;
    color: #e84a4a;
    margin: 0;
    text-align: left !important;
}

.error-login-field {
    font-size: 16px !important;
    color: #73ffdf;
    margin-top: 6px !important;
    line-height: 1em !important;
}

.error-termsConditions-field {
    margin-top: 15px;
    font-size: 1em;
    font-style: normal;
}

.input-error {
    border: 1px solid #d7d7d7 !important;
    border-bottom: 1px solid #e84a4a !important;
}

.check-social input[type=checkbox].css-checkbox, input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    clip: rect(0 0 0 0);
    width: 1px;
    border: 0;
    overflow: hidden;
}

input[type=checkbox].css-checkbox {
    height: 1px;
    margin: -1px;
    padding: 0;
}

    input[type=checkbox].css-checkbox + label.css-label {
        padding-left: 25px;
        height: 20px;
        display: inline-block;
        line-height: 20px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 1em;
        vertical-align: middle;
        cursor: pointer;
        color: #777;
    }

    input[type=checkbox].css-checkbox:checked + label.css-label {
        background-position: 0 -20px;
    }

input[type=checkbox]:checked + label span, input[type=radio]:checked + label span {
    color: #6d819c;
}

input[type=checkbox] + label a, input[type=checkbox] + label span {
    display: inline !important;
    margin: -3px 0;
}

label.css-label {
    background-image: url(../images/register/check.svg);
    user-select: none;
    margin: 2% 0 0;
}

input[type=checkbox][disabled].css-checkbox + label.css-label {
    color: #d7d7d7 !important;
    background-image: url(../images/register/check-disabled.jpg) !important;
}

.check-social input[type=checkbox].css-checkbox {
    height: 1px;
    margin: -1px;
    padding: 0;
}

    .check-social input[type=checkbox].css-checkbox + label.css-label {
        padding-right: 25px;
        height: 20px;
        display: inline-block;
        line-height: 20px;
        background-repeat: no-repeat;
        background-position: 100% 0;
        font-size: 1em;
        vertical-align: middle;
        cursor: pointer;
    }

    .check-social input[type=checkbox].css-checkbox:checked + label.css-label {
        background-position: 100% -20px;
    }

.check-social label.css-label {
    background-image: url(../images/register/check.svg);
    user-select: none;
    margin: 2% 0 0;
}

.cropper-container, .toggle-container .onoffswitch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.toggle-container {
    width: 100%;
    text-align: center;
    float: left;
    height: 50px;
    margin-bottom: 10px;
}

    .toggle-container span {
        display: block;
        margin-bottom: 3px;
    }

    .toggle-container .onoffswitch {
        margin: 0 auto;
        position: relative;
        width: 54px;
    }

    .toggle-container .onoffswitch-checkbox {
        display: none;
    }

    .toggle-container .onoffswitch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 2px solid #fff;
        border-radius: 50px;
    }

    .toggle-container .onoffswitch-inner {
        display: block !important;
        width: 200%;
        margin-left: -100%;
        transition: margin .3s ease-in 0s;
    }

        .toggle-container .onoffswitch-inner:after, .toggle-container .onoffswitch-inner:before {
            display: block;
            float: left;
            width: 50%;
            height: 23px;
            padding: 0;
            line-height: 26px;
            font-size: .8em;
            font-family: tajawal,Arial,Verdana,sans-serif;
            box-sizing: border-box;
        }

        .toggle-container .onoffswitch-inner:before {
            content: "ON";
            padding-left: 7px;
            background-color: #E3E6E1;
            color: #d4d4d4;
        }

        .toggle-container .onoffswitch-inner:after {
            content: "OFF";
            padding-right: 6px;
            background-color: #EEE;
            color: #999;
            text-align: right;
        }

    .toggle-container .onoffswitch-switch {
        display: block;
        width: 24px;
        margin: -1px;
        background: #e84a4a;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 27px;
        border: 2px solid #fff;
        border-radius: 50px;
        transition: all .3s ease-in 0s;
    }

#characters, #characters li, .networking-sort ul, .networking-sort ul li {
    display: inline-block;
}

.character10, .character12, .character14, .character15, .character3, .character4, .character6, .character7, .character9 {
    background-size: contain;
}

.toggle-container .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.toggle-container .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
    background-color: #76ec94;
}

.limpieza {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 100% !important;
    font: inherit !important;
    vertical-align: baseline !important;
    width: auto !important;
}

    .limpieza:hover {
        color: #777 !important;
        background-color: #fff !important;
    }

.textoregistro {
    width: 34%;
    margin-top: 10px;
}

.networking-list-container {
    margin-top: 65px;
}

#container-characters {
    width: 100%;
    background-color: #f3f3f3;
    position: relative;
}

#characters {
    padding: 0;
    font-size: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 10px 0;
}

    #characters li {
        font-size: 12px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

.character1, .character10, .character11, .character12, .character13, .character14, .character15, .character16, .character2, .character3, .character4, .character5, .character6, .character7, .character8, .character9 {
    width: 50px;
    height: 100px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.character3 {
    background-image: url(../images/networking/character3.svg);
}

.character4 {
    background-image: url(../images/networking/character4.svg);
}

.character6 {
    background-image: url(../images/networking/character6.svg);
}

.character7 {
    background-image: url(../images/networking/character7.svg);
}

.character8 {
    background-image: url(../images/networking/character8.svg);
    background-size: contain;
}

.character9 {
    background-image: url(../images/networking/character9.svg);
}

.character10 {
    background-image: url(../images/networking/character10.svg);
}

.character12 {
    background-image: url(../images/networking/character12.svg);
}

.character14 {
    background-image: url(../images/networking/character14.svg);
}

.character15 {
    background-image: url(../images/networking/character15.svg);
}

@-webkit-keyframes nodding {
    100% {
        background-position: -500px bottom;
    }
}

.character11 {
    background-image: url(../images/networking/character11.svg);
    background-size: 550px 100px;
    animation: nodding .5s steps(10) 1;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    -webkit-animation: nodding .5s steps(10) 1;
    -webkit-animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes blink {
    100% {
        background-position: -700px bottom;
    }
}

.character1 {
    background-image: url(../images/networking/character1.svg);
    background-size: 750px 100px;
    animation: blink 1.5s steps(14) 1;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    -webkit-animation: blink 1.5s steps(14) 1;
    -webkit-animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes blinkandlaught {
    100% {
        background-position: -300px bottom;
    }
}

.character5 {
    background-image: url(../images/networking/character5.svg);
    background-size: 350px 100px;
    animation: blinkandlaught .3s steps(6) 1;
    animation-delay: 3s;
    animation-fill-mode: forwards;
    -webkit-animation: blinkandlaught .3s steps(6) 1;
    -webkit-animation-delay: 3s;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes portfolio {
    100% {
        background-position: -150px bottom;
    }
}

.character2 {
    background-image: url(../images/networking/character2.svg);
    background-size: 200px 100px;
    animation: portfolio .4s steps(3) 1;
    animation-delay: 4s;
    animation-fill-mode: forwards;
    -webkit-animation: portfolio .4s steps(3) 1;
    -webkit-animation-delay: 4s;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes blahblahblah {
    100% {
        background-position: -850px bottom;
    }
}

.character13 {
    background-image: url(../images/networking/character13.svg);
    background-size: 900px 100px;
    animation: blahblahblah 1.5s steps(17) 1;
    animation-delay: 5s;
    animation-fill-mode: forwards;
    -webkit-animation: blahblahblah 1.5s steps(17) 1;
    -webkit-animation-delay: 5s;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes changeposition {
    100% {
        background-position: -250px bottom;
    }
}

.character16 {
    background-image: url(../images/networking/character16.svg);
    background-size: 300px 100px;
    animation: changeposition .6s steps(5) 1;
    animation-delay: 6s;
    animation-fill-mode: forwards;
    -webkit-animation: changeposition .6s steps(5) 1;
    -webkit-animation-delay: 6s;
    -webkit-animation-fill-mode: forwards;
}

.characters-titles {
    color: #777;
    text-align: center;
    padding: 15px 0;
}

    .characters-titles h1, .characters-titles h2, .characters-titles h3, .characters-titles h4 {
        margin: 0;
        padding: 0;
    }

    .characters-titles h1 {
        font-family: tajawal,Arial,Verdana,sans-serif;
        font-size: 1.6em;
    }

    .characters-titles h2 {
        font-family: tajawal,Arial,Verdana,sans-serif;
        font-size: 1.5em;
    }

    .characters-titles h3 {
        font-family: tajawal,Arial,Verdana,sans-serif;
        font-size: 1.3em;
    }

    .characters-titles h4 {
        font-family: tajawal,Arial,Verdana,sans-serif;
        font-size: 1.1em;
    }

.networking-sort {
    margin: 35px 0 10px;
}

    .networking-sort ul {
        width: 100%;
        text-align: center;
    }

        .networking-sort ul li button {
            border: none;
            border-radius: 10px;
            background-color: #44b4e4;
            color: #fff;
            width: 100%;
            height: 50px;
            margin-top: 20px;
            margin-left: 0;
            margin-right: 50px;
            font-size: 15px;
        }

        .networking-sort ul li a {
            font-size: .8em;
            margin: 0 3px;
            display: block;
        }

        .networking-sort ul li .selected {
            text-decoration: none !important;
            font-family: tajawal,Arial,Verdana,sans-serif;
            color: #6d819c;
        }

.networking-list {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

.networking-list-item {
    width: 100%;
    float: left;
    cursor: pointer;
}

.networking-list-item-container {
    padding-top: 10px;
    margin: 0 10px;
    float: none;
}

.networking-list-item-photo {
    float: left;
    border: thin solid #ccc;
    position: relative;
    height: 70px;
    background-color: #fff;
    overflow: hidden;
}

.networking-list-item-photo-container {
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
}

    .networking-list-item-photo-container img {
        width: 100%;
        margin-top: -10%;
    }

.item-list-blocked, .item-list-favorite {
    width: 16px;
    background-size: contain;
    height: 15px;
    top: 5px;
    right: 5px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
}

.item-list-favorite {
    background-image: url(../images/networking/favorite-icon.svg);
}

.item-list-blocked {
    background-image: url(../images/networking/block-icon.svg);
}

.networking-list-item-info {
    background-color: #6d819c;
    height: 72px;
    width: 65%;
    float: left;
    color: #fff;
}

    .networking-list-item-info h3 {
        margin: 24px 5px 0 15px;
        font-size: 1em;
        font-family: "LTAzer-Regular";
    }

    .networking-list-item-info p {
        margin: 3px 0 0 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 85%;
    }

.button-down-networking {
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    bottom: -20px;
    width: 30px;
    height: 30px;
    background-color: #6d819c;
    background-size: 50%;
    border-radius: 100%;
    border: none;
    background-image: url(../images/stand/godown-button.svg);
    background-position: center;
    background-repeat: no-repeat;
}

    .button-down-networking:hover {
        background-color: #566880;
    }

.networking-detail-container {
    margin-top: 100px;
}

.networking-detail-preview {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 10px;
}

.networing-detail-online {
    float: left;
    display: block;
    position: absolute;
    left: 5px;
}

    .networing-detail-online span {
        background-color: #B2ED14;
        width: 14px;
        margin-right: 3px;
        height: 14px;
        border-radius: 50%;
        float: left;
    }

.networking-detail-photo-container {
    text-align: center;
}

    .networking-detail-photo-container .photo, .networking-detail-photo-container .photo-block {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        margin: 0 auto;
        overflow: hidden;
    }

        .networking-detail-photo-container .photo img, .networking-detail-photo-container .photo-block img {
            width: 100%;
            margin-top: -10%;
        }

    .networking-detail-photo-container .photo-block {
        background-color: #FF8300;
    }

        .networking-detail-photo-container .photo-block img {
            opacity: .6;
        }

    .networking-detail-photo-container .networking-detail-name {
        margin-top: 10px;
        color: #6d819c;
        font-size: 1.3em;
        display: block;
        white-space: nowrap;
    }

        .networking-detail-photo-container .networking-detail-name .networking-favorite-icon.selected {
            visibility: inherit;
        }

        .networking-detail-photo-container .networking-detail-name .networking-favorite-icon img {
            width: 15px;
        }

.networking-line {
    width: 90%;
    margin: 5px 5%;
    height: 1px;
    background-color: #ccc;
}

.networking-detail-actions {
    position: absolute;
    left: 5px;
    top: 30px;
}

    .networking-detail-actions ul li {
        margin-bottom: 5px;
        color: #6d819c;
    }

        .networking-detail-actions ul li a {
            display: block;
            background-color: #6d819c;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            border: none;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 60%;
            margin: 50% 10% 10% 0;
            cursor: pointer;
        }

        .networking-detail-actions ul li p {
            margin-left: 25%;
        }

        .networking-detail-actions ul li .favourite {
            background-image: url(../images/networking/networking-favorite-white-icon.svg);
        }

            .networking-detail-actions ul li .favourite.selected {
                background-color: #263959;
            }

        .networking-detail-actions ul li .chat {
            background-image: url(../images/chat/private-chat-tab-icon-selected.svg);
        }

        .networking-detail-actions ul li .block {
            background-image: url(../images/networking/networking-block.svg);
        }

            .networking-detail-actions ul li .block.selected {
                background-color: #e84a4a;
            }

        .networking-detail-actions ul li .export {
            background-image: url(../images/networking/networking-download.svg);
        }

.networking-blocked-container {
    text-align: center;
    margin: 50px auto;
    min-height: 200px;
}

.blocked-title {
    color: #6d819c;
    margin: 10px auto;
    font-size: 1.2em;
}

.networking-detail-primary-info {
    width: 100%;
    float: left;
    margin-top: 3px;
}

    .networking-detail-primary-info h3 {
        text-align: center;
        font-family: tajawal,Arial,Verdana,sans-serif;
        font-size: 1em;
        margin-bottom: 20px;
    }

        .networking-detail-primary-info h3 span {
            font-family: tajawal,Arial,Verdana,sans-serif;
        }

.personal-info-container {
    display: block;
    width: 90%;
    margin: 0 5%;
}

    .personal-info-container p {
        background-repeat: no-repeat;
        background-position: left;
        background-size: 30px 30px;
        padding-left: 40px;
        height: 30px;
        margin-bottom: 5px;
    }

        .personal-info-container p span {
            padding-top: 7px;
            display: block;
            max-width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .personal-info-container p span a {
                text-overflow: ellipsis;
                overflow: hidden;
                max-width: 95%;
                display: block;
                text-decoration: none;
                color: #777;
            }

                .personal-info-container p span a:hover {
                    text-decoration: underline;
                }

    .personal-info-container .phone {
        background-image: url(../images/networking/networking-phone.svg);
    }

    .personal-info-container .mail {
        background-image: url(../images/networking/networking-mail.svg);
    }

    .personal-info-container .website {
        background-image: url(../images/networking/networking-website.svg);
    }

    .personal-info-container .blog {
        background-image: url(../images/networking/networking-blog.svg);
    }

#sendMessage {
    cursor: pointer;
}

#formContainer {
    background-color: #fff;
    padding: 20px;
}

    #formContainer input, #formContainer textarea {
        color: #868686;
        border: 1px solid #ccc;
        padding: 2% 5px;
    }

    #formContainer input {
        margin: 6px 0 0;
        height: 30px;
        font-size: 1em;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #formContainer textarea {
        margin: 15px 0 0;
        resize: none;
    }

    #formContainer button {
        margin-top: 7px;
        margin-bottom: 15px;
    }

        #formContainer button.close {
            width: 20px;
            background-image: url(../images/common/close-color.svg);
            float: right;
            height: 20px;
            margin: 0 0 15px;
            padding: 0;
        }

.social-container {
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: center;
}

    .social-container ul li {
        display: inline-block;
    }

    .social-container .facebook, .social-container .google, .social-container .linkedin, .social-container .twitter {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-position: center;
        background-size: 15px;
        background-repeat: no-repeat;
        border: none;
        margin: 0 2px;
        display: block;
        float: left;
    }

    .social-container .facebook {
        background-image: url(../images/common/facebook-icon.svg);
        background-color: #3b5998;
    }

    .social-container .twitter {
        background-image: url(../images/common/twitter-icon.svg);
        background-color: #55acee;
    }

    .social-container .linkedin {
        background-image: url(../images/common/linkedin-icon.svg);
        background-color: #017bb6;
    }

    .social-container .google {
        background-image: url(../images/common/google-icon.svg);
        background-color: #dd5044;
    }

.forum-list-container {
    margin-top: 65px;
    position: relative;
}

.forum-list {
    margin: 0 auto;
    padding: 10px;
    max-width: 1100px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.forum-list-item-container {
    position: relative;
}

    .forum-list-item-container .forum-delete-button {
        background: url(../images/common/close-white.svg) center no-repeat red;
        border: none;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        vertical-align: middle;
        background-size: 10px;
        position: absolute;
        right: 10px;
        top: 20px;
        cursor: pointer;
    }

.forum-list-item {
    margin: 10px 0 20px;
}

    .forum-list-item .forum-list-item-top {
        position: relative;
    }

        .forum-list-item .forum-list-item-top .forum-list-item-img-container {
            width: 50px;
            height: 50px;
            overflow: hidden;
            border-radius: 100%;
            display: inline-block;
            position: relative;
            vertical-align: middle;
        }

            .forum-list-item .forum-list-item-top .forum-list-item-img-container img {
                width: 100%;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                position: absolute;
            }

        .forum-list-item .forum-list-item-top .forum-item-title {
            margin-left: 10px;
            margin-right: 10px;
            overflow: hidden;
            color: #6d819c;
            font-size: 1.2em;
            display: inline-block;
            vertical-align: middle;
        }

    .forum-list-item .forum-list-item-bottom {
        margin-left: 10px;
        display: inline-block;
        padding-top: 4px;
    }

        .forum-list-item .forum-list-item-bottom .forum-item-extract {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            padding-bottom: 10px;
            color: #777;
        }

        .forum-list-item .forum-list-item-bottom .forum-item-author {
            color: #6d819c;
        }

        .forum-list-item .forum-list-item-bottom .forum-item-comments {
            color: #44b4e4;
        }

.forum-add-upload-button-icon, .forum-icon-upload {
    background-color: #44b4e4;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    background-image: url(../images/forums/folder.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    margin-left: 6px;
}

.forum-add-upload-button {
    color: #000;
    cursor: pointer;
    display: inline-block;
}

    .forum-add-upload-button span {
        text-decoration: underline;
        display: inline-block;
        vertical-align: middle;
        margin-top: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.forum-add-upload-button-icon {
    margin: 0 7px 0 0;
}

.forum-add-file-container {
    margin-top: 20px important;
}

    .forum-add-file-container .forum-delete-button {
        background: url(../images08/common/close-white.svg) center no-repeat red;
        border: none;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        vertical-align: middle;
        background-size: 7px;
        display: inline-block !important;
        margin-left: 5px;
    }

    .forum-add-file-container label {
        font-size: 1em !important;
        display: inline-block !important;
    }

    .forum-add-file-container input {
        line-height: normal !important;
        margin-top: 10px !important;
        padding: 8px !important;
        width: 55% !important;
        display: inline-block !important;
    }

.browse-button {
    background-color: #6d819c;
    color: #fff;
    height: 39px;
    border: 0;
    padding: 0 20px;
}

.newthreadbutton-container {
    text-align: right;
    margin: 15px 5px 15px 0;
}

.add-thread-button {
    background-color: #44b4e4;
    color: #fff;
    border: none;
    font-size: 1.1em;
    padding: 10px 18px;
    cursor: pointer;
}

.new-thread-container {
    margin-top: 100px;
    position: relative;
}

.new-thread {
    padding: 0 10px;
    max-width: 1100px;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.add-thread-tittle {
    color: #6d819c;
    text-align: center;
    font-size: 1.5em;
}

.forum-profile-info {
    text-align: center;
    width: 150px;
    float: left;
    display: none;
}

.forum-profile-info-img-container {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    background-color: #23966e;
}

    .forum-profile-info-img-container img {
        width: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        position: absolute;
    }

.cke_button_label, .cke_button_label .cke_button__italic_label, .cke_voice_label {
    display: none !important;
}

.comment-container {
    max-width: 1000px;
    margin: 0 auto;
}

#saveCommentButton {
    background-color: #6d819c;
    color: #fff;
    height: 39px;
    border: 0;
    padding: 0 61px;
    float: right;
    margin: 36px 0;
}

.forum-user-name {
    color: #6d819c;
    padding-top: 20px;
    font-size: 1.5em;
}

.forum-special-data {
    color: #777;
    font-size: 1.1em;
}

.new-thread-form-container {
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}

    .new-thread-form-container input[type=text], .new-thread-form-container label, .new-thread-form-container span, .new-thread-form-container textarea {
        display: block;
    }

    .new-thread-form-container label {
        font-size: 1.2em;
        color: #777;
        padding: 15px 0 8px;
    }

    .new-thread-form-container input[type=text], .new-thread-form-container textarea {
        width: 100%;
        box-sizing: border-box;
        -webit-box-sizing: border-box;
        border: thin solid #777;
        color: #777;
        padding: 5px;
        font-size: 1em;
    }

    .new-thread-form-container textarea {
        resize: none;
        height: 150px;
    }

    .new-thread-form-container span {
        color: #777;
        font-size: .8em;
    }

    .new-thread-form-container .new-thread-form-action-buttons {
        text-align: right;
        padding: 7px 0 50px;
    }

        .new-thread-form-container .new-thread-form-action-buttons button {
            padding: 5px 30px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            font-size: 1.1em;
        }

            .new-thread-form-container .new-thread-form-action-buttons button.primary-button {
                background-color: #6d819c;
                color: #fff;
                border: none;
                border: thin solid #6d819c;
            }

        .new-thread-form-container .new-thread-form-action-buttons a {
            padding: 5px 30px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            font-size: 1.1em;
        }

            .new-thread-form-container .new-thread-form-action-buttons a.secondary-button {
                background-color: #fff;
                color: #6d819c;
                border: thin solid #6d819c;
            }

.forum-detail-container {
    margin-top: 100px;
}

.forum-detail-featured-container {
    background-color: #f0f0f0;
}

    .forum-detail-featured-container .forum-detail-content-container {
        padding: 15px 20px;
        max-width: 1000px;
        margin: 0 auto;
    }

        .forum-detail-featured-container .forum-detail-content-container .forum-user-name {
            padding-top: 8px;
        }

.forum-detail-profile-info {
    text-align: center;
    margin: 0 auto;
}

.forum-detail-profile-info-img-container {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    background-color: #23966e;
    margin: 0 auto;
}

    .forum-detail-profile-info-img-container img {
        width: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        position: absolute;
    }

.forum-detail-content .forum-detail-item-top {
    padding-top: 20px;
    padding-bottom: 10px;
    position: relative;
}

    .forum-detail-content .forum-detail-item-top .forum-detail-title {
        overflow: hidden;
        color: #6d819c;
        font-size: 1.2em;
        display: inline-block;
        vertical-align: middle;
    }

    .forum-detail-content .forum-detail-item-top .forum-delete-button {
        background: url(../images/common/close-white.svg) center no-repeat red;
        border: none;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        vertical-align: middle;
        background-size: 10px;
        position: absolute;
        right: 0;
    }

.forum-detail-content .forum-detail-item-bottom {
    margin-top: 12px;
}

    .forum-detail-content .forum-detail-item-bottom .forum-detail-author {
        color: #6d819c;
    }

    .forum-detail-content .forum-detail-item-bottom .forum-detail-comments {
        color: #44b4e4;
    }

    .forum-detail-content .forum-detail-item-bottom .forum-detail-post {
        color: #777;
        padding-top: 15px;
        text-align: justify;
    }

.forum-detail-items-list {
    margin-bottom: 20px;
}

.forum-detail-item {
    padding: 15px 20px 15px 46px;
    max-width: 1000px;
    margin: 0 auto;
    background-image: url(../images/forum/thread-line-bkg.svg);
    background-repeat: repeat-y;
    background-position: 20px;
    border-bottom: thin solid #e4e4e4;
}

    .forum-detail-item .forum-detail-item-profile-info .forum-detail-item-profile-info-img-container {
        display: none;
    }

    .forum-detail-item .forum-detail-item-profile-info .forum-detail-item-profile-data .forum-user-name {
        margin-top: 0;
        padding-top: 0;
    }

    .forum-detail-item .forum-detail-item-content {
        padding-top: 8px;
        position: relative;
    }

        .forum-detail-item .forum-detail-item-content .forum-detail-author {
            color: #6d819c;
        }

        .forum-detail-item .forum-detail-item-content .forum-detail-item-post {
            color: #777;
            padding-top: 15px;
            text-align: justify;
            display: inline-block;
            vertical-align: top;
        }

        .forum-detail-item .forum-detail-item-content .forum-delete-button {
            background: url(../images/common/close-white.svg) center no-repeat red;
            border: none;
            width: 20px;
            height: 20px;
            border-radius: 100%;
            vertical-align: middle;
            background-size: 10px;
            display: inline-block;
            margin: 25px 10px 0;
            position: absolute;
            right: 0;
        }

.forum-detail-comment-container {
    background-color: #f0f0f0;
    padding: 15px 20px;
    max-width: 1000px;
    margin: 0 auto;
}

    .forum-detail-comment-container .forum-detail-item-profile-info {
        padding-bottom: 15px;
    }

        .forum-detail-comment-container .forum-detail-item-profile-info .forum-detail-item-profile-info-img-container {
            display: none;
        }

    .forum-detail-comment-container .forum-detail-add-comment-container h2 {
        color: #6d819c;
        padding-bottom: 10px;
    }

    .forum-detail-comment-container .forum-detail-add-comment-container textarea {
        width: 100%;
        box-sizing: border-box;
        -webit-box-sizing: border-box;
        border: thin solid #777;
        color: #777;
        padding: 5px;
        font-size: 1em;
        resize: none;
        height: 150px;
    }

    .forum-detail-comment-container .forum-detail-add-comment-container span {
        color: #777;
        font-size: .8em;
        padding-top: 8px;
    }

    .forum-detail-comment-container .forum-detail-add-comment-container .forum-detail-add-comment-buttons {
        text-align: right;
        padding-top: 15px;
    }

        .forum-detail-comment-container .forum-detail-add-comment-container .forum-detail-add-comment-buttons .primary-button {
            background-color: #6d819c;
            color: #fff;
            padding: 5px 30px;
            border: none;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            font-size: 1.1em;
        }

@media screen and (min-width:480px) {
    #footer-social span, header:after {
        display: none;
    }

    #header.no-home {
        background-size: 20%;
    }

    header:after {
        content: "mobile landscape";
    }

    .logo-header button {
        width: 400px;
        max-width: 400px;
    }

    #loginHomeContainer {
        margin: 0 auto;
        width: 80%;
    }

    .login-icon {
        height: 70px;
        width: 70px;
        margin: 5% auto;
    }

    #heights-logo {
        width: 15%;
    }

    #menuBottom {
        height: 200px;
        overflow: auto;
    }
}

@media screen and (min-width:768px) {
    body {
        font-size: 14px;
    }

    #header {
        height: 50px;
    }

        #header.no-home {
            background-size: 17%;
        }

    .sub-header ul .next-stand a, .sub-header ul .prev-stand a {
        margin-top: 2px;
        margin-bottom: 3px;
    }

    .logo-header button {
        width: 550px;
        max-width: 550px;
    }

    .closeIcon {
        background-size: 15px !important;
    }

    #titles-section-header, .sub-header {
        height: 40px;
    }

        #titles-section-header h1 {
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            margin-left: 0;
        }

        .sub-header ul .prev-stand a {
            border-width: 6px 10px 6px 0;
        }

        .sub-header ul .next-stand a {
            border-width: 6px 0 6px 10px;
        }

    header:after {
        content: "tablet portrait";
        display: none;
    }

    #header .header-powered-container {
        height: 30px;
    }

        #header .header-powered-container p {
            top: 50%;
            transform: translate(-50%,0);
            -webkit-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            position: absolute;
            right: 12px;
            left: inherit;
            font-size: .8em;
            text-align: right;
        }

        #header .header-powered-container .powered-logo {
            top: 50%;
            transform: translate(-50%,0);
            -webkit-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            position: absolute;
            display: inherit;
            right: 10px;
        }

    #background-stand-container, #seminars-section-container, .networking-detail-container {
        margin-top: 120px;
    }

    #offers-filters-container, #webcast-filters-container {
        top: 120px !important;
    }

    #offers-detail-container {
        margin: 80px auto 0 !important;
    }

    #change-pavillion-container, #offers-container, .agenda-detail-container, .container-agenda, .fair-register-container, .forum-detail-container, .forum-list-container, .networking-list-container, .webcast-list-container {
        margin-top: 50px !important;
    }

    #menu-navigation {
        margin-top: 70px;
    }

    #menu-button {
        background-size: 30px;
    }

    #header-circles .header-circle-container {
        width: 40px;
    }

        #header-circles .header-circle-container button {
            width: 40px;
            height: 40px;
            margin-top: 5px;
        }

        #header-circles .header-circle-container img {
            top: 5px;
            left: 3px;
        }

    #header-circles .header-profile-container {
        display: inherit;
    }

    .come-back-list, .list-search-button {
        height: 40px;
    }

    .back-list-button {
        width: 86%;
        padding: 2% 7%;
    }

    body[dir=ltr] .menu-navigation-item {
        background-position: left;
    }

    .menu-navigation-item {
        padding: 10px 40px 10px 0;
        background-size: auto;
        cursor: pointer;
    }

        .menu-navigation-item.home {
            background-image: url(../images/common/menu-home-icon.svg);
        }

            .menu-navigation-item.home.selected {
                background-image: url(../images/common/menu-home-selected-icon.svg);
            }

        .menu-navigation-item.infostand {
            background-image: url(../images/common/menu-infostand-icon.svg);
        }

            .menu-navigation-item.infostand.selected {
                background-image: url(../images/common/menu-infostand-selected-icon.svg);
            }

        .menu-navigation-item.showroom {
            background-image: url(../images/common/menu-showroom-icon.svg);
        }

            .menu-navigation-item.showroom.selected {
                background-image: url(../images/common/menu-showroom-selected-icon.svg);
            }

        .menu-navigation-item.pavillion {
            background-image: url(../images/common/menu-pavillion-icon.svg);
        }

            .menu-navigation-item.pavillion.selected {
                background-image: url(../images/common/menu-pavillion-selected-icon.svg);
            }

        .menu-navigation-item.jobs {
            background-image: url(../images/common/menu-jobs-icon.svg);
        }

            .menu-navigation-item.jobs.selected {
                background-image: url(../images/common/menu-jobs-selected-icon.svg);
            }

        .menu-navigation-item.networking {
            background-image: url(../images/common/menu-networking-icon.svg);
        }

            .menu-navigation-item.networking.selected {
                background-image: url(../images/common/menu-networking-selected-icon.svg);
            }

        .menu-navigation-item.forum {
            background-image: url(../images/common/menu-forum-icon.svg);
        }

            .menu-navigation-item.forum.selected {
                background-image: url(../images/common/menu-forum-selected-icon.svg);
            }

        .menu-navigation-item.seminars {
            background-image: url(../images/common/menu-seminars-icon.svg);
        }

            .menu-navigation-item.seminars.selected {
                background-image: url(../images/common/menu-seminars-selected-icon.svg);
            }

        .menu-navigation-item.test {
            background-image: url(../images/common/menu-test-icon.svg);
        }

            .menu-navigation-item.test.selected {
                background-image: url(../images/common/menu-test-selected-icon.svg);
            }

        .menu-navigation-item.agenda {
            background-image: url(../images/common/menu-agenda-icon.svg);
        }

            .menu-navigation-item.agenda.selected {
                background-image: url(../images/common/menu-agenda-selected-icon.svg);
            }

        .menu-navigation-item.agenda2 {
            background-image: url(../images/common/menu-agenda2-icon.svg);
        }

            .menu-navigation-item.agenda2.selected {
                background-image: url(../images/common/menu-agenda2-selected-icon.svg);
            }

    #loginHomeContainer #loginOrPassword {
        min-height: 500px;
    }

    #loginOrPassword .loginForm, #loginOrPassword .remindPasswordForm {
        margin: 0 auto;
    }

    #loginOrPassword {
        width: 70%;
        margin: 95px auto 0;
    }

        #loginOrPassword .loginForm, #loginOrPassword .remindPasswordForm {
            width: 80%;
        }

        #loginOrPassword .remindPasswordForm {
            margin: 0 auto;
        }

    .login-icon {
        height: 100px;
        width: 100px;
        margin: 15% auto;
    }

    #footer-social span {
        color: #fff;
        margin-left: 15px;
    }

    #footer-social-buttons p {
        display: inline;
    }

    #footer-social-buttons.mobile {
        display: none;
    }

    #footer-social-buttons.desktop, #powered-container {
        display: inline-block;
    }

    #powered-container {
        width: auto;
        float: right;
        margin-top: 7px;
    }

        #powered-container a {
            width: auto;
        }

        #powered-container p {
            float: left;
            margin-top: 17px;
        }

    #heights-footer {
        padding-bottom: 0;
    }

    #heights-logo {
        width: 20%;
        float: none;
    }

    #copyright-text {
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        bottom: 5px;
        display: block;
    }

    #heights-footer-social {
        display: inherit;
        float: left;
        position: absolute;
        top: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
    }

        #heights-footer-social span {
            display: inline-block;
            margin-top: 19px;
            margin-left: 16px;
        }

    .heights-footer-social-button {
        display: inherit;
        float: left;
    }

    .footer-share-buttonooter-share-button {
        margin-top: 9px;
    }

    .paginator div {
        display: inline-block;
    }
}

@media screen and (min-width:1024px) {
    .come-back-list, .list-search-button, header:after {
        display: none;
    }

    #header.no-home {
        background-size: 110px;
    }

    .sub-header ul .next-stand a, .sub-header ul .prev-stand a {
        margin-bottom: 2px;
    }

    header:after {
        content: "tablet landscape";
    }

    .logo-header button {
        width: 750px;
        max-width: 750px;
    }

    #header-circles .header-profile-container {
        width: 200px;
    }

        #header-circles .header-profile-container span {
            max-width: 150px;
        }

    #titles-section-header h1 {
        margin-left: 0;
    }

    #titles-section-header {
        width: 100% !important;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
    }

    #menu-navigation {
        margin-top: 20px;
    }

    #loginHomeContainer {
        width: 60%;
    }

    #loginOrPassword {
        margin: 90px auto 0;
    }

        #loginOrPassword .loginForm, #loginOrPassword .remindPasswordForm {
            width: 80%;
        }

        #loginOrPassword .remindPasswordForm {
            margin: 0 auto;
        }

    .login-icon {
        height: 120px;
        width: 120px;
        margin: 6% auto;
    }
}

@media screen and (min-width:1250px) {
    body {
        font-size: 16px;
    }

    .sub-header {
        height: 50px;
    }

        .sub-header a {
            width: 20px;
            height: 20px;
        }

        .sub-header h1 {
            font-size: 1.3em;
        }

        .sub-header ul {
            margin-top: 15px;
        }

            .sub-header ul .prev-stand a {
                border-width: 12px 14px 12px 0;
            }

            .sub-header ul .next-stand a {
                border-width: 12px 0 12px 14px;
            }

            .sub-header ul .title-stand span {
                margin-top: 13px;
            }

            .sub-header ul .next-stand a, .sub-header ul .prev-stand a {
                margin-bottom: 1px;
                margin-top: -2px;
            }

    header:after {
        content: "desktop";
        display: none;
    }

    .logo-header button {
        width: 850px;
        max-width: 850px;
    }

    #header-circles .header-profile-container {
        width: 140px;
    }

        #header-circles .header-profile-container span {
            max-width: 200px;
        }

    #header-circles .header-circle-container button:hover {
        background-color: #44b4e4;
        -webkit-transition: all .28s ease-out;
        -moz-transition: all .28s ease-out;
        -o-transition: all .28s ease-out;
        transition: all .28s ease-out;
    }

    .menu-navigation-item.home, .menu-navigation-item.infostand {
        -webkit-transition: all .28s ease-out;
        -moz-transition: all .28s ease-out;
        -o-transition: all .28s ease-out;
    }

    #background-stand-container, #seminars-section-container, .networking-detail-container {
        margin-top: 100px;
    }

    #menu-button {
        background-size: 30px;
        background-position: 10px center;
        padding: 0 20px 0 45px;
    }

        #ham-button-container span, #menu-button span {
            display: inherit;
        }


    #menu-container .menu {
        cursor: default;
    }

    #menu-navigation {
        margin-top: 40px;
    }

    .menu-navigation-item.home {
        transition: all .28s ease-out;
    }

        .menu-navigation-item.home:hover {
            background-image: url(../images/common/menu-home-selected-icon.svg);
            cursor: pointer;
        }

    .menu-navigation-item.infostand {
        transition: all .28s ease-out;
    }

    .menu-navigation-item.pavillion, .menu-navigation-item.showroom {
        -webkit-transition: all .28s ease-out;
        -moz-transition: all .28s ease-out;
        -o-transition: all .28s ease-out;
    }

    .menu-navigation-item.infostand:hover {
        background-image: url(../images/common/menu-infostand-selected-icon.svg);
        cursor: pointer;
    }

    .menu-navigation-item.showroom {
        transition: all .28s ease-out;
    }

        .menu-navigation-item.showroom:hover {
            background-image: url(../images/common/menu-showroom-selected-icon.svg);
            cursor: pointer;
        }

    .menu-navigation-item.pavillion {
        transition: all .28s ease-out;
    }

    .menu-navigation-item.jobs, .menu-navigation-item.networking {
        -webkit-transition: all .28s ease-out;
        -moz-transition: all .28s ease-out;
        -o-transition: all .28s ease-out;
    }

    .menu-navigation-item.pavillion:hover {
        background-image: url(../images/common/menu-pavillion-selected-icon.svg);
        cursor: pointer;
    }

    .menu-navigation-item.jobs {
        transition: all .28s ease-out;
    }

        .menu-navigation-item.jobs:hover {
            background-image: url(../images/common/menu-jobs-selected-icon.svg);
            cursor: pointer;
        }

    .menu-navigation-item.networking {
        transition: all .28s ease-out;
    }

    .menu-navigation-item.forum, .menu-navigation-item.seminars {
        -webkit-transition: all .28s ease-out;
        -moz-transition: all .28s ease-out;
        -o-transition: all .28s ease-out;
    }

    .menu-navigation-item.networking:hover {
        background-image: url(../images/common/menu-networking-selected-icon.svg);
        cursor: pointer;
    }

    .menu-navigation-item.forum {
        transition: all .28s ease-out;
    }

        .menu-navigation-item.forum:hover {
            background-image: url(../images/common/menu-forum-selected-icon.svg);
            cursor: pointer;
        }

    .menu-navigation-item.seminars {
        transition: all .28s ease-out;
    }

    .menu-navigation-item.agenda, .menu-navigation-item.test {
        -webkit-transition: all .28s ease-out;
        -moz-transition: all .28s ease-out;
        -o-transition: all .28s ease-out;
    }

    .menu-navigation-item.seminars:hover {
        background-image: url(../images/common/menu-seminars-selected-icon.svg);
        cursor: pointer;
    }

    .menu-navigation-item.test {
        transition: all .28s ease-out;
    }

        .menu-navigation-item.test:hover {
            background-image: url(../images/common/menu-test-selected-icon.svg);
            cursor: pointer;
        }

    .menu-navigation-item.agenda {
        transition: all .28s ease-out;
    }

        .menu-navigation-item.agenda:hover {
            background-image: url(../images/common/menu-agenda-selected-icon.svg);
            cursor: pointer;
        }

    .menu-navigation-item.agenda2 {
        -webkit-transition: all .28s ease-out;
        -moz-transition: all .28s ease-out;
        -o-transition: all .28s ease-out;
        transition: all .28s ease-out;
    }

        .menu-navigation-item.agenda2:hover {
            background-image: url(../images/common/menu-agenda2-selected-icon.svg);
            cursor: pointer;
        }

    #footer {
        padding-bottom: 0;
    }

    #footer-social-buttons p {
        display: inline;
    }

    #footer-social-buttons.mobile {
        display: none;
    }

    #footer-social-buttons.desktop {
        display: inline-block;
    }

    #fair-footer {
        position: relative;
        padding: 25px 0;
    }

        #fair-footer img#partner-logo {
            float: right;
            margin-right: 20px;
            margin-top: 0;
        }

        #fair-footer #footer-fair-links {
            left: 20px;
            position: absolute;
            top: 50%;
            transform: translate(-50%,0);
            -webkit-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
        }

            #fair-footer #footer-fair-links .partner-name {
                padding-bottom: 0;
            }

                #fair-footer #footer-fair-links .partner-name a:hover {
                    color: #9de8ce;
                }

        #fair-footer #footer-social {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
        }

    .footer-share-button, .footer-social-button {
        margin-top: 3px;
        -webkit-transition: background-color .18s ease-out;
        -moz-transition: background-color .18s ease-out;
        -o-transition: background-color .18s ease-out;
        transition: background-color .18s ease-out;
    }

        .footer-share-button:hover, .footer-social-button:hover {
            background-color: #8b9bb1;
        }

    #sponsors-list a:hover img {
        -webkit-transition: all .18s ease-out;
        -moz-transition: all .18s ease-out;
        -o-transition: all .18s ease-out;
        transition: all .18s ease-out;
        opacity: .9;
    }

    #heights-footer {
        position: relative;
        padding: 10px 0;
    }

        #heights-footer #powered-container {
            float: left;
            margin: 0 0 0 20px;
        }

            #heights-footer #powered-container p {
                display: inline;
                vertical-align: sub;
                margin-left: 15px;
                float: right;
            }

            #heights-footer #powered-container img {
                width: 230px;
                vertical-align: middle;
            }

        #heights-footer #heights-footer-social {
            float: right;
            right: 20px;
        }

            #heights-footer #heights-footer-social span {
                margin-top: 13px;
            }

        #heights-footer .heights-footer-social-button {
            display: inline;
            width: 40px;
            height: 40px;
        }

            #heights-footer .heights-footer-social-button:hover path {
                fill: red;
            }

        #heights-footer #copyright-text {
            bottom: 10px;
        }

    .button-main {
        color: #fff;
        -webkit-transition: background-color .38s ease-out;
        -moz-transition: background-color .38s ease-out;
        -o-transition: background-color .38s ease-out;
        transition: background-color .38s ease-out;
    }

        .button-main:hover {
            background-color: #9ba8bb;
        }

    #loginHomeContainer {
        width: 35%;
    }

        #loginHomeContainer #loginOrPassword {
            min-height: 550px;
        }

    #loginOrPassword {
        margin: 90px auto 0;
    }

        #loginOrPassword .loginForm, #loginOrPassword .remindPasswordForm {
            width: 80%;
            margin: 0 auto;
        }

            #loginOrPassword .loginForm .input-mail, #loginOrPassword .remindPasswordForm .input-mail {
                margin-top: 5%;
            }

    .login-icon {
        height: 130px;
        width: 130px;
        margin: 5% auto;
    }

    .paginator {
        margin: 30px 0 45px;
    }

        .paginator button.paginator-number-button:hover {
            background-color: #566880;
            color: #fff;
        }

        #loginOrPassword .loginForm .input-mail .loginform-remind-password:hover, #loginOrPassword .remindPasswordForm .input-mail .loginform-remind-password:hover, .paginator a:hover {
            color: #6d819c;
        }

        .paginator button.paginator-first-button:hover, .paginator button.paginator-last-button:hover {
            background-color: #424f61;
        }

        .paginator a {
            cursor: pointer;
        }

    .close-menu-container:hover .second-line {
        opacity: 1;
        transition: all 250ms ease-out;
    }

    .close-menu-container:hover::before {
        width: 12px;
        top: 9px;
        transition: all 250ms ease-out;
    }

    .close-menu-container:hover::after {
        width: 12px;
        bottom: 9px;
        transition: all 250ms ease-out;
    }

    body[dir=ltr] #ham-button-container:hover #ham-button::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all .2s ease-out;
    }

    body[dir=ltr] #ham-button-container:hover #ham-button::after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all .2s ease-out;
    }

    #ham-button-container:hover #ham-button .second-line {
        height: 3px;
    }

    #ham-button-container:hover #ham-button::before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 50%;
        left: -1px;
        top: 5px;
        height: 3px;
        transition: all .2s ease-out;
    }

    #ham-button-container:hover #ham-button::after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 50%;
        left: -1px;
        bottom: 5px;
        height: 3px;
        transition: all .2s ease-out;
    }

    #header.no-home #ham-button-container {
        border-left: thin solid #fff;
    }

        #header.no-home #ham-button-container:hover #ham-button::before {
            top: 3px;
        }

        #header.no-home #ham-button-container:hover #ham-button::after {
            bottom: 3px;
        }

    .menu-user-button:hover {
        transition: all .15s ease-out;
    }

        .menu-user-button:hover.profile, .menu-user-button:hover.register {
            background-color: #566880;
        }

        .menu-user-button:hover.login, .menu-user-button:hover.logout {
            background-color: #424f61;
        }

    .back-list-button a:hover {
        color: #566880;
    }
}

@media screen and (min-width:480px) {
    #fair-info-home-container {
        padding-top: 100px;
    }

        #fair-info-home-container img#fair-logo {
            width: 30%;
        }
}

@media screen and (min-width:768px) {
    .home-register-button-container button {
        width: 220px;
    }

    .speechHome-container .video-home-rectangulo {
        top: 70% !important;
        left: 70% !important;
    }
}

@media screen and (min-width:1024px) {
    #replay-video-container {
        display: inherit;
    }
}

@media screen and (min-width:1250px) {
    #background video {
        display: inherit;
        position: fixed;
        top: 50%;
        left: 50%;
        width: 100%;
        min-height: auto;
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        overflow: hidden;
    }

    .speechHome-container {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.5);
    }

        .speechHome-container .video-home-rectangulo {
            display: block !important;
            position: fixed !important;
            top: 75% !important;
            left: 20% !important;
            max-width: 30% !important;
            min-width: 25% !important;
            min-height: auto !important;
        }

    #background-dark-cover {
        background: rgba(0,0,0,.64);
        background: -moz-linear-gradient(top,rgba(0,0,0,.64) 0,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%);
        background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(0,0,0,.64)),color-stop(25%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0)));
        background: -webkit-linear-gradient(top,rgba(0,0,0,.64) 0,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%);
        background: -o-linear-gradient(top,rgba(0,0,0,.64) 0,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%);
        background: -ms-linear-gradient(top,rgba(0,0,0,.64) 0,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%);
        background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.64)),color-stop(25%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));
        background: linear-gradient(to bottom,rgba(0,0,0,.64) 0,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
    }

    #fair-info-home-container {
        padding-top: 20px;
        width: 340px;
    }

        #fair-info-home-container button:hover {
            background-color: #23966e;
            transition: all .15s ease-out;
            -webkit-transition: all .15s ease-out;
            -moz-transition: all .15s ease-out;
            -o-transition: all .15s ease-out;
        }

        #fair-info-home-container img#fair-logo {
            width: 200px;
        }

    .replay-video-button:hover {
        background-color: #566880;
        transition: all .15s ease-out;
        -webkit-transition: all .15s ease-out;
        -moz-transition: all .15s ease-out;
        -o-transition: all .15s ease-out;
    }

    .home-register-button-container button:hover {
        transition: all .15s ease-out;
        -webkit-transition: all .15s ease-out;
        -moz-transition: all .15s ease-out;
        -o-transition: all .15s ease-out;
        background-color: #424f61;
    }
}

@media screen and (min-width:480px) {
    .entities-list-item-logo img {
        width: 80%;
    }

    .containerListClass {
        margin-top: 100px;
    }
}

@media screen and (min-width:768px) {
    .entities-list-item-info p {
        margin: 10px 0 0 15px;
    }

    .icon-entity-category {
        margin: 7px 5px 0;
    }

    #change-pavillion-container, #change-pavillion-container button {
        height: 40px;
    }

    #pavillion-legend {
        height: 20px;
    }

    .containerListClass, .imagePavilionClass {
        margin-top: 120px;
    }

    #change-pavillion-container p {
        padding-top: 12px;
    }

    #change-pavillion-container #change-combo-pavillion-container select {
        height: 40px;
        margin-left: 20px;
    }

    .entity-list-item {
        width: 33%;
        text-align: center;
    }

    .entities-list-row {
        text-align: center;
        font-size: 0;
        padding-bottom: 0;
    }

        .entities-list-row .entities-list-item:first-child {
            margin-left: 0;
        }

    .entities-type-header-container {
        padding-bottom: 0;
    }

    .entities-type-header {
        margin: 0 auto;
    }

    .entities-list-item {
        font-size: 16px;
        width: 100%;
        max-width: 230px;
        margin: 0 0 0 1%;
        display: inline-block;
        padding-bottom: 15px;
    }

    .entities-list-item-info {
        height: 92px;
    }

    .entities-list-item-info, .entities-list-item-logo {
        float: none;
        text-align: right;
    }

        .entities-list-item-info h3, .entities-list-item-logo h3 {
            margin: 0;
            padding: 15px 15px 0;
            height: 45px;
        }

    .entities-list-item-logo {
        height: 185px;
        width: 100% !important;
    }

    .info-language, .info-offers {
        margin-top: 5px;
    }

    .empty-search-container {
        margin-top: 40px;
    }

        .empty-search-container P {
            margin: 40px 0;
            font-size: 1.3em;
        }

    .empty-agenda-icon, .empty-search-icon, loading-icon {
        height: 130px;
        width: 130px;
    }

    #vmodaljob-body .mobile-filters, .mobile-filters {
        top: 50px;
    }

    .pavillion-name-container button {
        width: 35px;
        height: 35px;
        line-height: .8;
    }
}

@media screen and (min-width:1024px) {
    .entity-list-item {
        width: 25%;
    }

    #pavillion-legend {
        height: 20px;
        width: 40%;
        margin: 0 auto;
    }

    .icon-entity-category {
        margin-right: 10px;
    }

    .imagePavilionClass {
        margin-top: 90px;
    }

    .pavilionListClass {
        margin-top: 70px !important;
    }

    .containerListClass {
        margin-top: 190px;
    }

    #change-pavillion-container {
        background-color: #44b4e4;
        text-align: center;
        position: relative;
    }

    .qtip-default, .qtip-default .qtip-icon {
        background-color: transparent !important;
    }

    #change-pavillion-container #change-combo-pavillion-container {
        width: auto;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        position: inherit;
    }

    #change-pavillion-container p {
        float: none;
    }

    #pavillion-image-container {
        height: 500px;
    }

    #offers-filters-container, #pavillion-filters-container, #pavillion-image-container {
        display: inherit;
    }

    #search-results {
        display: none !important;
    }

    .qtip {
        max-width: 470px !important;
    }

    .qtip-content {
        padding: 0 !important;
        text-align: center !important;
        width: 100% !important;
    }

        .qtip-content img {
            max-width: 150px;
            padding-top: 15px;
        }

        .qtip-content .logo-tooltip {
            display: none;
        }

        .qtip-content h3 {
            color: #6d819c;
            text-align: center;
            margin-bottom: 13px;
            font-size: 1.4em;
            line-height: 1.3em;
            display: block;
            padding: 0 10px;
        }

        .qtip-content span {
            display: block;
        }

    .qtip-titlebar {
        padding: 0 !important;
    }

    .qtip-default {
        border: none !important;
        min-width: 265px !important;
        border-bottom: 10px solid #6d819c !important;
    }

        .qtip-default .qtip-icon {
            border-color: #CCC;
            color: #777;
        }

        .qtip-default .qtip-titlebar .qtip-close {
            border-color: #AAA !important;
            color: #111 !important;
        }

    .tooltip-box-light {
        background-color: #fff;
        padding-bottom: 20px;
    }

    .tooltip-box-dark {
        width: 100%;
        background-color: rgba(0,0,0,.4);
        float: left;
        color: #fff;
        height: 30px;
    }

    .tooltip-pavillion-img {
        float: left;
        width: 15px;
        height: 15px;
        padding: 7px 5px 5px 7px !important;
        margin-top: 0 !important;
    }

        .tooltip-pavillion-img img {
            width: 100%;
            padding: 0 !important;
            margin: 0 !important;
        }

    .tooltip-pavillion-offers {
        padding: 0;
        margin: 0 0 0 5px;
        float: left;
    }

        .tooltip-pavillion-offers span {
            margin-top: 8px;
            float: left;
            display: block;
            font-size: 1.3em;
            margin-right: 5px;
        }

    .tooltip-pavillion-online {
        float: right;
        margin-right: 5px;
    }

        .tooltip-pavillion-online .status-online-tooltip-icon {
            height: 12px;
            width: 12px;
            background-color: #B2ED14;
            float: left;
            border-radius: 50%;
            margin-top: 8px;
        }

        .tooltip-pavillion-online span {
            margin-top: 8px;
            float: right;
            display: block;
            font-size: 1.3em;
            margin-left: 5px;
        }
}

@media screen and (min-width:1250px) {
    #pavillion-legend {
        width: 30%;
    }

    .icon-pavillion-legend {
        margin-top: 3px;
    }

    .containerListClass {
        margin-top: 190px;
    }

    .entities-list-item-over {
        background-color: rgba(109,129,156,.8);
        height: 185px;
        width: 100%;
        max-width: 230px;
        position: absolute;
        z-index: 3333;
        border: 1px solid #6d819c;
    }

        .entities-list-item-over img {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
        }

    .desktop-list-remove-filters:hover, .desktop-list-search-filters:hover {
        background-color: #0074C8;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .entities-list-item, .entities-list-item:hover {
        cursor: pointer;
    }

        .entities-list-item:hover .entities-list-item-over {
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            opacity: 1;
        }

    #pavillion-image-container {
        height: 640px;
    }

    .mobile-filters {
        padding-bottom: 0;
    }

    .pavillion-name-container button {
        line-height: .7;
    }

    .pavillion-container {
        -webkit-transition: all .28s ease-out;
        -moz-transition: all .28s ease-out;
        -o-transition: all .28s ease-out;
        transition: all .28s ease-out;
        cursor: pointer;
    }

        .pavillion-container .over-brightness, .pavillion-container:hover .over-brightness {
            -webkit-transition: all .15s ease-out;
            -moz-transition: all .15s ease-out;
            -o-transition: all .15s ease-out;
        }

        .pavillion-container .over-button {
            display: inherit;
            opacity: 0;
        }

        .pavillion-container .over-brightness {
            transition: all .15s ease-out;
        }

        .pavillion-container:hover .over-brightness {
            -webkit-filter: brightness(.7);
            filter: brightness(.7);
            transition: all .15s ease-out;
        }

            .pavillion-container:hover .over-brightness button {
                opacity: 0;
            }

        .pavillion-container:hover .over-button {
            opacity: 1;
            -webkit-transition: all .15s ease-out;
            -moz-transition: all .15s ease-out;
            -o-transition: all .15s ease-out;
            transition: all .15s ease-out;
        }
}

@media screen and (min-width:480px) {
    #background-stand, #background-stand-container {
        height: 220px;
    }

    .tooltip-text {
        width: 75%;
    }

    .button-goto-pavillion button {
        padding: 2% 5%;
    }
}

@media screen and (min-width:768px) {
    .clear-tooltip, .stand-language, .stand-separator, .stand-slogan, .tooltips-list-social span {
        display: inherit;
    }

    .tooltipList li a, .tooltip-text {
        float: none;
        text-align: center;
    }

    #background-stand, #background-stand-container {
        height: 390px;
    }

    .tooltips-list h2 {
        font-size: 1.2em;
    }

    .tooltipList li {
        width: 25%;
    }

        .tooltipList li a {
            margin: 0 auto;
            width: 110px;
            height: 110px;
        }

    .tooltip-text {
        width: 95%;
        margin: 7% auto 0;
    }
}

@media screen and (min-width:1024px) {
    #background-stand, #background-stand-container {
        height: 480px;
    }

    .tooltip-icon {
        width: 140px;
        height: 140px;
    }
}

@media screen and (min-width:1250px) {


    #background-stand, #background-stand-container {
        height: 700px;
    }

    .stand-arrows-left, .stand-arrows-right {
        height: 63px;
        margin: 0 10px;
    }

    .icon-social-stand {
        margin: 0 3px;
    }

        .icon-social-stand a {
            cursor: pointer;
        }

            .icon-social-stand a.facebook:hover {
                background-image: url(../images/common/facebook-icon-over.svg);
            }

            .icon-social-stand a.twitter:hover {
                background-image: url(../images/common/twitter-icon-over.svg);
            }

    .stand-slogan {
        font-size: 1.5em;
        margin-top: 0;
    }

    .stand-separator {
        font-size: 1.5em;
        margin: 0 10px;
    }

    .stand-language {
        font-size: 1.1em;
        margin-top: 6px;
    }

    .tooltips-list-social {
        height: 40px;
        margin-top: -40px;
    }

        .tooltips-list-social span {
            font-size: 1.2em;
            margin-top: 4px;
        }

    .tooltips-list ul {
        max-width: 80%;
        margin: 0 auto;
    }

    .tooltipList li a {
        width: 160px;
        height: 160px;
        background-size: 80%;
    }

        .tooltipList li a:hover {
            background-image: none;
        }

            .tooltipList li a:hover img {
                opacity: 1;
                -webkit-transform: translate(0,55px);
                -moz-transform: translate(0,55px);
                -o-transform: translate(0,55px);
                -ms-transform: translate(0,55px);
                transform: translate(0,55px);
                -webkit-transition: .35s ease-out;
                -moz-transition: .35s ease-out;
                -o-transition: .35s ease-out;
                transition: .35s ease-out;
            }

    .congrats-icon {
        visibility: hidden;
    }

    .fadeInUp {
        visibility: visible;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    .delay-05s {
        animation-delay: .5s;
        -webkit-animation-delay: .5s;
    }

    .delay-1s {
        animation-delay: 1s;
        -webkit-animation-delay: 1s;
    }

    .delay-15s {
        animation-delay: 1.5s;
        -webkit-animation-delay: 1.5s;
    }

    .delay-2s {
        animation-delay: 2s;
        -webkit-animation-delay: 2s;
    }

    .delay-25s {
        animation-delay: 2.5s;
        -webkit-animation-delay: 2.5s;
    }

    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
            transform: translateY(20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .tooltip-profile {
        -webkit-transition: background-color .35s ease-out;
        -moz-transition: background-color .35s ease-out;
        -o-transition: background-color .35s ease-out;
        transition: background-color .35s ease-out;
    }

    .tooltip-mailbox, .tooltip-offers {
        -webkit-transition: background-color .35s ease-out;
        -moz-transition: background-color .35s ease-out;
        -o-transition: background-color .35s ease-out;
    }

    .tooltip-profile:hover {
        background-color: #ff8263;
        cursor: pointer;
    }

    .tooltip-mailbox {
        transition: background-color .35s ease-out;
    }

        .tooltip-mailbox:hover {
            background-color: #ff6969;
            cursor: pointer;
        }

    .tooltip-offers {
        transition: background-color .35s ease-out;
    }

    .tooltip-chat, .tooltip-submitCV {
        -webkit-transition: background-color .35s ease-out;
        -moz-transition: background-color .35s ease-out;
        -o-transition: background-color .35s ease-out;
    }

    .tooltip-offers:hover {
        background-color: #ff688f;
        cursor: pointer;
    }

    .tooltip-submitCV {
        transition: background-color .35s ease-out;
    }

        .tooltip-submitCV:hover {
            background-color: #fb6fcb;
            cursor: pointer;
        }

    .tooltip-chat {
        transition: background-color .35s ease-out;
    }

    .tooltip-meeting, .tooltip-socialNetworks {
        -webkit-transition: background-color .35s ease-out;
        -moz-transition: background-color .35s ease-out;
        -o-transition: background-color .35s ease-out;
    }

    .tooltip-chat:hover {
        background-color: #d76dff;
        cursor: pointer;
    }

    .tooltip-meeting {
        transition: background-color .35s ease-out;
    }

        .tooltip-meeting:hover {
            background-color: #9b52f8;
            cursor: pointer;
        }

    .tooltip-socialNetworks {
        transition: background-color .35s ease-out;
    }

    .tooltip-download, .tooltip-webcast {
        -webkit-transition: background-color .35s ease-out;
        -moz-transition: background-color .35s ease-out;
        -o-transition: background-color .35s ease-out;
    }

    .tooltip-socialNetworks:hover {
        background-color: #6636ff;
        cursor: pointer;
    }

    .tooltip-download {
        transition: background-color .35s ease-out;
    }

        .tooltip-download:hover {
            background-color: #0038f7;
            cursor: pointer;
        }

    .tooltip-webcast {
        transition: background-color .35s ease-out;
    }

    .tooltip-experiences, .tooltip-products {
        -webkit-transition: background-color .35s ease-out;
        -moz-transition: background-color .35s ease-out;
        -o-transition: background-color .35s ease-out;
    }

    .tooltip-webcast:hover {
        background-color: #60a7ff;
        cursor: pointer;
    }

    .tooltip-products {
        transition: background-color .35s ease-out;
    }

        .tooltip-products:hover {
            background-color: #6fd5ff;
            cursor: pointer;
        }

    .tooltip-experiences {
        transition: background-color .35s ease-out;
    }

    .tooltip-advices, .tooltip-agendachats {
        -webkit-transition: background-color .35s ease-out;
        -moz-transition: background-color .35s ease-out;
        -o-transition: background-color .35s ease-out;
    }

    .tooltip-experiences:hover {
        background-color: #56fff9;
        cursor: pointer;
    }

    .tooltip-agendachats {
        transition: background-color .35s ease-out;
    }

        .tooltip-agendachats:hover {
            background-color: #2974ff;
            cursor: pointer;
        }

    .tooltip-advices {
        transition: background-color .35s ease-out;
    }

    .tooltip-links, .tooltip-survey {
        -webkit-transition: background-color .35s ease-out;
        -moz-transition: background-color .35s ease-out;
        -o-transition: background-color .35s ease-out;
    }

    .tooltip-advices:hover {
        background-color: #24f7d7;
        cursor: pointer;
    }

    .tooltip-survey {
        transition: background-color .35s ease-out;
    }

        .tooltip-survey:hover {
            background-color: #4af190;
            cursor: pointer;
        }

    .tooltip-links {
        transition: background-color .35s ease-out;
    }

    .tooltip-banners, .tooltip-videos {
        -webkit-transition: background-color .35s ease-out;
        -moz-transition: background-color .35s ease-out;
        -o-transition: background-color .35s ease-out;
    }

    .tooltip-links:hover {
        background-color: #9ff34c;
        cursor: pointer;
    }

    .tooltip-videos {
        transition: background-color .35s ease-out;
    }

        .tooltip-videos:hover {
            background-color: #ffd442;
            cursor: pointer;
        }

    .tooltip-banners {
        transition: background-color .35s ease-out;
    }

    .tooltip-gallery, .tooltip-posters {
        -webkit-transition: background-color .35s ease-out;
        -moz-transition: background-color .35s ease-out;
        -o-transition: background-color .35s ease-out;
    }

    .tooltip-banners:hover {
        background-color: #ffb528;
        cursor: pointer;
    }

    .tooltip-posters {
        transition: background-color .35s ease-out;
    }

        .tooltip-posters:hover {
            background-color: #db9000;
            cursor: pointer;
        }

    .tooltip-gallery {
        transition: background-color .35s ease-out;
    }

    .tooltip-faq, .tooltip-resourcesAndLinks {
        -webkit-transition: background-color .35s ease-out;
        -moz-transition: background-color .35s ease-out;
        -o-transition: background-color .35s ease-out;
    }

    .tooltip-gallery:hover {
        background-color: #fe8900;
        cursor: pointer;
    }

    .tooltip-resourcesAndLinks {
        transition: background-color .35s ease-out;
    }

        .tooltip-resourcesAndLinks:hover {
            background-color: #fe6100;
            cursor: pointer;
        }

    .tooltip-faq {
        transition: background-color .35s ease-out;
    }

        .tooltip-faq:hover {
            background-color: #3c2fe6;
            cursor: pointer;
        }

    .tooltip-maininfo {
        -webkit-transition: background-color .35s ease-out;
        -moz-transition: background-color .35s ease-out;
        -o-transition: background-color .35s ease-out;
        transition: background-color .35s ease-out;
    }

        .tooltip-maininfo:hover {
            background-color: #c3dd01;
            cursor: pointer;
        }
}

@media screen and (min-width:1250px) and (max-height:915px) {
    #stand-godown-button {
        display: inherit;
    }
}

.centered-vmodal {
    top: 40%;
    left: 50%;
    transform: translate(-50%,-40%);
    -webkit-transform: translate(-50%,-40%);
    -moz-transform: translate(-50%,-40%);
    -o-transform: translate(-50%,-40%);
    -ms-transform: translate(-50%,-40%);
}

@media screen and (min-width:480px) {
    .container-body-modal input, .container-body-modal textarea {
        margin-top: 15px;
    }

    .big-icon-vmodal {
        height: 60px;
        width: 60px;
        margin: 30px auto 0;
    }

        .big-icon-vmodal.margin-top {
            margin-top: 10%;
        }

    .vmodalMessageNoLoggedUser {
        padding: 2% 0;
    }

    .vmodal-intro-text {
        margin: 1%;
    }

    .body-profile-header {
        padding-top: 3%;
    }

    .container-vmodal-profile h1 {
        margin-top: 3%;
    }

    .profile-right {
        float: left;
        width: 40%;
        margin-top: 20px;
    }

    .profile-left {
        float: left;
        width: 60%;
    }

    .header-profile-logo {
        width: 25%;
    }

    .header-profile-info {
        width: 65%;
        margin-top: 1%;
        font-size: 1.3em;
    }

    .vmodal-header a {
        margin-left: 2%;
    }

    .item-offer a {
        padding: 3% 0;
    }

    .item-offer-button {
        width: 6%;
    }

    .item-offer-info {
        width: 88%;
    }

    .offerHeader_vmodal_button {
        margin: 1% 20%;
    }

    .vmodal-jobsoffers .image-container {
        border: thin solid #ddd;
    }

    .container-mailbox-nologged p, .container-submitcv p, .no-logged .button-main, .no-logged .button-secondary {
        padding: 2% 0;
    }

    .vmodal .button-main, .vmodal .button-secondary, .vmodal-small .button-main, .vmodal-small .button-secondary, vmodal-jobsoffers .button-secondary {
        width: 50%;
        padding: 15px 0;
    }

    #errorMessage, #finishMessage, .container-mailbox-nologged p, .container-meetings-nologged p, .container-submitcv p, .container-survey p {
        padding: 2% 0;
    }

    .container-mailbox button, .container-mailbox input, .container-mailbox textarea {
        margin: 1% 0;
        float: none;
    }

    .button-main-centered {
        margin: 0 25%;
    }

    .vmodal-body #loginOrPassword .remindPasswordForm .password-reminder-title {
        margin-top: 10px;
    }

    #loginOrPassword {
        width: 60%;
    }

    .container-mailbox {
        margin-bottom: 0;
        margin-top: 3%;
    }

    .survey-question {
        padding: 0;
        margin-top: 3%;
    }

    .survey-answers {
        margin: 1% 0;
    }

        .survey-answers ul li {
            line-height: inherit;
        }

    .container-list-videos ul li a, .item-links-text {
        line-height: 1.5em;
    }

    .container-links ul {
        margin-top: 3%;
    }

    .item-links-icon {
        padding: 6%;
    }

    .item-links-text {
        width: 85%;
        max-width: 85%;
        padding-left: 15%;
    }

    .container-socialnetworks ul {
        margin-top: 0;
    }

        .container-socialnetworks ul li {
            width: 33%;
            margin-bottom: 7%;
        }

    .container-download ul li {
        cursor: pointer;
        margin-top: 4%;
    }

        .container-download ul li:hover .text-download .bold {
            text-decoration: underline;
        }

        .container-download ul li .icon-download-file {
            width: 10%;
        }

        .container-download ul li .text-download {
            width: 79%;
            max-width: 79%;
        }

            .container-download ul li .text-download img {
                margin-top: 20%;
            }

        .container-download ul li .icon-download {
            width: 8%;
        }

            .container-download ul li .icon-download img {
                width: 60%;
            }

    .container-advices ul li {
        margin-top: 5%;
    }

    .advices-header-number {
        width: 9%;
    }

    .advices-header-title {
        width: 91%;
    }

    .image-container img {
        max-width: 400px;
    }

    .image-container-posters {
        height: 210px !important;
    }

    .container-gallery ul li {
        width: 23%;
        margin: 1%;
    }

    .container-gallery-detail {
        margin-top: 0;
    }

    .image-container-gallery-detail {
        height: 180px !important;
    }

    .swiper-container {
        margin-bottom: 20px !important;
    }

    .container-banners {
        top: 50%;
    }

    .container-meetings {
        margin-bottom: 50px;
    }

        .container-meetings button {
            float: none;
        }

        .container-mailbox textarea, .container-meetings textarea {
            height: 100px;
        }

    #startTime {
        width: 48%;
        margin-top: 15px;
    }

    .Zebra_DatePicker_Icon_Wrapper {
        width: 48%;
    }

    .container-player-video iframe {
        height: 200px;
    }

    .container-list-videos ul li {
        margin: 2% 0;
        height: 70px;
    }

    .video-thumbnail {
        height: 70px;
    }
}

@media screen and (min-width:768px) {
    #vmodaljob-body #job-list {
        margin-top: 40px;
    }

    .vmodal, .vmodal-jobsoffers, .vmodal-small {
        height: 680px;
        background-color: #fff;
        position: fixed;
        width: 80%;
        overflow: hidden;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-40%);
        -webkit-transform: translate(-50%,-40%);
        -moz-transform: translate(-50%,-40%);
        -o-transform: translate(-50%,-40%);
        -ms-transform: translate(-50%,-40%);
    }

    .vmodal-jobsoffers {
        width: 100%;
        max-width: 650px;
    }

        .vmodal-jobsoffers p {
            font-size: .9em;
        }

        .vmodal-jobsoffers #menu-container #right-menu .mobile-filters {
            margin-top: 0;
        }

    .sub-header h1 {
        font-size: 1em;
        margin-top: 9px !important;
    }

    .vmodal-small {
        width: 60%;
    }

        .vmodal h1, .vmodal-small h1 {
            font-size: 1.2em;
        }

    .vmodal-header {
        height: 50px;
    }

        .vmodal-header a {
            margin-left: 3%;
        }

    .header-profile-info {
        font-size: 1.1em;
    }

    .body-profile-header {
        min-height: 90px;
    }

    .profile-right {
        float: right;
        width: 30%;
    }

    .profile-left {
        float: left;
        width: 70%;
    }

    .filter-job-offers {
        height: 40px;
    }

    .vmodal-jobsoffers .filter-job-offers {
        top: 50px;
    }

    .vmodal-jobsoffers #loginOrPassword {
        width: 60%;
    }

    .offerHeader_vmodal_button {
        margin: 1% 10%;
        width: 80%;
    }

    #vmodaljob-body {
        margin-top: 50px;
        overflow-x: hidden;
    }

    .container-list-offers {
        padding-bottom: 40px;
    }

    #errorMessage, #finishMessage, .container-mailbox-nologged p, .container-submitcv p {
        padding: 50px 0;
    }

    .filter-job-offers a {
        height: 40px;
        width: 55px;
        background-size: 40%;
    }

        .filter-job-offers a.clean-results {
            margin-right: 56px;
        }

    .item-offer-button {
        width: 4%;
    }

        .item-offer-button button {
            margin-right: 15px;
        }

    .item-offer-info {
        width: 90%;
    }

        .item-offer-info h1 {
            font-size: 1.2em !important;
        }

        .item-offer-info h2 {
            font-size: 1em !important;
        }

    .big-icon-vmodal {
        height: 130px;
        width: 130px;
        margin-top: 50px;
        display: inherit;
    }

        .big-icon-vmodal.margin-top {
            margin-top: 30%;
        }

    .container-mailbox button, .container-mailbox input, .container-mailbox textarea {
        margin: 2% 0;
    }

    .no-logged .button-main, .no-logged .button-secondary {
        padding: 15px 0;
    }

    .container-mailbox {
        margin-bottom: 0;
    }

        .container-mailbox textarea {
            height: 400px;
        }

    .advices-header-number {
        width: 14%;
    }

    .advices-header-title {
        width: 86%;
    }

    .survey-answers {
        margin: 1% 0 15%;
    }

    .container-socialnetworks ul {
        margin-top: 5%;
    }

        .container-socialnetworks ul li {
            width: 50%;
            margin-bottom: 9%;
        }

    .container-banners, .container-mailbox, .container-meetings, .container-posters {
        margin-bottom: 0;
    }

    .container-download ul li {
        margin-top: 8%;
    }

    .image-container {
        height: 520px !important;
    }

    .image-container-posters {
        height: 280px !important;
        width: 90%;
    }

    .container-banners {
        top: 30%;
    }

    .container-gallery-detail {
        margin-top: 0;
        margin-left: 11%;
    }

    .image-container-gallery-detail {
        height: 320px !important;
    }

    .swiper-button-next, .swiper-button-prev {
        margin-top: -60px !important;
    }

    .container-mailbox button, .container-meetings button {
        margin-top: 20px;
    }

    .container-meetings textarea {
        height: 300px;
    }

    .container-player-video iframe {
        height: 270px;
    }

    .container-list-videos ul li a p {
        line-height: 1.6em;
    }

    #webcastDetailContainer .webcast-detail-speaker p {
        font-size: .9em;
    }
}

@media screen and (min-width:1024px) {
    .container-banners, .container-mailbox, .container-posters {
        margin-bottom: 0;
    }

    .vmodal, .vmodal-jobsoffers, .vmodal-small {
        height: 580px;
    }

    .vmodal-small {
        width: 40%;
    }

    .vmodal-jobsoffers {
        width: 100%;
        max-width: 850px;
    }

        .vmodal-jobsoffers #loginOrPassword {
            width: 40%;
        }

    .header-profile-logo {
        width: 20%;
        padding: 2% 0;
    }

    .header-profile-info {
        width: 74%;
        margin-left: 0;
        font-size: 1em;
        margin-top: 0;
    }

        .header-profile-info ul li {
            margin-right: 3%;
        }

    .container-list-offers {
        padding-bottom: 40px;
    }

    .item-offer-info {
        width: 91%;
    }

        .item-offer-info h1 {
            font-size: 1.2em;
        }

        .item-offer-info h2 {
            font-size: 1em;
        }

    .item-offer a {
        padding: 2% 0;
    }

    #errorMessage, #finishMessage {
        padding: 10px 0;
    }

    .big-icon-vmodal {
        height: 120px;
        width: 120px;
        margin-top: 20px;
    }

        .big-icon-vmodal.margin-top {
            margin-top: 20%;
        }

    .container-mailbox textarea {
        height: 330px;
    }

    .container-links ul {
        margin-top: 0;
    }

    .image-container {
        height: 420px !important;
    }

    .image-container-url {
        margin-top: 20px;
    }

    .swiper-button-next, .swiper-button-prev {
        top: 57% !important;
    }

    .container-meetings {
        margin-bottom: 30px;
    }

        .container-meetings textarea {
            height: 200px;
        }

    .container-gallery-detail {
        margin-left: 22%;
    }

    .image-container-gallery-detail {
        height: 300px !important;
    }

    .swiper-container {
        margin-top: 30px;
    }

    .image-container-posters {
        height: 348px !important;
    }
}

@media screen and (min-width:1250px) {
    .ui-widget-overlay {
        cursor: url(../images/common/close-cursor.cur),url(../images/common/close-cursor.svg),pointer;
    }

    .container-agendachats ul li, .webcastItem {
        cursor: pointer;
    }

    .vmodal, .vmodal-jobsoffers, .vmodal-small {
        height: 650px;
        background-color: #fff;
        position: fixed;
        width: 50%;
        overflow: hidden;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-40%);
        -webkit-transform: translate(-50%,-40%);
        -moz-transform: translate(-50%,-40%);
        -o-transform: translate(-50%,-40%);
        -ms-transform: translate(-50%,-40%);
        max-width: 810px;
    }

        .vmodal li, .vmodal p, .vmodal-jobsoffers li, .vmodal-jobsoffers p, .vmodal-small li, .vmodal-small p {
            font-size: .9em;
            line-height: 1.5em;
        }

        .vmodal-jobsoffers, .vmodal-jobsoffers #job-list {
            width: 100%;
        }

    .vmodal-small {
        width: 30%;
    }

    .vmodal-header {
        font-size: 1.3em;
    }

        .vmodal-header a {
            margin-left: 2%;
            height: 20px;
            width: 20px;
        }

    .vmodal-profile-header {
        height: 64px;
    }

        .vmodal-profile-header span {
            margin-left: 22px;
        }

    .body-profile-header {
        min-height: 90px;
    }

    .header-profile-logo {
        padding: 0;
    }

    .item-offer-button {
        width: 3%;
    }

        .item-offer-button button {
            margin-right: 15px;
        }

    .item-offer a {
        -webkit-transition: background-color .38s ease-out;
        -moz-transition: background-color .38s ease-out;
        -o-transition: background-color .38s ease-out;
        transition: background-color .38s ease-out;
    }

        .item-offer a:hover {
            background-color: #fdeaef;
        }

    .big-icon-vmodal {
        margin-top: 50px;
    }

    .vmodal-small .button-main {
        padding: 3% 0;
    }

    .container-mailbox {
        margin-bottom: 0;
        margin-top: 5%;
    }

        .container-mailbox textarea {
            height: 310px;
        }

    .container-links ul li {
        margin: 5% 0;
    }

    .image-container-url {
        margin-top: 20px;
    }

    .faq-answer {
        font-size: .9em;
    }

    .container-experiences ul li .text-experiences {
        padding: 0 5% 10%;
    }

    .container-experiences ul li .header-experiences {
        height: 150px;
    }

        .container-experiences ul li .header-experiences p {
            padding: 2% 0 1%;
        }

    .container-experiences ul li .testimonials-image {
        width: 100px;
        height: 100px;
    }

    .container-advices ul li {
        margin-top: 10%;
    }

    .advices-header-number {
        width: 12%;
    }

    .advices-header-title {
        width: 88%;
    }

    .container-agendachats ul li:hover {
        background-color: #f7f9fd;
    }

        .container-agendachats ul li:hover .chatagenda-date {
            background-color: #759de6;
        }

    #writtenChatDetailContainer .chatagenda-date {
        width: 40px;
    }

    .container-arrows-slide {
        display: inherit;
    }

    .image-container {
        margin-top: 1%;
        height: 490px !important;
    }

    .container-meetings {
        margin-bottom: 0;
    }

        .container-meetings textarea {
            height: 270px;
        }

    .container-maininfo, .container-maininfo2 {
        font-size: .9em;
        text-align: justify;
    }

    #vmodalWebcastBodyContainer .webcast-detail-container .webcast-detail-abstract h1, .container-list-videos ul li a span {
        font-size: 1em;
    }

    .container-player-video iframe {
        height: 350px;
    }

    .container-list-videos ul li a .video-thumbnail {
        height: 46px;
        width: 46px;
    }

        .container-list-videos ul li a .video-thumbnail .play-icon {
            margin: 8px auto 0 15px;
        }

    .container-list-videos ul li a p {
        max-width: 100%;
        font-size: 1em;
    }

    #vmodalWebcastBodyContainer .webcast-detail-container {
        width: 100%;
        padding: 0;
    }

        #vmodalWebcastBodyContainer .webcast-detail-container .webcast-detail-abstract {
            margin-top: 3%;
        }

        #vmodalWebcastBodyContainer .webcast-detail-container .webcast-detail-attend-button {
            width: 90%;
            margin: 6% 5% !important;
            padding: 2% 0 !important;
        }

            #vmodalWebcastBodyContainer .webcast-detail-container .webcast-detail-attend-button:hover {
                background: #167dfc;
            }

    .container-webcast ul li {
        margin-bottom: 0;
    }

        .container-webcast ul li .webcast-item-info .webcast-title {
            color: #62a7fd;
            margin-top: 30px;
        }

    .vmodal-back-button:hover {
        color: #566880 !important;
    }
}

@media screen and (min-width:480px) {
    #background-test, #background-test-container {
        height: 100px;
    }

        #background-test #background-test-icon {
            background-size: 20%;
        }

    .section-text {
        padding: 12px 80px;
    }

    .test-question {
        padding-bottom: 30px;
        text-align: center;
    }

    .questions-answers {
        margin: 30px 70px;
    }
}

@media screen and (min-width:768px) {
    #background-test, #background-test-container, #background-test-results, #background-test-results-container {
        height: 300px;
    }

        #background-test #background-test-icon {
            background-size: 30%;
        }

    #background-test-container, #background-test-questions-container, #background-test-results-container {
        margin-top: 80px;
    }

    #background-test-questions, #background-test-questions-container {
        height: 150px;
    }

    .section-text {
        padding: 60px 150px 90px;
    }

    #background-test-results-container {
        display: inherit;
    }

    #test-results-best h3, .test-question {
        display: none;
    }

    #background-test-questions-container, #background-test-results-container {
        position: relative;
    }

        #background-test-questions-container #background-test-questions, #background-test-questions-container #background-test-results, #background-test-results-container #background-test-questions, #background-test-results-container #background-test-results {
            width: 100%;
            background-image: url(../images/images/test-bkg.jpg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            overflow: hidden;
            position: fixed;
            transform: translateZ(-1);
            -webkit-transform: translateZ(-1);
        }

    .test-answers-container, .test-results-container {
        background-color: #fff;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
    }

    .test-results-container {
        padding-top: 15px;
    }

    #test-results-best {
        padding: 10px 10px 0;
        border-bottom: none;
    }

        #test-results-best .test-results-item {
            margin-bottom: 0;
            background-color: #6d819c;
        }

    .test-results-item {
        padding: 10px;
        height: 80px;
        margin-bottom: 0;
    }

        .test-results-item .test-results-logo-container img {
            width: 184px;
        }

        .test-results-item .test-results-item-info {
            position: relative;
        }

            .test-results-item .test-results-item-info .entity-result-container {
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                width: 50px;
                height: 50px;
                text-align: center;
                background-color: #263959;
                border-radius: 100%;
                padding: 0;
                line-height: 3;
            }

                .test-results-item .test-results-item-info .entity-result-container .entity-result {
                    color: #fff !important;
                    margin-top: 3px;
                }

            .test-results-item .test-results-item-info .entity-name {
                font-size: 1.1em !important;
                height: 40px;
                padding-right: 50px;
            }

    .entity-name {
        padding: 0;
        position: absolute;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
    }

    #test-results-best .entity-result-container {
        background-color: #fff;
    }

        #test-results-best .entity-result-container .entity-result {
            color: #6d819c !important;
        }

    .questions-answers {
        margin: 0;
        padding: 30px 150px;
    }

    .test-question-answer {
        display: inherit;
    }

    #question-indicator {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
    }

    .test-question-indicator-item {
        width: 22px;
        height: 22px;
        margin: 0 7px;
    }
}

@media screen and (min-width:1024px) {
    #background-test, #background-test-container, #background-test-results, #background-test-results-container {
        height: 250px;
    }

        #background-test #background-test-icon {
            background-size: 20%;
        }

    #background-test-results-icon {
        background-size: 10%;
    }

    .section-text {
        padding: 60px 250px 90px;
    }

    .questions-answers {
        margin: 0;
        padding: 30px 250px;
    }

    .test-results-container {
        padding: 15px 150px;
    }
}

@media screen and (min-width:1250px) {
    #background-test, #background-test-container, #background-test-results, #background-test-results-container {
        height: 300px;
    }

        #background-test #background-test-icon {
            background-size: 15%;
        }

    #background-test-results-icon {
        background-size: 8%;
    }

    .section-text {
        padding: 60px 450px 90px;
    }

    .questions-answers {
        padding: 30px 450px;
    }

    .test-results-container {
        padding: 25px 300px 15px;
    }

    .test-results-item {
        width: 80%;
        margin: 0 auto 25px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    #test-results-best .test-results-item, .test-welcome-container.video-test .replay-test-video-button {
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }

    .test-results-item:hover {
        background-color: #fff;
        cursor: pointer;
    }

    #test-results-best .test-results-item {
        width: 80%;
        margin: 0 auto;
        transition: all .2s ease-in-out;
    }

        #test-results-best .test-results-item:hover, #test-results-best .test-results-item:hover .test-results-item-info {
            background-color: #aab5c5;
        }

    .test-welcome-container.video-test .replay-test-video-button {
        transition: all .2s ease-in-out;
    }

        .begin-test-button button, .test-welcome-container.video-test .replay-test-video-button:hover {
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
        }

        .test-welcome-container.video-test .replay-test-video-button:hover {
            background-color: #566880;
            transition: all .2s ease-in-out;
        }

    .test-welcome-container.video-test .speechTest-stop-button:hover {
        background-color: #172235;
    }

    .begin-test-button button {
        transition: all .2s ease-in-out;
    }

        .begin-test-button button:hover {
            background-color: #23966e;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }
}

@media screen and (min-width:480px) {
    .webcast-shortbuttons-container {
        padding: 3% 2%;
        width: 96%;
    }

        .webcast-shortbuttons-container button {
            padding: 1.5% 0;
            width: 49%;
        }

    .webcast-list-container ul li {
        width: 96%;
        padding: 0 2%;
    }

    .webcast-item-photo, .webcast-item-time {
        width: 10%;
    }

    .webcast-item-info {
        width: 78%;
    }

    .webcast-detail-header {
        padding: 10px 0;
    }

    .webcast-detail-day {
        margin: 0 1% 0 5px;
    }

    .webcast-detail-line {
        margin: 0 2%;
    }

    .webcast-detail-language {
        margin: 0 9px 0 0;
    }

    .webcast-detail-attend-button-mobile {
        padding: 3%;
        margin: 2% 5%;
    }

    .webcast-detail-speaker-names {
        width: 100%;
    }
}

@media screen and (min-width:768px) {
    #section-header-container {
        height: 40px;
    }

        #section-header-container #webcast-header {
            text-align: center;
            position: relative;
        }

    .webcast-shortbuttons-container {
        padding: 2%;
    }

        .webcast-shortbuttons-container button {
            width: 20%;
            padding: 1% 0;
        }

    .next-webcast, .previous-webcast {
        float: none;
    }

    .webcast-filters-left {
        width: 49.6%;
        float: left;
        text-align: right;
    }

    .webcast-filters-right {
        width: 49.6%;
        float: right;
        text-align: left;
    }

    .webcast-detail-header {
        font-size: 1.2em;
    }

    .webcast-detail-title {
        font-size: 1.2em;
        margin-bottom: 1%;
    }

    .webcast-detail-day {
        margin: 0 1% 0 15px;
    }

    .webcast-detail-abstract, .webcast-detail-speaker-text {
        font-size: 1em;
    }

    .webcast-detail-attend-button-mobile {
        display: none;
    }

    .webcast-detail-attend-button {
        display: inherit;
        padding: 2% 4%;
    }

    .webcast-detail-speaker {
        width: 90%;
        margin: 0 5%;
    }

    .webcast-detail-speaker-names {
        margin-top: 2%;
        line-height: 1.5em;
    }
}

@media screen and (min-width:1024px) {
    #section-header-container {
        height: 107px;
    }

    #webcast-filters-container {
        display: inherit;
        height: 37px;
        top: 90px;
        position: fixed;
    }

    .webcast-detail-header {
        font-size: 1.2em;
    }

    .webcast-detail-attend-button {
        width: 30%;
        margin: 5% 35%;
        padding: 1.5% 3%;
    }

    #webcast-agenda-list {
        margin-top: 20px;
    }

    .webcast-item-photo {
        width: 8%;
    }

    .webcast-item-info {
        width: 80%;
    }
}

@media screen and (min-width:1250px) {
    .webcast-shortbuttons-container {
        padding-bottom: 1%;
    }

        .webcast-shortbuttons-container button {
            width: 10%;
            padding: .5% 0;
            font-size: .9em;
            margin: 0 .2%;
        }

    .webcast-list-container {
        min-height: 600px;
        margin-bottom: 50px;
    }

        .webcast-list-container ul {
            float: left;
            width: 80%;
            margin: 0 10% 10%;
            clear: both;
        }

            .webcast-list-container ul li {
                width: 49%;
                box-shadow: inset 0 0 2px #6d819c;
                padding: 0;
                margin: .5%;
                height: 200px;
            }

    .webcast-detail-header {
        margin: 0 0 2%;
        width: 100%;
    }

    .webcast-detail-title {
        margin: 0 5%;
    }

    .webcast-item-time {
        width: 100%;
        height: 40px;
    }

        .webcast-item-time .webcast-day, .webcast-item-time .webcast-hour, .webcast-item-time .webcast-month {
            display: none;
        }

    .webcast-item-info-big {
        display: inherit;
        float: left;
        margin: 9px 0 0 15px;
        width: 60%;
    }

        .webcast-item-info-big .webcast-item-info-big-day, .webcast-item-info-big .webcast-item-info-big-line, .webcast-item-info-big .webcast-item-info-big-month, .webcast-item-info-big .webcast-item-info-big-time {
            float: left;
            width: auto;
            clear: none;
            display: inherit;
        }

        .webcast-item-info-big .webcast-item-info-big-day {
            font-size: 1.5em;
            font-family: "LTAzer-Regular";
            margin-right: 2%;
            line-height: 1em;
        }

        .webcast-item-info-big .webcast-item-info-big-month {
            font-size: 1em;
            line-height: 1.7em;
            text-transform: uppercase;
        }

        .webcast-item-info-big .webcast-item-info-big-line {
            margin: 0 4%;
            line-height: 1.7em;
        }

        .webcast-item-info-big .webcast-item-info-big-time {
            line-height: 1.7em;
        }

    .webcast-item-info-big-month {
        float: left;
    }

    .webcast-language {
        display: inherit;
        float: right;
        margin: 9px 15px 0 0;
    }

    .webcast-item-photo {
        width: 120px;
        height: 120px;
        margin: 2% 0 2% 2%;
    }

    .webcast-item-info {
        width: 66%;
        margin-top: 2%;
    }

        .webcast-item-info button {
            display: inherit;
            background: #44b4e4;
            color: #fff;
            text-transform: uppercase;
            border: none;
            margin-top: 12px;
            margin-bottom: 5%;
            padding: 2% 6%;
            width: 50%;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

            .webcast-item-info button:hover {
                background-color: #23966e;
                cursor: pointer;
            }

    .webcast-more-info {
        display: inherit;
        position: absolute;
        right: 0;
        bottom: 0 !important;
        cursor: pointer;
        width: 0;
        height: 0;
        border-width: 0 0 50px 50px;
        border-color: transparent transparent #6d819c;
        background-color: transparent;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        border-style: solid;
    }

        .webcast-more-info a {
            margin-left: -24px;
            margin-top: 26px;
            border: none;
            position: absolute;
            text-decoration: none;
            color: #fff;
            background: 0 0;
            font-size: 2.5em;
            line-height: .5em;
            font-family: "LTAzer-Regular";
        }

        .webcast-more-info:hover {
            border-color: transparent transparent #0b72fe;
        }

    .webcast-detail-abstract {
        margin-bottom: 2%;
    }

    .webcast-detail-container {
        width: 80%;
        max-width: 1200px;
        margin: 80px auto 0;
        padding: 0 10%;
    }

    .webcast-detail-speaker {
        width: 100%;
        margin: 0 0 20px;
    }

    .webcast-detail-speaker-names {
        font-size: 1.2em;
        line-height: 1.8em;
    }

    .webcast-detail-attend-button {
        margin: 3% 35%;
        padding: 1% 3%;
    }

        .webcast-detail-attend-button:hover {
            background: #566880;
            color: #fff;
        }

    .webcast-detail-speaker-photo {
        width: 120px;
        height: 120px;
    }

    .webcast-detail-social-networks {
        padding: 3% 0;
    }
}

@media screen and (min-width:768px) {
    #seminars-player-container iframe {
        height: 380px;
    }

    #seminars-section-container .section-name {
        padding-top: 23px;
    }
}

@media screen and (min-width:1024px) {
    #seminars-items-container.left, #seminars-player-container .seminars-video-info, #seminars-player-container iframe {
        float: left;
    }

    #seminars-section-container {
        max-width: 1280px;
        margin: 120px auto 0;
    }

    #seminars-player-container {
        text-align: left;
        padding: 5px;
    }

        #seminars-player-container iframe {
            width: 50%;
            height: 400px;
            margin: 0;
        }

        #seminars-player-container .seminars-video-info {
            padding-left: 15px;
        }

            #seminars-player-container .seminars-video-info h1 {
                display: inherit;
            }

    #seminars-featured-container {
        height: 320px;
    }

        #seminars-featured-container .seminars-video-info {
            width: 40%;
        }

    #seminars-featured-container-corner {
        display: inherit;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 320px 130px 0 0;
        border-color: rgba(0,0,0,.7) transparent transparent;
        position: absolute;
        top: 0;
    }

    #seminars-tags-desktop-selector {
        display: inherit;
        width: 100%;
        text-align: center;
        margin: 45px 0 12px;
    }

        #seminars-tags-desktop-selector li {
            display: inline-block;
        }

            #seminars-tags-desktop-selector li a {
                display: block;
                padding: 2px 8px;
                border: thin solid #777;
                color: #777;
                cursor: pointer;
            }

                #seminars-tags-desktop-selector li a.select {
                    border: thin solid #6d819c;
                    background-color: #6d819c;
                    color: #fff;
                }

                    #seminars-tags-desktop-selector li a.select:hover {
                        color: #fff;
                    }

    #seminars-tags-mobile-selector {
        display: none;
    }

    #seminars-items-container.right {
        float: right;
    }
}

@media screen and (min-width:1250px) {
    #seminars-section-container {
        padding-top: 90px;
    }

    #seminars-tags-desktop-selector li a:hover {
        border: thin solid #6d819c;
        color: #6d819c;
    }

    #seminars-featured-container {
        cursor: pointer;
    }

        #seminars-featured-container .seminar-item-over img {
            top: 50%;
        }

    #seminars-items-container {
        position: relative;
    }

    .seminar-item-over {
        display: inherit;
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(255,255,255,.5);
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
    }

        .seminar-item-over img {
            left: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            position: absolute;
            width: 106px;
            height: 106px;
            top: 35%;
        }

        .seminar-item-over:hover {
            opacity: 1;
            -webkit-transition: all .2s ease-in;
            -moz-transition: all .2s ease-in;
            -o-transition: all .2s ease-in;
            transition: all .2s ease-in;
        }
}

@media screen and (min-width:480px) {
    #jobInformationContainer {
        width: 78%;
        margin-left: 2%;
        margin-top: 20px;
    }

        #jobInformationContainer .offer-location {
            margin: 10px 0;
        }

    #offerHeader {
        margin-top: 0;
        padding-top: 0;
    }

    #logoContainer {
        float: left;
        width: 20%;
        margin-right: 0;
        height: 100px;
        margin-top: 14px;
    }

    .publishBy {
        margin: 2% 0;
    }

    .visit-stand-link input {
        margin-top: 0;
    }

    #buttonSectionContainer {
        width: 78%;
        margin-left: 2%;
    }

        #buttonSectionContainer .button-main {
            margin: 2% 0;
            padding: 2%;
        }

    #offers-detail-container .big-icon-vmodal.margin-top {
        margin-top: 10%;
    }
}

@media screen and (min-width:768px) {
    .job-item {
        padding: 1% 0;
    }

    #jobInformationContainer {
        width: 55%;
        float: left;
        height: 130px;
        position: relative;
        margin-left: 0;
        margin-top: 0;
    }

        #jobInformationContainer .job-item-titles-container {
            width: 95%;
            padding-left: 5%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
        }

            #jobInformationContainer .job-item-titles-container .offer-maininfo {
                margin: 0;
                width: 100%;
            }

                #jobInformationContainer .job-item-titles-container .offer-maininfo .offer-language, #jobInformationContainer .job-item-titles-container .offer-maininfo .offer-title {
                    margin: 1% 0;
                }

                #jobInformationContainer .job-item-titles-container .offer-maininfo .offer-title {
                    display: block;
                    float: left;
                    max-width: 79%;
                    margin-right: 1%;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                }

                #jobInformationContainer .job-item-titles-container .offer-maininfo .offer-language {
                    float: left;
                    max-width: 20%;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    display: inherit;
                }

            #jobInformationContainer .job-item-titles-container .offer-company, #jobInformationContainer .job-item-titles-container .offer-language, #jobInformationContainer .job-item-titles-container .offer-location, #jobInformationContainer .job-item-titles-container .offer-salary {
                margin: .5%;
            }

            #jobInformationContainer .job-item-titles-container .offer-company {
                display: inherit !important;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            #jobInformationContainer .job-item-titles-container .offer-salary {
                display: inherit !important;
            }

    #buttonSectionContainer {
        width: 25%;
        float: right;
        height: 130px;
        position: relative;
        margin-left: 0;
    }

        #buttonSectionContainer .job-item-buttons-container {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            width: 85%;
        }

            #buttonSectionContainer .job-item-buttons-container p {
                display: block;
                margin-bottom: 10px;
            }

            #buttonSectionContainer .job-item-buttons-container #takeTheTestButton {
                margin: 4px 0;
                background-color: transparent;
                color: #44b4e4;
                padding: 2px 0;
            }

            #buttonSectionContainer .job-item-buttons-container #viewMoreButton {
                width: 100%;
                border-radius: 0;
                background-image: none;
                background-color: #61748f;
                margin-bottom: 5%;
            }

                #buttonSectionContainer .job-item-buttons-container #viewMoreButton span {
                    display: inherit;
                }

            #buttonSectionContainer .job-item-buttons-container #buttonSectionContainer .button-main {
                width: 100%;
                margin: 2% 0;
                padding: 4% 2%;
            }

    #offerHeader {
        padding: 0;
        width: 86%;
        margin: 0 7%;
    }

    #logoContainer {
        float: left;
        width: 20%;
        height: 100px;
        margin-top: 14px;
    }

    #offerDetailBody {
        width: 80%;
        margin: 2% 10%;
    }

    #applyButton {
        width: 100% !important;
        margin: 0 0 5% !important;
        padding: 6% 0 !important;
    }

    #modalOfferDetailContainer {
        margin-top: 0;
    }
}

@media screen and (min-width:1024px) {
    #job-list {
        margin-top: 0;
    }

    #logoContainer {
        height: 120px;
    }

    #offers-filters-container {
        width: 100%;
        position: fixed;
        top: 90px;
    }
}

@media screen and (min-width:1250px) {
    #offers-detail-container {
        width: 80%;
        margin: 40px auto 0;
        max-width: 1200px;
    }

    #vmodaljob-body #job-list {
        margin: 40px auto 0;
    }

    #job-list {
        max-width: 1200px;
        margin: 20px auto 0;
        width: 80%;
        overflow-x: hidden !important;
    }

    #offers-container {
        min-height: 600px;
    }

    .job-item {
        position: relative;
        cursor: pointer;
    }

    #offerHeader {
        padding: 2%;
        width: 82%;
    }

    #logoContainer {
        width: 15%;
        margin-top: 0;
        height: 130px;
        margin-left: 0;
    }

        #logoContainer img {
            width: 100%;
        }

    #jobInformationContainer {
        width: 60%;
    }

    #buttonSectionContainer {
        width: 25%;
    }

        #buttonSectionContainer .job-item-buttons-container .button-main {
            width: 100%;
            padding: 6% 0;
            margin: 0;
        }

        #buttonSectionContainer .job-item-buttons-container #takeTheTestButton {
            height: 35px;
            cursor: pointer;
        }

            #buttonSectionContainer .job-item-buttons-container #takeTheTestButton:hover {
                color: #23966e;
            }

        #buttonSectionContainer .job-item-buttons-container #viewMoreButton {
            text-align: center;
            height: 35px;
            cursor: pointer;
            color: #fff;
        }

            #buttonSectionContainer .job-item-buttons-container #viewMoreButton:hover {
                color: #fff;
                background-color: #0b72fe;
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

            #buttonSectionContainer .job-item-buttons-container #viewMoreButton span {
                margin-top: 8px;
            }

    #applyButton:hover {
        background-color: #23966e;
    }

    .visit-stand-link input:hover {
        color: #44b4e4;
    }
}

@media screen and (min-width:480px) {
    #profile-header-info-data-container {
        margin-top: 14px;
    }

    .profile-jobs-info {
        width: 65%;
    }

    .empty-section-profile-icon {
        margin: 3% auto;
    }

    .empty-section-profile button {
        margin: 5% 25%;
        width: 50%;
        padding: 3% 0;
    }
}

@media screen and (min-width:768px) {
    #profile-header-container {
        padding: 0;
        background-image: url(../images/images/profile-header-bkg.jpg);
        background-size: cover;
        background-position: center;
        width: 94%;
        margin: 105px 3% 0;
    }

    #profile-header-info {
        background-color: rgba(85,150,126,.8);
        padding: 20px 0;
        width: 60%;
        position: relative;
    }

    #profile-header-photo-container {
        width: 90px;
        height: 90px;
        margin-left: 40px;
    }

    #profile-header-info-data-container {
        left: 145px;
        margin-top: 8px;
    }

    #profile-header-info-corner {
        display: inherit;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 130px 130px 0 0;
        border-color: rgba(85,150,126,.8) transparent transparent;
        position: absolute;
        top: 0;
        left: 60%;
    }

    #delete-account-container {
        display: inherit;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 90px 90px;
        border-color: transparent transparent rgba(85,150,126,.8);
    }

    #delete-account-button {
        position: absolute;
        bottom: -80px;
        right: 0;
    }

    .profile-header-button {
        display: inline-block;
        margin-top: 5px;
    }

    #profile-jobs-list {
        min-height: 400px;
    }

    .profile-jobs-header {
        padding-top: 25px;
    }

    .profile-jobs-logo {
        border-right: 2px solid;
    }

        .profile-jobs-logo img {
            height: 100%;
        }

    .profile-jobs-info {
        left: 250px;
        width: 55%;
    }

    .empty-section-profile-icon {
        height: 120px;
        width: 120px;
    }

    .empty-section-profile button {
        margin: 5% 25%;
        width: 50%;
        padding: 3% 0;
    }

    #profile-info-container #test-results-best, #profile-info-container #test-results-list {
        width: 90%;
        margin: 15px auto 0;
    }
}

@media screen and (min-width:1024px) {
    .empty-section-profile-icon {
        height: 120px;
        width: 120px;
        margin: 5% auto;
    }

    .empty-section-profile button {
        margin: 5% 35%;
        width: 30%;
        padding: 2% 0;
    }

    #profile-header-info {
        width: 50%;
    }

    #profile-header-info-corner {
        left: 50%;
    }

    .profile-jobs-info {
        width: 65%;
    }

    .profile-jobs-button {
        width: 40px;
        height: 40px;
    }
}

@media screen and (min-width:1250px) {
    #profile-info-test-results .test-results-container, #profileSectionView #test-results-list {
        padding: 15px 0;
    }

    #profile-header-info-data-container h1 {
        margin: 20px 0 5px 8px;
    }

    .profile-header-button {
        cursor: pointer;
    }

        .profile-header-button:hover {
            text-decoration: underline;
        }

    #profile-section-container {
        width: 80%;
        margin: 80px auto 0;
        max-width: 1200px;
        min-width: 1024px;
    }

    #delete-account-container {
        transition: all .1s ease-in-out;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
    }

        #delete-account-container:hover {
            border-color: transparent transparent #1bd191;
        }

    #profile-header-info-data-container {
        margin-top: 2px;
    }

    #profileSectionView #test-results-best, #profileSectionView #test-results-list {
        width: 100%;
        margin: 0 auto;
    }

    #profileSectionView #test-results-best {
        padding: 60px 0 0;
    }

    #profile-jobs-applications, #profile-jobs-content #offers-detail-container {
        width: 100%;
    }

        #profile-jobs-content #offers-detail-container #offerHeader {
            width: 96%;
            margin: 0;
        }

    .profile-jobs-info {
        width: 65%;
    }

    #profile-jobs-container {
        padding: 0;
        width: 80%;
        margin: 30px auto 0;
    }

    #profile-jobs-stands {
        width: 80%;
        margin-top: 30px;
    }

    .empty-section-profile button {
        padding: 1,5% 0;
    }
}

@media screen and (min-width:480px) {
    #chat-list-empty-container, .chat-mesages-input {
        margin-top: 10px;
    }

    #log-in-chat #loginOrPassword {
        margin-left: 20%;
        margin-right: 20%;
    }

        #log-in-chat #loginOrPassword .login-icon {
            display: none;
        }

    .chat-list-item {
        background-size: 5%;
    }

    .chat-message-container {
        width: 50%;
    }

    .chat-list-selector-button {
        font-size: 1em;
    }

    #chat-user-profile-info h1 {
        font-size: 1.2em;
        margin: 3% 0;
    }

    #chat-user-profile-info .img-container {
        width: 50px;
        height: 50px;
    }

    #chat-list-empty.noty, #chat-list-empty.private, #chat-list-empty.public {
        background-size: 50px;
    }

    #chat-list-empty {
        padding-top: 40px;
    }

        #chat-list-empty p {
            margin: 3% 0;
        }

    #chat-user-profile-info button {
        padding: 8px 0;
        width: 30%;
        margin: 0 auto 3px;
        font-size: .9em;
    }

    .chat-buttons-footer {
        margin-bottom: 20px;
        position: relative;
        margin-top: 61px;
    }
}

@media screen and (min-width:768px) {
    #log-in-chat #loginOrPassword {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 100px;
    }

        #log-in-chat #loginOrPassword .login-icon {
            display: inherit;
        }

    #chat-container, #news-container {
        top: 40px;
        bottom: 200px;
        right: 10px;
        z-index: 200;
        width: 70%;
        left: auto;
    }

    #news-container {
        right: 55px;
    }

        #chat-container.no-home, #news-container.no-home {
            top: 65px;
        }

    #backenduser-chats-title-container, #chat-list-selector, #private-chats-title-container, #public-chats-title-container {
        height: 50px;
    }

        #backenduser-chats-title-container h3, #private-chats-title-container h3, #public-chats-title-container h3 {
            padding-top: 14px;
        }

    #chat-list-empty-container {
        margin-top: 150px;
    }

    #chat-list-empty.private, #chat-list-empty.public {
        background-size: 80px;
    }

    #chat-list-empty.noty {
        background-size: 80px;
        margin-top: 90px;
    }

    #chat-list-empty {
        padding-top: 90px;
    }

    .img-container {
        width: 50px;
        height: 50px;
        margin-top: 13px;
    }

    .chat-list-item {
        background-size: 7%;
        height: 80px;
    }

        .chat-list-item.public {
            margin-top: 0;
        }

        .chat-list-item .alert-icon {
            margin-top: 36px;
        }

        .chat-list-item h1 {
            margin-top: 31px;
        }

    .chat-selector-button {
        width: 48px;
        height: 48px;
        background-size: 25px;
    }

    .chat-list-selector-button {
        padding: 7px 0;
        margin-top: 8px;
    }

    .DEVChatListSearch, .DEVChatListSearch form, .DEVChatUserSearch, .DEVChatUserSearch form {
        height: 40px;
    }

        .DEVChatListSearch form input, .DEVChatUserSearch form input {
            height: 39px;
        }

        .DEVChatListSearch form button, .DEVChatUserSearch form button {
            width: 39px;
            height: 39px;
        }

    .usersListColumn {
        margin: 0 0 40px;
    }

    .button-refresh-chat {
        height: 50px;
        width: 50px;
        transition: all .1s ease-in-out;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
    }

        .button-refresh-chat:hover {
            cursor: pointer;
            background-color: #aab5c5;
        }

    .chat-message-container {
        width: 60%;
    }

        .chat-message-container .login-icon {
            height: 130px;
            width: 130px;
        }

    .chat-mesages-input {
        margin-top: 50px;
    }

    #chat-user-profile-info {
        margin-top: 70px;
    }

        #chat-user-profile-info .img-container {
            width: 150px;
            height: 150px;
        }

        #chat-user-profile-info button {
            padding: 16px 0;
            width: 50%;
            margin: 10px auto 3px;
            font-size: 1em;
        }

    .news-window-position {
        right: 10px !important;
    }

    #backenduser-welcome-bkg {
        height: 200px;
    }

    #backenduser-welcome-logo {
        width: 230px;
        height: 100px;
    }

    .backenduser-button-start-chat {
        width: 40%;
        padding: 0 30%;
        margin-top: 100px;
    }

    .dropdown-languages-mylanguage, .dropdown-languages-yourlanguage {
        padding-left: 6%;
        width: 94%;
    }

    .dropdown-languages-container {
        margin-bottom: 260px;
    }

    .chat-buttons-footer {
        position: absolute;
        margin-top: 20px;
    }
}

@media screen and (min-width:1024px) {
    #log-in-chat #loginOrPassword {
        width: 90%;
        margin-top: 80px;
        margin-left: 5%;
        margin-right: 5%;
    }

    #chat-container, #news-container {
        bottom: 105px;
        width: 40%;
    }

    .chat-message-container {
        width: 70%;
    }

    #chat-list-empty.noty {
        margin-top: 60px;
    }

    #backenduser-welcome-bkg {
        height: 180px;
    }

    .backenduser-button-start-chat {
        margin-top: 50px;
    }

    .dropdown-languages-mylanguage, .dropdown-languages-yourlanguage {
        padding-left: 9%;
        width: 91%;
    }

    .dropdown-languages-container {
        margin-bottom: 163px;
    }
}

@media screen and (min-width:1250px) {
    #chat-user-profile-info, .backenduser-button-start-chat {
        margin-top: 90px;
    }

    #chat-container, #news-container {
        bottom: 15px;
        width: 30%;
    }

    .chat-goback-button {
        transition: all .1s ease-in-out;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
    }

        .chat-goback-button:hover {
            background-color: #6d819c;
        }

    #chat-user-profile-info button {
        transition: all .1s ease-in-out;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
    }

        #chat-user-profile-info button:hover {
            background-color: #8b9bb1;
        }

    #chat-user-profile-info .banned-user:hover {
        background-color: #f73b3b;
    }

    .chat-selector-button-container button span {
        display: inherit;
    }

    .chat-selector-button-container button.tooltips {
        position: relative;
        display: inline;
    }

        .chat-selector-button-container button.tooltips span {
            position: absolute;
            width: 120px;
            color: #777;
            background: #44b4e4;
            height: 41px;
            font-size: .9em;
            border: 1px solid #fff;
            line-height: 41px;
            text-align: center;
            visibility: hidden;
            border-radius: 1px;
            opacity: 0;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            bottom: 68px;
            left: 80%;
            margin-left: -76px;
        }

            .chat-selector-button-container button.tooltips span:after {
                content: '';
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -8px;
                width: 0;
                height: 0;
                border-top: 8px solid #44b4e4;
                border-right: 8px solid transparent;
                border-left: 8px solid transparent;
            }

    .chat-selector-button-container button:hover.tooltips span {
        visibility: visible;
        opacity: 1;
        bottom: 58px;
        left: 80%;
        margin-left: -76px;
        z-index: 999;
    }

    .backenduser-button-start-chat button:hover {
        background-color: #35507d;
    }

    #backenduser-welcome-text {
        margin-top: 45px;
    }

    #backenduser-welcome-bkg {
        height: 200px;
    }

    .dropdown-languages-mylanguage, .dropdown-languages-yourlanguage {
        padding-left: 7%;
        width: 93%;
        font-size: 1em;
    }

    .dropdown-languages-container {
        margin-bottom: 360px;
    }
}

@media screen and (min-width:480px) {
    .eventsCalendar-slider {
        width: 50% !important;
        float: left !important;
        margin-bottom: 20px;
    }

    .eventsCalendar-monthWrap {
        width: 100% !important;
        float: left !important;
    }

    .eventsCalendar-list-wrap {
        width: 50% !important;
        float: left !important;
    }

    .eventsCalendar-list {
        height: 200px !important;
        overflow: auto;
    }

    .eventsCalendar-subtitle {
        margin-top: 0 !important;
        height: 21px !important;
        padding: 9px 0 0 !important;
        display: none;
    }

    .eventsCalendar-list .eventsCalendar-noEvents {
        font-size: 1.1em !important;
        margin: 25px 0 !important;
    }

    #containerAgendaFilter, .agendaEventListClass {
        margin-top: 0;
    }

    .agendaFilterClass .eventsCalendar-filters {
        position: relative !important;
        top: inherit;
    }

    .eventsCalendar-selectors button {
        height: 20px;
    }

    .eventsCalendar-selectors select {
        height: 20px;
        margin: 5px 0;
    }
}

@media screen and (min-width:768px) {
    .eventCalendar-wrap {
        margin-top: 0 !important;
    }

    .eventsCalendar-slider {
        width: 70% !important;
        float: none !important;
        margin: 0 auto 20px;
    }

    .eventsCalendar-list-wrap {
        width: 100% !important;
        float: none !important;
    }

    .eventsCalendar-list {
        min-height: 300px;
        height: inherit !important;
    }

    .eventsCalendar-currentTitle {
        height: 40px !important;
    }

    .agendaEventListClass {
        margin-top: 85px;
    }

    #containerAgendaFilter {
        margin-top: 25px;
    }

    .eventsCalendar-day-header {
        font-size: 1.2em !important;
        height: 25px !important;
    }

    .eventsCalendar-currentTitle .monthTitle {
        font-size: 1.4em !important;
        padding-top: 20px !important;
    }

    .eventCalendar-wrap .arrow {
        padding-top: 15px !important;
    }

    .eventsCalendar-daysList.showAsWeek li {
        margin-bottom: 5px;
    }

    .showAsWeek .eventsCalendar-day a, .showAsWeek .eventsCalendar-day span {
        font-size: 1.4em !important;
        height: 38px !important;
        line-height: 32px !important;
    }

    .eventsCalendar-daysList li.today a {
        background-size: 38px !important;
    }

    .eventsCalendar-daysList li.current a, .eventsCalendar-daysList li.dayWithEvents a {
        background-size: 37px !important;
    }

    .eventsCalendar-subtitle {
        height: 31px !important;
        padding: 15px 0 0 !important;
        display: inherit;
    }

    .agenda-event-item {
        height: 40px !important;
    }

        .agenda-event-item a {
            width: 8%;
            height: 40px;
        }

    .agenda-event-item-chat {
        background-size: 35px;
        background-position: 10px center;
    }

    .agenda-event-item-webcast {
        background-size: 28px;
        background-position: 10px center;
    }

    .agenda-event-item-separator {
        width: 3%;
    }

    .agenda-event-item-chat, .agenda-event-item-webcast {
        padding-left: 55px;
    }

    .agenda-event-description {
        margin: 20px auto;
    }

    .eventsCalendar-list .eventsCalendar-noEvents {
        margin-top: 77px !important;
        font-size: 1.3em !important;
    }

    .eventsCalendar-loading {
        top: 200px !important;
    }

    .eventsCalendar-selectors select {
        height: 30px;
        margin: 0 0 10px;
    }

    .eventsCalendar-selectors button {
        height: 30px;
    }

    .agendaFilterClass .eventsCalendar-filters {
        position: fixed !important;
        top: 120px;
        z-index: 200;
        width: 100%;
    }

    .agenda-detail-header {
        width: 80%;
        margin: 0 10%;
    }

        .agenda-detail-header .vmodal-back-button {
            margin: 15px 20px 0 0;
        }

    .profile-back-button {
        color: #6d819c !important;
        width: auto;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .agenda-detail-icon-chat, .agenda-detail-icon-webcast {
        width: 10%;
    }

    .agenda-detail-titles {
        width: 70%;
    }

    .detail-agenda-acordion {
        width: 76%;
        padding: 20px 2%;
        margin: 10px 10% 0;
    }

    .detail-agenda-acordion-image {
        height: 80px;
        width: 80px;
    }

    .detail-agenda-acordion-entity {
        margin: 5px 0 15px;
    }

    .detail-agenda-acordion-speaker p {
        margin-top: 7px;
    }

    .detail-agenda-acordion-button button {
        margin-top: 50px;
    }

    .detail-agenda-description {
        width: 80%;
        padding: 20px 10%;
    }

        .detail-agenda-description button {
            width: 50%;
            margin: 0 25% 20px;
        }

    .detail-agenda-networks ul li img {
        width: 60px;
    }
}

@media screen and (min-width:1024px) {
    .eventsCalendar-slider {
        width: 50% !important;
    }

    .eventsCalendar-list li {
        width: 70%;
        margin: 0 auto !important;
    }

    .container-agenda #section-header-container {
        height: 40px;
    }
}

@media screen and (min-width:1250px) {
    .eventsCalendar-slider {
        width: 500px !important;
    }

    .showAsWeek .eventsCalendar-day a, .showAsWeek .eventsCalendar-day span {
        font-size: 1.2em !important;
    }

    .eventsCalendar-day a:hover {
        background-color: transparent !important;
        background-image: url(../images/agenda/agenda-icon-today-over.svg) !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 38px !important;
        cursor: pointer;
    }

    .eventsCalendar-daysList li.current a {
        background-image: url(../images/agenda/agenda-icon-current.svg) !important;
        color: #fff !important;
    }

    .eventsCalendar-list li {
        width: 50%;
    }

    #containerAgendaFilter {
        margin-top: 5px;
    }

    .eventsCalendar-list-wrap {
        float: left !important;
        position: relative !important;
    }

    .detail-agenda-acordion {
        width: 56%;
        padding: 20px 2%;
        margin: 10px 20% 0;
    }

    .detail-agenda-description {
        width: 60%;
        padding: 20px 20%;
    }

        .detail-agenda-description button {
            width: 30%;
            margin: 0 35% 20px;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

            .agenda-event-item a, .detail-agenda-description button:hover {
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
            }

            .detail-agenda-description button:hover {
                background-color: #566880;
                transition: all .2s ease-in-out;
            }

    .agenda-detail-header {
        width: 60%;
        margin: 0 20%;
    }

    .agenda-detail-icon-chat, .agenda-detail-icon-webcast {
        width: 5%;
    }

    .agenda-detail-titles {
        width: 75%;
    }

    .eventsCalendar-loading {
        top: 200px !important;
    }

    .ace_opt.Outlook.Office:hover {
        background-color: #c42d15;
    }

    .ace_opt.Google:hover {
        background-color: #1568f2;
    }

    .ace_opt.Yahoo:hover {
        background-color: #641e69;
    }

    .ace_opt.Outlook.web:hover {
        background-color: #39364c;
    }

    .ace_opt.iCal:hover {
        background-color: #841d1e;
    }

    .agenda-event-item a {
        transition: all .2s ease-in-out;
    }

        .agenda-event-item a:hover, .eventsCalendar-selectors button {
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
        }

        .agenda-event-item a:hover {
            background-color: #44b4e4;
            transition: all .2s ease-in-out;
        }

    .eventsCalendar-selectors button {
        transition: all .2s ease-in-out;
    }

        .eventsCalendar-selectors button:hover {
            background-color: #1bd191;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }
}

@media screen and (min-width:480px) {
    #content {
        width: 100%;
    }

    .contact-container {
        width: 80%;
        margin: 5% auto;
    }

    .fair-register-titles {
        padding-top: 1%;
        margin-bottom: 0 !important;
    }

        .fair-register-titles h2 {
            display: inherit;
        }

    .container-profile-complete-info, .container-profile-info, .container-profile-nologged, .container-profile-send-infomessage, .container-step1 h1, .input-desktop, .step-header {
        display: none;
    }

    .container-profile {
        margin: 0 auto;
    }

    .container-step1 {
        margin-bottom: 5%;
    }

    .register-mobile-margin {
        margin-top: 4%;
    }

    .item-input-label {
        font-size: 1.4em;
    }

    .item-input-characters {
        font-size: .8em;
    }

    input[type=checkbox].css-checkbox + label.css-label {
        font-size: 1em;
    }

    .input-language select {
        height: 33px;
        font-size: 1.3em;
        width: 70%;
    }

    .steps-footer-buttons {
        width: 100%;
    }

        .steps-footer-buttons a {
            width: 30%;
            margin: 5% auto 0 !important;
            float: none;
            padding: 2% 12%;
        }

    .fair-register-titles {
        background-color: #6d819c;
        padding: 3% 5% 1%;
    }

        .fair-register-titles h1 {
            color: #fff;
            font-size: 2.5em;
        }

    .steps-footer-legal {
        margin-top: 0;
    }

    .accordion-profile {
        width: 100% !important;
    }

    .profile-title {
        background-size: 2% auto;
    }

        .profile-title h1 {
            display: inherit !important;
            font-size: 1.1em;
        }

    .no-completed-web {
        display: none;
    }

    .no-completed-mobile {
        display: inherit;
        margin: 5% 0 2%;
    }

    .container-profile-complete-info, .container-profile-personal, .container-profile-send-infomessage, .edit-button-invisible {
        display: none;
    }

    .profile-text {
        margin-left: 0;
        line-height: 1.6em;
    }

        .profile-text ul {
            font-size: 1em;
        }

        .profile-text.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
            padding-left: 0 !important;
            width: 100%;
        }

    .edit-button-profile .edit-button-profile-img {
        padding: 11px;
        background-size: 60%;
        margin-top: 3px;
    }

    .delete-account-text {
        width: 92%;
    }

        .delete-account-text h1 {
            font-size: 2em;
        }

        .delete-account-text h2 {
            font-size: .8em;
        }

        .delete-account-text a {
            font-size: 1em;
        }

    .delete-account-button {
        width: 92%;
        float: left;
        text-align: center;
    }

        .delete-account-button a {
            float: none;
            margin: 0 auto;
            width: 20%;
        }

    span.item-profile-title {
        font-size: 1.2em;
        line-height: 1.2em;
    }

    .container-register {
        width: 100%;
        margin-top: 0 !important;
    }

    .container-personal-info {
        padding-top: 0;
    }

    .container-buttons-profile {
        margin: 3% 0 0 7%;
    }

    .container-add-item {
        margin-right: 18px;
    }

    .blue-header h1 {
        text-align: left;
        padding: 2% 0;
        margin-bottom: 0;
        margin-left: 5%;
        margin-top: 1%;
        width: 70%;
        font-size: 3em;
    }

    .info-titles h1, .info-titles h2, .info-titles h3 {
        font-size: 2.5em;
    }

    .congrats-header-img {
        width: 13%;
        float: left;
        margin-right: 0;
        margin-bottom: 2%;
        margin-top: 14px;
    }

        .congrats-header-img img {
            width: 65%;
        }

    .congrats-icon-container h1 {
        font-size: 2em;
    }

    .information-header .more-button p {
        font-size: 4em;
    }

    .congrats-icon {
        width: 100%;
    }

        .congrats-icon h2 {
            margin-top: 2%;
        }

        .congrats-icon p {
            padding: 0 15%;
            text-align: left;
            font-size: 1.1em;
        }

    .congrats-icon-img img {
        width: 18%;
    }

    .delete-container p {
        padding: 0;
        margin: 0;
    }

    .come-back-button {
        font-size: 1.3em;
        margin-top: 20px;
    }

    .wrapper-image .ui-widget-content .image-crop-container {
        height: 230px;
    }

    .image-cropper-footer-text {
        margin: 10px 5% 15px;
    }

    .image-cropper-footer img {
        width: 8%;
        margin-right: 5%;
    }

    .image-cropper-footer p {
        width: 86%;
        margin-top: 25px;
    }
}

@media screen and (min-width:768px) {
    #content {
        width: 95%;
        min-width: inherit;
    }

    .contact-container {
        width: 85%;
        margin: 5% auto;
    }

    .register-paginator {
        display: inherit;
    }

    .come-back-button {
        font-size: 1em;
    }

    #profile-selector-container {
        text-align: left;
    }

    .profile-selector-button {
        margin: 0 4px -5px 0;
        padding-bottom: 7px;
    }

        .profile-selector-button.selected {
            color: #6d819c;
            box-shadow: inset 0 -4px 0 0 #5193eb;
        }

    .fair-register-container {
        width: 95%;
        min-width: inherit;
    }

    .fair-register-titles {
        background-color: transparent;
        padding: 0;
    }

        .fair-register-titles h1 {
            font-size: 3em;
            margin-top: 0;
            color: #566880;
        }

        .fair-register-titles h2 {
            display: none;
        }

    .container-profile-personal {
        display: inherit;
    }

    .container-profile-complete-info, .container-profile-info, .container-profile-send-infomessage {
        padding-top: 3%;
        padding-bottom: 3%;
        display: inherit;
    }

        .container-profile-complete-info a, .container-profile-info a, .container-profile-send-infomessage a {
            display: block;
            margin-bottom: 20px;
        }

    .container-step1 h1, .step-header {
        display: inherit;
    }

    .container-profile-complete-info h1, .container-profile-info h1, .container-profile-send-infomessage h1 {
        margin: 3% 0 3% 8%;
    }

    .container-profile-complete-info h3, .container-profile-send-infomessage h3 {
        margin: 2% 5% 7%;
        font-size: 1.6em;
    }

    .step-header {
        float: inherit;
    }

        .step-header h1 {
            font-size: 2em;
        }

    .container-step1 {
        margin: 0 5% 5%;
        width: 90%;
    }

    #profile-info-container .container-step1 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .personale-img {
        padding: 40px;
    }

    .personal-info {
        width: 60%;
        padding-left: 5%;
    }

    #accordion, .item-input-register, .item-input-register-right, .item-input-register-wide {
        width: 100%;
    }

    .personal-info h1 {
        line-height: 130%;
        font-size: 1.5em;
    }

    .container-profile-info h1 {
        font-size: 2.3em;
        line-height: .9em;
    }

    .container-profile-info h2 {
        font-size: 1em;
        margin-bottom: 0;
    }

    .no-completed-mobile {
        display: none;
    }

    .no-completed-web {
        display: inherit;
        margin-bottom: 4%;
    }

    .edit-button-invisible {
        display: inherit;
    }

    .container-add-item {
        margin-right: 20px;
    }

    .add-item-text a {
        font-size: 1em;
        margin: 0 10px 0 6px !important;
    }

    .white-triangle {
        display: none;
    }

    .container-profile-nologged, .input-desktop {
        display: inherit;
    }

    .register-mobile-margin {
        margin-top: 0;
    }

    #register-main {
        width: 100%;
        margin: 0 auto;
    }

    .item-input-label {
        font-size: 1.2em;
    }

    .item-input-register-right {
        margin-bottom: 0;
    }

    input[type=checkbox].css-checkbox + label.css-label {
        font-size: .8em;
    }

    .input-birthday select, .input-language select {
        margin: .8% 0 0;
    }

    .spacer-step3 {
        height: 30px;
    }

    .steps-footer {
        width: 90%;
    }

    .steps-footer-legal {
        width: 100%;
    }

    .steps-footer-buttons {
        width: 100%;
        text-align: center !important;
        float: left;
    }

        .steps-footer-buttons a {
            float: right;
            margin: 10px 0 0;
        }

    .save-button-mobile {
        display: none !important;
    }

    .save-button-web {
        display: inherit !important;
    }

    .input-language select {
        height: 40px;
        margin-left: 8%;
        width: 66%;
        background-position: 96% center;
    }

    .add-item-title {
        min-height: 120px;
    }

        .add-item-title h1 {
            font-size: 1.5em;
        }

    .add-item-check {
        margin-top: 2%;
    }

    .item-company {
        width: 28%;
        padding-left: 2%;
    }

    .item-job {
        width: 45%;
    }

    .item-dates {
        width: 22%;
    }

    .item-input-dropdown .item-input-dropdown-text {
        font-size: 1em;
    }

    .item-input-dropdown .item-input-dropdown-input input {
        height: 22px;
    }

    .item-title .edit-buttons-container button {
        background-size: 60%;
    }

    .item-title .edit-buttons-container button, .item-title-empty .edit-buttons-container button {
        margin-left: 0;
        padding: 21%;
    }

    .accordion-profile {
        width: 90% !important;
    }

    .container-register {
        width: 100%;
        margin-top: 0 !important;
    }

    .profile-title h1 {
        font-size: 1.1em !important;
        padding-top: 25px;
    }

    .delete-account-text h2 {
        font-size: 1em;
    }

    .delete-account-button a {
        float: none;
        width: 40%;
        margin: 11% auto 0;
    }

    #profile-info-container {
        width: 94%;
        margin: 0 3%;
    }

        #profile-info-container #profile-selector-container {
            display: inherit;
        }

        #profile-info-container select {
            display: none;
        }

    .profile-title {
        background-position: 98.5% 65%;
        background-size: 2% auto;
    }

    .blue-header h1 {
        text-align: left;
        font-size: 3em;
        padding-left: 2%;
        padding-bottom: 0;
        width: 70%;
        margin-left: 0;
    }

    .blue-header h2 {
        display: inherit;
        padding: 0 0 0 2%;
        color: #fff;
        font-weight: 100;
        font-size: 1.5em;
        margin-top: 0;
        width: 70%;
        margin-bottom: 2%;
    }

    .info-titles h1 {
        font-size: 2.5em;
    }

    .congrats-header-img {
        width: 20%;
    }

        .congrats-header-img img {
            width: 75%;
        }

    .congrats-icon-container ul li {
        width: 49%;
    }

    .information-header .more-button p {
        font-size: 3em;
        margin-bottom: 7px;
    }

    .congrats-icon h2 {
        margin-top: 2%;
    }

    .congrats-icon-img img {
        width: 40%;
    }

    .congrats-icon p {
        padding: 0 7%;
        font-size: 1.1em;
    }

    .ui-widget-content h1 {
        font-size: 1.8em;
    }

    .image-cropper-footer-text {
        margin: 10px 5% 5px;
    }

    .image-cropper-footer img {
        width: 8%;
        margin-right: 5%;
    }

    .image-cropper-footer p {
        width: 87%;
        font-size: 1.5em;
        margin-top: 25px;
    }

    .image-cropper-footer button, .wrapper-image .ui-widget-content .save-button {
        font-size: 1.5em;
    }

    .toggle-container .onoffswitch-inner:after, .toggle-container .onoffswitch-inner:before {
        font-size: .6em;
    }
}

@media screen and (min-width:1024px) {
    #content, .fair-register-container {
        width: 95%;
        min-width: inherit;
    }

    .delete-container p {
        margin: 2% 0;
    }

    .register-paginator {
        display: inherit;
        margin-right: 5%;
    }

    .personale-img {
        padding: 45px;
    }

    .step-header {
        display: inherit;
        float: inherit;
    }

    .fair-register-titles h2, .personal-info h2 {
        display: none;
    }

    .step-header h1 {
        font-size: 2em;
    }

    .fair-register-titles {
        background-color: transparent;
        padding: 0;
    }

        .fair-register-titles h1 {
            margin-top: 0;
            color: #566880;
        }

    .personal-info {
        width: 65%;
    }

        .personal-info h1 {
            line-height: 130%;
            font-size: 1.5em;
        }

    .container-profile-nologged, .container-profile-personal, .container-step1 h1 {
        display: inherit;
    }

    .container-profile-complete-info, .container-profile-info, .container-profile-send-infomessage {
        padding-top: 2%;
        display: inherit;
    }

    .container-step1 {
        width: 90%;
    }

    .container-profile-complete-info {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .container-profile-complete-info h3 {
            margin-top: 8%;
        }

    .container-profile-nologged img {
        margin: 30px 0;
    }

    .container-profile-info h1 {
        font-size: 2.5em;
        line-height: .9em;
        margin: 3% 0 3% 8%;
    }

    .container-profile-info h2 {
        font-size: 1.1em;
        margin-bottom: 3%;
    }

    .add-item-text a {
        font-size: 1em !important;
        margin: 0 8px !important;
    }

    .white-triangle {
        display: none;
    }

    #register-main {
        width: 100%;
        margin: 0 auto;
    }

    .add-item {
        width: 20px;
    }

    .add-item2 {
        width: 15px;
    }

    .register-mobile-margin {
        margin-top: 0;
    }

    .item-input-label {
        font-size: 1.3em;
    }

    .item-input-register, .item-input-register-wide {
        width: 100%;
    }

    .input-birthday select, .input-language select {
        margin: .8% 0 0;
    }

    .input-language select {
        width: 55%;
        margin-left: 5%;
    }

    .save-button-mobile {
        display: none !important;
    }

    .save-button-web {
        display: inherit !important;
    }

    .input-desktop {
        display: inherit;
    }

    .item-input-register-right {
        margin-bottom: 0;
    }

    .spacer-step3 {
        height: 60px;
    }

    .steps-footer {
        width: 90%;
    }

    .check-social label {
        font-size: 1em;
    }

    .steps-footer-buttons a {
        padding: 1% 6%;
        float: right;
    }

    .steps-footer-button-back {
        margin: 7% 3% 0 0;
    }

    .steps-footer-legal {
        width: 100%;
    }

    .input-language select {
        height: 50px;
    }

    .add-item-title h1 {
        font-size: 1.8em;
    }

    .add-item-check {
        margin-top: 2%;
    }

    .item-company {
        width: 28%;
        padding-left: 2%;
    }

    .item-job {
        width: 45%;
    }

    .item-dates {
        width: 22%;
    }

    .item-input-dropdown .item-input-dropdown-text {
        font-size: 1.2em;
    }

    .no-completed-mobile {
        display: none;
    }

    .blue-header h2, .edit-button-invisible {
        display: inherit;
    }

    .no-completed-web {
        display: inherit;
        margin-bottom: 4%;
    }

    .profile-title {
        background-position: 99% 65%;
        background-size: 1.5% auto;
    }

        .profile-title h1 {
            font-size: 1.4em;
        }

    .no-completed, .profile-text ul {
        font-size: 1em;
    }

    .delete-account-button a {
        float: none;
        width: 40%;
        margin: 11% auto 0;
    }

    .profile-text {
        margin-left: 0;
        line-height: 1.9em;
    }

    span.item-profile-title {
        font-size: 1em;
        line-height: 1em;
    }

    .blue-header h1 {
        width: 70%;
        padding-top: 2%;
        margin: 0 0 1%;
    }

    .blue-header h2 {
        margin: 0 0 2%;
        padding-bottom: 1%;
        color: #fff;
        width: 70%;
    }

    .congrats-header-img {
        width: 15%;
        margin: 2% 0;
    }

        .congrats-header-img img {
            width: 65%;
        }

    .congrats-icon p {
        padding: 0 10%;
    }

    .congrats-icon-img img {
        width: 28%;
    }

    .ui-dialog {
        width: 70% !important;
    }

    .ui-widget-content h1 {
        font-size: 1.6em;
    }

    .image-cropper-footer img {
        width: 6%;
    }

    .image-cropper-footer p {
        width: 87%;
        font-size: 1.2em;
        margin-top: 25px;
    }
}

@media screen and (min-width:1250px) {
    #content, .blue-header, .fair-register-container {
        min-width: 1024px;
        max-width: 1200px;
    }

    .info-input-button, .paginator-left span:hover, .paginator-left:hover, .paginator-right span:hover {
        cursor: pointer;
    }

    #content {
        clear: both;
    }

    .contact-container {
        width: 85%;
        margin: 5% auto;
    }

    .fair-register-container {
        width: 80%;
        margin: 50px auto 0;
    }

    .fair-register-titles {
        padding-left: 0;
        background-color: transparent;
    }

        .fair-register-titles h1 {
            font-size: 3.8em !important;
            color: #566880 !important;
            margin: 2% 0;
        }

        .fair-register-titles h2 {
            display: none !important;
        }

    .container-profile-nologged, .container-step1 h1, .input-desktop, .step-header {
        display: inherit;
    }

    .container-profile {
        margin: 0 auto;
    }

    .container-profile-info h1, .register-mobile-margin {
        margin-top: 0;
    }

    .container-profile-complete-info, .container-profile-info, .container-profile-send-infomessage {
        display: inherit;
        padding-top: 42px;
        padding-bottom: 20px;
    }

        .container-profile-complete-info a, .container-profile-send-infomessage a {
            transition: all .1s ease-in-out 0s;
            -webkit-transition: all .1s ease-in-out 0s;
            -moz-transition: all .1s ease-in-out 0s;
            -o-transition: all .1s ease-in-out 0s;
        }

        .container-profile-complete-info a, .container-profile-info a, .container-profile-send-infomessage a {
            margin-bottom: 32px;
        }

            .container-profile-complete-info a span:hover, .container-profile-send-infomessage a span:hover {
                background-color: #8b9bb1;
                border-color: #8b9bb1;
                color: #6d819c;
            }

    .paginator-left:hover {
        background-image: url(../images/register/arrow-pag-left-light.svg);
        color: #8b9bb1;
    }

    .paginator-right:hover {
        background-image: url(../images/register/arrow-pag-right-light.svg);
        color: #8b9bb1;
        cursor: pointer;
    }

    .step-header {
        width: 100%;
        margin-bottom: 5%;
        margin-left: 0;
        margin-right: 0;
    }

    .container-step1 {
        width: 100%;
        margin: 0 0 5%;
    }

    #profile-info-container .container-step1 {
        margin: 0 0 5%;
    }

    .item-input-register, .item-input-register-right, .item-input-register-wide {
        width: 47%;
    }

    .add-item-text a {
        font-size: 1.2em !important;
        transition: all .1s ease-in-out;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
    }

        .add-item-text a:hover {
            color: #9de8ce;
        }

    .steps-footer-buttons a:hover, .steps-footer-buttons button:hover {
        color: #fff;
        background-color: #566880;
    }

    .item-input-characters {
        font-size: .9em;
    }

    .input-birthday select, .input-language select {
        margin: .8% 0 0;
    }

    .input-language select {
        margin-left: 0;
        height: 30px;
        font-size: 1.2em;
    }

    .steps-footer {
        width: 100%;
    }

    .steps-footer-buttons {
        float: right;
    }

        .steps-footer-buttons button {
            transition: all .1s ease-in-out;
            -webkit-transition: all .1s ease-in-out;
            -moz-transition: all .1s ease-in-out;
            -o-transition: all .1s ease-in-out;
            padding: 1% 12%;
        }

        .steps-footer-buttons a {
            margin-top: 20px !important;
            float: right;
            padding: 1% 2%;
            transition: all .1s ease-in-out;
            -webkit-transition: all .1s ease-in-out;
            -moz-transition: all .1s ease-in-out;
            -o-transition: all .1s ease-in-out;
        }

    .steps-footer-button-back {
        transition: all .1s ease-in-out;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
    }

        .steps-footer-button-back:hover {
            color: #8b9bb1 !important;
            background-color: #fff !important;
        }

    .add-cv-container .item-input-register, .item-input-register-wide {
        width: 100% !important;
    }

    .item-dropdown button {
        transition: all .1s ease-in-out;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
    }

        .item-dropdown button:hover {
            background-color: #fff;
            color: #6d819c;
            border: 2px solid #fff;
        }

    .edit-button-profile .edit-button-profile-text a:hover, .steps-footer-legal a:hover {
        color: #8b9bb1;
    }

    .edit-buttons-container button:hover {
        background-color: #8b9bb1;
    }

    .save-button-mobile {
        display: none !important;
    }

    .save-button-web {
        display: inherit !important;
    }

    .steps-footer-legal {
        margin-top: 2%;
    }

    .container-profile-personal {
        display: inherit;
        width: 50%;
    }

    .container-profile-personal-little {
        width: 40%;
    }

    .accordion-profile {
        width: 80% !important;
    }

    .profile-title {
        background-position: 99% 65%;
        background-size: 1.5% auto;
        margin-top: 30px;
    }

        .profile-title h1 {
            font-size: 1.1em !important;
            display: inherit !important;
        }

    .no-completed-web {
        display: inherit;
    }

    #profile-info-container select, .no-completed-mobile {
        display: none;
    }

    .add-item-text #add-photo {
        background-size: 25px;
        padding-left: 33px;
    }

    .add-item-text #upload-cv {
        background-size: 15px;
        padding-left: 22px;
    }

    #profile-info-container #profile-selector-container {
        display: inherit;
        margin-top: 18px;
    }

    .blue-header h2, .edit-button-invisible {
        display: inherit;
    }

    .profile-text {
        line-height: 3em;
        margin-left: 8%;
    }

        .profile-text ul {
            font-size: 1em;
        }

            .profile-text ul li {
                line-height: 2em;
                margin-top: 0;
            }

    span.item-profile-title {
        font-size: 1em;
        margin: 0;
        line-height: 2;
    }

    .profile-text.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
        padding-left: 8% !important;
        width: 92% !important;
    }

    .profile-selector-button {
        transition: all .1s ease-in-out;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        margin: 0 4px -5px 0;
    }

        .profile-selector-button:hover {
            box-shadow: inset 0 -4px 0 0 #1bd191;
        }

    .profile-jobs-button {
        transition: all .1s ease-in-out;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
    }

        .profile-jobs-button:hover {
            background-color: #1bd191;
        }

    .edit-button-profile .edit-button-profile-img {
        padding: 12px;
        margin-top: 3px;
        background-size: 60% !important;
    }

    .delete-account-text {
        width: 100%;
    }

        .delete-account-text h1 {
            font-size: 2em;
        }

        .delete-account-text h2, .item-profile-info {
            font-size: 1em;
        }

    .delete-account-button {
        width: 42%;
        float: right;
        text-align: center;
    }

        .delete-account-button a {
            float: right;
            width: 40%;
            margin: 7% 0 0;
            transition: all .1s ease-in-out;
            -webkit-transition: all .1s ease-in-out;
            -moz-transition: all .1s ease-in-out;
            -o-transition: all .1s ease-in-out;
        }

            .delete-account-button a:hover {
                background-color: #5193eb;
                color: #6d819c;
                border: 4px solid #5193eb;
            }

    .blue-header {
        width: 100%;
        margin-top: 75px;
    }

        .blue-header h1 {
            text-align: left;
            font-size: 3em;
            padding-left: 0;
            padding-bottom: 1%;
            margin-top: 0;
            margin-left: 5%;
        }

        .blue-header h2 {
            padding: 0;
            color: #fff;
            font-weight: 100;
            font-size: 1.5em;
            float: left;
            margin-left: 5%;
        }

    .congrats-header-img {
        width: 11%;
        text-align: right;
        margin-left: 2%;
    }

        .congrats-header-img img {
            width: 100%;
        }

    .information-info {
        padding-right: 2%;
    }

    .button-close-dropdown button {
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
    }

        .button-close-dropdown button:hover {
            opacity: .4;
            background-color: transparent;
            background-position: center;
            border: none;
        }

    .button-add-item a {
        transition: all .1s ease-in-out;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
    }

        .button-add-item a:hover {
            color: #fff;
            background-color: #6d819c;
        }

        .button-add-item a:disabled {
            background-color: #ccc;
        }

    .button-close-dropdown-info {
        margin: 0;
    }

    .info-titles h1, .info-titles h2, .info-titles h3 {
        font-size: 3em;
    }

    .upload-cover a {
        transition: all 50ms ease-in-out;
        -webkit-transition: all 50ms ease-in-out;
        -moz-transition: all 50ms ease-in-out;
        -o-transition: all 50ms ease-in-out;
    }

        .upload-cover a:hover {
            color: #fff;
            background-color: #566880;
        }

    .congrats-icon-container {
        max-width: 1200px;
        margin: 3% auto 8%;
        float: none;
    }

        .congrats-icon-container h1 {
            font-size: 2.2em;
            margin-bottom: 5%;
        }

        .congrats-icon-container ul li {
            width: 33%;
        }

    .congrats-icon h2 {
        margin-top: 4%;
    }

    .congrats-icon p {
        margin-top: 3%;
        padding: 0 5%;
        text-align: center;
        font-size: 1em;
    }

    .congrats-icon-img img {
        width: 50%;
    }

    .congrats-img-container {
        width: 100%;
        padding: 60px 0 135px 35px;
    }

    .delete-container {
        width: 80%;
    }

        .delete-container p {
            margin-bottom: 20px;
        }

    .come-back-button {
        font-size: 1em;
    }

        .come-back-button:hover {
            color: #8b9bb1;
        }

    .register-paginator {
        margin-right: 0;
    }

    .container-profile-complete-info h3, .container-profile-send-infomessage h3 {
        margin-top: 0;
    }

    .container-buttons-profile {
        display: inherit;
        margin-top: 0;
    }

    .ui-dialog {
        width: 40% !important;
    }

    .ui-widget-content h1 {
        font-size: 1.2em;
    }

    .image-cropper-footer-text {
        margin: 10px 5% 15px;
    }

    .image-crop-devices {
        display: none;
    }

    .image-crop-desktop {
        display: inherit;
    }

    .wrapper-image .ui-widget-content .save-button {
        font-size: 1.1em !important;
    }

    .wrapper-image .ui-widget-content .image-crop-container {
        width: 95%;
        height: 350px;
        overflow: hidden !important;
    }

    .image-cropper-footer img {
        width: 17%;
        margin-right: 3%;
    }

    .image-cropper-footer p {
        width: 80%;
        margin-top: 15px;
        font-size: 1em;
    }

    .info-input-button {
        transition: all 20ms ease-in-out;
        -webkit-transition: all 20ms ease-in-out;
        -moz-transition: all 20ms ease-in-out;
        -o-transition: all 20ms ease-in-out;
    }

        .info-input-button:hover {
            background-color: #23966e;
            transition: all 20ms ease-in-out;
            -webkit-transition: all 20ms ease-in-out;
            -moz-transition: all 20ms ease-in-out;
            -o-transition: all 20ms ease-in-out;
        }
}

@media screen and (min-width:480px) {
    #formContainer textarea {
        max-height: 70px;
    }

    .networking-sort ul li button {
        height: 40px;
    }
}

@media screen and (min-width:768px) {
    .character1, .character10, .character11, .character12, .character13, .character14, .character15, .character16, .character2, .character3, .character4, .character5, .character6, .character7, .character8, .character9 {
        width: 70px;
        height: 140px;
    }

    @-webkit-keyframes portfolio {
        100% {
            background-position: -210px bottom;
        }
    }

    .character2 {
        background-size: 280px 140px;
    }

    @-webkit-keyframes blink {
        100% {
            background-position: -980px bottom;
        }
    }

    .character1 {
        background-size: 1050px 140px;
    }

    @-webkit-keyframes blinkandlaught {
        100% {
            background-position: -420px bottom;
        }
    }

    .character5 {
        background-size: 490px 140px;
    }

    @-webkit-keyframes nodding {
        100% {
            background-position: -700px bottom;
        }
    }

    .character11 {
        background-size: 770px 140px;
    }

    @-webkit-keyframes blahblahblah {
        100% {
            background-position: -1190px bottom;
        }
    }

    .character13 {
        background-size: 1260px 140px;
    }

    @-webkit-keyframes changeposition {
        100% {
            background-position: -350px bottom;
        }
    }

    .character16 {
        background-size: 420px 200px;
    }

    .networking-list-item {
        width: 33%;
        text-align: center;
    }

    .networking-list-item-container {
        font-size: 16px;
        width: 100%;
        max-width: 230px;
        margin: 0 0 0 1%;
        display: inline-block;
        padding-bottom: 15px;
    }

    .networking-list-item-photo {
        height: 185px;
        width: 100% !important;
    }

    .networking-list-item-photo-container {
        height: 120px;
        width: 120px;
    }

    .networking-list-item-info {
        height: 92px;
    }

    .networking-list-item-info, .networking-list-item-photo {
        float: none;
        text-align: left;
    }

        .networking-list-item-info h3, .networking-list-item-photo h3 {
            margin: 0;
            padding: 15px 15px 0;
            height: 45px;
        }

    .networking-detail {
        width: 86%;
        margin: 0 7%;
        float: left;
    }

    .personal-info-container {
        width: 50%;
        float: left;
        margin: 0;
    }

    .networking-detail-actions ul li button {
        width: 30px;
        height: 30px;
    }

    .networking-detail-photo-container .networking-detail-name {
        margin-top: 15px;
    }

        .networking-detail-photo-container .networking-detail-name .networking-favorite-icon img {
            width: 18px;
        }

    .networking-detail-primary-info h3 {
        margin-bottom: 25px;
    }

    .networking-detail-actions ul li {
        display: inline-block;
    }

    .networking-line {
        width: 100%;
        margin: 5px 0;
    }

    #formContainer {
        width: 60%;
        margin: 0 auto;
    }

        #formContainer textarea {
            max-height: 200px;
        }
}

@media screen and (min-width:1024px) {
    .networking-list-item {
        width: 25%;
    }

    .networking-detail {
        width: 70%;
        margin: 0 15%;
    }
}

@media screen and (min-width:1250px) {
    .networking-sort ul li button {
        height: 50px;
        margin: 10px;
        font-size: 18px;
    }

        .networking-sort ul li button:hover {
            background-color: #566880;
            transition: .2s;
        }

    .button-down-networking, .networking-detail-actions ul li button {
        -moz-transition: background-color .18s ease-out;
        -o-transition: background-color .18s ease-out;
    }

    #characters {
        margin: 40px 0;
    }

    .character1, .character10, .character11, .character12, .character13, .character14, .character15, .character16, .character2, .character3, .character4, .character5, .character6, .character7, .character8, .character9 {
        width: 100px;
        height: 200px;
    }

    @-webkit-keyframes portfolio {
        100% {
            background-position: -300px bottom;
        }
    }

    .character2 {
        background-size: 400px 200px;
    }

    @-webkit-keyframes blink {
        100% {
            background-position: -1400px bottom;
        }
    }

    .character1 {
        background-size: 1500px 200px;
    }

    @-webkit-keyframes blinkandlaught {
        100% {
            background-position: -600px bottom;
        }
    }

    .character5 {
        background-size: 700px 200px;
    }

    @-webkit-keyframes nodding {
        100% {
            background-position: -1000px bottom;
        }
    }

    .character11 {
        background-size: 1100px 200px;
    }

    @-webkit-keyframes blahblahblah {
        100% {
            background-position: -1700px bottom;
        }
    }

    .character13 {
        background-size: 1800px 200px;
    }

    @-webkit-keyframes changeposition {
        100% {
            background-position: -500px bottom;
        }
    }

    .character16 {
        background-size: 600px 200px;
    }

    .button-down-networking {
        width: 40px;
        height: 40px;
        webkit-transition: background-color .18s ease-out;
        transition: background-color .18s ease-out;
    }

        .button-down-networking:hover {
            background-color: #566880;
        }

    .networking-sort ul {
        margin: 12px 0;
    }

        .networking-sort ul li a {
            cursor: pointer;
            color: #777;
        }

            .networking-sort ul li a:hover {
                color: #6d819c;
            }

    .characters-titles {
        padding-bottom: 30px;
    }

    .networking-list-item-container:hover .networking-list-item-photo .networking-list-item-photo-container {
        background-color: #6d819c;
    }

        .networking-list-item-container:hover .networking-list-item-photo .networking-list-item-photo-container img {
            webkit-transition: opacity .18s ease-in-out;
            -moz-transition: opacity .18s ease-in-out;
            -o-transition: opacity .18s ease-on-out;
            transition: opacity .18s ease-in-out;
            opacity: .7;
        }

    #formContainer {
        width: 80%;
    }

        #formContainer button {
            width: 50%;
            margin: 10px 25%;
            padding: 3% 0;
        }

    .networking-detail {
        width: 60%;
        margin: 0 20%;
    }

    .networing-detail-online span {
        margin-top: 3px;
    }

    .networking-line {
        margin: 10px 0;
    }

    .networking-detail-primary-info h3 {
        margin-bottom: 30px;
    }

    .networking-detail-actions ul li button {
        -webkit-transition: background-color .18s ease-out;
        transition: background-color .18s ease-out;
        cursor: pointer;
    }

    .networking-detail-actions ul li .favourite:hover {
        background-color: #4567a0;
    }

    .networking-detail-actions ul li .block:hover, .networking-detail-actions ul li .chat:hover, .networking-detail-actions ul li .export:hover {
        background-color: #aab5c5;
    }

    .networking-detail-actions ul li .block.selected:hover {
        background-color: #f4a4a4;
    }

    .personal-info-container {
        width: 33%;
    }

        .personal-info-container p {
            height: 40px;
            font-size: .9em;
        }

            .personal-info-container p span {
                padding-top: 10px;
            }

    .social-container {
        margin-top: 35px;
    }

        .social-container .facebook, .social-container .google, .social-container .linkedin, .social-container .twitter {
            -webkit-transition: background-color .18s ease-out;
            -moz-transition: background-color .18s ease-out;
            -o-transition: background-color .18s ease-out;
            transition: background-color .18s ease-out;
        }

            .social-container .facebook:hover {
                background-color: #718dc8;
            }

            .social-container .twitter:hover {
                background-color: #b2d9f7;
            }

            .social-container .linkedin:hover {
                background-color: #1fb5fe;
            }

            .social-container .google:hover {
                background-color: #eda19a;
            }
}

.centered-item {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    position: absolute;
}

.centered-horizontal-item {
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    position: absolute;
}

.centered-vertical-item {
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    position: absolute;
}

@media screen and (min-width:768px) {
    .forum-detail-container, .new-thread-container {
        margin-top: 130px !important;
    }

    .new-thread-form-container textarea {
        height: 250px;
    }
}

@media screen and (min-width:1024px) {
    .forum-profile-info {
        display: inherit;
    }

    .new-thread {
        padding: 0 30px;
    }

    .new-thread-form-container {
        padding-left: 30px;
    }

    .forum-detail-profile-info {
        float: left;
        width: 150px;
    }

        .forum-detail-profile-info .forum-detail-profile-info-img-container {
            width: 150px;
            height: 150px;
        }

    .forum-detail-content {
        float: left;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding-left: 25px;
    }

        .forum-detail-content .forum-detail-item-top .forum-detail-title {
            font-size: 1.4em;
        }

    .forum-detail-item {
        padding: 15px 20px;
        background-position: 92px;
    }

        .forum-detail-item .forum-detail-item-profile-info {
            width: 150px;
            text-align: center;
            float: left;
        }

            .forum-detail-item .forum-detail-item-profile-info .forum-detail-item-profile-info-img-container {
                width: 90px;
                height: 90px;
                border-radius: 100%;
                overflow: hidden;
                position: relative;
                background-color: #23966e;
                margin: 0 auto;
                display: inherit;
            }

                .forum-detail-item .forum-detail-item-profile-info .forum-detail-item-profile-info-img-container img {
                    width: 100%;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%,-50%);
                    -webkit-transform: translate(-50%,-50%);
                    -moz-transform: translate(-50%,-50%);
                    -o-transform: translate(-50%,-50%);
                    -ms-transform: translate(-50%,-50%);
                    position: absolute;
                }

            .forum-detail-item .forum-detail-item-profile-info .forum-detail-item-profile-data .forum-user-name {
                background: #fff;
            }

            .forum-detail-item .forum-detail-item-profile-info .forum-detail-item-profile-data .forum-special-data {
                background: #fff;
                margin-bottom: 30px;
            }

        .forum-detail-item .forum-detail-item-content {
            float: left;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding-left: 25px;
        }

    .forum-detail-comment-container {
        margin-bottom: 35px;
    }

        .forum-detail-comment-container .forum-detail-item-profile-info {
            width: 150px;
            text-align: center;
            float: left;
        }

            .forum-detail-comment-container .forum-detail-item-profile-info .forum-detail-item-profile-info-img-container {
                width: 90px;
                height: 90px;
                border-radius: 100%;
                overflow: hidden;
                position: relative;
                background-color: #23966e;
                margin: 0 auto;
                display: inherit;
            }

                .forum-detail-comment-container .forum-detail-item-profile-info .forum-detail-item-profile-info-img-container img {
                    width: 100%;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%,-50%);
                    -webkit-transform: translate(-50%,-50%);
                    -moz-transform: translate(-50%,-50%);
                    -o-transform: translate(-50%,-50%);
                    -ms-transform: translate(-50%,-50%);
                    position: absolute;
                }

        .forum-detail-comment-container .forum-detail-add-comment-container {
            float: left;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding-left: 25px;
        }

            .forum-detail-comment-container .forum-detail-add-comment-container textarea {
                height: 350px;
            }
}

@media screen and (min-width:1250px) {
    .new-thread {
        padding: 0;
    }

    .new-thread-form-container textarea {
        height: 350px;
    }

    .forum-delete-button:hover {
        background-color: #c00 !important;
    }

    .forum-detail-add-comment-buttons a:hover {
        background-color: #566880 !important;
    }

    .add-thread-button:hover {
        background-color: #23966e !important;
    }

    .new-thread-form-action-buttons a:hover {
        background-color: #566880 !important;
        color: #fff !important;
    }

    .forum-list-item-container:hover .forum-list-item, .forum-list-item:hover {
        background-color: #f0f0f0;
    }

    .forum-list-item {
        padding: 10px;
        box-sizing: border-box;
        cursor: pointer;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .paginator .paginator-next-button:hover, .paginator .paginator-prev-button:hover {
        background-color: #566880;
    }
}

#change-combo-pavillion-container {
    width: calc(100% - 65px);
}

.entities-list-item-logo, .networking-list-item-photo {
    width: calc(35% - 2px);
}

.bkg-container-modales {
    height: calc(100% - 50px);
}

.vmodal-body {
    height: calc(100% - 60px);
}

input[type=checkbox] + label span, input[type=radio] + label span {
    width: calc(100% - 40px);
}

#chat-area-container, #chat-user-profile, #chats-list, #log-in-chat {
    height: calc(100% - 15px);
}

#chat-list-container, #private-chats-container, #public-chats-container, .DEVFullHeight {
    height: 100%;
}

    #public-chats-container #chat-list {
        height: calc(100% - 60px);
    }

.private-chat-list {
    height: calc(100% - 60px) !important;
}

.DEVList {
    height: calc(100% - 80px);
}

#news-list {
    height: calc(100% - 79px);
}

.DEVListBody {
    height: calc(100% - 30px);
}

.container-info-message-item, .container-info-message-stand {
    height: calc(100% - 55px);
}

#chat-list, #chat-list-empty-container {
    height: calc(100% - 20px);
}

#chat-user-profile-info-container {
    height: calc(100% - 57px);
}

.chat-input {
    width: calc(100% - 65px);
}

    .chat-input input {
        width: calc(100% - 40px);
    }

.chat-list-item h1 {
    max-width: calc(95% - 92px);
}

#chat-list.chat-list-general {
    height: 100%;
}

#dropdown-settings-container, .chat-list-public-users {
    height: calc(100% - 90px);
}

.chat-header-entity-name {
    max-width: calc(100% - 235px);
}

.public-list-entity-name {
    max-width: calc(100% - 190px) !important;
}

#chat-area {
    height: calc(100% - 180px);
}

.conversation-container {
    width: calc(100% - 28px);
}

.button-refresh-chat {
    left: calc(50% - 25px);
}

.chat-message-container input {
    width: calc(100% - 12px);
}

#chat-settings-container {
    height: calc(100% - 72px);
}

    #chat-settings-container input {
        width: calc(100% - 20px);
    }

#translation-settings-container {
    height: calc(100% - 57px);
}

.test-results-item-info {
    width: calc(100% - 142px);
    height: calc(100% + 2px);
}

.DEVChatListSearch form input, .DEVChatUserSearch form input {
    width: calc(98% - 60px);
}

.profile-jobs-logo {
    width: 25%;
}

#profile-header-info-data-container {
    width: calc(100% - 60px);
}

    #profile-header-info-data-container h1 {
        width: calc(100% - 9px);
    }

.video-title {
    width: calc(97% - 46px);
}

.detail-agenda-acordion-speaker {
    width: calc(100% - 80px);
}

    .detail-agenda-acordion-speaker span {
        max-width: calc(100% - 80px);
    }

#job-list {
    height: calc(100% - 125px) !important;
}

.vmodal-jobsoffers #menu-container #right-menu .mobile-filters {
    height: calc(100% - 30px) !important;
}

#logoContainer img {
    width: calc(100% - 2px);
}

.forum-item-title {
    width: calc(100% - 70px);
}

.forum-list-item.mine-thread .forum-list-item-top .forum-item-title {
    width: calc(100% - 90px);
}

.forum-detail-item-top.mine .forum-detail-title {
    width: calc(100% - 20px);
}

.forum-detail-item.mine-thread .forum-detail-item-content .forum-detail-item-post {
    width: calc(100% - 40px);
}

.item-input-register-input-wide.info-input input, .item-input-register-input-wide.info-input select, .item-input-register-input-wide.info-input textarea, .item-input-register-input.info-input input, .item-input-register-input.info-input select, .item-input-register-input.info-input textarea {
    width: calc(100% - 35px);
}

#formContainer textarea {
    width: calc(100% - 12px);
}

.forum-list-item .forum-list-item-bottom {
    width: calc(100% - 62px);
}

.forum-add-upload-button span {
    max-width: calc(100% - 47px);
}

@media screen and (min-width:480px) {
    .vmodal-body {
        height: calc(100% - 50px);
    }
}

@media screen and (min-width:768px) {
    .entities-type-header {
        max-width: calc(3% + 920px);
    }

    .entities-list-item-info, .networking-list-item-info {
        width: calc(100% + 2px);
    }

    .vmodal-body {
        height: calc(100% - 50px);
    }

    .test-results-item-info {
        width: calc(100% - 188px);
    }

    .chat-list-item h1 {
        max-width: calc(95% - 110px);
    }

    #chat-list {
        height: calc(100% - 90px);
    }

    .chat-list-public-users {
        height: calc(100% - 100px);
    }

    .private-chat-list {
        height: calc(100% - 90px) !important;
    }

    .DEVListBody {
        height: calc(100% - 50px);
    }

    .DEVChatListSearch form input, .DEVChatUserSearch form input {
        width: calc(98% - 80px);
    }

    #profile-header-info-data-container {
        width: calc(100% - 146px);
    }

    .detail-agenda-acordion-speaker {
        width: calc(100% - 110px);
    }

    #public-chats-container #chat-list {
        height: calc(100% - 90px);
    }
}

@media screen and (min-width:1024px) {
    #seminars-featured-container-corner {
        left: calc(40% + 20px);
    }

    #seminars-items-container {
        width: calc(49% - 20px);
    }

    .forum-detail-comment-container .forum-detail-add-comment-container, .forum-detail-content, .forum-detail-item .forum-detail-item-content, .new-thread-form-container {
        width: calc(100% - 150px);
    }

    #job-list {
        height: calc(100% - 128px) !important;
    }
}

@media screen and (min-width:1250px) {
    #job-list {
        width: calc(100% + 15px) !important;
        height: calc(100% - 152px) !important;
    }

    .vmodal-jobsoffers #menu-container #right-menu .mobile-filters {
        height: calc(100% - 50px) !important;
    }

    #fair-info-home-container {
        left: calc(50% - 170px);
    }
}

.swiper-container, .swiper-slide, .swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-container {
    margin: 0 auto;
    overflow: hidden;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-fles-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 57%;
    width: 20px;
    height: 35px;
    margin-top: -22px;
    z-index: 200;
    cursor: pointer;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .2;
        cursor: auto;
    }

.swiper-button-prev, .swiper-container-ltr .swiper-button-next {
    background-image: url(../images/stand/stand-arrow-left-primary-color.svg);
    left: 10px;
    right: auto;
}

    .swiper-button-prev.swiper-button-black, .swiper-container-ltr .swiper-button-next.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    }

    .swiper-button-prev.swiper-button-white, .swiper-container-ltr .swiper-button-next.swiper-button-white {
        background-image: url(../images/stand/stand-arrow-left.svg);
    }

.swiper-button-next, .swiper-container-ltr .swiper-button-prev {
    background-image: url(../images/stand/stand-arrow-right-primary-color.svg);
    right: 10px;
    left: auto;
}

    .swiper-button-next.swiper-button-black, .swiper-container-ltr .swiper-button-prev.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    }

    .swiper-button-next.swiper-button-white, .swiper-container-ltr .swiper-button-prev.swiper-button-white {
        background-image: url(../images/stand/stand-arrow-right.svg);
    }

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }

.swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .3;
    margin: 0 1%;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

.swiper-container-vertical > .swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

    .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
        margin: 5px 0;
        display: block;
    }

.swiper-container-horizontal > .swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
}

    .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
        margin: 0 5px;
    }

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        width: 100%;
        height: 100%;
    }

    .swiper-container-cube.swiper-container-ltr .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible;
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
    }

    .swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
        z-index: 0;
    }

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s step-end infinite;
    -moz-animation: swiper-preloader-spin 1s step-end infinite;
    animation: swiper-preloader-spin 1s step-end infinite;
}

    .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        -webkit-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0);
    }

    8.33333333% {
        -webkit-transform: rotate(30deg);
    }

    16.66666667% {
        -webkit-transform: rotate(60deg);
    }

    25% {
        -webkit-transform: rotate(90deg);
    }

    33.33333333% {
        -webkit-transform: rotate(120deg);
    }

    41.66666667% {
        -webkit-transform: rotate(150deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    58.33333333% {
        -webkit-transform: rotate(210deg);
    }

    66.66666667% {
        -webkit-transform: rotate(240deg);
    }

    75% {
        -webkit-transform: rotate(270deg);
    }

    83.33333333% {
        -webkit-transform: rotate(300deg);
    }

    91.66666667% {
        -webkit-transform: rotate(330deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }

    8.33333333% {
        transform: rotate(30deg);
    }

    16.66666667% {
        transform: rotate(60deg);
    }

    25% {
        transform: rotate(90deg);
    }

    33.33333333% {
        transform: rotate(120deg);
    }

    41.66666667% {
        transform: rotate(150deg);
    }

    50% {
        transform: rotate(180deg);
    }

    58.33333333% {
        transform: rotate(210deg);
    }

    66.66666667% {
        transform: rotate(240deg);
    }

    75% {
        transform: rotate(270deg);
    }

    83.33333333% {
        transform: rotate(300deg);
    }

    91.66666667% {
        transform: rotate(330deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.Zebra_DatePicker *, .Zebra_DatePicker :after, .Zebra_DatePicker :before {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.Zebra_DatePicker {
    position: absolute;
    background: #fff;
    border: 2px solid #000;
    display: none;
    z-index: 100;
    font-family: tajawal,Arial,Helvetica,sans-serif;
    font-size: 13px;
}

.wrapper-image .ui-widget-content, .wrapper-image .ui-widget-content #image-crop #slider p, .wrapper-image .ui-widget-content h1 {
    font-family: tajawal,Arial,Verdana,sans-serif;
}

.Zebra_DatePicker * {
    margin: 0;
    padding: 0;
    color: #777;
    background: 0 0;
    border: none;
}

.Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_footer, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker {
    margin-top: 3px;
}

.Zebra_DatePicker td, .Zebra_DatePicker th {
    text-align: center;
    padding: 5px 0;
}

.Zebra_DatePicker td {
    cursor: pointer;
}

.Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td {
    background: #fff;
    width: 30px;
}

.Zebra_DatePicker, .Zebra_DatePicker .dp_footer .dp_hover, .Zebra_DatePicker .dp_header .dp_hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .Zebra_DatePicker .dp_header td {
        color: #777;
    }

    .Zebra_DatePicker .dp_header .dp_next, .Zebra_DatePicker .dp_header .dp_previous {
        width: 30px;
    }

    .Zebra_DatePicker .dp_header .dp_caption {
        font-weight: 700;
    }

    .Zebra_DatePicker .dp_header .dp_hover {
        background: #000;
        color: #ffff;
    }

    .Zebra_DatePicker .dp_daypicker th {
        background: #000;
    }

    .Zebra_DatePicker td.dp_not_in_month {
        background: #F3F3F3;
        color: #CDCDCD;
        cursor: default;
    }

    .Zebra_DatePicker td.dp_not_in_month_selectable {
        background: #F3F3F3;
        color: #CDCDCD;
        cursor: pointer;
    }

    .Zebra_DatePicker td.dp_weekend {
        background: #D8D8D8;
    }

    .Zebra_DatePicker td.dp_weekend_disabled {
        color: #CCC;
        cursor: default;
    }

    .Zebra_DatePicker td.dp_selected {
        background: #000;
        color: #FFF !important;
    }

    .Zebra_DatePicker td.dp_week_number {
        background: #000;
        color: #fff;
        cursor: text;
        font-style: italic;
    }

    .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td {
        width: 33%;
    }

    .Zebra_DatePicker .dp_footer .dp_hover {
        background: #000;
        color: #FFF;
    }

    .Zebra_DatePicker .dp_clear, .Zebra_DatePicker .dp_today {
        color: #7777;
        padding: 3px;
    }

    .Zebra_DatePicker td.dp_current {
        color: #000;
    }

    .Zebra_DatePicker td.dp_disabled_current {
        color: #E38585;
    }

    .Zebra_DatePicker td.dp_disabled {
        background: #F3F3F3;
        color: #CDCDCD;
        cursor: default;
    }

    .Zebra_DatePicker td.dp_hover {
        background: 0 0;
        color: #FFF;
    }

button.Zebra_DatePicker_Icon {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(zebra_date_picker/calendar.png) left top no-repeat;
    text-indent: -9000px;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 0;
    vertical-align: top;
    margin: 0 0 0 3px;
}

.cke_bottom, .cke_top {
    border-bottom: none !important;
}

button.Zebra_DatePicker_Icon_Disabled {
    background-image: url(zebra_date_picker/calendar-disabled.png);
}

button.Zebra_DatePicker_Icon_Inside {
    margin: 0 3px 0 0;
    right: 0 !important;
}

.Zebra_DatePicker_Icon Zebra_DatePicker_Icon_Inside {
    left: 99% !important;
}

.Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicke {
    margin-top: 0;
    margin-bottom: 0;
}

.Zebra_DatePicker, .Zebra_DatePicker .dp_footer .dp_hover, .Zebra_DatePicker .dp_header .dp_hover {
    left: calc(50% - 106px) !important;
}

.cke_top {
    background-image: none !important;
}

.cke_bottom {
    border-top: none !important;
}

.cke_chrome {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.cke_path_empty, .cke_path_item {
    text-shadow: none !important;
}

.cke_toolgroup {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    background: #F4F4F4 !important;
}

.cke_button_on, a.cke_button_disabled:active, a.cke_button_disabled:focus, a.cke_button_disabled:hover, a.cke_button_off:active, a.cke_button_off:focus, a.cke_button_off:hover {
    box-shadow: none !important;
    background: #E7E7E7 !important;
}

.wrapper-image .ui-widget-header {
    display: none;
}

.wrapper-image .ui-widget-content {
    min-width: 100% !important;
    max-width: 100% !important;
    margin: auto;
    background: inherit;
    padding: 0 !important;
}

    .wrapper-image .ui-widget-content h1 {
        padding: 4% 2.5%;
        color: #fff;
    }

    .wrapper-image .ui-widget-content .description {
        padding: 0 8%;
    }

    .wrapper-image .ui-widget-content #target {
        max-height: 650px;
        max-width: 650px;
    }

    .wrapper-image .ui-widget-content .image-crop-container {
        position: relative;
        background-color: #F9F9F9 !important;
        margin: 0 auto;
        width: 95%;
        overflow: auto;
        border: none;
    }

    .wrapper-image .ui-widget-content .jcrop-holder {
        height: 500px !important;
        position: relative;
        background-color: #8fbd5b !important;
        margin: 0 auto;
        width: 760px !important;
        overflow: auto;
    }

        .wrapper-image .ui-widget-content .jcrop-holder img {
            margin: 0 auto;
            height: auto !important;
        }

        .wrapper-image .ui-widget-content .jcrop-holder .jcrop-tracker {
            width: 100% !important;
        }

    .wrapper-image .ui-widget-content .save-button {
        background-color: #fff;
        padding: 10px 20px;
        color: #000;
        background-image: none;
        border: none;
        font-size: 1em;
    }

    .wrapper-image .ui-widget-content #image-crop #slider {
        margin-top: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }

        .wrapper-image .ui-widget-content #image-crop #slider .sliderContent {
            height: 20px;
            overflow: hidden;
            padding: 10px 0;
            width: 90%;
            margin: 0 !important;
        }

            .wrapper-image .ui-widget-content #image-crop #slider .sliderContent #slide {
                width: 100%;
                margin: 0 auto;
                background-color: #fff !important;
                min-width: 100px !important;
                opacity: .9;
            }

.cropper-container img, .cropper-hide {
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
}

.wrapper-image .ui-widget-content #image-crop #slider p {
    width: 10%;
    float: left;
    font-size: 20px;
    margin: 0;
    padding-top: 4px;
}

    .wrapper-image .ui-widget-content #image-crop #slider p.left {
        padding-left: 27.5%;
    }

    .wrapper-image .ui-widget-content #image-crop #slider p.right {
        text-align: right;
        padding-right: 27.5%;
    }

.wrapper-image .ui-widget-content #image-crop input[type=range] {
    background-color: #fff;
    height: 6px;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -wekkit-border-radius: 0;
}

    .wrapper-image .ui-widget-content #image-crop input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        -moz-border-radius: 100%;
        -wekkit-border-radius: 100%;
        border: thin solid #fff;
        background: #fff;
    }

        .wrapper-image .ui-widget-content #image-crop input[type=range]::-webkit-slider-thumb:hover {
            background-color: #fff;
        }

.close-window-button {
    float: right;
    border-radius: 50px;
}

.image-cropper-footer {
    float: left;
    width: 100%;
}
/*!
 * Cropper v2.3.0
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2016 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2016-02-22T02:13:13.332Z
 */

.cropper-container {
    font-size: 0;
    line-height: 0;
    position: relative;
    user-select: none;
    direction: ltr !important;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

    .cropper-container img {
        display: block;
        width: 100%;
        height: 100%;
        image-orientation: 0deg !important;
    }

.cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cropper-wrap-box {
    overflow: hidden;
}

.cropper-drag-box {
    opacity: 0;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.cropper-dashed, .cropper-modal {
    opacity: .5;
    filter: alpha(opacity=50);
}

.cropper-modal {
    background-color: #000;
}

.cropper-view-box {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: #69f solid 1px;
    outline-color: rgba(102,153,255,.75);
}

.cropper-dashed {
    position: absolute;
    display: block;
    border: 0 dashed #fff;
}

    .cropper-dashed.dashed-h {
        top: 33.33333%;
        left: 0;
        width: 100%;
        height: 33.33333%;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }

    .cropper-dashed.dashed-v {
        top: 0;
        left: 33.33333%;
        width: 33.33333%;
        height: 100%;
        border-right-width: 1px;
        border-left-width: 1px;
    }

.cropper-center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    opacity: .75;
    filter: alpha(opacity=75);
}

    .cropper-center:after, .cropper-center:before {
        position: absolute;
        display: block;
        content: ' ';
        background-color: #eee;
    }

    .cropper-center:before {
        top: 0;
        left: -3px;
        width: 7px;
        height: 1px;
    }

    .cropper-center:after {
        top: -3px;
        left: 0;
        width: 1px;
        height: 7px;
    }

.cropper-face, .cropper-line, .cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .1;
    filter: alpha(opacity=10);
}

.cropper-face {
    top: 0;
    left: 0;
    background-color: #fff;
}

.cropper-line, .cropper-point {
    background-color: #69f;
}

    .cropper-line.line-e {
        top: 0;
        right: -3px;
        width: 5px;
        cursor: e-resize;
    }

    .cropper-line.line-n {
        top: -3px;
        left: 0;
        height: 5px;
        cursor: n-resize;
    }

    .cropper-line.line-w {
        top: 0;
        left: -3px;
        width: 5px;
        cursor: w-resize;
    }

    .cropper-line.line-s {
        bottom: -3px;
        left: 0;
        height: 5px;
        cursor: s-resize;
    }

.cropper-point {
    width: 5px;
    height: 5px;
    opacity: .75;
    filter: alpha(opacity=75);
}

    .cropper-point.point-e {
        top: 50%;
        right: -3px;
        margin-top: -3px;
        cursor: e-resize;
    }

    .cropper-point.point-n {
        top: -3px;
        left: 50%;
        margin-left: -3px;
        cursor: n-resize;
    }

    .cropper-point.point-w {
        top: 50%;
        left: -3px;
        margin-top: -3px;
        cursor: w-resize;
    }

    .cropper-point.point-s {
        bottom: -3px;
        left: 50%;
        margin-left: -3px;
        cursor: s-resize;
    }

    .cropper-point.point-ne {
        top: -3px;
        right: -3px;
        cursor: ne-resize;
    }

    .cropper-point.point-nw {
        top: -3px;
        left: -3px;
        cursor: nw-resize;
    }

    .cropper-point.point-sw {
        bottom: -3px;
        left: -3px;
        cursor: sw-resize;
    }

    .cropper-point.point-se {
        right: -3px;
        bottom: -3px;
        width: 20px;
        height: 20px;
        cursor: se-resize;
        opacity: 1;
        filter: alpha(opacity=100);
    }

        .cropper-point.point-se:before {
            position: absolute;
            right: -50%;
            bottom: -50%;
            display: block;
            width: 200%;
            height: 200%;
            content: ' ';
            opacity: 0;
            background-color: #69f;
            filter: alpha(opacity=0);
        }

@media (min-width:768px) {
    .cropper-point.point-se {
        width: 15px;
        height: 15px;
    }
}

@media (min-width:992px) {
    .cropper-point.point-se {
        width: 10px;
        height: 10px;
    }
}

@media (min-width:1200px) {
    .cropper-point.point-se {
        width: 5px;
        height: 5px;
        opacity: .75;
        filter: alpha(opacity=75);
    }
}

.cropper-hide, .cropper-invisible {
    filter: alpha(opacity=0);
    opacity: 0;
}

.cropper-bg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}

.cropper-hide {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: auto !important;
    height: auto !important;
}

.cropper-hidden {
    display: none !important;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}

.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
    cursor: not-allowed;
}

.hidden {
    display: none;
}

.eventCalendar-wrap {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    color: #807E7E;
}

    .eventCalendar-wrap .arrow {
        position: absolute;
        z-index: 5;
    }

    .eventCalendar-wrap .prev {
        left: 3px;
    }

    .eventCalendar-wrap .next {
        right: 3px;
    }

.eventsCalendar-currentTitle .monthTitle {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
}

.eventsCalendar-monthWrap {
    position: absolute;
    z-index: 2;
    border-radius: 5px;
    left: 0;
}

    .eventsCalendar-monthWrap.currentMonth {
        z-index: 1;
    }

.eventsCalendar-daysList {
    display: table;
}

    .eventsCalendar-daysList.showAsWeek {
        display: block;
    }

    .eventsCalendar-daysList li {
        display: table-cell;
    }

    .eventsCalendar-daysList.showAsWeek li {
        display: block;
        float: left;
        width: 14.28%;
    }

    .eventsCalendar-daysList li a {
        padding: 0;
        display: block;
        text-align: center;
        font-size: 8px;
        min-width: 7px;
    }

.eventsCalendar-loading {
    display: block;
    min-width: 100px;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
}

.eventsCalendar-list {
    position: relative;
    z-index: 1;
}

    .eventsCalendar-list.oldEventList {
        z-index: 2;
    }

.eventsCalendar-subtitle {
    padding-left: 5px;
    font-weight: 700;
}

.eventCalendar-wrap .arrow {
    text-decoration: none;
    color: #fff;
    line-height: 28px;
    padding: 8px 10px;
}

    .eventCalendar-wrap .arrow:hover {
        opacity: .7;
    }

    .eventCalendar-wrap .arrow span {
        height: 0;
        width: 0;
        font-size: 0;
        line-height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #fff;
        float: left;
        text-indent: -5000px;
    }

    .eventCalendar-wrap .arrow.prev span {
        border-left-width: 0;
    }

.eventsCalendar-slider {
    height: 80px;
}

.eventsCalendar-daysList {
    zoom: 1;
    padding: 0;
    width: 100%;
}

    .eventsCalendar-daysList.showAsWeek {
        width: auto;
        background-image: linear-gradient(top,#EEE 42%,#CCC 71%);
        background-image: -o-linear-gradient(top,#EEE 42%,#CCC 71%);
        background-image: -moz-linear-gradient(top,#EEE 42%,#CCC 71%);
        background-image: -webkit-linear-gradient(top,#EEE 42%,#CCC 71%);
        background-image: -ms-linear-gradient(top,#EEE 42%,#CCC 71%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(.42,#EEE),color-stop(.71,#CCC));
    }

    .eventsCalendar-daysList:after, .eventsCalendar-daysList:before {
        content: "";
        display: table;
    }

.bt, .eventsCalendar-list li .eventTitle {
    display: block;
    clear: both;
    font-weight: 700;
}

.eventsCalendar-daysList:after {
    clear: both;
}

.eventsCalendar-day-header {
    text-align: center;
    font-size: 10px;
}

.eventsCalendar-daysList.showAsWeek li {
    height: auto;
    margin: 0;
}

    .eventsCalendar-daysList.showAsWeek li.empty {
        min-height: 27px;
    }

.eventsCalendar-day {
    border-left: solid 1px #BCBCBC;
}

    .eventsCalendar-day a {
        text-decoration: none;
        font-size: 10px;
        color: #424242;
        border-width: 0 1px 1px 0;
    }

.showAsWeek .eventsCalendar-day {
    border-left-width: 0;
}

    .showAsWeek .eventsCalendar-day a {
        border-color: #fff #BCBCBC #BCBCBC #eee;
        line-height: 27px;
    }

.eventsCalendar-day a:hover {
    background-color: #E4E4E4;
}

.eventsCalendar-daysList li.today a {
    background: #aaa;
}

li.eventsCalendar-day.today a:hover {
    background-color: #ccc;
}

.eventsCalendar-daysList li.dayWithEvents a {
    background: #89B814;
}

li.eventsCalendar-day.dayWithEvents a:hover {
    background-color: #C2D374;
}

.eventsCalendar-daysList li.current a {
    background: #555;
}

li.eventsCalendar-day.current a:hover {
    background-color: #79BDCC;
    box-shadow: inset 5px 5px 10px #555;
    text-shadow: 2px 2px 2px #555;
}

.eventsCalendar-loading.error {
    background-color: red;
}

.eventsCalendar-subtitle {
    padding-top: 10px;
}

.eventsCalendar-list-wrap {
    min-height: 100px;
    position: relative;
}

.eventsCalendar-list-content.scrollable {
    height: 100px;
    overflow-y: auto;
    margin: 0 5px 5px 0;
}

.eventsCalendar-list {
    margin: 0;
    padding: 0;
}

    .eventsCalendar-list li {
        margin: 0;
        clear: both;
    }

        .eventsCalendar-list li time {
            font-size: 10px;
            line-height: 13px;
        }

            .eventsCalendar-list li time em {
                float: left;
                font-style: normal;
            }

            .eventsCalendar-list li time small {
                font-size: 10px;
                float: left;
                background-color: #807E7E;
                color: #fff;
                padding: 0 5px 0 4px;
                margin: 0 0 0 3px;
            }

        .eventsCalendar-list li .eventTitle {
            text-decoration: none;
        }

        .eventsCalendar-list li a.eventTitle {
            color: #0E8EAB;
        }

            .eventsCalendar-list li a.eventTitle:hover {
                text-decoration: underline;
            }

.bt, .bt:hover {
    text-decoration: none;
}

.eventsCalendar-list li .eventDesc {
    clear: both;
    margin: 0 0 5px;
    font-size: 80%;
    line-height: 1.2em;
}

.eventsCalendar-list .eventsCalendar-noEvents {
    text-shadow: 0 0 3px #aaa;
}

.bt {
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
    padding: 9px 34px 11px;
    line-height: 1;
    color: #fff;
    background-color: #698B10;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear,left top,left bottom,from(#89B814),to(#698B10));
    background-image: -moz-linear-gradient(top,#89B814,#698B10);
    background-image: -ms-linear-gradient(top,#89B814,#698B10);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#89B814),color-stop(100%,#698B10));
    background-image: -webkit-linear-gradient(top,#89B814,#698B10);
    background-image: -o-linear-gradient(top,#89B814,#698B10);
    background-image: linear-gradient(top,#89B814,#698B10);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89B814', endColorstr='#698B10', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    border: 1px solid #698B10;
    border-color: #698B10 #698B10 #465F05;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    -webkit-transition: .1s linear all;
    -moz-transition: .1s linear all;
    -ms-transition: .1s linear all;
    -o-transition: .1s linear all;
    transition: .1s linear all;
}

    .bt:hover {
        background-position: 0 -15px;
    }


.input-group-prepend span {
    position: absolute;
    z-index: 999;
    left: 5px;
    top: 10px;
}



#header.stand .sub-header {
    background: rgba(120,120,123, 0.20);
    text-align: right !important;
    padding: 0px 15px;
    line-height: 1;
    text-shadow: 1px 1px 1px #000;
}

.fullscreen-enabled.mobile #autorotateToggle {
    left: 50px !important;
}

#fullscreenToggle {
    right: auto !important;
}

.menu-navigation-item::before {
    right: 30px;
}

.chat_box {
    background: #fff;
    width: 27rem;
    position: fixed;
    bottom: 0;
    right: 100px;
    border-radius: 10px 10px 0 0;
    border: #ccc 1px solid;
}

.chat_heading, .message_heading {
    font-size: 16px;
    /* line-height: 30px; */
    margin: 7px 20px 5px 20px;
    padding-left: 0px !important;
    padding-right: 30px !important;
}

    .chat_heading::after {
        content: '\f086';
        font-family: FontAwesome;
        font-size: 21px;
        position: absolute;
        top: 12px;
        left: auto !important;
        right: 15px !important;
        color: #ffffff;
    }

.chat_heading, .message_heading {
    font-size: 16px;
    /* line-height: 30px; */
    margin: 7px 20px 5px 20px;
    padding-right: 20px;
}

.MailHall {
    right: auto !important;
    left: 0 !important;
}

.Website {
    right: auto !important;
    left: 50px !important;
}

.AppleIcon {
    width: 100%;
    max-width: 150px;
    height: auto;
    padding: 3px;
    margin: 5px;
}

.AndroidIcon {
    width: 100%;
    max-width: 150px;
    height: auto;
    padding: 3px;
    margin: 5px;
}

.row.app-items {
    max-width: 350px;
}

    .row.app-items .col-md-6 {
        text-align: center;
    }

    .nav-tabs>li {
        float: left;
        margin-bottom: -1px;
    }
    @media (min-width: 992px) {
        .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
            float: left;
        }
    }
    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {

        margin-left: -20px;
        margin-right: 0px;
    }