/* Reset */
html{
	font-size: 100%;
	height:100%;
}
body { 
  color: #797979; 
  font-family:'Jost', Arial, sans-serif;
  font-size:13px;
  padding: 0px !important;
  margin: 0px !important;
  line-height: 1.5;
  font-style: normal;	
  font-weight: normal;
  background: #f1f1f1;
  background-size: cover;
}

/* Typography */
h1, h2, h3, h4, h5, h6{
	margin:10px 0;
}
h1{
	line-height:43px
}
h2{
	line-height:35px
}
h3{
	line-height:30px
}
h4{
	line-height:22px
}
h5{
    
}
h6{
    
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Jost',Arial, sans-serif;
  font-weight: 300;
  color:#505458
}
strong{
    font-weight: bold;
}
h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
  padding-bottom: 10px;
}

a {
  text-shadow: none !important;
  color: #0d638f;
  transition: color 0.1s linear 0s,background-color 0.1s linear 0s  !important;
}

a,a:focus, a:hover, a:active {
  outline: 0;
  text-decoration:none;
}
ol, ul {
    list-style: none;
}
.normal{ 
	font-weight:normal;
}

.semi-bold{ 
	font-weight:600;
}

.bold{ 
	font-weight:900;
}

.all-caps{
	text-transform:uppercase;
}
.light{
	font-weight:300 !important;
}

.small-text{
	font-size:12px !important;
}

.normal-text{
	font-size:13px !important;
}

.large-text{
	font-size:15px !important;
}

/* Font Colors */

.text-black {
  color: #1b1e24 !important;
}

.text-white {
  color: #fff !important;
}

.text-success{
	color:#0AA699 !important;
}
.text-info{
	color:#0090D9 !important;
}
.text-warning{
	color:#fbb05e !important;
}
.text-error{
	color:#F35958 !important;
}

.text-right{
	text-align:right !important;
}

.text-left{
	text-align:left !important;
}

.text-center{
	text-align:center !important;
}

.horizontal-line {
  margin: 4vw 0 !important;
  border: 0;
  border-top: 1px dotted #ccc;
  /*border-bottom: 1px solid #FEFEFE;*/
}

/*** Fixes & Misc ***/

.no-padding {
  padding: 0px !important;
}

.no-margin {
  margin: 0px !important;
}

.spacing-bottom{
	margin-bottom:30px;
}

.v-align-bottom{
	vertical-align: bottom;
}
.v-align-top{
	vertical-align: top;
}
.v-align-middle{
	vertical-align: middle;	
}

.padding-10{
	padding:10px;
}
.padding-20{
	padding:20px;
}
.padding-30{
  padding:30px;
}
.padding-40{
  padding:40px;
}
.padding-50{
  padding:50px;
}
.padding-60{
  padding:60px;
}
.padding-70{
  padding:70px;
}
.padding-80{
  padding:80px;
}
.padding-90{
  padding:90px;
}
.padding-100{
  padding:100px;
}
/** Padding top **/
.p-t-10{
	padding-top:10px;
}
.p-t-20{
	padding-top:20px;
}
.p-t-30{
	padding-top:30px;
}
.p-t-40{
	padding-top:40px;
}
.p-t-50{
	padding-top:50px;
}
.p-t-60{
	padding-top:60px;
}
/** Padding Bottom **/
.p-b-10{
	padding-bottom:10px;
}
.p-b-20{
	padding-bottom:20px;
}
.p-b-30{
	padding-bottom:30px;
}
.p-b-40{
	padding-bottom:40px;
}
.p-b-50{
	padding-bottom:50px;
}
.p-b-60{
	padding-bottom:60px;
}
/** Padding Left **/
.p-l-10{
	padding-left:10px;
}
.p-l-20{
	padding-left:20px;
}
.p-l-30{
	padding-left:30px;
}
.p-l-40{
	padding-left:40px;
}
.p-l-50{
	padding-left:50px;
}
.p-l-50{
	padding-left:50px;
}
/** Padding Right **/
.p-r-10{
	padding-right:10px;
}
.p-r-20{
	padding-right:20px;
}
.p-r-30{
	padding-right:30px;
}
.p-r-40{
	padding-right:40px;
}
.p-r-50{
	padding-right:50px;
}
.p-r-60{
	padding-right:60PX;
}

/** Margins **/
.margin-10{
	margin:10px;
}
.margin-20{
	margin:20px;
}
/** Margin top **/
.m-t-5{
	margin-top:5px;
}
.m-t-10{
	margin-top:10px;
}
.m-t-20{
	margin-top:20px;
}
.m-t-30{
	margin-top:30px;
}
.m-t-40{
	margin-top:40px;
}

/** Margin Bottom **/
.m-b-5{
	margin-bottom:5px;
}
.m-b-10{
	margin-bottom:10px;
}
.m-b-20{
	margin-bottom:20px;
}
.m-b-30{
	margin-bottom:30px;
}
.m-b-40{
	margin-bottom:40px;
}

/** Margin Left **/
.m-l-5{
	margin-left:5px;
}
.m-l-10{
	margin-left:10px;
}
.m-l-20{
	margin-left:20px;
}
.m-l-30{
	margin-left:30px;
}
.m-l-40{
	margin-left:40px;
}

/** Padding Right **/
.m-r-5{
	margin-right:5px;
}
.m-r-10{
	margin-right:10px;
}
.m-r-20{
	margin-right:20px;
}
.m-r-30{
	margin-right:30px;
}
.m-r-40{
	margin-right:40px;
}
.hide {
  display: none;
}
.inline{
	display:inline-block !important;
}

/* Overwrite Boot-strap span width without left margin, crude way but comes handy at times */
.no-margin-grid  > .row-fluid [class*="span"]{
    margin-left: 0;
}

.fleft{float: left;}
.fright{float: right;}
.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
img {max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;}
/*----------*/
.page{
  position: relative;
  width: 100%;
  height: 100vh;
}
.page .logo {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  text-align: center;
  color: #fff;
  transform: translate(-50%, -50%);
  z-index: 30;
}
.logo img {
    max-width: 60%;
    width: 500px;
    margin: O auto;
    padding: 20px;
    border-radius: 20px;
}
.page .logo .activities{
  font-size: 14px;
  margin: 20px 0;
  background: linear-gradient(90deg, #f68627 0%, #e04074 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page .logo h2 {
    font-size: 83px;
    font-weight: bold;
    line-height: 74px;
    width: 60%;
    margin: 35px auto;
    color: #1d3b73;
}
ul.countdown {

  list-style: none;
  /* width: 27.625vw; */
  /* position: absolute; */
  /* transform: translateX(-50%); */
  /* left: 50%; */
  z-index: 2;
  padding: 0;
  text-align: center;
}


ul.countdown li span {
display: inline;
color: #e65b25;
text-align: center;
font-size: 6em;
display: inline;
}
ul.countdown li p {
position:relative;
margin: 0;
color: #000;
font-size: 15px;
text-align: center;
display: block;
}

ul.countdown li:last-child a{
  background: #fff;
  display: block;
  border-radius: 50px;
  text-align: center;
  color: #263450;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: 'Jost',Arial, sans-serif;
}
ul.countdown li {
  display: inline-block;
  padding: 10px;
  border-radius: 100px;
  margin-right: 20px;
  width: 150px;
}

ul.countdown li:last-child{
margin: 0;
}
#slides{
  width: 100vw;
  height: 100vh;
  border-bottom: 13px solid #d90d2b;
}

@media (max-width: 575.98px) { 
  .page .logo h2{font-size: 23px; line-height: 27px;}
  ul.countdown li {width: 70px;}
  ul.countdown li span{font-size: 3em;}
}
@media (min-width: 576px) and (max-width: 767.98px) { 
  .page .logo h2{font-size: 23px; line-height: 27px;}
  ul.countdown li {width: 70px;}
  ul.countdown li span{font-size: 3em;}
}