*{ font-family: "Poppins"; } *::-moz-selection{ background:#1e1e1e; color:#ffffff; } *::selection{ background:#1e1e1e; color:#ffffff; } body{ background:#f1f1f1; color: #1e1e1e; font-size: 13px; } sup{ text-transform: lowercase !important; } p{ text-align: justify; line-height: 20px; } /* Page Loader */ .page-loader{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background:#ffffff; z-index:9; } .page-loader-content{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 300px; height: 100px; text-align: center; } .page-loader-content .preloader{ position: absolute; stroke: #213e7a; top: -50px; left: 53px; width: 180px; height: 180px; } .page-loader-content .preloader .path{ } .page-loader-content img{ width: 100px; } .preloader.qrloader{ stroke: #ffffff; } .qrcodeimage{ width: 70px; } /* Anchors */ a{ color:#008080; text-decoration: none; font-weight: 700; } a:hover, a:active:focus, a:focus, a:active{ color:#C2185B; text-decoration: none; } /* Alerts */ .alert{ position: fixed; bottom: 10px; right: 30px; background: #3e3e3e; border: none; border-radius: 2px; color:#ffffff; padding: 5px 10px; -webkit-animation: animatein 0.5s ease forwards; animation: animatein 0.5s ease forwards; margin: 0; max-height: 80px; } .alert-information{ margin:10px 5px; float: left; } @media(max-width: 769px){ .alert{ width: 100%; bottom: 0; right: 0; -webkit-animation: animateinRes 0.5s ease forwards; animation: animateinRes 0.5s ease forwards; } #qrcoder{ display: none; } } @-webkit-keyframes animatein { 0% { bottom:-100px; } 100% { bottom:10px; } } @keyframes animatein { 0% { bottom:-100px; } 100% { bottom:10px; } } @-webkit-keyframes animateinRes { 0% { bottom:-100px; } 100% { bottom:0px; } } @keyframes animateinRes { 0% { bottom:-100px; } 100% { bottom:0px; } } /* Preloder */ @-webkit-keyframes preloaderotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes preloaderotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .preloader { -webkit-animation: preloaderotate 2s linear infinite; animation: preloaderotate 2s linear infinite; height: 30px; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 30px; position: relative; stroke: #008080; margin: 5px; } .alert-loader{ float: left; } .preloader .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: preloaderDash 1.5s ease-in-out infinite; animation: preloaderDash 1.5s ease-in-out infinite; stroke-linecap: round; } @-webkit-keyframes preloaderDash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes preloaderDash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } main{ background: #ffffff; min-height: 100vh; padding-bottom: 30px; } /* Navigation */ .navigation{ width: 100%; height: 50px; background:transparent; position: absolute; top:0; left: 0; width: 80%; z-index: 1; } .logo-container{ color:#ffffff; font-size: 23px; font-weight: 100; } .logo-container span{ position: relative; top: 5px; } .logo{ width: 160px!important; background: #ffffff; background: -webkit-linear-gradient(to top, transparent, #ffffff); background: linear-gradient(to top, transparent, #ffffff); margin-top: 0px; margin-left: 20px; padding: 10px; border-radius: 5px; } main{ overflow: hidden; } /* Jumbotron */ .container .jumbotron, .container-fluid .jumbotron{ min-height: 50vh; border-radius: 0; background-size: cover; background-position: center; font-family: "Poppins"; color: #ffffff; position: relative; overflow: hidden; } .jumbotron::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.5); } .jumbotron .container{ margin-top: 50px; position: relative; z-index: 1; } .jumbotron p{ font-size: 20px; font-family: "Poppins"; color: #ffffff; letter-spacing: 1px; text-align: left; line-height: 22px; } /* Jumbotron Title*/ .jumbotron-title{ font-size: 32px; font-weight: 100; } .button-flopped{ position: fixed; bottom: 5px; right: 30px; background:#008080; color:#ffffff; border-radius: 50%; height: 55px; width: 55px; padding-top: 15px; border: none; } .alert-shown{ bottom: 80px; } .button-flopped:hover, .button-flopped:active:focus, .button-flopped:focus, .button-flopped:active{ color:#ffffff; } .material-icons{ vertical-align: middle; } @media(max-width: 769px){ .container .jumbotron, .container-fluid .jumbotron{ min-height: 60vh; } } .tooltip-arrow, .ase-tooltip + .tooltip > .tooltip-inner { background: #3e3e3e; border-radius: 2px; font-size: 13px; } .tooltip-arrow{ display: none; } .ase-tooltip + .tooltip { position: fixed; width: 300px; right: 10px; margin-right: -100px; } .ase-tooltip + .tooltip > .tooltip-inner{ padding: 10px 30px; max-width: 290px; } .section{ padding-top: 50px; } .section-title{ } .jumbotron-toped{ margin-top: -50px; } .table-title{ color: #008080; } footer{ padding:10px 20px; background: #008080; color:#ffffff; } .table.information tr { background: #008080; text-align: center; } .table.information tr a{ color:#ffffff; } .btn.btn-info{ text-transform: uppercase; border: none; border-radius:2px; max-width: 100%; min-width: 100%; max-height: 50px; padding: 10px 30px; background-color:transparent; border:1px solid #008080; color:#008080; margin-top: 5px; } .btn.btn-info:hover, .btn.btn-info:active, .btn.btn-info:focus, .btn.btn-info:active:focus{ background-color:#008080; color:#ffffff; } .downloadLinkspanel{ margin-top: 10px; } .downloadLinkspanel .panel.panel-default{ border-radius: 0; color:#ffffff; } .downloadLinkspanel .panel.panel-default .panel-heading{ background:#008080; color:#ffffff; border-radius: 0; } .downloadLinkspanel .panel.panel-default .panel-heading a{ font-weight: 100; color:#ffffff; } .data-cell{ border: none; width: 100%; margin-top: -30px; padding: 10px; } .data-cell a{ color:#ffffff; } .data-cell a:hover, .data-cell a:active, .data-cell a:focus, .data-cell a:active:focus{ color: #ffffff; } .red-gb{ background-color: #F44336; color:#ffffff; } .green-gb{ background-color: #43A047; color:#ffffff; } .blue-gb{ background-color: #03A9F4; color:#ffffff; } .orange-gb{ background-color: #F4511E; color:#ffffff; } .red{ color: #F44336; } .green{ color: #43A047; } .blue{ color: #03A9F4; } .orange{ color: #F4511E; } .bold{ font-weight: 700; } .modal-content{ -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0; } .modal-header{ border: none; } .btn-reg-now{ background: #EB3349; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #F45C43, #EB3349); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #F45C43, #EB3349); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border:none; color:#ffffff; width: 100%; border-radius: 0; padding: 10px 10px; } .information-table{ box-shadow: 0 1px 5px 0 rgba(0,0,0,0.25); border:none; border-radius: 2px; } .information-table