@import url(https://fonts.googleapis.com/css?family=Wendy+One);

@font-face {
    font-family: 'Alef';
    src: url('../font/Alef-Regular.eot');
    src: url('../font/Alef-Regular.eot?#iefix') format('embedded-opentype'),
         url('../font/Alef-Regular.woff') format('woff'),
         url('../font/Alef-Regular.ttf') format('truetype'),
         url('../font/Alef-Regular.svg#alefregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* === basic settings === */
body {
  background: #3e8aa0 url(../img/body_bg.png) repeat-x 0 0;
  margin: 0;
  font-family: "Alef";
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}
a {
  color: #85eebe;
  text-decoration: none;
}
a:hover {
  color: #1ed682;
  text-decoration: underline;
}
h1,
h4,
h6 {
  font-family: Wendy One;
}

h2,
h3,
h5
{
font-family: Alef;
}

/* === preloader === */
.preloader {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/loader.gif) no-repeat center top;
}
.preloader .intro-text {
  text-align: center;
  margin-top: 40px;
  font-family: Alef;
}
/* === scenery, clouds, mountains and beasts === */
.scenery {
  overflow: hidden;
}
.clouds {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  height: 384px;
  background: url(../img/clouds.png) repeat-x 0 0;
}
.mountains {
  background-repeat: repeat-x;
  min-height: 100px;
}
.mountains3 {
  background-image: url(../img/pic3.png);
  background-position: -5% 0;
  padding-top: 100px;
  margin-top: -40px;
}
.mountains2 {
  background-image: url(../img/pic2.png);
  background-position: -45% 0;
  padding-top: 60px;
}
.mountains1 {
  background-image: url(../img/pic1.png);
  background-position: -95% 0;
  position: relative;
  padding-top: 55px;
}
.beast {
  background: url(../img/beasts.png) no-repeat 0 105px;
  width: 112px;
  height: 105px;
  position: absolute;
  display: none;
}
.beast_small {
  top: -31px;
}
.backgroundsize .beast_small {
  top: 1px;
  width: 78.39999999999999px;
  height: 73.5px;
  /* Firefox */

  -moz-background-size: auto 100%;
  /* WebKit */

  -webkit-background-size: auto 100%;
  /* Opera 9.5+, later Google Chrome */

  background-size: auto 100%;
}
.beast_big {
  top: -42px;
}
.grass1 {
  position: relative;
  background: url(../img/grass.png) repeat-x center 0;
  min-height: 110px;
}
.bushes {
  position: relative;
}
.bushes .bush1 {
  background: url(../img/bush1.png) no-repeat 17% bottom;
  height: 71px;
}
@media (max-width: 480px) {
  .bushes .bush1 {
    background-position: -25% bottom;

  }
}
.bushes .bush2 {
  background: url(../img/bush2.png) no-repeat 85% bottom;
  height: 93px;
}
@media (max-width: 480px) {
  .bushes .bush2 {
    background-position: 125% bottom;
	
  }
}
.grass2 {
  background: url(../img/grass_bg1.png) repeat-x center 0;
  height: 57px;
  margin-top: -15px;
}
.floatbox {
  position: relative;
  z-index: 10;
  position: absolute;
  top: 60px;
  left: 50%;
  background: url(../img/floatbox_bg.png);
  border: 3px solid #81a7b2;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 15px;
  text-align: center;
  width: 600px;
  margin-left: -300px;
}
@media (max-width: 767px) {
  .floatbox {
    top: 20px;
    left: 10px;
    right: 10px;
    margin-left: 0;
    width: auto;
-webkit-text-size-adjust: 50%;
  }
}



/* === content area === */
.content-area {
  background: #317588;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2a6d80), color-stop(1, #377a8e));
  background: -ms-linear-gradient(bottom, #2a6d80, #377a8e);
  background: -moz-linear-gradient(center bottom, #2a6d80 0%, #377a8e 100%);
  background: -o-linear-gradient(#377a8e, #2a6d80);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#377a8e', endColorstr='#2a6d80', GradientType=0)";
  min-height: 20px;
  margin-top: -20px;
  padding-top: 20px;
}
@media (max-width: 767px) {
  .content-area {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.content-section {
  margin-bottom: 30px;
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .content-section-bordered:after,
  .content-section-bordered:before {
    content: " ";
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
    background: url(../img/delimeter.png) no-repeat 0 center;
  }
  .content-section-bordered:before {
    left: -12px;
  }
  .content-section-bordered:after {
    right: -12px;
  }
}
.section-title {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

/* === page footer === */
.page-footer {
  height: 60px;
}
.page-footer .footer-top-bg {
  background: url(../img/footer_bg.png) repeat-x center 0;
  height: 12px;
  z-index: 4;
  margin-top: -8px;
}
.page-footer .footer-content-wrapper {
  background: #0c4b5d;
}
.page-footer .footer-content-wrapper .footer-content {
  position: relative;
  z-index: 10;
  color: #84bfd1;
  height: 100%;
  text-align: center;
  line-height: 48px;
  font-size: 15px;
  font-family: Alef;
}
/* === pattern overlay === */
.pattern {
  background: url(../img/pattern.png);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 5;
}
.lt-ie8 .pattern {
  display: none;
}