@charset "utf-8";
.leftshape
{
stroke-dasharray: 450;
stroke-dashoffset: 900;
}
.loaded .leftshape
{
  -webkit-animation: leftshape 0.7s cubic-bezier(.17,.67,.83,.67) forwards;   /* Safari 4+ */
  -moz-animation: leftshape 0.7s cubic-bezier(.17,.67,.83,.67) forwards;   /* Fx 5+ */
  -o-animation: leftshape 0.7s cubic-bezier(.17,.67,.83,.67) forwards; /* Opera 12+ */
  animation: leftshape 0.7s cubic-bezier(.17,.67,.83,.67) forwards; /* IE 10+, Fx 29+ */
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}


@-webkit-keyframes leftshape {
  0% { stroke-dasharray: 450;
  stroke-dashoffset: 900; }
100% { stroke-dasharray: 450;
stroke-dashoffset: 450; }
}
@-moz-keyframes leftshape {
  0% { stroke-dasharray: 450;
  stroke-dashoffset: 900; }
100% { stroke-dasharray: 450;
stroke-dashoffset: 450; }
  }
@-o-keyframes leftshape {
  0% { stroke-dasharray: 450;
  stroke-dashoffset: 900; }
100% { stroke-dasharray: 450;
stroke-dashoffset: 450; }
  }
@keyframes leftshape {
  0% { stroke-dasharray: 450;
  stroke-dashoffset: 900; }
100% { stroke-dasharray: 450;
stroke-dashoffset: 450; }
} 






@-webkit-keyframes partsappear {
  0% { opacity: 1}
100% { opacity: 0}
}
@-moz-keyframes partsappear {
  0% { opacity: 1}
100% { opacity: 0}
  }
@-o-keyframes partsappear {
  0% { opacity: 1}
100% { opacity: 0}
  }
@keyframes partsappear {
  0% { opacity: 1}
100% { opacity: 0}
} 

.rightshape
{
  stroke-dasharray: 270;
  stroke-dashoffset: 540;
}

.loaded .rightshape
{
  -webkit-animation: rightshape 0.7s cubic-bezier(.17,.67,.83,.67) forwards;   /* Safari 4+ */
  -moz-animation: rightshape 0.7s cubic-bezier(.17,.67,.83,.67) forwards;   /* Fx 5+ */
  -o-animation: rightshape 0.7s cubic-bezier(.17,.67,.83,.67) forwards; /* Opera 12+ */
  animation: rightshape 0.7s cubic-bezier(.17,.67,.83,.67) forwards; /* IE 10+, Fx 29+ */
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}


@-webkit-keyframes rightshape {
  0% {   stroke-dasharray: 270;
    stroke-dashoffset: 540; }
100% {   stroke-dasharray: 270;
  stroke-dashoffset: 270; }
}
@-moz-keyframes rightshape {
  0% {   stroke-dasharray: 270;
    stroke-dashoffset: 540; }
100% {   stroke-dasharray: 270;
  stroke-dashoffset: 270; }
  }
@-o-keyframes rightshape {
  0% {   stroke-dasharray: 270;
    stroke-dashoffset: 540; }
100% {   stroke-dasharray: 270;
  stroke-dashoffset: 270; }
  }
@keyframes rightshape {
  0% {   stroke-dasharray: 270;
    stroke-dashoffset: 540; }
100% {   stroke-dasharray: 270;
  stroke-dashoffset: 270; }
}  





@-webkit-keyframes hidescreen1 {
  0% { opacity: 1}
100% { opacity: 0}
}
@-moz-keyframes hidescreen1 {
  0% { opacity: 1}
100% { opacity: 0}
  }
@-o-keyframes hidescreen1 {
  0% { opacity: 1}
100% { opacity: 0}
  }
@keyframes hidescreen1 {
  0% { opacity: 1}
100% { opacity: 0}
} 


@-webkit-keyframes appearscreen3 {
  0% { opacity: 0; z-index: 0;}
100% { opacity: 1; z-index: 3;}
}
@-moz-keyframes appearscreen3 {
  0% { opacity: 0; z-index: 0;}
100% { opacity: 1; z-index: 3;}
  }
@-o-keyframes appearscreen3 {
  0% { opacity: 0; z-index: 0;}
100% { opacity: 1; z-index: 3;}
  }
@keyframes appearscreen3 {
  0% { opacity: 0; z-index: 0;}
100% { opacity: 1; z-index: 3;}
} 


@-webkit-keyframes imageovercolor {
  0% { opacity: 0}
  40% { opacity: 1}
100% { opacity: 1}
}
@-moz-keyframes imageovercolor {
  0% { opacity: 0}
    40% { opacity: 1}
100% { opacity: 1}
  }
@-o-keyframes imageovercolor {
  0% { opacity: 0}
    40% { opacity: 1}
100% { opacity: 1}
  }
@keyframes imageovercolor {
  0% { opacity: 0}
    40% { opacity: 1}
100% { opacity:1}
} 



@-webkit-keyframes ContentMask {
  0% { width:30%; height: 30%; opacity: 1;}
  /* 50% {opacity: 0.2;} */
100% { width:400%; height: 400%; opacity: 0;}
}
@-moz-keyframes ContentMask {
  0% { width:30%; height: 30%; opacity: 1;}
  /* 50% {opacity: 0.2;} */
100% { width:400%; height: 400%; opacity: 0;}
  }
@-o-keyframes ContentMask {
  0% { width:30%; height: 30%; opacity: 1;}
  /* 50% {opacity: 0.2;} */
100% { width:400%; height: 400%; opacity: 0;}
  }
@keyframes ContentMask {
  0% { width:30%; height: 30%; opacity: 1;}
  /* 50% {opacity: 0.2;} */
100% { width:400%; height: 400%; opacity: 0;}
} 



/* 100% { fill:#A94B4A;} */
@-webkit-keyframes maskpath {
  0% { fill:#fff;}
100% { fill:#AD585A;}
}
@-moz-keyframes maskpath {
  0% { fill:#fff;}
100% { fill:#AD585A;}
  }
@-o-keyframes maskpath {
  0% { fill:#fff;}
100% { fill:#AD585A;}
  }
@keyframes maskpath {
  0% { fill:#fff;}
100% { fill:#AD585A;}
} 



@-webkit-keyframes appearscreen4 {
  0% { opacity: 0; z-index: 4; }
100% { opacity: 1; z-index: 4;}
}
@-moz-keyframes appearscreen4 {
  0% { opacity: 0; z-index: 4;}
100% { opacity: 1; z-index: 4;}
  }
@-o-keyframes appearscreen4 {
  0% { opacity: 0; z-index: 4;}
100% { opacity: 1; z-index: 4;}
  }
@keyframes appearscreen4 {
  0% { opacity: 0; z-index: 4;}
100% { opacity: 1; z-index: 4;}
} 






@media screen and (max-width: 896px) and (min-height: 320px) {
@media all and (orientation: portrait) {

@-webkit-keyframes ContentMask {
  0% { width:20%; height: 20%; opacity: 1;}
  /* 50% {opacity: 0.2;} */
100% { width:200%; height: 200%; opacity: 1;}
}
@-moz-keyframes ContentMask {
  0% { width:20%; height: 20%; opacity: 1;}
  /* 50% {opacity: 0.2;} */
100% { width:200%; height: 200%; opacity: 1;}
  }
@-o-keyframes ContentMask {
  0% { width:20%; height: 20%; opacity: 1;}
  /* 50% {opacity: 0.2;} */
100% { width:200%; height: 200%; opacity: 1;}
  }
@keyframes ContentMask {
  0% { width:20%; height: 20%; opacity: 1;}
  /* 50% {opacity: 0.2;} */
100% { width:200%; height: 200%; opacity: 1;}
} 



}
}