@import
	url("http://fonts.googleapis.com/css?family=Lato:300,400,700,900");

@import url(http://fonts.googleapis.com/css?family=Pacifico);

body {
  font-family: "Lato", Helvetica, Arial;
  font-size: 11px;
}

/**/ /**, *:before, *:after {
  -webkit-border-sizing: border-box;
  -moz-border-sizing: border-box;
  border-sizing: border-box;
}*/

.container {
	width: 150px;
	margin: 50px auto;
}

.container>ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}

.title {
	font-family: 'Arial';
	font-weight: normal;
	font-size: 40px;
	text-align: center;
	line-height: 1.4;
	color: #C0392B;
}

.dropdown {
	position: relative;
	padding-bottom: 5px;
}

.dropdown a {
	text-decoration: none;
	color: black;
}

.dropdown [data-toggle="dropdown"] {
	display: block;
	color: black;
	padding: 5px;
}

.dropdown [data-toggle="dropdown"]:hover {
	/*background: #cd3d2e;*/
}

.dropdown [data-toggle="dropdown"]:before {
	position: absolute;
	display: block;
	content: '\25BC';
	font-size: 0.7em;
	color: #000;
	top: 13px;
	right: 10px;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-moz-transition: -moz-transform 0.6s;
	-o-transition: -o-transform 0.6s;
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
}

.dropdown>.dropdown-menu {
	max-height: 0;
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-moz-transition: max-height 0.6s ease-out;
	-o-transition: max-height 0.6s ease-out;
	-webkit-transition: max-height 0.6s ease-out;
	transition: max-height 0.6s ease-out;
	animation: hideAnimation 0.4s ease-out;
	-moz-animation: hideAnimation 0.4s ease-out;
	-webkit-animation: hideAnimation 0.4s ease-out;
}

.dropdown>.dropdown-menu li {
	padding: 0;
}

.dropdown>.dropdown-menu li a {
	display: block;
	color: black;
	padding: 3px 10px;
}

.dropdown>.dropdown-menu li a:hover {
	background: #f6f6f6;
}

.dropdown>input[type="checkbox"] {
	opacity: 0;
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.dropdown>input[type="checkbox"]:checked  ~ .dropdown-menu {
	max-height: 9999px;
	display: block;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	animation: showAnimation 0.5s ease-in-out;
	-moz-animation: showAnimation 0.5s ease-in-out;
	-webkit-animation: showAnimation 0.5s ease-in-out;
	-moz-transition: max-height 2s ease-in-out;
	-o-transition: max-height 2s ease-in-out;
	-webkit-transition: max-height 2s ease-in-out;
	transition: max-height 2s ease-in-out;
}

.dropdown>input[type="checkbox"]:checked+a[data-toggle="dropdown"]:before
	{
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-moz-transition: -moz-transform 0.6s;
	-o-transition: -o-transform 0.6s;
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
}

@
keyframes showAnimation { 0% {
	-moz-transform: scaleY(0.1);
	-ms-transform: scaleY(0.1);
	-webkit-transform: scaleY(0.1);
	transform: scaleY(0.1);
}

40%
{
-moz-transform
:
 
scaleY
(1
.04
);

    
-ms-transform
:
 
scaleY
(1
.04
);

    
-webkit-transform
:
 
scaleY
(1
.04
);

    
transform
:
 
scaleY
(1
.04
);

  
}
60%
{
-moz-transform
:
 
scaleY
(0
.98
);

    
-ms-transform
:
 
scaleY
(0
.98
);

    
-webkit-transform
:
 
scaleY
(0
.98
);

    
transform
:
 
scaleY
(0
.98
);

  
}
80%
{
-moz-transform
:
 
scaleY
(1
.04
);

    
-ms-transform
:
 
scaleY
(1
.04
);

    
-webkit-transform
:
 
scaleY
(1
.04
);

    
transform
:
 
scaleY
(1
.04
);

  
}
100%
{
-moz-transform
:
 
scaleY
(0
.98
);

    
-ms-transform
:
 
scaleY
(0
.98
);

    
-webkit-transform
:
 
scaleY
(0
.98
);

    
transform
:
 
scaleY
(0
.98
);

  
}
80%
{
-moz-transform
:
 
scaleY
(1
.02
);

    
-ms-transform
:
 
scaleY
(1
.02
);

    
-webkit-transform
:
 
scaleY
(1
.02
);

    
transform
:
 
scaleY
(1
.02
);

  
}
100%
{
-moz-transform
:
 
scaleY
(1);

    
-ms-transform
:
 
scaleY
(1);

    
-webkit-transform
:
 
scaleY
(1);

    
transform
:
 
scaleY
(1);

  
}
}
@
-moz-keyframes showAnimation { 0% {
	-moz-transform: scaleY(0.1);
	-ms-transform: scaleY(0.1);
	-webkit-transform: scaleY(0.1);
	transform: scaleY(0.1);
}

40%
{
-moz-transform
:
 
scaleY
(1
.04
);

    
-ms-transform
:
 
scaleY
(1
.04
);

    
-webkit-transform
:
 
scaleY
(1
.04
);

    
transform
:
 
scaleY
(1
.04
);

  
}
60%
{
-moz-transform
:
 
scaleY
(0
.98
);

    
-ms-transform
:
 
scaleY
(0
.98
);

    
-webkit-transform
:
 
scaleY
(0
.98
);

    
transform
:
 
scaleY
(0
.98
);

  
}
80%
{
-moz-transform
:
 
scaleY
(1
.04
);

    
-ms-transform
:
 
scaleY
(1
.04
);

    
-webkit-transform
:
 
scaleY
(1
.04
);

    
transform
:
 
scaleY
(1
.04
);

  
}
100%
{
-moz-transform
:
 
scaleY
(0
.98
);

    
-ms-transform
:
 
scaleY
(0
.98
);

    
-webkit-transform
:
 
scaleY
(0
.98
);

    
transform
:
 
scaleY
(0
.98
);

  
}
80%
{
-moz-transform
:
 
scaleY
(1
.02
);

    
-ms-transform
:
 
scaleY
(1
.02
);

    
-webkit-transform
:
 
scaleY
(1
.02
);

    
transform
:
 
scaleY
(1
.02
);

  
}
100%
{
-moz-transform
:
 
scaleY
(1);

    
-ms-transform
:
 
scaleY
(1);

    
-webkit-transform
:
 
scaleY
(1);

    
transform
:
 
scaleY
(1);

  
}
}
@
-webkit-keyframes showAnimation { 0% {
	-moz-transform: scaleY(0.1);
	-ms-transform: scaleY(0.1);
	-webkit-transform: scaleY(0.1);
	transform: scaleY(0.1);
}

40%
{
-moz-transform
:
 
scaleY
(1
.04
);

    
-ms-transform
:
 
scaleY
(1
.04
);

    
-webkit-transform
:
 
scaleY
(1
.04
);

    
transform
:
 
scaleY
(1
.04
);

  
}
60%
{
-moz-transform
:
 
scaleY
(0
.98
);

    
-ms-transform
:
 
scaleY
(0
.98
);

    
-webkit-transform
:
 
scaleY
(0
.98
);

    
transform
:
 
scaleY
(0
.98
);

  
}
80%
{
-moz-transform
:
 
scaleY
(1
.04
);

    
-ms-transform
:
 
scaleY
(1
.04
);

    
-webkit-transform
:
 
scaleY
(1
.04
);

    
transform
:
 
scaleY
(1
.04
);

  
}
100%
{
-moz-transform
:
 
scaleY
(0
.98
);

    
-ms-transform
:
 
scaleY
(0
.98
);

    
-webkit-transform
:
 
scaleY
(0
.98
);

    
transform
:
 
scaleY
(0
.98
);

  
}
80%
{
-moz-transform
:
 
scaleY
(1
.02
);

    
-ms-transform
:
 
scaleY
(1
.02
);

    
-webkit-transform
:
 
scaleY
(1
.02
);

    
transform
:
 
scaleY
(1
.02
);

  
}
100%
{
-moz-transform
:
 
scaleY
(1);

    
-ms-transform
:
 
scaleY
(1);

    
-webkit-transform
:
 
scaleY
(1);

    
transform
:
 
scaleY
(1);

  
}
}
@
keyframes hideAnimation { 0% {
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

60%
{
-moz-transform
:
 
scaleY
(0
.98
);

    
-ms-transform
:
 
scaleY
(0
.98
);

    
-webkit-transform
:
 
scaleY
(0
.98
);

    
transform
:
 
scaleY
(0
.98
);

  
}
80%
{
-moz-transform
:
 
scaleY
(1
.02
);

    
-ms-transform
:
 
scaleY
(1
.02
);

    
-webkit-transform
:
 
scaleY
(1
.02
);

    
transform
:
 
scaleY
(1
.02
);

  
}
100%
{
-moz-transform
:
 
scaleY
(0);

    
-ms-transform
:
 
scaleY
(0);

    
-webkit-transform
:
 
scaleY
(0);

    
transform
:
 
scaleY
(0);

  
}
}
@
-moz-keyframes hideAnimation { 0% {
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

60%
{
-moz-transform
:
 
scaleY
(0
.98
);

    
-ms-transform
:
 
scaleY
(0
.98
);

    
-webkit-transform
:
 
scaleY
(0
.98
);

    
transform
:
 
scaleY
(0
.98
);

  
}
80%
{
-moz-transform
:
 
scaleY
(1
.02
);

    
-ms-transform
:
 
scaleY
(1
.02
);

    
-webkit-transform
:
 
scaleY
(1
.02
);

    
transform
:
 
scaleY
(1
.02
);

  
}
100%
{
-moz-transform
:
 
scaleY
(0);

    
-ms-transform
:
 
scaleY
(0);

    
-webkit-transform
:
 
scaleY
(0);

    
transform
:
 
scaleY
(0);

  
}
}
@
-webkit-keyframes hideAnimation { 0% {
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
60%
{
-moz-transform
:
 
scaleY
(0
.98
);

    
-ms-transform
:
 
scaleY
(0
.98
);

    
-webkit-transform
:
 
scaleY
(0
.98
);

    
transform
:
 
scaleY
(0
.98
);

  
}
80%
{
-moz-transform
:
 
scaleY
(1
.02
);

    
-ms-transform
:
 
scaleY
(1
.02
);

    
-webkit-transform
:
 
scaleY
(1
.02
);

    
transform
:
 
scaleY
(1
.02
);

  
}
100%
{
-moz-transform
:
 
scaleY
(0);

    
-ms-transform
:
 
scaleY
(0);

    
-webkit-transform
:
 
scaleY
(0);

    
transform
:
 
scaleY
(0);

  
}
}