/* CONTACT PAGE */

#map-canvas {
        min-width: 400px;
  		width: 100%;
  		min-height: 400px;
  		height: 100%;
		z-index:100;
		margin-top:15px;
}

.map-labels1 {
     color: black;
     background: url("../img/shop_point_map.png") no-repeat;
	 background-size:contain;
     font-size: 12px;
     text-align: center;
	 height:55px;
	 width:47px;
	 padding-top:11px;
	 z-index:98;
	 overflow:hidden;
	 display:block;
}

.map-labels1-on {
	 color: black;
     background: url("../img/shop_point_map-on.png") no-repeat;
	 background-size:contain;
     font-size: 12px;
     text-align: center;
	 height:55px;
	 width:47px;
	 padding-top:11px;
	 z-index:2000;
	 overflow:hidden;
	 display:block;
}

.logo_contact_en {
	background-repeat: no-repeat;
	background-image: url("../img/logo_en.png");
	-webkit-background-size: contain; /* For WebKit*/
	-moz-background-size: contain;    /* Mozilla*/
	-o-background-size: contain;      /* Opera*/
	background-size: contain;
	width: 350px;
	height: 70px;
	display: inline-block;
	z-index:10;
	overflow:visible;
    margin-bottom: 10px;
}

.logo_contact_el {
    background-repeat: no-repeat;
    background-image: url("../img/logo_el.png");
    -webkit-background-size: contain; /* For WebKit*/
    -moz-background-size: contain;    /* Mozilla*/
    -o-background-size: contain;      /* Opera*/
    background-size: contain;
    width: 350px;
    height: 70px;
    display: inline-block;
    z-index:10;
    overflow:visible;
    margin-bottom: 10px;
}

.table_wrapper {
	width:90%;
	left:5%;
	position:absolute;
	top:0;
	height:auto;
	margin-top:110px;
	margin-bottom:100px;

	border:1px solid rgba(250, 250, 255,0.8);
	border-top:7px solid rgba(0,0,0,1.00);
	border-radius:0px 0px 10px 10px;
	-webkit-box-shadow:
		0 2px 6px rgba(250, 250, 255,0.85),
		inset 0 1px rgba(250, 250, 255,0.8),
		inset 0 10px rgba(250, 250, 255,0.7),
		inset 0 10px 20px rgba(250, 250, 255,0.75),
		inset 0 -15px 30px rgba(250, 250, 255,0.8);
	-moz-box-shadow:
		0 2px 6px rgba(250, 250, 255,0.85),
		inset 0 1px rgba(250, 250, 255,0.8),
		inset 0 10px rgba(250, 250, 255,0.7),
		inset 0 10px 20px rgba(250, 250, 255,0.75),
		inset 0 -15px 30px rgba(250, 250, 255,0.8);
	box-shadow:
		0 2px 6px rgba(250, 250, 255,0.85),
		inset 0 1px rgba(250, 250, 255,0.8),
		inset 0 10px rgba(250, 250, 255,0.7),
		inset 0 10px 20px rgba(250, 250, 255,0.75),
		inset 0 -15px 30px rgba(250, 250, 255,0.8);
	background:rgba(250, 250, 255,0.85);
	
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
}

.photos_wrapper{
	width:100%;
	margin-top:50px;
	height:auto;
	margin-left:5%;
}

.details_wrapper{
	width:100%;
	margin-top:50px;
	height:auto;
    margin-left:5%;
	text-align:center;
}

.textinput2{
	width:100%;
	display: inline-block;
	text-align:center;
    height: 30px;
    overflow: hidden;
    position: relative;
	font-size:14px;
    white-space: nowrap;
    line-height: 32px;
    color: black;
    text-decoration: none;
	margin-top:10px;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
	
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
}

.textinput2:hover,.textinput2:focus {
	-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 200, 0, 0.8);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 200, 0, 0.8);
box-shadow: 0px 0px 10px 5px rgba(255, 200, 0, 0.8);
}

.textarea2{
	width:100%;
	display: inline-block;
	text-align:justify;
    height: 90px;
	resize: none;
	overflow-y: scroll;
	overflow-x: hidden;
	
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	word-break: break-all;
		
	padding:5px;
	border:0px;
    position: relative;
	font-size:14px;
    line-height: 14px;
    color: black;
    text-decoration: none;
	margin-top:10px;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
	
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
}

.textarea2:hover,.textarea2:focus {
	-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 200, 0, 0.8);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 200, 0, 0.8);
box-shadow: 0px 0px 10px 5px rgba(255, 200, 0, 0.8);
}
.label {
	font-size:10px;
	z-index: 1000;
	line-height: 30px;
	display:inline-block;
	float:right;
	position: relative;
	color:black;
	margin-top:11px;
	margin-right:10px;
	height:30px;
	width:120px;
	text-align:right;
	padding-right:10px;
	
	background: rgba(255,255,255,0);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(248,248,248,0.7) 70%, rgba(255,255,255,0.7) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(70%, rgba(248,248,248,0.7)), color-stop(100%, rgba(255,255,255,0.7)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(248,248,248,0.7) 70%, rgba(255,255,255,0.7) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,  rgba(248,248,248,0.7) 70%, rgba(255,255,255,0.7) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,  rgba(248,248,248,0.7) 70%, rgba(255,255,255,0.7) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,   rgba(248,248,248,0.7) 70%, rgba(255,255,255,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
	
	cursor:default;
	
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input{
	display:inline-block!important;
	float:left!important;
}

.button_single{
	display: inline-block;
	width:180px;
	cursor:pointer;
	line-height:40px;
	height:40px;
	color:white;
	position:relative;
	margin-left:30px;
	margin-top:30px;
	
	background:
linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 20px 20px;

	border-radius:5px;
	
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
}
.button_single:hover{
	background-image: url("../img/button_back2.png");
	-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 200, 0, 0.8);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 200, 0, 0.8);
box-shadow: 0px 0px 10px 5px rgba(255, 200, 0, 0.8);
}

.photos_wrapper{
	display:inline-block!important;
	float:left;
	width:45%;
}
.details_wrapper{
	display:inline-block!important;
	float:left;
	width:45%;
}



@media screen and (max-width: 1200px) {

.photos_wrapper{
	display:block!important;
	float:left;
	width:90%;
	padding-bottom:50px;
}
.details_wrapper{
	display:block!important;
	float:left;
	width:90%;
	padding-bottom:20px;
}
}