/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    width: 100%;
    height: 100%;
    font-family: "Wire One","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #fff;
    background-color: #000;
}

html {
    width: 100%;
    height: 100%;
}

h1 {
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: "Wire One","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
	font-size: 65px;
}

p {
    margin: 0 0 25px;
    font-size: 20px;
    line-height: 1.5;
}

@media(min-width:768px) {
    p {
        margin: 0 0 35px;
        font-size: 25px;
        line-height: 1.6;
    }
}

a {
    color: #00b0f0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
}

.link:hover{
	color: #00b0f0;
    text-shadow:
       3px 3px 0 #fff,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}

.light {
    font-weight: 400;
}

.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-transform: uppercase;
    font-family: "Wire One","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:35px;
	font-weight: bold;
    background-color: #000;
}

.navbar-custom .navbar-brand {
    font-weight: 700;
	font-size:45px;
}

.navbar-custom .navbar-brand img{
	margin-top:-12px;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 45px;
    color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #fff;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover {
    outline: 0;
    color: rgba(255,255,255,.8);
    background-color: transparent;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
    background-color: transparent;
}

.navbar-custom .nav li.active {
    outline: 0;
}

.navbar-custom .nav li.active a {
    color: #00b0f0;
}

.navbar-custom .nav li.active a:hover {
    color: #fff;
}

@media(min-width:768px) {
    .navbar-custom {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .navbar-custom.top-nav-collapse {
        padding: 10px 0;
        border-bottom: 1px solid rgba(0,176,240,.3);
        background: #000;
    }
}

@media(max-width:768px) {
    .navbar-custom {
        padding-top: 20px;
		border-bottom: 1px solid rgba(0, 176, 240, 0.3);
    }
	.navbar-toggle {
		margin-top: -8px;
	}
	
	#anim{
		display: none;
	}
}

.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
	background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.grad {
  background: -webkit-linear-gradient(transparent, gray); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(transparent, gray); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(transparent, gray); /* For Firefox 3.6 to 15 */
  background: linear-gradient(transparent, gray); /* Standard syntax */
} 

@-moz-keyframes animate-drop {  
	0% {opacity:1;-moz-transform: translate(0, 0);}
	100% {opacity:1;-moz-transform: translate(0, -75%);}
}

@-webkit-keyframes animate-drop {  
	0% {opacity:1;-webkit-transform: translate(0, 0);}
	100% {opacity:1;-webkit-transform: translate(0, -75%);}
}

@-ms-keyframes animate-drop {
	0% {opacity:1;-ms-transform: translate(0, 0);}
	100% {opacity:1;-ms-transform: translate(0, -75%);}
}

@keyframes animate-drop {
	0% {opacity:1;transform: translate(0, 0);}
	100% {opacity:1;transform: translate(0, -75%);}
}

.anim{
	position: absolute;
	-moz-animation: animate-drop 13s linear infinite;
	-webkit-animation: animate-drop 13s linear infinite;
	-ms-animation: animate-drop 13s linear infinite;
	animation: animate-drop 13s linear infinite;
}

.websites{
	width: 150px;
	height: 100%;
	top: 85%;
	left: 12%;
	background: url(../img/websites.png) no-repeat;
	-moz-animation-duration: 6s;
	-webkit-animation-duration: 6s;
	-ms-animation-duration: 6s;
	animation-duration: 6s;
}
.onlinestores{
	width: 150px;
	height: 100%;
	top: 85%;
	left: 20%;
	background: url(../img/onlinestore.png) no-repeat;
	-moz-animation-duration: 10s;
	-webkit-animation-duration: 10s;
	-ms-animation-duration: 10s;
	animation-duration: 10s;
}
.animations{
	width: 150px;
	height: 100%;
	top: 85%;
	left: 29%;
	background: url(../img/3danimations.png) no-repeat;
	-moz-animation-duration: 8s;
	-webkit-animation-duration: 8s;
	-ms-animation-duration: 8s;
	animation-duration: 8s;
}
.webdesign{
	width: 150px;
	height: 100%;
	top: 85%;
	left: 63%;
	background: url(../img/webdesign.png) no-repeat;
	-moz-animation-duration: 10s;
	-webkit-animation-duration: 10s;
	-ms-animation-duration: 10s;
	animation-duration: 10s;
}
.webapplications{
	width: 150px;
	height: 100%;
	top: 85%;
	left: 71%;
	background: url(../img/webapp.png) no-repeat;
	-moz-animation-duration: 9s;
	-webkit-animation-duration: 9s;
	-ms-animation-duration: 9s;
	animation-duration: 9s;
}

.consulting{
	width: 150px;
	height: 100%;
	top: 85%;
	left: 80%;
	background: url(../img/consulting.png) no-repeat;
	-moz-animation-duration: 7s;
	-webkit-animation-duration: 7s;
	-ms-animation-duration: 7s;
	animation-duration: 7s;
}

.intro .intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro .intro-body .brand-heading {
    font-size: 40px;
	display: none;
}

.intro .intro-body .intro-text {
    font-size: 30px;
}

@media(min-width:768px) {
    .intro {
        height: 100%;
        padding: 0;
    }

    .intro .intro-body .brand-heading {
        font-size: 100px;
    }

    .intro .intro-body .intro-text {
        font-size: 35px;
    }
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #00b0f0;
    border-radius: 100%!important;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
	border-color:#fff;
    background: rgba(0,176,240,.5);
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.content-section {
    padding-top: 100px;
}

.download-section {
    width: 100%;
    padding: 50px 0;
    color: #fff;
    background: url(../img/downloads-bg.jpg) no-repeat center center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


@media(min-width:767px) {
    .content-section {
        padding-top: 100px;
    }

    .download-section {
        padding: 50px 0;
    }

}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: "Wire One","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 1px solid #42dca3;
    color: #42dca3;
    background-color: transparent;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #42dca3;
    outline: 0;
    color: #000;
    background-color: #42dca3;
}

ul.banner-social-buttons {
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    ul.banner-social-buttons li {
        margin-bottom: 20px;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}

footer {
    padding: 10px 0;
	border-top: 1px solid rgba(0,176,240,.3);
    background: #000;
}

footer p {
    margin: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: rgba(255,255,255,.2);
}

/*---------------*/
/***** Dexter *****/
/*---------------*/

.grid {
	position: relative;
	margin: 0 auto;
	float: left;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

@media(max-width:1199px) {
	.grid {
		float: none;
	}
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: 0.25em;
	font-weight: 800;
	font-size: 2.5em;
   color: #00b0f0;
   text-shadow:
       2px 2px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 1.8em;
	text-transform: none;
	font-weight: 800;
    color: #fff;
    text-shadow:
       2px 2px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}

figure.effect-dexter {
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(204,204,204,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(204,204,204,1) 100%); 
}

figure.effect-dexter img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-dexter:hover img {
	opacity: 0.4;
}

figure.effect-dexter figcaption::after {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	height: -webkit-calc(50% - 30px);
	height: calc(50% - 30px);
	border: 7px solid #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

figure.effect-dexter:hover figcaption::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-dexter figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-dexter p {
	position: absolute;
	right: 60px;
	bottom: 60px;
	left: 60px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-dexter:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/**  Icon cube  **/
/*---------------*/

.icon-c {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin: 4px;
  width: 96px;
  height: 96px;
  font-size: 0;
  text-indent: -9999px;
}

.icon-cube {
  position: relative;
  -webkit-perspective: 800px;
          perspective: 800px;
  overflow: visible;
}

.icon-cube::before,
.icon-cube::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/icons.png");
  background-image: url("../img/icons.png"), none;
  content: "";
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}

.icon-cube::before {
  z-index: 2;
  background-color: #595959;
}

.icon-cube::after {
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(48px) rotateX(-90deg);
          transform: translateY(48px) rotateX(-90deg);
}

.icon-cube:hover::before {
  opacity: 0;
  -webkit-transform: translateY(-48px) rotateX(90deg);
          transform: translateY(-48px) rotateX(90deg);
}

.icon-cube:hover::after {
  opacity: 1;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

/* facebook */
.icon-cube.facebook::before,
.icon-cube.facebook::after {
  background-position: 0 0;
}

.icon-cube.facebook::after {
  background-color: #3b5998;
}

/* twitter */
.icon-cube.youtube::before,
.icon-cube.youtube::after {
  background-position: -96px 0;
}

.icon-cube.youtube::after {
  background-color: #e52d27;
}

/* Form */

.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 0 0.5em;
	max-width: 350px;
	width: calc(100% - 2em);
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: 400;
	font-family: "Wire One", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #696969;
	font-weight: bold;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.icon {
	color: #ddd;
	font-size: 150%;
}

.content {
	font-size: 300%;
}

.input--chisato {
	padding-top: 1em;
}

.sub_button{
	padding-top: .5em;
}

.input__field--chisato {
	width: 100%;
	padding: 0.3em 0.5em;
	background: transparent;
	border: 2px solid;
	color: #b5b5b5;
	-webkit-transition: border-color 0.25s;
	transition: border-color 0.25s;
}

.input__label--chisato {
	width: 100%;
	position: absolute;
	top: 0;
	text-align: left;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	-webkit-transform: translate3d(0, 2.3em, 0);
	transform: translate3d(0, 2.3em, 0);
}

.input__label-content--chisato {
	padding: 0 1em;
	font-weight: 400;
	color: #b5b5b5;
}

.input__label-content--chisato::after {
	content: attr(data-content);
	position: absolute;
	top: -200%;
	left: 0;
	color: #00b0f0;
	font-weight: 800;
}

.input__field--chisato:focus,
.input--filled .input__field--chisato {
	border-color: #00b0f0;
}

.input__field--chisato:focus + .input__label--chisato,
.input--filled .input__label--chisato {
	-webkit-animation: anim-chisato-1 0.25s forwards;
	animation: anim-chisato-1 0.25s forwards;
}

.input__field--chisato:focus + .input__label--chisato .input__label-content--chisato,
.input--filled .input__label-content--chisato {
	-webkit-animation: anim-chisato-2 0.25s forwards ease-in;
	animation: anim-chisato-2 0.25s forwards ease-in;
}

@-webkit-keyframes anim-chisato-1 {
	0%, 70% {
		-webkit-transform: translate3d(0, 3em, 0);
		transform: translate3d(0, 3em, 0);
	}
	71%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes anim-chisato-2 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	70%, 71% {
		-webkit-transform: translate3d(0, 125%, 0);
		transform: translate3d(0, 125%, 0);
		opacity: 0;
		-webkit-animation-timing-function: ease-out;
	}
	100% {
		color: transparent;
		-webkit-transform: translate3d(0, 200%, 0);
		transform: translate3d(0, 200%, 0);
	}
}

@keyframes anim-chisato-1 {
	0%, 70% {
		-webkit-transform: translate3d(0, 3em, 0);
		transform: translate3d(0, 3em, 0);
	}
	71%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes anim-chisato-2 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	70%, 71% {
		-webkit-transform: translate3d(0, 125%, 0);
		transform: translate3d(0, 125%, 0);
		opacity: 0;
		-webkit-animation-timing-function: ease-out;
	}
	100% {
		color: transparent;
		-webkit-transform: translate3d(0, 200%, 0);
		transform: translate3d(0, 200%, 0);
	}
}

/* Common button styles */
.button {
	float: left;
	min-width: 150px;
	max-width: 250px;
	display: block;
	margin: 1em;
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

/* Typography and Roundedness */
.button--text-upper {
	letter-spacing: 2px;
	text-transform: uppercase;
}
.button--text-thin {
	font-weight: 300;
}
.button--text-medium {
	font-weight: 500;
}
.button--text-thick {
	font-weight: 600;
}
.button--round-s {
	border-radius: 5px;
}
.button--round-m {
	border-radius: 15px;
}
.button--round-l {
	border-radius: 40px;
}

/* Individual button styles */

/* Nina */
.button--nina {
	padding: 0 2em;
	color: #fff;
	overflow: hidden;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.button--nina.button--inverted {
	background: #fff;
	color: #7986cb;
}
.button--nina > span {
	display: inline-block;
	opacity: 0;
	color: #00b0f0;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: .5em;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina:hover {
	background-color: #00b0f0;
}
.button--nina:hover::before {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--nina:hover > span {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--nina:hover > span:nth-child(1) {
	-webkit-transition-delay: 0.045s;
	transition-delay: 0.045s;
}
.button--nina:hover > span:nth-child(2) {
	-webkit-transition-delay: 0.09s;
	transition-delay: 0.09s;
}
.button--nina:hover > span:nth-child(3) {
	-webkit-transition-delay: 0.135s;
	transition-delay: 0.135s;
}
.button--nina:hover > span:nth-child(4) {
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
}
.button--nina:hover > span:nth-child(5) {
	-webkit-transition-delay: 0.225s;
	transition-delay: 0.225s;
}
.button--nina:hover > span:nth-child(6) {
	-webkit-transition-delay: 0.27s;
	transition-delay: 0.27s;
}
.button--nina:hover > span:nth-child(7) {
	-webkit-transition-delay: 0.315s;
	transition-delay: 0.315s;
}
.button--nina:hover > span:nth-child(8) {
	-webkit-transition-delay: 0.36s;
	transition-delay: 0.36s;
}
.button--nina:hover > span:nth-child(9) {
	-webkit-transition-delay: 0.405s;
	transition-delay: 0.405s;
}
.button--nina:hover > span:nth-child(10) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

/* Button 7h */

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

/* General button style (reset) */
.sbtn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 25px 80px;
	display: inline-block;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.sbtn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pseudo elements for icons */
.sbtn:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

.icon-envelope:before {
	content: "\e000";
}

.sbtn-7 {
	border: 2px solid #b5b5b5;
	color: #fff;
	font-family: "Wire One";
	font-weight: 400;
	font-size: 30px;
	padding: 25px 60px 25px 90px;
}

.sbtn-7h span {
	display: inline-block;
	width: 100%;
}

.sbtn-7h:before {
	position: absolute;
	left: 0;
	width: 50%;
	font-size: 160%;
	line-height: 0.8;
	color: #00b0f0;
}

/* Success and error */

.sbtn-success,
.sbtn-error {
	color: transparent;
}

.sbtn-success:after,
.sbtn-error:after {
	z-index: 1;
	color: #00b0f0;
	left: 40%;
}

.sbtn-success:before {
	content: "\e001";
}

.sbtn-success:after {
	content: "Form submited!";
	-webkit-animation: moveUp 0.5s;
	-moz-animation: moveUp 0.5s;
	animation: moveUp 0.5s;
}

@-webkit-keyframes moveUp {
	0% {
		-webkit-transform: translateY(50%);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		-moz-transform: translateY(50%);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		transform: translateY(50%);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		transform: translateY(0);
	}
}

.sbtn-error {
	-webkit-animation: shake 0.5s;
	-moz-animation: shake 0.5s;
	animation: shake 0.5s;
}

/* From Dan Eden's animate.css: http://daneden.me/animate/ */
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.sbtn-error:before {
	content: "\e002";
}

.sbtn-error:after {
	content: "Error!";
	-webkit-animation: scaleFromUp 0.5s;
	-moz-animation: scaleFromUp 0.5s;
	animation: scaleFromUp 0.5s;
}

@-webkit-keyframes scaleFromUp {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes scaleFromUp {
	0% {
		-moz-transform: scale(0);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@keyframes scaleFromUp {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		transform: scale(1);
	}
}

/*--------------------------------------------------------------------
    Page Editor
 ---------------------------------------------------------------------*/
.container > section {
  margin: 6em 0;
}

figure {
  margin: 0;
}

#page-editor-and-content-entry{
	text-align: left;
	margin: 3em auto;
}

@media(max-width:768px) {
	.intro .intro-body .brand-heading{
		display: block;
	}
	#page-editor-and-content-entry{
		display: none;
	}
}
 
.page-editor-animation {
  position: relative;
  margin: 3em auto;
  margin:0 auto;
  width: 450px;
}
.page-editor-animation img {
  max-width: 100%;
}

/*.page-editor__element {
  position: absolute;
  top: 0;
  z-index: 1;
}*/

.page-editor__add {
  -webkit-animation: page-editor__add 10s infinite both;
  -ms-animation: page-editor__add 10s infinite both;
  -moz-animation: page-editor__add 10s infinite both;
  -o-animation: page-editor__add 10s infinite both;
  animation: page-editor__add 10s infinite both;
  z-index: 99;
  left: 0;
  top: 0;
}

.page-editor__cursor {
  -webkit-animation: page-editor__cursor 10s infinite both;
  -ms-animation: page-editor__cursor 10s infinite both;
  -moz-animation: page-editor__cursor 10s infinite both;
  -o-animation: page-editor__cursor 10s infinite both;
  animation: page-editor__cursor 10s infinite both;
  z-index: 100;
}

.page-editor__panel {
  -webkit-animation: page-editor__panel 10s infinite both;
  -ms-animation: page-editor__panel 10s infinite both;
  -moz-animation: page-editor__panel 10s infinite both;
  -o-animation: page-editor__panel 10s infinite both;
  animation: page-editor__panel 10s infinite both;
  -webkit-transform-origin: 15% 15%;
  -ms-transform-origin: 15% 15%;
  -moz-transform-origin: 15% 15%;
  -o-transform-origin: 15% 15%;
  transform-origin: 15% 15%;
  opacity:.5;
}

.page-editor__content--1 {
  -webkit-animation: page-editor__content--1 10s infinite both;
  -ms-animation: page-editor__content--1 10s infinite both;
  -moz-animation: page-editor__content--1 10s infinite both;
  -o-animation: page-editor__content--1 10s infinite both;
  animation: page-editor__content--1 10s infinite both;
}

.page-editor__content--2 {
  -webkit-animation: page-editor__content--2 10s infinite both;
  -ms-animation: page-editor__content--2 10s infinite both;
  -moz-animation: page-editor__content--2 10s infinite both;
  -o-animation: page-editor__content--2 10s infinite both;
  animation: page-editor__content--2 10s infinite both;
}

.page-editor__content--3 {
  -webkit-animation: page-editor__content--3 10s infinite both;
  -ms-animation: page-editor__content--3 10s infinite both;
  -moz-animation: page-editor__content--3 10s infinite both;
  -o-animation: page-editor__content--3 10s infinite both;
  animation: page-editor__content--3 10s infinite both;
}

.page-editor__content--4 {
  -webkit-animation: page-editor__content--4 10s infinite both;
  -ms-animation: page-editor__content--4 10s infinite both;
  -moz-animation: page-editor__content--4 10s infinite both;
  -o-animation: page-editor__content--4 10s infinite both;
  animation: page-editor__content--4 10s infinite both;
}

.page-editor__content--5 {
  -webkit-animation: page-editor__content--5 10s infinite both;
  -ms-animation: page-editor__content--5 10s infinite both;
  -moz-animation: page-editor__content--5 10s infinite both;
  -o-animation: page-editor__content--5 10s infinite both;
  animation: page-editor__content--5 10s infinite both;
}

.page-editor__content--2--active {
  -webkit-animation: page-editor__content--2--active 10s infinite both;
  -ms-animation: page-editor__content--2--active 10s infinite both;
  -moz-animation: page-editor__content--2--active 10s infinite both;
  -o-animation: page-editor__content--2--active 10s infinite both;
  animation: page-editor__content--2--active 10s infinite both;
}

.page-editor__placeholder--1 {
  -webkit-animation: page-editor__placeholder--1 10s infinite both;
  -ms-animation: page-editor__placeholder--1 10s infinite both;
  -moz-animation: page-editor__placeholder--1 10s infinite both;
  -o-animation: page-editor__placeholder--1 10s infinite both;
  animation: page-editor__placeholder--1 10s infinite both;
  -webkit-transform-origin: 70% 25%;
  -ms-transform-origin: 70% 25%;
  -moz-transform-origin: 70% 25%;
  -o-transform-origin: 70% 25%;
  transform-origin: 70% 25%;
  z-index: 98;
}

.page-editor__placeholder--2 {
  -webkit-animation: page-editor__placeholder--2 10s infinite both;
  -ms-animation: page-editor__placeholder--2 10s infinite both;
  -moz-animation: page-editor__placeholder--2 10s infinite both;
  -o-animation: page-editor__placeholder--2 10s infinite both;
  animation: page-editor__placeholder--2 10s infinite both;
  z-index: 98;
}

/* Animations */
@-webkit-keyframes page-editor__add {}
@-moz-keyframes page-editor__add {}
@-ms-keyframes page-editor__add {}
@-webkit-keyframes page-editor__cursor {
  0% {
    left: 20px;
  }
  /* Move to add new item button */
  10% {
    left: -230px;
    top: -100px;
  }
  20% {
    left: -230px;
    top: -100px;
  }
  /* Move to second content item */
  28%, 33% {
    left: -110px;
    top: -20px;
  }
  /* Move to third content item */
  40%, 47% {
    left: -20px;
    top: -60px;
  }
  /* Move back to second content item */
  52%, 60% {
    left: -110px;
    top: -40px;
  }
  /* Move active item to placeholder */
  70%, 85% {
    top: -75px;
    left: 20px;
  }
  /* Move back to start */
  90%, 100% {
    left: 20px;
    top: 0;
  }
}
@-moz-keyframes page-editor__cursor {
  0% {
    left: 20px;
  }
  /* Move to add new item button */
  10% {
    left: -230px;
    top: -100px;
  }
  20% {
    left: -230px;
    top: -100px;
  }
  /* Move to second content item */
  28%, 33% {
    left: -110px;
    top: -20px;
  }
  /* Move to third content item */
  40%, 47% {
    left: -20px;
    top: -60px;
  }
  /* Move back to second content item */
  52%, 60% {
    left: -110px;
    top: -40px;
  }
  /* Move active item to placeholder */
  70%, 85% {
    top: -75px;
    left: 20px;
  }
  /* Move back to start */
  90%, 100% {
    left: 20px;
    top: 0;
  }
}
@-ms-keyframes page-editor__cursor {
  0% {
    left: 20px;
  }
  /* Move to add new item button */
  10% {
    left: -230px;
    top: -100px;
  }
  20% {
    left: -230px;
    top: -100px;
  }
  /* Move to second content item */
  28%, 33% {
    left: -110px;
    top: -20px;
  }
  /* Move to third content item */
  40%, 47% {
    left: -20px;
    top: -60px;
  }
  /* Move back to second content item */
  52%, 60% {
    left: -110px;
    top: -40px;
  }
  /* Move active item to placeholder */
  70%, 85% {
    top: -75px;
    left: 20px;
  }
  /* Move back to start */
  90%, 100% {
    left: 20px;
    top: 0;
  }
}
@keyframes page-editor__cursor {
  0% {
    left: 20px;
  }
  /* Move to add new item button */
  10% {
    left: -230px;
    top: -100px;
  }
  20% {
    left: -230px;
    top: -100px;
  }
  /* Move to second content item */
  28%, 33% {
    left: -110px;
    top: -20px;
  }
  /* Move to third content item */
  40%, 47% {
    left: -20px;
    top: -60px;
  }
  /* Move back to second content item */
  52%, 60% {
    left: -110px;
    top: -40px;
  }
  /* Move active item to placeholder */
  70%, 85% {
    top: -75px;
    left: 20px;
  }
  /* Move back to start */
  90%, 100% {
    left: 20px;
    top: 0;
  }
}
@-webkit-keyframes page-editor__panel {
  0%, 10% {
    opacity: 0;
  }
  11% {
    opacity: 1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  /* Show the content panel */
  15%, 58% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  /* Hide the content panel after a content block has been picked */
  61%, 100% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}
@-moz-keyframes page-editor__panel {
  0%, 10% {
    opacity: 0;
  }
  11% {
    opacity: 1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  /* Show the content panel */
  15%, 58% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  /* Hide the content panel after a content block has been picked */
  61%, 100% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}
@-ms-keyframes page-editor__panel {
  0%, 10% {
    opacity: 0;
  }
  11% {
    opacity: 1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  /* Show the content panel */
  15%, 58% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  /* Hide the content panel after a content block has been picked */
  61%, 100% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes page-editor__panel {
  0%, 10% {
    opacity: 0;
  }
  11% {
    opacity: 1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  /* Show the content panel */
  15%, 58% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  /* Hide the content panel after a content block has been picked */
  61%, 100% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes page-editor__content--1 {
  0%, 16% {
    opacity: 0;
    margin-left: -10px;
  }
  19%, 54% {
    opacity: 1;
    margin-left: 0;
  }
  56%, 100% {
    opacity: 0;
  }
}
@-moz-keyframes page-editor__content--1 {
  0%, 16% {
    opacity: 0;
    margin-left: -10px;
  }
  19%, 54% {
    opacity: 1;
    margin-left: 0;
  }
  56%, 100% {
    opacity: 0;
  }
}
@-ms-keyframes page-editor__content--1 {
  0%, 16% {
    opacity: 0;
    margin-left: -10px;
  }
  19%, 54% {
    opacity: 1;
    margin-left: 0;
  }
  56%, 100% {
    opacity: 0;
  }
}
@keyframes page-editor__content--1 {
  0%, 16% {
    opacity: 0;
    margin-left: -10px;
  }
  19%, 54% {
    opacity: 1;
    margin-left: 0;
  }
  56%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes page-editor__content--2 {
  0%, 17% {
    opacity: 0;
    margin-left: -10px;
  }
  20%, 24% {
    opacity: 1;
    margin-left: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  30%, 33% {
    opacity: .5;
  }
  37%, 49% {
    opacity: 1;
  }
  52%, 54% {
    opacity: .5;
  }
  56%, 100% {
    opacity: 0;
  }
}
@-moz-keyframes page-editor__content--2 {
  0%, 17% {
    opacity: 0;
    margin-left: -10px;
  }
  20%, 24% {
    opacity: 1;
    margin-left: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  30%, 33% {
    opacity: .5;
  }
  37%, 49% {
    opacity: 1;
  }
  52%, 54% {
    opacity: .5;
  }
  56%, 100% {
    opacity: 0;
  }
}
@-ms-keyframes page-editor__content--2 {
  0%, 17% {
    opacity: 0;
    margin-left: -10px;
  }
  20%, 24% {
    opacity: 1;
    margin-left: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  30%, 33% {
    opacity: .5;
  }
  37%, 49% {
    opacity: 1;
  }
  52%, 54% {
    opacity: .5;
  }
  56%, 100% {
    opacity: 0;
  }
}
@keyframes page-editor__content--2 {
  0%, 17% {
    opacity: 0;
    margin-left: -10px;
  }
  20%, 24% {
    opacity: 1;
    margin-left: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  30%, 33% {
    opacity: .5;
  }
  37%, 49% {
    opacity: 1;
  }
  52%, 54% {
    opacity: .5;
  }
  56%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes page-editor__content--3 {
  0%, 18% {
    opacity: 0;
    margin-left: -10px;
  }
  21%, 36% {
    opacity: 1;
    margin-left: 0;
  }
  39%, 48% {
    opacity: .5;
  }
  54% {
    opacity: 1;
  }
  56%, 100% {
    opacity: 0;
  }
}
@-moz-keyframes page-editor__content--3 {
  0%, 18% {
    opacity: 0;
    margin-left: -10px;
  }
  21%, 36% {
    opacity: 1;
    margin-left: 0;
  }
  39%, 48% {
    opacity: .5;
  }
  54% {
    opacity: 1;
  }
  56%, 100% {
    opacity: 0;
  }
}
@-ms-keyframes page-editor__content--3 {
  0%, 18% {
    opacity: 0;
    margin-left: -10px;
  }
  21%, 36% {
    opacity: 1;
    margin-left: 0;
  }
  39%, 48% {
    opacity: .5;
  }
  54% {
    opacity: 1;
  }
  56%, 100% {
    opacity: 0;
  }
}
@keyframes page-editor__content--3 {
  0%, 18% {
    opacity: 0;
    margin-left: -10px;
  }
  21%, 36% {
    opacity: 1;
    margin-left: 0;
  }
  39%, 48% {
    opacity: .5;
  }
  54% {
    opacity: 1;
  }
  56%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes page-editor__content--4 {
  0%, 19% {
    opacity: 0;
    margin-left: -10px;
  }
  22%, 54% {
    opacity: 1;
    margin-left: 0;
  }
  56%, 100% {
    opacity: 0;
  }
}
@-moz-keyframes page-editor__content--4 {
  0%, 19% {
    opacity: 0;
    margin-left: -10px;
  }
  22%, 54% {
    opacity: 1;
    margin-left: 0;
  }
  56%, 100% {
    opacity: 0;
  }
}
@-ms-keyframes page-editor__content--4 {
  0%, 19% {
    opacity: 0;
    margin-left: -10px;
  }
  22%, 54% {
    opacity: 1;
    margin-left: 0;
  }
  56%, 100% {
    opacity: 0;
  }
}
@keyframes page-editor__content--4 {
  0%, 19% {
    opacity: 0;
    margin-left: -10px;
  }
  22%, 54% {
    opacity: 1;
    margin-left: 0;
  }
  56%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes page-editor__content--5 {
  0%, 20% {
    opacity: 0;
    margin-left: -10px;
  }
  23%, 54% {
    opacity: 1;
    margin-left: 0;
  }
  56%, 100% {
    opacity: 0;
  }
}
@-moz-keyframes page-editor__content--5 {
  0%, 20% {
    opacity: 0;
    margin-left: -10px;
  }
  23%, 54% {
    opacity: 1;
    margin-left: 0;
  }
  56%, 100% {
    opacity: 0;
  }
}
@-ms-keyframes page-editor__content--5 {
  0%, 20% {
    opacity: 0;
    margin-left: -10px;
  }
  23%, 54% {
    opacity: 1;
    margin-left: 0;
  }
  56%, 100% {
    opacity: 0;
  }
}
@keyframes page-editor__content--5 {
  0%, 20% {
    opacity: 0;
    margin-left: -10px;
  }
  23%, 54% {
    opacity: 1;
    margin-left: 0;
  }
  56%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes page-editor__content--2--active {
  0%, 56% {
    opacity: 0;
  }
  60% {
    opacity: 1;
    top: 0;
    left: 0;
  }
  70%, 93% {
    top: -39px;
    left: 125px;
    opacity: 1;
  }
  95%, 100% {
    opacity: 0;
    top: -39px;
    left: 125px;
  }
}
@-moz-keyframes page-editor__content--2--active {
  0%, 56% {
    opacity: 0;
  }
  60% {
    opacity: 1;
    top: 0;
    left: 0;
  }
  70%, 93% {
    top: -39px;
    left: 125px;
    opacity: 1;
  }
  95%, 100% {
    opacity: 0;
    top: -39px;
    left: 125px;
  }
}
@-ms-keyframes page-editor__content--2--active {
  0%, 56% {
    opacity: 0;
  }
  60% {
    opacity: 1;
    top: 0;
    left: 0;
  }
  70%, 93% {
    top: -39px;
    left: 125px;
    opacity: 1;
  }
  95%, 100% {
    opacity: 0;
    top: -39px;
    left: 125px;
  }
}
@keyframes page-editor__content--2--active {
  0%, 56% {
    opacity: 0;
  }
  60% {
    opacity: 1;
    top: 0;
    left: 0;
  }
  70%, 93% {
    top: -39px;
    left: 125px;
    opacity: 1;
  }
  95%, 100% {
    opacity: 0;
    top: -39px;
    left: 125px;
  }
}
@-webkit-keyframes page-editor__placeholder--1 {
  0%, 58% {
    opacity: 0;
  }
  62%, 69% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  71%, 75% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  78%, 100% {
    opacity: 0;
  }
}
@-moz-keyframes page-editor__placeholder--1 {
  0%, 58% {
    opacity: 0;
  }
  62%, 69% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  71%, 75% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  78%, 100% {
    opacity: 0;
  }
}
@-ms-keyframes page-editor__placeholder--1 {
  0%, 58% {
    opacity: 0;
  }
  62%, 69% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  71%, 75% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  78%, 100% {
    opacity: 0;
  }
}
@keyframes page-editor__placeholder--1 {
  0%, 58% {
    opacity: 0;
  }
  62%, 69% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  71%, 75% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  78%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes page-editor__placeholder--2 {
  0%, 58% {
    opacity: 0;
  }
  62%, 75% {
    opacity: 1;
  }
  78%, 100% {
    opacity: 0;
  }
}
@-moz-keyframes page-editor__placeholder--2 {
  0%, 58% {
    opacity: 0;
  }
  62%, 75% {
    opacity: 1;
  }
  78%, 100% {
    opacity: 0;
  }
}
@-ms-keyframes page-editor__placeholder--2 {
  0%, 58% {
    opacity: 0;
  }
  62%, 75% {
    opacity: 1;
  }
  78%, 100% {
    opacity: 0;
  }
}
@keyframes page-editor__placeholder--2 {
  0%, 58% {
    opacity: 0;
  }
  62%, 75% {
    opacity: 1;
  }
  78%, 100% {
    opacity: 0;
  }
}