/*
Theme Name: Photoshooting
Theme URI: http://dalpho.com
Version: 1.0
Description: Tema Photoshooting un sito di fotografo per Matrimonio
Author: Dalpho.com
Author URI: http://dalpho.com
Template: nextawards
*/
 
/*----------------- Cambio a partire da qui -------------------------------*/
/* Accessibility  --------------------------------------------- */
a:focus.wp-block-button__link  {color: #000!important;} /* color link focus button gutenberg */
a:focus, button:focus, input:focus, select:focus, textarea:focus {outline: none;/* rimuove il bordo di default */ border: 2px solid #ffa843!important;  /* colore personalizzato */ box-shadow: 0 0 0 3px rgba(150, 150, 150, 0.1)!important; /* effetto ombra focus */ border-radius: 3px!important;}
.screen-reader-text:focus {color: #000!important;}
/* end*/

html {scroll-behavior: smooth;}
.duecento{font-weight:200;}
.quattrocento{font-weight:4;}
.floatLeft{float:Left;}
.marginZero{margin-bottom:0;}
.paddingZero{padding:0;}
.paddingLeft {padding-left:20%;}
.paddingRight {padding-right:20%;}
.paddingL8 {padding-left:8%;}
.marginR20 {margin-right:20%;}
.marginR10 {margin-right:10%;}
.marginR5 {margin-right:5%;}
.marginR0 {margin-right:0!important;}
.marginL20 {margin-left:20%;}
.marginL10 {margin-left:10%;}
.marginL5 {margin-left:5%;}
.marginL0 {margin-left:0!important;}
.menoPX{margin-top:-170px!important;z-index:2!important;position:relative;}
.MiniPageHeight{min-height:100vh!important;}
.fullHeight{max-height:100vh!important;height:100vh!important;}
p {color:#333; letter-spacings:1px;}
h1,h2,h3,h4,h5,h6 {text-transforms: uppercase; font-weight:700!important; letter-spacings:2px;}
.sb{font-weight:200!important; letter-spacings:1px;text-transform: unset;}

.page-template-menu-trasparent.scroll-down .menu li a,
.page-template-menu-trasparent.scroll-down .header__quick ul li a,
.page-template-menu-trasparent-gallery.scroll-down .menu li a,
.page-template-menu-trasparent-gallery.scroll-down .header__quick ul li a {color: #444!important;}
.linkOro a:hover{color:#000;}
.matrimSpace .eg-masonary-items-wrap {max-height: 70vh !important;}

@media only screen and (min-width: 1081px) {
	.page-template-menu-trasparent.scroll-down .header,.page-template-menu-trasparent-gallery.scroll-down .header{background: #fff!important;opacity: 0.8;}
	.header__logo-img {width: 250px!important; filter: brightness(2);}
	.scroll-down .header__logo-img {filter: brightness(1)!important; width: 180px!important;}
	.textMe {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 40px;-moz-column-gap: 40px;column-gap: 40px;text-align: justify;}
	.noDesk, .TabSin #menoPXE {display:none!important;}
}

@media only screen and (max-width: 1080px) {
	.noMobile, .noMobile .parallaxME{display:none;}
	
	#homeSlider .eg-overlay-wrapper a img {max-height: 50vh!important;}
	#downs .space1 {flex-basis: 10vh;}
	#downs .space2{flex-basis: 15vh;}
	#downs .space4{height:1vh!important;}
	#downs .wp-block-column.is-layout-flow {padding:10px 4vh!important;}
	#downs h1,#downs h2,#downs p {padding:0!important;}
	#fotografia h2,#fotografia p {padding:0 4vh!important;}
	#fotografia .space1 {height:0!important;}
	#fotografia .space2{height:10vh!important;}
	#fotografia .space3{height:2vh!important;}
	#fotografia .space4{height:13vh!important;}
	.colonsTip .wp-block-column {padding:4vh!important;}
	#frase .wp-block-quote {padding: 6vh 4vh 4vh;}
	#engagements.wp-block-columns {padding:0 4vh!important;}
	#engagements .space1{height:5vh!important;}
	#engagements .space2{height:10vh!important;}
	#engagements .space3{height:8vh!important;}
	#engagements .wp-block-column {padding:0!important;}
	#engFotos.eg-wrap .eg-overlay-wrapper {margin-right: -3vh;margin-left: -3vh;}
	#engFotos img {width:100%!important;}
	#engFotos .eg-wrap .eg-overlay-wrapper {margin-right: -3vh;margin-left: 1vh;}
	#engFotos .eg-each-item.eg-no-hover {margin-left: 0px!important;width:100%;}
	#engFotos .eg-masonary-padding {padding: 0px;}
	:where(body .is-layout-flow) > *#engFotos { margin-block-start: 0px;}

	#downz :where(:not(.alignleft):not(.alignright):not(.alignfull)) {max-width: initial;}
	#downz h1,#downz h2,#downz p {padding:0 4vh!important;}
	#downz .space1{height:9vh!important;}
	#downz .space2{height:11vh!important;}
	#downz .space4{height:1vh!important;}
	#downz .eg-grid-wrap .eg-each-item {padding:0 4vh;margin-bottom:2vh; width:100%;}
	#downz .eg-overlay-wrapper img{height:90vw!important;}
	#wedding h2,#wedding p {padding:0!important;}
	#wedding .space1{height:18vh!important;}
	#wedding .space4{height:5vh!important;}
	#wedding .space6{height:8vh!important;}
	#wedding .wp-block-columns {padding:0 4vh!important;}
	#wedding .wp-block-columns.BCs3b {padding:0vh!important;}
	#engagement h2,#engagement p {padding:0!important;}
	#engagement .space1{height:0!important;}
	#engagement .space2{height:5vh!important;}
	#engagement .space3{height:12vh!important;}
	#engagement .wp-block-columns {padding:0 4vh!important;}
	#engagement.wp-block-cover {padding:0;}
	#engagement .wp-block-column{padding:0px!important}
	#portrait h2 {padding:10vh 0 0!important;}
	#portrait p {padding:0!important;}
	#portrait .space1{height:1vh!important;}
	#portrait .space2{height:9vh!important;}
	#portrait .space3{height:5vh!important;}
	#portrait .wp-block-columns {padding:0 4vh!important;}
	#portrait.wp-block-cover {padding:0;}
	#menoPXE.eg-masonary-wrap{margin-top:120px!important;margin-left: -4vh;margin-right: -4vh;}
	#menoPXE.eg-masonary-wrap .eg-masonary-padding{margin:0!important;padding:0!important;}
	#engFoto .eg-each-item.eg-no-hover,#engFoto a img, #engFoto.eg-masonary-wrap .eg-masonary-padding {margin:0!important;padding:0!important;}
	#engFoto.eg-masonary-wrap{margin-left:-4vh!important;margin-right:-4vh!important;}
	.fotoPortr.wp-block-column {padding:0!important;}
	#fotoPortr{margin:0 -4vh;}	
	
	#homeSliderr .eg-overlay-wrapper a img {max-height: 50vh!important;}
	#BCs1 .wp-block-columns {padding:0!important;}
	#BCs1 h1,#BCs1 h2,#BCs1 p {padding:0 4vh!important;}
	#BCs2 .space1{height:20vh!important;}
	#BCs2 .space3{height:15vh!important;}
	#BCs2 .wp-block-columns {padding:0 4vh!important;}
	#BCs2 h2,#BCs2 p {padding:0!important;}
	#BCs4 .space1{height:9vh!important;}
	#BCs4 .space2{height:5vh!important;}
	#BCs4 .space3{height:15vh!important;}
	#BCs4 .wp-block-columns {padding:0 4vh!important;}
	#BCs4 h2,#BCs4 p {padding:0!important;}
	.textMe {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;text-align: center;}	
	#BCs4 .BCs3c {padding:0vh!important;}
	#menoPXE.eg-masonary-wrap {margin: 0px -7vh 15vh -10vh;}
	
	.wrapper,[class*='col-'] {padding: 0!important;}
	.header__logo-img {width: 200px!important;}
	.homeFullSlider.wp-block-column {height:auto!important;margin: 0!important;padding-bottom: 4vh!important;}
	.studio1 .space1 {height:3vh!important;}
	.studio1 .space2 {height:10vh!important;}
	.studio2 .space1 {height:8vh!important;}
	.studio2 .space2 {height:30vh!important;}
	.studio2 .space3 {height:0vh!important;}
	.studio3 .space1 {height:20vh!important;}
	.studio1 .wp-block-columns, .studio2 .wp-block-columns,	.studio3 .wp-block-columns {padding-right:5vw!important;padding-left:5vw!important;}
	:where(.wp-block-group.has-background) {padding:0;}
	.studio1 .wp-block-columns h1, .studio1 .wp-block-columns h2, .studio3 .wp-block-columns h2, .studio3 .wp-block-columns p{padding:0!important;}
	body .alignfull {margin-left: 0!important;margin-right: 0px!important;}
	#menoPXEs.eg-masonary-wrap{margin-top:5vh!important;}
	
	#topperName.wp-block-cover, .wp-block-cover-image {min-height: 28vh;}
	#topperName h1 {font-size:3.5rem!important;}
	#top p{padding-bottom:5vh;}
	#top .wp-block-columns p{padding:0;}
	#top .space1{height:5vh!important;}
	#top .space2{height:5vh!important;}
	#top .wp-block-column.is-layout-flow{padding:0 4vh!important;}
	#top :where(body .is-layout-flex) {gap: 0px;}
	#top .wp-block-image img{width:40px!important;}
	.formC{margin-top:15vh!important;}
	#faqSec{}
	#mapSec .MapShadow{border:0;}
	.faqZone{}
	#mapSec:where(.wp-block-columns.has-background) {padding: 0;}	
	
	#portFotos .wp-block-columns {padding-left:0!important;padding-right:0!important;}
	#portFotos .space1 {height:6vh!important;}
	#portFotos .space2 {height:6vh!important;}
	#portfolius ul li {margin:15px 0;}
    #portfolius .eg-filter-wrap.eg-filter-layout-5 ul li a.eg-active-filter, #portfolius  .eg-filter-wrap.eg-filter-layout-5 ul li a:hover { border-color: #aa9f91;}
	
	footer{margin:0px!important;padding:0!important;}	
	p.sma-text-center, .sma-text-center a{font-size:13px;line-height:30px;}
	p.sma-text-center {padding:1vh 3vh}
	#Privacy, #Cookie {padding:0 4vh;}
}

.Fleft6 {margin-left:6%}
.videoShadow,.MapShadow, .Qshadow img{-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);}
.MapShadow{border:7px #fff solid;border-bottom:2px;}
#map-canvas.map_part{-webkit-filter: grayscale(50%);
       -moz-filter: grayscale(50%);
        -ms-filter: grayscale(50%);
         -o-filter: grayscale(50%);
            filter: grayscale(50%);}

body .is-layout-flow > .lineLeft.aligncenter {margin-left: 0!important;}
.yoast-breadcrumbs{text-align:center;}
.breadcrumb2{margin-top:-32px;z-index:5;position:relative}



footer hr {border-bottom:0;}
footer p {letter-spacing: 0;text-align:center}
footer a{color:#000;}
footer .col-33 {width: 100%;}
footer .col-50 {width: 100%;}

/***** modifica per fade accordion e risolvere bug parallax wordpress *****/
.accordion .open-accordion { opacity: 0; animation: fade-load cubic-bezier(0.385, 0.135, 0.15, 0.86) 1s forwards;}
.load { opacity: 1!important; animation: none!important; }
/**** fine bug ****/

.SocialiconFooter.wp-block-social-links .wp-social-link svg {height: 1.8em; width: 1.8em;}
.wp-block-social-links:not(.is-style-logos-only) .Facbico.wp-social-link-facebook,
.wp-block-social-links:not(.is-style-logos-only) .instico.wp-social-link-instagram { background-color: #444; color: #fff;}

.formC form label{color:#000;}
.formC form label span input,.formC form label span textarea{background-color:#f2f3f3;border:none;}

.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background), .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background) {
    background-color: transparent;
    background-image: none;
}
.formC form input[type=submit] {color:#AA9F91;border:0.15rem solid;background-color: transparent;border-image: conic-gradient(from var(--angle), var(--c4), var(--c3) 0.1turn, var(--c3) 0.15turn, var(--c4) 0.25turn) 30!important;	animation: borderRotate var(--d) linear infinite forwards!important;font-weight:bold;letter-spacing:2px; transition: all ease 0.5s; -webkit-transition: all ease 0.5s;padding:1.3rem 3rem!important;}
.formC form input[type=submit]:hover {letter-spacing:5px;}
.introTitles h1.titolos {font-weight:bold;}

@media only screen and (min-width: 1441px) {
  .introTitles h1.titolos {font-size:68px;letter-spacing:1px;}
  .introTitles h2.titolos {font-size:38px;padding-right:7vw;}
}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  .introTitles h2.titolos {line-height:48px!important;margin-top:35px!important;}
}

@media only screen and (min-width: 1281px) and (max-width: 1366px) {
  .introTitles h1.titolos {font-size:46px;}
  .introTitles h2.titolos {font-size:32px;margin-top:40px!important;line-height:45px!important;}
}

@media only screen and (min-width: 1081px) and (max-width: 1280px) {
  .introTitles h1.titolos {font-size:40px;letter-spacing:1px;}
  .introTitles h2.titolos {font-size:29px;margin-top:30px!important;line-height:43px!important;}
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
  .introTitles h1.titolos {font-size:40px;letter-spacing:1px;}
  .introTitles h2.titolos {font-size:28px;margin-top:30px!important;line-height:43px!important;}
}
@media only screen and (max-width: 767px) {
  .introTitles h1.titolos {font-size:40px;letter-spacing:1px;line-height:45px!important;}
  .introTitles h2.titolos {font-size:26px;margin-top:40px!important;line-height:38px!important;}
}


/* Menu black Gallery */
@media (min-width: 1190px) {
  .page-template-menu-black-gallery .spacer{display: none;}
  .page-template-menu-black-gallery .header{background: transparent;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  .page-template-menu-black-gallery .header__content{border:none}
 
  .page-template-menu-black-gallery.scroll-down .header{background-color: var(--site-bg)}
}

@media (max-width: 1190px) {
  .page-template-menu-black-gallery .spacer{height:44px}
  .page-template-menu-black-gallery .header__content{border:none}
} 

/* Menu Transparent Gallery*/
@media (min-width: 1190px) {
  .page-template-menu-trasparent-gallery .spacer{display: none;}
  .page-template-menu-trasparent-gallery .header{background: transparent;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  .page-template-menu-trasparent-gallery .header__content{border:none}
  .page-template-menu-trasparent-gallery .header__logo-img,
  .page-template-menu-trasparent-gallery .header [class^='icon-']{filter: brightness(0) invert(1);}
  .page-template-menu-trasparent-gallery .header__logo{color:#fff}

  .page-template-menu-trasparent-gallery .menu li a,
  .page-template-menu-trasparent-gallery .header__quick ul li a {color:#fff}

  .page-template-menu-trasparent-gallery.scroll-down .header{background: #222;}
}

@media (max-width: 1190px) {
  .page-template-menu-trasparent-gallery .spacer{height:44px}
  .page-template-menu-trasparent-gallery .header__content{border:none}
}

/***** lampeggio ****/
.lampeggio{
  animation:3s blinker linear infinite;
  -webkit-animation:3s blinker linear infinite;
  -moz-animation:3s blinker linear infinite;
}
@-moz-keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}


/***** PARALLAX io *****/
.parallaxEverest .eg-slideshow-wrap .bx-wrapper{margin:0;}

.parallaxME {position: relative;background-attachment: fixed;background-repeat: no-repeat;overflow: hidden;margin: 0;padding: 0;-webkit-background-size: cover;     -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
/* per stil diversi agire su queste classi separatamente */
.paraxME-1,.paraxME-2,.paraxME-3,.paraxME-4,.paraxME-5 {
	width: 100vw; /* Larghezza pari alla larghezza della finestra del browser */
	height: 70vh; /* Altezza pari all'altezza della finestra del browser */
    transition: background-position 0.5s ease; /* Aggiungi animazione alla transizione */
}

@media (max-width: 1080px) {	
	.paraxME-1,.paraxME-2,.paraxME-3,.paraxME-4,.paraxME-5 {background-attachment: scroll;}
}

/***** VIDEO full screen io *****/
/* Stile per il contenitore del video cover */
.homeFullSlider  {
    position: relative;
    width: 100vw;
    padding-bottom: 95vh!important; /* Proporzione 16:9 per calcolare l'altezza */
    overflow: hidden;
	margin:-6vh auto 0!important;
}

.homeFullvideo  {
    position: relative;
    width: 100vw;
    overflow: hidden;
	margin:-6vh auto 0!important;
	height: 0;
}

/* Stile per l'iframe all'interno del contenitore cover */
.homeFullvideo iframe.videoMe  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}
.homeFullvideo,
    .homeFullvideo iframe {
    max-width: 1920px;
    max-height: 1080px;
}

@media only screen and (max-width: 780px) {
	.homeFullvideo  {padding-bottom: 80%!important; /* Proporzione 16:9 per calcolare l'altezza */}
	.breadcrumb2 #downs .wp-block-column-is-layout-flow {margin-top:-7px;}
}

@media (min-width: 781px) {
	.homeFullvideo  {padding-bottom: 53.25%!important; /* Proporzione 16:9 per calcolare l'altezza */}
}

/**** STYLE PAGE 404 ****/

#content.page404me{height:100vh;width:100vw;max-height:100vh;max-width:100vw;position:relative;margin-top:-140px;margin-left:-3%;}
.error-404{width:100%;background-size: cover;background-position: center;background-repeat: no-repeat;z-index:1;}
.coverColor {background-color:#fff;opacity:.7;height:100vh;width:100vw;margin:0;padding:0;z-index:2;position:absolute;}
.cont404{position:relative;z-index:3;}
.page-title {text-align: center; margin-top:33vh; font-size: 80px;margin-bottom: 20px;}
.page404-content p{font-size: 24px;margin-top: 20px;text-align: center;}
.page404-content a {color: #AA9F91;font-weight:bold;}
.page404-content a:hover {color: #333;}
.search404{margin-top:7vh;width:20%;margin-left:40%}

/**** BUTTON STYLE ME ****/
.btnDown{padding-top:90vh;}
.btnUp {margin-top:-80px!important;}
.btnUpvv{margin-top:-180px!important;}
.BTNio, BTNioF {font-weight:bold;}
.BTNio a:hover {opacity:.9;border:1px solid #AA9F91!important;}
.BTNioF a:hover{letter-spacing:3px!important;}



/*** border run light effect ***/

* {	box-sizing: border-box;}

@property --angle {
  syntax: '<angle>';
  initial-value: 90deg;
  inherits: true;
}

@property --gradX {
  syntax: '<percentage>';
  initial-value: 50%;
  inherits: true;
}

@property --gradY {
  syntax: '<percentage>';
  initial-value: 0%;
  inherits: true;
}
:root {
	--d: 4500ms;
	--angle: 90deg;
	--gradX: 100%;
	--gradY: 50%;
	--c1: rgba(255, 255, 255, 1)!important; /* colore bagliore */
	--c2: rgba(255, 255, 255, 0.3)!important; /* colore bordo fisso */
	--c3: rgba(170, 159, 145, 0.1)!important; /* colore bagliore */
	--c4: rgba(170, 159, 145, 1)!important; /* colore bordo fisso */
}
.boxLight {
	border-image: conic-gradient(from var(--angle), var(--c2), var(--c1) 0.1turn, var(--c1) 0.15turn, var(--c2) 0.25turn) 30;
	animation: borderRotate var(--d) linear infinite forwards;
}
/* color oro */
.boxLightGold a{
	border-image: conic-gradient(from var(--angle), var(--c4), var(--c3) 0.1turn, var(--c3) 0.15turn, var(--c4) 0.25turn) 30!important;	animation: borderRotate var(--d) linear infinite forwards!important;font-weight:bold;letter-spacing:2px; transition: all ease 0.5s; -webkit-transition: all ease 0.5s;padding:1.3rem 3rem!important;}
.boxLightGold a:hover {letter-spacing:3px;}
/* effetto2*/
.boxLight2 {
	border-image: radial-gradient(ellipse at var(--gradX) var(--gradY), var(--c1), var(--c1) 10%, var(--c2) 40%) 30;
	animation: borderRadial var(--d) linear infinite forwards;
}
/* fine effetto2 */

@keyframes borderRotate {
	100% {
		--angle: 420deg;
	}
}

@keyframes borderRadial {
	20% {
		--gradX: 100%;
		--gradY: 50%;
	}
	40% {
		--gradX: 100%;
		--gradY: 100%;
	}
	60% {
		--gradX: 50%;
		--gradY: 100%;
	}
	80% {
		--gradX: 0%;
		--gradY: 50%;
	}
	100% {
		--gradX: 50%;
		--gradY: 0%;
	}
}

/*** glitch button effect ***/
.buttonIO a, buttonIO a::after {
	-webkit-clip-path: polygon(0 27%, 8% 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 27%, 8% 0, 100% 0, 100% 100%, 0% 100%);
  box-shadow: 6px 0px 0px #807568!important;
  outline: transparent;
  position: relative;
  font-weight:bold;
}

.buttonIO a::after {
  --slice-0: inset(50% 50% 50% 50%);
  --slice-1: inset(80% -6px 0 0);
  --slice-2: inset(50% -6px 30% 0);
  --slice-3: inset(10% -6px 85% 0);
  --slice-4: inset(40% -6px 43% 0);
  --slice-5: inset(80% -6px 5% 0);
  
  content: 'CLICCA ORA';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent 3%, #807568 3%, #807568 5%, #e3d8c9 5%);
  text-shadow: -3px -3px 0px #e9e1d8, 3px 3px 0px #807568;
  clip-path: var(--slice-0);
  color:#807568;
  letter-spacing:5px;
}

.buttonIO a:hover::after {
  animation: 1s glitch;
  animation-timing-function: steps(2, end);
}

@keyframes glitch {
  0% {
    clip-path: var(--slice-1);
    transform: translate(-20px, -10px);
  }
  10% {
    clip-path: var(--slice-3);
    transform: translate(10px, 10px);
  }
  20% {
    clip-path: var(--slice-1);
    transform: translate(-10px, 10px);
  }
  30% {
    clip-path: var(--slice-3);
    transform: translate(0px, 5px);
  }
  40% {
    clip-path: var(--slice-2);
    transform: translate(-5px, 0px);
  }
  50% {
    clip-path: var(--slice-3);
    transform: translate(5px, 0px);
  }
  60% {
    clip-path: var(--slice-4);
    transform: translate(5px, 10px);
  }
  70% {
    clip-path: var(--slice-2);
    transform: translate(-10px, 10px);
  }
  80% {
    clip-path: var(--slice-5);
    transform: translate(20px, -10px);
  }
  90% {
    clip-path: var(--slice-1);
    transform: translate(-10px, 0px);
  }
  100% {
    clip-path: var(--slice-1);
    transform: translate(0);
  }
}


/***** KENBURN EFFECT io *****/
.kenburnIo img {
  width: 100%;
  animation: move 30s ease infinite alternate;
  /* togli infinite x no loop, alternate x ritorno */
	
  -ms-animation: move 30s ease infinite alternate;
  -webkit-animation: move 30s ease infinite alternate;
  -0-animation: move 30s ease infinite alternate;
  -moz-animation: move 30s ease infinite alternate;
  position: absolute;
}

@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */    
    -o-transform: scale(1.0);
    /* Opera */    
    -moz-transform: scale(1.0);
    /* Firefox */
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */    
    -webkit-transform: scale(1.2);
    /* Safari and Chrome */    
    -o-transform: scale(1.2);
    /* Opera */    
    -moz-transform: scale(1.2);
    /* Firefox */
  }
}