body,
html {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'ProximaNova-Bold';
}
* {
  box-sizing: border-box;
  color: #FFF;
}
#RootContainer {
  width: 100%;
  min-height: 100%;
  border-image: url(images/border.png);
  border-image-slice: 0 fill;
  background-image: url(images/bg_lt.png), url(images/bg_rt.png), url(images/bg_lb.png), url(images/bg_rb.png), url(images/bghome.jpg);
  background-position: left top, right top, left bottom, right bottom, center center;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 400px, 450px, 400px, 200px, cover;
  padding: 40px;
}
#RootContainer.Page13 {
  background-image: url(images/bg_lt.png), url(images/bg_rt.png), url(images/bg_lb.png), url(images/bg_rb.png), url(images/bg13.jpg);
}
#RootContainer.Page13 #Page13 {
  display: block;
}
#RootContainer.Page15 {
  background-image: url(images/bg_lt.png), url(images/bg_rt.png), url(images/bg_lb.png), url(images/bg_rb.png), url(images/bg15.jpg);
}
#RootContainer.Page15 #Page15 {
  display: block;
}
#RootContainer.Page18 {
  background-image: url(images/bg_lt.png), url(images/bg_rt.png), url(images/bg_lb.png), url(images/bg_rb.png), url(images/bg18.jpg);
}
#RootContainer.Page18 #Page18 {
  display: block;
}
#RootContainer.PageHome #PageHome {
  display: block;
}
#RootContainer.PageWho {
  background-image: url(images/bg_lt.png), url(images/bg_rt.png), url(images/bg_lb.png), url(images/bg_rb.png), url(images/bgceylan.jpg);
}
#RootContainer.PageWho #PageWho {
  display: block;
}
#RootContainer.PageArmagan {
  background-image: url(images/bg_lt.png), url(images/bg_rt.png), url(images/bg_lb.png), url(images/bg_rb.png), url(images/bgarmagan.jpg);
}
#RootContainer.PageArmagan #PageArmagan {
  display: block;
}
#MenuContainer {
  text-align: center;
  margin-bottom: 20px;
}
#MenuContainer #Menu,
#MenuContainer #MenuWho {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#MenuContainer #Menu li,
#MenuContainer #MenuWho li {
  display: inline-block;
  padding: 20px;
}
#MenuContainer #Menu li a,
#MenuContainer #MenuWho li a {
  text-decoration: none;
  font-family: 'ProximaNova-Regular';
  letter-spacing: 3px;
  font-size: 13px;
}
#MenuContainer #Menu li.Active a,
#MenuContainer #MenuWho li.Active a {
  color: #8bc0b7;
}
#MenuContainer #MenuWho {
  display: none;
}
#MenuContainer #MenuWho li {
  padding-top: 0px;
}
#MenuContainer #MenuWho li a {
  xfont-size: 18px;
}
#Pages {
  width: 100%;
  text-align: center;
  color: #fff;
}
.Page {
  max-width: 810px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 40px;
}
.Page .MainTitle {
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0px;
  margin-bottom: 40px;
}
.Page .MainTitle .FirstLine {
  font-size: 25px;
}
.Page .Text {
  font-family: 'ProximaNova-Bold';
}
.Page .Text .BoldMe {
  font-family: 'ProximaNova-Bold';
}
.Page .Text span {
  font-family: 'ProximaNova-Regular';
  padding-left: 10px;
}
.Page#Page13 {
  max-width: 2000px;
  background: url(images/logo_13.png) no-repeat top center;
  background-size: 170px;
  padding-top: 250px;
}
.Page#Page15 {
  background: url(images/logo_15.png) no-repeat top center;
  background-size: 170px;
  padding-top: 250px;
}
.Page#Page18 {
  background: url(images/logo_18.png) no-repeat top center;
  background-size: 170px;
  padding-top: 250px;
}
.Page#PageHome {
  max-width: 100%;
  margin-top: 100px;
}
.Page#PageHome .Link13,
.Page#PageHome .Link15,
.Page#PageHome .Link18 {
  display: inline-block;
  width: 30%;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-decoration: none;
  padding-top: 340px;
  font-size: 11px;
  line-height: 17px;
  padding-left: 6px;
  color: #92bab5;
}
.Page#PageHome .Link13 {
  background-image: url(images/logo_13.png);
}
.Page#PageHome .Link15 {
  background-image: url(images/logo_15.png);
}
.Page#PageHome .Link18 {
  background-image: url(images/logo_18.png);
}
.Page#PageHome .HomeText {
  font-family: 'ProximaNova-Bold';
  font-size: 12px;
  color: #92bab5;
}
.Page#PageWho,
.Page#PageArmagan {
  max-width: 750px;
  text-align: left;
}
.Page#PageWho .Text,
.Page#PageArmagan .Text {
  font-family: 'ProximaNova-Light';
  font-size: 14px;
  letter-spacing: 1px;
}
.Page#PageWho .SmallText,
.Page#PageArmagan .SmallText {
  font-size: 12px;
  line-height: 16px;
}
.Page#PageWho .Title,
.Page#PageArmagan .Title {
  color: #91b9b3;
  font-size: 20px;
  letter-spacing: 8px;
  font-family: 'ProximaNova-Regular';
}
.Page#PageWho .SubTitle,
.Page#PageArmagan .SubTitle {
  font-size: 20px;
  letter-spacing: 8px;
  font-family: 'ProximaNova-Regular';
  margin-bottom: 20px;
}
.Page#PageWho .SubTitle.Spider,
.Page#PageArmagan .SubTitle.Spider {
  background: url(images/spider.png) no-repeat center left;
  background-size: contain;
  padding: 5px 0px 5px 50px;
}
#Footer {
  text-align: center;
  background: url(images/spider.png) no-repeat top center;
  padding-top: 80px;
  padding-bottom: 40px;
}
#Footer a {
  text-decoration: none;
  font-family: 'ProximaNova-Regular';
}
#Footer #Social {
  padding: 0;
  margin: 0;
  text-align: center;
  list-style-type: none;
  margin-bottom: 20px;
}
#Footer #Social li {
  display: inline-block;
  margin-left: 7px;
  margin-right: 7px;
}
#Footer #Social a {
  display: inline-block;
  color: #FFF;
  text-decoration: none;
  width: 26px;
  height: 26px;
  border: 2px solid #FFF;
  border-radius: 50%;
  padding-top: 2px;
}
#Footer .Sound {
  font-family: 'ProximaNova-Regular';
  font-size: 10px;
  letter-spacing: 2px;
}
#Footer .Sound#SoundOn {
  display: none;
}
.Page {
  display: none;
}
@media all and (max-width: 1200px) {
  #MenuContainer #Menu li,
  #MenuContainer #MenuWho li {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media all and (max-width: 860px) {
  #MenuContainer {
    margin-top: 50px;
  }
  #MenuContainer #Menu li,
  #MenuContainer #MenuWho li {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  #MenuContainer #MenuWho {
    margin-top: 20px;
  }
  .Page#PageHome {
    margin-top: 0;
  }
  .Page#PageHome .Link13,
  .Page#PageHome .Link15,
  .Page#PageHome .Link18 {
    height: auto;
    padding-top: 34%;
  }
}
@media all and (max-width: 560px) {
  #RootContainer {
    padding-bottom: 100px;
  }
  .Page#PageHome {
    margin-top: 0;
  }
  .Page#PageHome .Link13,
  .Page#PageHome .Link15,
  .Page#PageHome .Link18 {
    display: block;
    width: 80%;
    padding-top: 80%;
    padding-bottom: 3%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 11px;
  }
}