/*canvas*/
canvas{
	border:5px solid #ccc;
	background:url(/prx/000/http/cssing.org.ua/examples/css3html5/pics/green.png) repeat 0 0;
}

/*black slide*/
.slide-black{
	background:#000;
	color:#fff;
	text-align:center;
	}
	.center{
		padding:0;
	}
	.center img{
		display:block;
		margin:0 auto;
		padding:10px 0;
		}
	.center *{text-align:center;}
	.center h2{letter-spacing:2px;}
/*pulce text*/
	@-webkit-keyframes pulse {
	 0% {
	   opacity: 1.0;
	   -webkit-transform: scale(1.0) rotate(0deg);
	 }
	 50% {
	   opacity: 0.75;
	   -webkit-transform: scale(1.4) rotate(0deg);
	 }
	 100% {
	   opacity: 1.0;
	   -webkit-transform: scale(1.0) rotate(0deg);
	 }
	}
section:target .pulse{
	-webkit-animation-name: pulse;
	 -webkit-animation-duration: 2s;
	 -webkit-animation-iteration-count: 3;
	-webkit-animation-timing-function: ease-in-out;	
	-webkit-animation-delay: 1s;
	}
.pulse{
	font-size:100%;
	display:inline-block;
	}
/*multicomumn text*/
	@-webkit-keyframes widthbounce {
	 from {
	   width: 50%;
	 }
	 to {
	   width: 90%;
	 }
	}
	
.multi-column{
	-webkit-box-shadow:0 0 20px #999;
	background: url(/prx/000/http/cssing.org.ua/examples/css3html5/img/bottom.png) bottom right no-repeat,
	url(/prx/000/http/cssing.org.ua/examples/css3html5/img/r-b1.png) top right no-repeat, 
	url(/prx/000/http/cssing.org.ua/examples/css3html5/img/r-b.png) top left no-repeat;
	-webkit-column-width: 13em; 
	-webkit-column-gap: 1em;
	-webkit-column-rule: 1px solid black;
	
	-moz-column-width: 13em; 
	-moz-column-gap: 1em;
	-moz-column-rule: 1px solid black;
	width:50%;
	padding:70px 2em 2em 2em;
	font-size:14px;
	
	margin-top:10px;
	}
section:target .multi-column, .flexexample{
	-webkit-animation-name: widthbounce;
	 -webkit-animation-duration: 4s;
	 -webkit-animation-iteration-count: infinite;
	 -webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 2s;
	}

/*box flex*/

/* hbox and vbox classes */
 .box-set{
	width:600px;
	}
.hbox {
        display: -webkit-box;
        -webkit-box-orient: horizontal;
        -webkit-box-align: stretch;

		display: -moz-box;
        -moz-box-orient: horizontal;
        -moz-box-align: stretch;

        display: box;
        box-orient: horizontal;
        box-align: stretch;
}
.vbox {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-box-align: stretch;

		display: -moz-box;
        -moz-box-orient: vertical;
        -moz-box-align: stretch;
 
        display: box;
        box-orient: vertical;
        box-align: stretch;
}
 
/*.vbox> * {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        display: block;
	}*/

 
 
.boxFlex0 {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
}
 
.boxFlex1, .boxFlex, nav li{
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
}
 
.boxFlex2 {
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
        box-flex: 2;
}
 
.boxGroup1 {
        -webkit-box-flex-group: 1;
        -moz-box-flex-group: 1;
        box-flex-group: 1;
}
 
.boxGroup2 {
        -webkit-box-flex-group: 2;
        -moz-box-flex-group: 2;
        box-flex-group: 2;
}
 
.center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
	}
/*Contacts slide*/
.vcard{
	margin-top:100px;
	}
/*text-shadw*/
.box-spaced{
	padding-left:30px;
}
.subtle{
	color:#999;
}

/*Fonts*/
@font-face {
	font-family: 'CalligraphyFLFRegular';
	src: url('/prx/000/http/cssing.org.ua/examples/css3html5/css/CalligraphyFLF.eot');
	src: local('CalligraphyFLF'), local('CalligraphyFLF'), url('/prx/000/http/cssing.org.ua/examples/css3html5/css/CalligraphyFLF.woff') format('woff'), url('/prx/000/http/cssing.org.ua/examples/css3html5/css/CalligraphyFLF.ttf') format('truetype'), url('/prx/000/http/cssing.org.ua/examples/css3html5/css/CalligraphyFLF.svg#CalligraphyFLF') format('svg');
}
@font-face {
	font-family: 'ZendaRegular';
	src: url('/prx/000/http/cssing.org.ua/examples/css3html5/css/zenda.eot');
	src: local('Zenda'), local('Zenda'), url('/prx/000/http/cssing.org.ua/examples/css3html5/css/zenda.woff') format('woff'), url('/prx/000/http/cssing.org.ua/examples/css3html5/css/zenda.ttf') format('truetype'), url('/prx/000/http/cssing.org.ua/examples/css3html5/css/zenda.svg#Zenda') format('svg');
}
/*foto*/
.polaroid{
	-webkit-box-shadow:0 0 15px #444;
	-moz-box-shadow:0 0 15px #444;
	-o-box-shadow:0 0 15px #444;
	box-shadow:0 0 15px #444;
	float:left;padding:8px;
	font:italic 15px/1.3 Georgia,serif;
	text-align:center;
	background:#fff;
	}
/*transformed*/
.transformed{
	-webkit-transform:scale(1.5) rotate(-5deg) translate(10px, 50px);
	-moz-transform:scale(1.5) rotate(-5deg) translate(10px, 50px);
	-o-transform:scale(1.5) rotate(-5deg) translate(10px, 50px);
	margin-right:200px;
	}
/*animated*/
.animated{
	
	position:absolute;
	-webkit-transform:scale(.5);
	-webkit-transition:all 2s ease-in-out;
	-webkit-transition-delay:8s;
	
	-moz-transform:scale(.5);
	-moz-transition:all 2s ease-in-out;
	-moz-transition-delay:8s;
	
	-o-transform:scale(.5);
	-o-transition:all 2s ease-in-out;
	-o-transition-delay:8s;
	}
	section:target .animated{
		-webkit-transform:scale(1.5) rotate(10deg);
		-o-transform:scale(1.5) rotate(10deg);
		-moz-transform:scale(1.5) rotate(10deg);
		left:700px;
		background:#ccc;
		}
.flexexample{
	width:50%;
	font-size:14px;
	margin:3px 0;
	}
.flexexample div{
	padding:10px;
	}
.rgbp{
	width:150px;
	padding:10px;
	background:rgba(180,0,0, 1)
	}
	.splash{
		position:absolute;
		top:0;
		right:0px;
		z-index:1500;
		height:600px;
		}
.data th{
	width:150px;
	text-align:right;
	vertical-align:top;
	}
.data td{
	padding-left:30px;
		vertical-align:top;
	}
	@-webkit-keyframes obey {
	 from {
		font-size:80px;
	 }
	 to {
	   font-size: 220px;
	 }
	}
section:target .obey{
	-webkit-animation-name: obey;
	 -webkit-animation-duration: 4s;
	 -webkit-animation-iteration-count: infinite;
	 -webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	text-shadow:0 0 20px #fff, 0 0 50px #fff;
	font-family:Georgia,serif;
	font-size:80px;
	}