html, body		{margin:0; padding:0;}
body			{font-family:'Open Sans', sans-serif, Arial, Tahoma, Verdana; font-size:14px; color:#fff; line-height:24px;}
a				{color:#fff; margin:0; padding:0; text-decoration:none; outline-color:invert; outline-style:none; outline-width:medium;}
a:visited,a:link{text-decoration:none; color:#fff;}
a:hover			{text-decoration:underline;}
form			{word-spacing:0; text-indent:0; padding:0; margin:0;}
img, a img 		{margin:0; padding:0; border:0;}
label			{cursor:pointer; margin:0; padding:0; border:0;}
ul, li			{list-style-type:none; text-indent:0; margin:0; padding:0;}

h1				{font-family:'Open Sans', sans-serif, Arial, Tahoma, Verdana; font-size:24px; color:#fff; font-weight:normal; margin:0 0 6px 0; padding:0; line-height:36px;}
h2				{font-family:'Open Sans', sans-serif, Arial, Tahoma, Verdana; font-size:32px; font-weight:bold; color:#fff; margin:0; padding:0; line-height:48px; border-bottom:2px dotted #fff;}
h3				{font-family:'Open Sans', sans-serif, Arial, Tahoma, Verdana;  font-size:110%; color:#fff; font-weight:bold; margin:6px 0 0 0; padding:0; line-height:24px;}
h1.a-film		{font-size:12px; line-height:24px;}



.o_980			{float:left; clear:left; width:100%;}
.c, .c_but		{text-align:center;}
.m, .m1, .m2	{margin:24px 0;}
.m1				{margin-bottom:0;}
.m2				{margin-top:0;}
.bold			{font-weight:bold;}
p				{padding:0; margin:0;}



.full	 		{float:left; width:100%; background:#369 url(images/bg_film.png) no-repeat center top; /*background-size:100vw, auto;*/ background-attachment:fixed; /*min-height:100vh;*/ color:#fff;}
.center			{float:none; margin:0 auto; max-width:980px; width:100%; /*min-height:100vh;*/}

.o_980			{float:left; clear:left; width: calc(100% - 40px); padding:0 20px; max-width:940px; }

p.text			{padding-left:60px; width: calc(100% - 60px);}
p.logo			{margin:0 auto; width:70vw; height:29.5vw; max-width:700px; max-height:295px; background:url(images/logo_film.png) no-repeat center center; background-size:100% auto;}
/*1353*810   0.599*/
p.figurak1		{width:100%; max-width:980px; height:587px; background:url(images/figurak1.png) no-repeat center center; background-size:100% auto;}
/*1440*810*/
p.figurak2		{width:100%; max-width:980px; height:551.25px;  max-width:980px; background:url(images/figurak2.png) no-repeat center center; background-size:100% auto;}
iframe.youtube	{border:0; margin:0; padding:0; width:720px; height:405px;}



.box_figure		{float:left; clear:left; width:100%; max-width:836px; min-height:435px; margin:20px 84px 20px 60px; background:#444; color:#fff; background-size:100% auto;}
.box_figure div	{float:left; clear:left; max-width:100%; text-shadow: 1px 1px #444;}
.box_figure div	h3 {font-size:120%; margin-bottom:10px;}



.bf_marla			{background:url(images/char_marla.png) no-repeat right bottom, url(images/bg_figura_marla.png) no-repeat 0 0; background-color:#673d92;}
.bf_marla div		{padding:200px 340px 20px 20px; width: calc(100% - 360px); background:url(images/name_marla.png) no-repeat 20px 20px; background-size:300px 103px;}
.bf_marla div h3	{color:rgb(242,223,0);}


.bf_charlie			{background:url(images/char_charlie.png) no-repeat left bottom, url(images/bg_figura_charlie.png) no-repeat 0 0; background-color:#b4b8be;}
.bf_charlie div		{padding:180px 20px 20px 340px; width: calc(100% - 360px); background:url(images/name_charlie.png) no-repeat 340px 20px; background-size:286px 85px;}
.bf_charlie div h3	{color:rgb(253,192,114);}

.bf_del				{background:url(images/char_del.png) no-repeat right bottom, url(images/bg_figura_del.png) no-repeat 0 0; background-color:#38a735;}
.bf_del div			{padding:165px 340px 20px 20px; width: calc(100% - 360px); background:url(images/name_del.png) no-repeat 20px 20px; background-size:134px 85px;}
.bf_del div h3		{color:rgb(254,218,147);}


.bf_rex				{background:url(images/char_rex.png) no-repeat left bottom, url(images/bg_figura_rex.png) no-repeat 0 0; background-color:#3d3d3d;}
.bf_rex	div			{padding:180px 20px 20px 340px; width: calc(100% - 360px); background:url(images/name_rex.png) no-repeat 340px 20px; background-size:300px 160px;}
.bf_rex div h3		{color:rgb(198,198,198);}


.bf_maximus			{background:url(images/char_maximus.png) no-repeat right bottom, url(images/bg_figura_maximus.png) no-repeat 0 0; background-color:#cf2b1c;}
.bf_maximus div		{padding:180px 340px 20px 20px; width: calc(100% - 360px); background:url(images/name_maximus.png) no-repeat 20px 20px; background-size:324px 85px;}
.bf_maximus div h3	{color:#fff;}



@media only screen and (max-width: 979px) {
	.box_figure		{width:100%; margin:20px 0 20px 0;}
	.bf_marla div	{background-size:24vw auto; padding-top:160px;}
	.bf_charlie div	{background-size:29vw auto;}
	.bf_del div		{background-size:13vw auto;}
	.bf_rex	div		{background-size:24vw auto;}
	.bf_maximus div	{background-size:22vw auto;}
}

@media only screen and (max-width: 639px) {
	.box_figure div	{padding:20px 10px; width: calc(100% - 20px) !important;}
	.bf_marla div	{background-size:40vw auto; background-position:10px 25px; padding-top:160px;}
	.bf_charlie div	{background-size:44vw auto; background-position:10px 25px; padding-top:180px;}
	.bf_del div		{background-size:21vw auto; background-position:10px 25px; padding-top:190px;}
	.bf_rex div		{background-size:40vw auto; background-position:10px 15px; padding-top:180px;}
	.bf_maximus div	{background-size:45vw auto; background-position:10px 25px; padding-top:150px;}
}
@media only screen and (max-width: 319px) {
	.box_figure		{background-size:100% auto, 836px 468px; background-position:center bottom, 0 0;}
	.bf_marla div	{background-size:45vw auto; background-position:10px 25px; padding-top:90px;}
	.bf_charlie div	{background-size:50vw auto; background-position:10px 25px; padding-top:90px;}
	.bf_del div		{background-size:30vw auto; background-position:10px 25px; padding-top:120px;}
	.bf_rex div		{background-size:45vw auto; background-position:10px 25px; padding-top:140px;}
	.bf_maximus div	{background-size:45vw auto; background-position:10px 25px; padding-top:90px;}
}




.products			{color:#444 !important; background:#369 url(images/bg_products.jpg) no-repeat center center; /*background-size:100% auto;*/ font-size:110%; background-attachment:fixed;} 

.product			{float:left; clear:left; width: calc(100% - 325px); margin:25px 0; padding:25px 25px 25px 300px; min-height:240px; background:#fff url(../images/spacer.gif) no-repeat 25px 25px; background-size:240px auto;}
.product h3			{color:#369; font-size:150%; margin-bottom:25px; font-weight:400;}
.product span		{font-size:200%; color:#369 !important;}			
.product span strike{font-size:50%;}


@media only screen and (max-width: 979px) {

}

@media only screen and (max-width: 639px) {
.product 			{padding:290px 25px 25px 25px; width: calc(100% - 50px); background-position:center 25px;}
}
@media only screen and (max-width: 319px) {
.product 			{padding:260px 10px 25px 10px; width: calc(100% - 20px); background-position:center 10px;}
}





@media only screen and (max-width: 979px) {
	p.figurak1		{width: calc(90vw - 20px); height:53.91vw;}
	p.figurak2		{width: calc(90vw - 20px); height:50.625vw;}
	iframe.youtube	{width: calc(90vw - 20px); height:50.625vw;}
}






img.logo_toys		{margin:5px 10px; width:82px; height:45px;}
img.logo_pmtoys		{margin:5px 10px; width:45px; height:45px;}