@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Montserrat:500,700&display=swap&subset=latin-ext');

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

/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */

.clear{ clear:both;}

html {font-size:2.2vh; }




@media screen and (max-aspect-ratio: 10/7) {
  html {
    font-size:1.6vw 
  }
}

@media screen and (max-aspect-ratio: 1/1) {
  html {
    font-size:3.3vw
  }
}


body {
	font-family: 'Montserrat', sans-serif;
	font-size:1rem;
	color:#555;
	overflow-x: hidden;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100vw;
	height:100vh;
	
	}


.head_pic_container
{
	height:15rem;
	transform:scale(1);
	border-bottom:6rem #fff solid;
	overflow:hidden;
	margin-top:4rem;
}

.head_pic
{
	height:15rem;
	background-image:url(../images/bg_home_02.jpg);
	background-size:cover;
	background-position:center bottom;
	width:100vw;
	transition:ease-in-out 1.5s transform;
	transform-origin: 40% 44%;
}

.arrow { display:none;}

/*
@media screen and (min-aspect-ratio: 20/9) {
  html {
    font-size:2.3vh;
  }
	.head_pic_container {	height:14rem;}
	.head_pic { height:14rem; background-position:center center; }
}


@media screen and (min-aspect-ratio: 10/4) {
  html {
    font-size:2.45vh;
  }
	.head_pic_container {	height:12rem;}
	.head_pic { height:12rem; background-position:center center; }
}
*/





@media screen and (max-aspect-ratio: 10/7) {
  html {
    font-size:1.6vw 
  }
	.head_pic_container {	height:30vh;}
	.head_pic { height:30vh; }
}

@media screen and (max-aspect-ratio: 10/8) {
	.head_pic_container {	height:36vh;}
	.head_pic { height:36vh; }
}

@media screen and (max-aspect-ratio: 10/9) {
	.head_pic_container {	height:44vh;}
	.head_pic { height:44vh; }
}



.s_1 .head_pic { transform:scale(1) translateX(0%);}
/*.s_2 .head_pic { transform:scale(1.4);}
.s_3 .head_pic { transform:scale(1.45);}
.s_4 .head_pic { transform:scale(1.50);}
.s_5 .head_pic { transform:scale(1.55);}
.s_6 .head_pic { transform:scale(1.60);}
.s_7 .head_pic { transform:scale(1.65);}
.s_8 .head_pic { transform:scale(1.7);}*/

.s_2 .head_pic { transform:translateX(-13.5%) scale(1.4);}
.s_3 .head_pic { transform:translateX(-9%) scale(1.4);}
.s_4 .head_pic { transform:translateX(-4.5%) scale(1.4);}
.s_5 .head_pic { transform:translateX(0%) scale(1.4);}
.s_6 .head_pic { transform:translateX(4.5%) scale(1.4);}
.s_7 .head_pic { transform:translateX(9%) scale(1.4);}
.s_8 .head_pic { transform:translateX(13.5%) scale(1.4);}





.header {
	 top:0rem;
	 position:fixed;
	 left:0;
	 right:0;
	 height:4rem;
	 border-bottom:1px solid #e0d4c5;
	 background-color:#fff;
}

.header_info_box {
	 top:0rem;
	 position:absolute;
	 left:50%;
	 width:62rem;
	 height:4rem;
	 margin-left:-31rem;
}


.header h1 {
	font-size:1rem;
	font-weight:normal;
	left:1.4rem;
	top:1.35rem;
	position:absolute;
	margin:0;
	color:#555;
	text-transform: uppercase;
	font-weight:bold;
	color:#76bbb9;
	color:#468a61;
}


/*****************************************/

.info
{
	text-decoration:none;
	font-weight:normal;
	font-size:.8rem;
	color:#f37837;
	position:absolute;
	top:1.16rem;
	display:block;
	transform:scale(1);
	transition:.5s transform;
}

.info:before {
	font-family:"Genericons-Neue";
	font-size:2rem;
	color:inherit;
	padding:0;
	margin:0;
	color:#f37837;
	display:block;
	position:absolute;
	height:3rem;
	line-height:1;
	left:0;
	
}

a.info:hover
{
	transform:scale(1.3);
	transition:.5s transform;
}

.info.phone {
	right:28rem;
	padding:.3rem 0 .3rem 1.9rem;
}

.info.mail {
    right:13.55rem;
	padding:.3rem 0 .3rem 2.2rem;
}

.info.facebook {
	right:1.4rem;
	background-image:url(../images/ikon_facebook.png);
	background-size:contain;
	background-repeat:no-repeat;
	padding:.3rem 0 .3rem 2rem;
}



.info.phone:before {
    content: "\f437";
	top:-.15rem;
	

}

.info.mail:before {
    content: "\f410";
	top:-.1rem;
}



.info a {	
	text-decoration:none;
	color:#f37837;
}



/*************/


.content {
	position:fixed;
	top:0rem;
	right:0;
	left:0;
	bottom:0;
	overflow-y:auto;
	overflow-x: hidden;
	background-color:#fff;
}







.navigation_external_container {
	position:relative;
	height:10rem;
	overflow-x:scroll;
	overflow-y:hidden;
	overflow-x:hidden;
	margin-top:-10rem;
	
	/*top:6rem;*/
}

.navigation_container {

	 position:relative	;
	 background:transparent;
	 background:red;
	 width:62rem;
	 margin:2rem auto 0 auto;
}

div.tablinks {
  background-color:#fff;
  font-size:.65rem;
  border: none;
  outline: none;
  cursor: pointer;
  display:block;
  width:6rem;
  text-align:left;
  line-height:1.5;
  margin-bottom:0;
  margin-left:2.5rem;
  float:left; 
  padding:0;
  color:#f3782a;
  position:relative;
  transform:scale(1);
  transition: .2s transform, .2s color;
  border-radius:3rem 3rem .5rem .5rem;
  overflow:hidden;
  
}

div.tablinks.c_2
{
	margin-left:2.5rem;
	
}

div.tablinks .pic {
	 width:6rem;
	 height:5.5rem;
	 background-color:#fff;
	 background-color:#fff;
	 background-size:cover;
	 opacity:.9;
}



div.tablinks.c_1  {
	left:1.5rem;
	top:1rem;
	height:6rem;
	width:6rem;
	 position:absolute;
	 margin:0;
	 transform:scale(1.1);
	 border-radius:3rem;
	 top:-.6rem;
	box-shadow: .05rem .1rem #e0d4c5;
	 
}


@media screen and (max-aspect-ratio: 30/17) {
	.header h1 {
		left:9rem;
	}
	
	div.tablinks.c_1  {
		left:50%;
		top:-.5rem;
		 margin-left:-30.5rem;
		}	
	
		.info.phone {
		right:24rem;
	}
	
	.info.mail {
		right:11.5rem;
	}
	

	
	
	
}



div.tablinks.c_1 .pic {

	 position:absolute;
	 background-color:#fff;
	 top:0;
	 left:0;
	 background-image:url(../images/fly_.png);
	 opacity:.9;
	 border-color:#fff;
}

div.tablinks.c_2 .pic { background-image:url(../images/btn_2.jpg);}
div.tablinks.c_3 .pic { background-image:url(../images/btn_3.jpg);}
div.tablinks.c_4 .pic { background-image:url(../images/btn_4.jpg);}
div.tablinks.c_5 .pic { background-image:url(../images/btn_5.jpg);}
div.tablinks.c_6 .pic { background-image:url(../images/btn_6.jpg);}
div.tablinks.c_7 .pic { background-image:url(../images/btn_7.jpg);}
div.tablinks.c_8 .pic { background-image:url(../images/btn_8.jpg);}

div.tablinks.active .pic {
	 opacity:1;
}

.pic_container{
	background-color:#fff;
	border:none;
	
}


div.tablinks .txt {
	text-align:center;
	width:auto;
	white-space:nowrap;
}

div.tablinks.c_1 .txt {
	position:absolute;
	font-weight:bold;
	font-size:.5rem;
	width:6rem;
	top:3.9rem;
	
	

}

div.tablinks:hover {
  transition: border-color .5s, background-color .5s; 
  transform:scale(1.3) translateY(.2rem);
  transition: .4s transform, .4s color;
  
}





div.tablinks.active {
	transition: .4s transform, .4s color; 
	font-weight:bold;
	color:#555;
	transform:scale(1.3) translateY(.2rem);
	
}

.section.active_content {
  display: block;
    -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay:0s;
  -webkit-animation-delay:0s;
}

.section.out_content {
	display: block;
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
  -webkit-animation-duration:.6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}








/*********************/

.section {
  display: none;
  border-top: none;
  width:59rem;
  margin: 0 auto;
  padding:1rem 0rem;
  font-size:.65rem;
  line-height:1.8;
  border-top:1px solid #f37837;
  
  
}

.section.s_1 {
  border-top:none;
    font-size:.75rem;
  line-height:1.8;
}



.content h2 {
	font-size:2rem;
	margin-bottom:.5em;
	font-weight:bold;
	display:none;
}



a {
	text-decoration:none;
	transition: color 1s;
}



.content p {
	margin-top:0rem;
	margin-bottom:.6rem;
}

.txt_green{  color:#468a61; font-size:.85rem; line-height:1.5;}

ul{ 
margin:0;
padding:0;
margin-left:2rem;
margin-top:.6rem;
}

li{
	margin-bottom:.4rem;
	line-height:1.5;
}



.pic_1
{
	width:8.5rem;
	margin:6.5rem 0 0 1rem;
	
}

.pic_2
{
	width:7rem;
	height:4rem;
	margin:0rem 1rem 0 0;
	float:left;
}

.pic_3_1
{
	margin:.4rem 0 0 0;
	float:left;
}

.pic_3_2
{
	margin:.4rem 0 0 0;
	float:right;
}


.pic_3_1 img
{
	width:13rem;
	height:auto;
}

.pic_3_2 img
{
	width:12rem;
	height:auto;
}

.pic_4
{
	margin:1.6rem 1rem 0 0;
	float:left;
}
.pic_4_1
{
	margin:1.6rem 0rem 0 0;
	float:left;
}


.pic_4 img, .pic_4_1 img
{
	width:8rem;
	height:auto;
}

.pic_5
{
	margin:2rem 1rem 0 0;
	float:left;
}
.pic_5_1
{
	margin:2rem 0rem 0 0;
	float:left;
}


.pic_5 img, .pic_5_1 img
{
	width:8.5rem;
	height:auto;
}

.pic_6
{
	margin:.2rem 1.2rem 0 0;
	float:left;
}


.pic_6 img, .pic_6_1  img
{
	width:8.6rem;
	height:auto;
}

.pic_6_1
{
	margin:.2rem 0 0 0;
	float:left;
}

.pic_7_1
{
	margin:0 0 0 0;
	float:left;
}

.pic_7_2
{
	margin:0 0 0 0;
	float:right;
}


.pic_7_1 img
{
	width:13rem;
	height:auto;
}

.pic_7_2 img
{
	width:12rem;
	height:auto;
}

figcaption {
	font-size:.5rem;
	line-height:1;
}
.left{float:left; width:32rem;}
.right{float:right; width:16rem;}

.left_2{float:left; width:25rem; }
.right_2{float:right; width:32rem;}

.left_3{float:left; width:31.5rem; }
.right_3{float:right; width:26rem;}

.left_4{float:left; width:30.5rem; }
.right_4{float:right; width:27rem;}

.left_5{float:left; width:28.5rem; }
.right_5{float:right; width:28.5rem;}

.left_6{float:left; width:28.5rem; }
.right_6{float:right; width:28.5rem;}

.left_7{float:left; width:31rem; }
.right_7{float:right; width:26rem;}



@media screen and (max-aspect-ratio: 1/1) {
	
	
  html {
    font-size:3.3vw
  }
  
  
  .header {

	 height:4rem;
	 

}


.header {
	 top:0rem;
	 position:fixed;
	 left:0;
	 right:0;
	 height:4.6rem;
	 border-bottom:1px solid #e0d4c5;
}




  
  
  .header_info_box {
	 top:0rem;
	 position:absolute;
	 left:0;
	 right:0;
	 width:auto;
	 height:4rem;
	 margin-left:0;
}


.header h1 {
	font-size:1rem;
	left:8.5rem;
	top:1.06rem;
	width:5rem;
}
  
  
  
  
 .info span{ display:none;} 
  .info, a.info:hover { height:2.5rem; width:2.5rem; transform:scale(1); top:1rem;}
  .info:before { font-size:3rem;}
  
  .info.phone, a.info.phone:hover {
	right:9rem;
	padding:0rem 0 .2rem .5rem;
	top:.95rem;
}

.info.mail {
    right:5.36rem;
	padding:0rem 0 0rem .5rem;
}

.info.facebook {
	right:1.5rem;
	background-image:url(../images/ikon_facebook.png);
	background-size:contain;
	background-repeat:no-repeat;
	padding:0rem;

}
  
  	div.tablinks.c_1  {
		left:50%;
		top:-1rem;
		 margin-left:-15.5rem;
		}
  
  
  
  
  
  
  
  
 .content {
	position:fixed;
	top:0rem;
	right:0;
	left:0;
	bottom:0;
	overflow-y:auto;
	overflow-x: hidden;
	background-color:#fff;
} 
  
  
    .pic_2, .pic_3_1, .pic_3_2, .pic_4, .pic_4_1, .pic_4_1 , .pic_5, .pic_5_1, .pic_6, .pic_6_1, .pic_7_1, .pic_7_2
  
  { width:22rem; height:auto; float:none; text-align:center; margin:2rem auto 0 auto; display:block;}
  
  .pic_1
  
  { width:16rem; height:auto; float:none; text-align:center; margin:0rem auto 0 auto; display:block;}
  
    .pic_2 img, .pic_3_1 img, .pic_3_2 img, .pic_4 img, .pic_4_1 img, .pic_5 img, .pic_5_1 img, .pic_6 img, .pic_6_1  img , .pic_7_1 img, .pic_7_2 img 
  
  { width:22rem; height:auto; float:none; text-align:center; display:block;}



figcaption {
	font-size:.8rem;
	line-height:1;
	margin-top:.4rem;
}


.left, .right, .left_2, .right_2, .left_3, .right_3, .left_4, .right_4, .left_5, .right_5, .left_6, .right_6, .left_7, .right_7{float:none; width:auto;}
  
  
  
  

 
  
  .head_pic_container
{
	height:13rem;
	transform:scale(1);
	border-bottom:5.5rem #fff solid;
	overflow:hidden;
	margin-top:4.6rem;
}

.head_pic
{
	height:13rem;
	background-image:url(../images/bg_home_02.jpg);
	background-size:cover;
	background-position:center bottom;
	width:65rem;
	transition:ease-in-out 1.5s transform;
	transform-origin: 180% 110%;
	
}

.s_1 .head_pic { transform:translateX(-30%) scale(1);}
.s_2 .head_pic { transform:translateX(-10%) scale(1.2);}
.s_3 .head_pic { transform:translateX(-3%) scale(1.2);}
.s_4 .head_pic { transform:translateX(4%) scale(1.2);}
.s_5 .head_pic { transform:translateX(11%) scale(1.2);}
.s_6 .head_pic { transform:translateX(18%) scale(1.2);}
.s_7 .head_pic { transform:translateX(25%) scale(1.2);}
.s_8 .head_pic { transform:translateX(32%) scale(1.2);}
  
  
  .navigation_external_container {
	position:relative;
	height:11.5rem;
	overflow-x:scroll;
	overflow-y:hidden;
	margin-top:-10rem;
}
  
  

div.tablinks .pic {
	 width:6rem;
	 height:5.5rem;
	 background-color:#fff;
	 background-color:#fff;
	 background-size:cover;
	 opacity:.8;
}

.s_1 div.tablinks .pic {

}


div.tablinks.c_1, div.tablinks.c_1:hover  {
	 transform:scale(1.2) translateY(0)  translateX(0);
}

div.tablinks, div.tablinks:hover {
  transition: border-color .5s, background-color .5s; 
  transform:scale(1.25) translateY(0rem);
  transition: .4s transform, .4s color;
  
}

div.tablinks.active {
	transition: .4s transform, .4s color; 
	font-weight:bold;
	color:#555;
	transform:scale(1.6) translateY(.1rem);
	
}
  
  div.tablinks.c_1.active, div.tablinks.c_1.active:hover {

	 transform:scale(1.4) translateY(.2rem)  translateX(.2rem);
}




.arrow { display:block; width:1.2rem; height:1.2rem; position:absolute; top:3rem; background-repeat:no-repeat; background-size:contain; background-position:center; }
.arrow.start { left:.2rem; background-image:url(../images/arrow_start.png);} 
.arrow.end { right:.2rem; background-image:url(../images/arrow_end.png);} 
  
  
  .section, .section.s_1 {
  width:28rem;
  margin: 0 auto;
  padding:1rem 0 3rem 0;
  font-size:1rem;
  line-height:1.6;
}

.section.s_1 {
	padding-top:0rem;
}
  
  
  .content p {
	  margin:0;
	margin-bottom:1rem;
}
  
.txt_green{ font-size:1.03rem; line-height:1.5;}
.txt_green b{ font-size:1.2rem;}
  
}



@-webkit-keyframes slideInRight {
	  0% {
	  -webkit-transform: translateX(-100%);
	  transform: translateX(-100%);
	  opacity:0;
	  visibility: visible;
	  }
	  100% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	  opacity:1;
	  }
}
 @keyframes slideInRight {
	  0% {
	  -webkit-transform: translateX(-100%);
	  transform: translateX(-100%);
	  opacity:0;
	  visibility: visible;
	  }
	  100% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	  opacity:1;
	  }
  } 

 @-webkit-keyframes slideOutRight {
	  0% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	  opacity:1;
	  }
	  100% {
	  visibility: hidden;
	  -webkit-transform: translateX(90%);
	  transform: translateX(90%);
	  opacity:0;
	  }
}
 @keyframes slideOutRight {
	  0% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	  opacity:1;
	  }
	  100% {
	  visibility: hidden;
	  -webkit-transform: translateX(90%);
	  transform: translateX(90%);
	  opacity:0;
	  }
  } 
  
  /**/
  
.fly-animation{
	
transform:scaleY(1) ;
top:-4rem;
  animation: animationFly ease-out .6s;
  animation-iteration-count: 1;
  transform-origin: 50% 100%;
  animation-fill-mode: forwards;
  -webkit-animation: animationFly ease-out .6s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 100%;
  -webkit-animation-fill-mode: forwards;
  -moz-animation: animationFly ease-out .6s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 100%;
  -moz-animation-fill-mode: forwards;
  -o-animation: animationFly ease-out .6s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 100%;
  -o-animation-fill-mode: forwards;
  -ms-animation: animationFly ease-out .6s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 100%;
  -ms-animation-fill-mode: forwards;
}


@keyframes animationFly{
  0% {
    transform:scaleY(3) ;
	top:-4rem;
  }
  
  50% {
    transform:scaleY(3) ;
	top:-4rem;
  }  
  
  80% {
    transform:scaleY(3) ;
	top:-0.7rem;
  }
  95% {
    transform:scaleY(0.7) ;
	top:-0.5rem;
  }
  100% {
    transform:scaleY(1) ;
	top: 0;
  }
}

@-moz-keyframes animationFly{
  0% {
    -moz-transform:scaleY(3) ;
	top:-4rem;
  }
  
  50% {
    -moz-transform:scaleY(3) ;
	top:-4rem;
  }  
  
  80% {
    -moz-transform:scaleY(3) ;
	top:-0.7rem;
  }
  95% {
    -moz-transform:scaleY(0.7) ;
	top:-0.5rem;
  }
  100% {
    -moz-transform:scaleY(1) ;
	top: 0;
  }
} 

@-webkit-keyframes animationFly {
  0% {
    -webkit-transform:scaleY(3) ;
	top:-4rem;
  }
  
  50% {
    -webkit-transform:scaleY(3) ;
	top:-4rem;
  }  
  
  80% {
    -webkit-transform:scaleY(3) ;
	top:-0.7rem;
  }
  95% {
    -webkit-transform:scaleY(0.7) ;
	top:-0.5rem;
  }
  100% {
    -webkit-transform:scaleY(1) ;
	top: 0;
  }
}

@-o-keyframes animationFly {
  0% {
    -o-transform:scaleY(3) ;
	top:-4rem;
  }
  
  50% {
    -o-transform:scaleY(3) ;
	top:-4rem;
  }  
  
  80% {
    -o-transform:scaleY(3) ;
	top:-0.7rem;
  }
  95% {
    -o-transform:scaleY(0.7) ;
	top:-0.5rem;
  }
  100% {
    -o-transform:scaleY(1) ;
	top: 0;
  }
}

@-ms-keyframes animationFly {
  0% {
    -ms-transform:scaleY(3) ;
	top:-4rem;
  }
  
  50% {
    -ms-transform:scaleY(3) ;
	top:-4rem;
  }  
  
  80% {
    -ms-transform:scaleY(3) ;
	top:-0.7rem;
  }
  95% {
    -ms-transform:scaleY(0.7) ;
	top:-0.5rem;
  }
  100% {
    -ms-transform:scaleY(1) ;
	top: 0;
  }
}