@charset "utf-8";
/* CSS Document */

body, html {
	height: 100%
}
body {
	background-image: url(gfx/swirl_pattern1.png);
	background-color: #F1F1F1;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.logo1 {
	background-image: url(gfx/logobg.jpg);
	background-repeat: repeat-x;
}
.footer {
	background-image: url(gfx/J9.png);
	font-size: 180%;
	font-weight: bold;
	color: #104687;
	/* text-align: center;*/ 
	padding-left: 40px;/*  border-top: 5px solid #FFFFFF; */
}
.content {
	padding-top: 20px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 50px;
	background-image: url(gfx/J91.png);
}
.price {
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.nav a:link, .nav a:visited {
	display: block;
	margin: 6px;
	padding: 7px;
	font-size: 120%;
	background-color: #1F8EC5;
	color: #FFFFFF;
	background: -moz-linear-gradient(-45deg, #1f8ec5 0%, #7db9e8 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1f8ec5), color-stop(100%, #7db9e8));
	background: -webkit-linear-gradient(-45deg, #1f8ec5 0%, #7db9e8 100%);
	background: -o-linear-gradient(-45deg, #1f8ec5 0%, #7db9e8 100%);
	background: -ms-linear-gradient(-45deg, #1f8ec5 0%, #7db9e8 100%);
	background: linear-gradient(135deg, #1f8ec5 0%, #7db9e8 100%);
}
.nav a:hover {
	color: #FFFFFF;
	background: #75BB27;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
.nav2 a:link, .nav2 a:visited, .nav3 a:link, .nav3 a:visited  {
	font-family:bad script, serif;
	display: block;
	padding: 10px;
	padding-left: 10px;
	font-size: 115%;
	background-color: #206489;
	color: #FFFFFF;
}
.nav3 a:link, .nav3 a:visited {

	background-color: #71BF35;
}
.nav3 a:hover {
	color: #FFFFFF;
	background: #266FBB;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	-webkit-transition: background-color 600ms linear;
	-moz-transition: background-color 600ms linear;
	-o-transition: background-color 600ms linear;
	-ms-transition: background-color 600ms linear;
	transition: background-color 600ms linear;
}
.nav2 a:hover {
	color: #FFFFFF;
	background: #75BB27;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	-webkit-transition: background-color 600ms linear;
	-moz-transition: background-color 600ms linear;
	-o-transition: background-color 600ms linear;
	-ms-transition: background-color 600ms linear;
	transition: background-color 600ms linear;
}
a:link {
	color: #1488A6;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #1488A6;
}
a:hover {
	text-decoration: none;
	color: #1488A6;
}
a:active {
	text-decoration: underline;
	color: #1488A6;
}
#under {
	padding: 5px;
	background-color: #FFFDF4;
	width: 500px;
}
.banner {
	position: relative;
	overflow: auto;
}
.banner li {
	list-style: none;
}
.banner ul li {
	float: left;
}
.logo1 {
	background-image: url(gfx/J91.png);
}
.promotitle {
	z-index: 2;
	position: absolute;
	top: 376px;
	width: 49px;
	height: 104px;
}
.promos {
	background-repeat: no-repeat;
	background-position: center;
	padding: 15px;
	padding-right: 65px;
	color: white;
	text-shadow: #000000 1px 1px;
	font-size: 22px;
}
.promos p {
	background-color: #1F8789;
	opacity: 0.9;
	padding: 5px;
}
.promos a:link,.promos a:visited{
	text-decoration:none;
	color:white;
	}
.promos a:hover{
	text-decoration:underline;
	}
	
 
.gallery1 .gallery a{ 
	display: inline-block;
	width: 250px;
	background-color: rgba(255, 255, 255, 0.42);
	height: 184.3px;
	padding: 1.1em;
	margin: 0.3em;
	text-align: center;
}
.gallery1 .gallery img{ width: 220px; }
 



/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}



/* Blink for Webkit and others
(Chrome, Safari, Firefox, IE, ...)
*/
@keyframes blinker {
/*
from {opacity: 1.0;}
to {opacity: 0.0;}
*/
0% {background-color: #206489}
	50% {background-color: black}
	
}
.blink{
animation-name: blinker;
animation-duration: 2s;
animation-iteration-count:infinite;
animation-timing-function:linear;
animation-direction: alternate;

}

@keyframes blink1 {
	0% {background-color: blue}
	50% {background-color: black}
}
.blink2{
animation: blink1 1s step-end infinite
}