*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
html,
body {
  	position: relative;
  	height: 100%;
}

body {
  	background-image: URL(images/bg.gif);
  	background-repeat: no-repeat;
  	background-position: bottom left;
  	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  	font-size: 14px;
  	color: #000;
  	margin: 0;
  	padding: 0;
}

.wrapper {
  	max-width: 980px;
  	margin: 0 auto;
  	position: relative;
	overflow: hidden;
}
:root {
  	--swiper-theme-color: #c0d9f4;
}
.divider, .swiperback{width: 100%;}
.divider {
  	height: .1rem;
}
#header{text-align: center;}
#header img {
  	margin: 0 auto;
  	padding: 1rem 0rem;
}
#menu {
  	padding: 0 1rem;
  	overflow: hidden;
}
#menu ul {
  	list-style: none;
  	padding: 1rem 0;
    margin: 0 auto;
  	text-align: center;
}
#menu li {
  	display: inline-block;
  	padding: .25rem 2rem;
}
#menu a {
  	color: #888888;
  	text-decoration: none;
  	font-size: 1rem;
  	font-weight: bold;
}
#menu .active,
#menu a:hover {
  	color: #c0d9f4;
}

#main{display: block;overflow: visible;}
.swiper.main,
.swiper.thumb{position: absolute !important;} 
.swiper.main{
  	max-width: 980px;
	overflow: hidden;
	top: 7rem;	
}
.swiper.thumb {
  	width: 360px;
  	height: 336px;
  	z-index: 2 !important;
  	left: 7.3rem;
  	top: 4.7rem;
}
.swiper.thumb img{
	width: 100%;
}
.swiper-slide {
  	background-position: center;
  	background-size: cover;
}
.slidetext {
  	width: 50%;
  	float: right;
  	text-align: center;	
  	padding: 1rem 2rem;
  	animation: 5s;
  	transform-origin: 100% 50%;
  	transform: scale(0);	
}

.swiper-slide-active .slidetext {
  	transform: scale(1);
}
.slidetext img {
	width: auto;
  	margin: 0 auto;
}
.slidetext p {
  	font-size: .6rem;
  	text-align: left;	
  	margin: .25rem 5rem;
}
.slidetext.latest p,
.slidetext.gallery p {
  	margin: .5rem 2rem .5rem 10rem;
}
.slidetext.services p,
.slidetext.about p {
  	margin: .5rem 1rem;
}
.slidetext.contact p {
  font-size: 1rem;
  margin: 1rem;
}
#footer {
  	padding: 5rem 2rem;
    background: #f6fbff;
}
#footer p {
  	color: #333333;
  	text-align: center;
}
.bir {
  	max-width: 760px;
  	margin: 0 auto 3rem;
  	padding: 2rem 1rem;
  	background: #fff;
  	border-radius: 8px;
  	text-align: center;
}
.bir h2 {
  	font-size: 1.2rem;
  	color: #004680;
  	margin-bottom: .5rem;
}
.bir-badges {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
  	gap: 1.5rem 2.5rem;
  	margin-top: 1.5rem;
}
/* display only: no links, no tap-to-open */
.bir-badges figure {
  	pointer-events: none;
  	user-select: none;
}
.bir-badges img {
  	display: block;
  	margin: 0 auto;
}
.bir-badges figcaption {
  	margin-top: .4rem;
  	color: #1f5fa8;
}
.bir-num {
  	display: block;
  	font-size: 3rem;
  	font-weight: bold;
  	line-height: 1.1;
  	color: #004680;
}
.bir-badges .bir-year {
  	font-weight: bold;
  	color: #f2b53a;
}
.bir-badges .bir-rsn {
  	font-size: .65rem;
  	font-weight: bold;
  	color: #004680;
}
/* small */
@media screen and (max-width:39.9375em){
.wrapper {
  	max-width: 100%;
}
#menu ul {
	text-align: left;
    overflow: auto;
    white-space: nowrap;
}	
#menu li {
  	padding: .25rem 1rem;
}	
#menu a {
  	font-size: .9rem;
}	
.swiper.thumb {
  	left: 0;
    top: 2rem;
    width: 100%;
    height: auto;
    padding: 0 3rem;
}
.swiper.main {
  	width: 100%;
  	position: relative !important;
  	top: 1rem;	
}	
.slidetext {
  	width: 100%;
  	float: none;
}	
.slidetext img {
	width: 100%;
}
.slidetext p{
	font-size: .9rem;	
}
.slidetext.latest p, .slidetext.gallery p {
  	margin: .5rem 2rem;
}
#footer {
    padding: 2rem;
}	
}
/* small and medium */
@media screen and (max-width:63.9375em){

}