/*=================================================
				Class Definitions
=================================================*/

.subh {
 font-size: 18px;
}

div.checkbox .sublangs {
 font-size: 16px;
 font-weight: bold;
}

#subscribe-popup {
    font-family: Noto Serif;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 60px;

    width:auto;
    max-width:376px;

    text-align:left;
    background: rgba(250,250,200,0.75);
    padding: 25px;
    z-index:10;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
}

/*#subscribe-popup .close {
 opacity: 1;
}*/

/*#subscribe-popup:hover * {
 opacity: 1;
}*/

#subscribe-popup:hover {
 background: rgba(255,255,255,1);
}

@media(max-width: 991px) {
 #subscribe-popup {
    bottom: 5px;
    left:0px;
    right: 0px;
    background: rgba(250,250,200,0.75);
    padding: 25px 0px 10px 14px;
    margin:10px 10px 54px 10px;
/*    width: 100%;*/
 }

 #subscribe-popup button.close {
  margin-right:15px;
 }

}

[class*="animation-"]{
	-webkit-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-o-animation-duration: 500ms;
	animation-duration: 500ms;
}
.animation-flyInRight{
	-webkit-animation-name: flyInRight;
	-moz-animation-name: flyInRight;
	-o-animation-name: flyInRight;
	animation-name: flyInRight;
}
.animation-flyOutRight{
	-webkit-animation-name: flyOutRight;
	-moz-animation-name: flyOutRight;
	-o-animation-name: flyOutRight;
	animation-name: flyOutRight;
}
.animation-flyInLeft{
	-webkit-animation-name: flyInLeft;
	-moz-animation-name: flyInLeft;
	-o-animation-name: flyInLeft;
	animation-name: flyInLeft;
}
.animation-flyOutLeft{
	-webkit-animation-name: flyOutLeft;
	-moz-animation-name: flyOutLeft;
	-o-animation-name: flyOutLeft;
	animation-name: flyOutLeft;
}
.animation-flyInUp{
	-webkit-animation-name: flyInUp;
	-moz-animation-name: flyInUp;
	-o-animation-name: flyInUp;
	animation-name: flyInUp;
}
.animation-flyOutUp{
	-webkit-animation-name: flyOutUp;
	-moz-animation-name: flyOutUp;
	-o-animation-name: flyOutUp;
	animation-name: flyOutUp;
}
.animation-flyInDown{
	-webkit-animation-name: flyInDown;
	-moz-animation-name: flyInDown;
	-o-animation-name: flyInDown;
	animation-name: flyInDown;
}
.animation-flyOutDown{
	-webkit-animation-name: flyOutDown;
	-moz-animation-name: flyOutDown;
	-o-animation-name: flyOutDown;
	animation-name: flyOutDown;
}

/*=================================================
				Animation Library
=================================================*/

@-webkit-keyframes flyInRight{

	0%{
		opacity: 0;
		-webkit-transform: translateX(3000px);
	}
	100%{
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes flyInRight{

	0%{
		opacity: 0;
		-moz-transform: translateX(3000px);
	}
	100%{
		-moz-transform: translateX(0);
	}
}
@-o-keyframes flyInRight{

	0%{
		opacity: 0;
		-o-transform: translateX(3000px);
	}
	100%{
		-o-transform: translateX(0);
	}
}
@keyframes flyInRight{

	0%{
		opacity: 0;
		transform: translateX(3000px);
	}
	100%{
		transform: translateX(0);
	}
}
@-webkit-keyframes flyOutRight{

	0%{
		-webkit-transform: translateX(0);
	}
	100%{
	  opacity: 0;
		-webkit-transform: translateX(3000px);
	}
}
@-moz-keyframes flyOutRight{

	0%{
		-moz-transform: translateX(0);
	}
	100%{
	  opacity: 0;
		-moz-transform: translateX(3000px);
	}
}
@-o-keyframes flyOutRight{

	0%{
		-o-transform: translateX(0);
	}
	100%{
	  opacity: 0;
		-o-transform: translateX(3000px);
	}
}
@keyframes flyOutRight{

	0%{
		transform: translateX(0);
	}
	100%{
	  opacity: 0;
		transform: translateX(3000px);
	}
}
@-webkit-keyframes flyInLeft{

	0%{
		opacity: 0;
		-webkit-transform: translateX(-3000px);
	}
	100%{
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes flyInLeft{

	0%{
		opacity: 0;
		-moz-transform: translateX(-3000px);
	}
	100%{
		-moz-transform: translateX(0);
	}
}
@-o-keyframes flyInLeft{

	0%{
		opacity: 0;
		-o-transform: translateX(-3000px);
	}
	100%{
		-o-transform: translateX(0);
	}
}
@keyframes flyInLeft{

	0%{
		opacity: 0;
		transform: translateX(-3000px);
	}
	100%{
		transform: translateX(0);
	}
}
@-webkit-keyframes flyOutLeft{

	0%{
		-webkit-transform: translateX(0);
	}
	100%{
		opacity: 0;
		-webkit-transform: translateX(-3000px);
	}
}
@-moz-keyframes flyOutLeft{

	0%{
		-moz-transform: translateX(0);
	}
	100%{
		opacity: 0;
		-moz-transform: translateX(-3000px);
	}
}
@-o-keyframes flyOutLeft{

	0%{
		-o-transform: translateX(0);
	}
	100%{
		opacity: 0;
		-o-transform: translateX(-3000px);
	}
}
@keyframes flyOutLeft{

	0%{
		transform: translateX(0);
	}
	100%{
		opacity: 0;
		transform: translateX(-3000px);
	}
}
@-webkit-keyframes flyInUp{

	0%{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	100%{
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes flyInUp{

	0%{
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	100%{
		-moz-transform: translateY(0);
	}
}
@-o-keyframes flyInUp{

	0%{
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	100%{
		-o-transform: translateY(0);
	}
}
@keyframes flyInUp{

	0%{
		opacity: 0;
		transform: translateY(-2000px);
	}
	100%{
		transform: translateY(0);
	}
}
@-webkit-keyframes flyOutUp{

	0%{
		-webkit-transform: translateY(0);
	}
	100%{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}
@-moz-keyframes flyOutUp{

	0%{
		-moz-transform: translateY(0);
	}
	100%{
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}
@-o-keyframes flyOutUp{

	0%{
		-o-transform: translateY(0);
	}
	100%{
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}
@keyframes flyOutUp{

	0%{
		transform: translateY(0);
	}
	100%{
		opacity: 0;
		transform: translateY(-2000px);
	}
}
@-webkit-keyframes flyInDown{

	0%{
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	100%{
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes flyInDown{

	0%{
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	100%{
		-moz-transform: translateY(0);
	}
}
@-o-keyframes flyInDown{

	0%{
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	100%{
		-o-transform: translateY(0);
	}
}
@keyframes flyInDown{

	0%{
		opacity: 0;
		transform: translateY(2000px);
	}
	100%{
		transform: translateY(0);
	}
}
@-webkit-keyframes flyOutDown{

	0%{
		-webkit-transform: translateY(0);
	}
	100%{
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}
@-moz-keyframes flyOutDown{

	0%{
		-moz-transform: translateY(0);
	}
	100%{
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}
@-o-keyframes flyOutDown{

	0%{
		-o-transform: translateY(0);
	}
	100%{
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}
@keyframes flyOutDown{

	0%{
		transform: translateY(0);
	}
	100%{
		opacity: 0;
		transform: translateY(2000px);
	}
}