@font-face {
  font-family: 'Planer webfont';
  src: url('../fonts/planer-regular-webfont.woff2') format('undefined'), url('../fonts/planer-regular-webfont.eot') format('embedded-opentype'), url('../fonts/planer-regular-webfont.woff') format('woff'), url('../fonts/planer-regular-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
img {
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */ }
html {

  height: 100%;
}

body {
  margin: 0;
  font-size: 1.25em;
  background: #d4c3ba;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  height: 100%;
  -webkit-font-smoothing: antialiased;  
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
}
h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family:'Planer webfont', sans-serif;
  color: #0064a5;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family:'Planer webfont', sans-serif;
  color: #0064a5;
  font-size: 32px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
}
h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
p {
  margin-bottom: 5px;
}
a {
  display: block;
  color: #00e;
}
.paragraph {
  font-family:'Planer webfont', sans-serif;
  font-size: 18px;
  line-height: 27px;
}
.header, .footer {
  padding-bottom: 15px;
}
.footer .spacing {
  padding-top: 0!important;
}
.pane .content-container {
  height: 100%;
  width: auto;
}
.pane .wrapper {
  margin: 0 15px;
}
.text-center {
  text-align: center;
}
.wrapper-content {
  max-width: 1170px;
  margin: 0 auto;
  position: relative;
  padding:0  20px;
}

.content {
  max-width: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.content.center {
  -webkit-transform: translateY(0)!important;
     -moz-transform: translateY(0)!important;
      -ms-transform: translateY(0)!important;
       -o-transform: translateY(0)!important;
          transform: translateY(0)!important;
}

@media screen and (min-width: 1200px) {
  .pane .content-container {
    width: 100%;
  }
  .pane .wrapper {
    margin: 0px auto;
  }

}

@media screen and (max-width: 767px) {
  .hidden-xs {
    display: none;
  }
  .content {
    max-width: none!important;
  }
  .right {
    float: left!important;
  }
  .wrapper  {
    padding: 0px!important;
  }
  .header .wrapper{
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .content, .image-container, .image-container img {
    max-width: 100%;
    -webkit-transform: translateY(0)!important;
       -moz-transform: translateY(0)!important;
        -ms-transform: translateY(0)!important;
         -o-transform: translateY(0)!important;
            transform: translateY(0)!important;
    position: relative!important;
  }
}

#section0 img {
  position: absolute;
  top:50%;
  left:50%;
  -moz-transform: translate(-50%, -50%);/* FF3.5+ */
  -webkit-transform: translate(-50%, -50%);/*Saf3.1+, Chrome*/
  -o-transform: translate(-50%, -50%);/* Opera 10.5 */
  -ms-transform: translate(-50%, -50%);/* IE 9 */
  transform: translate(-50%, -50%);
}

#section4 {
  font-family: "Planer webfont",sans-serif;
  color: #926F5D;
  font-size: 14px;
  line-height: 35px;
}

#section4 a {
  color: #926F5D;
  text-decoration: none;
}
#section4 img {
  max-width: 330px;
}

#facebook-slider {
  position: fixed; 
  right:-280px; 
  top: 120px; 
  height: 82px;
  background: url('../images/fb-button.png') left top no-repeat; 
  padding-left: 31px;   
  cursor: pointer;
  z-index: 99999;
}

#facebook-box {
  background-color: #fff;
}
  #section4 p {
      font-size: 24px;
      line-height: 30px;
  } 
@media screen and (max-width: 767px) {

}

@media only screen and (max-width: 767px) and (orientation : portrait) {
  #section0 img {
    max-width: 300px;
  }
  #section4 img {
    max-width: 250px;
  }

    
}
@media only screen and (max-width: 767px) and (orientation : landscape) {
  #section0 img {
    max-width: 240px;
  }
}

@media only screen and (max-width: 320px) and (max-height: 525px) and (orientation : portrait) {
  #section0 img {
    width: 260px;
    height: 250px;
  }

}
@media only screen and (max-width: 480px) and (max-height: 233px) and (orientation : landscape) {
  #section0 img {
    width: 200px;
    height: 200px;
  }
  .page3 {
    padding:10px 0;

  }
}

img { -ms-interpolation-mode: bicubic !important; }

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #D4C3BA;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    z-index:9999;
    background: url('../images/loading.png');

    -webkit-animation: spin 4s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 4s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}


    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        z-index: 1000;
        background-color: #c8afa2;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    
    .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;  
                transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;  
                transition: all 0.3s 1s ease-out;
    }
    
    /* JavaScript Turned Off */
    .no-js #loader-wrapper {
        display: none;
    }
    .no-js h1 {
        color: #222222;
    }

    .wrapper {
        height: 100% !important;
        height: 100%;
        margin: 0 auto; 
        overflow: hidden;
    }
    
    a {
      text-decoration: none;
    }