/* HEADER - BG*/ @media screen and (min-width: 1007px) { .bg, .bg-b, .bg-c, .bg-d, .bg-e, .bg-f, .bg-g, .bg-h, .bg-i, .bg-j { margin-top: 20px; } } @media screen and (min-width: 783px) and (max-width: 1006px) { .bg, .bg-b, .bg-c, .bg-d, .bg-e, .bg-f, .bg-g, .bg-h, .bg-i, .bg-j { margin-top: 30px; } } @media screen and (min-width: 1349px) and (max-width: 1382px) { /* 1366 */ .bg { background: url('../img/bg-1366.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1183px) and (max-width: 1348px) { /* 1280 1200 */ .bg { background: url('../img/bg-1280.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1135px) and (max-width: 1182px) { /* 1152 */ .bg { background: url('../img/bg-1152.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1033px) and (max-width: 1134px) { /* 1080 1050 */ .bg { background: url('../img/bg-1080.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .bg { background: url('../img/bg-1024.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 883px) and (max-width: 1006px) { /* 980 900 */ .bg { background: url('../img/bg-0980.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 783px) and (max-width: 882px) { /* 854 800 */ .bg { background: url('../img/bg-0854.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 703px) and (max-width: 782px) { /* 768 720 */ .bg { background: url('../img/bg-0768.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 583px) and (max-width: 702px) { /* 640 600 */ .bg { background: url('../img/bg-0640.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 559px) and (max-width: 582px) { /* 576 */ .bg { background: url('../img/bg-0576.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 463px) and (max-width: 558px) { /* 480 */ .bg { background: url('../img/bg-0480.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 335px) and (max-width: 462px) { /* 384 352 */ .bg { background: url('../img/bg-0384.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 303px) and (max-width: 334px) { /* 320 */ .bg { background: url('../img/bg-0320.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 */ .bg { background: url('../img/bg-0200.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1349px) and (max-width: 1382px) { /* 1366 */ .bg-b { background: url('../img/bg-1366-b.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1183px) and (max-width: 1348px) { /* 1280 1200 */ .bg-b { background: url('../img/bg-1280-b.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1135px) and (max-width: 1182px) { /* 1152 */ .bg-b { background: url('../img/bg-1152-b.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1033px) and (max-width: 1134px) { /* 1080 1050 */ .bg-b { background: url('../img/bg-1080-b.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .bg-b { background: url('../img/bg-1024-b.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 883px) and (max-width: 1006px) { /* 980 900 */ .bg-b { background: url('../img/bg-0980-b.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 783px) and (max-width: 882px) { /* 854 800 */ .bg-b { background: url('../img/bg-0854-b.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 703px) and (max-width: 782px) { /* 768 720 */ .bg-b { background: url('../img/bg-0768-b.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 583px) and (max-width: 702px) { /* 640 600 */ .bg-b { background: url('../img/bg-0640-b.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 559px) and (max-width: 582px) { /* 576 */ .bg-b { background: url('../img/bg-0576-b.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 463px) and (max-width: 558px) { /* 480 */ .bg-b { background: url('../img/bg-0480-b.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 335px) and (max-width: 462px) { /* 384 352 */ .bg-b { background: url('../img/bg-0384-b.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 303px) and (max-width: 334px) { /* 320 */ .bg-b { background: url('../img/bg-0320-b.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 */ .bg-b { background: url('../img/bg-0200-b.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1349px) and (max-width: 1382px) { /* 1366 */ .bg-c { background: url('../img/bg-1366-c.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1183px) and (max-width: 1348px) { /* 1280 1200 */ .bg-c { background: url('../img/bg-1280-c.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1135px) and (max-width: 1182px) { /* 1152 */ .bg-c { background: url('../img/bg-1152-c.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1033px) and (max-width: 1134px) { /* 1080 1050 */ .bg-c { background: url('../img/bg-1080-c.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .bg-c { background: url('../img/bg-1024-c.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 883px) and (max-width: 1006px) { /* 980 900 */ .bg-c { background: url('../img/bg-0980-c.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 783px) and (max-width: 882px) { /* 854 800 */ .bg-c { background: url('../img/bg-0854-c.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 703px) and (max-width: 782px) { /* 768 720 */ .bg-c { background: url('../img/bg-0768-c.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 583px) and (max-width: 702px) { /* 640 600 */ .bg-c { background: url('../img/bg-0640-c.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 559px) and (max-width: 582px) { /* 576 */ .bg-c { background: url('../img/bg-0576-c.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 463px) and (max-width: 558px) { /* 480 */ .bg-c { background: url('../img/bg-0480-c.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 335px) and (max-width: 462px) { /* 384 352 */ .bg-c { background: url('../img/bg-0384-c.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 303px) and (max-width: 334px) { /* 320 */ .bg-c { background: url('../img/bg-0320-c.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 */ .bg-c { background: url('../img/bg-0200-c.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1349px) and (max-width: 1382px) { /* 1366 */ .bg-d { background: url('../img/bg-1366-d.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1183px) and (max-width: 1348px) { /* 1280 1200 */ .bg-d { background: url('../img/bg-1280-d.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1135px) and (max-width: 1182px) { /* 1152 */ .bg-d { background: url('../img/bg-1152-d.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1033px) and (max-width: 1134px) { /* 1080 1050 */ .bg-d { background: url('../img/bg-1080-d.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .bg-d { background: url('../img/bg-1024-d.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 883px) and (max-width: 1006px) { /* 980 900 */ .bg-d { background: url('../img/bg-0980-d.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 783px) and (max-width: 882px) { /* 854 800 */ .bg-d { background: url('../img/bg-0854-d.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 703px) and (max-width: 782px) { /* 768 720 */ .bg-d { background: url('../img/bg-0768-d.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 583px) and (max-width: 702px) { /* 640 600 */ .bg-d { background: url('../img/bg-0640-d.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 559px) and (max-width: 582px) { /* 576 */ .bg-d { background: url('../img/bg-0576-d.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 463px) and (max-width: 558px) { /* 480 */ .bg-d { background: url('../img/bg-0480-d.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 335px) and (max-width: 462px) { /* 384 352 */ .bg-d { background: url('../img/bg-0384-d.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 303px) and (max-width: 334px) { /* 320 */ .bg-d { background: url('../img/bg-0320-d.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 */ .bg-d { background: url('../img/bg-0200-d.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1349px) and (max-width: 1382px) { /* 1366 */ .bg-e { background: url('../img/bg-1366-e.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1183px) and (max-width: 1348px) { /* 1280 1200 */ .bg-e { background: url('../img/bg-1280-e.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1135px) and (max-width: 1182px) { /* 1152 */ .bg-e { background: url('../img/bg-1152-e.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1033px) and (max-width: 1134px) { /* 1080 1050 */ .bg-e { background: url('../img/bg-1080-e.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .bg-e { background: url('../img/bg-1024-e.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 883px) and (max-width: 1006px) { /* 980 900 */ .bg-e { background: url('../img/bg-0980-e.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 783px) and (max-width: 882px) { /* 854 800 */ .bg-e { background: url('../img/bg-0854-e.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 703px) and (max-width: 782px) { /* 768 720 */ .bg-e { background: url('../img/bg-0768-e.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 583px) and (max-width: 702px) { /* 640 600 */ .bg-e { background: url('../img/bg-0640-e.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 559px) and (max-width: 582px) { /* 576 */ .bg-e { background: url('../img/bg-0576-e.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 463px) and (max-width: 558px) { /* 480 */ .bg-e { background: url('../img/bg-0480-e.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 335px) and (max-width: 462px) { /* 384 352 */ .bg-e { background: url('../img/bg-0384-e.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 303px) and (max-width: 334px) { /* 320 */ .bg-e { background: url('../img/bg-0320-e.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 */ .bg-e { background: url('../img/bg-0200-e.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1349px) and (max-width: 1382px) { /* 1366 */ .bg-f { background: url('../img/bg-1366-f.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1183px) and (max-width: 1348px) { /* 1280 1200 */ .bg-f { background: url('../img/bg-1280-f.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1135px) and (max-width: 1182px) { /* 1152 */ .bg-f { background: url('../img/bg-1152-f.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1033px) and (max-width: 1134px) { /* 1080 1050 */ .bg-f { background: url('../img/bg-1080-f.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .bg-f { background: url('../img/bg-1024-f.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 883px) and (max-width: 1006px) { /* 980 900 */ .bg-f { background: url('../img/bg-0980-f.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 783px) and (max-width: 882px) { /* 854 800 */ .bg-f { background: url('../img/bg-0854-f.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 703px) and (max-width: 782px) { /* 768 720 */ .bg-f { background: url('../img/bg-0768-f.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 583px) and (max-width: 702px) { /* 640 600 */ .bg-f { background: url('../img/bg-0640-f.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 559px) and (max-width: 582px) { /* 576 */ .bg-f { background: url('../img/bg-0576-f.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 463px) and (max-width: 558px) { /* 480 */ .bg-f { background: url('../img/bg-0480-f.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 335px) and (max-width: 462px) { /* 384 352 */ .bg-f { background: url('../img/bg-0384-f.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 303px) and (max-width: 334px) { /* 320 */ .bg-f { background: url('../img/bg-0320-f.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 */ .bg-f { background: url('../img/bg-0200-f.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1349px) and (max-width: 1382px) { /* 1366 */ .bg-g { background: url('../img/bg-1366-g.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1183px) and (max-width: 1348px) { /* 1280 1200 */ .bg-g { background: url('../img/bg-1280-g.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1135px) and (max-width: 1182px) { /* 1152 */ .bg-g { background: url('../img/bg-1152-g.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1033px) and (max-width: 1134px) { /* 1080 1050 */ .bg-g { background: url('../img/bg-1080-g.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .bg-g { background: url('../img/bg-1024-g.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 883px) and (max-width: 1006px) { /* 980 900 */ .bg-g { background: url('../img/bg-0980-g.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 783px) and (max-width: 882px) { /* 854 800 */ .bg-g { background: url('../img/bg-0854-g.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 703px) and (max-width: 782px) { /* 768 720 */ .bg-g { background: url('../img/bg-0768-g.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 583px) and (max-width: 702px) { /* 640 600 */ .bg-g { background: url('../img/bg-0640-g.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 559px) and (max-width: 582px) { /* 576 */ .bg-g { background: url('../img/bg-0576-g.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 463px) and (max-width: 558px) { /* 480 */ .bg-g { background: url('../img/bg-0480-g.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 335px) and (max-width: 462px) { /* 384 352 */ .bg-g { background: url('../img/bg-0384-g.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 303px) and (max-width: 334px) { /* 320 */ .bg-g { background: url('../img/bg-0320-g.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 */ .bg-g { background: url('../img/bg-0200-g.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1349px) and (max-width: 1382px) { /* 1366 */ .bg-h { background: url('../img/bg-1366-h.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1183px) and (max-width: 1348px) { /* 1280 1200 */ .bg-h { background: url('../img/bg-1280-h.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1135px) and (max-width: 1182px) { /* 1152 */ .bg-h { background: url('../img/bg-1152-h.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1033px) and (max-width: 1134px) { /* 1080 1050 */ .bg-h { background: url('../img/bg-1080-h.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .bg-h { background: url('../img/bg-1024-h.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 883px) and (max-width: 1006px) { /* 980 900 */ .bg-h { background: url('../img/bg-0980-h.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 783px) and (max-width: 882px) { /* 854 800 */ .bg-h { background: url('../img/bg-0854-h.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 703px) and (max-width: 782px) { /* 768 720 */ .bg-h { background: url('../img/bg-0768-h.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 583px) and (max-width: 702px) { /* 640 600 */ .bg-h { background: url('../img/bg-0640-h.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 559px) and (max-width: 582px) { /* 576 */ .bg-h { background: url('../img/bg-0576-h.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 463px) and (max-width: 558px) { /* 480 */ .bg-h { background: url('../img/bg-0480-h.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 335px) and (max-width: 462px) { /* 384 352 */ .bg-h { background: url('../img/bg-0384-h.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 303px) and (max-width: 334px) { /* 320 */ .bg-h { background: url('../img/bg-0320-h.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 */ .bg-h { background: url('../img/bg-0200-h.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1349px) and (max-width: 1382px) { /* 1366 */ .bg-i { background: url('../img/bg-1366-i.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1183px) and (max-width: 1348px) { /* 1280 1200 */ .bg-i { background: url('../img/bg-1280-i.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1135px) and (max-width: 1182px) { /* 1152 */ .bg-i { background: url('../img/bg-1152-i.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1033px) and (max-width: 1134px) { /* 1080 1050 */ .bg-i { background: url('../img/bg-1080-i.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .bg-i { background: url('../img/bg-1024-i.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 883px) and (max-width: 1006px) { /* 980 900 */ .bg-i { background: url('../img/bg-0980-i.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 783px) and (max-width: 882px) { /* 854 800 */ .bg-i { background: url('../img/bg-0854-i.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 703px) and (max-width: 782px) { /* 768 720 */ .bg-i { background: url('../img/bg-0768-i.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 583px) and (max-width: 702px) { /* 640 600 */ .bg-i { background: url('../img/bg-0640-i.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 559px) and (max-width: 582px) { /* 576 */ .bg-i { background: url('../img/bg-0576-i.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 463px) and (max-width: 558px) { /* 480 */ .bg-i { background: url('../img/bg-0480-i.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 335px) and (max-width: 462px) { /* 384 352 */ .bg-i { background: url('../img/bg-0384-i.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 303px) and (max-width: 334px) { /* 320 */ .bg-i { background: url('../img/bg-0320-i.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 */ .bg-i { background: url('../img/bg-0200-i.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1349px) and (max-width: 1382px) { /* 1366 */ .bg-j { background: url('../img/bg-1366-j.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1183px) and (max-width: 1348px) { /* 1280 1200 */ .bg-j { background: url('../img/bg-1280-j.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1135px) and (max-width: 1182px) { /* 1152 */ .bg-j { background: url('../img/bg-1152-j.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1033px) and (max-width: 1134px) { /* 1080 1050 */ .bg-j { background: url('../img/bg-1080-j.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .bg-j { background: url('../img/bg-1024-j.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 883px) and (max-width: 1006px) { /* 980 900 */ .bg-j { background: url('../img/bg-0980-j.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 783px) and (max-width: 882px) { /* 854 800 */ .bg-j { background: url('../img/bg-0854-j.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 703px) and (max-width: 782px) { /* 768 720 */ .bg-j { background: url('../img/bg-0768-j.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 583px) and (max-width: 702px) { /* 640 600 */ .bg-j { background: url('../img/bg-0640-j.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 559px) and (max-width: 582px) { /* 576 */ .bg-j { background: url('../img/bg-0576-j.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 463px) and (max-width: 558px) { /* 480 */ .bg-j { background: url('../img/bg-0480-j.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 335px) and (max-width: 462px) { /* 384 352 */ .bg-j { background: url('../img/bg-0384-j.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 303px) and (max-width: 334px) { /* 320 */ .bg-j { background: url('../img/bg-0320-j.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 */ .bg-j { background: url('../img/bg-0200-j.jpg') center 0px no-repeat; background-size: cover; -moz-background-size: cover; } } /* MAIN */ @media screen and (min-width: 1135px) and (max-width: 1182px) { /* 1152 */ .wrapper main { width: 76%; } } @media screen and (min-width: 1033px) and (max-width: 1134px) { /* 1080 1050 */ .wrapper main { width: 73.5%; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .wrapper main { width: 72.65625%; } } @media screen and (min-width: 1px) and (max-width: 1006px) { /* 800 768 600 480 320 1 */ .wrapper main { width: 100%; clear: both; float: none; padding: 0 10px 20px 10px; display: block; } } /* ASIDE */ @media screen and (min-width: 1px) and (max-width: 1006px) { /* 800 768 600 480 320 1 */ .wrapper aside { width: 100%; clear: both; padding: 20px 10px 0px 10px; display: block; margin: -20px 0 20px 0; } } /* HEADER - NAV */ @media screen and (min-width: 783px) and (max-width: 1006px) { /* 800 */ .wrapper header nav { width: 68.75%; margin: 40px auto 0 auto; clear: right; display: block; background: none; border-radius: 0; } .wrapper header nav ul { margin: 0 0 0 60px; } .wrapper header nav ul li { margin: 2px; padding: 7px 5px; width: 20%; height: 28px; display: table; box-sizing: content-box; background: #527606; border-right: none; border-radius: 6px; line-height: 1; text-align: center; } .wrapper header nav ul li span { height: 28px; display: table-cell; vertical-align: middle; text-align: center; } .wrapper header nav ul li:last-child { margin: 2px; padding: 7px 5px; } .wrapper header nav ul li:hover, .wrapper header nav ul li.selected { margin: 2px; padding: 7px 5px; border-right: none; } .wrapper header nav ul li:first-child:hover, .wrapper header nav ul li.selected:first-child { margin: 2px; padding: 7px 5px; } .wrapper header nav ul li:last-child:hover, .wrapper header nav ul li.selected:last-child { margin: 2px; padding: 7px 5px; } } @media screen and (min-width: 1px) and (max-width: 782px) { /* 768 600 480 320 */ .wrapper header nav { width: 100%; margin: 0; background: none; position: absolute; } .wrapper header nav ul { margin: 0; } .wrapper header nav ul li { margin: 0px; padding: 7px 0px; width: 50%; height: 28px; display: table; background: #527606; border-right: none; border-bottom: 1px solid #324903; border-radius: 0px; line-height: 1; text-align: center; } .wrapper header nav ul li span { height: 28px; display: table-cell; vertical-align: middle; text-align: center; } .wrapper header nav ul li:last-child { margin: 0px; padding: 7px 0px; width: 100%; } .wrapper header nav ul li:hover, .wrapper header nav ul li.selected { margin: 0px; padding: 7px 0px; border-right: none; } .wrapper header nav ul li:first-child:hover, .wrapper header nav ul li.selected:first-child { margin: 0px; padding: 7px 0px; border-bottom-left-radius: 0px; } .wrapper header nav ul li:last-child:hover, .wrapper header nav ul li.selected:last-child { margin: 0px; padding: 7px 0px; border-bottom-right-radius: 0px; } .wrapper header nav ul { display: none; } .wrapper header nav #pull { width: 100%; height: 50px; padding: 13px 0px 7px 0px; display: block; position: relative; background-color: #000; border-bottom: 10px solid #527606; } .wrapper header nav #pull a { color: #83be09; text-decoration: none; } .wrapper header nav #pull a span { position: absolute; top: 12px; right: 50px; z-index: 100; color: #fff; font-family: 'Proxima Nova Bold'; transition: all 0.5s ease 0s; } .wrapper header nav #pull a:hover span { color: #83be09; } .wrapper header nav #pull a:before { width: 30px; height: 30px; display: inline-block; position: absolute; top: 10px; right: 10px; content:""; background: url('../img/sprite-login.png') 0 -80px no-repeat; } .wrapper header nav #pull a:hover:before { background-position: 0 -120px; color: #83be09; } } /* HEADER - LOGO */ @media screen and (min-width: 783px) and (max-width: 1006px) { /* 800 768 */ .wrapper header #logo { width: 23%; height: auto; padding: 2% 1.3%; top: -20px; background: url('../img/pin.png') 3% 5.8% no-repeat, url('../img/pin.png') 97% 5.8% no-repeat, #527606; } } @media screen and (min-width: 463px) and (max-width: 782px) { /* 600 480 */ .wrapper header #logo { width: 30%; height: auto; padding: 2% 3%; margin: 0 auto; clear: both; display: block; float: none; position: static; background: url('../img/pin.png') 3% 4% no-repeat, url('../img/pin.png') 97% 4% no-repeat, #527606; } } @media screen and (min-width: 1px) and (max-width: 462px) { /* 320 1 */ .wrapper header #logo { width: 60%; height: auto; padding: 1.953125% 3%; margin: 0 auto; clear: both; display: block; float: none; position: static; background: url('../img/pin.png') 2.5% 1.5% no-repeat, url('../img/pin.png') 97.5% 1.5% no-repeat, #527606; } } /* MAIN - SURVEY */ @media screen and (min-width: 1px) and (max-width: 782px) { /* 768 */ .bg.survey { margin-top: 30px; } .wrapper header #logo.survey { position: absolute; top: -10px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 35%; height: auto; padding: 15px 5px; background: url('../img/pin.png') 2.5% 4% no-repeat, url('../img/pin.png') 97.5% 4% no-repeat, #527606; } } @media screen and (min-width: 1px) and (max-width: 558px) { /* 480 */ .wrapper header #logo.survey { position: absolute; top: -10px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 45%; height: auto; padding: 15px 5px; background: url('../img/pin.png') 2.5% 4% no-repeat, url('../img/pin.png') 97.5% 4% no-repeat, #527606; } } /* HEADER - H1 grass */ @media screen and (min-width: 1135px) and (max-width: 1182px) { /* 1152 */ .wrapper header h1 { margin-left: 23%; } } @media screen and (min-width: 1033px) and (max-width: 1134px) { /* 1080 1050 */ .wrapper header h1 { font: bold 2em/1.2 'Berling Nova Text Bold'; margin-left: 25%; padding-top: 380px; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .wrapper header h1 { font: bold 2em/1.2 'Berling Nova Text Bold'; margin-left: 26%; padding-top: 390px; } } @media screen and (min-width: 751px) and (max-width: 1006px) { /* 980 900 800 768 */ .wrapper header h1 { font: bold 2.2em/1.2 'Berling Nova Text Bold'; margin-left: 2%; padding-top: 375px; padding-bottom: 35px; } .wrapper header h1.survey { font-size: 2em; } } @media screen and (min-width: 703px) and (max-width: 750px) { /* 720 */ .wrapper header h1 { font: bold 2em/1.2 'Berling Nova Text Bold'; margin-left: 1.5%; padding-top: 380px; padding-bottom: 30px; } .wrapper header h1.survey { font-size: 1.9em; } } @media screen and (min-width: 623px) and (max-width: 702px) { /* 640 */ .wrapper header h1 { font: bold 1.9em/1.2 'Berling Nova Text Bold'; margin-left: 1.5%; padding-top: 380px; padding-bottom: 30px; } .wrapper header h1.survey { font-size: 1.9em; padding-top: 360px; } } @media screen and (min-width: 583px) and (max-width: 622px) { /* 600 */ .wrapper header h1 { font: bold 1.9em/1.2 'Berling Nova Text Bold'; margin-left: 1.5%; padding-top: 380px; padding-bottom: 30px; } .wrapper header h1.survey { font-size: 1.9em; padding-top: 360px; } } @media screen and (min-width: 559px) and (max-width: 582px) { /* 576 */ .wrapper header h1 { font: bold 1.6em/1.2 'Berling Nova Text Bold'; margin-left: 2%; padding-top: 400px; padding-bottom: 30px; } .wrapper header h1.survey { font-size: 1.4em; } } @media screen and (min-width: 463px) and (max-width: 558px) { /* 480 */ .wrapper header h1 { font: bold 1.4em/1.2 'Berling Nova Text Bold'; margin-left: 2%; padding-top: 400px; } .wrapper header h1.survey { font-size: 1.6em; padding-top: 380px; } } @media screen and (min-width: 335px) and (max-width: 462px) { /* 384 352 */ .wrapper header h1 { font: bold 1.6em/1.2 'Berling Nova Text Bold'; margin-left: 2.5%; padding-top: 350px; z-index: 0; min-height: 490px; } .wrapper header h1.survey { font-size: 1.6em; padding-top: 350px; } } @media screen and (min-width: 271px) and (max-width: 334px) { /* 320 288 */ .wrapper header h1 { font: bold 1.4em/1.2 'Berling Nova Text Bold'; margin-left: 2.5%; padding-top: 360px; z-index: 0; min-height: 480px; } .wrapper header h1.survey { font-size: 1.4em; padding-top: 360px; } } @media screen and (min-width: 1px) and (max-width: 270px) { /* 200 1 */ .wrapper header h1 { font: bold 1.5em/1.2 'Berling Nova Text Bold'; margin-left: 4%; padding-top: 350px; z-index: 0; } .wrapper header h1.survey { font-size: 1.3em; padding-top: 350px; } } /* MAIN - FIRME */ @media screen and (min-width: 1033px) and (max-width: 1134px) { /* 1080 1050 */ .firme h1 { font-size: 1em; } .firme h2 { font-size: 0.9em; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .firme h1 { font-size: 1em; } .firme h2 { font-size: 0.9em; } .firme ul li { min-height: 110px; } } @media screen and (min-width: 963px) and (max-width: 1006px) { /* 980 */ } @media screen and (min-width: 883px) and (max-width: 962px) { /* 900 */ .firme .btn2, .firme .btn2:hover { padding-right: 60px; } } @media screen and (min-width: 783px) and (max-width: 882px) { /* 854 800 */ .firme h1 { font-size: 1em; } .firme h2 { font-size: 0.9em; } .firme ul li { min-height: 90px; } } @media screen and (min-width: 751px) and (max-width: 782px) { /* 768 */ .firme h1 { font-size: 1em; } .firme h2 { font-size: 0.9em; } .firme ul li { min-height: 110px; } } @media screen and (min-width: 703px) and (max-width: 750px) { /* 720 */ .firme h1 { width: 75%; padding-top: 10px; } .firme h2 { width: 90%; padding-top: 10px; font-size: 1.0em; } .firme img { float: none; width: 90%; margin: 0px; } .firme ul li { min-height: 110px; } .firme .btn2 { float: right; width: 88%; margin: 10px 0 0 0; padding: 11px 80px 9px 10px; } .firme .btn2:hover { padding: 12px 80px 8px 10px; } } @media screen and (min-width: 623px) and (max-width: 702px) { /* 640 */ .firme h1 { width: 75%; padding-top: 10px; } .firme h2 { width: 90%; padding-top: 10px; font-size: 1.0em; } .firme img { float: none; width: 90%; margin: 0px; } .firme ul li { min-height: 130px; } .firme .btn2 { float: right; width: 88%; margin: 10px 0 0 0; padding: 11px 80px 9px 10px; } .firme .btn2:hover { padding: 12px 80px 8px 10px; } } @media screen and (min-width: 583px) and (max-width: 622px) { /* 600 */ .firme { clear: left; width: 100%; margin: 0; padding: 0; } .firme h1 { font-size: 1.3em; width: 40%; padding-bottom: 10px; padding-top: 20px; } .firme h2 { font-size: 1.2em; } .firme img { margin-top: 20px; } .firme ul li { min-height: 100%; } .firme .btn2 { float: none; clear: both; width: 100%; height: 55px; margin: 10px 0 0 0; padding: 21px 80px 19px 10px; } .firme .btn2:hover { height: 55px; padding: 22px 80px 18px 10px; } } @media screen and (min-width: 559px) and (max-width: 582px) { /* 576 */ .firme { clear: left; width: 100%; margin: 0; padding: 0; } .firme h1 { font-size: 1.5em; width: 40%; padding-bottom: 10px; padding-top: 20px; } .firme h2 { font-size: 1.2em; } .firme img { margin-top: 20px; } .firme ul li { min-height: 100%; } .firme .btn2 { float: none; clear: both; width: 100%; height: 55px; margin: 10px 0 0 0; padding: 21px 80px 19px 10px; } .firme .btn2:hover { height: 55px; padding: 22px 80px 18px 10px; } } @media screen and (min-width: 463px) and (max-width: 558px) { /* 480 */ .firme { clear: left; width: 100%; margin: 0; padding: 0; } .firme h1 { padding-bottom: 10px; padding-top: 20px; } .firme img { margin-top: 20px; } .firme ul li { min-height: 100%; } .firme .btn2 { float: none; clear: both; width: 100%; height: 55px; margin: 10px 0 0 0; padding: 21px 80px 19px 10px; } .firme .btn2:hover { height: 55px; padding: 22px 80px 18px 10px; } } @media screen and (min-width: 335px) and (max-width: 462px) { /* 480 384 352 */ .firme { clear: left; width: 100%; margin: 0; padding: 0; } .firme h1 { padding-top: 10px; font-size: 1.3em; } .firme h2 { padding-top: 10px; font-size: 1em; } .firme img { margin-top: 10px; margin-bottom: 10px; } .firme ul li { min-height: 100%; } .firme .btn2 { float: none; clear: both; width: 100%; height: auto; margin: 10px 0 0 0; padding: 21px 80px 19px 10px; } .firme .btn2:hover { height: auto; padding: 22px 80px 18px 10px; } } @media screen and (min-width: 303px) and (max-width: 334px) { /* 320 */ .firme { clear: left; width: 100%; margin: 0; padding: 0; } .firme h1 { width: 100%; } .firme h2 { padding-top: 10px; width: 100%; } .firme img { float: none; width: 100%; margin: 10px 0 10px 0; padding: 0; } .firme ul li { padding: 10px 0 0 40px; background: url(../img/check-smaller.png) 5px 10px no-repeat; } .firme .btn2 { float: none; width: 100%; margin: 10px 0 0 0; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 1 */ .firme { clear: left; width: 100%; margin: 0; padding: 0; } .firme h1 { width: 100%; font-size: 1.4em; } .firme h2 { padding-top: 15px; width: 100%; } .firme img { float: none; width: 100%; margin-top: 20px; } .firme ul li { padding: 10px 0 0 25px; background: url(../img/check-small.png) 0px 10px no-repeat; } .firme .btn2 { float: none; width: 100%; margin: 10px 0 0 0; } } /* MAIN - OFERTE + CERERI FILTRE */ @media screen and (min-width: 1007px) and (max-width: 1182px) { /* 1152 1080 1050 1024 */ .oferte .item, .cereri .item { min-height: 150px; } .oferte .btn2, .cereri .btn2 { clear: both; width: 100%; height: 55px; margin: 10px 0 0 0; padding: 21px 80px 19px 10px; } .oferte .btn2:hover, .cereri .btn2:hover { height: 55px; padding: 22px 80px 18px 10px; } .cereri .item .txt { padding-left: 12%; } } @media screen and (min-width: 883px) and (max-width: 1006px) { /* 980 900 */ .oferte h2, .cereri h2 { min-height: 60px; font-size: 1.5em; } .oferte .item, .cereri .item { min-height: 140px; } .oferte .btn2, .cereri .btn2 { clear: both; width: 100%; height: 55px; margin: 10px 0 0 0; padding: 21px 80px 19px 10px; } .oferte .btn2:hover, .cereri .btn2:hover { height: 55px; padding: 22px 80px 18px 10px; } } @media screen and (min-width: 751px) and (max-width: 882px) { /* 854 800 768 */ .oferte h2, .cereri h2 { min-height: 60px; font-size: 1.3em; } .oferte .item, .cereri .item { min-height: 150px; } .oferte .btn2, .cereri .btn2 { width: 100%; margin: 10px 0 0 0; height: 55px; margin: 10px 0 0 0; padding: 21px 80px 19px 10px; } .oferte .btn2:hover, .cereri .btn2:hover { height: 55px; padding: 22px 80px 18px 10px; } .cereri .item .txt { padding-left: 40px; } .cereri .item .txt .navi { margin: 5px 0 0 0%; padding: 5px 0 0 0; } } @media screen and (min-width: 703px) and (max-width: 750px) { /* 720 */ .oferte h2, .cereri h2 { font-size: 1.3em; } .oferte .item, .cereri .item { min-height: 160px; float: none; } .oferte .item .pic { width: 40%; clear: both; float: none; margin: 0 auto 5px auto; } .oferte .item .txt, .cereri .item .txt { width: 100%; clear: both; float: none; } .cereri .item .txt { padding-left: 40px; } .oferte .btn2, .cereri .btn2 { width: 100%; margin: 10px 0 0 0; height: 55px; margin: 10px 0 0 0; padding: 21px 60px 19px 10px; } .oferte .btn2:hover, .cereri .btn2:hover { height: 55px; padding: 22px 60px 18px 10px; } } @media screen and (min-width: 583px) and (max-width: 702px) { /* 640 600 */ .oferte .item, .cereri .item { min-height: 180px; } .oferte .item { float: none; } .oferte .item .pic { width: 40%; clear: both; float: none; margin: 0 auto 5px auto; } .oferte .item .txt { width: 100%; clear: both; float: none; } .oferte .btn2, .cereri .btn2 { width: 100%; margin: 10px 0 0 0; } .cereri .item h3 { padding-bottom: 20px; } .cereri .item .txt { clear: both; float: none; width: 100%; padding-left: 40px; } } @media screen and (min-width: 335px) and (max-width: 582px) { /* 480 384 352 */ .oferte, .cereri { clear: left; width: 100%; margin: 20px 0 0 0px; } .oferte .item, .cereri .item { min-height: 100%; } .oferte .btn2, .cereri .btn2 { clear: both; width: 100%; height: 55px; margin: 10px 0 0 0; padding: 21px 80px 19px 10px; } .oferte .btn2:hover, .cereri .btn2:hover { height: 55px; padding-top: 22px; padding-bottom: 18px; } } @media screen and (min-width: 303px) and (max-width: 334px) { /* 320 */ .oferte, .cereri { clear: left; width: 100%; margin: 20px 0 0 0px; } .oferte h2, .cereri h2 { padding-top: 0; font-size: 1.3em; } .oferte .item, .cereri .item { clear: both; float: none; } .oferte .item h3, .cereri .item h3 { text-align: center; font-size: 1em; } .oferte .item .pic { width: 60%; clear: both; float: none; margin: 0 auto 5px auto; } .oferte .item .txt { width: 100%; clear: both; float: none; } .oferte .item .txt .navi { padding: 5px 0 0 15%; } .oferte .btn2, .cereri .btn2 { float: none; width: 100%; margin: 10px 0 0 0; } .cereri .item .txt { clear: both; float: none; width: 100%; padding-left: 40px; } .cereri .item .txt .navi { margin: 5px 0 0 -15%; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 1 */ .oferte, .cereri { clear: left; width: 100%; margin: 20px 0 0 0px; } .oferte h2, .cereri h2 { padding-top: 0; font-size: 1.2em; } .oferte .item, .cereri .item { clear: both; float: none; } .oferte .item h3, .cereri .item h3 { text-align: center; font-size: 1em; } .oferte .item .pic { width: 100%; clear: both; float: none; margin: 0 auto 5px auto; } .oferte .item .txt { width: 100%; clear: both; float: none; } .oferte .item .txt .navi { padding: 5px 0 0 0; } .oferte .btn2, .cereri .btn2 { float: none; width: 100%; margin: 10px 0 0 0; } .cereri .item .txt { clear: both; float: none; width: 100%; padding-left: 40px; } .cereri .item .txt .navi { margin: 5px 0 0 0; } } @media screen and (min-width: 1063px) and (max-width: 1134px) { /* 1080 */ .oferte .item.promotionale, .cereri .item.promotionale { min-height: 300px; } } @media screen and (min-width: 1033px) and (max-width: 1062px) { /* 1050 */ .oferte .item.promotionale, .cereri .item.promotionale { min-height: 320px; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .oferte .item.promotionale, .cereri .item.promotionale { min-height: 350px; } } @media screen and (min-width: 963px) and (max-width: 1006px) { /* 980 */ .oferte.promotionale h2, .cereri.promotionale h2 { min-height: 100%; } .oferte .item.promotionale, .cereri .item.promotionale { min-height: 300px; } } @media screen and (min-width: 883px) and (max-width: 962px) { /* 900 */ .oferte.promotionale h2, .cereri.promotionale h2 { min-height: 100%; } .oferte .item.promotionale, .cereri .item.promotionale { min-height: 300px; } } @media screen and (min-width: 837px) and (max-width: 882px) { /* 854 */ .oferte.promotionale h2, .cereri.promotionale h2 { min-height: 100%; } .oferte .item.promotionale, .cereri .item.promotionale { min-height: 310px; } } @media screen and (min-width: 783px) and (max-width: 836px) { /* 800 */ .oferte.promotionale h2, .cereri.promotionale h2 { min-height: 100%; } .oferte .item.promotionale, .cereri .item.promotionale { min-height: 320px; } } @media screen and (min-width: 1px) and (max-width: 782px) { /* 1 < x <= 768 */ .filtre { margin-top: 20px; } .filtre .filtre-loc { width: 100%; margin: 0 0 0 0; } .filtre .filtre-dom { width: 100%; margin: 20px 0 0 0; } } @media screen and (min-width: 559px) and (max-width: 782px) { /* 480 < x <= 768 */ .oferte.promotionale h2, .cereri.promotionale h2 { min-height: 100%; padding-bottom: 20px; } .oferte .item.promotionale, .cereri .item.promotionale { width: 100%; margin: 0px 0 20px 0; min-height: 100%; float: left; background: url(../img/pin.png) 0.5% 5px no-repeat, url(../img/pin.png) 99.5% 5px no-repeat, url(../img/pat4.jpg) repeat; } .oferte .item.promotionale:hover, .cereri .item.promotionale:hover { background: url(../img/pin.png) 0.5% 5px no-repeat, url(../img/pin.png) 99.5% 5px no-repeat, url(../img/pat6.jpg) repeat; } .oferte .item.promotionale.last, .cereri .item.promotionale.last { margin: 0; margin-bottom: 20px; } .oferte .item.wide, .cereri .item.wide { float: left; } .oferte .item.wide .pic, .oferte .item.promotionale .pic { float: left; width: 20%; margin: 0 2% 0 0; } .oferte .item.wide .txt, .oferte .item.promotionale .txt { float: left; width: 78%; margin: 0; clear: none; } .cereri .item.wide .txt, .cereri .item.promotionale .txt { float: left; width: 100%; margin: 0; clear: none; padding-left: 40px; } } @media screen and (min-width: 1px) and (max-width: 558px) { /* 1 < x <= 480 */ .filtre { margin-top: 20px; } .filtre .filtre-cauta input[type="text"] { width: 100%; margin: 0 0 10px 0; } .filtre .filtre-cauta input[type="submit"], .filtre .filtre-cauta input[type="submit"]:hover { margin: 0 auto; display: block; clear: both; float: none; } .oferte.promotionale h2, .cereri.promotionale h2 { min-height: 100%; padding-bottom: 20px; } .oferte .item.promotionale, .cereri .item.promotionale { width: 100%; margin: 0px 0 20px 0; min-height: 100%; float: left; background: url(../img/pin.png) 0.5% 5px no-repeat, url(../img/pin.png) 99.5% 5px no-repeat, url(../img/pat4.jpg) repeat; } .oferte .item.promotionale:hover, .cereri .item.promotionale:hover { background: url(../img/pin.png) 0.5% 5px no-repeat, url(../img/pin.png) 99.5% 5px no-repeat, url(../img/pat6.jpg) repeat; } .oferte .item.promotionale.last, .cereri .item.promotionale.last { margin: 0; margin-bottom: 20px; } .oferte .item.wide, .cereri .item.wide { float: left; width: 100%; } .oferte .item.wide .pic, .oferte .item.promotionale .pic { float: none; width: 40%; margin: 0 auto 10px auto; } .oferte .item.wide .txt, .oferte .item.promotionale .txt { float: left; width: 100%; margin: 0; clear: none; } .cereri .item.wide .txt, .cereri .item.promotionale .txt { float: left; width: 100%; margin: 0; clear: none; padding-left: 40px; } } /* MAIN - MATERIALE */ @media screen and (min-width: 751px) and (max-width: 1182px) { /* 768 < = x < = 1152 */ .materiale .btn2 { width: 45%; height: 55px; margin: 10px 0 0 0; padding: 21px 60px 19px 10px; } .materiale .btn2:hover { height: 55px; padding: 22px 60px 18px 10px; } } @media screen and (min-width: 583px) and (max-width: 750px) { /* 720 640 600 */ .materiale .item .pic { width: 25%; margin: 0 auto 5px auto; } .materiale .item .pic.prod { width: 25%; margin-top: 0; } .materiale .item .pic.date { width: 32%; } .materiale .item .pic.date.last { margin-right: 0; } .materiale .item .txt { width: 100%; clear: both; float: none; } .materiale .item .txt .navi a.trimite { float: none; } .materiale .btn2 { width: 100%; height: 55px; margin: 10px 0 0 0; padding: 21px 60px 19px 10px; } .materiale .btn2:hover { height: 55px; padding: 22px 60px 18px 10px; } } @media screen and (min-width: 463px) and (max-width: 582px) { /* 576 480 */ .materiale .item .pic { width: 30%; margin: 0 auto 5px auto; } .materiale .item .pic.prod { width: 30%; margin-top: 0; } .materiale .item .pic.date { width: 50%; margin: 10px auto; float: none; } .materiale .item .txt { width: 100%; clear: both; float: none; } .materiale .item .txt .navi { padding: 5px 0% 0 5%; } .materiale .item .txt .navi a.trimite { clear: both; float: none; } .materiale .btn2 { width: 100%; height: 55px; margin: 10px 0 0 0; padding: 21px 60px 19px 10px; } .materiale .btn2:hover { height: 55px; padding: 22px 60px 18px 10px; } } @media screen and (min-width: 303px) and (max-width: 462px) { /* 320 */ .materiale { clear: left; width: 100%; margin: 20px 0 0 0px; } .materiale h2 { padding-top: 0px; font-size: 1.3em; } .materiale .item { clear: both; float: none; } .materiale .item h3 { text-align: center; font-size: 1em; } .materiale .item .pic { width: 60%; clear: both; float: none; margin: 0 auto 5px auto; } .materiale .item .pic.prod { width: 60%; clear: both; float: none; margin: 0 auto 5px auto; } .materiale .item .pic.date { width: 70%; margin: 10px auto; float: none; } .materiale .item .txt { width: 100%; clear: both; float: none; } .materiale .item .txt .navi { padding: 5px 15% 0 10%; } .materiale .item .txt .navi a.trimite { clear: both; float: none; } .materiale .btn2 { float: none; width: 100%; margin: 10px 0 0 0; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 1 */ .materiale { clear: left; width: 100%; margin: 20px 0 0 0px; } .materiale h2 { padding-top: 0px; font-size: 1.2em; } .materiale .item { clear: both; float: none; } .materiale .item h3 { text-align: center; font-size: 1em; } .materiale .item .pic { width: 100%; clear: both; float: none; margin: 0 auto 5px auto; } .materiale .item .pic.prod { width: 100%; clear: both; float: none; margin: 0 auto 5px auto; } .materiale .item .pic.date { width: 70%; margin: 10px auto; float: none; } .materiale .item .txt { width: 100%; clear: both; float: none; } .materiale .item .txt .navi { padding: 5px 0 0 0; } .materiale .item .txt .navi a.trimite { clear: both; float: none; } .materiale .btn2 { float: none; width: 100%; margin: 10px 0 0 0; } } /* MAIN - INREGISTRARE FIRME */ @media screen and (min-width: 1px) and (max-width: 1182px) { /* 1152 */ .reg-atu { width: 58%; margin-right: 3% } .reg-form { width: 39%; } } @media screen and (min-width: 1px) and (max-width: 750px) { /* <= 720 */ .reg-atu { width: 100%; float: none; } .reg-form { width: 100%; clear: left; margin-top: 20px; } } @media screen and (min-width: 1px) and (max-width: 702px) { /* 640 */ .reg-atu.pag3 .imagine { width: 35%; } } /* MAIN - FORM INREGISTRARE FIRME + BENEFICIARI */ @media screen and (min-width: 623px) and (max-width: 750px) { /* 720 640 */ .reg-form.pas2 { float: left; clear: none; } .reg-atu.pag2 h1 { clear: both; } .login.pas2 { float: left; clear: none; } } @media screen and (min-width: 1px) and (max-width: 622px) { /* 600 480 320 1 */ .reg-form.pas2 { float: none; width: 100%; } .reg-atu.pag2 h1 { clear: both; } .login.pas2 { float: none; width: 100%; } } @media screen and (min-width: 1px) and (max-width: 750px) { /* 720 640 600 480 320 1 */ .reg-form.client2 { float: left; } .reg-form .row.contact { width: 100%; margin-right: 0; float: none; } .reg-form .row.proiect { width: 100%; float: none; } .reg-form .row.c12 { width: 100%; float: left; min-height: 1px; padding-left: 5px; padding-right: 5px; } .reg-form .row.c6 { width: 100%; float: left; min-height: 1px; padding-left: 5px; padding-right: 5px; } .reg-form .row.c3 { width: 100%; float: left; min-height: 1px; padding-left: 5px; padding-right: 5px; } } @media screen and (min-width: 1063px) and (max-width: 1134px) { /* 1080 */ .reg-form .row .sel select:required, .reg-form .row .sel select:focus, .reg-form .row .sel select:required:valid, .reg-form .row .sel select:focus:valid { background-position: 77% 10px; } } @media screen and (min-width: 1033px) and (max-width: 1062px) { /* 1050 */ .reg-form .row .sel select:required, .reg-form .row .sel select:focus, .reg-form .row .sel select:required:valid, .reg-form .row .sel select:focus:valid { background-position: 75% 10px; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .reg-form .row .sel select:required, .reg-form .row .sel select:focus, .reg-form .row .sel select:required:valid, .reg-form .row .sel select:focus:valid { background-position: 73% 10px; } } @media screen and (min-width: 837px) and (max-width: 882px) { /* 854 */ .reg-form .row .sel select:required, .reg-form .row .sel select:focus, .reg-form .row .sel select:required:valid, .reg-form .row .sel select:focus:valid { background-position: 77% 10px; } } @media screen and (min-width: 783px) and (max-width: 836px) { /* 800 */ .reg-form .row .sel select:required, .reg-form .row .sel select:focus, .reg-form .row .sel select:required:valid, .reg-form .row .sel select:focus:valid { background-position: 75% 10px; } } @media screen and (min-width: 751px) and (max-width: 782px) { /* 768 */ .reg-form .row .sel select:required, .reg-form .row .sel select:focus, .reg-form .row .sel select:required:valid, .reg-form .row .sel select:focus:valid { background-position: 73% 10px; } } @media screen and (min-width: 621px) and (max-width: 750px) { /* 720 */ .reg-form .row .sel select:required, .reg-form .row .sel select:focus, .reg-form .row .sel select:required:valid, .reg-form .row .sel select:focus:valid { background-position: 90% 10px; } } @media screen and (min-width: 559px) and (max-width: 622px) { /* 600 */ .reg-form .row .sel select:required, .reg-form .row .sel select:focus, .reg-form .row .sel select:required:valid, .reg-form .row .sel select:focus:valid { background-position: 89% 10px; } } @media screen and (min-width: 463px) and (max-width: 558px) { /* 480 */ .reg-form .row .sel select:required, .reg-form .row .sel select:focus, .reg-form .row .sel select:required:valid, .reg-form .row .sel select:focus:valid { background-position: 86% 10px; } } @media screen and (min-width: 623px) and (max-width: 750px) { /* 720 640 */ .trimite-rapid-detalii img { width: 40%; } .trimite-rapid-detalii p, .trimite-rapid-detalii li { width: 59%; } } @media screen and (min-width: 1px) and (max-width: 622px) { /* 600 480 320 1 */ } /* MAIN - TABI INFO + PRETURI */ @media only screen and (min-width: 1px) and (max-width: 1182px) { .pachete-pret .r-tabs .r-tabs-nav .r-tabs-anchor { width: 170px; } } @media only screen and (min-width: 1px) and (max-width: 768px) { .r-tabs .r-tabs-nav { display: none; } .r-tabs .r-tabs-accordion-title { display: block; } } /* MAIN - PACHETE PRETURI */ @media screen and (min-width: 1035px) and (max-width: 1182px) { /* 1152 */ .abonamente-item h4, .credite-item h4 { font-size: 1.2em; } .abonamente-item.bronze ul { height: 210px; } .abonamente-item.silver ul { height: 320px; } .abonamente-item.gold ul { height: 320px; } .abonamente-item .plata-tip p { width: 100%; } .abonamente-item .plata-tip img { float: none; margin: 0 auto; clear: both; } .abonamente-item .plata-tip img.last { float: none; margin: 0 auto; clear: both; } .abonamente-item .plata-tip input[type="submit"] { float: none; clear: both; margin: 12px auto 0 auto; } .abonamente-item .plata-tip.last input[type="submit"] { float: none; clear: both; margin: 0px auto 0 auto; } .pachete-credite h4 { font-size: 1.2em; } .pachete-credite-container .plata-tip.cerere img.last { margin: 5px 0 0 0; clear: both; } .pachete-credite-container .plata-tip.cerere input[type="submit"] { clear: none; } } @media screen and (min-width: 1007px) and (max-width: 1134px) { /* 1080 1050 */ .abonamente-item h4, .credite-item h4 { font-size: 1.1em; } .abonamente-item.bronze ul { height: 230px; } .abonamente-item.silver ul { height: 340px; } .abonamente-item.gold ul { height: 340px; } .abonamente-item p.discount { padding: 10px; } .credite-item p.desc { padding: 10px 10px 0 10px; } .pachete-credite-container .plata-tip p { width: 100%; } .pachete-credite-container .plata-tip img { float: none; margin: 0; clear: both; } .pachete-credite-container .plata-tip img.last { float: none; margin: 0; clear: both; } .pachete-credite-container .plata-tip input[type="submit"] { float: none; clear: both; margin: 12px auto 0 auto; } .pachete-credite-container .plata-tip.last input[type="submit"] { float: none; clear: both; margin: 0px auto 0 auto; } .pachete-credite-container .plata-tip.cerere img { float: none; margin: 0; } .pachete-credite-container .plata-tip.cerere img.last { float: none; margin: 0; } .pachete-credite-container .plata-tip.cerere input[type="submit"] { float: none; margin: 10px 0 0 0; } .pachete-credite-container .plata-tip.cerere.last input[type="submit"] { float: none; clear: none; margin: 0 0 0 0; } } @media screen and (min-width: 1007px) and (max-width: 1032px) { /* 1024 */ .pachete-credite-container .jos p { width: 60%; } .credite-item h4 { font-size: 1.0em; } .credite-item.cerere { margin-bottom: 30px; } } @media screen and (min-width: 883px) and (max-width: 962px) { /* 900 */ .credite-item h4 { font-size: 1.1em; } .abonamente-item.bronze ul { height: 210px; } .abonamente-item.silver ul { height: 320px; } .abonamente-item.gold ul { height: 320px; } .pachete-credite-container .plata-tip.cerere img.last { margin: 5px 0 0 0; clear: both; } .pachete-credite-container .plata-tip.cerere input[type="submit"] { clear: none; } } @media screen and (min-width: 837px) and (max-width: 882px) { /* 854 */ .abonamente-item h4, .credite-item h4 { font-size: 1.2em; } .abonamente-item.bronze ul { height: 220px; } .abonamente-item.silver ul { height: 330px; } .abonamente-item.gold ul { height: 330px; } .pachete-credite-container .plata-tip.cerere img.last { margin: 5px 0 0 0; clear: both; } .pachete-credite-container .plata-tip.cerere input[type="submit"] { clear: none; } } @media screen and (min-width: 783px) and (max-width: 836px) { /* 800 */ .abonamente-item h4, .credite-item h4 { font-size: 1.1em; } .abonamente-item.bronze ul { height: 230px; } .abonamente-item.silver ul { height: 340px; } .abonamente-item.gold ul { height: 340px; } .pachete-credite-container .plata-tip p { width: 100%; } .pachete-credite-container .plata-tip img { float: none; margin: 0; clear: both; } .pachete-credite-container .plata-tip img.last { float: none; margin: 0; clear: both; } .pachete-credite-container .plata-tip input[type="submit"] { float: none; clear: both; margin: 12px auto 0 auto; } .pachete-credite-container .plata-tip.last input[type="submit"] { float: none; clear: both; margin: 0px auto 0 auto; } .pachete-credite-container .plata-tip.cerere img { float: none; margin: 0; } .pachete-credite-container .plata-tip.cerere img.last { float: none; margin: 0; } .pachete-credite-container .plata-tip.cerere input[type="submit"] { float: none; margin: 10px 0 0 0; } .pachete-credite-container .plata-tip.cerere.last input[type="submit"] { float: none; clear: none; margin: 0 0 0 0; } } @media screen and (min-width: 1px) and (max-width: 782px) { /* <= 768 */ .pachete-credite-container .jos { margin-top: 0; } .pachete-credite-container .jos.cerere { width: 100%; } .abonamente-item.bronze ul, .abonamente-item,doi.bronze ul { height: auto; } .abonamente-item.silver ul, .abonamente-item.doi.silver ul { height: auto; } .abonamente-item.gold ul, .abonamente-item.doi.gold ul { height: auto; } .pachete-abonamente h3 { padding-bottom: 0; } .abonamente-item, .credite-item, .credite-item.doi { float: none; width: 100%; height: auto; } .credite-item.cerere { width: 100%; height: auto; margin-bottom: 10px; } .abonamente-item h4, .credite-item h4 { font-size: 1.6em; } .credite-item.cerere h4 { font-size: 1.3em; } .abonamente-item ul, .credite-item ul { font-size: 1.2em; } .abonamente-item img { width: 90px; margin-top: -30px; } .credite-item img, .credite-item.doi img, .credite-item.cerere img { width: 60px; margin-top: -10px; } .abonamente-item p.gratuit { text-align: left; padding-bottom: 0; height: auto; } .abonamente-item p.desc { text-align: left; padding: 10px 0 5px 0; } .abonamente-item p.discount { text-align: left; padding: 10px 0 5px 0; } .credite-item p.desc { text-align: left; padding: 10px 0 5px 10px; } .credite-item p.discount, .credite-item.doi p.discount { text-align: left; padding: 10px 0 5px 10px; width: 100%; } .abonamente-item .inca { margin: 10px 0; width: 180px; } .credite-item .inca { margin: 10px 0 0 10px; width: 180px; } .abonamente-item .plata-tip input[type="submit"] { clear: both; } .pachete-credite-container .plata-tip, .pachete-credite-container .plata-tip.cerere { float: left; width: 100%; } .pachete-credite-container .plata-tip img { float: right; margin: 0; padding: 0; } .pachete-credite-container .plata-tip img.last { clear: none; margin: 0 5px 0 0; padding: 0; } .pachete-credite-container .plata-tip input[type="submit"] { margin-top: 10px; float: left; clear: both; } .pachete-credite-container .plata-tip.last input[type="submit"] { float: none; clear: both; margin-top: 10px; } } @media screen and (min-width: 1px) and (max-width: 334px) { /* <= 320 */ .pachete-credite-container .plata-tip p { width: 100%; } .pachete-credite-container .plata-tip img { float: none; margin: 0; clear: both; } .pachete-credite-container .plata-tip img.last { float: none; margin: 0; clear: both; } .pachete-credite-container .plata-tip input[type="submit"] { float: none; clear: both; margin: 12px auto 0 auto; } .pachete-credite-container .plata-tip.last input[type="submit"] { float: none; clear: both; margin: 0px auto 0 auto; } .credite-item.cerere { float: left; width: 100%; margin: 15px 0 10px 0; } .credite-item.cerere img { width: 15%; } .pachete-credite-container .jos.cerere { float: left; width: 100%; margin: 15px 0 15px 0; clear: none; } .pachete-credite-container .plata-tip.cerere { float: left; width: 100%; margin: 0 0 15px 0; } .pachete-credite-container .plata-tip.cerere.last { float: left; width: 100%; margin: 0 0 0 0; } .pachete-credite-container .plata-tip.cerere p { float: left; width: auto; clear: none; } .pachete-credite-container .plata-tip.cerere img { float: right; margin: 0; clear: none; } .pachete-credite-container .plata-tip.cerere img.last { float: right; margin: 0 0px 0 0; clear: none; } .pachete-credite-container .plata-tip.cerere input[type="submit"] { float: left; margin: 10px 0 0 0; } .pachete-credite-container .plata-tip.cerere.last input[type="submit"] { float: left; margin: 0; } } /* MAIN - INFO */ @media screen and (min-width: 751px) and (max-width: 1182px) { /* 768 < = x < = 1152 */ .info .stang { overflow: visible; } .info .stang .line { width: 52%; } } @media screen and (min-width: 1px) and (max-width: 750px) { /* < = 720 */ .info .stang { overflow: visible; width: 100%; } .info .stang .line { width: 100%; } .info .imagine, .all-atu .imagine { width: 100%; margin-bottom: 30px; } } @media screen and (min-width: 463px) and (max-width: 558px) { /* 480 */ .info .btn2, .all-atu .btn2 { height: 55px; padding: 21px 60px 19px 10px; } .info .btn2:hover, .all-atu .btn2:hover { height: 55px; padding: 22px 60px 18px 10px; } } @media screen and (min-width: 1px) and (max-width: 462px) { /* < = 384 */ .info .btn2, .all-atu .btn2 { height: auto; padding: 11px 70px 9px 10px; width: 100%; float: none; margin-left: auto; margin-right: auto; } .info .btn2:hover, .all-atu .btn2:hover { height: auto; padding: 12px 70px 8px 10px; } } /* MAIN - PROFIL FIRMA */ @media screen and (min-width: 1007px) and (max-width: 1134px) { /* 1080 1050 1024 */ .profil .logo-firma { width: 27%; } } @media screen and (min-width: 837px) and (max-width: 882px) { /* 854 */ .profil .logo-firma { width: 26%; } } @media screen and (min-width: 783px) and (max-width: 836px) { /* 800 */ .profil .logo-firma { width: 28%; } } @media screen and (min-width: 751px) and (max-width: 782px) { /* 768 */ .profil .logo-firma { width: 29%; } } @media screen and (min-width: 703px) and (max-width: 750px) { /* 720 */ .profil .logo-firma { width: 31%; } } @media screen and (min-width: 1px) and (max-width: 702px) { /* 640 576 480 384 352 320 288 200 1 */ .profil h1 { text-align: center; width: 100%; } .profil .logo-firma { width: 40%; float: none; margin: 0 auto; } .profil .star { float: none; margin: 0 auto; } } @media screen and (min-width: 1px) and (max-width: 462px) { /* 384 352 320 200 1 */ .profil .container .contact .rand { padding-left: 10px; } .profil .container .contact .rand .pic { width: 15%; margin: 0; } .profil .container .contact .rand .titl { width: 75%; } .profil .container .contact .rand .txt { overflow: visible; clear: both; margin-left: 15%; } } /* MAIN - BUTTON FIRME + OFERTE + CERERI + MATERIALE */ @media screen and (min-width: 1px) and (max-width: 1182px) { /* <= 1152 GRADIENT BUTTON */ .btn2, .btn3 { background: rgb(255,255,255); /* Old browsers */ background: url(../img/go.png) 97% 50% no-repeat, -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,246,144,1) 48%, rgba(255,208,0,1) 92%, rgba(255,246,144,1) 100%); /* FF3.6+ */ background: url(../img/go.png) 97% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(48%,rgba(255,246,144,1)), color-stop(92%,rgba(255,208,0,1)), color-stop(100%,rgba(255,246,144,1))); /* Chrome,Safari4+ */ background: url(../img/go.png) 97% 50% no-repeat, -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,246,144,1) 48%,rgba(255,208,0,1) 92%,rgba(255,246,144,1) 100%); /* Chrome10+,Safari5.1+ */ background: url(../img/go.png) 97% 50% no-repeat, -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,246,144,1) 48%,rgba(255,208,0,1) 92%,rgba(255,246,144,1) 100%); /* Opera 11.10+ */ background: url(../img/go.png) 97% 50% no-repeat, -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,246,144,1) 48%,rgba(255,208,0,1) 92%,rgba(255,246,144,1) 100%); /* IE10+ */ background: url(../img/go.png) 97% 50% no-repeat, linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,246,144,1) 48%,rgba(255,208,0,1) 92%,rgba(255,246,144,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff690',GradientType=0 ); /* IE6-9 */ } .btn2:hover, .btn3:hover { background: rgb(255,246,144); /* Old browsers */ background: url(../img/go.png) 97% 55% no-repeat, -moz-linear-gradient(top, rgba(255,246,144,1) 0%, rgba(255,208,0,1) 8%, rgba(255,246,144,1) 52%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: url(../img/go.png) 97% 55% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,246,144,1)), color-stop(8%,rgba(255,208,0,1)), color-stop(52%,rgba(255,246,144,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: url(../img/go.png) 97% 55% no-repeat, -webkit-linear-gradient(top, rgba(255,246,144,1) 0%,rgba(255,208,0,1) 8%,rgba(255,246,144,1) 52%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: url(../img/go.png) 97% 55% no-repeat, -o-linear-gradient(top, rgba(255,246,144,1) 0%,rgba(255,208,0,1) 8%,rgba(255,246,144,1) 52%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: url(../img/go.png) 97% 55% no-repeat, -ms-linear-gradient(top, rgba(255,246,144,1) 0%,rgba(255,208,0,1) 8%,rgba(255,246,144,1) 52%,rgba(255,255,255,1) 100%); /* IE10+ */ background: url(../img/go.png) 97% 55% no-repeat, linear-gradient(to bottom, rgba(255,246,144,1) 0%,rgba(255,208,0,1) 8%,rgba(255,246,144,1) 52%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff690', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .btn1, .login .row input[type="submit"], .reg-form .row input[type="submit"], .abonamente-item .plata-tip input[type="submit"], .pachete-credite-container .plata-tip input[type="submit"], .filtre .filtre-cauta input[type="submit"] { background: rgb(255,255,255); /* Old browsers */ background: url(../img/go.png) 97% 2px no-repeat, -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,246,144,1) 48%, rgba(255,208,0,1) 92%, rgba(255,246,144,1) 100%); /* FF3.6+ */ background: url(../img/go.png) 97% 2px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(48%,rgba(255,246,144,1)), color-stop(92%,rgba(255,208,0,1)), color-stop(100%,rgba(255,246,144,1))); /* Chrome,Safari4+ */ background: url(../img/go.png) 97% 2px no-repeat, -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,246,144,1) 48%,rgba(255,208,0,1) 92%,rgba(255,246,144,1) 100%); /* Chrome10+,Safari5.1+ */ background: url(../img/go.png) 97% 2px no-repeat, -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,246,144,1) 48%,rgba(255,208,0,1) 92%,rgba(255,246,144,1) 100%); /* Opera 11.10+ */ background: url(../img/go.png) 97% 2px no-repeat, -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,246,144,1) 48%,rgba(255,208,0,1) 92%,rgba(255,246,144,1) 100%); /* IE10+ */ background: url(../img/go.png) 97% 2px no-repeat, linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,246,144,1) 48%,rgba(255,208,0,1) 92%,rgba(255,246,144,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff690',GradientType=0 ); /* IE6-9 */ } .btn1:hover, .login .row input[type="submit"]:hover, .reg-form .row input[type="submit"]:hover, .abonamente-item .plata-tip input[type="submit"]:hover, .pachete-credite-container .plata-tip input[type="submit"]:hover, .filtre .filtre-cauta input[type="submit"]:hover { background: rgb(255,246,144); /* Old browsers */ background: url(../img/go.png) 97% 3px no-repeat, -moz-linear-gradient(top, rgba(255,246,144,1) 0%, rgba(255,208,0,1) 8%, rgba(255,246,144,1) 52%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: url(../img/go.png) 97% 3px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,246,144,1)), color-stop(8%,rgba(255,208,0,1)), color-stop(52%,rgba(255,246,144,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: url(../img/go.png) 97% 3px no-repeat, -webkit-linear-gradient(top, rgba(255,246,144,1) 0%,rgba(255,208,0,1) 8%,rgba(255,246,144,1) 52%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: url(../img/go.png) 97% 3px no-repeat, -o-linear-gradient(top, rgba(255,246,144,1) 0%,rgba(255,208,0,1) 8%,rgba(255,246,144,1) 52%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: url(../img/go.png) 97% 3px no-repeat, -ms-linear-gradient(top, rgba(255,246,144,1) 0%,rgba(255,208,0,1) 8%,rgba(255,246,144,1) 52%,rgba(255,255,255,1) 100%); /* IE10+ */ background: url(../img/go.png) 97% 3px no-repeat, linear-gradient(to bottom, rgba(255,246,144,1) 0%,rgba(255,208,0,1) 8%,rgba(255,246,144,1) 52%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff690', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .btn1:disabled, .btn1:disabled:hover, .login .row input[type="submit"]:disabled, .login .row input[type="submit"]:disabled:hover, .reg-form .row input[type="submit"]:disabled, .reg-form .row input[type="submit"]:disabled:hover, .abonamente-item .plata-tip input[type="submit"]:disabled, .abonamente-item .plata-tip input[type="submit"]:disabled:hover, .pachete-credite-container .plata-tip input[type="submit"]:disabled, .pachete-credite-container .plata-tip input[type="submit"]:disabled:hover, .filtre .filtre-cauta input[type="submit"]:disabled, .filtre .filtre-cauta input[type="submit"]:disabled:hover { background: rgb(255,255,255); /* Old browsers */ background: url(../img/go-gray.png) 97% 2px no-repeat, -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 48%, rgba(221,221,221,1) 92%, rgba(238,238,238,1) 100%); /* FF3.6+ */ background: url(../img/go-gray.png) 97% 2px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(48%,rgba(239,239,239,1)), color-stop(92%,rgba(221,221,221,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */ background: url(../img/go-gray.png) 97% 2px no-repeat, -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 48%,rgba(221,221,221,1) 92%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */ background: url(../img/go-gray.png) 97% 2px no-repeat, -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 48%,rgba(221,221,221,1) 92%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */ background: url(../img/go-gray.png) 97% 2px no-repeat, -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 48%,rgba(221,221,221,1) 92%,rgba(238,238,238,1) 100%); /* IE10+ */ background: url(../img/go-gray.png) 97% 2px no-repeat, linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 48%,rgba(221,221,221,1) 92%,rgba(238,238,238,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ } } /* MAIN - BUTTON FIRME + OFERTE + CERERI + MATERIALE */ @media screen and (min-width: 1px) and (max-width: 1182px) { /* < = 1152 */ .btn2 { width: 84%; height: auto; padding: 11px 90px 9px 10px; margin: 10px 0px 0 0px; box-shadow: 1px 1px 2px #000; } .btn2 a { font: normal 0.9em/1.1 'Proxima Nova Bold'; } .btn2:hover { height: auto; padding: 12px 90px 8px 10px; box-shadow: 1px 1px 1px #000; } } /* MAIN - BANNER DREPTUNGHI */ @media screen and (min-width: 1px) and (max-width: 462px) { /* 320 */ .bans-dr { width: 100%; margin: 30px 0 0 0px; } } /* ASIDE LOGIN */ @media (min-width: 1007px) { /* >= 1024 */ #pull a { display: none; } a.sb-open-right { display: none; } a.sb-open-right2 { display: none; } .overlay { display: none; } .modalDialog { position: static; visibility: visible; opacity: 1; width: 100%; max-width: 1200px; margin: 0 auto; left: 0; top: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .modalDialog .close { display: none; } .login .row.new-acc { transition: all 0.5s ease 0s; } } @media screen and (min-width: 783px) and (max-width: 1006px) { /* 980 900 854 800 */ #pull a { display: none; } a.sb-open-right { top: -152px; left: -40px; width: 75px; height: 29px; background: #324903; border-top-left-radius: 5px; border-top-right-radius: 5px; } a.sb-open-right:before { position: absolute; top: 1px; left: 5px; padding: 0; width: 20px; content:""; background: url('../img/sprite-login.png') 0 0 no-repeat; } a.sb-open-right span { top: 1px; left: 30px; padding: 5px 0 10px 0px; z-index: 0; color: #fff; font-family: 'Proxima Nova Bold'; font-size: 0.9em; transition: none; } a.sb-open-right.contul-meu { width: 110px; } } /* ASIDE - PACHETE PRET + SPECIALIST */ /*@media screen and (min-width: 751px) and (max-width: 1006px) { .pachete, .specialist { float: left; width: 49%; height: 180px; } .pachete { margin-right: 2%; } } @media screen and (min-width: 559px) and (max-width: 750px) { /* .pachete, .specialist { float: left; width: 49%; height: 240px; } .pachete { margin-right: 2%; } } @media screen and (min-width: 1px) and (max-width: 558px) { /* .pachete, .specialist { float: left; width: 100%; } .pachete { margin-right: 0; } }*/ @media screen and (min-width: 751px) and (max-width: 1006px) { /* 980 900 800 768 */ .pachete, .specialist { float: left; width: 100%; height: 180px; } .pachete { margin-right: 0%; } } @media screen and (min-width: 559px) and (max-width: 750px) { /* 720 640 600 576 */ .pachete, .specialist { float: left; width: 100%; height: 240px; } .pachete { margin-right: 0%; } } @media screen and (min-width: 1px) and (max-width: 558px) { /* 480 320 1 */ .pachete, .specialist { float: left; width: 100%; } .pachete { margin-right: 0; } } /* ASIDE - LATEST COMPANIES REGISTERED */ @media screen and (min-width: 463px) and (max-width: 1006px) { /* < = 980 */ .latest { float: left; width: 100%; clear: both; } } @media screen and (min-width: 1px) and (max-width: 462px) { /* < = 980 */ .latest { float: left; width: 100%; clear: both; margin-bottom: 20px; } } /* ASIDE - TRIMITERE RAPIDA */ @media screen and (min-width: 367px) and (max-width: 782px) { /* 768 */ .trimite-rapid-detalii img { width: 25%; } .trimite-rapid-detalii p, .trimite-rapid-detalii ul { width: 74%; margin-right: 1%; } } @media screen and (min-width: 367px) and (max-width: 1006px) { /* 980 <= x <= 384 */ .trimite-rapid { width: 100%; padding: 21px 10px 19px 60px; } .trimite-rapid:hover { padding: 23px 10px 17px 60px; } } @media screen and (min-width: 1px) and (max-width: 366px) { /* 352 320 200 1 */ .trimite-rapid-detalii img { width: 40%; margin: -15px -15px 0 0; } .trimite-rapid-detalii p, .trimite-rapid-detalii ul { width: 100%; margin-right: 0%; } .trimite-rapid { width: 100%; padding: 11px 10px 9px 60px; } .trimite-rapid:hover { padding: 13px 10px 7px 60px; } } /* ASIDE - BANNER SQUARE */ @media screen and (min-width: 463px) and (max-width: 1006px) { /* 800 768 640 480 */ .bans-sq { width: 100%; } .bans-sq .item { width: 32%; height: auto; float: left; margin: 20px 2% 20px 0; } .bans-sq .item:last-child { margin-right: 0; } } @media screen and (min-width: 1px) and (max-width: 462px) { /* 384 352 320 */ .bans-sq { clear: both; margin: 20px 0 0px 0; } .bans-sq .item { margin: 20px auto 0 auto; } } /* ASIDE FACEBOOK */ @media screen and (min-width: 463px) and (max-width: 1006px) { /* < = 980 */ .facebook-widg { float: left; width: 100%; margin: 0; } } @media screen and (min-width: 1px) and (max-width: 462px) { /* < = 980 */ .facebook-widg { float: left; width: 100%; margin: 20px 0 0 0; } } /* ASIDE - AJUTA COPIII */ @media screen and (min-width: 583px) and (max-width: 1006px) { /* 800 768 640 600 */ .ajuta { float: left; margin: 0 20px 0 0 } } @media screen and (min-width: 303px) and (max-width: 582px) { /* 480 320 */ .ajuta { margin: 20px auto 0 auto; clear: left; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 1 */ .ajuta { margin: 20px auto 0 auto; width: auto; height: auto; } } /* MAIN - ARTICOLE LUNGI */ @media screen and (min-width: 1px) and (max-width: 582px) { /* 576 */ .art img { width: 100%; } .art ul li { overflow: visible; } } /* BOTTOM - ARTICOLE TOATE */ @media screen and (min-width: 1007px) and (max-width: 1182px) { /* 1024 */ .art-all .art-nl h4 { margin-right: 10px; width: 18%; padding-bottom: 0; } .art-all .art-nl p { width: 48%; margin-right: 10px; } .art-all .art-nl input[type="email"] { margin-right: 5px; } } @media screen and (min-width: 751px) and (max-width: 1006px) { /* 800 768 */ .art-all .art-item img { clear: left; float: none; width: 95%; } .art-all .art-item h3 { min-height: 75px; } .art-all .art-nl { width: 60%; clear: both; } .art-all .art-nl h4 { width: 50%; float: none; clear: left; } .art-all .art-nl p { width: 50%; clear: left; margin-right: 5px; } .art-all .art-nl input[type="email"] { width: 40%; margin-right: 5px; } } @media screen and (min-width: 463px) and (max-width: 750px) { /* 720 640 600 480 */ .art-all { padding: 0 10px 0 10px; } .art-all h2 { padding-left: 0; } .art-all .art-item { width: 100%; float: none; margin: 15px 0 0 0; padding-bottom: 10px; border-bottom: 1px dotted #83be09; } .art-all .art-item:nth-child(4) { border-bottom: none; } .art-all .art-nl { width: 100%; margin: 15px 0 15px 0; clear: both; } .art-all .art-nl h4 { width: 100%; } .art-all .art-nl p { width: 100%; margin: 0 0 0px 0; } .art-all .art-nl input[type="email"] { width: 82%; } } @media screen and (min-width: 1px) and (max-width: 462px) { /* 320 */ .art-all { padding: 0 10px 0px 10px; } .art-all h2 { padding-left: 0; } .art-all .art-item { width: 100%; float: none; margin: 15px 0 0 0; } .art-all .art-item img { width: 100%; float: none; clear: both; } .art-all .art-nl { width: 100%; margin: 15px 0 15px 0; clear: both; } .art-all .art-nl h4 { width: 100%; } .art-all .art-nl p { width: 100%; margin: 0 0 10px 0; } .art-all .art-nl input[type="email"] { width: 82%; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 */ .art-all .art-nl { padding: 10px; } .art-all .art-nl input[type="email"] { width: 77%; margin-right: 5px; } } @media screen and (min-width: 1px) and (max-width: 702px) { /* <= 640 */ .art-all.wide .art-item.wide img { width: 100%; margin-right: 0%; margin-bottom: 15px; float: none; } .art-all.wide .art-item.wide p { width: 100%; float: none; } } /* BOTTOM - BUTTON ARTICOLE */ @media screen and (min-width: 1px) and (max-width: 1182px) { /* < = 1152 */ .btn3 { height: auto; margin: 30px 20px 0 0px; padding: 11px 80px 9px 10px; font: normal 0.9em/1.1 'Proxima Nova Bold'; } .btn3:hover { height: auto; padding: 12px 80px 8px 10px; } } @media screen and (min-width: 751px) and (max-width: 1006px) { /* 800 768 */ .btn3 { margin-top: 50px; } } @media screen and (min-width: 303px) and (max-width: 750px) { /* 720 640 600 576 480 384 352 320 */ .btn3 { width: 100%; margin: 10px 0 20px 0; height: 55px; padding: 21px 80px 19px 10px; clear: both; float: none; } .btn3:hover { height: 55px; padding: 22px 80px 18px 10px; } } @media screen and (min-width: 1px) and (max-width: 302px) { /* 200 */ .btn3 { width: 100%; margin: 10px 0 20px 0; height: auto; padding: 11px 80px 9px 10px; clear: both; float: none; } .btn3:hover { height: auto; padding: 12px 80px 8px 10px; } } /* FOOTER */