body {
    background-image: url(../images/background.png);
	background-attachment:fixed;
	background-size: cover;
	-webkit-background-size: cover;
	/*animation-name: animatedBackground;
	animation-duration: 240s;
	animation-iteration-count: infinite;
	-webkit-animation-name: animatedBackground;
	-webkit-animation-duration: 240s;
	-webkit-animation-iteration-count: infinite;*/
	width: 100%;
	height: 100%;
	font-family: Verdana, Sans-serif;
	margin: 0;
	padding: 0;
  }
  
  a {
    text-decoration: none;
	color: #eda11e;
  }
  
  h2 {
    width: 620px; 
	padding:0; 
	padding-bottom: 10px; 
	margin:0; 
	border-bottom: 4px solid #eda11e; 
	text-align:right; 
	margin-bottom: 20px; 
	color:#eda11e;
  }
  
  input {
    width:420px; 
	height: 23px; 
	font-family: Verdana, Sans-serif; 
	font-size: 16px; 
	outline: none; 
	overflow:auto; 
	border:3px solid #eda11e; 
	padding-left: 5px; 
	padding-right: 5px;
  }
  
  input[type=submit] {
    background:none;
    height: 50px;
	color: #fff;
	background-color: #eda11e;
	font-size: 18px;
	width: 435px;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
  }
  
  input[type=button] {
    background:none;
    height: 50px;
	color: #fff;
	background-color: #eda11e;
	font-size: 18px;
	width: 435px;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
  }
  
  button {
    background:none;
    height: 50px;
	color: #fff;
	outline: none; 
	overflow:auto;
    border:3px solid #eda11e; 	
	background-color: #eda11e;
	font-size: 18px;
	width: 435px;
	cursor: pointer;
  }
  
  textarea {
    width:420px; 
	height: 323px; 
	font-family: Verdana, Sans-serif; 
	font-size: 16px; 
	outline: none; 
	overflow:auto; 
	border:3px solid #eda11e; 
	padding-left: 5px; 
	padding-right: 5px;
	-moz-resize:none; resize:none;
  }

  @keyframes animatedBackground {
    0% {background-position: 0 0;}
	50% {background-position: 100% 0;}
	100% {background-position: 0 0;}
  }
  
  @-webkit-keyframes animatedBackground {
    0% {background-position: 0 0;}
	50% {background-position: 100% 0;}
	100% {background-position: 0 0;}
  }
  
  .page-wrap {
    margin-left:auto;
	margin-right:auto;
	width: 1000px;
	height: 100%;
  }
  
  .page-wrap-mobile {
    display: none;
  }
  
  .page-wrap-mobile a {
	margin-top: 10px;
	position: relative;
	display: block;
	text-align: center;
	color: #fff;
  }
  
  .page-wrap-mobile a h1 {
	z-index: 11;
    position: absolute;
    top: 50%;
	margin-top: -0.5em;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }
  
  .page-wrap-mobile a img {
	width: 100%; border-bottom: 5px solid #fff; border-top: 5px solid #fff; max-height: 300px; object-fit: cover;
  }
  
  .page-wrap-mobile a:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    bottom: 8px;
    left: 0px;
    right: 0px;
    background: rgba(237,161,30, 0.7);
    -moz-transition: all .6s linear;
    -webkit-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
  }
  
  .sticky-header {
	  position:fixed; top: 0; left: 0; right: 0; height: 50px; background-color: white; text-align: center; line-heigth: 50px; border-bottom: 2px solid #eda11e; z-index: 100;
  }
  
  .sticky-menu {
	margin-top: 52px; 
	width: 100%; height: 50px; 
	background-color: white; 
	text-align: center; 
	line-height: 50px; 
	-webkit-box-shadow: 0 10px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 10px 20px 0px rgba(0,0,0,0.5);
    box-shadow: 0 10px 20px 0px rgba(0,0,0,0.5);
  }
  
  .sticky-menu-wrapper {
	display: none;
  }
  
  
  .sticky-menu-wrapper  a{
	color: #eda11e;
	margin-top: 0;
	text-transform: uppercase;
	padding: 10px;
	background-color: #fff;
  }
  
  .sticky-menu-wrapper a:before{
	content: "";
	display: none;
  }
  
  .showMenu {
	  display: block;
  }

  .tint-nav img {
    display: block;
	padding: 10px;
  }
  
  .fa-2 {
	font-size: 2em;
  }

  .tint-nav {
    position: relative;
    float: left;
    cursor: pointer;
	background-color: rgb(255,255,255);
	/*top: -5px;
	left: -50px;*/
    -webkit-box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
    -moz-box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
    box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
	text-align: center;
	padding: 0; margin: 0;
  }
  
  .tint-nav:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: none;
    -moz-transition: all .6s linear;
    -webkit-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
  }
  
  .tint-nav:hover:before {
    background: rgba(0,0,0, 0.7);
  }
  
  .tint-nav-social img {
    display: block;
	padding: 10px;
  }

  .tint-nav-social {
    position: relative;
    float: left;
    cursor: pointer;
	background-color: rgb(255,255,255);
	/*top: -5px;
	left: -50px;*/
    -webkit-box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
    -moz-box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
    box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
	text-align: center;
	padding: 0; margin: 0;
  }
  
  .tint-nav-social:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: none;
    -moz-transition: all .6s linear;
    -webkit-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
  }
  
  .tint-nav-social:hover:before {
    
  }
  
  .tint-nav-social .hidden-social {
    z-index:20; 
	width: 400px;
	position: absolute; 
	top:0;
	bottom:0;
	right:0;
	display: none;
  }
  
  .tint-nav-social:hover .hidden-social {
    display: block;
  }
  
  .tint-nav-active img {
    display: block;
	padding: 10px;
  }

  .tint-nav-active {
    position: relative;
    float: left;
    cursor: pointer;
	background-color: rgb(255,255,255);
	/*top: -5px;
	left: -50px;*/
    -webkit-box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
    -moz-box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
    box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
	text-align: center;
	padding: 0; margin: 0;
  }
  
  .tint-nav-active:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: rgba(0,0,0, 0.7);
    -moz-transition: all .6s linear;
    -webkit-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
  }
  
  .tint img {
    display: block;
	padding: 10px;
  }

  .tint {
    position: relative;
    float: left;
    cursor: pointer;
	background-color: rgb(255,255,255);
	/*top: -5px;
	left: -50px;*/
    -webkit-box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
    -moz-box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
    box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
	text-align: center;
	padding: 0; margin: 0;
  }
  
  .tint:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: rgba(237,161,30, 0.7);
    -moz-transition: all .6s linear;
    -webkit-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
  }
  
  .tint:hover:before {
    background: none;
  }
  
  .tint h1 {
    position:absolute;
	display: block;
	top: 10px;
	padding-top: 35px;
    bottom: 10px;
    left: 10px;
    right: 10px;
	color: #fff;
  }
  
  .tint:hover h1 {
    display: block;
	opacity: 0;
	animation-name: animatedText150;
	animation-duration: 1s;
	-webkit-animation-name: animatedText150;
	-webkit-animation-duration: 1s;
  }
  
  .tint200 img {
    display: block;
	padding: 10px;
  }

  .tint200 {
    position: relative;
    float: left;
    cursor: pointer;
	background-color: rgb(255,255,255);
	/*top: -5px;
	left: -50px;*/
    -webkit-box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
    -moz-box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
    box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
	text-align: center;
	padding: 0; margin: 0;
  }
  
  .tint200:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: rgba(237,161,30, 0.7);
    -moz-transition: all .6s linear;
    -webkit-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
  }
  
  .tint200:hover:before {
    background: none;
  }
  
  .tint200 h1 {
    position:absolute;
	display: block;
	top: 10px;
	padding-top: 58px;
    bottom: 10px;
    left: 10px;
    right: 10px;
	color: #fff;
  }
  
  .tint200:hover h1 {
    display: block;
	opacity: 0;
	animation-name: animatedText200;
	animation-duration: 1s;
	-webkit-animation-name: animatedText200;
	-webkit-animation-duration: 1s;
  }
  
  .tint80 img {
    display: block;
	padding: 10px;
  }

  .tint80 {
    position: relative;
    float: left;
    cursor: pointer;
	background-color: rgb(255,255,255);
	/*top: -5px;
	left: -50px;*/
    -webkit-box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
    -moz-box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
    box-shadow: rgba(0,0,0,.2) 3px 5px 15px;
	text-align: center;
	padding: 0; margin: 0;
  }
  
  .tint80:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: rgba(237,161,30, 0.7);
    -moz-transition: all .6s linear;
    -webkit-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
  }
  
  .tint80:hover:before {
    background: none;
  }
  
  .tint80 h1 {
    position:absolute;
	display: block;
	top: 10px;
	padding-top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
	color: #fff;
  }
  
  .tint80:hover h1 {
    display: block;
	opacity: 0;
	animation-name: animatedText80;
	animation-duration: 1s;
	-webkit-animation-name: animatedText80;
	-webkit-animation-duration: 1s;
  }
  
  .picture {
    position:relative;
	margin: 0;
	padding: 0;
  }
  
  .emoji-wysiwyg-editor {
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0;
	margin: 0;
  }
  
  @keyframes animatedText150 {
    100% {padding-top: 0px; opacity: 0;}
	0% {padding-top: 35px; opacity: 1;}
  }
  
  @-webkit-keyframes animatedText150 {
    100% {padding-top: 0px; opacity: 0;}
	0% {padding-top: 35px; opacity: 1;}
  }
  
  @keyframes animatedText200 {
    100% {padding-top: 23px; opacity: 0;}
	0% {padding-top: 58px; opacity: 1;}
  }
  
  @-webkit-keyframes animatedText200 {
    100% {padding-top: 23px; opacity: 0;}
	0% {padding-top: 58px; opacity: 1;}
  }
  
  @keyframes animatedText80 {
    100% {top: -13px; opacity: 0;}
	0% {padding-top: 10px; opacity: 1;}
  }
  
  @-webkit-keyframes animatedText80 {
    100% {top: -13px; opacity: 0;}
	0% {padding-top: 10px; opacity: 1;}
  }
  
  #footer {
	width:100%;
	height: 38px;
	background-color: #fff;
	position:fixed;
	bottom:0;
	left:0;
	z-index:200;
  }
  
  #footer-line {
	width:100%;
	height: 2px;
	background-color: #eda11e;
	position:fixed;
	bottom:38px;
	left:0;
	z-index:200;
  }
  
  #social {
    width:100%;
	margin-left: auto;
	margin-right: auto;
	height:70px;
	bottom:0px;
	position: fixed;
	display: table-cell;
	text-align:center;
  }
  
  #social a {
    position: relative;
	left: 450px;
	height:70px;
	top: 0;
	transition: top 1s ease-in-out;
	-webkit-transition: top 1s ease-in-out;
	-o-transition: top 1s ease-in-out;
	-moz-transition: top 1s ease-in-out;
	-ms-transition: top 1s ease-in-out;
  }
  
  #social a:hover {
    top:-40px;
  }
  
  #footer a {
    text-decoration:none;
  }
  
  #navigation {
    width: 120px;
	height: 100%;
	vertical-align:top;
  }
  
  #content {
    min-height: 600px;
	width:660px;
	vertical-align:top;
  }
  
  .content-table {
	  width: 1000px;
	  padding-top: 36px;
  }
  
  .content-wrap {
    min-height: 600px;
	width:620px;
	padding: 20px;
	background-color: #fff;
  }
  
  .td-width{
	width: 620px;
  }
  
  .gal-img {
	  width: 100px;
	  height: 100px;
  }
  
   .gal-img img{
	  max-width: 100px;
	  max-height: 100px;
  }
  
  .percent30-input {
	  width: 30%;
  }
  
  .percent50-input {
	  width: 50%;
  }
  
  .show-for-small {
	  display: none;
  }
  
    @media (max-width: 950px) {
	  
	  .page-wrap-mobile {
        margin-left:auto;
	    margin-right:auto;
	    width: 100%;
	    height: 100%;
		display: inline;
	  }
	  
	  .page-wrap {
		  width: 100%;
		  display: inline;
		  margin-right: 0;
	  }
	  
	  .hide-for-small {
		  display: none;
	  }
	  
	  #social.hide-for-small {
		  display: none;
	  }
	  
	  .show-for-small {
		  display: inline;
	  }
	  
	  #content {
		  width: 100%;
		  padding: 0;
	  }
	  
	  #content table {
		  width: 100%;
	  }
	  
	  .td-width{
		  width: auto;
	  }
	  
	  input {
		  width: 100%;
		  margin: 0; padding: 0;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		  height: 30px;
	  }
	  
	  button {
		  width: 100%;
	  }
	  
	  input[type=submit], textarea, input[type=button], .emoji-wysiwyg-editor{
		  width: 100%;
		  margin: 0; padding: 0;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
	  }
	  
	  .content-wrap {
		  padding: 5px;
		  width: auto;
		  margin-top: 5px;
	  }
	  
	  .content-table {
		  width: 100%;
	  }
	  
	  h2 {
		  width: 100%;
	  }
	  
	  table {
		  border-collapse: collapse;
	  }
	  
	  .percent30-input {
		width: 60%;
	  }
	  
	  .percent50-input {
		width: 90%;
	  }
  }
  
  #infoContainer {
	background-color: #eda11e;
	position: fixed;
	width: 300px;
	height: auto;
	left: 10px;
	bottom: 10px;
	border: 2px solid #fff;
	font-size: 15px;
	color: #fff;
	padding: 10px 20px 10px 10px;
	z-index: 1000;
  }

#infoContainer a {
	color: #fff;
	text-decoration: underline;
}

.svg-inline--fa.fa-w-16 {
    width: 1em;
    position: absolute;
    top: 5px;
    right: 5px;
}

@media (max-width: 350px) {
	#infoContainer {
		right: 10px;
		width: auto;

  }
}
  
@media (max-width: 500px) {
	.gal-img {
	  width: 90px;
	  height: 90px;
  }
  
   .gal-img img{
	  max-width: 90px;
	  max-height: 90px;
  }
  
  .g-recaptcha {
	  transform:scale(0.67);
	  -webkit-transform:scale(0.67);
	  transform-origin:0 0;
	  -webkit-transform-origin:0 0;
  }
}