*{ margin:0; padding:0; text-decoration:none; outline:none;}
html{}
body{font-family:Tahoma, Geneva, sans-serif;}
.header{width:100%;height:160px;background: #FFF;color: #333;position:fixed;top:0;left:0; transition: height 500ms, background 500ms; box-shadow:0px 0px 3px #000; z-index:3;}

.header .logo{height:160px; width:160px;padding:0px;position:absolute; left:5%;display:block;}
.header .logo img{height:100%;}
.header .menu{ position:absolute; width:70%; height:110px; height:auto; right:5%;}
.header .menu ul{width:100%; display:block; position:absolute; z-index:2; text-align:right; top:60px;transition: all 0.5s ease;}
.header .menu ul li{display:inline-block; margin:0; margin-left:-5px;}
.header .menu ul li a{display:inline-table;color:#000; height:20px;padding:0 10px; border-right:1px solid #CCC;font-size:14px;}
.header .menu ul li:last-child a{border-right:none;}
.header .menu ul li.act a{font-weight:bold;color:#802144;}
.header .menu ul li.act ul li a{font-weight:normal;color:#000;}
.header .menu ul li.act ul li.act a{font-weight:bold;color:#802144;}
.header .menu ul li ul{display:none; position:absolute; top:27px; height:auto; width:100%; background-color:rgba(255,255,255,0.9); background-image:url(../images/menubg.png); background-repeat:no-repeat; background-position:top right; box-shadow:0px 0px 5px #666; right:0; text-align:left;}
.header .menu ul li ul li{ width:23%; height:170px; display:block; float:left; margin:1%; padding:0; position:relative; }
.header .menu ul li ul li a{ padding:0}
.header .menu ul li ul li a .res{ width:100%; display:block; height:140px; position:absolute; overflow:hidden;}
.header .menu ul li ul li a .res img{ position:absolute; margin:auto; top:-9999px; left:-9999px; background-color:#CCC; right:-9999px; bottom:-9999px; height:100%; min-width:100%;}
.header .menu ul li ul li a .bas{ width:100%; display:block; height:30px; bottom:0; line-height:30px; position:absolute; overflow:hidden; text-align:center;}
.header .menu ul li:hover, .menu li ul li:hover a .bas{ border-bottom:5px solid #802144;}
.header .menu ul li:hover ul li{ border-bottom:none;}
.header .menu ul li:hover ul{display:block;}
.header .menu .top{ position:absolute; width:100%; height:35px; top:0; text-align:right; transition: height 500ms, background 500ms;}
.header .menu .top a{ color:#000; font-size:13px;}
.header .menu .top .social{ display:inline-block;}
.header .menu .top .social a{width:30px;height:30px; text-align:center;display:inline-block;border:1px solid #CCC;margin:1px 3px 3px 0px;line-height:30px;font-size:14px;}
.header .menu .top .social a i{text-align:center;color:#666;width:30px;height:30px;line-height:30px;font-size:14px;}
.header .menu .top .social a.act{width:30px;height:30px; text-align:center; color:#FFF; background-color:#7c1b44;display:inline-block;border:1px solid #7c1b44;margin:1px 3px 3px 0px;line-height:30px;font-size:14px;}
.header .trigger{ width:50px; height:50px; top:15px; right:15px; position:absolute; z-index:4; border:1px solid #CCC; display:none;}
.header .trigger2{ width:100px; height:40px; top:15px; right:85px; position:absolute; z-index:4; display:none; text-align:center; line-height:20px; background:#7c1b44; color:#FFF; padding:5px 0;}
.header .trigger i{  width:50px; height:50px; text-align:center; line-height:50px; color:#000; font-size:32px;}
.header .book-form{position:absolute; height:50px; width:70%; right:5%; top:110px; text-align:right;transition: all 0.5s ease;}
.header .book-form img{ height:50px; margin:0px auto;}

.header.tiny {height:115px;}
.header.tiny .menu .top{ display:none;}
.header.tiny .menu .nav{ top:20px;}
.header.tiny .book-form{ top:65px;}

.index{ width:90%; padding:20px 5%; height:auto; display:block; position:relative; background-color:#494949; color:#FFF;}
.index h5{ font-size:16px; line-height:30px;}
.bol25{ width:24%; margin:0 0.5%; height:auto; display:block; position:relative; float:left;}
.bol50{ width:49%; margin:0 0.5%; height:auto; display:block; position:relative; float:left;}
.bol75{ width:74%; margin:0 0.5%; height:auto; display:block; position:relative; float:left;}
.sidebar{ width:23%; height:auto; display:block; float:right;}
.sidebar ul{ margin:0; padding:0; margin-left:0 !important; list-style:none;}
.sidebar ul li{ height:auto; line-height:40px; border:1px solid #EDEDED;}
.sidebar ul li.act a{ color:#802144; font-weight:bold;}
.sidebar ul li a{ font-size:18px; text-indent:10px; display:block; color:#333;}
 

.footer{ width:100%; padding:30px 0 10px 0; text-align:center; box-shadow:0px 0px 3px #000;}
.footer .menu{ width:100%; margin-bottom:30px;}
.footer .menu .nav{ width:100%; text-align:center;}
.footer .menu .nav li{ display:inline-block; padding:0 10px; border-left:1px solid #999;}
.footer .menu .nav li:first-child{border-left:none;}
.footer .menu .nav li a{ color:#333; font-size:13px;}

.bulten{width:100%;display:block;position:relative; height:auto; color:#FFF; font-size:12px;}
.bulten input[type=text]{width:80%;height:34px;display:block; padding:0px 1%;margin:5px 0;border:1px solid #666;position:relative;background-color:#EDEDED;top:0;left:0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.bulten input[type=submit]{width:60px;display:block;height:32px;right:17%;text-align:center; font-weight:bold;cursor:pointer; border:none;}

.page{ width:100%; height:auto;  display:block; margin-top:110px;font-family: 'Open Sans Condensed', sans-serif;}
.page .banner{ width:100%; height:450px; display:block; overflow:hidden; position:relative;}
.page .banner img{ min-height:100%; min-width:100%; max-width:120%;display:block; margin:0 auto; z-index:-1;}
.page .banner .title{ background-color:rgba(255,255,255,0.5); color:#802144; position:absolute; bottom:5%; display:block; width:100%;  text-align:center; padding:20px; font-size:28px;}
.page .cont{ width:100%; margin:50px auto; height:auto; display:block; color:#666; font-size:20px; line-height:24px; background-color:transparent; text-shadow:1px 2px 1px #FFF; max-width:1200px; }
.page .cont ul{ margin-left:20px;}

.page .galeri{ width:100%; height:auto; display:block; list-style:none; margin:0 !important;}
.page .galeri li{ display:inline-block; width:160px; margin-right:10px; margin-bottom:10px; height:120px; position:relative; overflow:hidden; border:3px solid #CCC;}
.page .galeri li a{ width:100%; height:100%; display:block;}
.page a{ color:#666;}

.kutu2{ width:300px; display:inline-block; height:250px; position:relative;}
.kutu2 a{ width:100%;  height:100%; position:absolute; left:0; top:0; color:#333;}
.kutu2 .res{ width:100%; height:200px; display:block; position:relative; overflow:hidden;}

.box{ width:120px; height:120px; display:inline-block; border:1px solid #EDEDED; position:relative; text-align:center;}
.box table{ width:120px; height:120px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px;}
.box table td{ width:120px; height:60px; vertical-align:middle; background-color:#EDEDED;}
.box table tr:nth-child(2) td{ background-color:#FFF; font-size:14px;}

.book-form{ display:block;}
.book-form input[type=text]{background-color:#FFF;border:1px solid #7c1b44;width:120px;margin:0px;height:20px;text-indent:5px;padding:5px;}
.book-form select{background-color:#FFF; cursor:pointer;border:1px solid #7c1b44;width:110px;margin:0px;height:32px;text-indent:5px;padding:5px; color:#666;}
.book-form input[type=submit]{background-color:#7c1b44;border:1px solid #7c1b44;width:150px;margin:0px; height:32px;text-indent:5px; text-align:center; color:#FFF; cursor:pointer;}

textarea:focus, input:focus{outline: none;}
.formbox input[type=text]{background-color:#FFF;border:1px solid #7c1b44;width:70%;margin:10px 0%;height:30px;text-indent:5px;padding:5px;}
.formbox input[type=submit]{ border:none; color:#FFF; font-weight:bold; background-color:#7c1b44; margin:20px 0; display:block; padding:15px 30px;}
.formbox textarea{font-family: 'Josefin Sans', sans-serif;background-color:#FFF;border:1px solid #7c1b44;width:70%;margin:10px 0%;height:80px;text-indent:5px;color:#091c3b;padding:5px;}

#slideshowWrapper{ width:100%; height:500px; margin:100px auto 0px auto;position:relative;}
#fssPrev{position:absolute;top:45%;left:10px;background:url(../images/a22.png) no-repeat;width:56px;height:90px;text-indent:-999999px;}
#fssNext{position:absolute;top:45%;right:10px;background:url(../images/a22.png)-56px 0px;width:56px;height:90px;text-indent:-999999px;}
#fssPlayPause{ display:none;}

ul#slideshow{list-style:none; width:100%; display:block; height:100%;  background-color:#CCC;}
ul#slideshow li{width:100%; display:block; height:100%; position:absolute; overflow:hidden;}
ul#slideshow li img{position:absolute; top:-9999px; right:-9999px; left:-9999px; bottom:-9999px; margin:auto; height:100%; min-width:100%;  max-width:150%; background-color:#CCC;}
ul#slideshow li  .yazi {position:absolute; padding:10px; color:#FFF; background-color:rgba(0,0,0,0.5); left:0px; bottom:10%; max-width:40%; max-height:100%;  font-size:24px; padding-left:30px; font-weight:lighter; font-family:Tahoma, Geneva, sans-serif;}

#fssList{list-style:none;width:300px !important; display:block; position:absolute; overflow:hidden; left:50%; margin-left:-150px; margin-top:-30px; text-align:center;}
#fssList li{display:inline;padding-right:10px;width:20px; height:20px; position:relative;}
#fssList li a{color:#999;text-decoration:none; width:16px; height:16px; text-indent:99999px; display:inline-block; background-color:#FFF; border:2px solid #7c1b44;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
#fssList li.fssActive a:after{ content:""; position:absolute; top:50%; margin-left:-10px; margin-top:-7px; left:50%; width:10px; height:10px; background-color:#7c1b44;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.kattriger{width:98%; padding-left:2%; height:40px; display:none; line-height:40px; background:#7c1b44; text-shadow:none; color:#FFF;}
  
@media screen and (max-width: 1200px) {
.header .logo{left:1%;}
.header .menu{width:80%;right:1%;}
.header .book-form{width:80%; right:1%; background-color:rgba(255,255,255,0.7);}
}

@media screen and (max-width: 1024px) {
.page .banner{ width:100%; height:350px; display:block; overflow:hidden; position:relative;}
.header{ height:100px;}
.header.tiny {height:100px;}
.header .logo{ width:100px; height:100px; z-index:3;}
.header .logo img{ width:100px; height:100px;}
.header .logo{left:1%;}
.header .menu{width:100%;right:0%; position:fixed; z-index:2; display:none; background-color:rgba(255,255,255,1.0); height:100%;width:100%; padding-bottom:150px; overflow-x:hidden; top:0px;}
.header .menu .nav{ display:block; vertical-align:middle; position:relative; width:100%; top:0px; margin-top:80px;}
.header .menu .nav li{ display:block; width:100%; text-align:center; height:auto; border-top:1px solid #CCC; border-right:none;}
.header .menu .nav li a{ padding:5px; margin:0; height:auto; line-height:30px; text-indent:20px; width:100%;}
.header .menu .nav li ul{ display:none !important;}
.header .menu .top{ position:relative;display:block; left:0; height:auto;}
.header .menu .top a{ text-indent:0px; display:block; width:100%; padding:5px 5px 5px 25px; margin:0; height:auto; line-height:30px;border-top:1px solid #CCC; text-align:left;}
.header .menu .top .social{ width:100%; text-align:center; border-top:1px solid #CCC;}
.header .menu .top .social a{ text-indent:0px; padding:5px; margin:5px; font-size:24px;}
.header .menu .top .social a i{font-size:24px;}
.header .trigger{ display:block;}
.header .trigger2{ display:block;}
.header.tiny {height:100px;}
.header.tiny .menu .top{ display:block;}
.header.tiny .menu .nav{ top:auto;}
.rslides { margin-top:100px !important;}
.page{ margin-top:70px;}
#giz{ display:none !important;}
.header .book-form{width:96%; padding:10px 2%; right:0%; display:none; top:100px;}
#slideshowWrapper{ height:450px; margin:60px auto 0px auto;}
}

@media screen and (max-width: 900px) {
.header{ height:70px;}
.header.tiny {height:70px;}
.header.tiny .book-form{ top:70px;}
.header .logo{ width:70px; height:70px;}
.header .logo img{ width:70px; height:70px;}
.header .menu{ top:0px;}
.header .book-form{top:70px;}
.header .trigger{ display:block; top:10px;}
.header .trigger2{ display:block; top:10px;}
.bol25{ width:49%; margin:0 0.5%; height:auto; display:block; position:relative; float:left;}
.bol50{ width:99%; margin:0 0.5%; height:auto; display:block; position:relative; float:left;}
.rslides { margin-top:70px !important;}
#slideshowWrapper{ height:350px; margin:60px auto 0px auto;}

.bol75{ width:100%; margin:0 0.5%; height:auto; display:block; position:relative; float:left;}
.sidebar{ width:99%; height:auto; display:block; float:left; margin-top:-40px; margin-bottom:50px;}
.sidebar ul{ display:none; }
.kattriger{ display:block;}
}
@media screen and (max-width: 500px) {
#slideshowWrapper{ height:200px; margin:60px auto 0px auto;}
.bol25{ width:99%; margin:0 0.5%; height:auto; display:block; position:relative; float:left;}
.bol50{ width:99%; margin:0 0.5%; height:auto; display:block; position:relative; float:left;}

.book-form{ display:block; height:auto !important;}
.book-form input[type=text]{background-color:#FFF; display:block; border:1px solid #7c1b44;width:90%;margin:5px;height:20px;text-indent:5px;padding:5px;}
.book-form select{background-color:#FFF;  display:block;cursor:pointer;border:1px solid #7c1b44;width:90%;;margin:5px;height:32px;text-indent:5px;padding:5px; color:#666;}
.book-form input[type=submit]{background-color:#7c1b44;border:1px solid #7c1b44;width:150px;margin:0px auto;  display:block; height:32px;text-indent:5px; text-align:center; color:#FFF; cursor:pointer;}
ul#slideshow li  .yazi {position:absolute; color:#FFF; background-color:rgba(0,0,0,0.5); left:0%; bottom:inherit; top:20%; max-width:90%; width:90%; text-align:center; max-height:100%;  font-size:14px; padding-left:5%; padding:5%;}

}