@font-face {
    font-family: 'mh_light';
    src: url('fonts/mh-light-webfont.eot');
    src: url('fonts/mh-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mh-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mh_medium';
    src: url('fonts/mh-medium-webfont.eot');
    src: url('fonts/mh-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mh-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {height: 100%;}
body {margin: 0px; padding: 0px; height: 100%; overflow: hidden; background-color: #000; xbackground-image: url(images/temp_landscape6.jpg); background-size: 100%; background-position: center center; }

h1, h2 {margin-top: 0px; margin-bottom: 0px; padding: 0px; font-weight: normal;}

#RootContainer {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden;}
#RootContainer > div {width: 100%; height: 120%; position: absolute; position: absolute; left: 0px; top: -10%; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size: 20%;}
#RootContainer #Page1 {background-image: url(images/img5.jpg);}
#RootContainer #Page2 {background-image: url(images/img7b.jpg);}
#RootContainer #Page3 {background-image: url(images/img6d.jpg);}
#RootContainer #Page4 {background-image: url(images/img5.jpg);}
#RootContainer #Page5 {background-image: url(images/img4.jpg);}
#RootContainer #Page6 {background-image: url(images/img3.jpg);}
#RootContainer #Page7 {background-image: url(images/img2.jpg);}
#RootContainer #Page8 {background-image: url(images/img1.jpg); font-size: 100%; xbackground-image: url(images/temp_mobile1.jpg); }
#RootContainer #Page0 {background-image: url(images/img1.jpg); font-size: 100%;}
#RootContainer #Page9 {background-image: url(images/img9.jpg); font-size: 100%; }
#RootContainer #Page10 {background-image: url(images/img6d.jpg); font-size: 100%; }
#RootContainer #Page20 {background-image: url(images/img9.jpg);font-size: 100%; }
#RootContainer #MenuContainer {height: 10%; top: 0%; font-size: 100%; display: none; z-index: 100;}
#RootContainer #FooterContainer { height: auto; bottom: 1%; font-size: 100%; z-index: 1010; display: block; top: auto; opacity: 1; text-align: center; display: none; opacity: 0;}
#RootContainer #FooterContainer a { font-size: 20%; text-decoration: none; color: #FFF; font-family: mh_medium;}

.Logo {height: 8%; width: 100%; background: url(images/logo.png) no-repeat center center; background-size: contain; position: absolute; }
#Page8 .Logo {top: 41.5%;}
#Page8 .Welcome {font-family: mh_light; font-size: 36.46%; color: #94896d; position: absolute; left: 20%; width: 60%; text-align: center; top: 51.3%;}
#Page8 .Birthday {font-family: mh_medium; font-size: 27.48%; color: #020100; position: absolute; left: 50%; width: 60%; text-align: center; top: 71.6%; top: 74.6%; xborder: 1px solid #F00; text-align: center; width: 20vh; margin-left: -10vh;}
.Birthday input {font-family: mh_light; font-size: 100%; color: #dfcfb8; background-color: #010100; border: 0px none; text-align: center; padding: 1%; margin-top: 3%; width: 28%; padding-top: 3%; padding-bottom: 3%;}
#Giris {color: #94896d; font-family: mh_light; font-size: 136%; display: block; text-align: center; width: 100%; text-decoration: none; background: #010100; margin-top: 3%;}

.Tel, .Fax, .ContactForm, .ContactInfo,  .ContactInfo a {font-size: 100%;}
.ContactInfo a {color: #FFF; text-decoration: none;}
.ContactInfo a:hover {text-decoration: underline;}

#MenuContainer .Logo { top: 37.5%; height: 88.5%;}
#MenuContainer .OpenMenu {display: none;}
#MenuContainer .CloseMenu {display: none;}
#MenuContainer .Menu {position: absolute; left: 50%; top: 150%; xborder-bottom: 1px solid #94896d; padding-bottom: 0.2%; width: 50vh; margin-left: -25vh;}
#MenuContainer .SubMenu {position: absolute; left: 50%; top: 180%; display: none; border-top: 1px solid #94896d; width: 60vh; margin-left: -30vh;}
.En #MenuContainer .SubMenu {width: 70vh; margin-left: -35vh;}
#MenuContainer ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 20%; text-align: center;}
#MenuContainer ul li {font-size: 100%; display: inline-block; padding: 0px 3% 0px 3%;}
#MenuContainer ul li:nth-child(3) {margin-top: 10px;}
#MenuContainer .SubMenu li {padding-top: 1%;}
#MenuContainer .SubMenu li:last-child {padding-right: 0px;}
#MenuContainer .SubMenu li:first-child {padding-left: 0px;}
#MenuContainer a {color: #ffffff; font-family: mh_light; text-decoration: none; font-size: 100%;}
#MenuContainer li.Selected a {color: #94896d; }
#MenuContainer.Black a {color: #000;}

.Title {color: #97846d; font-family: mh_light; font-size: 480%; position: absolute; left: 0%; line-height: 100%; text-align: center; width: 100%; top: 34.3%;}
.SubTitles {color: #FFF; font-family: mh_light; font-size: 160%; line-height: 151%; position: absolute; left: 0%; top: 45.8%; text-align: center; width: 100%;}
.SubTitles a {color: #FFF; text-decoration: none; font-size: 100%;}
.SubTitles span {font-size: 100%;}
.SubTitle span {font-size: 100%;}
.SubTitles i {font-size: 100%;}
.SubTitles a:hover {text-decoration: underline;}
#Page3 .SubTitles, #Page4 .SubTitles, #Page5 .SubTitles, #Page6 .SubTitles, #Page7 .SubTitles {font-family: Arial;}

#Page6 .Title {top: 39%; color: #94896d;}
#Page6 .SubTitles {top: 50.8%;}

#Page5 .Title {top: 40.0%; color: #c1a58d;}
#Page5 .SubTitles {top: 51.8%;}

#Page4 .Title {top: 46.0%; color: #c1a58d;}
#Page4 .SubTitles {top: 56.8%;}

#Page3 .Title {top: 41.0%; color: #c3b88e;}
#Page3 .SubTitles {top: 52.8%;}

#Page2 .Title {color: #94896d;}
#Page2 .SubTitles {color: #FFF;}
#Page2 .Title {font-size: 305%;}
#Page2 .SubTitles {font-size: 127%; font-family: mh_medium; line-height: 140%; letter-spacing: -1px;}
#Page2 #Title1 {top: 41%;}
#Page2 #Content1 {top: 47%;}
#Page2 #Title2 {top: 54%;}
#Page2 #Content2 {top: 60%;}

#Page9 a {display: block; padding: 0px; margin: 0px; line-height: 120%; text-decoration: none; font-size: 50%; color: #94896d;}
#Page9 .SubTitles {top: 31%;}

#Page10 a {display: block; padding: 0px; margin: 0px; line-height: 120%; text-decoration: none; font-size: 50%; color: #94896d;}
#Page10 .SubTitles {top: 36%;}

.PopupOuter {
    position: absolute;
    top: 30%;
    width: 80%;
    xheight: 56%;
    left: 10%;
    font-size: 100%;
    border: 2px solid #a29061;
    padding: 5px;
}

.PopupInner {
    color: #aba8a4;
    xheight: calc(100% - 5px);
    font-size: 22%;
    line-height: 107%;
    font-family: mh_light;
    text-align: center;
    border: 2px solid #a29061;
    background-color: rgba(0,0,0,0.5);
    padding-bottom: 2%;
    padding-left: 2%;
    padding-right: 2%;
    position: relative;
}
.PopupTitle {
    font-size: 293%;
    line-height: 97%;
    color: #a29061;
    padding-top: 2%;
}
.PopupContact {
    font-size: 100%;
    color: #a29061;
}

.PopupClose {position: absolute; color: #a29061; text-decoration: none; font-size: 100%; right: 2%; top: 2%; padding-top: 1%; font-family: mh_medium;}
.PopupClose:hover {text-decoration: underline;}

#Page1 .Content {position: absolute; height: 62.5%; top: 27%; width: 100%; text-align: center; font-size: 100%; line-height: 100%; }
#Page1 .Content .ContentInner {width: 58vh; margin-left: auto; margin-right: auto; font-size: 100%; line-height: 100%; }
#Page1 .Content input, #Page1 .Content textarea {font-size: 140%; line-height: 100%; width: 100%; background: rgba(168, 162, 159,0.7); border: 0px none; color: #040000; font-family: mh_light; text-align: center; height: 5.2vh;}
#Page1 .Content textarea {height: 15vh; padding-top: 0.7vh; padding-left: 0px; padding-right: 0px; overflow-x: hidden; overflow-y: auto;}
#Page1 .Content .Field {font-size: 100%; line-height: 100%; padding-bottom: 0.5vh; width: 100%; }
#Page1 .Content .Field a {font-size: 140%; line-height: 100%; color: #040000; font-family: mh_light; text-decoration: none; display: block; height: 4vh; padding-top: 1.5vh; background-color: rgba(143,122,70,0.77); }

#Page1 .Content .Title2,  #Page1 .Content .SubTitle {font-size: 140%; line-height: 100%; padding-bottom: 0.5vh; width: 100%; color: #FFF; font-family: mh_light;}
#Page1 .Content .SubTitle {font-family: Arial; font-size: 90%; line-height: 110%;}

#Page1 .Content .ContactForm .Error {background-color: rgba(170,91,60,0.77);}

.ContactInfo {margin-top: 2vh; }
.ContactFormStatus {height: 33.9vh; width: 58vh; background-color: rgba(0,0,0,0.60); color: #83713e; font-size: 100%; font-family: mh_light; font-size: 140%; line-height: 100%; display: table-cell; vertical-align: middle; display: none;}
.ContactFormStatus div {font-size: 100%; }
.ContactFormStatus .Success {display: none;}

#Facebook, #Twitter 
{
    display: block;
    width: 5vh;
    height: 4.1vh;
    background: url(images/social.png) no-repeat 0px 0px;
    background-size: 200%;
    position: absolute;
    top: -6vh;
    left: 50%;
    margin-left: -5vh;
}
#Facebook:hover {
    background-position: 0% 100%;
}
#Twitter {
    background-position: 100% 0%;
    margin-left: 0vh;
}
#Twitter:hover {
    background-position: 100% 100%;
}


* {font-size: 10.97vh;}
* {xfont-size: 5.7vw;}

#MenuContainer .SubMenu a {font-family: arial; }



.touch #RootContainer > div {height: 100%; top: 0%;}

.touch #MenuContainer .Logo { top: 19.3%; height: 98.5%;}
.touch #MenuContainer .Menu li, .touch #MenuContainer .SubMenu li {display: none;}
.touch #MenuContainer .SubMenu li.Selected, .touch #MenuContainer .Menu li.Selected  {display: inline-block;}
.touch #Page9 a {font-size: 39%;}
.touch #Page9 .SubTitles {top: 36%;}
.touch #Page10 a {font-size: 39%;}
.touch #Page10 .SubTitles {top: 36%;}
.touch .Title {top: 32.3%; }
.touch .SubTitles {font-size: 150%; line-height: 180%; top: 44.8%;}
.touch #RootContainer #MenuContainer a.OpenMenu {display: block; font-size: 34%; width: 14vh; left: 50%; margin-left: -7vh; position: absolute; top: 14vh; text-align: center; border-bottom: 1px solid #94896d; }
.touch #RootContainer .Opened#MenuContainer a.CloseMenu {font-size: 34%; width: 14vh; left: 50%; margin-left: -7vh; position: absolute; top: 80vh; text-align: center; color: #94896d;}
.touch .Opened#MenuContainer .CloseMenu {display: block;}
.touch #MenuContainer .Menu {top: 185%; }
.touch #MenuContainer .SubMenu {top: 205%; border-top: none;}

.touch #MenuContainer li {padding-left: 0px; padding-right: 0px;}
.touch .Opened#MenuContainer a {font-size: 174%; }
.touch .Opened#MenuContainer .SubMenu li, .touch .Opened#MenuContainer .Menu li {display: block;}
.touch .Opened#MenuContainer .Menu li {padding-bottom: 1.6vh;}
.touch .Opened#MenuContainer .Menu li.Selected a {border-bottom: 1px solid #94896d; padding-bottom: 0.4vh;}
.touch .Opened#MenuContainer .SubMenu {top: 442%;}
.touch .Opened#MenuContainer .Menu {top: 276%;}
.touch #MenuContainer .Bg {width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.8); display: none;}
.touch .Opened#MenuContainer .Bg {display: block;}

@media screen and (min-aspect-ratio: 1752/908) 
{
}

@media (orientation : landscape) 
{
    .touch #RootContainer #Page9 {background-image: url(images/landscape/img9.jpg);}
    .touch #RootContainer #Page10 {background-image: url(images/landscape/img6.jpg);}
    .touch #RootContainer #Page20 {background-image: url(images/landscape/img9.jpg);}
    .touch #RootContainer #Page8 {background-image: url(images/landscape/img1.jpg);}
    .touch #RootContainer #Page7 {background-image: url(images/landscape/img2.jpg);}
    .touch #RootContainer #Page6 {background-image: url(images/landscape/img3.jpg);}
    .touch #RootContainer #Page5 {background-image: url(images/landscape/img4.jpg);}
    .touch #RootContainer #Page4 {background-image: url(images/landscape/img5.jpg);}
    .touch #RootContainer #Page3 {background-image: url(images/landscape/img6.jpg);}
    .touch #RootContainer #Page2 {background-image: url(images/landscape/img7.jpg);}
    .touch #RootContainer #Page1 {background-image: url(images/landscape/img5.jpg);}
    
    .touch #Page7 {xbackground-image: none !important;}
    .touch #Page8 .Logo { top: 9.5%; height: 19%;}
    .touch #Page8 .Welcome {top: 34%; font-size: 83.46%; }
    .touch #Page8 .Birthday {width: 50vh; margin-left: -25vh; font-size: 57.48%; color: #FFF; top: 49%; }
    .touch #RootContainer #MenuContainer a.OpenMenu {font-size: 44%; top: 18vh;}
    .touch #MenuContainer a {font-size: 210%;}
    .touch .Opened#MenuContainer a {font-size: 246%;}
    
    .touch #MenuContainer .Logo { top: 20%; height: 140%;}
    .touch #MenuContainer .Menu {top: 238%; }
    .touch .Opened#MenuContainer .SubMenu {top: 495%; }
    .touch .Opened#MenuContainer .SubMenu li {display: inline-block; padding-left: 2%; padding-right: 2%; }
    .touch #MenuContainer .SubMenu {top: 279%; width: 100vh; margin-left: -50vh;}
    
    .touch #Page9 .SubTitles {top: 35%; }
    .touch #Page9 .SubTitles a {display: inline-block;}
    .touch #Page9 a {font-size: 33%; }
    
    .En.touch #Page9 .SubTitles { line-height: 17%; top: 40%;}

    .touch #Page10 .SubTitles {top: 35%; }
    .touch #Page10 .SubTitles a {display: inline-block;}
    .touch #Page10 a {font-size: 33%; }
    
    .touch .Title {font-size: 700%; top: 36%; }
    .touch .SubTitles { font-size: 230%; line-height: 133%; top: 54.8%; }
    .touch #Page4 .SubTitles {top: 62.8%; }
    .touch #Page5 .SubTitles {top: 55.8%; }
    .touch #Page6 .SubTitles {top: 56.8%; }
    .touch #Page3 .SubTitles {top: 58.8%; }
    .touch #RootContainer .Opened#MenuContainer a.CloseMenu {font-size: 54%; width: 20vh; margin-left: -10vh; }
    .touch #Page2 .Title { font-size: 415%;}
    .touch #Page2 #Title1 {top: 31%; }
    .touch #Page2 #Title2 {top: 53%; }
    .touch #Page2 .SubTitles {font-size: 189%; width: 70%; left: 15%;}
    .touch #Page2 #Content1 {top: 40%;}
    .touch #Page2 #Content2 {top: 63%;}
    .touch #Page1 .Content {top: 42%;}
    .touch #Page1 .Content .ContentInner {width: 80%; left: 10%; }
    .touch .ContactForm, .touch .ContactFormStatus {position: absolute; left: 10%; top: 0; width: 40%;}
    .touch .ContactInfo {font-size: 150%; position: absolute; width: 40%; left: 52%;}  
    br.NoBr {display: none;}
    .touch .Tel {margin-bottom: -8.7vh; width: 21vw;}
    .touch .Fax {width: 21vw; margin-left: 20vw;}
} 
    
@media (orientation : portrait) 
{
    .touch #RootContainer #Page8 {background-image: url(images/portrait/img8.jpg); }
    .touch #Page8 .Logo { top: 18%; height: 11%;}
    .touch #Page8 .Welcome {font-size: 54.46%; top: 32.3%;}
    .touch #Page8 .Birthday {top: 61.6%; width: 60%; left: 20%; margin-left: 0px; xborder: 1px solid red; font-size: 8vw;}
    .touch #RootContainer #Page9 {background-image: url(images/portrait/img9.jpg);}
    .touch #RootContainer #Page10 {background-image: url(images/portrait/img6.jpg);}
    .touch #RootContainer #Page20 {background-image: url(images/portrait/img9.jpg);}
    .touch #RootContainer #Page8 {background-image: url(images/portrait/img1.jpg);}
    .touch #RootContainer #Page7 {background-image: url(images/portrait/img2.jpg);}
    .touch #RootContainer #Page6 {background-image: url(images/portrait/img3.jpg);}
    .touch #RootContainer #Page5 {background-image: url(images/portrait/img4.jpg);}
    .touch #RootContainer #Page4 {background-image: url(images/portrait/img5.jpg);}
    .touch #RootContainer #Page3 {background-image: url(images/portrait/img6.jpg);}
    .touch #RootContainer #Page2 {background-image: url(images/portrait/img7.jpg);}
    .touch #RootContainer #Page1 {background-image: url(images/portrait/img5.jpg);}
    .touch #Page2 #Title1 {top: 25.5%;}
    .touch #Page2 .Title {font-size: 276%;}
    .touch #Page2 #Content1 {width: 80%; left: 10%; top: 32%; }
    .touch #Page2 #Title2 {top: 44%; }
    .En.touch #Page2 #Title2 {top: 51%; }
    .touch #Page2 #Content2 {top: 51%; width: 80%; left: 10%;}
    .En.touch #Page2 #Content2 {top: 58%;}
    .touch #Page1 .Content input {height: 3.2vh;}
    .touch #Page1 .Content textarea {height: 12vh;}
    .touch #Page1 .Content .ContentInner {width: 47vh;}
    
    .touch .PopupOuter {top: 21%;}
    .touch .PopupInner {font-size: 17%;}
}

#RootContainer > div {display: none; opacity: 0;}
#RootContainer > div#Page8 {display: block; opacity: 1;}

x#RootContainer > div#Page9 {display: block; opacity: 1;}
x#RootContainer > #MenuContainer {display: block; opacity: 1;}
x#RootContainer > #Page1 {display: block !important; opacity: 1 !important; xbackground: none;}

#Language {position: absolute; z-index: 9000; display: block; right: 1vh; top: 1vh; color: #FFF; text-decoration: none; font-size: 2vh; font-family: mh_medium;}
#Language:hover {text-decoration: underline;}

@media (max-aspect-ratio: 5/3) {
    br.DesktopBr {display: none;}
}

@media screen and (min-width: 480px) and (max-width: 960px) {
    xy#RootContainer {display: none;}
}
@media screen and (min-width: 960px) and (max-width: 1440px) {
    xz#RootContainer {display: none;}
}