.magictime-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;.magic-webkit-animation-name:magic;-moz-animation-name:magic;-ms-animation-name:magic;-o-animation-name:magic;animation-name:magic;.openDownLeft-webkit-animation-name:openDownLeft;-moz-animation-name:openDownLeft;-ms-animation-name:openDownLeft;-o-animation-name:openDownLeft;animation-name:openDownLeft;.openDownRight-webkit-animation-name:openDownRight;-moz-animation-name:openDownRight;-ms-animation-name:openDownRight;-o-animation-name:openDownRight;animation-name:openDownRight;.openUpLeft-webkit-animation-name:openUpLeft;-moz-animation-name:openUpLeft;-ms-animation-name:openUpLeft;-o-animation-name:openUpLeft;animation-name:openUpLeft;.openUpRight-webkit-animation-name:openUpRight;-moz-animation-name:openUpRight;-ms-animation-name:openUpRight;-o-animation-name:openUpRight;animation-name:openUpRight;.openDownLeftRetourn-webkit-animation-name:openDownLeftRetourn;-moz-animation-name:openDownLeftRetourn;-ms-animation-name:openDownLeftRetourn;-o-animation-name:openDownLeftRetourn;animation-name:openDownLeftRetourn;.openDownRightRetourn-webkit-animation-name:openDownRightRetourn;-moz-animation-name:openDownRightRetourn;-ms-animation-name:openDownRightRetourn;-o-animation-name:openDownRightRetourn;animation-name:openDownRightRetourn;.openUpLeftRetourn-webkit-animation-name:openUpLeftRetourn;-moz-animation-name:openUpLeftRetourn;-ms-animation-name:openUpLeftRetourn;-o-animation-name:openUpLeftRetourn;animation-name:openUpLeftRetourn;.openUpRightRetourn-webkit-animation-name:openUpRightRetourn;-moz-animation-name:openUpRightRetourn;-ms-animation-name:openUpRightRetourn;-o-animation-name:openUpRightRetourn;animation-name:openUpRightRetourn;.openDownLeftOut-webkit-animation-name:openDownLeftOut;-moz-animation-name:openDownLeftOut;-ms-animation-name:openDownLeftOut;-o-animation-name:openDownLeftOut;animation-name:openDownLeftOut;.openDownRightOut-webkit-animation-name:openDownRightOut;-moz-animation-name:openDownRightOut;-ms-animation-name:openDownRightOut;-o-animation-name:openDownRightOut;animation-name:openDownRightOut;.openUpLeftOut-webkit-animation-name:openUpLeftOut;-moz-animation-name:openUpLeftOut;-ms-animation-name:openUpLeftOut;-o-animation-name:openUpLeftOut;animation-name:openUpLeftOut;.openUpRightOut-webkit-animation-name:openUpRightOut;-moz-animation-name:openUpRightOut;-ms-animation-name:openUpRightOut;-o-animation-name:openUpRightOut;animation-name:openUpRightOut;.perspectiveDown-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveDown;-moz-animation-name:perspectiveDown;-ms-animation-name:perspectiveDown;-o-animation-name:perspectiveDown;animation-name:perspectiveDown;.perspectiveLeft-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveLeft;-moz-animation-name:perspectiveLeft;-ms-animation-name:perspectiveLeft;-o-animation-name:perspectiveLeft;animation-name:perspectiveLeft;.perspectiveRight-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveRight;-moz-animation-name:perspectiveRight;-ms-animation-name:perspectiveRight;-o-animation-name:perspectiveRight;animation-name:perspectiveRight;.perspectiveUp-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveUp;-moz-animation-name:perspectiveUp;-ms-animation-name:perspectiveUp;-o-animation-name:perspectiveUp;animation-name:perspectiveUp;.perspectiveDownRetourn-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveDownRetourn;-moz-animation-name:perspectiveDownRetourn;-ms-animation-name:perspectiveDownRetourn;-o-animation-name:perspectiveDownRetourn;animation-name:perspectiveDownRetourn;.perspectiveLeftRetourn-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveLeftRetourn;-moz-animation-name:perspectiveLeftRetourn;-ms-animation-name:perspectiveLeftRetourn;-o-animation-name:perspectiveLeftRetourn;animation-name:perspectiveLeftRetourn;.perspectiveRightRetourn-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveRightRetourn;-moz-animation-name:perspectiveRightRetourn;-ms-animation-name:perspectiveRightRetourn;-o-animation-name:perspectiveRightRetourn;animation-name:perspectiveRightRetourn;.perspectiveUpRetourn-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:perspectiveUpRetourn;-moz-animation-name:perspectiveUpRetourn;-ms-animation-name:perspectiveUpRetourn;-o-animation-name:perspectiveUpRetourn;animation-name:perspectiveUpRetourn;.puffIn-webkit-animation-name:puffIn;-moz-animation-name:puffIn;-ms-animation-name:puffIn;-o-animation-name:puffIn;animation-name:puffIn;.puffOut-webkit-animation-name:puffOut;-moz-animation-name:puffOut;-ms-animation-name:puffOut;-o-animation-name:puffOut;animation-name:puffOut;.rotateDown-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:rotateDown;-moz-animation-name:rotateDown;-ms-animation-name:rotateDown;-o-animation-name:rotateDown;animation-name:rotateDown;.rotateLeft-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:rotateLeft;-moz-animation-name:rotateLeft;-ms-animation-name:rotateLeft;-o-animation-name:rotateLeft;animation-name:rotateLeft;.rotateRight-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:rotateRight;-moz-animation-name:rotateRight;-ms-animation-name:rotateRight;-o-animation-name:rotateRight;animation-name:rotateRight;.rotateUp-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-ms-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:rotateUp;-moz-animation-name:rotateUp;-ms-animation-name:rotateUp;-o-animation-name:rotateUp;animation-name:rotateUp;.slideDown-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-ms-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown;.slideLeft-webkit-animation-name:slideLeft;-moz-animation-name:slideLeft;-ms-animation-name:slideLeft;-o-animation-name:slideLeft;animation-name:slideLeft;.slideRight-webkit-animation-name:slideRight;-moz-animation-name:slideRight;-ms-animation-name:slideRight;-o-animation-name:slideRight;animation-name:slideRight;.slideUp-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-ms-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp;.slideDownRetourn-webkit-animation-name:slideDownRetourn;-moz-animation-name:slideDownRetourn;-ms-animation-name:slideDownRetourn;-o-animation-name:slideDownRetourn;animation-name:slideDownRetourn;.slideLeftRetourn-webkit-animation-name:slideLeftRetourn;-moz-animation-name:slideLeftRetourn;-ms-animation-name:slideLeftRetourn;-o-animation-name:slideLeftRetourn;animation-name:slideLeftRetourn;.slideRightRetourn-webkit-animation-name:slideRightRetourn;-moz-animation-name:slideRightRetourn;-ms-animation-name:slideRightRetourn;-o-animation-name:slideRightRetourn;animation-name:slideRightRetourn;.slideUpRetourn-webkit-animation-name:slideUpRetourn;-moz-animation-name:slideUpRetourn;-ms-animation-name:slideUpRetourn;-o-animation-name:slideUpRetourn;animation-name:slideUpRetourn;.swap-webkit-animation-name:swap;-moz-animation-name:swap;-ms-animation-name:swap;-o-animation-name:swap;animation-name:swap;.twisterInDown-webkit-animation-name:twisterInDown;-moz-animation-name:twisterInDown;-ms-animation-name:twisterInDown;-o-animation-name:twisterInDown;animation-name:twisterInDown;.twisterInUp-webkit-animation-name:twisterInUp;-moz-animation-name:twisterInUp;-ms-animation-name:twisterInUp;-o-animation-name:twisterInUp;animation-name:twisterInUp;.vanishIn-webkit-animation-name:vanishIn;-moz-animation-name:vanishIn;-ms-animation-name:vanishIn;-o-animation-name:vanishIn;animation-name:vanishIn;.vanishOut-webkit-animation-name:vanishOut;-moz-animation-name:vanishOut;-ms-animation-name:vanishOut;-o-animation-name:vanishOut;animation-name:vanishOut;.swashOut-webkit-animation-name:swashOut;-moz-animation-name:swashOut;-ms-animation-name:swashOut;-o-animation-name:swashOut;animation-name:swashOut;.swashIn-webkit-animation-name:swashIn;-moz-animation-name:swashIn;-ms-animation-name:swashIn;-o-animation-name:swashIn;animation-name:swashIn;.foolishOut-webkit-animation-name:foolishOut;-moz-animation-name:foolishOut;-ms-animation-name:foolishOut;-o-animation-name:foolishOut;animation-name:foolishOut;.foolishIn-webkit-animation-name:foolishIn;-moz-animation-name:foolishIn;-ms-animation-name:foolishIn;-o-animation-name:foolishIn;animation-name:foolishIn;.holeOut-webkit-animation-name:holeOut;-moz-animation-name:holeOut;-ms-animation-name:holeOut;-o-animation-name:holeOut;animation-name:holeOut;.tinRightOut-webkit-animation-name:tinRightOut;-moz-animation-name:tinRightOut;-ms-animation-name:tinRightOut;-o-animation-name:tinRightOut;animation-name:tinRightOut;.tinLeftOut-webkit-animation-name:tinLeftOut;-moz-animation-name:tinLeftOut;-ms-animation-name:tinLeftOut;-o-animation-name:tinLeftOut;animation-name:tinLeftOut;.tinUpOut-webkit-animation-name:tinUpOut;-moz-animation-name:tinUpOut;-ms-animation-name:tinUpOut;-o-animation-name:tinUpOut;animation-name:tinUpOut;.tinDownOut-webkit-animation-name:tinDownOut;-moz-animation-name:tinDownOut;-ms-animation-name:tinDownOut;-o-animation-name:tinDownOut;animation-name:tinDownOut;.tinRightIn-webkit-animation-name:tinRightIn;-moz-animation-name:tinRightIn;-ms-animation-name:tinRightIn;-o-animation-name:tinRightIn;animation-name:tinRightIn;.tinLeftIn-webkit-animation-name:tinLeftIn;-moz-animation-name:tinLeftIn;-ms-animation-name:tinLeftIn;-o-animation-name:tinLeftIn;animation-name:tinLeftIn;.tinUpIn-webkit-animation-name:tinUpIn;-moz-animation-name:tinUpIn;-ms-animation-name:tinUpIn;-o-animation-name:tinUpIn;animation-name:tinUpIn;.tinDownIn-webkit-animation-name:tinDownIn;-moz-animation-name:tinDownIn;-ms-animation-name:tinDownIn;-o-animation-name:tinDownIn;animation-name:tinDownIn;.bombRightOut-webkit-animation-name:bombRightOut;-moz-animation-name:bombRightOut;-ms-animation-name:bombRightOut;-o-animation-name:bombRightOut;animation-name:bombRightOut;.bombLeftOut-webkit-animation-name:bombLeftOut;-moz-animation-name:bombLeftOut;-ms-animation-name:bombLeftOut;-o-animation-name:bombLeftOut;animation-name:bombLeftOut;@-moz-keyframes magic0%opacity:1;-moz-transform-origin:100% 200%;-moz-transform:scale(1, 1) rotate(0deg);100%opacity:0;-moz-transform-origin:200% 500%;-moz-transform:scale(0, 0) rotate(270deg);@-webkit-keyframes magic0%opacity:1;-webkit-transform-origin:100% 200%;-webkit-transform:scale(1, 1) rotate(0deg);100%opacity:0;-webkit-transform-origin:200% 500%;-webkit-transform:scale(0, 0) rotate(270deg);@-o-keyframes magic0%opacity:1;-o-transform-origin:100% 200%;-o-transform:scale(1, 1) rotate(0deg);100%opacity:0;-o-transform-origin:200% 500%;-o-transform:scale(0, 0) rotate(270deg);@-ms-keyframes magic0%opacity:1;-ms-transform-origin:100% 200%;-ms-transform:scale(1, 1) rotate(0deg);100%opacity:0;-ms-transform-origin:200% 500%;-ms-transform:scale(0, 0) rotate(270deg);@keyframes magic0%opacity:1;transform-origin:100% 200%;transform:scale(1, 1) rotate(0deg);100%opacity:0;transform-origin:200% 500%;transform:scale(0, 0) rotate(270deg);@-moz-keyframes openDownLeft0%-moz-transform-origin:bottom left;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;100%-moz-transform-origin:bottom left;-moz-transform:rotate(-110deg);-moz-animation-timing-function:ease-in-out;@-webkit-keyframes openDownLeft0%-webkit-transform-origin:bottom left;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;100%-webkit-transform-origin:bottom left;-webkit-transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;@-o-keyframes openDownLeft0%-o-transform-origin:bottom left;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;100%-o-transform-origin:bottom left;-o-transform:rotate(-110deg);-o-animation-timing-function:ease-in-out;@-ms-keyframes openDownLeft0%-ms-transform-origin:bottom left;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;100%-ms-transform-origin:bottom left;-ms-transform:rotate(-110deg);-ms-animation-timing-function:ease-in-out;@keyframes openDownLeft0%transform-origin:bottom left;transform:rotate(0deg);animation-timing-function:ease-out;100%transform-origin:bottom left;transform:rotate(-110deg);animation-timing-function:ease-in-out;@-moz-keyframes openDownRight0%-moz-transform-origin:bottom right;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;100%-moz-transform-origin:bottom right;-moz-transform:rotate(110deg);-moz-animation-timing-function:ease-in-out;@-webkit-keyframes openDownRight0%-webkit-transform-origin:bottom right;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;100%-webkit-transform-origin:bottom right;-webkit-transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;@-o-keyframes openDownRight0%-o-transform-origin:bottom right;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;100%-o-transform-origin:bottom right;-o-transform:rotate(110deg);-o-animation-timing-function:ease-in-out;@-ms-keyframes openDownRight0%-ms-transform-origin:bottom right;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;100%-ms-transform-origin:bottom right;-ms-transform:rotate(110deg);-ms-animation-timing-function:ease-in-out;@keyframes openDownRight0%transform-origin:bottom right;transform:rotate(0deg);animation-timing-function:ease-out;100%transform-origin:bottom right;transform:rotate(110deg);animation-timing-function:ease-in-out;@-moz-keyframes openUpLeft0%-moz-transform-origin:top left;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;100%-moz-transform-origin:top left;-moz-transform:rotate(110deg);-moz-animation-timing-function:ease-in-out;@-webkit-keyframes openUpLeft0%-webkit-transform-origin:top left;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;100%-webkit-transform-origin:top left;-webkit-transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;@-o-keyframes openUpLeft0%-o-transform-origin:top left;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;100%-o-transform-origin:top left;-o-transform:rotate(110deg);-o-animation-timing-function:ease-in-out;@-ms-keyframes openUpLeft0%-ms-transform-origin:top left;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;100%-ms-transform-origin:top left;-ms-transform:rotate(110deg);-ms-animation-timing-function:ease-in-out;@keyframes openUpLeft0%transform-origin:top left;transform:rotate(0deg);animation-timing-function:ease-out;100%transform-origin:top left;transform:rotate(110deg);animation-timing-function:ease-in-out;@-moz-keyframes openUpRight0%-moz-transform-origin:top right;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;100%-moz-transform-origin:top right;-moz-transform:rotate(-110deg);-moz-animation-timing-function:ease-in-out;@-webkit-keyframes openUpRight0%-webkit-transform-origin:top right;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;100%-webkit-transform-origin:top right;-webkit-transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;@-o-keyframes openUpRight0%-o-transform-origin:top right;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;100%-o-transform-origin:top right;-o-transform:rotate(-110deg);-o-animation-timing-function:ease-in-out;@-ms-keyframes openUpRight0%-ms-transform-origin:top right;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;100%-ms-transform-origin:top right;-ms-transform:rotate(-110deg);-ms-animation-timing-function:ease-in-out;@keyframes openUpRight0%transform-origin:top right;transform:rotate(0deg);animation-timing-function:ease-out;100%transform-origin:top right;transform:rotate(-110deg);animation-timing-function:ease-in-out;@-moz-keyframes openDownLeftRetourn0%-moz-transform-origin:bottom left;-moz-transform:rotate(-110deg);-moz-animation-timing-function:ease-in-out;100%-moz-transform-origin:bottom left;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;@-webkit-keyframes openDownLeftRetourn0%-webkit-transform-origin:bottom left;-webkit-transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;100%-webkit-transform-origin:bottom left;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;@-o-keyframes openDownLeftRetourn0%-o-transform-origin:bottom left;-o-transform:rotate(-110deg);-o-animation-timing-function:ease-in-out;100%-o-transform-origin:bottom left;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;@-ms-keyframes openDownLeftRetourn0%-ms-transform-origin:bottom left;-ms-transform:rotate(-110deg);-ms-animation-timing-function:ease-in-out;100%-ms-transform-origin:bottom left;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;@keyframes openDownLeftRetourn0%transform-origin:bottom left;transform:rotate(-110deg);animation-timing-function:ease-in-out;100%transform-origin:bottom left;transform:rotate(0deg);animation-timing-function:ease-out;@-moz-keyframes openDownRightRetourn0%-moz-transform-origin:bottom right;-moz-transform:rotate(110deg);-moz-animation-timing-function:ease-in-out;100%-moz-transform-origin:bottom right;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;@-webkit-keyframes openDownRightRetourn0%-webkit-transform-origin:bottom right;-webkit-transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;100%-webkit-transform-origin:bottom right;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;@-o-keyframes openDownRightRetourn0%-o-transform-origin:bottom right;-o-transform:rotate(110deg);-o-animation-timing-function:ease-in-out;100%-o-transform-origin:bottom right;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;@-ms-keyframes openDownRightRetourn0%-ms-transform-origin:bottom right;-ms-transform:rotate(110deg);-ms-animation-timing-function:ease-in-out;100%-ms-transform-origin:bottom right;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;@keyframes openDownRightRetourn0%transform-origin:bottom right;transform:rotate(110deg);animation-timing-function:ease-in-out;100%transform-origin:bottom right;transform:rotate(0deg);animation-timing-function:ease-out;@-moz-keyframes openUpLeftRetourn0%-moz-transform-origin:top left;-moz-transform:rotate(110deg);-moz-animation-timing-function:ease-in-out;100%-moz-transform-origin:top left;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;@-webkit-keyframes openUpLeftRetourn0%-webkit-transform-origin:top left;-webkit-transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;100%-webkit-transform-origin:top left;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;@-o-keyframes openUpLeftRetourn0%-o-transform-origin:top left;-o-transform:rotate(110deg);-o-animation-timing-function:ease-in-out;100%-o-transform-origin:top left;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;@-ms-keyframes openUpLeftRetourn0%-ms-transform-origin:top left;-ms-transform:rotate(110deg);-ms-animation-timing-function:ease-in-out;100%-ms-transform-origin:top left;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;@keyframes openUpLeftRetourn0%transform-origin:top left;transform:rotate(110deg);animation-timing-function:ease-in-out;100%transform-origin:top left;transform:rotate(0deg);animation-timing-function:ease-out;@-moz-keyframes openUpRightRetourn0%-moz-transform-origin:top right;-moz-transform:rotate(-110deg);-moz-animation-timing-function:ease-in-out;100%-moz-transform-origin:top right;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;@-webkit-keyframes openUpRightRetourn0%-webkit-transform-origin:top right;-webkit-transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;100%-webkit-transform-origin:top right;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;@-o-keyframes openUpRightRetourn0%-o-transform-origin:top right;-o-transform:rotate(-110deg);-o-animation-timing-function:ease-in-out;100%-o-transform-origin:top right;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;@-ms-keyframes openUpRightRetourn0%-ms-transform-origin:top right;-ms-transform:rotate(-110deg);-ms-animation-timing-function:ease-in-out;100%-ms-transform-origin:top right;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;@keyframes openUpRightRetourn0%transform-origin:top right;transform:rotate(-110deg);animation-timing-function:ease-in-out;100%transform-origin:top right;transform:rotate(0deg);animation-timing-function:ease-out;@-moz-keyframes openDownLeftOut0%opacity:1;-moz-transform-origin:bottom left;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;100%opacity:0;-moz-transform-origin:bottom left;-moz-transform:rotate(-110deg);-moz-animation-timing-function:ease-in-out;@-webkit-keyframes openDownLeftOut0%opacity:1;-webkit-transform-origin:bottom left;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;100%opacity:0;-webkit-transform-origin:bottom left;-webkit-transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;@-o-keyframes openDownLeftOut0%opacity:1;-o-transform-origin:bottom left;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;100%opacity:0;-o-transform-origin:bottom left;-o-transform:rotate(-110deg);-o-animation-timing-function:ease-in-out;@-ms-keyframes openDownLeftOut0%opacity:1;-ms-transform-origin:bottom left;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;100%opacity:0;-ms-transform-origin:bottom left;-ms-transform:rotate(-110deg);-ms-animation-timing-function:ease-in-out;@keyframes openDownLeftOut0%opacity:1;transform-origin:bottom left;transform:rotate(0deg);animation-timing-function:ease-out;100%opacity:0;transform-origin:bottom left;transform:rotate(-110deg);animation-timing-function:ease-in-out;@-moz-keyframes openDownRightOut0%opacity:1;-moz-transform-origin:bottom right;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;100%opacity:0;-moz-transform-origin:bottom right;-moz-transform:rotate(110deg);-moz-animation-timing-function:ease-in-out;@-webkit-keyframes openDownRightOut0%opacity:1;-webkit-transform-origin:bottom right;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;100%opacity:0;-webkit-transform-origin:bottom right;-webkit-transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;@-o-keyframes openDownRightOut0%opacity:1;-o-transform-origin:bottom right;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;100%opacity:0;-o-transform-origin:bottom right;-o-transform:rotate(110deg);-o-animation-timing-function:ease-in-out;@-ms-keyframes openDownRightOut0%opacity:1;-ms-transform-origin:bottom right;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;100%opacity:0;-ms-transform-origin:bottom right;-ms-transform:rotate(110deg);-ms-animation-timing-function:ease-in-out;@keyframes openDownRightOut0%opacity:1;transform-origin:bottom right;transform:rotate(0deg);animation-timing-function:ease-out;100%opacity:0;transform-origin:bottom right;transform:rotate(110deg);animation-timing-function:ease-in-out;@-moz-keyframes openUpLeftOut0%opacity:1;-moz-transform-origin:top left;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;100%opacity:0;-moz-transform-origin:top left;-moz-transform:rotate(110deg);-moz-animation-timing-function:ease-in-out;@-webkit-keyframes openUpLeftOut0%opacity:1;-webkit-transform-origin:top left;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;100%opacity:0;-webkit-transform-origin:top left;-webkit-transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;@-o-keyframes openUpLeftOut0%opacity:1;-o-transform-origin:top left;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;100%opacity:0;-o-transform-origin:top left;-o-transform:rotate(110deg);-o-animation-timing-function:ease-in-out;@-ms-keyframes openUpLeftOut0%opacity:1;-ms-transform-origin:top left;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;100%opacity:0;-ms-transform-origin:top left;-ms-transform:rotate(110deg);-ms-animation-timing-function:ease-in-out;@keyframes openUpLeftOut0%opacity:1;transform-origin:top left;transform:rotate(0deg);animation-timing-function:ease-out;100%opacity:0;transform-origin:top left;transform:rotate(110deg);animation-timing-function:ease-in-out;@-moz-keyframes openUpRightOut0%opacity:1;-moz-transform-origin:top right;-moz-transform:rotate(0deg);-moz-animation-timing-function:ease-out;100%opacity:0;-moz-transform-origin:top right;-moz-transform:rotate(-110deg);-moz-animation-timing-function:ease-in-out;@-webkit-keyframes openUpRightOut0%opacity:1;-webkit-transform-origin:top right;-webkit-transform:rotate(0deg);-webkit-animation-timing-function:ease-out;100%opacity:0;-webkit-transform-origin:top right;-webkit-transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;@-o-keyframes openUpRightOut0%opacity:1;-o-transform-origin:top right;-o-transform:rotate(0deg);-o-animation-timing-function:ease-out;100%opacity:0;-o-transform-origin:top right;-o-transform:rotate(-110deg);-o-animation-timing-function:ease-in-out;@-ms-keyframes openUpRightOut0%opacity:1;-ms-transform-origin:top right;-ms-transform:rotate(0deg);-ms-animation-timing-function:ease-out;100%opacity:0;-ms-transform-origin:top right;-ms-transform:rotate(-110deg);-ms-animation-timing-function:ease-in-out;@keyframes openUpRightOut0%opacity:1;transform-origin:top right;transform:rotate(0deg);animation-timing-function:ease-out;100%opacity:0;transform-origin:top right;transform:rotate(-110deg);animation-timing-function:ease-in-out;@-moz-keyframes perspectiveDown0%-moz-transform-origin:0 100%;-moz-transform:perspective(800px) rotateX(0deg);100%-moz-transform-origin:0 100%;-moz-transform:perspective(800px) rotateX(-180deg);@-webkit-keyframes perspectiveDown0%-webkit-transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0deg);100%-webkit-transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(-180deg);@-o-keyframes perspectiveDown0%-o-transform-origin:0 100%;-o-transform:perspective(800px) rotateX(0deg);100%-o-transform-origin:0 100%;-o-transform:perspective(800px) rotateX(-180deg);@-ms-keyframes perspectiveDown0%-ms-transform-origin:0 100%;-ms-transform:perspective(800px) rotateX(0deg);100%-ms-transform-origin:0 100%;-ms-transform:perspective(800px) rotateX(-180deg);@keyframes perspectiveDown0%transform-origin:0 100%;transform:perspective(800px) rotateX(0deg);100%transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg);@-moz-keyframes perspectiveLeft0%-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateY(0deg);100%-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateY(-180deg);@-webkit-keyframes perspectiveLeft0%-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg);100%-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-180deg);@-o-keyframes perspectiveLeft0%-o-transform-origin:0 0;-o-transform:perspective(800px) rotateY(0deg);100%-o-transform-origin:0 0;-o-transform:perspective(800px) rotateY(-180deg);@-ms-keyframes perspectiveLeft0%-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateY(0deg);100%-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateY(-180deg);@keyframes perspectiveLeft0%transform-origin:0 0;transform:perspective(800px) rotateY(0deg);100%transform-origin:0 0;transform:perspective(800px) rotateY(-180deg);@-moz-keyframes perspectiveRight0%-moz-transform-origin:100% 0;-moz-transform:perspective(800px) rotateY(0deg);100%-moz-transform-origin:100% 0;-moz-transform:perspective(800px) rotateY(180deg);@-webkit-keyframes perspectiveRight0%-webkit-transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0deg);100%-webkit-transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(180deg);@-o-keyframes perspectiveRight0%-o-transform-origin:100% 0;-o-transform:perspective(800px) rotateY(0deg);100%-o-transform-origin:100% 0;-o-transform:perspective(800px) rotateY(180deg);@-ms-keyframes perspectiveRight0%-ms-transform-origin:100% 0;-ms-transform:perspective(800px) rotateY(0deg);100%-ms-transform-origin:100% 0;-ms-transform:perspective(800px) rotateY(180deg);@keyframes perspectiveRight0%transform-origin:100% 0;transform:perspective(800px) rotateY(0deg);100%transform-origin:100% 0;transform:perspective(800px) rotateY(180deg);@-moz-keyframes perspectiveUp0%-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateX(0deg);100%-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateX(180deg);@-webkit-keyframes perspectiveUp0%-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg);100%-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);@-o-keyframes perspectiveUp0%-o-transform-origin:0 0;-o-transform:perspective(800px) rotateX(0deg);100%-o-transform-origin:0 0;-o-transform:perspective(800px) rotateX(180deg);@-ms-keyframes perspectiveUp0%-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateX(0deg);100%-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateX(180deg);@keyframes perspectiveUp0%transform-origin:0 0;transform:perspective(800px) rotateX(0deg);100%transform-origin:0 0;transform:perspective(800px) rotateX(180deg);@-moz-keyframes perspectiveDownRetourn0%-moz-transform-origin:0 100%;-moz-transform:perspective(800px) rotateX(-180deg);100%-moz-transform-origin:0 100%;-moz-transform:perspective(800px) rotateX(0deg);@-webkit-keyframes perspectiveDownRetourn0%-webkit-transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(-180deg);100%-webkit-transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0deg);@-o-keyframes perspectiveDownRetourn0%-o-transform-origin:0 100%;-o-transform:perspective(800px) rotateX(-180deg);100%-o-transform-origin:0 100%;-o-transform:perspective(800px) rotateX(0deg);@-ms-keyframes perspectiveDownRetourn0%-ms-transform-origin:0 100%;-ms-transform:perspective(800px) rotateX(-180deg);100%-ms-transform-origin:0 100%;-ms-transform:perspective(800px) rotateX(0deg);@keyframes perspectiveDownRetourn0%transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg);100%transform-origin:0 100%;transform:perspective(800px) rotateX(0deg);@-moz-keyframes perspectiveLeftRetourn0%-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateY(-180deg);100%-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateY(0deg);@-webkit-keyframes perspectiveLeftRetourn0%-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-180deg);100%-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg);@-o-keyframes perspectiveLeftRetourn0%-o-transform-origin:0 0;-o-transform:perspective(800px) rotateY(-180deg);100%-o-transform-origin:0 0;-o-transform:perspective(800px) rotateY(0deg);@-ms-keyframes perspectiveLeftRetourn0%-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateY(-180deg);100%-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateY(0deg);@keyframes perspectiveLeftRetourn0%transform-origin:0 0;transform:perspective(800px) rotateY(-180deg);100%transform-origin:0 0;transform:perspective(800px) rotateY(0deg);@-moz-keyframes perspectiveRightRetourn0%-moz-transform-origin:100% 0;-moz-transform:perspective(800px) rotateY(180deg);100%-moz-transform-origin:100% 0;-moz-transform:perspective(800px) rotateY(0deg);@-webkit-keyframes perspectiveRightRetourn0%-webkit-transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(180deg);100%-webkit-transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0deg);@-o-keyframes perspectiveRightRetourn0%-o-transform-origin:100% 0;-o-transform:perspective(800px) rotateY(180deg);100%-o-transform-origin:100% 0;-o-transform:perspective(800px) rotateY(0deg);@-ms-keyframes perspectiveRightRetourn0%-ms-transform-origin:100% 0;-ms-transform:perspective(800px) rotateY(180deg);100%-ms-transform-origin:100% 0;-ms-transform:perspective(800px) rotateY(0deg);@keyframes perspectiveRightRetourn0%transform-origin:100% 0;transform:perspective(800px) rotateY(180deg);100%transform-origin:100% 0;transform:perspective(800px) rotateY(0deg);@-moz-keyframes perspectiveUpRetourn0%-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateX(180deg);100%-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateX(0deg);@-webkit-keyframes perspectiveUpRetourn0%-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);100%-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg);@-o-keyframes perspectiveUpRetourn0%-o-transform-origin:0 0;-o-transform:perspective(800px) rotateX(180deg);100%-o-transform-origin:0 0;-o-transform:perspective(800px) rotateX(0deg);@-ms-keyframes perspectiveUpRetourn0%-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateX(180deg);100%-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateX(0deg);@keyframes perspectiveUpRetourn0%transform-origin:0 0;transform:perspective(800px) rotateX(180deg);100%transform-origin:0 0;transform:perspective(800px) rotateX(0deg);@-moz-keyframes puffIn0%opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(2, 2);-moz-filter:blur(2px);100%opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1, 1);-moz-filter:blur(0px);@-webkit-keyframes puffIn0%opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(2, 2);-webkit-filter:blur(2px);100%opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1, 1);-webkit-filter:blur(0px);@-o-keyframes puffIn0%opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(2, 2);-webkit-filter:blur(2px);100%opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1, 1);-webkit-filter:blur(0px);@-ms-keyframes puffIn0%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(2, 2);filter:blur(2px);100%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1, 1);filter:blur(0px);@keyframes puffIn0%opacity:0;transform-origin:50% 50%;transform:scale(2, 2);filter:blur(2px);100%opacity:1;transform-origin:50% 50%;transform:scale(1, 1);filter:blur(0px);@-moz-keyframes puffOut0%opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1, 1);-moz-filter:blur(0px);100%opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(2, 2);-moz-filter:blur(2px);@-webkit-keyframes puffOut0%opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1, 1);-webkit-filter:blur(0px);100%opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(2, 2);-webkit-filter:blur(2px);@-o-keyframes puffOut0%opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1, 1);-webkit-filter:blur(0px);100%opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(2, 2);-webkit-filter:blur(2px);@-ms-keyframes puffOut0%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1, 1);filter:blur(0px);100%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(2, 2);filter:blur(2px);@keyframes puffOut0%opacity:1;transform-origin:50% 50%;transform:scale(1, 1);-webkit-filter:blur(0px);100%opacity:0;transform-origin:50% 50%;transform:scale(2, 2);-webkit-filter:blur(2px);@-moz-keyframes rotateDown0%opacity:1;-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateX(0deg) translateZ(0px);100%opacity:0;-moz-transform-origin:50% 100%;-moz-transform:perspective(800px) rotateX(-180deg) translateZ(300px);@-webkit-keyframes rotateDown0%opacity:1;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0px);100%opacity:0;-webkit-transform-origin:50% 100%;-webkit-transform:perspective(800px) rotateX(-180deg) translateZ(300px);@-o-keyframes rotateDown0%opacity:1;-o-transform-origin:0 0;-o-transform:perspective(800px) rotateX(0deg) translateZ(0px);100%opacity:0;-o-transform-origin:50% 100%;-o-transform:perspective(800px) rotateX(-180deg) translateZ(300px);@-ms-keyframes rotateDown0%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateX(0deg) translateZ(0px);100%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 100%;-ms-transform:perspective(800px) rotateX(-180deg) translateZ(300px);@keyframes rotateDown0%opacity:1;transform-origin:0 0;transform:perspective(800px) rotateX(0deg) translateZ(0px);100%opacity:0;transform-origin:50% 100%;transform:perspective(800px) rotateX(-180deg) translateZ(300px);@-moz-keyframes rotateLeft0%opacity:1;-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateY(0deg) translateZ(0px);100%opacity:0;-moz-transform-origin:50% 0;-moz-transform:perspective(800px) rotateY(180deg) translateZ(300px);@-webkit-keyframes rotateLeft0%opacity:1;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg) translateZ(0px);100%opacity:0;-webkit-transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(180deg) translateZ(300px);@-o-keyframes rotateLeft0%opacity:1;-o-transform-origin:0 0;-o-transform:perspective(800px) rotateY(0deg) translateZ(0px);100%opacity:0;-o-transform-origin:50% 0;-o-transform:perspective(800px) rotateY(180deg) translateZ(300px);@-ms-keyframes rotateLeft0%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateY(0deg) translateZ(0px);100%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 0;-ms-transform:perspective(800px) rotateY(180deg) translateZ(300px);@keyframes rotateLeft0%opacity:1;transform-origin:0 0;transform:perspective(800px) rotateY(0deg) translateZ(0px);100%opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateY(180deg) translateZ(300px);@-moz-keyframes rotateRight0%opacity:1;-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateY(0deg) translate3d(0px);100%opacity:0;-moz-transform-origin:50% 0;-moz-transform:perspective(800px) rotateY(-180deg) translateZ(150px);@-webkit-keyframes rotateRight0%opacity:1;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg) translate3d(0px);100%opacity:0;-webkit-transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(-180deg) translateZ(150px);@-o-keyframes rotateRight0%opacity:1;-o-transform-origin:0 0;-o-transform:perspective(800px) rotateY(0deg) translate3d(0px);100%opacity:0;-o-transform-origin:50% 0;-o-transform:perspective(800px) rotateY(-180deg) translateZ(150px);@-ms-keyframes rotateRight0%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateY(0deg) translate3d(0px);100%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 0;-ms-transform:perspective(800px) rotateY(-180deg) translateZ(150px);@keyframes rotateRight0%opacity:1;transform-origin:0 0;transform:perspective(800px) rotateY(0deg) translate3d(0px);100%opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateY(-180deg) translateZ(150px);@-moz-keyframes rotateUp0%opacity:1;-moz-transform-origin:0 0;-moz-transform:perspective(800px) rotateX(0deg) translateZ(0px);100%opacity:0;-moz-transform-origin:50% 0;-moz-transform:perspective(800px) rotateX(180deg) translateZ(100px);@-webkit-keyframes rotateUp0%opacity:1;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0px);100%opacity:0;-webkit-transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(180deg) translateZ(100px);@-o-keyframes rotateUp0%opacity:1;-o-transform-origin:0 0;-o-transform:perspective(800px) rotateX(0deg) translateZ(0px);100%opacity:0;-o-transform-origin:50% 0;-o-transform:perspective(800px) rotateX(180deg) translateZ(100px);@-ms-keyframes rotateUp0%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0 0;-ms-transform:perspective(800px) rotateX(0deg) translateZ(0px);100%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 0;-ms-transform:perspective(800px) rotateX(180deg) translateZ(100px);@keyframes rotateUp0%opacity:1;transform-origin:0 0;transform:perspective(800px) rotateX(0deg) translateZ(0px);100%opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateX(180deg) translateZ(100px);@-moz-keyframes slideDown0%-moz-transform-origin:0 0;-moz-transform:translateY(0%);100%-moz-transform-origin:0 0;-moz-transform:translateY(100%);@-webkit-keyframes slideDown0%-webkit-transform-origin:0 0;-webkit-transform:translateY(0%);100%-webkit-transform-origin:0 0;-webkit-transform:translateY(100%);@-o-keyframes slideDown0%-o-transform-origin:0 0;-o-transform:translateY(0%);100%-o-transform-origin:0 0;-o-transform:translateY(100%);@-ms-keyframes slideDown0%-ms-transform-origin:0 0;-ms-transform:translateY(0%);100%-ms-transform-origin:0 0;-ms-transform:translateY(100%);@keyframes slideDown0%transform-origin:0 0;transform:translateY(0%);100%transform-origin:0 0;transform:translateY(100%);@-moz-keyframes slideLeft0%-moz-transform-origin:0 0;-moz-transform:translateX(0%);100%-moz-transform-origin:0 0;-moz-transform:translateX(-100%);@-webkit-keyframes slideLeft0%-webkit-transform-origin:0 0;;-webkit-transform:translateX(0%);100%-webkit-transform-origin:0 0;-webkit-transform:translateX(-100%);@-o-keyframes slideLeft0%-o-transform-origin:0 0;-o-transform:translateX(0%);100%-o-transform-origin:0 0;-o-transform:translateX(-100%);@-ms-keyframes slideLeft0%-ms-transform-origin:0 0;-ms-transform:translateX(0%);100%-ms-transform-origin:0 0;-ms-transform:translateX(-100%);@keyframes slideLeft0%transform-origin:0 0;transform:translateX(0%);100%transform-origin:0 0;transform:translateX(-100%);@-moz-keyframes slideRight0%-moz-transform-origin:0 0;-moz-transform:translateX(0%);100%-moz-transform-origin:0 0;-moz-transform:translateX(100%);@-webkit-keyframes slideRight0%-webkit-transform-origin:0 0;-webkit-transform:translateX(0%);100%-webkit-transform-origin:0 0;-webkit-transform:translateX(100%);@-o-keyframes slideRight0%-o-transform-origin:0 0;-o-transform:translateX(0%);100%-o-transform-origin:0 0;-o-transform:translateX(100%);@-ms-keyframes slideRight0%-ms-transform-origin:0 0;-ms-transform:translateX(0%);100%-ms-transform-origin:0 0;-ms-transform:translateX(100%);@keyframes slideRight0%transform-origin:0 0;transform:translateX(0%);100%transform-origin:0 0;transform:translateX(100%);@-moz-keyframes slideUp0%-moz-transform-origin:0 0;-moz-transform:translateY(0%);100%-moz-transform-origin:0 0;-moz-transform:translateY(-100%);@-webkit-keyframes slideUp0%-webkit-transform-origin:0 0;-webkit-transform:translateY(0%);100%-webkit-transform-origin:0 0;-webkit-transform:translateY(-100%);@-o-keyframes slideUp0%-o-transform-origin:0 0;-o-transform:translateY(0%);100%-o-transform-origin:0 0;-o-transform:translateY(-100%);@-ms-keyframes slideUp0%-ms-transform-origin:0 0;-ms-transform:translateY(0%);100%-ms-transform-origin:0 0;-ms-transform:translateY(-100%);@keyframes slideUp0%transform-origin:0 0;transform:translateY(0%);100%transform-origin:0 0;transform:translateY(-100%);@-moz-keyframes slideDownRetourn0%-moz-transform-origin:0 0;-moz-transform:translateY(100%);100%-moz-transform-origin:0 0;-moz-transform:translateY(0%);@-webkit-keyframes slideDownRetourn0%-webkit-transform-origin:0 0;-webkit-transform:translateY(100%);100%-webkit-transform-origin:0 0;-webkit-transform:translateY(0%);@-o-keyframes slideDownRetourn0%-o-transform-origin:0 0;-o-transform:translateY(100%);100%-o-transform-origin:0 0;-o-transform:translateY(0%);@-ms-keyframes slideDownRetourn0%-ms-transform-origin:0 0;-ms-transform:translateY(100%);100%-ms-transform-origin:0 0;-ms-transform:translateY(0%);@keyframes slideDownRetourn0%transform-origin:0 0;transform:translateY(100%);100%transform-origin:0 0;transform:translateY(0%);@-moz-keyframes slideLeftRetourn0%-moz-transform-origin:0 0;-moz-transform:translateX(-100%);100%-moz-transform-origin:0 0;-moz-transform:translateX(0%);@-webkit-keyframes slideLeftRetourn0%-webkit-transform-origin:0 0;-webkit-transform:translateX(-100%);100%-webkit-transform-origin:0 0;-webkit-transform:translateX(0%);@-o-keyframes slideLeftRetourn0%-o-transform-origin:0 0;-o-transform:translateX(-100%);100%-o-transform-origin:0 0;-o-transform:translateX(0%);@-ms-keyframes slideLeftRetourn0%-ms-transform-origin:0 0;-ms-transform:translateX(-100%);100%-ms-transform-origin:0 0;-ms-transform:translateX(0%);@keyframes slideLeftRetourn0%transform-origin:0 0;transform:translateX(-100%);100%transform-origin:0 0;transform:translateX(0%);@-moz-keyframes slideRightRetourn0%-moz-transform-origin:0 0;-moz-transform:translateX(100%);100%-moz-transform-origin:0 0;-moz-transform:translateX(0%);@-webkit-keyframes slideRightRetourn0%-webkit-transform-origin:0 0;-webkit-transform:translateX(100%);100%-webkit-transform-origin:0 0;-webkit-transform:translateX(0%);@-o-keyframes slideRightRetourn0%-o-transform-origin:0 0;-o-transform:translateX(100%);100%-o-transform-origin:0 0;-o-transform:translateX(0%);@-ms-keyframes slideRightRetourn0%-ms-transform-origin:0 0;-ms-transform:translateX(100%);100%-ms-transform-origin:0 0;-ms-transform:translateX(0%);@keyframes slideRightRetourn0%transform-origin:0 0;transform:translateX(100%);100%transform-origin:0 0;transform:translateX(0%);@-moz-keyframes slideUpRetourn0%-moz-transform-origin:0 0;-moz-transform:translateY(-100%);100%-moz-transform-origin:0 0;-moz-transform:translateY(0%);@-webkit-keyframes slideUpRetourn0%-webkit-transform-origin:0 0;-webkit-transform:translateY(-100%);100%-webkit-transform-origin:0 0;-webkit-transform:translateY(0%);@-o-keyframes slideUpRetourn0%-o-transform-origin:0 0;-o-transform:translateY(-100%);100%-o-transform-origin:0 0;-o-transform:translateY(0%);@-ms-keyframes slideUpRetourn0%-ms-transform-origin:0 0;-ms-transform:translateY(-100%);100%-ms-transform-origin:0 0;-ms-transform:translateY(0%);@keyframes slideUpRetourn0%transform-origin:0 0;transform:translateY(-100%);100%transform-origin:0 0;transform:translateY(0%);@-moz-keyframes swap0%opacity:0;-moz-transform-origin:0 100%;-moz-transform:scale(0, 0) translate(-700px, 0px);100%opacity:1;-moz-transform-origin:100% 100%;-moz-transform:scale(1, 1) translate(0px, 0px);@-webkit-keyframes swap0%opacity:0;-webkit-transform-origin:0 100%;-webkit-transform:scale(0, 0) translate(-700px, 0px);100%opacity:1;-webkit-transform-origin:100% 100%;-webkit-transform:scale(1, 1) translate(0px, 0px);;@-o-keyframes swap0%opacity:0;-o-transform-origin:0 100%;-o-transform:scale(0, 0) translate(-700px, 0px);100%opacity:1;-o-transform-origin:100% 100%;-o-transform:scale(1, 1) translate(0px, 0px);@-ms-keyframes swap0%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:0 100%;-ms-transform:scale(0, 0) translate(-700px, 0px);100%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:100% 100%;-ms-transform:scale(1, 1) translate(0px, 0px);@keyframes swap0%opacity:0;transform-origin:0 100%;transform:scale(0, 0) translate(-700px, 0px);100%opacity:1;transform-origin:100% 100%;transform:scale(1, 1) translate(0px, 0px);@-moz-keyframes twisterInDown0%opacity:0;-moz-transform-origin:0 100%;-moz-transform:scale(0, 0) rotate(360deg) translateY(-100%);30%-moz-transform-origin:0 100%;-moz-transform:scale(0, 0) rotate(360deg) translateY(-100%);100%opacity:1;-moz-transform-origin:100% 100%;-moz-transform:scale(1, 1) rotate(0deg) translateY(0%);@-webkit-keyframes twisterInDown0%opacity:0;-webkit-transform-origin:0 100%;-webkit-transform:scale(0, 0) rotate(360deg) translateY(-100%);30%-webkit-transform-origin:0 100%;-webkit-transform:scale(0, 0) rotate(360deg) translateY(-100%);100%opacity:1;-webkit-transform-origin:100% 100%;-webkit-transform:scale(1, 1) rotate(0deg) translateY(0%);@-o-keyframes twisterInDown0%opacity:0;-o-transform-origin:0 100%;-o-transform:scale(0, 0) rotate(360deg) translateY(-100%);30%-o-transform-origin:0 100%;-o-transform:scale(0, 0) rotate(360deg) translateY(-100%);100%opacity:1;-o-transform-origin:100% 100%;-o-transform:scale(1, 1) rotate(0deg) translateY(0%);@-ms-keyframes twisterInDown0%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:0 100%;-ms-transform:scale(0, 0) rotate(360deg) translateY(-100%);30%-ms-transform-origin:0 100%;-ms-transform:scale(0, 0) rotate(360deg) translateY(-100%);100%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:100% 100%;-ms-transform:scale(1, 1) rotate(0deg) translateY(0%);@keyframes twisterInDown0%opacity:0;transform-origin:0 100%;transform:scale(0, 0) rotate(360deg) translateY(-100%);30%transform-origin:0 100%;transform:scale(0, 0) rotate(360deg) translateY(-100%);100%opacity:1;transform-origin:100% 100%;transform:scale(1, 1) rotate(0deg) translateY(0%);@-moz-keyframes twisterInUp0%opacity:0;-moz-transform-origin:100% 0;-moz-transform:scale(0, 0) rotate(360deg) translateY(100%);30%-moz-transform-origin:100% 0;-moz-transform:scale(0, 0) rotate(360deg) translateY(100%);100%opacity:1;-moz-transform-origin:0 0;-moz-transform:scale(1, 1) rotate(0deg) translateY(0);@-webkit-keyframes twisterInUp0%opacity:0;-webkit-transform-origin:100% 0;-webkit-transform:scale(0, 0) rotate(360deg) translateY(100%);30%-webkit-transform-origin:100% 0;-webkit-transform:scale(0, 0) rotate(360deg) translateY(100%);100%opacity:1;-webkit-transform-origin:0 0;-webkit-transform:scale(1, 1) rotate(0deg) translateY(0);@-o-keyframes twisterInUp0%opacity:0;-o-transform-origin:100% 0;-o-transform:scale(0, 0) rotate(360deg) translateY(100%);30%-o-transform-origin:100% 0;-o-transform:scale(0, 0) rotate(360deg) translateY(100%);100%opacity:1;-o-transform-origin:0 0;-o-transform:scale(1, 1) rotate(0deg) translateY(0);@-ms-keyframes twisterInUp0%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:100% 0;-ms-transform:scale(0, 0) rotate(360deg) translateY(100%);30%;-ms-transform-origin:100% 0;-ms-transform:scale(0, 0) rotate(360deg) translateY(100%);100%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0 0;-ms-transform:scale(1, 1) rotate(0deg) translateY(0);@keyframes twisterInUp0%opacity:0;transform-origin:100% 0;transform:scale(0, 0) rotate(360deg) translateY(100%);30%transform-origin:100% 0;transform:scale(0, 0) rotate(360deg) translateY(100%);100%opacity:1;transform-origin:0 0;transform:scale(1, 1) rotate(0deg) translateY(0);@-moz-keyframes vanishIn0%opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(2, 2);-webkit-filter:blur(90px);100%opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1, 1);-webkit-filter:blur(0px);@-webkit-keyframes vanishIn0%opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(2, 2);-webkit-filter:blur(90px);100%opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1, 1);-webkit-filter:blur(0px);@-o-keyframes vanishIn0%opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(2, 2);-webkit-filter:blur(90px);100%opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1, 1);-webkit-filter:blur(0px);@-ms-keyframes vanishIn0%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(2, 2);-webkit-filter:blur(90px);100%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1, 1);-webkit-filter:blur(0px);@keyframes vanishIn0%opacity:0;transform-origin:50% 50%;transform:scale(2, 2);-webkit-filter:blur(90px);100%opacity:1;transform-origin:50% 50%;transform:scale(1, 1);-webkit-filter:blur(0px);@-moz-keyframes vanishOut0%opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1, 1);-webkit-filter:blur(0px);100%opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(2, 2);-webkit-filter:blur(20px);@-webkit-keyframes vanishOut0%opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1, 1);-webkit-filter:blur(0px);100%opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(2, 2);-webkit-filter:blur(20px);@-o-keyframes vanishOut0%opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1, 1);-webkit-filter:blur(0px);100%opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(2, 2);-webkit-filter:blur(20px);@-ms-keyframes vanishOut0%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1, 1);-webkit-filter:blur(0px);100%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(2, 2);-webkit-filter:blur(20px);@keyframes vanishOut0%opacity:1;transform-origin:50% 50%;transform:scale(1, 1);-webkit-filter:blur(0px);100%opacity:0;transform-origin:50% 50%;transform:scale(2, 2);-webkit-filter:blur(20px);@-moz-keyframes swashOut0%opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1, 1);80%opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(0.9, 0.9);100%opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(0, 0);@-webkit-keyframes swashOut0%opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1, 1);transform:scale(1, 1);80%opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0.9, 0.9);100%opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0, 0);@-o-keyframes swashOut0%opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1, 1);80%opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(0.9, 0.9);100%opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(0, 0);@-ms-keyframes swashOut0%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1, 1);80%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(0.9, 0.9);100%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(0, 0);@keyframes swashOut0%opacity:1;transform-origin:50% 50%;transform:scale(1, 1);80%opacity:1;transform-origin:50% 50%;transform:scale(0.9, 0.9);100%opacity:0;transform-origin:50% 50%;transform:scale(0, 0);@-moz-keyframes swashIn0%opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(0, 0);90%opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(0.9, 0.9);100%opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1, 1);@-webkit-keyframes swashIn0%opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0, 0);90%opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0.9, 0.9);100%opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1, 1);@-o-keyframes swashIn0%opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(0, 0);90%opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(0.9, 0.9);100%opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1, 1);@-ms-keyframes swashIn0%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(0, 0);90%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(0.9, 0.9);100%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1, 1);@keyframes swashIn0%opacity:0;transform-origin:50% 50%;transform:scale(0, 0);90%opacity:1;transform-origin:50% 50%;transform:scale(0.9, 0.9);100%opacity:1;transform-origin:50% 50%;transform:scale(1, 1);@-moz-keyframes foolishOut0%opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1, 1) rotate(360deg);20%opacity:1;-moz-transform-origin:0% 0%;-moz-transform:scale(0.5, 0.5) rotate(0deg);40%opacity:1;-moz-transform-origin:100% 0%;-moz-transform:scale(0.5, 0.5) rotate(0deg);60%opacity:1;-moz-transform-origin:0%;-moz-transform:scale(0.5, 0.5) rotate(0deg);80%opacity:1;-moz-transform-origin:0% 100%;-moz-transform:scale(0.5, 0.5) rotate(0deg);100%opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(0, 0) rotate(0deg);@-webkit-keyframes foolishOut0%opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1, 1) rotate(360deg);20%opacity:1;-webkit-transform-origin:0% 0%;-webkit-transform:scale(0.5, 0.5) rotate(0deg);40%opacity:1;-webkit-transform-origin:100% 0%;-webkit-transform:scale(0.5, 0.5) rotate(0deg);60%opacity:1;-webkit-transform-origin:0%;-webkit-transform:scale(0.5, 0.5) rotate(0deg);80%opacity:1;-webkit-transform-origin:0% 100%;-webkit-transform:scale(0.5, 0.5) rotate(0deg);100%opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0, 0) rotate(0deg);@-o-keyframes foolishOut0%opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1, 1) rotate(360deg);20%opacity:1;-o-transform-origin:0% 0%;-o-transform:scale(0.5, 0.5) rotate(0deg);40%opacity:1;-o-transform-origin:100% 0%;-o-transform:scale(0.5, 0.5) rotate(0deg);60%opacity:1;-o-transform-origin:0%;-o-transform:scale(0.5, 0.5) rotate(0deg);80%opacity:1;-o-transform-origin:0% 100%;-o-transform:scale(0.5, 0.5) rotate(0deg);100%opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(0, 0) rotate(0deg);@-ms-keyframes foolishOut0%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1, 1) rotate(360deg);20%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0% 0%;-ms-transform:scale(0.5, 0.5) rotate(0deg);40%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:100% 0%;-ms-transform:scale(0.5, 0.5) rotate(0deg);60%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0%;-ms-transform:scale(0.5, 0.5) rotate(0deg);80%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0% 100%;-ms-transform:scale(0.5, 0.5) rotate(0deg);100%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(0, 0) rotate(0deg);@keyframes foolishOut0%opacity:1;transform-origin:50% 50%;transform:scale(1, 1) rotate(360deg);20%opacity:1;transform-origin:0% 0%;transform:scale(0.5, 0.5) rotate(0deg);40%opacity:1;transform-origin:100% 0%;transform:scale(0.5, 0.5) rotate(0deg);60%opacity:1;transform-origin:0%;transform:scale(0.5, 0.5) rotate(0deg);80%opacity:1;transform-origin:0% 100%;transform:scale(0.5, 0.5) rotate(0deg);100%opacity:0;transform-origin:50% 50%;transform:scale(0, 0) rotate(0deg);@-moz-keyframes foolishIn0%opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(0, 0) rotate(360deg);20%opacity:1;-moz-transform-origin:0% 100%;-moz-transform:scale(0.5, 0.5) rotate(0deg);40%opacity:1;-moz-transform-origin:100% 100%;-moz-transform:scale(0.5, 0.5) rotate(0deg);60%opacity:1;-moz-transform-origin:0%;-moz-transform:scale(0.5, 0.5) rotate(0deg);80%opacity:1;-moz-transform-origin:0% 0%;-moz-transform:scale(0.5, 0.5) rotate(0deg);100%opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1, 1) rotate(0deg);@-webkit-keyframes foolishIn0%opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0, 0) rotate(360deg);20%opacity:1;-webkit-transform-origin:0% 100%;-webkit-transform:scale(0.5, 0.5) rotate(0deg);40%opacity:1;-webkit-transform-origin:100% 100%;-webkit-transform:scale(0.5, 0.5) rotate(0deg);60%opacity:1;-webkit-transform-origin:0%;-webkit-transform:scale(0.5, 0.5) rotate(0deg);80%opacity:1;-webkit-transform-origin:0% 0%;-webkit-transform:scale(0.5, 0.5) rotate(0deg);100%opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1, 1) rotate(0deg);@-o-keyframes foolishIn0%opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(0, 0) rotate(360deg);20%opacity:1;-o-transform-origin:0% 100%;-o-transform:scale(0.5, 0.5) rotate(0deg);40%opacity:1;-o-transform-origin:100% 100%;-o-transform:scale(0.5, 0.5) rotate(0deg);60%opacity:1;-o-transform-origin:0%;-o-transform:scale(0.5, 0.5) rotate(0deg);80%opacity:1;-o-transform-origin:0% 0%;-o-transform:scale(0.5, 0.5) rotate(0deg);100%opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1, 1) rotate(0deg);@-ms-keyframes foolishIn0%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(0, 0) rotate(360deg);20%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0% 100%;-ms-transform:scale(0.5, 0.5) rotate(0deg);40%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:100% 100%;-ms-transform:scale(0.5, 0.5) rotate(0deg);60%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0%;-ms-transform:scale(0.5, 0.5) rotate(0deg);80%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:0% 0%;-ms-transform:scale(0.5, 0.5) rotate(0deg);100%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1, 1) rotate(0deg);@keyframes foolishIn0%opacity:0;transform-origin:50% 50%;transform:scale(0, 0) rotate(360deg);20%opacity:1;transform-origin:0% 100%;transform:scale(0.5, 0.5) rotate(0deg);40%opacity:1;transform-origin:100% 100%;transform:scale(0.5, 0.5) rotate(0deg);60%opacity:1;transform-origin:0%;transform:scale(0.5, 0.5) rotate(0deg);80%opacity:1;transform-origin:0% 0%;transform:scale(0.5, 0.5) rotate(0deg);100%opacity:1;transform-origin:50% 50%;transform:scale(1, 1) rotate(0deg);@-moz-keyframes holeOut0%opacity:1;-moz-transform-origin:50% 50%;-moz-transform:scale(1, 1) rotateY(0deg);100%opacity:0;-moz-transform-origin:50% 50%;-moz-transform:scale(0, 0) rotateY(180deg);@-webkit-keyframes holeOut0%opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1, 1) rotateY(0deg);100%opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0, 0) rotateY(180deg);@-o-keyframes holeOut0%opacity:1;-o-transform-origin:50% 50%;-o-transform:scale(1, 1) rotateY(0deg);100%opacity:0;-o-transform-origin:50% 50%;-o-transform:scale(0, 0) rotateY(180deg);@-ms-keyframes holeOut0%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:scale(1, 1) rotateY(0deg);100%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:50% 50%;-ms-transform:scale(0, 0) rotateY(180deg);@keyframes holeOut0%opacity:1;transform-origin:50% 50%;transform:scale(1, 1) rotateY(0deg);100%opacity:0;transform-origin:50% 50%;transform:scale(0, 0) rotateY(180deg);@-moz-keyframes tinRightOut0%, 20%, 40%, 50%opacity:1;-moz-transform:scale(1, 1) translateX(0);10%, 30%opacity:1;-moz-transform:scale(1.1, 1.1) translateX(0);100%opacity:0;-moz-transform:scale(1, 1) translateX(900%);@-webkit-keyframes tinRightOut0%, 20%, 40%, 50%opacity:1;-webkit-transform:scale(1, 1) translateX(0);10%, 30%opacity:1;-webkit-transform:scale(1.1, 1.1) translateX(0);100%opacity:0;-webkit-transform:scale(1, 1) translateX(900%);@-o-keyframes tinRightOut0%, 20%, 40%, 50%opacity:1;-o-transform:scale(1, 1) translateX(0);10%, 30%opacity:1;-o-transform:scale(1.1, 1.1) translateX(0);100%opacity:0;-o-transform:scale(1, 1) translateX(900%);@-ms-keyframes tinRightOut0%, 20%, 40%, 50%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1, 1) translateX(0);10%, 30%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1, 1.1) translateX(0);100%opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1, 1) translateX(900%);@keyframes tinRightOut0%, 20%, 40%, 50%opacity:1;transform:scale(1, 1) translateX(0);10%, 30%opacity:1;transform:scale(1.1, 1.1) translateX(0);100%opacity:0;transform:scale(1, 1) translateX(900%);@-moz-keyframes tinLeftOut0%, 20%, 40%, 50%opacity:1;-moz-transform:scale(1, 1) translateX(0);10%, 30%opacity:1;-moz-transform:scale(1.1, 1.1) translateX(0);100%opacity:0;-moz-transform:scale(1, 1) translateX(-900%);@-webkit-keyframes tinLeftOut0%, 20%, 40%, 50%opacity:1;-webkit-transform:scale(1, 1) translateX(0);10%, 30%opacity:1;-webkit-transform:scale(1.1, 1.1) translateX(0);100%opacity:0;-webkit-transform:scale(1, 1) translateX(-900%);@-o-keyframes tinLeftOut0%, 20%, 40%, 50%opacity:1;-o-transform:scale(1, 1) translateX(0);10%, 30%opacity:1;-o-transform:scale(1.1, 1.1) translateX(0);100%opacity:0;-o-transform:scale(1, 1) translateX(-900%);@-ms-keyframes tinLeftOut0%, 20%, 40%, 50%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1, 1) translateX(0);10%, 30%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1, 1.1) translateX(0);100%opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1, 1) translateX(-900%);@keyframes tinLeftOut0%, 20%, 40%, 50%opacity:1;transform:scale(1, 1) translateX(0);10%, 30%opacity:1;transform:scale(1.1, 1.1) translateX(0);100%opacity:0;transform:scale(1, 1) translateX(-900%);@-moz-keyframes tinUpOut0%, 20%, 40%, 50%opacity:1;-moz-transform:scale(1, 1) translateY(0);10%, 30%opacity:1;-moz-transform:scale(1.1, 1.1) translateY(0);100%opacity:0;-moz-transform:scale(1, 1) translateY(-900%);@-webkit-keyframes tinUpOut0%, 20%, 40%, 50%opacity:1;-webkit-transform:scale(1, 1) translateY(0);10%, 30%opacity:1;-webkit-transform:scale(1.1, 1.1) translateY(0);100%opacity:0;-webkit-transform:scale(1, 1) translateY(-900%);@-o-keyframes tinUpOut0%, 20%, 40%, 50%opacity:1;-o-transform:scale(1, 1) translateY(0);10%, 30%opacity:1;-o-transform:scale(1.1, 1.1) translateY(0);100%opacity:0;-o-transform:scale(1, 1) translateY(-900%);@-ms-keyframes tinUpOut0%, 20%, 40%, 50%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1, 1) translateY(0);10%, 30%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1, 1.1) translateY(0);100%opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1, 1) translateY(-900%);@keyframes tinUpOut0%, 20%, 40%, 50%opacity:1;transform:scale(1, 1) translateY(0);10%, 30%opacity:1;transform:scale(1.1, 1.1) translateY(0);100%opacity:0;transform:scale(1, 1) translateY(-900%);@-moz-keyframes tinDownOut0%, 20%, 40%, 50%opacity:1;-moz-transform:scale(1, 1) translateY(0);10%, 30%opacity:1;-moz-transform:scale(1.1, 1.1) translateY(0);100%opacity:0;-moz-transform:scale(1, 1) translateY(900%);@-webkit-keyframes tinDownOut0%, 20%, 40%, 50%opacity:1;-webkit-transform:scale(1, 1) translateY(0);10%, 30%opacity:1;-webkit-transform:scale(1.1, 1.1) translateY(0);100%opacity:0;-webkit-transform:scale(1, 1) translateY(900%);@-o-keyframes tinDownOut0%, 20%, 40%, 50%opacity:1;-o-transform:scale(1, 1) translateY(0);10%, 30%opacity:1;-o-transform:scale(1.1, 1.1) translateY(0);100%opacity:0;-o-transform:scale(1, 1) translateY(900%);@-ms-keyframes tinDownOut0%, 20%, 40%, 50%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1, 1) translateY(0);10%, 30%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1, 1.1) translateY(0);100%opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1, 1) translateY(900%);@keyframes tinDownOut0%, 20%, 40%, 50%opacity:1;transform:scale(1, 1) translateY(0);10%, 30%opacity:1;transform:scale(1.1, 1.1) translateY(0);100%opacity:0;transform:scale(1, 1) translateY(900%);@-moz-keyframes tinRightIn0%opacity:0;-moz-transform:scale(1, 1) translateX(900%);50%, 70%, 90%opacity:1;-moz-transform:scale(1.1, 1.1) translateX(0);60%, 80%, 100%opacity:1;-moz-transform:scale(1, 1) translateX(0);@-webkit-keyframes tinRightIn0%opacity:0;-webkit-transform:scale(1, 1) translateX(900%);50%, 70%, 90%opacity:1;-webkit-transform:scale(1.1, 1.1) translateX(0);60%, 80%, 100%opacity:1;-webkit-transform:scale(1, 1) translateX(0);@-o-keyframes tinRightIn0%opacity:0;-o-transform:scale(1, 1) translateX(900%);50%, 70%, 90%opacity:1;-o-transform:scale(1.1, 1.1) translateX(0);60%, 80%, 100%opacity:1;-o-transform:scale(1, 1) translateX(0);@-ms-keyframes tinRightIn0%opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1, 1) translateX(900%);50%, 70%, 90%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1, 1.1) translateX(0);60%, 80%, 100%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1, 1) translateX(0);@keyframes tinRightIn0%opacity:0;transform:scale(1, 1) translateX(900%);50%, 70%, 90%opacity:1;transform:scale(1.1, 1.1) translateX(0);60%, 80%, 100%opacity:1;transform:scale(1, 1) translateX(0);@-moz-keyframes tinLeftIn0%opacity:0;-moz-transform:scale(1, 1) translateX(-900%);50%, 70%, 90%opacity:1;-moz-transform:scale(1.1, 1.1) translateX(0);60%, 80%, 100%opacity:1;-moz-transform:scale(1, 1) translateX(0);@-webkit-keyframes tinLeftIn0%opacity:0;-webkit-transform:scale(1, 1) translateX(-900%);50%, 70%, 90%opacity:1;-webkit-transform:scale(1.1, 1.1) translateX(0);60%, 80%, 100%opacity:1;-webkit-transform:scale(1, 1) translateX(0);@-o-keyframes tinLeftIn0%opacity:0;-o-transform:scale(1, 1) translateX(-900%);50%, 70%, 90%opacity:1;-o-transform:scale(1.1, 1.1) translateX(0);60%, 80%, 100%opacity:1;-o-transform:scale(1, 1) translateX(0);@-ms-keyframes tinLeftIn0%opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1, 1) translateX(-900%);50%, 70%, 90%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1, 1.1) translateX(0);60%, 80%, 100%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1, 1) translateX(0);@keyframes tinLeftIn0%opacity:0;transform:scale(1, 1) translateX(-900%);50%, 70%, 90%opacity:1;transform:scale(1.1, 1.1) translateX(0);60%, 80%, 100%opacity:1;transform:scale(1, 1) translateX(0);@-moz-keyframes tinUpIn0%opacity:0;-moz-transform:scale(1, 1) translateY(-900%);50%, 70%, 90%opacity:1;-moz-transform:scale(1.1, 1.1) translateY(0);60%, 80%, 100%opacity:1;-moz-transform:scale(1, 1) translateY(0);@-webkit-keyframes tinUpIn0%opacity:0;-webkit-transform:scale(1, 1) translateY(-900%);50%, 70%, 90%opacity:1;-webkit-transform:scale(1.1, 1.1) translateY(0);60%, 80%, 100%opacity:1;-webkit-transform:scale(1, 1) translateY(0);@-o-keyframes tinUpIn0%opacity:0;-o-transform:scale(1, 1) translateY(-900%);50%, 70%, 90%opacity:1;-o-transform:scale(1.1, 1.1) translateY(0);60%, 80%, 100%opacity:1;-o-transform:scale(1, 1) translateY(0);@-ms-keyframes tinUpIn0%opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1, 1) translateY(-900%);50%, 70%, 90%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1, 1.1) translateY(0);60%, 80%, 100%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1, 1) translateY(0);@keyframes tinUpIn0%opacity:0;transform:scale(1, 1) translateY(-900%);50%, 70%, 90%opacity:1;transform:scale(1.1, 1.1) translateY(0);60%, 80%, 100%opacity:1;transform:scale(1, 1) translateY(0);@-moz-keyframes tinDownIn0%opacity:0;-moz-transform:scale(1, 1) translateY(900%);50%, 70%, 90%opacity:1;-moz-transform:scale(1.1, 1.1) translateY(0);60%, 80%, 100%opacity:1;-moz-transform:scale(1, 1) translateY(0);@-webkit-keyframes tinDownIn0%opacity:0;-webkit-transform:scale(1, 1) translateY(900%);50%, 70%, 90%opacity:1;-webkit-transform:scale(1.1, 1.1) translateY(0);60%, 80%, 100%opacity:1;-webkit-transform:scale(1, 1) translateY(0);@-o-keyframes tinDownIn0%opacity:0;-o-transform:scale(1, 1) translateY(900%);50%, 70%, 90%opacity:1;-o-transform:scale(1.1, 1.1) translateY(0);60%, 80%, 100%opacity:1;-o-transform:scale(1, 1) translateY(0);@-ms-keyframes tinDownIn0%opacity:0;filter:alpha(opacity=0);-ms-transform:scale(1, 1) translateY(900%);50%, 70%, 90%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1.1, 1.1) translateY(0);60%, 80%, 100%opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1, 1) translateY(0);@keyframes tinDownIn0%opacity:0;transform:scale(1, 1) translateY(900%);50%, 70%, 90%opacity:1;transform:scale(1.1, 1.1) translateY(0);60%, 80%, 100%opacity:1;transform:scale(1, 1) translateY(0);@-moz-keyframes bombRightOut0%opacity:1;-moz-transform-origin:50% 50%;-moz-transform:rotate(0deg);-webkit-filter:blur(0px);50%opacity:1;-moz-transform-origin:200% 50%;-moz-transform:rotate(160deg);-webkit-filter:blur(0px);100%opacity:0;-moz-transform-origin:200% 50%;-moz-transform:rotate(160deg);-webkit-filter:blur(20px);@-webkit-keyframes bombRightOut0%opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:rotate(0deg);-webkit-filter:blur(0px);50%opacity:1;-webkit-transform-origin:200% 50%;-webkit-transform:rotate(160deg);-webkit-filter:blur(0px);100%opacity:0;-webkit-transform-origin:200% 50%;-webkit-transform:rotate(160deg);-webkit-filter:blur(20px);@-o-keyframes bombRightOut0%opacity:1;-o-transform-origin:50% 50%;-o-transform:rotate(0deg);-webkit-filter:blur(0px);50%opacity:1;-o-transform-origin:200% 50%;-o-transform:rotate(160deg);-webkit-filter:blur(0px);100%opacity:0;-o-transform-origin:200% 50%;-o-transform:rotate(160deg);-webkit-filter:blur(20px);@-ms-keyframes bombRightOut0%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:rotate(0deg);-webkit-filter:blur(0px);50%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:200% 50%;-ms-transform:rotate(160deg);-webkit-filter:blur(0px);100%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:200% 50%;-ms-transform:rotate(160deg);-webkit-filter:blur(20px);@keyframes bombRightOut0%opacity:1;transform-origin:50% 50%;transform:rotate(0deg);-webkit-filter:blur(0px);50%opacity:1;transform-origin:200% 50%;transform:rotate(160deg);-webkit-filter:blur(0px);100%opacity:0;transform-origin:200% 50%;transform:rotate(160deg);-webkit-filter:blur(20px);@-moz-keyframes bombLeftOut0%opacity:1;-moz-transform-origin:50% 50%;-moz-transform:rotate(0deg);-webkit-filter:blur(0px);50%opacity:1;-moz-transform-origin:-100% 50%;-moz-transform:rotate(-160deg);-webkit-filter:blur(0px);100%opacity:0;-moz-transform-origin:-100% 50%;-moz-transform:rotate(-160deg);-webkit-filter:blur(20px);@-webkit-keyframes bombLeftOut0%opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:rotate(0deg);-webkit-filter:blur(0px);50%opacity:1;-webkit-transform-origin:-100% 50%;-webkit-transform:rotate(-160deg);-webkit-filter:blur(0px);100%opacity:0;-webkit-transform-origin:-100% 50%;-webkit-transform:rotate(-160deg);-webkit-filter:blur(20px);@-o-keyframes bombLeftOut0%opacity:1;-o-transform-origin:50% 50%;-o-transform:rotate(0deg);-webkit-filter:blur(0px);50%opacity:1;-o-transform-origin:-100% 50%;-o-transform:rotate(-160deg);-webkit-filter:blur(0px);100%opacity:0;-o-transform-origin:-100% 50%;-o-transform:rotate(-160deg);-webkit-filter:blur(20px);@-ms-keyframes bombLeftOut0%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:50% 50%;-ms-transform:rotate(0deg);-webkit-filter:blur(0px);50%opacity:1;filter:alpha(opacity=100);-ms-transform-origin:-100% 50%;-ms-transform:rotate(-160deg);-webkit-filter:blur(0px);100%opacity:0;filter:alpha(opacity=0);-ms-transform-origin:-100% 50%;-ms-transform:rotate(-160deg);-webkit-filter:blur(20px);@keyframes bombLeftOut0%opacity:1;transform-origin:50% 50%;transform:rotate(0deg);-webkit-filter:blur(0px);50%opacity:1;transform-origin:-100% 50%;transform:rotate(-160deg);-webkit-filter:blur(0px);100%opacity:0;transform-origin:-100% 50%;transform:rotate(-160deg);-webkit-filter:blur(20px); {
}

.cd-top {
  display: inline-block;
  height: 45px;
  width: 45px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(255,204,0,0.85) url(/wp-content/themes/quattri/assets/img/to-top.png?x72574) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 9999;
  border-radius: 30px;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-fade-out {
  opacity: .8;
}

.no-touch .cd-top:hover {
  background-color: #8f9888;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 85px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 50px;
    width: 50px;
    right: 30px;
    bottom: 30px;
  }
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #1f2925;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/wp-content/themes/quattri/assets/img/loading.gif?x72574) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/wp-content/themes/quattri/assets/img/prev.png?x72574) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/wp-content/themes/quattri/assets/img/next.png?x72574) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 12px;
  font-weight: bold;  
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/wp-content/themes/quattri/assets/img/close.png?x72574) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
body {
  overflow-x: hidden;
  font-family: 'Roboto' !important;
}

#barra .container {
  max-width: 1134px;
}

.navbar-light .navbar-toggler {
  color: #000000 !important;
  border-color: #000000;
}

.navbar {
  min-height: 90px !important;
  z-index: 999;
  background: rgba(255,255,255,0.7);
  font-size: 14px;
  font-weight: 700;
}

@media (min-width: 1800px) {
  .navbar {
    font-size: 16px;
  }
}

.navbar img {
  height: 70px;
}

.nav-link {
  color: #000000 !important;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  margin: 0;
}

.nav-link:hover {
  color: #ffcc00 !important;
}

#carousel {
  height: 100vh;
}

#side-menu {
  background: #8F9888 ;
   -webkit-box-shadow: -2px 0px 6px rgba(0,0,0,0.43);
  -moz-box-shadow: -2px 0px 6px rgba(0,0,0,0.43);
  box-shadow: -2px 0px 6px rgba(0,0,0,0.43);
}

.carousel-inner, .carousel-item {
  height: 100%;
}

.carousel-item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.slides {
  padding-top: 150px;
  padding-right: 65px;
  padding-left: 65px;
  padding-bottom: 100px;
}

@media (min-width: 992px) {
  .slides {
    padding-top: 176px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 80px;
  }
}

@media (min-width: 1800px) {
  .slides {
    padding-top: 272px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 152px;
  }
}

.slides h1 {
  margin: 0px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 28px;
  font-weight: 500;
  text-shadow: 0px 3px 6px rgba(0,0,0,0.4);
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  .slides h1 {
    font-size: 36px;
  }
}

@media (min-width: 1800px) {
  .slides h1 {
    font-size: 48px;
  }
}

.slides h2 {
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  text-shadow: 0px 3px 6px rgba(0,0,0,0.4);
}

@media (min-width: 992px) {
  .slides h2 {
    font-size: 24px;
  }
}

@media (min-width: 1800px) {
  .slides h2 {
    font-size: 40px;
  }
}

#empresa {
  width: 100%;
  height: 100%;
  background: #555555;
  /* Old browsers */background: -moz-linear-gradient(top, #555555 0%, #000000 100%);
  /* FF3.6-15 */background: -webkit-linear-gradient(top, #555555 0%,#000000 100%);
  /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #555555 0%,#000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#000000',GradientType=0 );
  padding-bottom: 48px;
  padding-top: 48px;
}

@media (min-width: 1800px) {
  #empresa {
    padding-bottom: 96px;
    padding-top: 96px;
  }
}

#linhaEmpresa {
  margin: 0;
  padding: 0;
}

#colunaEsquerdaEmpresa {
  margin: 0;
  padding: 0px 25px 0px 0px;
}

#caixaTextoEmpresa {
  width: 100%;
  height: 100%;
  background: #8f9888;
  margin-top: 0;
  padding: 48px 40px 48px 80px;
  border-radius: 0px 15px 15px 0px;
  -webkit-box-shadow: 9px 0px 13px -3px rgba(0,0,0,0.43);
  -moz-box-shadow: 9px 0px 13px -3px rgba(0,0,0,0.43);
  box-shadow: 9px 0px 13px -3px rgba(0,0,0,0.43);
}

#caixaTextoEmpresa h1 {
  font-size: 32px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 32px;
}

@media (min-width: 992px) {
  #caixaTextoEmpresa h1 {
    font-size: 40px;
  }
}

@media (min-width: 1800px) {
  #caixaTextoEmpresa h1 {
    font-size: 48px;
  }
}

#colunaEsquerdaEmpresa p {
  font-size: 14px;
  margin-bottom: 32px;
}

@media (min-width: 1800px) {
  #colunaEsquerdaEmpresa p {
    font-size: 16px;
    margin-bottom: 32px;
  }
}

#colunaDireitaEmpresa {
  padding: 48px 10px 10px 10px;
}

@media (min-width: 992px) {
  #colunaDireitaEmpresa {
    margin-top: 0px;
    padding: 20px 25px 25px 20px;
  }
}

#caixaConteudoTrabalhos {
  width: 100%;
  height: 100%;
  padding: 0px 40px;
}

#caixaConteudoTrabalhos h2 {
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  #caixaConteudoTrabalhos h2 {
    font-size: 24px;
    margin-bottom: 56px;
  }
}

@media (min-width: 1800px) {
  #caixaConteudoTrabalhos h2 {
    font-size: 36px;
  }
}

.btn-center {
  text-align: center;
  margin-top: 32px;
}

@media (min-width: 992px) {
  .btn-center {
    margin-top: 56px;
  }
}

.projetos > .row {
  overflow-y: hidden;
  overflow-x: auto;
  flex-wrap: nowrap;
  padding-bottom: 32px;
}

@media (min-width: 992px) {
  .projetos > .row {
    padding-bottom: 56px;
  }
}

.projetos > .row > .itemProjetos {
  display: inline-block;
}

.itemProjetos {
  height: 220px;
}

@media (min-width: 576px) {
  .itemProjetos {
    height: 455px;
  }
}

@media (min-width: 768px) {
  .itemProjetos {
    height: 226px;
  }
}

@media (min-width: 992px) {
  .itemProjetos {
    height: 250px;
  }
}

@media (min-width: 1200px) {
  .itemProjetos {
    height: 240px;
  }
}

@media (min-width: 1800px) {
  .itemProjetos {
    height: 320px;
  }
}

.imgProjetos {
  width: 90%;
  height: 90%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 12px;
  cursor: pointer;
}

.imgProjetosBack {
  width: 90%;
  height: 90%;
  margin-top: 12px;
  cursor: pointer;
  padding: 20px 15px;
}

.imgProjetosBack h3 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

@media (min-width: 1800px) {
  .imgProjetosBack h3 {
    font-size: 24px;
  }
}

.divisorProjetosBack {
  width: 48px;
  height: 2px;
  background: black;
  margin: 0 auto;
}

.imgProjetosBack i {
  font-size: 36px;
}

a .imgProjetosBack {
  text-decoration: none;
  color: black;
}

.itemProjetos > .imgProjetos {
  position: absolute;
  -webkit-transform: perspective( 600px ) rotateY( 0deg );
  transform: perspective( 600px ) rotateY( 0deg );
  -webkit-backface-visibility: hidden;
  border-radius: 0 15px;
  backface-visibility: hidden;
  transition: -webkit-transform .5s linear 0s;
  transition: transform .5s linear 0s;
}

.itemProjetos > a .imgProjetosBack {
  position: absolute;
  -webkit-transform: perspective( 600px ) rotateY( 180deg );
  transform: perspective( 600px ) rotateY( 180deg );
  background: #FDCC01;
  border-radius: 0 15px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform .5s linear 0s;
  transition: transform .5s linear 0s;
}

.itemProjetos:hover > .imgProjetos {
  -webkit-transform: perspective( 600px ) rotateY( -180deg );
  transform: perspective( 600px ) rotateY( -180deg );
}

.itemProjetos:hover > a .imgProjetosBack {
  -webkit-transform: perspective( 600px ) rotateY( 0deg );
  transform: perspective( 600px ) rotateY( 0deg );
}

/* personalizar a barra em geral, aqui estou definindo 10px de largura para a barra verticale 10px de altura para a barra horizontal */

.linhaProjetos::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  border-radius: 7px;
}

/* aqui é para personalizar o fundo da barra, neste caso estou colocando um fundo cinza escuro */

.linhaProjetos::-webkit-scrollbar-track {
  background-color: #333;
  border-radius: 7px;
}

/* aqui é a alça da barra, que demonstra a altura que você está na páginaestou colocando uma cor azul clara nela */

.linhaProjetos::-webkit-scrollbar-thumb {
  background-color: #ffcc00;
  border-radius: 10px;
}

.botaoLaranja {
  background-color: #ffcc00 !important;
  border-radius: 18px !important;
  padding: 8px 25px 8px 25px !important;
  border: 0px !important;
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease-out !important;
}

.botaoLaranja:hover {
  background-color: #A56F08 !important;
  color: #ffffff !important;
}

.botaoBranco {
  background-color: #ffffff !important;
  border-radius: 20px !important;
  padding: 10px 25px 10px 25px !important;
  border: 0 !important;
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease-out !important;
}

.botaoBranco:hover {
  background-color: #6d6d6d !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.tituloLaranja {
  text-transform: uppercase;
  color: #ffcc00;
}

#clientes {
  width: 100%;
  height: 100%;
  padding: 48px 30px 16px 30px;
  background: #EFEFEF;
}

#clientes .container {
  max-width: 1134px;
}

@media (min-width: 992px) {
  #clientes {
    padding: 56px 30px 24px 30px;
  }
}

@media (min-width: 1800px) {
  #clientes {
    padding: 96px 30px 64px 30px;
  }
}

#clientes h1 {
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  margin: 0;
  margin-bottom: 32px;
}

@media (min-width: 992px) {
  #clientes h1 {
    font-size: 40px;
  }
}

@media (min-width: 1800px) {
  #clientes h1 {
    font-size: 48px;
  }
}

.tituloPreto {
  text-transform: uppercase;
  color: #000000;
}

.logoCliente {
  text-align: center;
}

.logoCliente img {
  max-width: 200px;
  max-height: 90px;
  margin-bottom: 32px;
}

@media (min-width: 1800px) {
  .logoCliente img {
    max-width: 230px;
    max-height: 140px;
    margin-bottom: 30px;
  }
}

#orcamento {
  width: 100%;
  min-height: 590px;
  padding: 70px 72px;
  background-image: url(/wp-content/themes/quattri/assets/img/puzzle.jpg?x72574);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 1800px) {
  #orcamento {
    min-height: 686px;
  }
}

#orcamento h1 {
  font-size: 36px;
  font-weight: 500;
  color: white;
  text-shadow: 0px 3px 6px rgba(0,0,0,0.4);
  margin: 0;
  margin-bottom: 72px;
}

@media (min-width: 992px) {
  #orcamento h1 {
    font-size: 40px;
    margin-bottom: 30px;
  }
}

@media (min-width: 1800px) {
  #orcamento h1 {
    font-size: 48px;
    margin-bottom: 30px;
  }
}

#orcamento h2 {
  font-size: 24px;
  font-weight: 100;
  color: white;
  text-shadow: 0px 3px 6px rgba(0,0,0,0.4);
  margin-bottom: 86px;
}

@media (min-width: 992px) {
  #orcamento h2 {
    font-size: 28px;
    margin-bottom: 60px;
  }
}

@media (min-width: 1800px) {
  #orcamento h2 {
    font-size: 36px;
    margin-bottom: 60px;
  }
}

#artigos {
  width: 100%;
  height: 100%;
  padding: 48px 30px 48px 30px;
  Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#605e5e+0,060606+100 */background: rgb(96,94,94);
  /* Old browsers */background: -moz-linear-gradient(top, rgba(96,94,94,1) 0%, rgba(6,6,6,1) 100%);
  /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(96,94,94,1) 0%,rgba(6,6,6,1) 100%);
  /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(96,94,94,1) 0%,rgba(6,6,6,1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#605e5e', endColorstr='#060606',GradientType=0 );
}

@media (min-width: 992px) {
  #artigos {
    padding: 56px 30px 56px 30px;
  }
}

@media (min-width: 1800px) {
  #artigos {
    padding: 96px 30px 96px 30px;
  }
}

#artigos h1 {
  font-size: 32px;
  text-align: center;
  margin: 0;
  margin-bottom: 24px;
  color: #ffffff;
}

@media (min-width: 992px) {
  #artigos h1 {
    font-size: 40px;
  }
}

@media (min-width: 1800px) {
  #artigos h1 {
    font-size: 48px;
  }
}

#artigos .container {
  max-width: 1134px;
}

.linhaArtigos {
  margin-bottom: 12px;
}

@media (min-width: 992px) {
  .linhaArtigos {
    margin-bottom: 32px;
  }
}

.itemArtigos {
  height: 220px;
  margin-bottom: 20px;
}

@media (min-width: 576px) {
  .itemArtigos {
    height: 450px;
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .itemArtigos {
    height: 320px;
    margin-bottom: 0;
  }
}

.itemArtigosEspaco {
  margin-bottom: 24px;
}

.imgArtigos {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0 15px;
}

#artigos .itemProjetos {
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  #artigos .itemProjetos {
    margin-bottom: 0px;
  }
}

.imgArtigos a {
  color: #ffffff;
}

.imgArtigos a:hover {
  color: black;
  text-decoration: none;
}

.imgArtigos a .txtimgArtigos {
  width: 100%;
  height: 100%;
  padding: 24px;
  border-radius: 0 15px;
  transition: all .5s ease-in;
  background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(128,128,128,0) 25%, rgba(0,0,0,0.23) 50%, rgba(0,0,0,0.7) 100%);
  /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(128,128,128,0) 25%,rgba(0,0,0,0.23) 50%,rgba(0,0,0,0.7) 100%);
  /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(128,128,128,0) 25%,rgba(0,0,0,0.23) 50%,rgba(0,0,0,0.7) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#b3000000',GradientType=0 );
}

.imgArtigos a .txtimgArtigos:hover {
  background: rgba(253,204,1,0.8);
}

.dataImgArtigos p {
  font-size: 10px;
  text-align: left;
  margin: 0;
  margin-bottom: 4px;
}

@media (min-width: 992px) {
  .dataImgArtigos p {
    font-size: 12px;
  }
}

.dataImgArtigos p i {
  margin-right: 4px;
}

.dataImgArtigos h3 {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  margin: 0;
  margin-bottom: 4px;
}

@media (min-width: 992px) {
  .dataImgArtigos h3 {
    font-size: 18px;
  }
}

.formNewsLetter {
  margin-top: 24px;
  margin-bottom: 0;
  padding: 0px 20px;
}

@media (min-width: 768px) {
  .formNewsLetter {
    margin-bottom: 16px;
  }
}

.formNewsLetter p {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: white;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .formNewsLetter p {
    font-size: 16px;
    margin: 0;
  }
}

.mc4wp-form-fields {
  display: block;
}

@media (min-width: 768px) {
.mc4wp-form-fields {
  display: flex;
}

}

.mc4wp-form-fields input {
  font-size: 14px;
  background-color: #e3e3e3 !important;
  border: 0;
  width: 100%;
  padding: 8px;
  margin: 0px 0px 8px 0px;
}

@media (min-width: 768px) {
.mc4wp-form-fields input {
  margin: 0px 8px;
}
}

.mc4wp-form-fields .btn {
  margin: 0;
  padding: 0;
  padding-right: 0;
  color: #FDCC01 !important;
}

.mc4wp-alert {
  margin-top: 8px;
}

@media (min-width: 768px) {
.mc4wp-alert {
  margin-top: 16px;
}
}

/*@media (min-width: 768px) {
  .mc4wp-form-fields.btn {
    padding-right: 50px;
  }
}*/

.mc4wp-form-fields .btn:hover {
  margin: 0;
  padding: 0;
  padding-right: 0;
  color: #A56F08 !important;
}

.formNewsLetter i {
  font-size: 32px;
}

.formNewsLetterArtigos {
  padding:0px !important;
  margin-top: 32px;
}

.formNewsLetterArtigos .mc4wp-form-fields {
  display: block;
}

.formNewsLetterArtigos p {
  margin-bottom: 16px;
}

.formNewsLetterArtigos input {
  margin-bottom: 16px;
}

.formNewsLetterArtigos .btn, .formNewsLetterArtigos .btn:hover {
  padding-right: 0;
}

#contato {
  width: 100%;
  height: 100%;
  padding: 56px 30px 56px 30px;
  background: #EFEFEF;
}

@media (min-width: 992px) {
  #contato {
    padding: 56px 30px 56px 30px;
  }
}

@media (min-width: 1800px) {
  #contato {
    padding: 96px 30px 96px 30px;
  }
}

#contato .container {
  max-width: 768px;
}

#contato h1 {
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  margin: 0;
  margin-bottom: 24px;
  color: #333232;
}

@media (min-width: 992px) {
  #contato h1 {
    font-size: 40px;
  }
}

@media (min-width: 1800px) {
  #contato h1 {
    font-size: 48px;
  }
}

/*#contato input {
  font-size: 14px;
  border: 1px solid #CCC8C8;
}*/

.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 input[type="url"] {
    font-size: 14px !important;
    border: 1px solid #CCC8C8 !important;
    border-radius: 5px;
    width: 100%;
    padding: 8px !important;
}

.wpcf7 select {
  background: red;
  width: 100%;
  padding: 10px !important;
  height: 20px;
  line-height: 14px;
}

.wpcf7-submit {
  background-color: #ffcc00;
  border-radius: 18px;
  padding: 8px 25px 8px 25px;
  border: 0px;
  color: #000000;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
}

.wpcf7-submit:hover {
  background-color: #A56F08;
  color: #ffffff;
}

.wpcf7-not-valid-tip {
  font-size: 12px !important;
  margin-top: 4px;
}

.wpcf7-validation-errors {
  font-size: 13px !important;
  color: black !important;
  background: #FFCC00;
  border: 0 !important;
}

.wpcf7-mail-sent-ok {
  font-size: 13px !important;
  color: white !important;
  background: #4ca06d;
  border: 0 !important;
}

.wpcf7-mail-sent-ng {
  font-size: 13px !important;
  color: white !important;
  background: #a04c4c;
  border: 0 !important;
}

.mc4wp-checkbox-contact-form-7 {
  font-size: 14px;
  font-weight: 500;
  color: #555;
}

.mc4wp-checkbox-contact-form-7 input[type="checkbox"]{
  margin-right: 8px;
}

footer {
  width: 100%;
  padding: 48px 74px 48px 74px;
  background: #8F9888;
}

footer .container {
  max-width: 1134px;
}

footer h1 {
  font-size: 14px;
  font-weight: 500;
  color: #ffcc00;
  text-align: center;
  margin: 0;
  margin-top: 24px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  footer h1 {
    text-align: left;
    margin-top: 0;
  }
}

footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: -3px;
  text-align: center;
}

footer li {
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  footer ul {
    text-align: left;
  }
}

footer a {
  font-size: 13px;
  font-weight: 100;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  transition: all 0.3s ease-out;
  margin: 0;
  margin-bottom: 8px;
  transition: all 0.3s ease-out;
}

@media (min-width: 768px) {
  footer a {
    text-align: left;
  }
}

@media (min-width: 1800px) {
  footer a {
    font-size: 14px;
  }
}

footer a p {
    transition: all 0.3s ease-out;
}

footer a:hover, footer a p:hover {
  text-decoration: none;
  color: #694c15;
}

footer p {
  font-size: 13px;
  font-weight: 100;
  color: #ffffff;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 0;
}

footer p i {
  font-size: 16px;
  margin-right: 5px;
}

@media (min-width: 768px) {
  footer p {
    text-align: left;
  }
}

@media (min-width: 1800px) {
  footer p {
    font-size: 14px;
  }
}

footer .redesSociais {
  text-align: center;
}

@media (min-width: 768px) {
  footer .redesSociais {
    text-align: left;
  }
}

footer .redesSociais i {
  margin-right: 10px;
  color: #ffffff;
  font-size: 1.5em;
  cursor: pointer;
  transition: all 0.3s ease-out;
}

footer .redesSociais i:hover {
  color: #694C15;
}

footer .creditos p {
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  margin: 0;
  margin-top: 20px;
}

#socialBar {
  width: 40px;
  height: 150px;
  background: rgba(0,0,0,0.70);
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0 15px 15px 0;
  -webkit-box-shadow: 2px 4px 6px rgba(0,0,0,0.43);
  -moz-box-shadow: 2px 4px 6px rgba(0,0,0,0.43);
  box-shadow: 2px 4px 6px rgba(0,0,0,0.43);
  padding-top: 17px;
  padding-bottom: 17px;
  padding-right: 3px;
  z-index: 998;
}

#socialBar i {
  color: white;
  font-size: 1.3em;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

#socialBar i:hover {
  color: #ffcc00;
}


footer .partner {
	margin: 0;
	padding: 0;
	margin-left: -10px;
	text-align: center;
}

@media (min-width: 768px) {
  footer .partner {
    text-align: left;
  }
}

.box {
  width: 100%;
  height: 180px;
  float: left;
  position: relative;
  margin-bottom: 30px;
}

.box-content {
  display: block;
  padding: 20px;
  width: 100%;
  height: 100%;
  background: #333;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.box-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0 15px;
  margin-bottom: 35px;
}

a.link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
}

#conteudo {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 120px 24px 24px 24px;
  min-height: 500px;
  Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#605e5e+0,060606+100 */background: rgb(96,94,94);
  /* Old browsers */background: -moz-linear-gradient(top, rgba(96,94,94,1) 0%, rgba(6,6,6,1) 100%);
  /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(96,94,94,1) 0%,rgba(6,6,6,1) 100%);
  /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(96,94,94,1) 0%,rgba(6,6,6,1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#605e5e', endColorstr='#060606',GradientType=0 );
}

@media (min-width: 992px) {
  #conteudo {
    min-height: 700px;
    padding: 130px 20px 40px 20px;
  }
}

#conteudo .container {
  max-width: 1134px;
}

#conteudo h1 {
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 16px;
  color: white;
  text-transform: uppercase;
  text-shadow: 0px 3px 6px rgba(0,0,0,0.4);
}

@media (min-width: 992px) {
  #conteudo h1 {
    font-size: 40px;
    margin-bottom: 24px;
  }
}

@media (min-width: 1800px) {
  #conteudo h1 {
    font-size: 48px;
    margin-bottom: 40px;
  }
}

#conteudo h2 {
  font-size: 16px;
  font-weight: 100;
  text-align: center;
  color: white;
  margin: 0;
  margin-bottom: 24px;
}

@media (min-width: 992px) {
  #conteudo h2 {
    font-size: 18px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1800px) {
  #conteudo h2 {
    font-size: 18px;
    margin-bottom: 40px;
  }
}

#botoesCategoria {
  text-align: center;
  margin-bottom: 19px;
}

@media (min-width: 992px) {
  #botoesCategoria {
    margin-bottom: 35px;
  }
}

.botaoCategoria {
  background-color: transparent !important;
  border-radius: 20px !important;
  padding: 8px 25px 8px 25px !important;
  border: 2px solid #FDCC01 !important;
  color: #FDCC01 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin: 5px !important;
}

@media (max-width: 411px) {
  .botaoCategoria {
    min-width: 240px !important;
  }
}

.botaoCategoria:hover {
  background-color: #FDCC01 !important;
  color: black !important;
}

.botaoCategoria:active {
  background-color: #FDCC01;
  color: black !important;
}

#conteudo #resultados {
  text-align: center;
  min-height: 300px;
  padding: 0px 10px;
}

.itemPortfolio {
  height: 240px;
}

@media (min-width: 576px) {
  .itemPortfolio {
    height: 550px;
  }
}

@media (min-width: 992px) {
  .itemPortfolio {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .itemPortfolio {
    height: 280px;
  }
}

@media (min-width: 1800px) {
  .itemPortfolio {
    height: 280px;
  }
}

.imgPortfolio {
  width: 90%;
  height: 90%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 12px;
  cursor: pointer;
}

.imgPortfolioBack {
  width: 90%;
  height: 90%;
  margin-top: 12px;
  cursor: pointer;
  padding: 20px 15px;
}

.imgPortfolioBack h3 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

@media (min-width: 1800px) {
  .imgPortfolioBack h3 {
    font-size: 24px;
  }
}

.divisorPortfolioBack {
  width: 48px;
  height: 2px;
  background: black;
  margin: 0 auto;
}

.imgPortfolioBack i {
  font-size: 36px;
}

a .imgPortfolioBack {
  text-decoration: none;
  color: black;
}

.itemPortfolio > .imgPortfolio {
  position: absolute;
  -webkit-transform: perspective( 600px ) rotateY( 0deg );
  transform: perspective( 600px ) rotateY( 0deg );
  -webkit-backface-visibility: hidden;
  border-radius: 0 15px;
  backface-visibility: hidden;
  transition: -webkit-transform .5s linear 0s;
  transition: transform .5s linear 0s;
}

.itemPortfolio > a .imgPortfolioBack {
  position: absolute;
  -webkit-transform: perspective( 600px ) rotateY( 180deg );
  transform: perspective( 600px ) rotateY( 180deg );
  background: #FDCC01;
  border-radius: 0 15px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform .5s linear 0s;
  transition: transform .5s linear 0s;
}

.itemPortfolio:hover > .imgPortfolio {
  -webkit-transform: perspective( 600px ) rotateY( -180deg );
  transform: perspective( 600px ) rotateY( -180deg );
}

.itemPortfolio:hover > a .imgPortfolioBack {
  -webkit-transform: perspective( 600px ) rotateY( 0deg );
  transform: perspective( 600px ) rotateY( 0deg );
}

#breadcrumbs {
  text-align: center;
}

.breadcrumb {
  font-size: 14px !important;
  color: white;
  background: transparent !important;
  text-align: center !important;
  margin-top: -15px;
  text-transform: uppercase;
}

.breadcrumb .separator {
  margin:0px 8px;
}

.breadcrumb li {
  display: inline;
}

.breadcrumb li a {
  color: #CCC8C8;
}

.breadcrumb li a:hover {
  color: #EFEFEF;
  text-decoration: none;
}

#conteudo #conteudoProjeto {
  max-width: 1134px;
  margin: 0 auto;
}

@media (max-width: 576px) {
  .imgDestaque {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
  }
}

.boxProjeto {
  width: 100%;
  min-height: 10px;
  margin-top: 16px;
  margin-bottom: 10px;
  padding: 20px 18px 18px 18px;
  background: #8F9888;
  border-radius: 0 15px;
  box-shadow: 0 3px 6px #000;
}

@media (min-width: 992px) {
  .boxProjeto {
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 32px 24px 24px 32px;
  }
}

.boxProjeto h2 {
  font-size: 24px !important;
  font-weight: 500 !important;
  color: #FDCC01 !important;
  margin: 0 !important;
  margin-bottom: 16px !important;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .boxProjeto h2 {
    font-size: 32px !important;
  }
}

.boxProjeto p {
  font-size: 13px;
}

@media (min-width: 992px) {
  .boxProjeto p {
    font-size: 16px;
  }
}

.divisao {
  width: 100%;
  position: inherit;
  display: grid;
  grid-template-columns: auto 100px;
  padding-top: 28px;
  padding-bottom: 12px;
}

.divisorPost {
  height: 2px;
  background: #666464;
  display: inline-block;
}

.shareSocial {
  display: inline-block;
  float: right;
  margin-top: -10px;
}

.shareSocial a i {
  font-size: 22px;
  color: white;
  transition: all 0.3s ease-out;
  margin-left: 10px;
}

.shareSocial a i:hover {
  color: #FDCC01;
}

.dataAutor {
  /*text-align: center;*/
  padding-bottom: 8px;
}

@media (max-width: 576px) {
  .dataAutor {
    text-align: center;
  }
}

@media (min-width: 992px) {
  .dataAutor {
    padding-bottom: 8px;
  }
}

.dataAutor span {
  font-size: 11px;
  color: #CC9B14; 
}

.dataAutor a {
  color: #CC9B14 !important;
  transition: all 0.3s ease-out;
}

.dataAutor a:hover {
  text-decoration: none;
  color: #FDCC01 !important;
}

.dataAutor i {
  margin-right: 5px;
}

.dataAutor span {
  margin-right: 5px;
}

/*.dataAutor span:nth-child(2) {
  margin-left: 5px;
}*/


.theContat {
  color: white;
}

.theContent h3 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  color: white;
  margin-top: 32px;
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  .theContent h3 {
    font-size: 32px;
    line-height: 40px;
    margin-top: 40px;
  }
}


.theContent h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: white;
  margin-top: 24px!important;
  margin-bottom: 8px;
}

@media (min-width: 992px) {
  .theContent h4 {
    font-size: 24px;
    line-height: 32px;
  }
}

.theContent p {
  font-size: 14px;
  font-weight: 100;
  color: white;
}

.theContent a {
  color: #cc9b14 !important;
}


@media (min-width: 992px) {
  .theContent p {
    font-size: 16px;
  }
}

.theContent ul li {
  font-size: 14px;
  color: white !important;
}

.theContent ol li {
  font-size: 14px;
  color: white !important;
}

@media (min-width: 992px) {
.theContent ul li {
  font-size: 16px;
}
}

.wp-caption {
  margin:0 auto;
    max-width: 100%;
    height: auto;
}

.wp-caption-text, .gallery-caption {
  font-size: 11px;
  font-style: italic;
  margin-top: 8px;
  text-align: center;
  color: white !important;
}

@media (min-width: 992px) {
.wp-caption-text, .gallery-caption {
  font-size: 13px;
}
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100% !important;
  height: auto !important;
}

.gallery-caption {
  margin-top: -2px;
}

.gallery img {
  border: 0 !important;
  max-height: 230px;
  padding: 10px;
}

.categoriaProjetos {
  padding-bottom: 16px;
}

@media (min-width: 992px) {
  .categoriaProjetos {
    padding-bottom: 0px;
  }
}

.categoriaProjetos a {
  background-color: transparent;
  display: inline-block;
  border-radius: 20px;
  padding: 5px 20px 5px 20px;
  border: 2px solid #CC9B14;
  color: #CC9B14 !important;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all 0.3s ease-out !important;
  margin: 5px;
}

.categoriaProjetos a:hover {
  color: black !important;
  text-decoration: none;
  background: #CC9B14;
}


.categoriaArtigos {
  display: block;
  margin-bottom: 24px;

}


@media (min-width: 992px) {
.categoriaArtigos {
  display: block;
  margin-bottom: 0px;

}
}

.categoriaArtigos ul {
    padding:0px;
    margin:0px;
    list-style:none;
}

.categoriaArtigos ul li {
  display: inline;
}

.categoriaArtigos a {
  background-color: transparent;
  border-radius: 20px;
  padding: 5px 20px 5px 20px;
  border: 2px solid #CC9B14;
  color: #CC9B14 !important;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all 0.3s ease-out !important;
  margin: 5px;
}

.categoriaArtigos a:hover {
  color: black !important;
  text-decoration: none;
  background: #CC9B14;
}


.tituloBusca {
  font-size: 24px !important;
  font-weight: 500 !important;
  text-align: center;
  color: #CCC8C8 !important;
  text-transform: uppercase;
  margin: 0 !important;
  margin-bottom: 16px !important;
}

@media (min-width: 992px) {
  .tituloBusca {
    text-align: left !important;
  }
}

.formBusca {
  margin-bottom: 24px;
}

@media (min-width: 992px) {
  .formBusca {
    margin-bottom: 32px;
  }
}

.inputBusca {
  font-size: 14px;
  background: #e3e3e3;
  border: 0;
  border-radius: 5px !important;
}

.botaoBusca {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: black !important;
  background: #FDCC01 !important;
  margin-left: 8px !important;
  border-radius: 18px !important;
}

.botaoBusca:hover {
  color: white!important;
  background: #A56F08 !important;
}

.linhaBusca {
  margin-bottom: 24px;
}

.imgDestaqueBusca {
  width: 100%;
  min-height: 100px;
  max-height: 100px;
  border-radius: 0px 15px;
  padding-right: 0px !important;
  margin: 0 !important;
  transition: all 0.3s ease-out;
}

.imgDestaqueBusca:hover {
  filter: brightness(120%);
}

.textoBusca {
  margin: 0 !important;
  padding: 0 !important;
}

.textoBusca a h3 {
  font-size: 12px;
  font-weight: 100;
  line-height: 16px;
  margin: 0;
  text-align: left;
  color: #CCC8C8;
  margin-bottom: 4px;
  transition: all 0.3s ease-out;
}

.textoBusca a h3:hover {
  font-size: 12px;
  margin: 0;
  text-align: left;
  margin-bottom: 4px;
  text-decoration: none !important;
}

.separadorBusca {
  width: 30px;
  height: 2px;
  background: #666464;
  margin-bottom: 4px;
}

.textoBusca p {
  font-size: 10px;
  font-weight: 100;
  text-align: left;
  color: #CC9B14;
  margin: 0;
  margin-bottom: 4px;
  transition: all 0.3s ease-out;
}

.textoBusca p a {
    color: #CC9B14;
}

.textoBusca p a:hover {
  text-decoration: none;
  color: #FDCC01;
}

.textoBusca p i {
  margin-right: 5px;
}

#formOrcamento {
  max-width: 768px;
  padding: 0px 20px;
  margin: 0 auto;
  margin-bottom: 32px;
}

#formOrcamento .mc4wp-checkbox {
  color: #ffffff;
}


.paginacao {
  margin-bottom: 24px;
}

.paginacaoProjetos {
  margin-top: 16px;
}

@media (min-width: 992px) {
.paginacao {
  margin-top: 32px;
  margin-bottom: 0px;
}
}

.wp-pagenavi {
  clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
  color: #CCCCCC !important;
  background: #333232;
  text-decoration: none;
  border: 0px !important;
  border-radius: 5px;
  padding: 8px 10px !important;
  margin: 2px;
  font-size: 13px;
  transition: all 0.3s ease-out;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
  text-decoration: none;
  background: #A56F08;
  border-color: #A56F08 !important;
}

.wp-pagenavi span.current {
  font-weight: bold;
}

.grecaptcha-badge { opacity:0;}/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}