@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background-color: #000;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
	line-height: 1;
	overflow:hidden !important;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #CCC;
}
a:active {
	text-decoration: none;
}
#status {
	position:relative;
	z-index:9999;
}
.split {
	clear:both;
}
.main_container {
	max-width:1100px;
	width:95%;
	margin:auto;
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('imgs/loading.gif') 50% 50% no-repeat rgb(0,0,0);
}
.smoke {
	margin: 11% 0 0 0px;
	
	
	
}
.smoke_hide {

	animation: 2s smo_cig ;
    animation-delay: 7s;
	-webkit-animation: 2s smo_cig;

    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;	
	-webkit-animation-delay: 7s;	
}

@-webkit-keyframes smo_cig {
0% {
	opacity: 1;
}
100% {
	opacity: 0;
}


}
@keyframes smo_cig {
0% {
	opacity: 1;
}
100% {
	opacity: 0;
}
}
.cursor {
	cursor:pointer;
}
#siren_smoke {
	display:block;
	position:absolute;
}
.noshow
	{	
	visibility:hidden;
	}
.siren_smoke {
	
	top:25px;
	margin-left:50px;
	opacity: 0;

	animation: 1s ss ;
	-webkit-animation: 1s ss;

	
    animation-iteration-count: 6;
    animation-fill-mode: forwards;
	
    -webkit-animation-iteration-count: 6;
    -webkit-animation-fill-mode: forwards;		
	

	
}
.siren_smoke img {
	width:100%;
}
  @-webkit-keyframes ss {
	  from { opacity: 0; }
	  to   { opacity: 1; }

}

@keyframes ss {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.cigrate {
	position:relative;
	animation: 2s cig ;
    animation-delay: 0.5s;
	-webkit-animation: 2s cig;

	
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;	
	-webkit-animation-delay: 0.5s;
	opacity: 0;
}

@-webkit-keyframes cig {
0% {
	-webkit-transform: translateY(-150px);
	opacity: 0;
}
100% {
	-webkit-transform: translateY(0px);
	opacity: 1;
}

}

@keyframes cig {
0% {
	transform: translateY(-150px);
	opacity: 0;
}
100% {
	-webkit-transform: translateY(0px);
	opacity: 1;
}
}
.cigrate_blank {
	display:none;
	position:relative;
	width:100%;
	text-align:center;
}
.nosmoke {
	display:none;
	margin-top:0px;
	position:relative;
	width:100%;
	text-align:center;
}
.cur_hide {
	display:none;
}
/* cigrate 1st slide end */

/* wines 2nd slide start */
.drink {
	margin: 0% 0 0 0px;
		
}
.drink_hide {

	animation: 2s drink_wine ;
    animation-delay: 7s;
	-webkit-animation: 2s drink_wine;

    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;	
	-webkit-animation-delay: 7s;	
}

@-webkit-keyframes drink_wine {
0% {
	opacity: 1;
}
100% {
	opacity: 0;
}


}
@keyframes drink_wine {
0% {
	opacity: 1;
}
100% {
	opacity: 0;
}
}
.cursor1 {
	cursor:pointer;
}
#siren_drink {
	display:block;
	position:absolute;
}
.siren_drink {
	
	top:25px;
	margin-left:50px;
	opacity: 0;

	animation: 1s sd ;
	-webkit-animation: 1s sd;

	
    animation-iteration-count: 6;
    animation-fill-mode: forwards;
	
    -webkit-animation-iteration-count: 6;
    -webkit-animation-fill-mode: forwards;		
	

	
}
.siren_drink img {
	width:100%;
}
  @-webkit-keyframes sd {
	  from { opacity: 0; }
	  to   { opacity: 1; }

}

@keyframes sd {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.wine {
	margin-top:-250px;
	position:relative;
	animation: 2s wine_bot ;
    animation-delay: 8.5s;
	-webkit-animation: 2s wine_bot;
	
	
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;	
	-webkit-animation-delay: 8.5s;
	opacity: 0;
}
@-webkit-keyframes wine_bot {
0% {
	-webkit-transform: translateY(-150px);
	opacity: 0;
}
100% {
	-webkit-transform: translateY(0px);
	opacity: 1;
}

}

@keyframes wine_bot {
0% {
	transform: translateY(-150px);
	opacity: 0;
}
100% {
	-webkit-transform: translateY(0px);
	opacity: 1;
}
}
.wine_blank {
	display:none;
	margin-top:0px;
	margin-left:0px;
	position:relative;
	width:100%;
	text-align:center;
}
.nodrink {
	display:none;
	margin-top:20px;
	position:relative;
	width:100%;
	text-align:center;
}
.cur_hide1 {
	display:none;
}
/* wines 2nd slide end */

/* drugs 3rd slide start */
.drugstabel {
	margin: 0% 0 0 0px;
		
}
.drugs_hide {

	animation: 2s eat_drug ;
    animation-delay: 7s;
	-webkit-animation: 2s eat_drug;

    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;	
	-webkit-animation-delay: 7s;	
}

@-webkit-keyframes eat_drug {
0% {
	opacity: 1;
}
100% {
	opacity: 0;
}


}
@keyframes eat_drug {
0% {
	opacity: 1;
}
100% {
	opacity: 0;
}
}
.cursor2 {
	cursor:pointer;
}
#siren_drugs {
	display:block;
	position:absolute;
}
.siren_drugs {
	
	top:25px;
	margin-left:50px;
	opacity: 0;

	animation: 1s sdd ;
	-webkit-animation: 1s sdd;

	
    animation-iteration-count: 6;
    animation-fill-mode: forwards;
	
    -webkit-animation-iteration-count: 6;
    -webkit-animation-fill-mode: forwards;		
	

	
}
.siren_drugs img {
	width:100%;
}
  @-webkit-keyframes sdd {
	  from { opacity: 0; }
	  to   { opacity: 1; }

}

@keyframes sdd {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.drugs {
	margin-top:-150px;
	position:relative;
	animation: 2s drugs_bot ;
    animation-delay: 8.5s;
	-webkit-animation: 2s drugs_bot;
	
	
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;	
	-webkit-animation-delay: 8.5s;
	opacity: 0;
}
@-webkit-keyframes drugs_bot {
0% {
	-webkit-transform: translateY(-150px);
	opacity: 0;
}
100% {
	-webkit-transform: translateY(0px);
	opacity: 1;
}

}

@keyframes drugs_bot {
0% {
	transform: translateY(-150px);
	opacity: 0;
}
100% {
	-webkit-transform: translateY(0px);
	opacity: 1;
}
}
.table_bottle_blank {
	display:none;
	margin-top:-150px;
	position:relative;
	width:100%;
	text-align:center;	
}
.nodrugs {
	display:none;
	margin-top:25px;
	position:relative;
	width:100%;
	text-align:center;
}
.cur_hide2 {
	display:none;
}
/* wines 3rd slide end */

.skip {
	position:absolute;
	right:12px;
	bottom:20px;
}
.skip a {
	padding: 8px 16px 7px 16px;
	background-color:#b31212;
	color:#fdc1c1;
	font-size:12px;
	text-transform:uppercase;
	border-radius:4px;
	font-weight:600;
}
.skip a:hover {
	background-color:#83a606;
	color:#000;
	text-decoration:none;
}
/* flowers 4th slide start */
.flower_buke {
	margin: 0% 0 0 0px;
		
}
.flowers_hide {

	animation: 2s smell_flower ;
    animation-delay: 5s;
	-webkit-animation: 2s smell_flower;

    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;	
	-webkit-animation-delay: 5s;	
}

@-webkit-keyframes smell_flower {
0% {
	opacity: 1;
}
100% {
	opacity: 0;
}


}
@keyframes smell_flower {
0% {
	opacity: 1;
}
100% {
	opacity: 0;
}
}
.cursor3 {
	cursor:pointer;
}
#siren_flowers {
	display:block;
	position:absolute;
}
.siren_flowers {
	
	top:75px;
	margin-left:50px;
	opacity: 0;

	animation: 1s fb ;
	-webkit-animation: 1s fb;

	
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;		
	

	
}
.siren_flowers img {
	width:100%;
}
  @-webkit-keyframes fb {
	  from { opacity: 0; }
	  to   { opacity: 1; }

}

@keyframes fb {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.flowers {
	margin-top:-300px;
	position:relative;
	animation: 2s flower_bukquet ;
    animation-delay: 8.5s;
	-webkit-animation: 2s flower_bukquet;
	
	
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;	
	-webkit-animation-delay: 8.5s;
	opacity: 0;
}
@-webkit-keyframes flower_bukquet {
0% {
	-webkit-transform: translateY(-150px);
	opacity: 0;
}
100% {
	-webkit-transform: translateY(0px);
	opacity: 1;
}

}

@keyframes flower_bukquet {
0% {
	transform: translateY(-150px);
	opacity: 0;
}
100% {
	-webkit-transform: translateY(0px);
	opacity: 1;
}
}
.yesflowers {
	display:none;
	margin-top:222px;
	position:relative;
	width:100%;
	text-align:center;
}
.cur_hide3 {
	display:none;
}
/* flowers 4th slide end */

/* message 5th slide start */
.message_for_all {
	margin: 0% 0 0 0px;
}

.message {
	margin-top:-150px;
	position:relative;
	animation: 2s msg ;
    animation-delay: 6.5s;
	-webkit-animation: 2s msg;
	
	
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;	
	-webkit-animation-delay: 6.5s;
	opacity: 0;
}
@-webkit-keyframes msg {
0% {
	-webkit-transform: translateY(-150px);
	opacity: 0;
}
100% {
	-webkit-transform: translateY(0px);
	opacity: 1;
}

}

@keyframes msg {
0% {
	transform: translateY(-150px);
	opacity: 0;
}
100% {
	-webkit-transform: translateY(0px);
	opacity: 1;
}
}
/* message 5th slide end */


@media screen and (max-width: 550px){	
.cigrate {
	margin-left:-5px;
}
.cigrate img {
	width:100%;
}
.wine {
	margin-top:-232px;
}
.drugs {
	margin-top:-200px;
}
.drugs img {
	width:90%;
}
.flowers {
	margin-top:-225px;
}
.message {
	margin-top:-150px;
}
.message img {
	width:95%;
}
.siren_smoke {
	top:60px;
	margin-left:0px;
}
.siren_drink {
	top:0px;
	margin-left:0px;
}
.siren_drugs {
	top:60px;
	margin-left:0px;	
}
.siren_flowers {
	top:120px;
	margin-left:0px;	
}
.cigrate_blank {
	display:none;
	position:relative;
	width:100%;
	text-align:center;
	margin-top:50px;
}
.cigrate_blank img {
	width:100%;
}
.nosmoke {
	display:none;
	margin-top:10px;
	position:relative;
	width:100%;
	text-align:center;
}
.wine_blank {
	display:none;
	margin-top:90px;
	margin-left:4px;
	position:relative;
	width:100%;
	text-align:center;
}
.wine_blank img {
	width:75px;
}
.nodrink {
	display:none;
	margin-top:10px;
	position:relative;
	width:100%;
	text-align:center;
}
.table_bottle_blank {
	display:none;
	margin-top:10px;
	position:relative;
	width:100%;
	text-align:center;	
}
.table_bottle_blank img {
	width:100%;
}
.nodrugs {
	display:none;
	margin-top:20px;
	position:relative;
	width:100%;
	text-align:center;
}
}