body,html{font-family: 'Open Sans',Helvetica,sans-serif;
overflow-x:hidden;-webkit-font-smoothing: antialiased;}
/*Under maintenance*/
body#tempsplash, body#tempsplash div {
color: #eece7c;
background-color:#1e4343;
font: 18px/1.5em 'Open Sans', Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
}
body#tempsplash div img {
max-width:300px;
}
::-moz-selection{color:#fff;background:#000;text-shadow:none}
::selection{color:#fff;background:#000;text-shadow:none}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.8);
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.9);
}
.top-spacer{height:125px; display:block; clear:both;}
a {color:#eece7c;}
a.text-black {color:#c6b371;}
a:hover {color:#000; text-decoration:none;}
.sidetool a:hover {color:#fff!important; text-decoration:none;}
/*Custom fonts and definitions*/
h1{font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:800}
h2{font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:700}
h3{font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:600}
h4{font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:500}
h5{font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:400}
p {margin-top: 0; margin-bottom: 0;}
hr {
border-top: 2px solid #eece7c;
width: 50%;
}
/*headstrip*/
#headstrip{
color:#f9f9f9; font-size:14px; padding:10px 20px;
max-width:600px;
position: absolute;
top: 0;
right: 20px;
z-index: 1040;
}
#headstrip a{color:#fff; text-decoration:none; font-weight:300!important;}
#headstrip a:hover {
text-decoration:underline;
}
#headstrip .d-inline button:hover {
background-color:#92b532;
border-color:#92b532;
}
/*Menu*/
#mainNav{
min-height:100px;
background-color:rgb(29 67 68);
border-bottom: 1px solid #173030;
-webkit-box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.5);
}
#mainNav button:hover {
background-color: transparent;
}
#mainNav .navbar-brand img{max-height:120px;}
#mainNav.navfix{}
#mainNav .navbar-nav{margin:15px 30px 0 0;}
#mainNav .navbar-nav>li.nav-item, #mainNav .navbar-nav>li.nav-item, #mainNav .navbar-nav>li.nav-item {
border-bottom: 2px solid transparent;
margin-bottom: -1px;
margin-right: 25px;
}
#mainNav .navbar-nav>li.nav-item>a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus {
font-size: 1.15rem;
font-weight: 300;
color: #fff;
}
#mainNav .navbar-nav>li.nav-item:focus:hover, #mainNav .navbar-nav>li.nav-item:hover, #mainNav .navbar-nav>li.nav-item.active {
border-bottom: 2px solid #eece7c;
margin-bottom: -1px;
}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active {
color: #eece7c;
border-bottom: 2px solid #eece7c;
margin-bottom: -2px;
}
#mainNav .dropdown-menu, .select2-drop, .tt-dropdown-menu, .ui-datepicker, .ui-timepicker-wrapper {
background-color:rgb(29 67 68);
color: #eece7c;
margin: 0 10px 10px 0;
}
#mainNav .navbar-nav>li.nav-item>a.nav-link {
text-transform:uppercase;
}
#mainNav .dropdown-menu {
top: 58px;
left: 0;
}
#mainNav .dropdown-menu a {
text-transform:uppercase;
}
#mainNav .dropdown-item {padding: 0.25rem 1.0rem}
#mainNav .dropdown-item:focus, #mainNav .dropdown-item:hover, #mainNav .navbar-nav>li.nav-item.active .dropdown-item.active2 {
background-color: rgba(46,55,63,.9);
}
/*Back to top*/
#back-to-top {right: 10px; bottom: 10px; width: 50px; height: 50px; line-height: 50px; -webkit-border-radius: 0; border-radius: 0; background-color:rgba(0,0,0,0.7); color: #fff;}
section.breadcrumb {margin:7rem 0 2rem 0; background-color:transparent;}
section.breadcrumb a {color:#fff;}
ol.breadcrumb {background-color: rgba(0,0,0,0.5);}
#error404 {margin: 10rem 0;}
.sub-title:after {background:#eece7c;}
/*Buttons*/
.btn{text-transform:uppercase; padding-left:3rem; padding-right:3rem;-webkit-border-radius: 0; border-radius: 0;}
.btn-primary,.btn-outline-primary{color:#000!important;background-color:#eece7c!important;border-color:#eece7c!important}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.btn-outline-primary:active,.btn-outline-primary:focus,.btn-outline-primary:hover{
color:#fff!important;background-color:#1d4344!important;border-color:#1d4344!important}
.btn-primary:active,.btn-primary:focus{-webkit-box-shadow:0 0 0 .2rem rgba(240,240,240,.5)!important;box-shadow:0 0 0 .2rem rgba(240,240,240,.5)!important}
.btn-secundary,.btn-outline-secundary{color:#fff!important;background-color:#000000!important;border-color:#000000!important}
.btn-secundary:active,.btn-secundary:focus,.btn-secundary:hover,.btn-outline-secundary:active,.btn-outline-secundary:focus,.btn-outline-secundary:hover{
color:#fff!important;background-color:#126933!important;border-color:#126933!important}
.btn-tertiary,.btn-outline-tertiary{color:#fff!important;background-color:#d0382e!important;border-color:#d0382e!important}
.btn-tertiary:active,.btn-tertiary:focus,.btn-tertiary:hover,.btn-outline-tertiary:active,.btn-outline-tertiary:focus,.btn-outline-tertiary:hover{
color:#fff!important;background-color:#155f30!important;border-color:#155f30!important}
.lgn-btn, .logout-btn {border-radius:4px;}
.lgn-btn, .register-btn, .logout-btn, .btn-l {cursor:pointer; padding-left:0.5rem; padding-right:0.5rem}
ul li {list-style:none;}
/*Text*/
.big-number {
font-family: 'Open Sans',Helvetica,sans-serif;
font-size: 40px!important;
font-weight: 700!important;
line-height: 1!important;
}
/*Colors*/
.text-bronze{color:#b79387!important}
.text-silver{color:#a5a9ae!important}
.text-gold{color:#eece7c!important}
.theme-color {color:#eece7c;}
.brown{color:brown;}
.client-color{color:#000000;}
.client-red{color:#bc222d;}
.green {color:green}
.gold{color:#eece7c;}
.blue {color:#0066FF;}
/*Badges*/
.live-badge {
display: inline-block;
width:auto!important;
font-family: 'Open Sans',Helvetica,Arial,sans-serif;
font-weight: 600;
font-size: 20px;
padding: .75rem 1.5rem;
text-transform:none;
border-style: solid;
border-width: 4px;
border-color:#eece7c;
border-radius: 300px;
}
.live-badge .fa {
font-size:30px!important;
vertical-align:middle!important;
}
/*Backgrounds*/
.bg-primary{background-color:#caab1c!important}
.bg-secundary{background-color:#b4e1d8!important}
.bg-tertiary{background-color:#339c99!important}
.bg-dark, .dark{background-color:#1d4344!important}
.bg-light-gray{background-color:#f9f9f9!important}
.bg-light-brown{background-color:#f1e0b1!important}
.bg-client{background-color:#000000!important}
.bg-bronze{background-color:#b79387!important}
.bg-silver{background-color:#a5a9ae!important}
.bg-gold{background-color:#eece7c!important}
.bg-white{background-color:#fff!important}
.bg-lime{background-color:#E1F56E;}
/*Gradients*/
.horizontal-gradient-1 {
background-image: linear-gradient(90deg, rgb(17,125,63) 0%, rgb(139,184,64) 30%, rgb(164 195 58) 50%, rgb(139,184,64) 70%, rgb(17,125,63) 100%);
}
.horizontal-green-gradient {
background: linear-gradient(90deg, rgba(18,84,43,1) 0%, rgba(23,132,64,1) 30%, rgba(23,132,64,1) 70%, rgba(18,84,43,1) 100%);
}
/*Borders*/
.border-1{border:1px solid #d3d3d3;}
/*Table beaviour*/
.table {
margin-bottom:0;
}
.table thead th.col-ruler {
width: 5%!important;
}
.table thead th:not(.col-ruler) {
width: 30%!important;
}
.table tbody td, .table tbody th.small {
padding: .7rem .2rem;
font-size: 0.9rem;
line-height: 1.1rem;
vertical-align:top;
}
.table tbody td.normal {
font-size: 1rem;
line-height: 1.1rem;
vertical-align: middle;
}
/* Customize*/
.code {
font-size: 95%;
color: #e83e8c;
word-break: break-word;
}
.mw500{max-width:500px;}
#output {
width: 100%!important;
margin-bottom: 40px;
}
#output pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
white-space: normal;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
text-align: left!important;
}
.table-container {
display: block;
margin: 0 auto 1em auto;
width: 100%;
}
.flex-table {
display: flex;
flex-flow: row wrap;
border-left: solid 1px #d9d9d9;
transition: 0.5s;
}
.flex-table:first-of-type {
border-top: solid 1px #3e6892;
border-left: solid 1px #3e6892;
}
.flex-table:first-of-type .flex-row {
background: #1976D2;
color: white;
border-color: #3e6892;
}
.flex-table.row:nth-child(odd) .flex-row {
background: #f4f2f1;
}
.flex-table:hover {
background: #F5F5F5;
transition: 500ms;
}
.flex-row {
width: calc(100% / 3);
text-align: center;
padding: 0.1em 0.2em;
border-right: solid 1px #d9d9d9;
border-bottom: solid 1px #d9d9d9;
}
.flex-row.full {
width: 100%;
background-color:rgba(245, 245, 220, .5);
padding: 0.3em 0.5em;
font-size:14px;
}
.rowspan {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
}
.flex-cell {
width: calc(100% / 3);
text-align: center;
padding: 0.5em 0.5em;
border-right: solid 1px #d9d9d9;
}
.numbers, .stars {float:none; width:40px!important; margin-right:5px;}
#saidaTot img, #saidaEml img {margin:2px 3px;}
#saidaTot, #saidaEml { min-height:43px; margin-bottom:30px;}
.custom-select {height:auto;}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 26px;
width: 26px;
border-radius: 100px;
background: #0066ff;
cursor: pointer;
border: none;
}
input[type=range] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 1rem;
font-size: .75rem;
background-color: #e9ecef;
border-radius: 0.25rem;
}
.card-border-top {
border-top: 1px solid rgba(0,0,0,.125);
min-height: 230px;
}
.vertical-text {
transform: rotate(-90deg);
position: relative;
top: 20px;
/*transform-origin: left bottom 0;*/
}
.downArrow {
color: #fff;
text-decoration: none;
transition: opacity .3s;
top: -5px;
position: relative;
}
.downArrow i {
font-size:50px;
font-weight:300;
-webkit-animation: arrowanim 2.5s infinite;
animation: arrowanim 2.5s infinite;
box-sizing: border-box;
}
@media all and (max-width: 767px) {
.flex-row {width: calc(100% / 3);}
.flex-row.first {width: 100%;}
.column {width: 100%;}
}
@media all and (max-width: 430px) {
.flex-table .flex-row {border-bottom: 0;}
.flex-table .flex-row:last-of-type {border-bottom: solid 1px #d9d9d9;}
.header .flex-row {border-bottom: solid 1px;}
.flex-row {width: 100%;}
.flex-row.first {
width: 100%;
border-bottom: solid 1px #d9d9d9;
}
.column {width: 100%;}
.column .flex-row {border-bottom: solid 1px #d9d9d9;}
.flex-cell {width: 100%;}
}
.blog-post-title {margin-top:20px;}
table#sTable {border:1px solid rgba(0, 0, 0, 0.05); width:100%;}
table#sTable thead tr td { text-align:center; border-bottom:1px dotted #ccc; padding:6px 10px; font-size:14px;}
table#sTable tbody tr td {vertical-align:top; padding:4px; font-size:13px;}
table#sTable tbody tr.mainr:nth-child(even) {background-color: #eee;}
table#sTable tbody tr.mainr:hover {background-color: beige;}
table.iTable {width:100%;}
.checker {padding:6px 20px; cursor:pointer; width:100%;}
/*pagination*/
ul.pagination{}
ul.pagination li.page-item{}
ul.pagination li.page-item.active .page-link {
background-color: #000000;
border-color: #000000;
color: #fff;
}
ul.pagination li.disabled a {background-color:#f1f1f1!important;}
ul.pagination li.disabled a {color:#999!important;}
/*Footer*/
footer {color:#fff;}
footer .main {background-color:#000000; padding:40px 0 20px 0;}
footer .main .row {color:inherit;}
footer .main img {margin-top:10px;}
footer .main a {color:inherit;}
footer .main a:hover {color:#eece7c;}
footer .main .logo-footer {color:inherit;}
footer .credits {color:inherit; background-color: #000000;}
footer .credits .quicklinks a{color:inherit;}
/*Cookies disclaimer*/
.cookies-notice {
position: fixed;
bottom: -1px;
left:0;
width: 100%;
box-sizing: border-box;
background: rgba(0,0,0,.8);
color: #fff;
padding: 30px 12px;
font-size: 14px;
display: flex;
align-items: center;
min-height: 50px;
z-index:9990;
}
/*Language change on live event*/
.switchlang {cursor:pointer; background-color:#e1e1e1; border-right:1px solid #fff; padding:10px 0; font-weight:bold;}
.switchlang:hover, .switchlang.active {background-color:#eece7c; color:#fff;}
.switchlang:last-child {border:0;}
/*Countdown*/
.main-counter {margin:20px 0; text-align:center;}
.main-counter .cnumber {
border: 0;
padding: 0;
font-family: 'Open Sans',Helvetica,sans-serif;
display: inline-block;
position: relative;
text-align: center;
top: 0;
left: 0;
margin-right:40px;
min-width:180px;
}
.main-counter .cnumber:last-child {
margin-right:0;
}
.main-counter .bign{
font-size: 120px;
font-weight: 700;
line-height: 1;
color:#fff;
/*-webkit-text-stroke: 1px #f1f1f1;
text-shadow: 0px 1px 1px #000;*/
}
.main-counter .smalln{font-size:20px; font-weight: 600;color:#fff;}
/*counters*/
.counters {margin: 0; padding: 2px 0; width: 100%; text-align: center; z-index: 9}
.counters .counter {border-radius: 50%; width: 230px; height: 230px; padding:10px; background-color:rgba(0,0,0,.8); margin-bottom:20px}
.counters .counter .number {font-size: 30px; margin: 0; padding: 0; color: #fff; font-weight: 600}
.counters .counter i {margin: 10px 0 10px 0; font-size: 60px!important; display: block; color:#fff}
.counters .counter p {font-size: 15px; margin: 0; padding: 0; color: #fff; font-weight: 500}
.counters .clean-counter {}
.counters .clean-counter .number {font-family: 'Open Sans',Helvetica,sans-serif; font-size: 30px; margin: 0; padding: 0; font-weight: 600}
.counters .clean-counter i {margin: 10px 0 10px 0; font-size: 60px!important; display: block}
.counters .clean-counter p {font-size: 15px; margin: 0; padding: 0; font-weight: 500}
.color-dark {color:#272727;}
a.color-dark:hover {color:#272727; text-decoration:underline;}
.btn-google {background-color: #ea4335;}
.btn-facebook {background-color: #3b5998;}
.btn-linkedin {background-color: #003f67;}
.display-none {display:none;}
.pointer, label.pointer {cursor:pointer;}
.form-register h5, .form-signin h5, .form-recover h5, .form-retrieve h5, .modal h5 {
font-size: 1rem!important;
}
/*Custom header blocks*/
header.custom1 {
height: 70vh;
min-height: 25rem;
background-position: center left;
}
.intro-text {
padding-top: 20vh;
}
.phrase {background-color:rgba(0,0,0,0.25); padding-top:20px; padding-bottom:20px;}
.sidetool {
font-size: 30px;
cursor: pointer;
color: white;
position: absolute;
right: 20px;
}
/*media queries*/
@media (min-width: 1920px){
.container {max-width: 80vw;}
}
@media (min-width: 1600px){
.container {max-width: 70vw;}
}
@media (min-width: 1200px){
#mainNav .navbar-nav>li.nav-item>a.nav-link {
padding: .2rem .5rem;
}
}
@media (max-width: 1200px){
.home-link {display:none;}
}
@media (min-width: 992px) and (max-width: 1199px){
#mainNav .navbar-nav>li.nav-item>a.nav-link {
padding: .2rem .1rem;
}
}
@media (max-width: 991px){
.top-spacer {
height: 100px;
}
#headstrip {
display:none;
}
#mainNav {
min-height: 100px;
}
}
@media (max-width: 768px){
.intro-text {
padding-top: 20vh;
}
header.masthead2.adjust-banner-1 {height: 100vh!important;background-position: 10% 20%;}
#mainNav .navbar-nav>li.nav-item:focus:hover, #mainNav .navbar-nav>li.nav-item:hover, #mainNav .navbar-nav>li.nav-item.active {
border-bottom: 2px solid transparent;
}
#mainNav .navbar-nav>li.nav-item:focus:hover a, #mainNav .navbar-nav>li.nav-item:hover a, #mainNav .navbar-nav>li.nav-item.active a {
font-weight:bold;
}
}
@media (max-width:490px){
.sidetool {
display:none;
}
#mainNav .navbar-brand img {max-height:80px!important;}
/*Countdown*/
.main-counter {margin:20px 0; text-align:center;}
.main-counter .cnumber {
display: block;
position:inherit;
text-align: center;
margin-right:0;
min-width:100%;
}
.main-counter .cnumber:last-child {
margin-right:0;
}
.main-counter .bign{
font-size: 80px;
}
.xs-center {text-align:center!important;}
h1, .h1 {font-size: 1.8rem; line-height: 1.1}
h2, .h2 {font-size: 1.6rem; line-height: 1.1}
h3, .h3 {font-size: 1.4rem; line-height: 1.1}
h4, .h4 {font-size: 1.2rem; line-height: 1.1}
h5, .h5 {font-size: 1.0rem; line-height: 1.1}
footer .main img {
max-width:60%;
}
}
/*animations*/
@-webkit-keyframes arrowanim {
0% {-webkit-transform: translate(0, 0); opacity: 0;}
50% {opacity: 1;}
100% {-webkit-transform: translate(0, 20px); opacity: 0;}
}
@keyframes arrowanim {
0% {transform: translate(0, 0); opacity: 0;}
50% {opacity: 1;}
100% {transform: translate(0, 20px); opacity: 0;}
}