@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration:none;
	list-style-type:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,.container {
	display: block;
	width: 1000px;
	height: 100%;
	position: relative;
	font-family: Nunito, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, a, div, .title {
	font-family: Nunito,sans-serif;
	color: #666;
	font-size: 16px;
	font-weight: 100;
}
body {background-repeat:none; background-position:center center;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;padding-bottom: 69px;background-color: #fff;}
strong,b {font-weight:bold;}
footer {clear:both ;width: 100%;float: left;}
a:hover{text-decoration: underline;}
.container{margin:0 auto;padding: 10px; position: inherit; width:100%;}

.header{
	/* position: fixed; */
	display: block;
	width: 1000px;
	margin: 0 auto;
	height: 85px;
	top: 0;
	left: 0;
	right: 0;
}
.headercenter {/* z-index: 90; */position: relative;width: 100%;margin: 0 10px 0 0;height: 83px;border-bottom: 1px solid #EAEAEA;max-width: 990px;}
.header-navbarbg {
	width: 100%;
	height: 38px;
	z-index: 10;
	background: #FFFFFF;
	border-bottom: 2px solid #737070;
	top: 106px;
	position: absolute;
	left: 0;
	right: 0;
	border-top: 1px solid #737070;
}

.headerhelp{
	padding: 5px 10px 0 20px;
	background-size: 16px;  margin-left: 0 !important;
}
.headertop{display: block;margin: 0 auto;position: relative;float: none;}
.headertop li { color:rgb(94, 96, 97); font-size:12px;display: inline-block;}
.headertop a {color: rgb(30, 31, 31); font-size:12px;font-weight: bold;}
.headertop ul {
	right: 0;
	position: absolute;
	opacity: 0.7;
}
.dropmenu {width: 99%; margin:0 auto;height: 84px;position: relative;max-width: 990px;}
ul#menu {width:auto; height:40px; line-height: 46px;}
ul#menu li {float:left; margin-left: 25px;position: relative;}
ul#menu li a {font-size: 16px; /* text-shadow: 1px 1px 1px rgba(0,0,0,0.1); */color: #666;display: block; text-decoration:none;font-weight: 100;}
ul#menu li a:hover {color:#000;}
ul#menu li.active > a { color: #000; text-decoration: underline;}
ul#menu li .dropdown {position:absolute; background:#fff; width: auto;white-space: nowrap;padding: 10px;box-shadow: 0px 1px 2px rgba(0,0,0,0.3);top: 38px;display: none;}
ul#menu li .dropdown ul {margin:0;padding:0;}
ul#menu li .dropdown ul li {margin:0;padding:0;}
ul#menu li .dropdown ul li > a {font-size:15px; line-height:28px;}
ul#menu li.blog {
	position: absolute;
	top: -43px;
	left: 0;
	border-bottom: 1px solid #ddd;
	width: 89%;
	text-align: left;
	text-transform: uppercase;
}
ul#menu li.blog a {font-size: 23px;  }
ul#menu li:hover .dropdown {display:block;}

.contents .title-bar {height: 35px;}
.contents .title-bar h1 {padding: 0px 0px;}
.contents .short-description {padding:10px; float:left; display:block; border-bottom:1px solid rgba(139, 44, 184, 0.28); font-size: 14px;text-align: left;width: 100%;font-family: 'Amaranth', sans-serif;}
.contents .short-description img {float:left; margin-right:10px}
/*.cartbutton {position: absolute; right: 5px; top: 0; list-style-image: url(img/cart.png);} */
.logo{width: 110px;position: absolute;top: 15px;overflow: hidden;z-index: 103;text-align: left;}
.logo img{
	/* width: 305px; */
}

.language{ position: absolute;top: 55px;right: 0; z-index: 110;/* display: none; */}
.language img{width: 30px; height: 20px;margin-left: 5px;/* position: absolute; */top: 20px;}
.language li{display: inline-block;}
.topmenu{background: rgba(255, 255, 255, 0.95); position: absolute; width: 100%; height: 84px; left: 0;right: 0; z-index: 100;float: left;top: 0;}
.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.content{display: inline-block;margin-top: 10px;color: #fff; padding:20px;}
.content * {color:#fff;}
/*------------header end--------------------------*/
/*------------section start--------------------------*/

del {
	text-decoration: line-through;
	color: rgb(131, 131, 131);
	font-weight: normal;
}

.contents{
	float: left;
	width: 100%;
}

#contents{
	float: left;
	width: 100%;
	margin-top: 80px;
}

#contents > h1 {/* font-weight: bold; */
	font-size: 20px;
	color: #666;
	/* border-bottom: 1px solid #ddd; */
	margin: 10px 0;
	/* font-family: 'Amaranth', sans-serif; */
	text-align: left;}

/*------------section End--------------------------*/
/*--------------------- Footer Start-------------------------------------------*/
.footercontainer{margin: 10px auto;width: 100%;position: relative;}
.footercolumns{float: right;/* margin: 0 auto; *//* width: 300px; */margin-right: 260px;}
.footercolumns a{font-size: 16px; color: #000000;line-height: 28px;text-decoration: underline;font-weight: 100;}
.footercolumns ul{width: auto; float: left; }
.footercolumns > ul > li {float:left;margin-right: 15px;margin-top: 10px;}
.footercolumns > ul > li > ul {padding: 0 30px 0 0;margin: 0 auto;}
.footercolumns li{}
.footercolumns li>a:hover{ color: #640000;}
.footercolumns h3{font-weight: bold; color: #E03C00;font-size: 15px;font-family: 'Oswald', sans-serif;}
.footerbottom{display:block; width: 99%;text-align: left;padding: 15px 0 5px;float: left;}
.footerbottom .copyright {width:100%; float:left;border-top: 1px solid #eee;padding-top: 10px;}
.footerbottom .copyright div {float: right;  text-align: left;margin-left: 30px;}
.footerbottom .copyright .address {float: left;text-align: left; /* padding-right:5px */width: 66%;margin-left: 0;}
.social{ position: absolute; right: 0; top: 10px;}
.social > ul > li {position:relative; width: 17px; height: 18px;  background: url(img/icon/social.png) no-repeat; display:block; position:relative; cursor:pointer; /* overflow: hidden; */float: left;z-index: 102;background-size: 17px;}
.social > ul > li:hover {opacity:0.8;}
.social > ul > li > a > div {text-align:center; width: 96px; float:right; background:#fff;font-size: 15px;}
.social li.facebook{background-position: 0px 2px;}
.social li.twitter{background-position: 0px -28px;width: 23px;background-size: 20px;}
.social li.googleplus{background-position: -49px -187px;}
.social li.instagram {background-position: 0px -47px;}
.social li.pinterest {background-position: 3px -66px;}
.social li a {display:block; width:100%; height:100%;}
.copyright div{ color: #999; float: left; /* margin-right: 10px; */ font-size: 14px; line-height: 20px;}
/*--------------------- Footer End -------------------------------------------*/
/*--------------------- Categories Start -------------------------------------------*/

/*--------------------- Categories End -------------------------------------------*/

input.c, textarea.c {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 3px 4px;
	height: 25px;
}
.middle {
	float: left !important;
	height: 41px !important;
	background: url(./images/gray-middle.png) 0 0 repeat-x;
	position: relative;
	border-bottom: 1px solid #ddd;
}

/*  Static  */
.static-sidebar{
	width: 250px;
	float: left;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px 0;
	background: #FDFDFD;
}
.static-sidebar h2{
	color: #B24242;
	border-bottom: 1px solid #ccc;
	padding: 7px 0;
	font-weight: bold;
	font-size: 17px;
	font-family: 'Amaranth', sans-serif;
}

.static-sidebar ul li a{
	display: block;
	text-decoration: none;
	padding: 9px 5px;
	font-size: 13px;
	color: #333;
	/* font-weight: bold; */
	font-family: 'Amaranth', sans-serif;
}
.static-sidebar ul li:hover{
	background: #fff;
}
.static-sidebar ul li{
	border-bottom: 1px solid #F8F8F8;
}

.static-content{
	float: left;
	/* padding: 10px; */
	/* border: 1px solid #000000; */
	margin: 10px 10px 10px 0;
	background: rgba(255, 255, 255, 1);
	width: 100%;
}
.static-content h1{
	font-weight: bold;
	font-size: 20px;
	color: #666;
	/* border-bottom: 1px solid #ddd; */
	margin: 10px 0;
	/* font-family: 'Amaranth', sans-serif; */
	text-align: left;
}
.static-content p{
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 10px;
	float: left;
	margin-top: 9px;
}
/* Begin: Faq */
.faq-contents ul {}
.faq-contents ul li {border-bottom: 1px solid rgba(126, 0, 0, 0.31); line-height:30px; padding:10px; margin-top:10px;}
.faq-contents ul li .faq-item-question {color: #000;padding-left: 45px; background: url(img/icon/faq-question-mark.png) no-repeat; line-height: 38px;cursor: pointer;}
.faq-contents ul li .faq-item-answer {display:none; color: #810000; font-size: 16px;font-weight: 100;font-family: sans-serif, tahoma;line-height: 22px;}

/* End: Faq */

/* Begin; Forms */
.placeholder {color: #aaa !important;}
/* End: Forms */

/* begin: checkout */
/* end: checkout css */

/* start: form */
.form-content {float:left; border:1px solid #EAE7FF; width: 978px;margin-top: 10px;}
h1.formheader {font-size:22px; font-weight:bold; padding: 10px 10px; border-bottom: 1px solid #EAE7FF;margin: 0 0 10px;background: #EAE7FF;}
div.input {line-height: 45px; padding-left:200px; position:relative; float:left;margin-left: 10px; display: block; clear: both;}
div.input label.inputlabel {position:absolute; left: 0;}
div.input label.error {height:20px; line-height:20px;}
div.input .textinput {width:250px; height:30px; line-height:30px;padding: 0 5px;}
div.input .noteinput {width:400px; height:100px;padding: 5px;}
div.input select {height: 30px;margin: 0 !important;}
/* end: form */
/* Tabs classes */

/* Begin: popups */
.popuplayer,#popuplayer {	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 950;
	opacity:0;
	display:none;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}

.popuplayer > div {
	width: auto;
	position: absolute;
	margin: auto;
	padding: 5px 20px 20px 20px;
	background: #fff;
	border: 1px solid rgba(128, 113, 113, 1);
	box-shadow: 0 0 12px rgba(241, 241, 241, 1);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.popupclose {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.popupclose:hover { background: #c00;}

.popuplayer h1 {display:block; height: 36px; line-height: 36px; color:#060; font-size: 20px; margin-bottom:10px; border-bottom: 1px solid rgba(197, 10, 55, 0.2);}
.popuplayer h1.success {background: url(images/icons/true.png) center left no-repeat;padding-left: 35px;}
.popuplayer h1.alert {background: url(images/icons/warning.png) center left no-repeat; color:#c00;text-align: center;}
.popuplayer .modalbuttons {padding-top: 15px;display: block;width: 100%;clear: both;padding-bottom: 12px;}
.dialogpop div.modalbuttons {text-align:center;}

.popuplayer > div {width:400px;}
.popuplayer div.modal_alert {width:400px;}
.popuplayer div.modal_image img {max-width:900px; max-height:480px;}
.popuplayer div.modal_url {}

/* End: popups*/

.breadcrumb {display:block;}
.breadcrumb li {display:inline;}
.breadcrumb li.first {padding-left:10px;}
.breadcrumb li.first a {padding-left:15px !important;}
.breadcrumb li a,
.breadcrumb li a:link,
.breadcrumb li a:visited {
	color: #B24242;
	display: block;
	float: left;
	font-size: 12px;
	margin-left: -13px;
	padding: 7px 17px 11px 25px;
	position: relative;
	text-decoration: none;
	min-height: 11px;
	font-family: 'Amaranth', sans-serif;
	/* font-weight: bold; */
}
.breadcrumb li a {
	background-image: url('img/bg-crumbs.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	position: relative;
}

.breadcrumb li a:hover {
	color: #333;
	background-position: 100% -48px;
	cursor: pointer;
}
.breadcrumb li a:active {
	color: #333;
	background-position: 100% -96px;
}

.breadcrumb li.first a span {
	height: 29px;
	width: 3px;
	border-left: 1px solid #d9d9d9;
	position: absolute;
	top: 0px;
	left: 0px;
}

ul.paging {
	float: right;
	margin-top: 5px;
}
ul.paging li {}
ul.paging li a {
	border: 1px solid rgba(139, 44, 184, 0.28);
	margin: 0 2px;
	padding: 4px 10px;
	background: #F5F2FA;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	color: #C50A37;
	font-size: 12px;
	font-family: 'Amaranth', sans-serif;
}
ul.paging li a:hover {background:#fff; text-decoration:none; border: 1px solid #C50A37;}
ul.paging li a.current {background: #C50A37; color:#fff;}

#contact-inputs {float:left; width: 100%; /* border: 1px solid #ccc; */ padding: 30px 10px 10px; margin-top: 0;/* background: #F5F5F5; */position: relative;height: 358px;}
#contact-inputs label {font-weight:bold; font-size:12px;margin-bottom: 3px;display: block;}
#contact-inputs > div {display:block; margin: 0  5px 10px 0;padding-left: 60px;background-size: 27px;}
#contact-inputs input, #contact-inputs textarea {box-shadow:2px 2px 2px rgba(0,0,0,0.1); border:1px solid #ccc; height: 24px; line-height:20px; padding:4px 5px; transition: all .1s linear;}
#contact-inputs .contactinput-textbox input {width: 250px;}
#contact-inputs .contactinput-textarea textarea {width: 97%;height: 140px;}
#contact-inputs .contactinput-textarea textarea:focus {height:140px;}
#contact-inputs .title-bar {background:none;}
#contact-inputs .title-bar h3 {padding:0; text-align:center;font-size: 20px;color: #7C7979;}
.button_style { -webkit-border-radius: 5px; -moz-border-radius: 5px;
	font-size: 17px;font-family:arial, helvetica, sans-serif; padding: 10px 20px; text-decoration:none; border: none;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
	background-color: #AEAEAE;
	cursor: pointer;
	border-bottom: 3px solid #6A6A69; outline: 0; line-height: 20px; margin-bottom: 10px; border-radius: 5px;}
.button_style:hover {
	text-decoration:none; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.5); opacity:0.9;
}
#contactform {	float: left;	width: 48%;}
#sendMessage {float: left;  margin-top: 2px;/* position: absolute; *//* top: 283px; *//* right: 60px; */padding: 5px 10px;font-size: 14px;}
.saleprice-button {	float: left;	margin-top: -69px;	z-index: 100;	position: relative;	left: 71px;}
.contacticon1 {
	background: url(img/icon/name.png) 9px 5px no-repeat;
}
.contacticon2 {
	background: url(img/icon/email.png) 9px 5px no-repeat;
}
.contacticon3 {
	background: url(img/icon/phone.png) 9px 5px no-repeat;
}
.contacticon4 {
	background: url(img/icon/website.png) 9px 5px no-repeat;
}
.contacticon5 {
	background: url(img/icon/message.png) 9px 5px no-repeat;
}

/* Begin: Galeri */
ul.gallery-images {}
ul.gallery-images li {width:200px; height:200px; line-height:200px; padding:5px; margin:10px 15px; float:left;; border: 2px solid #640000; text-align: center; background: rgba(255, 255, 255, 1); cursor:pointer;}
ul.gallery-images li img {vertical-align:middle;max-height: 200px;}
ul.gallery-images li:hover {border:2px solid #000;}
/* End: Galeri */

ul.blocks {float:left; background:#fff; margin-top:10px;border:1px solid #000; width: 1000px;}
ul.blocks li {width:456px; background: #F0E1E1; float:left; margin:10px; padding:10px; font-size:12px; height:230px; border:1px solid #ccc}
ul.blocks li img {float:left; margin-right:10px;}
ul.blocks li div.block-title {font-size:22px; color:#300;}
ul.blocks li div.block-content {font-size:15px; font-weight:100; max-height:180px; overflow:auto;}

.list-photobox {width: 24%; float:left; margin-right:10px;margin-top: 10px;margin-bottom: 10px;overflow: hidden;height: 360px;}
.list-photobox > div {float:left;color: #444;text-align: center;}
.list-photobox .list-img {float:left; width:100%; height: 303px;overflow: hidden;}
.list-photobox .list-label {width: 100%; margin-right:9px; margin-top:5px}
.list-photobox .list-person {width: 100%; margin-right:10px;}
.list-photobox .list-label  a {font-weight: 100;color: #666;font-size: 15px;}

.list-photobox.videobox {width: 24%; float:left; margin-right:10px;margin-top: 10px;margin-bottom: 10px;overflow: hidden;height: 200px;}
.list-photobox > div {float:left;color: #444;text-align: center;}
.list-photobox.videobox .list-img {float:left; width:100%; height: 135px;overflow: hidden;}

.gallery-image {height:300px !important; overflow:hidden;}

.contents {float:left; min-height:160px;margin-top: 10px;}

.bio {width: 100%; float:left; position: relative;height: 61px;border-bottom: 1px solid #eee;}
.bio .image {position:absolute; top: 10px; left: 10px; width:120px; height:120px; overflow:hidden;}
.bio .title {/* position:absolute; */ /* top: 5px; */ /* left: 0; */ font-size: 20px;/* color: #000; */font-weight: 100;}
.bio h2, .bio h1 {display:inline-block;}
.bio .text {position:absolute; top: 33px; left: 140px;}
.bio .portcats {position:absolute; bottom: 5px; left: 0;height: 20px;line-height: 20px;}
.bio .portcats li {display:inline-block; margin-right:20px;}
.bio .portcats li a {/* font-size: 16px; */ text-decoration:none;}
.bio .portcats li a:hover,.bio .portcats li a.active {color:#000;text-decoration: underline;}

.biography {width: 99%; float:left; position: relative;border-bottom: 1px solid #eee; margin-top:10px;min-height: 200px;}
.biography .text {float:left;  padding-left: 144px; min-height:300px;display: block;padding-right: 10px;}
.biography .image {position:absolute;}

.photos-container {width: 990px; float:left; margin-top:10px; white-space:nowrap; overflow:auto; position:relative;}
.photosanchor {float:left;margin-top: 12px}
.kunye {/* position: absolute; */ width: 450px; white-space:normal; padding: 0; margin-top: 15px;float: left;}
.kunye h1 {/* color:#000; */ font-size:19px;font-weight: normal;}
.kunye .kunyetext {/* color:#333; */}

.artist-list {float:left; width:100%; border-bottom:1px solid #eee; padding-bottom:5px;margin-bottom:10px;}
.artist-list ul {width:100%; float:left;}
.artist-list ul li {width: 195px;display:inline-block;}

.video-container {float:left; width:99%}

.navbanners {float:left; width: 100%; margin-top:10px;}
.navbanners .navbanner {float:left; width:50%;}
.navbanner a {float:left; width:100%;font-weight: normal;position: relative;}
.navbanner a img {width:98%;}
.navbanner span {/* float:left; */ width:100%; text-align:center;position: absolute;z-index: 29;left: 0;bottom: 59px;right: 0;color: #fff;font-family: Arial;font-size: 28px;letter-spacing: 12px;text-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
.navbanner span.no21 {bottom:93px; font-size:48px; letter-spacing:7px;}
/* Slider: Begin */
.banner {
	position: relative;
	width: 100%;

	overflow: auto;

	font-size: 18px;
	line-height: 24px;
	text-align: center;

	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);

	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
	max-width: 990px;
	/* max-height: 356px; */
	margin-top: 5px;
	float: left;
	height: auto !important;
}
.banner ul {
	list-style: none;
	width: 300%;
	/* max-height: 360px; */
	/* overflow: hidden; */
	float: left;
	height: auto !important;
}
.banner ul li {
	display: block;
	float: left;
	width: 33%;
	/* padding: 160px 0 110px; */

	/* min-height: 343px; */

	/* -webkit-background-size: 100% 100%; */
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	/*		background-size: 100% 100%;*/

	box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	height: auto !important;
}

.banner ul li img {width:100%;float: left;margin: 0;padding: 0;cursor: pointer;}
.banner h1, .banner h2 {
	font-size: 40px;
	line-height: 52px;

	color: #fff;
}

.banner .btn {
	display: inline-block;
	margin: 25px 0 0;
	padding: 9px 22px 7px;
	clear: both;

	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;

	border: 2px solid rgba(255,255,255,.4);
	border-radius: 5px;
}
.banner .btn:hover {
	background: rgba(255,255,255,.05);
}
.banner .btn:active {
	-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
}

.banner .btn, .banner .dot {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
}

.banner .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
}
.banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;

	text-indent: -999em;

	border: 2px solid #fff;
	border-radius: 6px;

	cursor: pointer;
	opacity: 0.7;

	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.banner .dots li.active {
	background: #fff;
	opacity: 1;
}
/* End: Banner */

/* Begin: Blog */
.blog-list {width: 80%; margin: 10px auto;}
.blog-list .post {width: 100%; float: left; margin-bottom:20px}
.blog-list .post .texts {width: 53%; float: left;}
.blog-list .post h3 {width: 99%;float: left;}
.blog-list .post h3 a {font-weight: bold; font-size: 32px;font-family: Georgia, Times, Nunito;}
.blog-list .post h3 a:hover {color:#000; text-decoration:none;}
.blog-list .post .image {float: left; width: 47%; height:200px; overflow:hidden;}
.blog-list .post .image img {width:98%;}
.blog-list .post .publish-date {float:left; width:98%; margin-top: 10px; font-style:italic;}
.blog-list .post .post-text {float: left; width: 99%;line-height: 26px;font-size: 17px;margin-top: 20px;min-height: 112px;border-bottom: 1px solid #ddd;}

.blog-post {/* float:left; */ margin-top:10px;}
.blog-post > h1 {text-align:center; font-size:34px; font-family:Georgia, Times; font-weight:bold;}
/* End: Blog */

@media only screen and (min-height:650px) and (max-height: 709px) {
	.photos-container img {max-height:580px;}
}
@media only screen and (max-height: 649px) {
	.photos-container img {max-height:520px;}
	.photos-container {/*overflow:visible;*/}
}

@media only screen and (min-width:1000px) {
	.container {width:1000px;}
	#contents{width:1000px;}
}
@media only screen and (min-width:784px) and (max-width:999px) {
	.list-photobox {width:32% !important;}
	.header {width:100%}
}

@media only screen and (min-width:519px) and (max-width:784px) {
	.list-photobox {width:48% !important;}
	.header {width:100%}
}

@media only screen and (max-width:518px) {
	.list-photobox {width:98% !important;}
	.list-photobox * {max-width:100%;}
	.header {width:100%}
	.headercenter .logo {position: relative; zoom:0.8;margin:0 auto;}
	.dropmenu {/* width: 460px; */display: block;float: left;}
	ul#menu { margin: 48px auto 0;  width: 400px; /* display: inline-block; *//* left: 8%; *//* bottom: -5px; */}
	ul#menu li.blog {top: 14px; left: -25px;padding-left: 105px;}
}

@media only screen and (min-width:518px) {
	ul#menu{position: absolute; left: 115px; bottom:0px;width: 87%;}
}

@media only screen and (min-height: 700px) {
	.header-container {position: fixed; left:0; right:0;  height: 84px;top: 0;z-index: 101;border: 1px solid #eee;}
}
@media only screen and (max-height: 699px) {
	.header-container {position: absolute; left:0; right:0;  height: 84px;top: 0;z-index: 101;border-bottom: 1px solid #eee;}
}
.randevu-link {float:left; width:90%; margin-top:10px;}

#contact-information {float: none !important;
	width: 490px;
	height: 130px !important;
	margin-top: 414px;
	position: absolute !important;
	margin-left: -50px;
	overflow: hidden;
}
.validate-note {position:absolute; margin-left:10px; white-space:nowrap; line-height:32px; font-size:13px;color:#cc3333;}
.developed-sign {background:#fff !important; color:#666 !important;}
.developed-sign a {color:#333 !important;}