body{
width:100%;
margin:0 0 0 0;
font-family:arial;
background:rgb(226,226,226);

}
@media screen and (min-width: 1200px) {
bar{
width:1250px;
height:100%;
display:block;
margin-left:auto;
margin-right:auto;
}
}
@media screen and (max-width: 1200px) {
bar{
width:100%;
height:100%;

}
}
lg{
border:2px solid rgb(150,105,50);
padding:5px 20px 5px 20px;
background:rgba(227,227,227,0.5);

}
h3bar:hover{
//background:rgba(227,227,227,0.8);
}
h3bar{background:rgba(227,227,227,0.8);
float:left;
margin-top:40px;
height:48px;
width:600px;
-webkit-transition: background-color 1s; 
transition: background-color 1s;
}
.menr{
position:absolute;
right:5%;
top:200px;
width:60%;
text-align:center;
background-color:rgba(150,105,50,0.7);
color:rgb(226,226,226);
font-family: 'Open Sans Condensed', sans-serif;
font-size:45px;
font-weight:bolder;
cursor:pointer;
}
@media screen and (min-width: 1000px) {
header{
position:fixed;
top:0;
left:0;
width:100%;
height:120px;
z-index:+2;
border-bottom:2px solid rgba(150,105,50,0);
//background-color:rgba(255,255,255,0.4);
}
header1,.logo1{
position:absolute;
left:0;
top:0;
visibility:hidden;
height:0;
width:0;
opacity:0;
}
lang{
float:right;
text-align:right;

//height:40px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:30px;
font-weight:bold;
color:rgb(150,105,50);
cursor:pointer;
margin-top:15px;
margin-right:10px;
}
lan{
float:right;
margin-right:20px;
margin-top:10px;
color:white;
font-family:arial;
font-size:18px;
}
lan1{
visibility:hidden:
position:absolute;
width:0;
height:0;
}
.lana{
color:rgb(150,105,50);
cursor:pointer;

}
lefth{
position:fixed;
width:0;
height:100%;
top:0;
left:0;
visibility:hidden;
}
.menr1,.celll{position:absolute;
width:0;
height:100%;
top:0;
left:0;
visibility:hidden;
}
slideshow{
position:fixed;
top:0vw;
left:0;
width:100%;
height:50.7vw;
overflow:hidden;
z-index:-1;
border-bottom:2px solid rgb(150,105,50);
}
sector{
float:left;
width:100%;
margin-top:50.7vw;
background:rgb(226,226,226);
border-top:2px solid rgb(150,105,50);
}
}
@media screen and (max-width: 1000px) and (orientation: landscape)  {
.logo1{
float:left;
width:170px;
padding-top:8px;
padding-left:25px;
}
lefth{
position:fixed;
width:0;
height:calc(100% - 100px);
top:100px;
right:0;
border-left:0px solid rgb(150,105,50);
background-color:rgb(200,200,200);
color:black;
z-index:+10;
}
.menr1{
float:left;
padding-top:70px;
}
.celll{float:left;
width:100%;
padding-top:15px;
padding-bottom:15px;
font-size:30px;
text-align:center;
color:rgb(150,105,50);
font-family: 'Open Sans Condensed', sans-serif;
}
.celll:active{
color:white;
background:rgb(150,105,50);
}
header{
visibility:hidden;
height:0;
width:0;
opacity:0;position:absolute;
}
header1{
position:fixed;
top:0;
left:0;
width:100%;
height:100px;
z-index:+10;
border-bottom:2px solid rgba(150,105,50,1);
//background-color:rgba(255,255,255,0.4);
background-color:rgba(226,226,226,1);
}
lang{
position:absolute;
font-family: 'Open Sans Condensed', sans-serif;
font-size:45px;
font-weight:bold;
color:rgb(150,105,50);
cursor:pointer;
top:90px;
right:200px;
}
lan{
visibility:hidden:
position:absolute;
width:0;
height:0;
}
lan1{
//position:absolute;
color:rgb(150,105,50);
font-family:arial;
font-size:20px;
top:40px;
float:right;
margin-right:10px;
margin-top:5px;
}
.lana1{
color:rgb(150,105,50);
cursor:pointer;

}
feet{
position:fixed;
width:100%;
height:100px;
bottom:0;
left:0;
display:block;
background:rgb(227,227,228);
border-top: 2px solid rgb(150,105,50);
}
h3bar1{
position:absolute;
right:35px;
margin-top:35px;
width:60px;
height:60px;
border-radius:100px;
background:url('../img/menu.png') no-repeat 50% 50%;
background-color:rgba(227,227,227,0.7);
background-size:110% 110%;
cursor:pointer;
top:0;
}
.locat{
position:absolute;
padding:5px 10px 5px 10px;
right:200px;
top:18px;
border:3px solid rgb(150,105,50);
color:rgb(150,105,50);
font-size:35px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:bold;
}
slideshow{
position:absolute;
top:100px;
left:0;
width:100%;
height:calc(50.7vw + 500px);
overflow:hidden;
z-index:-1;
border-bottom:2px solid rgb(150,105,50);
}
sector{
float:left;
width:100%;
margin-top:calc(50.7vw + 600px);
background:rgb(226,226,226);
border-top:2px solid rgb(150,105,50);
}
}
@media screen and (max-width: 1000px) and (orientation: portrait)  {
.logo1{
float:left;
width:300px;
padding-top:24px;
}
lefth{
position:fixed;
width:0;
height:calc(100% - 200px);
top:200px;
right:0;
border-left:0px solid rgb(150,105,50);
background-color:rgb(200,200,200);
color:black;
z-index:+10;
}
.menr1{
float:left;
padding-top:70px;
}
.celll{float:left;
width:100%;
padding-top:15px;
padding-bottom:15px;
font-size:80px;
text-align:center;
color:rgb(150,105,50);
font-family: 'Open Sans Condensed', sans-serif;
}
.celll:active{
color:white;
background:rgb(150,105,50);
}
header{
visibility:hidden;
height:0;
width:0;
opacity:0;position:absolute;
}
header1{
position:fixed;
top:0;
left:0;
width:100%;
height:200px;
z-index:+10;
border-bottom:2px solid rgba(150,105,50,1);
//background-color:rgba(255,255,255,0.4);
background-color:rgba(226,226,226,1);
}
lang{
position:absolute;
font-family: 'Open Sans Condensed', sans-serif;
font-size:45px;
font-weight:bold;
color:rgb(150,105,50);
cursor:pointer;
top:90px;
right:200px;
}
lan{
visibility:hidden:
position:absolute;
width:0;
height:0;
}
lan1{
//position:absolute;
color:rgb(150,105,50);
font-family:arial;
font-size:25px;
top:40px;
float:right;
margin-right:20px;
margin-top:10px;
}
.lana1{
color:rgb(150,105,50);
cursor:pointer;

}
feet{
position:fixed;
width:100%;
height:100px;
bottom:0;
left:0;
display:block;
background:rgb(227,227,228);
border-top: 2px solid rgb(150,105,50);
}
h3bar1{
position:absolute;
right:35px;
margin-top:65px;
width:110px;
height:110px;
border-radius:100px;
background:url('../img/menu.png') no-repeat 50% 50%;
background-color:rgba(227,227,227,0.7);
background-size:110% 110%;
cursor:pointer;
top:0;
}
.locat{
position:absolute;
padding:10px 20px 10px 20px;
right:175px;
top:80px;
border:3px solid rgb(150,105,50);
color:rgb(150,105,50);
font-size:40px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:bold;
}
slideshow{
position:absolute;
top:200px;
left:0;
width:100%;
height:calc(50.7vw + 500px);
overflow:hidden;
z-index:-1;
border-bottom:2px solid rgb(150,105,50);
}
sector{
float:left;
width:100%;
margin-top:calc(50.7vw + 700px);
background:rgb(226,226,226);
border-top:2px solid rgb(150,105,50);
}
}
.logo{
float:left;
width:225px;
padding-top:7px;
}
.h3att{
font-family: 'Open Sans Condensed', sans-serif;
padding-top:10px;
padding-bottom:10px;
width:150px;
float:left;
text-align:center;
color:rgb(150,105,50);
font-size:20px;
font-weight:bolder;
cursor:pointer;
outline:none;
text-decoration:none;
-webkit-transition: color 1s,background-color 1s; /* For Safari 3.1 to 6.0 */
transition: color 1s,background-color 1s;
//background-color:rgba(226,226,226,0.6);
//text-shadow:1px 1px #dddddd;
}
.h3att:hover{
background-color:rgb(150,105,50);
color:rgb(226,226,226);
}
a{
text-decoration:none;
color:white;
outline:none;
}
ul,li{
padding:0 0 0 0;
margin:0 0 0 0;
list-style:none;
}
.attree{
position:absolute;
float:left;
top:88px;
width:300px;
opacity:0;
visibility:hidden;
background-color:rgba(150,105,50,0.7);
color:rgb(226,226,226);
-webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
transition: all 1s;
}
.h3att:hover > .attree{
opacity:1;
visibility:visible;
}
.cell{
padding-top:0.5vw;
padding-bottom:0.5vw;
-webkit-transition: color 1s,background 1s; /* For Safari 3.1 to 6.0 */
transition: color 1s,background 1s;
}
.cell:hover{
background-color:rgb(226,226,226);
color:rgb(150,105,50);
}
.cell1{
padding-top:0.5vw;
padding-bottom:0.5vw;
-webkit-transition: color 1s,background 1s; /* For Safari 3.1 to 6.0 */
transition: color 1s,background 1s;
}
.cell1:hover{
background-color:rgb(150,105,50);
color:rgb(226,226,226);
}
slider{
position:absolute;
width:100%;
height:50.7vw;
}
slider div {position:absolute;
width:100%;
height:100%;
top:0;
left:0;
right:0;
bottom:0;}
.slide{
width:100%;
height:100%;
}
.slidei{position:relative;
width:100%;top:0px;
z-index:+8;
}

@media screen and (min-width: 1000px) {
.sblock{
position:absolute;
//margin-left:-10px;
bottom:5vw;
right:100px;
width:400px;
height:210px;
background-color:rgba(150,105,50,0.7);
color:#fcfcef;
display:block;
z-index:+10;
cursor:pointer;
-webkit-transition:background-color 1s; /* For Safari 3.1 to 6.0 */
transition:background-color 1s;
}
.sblock1{
position:absolute;
//margin-left:-10px;
bottom:5vw;
left:100px;
width:400px;
height:210px;
background-color:rgba(150,105,50,0.7);
color:#fcfcef;
display:block;
z-index:+10;
cursor:pointer;
-webkit-transition:background-color 1s; /* For Safari 3.1 to 6.0 */
transition:background-color 1s;
}
a1{
font-family: 'Open Sans Condensed', sans-serif;
font-size:40px;
float:left;
padding-left:15px;
padding-right:15px;
width:calc(100% - 30px);
}
a2,a3{
line-height: 20px;
font-family:  arial;
font-size:14px;
float:left;
padding-left:15px;
padding-right:15px;
padding-top:20px;
}
larrow,rarrow{
font-family: 'Open Sans Condensed', sans-serif;
font-size:4vw;
padding:0% 1% 0% 1%;
position:absolute;
background-color:rgba(150,105,50,0.7);
color:white;
z-index:+10;
top:24vw;
cursor:pointer;
-webkit-transition: color 1s,background-color 1s; /* For Safari 3.1 to 6.0 */
transition: color 1s,background-color 1s;
}
ddarrow{
font-family: 'Open Sans Condensed', sans-serif;
font-size:80px;
padding:30px 15px 30px 15px;
position:absolute;
background-color:rgba(150,105,50,0.7);
color:white;
z-index:+10;
bottom:-60px;
cursor:pointer;
-webkit-transition: color 1s,background-color 1s; /* For Safari 3.1 to 6.0 */
transition: color 1s,background-color 1s;
 -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
left:calc(50% - 40px);
}
ddarrow1,ddarrow2,ddarrow3{
font-family: 'Open Sans Condensed', sans-serif;
font-size:80px;
padding:10px 5px 10px 5px;
position:absolute;
background-color:rgba(150,105,50,0.7);
color:white;
z-index:+10;
bottom:-45px;
cursor:pointer;
-webkit-transition: color 1s,background-color 1s; /* For Safari 3.1 to 6.0 */
transition: color 1s,background-color 1s;
 -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
left:calc(50% - 15px);
}
ddarrow4{
font-family: 'Open Sans Condensed', sans-serif;
font-size:80px;
padding:10px 5px 10px 5px;
position:absolute;
background-color:rgba(150,105,50,0.7);
color:white;
z-index:+0;
bottom:-45px;
cursor:pointer;
-webkit-transition: color 1s,background-color 1s; /* For Safari 3.1 to 6.0 */
transition: color 1s,background-color 1s;
 -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
left:calc(50% - 15px);
}
}
@media screen and (max-width: 1000px) {
ddarrow,ddarrow1,ddarrow2,ddarrow3,ddarrow4,ddarrow5{
left:0;
top:0;
width:0;
height:0;
visibility:hidden;
}
.sblock1,.sblock{
position:absolute;
//margin-left:-10px;
top:50.7vw;
left:0;
width:100%;
height:500px;
background-color:rgba(150,105,50,1);
color:#fcfcef;
display:block;
z-index:+10;
cursor:pointer;
-webkit-transition:background-color 1s; /* For Safari 3.1 to 6.0 */
transition:background-color 1s;
}
a1{
font-family: 'Open Sans Condensed', sans-serif;
font-size:85px;
float:left;
padding-left:25px;
padding-right:25px;
width:calc(100% - 50px);
}
a2,a3{
font-family: arial;
font-size:24px;
float:left;
padding-left:15px;
padding-right:15px;
padding-top:20px;
padding-bottom:10px;
}
larrow,rarrow{
font-family: 'Open Sans Condensed', sans-serif;
font-size:6vw;
padding:1% 2% 1% 2%;
position:absolute;
background-color:rgba(150,105,50,0.7);
color:white;
z-index:+10;
top:21vw;
cursor:pointer;
-webkit-transition: color 1s,background-color 1s; /* For Safari 3.1 to 6.0 */
transition: color 1s,background-color 1s;
}
}
.sblock:hover,.sblock1:hover{
background-color:rgba(150,105,50,1);
}

larrow{
left:0;
}
rarrow{
right:0;
}
rarrow:hover,larrow:hover,ddarrow:hover,ddarrow1:hover,ddarrow2:hover,ddarrow3:hover,ddarrow4:hover{
background-color:rgba(255,255,255,0.7);
color:rgb(150,105,50);
}
part1,part2,part3{
display:block;
float:left;
margin-top:10px;
overflow:hidden;
cursor:pointer;
//box-shadow: 0px 0px 8px #888888;
}

@media screen and (min-width: 1100px) {
sec1{
width:1100px;
display:block;
margin-left:auto;
margin-right:auto;
background:red;
}
part1{
width:540px;
height:540px;
margin-left:10px;
}
.sec1img{
position:relative;
width:100%;
height:100%;
-webkit-transition:transform 10s; /* For Safari 3.1 to 6.0 */
transition:transform 10s;
}
.sec2img{
position:relative;
width:100%;
top:-80px;
-webkit-transition:transform 10s; /* For Safari 3.1 to 6.0 */
transition:transform 10s;

}
.sec22img{
position:relative;
width:100%;
top:-320px;
-webkit-transition:transform 10s; /* For Safari 3.1 to 6.0 */
transition:transform 10s;

}
secban{
position:relative;
width:300px;
height:300px;
display:block;
top:-330px;
left:30px;
background-color:rgba(150,105,50,0.7);
color:rgb(242,242,242);
cursor:pointer;
-webkit-transition:background-color 1s; /* For Safari 3.1 to 6.0 */
transition:background-color 1s;padding-left:15px;
}
ssecban{
position:relative;
width:100%;
height:80px;
display:block;
top:-80px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:50px;
left:0px;
background-color:rgba(150,105,50,0.7);
color:rgb(242,242,242);
cursor:pointer;
-webkit-transition:background-color 1s; /* For Safari 3.1 to 6.0 */
transition:background-color 1s;padding-left:15px;
text-align:center;
}
ssecban2{
position:relative;
width:100%;
height:80px;
display:block;
top:-164px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:50px;
left:0px;
background-color:rgba(150,105,50,0.7);
color:rgb(242,242,242);
cursor:pointer;
-webkit-transition:background-color 1s; /* For Safari 3.1 to 6.0 */
transition:background-color 1s;padding-left:15px;
text-align:center;
}

secban2{
position:relative;
width:80%;
height:250px;
display:block;
top:330px;
left:30px;
background-color:rgba(150,105,50,0.7);
color:rgb(242,242,242);
cursor:pointer;
-webkit-transition:background-color 1s; /* For Safari 3.1 to 6.0 */
transition:background-color 1s;padding-left:15px;
z-index:+1;
}
part2,part3{
width:1100px;
height:525px;
margin-left:10px;
}
.patt{
width:30%;
font-size:16px;
}

}
part2:hover secban2,part1:hover secban{
background-color:rgba(150,105,50,0.9);
}
part2:hover ssecban2,part1:hover ssecban{
background-color:rgba(150,105,50,0.9);
}
part2:hover .sec2img ,part1:hover .sec1img{
transform:scale(1.5,1.5);
}/*
@media screen and (max-width: 1100px) {
sec1{
width:100%;
display:block;
background:red;
}
part1{
width:48vw;
height:48vw;
margin-left:1%;
}
.sec1img{
position:relative;
width:100%;
height:100%;
-webkit-transition:transform 10s; 
transition:transform 10s;
}
.sec2img{
position:relative;
width:100%;
height:100%;
-webkit-transition:transform 10s; 
transition:transform 10s;
}
secban{
position:relative;
width:300px;
height:300px;
display:block;
bottom:325px;
left:30px;
background-color:rgba(150,105,50,0.7);
color:rgb(242,242,242);
cursor:pointer;
-webkit-transition:background-color 1s; 
transition:background-color 1s;
}
secban2{
position:relative;
width:320px;
height:320px;
display:block;
bottom:350px;
left:30px;
background-color:rgba(150,105,50,0.7);
color:rgb(242,242,242);
cursor:pointer;
-webkit-transition:background-color 1s; 
transition:background-color 1s;padding-left:15px;
}
part2{
width:97vw;
height:48vw;
margin-left:1%;
}
.patt{
width:30%;
}
}*/
sec1 ul{
padding-left:15px;
}
@media screen and (max-width: 1100px) {
sec1{
width:100%;
display:block;
background:red;
}
part1{
width:93vw;
height:93vw;
display:block;
background:rgba(150,105,50,0.7);
float:left;
margin-left:2.5vw;
margin-top:10px;
-webkit-transition:background-color 1s; /* For Safari 3.1 to 6.0 */
transition:background-color 1s;
}
part2{
width:93vw;
height:93vw;
display:block;
background:rgba(150,105,50,0.7);
float:left;
margin-left:2.5vw;
margin-top:10px;
-webkit-transition:background-color 1s; /* For Safari 3.1 to 6.0 */
transition:background-color 1s;
}
part3{
width:93vw;
display:block;
float:left;
margin-left:2.5vw;
margin-top:10px;
-webkit-transition:background-color 1s; /* For Safari 3.1 to 6.0 */
transition:background-color 1s;
}
.sec1img{
height:100%;
width:100%;
-webkit-transition:transform 10s; /* For Safari 3.1 to 6.0 */
transition:transform 10s;
}
.sec2img{
height:100%;
width:200%;
margin-left:-50%;
-webkit-transition:transform 10s; /* For Safari 3.1 to 6.0 */
transition:transform 10s;
}
secban{
position:relative;
width:100%;
height:200px;
display:block;
bottom:200px;
background-color:rgba(150,105,50,0.7);
color:rgb(242,242,242);
cursor:pointer;
-webkit-transition:background-color 1s; /* For Safari 3.1 to 6.0 */
transition:background-color 1s;
}
secban2{
position:relative;
width:100%;
height:200px;
display:block;
bottom:200px;
background-color:rgba(150,105,50,0.7);
color:rgb(242,242,242);
cursor:pointer;
-webkit-transition:background-color 1s; /* For Safari 3.1 to 6.0 */
transition:background-color 1s;
}
.patt{
width:95%;
margin-bottom:10px;
font-size:62px;
}
ssecban,ssecban2{
position:relative;
width:100%;
height:80px;
display:block;
top:-110px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:70px;
left:0px;
background-color:rgba(150,105,50,0.7);
color:rgb(242,242,242);
cursor:pointer;
-webkit-transition:background-color 1s; /* For Safari 3.1 to 6.0 */
transition:background-color 1s;
padding-bottom:26px;
text-align:center;
text-align:center;
}

}
pbar{
float:left;
width:100%;

display:block;
//margin-left:2.5%;
//margin-right:2.5%;
margin-top:10px;
margin-bottom:5px;
}
.patt{
background-color:rgba(150,105,50,0.7);
color:rgb(242,242,242);
font-family: 'Open Sans Condensed', sans-serif;
margin-left:2.5%;
display:block;
float:left;
padding-top:28px;
padding-bottom:28px;
text-align:center;
cursor:pointer;
-webkit-transition:background-color 1s; /* For Safari 3.1 to 6.0 */
transition:background-color 1s;
}
.patt:hover{
background-color:rgba(150,105,50,1);
}
mapsec{
float:left;
width:100%;
height:600px;
background-size:100% 100%;
padding-top:75px;
}
#map-canvas{
width:100%;
height:100%;
display:block;
}

foot1{
float:left;
text-align:center;
width:100%;
padding-top:50px;
font-family: 'Open Sans', sans-serif;
font-size:14px;
}
foot2{
float:left;
text-align:center;
width:100%;
padding-top:10px;
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:white;
}
@media screen and (min-width: 1000px) {
footer{
float:left;
width:100%;
height:150px;
background-color:rgb(150,105,50);
display:block;
margin-top:100px;
}
.social{
//float:left;
width:40px;
height:40px;
background:transparent;
border-radius:100px;
-webkit-transition: background 1s;
-moz-transition: background 1s;
transition: background 1s;
margin-left:4px;
margin-right:4px;
}
foot2{
float:left;
text-align:center;
width:100%;
padding-top:10px;
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:white;
}
}
@media screen and (max-width: 1000px) {
footer{
float:left;
width:100%;
height:320px;
background-color:rgb(150,105,50);
display:block;
margin-top:100px;
}
.social{
//float:left;
width:80px;
height:80px;
background:transparent;
border-radius:100px;
-webkit-transition: background 1s;
-moz-transition: background 1s;
transition: background 1s;
margin-left:4px;
margin-right:4px;
}
foot2{
float:left;
text-align:center;
width:100%;
padding-top:10px;
font-family: 'Open Sans', sans-serif;
font-size:23px;
color:white;
}
}
.social:hover{
background:rgb(160,160,160);
}
#galleryslide{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.7);
z-index:+50;
overflow:hidden;
cursor:pointer;
}
@media screen and (min-width: 1000px) {
#gallslide{
width:900px;
height:450px;
margin-top:100px;
display:block;
margin-left:auto;
margin-right:auto;
}
}
@media screen and (max-width: 1000px) and (orientation: portrait)   {
#gallslide{
width:100%;
height:50vw;
margin-top:100px;
display:block;
margin-left:auto;
margin-right:auto;
}
}
@media screen and (max-width: 1000px) and (orientation: landscape){
#gallslide{
width:100%;
height:50vw;
margin-top:50px;
display:block;
margin-left:auto;
margin-right:auto;
}
}