@import url(http://fonts.googleapis.com/css?family=Rokkitt:400,700|Open+Sans:400,300,600|Satisfy);
/*CONFIG AND GENERAL STYLE*/
/*General colors palette*/
/*General elements*/
/*Functions*/
/*BODY*/
body {
  color: #555;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  
}
.info-box {
  background: none repeat scroll 0 0 #FBFBFB;
  border: 1px solid #EFEFEF;
  margin: 0 0 20px;
  padding: 25px;
}
.info-box h4 {
  margin-top: 0px;
}
.info-box p {
  line-height: 20px;
}
.info-box .flat-button {
  margin-top: 10px;
}
.flat-button {
  color: #fff;
  background: #53c3ca;
  font-size: 13px;
  padding: 5px 16px;
  margin-right: 5px;
  transition: background 100ms ease-in;
  display: inline-block;
}
.flat-button:focus {
  color: #fff;
}
.flat-button:active {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
  background: #46b6bd;
}
.flat-button:hover {
  background: #46b6bd;
  color: #fff;
}
.flat-button-sm {
  color: #fff;
  background: #53c3ca;
  font-size: 13px;
  padding: 8px 15px;
  margin-right: 5px;
  transition: background 100ms ease-in;
  display: inline-block;
}
.flat-button-sm:focus {
  color: #fff;
}
.flat-button-sm:active {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
  background: #46b6bd;
  color: #fff;
}
.flat-button-sm:hover {
  background: #46b6bd;
  color: #fff;
}
.flat-button-lg {
  color: #fff;
  background: #53c3ca;
  font-size: 13px;
  padding: 12px 20px;
  margin-right: 5px;
  transition: background 100ms ease-in;
  display: inline-block;
}
.flat-button-lg:focus {
  color: #fff;
}
.flat-button-lg:active {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
  background: #46b6bd;
}
.flat-button-lg:hover {
  background: #46b6bd;
  color: #fff;
}