p{ white-space: pre-wrap; } .gradient25Orange { background: #fc6621; background: linear-gradient(25deg, #fc6621, #f9ab23); background: -webkit-linear-gradient(25deg, #fc6621, #f9ab23); background: -moz-linear-gradient(25deg, #fc6621, #f9ab23); background: -o-linear-gradient(25deg, #fc6621, #f9ab23); } .gradientOtherOrange { background: #f9d423; background: linear-gradient(25deg, #f9d423, #ff4e50); background: -webkit-linear-gradient(25deg, #f9d423, #ff4e50); background: -moz-linear-gradient(25deg, #f9d423, #ff4e50); background: -o-linear-gradient(25deg, #f9d423, #ff4e50); } .gradientBlue { background: #04befe; background: linear-gradient(15deg, #4481eb, #04befe); background: -webkit-linear-gradient(15deg, #4481eb, #04befe); background: -moz-linear-gradient(15deg, #4481eb, #04befe); background: -o-linear-gradient(15deg, #4481eb, #04befe); } .colorPrimary { color: #0094d9 !important; } .colorSecondary { color: #6b6bb0 !important; } .backgroundPrimary { background: #0094d9 !important; } .backgroundSecondary { background: #6b6bb0 !important; } .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .transition01 { transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s; } .transition02, .button i, .buttonPrimary i, .buttonSecondary i, .buttonGray i, .buttonOutline i, .buttonPrimaryOutline i, .buttonOutlineWhite i, .buttonOutlineSpecialWhite i, body main section.about .section-content .about-left .section-action .section-about-button i, body main section.services .section-content .services-right .section-action .section-services-button i, body main section.training .section-content .training-left .section-action .section-training-button i, .buttonSpecialWhite i, .buttonSpecialGradient i, body main section.top .section-content .top-left .top-button i, .button span, .buttonPrimary span, .buttonSecondary span, .buttonGray span, .buttonOutline span, .buttonPrimaryOutline span, .buttonOutlineWhite span, .buttonOutlineSpecialWhite span, body main section.about .section-content .about-left .section-action .section-about-button span, body main section.services .section-content .services-right .section-action .section-services-button span, body main section.training .section-content .training-left .section-action .section-training-button span, .buttonSpecialWhite span, .buttonSpecialGradient span, body main section.top .section-content .top-left .top-button span, .button, .buttonPrimary, .buttonSecondary, .buttonGray, .buttonOutline, .buttonPrimaryOutline, .buttonOutlineWhite, .buttonOutlineSpecialWhite, body main section.about .section-content .about-left .section-action .section-about-button, body main section.services .section-content .services-right .section-action .section-services-button, body main section.training .section-content .training-left .section-action .section-training-button, .buttonSpecialWhite, .buttonSpecialGradient, body main section.top .section-content .top-left .top-button, .buttonMini i, .buttonGrayMini i, .buttonPrimaryMini i, .buttonSecondaryMini i, .buttonMiniOutline i, .buttonSecondaryMiniOutline i, .buttonPrimaryMiniOutline i, .upload .upload-action .upload-button i, .buttonMiniOutlineWhite i, .upload .upload-action .upload-button-remove i, .HELPERFilterInfoButton i, .buttonMiniClear i, .buttonSecondaryMiniClear i, .buttonPrimaryMiniClear i, .buttonMini span, .buttonGrayMini span, .buttonPrimaryMini span, .buttonSecondaryMini span, .buttonMiniOutline span, .buttonSecondaryMiniOutline span, .buttonPrimaryMiniOutline span, .upload .upload-action .upload-button span, .buttonMiniOutlineWhite span, .upload .upload-action .upload-button-remove span, .HELPERFilterInfoButton span, .buttonMiniClear span, .buttonSecondaryMiniClear span, .buttonPrimaryMiniClear span, .buttonMini, .buttonGrayMini, .buttonPrimaryMini, .buttonSecondaryMini, .buttonMiniOutline, .buttonSecondaryMiniOutline, .buttonPrimaryMiniOutline, .upload .upload-action .upload-button, .buttonMiniOutlineWhite, .upload .upload-action .upload-button-remove, .HELPERFilterInfoButton, .buttonMiniClear, .buttonSecondaryMiniClear, .buttonPrimaryMiniClear, .buttonMini:hover, .buttonGrayMini:hover, .buttonPrimaryMini:hover, .buttonSecondaryMini:hover, .buttonMiniOutline:hover, .buttonSecondaryMiniOutline:hover, .buttonPrimaryMiniOutline:hover, .upload .upload-action .upload-button:hover, .buttonMiniOutlineWhite:hover, .upload .upload-action .upload-button-remove:hover, .HELPERFilterInfoButton:hover, .buttonMiniClear:hover, .buttonSecondaryMiniClear:hover, .buttonPrimaryMiniClear:hover, .buttonMini:active, .buttonGrayMini:active, .buttonPrimaryMini:active, .buttonSecondaryMini:active, .buttonMiniOutline:active, .buttonSecondaryMiniOutline:active, .buttonPrimaryMiniOutline:active, .upload .upload-action .upload-button:active, .buttonMiniOutlineWhite:active, .upload .upload-action .upload-button-remove:active, .HELPERFilterInfoButton:active, .buttonMiniClear:active, .buttonSecondaryMiniClear:active, .buttonPrimaryMiniClear:active, .buttonMini:focus, .buttonGrayMini:focus, .buttonPrimaryMini:focus, .buttonSecondaryMini:focus, .buttonMiniOutline:focus, .buttonSecondaryMiniOutline:focus, .buttonPrimaryMiniOutline:focus, .upload .upload-action .upload-button:focus, .buttonMiniOutlineWhite:focus, .upload .upload-action .upload-button-remove:focus, .HELPERFilterInfoButton:focus, .buttonMiniClear:focus, .buttonSecondaryMiniClear:focus, .buttonPrimaryMiniClear:focus, .buttonMini:hover i, .buttonGrayMini:hover i, .buttonPrimaryMini:hover i, .buttonSecondaryMini:hover i, .buttonMiniOutline:hover i, .buttonSecondaryMiniOutline:hover i, .buttonPrimaryMiniOutline:hover i, .upload .upload-action .upload-button:hover i, .buttonMiniOutlineWhite:hover i, .upload .upload-action .upload-button-remove:hover i, .HELPERFilterInfoButton:hover i, .buttonMiniClear:hover i, .buttonSecondaryMiniClear:hover i, .buttonPrimaryMiniClear:hover i, .buttonMini:hover span, .buttonGrayMini:hover span, .buttonPrimaryMini:hover span, .buttonSecondaryMini:hover span, .buttonMiniOutline:hover span, .buttonSecondaryMiniOutline:hover span, .buttonPrimaryMiniOutline:hover span, .upload .upload-action .upload-button:hover span, .buttonMiniOutlineWhite:hover span, .upload .upload-action .upload-button-remove:hover span, .HELPERFilterInfoButton:hover span, .buttonMiniClear:hover span, .buttonSecondaryMiniClear:hover span, .buttonPrimaryMiniClear:hover span, .buttonMini:hover p, .buttonGrayMini:hover p, .buttonPrimaryMini:hover p, .buttonSecondaryMini:hover p, .buttonMiniOutline:hover p, .buttonSecondaryMiniOutline:hover p, .buttonPrimaryMiniOutline:hover p, .upload .upload-action .upload-button:hover p, .buttonMiniOutlineWhite:hover p, .upload .upload-action .upload-button-remove:hover p, .HELPERFilterInfoButton:hover p, .buttonMiniClear:hover p, .buttonSecondaryMiniClear:hover p, .buttonPrimaryMiniClear:hover p, .buttonMini:active i, .buttonGrayMini:active i, .buttonPrimaryMini:active i, .buttonSecondaryMini:active i, .buttonMiniOutline:active i, .buttonSecondaryMiniOutline:active i, .buttonPrimaryMiniOutline:active i, .upload .upload-action .upload-button:active i, .buttonMiniOutlineWhite:active i, .upload .upload-action .upload-button-remove:active i, .HELPERFilterInfoButton:active i, .buttonMiniClear:active i, .buttonSecondaryMiniClear:active i, .buttonPrimaryMiniClear:active i, .buttonMini:active span, .buttonGrayMini:active span, .buttonPrimaryMini:active span, .buttonSecondaryMini:active span, .buttonMiniOutline:active span, .buttonSecondaryMiniOutline:active span, .buttonPrimaryMiniOutline:active span, .upload .upload-action .upload-button:active span, .buttonMiniOutlineWhite:active span, .upload .upload-action .upload-button-remove:active span, .HELPERFilterInfoButton:active span, .buttonMiniClear:active span, .buttonSecondaryMiniClear:active span, .buttonPrimaryMiniClear:active span, .buttonMini:active p, .buttonGrayMini:active p, .buttonPrimaryMini:active p, .buttonSecondaryMini:active p, .buttonMiniOutline:active p, .buttonSecondaryMiniOutline:active p, .buttonPrimaryMiniOutline:active p, .upload .upload-action .upload-button:active p, .buttonMiniOutlineWhite:active p, .upload .upload-action .upload-button-remove:active p, .HELPERFilterInfoButton:active p, .buttonMiniClear:active p, .buttonSecondaryMiniClear:active p, .buttonPrimaryMiniClear:active p, .buttonMini:focus i, .buttonGrayMini:focus i, .buttonPrimaryMini:focus i, .buttonSecondaryMini:focus i, .buttonMiniOutline:focus i, .buttonSecondaryMiniOutline:focus i, .buttonPrimaryMiniOutline:focus i, .upload .upload-action .upload-button:focus i, .buttonMiniOutlineWhite:focus i, .upload .upload-action .upload-button-remove:focus i, .HELPERFilterInfoButton:focus i, .buttonMiniClear:focus i, .buttonSecondaryMiniClear:focus i, .buttonPrimaryMiniClear:focus i, .buttonMini:focus span, .buttonGrayMini:focus span, .buttonPrimaryMini:focus span, .buttonSecondaryMini:focus span, .buttonMiniOutline:focus span, .buttonSecondaryMiniOutline:focus span, .buttonPrimaryMiniOutline:focus span, .upload .upload-action .upload-button:focus span, .buttonMiniOutlineWhite:focus span, .upload .upload-action .upload-button-remove:focus span, .HELPERFilterInfoButton:focus span, .buttonMiniClear:focus span, .buttonSecondaryMiniClear:focus span, .buttonPrimaryMiniClear:focus span, .buttonMini:focus p, .buttonGrayMini:focus p, .buttonPrimaryMini:focus p, .buttonSecondaryMini:focus p, .buttonMiniOutline:focus p, .buttonSecondaryMiniOutline:focus p, .buttonPrimaryMiniOutline:focus p, .upload .upload-action .upload-button:focus p, .buttonMiniOutlineWhite:focus p, .upload .upload-action .upload-button-remove:focus p, .HELPERFilterInfoButton:focus p, .buttonMiniClear:focus p, .buttonSecondaryMiniClear:focus p, .buttonPrimaryMiniClear:focus p, .field label, .input label, .select label, .field input:active + label, .input input:active + label, .select input:active + label, .field input:focus + label, .input input:focus + label, .select input:focus + label, .field textarea:active + label, .input textarea:active + label, .select textarea:active + label, .field textarea:focus + label, .input textarea:focus + label, .select textarea:focus + label, .input p, .input input:active ~ p, .input input:active + p, .input input:focus ~ p, .input input:focus + p, .input textarea:active ~ p, .input textarea:active + p, .input textarea:focus ~ p, .input textarea:focus + p, .upload label, .upload p, body .modal-dialog .modal-content .modal-header .close, body .modal-dialog .modal-content .modal-header .close span, body .modal-dialog .modal-content .modal-header .close:hover, body .modal-dialog .modal-content .modal-header .close:hover span, body .modal-dialog .modal-content .modal-footer .modalButton:hover, body .modal-dialog .modal-content .modal-footer .modalButtonCancel:hover, body .modal-dialog .modal-content .modal-footer .modalButtonDelete:hover, .loader i, body.primary nav, body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page span, body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page:hover span, body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div, body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div:hover, body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container, body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item, body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item:hover, body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language.active .language-menu-container, body.secondary nav, body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div, body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div:hover, body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container, body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item, body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item:hover, body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language.active .language-menu-container, body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card, body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card:hover, body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card:hover .client-text span::after { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .transition03, body, .button:hover, .buttonPrimary:hover, .buttonSecondary:hover, .buttonGray:hover, .buttonOutline:hover, .buttonPrimaryOutline:hover, .buttonOutlineWhite:hover, .buttonOutlineSpecialWhite:hover, body main section.about .section-content .about-left .section-action .section-about-button:hover, body main section.services .section-content .services-right .section-action .section-services-button:hover, body main section.training .section-content .training-left .section-action .section-training-button:hover, .buttonSpecialWhite:hover, .buttonSpecialGradient:hover, body main section.top .section-content .top-left .top-button:hover, .button:active, .buttonPrimary:active, .buttonSecondary:active, .buttonGray:active, .buttonOutline:active, .buttonPrimaryOutline:active, .buttonOutlineWhite:active, .buttonOutlineSpecialWhite:active, body main section.about .section-content .about-left .section-action .section-about-button:active, body main section.services .section-content .services-right .section-action .section-services-button:active, body main section.training .section-content .training-left .section-action .section-training-button:active, .buttonSpecialWhite:active, .buttonSpecialGradient:active, body main section.top .section-content .top-left .top-button:active, .button:focus, .buttonPrimary:focus, .buttonSecondary:focus, .buttonGray:focus, .buttonOutline:focus, .buttonPrimaryOutline:focus, .buttonOutlineWhite:focus, .buttonOutlineSpecialWhite:focus, body main section.about .section-content .about-left .section-action .section-about-button:focus, body main section.services .section-content .services-right .section-action .section-services-button:focus, body main section.training .section-content .training-left .section-action .section-training-button:focus, .buttonSpecialWhite:focus, .buttonSpecialGradient:focus, body main section.top .section-content .top-left .top-button:focus, .connSuiteHelperButton, .connSuiteHelperButton span, .connSuiteHelperButton:hover span, .connSuiteHelperButton:hover, .connSuiteHelperButton:active, body.primary nav .nav-container, body.secondary nav .nav-container { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .transition05 { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .disableClick, .dummy { filter: grayscale(50%); opacity: 0.5; pointer-events: none; } .initWithFade, .structureContent, header, .vanLoadingToast span, body main section.clients .section-background { animation-name: fadein; animation-duration: 0.3s; } .exitWithFade { animation-name: fadeout; animation-duration: 0.3s; } * { font-family: "Raleway", "Open Sans", sans-serif; font-weight: 300; } body p, body h1, body h2, body h3, body h4, body h5 { margin-bottom: 0; } body { background: #f5fafe; position: relative; overflow-x: hidden; } .structureContent, header { animation-duration: 0.5s; } /** PROJECT SPECIFIC */ @media all and (min-width: 992px) { body .mobile { display: none !important; } } .button, .buttonPrimary, .buttonSecondary, .buttonGray, .buttonOutline, .buttonPrimaryOutline, .buttonOutlineWhite, .buttonOutlineSpecialWhite, body main section.about .section-content .about-left .section-action .section-about-button, body main section.services .section-content .services-right .section-action .section-services-button, body main section.training .section-content .training-left .section-action .section-training-button, .buttonSpecialWhite, .buttonSpecialGradient, body main section.top .section-content .top-left .top-button { user-select: none; min-height: 56px; padding: 5px 40px; min-width: 180px; border-radius: 28px; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } .button .loader i, .buttonPrimary .loader i, .buttonSecondary .loader i, .buttonGray .loader i, .buttonOutline .loader i, .buttonPrimaryOutline .loader i, .buttonOutlineWhite .loader i, .buttonOutlineSpecialWhite .loader i, body main section.about .section-content .about-left .section-action .section-about-button .loader i, body main section.services .section-content .services-right .section-action .section-services-button .loader i, body main section.training .section-content .training-left .section-action .section-training-button .loader i, .buttonSpecialWhite .loader i, .buttonSpecialGradient .loader i, body main section.top .section-content .top-left .top-button .loader i { color: #ffffff !important; } .button i, .buttonPrimary i, .buttonSecondary i, .buttonGray i, .buttonOutline i, .buttonPrimaryOutline i, .buttonOutlineWhite i, .buttonOutlineSpecialWhite i, body main section.about .section-content .about-left .section-action .section-about-button i, body main section.services .section-content .services-right .section-action .section-services-button i, body main section.training .section-content .training-left .section-action .section-training-button i, .buttonSpecialWhite i, .buttonSpecialGradient i, body main section.top .section-content .top-left .top-button i { color: #ffffff; font-size: 14pt; margin-right: 6px; } .button span, .buttonPrimary span, .buttonSecondary span, .buttonGray span, .buttonOutline span, .buttonPrimaryOutline span, .buttonOutlineWhite span, .buttonOutlineSpecialWhite span, body main section.about .section-content .about-left .section-action .section-about-button span, body main section.services .section-content .services-right .section-action .section-services-button span, body main section.training .section-content .training-left .section-action .section-training-button span, .buttonSpecialWhite span, .buttonSpecialGradient span, body main section.top .section-content .top-left .top-button span { color: #ffffff; font-family: "Raleway", "Open Sans", sans-serif; font-size: 11pt; letter-spacing: 0.5pt; font-weight: 300; text-decoration: none; text-underline: none; } .buttonPrimary { background: #0094d9; } .buttonPrimary:hover, .buttonPrimary:active, .buttonPrimary:focus { background: #40c2ff; } .buttonSecondary { background: #6b6bb0; } .buttonSecondary:hover { background: #7c7cb9; } .buttonGray { background: #bbbbbb; } .buttonGray:hover, .buttonGray:active, .buttonGray:focus { background: #cccccc; } .buttonOutline, .buttonPrimaryOutline, .buttonOutlineWhite, .buttonOutlineSpecialWhite, body main section.about .section-content .about-left .section-action .section-about-button, body main section.services .section-content .services-right .section-action .section-services-button, body main section.training .section-content .training-left .section-action .section-training-button { background: transparent; border: 1px solid #000; } .buttonOutline .loader i, .buttonPrimaryOutline .loader i, .buttonOutlineWhite .loader i, .buttonOutlineSpecialWhite .loader i, body main section.about .section-content .about-left .section-action .section-about-button .loader i, body main section.services .section-content .services-right .section-action .section-services-button .loader i, body main section.training .section-content .training-left .section-action .section-training-button .loader i { color: #000 !important; } .buttonOutline i, .buttonPrimaryOutline i, .buttonOutlineWhite i, .buttonOutlineSpecialWhite i, body main section.about .section-content .about-left .section-action .section-about-button i, body main section.services .section-content .services-right .section-action .section-services-button i, body main section.training .section-content .training-left .section-action .section-training-button i { color: #000; } .buttonOutline span, .buttonPrimaryOutline span, .buttonOutlineWhite span, .buttonOutlineSpecialWhite span, body main section.about .section-content .about-left .section-action .section-about-button span, body main section.services .section-content .services-right .section-action .section-services-button span, body main section.training .section-content .training-left .section-action .section-training-button span { color: #000; } .buttonOutline:hover, .buttonPrimaryOutline:hover, .buttonOutlineWhite:hover, .buttonOutlineSpecialWhite:hover, body main section.about .section-content .about-left .section-action .section-about-button:hover, body main section.services .section-content .services-right .section-action .section-services-button:hover, body main section.training .section-content .training-left .section-action .section-training-button:hover, .buttonOutline:active, .buttonPrimaryOutline:active, .buttonOutlineWhite:active, .buttonOutlineSpecialWhite:active, body main section.about .section-content .about-left .section-action .section-about-button:active, body main section.services .section-content .services-right .section-action .section-services-button:active, body main section.training .section-content .training-left .section-action .section-training-button:active, .buttonOutline:focus, .buttonPrimaryOutline:focus, .buttonOutlineWhite:focus, .buttonOutlineSpecialWhite:focus, body main section.about .section-content .about-left .section-action .section-about-button:focus, body main section.services .section-content .services-right .section-action .section-services-button:focus, body main section.training .section-content .training-left .section-action .section-training-button:focus { background: rgba(0, 0, 0, 0.04); transform: none; } .buttonPrimaryOutline { border-color: #0094d9; } .buttonPrimaryOutline span, .buttonPrimaryOutline i { color: #0094d9; } .buttonPrimaryOutline:hover, .buttonPrimaryOutline:active, .buttonPrimaryOutline:focus { background: #0094d9; } .buttonPrimaryOutline:hover span, .buttonPrimaryOutline:hover i, .buttonPrimaryOutline:active span, .buttonPrimaryOutline:active i, .buttonPrimaryOutline:focus span, .buttonPrimaryOutline:focus i { color: #fff; } .buttonMini, .buttonGrayMini, .buttonPrimaryMini, .buttonSecondaryMini, .buttonMiniOutline, .buttonSecondaryMiniOutline, .buttonPrimaryMiniOutline, .upload .upload-action .upload-button, .buttonMiniOutlineWhite, .upload .upload-action .upload-button-remove, .HELPERFilterInfoButton, .buttonMiniClear, .buttonSecondaryMiniClear, .buttonPrimaryMiniClear { user-select: none; min-height: 36px; padding: 4px 9px; min-width: 60px; border-radius: 18px !important; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; text-align: center !important; cursor: pointer !important; } .buttonMini .loader i, .buttonGrayMini .loader i, .buttonPrimaryMini .loader i, .buttonSecondaryMini .loader i, .buttonMiniOutline .loader i, .buttonSecondaryMiniOutline .loader i, .buttonPrimaryMiniOutline .loader i, .upload .upload-action .upload-button .loader i, .buttonMiniOutlineWhite .loader i, .upload .upload-action .upload-button-remove .loader i, .HELPERFilterInfoButton .loader i, .buttonMiniClear .loader i, .buttonSecondaryMiniClear .loader i, .buttonPrimaryMiniClear .loader i { color: #ffffff !important; } .buttonMini i, .buttonGrayMini i, .buttonPrimaryMini i, .buttonSecondaryMini i, .buttonMiniOutline i, .buttonSecondaryMiniOutline i, .buttonPrimaryMiniOutline i, .upload .upload-action .upload-button i, .buttonMiniOutlineWhite i, .upload .upload-action .upload-button-remove i, .HELPERFilterInfoButton i, .buttonMiniClear i, .buttonSecondaryMiniClear i, .buttonPrimaryMiniClear i { color: #ffffff !important; font-size: 11pt !important; margin-right: 4px !important; } .buttonMini span, .buttonGrayMini span, .buttonPrimaryMini span, .buttonSecondaryMini span, .buttonMiniOutline span, .buttonSecondaryMiniOutline span, .buttonPrimaryMiniOutline span, .upload .upload-action .upload-button span, .buttonMiniOutlineWhite span, .upload .upload-action .upload-button-remove span, .HELPERFilterInfoButton span, .buttonMiniClear span, .buttonSecondaryMiniClear span, .buttonPrimaryMiniClear span { color: #ffffff; font-family: "Raleway", "Open Sans", sans-serif !important; font-size: 9pt; font-weight: 300; text-decoration: none; text-underline: none; } .buttonGrayMini { background: #bbbbbb !important; } .buttonGrayMini:hover, .buttonGrayMini:active, .buttonGrayMini:focus { background: #cccccc !important; } .buttonPrimaryMini { background: #0094d9 !important; } .buttonPrimaryMini:hover, .buttonPrimaryMini:active, .buttonPrimaryMini:focus { background: #40c2ff !important; } .buttonSecondaryMini { background: #6b6bb0 !important; } .buttonSecondaryMini:hover, .buttonSecondaryMini:active, .buttonSecondaryMini:focus { background: #7c7cb9 !important; } .buttonMiniOutline, .buttonSecondaryMiniOutline, .buttonPrimaryMiniOutline, .upload .upload-action .upload-button, .buttonMiniOutlineWhite, .upload .upload-action .upload-button-remove, .HELPERFilterInfoButton { background: transparent; border: 1px solid #eeeeee; } .buttonMiniOutline:hover, .buttonSecondaryMiniOutline:hover, .buttonPrimaryMiniOutline:hover, .upload .upload-action .upload-button:hover, .buttonMiniOutlineWhite:hover, .upload .upload-action .upload-button-remove:hover, .HELPERFilterInfoButton:hover, .buttonMiniOutline:active, .buttonSecondaryMiniOutline:active, .buttonPrimaryMiniOutline:active, .upload .upload-action .upload-button:active, .buttonMiniOutlineWhite:active, .upload .upload-action .upload-button-remove:active, .HELPERFilterInfoButton:active, .buttonMiniOutline:focus, .buttonSecondaryMiniOutline:focus, .buttonPrimaryMiniOutline:focus, .upload .upload-action .upload-button:focus, .buttonMiniOutlineWhite:focus, .upload .upload-action .upload-button-remove:focus, .HELPERFilterInfoButton:focus { background: rgba(0, 0, 0, 0.04); } .buttonSecondaryMiniOutline { border-color: #6b6bb0; } .buttonSecondaryMiniOutline span, .buttonSecondaryMiniOutline i { color: #6b6bb0; } .buttonSecondaryMiniOutline:hover, .buttonSecondaryMiniOutline:active, .buttonSecondaryMiniOutline:focus { border-color: #6b6bb0; background: #6b6bb0; } .buttonSecondaryMiniOutline:hover span, .buttonSecondaryMiniOutline:hover i, .buttonSecondaryMiniOutline:active span, .buttonSecondaryMiniOutline:active i, .buttonSecondaryMiniOutline:focus span, .buttonSecondaryMiniOutline:focus i { color: #ffffff; } .buttonPrimaryMiniOutline, .upload .upload-action .upload-button { border-color: #0094d9; } .buttonPrimaryMiniOutline span, .upload .upload-action .upload-button span, .buttonPrimaryMiniOutline i, .upload .upload-action .upload-button i { color: #0094d9 !important; } .buttonPrimaryMiniOutline:hover, .upload .upload-action .upload-button:hover { border-color: #0094d9; background: #0094d9; } .buttonPrimaryMiniOutline:hover span, .upload .upload-action .upload-button:hover span, .buttonPrimaryMiniOutline:hover i, .upload .upload-action .upload-button:hover i { color: #ffffff !important; } .buttonMiniClear, .buttonSecondaryMiniClear, .buttonPrimaryMiniClear { background: transparent; border: none; } .buttonMiniClear:hover, .buttonSecondaryMiniClear:hover, .buttonPrimaryMiniClear:hover { background: transparent; } .buttonSecondaryMiniClear span, .buttonSecondaryMiniClear i { color: #6b6bb0; } .buttonSecondaryMiniClear:hover { background: #f5f5f5 !important; } .buttonSecondaryMiniClear:hover span, .buttonSecondaryMiniClear:hover i { color: #7c7cb9; } .buttonPrimaryMiniClear span, .buttonPrimaryMiniClear i { color: #0094d9; } .buttonPrimaryMiniClear:hover { background: #f5f5f5 !important; } .buttonPrimaryMiniClear:hover span, .buttonPrimaryMiniClear:hover i { color: #40c2ff; } .buttonOutlineWhite, .buttonOutlineSpecialWhite { background: transparent; border: 1px solid #fff; } .buttonOutlineWhite .loader i, .buttonOutlineSpecialWhite .loader i { color: #fff !important; } .buttonOutlineWhite i, .buttonOutlineSpecialWhite i { color: #fff !important; } .buttonOutlineWhite span, .buttonOutlineSpecialWhite span { color: #fff !important; } .buttonOutlineWhite:hover, .buttonOutlineSpecialWhite:hover { background: #fff; } .buttonOutlineWhite:hover i, .buttonOutlineSpecialWhite:hover i, .buttonOutlineWhite:hover span, .buttonOutlineSpecialWhite:hover span, .buttonOutlineWhite:hover .loader i, .buttonOutlineSpecialWhite:hover .loader i { color: #ffffff !important; } .buttonOutlineWhite:hover, .buttonOutlineSpecialWhite:hover { background: #fff; border-color: #fff; } .buttonOutlineWhite:hover .loader i, .buttonOutlineSpecialWhite:hover .loader i, .buttonOutlineWhite:hover i, .buttonOutlineSpecialWhite:hover i, .buttonOutlineWhite:hover span, .buttonOutlineSpecialWhite:hover span { color: #0094d9 !important; } .buttonMiniOutlineWhite { background: transparent; border: 1px solid #fff; } .buttonMiniOutlineWhite .loader i { color: #fff !important; } .buttonMiniOutlineWhite i { color: #fff !important; } .buttonMiniOutlineWhite span { color: #fff !important; } .buttonMiniOutlineWhite:hover { background: #fff; } .buttonMiniOutlineWhite:hover i, .buttonMiniOutlineWhite:hover span, .buttonMiniOutlineWhite:hover .loader i { color: #ffffff !important; } .buttonMiniOutlineWhite:hover { background: #fff; border-color: #fff; } .buttonMiniOutlineWhite:hover .loader i, .buttonMiniOutlineWhite:hover i, .buttonMiniOutlineWhite:hover span { color: #0094d9 !important; } .buttonOutlineSpecialWhite:hover { box-shadow: 0 0 20px 0 rgba(0, 148, 217, 0.4); transform: scale(1.05); } .buttonSpecialWhite { background: #fff; } .buttonSpecialWhite i { color: #fff !important; } .buttonSpecialWhite span { color: #fff !important; } .buttonSpecialWhite:hover { background: white; } .buttonSpecialWhite:hover { box-shadow: 0 0 20px 0 rgba(0, 148, 217, 0.4); transform: scale(1.05); } .buttonSpecialGradient, body main section.top .section-content .top-left .top-button { background: #fff; background: #40c2ff; background: linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -webkit-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -moz-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -o-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background-size: 100%; } .buttonSpecialGradient i, body main section.top .section-content .top-left .top-button i { color: #fff !important; } .buttonSpecialGradient span, body main section.top .section-content .top-left .top-button span { color: #fff !important; } .buttonSpecialGradient:hover, body main section.top .section-content .top-left .top-button:hover { background: white; } .buttonSpecialGradient:hover, body main section.top .section-content .top-left .top-button:hover { background: #40c2ff; background: linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -webkit-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -moz-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -o-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background-size: 200%; } .dummy { opacity: 0.35 !important; user-select: none !important; animation-name: none !important; transition: none !important; animation: none !important; animation-duration: 0s !important; color: #fff; } body input.default { color: #000; font-size: 12pt; font-family: "Raleway", "Open Sans", sans-serif; font-weight: 300; text-decoration: none; outline: none; } body input.default::-webkit-input-placeholder { color: #ccc; } body input.default::-moz-placeholder { color: #ccc; } body input.default:-ms-input-placeholder { color: #ccc; } @media all and (max-width: 992px) { .button, .buttonPrimary, .buttonSecondary, .buttonGray, .buttonOutline, .buttonPrimaryOutline, .buttonOutlineWhite, .buttonOutlineSpecialWhite, body main section.about .section-content .about-left .section-action .section-about-button, body main section.services .section-content .services-right .section-action .section-services-button, body main section.training .section-content .training-left .section-action .section-training-button, .buttonSpecialWhite, .buttonSpecialGradient, body main section.top .section-content .top-left .top-button { min-width: 80px; } .button i, .buttonPrimary i, .buttonSecondary i, .buttonGray i, .buttonOutline i, .buttonPrimaryOutline i, .buttonOutlineWhite i, .buttonOutlineSpecialWhite i, body main section.about .section-content .about-left .section-action .section-about-button i, body main section.services .section-content .services-right .section-action .section-services-button i, body main section.training .section-content .training-left .section-action .section-training-button i, .buttonSpecialWhite i, .buttonSpecialGradient i, body main section.top .section-content .top-left .top-button i { color: #ffffff; font-size: 12pt; margin-right: 5px; } .button span, .buttonPrimary span, .buttonSecondary span, .buttonGray span, .buttonOutline span, .buttonPrimaryOutline span, .buttonOutlineWhite span, .buttonOutlineSpecialWhite span, body main section.about .section-content .about-left .section-action .section-about-button span, body main section.services .section-content .services-right .section-action .section-services-button span, body main section.training .section-content .training-left .section-action .section-training-button span, .buttonSpecialWhite span, .buttonSpecialGradient span, body main section.top .section-content .top-left .top-button span { color: #ffffff; font-family: "Raleway", "Open Sans", sans-serif; } .buttonMini, .buttonGrayMini, .buttonPrimaryMini, .buttonSecondaryMini, .buttonMiniOutline, .buttonSecondaryMiniOutline, .buttonPrimaryMiniOutline, .upload .upload-action .upload-button, .buttonMiniOutlineWhite, .upload .upload-action .upload-button-remove, .HELPERFilterInfoButton, .buttonMiniClear, .buttonSecondaryMiniClear, .buttonPrimaryMiniClear { min-height: 34px; padding: 4px 9px; min-width: 50px; } .buttonMini i, .buttonGrayMini i, .buttonPrimaryMini i, .buttonSecondaryMini i, .buttonMiniOutline i, .buttonSecondaryMiniOutline i, .buttonPrimaryMiniOutline i, .upload .upload-action .upload-button i, .buttonMiniOutlineWhite i, .upload .upload-action .upload-button-remove i, .HELPERFilterInfoButton i, .buttonMiniClear i, .buttonSecondaryMiniClear i, .buttonPrimaryMiniClear i { color: #ffffff !important; font-size: 12pt !important; margin-right: 3px !important; } .buttonMini span, .buttonGrayMini span, .buttonPrimaryMini span, .buttonSecondaryMini span, .buttonMiniOutline span, .buttonSecondaryMiniOutline span, .buttonPrimaryMiniOutline span, .upload .upload-action .upload-button span, .buttonMiniOutlineWhite span, .upload .upload-action .upload-button-remove span, .HELPERFilterInfoButton span, .buttonMiniClear span, .buttonSecondaryMiniClear span, .buttonPrimaryMiniClear span { font-size: 8pt; } } .field, .input, .select { width: 100%; max-width: 500px; display: flex; flex-direction: column; text-align: left; margin-bottom: 10px; } .field label, .input label, .select label { margin-bottom: 5px; color: #222627; font-size: 9pt; order: 1; font-weight: 600; font-family: "Raleway", "Open Sans", sans-serif; text-transform: uppercase; } .field input, .input input, .select input, .field textarea, .input textarea, .select textarea { border-radius: 5px; background: #ffffff; padding: 10px 20px; border: 1px solid #E2E8EA; order: 2; height: 46px; color: #000000; font-size: 12pt; font-family: "Raleway", "Open Sans", sans-serif; font-weight: 300; text-decoration: none; outline: none; } .field input::-webkit-input-placeholder, .input input::-webkit-input-placeholder, .select input::-webkit-input-placeholder, .field textarea::-webkit-input-placeholder, .input textarea::-webkit-input-placeholder, .select textarea::-webkit-input-placeholder { color: #a2a7a8; } .field input::-moz-placeholder, .input input::-moz-placeholder, .select input::-moz-placeholder, .field textarea::-moz-placeholder, .input textarea::-moz-placeholder, .select textarea::-moz-placeholder { color: #a2a7a8; } .field input:-ms-input-placeholder, .input input:-ms-input-placeholder, .select input:-ms-input-placeholder, .field textarea:-ms-input-placeholder, .input textarea:-ms-input-placeholder, .select textarea:-ms-input-placeholder { color: #a2a7a8; } .field textarea, .input textarea, .select textarea { resize: none; height: 150px; } .field input:-webkit-autofill, .input input:-webkit-autofill, .select input:-webkit-autofill, .field textarea:-webkit-autofill, .input textarea:-webkit-autofill, .select textarea:-webkit-autofill { -webkit-text-fill-color: #000 !important; -webkit-box-shadow: 0 0 0 30px white inset !important; background-color: transparent !important; } .field input:active, .input input:active, .select input:active, .field input:focus, .input input:focus, .select input:focus, .field textarea:active, .input textarea:active, .select textarea:active, .field textarea:focus, .input textarea:focus, .select textarea:focus { border-color: #0094d9; } .field input:active + label, .input input:active + label, .select input:active + label, .field input:focus + label, .input input:focus + label, .select input:focus + label, .field textarea:active + label, .input textarea:active + label, .select textarea:active + label, .field textarea:focus + label, .input textarea:focus + label, .select textarea:focus + label { color: #0094d9; } .field input.warn, .input input.warn, .select input.warn, .field textarea.warn, .input textarea.warn, .select textarea.warn { border-color: #F44336; } .field input.warn ~ p, .input input.warn ~ p, .select input.warn ~ p, .field input.warn ~ label, .input input.warn ~ label, .select input.warn ~ label, .field textarea.warn ~ p, .input textarea.warn ~ p, .select textarea.warn ~ p, .field textarea.warn ~ label, .input textarea.warn ~ label, .select textarea.warn ~ label { color: #F44336; } .field input.warn::-webkit-input-placeholder, .input input.warn::-webkit-input-placeholder, .select input.warn::-webkit-input-placeholder, .field textarea.warn::-webkit-input-placeholder, .input textarea.warn::-webkit-input-placeholder, .select textarea.warn::-webkit-input-placeholder { color: #F44336; opacity: 0.5; } .field input.warn::-moz-placeholder, .input input.warn::-moz-placeholder, .select input.warn::-moz-placeholder, .field textarea.warn::-moz-placeholder, .input textarea.warn::-moz-placeholder, .select textarea.warn::-moz-placeholder { color: #F44336; opacity: 0.5; } .field input.warn:-ms-input-placeholder, .input input.warn:-ms-input-placeholder, .select input.warn:-ms-input-placeholder, .field textarea.warn:-ms-input-placeholder, .input textarea.warn:-ms-input-placeholder, .select textarea.warn:-ms-input-placeholder { color: #F44336; opacity: 0.5; } .customLabel { width: 100%; margin-bottom: 15px; color: #a2a7a8; font-size: 9pt; font-weight: 600; font-family: "Raleway", "Open Sans", sans-serif; text-transform: uppercase; } /** Checkbox, Radio, Input, Select, ImageUpload */ .checkbox { position: relative; display: flex; min-height: 28px; align-items: center; } .checkbox label { cursor: pointer; position: absolute; width: 28px; height: 28px; top: 0; left: 0; background: #fff; border: 1px solid #aaaaaa; border-radius: 2px; } .checkbox label:after { opacity: 0; content: ''; position: absolute; width: 11.2px; height: 6.2px; background: transparent; top: 8px; left: 7px; border: 2px solid #6b6bb0; border-top: none; border-right: none; transform: rotate(-45deg); } .checkbox label:hover { background: #f9f9f9; border: 1px solid #888888; } .checkbox label:hover ~ p { color: #777; } .checkbox input { height: 28px; width: 28px; opacity: 0; } .checkbox input[type=checkbox]:checked + label:after { opacity: 1; } .checkbox input[type=checkbox]:checked ~ p { color: #6b6bb0; } .checkbox p { position: relative; font-size: 10pt; font-weight: 500; font-family: "Raleway", "Open Sans", sans-serif; color: #888; margin-left: 7px; margin-right: 2px; } .radio { position: relative; display: flex; min-height: 28px; align-items: center; } .radio label { cursor: pointer; position: absolute; width: 28px; height: 28px; top: 0; left: 0; background: #fff; border: 1px solid #aaaaaa; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .radio label:after { opacity: 0; content: ''; position: relative; width: 14px; height: 14px; background: transparent; border-radius: 50%; background: #6b6bb0; } .radio label:hover { background: #f9f9f9; border: 1px solid #888888; } .radio label:hover ~ p { color: #777; } .radio input { height: 28px; width: 28px; opacity: 0; } .radio input[type=radio]:checked + label:after { opacity: 1; } .radio input[type=radio]:checked ~ p { color: #6b6bb0; } .radio p { position: relative; font-size: 10pt; font-weight: 500; font-family: "Raleway", "Open Sans", sans-serif; color: #888; margin-left: 7px; margin-right: 2px; } .input label { display: none; } .input p { margin-bottom: 5px; color: #a2a7a8; font-size: 9pt; order: 1; font-weight: 600; font-family: "Raleway", "Open Sans", sans-serif; text-transform: uppercase; } .input input:active, .input input:focus, .input textarea:active, .input textarea:focus { border-color: #0094d9; } .input input:active ~ p, .input input:active + p, .input input:focus ~ p, .input input:focus + p, .input textarea:active ~ p, .input textarea:active + p, .input textarea:focus ~ p, .input textarea:focus + p { color: #0094d9 !important; } .input.force-active input, .input.force-active textarea { border-color: #6b6bb0; color: #6b6bb0 !important; background: #f5f5f5; } .input.force-active p { color: #6b6bb0 !important; } .select select { border-radius: 5px; background: #ffffff; border: 1px solid #E2E8EA; order: 2; height: 46px; color: #000000; font-size: 12pt; font-family: "Raleway", "Open Sans", sans-serif; font-weight: 300; text-decoration: none; outline: none; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%; -moz-appearance: none; -webkit-appearance: none; padding: 5px 20px; position: relative; } .select datalist select { margin-top: 76px !important; height: auto !important; background: #ffffff !important; max-height: 100px; overflow-y: scroll; border-radius: 6px; } .select label { display: none; } .select > p { margin-bottom: 5px; color: #a2a7a8; font-size: 9pt; font-weight: 600; font-family: "Raleway", "Open Sans", sans-serif; text-transform: uppercase; } .select .input { padding-top: 10px; order: 2; } .group-checkbox, .group-radio { display: flex; flex-direction: column; } .group-checkbox > p, .group-radio > p { margin-bottom: 5px; color: #a2a7a8; font-size: 9pt; font-weight: 600; font-family: "Raleway", "Open Sans", sans-serif; text-transform: uppercase; } .group-checkbox .container, .group-radio .container { display: grid !important; grid-template-columns: 1fr 1fr !important; grid-column-gap: 10px !important; grid-row-gap: 10px !important; padding: 5px !important; border: 1px solid #E2E8EA; border-radius: 4px; min-height: 46px !important; align-items: center; } .group-checkbox .container .checkbox, .group-checkbox .container .radio, .group-radio .container .checkbox, .group-radio .container .radio { grid-column: span 1; } .upload { width: auto; max-width: 250px; display: flex; flex-direction: column; text-align: left; margin-bottom: 20px; justify-content: flex-start; } .upload label, .upload p { margin-bottom: 5px; color: #a2a7a8; font-size: 9pt; order: 1; font-weight: 600; font-family: "Raleway", "Open Sans", sans-serif; text-transform: uppercase; } .upload .upload-container { order: 2; width: 250px; height: 250px; border-radius: 5px; padding: 20px; border: 1px solid #E2E8EA; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; } .upload .upload-container div.picture { width: 100%; height: 100%; position: relative; background: #c7e3f9; } .upload .upload-container div.picture input { display: none; } .upload .upload-container div.picture img { width: 100%; height: 100%; object-fit: cover; } .upload .upload-action { width: 250px; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 10px; padding-top: 14px; order: 3; } .upload .upload-action .upload-button { grid-column: span 1; } .upload .upload-action .upload-button-remove { grid-column: span 1; background: transparent; border: 1px solid #F44336; } .upload .upload-action .upload-button-remove .loader i { color: #F44336 !important; } .upload .upload-action .upload-button-remove i { color: #F44336 !important; } .upload .upload-action .upload-button-remove span { color: #F44336 !important; } .upload .upload-action .upload-button-remove:hover { background: #F44336; } .upload .upload-action .upload-button-remove:hover i, .upload .upload-action .upload-button-remove:hover span, .upload .upload-action .upload-button-remove:hover .loader i { color: #ffffff !important; } .upload .upload-container.warn { border-color: #F44336; color: #F44336; } .upload .upload-container.warn ~ p, .upload .upload-container.warn label { color: #F44336; } .upload input.warn::-webkit-input-placeholder { color: #F44336; } .upload input.warn::-moz-placeholder { color: #F44336; } .upload input.warn:-ms-input-placeholder { color: #F44336; } .cardView { width: 100%; border-radius: 4px; background: #fff; box-shadow: 0 1px 5px 0 rgba(90, 92, 107, 0.05), 0 1px 5px 0 rgba(90, 92, 107, 0.05); min-height: 20px; margin-bottom: 20px; } .cardView .content { padding: 20px; display: flex; flex-direction: column; } @media all and (max-width: 992px) { .cardView .content { padding: 10px; } } .containerBorder { min-height: 36px; padding: 10px; border-radius: 6px; border: 1px solid #eeeeee; min-width: 100px; } .contentLabel { font-size: 10pt; color: #a3a5a6; display: inline-flex; font-weight: 600; font-family: "Raleway", "Open Sans", sans-serif; } .contentLabel::after { content: ""; padding-left: 1px; padding-right: 5px; } .contentContainer { display: flex; align-items: center; margin: 5px 10px 5px 0; } .contentContainer i { font-size: 12pt; color: #a3a5a6; margin-right: 5px; } .contentContainer span:not(.contentLabel) { color: #000000; font-weight: 400; font-size: 10pt; } body .mobileOnly { display: none !important; } @media all and (max-width: 992px) { body .mobileOnly { display: flex !important; } } .customScroll::-webkit-scrollbar-track { border: 1px solid #eeeeee; border-radius: 10px; } .customScroll::-webkit-scrollbar { width: 10px; } .customScroll::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #dddddd; } .defaultContainer, body.primary nav .nav-container .nav-content, body.primary main section .section-content, body.primary footer .footer-container, body.secondary nav .nav-container .nav-content, body.secondary main section .section-content, body.secondary footer .footer-container, body main section .section-content { max-width: 1200px; width: 100%; margin: 0 auto; padding: 0; display: flex; flex-direction: row; align-items: center; } @media all and (max-width: 992px) { .defaultContainer, body.primary nav .nav-container .nav-content, body.primary main section .section-content, body.primary footer .footer-container, body.secondary nav .nav-container .nav-content, body.secondary main section .section-content, body.secondary footer .footer-container, body main section .section-content { max-width: 1200px; width: 100%; margin: 0 auto; display: flex; flex-direction: row; align-items: center; padding: 0 15px; } } .special-shape { margin-top: -80px; transform: scale(1.2); margin-left: 40px; z-index: 0; width: 100%; height: 400px; display: flex; align-items: center; justify-content: center; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1)); } .special-shape .special-shape-overlay { position: absolute; width: 400px; height: 400px; clip-path: url(#special-shape); -webkit-clip-path: url(#special-shape); -moz-clip-path: url(#special-shape); z-index: 1; transform: scale(1); transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; } .special-shape .special-shape-overlay:hover { transform: scale(1.03); transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; } @media all and (max-width: 992px) { .special-shape { margin-left: 0; height: 400px; margin-top: 0; transform: none; } .special-shape .special-shape-overlay { position: relative; clip-path: url(#special-shape-mobile); -webkit-clip-path: url(#special-shape-mobile); -moz-clip-path: url(#special-shape-mobile); background-size: cover; } } @media all and (max-width: 460px) { .special-shape { margin-left: 0; height: 300px; margin-top: 0; transform: none; } .special-shape .special-shape-overlay { position: relative; height: 300px; width: 300px; clip-path: url(#special-shape-mobile300); -webkit-clip-path: url(#special-shape-mobile300); -moz-clip-path: url(#special-shape-mobile300); background-size: cover; } } .special-shape-header { z-index: 0; width: 100%; height: 600px; display: flex; align-items: center; justify-content: center; animation-name: fadein; animation-duration: 0.5s; } .special-shape-header .special-shape-overlay { position: absolute; top: 0; right: 0; width: 900px; height: 600px; clip-path: url(#special-shape-header-900); -webkit-clip-path: url(#special-shape-header-900); -moz-clip-path: url(#special-shape-header-900); z-index: 1; transform: scale(1); } @media all and (max-width: 1100px) { .special-shape-header { height: 400px; } .special-shape-header .special-shape-overlay { width: 600px; height: 400px; clip-path: url(#special-shape-header-600); -webkit-clip-path: url(#special-shape-header-600); -moz-clip-path: url(#special-shape-header-600); } } body a, body p, body div { -webkit-appearance: none !important; -moz-appearance: none !important; } .mdl-button { font-size: 12px; height: auto; line-height: 2; padding: 3px 10px; } .seriousLink { text-decoration: none !important; color: inherit !important; cursor: pointer; } body .background { overflow-x: hidden !important; } .divider { width: 100%; margin-top: 5px; height: 1px; background: #eeeeee; } .doNotSelect { user-select: none; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; } .HELPERContentContainer { width: 100%; max-width: 1200px; display: flex; flex-direction: column; align-items: center; position: relative; } .HELPERFilterInfoContainer { color: #157EFB; width: 100%; font-size: 10pt; margin-bottom: 20px; font-weight: 300; padding: 15px; height: inherit; display: flex; text-align: justify; justify-content: flex-start; align-items: center; background: transparent; border-radius: 6px; border: 1px dashed #157EFB; } .HELPERFilterInfoContainer .HELPERFilterInfoContent { flex: 1; } .HELPERFilterInfoButton { background: transparent; border: 1px solid #157EFB; } .HELPERFilterInfoButton .loader i { color: #157EFB !important; } .HELPERFilterInfoButton i { color: #157EFB !important; } .HELPERFilterInfoButton span { color: #157EFB !important; } .HELPERFilterInfoButton:hover { background: #157EFB; } .HELPERFilterInfoButton:hover i, .HELPERFilterInfoButton:hover span, .HELPERFilterInfoButton:hover .loader i { color: #ffffff !important; } @media all and (min-width: 992px) { .HELPERFilterInfoContainer .HELPERFilterInfoContent { padding-right: 20px; } } .connSuiteHelperContainer { max-width: 1200px; text-align: center; width: 100%; padding: 10px 20px 10px 20px; height: inherit; display: flex; background: #EBF9FF; border-radius: 5px; border: 1px solid #ACE6FD; flex-direction: row; justify-content: center; align-items: center; } .connSuiteHelperContent { flex: 1; text-align: left; color: #6b6bb0; font-size: 1em; } .connSuiteHelperButton { height: 46px; margin-left: 30px; border-radius: 23px; background: transparent; border: 1px solid #6b6bb0; display: flex; justify-content: center; align-items: center; min-width: 160px; padding: 0 20px; cursor: pointer; } .connSuiteHelperButton span { color: #6b6bb0; } .connSuiteHelperButton:hover span { color: #ffffff; } .connSuiteHelperButton:hover, .connSuiteHelperButton:active { background: #6b6bb0; color: #ffffff; } @media all and (max-width: 992px) { .connSuiteHelperContainer { padding-right: 10px; } .connSuiteHelperButton { margin-top: 20px; margin-left: 0; } .connSuiteHelperContainer { flex-direction: column; } .connSuiteHelperContent { text-align: center; width: 100%; } } .labelThis { cursor: pointer; } .labelThis div { position: absolute; height: inherit; display: flex; align-items: center; } .labelThis div span:first-child { display: none; font-size: 8pt; position: relative; } .labelThis:hover div span:first-child { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08); border-radius: 3px; padding: 5px 10px 5px 10px; display: block; background: #000000; background: rgba(0, 0, 0, 0.85); z-index: 3000; margin-left: 70px; position: relative; text-decoration: none; color: #ffffff; } #toast { position: fixed; width: 100%; height: 100%; display: flex; z-index: 10000; justify-content: center; align-items: flex-end; bottom: 20%; } #toastInnerContainer { box-shadow: 0 0 30px rgba(0, 0, 0, 0.4); border-radius: 22px; padding: 8px 15px 8px 15px; background: #000; min-height: 34px; background: rgba(0, 0, 0, 0.9); z-index: 1000; min-width: 250px; text-decoration: none; color: #ffffff; display: flex; justify-content: center; align-items: center; text-align: center; user-select: none; } .shadow1DP { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -2px rgba(0, 0, 0, 0.15), 0 1px 4px 0 rgba(0, 0, 0, 0.1); } .shadow2DP { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .customContainer { width: 100%; align-self: center; max-width: 1200px; height: 100%; } .customContainerS { width: 100%; align-self: center; max-width: 1200px; } /** SAFARI DOES NOT PLAY WELL WITH height : 100% */ .customContainerPadding { width: 100%; align-self: center; max-width: 1200px; height: 100%; padding-left: 15px; padding-right: 15px; } /** CUSTOMIZING BOOTSTRAP DIALOGS */ body .modal { background: rgba(0, 0, 0, 0.4); } body .modal-dialog .modal-content { border: none !important; box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.15), 0 2px 9px 0 rgba(90, 92, 107, 0.1); border-radius: 4px; font-family: "Raleway", "Open Sans", sans-serif !important; font-size: 10pt !important; padding: 10px; } body .modal-dialog .modal-content .modal-header { font-size: 15pt; font-family: "Raleway", "Open Sans", sans-serif !important; border: none !important; } body .modal-dialog .modal-content .modal-header h4, body .modal-dialog .modal-content .modal-header .modal-title { color: #0094d9; font-weight: 400; } body .modal-dialog .modal-content .modal-header .close { order: 2; cursor: pointer; height: 30px; width: 30px; border-radius: 50%; background: #fafafa; border: 1px solid #eeeeee; display: flex; justify-content: center; align-items: center; margin: 5px; opacity: 1; } body .modal-dialog .modal-content .modal-header .close span { font-weight: 300 !important; color: #aaaaaa; text-shadow: none; } body .modal-dialog .modal-content .modal-header .close:hover { background: #eeeeee; } body .modal-dialog .modal-content .modal-header .close:hover span { color: #888888; } body .modal-dialog .modal-content .modal-header.modal-headerDelete h4 { color: #F44336 !important; } body .modal-dialog .modal-content .modal-header.modal-headerComplementary h4 { color: #000000; } body .modal-dialog .modal-content .modal-footer { border: none !important; } body .modal-dialog .modal-content .modal-footer .modalButton { font-weight: 600; font-size: 12pt; color: #0094d9; cursor: pointer; padding: 5px 10px; border-radius: 4px; } body .modal-dialog .modal-content .modal-footer .modalButton.cancel { color: #aaaaaa !important; } body .modal-dialog .modal-content .modal-footer .modalButton.cancel:hover { color: #dddddd; } body .modal-dialog .modal-content .modal-footer .modalButton:hover { background: #f5f5f5; color: #40c2ff; } body .modal-dialog .modal-content .modal-footer .modalButtonCancel { font-weight: 600; font-size: 12pt; color: #aaaaaa !important; padding: 5px 10px; cursor: pointer; border-radius: 4px; } body .modal-dialog .modal-content .modal-footer .modalButtonCancel:hover { color: #888888; background: #f5f5f5 !important; } body .modal-dialog .modal-content .modal-footer .modalButtonDelete { font-weight: 600; font-size: 12pt; color: #F44336 !important; cursor: pointer; border-radius: 4px; padding: 5px 10px; } body .modal-dialog .modal-content .modal-footer .modalButtonDelete:hover { color: #C62828; background: #f5f5f5; } @media all and (min-width: 992px) { body .modal-dialog { max-width: 800px; overflow-y: auto; margin: 0 auto; display: flex; align-items: center; justify-content: center; min-height: 100vh; } } @media all and (max-width: 992px) { body .modal-dialog .modal-content { border: none !important; box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.15), 0 2px 9px 0 rgba(90, 92, 107, 0.1); border-radius: 4px; font-family: "Raleway", "Open Sans", sans-serif !important; font-size: 10pt !important; padding: 10px; } body .modal-dialog .modal-content .modal-header { font-size: 15pt; font-family: "Raleway", "Open Sans", sans-serif !important; border: none !important; } body .modal-dialog .modal-content .modal-header h4, body .modal-dialog .modal-content .modal-header .modal-title { color: #0094d9 !important; font-weight: 400; } body .modal-dialog .modal-content .modal-body { padding: 0 !important; } } /** Animations */ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } /* Firefox < 16 */ @-moz-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } /* Internet Explorer */ @-ms-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } /* Opera < 12.1 */ @-o-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeinAdd { from { opacity: 0.4; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadeinAdd { from { opacity: 0.4; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadeinAdd { from { opacity: 0.4; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadeinAdd { from { opacity: 0.4; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadeinAdd { from { opacity: 0.4; } to { opacity: 1; } } @keyframes fadeinDetailCover { from { opacity: 0; } to { opacity: 0.85; } } @-moz-keyframes fadeinDetailCover { from { opacity: 0; } to { opacity: 0.85; } } @-webkit-keyframes fadeinDetailCover { from { opacity: 0; } to { opacity: 0.85; } } @-ms-keyframes fadeinDetailCover { from { opacity: 0; } to { opacity: 0.85; } } @-o-keyframes fadeinDetailCover { from { opacity: 0; } to { opacity: 0.85; } } @keyframes fadeOutDetailCover { from { opacity: 0.85; } to { opacity: 0; } } @-moz-keyframes fadeOutDetailCover { from { opacity: 0.85; } to { opacity: 0; } } @-webkit-keyframes fadeOutDetailCover { from { opacity: 0.85; } to { opacity: 0; } } @-ms-keyframes fadeOutDetailCover { from { opacity: 0.85; } to { opacity: 0; } } @-o-keyframes fadeOutDetailCover { from { opacity: 0.85; } to { opacity: 0; } } .transitionContainer { height: 100vh; width: 100%; position: fixed; z-index: 10000; background: #ffffff; display: none; } /** * Tooltip * Tooltip Styles */ @media all and (min-width: 992px) { /* Base styles for the element that has a tooltip */ [data-tooltip], .tooltip { position: relative; cursor: pointer; z-index: 1000; } /* Base styles for the entire tooltip */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; } /* Show the entire tooltip on hover and focus */ [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* Base styles for the tooltip's directional arrow */ .tooltip:before, [data-tooltip]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content: ""; } /* Base styles for the tooltip's content area */ .tooltip:after, [data-tooltip]:after { z-index: 10000; padding: 10px 10px; width: 180px; background-color: #000; background-color: black; color: #fff; text-align: center; content: attr(data-tooltip); font-size: 12px; line-height: 1.2; border-radius: 3px; } /* Directions */ /* Top (default) */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after { bottom: 100%; left: 50%; } [data-tooltip]:before, .tooltip:before, .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #000; border-top-color: black; } /* Horizontally align top/bottom tooltips */ [data-tooltip]:after, .tooltip:after, .tooltip-top:after { margin-left: -80px; } [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, .tooltip-top:hover:before, .tooltip-top:hover:after, .tooltip-top:focus:before, .tooltip-top:focus:after { -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); transform: translateY(-12px); } /* Left */ .tooltip-left:before, .tooltip-left:after { right: 100%; bottom: 50%; left: auto; } .tooltip-left:before { margin-left: 0; margin-right: -12px; margin-bottom: 0; border-top-color: transparent; border-left-color: #000; border-left-color: black; } .tooltip-left:hover:before, .tooltip-left:hover:after, .tooltip-left:focus:before, .tooltip-left:focus:after { -webkit-transform: translateX(-12px); -moz-transform: translateX(-12px); transform: translateX(-12px); } /* Bottom */ .tooltip-bottom:before, .tooltip-bottom:after { top: 100%; bottom: auto; left: 50%; } .tooltip-bottom:before { margin-top: -12px; margin-bottom: 0; border-top-color: transparent; border-bottom-color: #000; border-bottom-color: black; } .tooltip-bottom:hover:before, .tooltip-bottom:hover:after, .tooltip-bottom:focus:before, .tooltip-bottom:focus:after { -webkit-transform: translateY(12px); -moz-transform: translateY(12px); transform: translateY(12px); } /* Right */ .tooltip-right:before, .tooltip-right:after { bottom: 50%; left: 100%; } .tooltip-right:before { margin-bottom: 0; margin-left: -12px; border-top-color: transparent; border-right-color: #000; text-align: left; border-right-color: black; } .tooltip-right:hover:before, .tooltip-right:hover:after, .tooltip-right:focus:before, .tooltip-right:focus:after { -webkit-transform: translateX(12px); -moz-transform: translateX(12px); transform: translateX(12px); } /* Move directional arrows down a bit for left/right tooltips */ .tooltip-left:before, .tooltip-right:before { top: 3px; } /* Vertically center tooltip content for left/right tooltips */ .tooltip-left:after, .tooltip-right:after { margin-left: 0; margin-bottom: -16px; } } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loader { display: flex; align-items: center; height: 100%; padding-left: 10px; } .loader i { width: 19px; font-size: 14pt; color: #6b6bb0; margin-left: 0; margin-right: 0 !important; line-height: 0 !important; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; padding: 0 !important; } .loaderBlue { display: none; height: 26px; width: 26px; margin-left: 10px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgIGhlaWdodD0iMjZweCIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0ibGRzLXJvbGxpbmciIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgbmctYXR0ci1zdHJva2U9Int7Y29uZmlnLmNvbG9yfX0iIG5nLWF0dHItc3Ryb2tlLXdpZHRoPSJ7e2NvbmZpZy53aWR0aH19IiBuZy1hdHRyLXI9Int7Y29uZmlnLnJhZGl1c319IiBuZy1hdHRyLXN0cm9rZS1kYXNoYXJyYXk9Int7Y29uZmlnLmRhc2hhcnJheX19IiBzdHJva2U9IiMwMDZiZDUiIHN0cm9rZS13aWR0aD0iMTUiIHI9IjM1IiBzdHJva2UtZGFzaGFycmF5PSIxNjQuOTMzNjE0MzEzNDY0MTUgNTYuOTc3ODcxNDM3ODIxMzgiIHRyYW5zZm9ybT0icm90YXRlKDI0IDUwIDUwKSI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGNhbGNNb2RlPSJsaW5lYXIiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS41cyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvc3ZnPg==); } .loaderWhite { display: none; height: 26px; width: 26px; margin-left: 10px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgIGhlaWdodD0iMjZweCIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0ibGRzLXJvbGxpbmciIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgbmctYXR0ci1zdHJva2U9Int7Y29uZmlnLmNvbG9yfX0iIG5nLWF0dHItc3Ryb2tlLXdpZHRoPSJ7e2NvbmZpZy53aWR0aH19IiBuZy1hdHRyLXI9Int7Y29uZmlnLnJhZGl1c319IiBuZy1hdHRyLXN0cm9rZS1kYXNoYXJyYXk9Int7Y29uZmlnLmRhc2hhcnJheX19IiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMTUiIHI9IjM1IiBzdHJva2UtZGFzaGFycmF5PSIxNjQuOTMzNjE0MzEzNDY0MTUgNTYuOTc3ODcxNDM3ODIxMzgiIHRyYW5zZm9ybT0icm90YXRlKDI0IDUwIDUwKSI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGNhbGNNb2RlPSJsaW5lYXIiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS41cyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvc3ZnPg==); } .loaderGray { display: none; height: 26px; width: 26px; margin-left: 10px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgIGhlaWdodD0iMjZweCIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0ibGRzLXJvbGxpbmciIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgbmctYXR0ci1zdHJva2U9Int7Y29uZmlnLmNvbG9yfX0iIG5nLWF0dHItc3Ryb2tlLXdpZHRoPSJ7e2NvbmZpZy53aWR0aH19IiBuZy1hdHRyLXI9Int7Y29uZmlnLnJhZGl1c319IiBuZy1hdHRyLXN0cm9rZS1kYXNoYXJyYXk9Int7Y29uZmlnLmRhc2hhcnJheX19IiBzdHJva2U9IiNhYWFhYWEiIHN0cm9rZS13aWR0aD0iMTUiIHI9IjM1IiBzdHJva2UtZGFzaGFycmF5PSIxNjQuOTMzNjE0MzEzNDY0MTUgNTYuOTc3ODcxNDM3ODIxMzgiIHRyYW5zZm9ybT0icm90YXRlKDI0IDUwIDUwKSI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGNhbGNNb2RlPSJsaW5lYXIiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS41cyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvc3ZnPg==); } #logLoader { width: 140px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); background: #000000; border-radius: 5px; padding: 15px; display: flex; z-index: 10000000; justify-content: center; align-items: center; } #logLoader span { color: #ffffff; font-size: 14pt; font-family: "Lato", "Source Sans Pro", sans-serif; } #logLoaderBackground { width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 100000; background: #ffffff; } /** ALERT */ #customAlertContainer { position: fixed; z-index: 10000000; right: 2%; top: 2%; width: 300px; display: flex; flex-direction: column; } #customAlertContainer .customAlert { box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.15), 0 2px 9px 0 rgba(90, 92, 107, 0.1); padding: 15px 15px; border-radius: 5px; color: #ffffff; font-size: 10pt; font-family: 'Raleway','Open Sans','Arial', sans-serif; font-weight: 500; text-align: center; } #customAlertContainer .customAlert .warnContainer { position: absolute; top: 0; left: 0; bottom: 0; display: flex; align-items: center; padding-left: 10px; } #customAlertContainer .customAlert .warnContainer i { line-height: 0; color: #ffffff; font-size: 17pt; } #customAlertSuccess { background: #6b6bb0; margin-bottom: 10px; } #customAlertFailure { background: #F44336; padding: 15px 15px 15px 45px !important; } @media all and (max-width: 992px) { #customAlertContainer { position: fixed; z-index: 5; right: auto; margin: 0 auto; top: 70px; width: 100%; padding: 0 15px; max-width: 400px; } } a { text-decoration: none !important; } .vanLoadingToast { position: fixed; z-index: 999999; bottom: 40px; margin: 0 auto; width: 100%; display: flex; justify-content: center; align-items: center; } .vanLoadingToast span { font-family: "Raleway", "Open Sans", sans-serif; font-weight: 500; max-width: 220px; height: 50px; color: #ffffff; font-size: 11pt; text-align: center; width: 100%; display: flex; justify-content: center; align-items: center; background: #000000; border-radius: 6px; box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.15), 0 2px 9px 0 rgba(90, 92, 107, 0.1); } @keyframes nav-collapse { from { opacity: 1; top: 0; } to { opacity: 0; top: -100px; } } @keyframes nav-open { from { top: -100px; } to { top: 0; } } body.primary { min-height: 100vh; height: 100%; width: 100vw; display: flex; flex-direction: column; background: #f5fafe; } body.primary nav { position: fixed; height: 86px; width: 100%; z-index: 100; background: #222627; } body.primary nav.nav-collapse { animation: nav-collapse .5s ease forwards; } body.primary nav.nav-open { animation: nav-open .5s ease forwards; } body.primary nav .nav-container { width: 100%; height: 100%; background: #222627; box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.07), 0 2px 9px 0 rgba(90, 92, 107, 0.08); z-index: 3; animation-name: fadein; animation-duration: 0.2s; } body.primary nav .nav-container .nav-content { padding: 0; flex-direction: row; align-items: center; position: relative; height: 100%; } body.primary nav .nav-container .nav-content .nav-logo-container { width: 240px; position: absolute; left: 0; height: 96px; top: 0; border-radius: 0 0 60px 30px; box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.15), 0 2px 9px 0 rgba(90, 92, 107, 0.1); display: flex; justify-content: center; align-items: center; background: #40c2ff; background: linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -webkit-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -moz-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -o-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); padding: 12px 20px; } body.primary nav .nav-container .nav-content .nav-logo-container img { width: 100%; height: 100%; object-fit: contain; } body.primary nav .nav-container .nav-content .nav-menu { flex: 1; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page { display: flex; align-items: center; justify-content: center; margin-left: 10px; flex-direction: column; position: relative; cursor: pointer; padding: 0 10px; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page:first-of-type { margin-left: 0; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page span { text-align: center; color: #ffffff; font-size: 11pt; align-items: center; justify-content: center; display: flex; line-height: 1.2; opacity: 0.6; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page span::after { display: none; content: ''; position: absolute; bottom: -10px; width: 100%; left: 0; right: 0; max-width: 100px; height: 2px; border-radius: 1px; margin: 0 auto; background: #40c2ff; background: linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -webkit-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -moz-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -o-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page.active { cursor: auto; padding: 0 15px; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page.active span { opacity: 1; font-weight: 500; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page.active span::after { display: block; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page:hover span { opacity: 1; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.login { display: flex; align-items: center; justify-content: center; margin-left: 10px; flex-direction: column; position: relative; cursor: pointer; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div { height: 38px; border-radius: 19px; background: rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center; padding: 5px 15px; opacity: 0.6; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div i { font-size: 12pt; color: #ffffff; width: 16px; margin-right: 6px; font-weight: 500; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div span { font-size: 10pt; color: #ffffff; font-weight: 500; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div:hover { opacity: 1; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language { margin-left: 20px; cursor: pointer; position: relative; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language span { font-size: 11pt; color: #6b6bb0; font-weight: 500; display: flex; align-items: center; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language span i { font-size: 12pt; width: 16px; padding-left: 3px; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language span:hover { color: #7c7cb9; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language span:hover i { color: #7c7cb9; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container { display: none; position: absolute; right: 0; top: 40px; width: 200px; height: auto; box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.15), 0 2px 9px 0 rgba(90, 92, 107, 0.1); border-radius: 6px; background: #222627; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu { width: 100%; display: flex; flex-direction: column; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item:first-of-type { border-radius: 6px 6px 0 0; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item:last-of-type { border-radius: 0 0 6px 6px; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item { cursor: pointer; height: 50px; width: 100%; display: flex; align-items: center; justify-content: center; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item span { font-size: 10pt; color: #ffffff; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item:hover { background: rgba(255, 255, 255, 0.05); } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item.active { background: #6b6bb0; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item.active:hover { background: #6b6bb0; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language.active .language-menu-container { display: block; } body.primary nav .nav-container-mobile { display: none; height: 100%; z-index: 1; } body.primary nav .nav-container-mobile .nav-content { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; } body.primary nav .nav-container-mobile .nav-content .nav-logo-container { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 100%; padding: 10px; } body.primary nav .nav-container-mobile .nav-content .nav-logo-container img { height: 100%; width: 100%; max-width: 200px; object-fit: contain; } body.primary nav .nav-container-mobile .nav-content:before { content: '\2630'; height: 42px; width: 42px; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: #6b6bb0; background: #ffffff; border: 1px solid #eeeeee; position: absolute; left: 10px; } body.primary nav .nav-container-mobile .nav-content:hover:before, body.primary nav .nav-container-mobile .nav-content:active:before, body.primary nav .nav-container-mobile .nav-content:focus:before { background: #eeeeee; } body.primary nav .nav-overlay { display: none; } body.primary main { width: 100%; padding-top: 86px; } body.primary main section { width: 100%; position: relative; } body.primary main section .section-content { height: 100%; padding-left: 10px; padding-right: 10px; } body.primary main section .section-content .section-title { display: flex; flex-direction: column; width: 100%; padding-bottom: 20px; } body.primary main section .section-content .section-title img { width: 140px; object-fit: contain; margin-bottom: 10px; } body.primary main section .section-content .section-title p { font-size: 18pt; color: #222627; text-transform: uppercase; font-weight: 700; } body.primary footer { height: 140px; background: #222627; width: 100%; } body.primary footer .footer-container { height: 100%; display: grid; grid-template-columns: repeat(5, 1fr); } body.primary footer .footer-container .col { grid-column: span 1; display: flex; height: 100%; align-items: center; justify-content: center; flex-direction: row; } body.primary footer .footer-container .col .icon { height: 30px; width: 30px; border-radius: 50%; background: #ffffff; display: flex; justify-content: center; align-items: center; margin-right: 10px; } body.primary footer .footer-container .col .icon i { font-size: 13pt; color: #222627; } body.primary footer .footer-container .col span { color: #ffffff; font-size: 10pt; font-weight: 600; } body.primary footer .footer-container .col .image { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } body.primary footer .footer-container .col .image img { width: 100%; height: 100%; max-height: 110px; object-fit: contain; } @media all and (max-width: 992px) { body.primary footer { height: auto; } body.primary footer .footer-container { padding: 20px 0; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; } body.primary footer .footer-container .col:not(.center) { width: 200px; justify-content: flex-start; order: 3; margin: 0 auto; } body.primary footer .footer-container .col:not(.center) span { flex: 1; text-align: center; } body.primary nav { background: #40c2ff; background: linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -webkit-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -moz-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -o-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); } body.primary nav .nav-container { position: fixed; height: 100vh; width: 90vw; left: -90vw; } body.primary nav .nav-container .nav-content { display: flex; flex-direction: column; } body.primary nav .nav-container .nav-content .nav-logo-container { position: relative; width: 100%; border-radius: 0 0 86px 0; } body.primary nav .nav-container .nav-content .nav-logo-container::before { position: absolute; left: 0; content: '\2715'; height: 42px; width: 42px; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: #6b6bb0; background: #ffffff; margin-right: 0; margin-left: 10px; box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.15), 0 2px 9px 0 rgba(90, 92, 107, 0.1); } body.primary nav .nav-container .nav-content .nav-logo-container:hover:before, body.primary nav .nav-container .nav-content .nav-logo-container:active:before, body.primary nav .nav-container .nav-content .nav-logo-container:focus:before { background: #eeeeee; } body.primary nav .nav-container .nav-content .nav-menu { flex: 1; width: 100%; padding: 30px 20px; flex-direction: column; align-items: center; justify-content: flex-start; overflow-y: scroll; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item { flex-shrink: 0; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page { display: flex; align-items: center; justify-content: center; margin-left: 0; flex-direction: column; position: relative; cursor: pointer; height: 50px; border-radius: 6px; background: rgba(255, 255, 255, 0.05); width: 100%; margin-bottom: 15px; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page span { text-align: center; color: #ffffff; font-size: 11pt; align-items: center; justify-content: center; display: flex; line-height: 1.2; opacity: 0.6; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page span br { width: 5px; content: ' '; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page span br::after { content: ' '; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page span::after { display: none; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page.active { cursor: auto; border: none; background: #40c2ff; background: linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -webkit-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -moz-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -o-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page.active span { opacity: 1; font-weight: 500; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page.active span::after { display: none; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page:hover, body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page:active, body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page:focus { background: rgba(255, 255, 255, 0.2); } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page:hover span, body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page:active span, body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.page:focus span { opacity: 1; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.login { display: flex; align-items: center; justify-content: center; margin-left: 0; width: 100%; margin-bottom: 10px; flex-direction: column; position: relative; cursor: pointer; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div { width: 100%; height: 50px; border-radius: 6px; background: rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center; padding: 5px 10px; opacity: 0.6; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div i { font-size: 12pt; color: #ffffff; width: 16px; margin-right: 6px; font-weight: 500; position: absolute; left: 15px; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div span { font-size: 11pt; color: #ffffff; font-weight: 300; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div:hover { opacity: 1; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language { width: 100%; margin-left: 0; cursor: pointer; display: flex; flex-direction: column; align-items: center; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language span { font-size: 11pt; color: #6b6bb0; font-weight: 500; text-align: center; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language span:hover { color: #7c7cb9; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container { display: none; position: relative; right: 0; top: 0; margin-top: 20px; width: 100%; height: auto; box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.15), 0 2px 9px 0 rgba(90, 92, 107, 0.1); border-radius: 6px; background: #222627; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu { width: 100%; display: flex; flex-direction: column; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item:first-of-type { border-radius: 6px 6px 0 0; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item:last-of-type { border-radius: 0 0 6px 6px; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item { cursor: pointer; height: 50px; width: 100%; display: flex; align-items: center; justify-content: center; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item span { font-size: 10pt; color: #ffffff; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item:hover { background: rgba(255, 255, 255, 0.05); } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item.active { background: #6b6bb0; } body.primary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item.active:hover { background: #6b6bb0; } body.primary nav .nav-container-mobile { display: flex; } body.primary nav .nav-overlay { height: 100vh; width: 100vw; background: #000; opacity: 0.8; z-index: 2; position: fixed; top: 0; bottom: 0; overflow-y: hidden; } body.primary main section .section-content .section-title { width: 100%; align-items: center; justify-content: center; } body.primary main section .section-content .section-title p { text-align: center; } body.primary.menu-visible { overflow-y: hidden; } body.primary.menu-visible nav .nav-container { left: 0; } } body.secondary { min-height: 100vh; height: 100%; width: 100vw; display: flex; flex-direction: column; background: #f5fafe; } body.secondary nav { position: fixed; height: 86px; width: 100%; z-index: 100; background: #222627; } body.secondary nav.nav-collapse { animation: nav-collapse .5s ease forwards; } body.secondary nav.nav-open { animation: nav-open .5s ease forwards; } body.secondary nav .nav-container { width: 100%; height: 100%; background: #222627; box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.07), 0 2px 9px 0 rgba(90, 92, 107, 0.08); z-index: 3; animation-name: fadein; animation-duration: 0.2s; } body.secondary nav .nav-container .nav-content { padding: 0; flex-direction: row; align-items: center; position: relative; height: 100%; } body.secondary nav .nav-container .nav-content .nav-logo-container { width: 240px; position: absolute; left: 0; height: 96px; top: 0; border-radius: 0 0 60px 30px; box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.15), 0 2px 9px 0 rgba(90, 92, 107, 0.1); display: flex; justify-content: center; align-items: center; background: #40c2ff; background: linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -webkit-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -moz-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); background: -o-linear-gradient(45deg, #0094d9 0, #6b6bb0 70%); padding: 12px 20px; } body.secondary nav .nav-container .nav-content .nav-logo-container img { width: 100%; height: 100%; object-fit: contain; } body.secondary nav .nav-container .nav-content .nav-menu { flex: 1; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; padding-left: 260px; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-button { height: 46px; width: 46px; border-radius: 50%; margin-right: 15px; background: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-button i { font-size: 16pt; color: #6b6bb0; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-button:hover, body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-button:active, body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-button:focus { background: #eee; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-title { flex: 1; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-title label { color: #ffffff; font-size: 12pt; font-weight: 600; margin-bottom: 2px; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-title p { color: #ffffff; font-size: 14pt; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.login { display: flex; align-items: center; justify-content: center; margin-left: 10px; flex-direction: column; position: relative; cursor: pointer; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div { height: 38px; border-radius: 19px; background: rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center; padding: 5px 15px; opacity: 0.6; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div i { font-size: 12pt; color: #ffffff; width: 16px; margin-right: 6px; font-weight: 500; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div span { font-size: 10pt; color: #ffffff; font-weight: 500; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.login div:hover { opacity: 1; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language { margin-left: 20px; cursor: pointer; position: relative; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language span { font-size: 11pt; color: #6b6bb0; font-weight: 500; display: flex; align-items: center; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language span i { font-size: 12pt; width: 16px; padding-left: 3px; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language span:hover { color: #7c7cb9; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language span:hover i { color: #7c7cb9; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container { display: none; position: absolute; right: 0; top: 40px; width: 200px; height: auto; box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.15), 0 2px 9px 0 rgba(90, 92, 107, 0.1); border-radius: 6px; background: #222627; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu { width: 100%; display: flex; flex-direction: column; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item:first-of-type { border-radius: 6px 6px 0 0; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item:last-of-type { border-radius: 0 0 6px 6px; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item { cursor: pointer; height: 50px; width: 100%; display: flex; align-items: center; justify-content: center; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item span { font-size: 10pt; color: #ffffff; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item:hover { background: rgba(255, 255, 255, 0.05); } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item.active { background: #6b6bb0; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item.active:hover { background: #6b6bb0; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language.active .language-menu-container { display: block; } body.secondary main { width: 100%; padding-top: 86px; } body.secondary main section { width: 100%; position: relative; } body.secondary main section .section-content { height: 100%; padding-left: 10px; padding-right: 10px; } body.secondary main section .section-content .section-title { display: flex; flex-direction: column; width: 100%; padding-bottom: 20px; } body.secondary main section .section-content .section-title img { width: 140px; object-fit: contain; margin-bottom: 10px; } body.secondary main section .section-content .section-title p { font-size: 18pt; color: #222627; text-transform: uppercase; font-weight: 700; } body.secondary footer { height: 140px; background: #222627; width: 100%; } body.secondary footer .footer-container { height: 100%; display: grid; grid-template-columns: repeat(5, 1fr); } body.secondary footer .footer-container .col { grid-column: span 1; display: flex; height: 100%; align-items: center; justify-content: center; flex-direction: row; } body.secondary footer .footer-container .col .icon { height: 30px; width: 30px; border-radius: 50%; background: #ffffff; display: flex; justify-content: center; align-items: center; margin-right: 10px; } body.secondary footer .footer-container .col .icon i { font-size: 13pt; color: #222627; } body.secondary footer .footer-container .col span { color: #ffffff; font-size: 10pt; font-weight: 600; } body.secondary footer .footer-container .col .image { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } body.secondary footer .footer-container .col .image img { width: 100%; height: 100%; max-height: 110px; object-fit: contain; } @media all and (max-width: 992px) { body.secondary nav { position: fixed; height: 86px; width: 100%; z-index: 100; background: #222627; } body.secondary nav .nav-container { width: 100%; height: 100%; background: #222627; box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.07), 0 2px 9px 0 rgba(90, 92, 107, 0.08); z-index: 3; } body.secondary nav .nav-container .nav-content { padding: 0 10px; flex-direction: row; align-items: center; position: relative; height: 100%; } body.secondary nav .nav-container .nav-content .nav-logo-container { display: none; } body.secondary nav .nav-container .nav-content .nav-menu { flex: 1; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; padding-left: 0; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-title { flex: 1; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-title label { color: #ffffff; font-size: 12pt; font-weight: 600; margin-bottom: 2px; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-title p { color: #ffffff; font-size: 14pt; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item { display: none !important; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language { width: 100%; margin-left: 0; cursor: pointer; display: flex; flex-direction: column; align-items: center; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language span { font-size: 11pt; color: #6b6bb0; font-weight: 500; text-align: center; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language span:hover { color: #7c7cb9; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container { display: none; position: relative; right: 0; top: 0; margin-top: 20px; width: 100%; height: auto; box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.15), 0 2px 9px 0 rgba(90, 92, 107, 0.1); border-radius: 6px; background: #222627; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu { width: 100%; display: flex; flex-direction: column; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item:first-of-type { border-radius: 6px 6px 0 0; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item:last-of-type { border-radius: 0 0 6px 6px; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item { cursor: pointer; height: 50px; width: 100%; display: flex; align-items: center; justify-content: center; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item span { font-size: 10pt; color: #ffffff; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item:hover { background: rgba(255, 255, 255, 0.05); } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item.active { background: #6b6bb0; } body.secondary nav .nav-container .nav-content .nav-menu .nav-menu-item.language .language-menu-container .language-menu .language-item.active:hover { background: #6b6bb0; } body.secondary main section .section-content .section-title { width: 100%; align-items: center; justify-content: center; } body.secondary main section .section-content .section-title p { text-align: center; } body.secondary footer { height: auto; } body.secondary footer .footer-container { padding: 20px 0; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; } body.secondary footer .footer-container .col:not(.center) { width: 200px; justify-content: flex-start; order: 3; margin: 0 auto; } body.secondary footer .footer-container .col:not(.center) span { flex: 1; text-align: center; } } body main { width: 100%; } body main section { width: 100%; position: relative; } body main section.top { height: 500px; width: 100%; display: flex; justify-content: center; position: relative; z-index: 0; } body main section.top .section-content { display: grid; grid-template-columns: 1fr 1fr; position: absolute; height: 100%; z-index: 2; } body main section.top .section-content .top-left { grid-column: span 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } body main section.top .section-content .top-left .top-title { font-size: 36pt; color: #222627; font-weight: 700; max-width: 500px; text-transform: uppercase; line-height: 1.2; margin-bottom: 10px; } body main section.top .section-content .top-left .top-subtitle { font-size: 16pt; color: #222627; font-weight: 400; max-width: 500px; text-transform: uppercase; margin-bottom: 30px !important; } body main section.top .section-background { height: 100%; width: 100%; position: absolute; z-index: 1; } body main section.about { height: 500px; z-index: 1; } body main section.about .section-content { display: grid !important; grid-template-columns: 1fr 1fr; height: 100%; z-index: 2; } body main section.about .section-content .about-left { grid-column: span 1; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } body main section.about .section-content .about-left .section-about-content { padding-bottom: 30px; } body main section.about .section-content .about-left .section-about-content p { font-size: 12pt; color: #000; font-weight: 300; } body main section.about .section-content .about-left .section-action .section-about-button { background: transparent; border: 1px solid #6b6bb0; } body main section.about .section-content .about-left .section-action .section-about-button .loader i { color: #6b6bb0 !important; } body main section.about .section-content .about-left .section-action .section-about-button i { color: #6b6bb0 !important; } body main section.about .section-content .about-left .section-action .section-about-button span { color: #6b6bb0 !important; } body main section.about .section-content .about-left .section-action .section-about-button:hover { background: #6b6bb0; } body main section.about .section-content .about-left .section-action .section-about-button:hover i, body main section.about .section-content .about-left .section-action .section-about-button:hover span, body main section.about .section-content .about-left .section-action .section-about-button:hover .loader i { color: #ffffff !important; } body main section.about .section-content .about-right { grid-column: span 1; height: 100%; display: flex; position: relative; justify-content: center; align-items: center; } body main section.about .section-content .about-right .special-shape .special-shape-overlay { background: linear-gradient(45deg, #0094d9 0, #6b6bb0 50%), url("../image/home_section_about.png") no-repeat, repeat; background-size: contain; background-blend-mode: color; } body main section.services { height: 500px; z-index: 1; background: #222627; } body main section.services .section-content { display: grid !important; grid-template-columns: 1fr 1fr; height: 100%; z-index: 2; } body main section.services .section-content .services-right { grid-column: span 1; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } body main section.services .section-content .services-right .section-title p { color: #ffffff; } body main section.services .section-content .services-right .section-services-content { padding-bottom: 30px; } body main section.services .section-content .services-right .section-services-content p { font-size: 12pt; color: #ffffff; font-weight: 300; } body main section.services .section-content .services-right .section-action .section-services-button { background: transparent; border: 1px solid #6b6bb0; } body main section.services .section-content .services-right .section-action .section-services-button .loader i { color: #6b6bb0 !important; } body main section.services .section-content .services-right .section-action .section-services-button i { color: #6b6bb0 !important; } body main section.services .section-content .services-right .section-action .section-services-button span { color: #6b6bb0 !important; } body main section.services .section-content .services-right .section-action .section-services-button:hover { background: #6b6bb0; } body main section.services .section-content .services-right .section-action .section-services-button:hover i, body main section.services .section-content .services-right .section-action .section-services-button:hover span, body main section.services .section-content .services-right .section-action .section-services-button:hover .loader i { color: #ffffff !important; } body main section.services .section-content .services-left { grid-column: span 1; height: 100%; display: flex; position: relative; justify-content: center; align-items: center; } body main section.services .section-content .services-left .special-shape { margin-left: 0; margin-right: 40px; } body main section.services .section-content .services-left .special-shape .special-shape-overlay { background: linear-gradient(45deg, #0094d9 0, #6b6bb0 50%), url("../image/home_section_services.jpg") no-repeat, repeat; background-size: cover; background-blend-mode: color; } body main section.clients { height: 500px; z-index: 1; position: relative; display: flex; justify-content: center; } body main section.clients .section-content { display: flex; height: 100%; z-index: 2; position: absolute; width: 100%; max-width: 100% !important; align-items: center; justify-content: center; flex-direction: column; } body main section.clients .section-content .section-title { justify-content: center; align-items: center; padding-bottom: 30px; } body main section.clients .section-content .section-title p { text-align: center; color: #ffffff; margin-bottom: 10px; } body main section.clients .section-content .section-title span { color: #ffffff; font-weight: 300; font-size: 12pt; } body main section.clients .section-content .section-clients-slider.owl-carousel { width: 100%; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container { width: 100%; padding: 20px 0; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card { height: 160px; width: 100%; margin: 0 auto; border-radius: 20px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); background: #ffffff; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px; position: relative; border: 1px solid transparent; cursor: pointer; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card .client-image { flex: 1; width: 100%; display: flex; justify-content: center; align-items: center; padding-bottom: 10px; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card .client-image img { width: 100%; max-height: 80px; max-width: 100%; object-fit: contain; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card .client-text { width: 100%; display: flex; justify-content: center; align-items: center; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card .client-text span { width: 100%; text-align: center; font-weight: 300; font-size: 12pt; color: #000000; position: relative; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card .client-button { position: absolute; right: 10px; top: 10px; height: 30px; width: 30px; display: flex; justify-content: center; align-items: center; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card .client-button i { font-size: 14pt; color: #0094d9; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card:hover { box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.15), 0 2px 9px 0 rgba(90, 92, 107, 0.1); transform: scale(1.05); } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card:hover .client-text span { visibility: hidden; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card:hover .client-text span::after { visibility: visible; content: 'View More'; position: absolute; top: 0; right: 0; left: 0; text-align: center; color: #0094d9; } body main section.clients .section-background { position: absolute; z-index: 1; width: 100%; height: 500px; background-image: url("../image/home_section_clients.jpg"), linear-gradient(45deg, #0094d9 -10%, #6b6bb0 50%); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; background-blend-mode: overlay; } body main section.clients .section-background::before { content: ''; position: absolute; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; background: #40c2ff; background: linear-gradient(-45deg, #0094d9 0, #6b6bb0 70%); background: -webkit-linear-gradient(-45deg, #0094d9 0, #6b6bb0 70%); background: -moz-linear-gradient(-45deg, #0094d9 0, #6b6bb0 70%); background: -o-linear-gradient(-45deg, #0094d9 0, #6b6bb0 70%); opacity: 0.8; z-index: 2; } body main section.training { height: 560px; z-index: 1; } body main section.training .section-content { display: grid !important; grid-template-columns: 1fr 1fr; height: 100%; z-index: 2; } body main section.training .section-content .training-left { grid-column: span 1; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } body main section.training .section-content .training-left .section-training-content { padding-bottom: 30px; } body main section.training .section-content .training-left .section-training-content p { font-size: 12pt; color: #000; font-weight: 300; } body main section.training .section-content .training-left .section-action .section-training-button { background: transparent; border: 1px solid #6b6bb0; } body main section.training .section-content .training-left .section-action .section-training-button .loader i { color: #6b6bb0 !important; } body main section.training .section-content .training-left .section-action .section-training-button i { color: #6b6bb0 !important; } body main section.training .section-content .training-left .section-action .section-training-button span { color: #6b6bb0 !important; } body main section.training .section-content .training-left .section-action .section-training-button:hover { background: #6b6bb0; } body main section.training .section-content .training-left .section-action .section-training-button:hover i, body main section.training .section-content .training-left .section-action .section-training-button:hover span, body main section.training .section-content .training-left .section-action .section-training-button:hover .loader i { color: #ffffff !important; } body main section.training .section-content .training-right { grid-column: span 1; height: 100%; display: flex; position: relative; justify-content: center; align-items: center; } body main section.training .section-content .training-right .special-shape { margin-top: 25px; } body main section.training .section-content .training-right .special-shape .special-shape-overlay { background: linear-gradient(45deg, #0094d9 0, #6b6bb0 50%), url("../image/home_section_about.png") no-repeat, repeat; background-size: contain; background-blend-mode: color; } body .modal[data-id='CL-MODAL'] { background: rgba(107, 107, 176, 0.5); } body .modal[data-id='CL-MODAL'] .modal-dialog .modal-body { display: flex; min-height: 400px; width: 100%; flex-direction: column; align-items: center; padding: 0 30px; } body .modal[data-id='CL-MODAL'] .modal-dialog .modal-body .client-modal-logo { width: 200px; max-height: 200px; } body .modal[data-id='CL-MODAL'] .modal-dialog .modal-body .client-modal-logo img { height: auto; width: 100%; object-fit: contain; } body .modal[data-id='CL-MODAL'] .modal-dialog .modal-body .client-modal-description { padding-top: 50px; width: 100%; } body .modal[data-id='CL-MODAL'] .modal-dialog .modal-body .client-modal-description p { width: 100%; text-align: left; white-space: pre-wrap; font-size: 12pt; color: #000; font-weight: 300; } @media all and (max-width: 992px) { body main section { padding: 50px 0 20px 0 !important; } body main section.top { height: auto; min-height: 400px; } body main section.top .section-content { grid-template-columns: 1fr; } body main section.top .section-content .top-left .top-title { font-size: 30pt; text-align: center; max-width: 100%; } body main section.top .section-content .top-left .top-subtitle { font-size: 14pt; text-align: center; width: 100%; max-width: 100%; } body main section.top .section-content .top-left .top-button { margin: 0 auto; } body main section.about { height: auto; min-height: 400px; z-index: 10; } body main section.about .section-content { grid-template-columns: 1fr; } body main section.about .section-content .about-left { align-items: center; } body main section.about .section-content .about-left .section-title { align-items: center; text-align: center; } body main section.about .section-content .about-left .section-about-content p { text-align: justify; } body main section.about .section-content .about-right { padding: 30px 0; } body main section.services { z-index: 9; height: auto; min-height: 400px; } body main section.services .section-content { grid-template-columns: 1fr; } body main section.services .section-content .services-right { align-items: center; order: 1; } body main section.services .section-content .services-right .section-title { align-items: center; text-align: center; } body main section.services .section-content .services-right .section-services-content p { text-align: justify; } body main section.services .section-content .services-left { order: 2; padding: 30px 0; } body main section.services .section-content .services-left .special-shape { margin: 0 !important; } body main section.clients { z-index: 8; padding: 0 !important; height: 400px; } body main section.clients .section-content { padding: 0 !important; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card { height: 120px; padding: 10px; border-radius: 10px; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card .client-image { padding-bottom: 10px; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card .client-image img { width: 100%; max-height: 90%; margin: 0 auto; max-width: 100%; object-fit: contain; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card .client-text { display: flex; justify-content: center; align-items: center; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card .client-text span { text-align: center; font-weight: 300; font-size: 10pt; color: #000000; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card .client-button { position: absolute; right: 6px; top: 6px; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; } body main section.clients .section-content .section-clients-slider.owl-carousel .client-container .client-card .client-button i { font-size: 12pt; color: #0094d9; } body main section.clients .section-background { height: 400px; } body main section.training { z-index: 7; height: auto; min-height: 400px; } body main section.training .section-content { grid-template-columns: 1fr; } body main section.training .section-content .training-left { align-items: center; } body main section.training .section-content .training-left .section-title { align-items: center; text-align: center; } body main section.training .section-content .training-left .section-training-content p { text-align: justify; } body main section.training .section-content .training-right { padding: 30px 0; } } /*# sourceMappingURL=index.css.map */