/* Generated by CSS Usage.
   File: file:///C:/Users/zhuzi/Desktop/FIDR/css/styles.css.
   DON'T DELETE YOUR ORIGINAL CSS FILE. Keep it so you can fix the glitches later.
   Some rules have been deleted, some selectors are prefixed with "UNUSED".
   Look for the UNUSED items and see if you can remove them. */



body {
  padding: 0;
  margin: 0;
  font-size: 62.5%;
  font-family: Arial, sans-serif;
}

label {
  display: inline;
}

.center {
  margin: 0px auto;
   overflow-x: hidden;
}

input[type="checkbox"] {
  display: none;
}


p {
  font-size: 2em;
  text-align: center;
  
}





[id^="checkbox-1-"] + label {
  background-color: #FFF;
  border: 1px solid #C1CACA;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  margin-right: 30px;
}

[id^="checkbox-1-"] + label:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

[id^="checkbox-1-"]:checked + label {
  background-color: #ECF2F7;
  border: 1px solid #92A1AC;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #243441;
}

[id^="checkbox-1-"]:checked + label:after {
  content: '\2715';
  position: absolute;
  top: 0px;
  left: 0px;
  color: #758794;
  width: 100%;
  text-align: center;
  font-size: 1.4em;
  padding: 1px 0 0 0;
  vertical-align: text-top;
}

#checkbox-1-2 + label:after {
  left: 0px;
  padding: 6px 0 0 0;
}

#checkbox-1-3 + label:after {
  top: -6px;
  left: 0px;
  padding: 17px 0 0 0;
}
@media only screen and (min-width: 1024px) {
  header {
    height: 200px;
  }
}
@media only screen and (min-width: 1024px) {
  main p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(63, 80, 212, 0.8)  ;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
UNUSED.cd-top.cd-is-visible, UNUSED.cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  
  visibility: visible;
  opacity: 0.9;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 105px;
  }
}
ul.nav.navbar-nav.c1 {
    position: absolute;
    height: 50px;
    left: 50%;
    margin-left: -200px;
}
a.cd-top.cd-is-visible.cd-fade-out {
    background-image: url(../images/top.png);
    background-size: contain;
    border-radius: 5px;
}