@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
body {
    padding: 70px;
    background-color: #3399cc;
    margin: 0;
    padding: 0;
    padding-right: 0!important;
    overflow-y: scroll!important;
	font-family: 'Lato', sans-serif;
}
navbar {
    background-color: #fff;
}
h1 {
    font-family: 'Comfortaa', cursive;
    text-align: center;
    font-size: 40px;
}

#txt1 {
    font-family: 'Comfortaa', cursive;
    font-size: 30px;
	  padding-right: 0.5cm;
    padding-left: 0.5cm;
}
#txt2 {
    font-family: 'Comfortaa', cursive;
    font-size: 16px;
}
#txt3 {
    font-family: 'Titillium Web', cursive;
    font-size: 16px;
    display: block;
    padding-right: 1cm;
    padding-left: 1cm;
}
#logo {
    display: block;
    height: 203px;
    width: 252px;
    background: url('/styles/img/logo.png');
}
#minilogo {
    display: block;
	margin:0 auto;
	padding-top:3.2cm;
	padding-left:1cm;
	padding-right:1cm;
    height: 70px;
	max-width:385px;
	width:100%;
	background-size:contain;
	background-position:center bottom;
    background-image: url('/styles/img/minilogo.png');
	background-repeat:no-repeat;
}
#logo:hover {
    background-position: 0 204px;
}
h2 {
    font-family: 'Comfortaa', cursive;
    text-align: center;
}
.md-scroll-mask { position: initial;}
img {
    border: none;
}
.container2 {
    position: relative;
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
}
.container3 {
    position: relative;
    text-align: center;
    padding-top: 3%;
}

.jumbotron{
    margin: auto;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.25);
}

#spin {
    display: block;
}
#ads1 {
    display: block;
    margin-top: 35px;
    padding-right: 15px;
    padding-left: 15px;
    width: 90%;
    max-width: 700px;
}
#ads2 {
    display: block;
    margin-top: 35px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    max-height: 700px;
}
#category {
    font-family: 'Comfortaa', cursive;
    font-size: 15px;
}
#timer {
    position: absolute;
    top: 235px;
    left: 0;
    right: 0;
    margin: auto;
    height: 60px;
    font-size: 70px;
    font-weight: 100;
    font-family: 'Comfortaa', cursive;
    color: #01A9DB;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
}
canvas {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 400px;
    display: block;
}

.footer {
    position:fixed;
    bottom:0px;
    width:100%;
    text-align:center;
    color:#000;
    background-color:#e5e5e5;
    padding:5px;    
}

.nobr {
    white-space:nowrap;
}

@media (max-width: 414px) {
  .table-xs tr,
  .table-xs td,
  .table-xs tbody,
  .table-xs thead,
  .table-xs tfoot,
  .table-xs th {
    display: table;
    width: 100%;
    border-collapse: separate;
  }
  .table-xs > tbody tr:first-child {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .table-xs td[title]:before {
    content: attr(title) ": ";
  }
  .table-xs td:before {
    white-space: nowrap;
    width: 50%;
    display: table-cell;
    text-align: left;
    font-weight: bold;
  }
  .table-xs .item-row td:first-child,
  .table-xs .item-row td:nth-child(2) {
    border: 0 none;
  }
  .table-xs .item-row td:first-child {
    border: 0 none;
  }
  .table-xs .item-row td:last-child {
    background: #eee;
    border-bottom: 2px solid #a2a2a2;
    font-weight: bold;
  }
  .table-xs .item-row img {
    margin-bottom: 1em;
  }
  .table-xs .total-row td {
    display: table-cell;
    width: 1%;
    border-top: 0 none;
    border-bottom: 3px double #a2a2a2;
    font-weight: bold;
    font-size: 1.5em;
  }
  .table-xs .total-row td:first-child {
    width: 99%;
  }
}

.title-container {
  margin: 120px auto 0;
  text-align: center;
  width: 350px;
}
.title-container .title {
  font-size: 40px;
  margin-bottom: 15px;
}
.title-container .sub-title {
  text-decoration: none;
  font-size: 20px;
  color: #D3D3D3;
}

.button-container {
  width: 438px;
  height: 78px;
  margin: 40px auto 0;
}
.button-container a {
  text-decoration: none;
  padding: 20px 0;
  width: 130px;
  text-align: center;
  margin: 20px 6px;
  display: inline-block;
  color: #FFF;
  font-size: 20px;
  border-radius: 5px;
  transition: all 0.3s;
}
.button-container a.success {
  background: #2ecc71;
}
.button-container a.error {
  background: #e74c3c;
}
.button-container a.alert {
  background: #f1c40f;
}
.button-container a:hover {
  opacity: 0.6;
}

.f-notification {
  position: fixed;
  bottom: 20px;
  right: 20px;
  text-align: left;
  width: 300px;
  min-height: 20px;
  padding: 20px 40px 20px 18px;
  border-radius: 5px;
  color: rgba(255, 255, 255, 0.85);
}
.f-notification:hover {
  opacity: 0.9;
}
.f-notification:hover .f-notification-close {
  background: rgba(77, 77, 79, 0.1);
}
.f-notification .f-notification-title {
  font-weight: 600;
  color: #4D4D4F;
  cursor: default;
}
.f-notification .f-close {
  position: absolute;
  right: 15px;
  top: 20px;
  height: 20px;
  width: 20px;
  line-height: 18px;
  vertical-align: middle;
  text-align: center;
  border-radius: 20px;
  color: #4D4D4F;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.25);
}
.f-notification .f-close:hover {
  background: rgba(77, 77, 79, 0.2);
}

.f-notification-success {
  background: #2ecc71;
}

.f-notification-error {
  background: #e74c3c;
}

.f-notification-alert {
  background: #f1c40f;
}

.f-show {
  animation-name: animSlideElastic;
  animation-duration: 1s;
  animation-timing-function: linear;
}

.f-hide {
  animation-name: animSlideElastic;
  animation-duration: 0.5s;
  animation-direction: reverse;
}

@keyframes animSlideElastic {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1000, 0, 0, 1);
  }
  3.333333% {
    transform: matrix3d(1.96989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 521.82545, 0, 0, 1);
  }
  6.666667% {
    transform: matrix3d(1.4235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 218.3238, 0, 0, 1);
  }
  10% {
    transform: matrix3d(1.08167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 57.59273, 0, 0, 1);
  }
  13.333333% {
    transform: matrix3d(0.99057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.12794, 0, 0, 1);
  }
  16.666667% {
    transform: matrix3d(0.98719, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -30.40503, 0, 0, 1);
  }
  20% {
    transform: matrix3d(0.99541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -28.10141, 0, 0, 1);
  }
  23.333333% {
    transform: matrix3d(0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -19.40752, 0, 0, 1);
  }
  26.666667% {
    transform: matrix3d(1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.08575, 0, 0, 1);
  }
  30% {
    transform: matrix3d(1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.23737, 0, 0, 1);
  }
  33.333333% {
    transform: matrix3d(1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.84893, 0, 0, 1);
  }
  36.666667% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.22079, 0, 0, 1);
  }
  40% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.37284, 0, 0, 1);
  }
  43.333333% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.46116, 0, 0, 1);
  }
  46.666667% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.35963, 0, 0, 1);
  }
  50% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.22487, 0, 0, 1);
  }
  53.333333% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.11734, 0, 0, 1);
  }
  56.666667% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.04909, 0, 0, 1);
  }
  60% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.01295, 0, 0, 1);
  }
  63.333333% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0025, 0, 0, 1);
  }
  66.666667% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00684, 0, 0, 1);
  }
  70% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00632, 0, 0, 1);
  }
  73.333333% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00436, 0, 0, 1);
  }
  76.666667% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00249, 0, 0, 1);
  }
  80% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00118, 0, 0, 1);
  }
  83.333333% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00042, 0, 0, 1);
  }
  86.666667% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00005, 0, 0, 1);
  }
  90% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00008, 0, 0, 1);
  }
  93.333333% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.0001, 0, 0, 1);
  }
  96.666667% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00008, 0, 0, 1);
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
.collapse{
	padding-left:40px;
	padding-right:40px;
	cursor:pointer;
}