/* CSS Document */

/* Reset
---------------------------------------------------*/
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, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
html {
	overflow-Y: scroll;
}
body {
	color: #727272;
	font-family: "Times New Roman", Times, serif;
	font-size:17px;
	background:url(../images/body_bg.png) #edf3f0;
}
html, body {height: 100%;}

#wrap {min-height: 100%;}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
select {
	border:1px #abadb3 solid;
	height:23px;
	padding:1px;
	font-size:12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

a {
	text-decoration:underline;
	color:#333;
}
a:hover {
	text-decoration:none;
	color:#333;
}
em, i {
	font-style:italic;
}
b, strong {
	font-weight:bold;
}
.fl, .f-left {float:left;} .fr, .f-right {float:right;}
.a-center {text-align:center;} .a-right {text-align:right;}

h1{font-size: 24px; font-weight: bold; padding-bottom: 10px;}

h2{font-size: 20px; font-weight: bold; padding-bottom: 10px;}

/* Main
---------------------------------------------------*/

.slogan {
	background: url(../images/stripes.png) repeat-x left bottom;
	line-height: 38px;
	padding: 8px 0 17px 0;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	color: #4e4e4e;
	text-transform: uppercase;
	font-size: 24px;
	font-weight:300;
	font-family: 'champagne__limousinesregular';
}

/* INTRO PAGE
---------------------------------------------------*/
.intro .container {
	background: url(../images/top_bg.png) repeat-x 0 -94px;
	padding: 0 0 15px;
}
.intro .wrapper {
	width: 623px;
	margin: 0 auto;
  position: relative;
}
.intro .header {
	padding: 42px 0 25px;
	text-align: center;
	width: 610px;
	margin:0 auto;
}
.inro_image img {
	border: 6px #fff solid;
}
.inro_image_shadow {
	background: url(../images/intro_shadow.png) no-repeat;
	height: 40px;
	line-height: 40px;
}
.date {
	background: url(../images/intro_date_bg.jpg) no-repeat center;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 25px;
	color: #646149;
	text-shadow: 0 1px 0 #e2dcc3;
	text-transform: uppercase;
	font-family: 'champagne__limousinesregular';
}
.date a {
	text-decoration: none;
	color: #646149;
}
.date a:hover {
	text-decoration: none;
	color: #222;
}

.intro_languages {
	text-align:center;
	padding: 40px 0 10px;
	line-height: 55px;
	height: 55px;
	font-family: 'champagne__limousinesregular';
}
.intro_languages .split_line_left {
	height: 55px;
	background: url(../images/split_line.gif) repeat-x center;
	width: 25px;
	float: left;
	margin: 0 7px 0 0;
}
.intro_languages .split_line_right {
	height: 55px;
	background: url(../images/split_line.gif) repeat-x center;
	width: 25px;
	float: right;
	margin: 0 0 0 8px;
}
.intro_languages a {
	font-size: 40px;
	border-radius: 500px;
	 -moz-border-radius: 500px;
	  -webkit-border-radius: 500px;
	margin: 0 2px 0 3px;
	display: inline-block;
	text-align: center;
	width: 55px;
	height: 55px;
	color: #fff;
	text-decoration: none;
	background: #000000;
  vertical-align: top;
}
.intro_languages a:hover {
	color: #ccc;
}
.intro_languages a.lang2 {
	background: #252525;
}
.intro_languages a.lang3 {
	background: #3e3e3e;
}
.intro_languages a.lang4 {
	background: #565656;
}
.intro_languages a.lang5 {
	background: #727272;
}
.intro_languages a.lang6 {
	background: #888888;
}
.intro_languages a.lang7 {
	background: #989898;
}

.intro_languages a.social{
  background:none;
}

.intro_languages a.social img{
  width: 55px;
  height: 55px;
}
  
.enter_site {
	text-align: center;
	line-height:38px;
	font-family: 'champagne__limousinesregular';
}
.enter_site a {
	display: inline-block;
	color: #000000;
	text-decoration: none;
	font-size: 24px;
	text-transform: uppercase;
	background: url(../images/arrow_top.png) no-repeat center 0;
}
.enter_site a:hover {
	color: #646149;
}


/* INSIDE PAGE
---------------------------------------------------*/
.inside .container {
	background: url(../images/top_bg.png) repeat-x 0 0;
	padding: 0 0 50px;
}

.inside .wrapper {
	width: 960px;
	margin: 0 auto;
}
.inside .header {
	padding: 24px 0 20px;
	position: relative;
}
.inside .header .head_left {
	width: 610px;
	float: left;
	padding: 36px 0 0 0;
}
.inside .header .head_right {
	float: right;
}
.inside .header .head_right img {
	border: 5px #fff solid;
}
.inside .header .head_right .inside_img_shadow {
	background: url(../images/inside_img_shadow.png) no-repeat center;
	height: 10px;
	line-height: 10px;
}

.header-buttons{
  clear: both;
  padding-top:10px;
}

.header-buttons::after{
  content:"";
  display:block;
  clear: both;
  
}

.header-buttons a{
  width: calc(50% - 10px);
  display: block;
  color: #fff;
  font-family: 'champagne__limousinesregular';
  background-color: #009edf;
  text-align: center;
  padding: 2px 2px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 24px;
}

.header-buttons a .helper{
  display: block;
  padding: 5px;
  border:1px dashed #fff;
}

.header-buttons a:first-child{
  float: left;
}

.header-buttons a:nth-child(2){
  float: right;
}

/* Content
---------------------------------------------------*/
.content {
	background: #fff;
	padding: 21px 30px 21px 21px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.content p {
	padding: 0 0 16px;
	margin: 0;
}
.content .left_side {
	width: 174px;
	float: left;
	padding: 8px 0 6px 0;
}
.left_nav {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 16px;
}
.left_nav ul li {
	padding: 3px 0;
	border-bottom: 1px #31292b dashed;
}
.left_nav ul li:last-child {
	border-bottom: none;
}
.left_nav ul li > a {
	display:block;
	text-decoration:none;
	border-left: 6px #8fc400 solid;
	padding: 4px 0 4px 7px;
	color: #4f4749;
}
.left_nav ul li ul {
	display: none;
}
.left_nav ul li > a:hover, .left_nav ul li.current > a {
	text-decoration:none;
	background: #8fc400;
	color: #fff;
}
.left_nav ul li > a.has_sub:hover, .left_nav ul li.current > a.has_sub {
	background: url(../images/arrow_down.png) no-repeat 156px 10px #8fc400;
}
.left_nav ul li.current ul {
	display: block;
}

.left_nav ul li ul {
	margin: 3px 0 0 0;
}
.left_nav ul li ul li {
	padding: 3px 0;
	border-bottom: 1px #31292b dashed;
}
.left_nav ul li ul li > a {
	display:block;
	text-decoration:none;
	border-left: none;
	padding: 4px 0 4px 18px;
	background: url(../images/arrow.png) no-repeat 0 9px;
	font-size: 14px;
	color: #727272;
}
.left_nav ul li ul li > a:hover, .left_nav ul li ul li.current > a {
	text-decoration:none;
	background: url(../images/arrow.png) no-repeat 0 9px;
	color: #000;
}
.banner {
	padding: 35px 0 0 0;
  width: 174px;
  overflow: hidden;
}
.content .right_side {
	width: 705px;
	float: right;
	padding: 5px 0 0;
}
.content .right_side p {
	text-align: justify;
}

.content .right_side ul{list-style: disc; padding: 0px 0px 10px 20px;}
.content .right_side ol{list-style: decimal; padding: 0px 0px 10px 25px;}
.content .right_side table{border-left: 1px solid #727272; border-top: 1px solid #727272;}
.content .right_side td{padding: 2px 5px; border-right: 1px solid #727272; border-bottom: 1px solid #727272;}

/* Languages
---------------------------------------------------*/
.languages {
	padding: 0 0 30px;
	line-height: 25px;
	height: 25px;
	font-family: 'champagne__limousinesregular';
}

.languages a {
	float: left;
	font-size: 18px;
	border-radius: 500px;
	 -moz-border-radius: 500px;
	  -webkit-border-radius: 500px;
	margin: 0 1px 0 0;
	display: block;
	text-align: center;
	width: 25px;
	height: 25px;
	color: #fff;
	text-decoration: none;
	background: #000000;
}
.languages a:hover {
	color: #ccc;
}
.languages a.lang2 {
	background: #252525;
}
.languages a.lang3 {
	background: #3e3e3e;
}
.languages a.lang4 {
	background: #565656;
}
.languages a.lang5 {
	background: #727272;
}
.languages a.lang6 {
	background: #888888;
}
.languages a.lang7 {
	background: #989898;
}

.languages a.social{
  background:none;
}

.languages a.social img{
  width: 25px;
  height: 25px;
}


/* Footer
---------------------------------------------------*/
.footer {
	width: 960px;
	margin: 0 auto;
	line-height: 35px;
	text-align: center;
	color: #adadad;
	font-size: 13px;
	background: url(../images/foot_bg.png);
}

.copyright_link{color:#ADADAD; text-decoration: none;}
.copyright_link:hover{color:#ADADAD; text-decoration: none;}


/*form*/
.star{color:red;}
.form_left{float: left; width: 270px; margin-bottom: 10px;}
.form_right{float: left; width: 430px; margin-bottom: 10px;}
.form_input{width: 280px; border:1px solid #727272; padding:3px 5px; box-sizing: border-box;}
.button_div{width: 555px; text-align: right; margin: 10px 0px;}
.form_button{border:1px solid #727272; }
.error{color: red;}

.clear{
	clear: both;
}


#overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top:0px;
	background-color: #000;
	opacity: 0.8;
  z-index: 5;
}

#popup{
	position:fixed; width:800px; height:550px; top:50%; left:50%; margin-left:-400px; margin-top: -300px;
  z-index: 6;
}

#close_div{
	background: url('../images/close.png') no-repeat left top; width: 27px; height: 27px; top: 10px; right: 10px; position: absolute; cursor: pointer;
}


#badge_photo{
  margin-bottom: 10px;
}

.bottom_banner{
  text-align: center;
  margin-top: 30px;
}

.floor_overlay{
  position: fixed;
  width: 100%;
  top:0;
  bottom:0;
  background-color: rgba(0,0,0,0.5);
  left:0;
  z-index: 1;
  overflow: auto;
  display: none;
}

.area-chosen{
  font-weight: bold;
  display: inline-block;
  margin-left: 10px;
}

.floor_plans{
  width: 960px;
  margin: 30px auto;
  background-color:#fff;
  position: relative;
}

.floor_plans .close_button{
  position:absolute;
  right: 10px;
  top:10px;
  cursor: pointer;
  display: block;
  width:27px;
  height: 27px;
  background:url('../images/close.png') no-repeat left top;
}

.floor_plans .buttons{
  padding: 10px 20px 0px 20px;
}

.floor_plans .buttons button{
  display: inline-block;
  color: #fff;
  font-family: 'champagne__limousinesregular';
  background-color: #009edf;
  text-align: center;
  padding: 2px 2px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 24px;
  border:none;
  cursor: pointer;
}

.floor_plans .buttons button .helper{
    display: block;
    padding: 5px 20px;
    border: 1px dashed #fff;
}

.floor_plans .buttons button.active .helper, .floor_plans .buttons button:hover .helper{
  border: 1px solid #fff;
}

.floor_plans .plans{
  padding: 20px 0px;
}

.floor_plans .plans .plan{
  position: relative;
}

.floor_plans .plans .plan.floor{
  width: 960px;
  height: 662px;
  background:url('../images/map/floor.png') no-repeat left top;
  background-size: 100% auto;
  /*display: none;*/
}

.floor_plans .plans .plan.balcony{
  width: 960px;
  height: 611px;
  background:url('../images/map/balcony.png') no-repeat left top;
  display:none;
}

.plan .areas{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.plan .map-image{
  position: relative;
  z-index: 1;
}

.plan .area{
  position: absolute;
  opacity: 0;
  transition: all 0.3s;
}

.plan .area.hover{
  opacity: 1;
}

.plan .area.taken{
  opacity: 1;
}

.plan .area.selected{
  opacity: 1;
}

.floor .area{
  background:url('../images/map/floor_areas.png') no-repeat left top;
}

.floor .area.taken{
  background:url('../images/map/floor_areas_taken.png') no-repeat left top;
}

.balcony .area{
  background:url('../images/map/balcony_areas.png') no-repeat left top;
}

div.area-tootip {
	display: none;
	line-height: 24px;
  position: absolute;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
	left:0px;
	top:0px;
	text-align: left;
	width: 200px;
	border: 3px double #009edf;
	z-index: 100;
	margin: 10px 0px 0px 10px;
  color:#000;
}


div.area-tootip .info sup{
  font-size:14px;
  line-height: 10px;
}


.balcony .area.taken{
  background:url('../images/map/balcony_areas_taken.png') no-repeat left top;
}

/*floor area types*/
.floor  .area.area1{
  width: 48px;
  height: 47px;
}

.floor  .area.area2{
  width: 40px;
  height: 40px;
  background-position: left -100px;
}

.floor  .area.area3{
  width: 66px;
  height: 57px;
  background-position: left -200px;
}

.floor  .area.area4{
  width: 34px;
  height: 35px;
  background-position: left -300px;
}

.floor  .area.area5{
  width: 52px;
  height: 86px;
  background-position: left -400px;
}

.floor  .area.area6{
  width: 30px;
  height: 30px;
  background-position: left -500px;
}

.floor  .area.area7{
  width: 30px;
  height: 60px;
  background-position: left -600px;
}

.floor  .area.area8{
  width: 30px;
  height: 40px;
  background-position: left -700px;
}

.floor  .area.area9{
  width: 30px;
  height: 50px;
  background-position: left -800px;
}

.floor  .area.area10{
  width: 20px;
  height: 30px;
  background-position: left -900px;
}

.floor  .area.area11{
  width: 80px;
  height: 30px;
  background-position: left -1000px;
}

.floor  .area.area12{
  width: 40px;
  height: 30px;
  background-position: left -1100px;
}

.floor  .area.area13{
  width: 50px;
  height: 30px;
  background-position: left -1200px;
}

.floor  .area.area14{
  width: 60px;
  height: 30px;
  background-position: left -1300px;
}

.floor  .area.area15{
  width: 50px;
  height: 60px;
  background-position: left -1400px;
}


.floor  .area.area16{
  width: 57px;
  height: 51px;
  background-position: left -1500px;
}

/*floor area positions*/
.floor .area.area-A1{
   left: 568px;
   top: 234px;
}

.floor .area.area-A2{
   left: 543px;
   top: 256px;
}

.floor .area.area-A3{
   left: 518px;
   top: 272px;
}

.floor .area.area-A4{
   left: 468px;
   top: 290px;
}

.floor .area.area-A5{
   left: 435px;
   top: 322px;
}

.floor .area.area-A6{
   left: 411px;
   top: 344px;
}

.floor .area.area-A7{
   left: 386px;
   top: 360px;
}

.floor .area.area-A8{
   left: 361px;
   top: 377px;
}

.floor .area.area-A9{
    left: 320px;
    top: 394px;
}

.floor .area.area-A10{
    left: 295px;
    top: 421px;
}

.floor .area.area-A11{
    left: 271px;
    top: 437px;
}

.floor .area.area-A12{
    left: 247px;
    top: 454px;
}

.floor .area.area-A13{
    left: 222px;
    top: 470px;
}

.floor .area.area-A14{
    left: 197px;
    top: 486px;
}

.floor .area.area-A15{
    left: 173px;
    top: 503px;
}

.floor .area.area-A16{
    left: 148px;
    top: 519px;
}

.floor .area.area-A17{
    left: 131px;
    top: 535px;
}

.floor .area.area-A18{
    left: 95px;
    top: 520px;
}

.floor .area.area-A19{
    left: 105px;
    top: 472px;
}

.floor .area.area-A20{
    left: 105px;
    top: 442px;
}

.floor .area.area-A21{
    left: 105px;
    top: 362px;
}

.floor .area.area-A22{
    left: 105px;
    top: 332px;
}

.floor .area.area-A23{
    left: 105px;
    top: 273px;
}

.floor .area.area-A24{
    left: 105px;
    top: 244px;
}

.floor .area.area-A25{
    left: 105px;
    top: 204px;
}

.floor .area.area-A26{
    left: 105px;
    top: 175px;
}

.floor .area.area-A27{
    left: 105px;
    top: 125px;
}

.floor .area.area-A28{
    left: 105px;
    top: 75px;
}

.floor .area.area-A29{
    left: 164px;
    top: 46px;
}

.floor .area.area-A30{
    left: 193px;
    top: 46px;
}

.floor .area.area-A31{
    left: 223px;
    top: 46px;
}

.floor .area.area-A32{
    left: 282px;
    top: 46px;
}

.floor .area.area-A33{
    left: 303px;
    top: 46px;
}

.floor .area.area-A34{
    left: 381px;
    top: 46px;
}

.floor .area.area-A35{
    left: 410px;
    top: 46px;
}

.floor .area.area-A36{
    left: 440px;
    top: 46px;
}

.floor .area.area-A37{
    left: 461px;
    top: 46px;
}

.floor .area.area-A38{
    left: 499px;
    top: 46px;
}

.floor .area.area-A39{
    left: 529px;
    top: 46px;
}

.floor .area.area-A40-41{
    left: 580px;
    top: 46px;
}

.floor .area.area-A42{
    left: 639px;
    top: 46px;
}

.floor .area.area-A43{
    left: 520px;
    top: 106px;
}

.floor .area.area-A44{
    left: 580px;
    top: 106px;
}

.floor .area.area-A45{
    left: 638px;
    top: 106px;
}

.floor .area.area-A46{
    left: 580px;
    top: 136px;
}

.floor .area.area-A47{
    left: 520px;
    top: 136px;
}

.floor .area.area-A48{
    left: 342px;
    top: 105px;
}

.floor .area.area-A49{
    left: 392px;
    top: 105px;
}

.floor .area.area-A50{
    left: 441px;
    top: 105px;
}

.floor .area.area-A51{
    left: 441px;
    top: 164px;
}

.floor .area.area-A52{
    left: 392px;
    top: 164px;
}

.floor .area.area-A53{
    left: 341px;
    top: 194px;
}

.floor .area.area-A54{
    left: 342px;
    top: 134px;
}

.floor .area.area-A55{
    left: 164px;
    top: 105px;
}

.floor .area.area-A56{
    left: 213px;
    top: 105px;
}

.floor .area.area-A57{
    left: 233px;
    top: 105px;
}

.floor .area.area-A58{
    left: 263px;
    top: 105px;
}

.floor .area.area-A59{
    left: 282px;
    top: 136px;
}

.floor .area.area-A60{
    left: 224px;
    top: 136px;
}

.floor .area.area-A61{
    left: 194px;
    top: 136px;
}

.floor .area.area-A62{
    left: 164px;
    top: 136px;
}

.floor .area.area-A63{
    left: 164px;
    top: 194px;
}

.floor .area.area-A64{
    left: 213px;
    top: 194px;
}

.floor .area.area-A65{
    left: 243px;
    top: 194px;
}

.floor .area.area-A66{
    left: 274px;
    top: 194px;
}

.floor .area.area-A67{
    left: 274px;
    top: 225px;
}

.floor .area.area-A68{
    left: 234px;
    top: 225px;
}

.floor .area.area-A69{
    left: 203px;
    top: 225px;
}

.floor .area.area-A70{
    left: 164px;
    top: 225px;
}

.floor .area.area-A71{
    left: 165px;
    top: 283px;
}

.floor .area.area-A72{
    left: 223px;
    top: 283px;
}

.floor .area.area-A73{
    left: 253px;
    top: 283px;
}

.floor .area.area-A74{
    left: 283px;
    top: 283px;
}

.floor .area.area-A75{
    left: 263px;
    top: 313px;
}

.floor .area.area-A76{
    left: 233px;
    top: 313px;
}

.floor .area.area-A77{
    left: 203px;
    top: 313px;
}

.floor .area.area-A78{
    left: 165px;
    top: 313px;
}

.floor .area.area-A79{
    left: 342px;
    top: 254px;
}

.floor .area.area-A80{
    left: 381px;
    top: 254px;
}

.floor .area.area-A81{
    left: 411px;
    top: 254px;
}

.floor .area.area-A82{
    left: 461px;
    top: 254px;
}

.floor .area.area-A83{
    left: 392px;
    top: 284px;
}

.floor .area.area-A84{
    left: 372px;
    top: 284px;
}

.floor .area.area-A85{
    left: 342px;
    top: 284px;
}

.floor .area.area-A86{
    left: 342px;
    top: 324px;
}

.floor .area.area-A87{
    left: 244px;
    top: 373px;
}

.floor .area.area-A88{
    left: 204px;
    top: 373px;
}

.floor .area.area-A89{
    left: 164px;
    top: 373px;
}

.floor .area.area-A90{
    left: 164px;
    top: 403px;
}

.floor .area.area-A91{
    left: 203px;
    top: 402px;
}


/*balcony area types*/
.balcony  .area.area1{
  width: 39px;
  height: 36px;
}

.balcony  .area.area2{
  width: 60px;
  height: 53px;
  background-position:left -100px;
}

.balcony  .area.area3{
  width: 78px;
  height: 118px;
  background-position:left -170px;
}

.balcony  .area.area4{
  width: 44px;
  height: 42px;
  background-position:left -300px;
}

/*balcony area positions*/

.balcony  .area.area-B1{
  left: 464px;
  top: 300px;
}

.balcony  .area.area-B2{
    left: 441px;
    top: 314px;
}

.balcony  .area.area-B3-4{
    left: 397px;
    top: 329px;
}

.balcony  .area.area-B5{
    left: 373px;
    top: 360px;
}

.balcony  .area.area-B6{
  left: 349px;
  top: 375px;
}

.balcony  .area.area-B7{
    left: 327px;
    top: 390px;
}

.balcony  .area.area-B8{
    left: 304px;
    top: 405px;
}

.balcony  .area.area-B9{
    left: 281px;
    top: 420px;
}

.balcony  .area.area-B10{
    left: 259px;
    top: 436px;
}

.balcony  .area.area-B11{
    left: 236px;
    top: 451px;
}

.balcony  .area.area-B12{
    left: 214px;
    top: 467px;
}

.balcony  .area.area-B13{
    left: 90px;
    top: 476px;
}

.balcony  .area.area-B14-15{
    left: 184px;
    top: 404px;
}

.balcony  .area.area-B16{
    left: 228px;
    top: 391px;
}

.balcony  .area.area-B17-18{
    left: 284px;
    top: 350px;
}

.balcony  .area.area-B19{
    left: 312px;
    top: 335px;
}

.balcony  .area.area-B20{
    left: 349px;
    top: 309px;
}

.balcony  .area.area-B21{
    left: 372px;
    top: 294px;
}

.balcony  .area.area-B22{
    left: 395px;
    top: 279px;
}


.raw_trade{
  background-color:#ccc694;
  text-align: center;
  font-weight: bold;
  width:300px;
  border-radius: 300px;
  padding:50px 0px;
  font-size:30px;
  color:#000000;
  margin:30px auto;
  font-family: 'champagne__limousinesbold';
  line-height: 36px;
  border: 1px dashed #858063;
  box-shadow: 0px 0px 0px 2px #ccc694;
}

.raw_trade .title{
  margin-bottom: 20px;
}

.raw_trade a{
      font-size: 40px;
    border-radius: 500px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
    margin: 0 2px 0 3px;
    display: inline-block;
    text-align: center;
    width: 55px;
    height: 55px;
    color: #fff;
    text-decoration: none;
    background: #000000;
    vertical-align: top;
    font-family: 'champagne__limousinesregular';
    font-weight: normal;
    line-height: 55px;
}

.raw_trade a:hover{
  color: #ccc;
}

.raw_trade .lang2 {
  background-color:#252525;
}

@media (min-width:1340px) {
  .raw_trade{
    position: absolute;
    top:240px;
    left:-350px;
  }
}

.content table.table{
  width:100%;
  border:none;
  border-collapse:  separate;
  border-spacing: 5px 5px;
  border:1px solid #31292b;
}

.content table.table tbody{
  border:none;
}

.content table.table th{
  border:1px #31292b dashed;
  font-weight: bold;
  padding:5px;
}

.content table.table td{
  border:1px #31292b dashed;
  padding:5px;
}

.coming-soon{
  color: red;
  font-size:48px;
}


.content .minimum-order{
  margin-top:20px;
  color: red;
  font-size:20px;
}