body {
  background: #fff;
  margin:0;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none !important;
}

.very-specific-design {
  width: 1080px;
  height: 1920px;
  text-align: center;
  background: white;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  overflow: hidden;
  background: url("../img/bg.png") no-repeat center bottom;
}

.scaleable-wrapper {
  width: 100%;
  padding: 0px;
  resize: both;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  background: #fff;
  height: 100%;
  background: url("../img/bg.png") bottom center #fff;
  background-size: cover;
}

.ui-resizable-se {
  width: 10px;
  height: 10px;
  background: orange;
  position: absolute;
  bottom: 0;
  right: 0;
}
.logo{
  position: absolute;
  top: 39px;
  left: 50%;
  transform: translateX(-50%);
}

.video-content{
  position: absolute;
  top: 454px;
  left: 50%;
  transform: translateX(-50%);
  width: 940px;
  height: 530px;
  padding: 16px;
}

.phone{
  position: absolute;
  width: 291px;
  height: 260px;
  top: 1109px;
  left: 403px;
  background: url("../img/phone.png") no-repeat;
  animation: topSlide 1.7s;
}

.map{
  position: absolute;
  width: 291px;
  height: 260px;
  top: 1235px;
  left: 174px;
  background: url("../img/map.png") no-repeat;
  animation: leftSlide 1.5s;
}

.facebook{
  position: absolute;
  width: 291px;
  height: 260px;
  top: 1235px;
  right: 156px;
  background: url("../img/facebook.png") no-repeat;
  animation: rightSlide 1.5s;
}

.whatsapp{
  position: absolute;
  width: 291px; 
  height: 260px;
  top: 1370px;
  left: 403px;
  background: url("../img/whatsapp.png") no-repeat;
  animation: whatsapp 2s infinite;
}

.instagram{
  position: absolute;
  width: 291px;
  height: 260px;
  top: 1500px;
  left: 174px;
  background: url("../img/instagram.png") no-repeat;
  animation: leftSlide 2s;
}

.www{
  position: absolute;
  width: 291px;
  height: 260px;
  top: 1500px;
  right: 156px;
  background: url("../img/www.png") no-repeat;
  animation: rightSlide 2s;
}

.linkedin{
  position: absolute;
  width: 291px; 
  height: 260px;
  top: 1630px;
  left: 403px;
  background: url("../img/linkedin.png") no-repeat;
  animation: bottomSlide 1.7s;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  margin:0;
  padding:0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #fff;
  background-size: 20%;
}

.se-pre-con svg{
  position: absolute;
  left: 48%;
  top: 40%;
  transform: translate(-50%, -50%);
}


@keyframes whatsapp
{
  0%
  {
    transform: scale( .9 );
  }
  20%
  {
    transform: scale( 1 );
  }
  40%
  {
    transform: scale( .9 );
  }
  60%
  {
    transform: scale( 1 );
  }
  80%
  {
    transform: scale( 1 );
  }
  100%
  {
    transform: scale( .9 );
  }
}

@keyframes profilePhoto {
  0% { top: 500px; opacity: 0;}
  100% { top: 424px; opacity: 1; }
}

@keyframes name {
  0% { top: 800px; opacity: 0;}
  100% { top: 700px; opacity: 1; }
}

@keyframes leftSlide {
  0% { left: -600px; opacity: 0;}
  100% { left: 174px; opacity: 1; }
}

@keyframes fadeIn {
  0% { opacity: 0;}
  100% { opacity: 1; }
}

@keyframes rightSlide {
  0% { right: -600px; opacity: 0;}
  100% { right: 156px; opacity: 1; }
}

@keyframes topSlide {
  0% { top: 1000px; opacity: 0;}
  100% { top: 1109px; opacity: 1; }
}

@keyframes bottomSlide {
  0% { top: 1730px; opacity: 0;}
  100% { top: 1630px; opacity: 1; }
}