video {
    max-width: 100%;
   
  }   
   .rel{
      
      
   }
   
   .header{
      
      position: fixed;
      z-index: 10;
      top:0px;
      left:0px;
      height:58px;
      width:100%;
      background-color: #fff;
   }
   
   .inner{
      width:1140px;
      margin: 0 auto;
   }
   
   .inner.tabletBox{
      vertical-align: middle;
      display: inline-block;
   }
   
   .logoLink{
      margin: 0 15px;
      display: block;
      float: right;
      padding-top: 12px;
   }
   
   .menuBox{
      
      float: right;
      padding-top: 20px;
      margin-right: 25%;
   }
   
   .menuBox a{
      
      font:normal 16px arial;
      color: #000;
      text-decoration: none;
      cursor: pointer;
      margin-right:1em;
   }
   .menuBox > span {
  margin-right: 1em;
  }
   
   .menuBox a:hover,
   .menuBox a.active{
      text-decoration: underline;
      color: #55c6e0;
   }
   
   .page{
      display: inline-block;
      clear: both;
      position: relative;
      width:100%;
      background-repeat: no-repeat;
      background-size: cover;
     text-align: center;
   }

   .page * {
     /*line-height: 1;*/
     text-align: left;
   }

   .page.contact .inner.tabletBox {
     display: block;
     padding-top: 5%;
   }
   
   .tablet{
      float: left;
      /*position: absolute;*/
      width:446px;
      height: 664px;
      background-image: url( '../images/tablet.png' );
      background-size:contain;
      margin-left: 50px;
   }
   
   .tablet.image{
      
      background-image: url( '../images/tablet_image.png' );
   }
   
   .tablet.landScape{
      
      position: relative;
      width:963px;
      height: 647px;
      background-image: url( '../images/tablet_landscape.png' );
      background-size:contain;
      margin-left: 0px;
      margin: 0 auto;
   }
   
   .tablet.landScape .tabletContent{
      margin: 0 auto;
      width:772px;
      height:575px;
      padding-top: 36px;
   }
   
   .tabletContent{
      margin: 0 auto;
      width:396px;
      height:529px;
      padding-top: 68px;
   }

   .tabletContent img{
    max-width: 100%;
     height: auto;
   }

   .tablet.responsivelandscape {
     background-image: url("../images/tablet_landscape.png");
     background-size: contain;
     box-sizing: border-box;
     height: 300px;
     padding: 17px 45px;
   }

   .tablet.responsivelandscape .tabletContent {
     max-height: 100%;
     overflow: hidden;
     padding: 0;
     width: auto;
   }
   
   .p10{
      padding: 10px;
   }
   
   .tpBgrd{
      
      background-image: url( '../images/white.png' );
      background-repeat: no-repeat;
   }

   #home{
      margin-top: 58px;
   }

   #home .wrapper{
     width: 100%;
     height: 100%;
     position: relative;
     text-align: center;
   }

   #home .inner{
      height: 100%;
      position: relative;
   }

   #home .tablet {
     float: none;
     margin-top: -332px;
     position: absolute;
     top: 50%;
   }
   
   .hpText{
      
      /*height:310px;*/
      width:424px;
      float: right;
      margin-right: 55px;
      padding-top: 60px;
      text-align: center;
      font-family: Arial;
      color:#3c3c3e;
      line-height: 1.2;
   }

   #home .hpText{
      position: absolute;
      right: 0;
      top: calc(20% + 58px);
      z-index: 1;
      width: auto;
      line-height: 1;
      -webkit-transform: scale(1);
   }


   #home .hpTextBg {
     background-color: rgba(255,255,255,0.5);
     position: absolute;
     right: 0;
     left: 0;
     top: calc(20% + 58px);
     bottom: 20%;
   }
   
   .hpText.scrollPages{
      
      margin-top: 0px;
      padding-top: 0px;
      text-align: left;
      font: normal 14px arial;
      line-height: 23px;
   }
   
   .hpText.scrollPages h1{
      font-size: 22px;
   }

   .hpText.scrollPages h1 > span {
     background-color: #3c3c3e;
     display: inline-block;
     height: 22px;
     vertical-align: top;
     width: 1px;
   }
   
   .hpText hr{
      
      background-image: url( '../images/divider.png' );
      background-position: center;
      background-repeat: no-repeat;
      border:none;
      padding: 1px;
      margin: 12px 0px;
   }
   
   .contactImage{
      
      background-image: url( '../images/contact_image.jpg' );
      background-size: contain;
   }
   
   .form-group{
      
      margin-top: 35px;
   }
   
   .form-control{
      
      width:96%;
      background: url( '../images/field.png' ) no-repeat right top / cover transparent;
      height:47px;
      border:none;
      padding: 0 2%;
      color:#b5b5b5;
      font-size: 18px;
      margin-top: 14px;
   }
   
   .form-textarea{
      font-family: inherit;
      width:96%;
      background: url( '../images/textarea.png' ) no-repeat right top / cover transparent;
      height:47px;
      border:none;
      padding: 0 2%;
      color:#b5b5b5;
      font-size: 18px;
      margin-top: 14px;
   }
   
   .btn-info{
      
      width:100%;
      background: url( '../images/submit.png' ) no-repeat center center / 100% 100% transparent;
      height:49px;
      border:none;
      margin-top: 75px;
      cursor: pointer;
      text-align: center;
      color: #3ac5e4;
      font-size: 21px;
   }
   
   label{
      
      font-size: 18px;
   }

   .mobileMenuBtn {
     border: 1px solid #8e8e8e;
     border-radius: 5px;
     cursor: pointer;
     display: none;
     float: right;
     height: 30px;
     margin: 10px;
     width: 30px;
   }

   .mobileMenuBtn > span {
     background-color: #6f6f6f;
     border-radius: 15px;
     display: block;
     height: 3px;
     margin: 5px 4px;
   }

    .hpTextBg + .inner .tabletContent .p10 {
      padding: 0;
    }

    .picDiv img {
    height: auto;
    max-width: 70%;
  }

  .contactLandscapeTablet{
    display: none;
    text-align: center;
    margin-bottom: 25px;
  }

  .contactLandscapeTablet img{
    max-width: 95%;
  }

  #preloader {
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
  }
  #status {
    text-align: center;
    height: 166px;
    left: 50%;
    margin: -85px 0 0 -70px;
    position: absolute;
    top: 50%;
    width: 140px;
  }

  #fountainG{
    margin-top: 15px;
    position:relative;
    width:140px;
    height:17px}

    .fountainG{
      position:absolute;
      top:0;
      background-color:#41B7DB;
      width:17px;
      height:17px;
      -moz-animation-name:bounce_fountainG;
      -moz-animation-duration:1.1s;
      -moz-animation-iteration-count:infinite;
      -moz-animation-direction:linear;
      -moz-transform:scale(.3);
      -moz-border-radius:12px;
      -webkit-animation-name:bounce_fountainG;
      -webkit-animation-duration:1.1s;
      -webkit-animation-iteration-count:infinite;
      -webkit-animation-direction:linear;
      -webkit-transform:scale(.3);
      -webkit-border-radius:12px;
      -ms-animation-name:bounce_fountainG;
      -ms-animation-duration:1.1s;
      -ms-animation-iteration-count:infinite;
      -ms-animation-direction:linear;
      -ms-transform:scale(.3);
      -ms-border-radius:12px;
      -o-animation-name:bounce_fountainG;
      -o-animation-duration:1.1s;
      -o-animation-iteration-count:infinite;
      -o-animation-direction:linear;
      -o-transform:scale(.3);
      -o-border-radius:12px;
      animation-name:bounce_fountainG;
      animation-duration:1.1s;
      animation-iteration-count:infinite;
      animation-direction:linear;
      transform:scale(.3);
      border-radius:12px;
    }

    #fountainG_1{
      left:0;
      -moz-animation-delay:0.44s;
      -webkit-animation-delay:0.44s;
      -ms-animation-delay:0.44s;
      -o-animation-delay:0.44s;
      animation-delay:0.44s;
    }

    #fountainG_2{
      left:18px;
      -moz-animation-delay:0.55s;
      -webkit-animation-delay:0.55s;
      -ms-animation-delay:0.55s;
      -o-animation-delay:0.55s;
      animation-delay:0.55s;
    }

    #fountainG_3{
      left:35px;
      -moz-animation-delay:0.66s;
      -webkit-animation-delay:0.66s;
      -ms-animation-delay:0.66s;
      -o-animation-delay:0.66s;
      animation-delay:0.66s;
    }

    #fountainG_4{
      left:53px;
      -moz-animation-delay:0.77s;
      -webkit-animation-delay:0.77s;
      -ms-animation-delay:0.77s;
      -o-animation-delay:0.77s;
      animation-delay:0.77s;
    }

    #fountainG_5{
      left:70px;
      -moz-animation-delay:0.88s;
      -webkit-animation-delay:0.88s;
      -ms-animation-delay:0.88s;
      -o-animation-delay:0.88s;
      animation-delay:0.88s;
    }

    #fountainG_6{
      left:88px;
      -moz-animation-delay:0.99s;
      -webkit-animation-delay:0.99s;
      -ms-animation-delay:0.99s;
      -o-animation-delay:0.99s;
      animation-delay:0.99s;
    }

    #fountainG_7{
      left:105px;
      -moz-animation-delay:1.1s;
      -webkit-animation-delay:1.1s;
      -ms-animation-delay:1.1s;
      -o-animation-delay:1.1s;
      animation-delay:1.1s;
    }

    #fountainG_8{
      left:123px;
      -moz-animation-delay:1.21s;
      -webkit-animation-delay:1.21s;
      -ms-animation-delay:1.21s;
      -o-animation-delay:1.21s;
      animation-delay:1.21s;
    }

    @-moz-keyframes bounce_fountainG{
      0%{
        -moz-transform:scale(1);
        background-color:#41B7DB;
      }

      100%{
        -moz-transform:scale(.3);
        background-color:#FFFFFF;
      }

    }

    @-webkit-keyframes bounce_fountainG{
      0%{
        -webkit-transform:scale(1);
        background-color:#41B7DB;
      }

      100%{
        -webkit-transform:scale(.3);
        background-color:#FFFFFF;
      }

    }

    @-ms-keyframes bounce_fountainG{
      0%{
        -ms-transform:scale(1);
        background-color:#41B7DB;
      }

      100%{
        -ms-transform:scale(.3);
        background-color:#FFFFFF;
      }

    }

    @-o-keyframes bounce_fountainG{
      0%{
        -o-transform:scale(1);
        background-color:#41B7DB;
      }

      100%{
        -o-transform:scale(.3);
        background-color:#FFFFFF;
      }

    }

    @keyframes bounce_fountainG{
      0%{
        transform:scale(1);
        background-color:#41B7DB;
      }

      100%{
        transform:scale(.3);
        background-color:#FFFFFF;

      }
}
   
   @media( max-width:1140px ){
      .inner{
         
         width:100%;
      }

      #home .hpText{
         transform: scale(0.8);
         -webkit-transform: scale(0.8) !important;
         margin-right: 15px;
      }
   }

   @media( max-width:999px ){
      .tabletContent {
        height: 528px;
        padding-top: 61px;
        width: 357px;
      }

      .contact .tablet.image {
        display: none;
      }

      .contactLandscapeTablet{
        display: block;
      }

      .tablet {
        background-position: center center;
        background-repeat: no-repeat;
        float: none;
        height: auto;
        margin: 24px auto;
        width: 85%;
        background-size: contain;
      }

      #home .tablet {
        margin: 24px auto;
        position: relative;
        top: auto;
      }

      #home .hpText {
        left: 0;
        right: 0;
        top: auto;
        width: auto;
        z-index: 1;
        margin: 0 auto;
        float: none;
        bottom: 9%;
        transform: scale(0.65);
        -webkit-transform: scale(0.65) !important;
      }

      #home .hpTextBg {
        bottom: 10%;
        top: calc(37% + 58px);
        z-index: 1;
        background-image: url('../images/homePageTextBg.jpg');
        background-position: left bottom;
        background-size: cover;
      }

      .tablet.responsivelandscape {
        float: none;
        height: auto;
        margin: 24px auto 24px;
        padding: 3% 7%;
      }

      .tablet.responsivelandscape .tabletContent{
         height: auto;
      }

      .hpText {
        float: none;
        text-align: center;
        width: 85%;
        margin: auto auto 24px;
      }

      .tablet.landScape {
        background-position: center center;
        background-size: contain;
        float: none;
        height: auto;
        margin: 24px auto;
        padding: 8.5% 12%;
        width: 85%;
        box-sizing: border-box;
      }

      .tablet.landScape .p10{
         padding: 0;
      }

      .tablet.landScape .tabletContent {
        height: auto;
        padding-top: 0;
        width: auto;
      }
   }

   @media(min-width: 900px){
    .mobileOnly{
      display: none;
    }
   }

   @media( max-width:900px ){
      .logoLink{
         float: left;
      }

      .mobileMenuBtn{
         display: block;
      }

      .menuBox {
         display: none;
        background-color: #fff;
        float: none;
        position: absolute;
        top: 100%;
        width: 100%;
        box-sizing: border-box;
      }

      .menuBox > a {
        display: block;
        border-bottom: solid 1px #000;
        padding: 10px 15px;
      }

      .menuBox > span {
        display: none;
      }
   }
   
   @media (max-width: 480px){
      .tablet {
        height: 461px;
        width: 310px;
      }

      .tabletContent {
        height: 346px;
        width: 276px;
      }

      #home .hpTextBg {
        
      }

      #home .hpText {
        left: -35%;
        right: -35%;
        bottom: 1%;
        transform: scale(0.58);
        -webkit-transform: scale(0.58) !important;
      }

   }
/*   @media screen and ( max-height:750px )
   {
      .tablet{
         
         width:369px;
         height: 550px;
      }
      
      .tablet.landScape{
         
         
         width:796px;
         height: 535px;
      }
      
      .tabletContent{
         
         margin: 0 auto;
         width:329px;
         height:440px;
         padding-top: 55px;
      }
      
      .tablet.landScape .tabletContent{
         
         margin: 0 auto;
         width:638px;
         height:475px;
         padding-top: 30px;
         
      }
      
      .hpText{
         
         margin-top: 67px;
      }
      
      .form-group{
         
         margin-top: 12px;
      }
      
      .btn-info{
         
         margin-top: 15px;
      }
      
      .form-control{
         
         margin-top: 12px;
      }
   }*/
   
/*   @media screen and ( max-height:623px )
   {
      .tablet{
         
         width:289px;
         height: 430px;
         background-image: url( '../images/tablet.png' );
         background-size:contain;
      }
      
      .tablet.landScape{
         
         width:615px;
         height: 413px;
      }
      
      .tablet.landScape .tabletContent{
         
         margin: 0 auto;
         width:493px;
         height:368px;
         padding-top: 22px;
         
      }
      
      .tabletContent{
         
         margin: 0 auto;
         width:257px;
         height:344px;
         padding-top: 43px;
      }
      
      .hpText{
         
         margin-top: 6px;
      }
      
      .form-textarea{
         
         height:55px;
      }
   }*/
   
   
   /*@media screen and ( max-height:300px )
   {
      .tablet{
         
         width:289px;
         height: 430px;
         background-image: url( '../images/tablet.png' );
         background-size:contain;
      }
   }*/