@charset "utf-8";
/* CSS Document */
/*Header*/

.navbar-brand 
{
	position:absolute;
	z-index:20000;	
	display:inline-block;	
}

.navbar-brand > img{
		height:100%;					
	}
#primary-header {
	background-image:url(../images/header-bg2.jpg);
	background-color:#12346f;
	height:88px;	
	min-height:75px;
}
#social-holder ul.navbar-nav > li > a{
	padding-left:11px;
	padding-right:3px;
	font-size:21px;	
	padding-bottom:0px;
	padding-top:0px;	
}

#slave-navigation {
	padding-top:28px;
	margin-right:10px;
	margin-left:5px;	
}
#slave-navigation > ul {
	list-style-type:none;	
}
#slave-navigation > ul > li {
	display:inline;	
}
#slave-navigation > ul > li.wcag > a {
	padding-right: 7px;
	padding-left:0px;
	line-height:29px;
	vertical-align:middle;
}
#slave-navigation > ul > li > a
{
	padding-top:0px;
	text-transform:lowercase;	
	width:auto;	
	padding-left:4px;
	padding-right:8px;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
}
#slave-navigation > ul > li a:hover, #slave-navigation > ul > li a:active  
{
	padding-top:0px;
	text-transform:lowercase;	
	width:auto;	
	padding-left:4px;
	padding-right:8px;
	font-size:16px;
	font-weight:normal;
	color:#0084c4;
	text-decoration:none;
}
#slave-navigation > ul > li.is-active > a{	
	color: #0296db;
}

#slave-navigation > ul > li > a.is-active {
	color: #0296db;
}


.social-dropdown button {
    background-color: #0296db;    
    padding: 4px 8px;
    width: 50px;
    margin: 27.5px 10px 0 1px;
    border-radius: 0px;
    padding: 3px 8px;
    color:#fff;
}
.social-dropdown button:hover, .social-dropdown button:focus{
	background:none;
	background-color:#0084c4 !important;
	box-shadow:none;	
}
.help-info {
    position: relative;	
	float:right;
	text-transform:uppercase;
	font-size:21px;
	padding-top:26px;
	padding-right:5px;
}
.help-info > a#help-text {
	font-size:17px;	
	padding:3px 6px;
	font-weight: bold;
	background-color: red;
	color: white;
	text-decoration: none;
}		
.help-info > /*font*/ #help-phone-number {
	color:#e9d556;
	font-size:22px;
	padding:2px;
    border-radius:0px;
}	

#slave-navigation li:nth-child(1) a::after {
    content: "|";
    margin-left: 9px;
    margin-right: 0;
    vertical-align: top;
}
.help-info i {display:block; float:left; font-size:25px; padding-top:2px; padding-right:5px; color:#0c5eb9;}	

.btn-share {
    background-color: #BEBEBE;
    border-color: #CCCCCC;
    color: #333333;
}

.btn-twitter {
    background-color: #5da5d7 !important;
    width: 31px;
	margin-right:5px;
    color:#FFFFFF!important;
	padding:4px 0px!important;
}

.btn-facebook {
    background-color: #3D5B96 !important;
    width: 31px;
	margin-right:5px;
    color:#FFFFFF!important;
	padding:4px 0px!important;
}
.btn-google {
    background-color: #DD3F34 !important;
    width: 31px;
	margin-right:5px;
    color:#FFFFFF!important;
	padding:4px 0px!important;
}

.btn-linkedin {
    background-color: #126897 !important;
    width: 31px;
	margin-right:5px;
    color:#FFFFFF!important;
	padding:4px 0px!important;
}
.btn-wai-aria {
    width: 31px;
	margin-right:5px;
    color:#FFFFFF!important;
	padding:0px 0px!important;
	
}
.btn-rss {
    background-color: #f4b840 !important;
    width: 31px;
	margin-right:5px;
    color:#FFFFFF!important;
	padding:4px 0px!important;
}

.btn-youtube {
    background-color: #ca4639 !important;
    width: 31px;
	margin-right:5px;
    color:#FFFFFF!important;
	padding:4px 0px!important;
}

#menu2 .nav li.dropdown > a::after, #menu2 .nav li.item-multitab > a::after{
    color:#fff;
    display: inline-block;
    margin-left: 5px;    	
	border:none;	
	content: "\f0da";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
#menu2 .nav li.dropdown.open > a::after{
    color:#fff;
    display: inline-block;
    margin-left: 5px;   
	border:none;	
	content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
#menu2 .nav li.dropdown.active > a::after{
    color:#fff;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;	
	border:none;
	line-height:20px;
	content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
#primary-header::after{
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: syrena;
    animation-timing-function: steps(16);
    background-image: linear-gradient(to right, #ff0000, #0000ff, #ff0000);
    background-origin: content-box;
    background-size: 200% auto;
    display: block;	
    height:7px;		
	width:100%;
	position:absolute;
	bottom:-7px;
	z-index:1;
}

#secondary-header {
	width:100%;
	height:37px;
    background-color: rgba(255, 255, 255, 0.69);  
    font-size: 18px;
    list-style: outside none none;	
	text-align:right;
	padding:0px;
	position:fixed;	
	z-index:11;	
}


#secondary-header ul, #phone-number-box-xs ul 
{
	display:inline;
	list-style:inside;
	list-style-type: circle;
}
#secondary-header #daily-intercaptions {display:inline;}
#secondary-header .infobar ul > li > button{
	box-shadow:none;
	border:none;
	background:none;
	
}
#secondary-header ul li button:hover{
	box-shadow:none;
	border:none;	
	background:none;
}

#secondary-header ul li .phone-number, #phone-number-box-xs ul li .phone-number{
	position: absolute;
        top: 2px;
        right:1px;
	height:30px;
	display: none;
	z-index: 11;
        text-align:center;
}

#secondary-header ul li .phone-number a, #phone-number-box-xs ul li .phone-number a{
        color: #fff;
        font-weight: bold;
        font-size: 15px;
        line-height: 14px;
        vertical-align: middle;
        text-align: center;
        padding:0px 0px 5px 0px;
        margin:0px;
        display:inline-block;   
}

#secondary-header ul li .phone-number.animate-div, #phone-number-box-xs ul li .phone-number.animate-div{
        display: inline-block;
	left:1px;
	color:#fff; 
        background-color: rgba(0,130,218,1);
 	-webkit-transition-property: all; /* Safari */
    -webkit-transition-duration: 10s; /* Safari */
    -webkit-transition-delay: 10s; /* Safari */
    transition-property: width;
    transition-duration: 5s;
    transition-delay: 2s;
    border-radius:0px;
}
#secondary-header ul li, #phone-number-box-xs ul li {
	display:inline-block;	
	line-height:29px;
	vertical-align:middle;
	color:#000000;
	font-size:14px;
	height:35px;
	position:relative;
}
#secondary-header ul li.e-papir{
	padding:0px!important	;
	margin-top:0px;
	margin-right:0px;
	background-color:#fff;
	}
#secondary-header .infobar ul li.e-papir a
{
	margin-right:0px;	
}	

#secondary-header .infobar > div, #secondary-header > li {
	display:inline;		
}

#menu {
   -ms-opacity: 0.95;
    opacity: 0.95;
	position:fixed;
	left:0px;
	top:85px;	
	z-index:10000;
	width:100%;	
}

#menu2 {
   -ms-opacity: 0.95;
    opacity: 0.95;
	position:fixed;
	left:0px;
	top:0px;	
	z-index:100000;
}

.infobar .default-cursor {
	cursor: default;
}
.infobar .wanted-count {
	background-image: url("../images/icon-handcruff2.png");
	background-repeat:no-repeat;
	background-position:left 2px;
	line-height:35px;
	padding-left:32px;	
	color: #000000;
    font-size: 14px;    
}
.infobar a {
	color:#000;
	text-decoration:none;
	display:inline-block;
	margin:0px 12px 0px 0px;
}
.infobar a:hover {
	color:#0084db;
	text-decoration:none;
}
.infobar .migrant-count {
	background-image: url("../images/icon-migration.png");
	background-repeat:no-repeat;	
	background-position:top left;
	line-height:35px;
	padding-left:35px;
	color: #000000;
    font-size: 14px;
}

#alternative-menu
	{
   -ms-opacity: 0.95;    
	position:fixed;
	right:0px;	
	top:177px;	
	z-index:1001;	
	width:39px;
}
.page-map #alternative-menu {
	display:none !important;	
}
.page-map .quick-search-container
{
	display:none !important;
}
.page-map .content-container {
	padding:0px 10px;		
}
.page-map .container-wrapper {
    padding: 94px 0px 0px 0px;
}
.page-map #page-footer .container-wrapper {
    padding: 30px 0px 0px 0px;
}

#alternative-menu ul 
{
	list-style-type:none;	
}
#alternative-menu > ul > li
{
	list-style-type:none;	
	margin-bottom:5px;
	display:block;	
	clear:both;
	float:right;
}

#alternative-menu > ul.submenu-layer > li
{
	list-style-type:none;	
	margin-bottom:10px;
	display:block;	
	clear:both;
	float:none;
}
#alternative-menu > ul > li > a {
	clear:both;
	float:right;
	background-color:rgba(0,130,218,0.95);
	border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
	border: 0px solid #077db9;
	line-height:29px;
	padding:6px 30px 6px 3px;
	cursor:pointer;
	width:39px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	word-break: keep-all;
	white-space:nowrap;
	}

#alternative-menu > ul > li.item-1 a::before, 
#menu2 > ul > li.item-1 a::before
{
	content: "\f108";
	display:inline-block;
	height:29px;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding: 4px 5px 0px 2px;
    min-width:33px;
}
#menu2 .alternative-menu-item > li.item-1 a::before
{
	content: "\f108";
	display:inline-block;
	height:48px;
	width:70px;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color:#fff;
    font-size:20px;
    background-color: #0a4a9c;
    position:absolute;
    left:0px; 
    top:0px;
    padding-top:13px;
    padding-left:25px;
    
}

#alternative-menu > ul > li.item-2 a::before, 
#menu2 > ul > li.item-2 a::before
{
	content: "\f016";
	display:inline-block;
	height:29px;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding: 4px 5px 0px 2px;
    min-width:33px;
}
#menu2 .alternative-menu-item > li.item-2 a::before
{
	content: "\f016";
	display:inline-block;
	height:48px;
	width:70px;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color:#fff;
    font-size:20px;
    background-color: #0a4a9c;
    position:absolute;
    left:0px; 
    top:0px;
    padding-top:13px;
    padding-left:25px;
    
}

#alternative-menu > ul> li.item-3 > a::before, 
#menu2 > ul> li.item-3 > a::before 
{
	content: "\f1fa";
	display:inline-block;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding: 0px 4px;
    min-width:33px;
}
#menu2 .alternative-menu-item > li.item-3 a::before
{
	content: "\f1fa";
	display:inline-block;
	height:48px;
	width:70px;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color:#fff;
    font-size:20px;
    background-color: #0a4a9c;
    position:absolute;
    left:0px; 
    top:0px;
    padding-top:13px;
    padding-left:27px;
}


/*#alternative-menu > ul > li[class*="multitab"] > a::before, */
#menu2 > ul > li[class*="multitab"] > a::before 
{
	content: "\f018";
	height:23px;
	display:inline-block;	
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding: 0px 0px 0px 2px;
    min-width:33px;
}

#alternative-menu > ul > li[class*="multitab"] > a::before {
	content: "\f018  \f0da";
	height:23px;
	display:inline-block;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding: 0px 0px 0px 2px;
    min-width:33px;
}

#alternative-menu > ul > li[class*="multitab"] > ul.submenu-layer > li:hover,
#alternative-menu > ul > li[class*="multitab"] > ul.submenu-layer > li:has(a:focus) {
	background-color: #dce2f1;
}

#alternative-menu > ul > li[class*="multitab"] > ul.submenu-layer > li:hover > a,
#alternative-menu > ul > li[class*="multitab"] > ul.submenu-layer a:focus {
	color: black;
	font-weight: bold;
	font-size: 17px;
}

#alternative-menu > ul > li > a {
	display:inline;
	padding:4px 10px;
	word-break: keep-all;
	white-space:nowrap;	
	}
#alternative-menu > ul > li > a:hover,
#alternative-menu > ul > li:not(.item-multitab, .item-6) > a:focus {
	width:100%;
	background-color:#0064a7;
}	
	
#alternative-menu  > ul > li[class*="multitab"] {
	position:relative;	
	height:100%;
}
#alternative-menu  > ul > li[class*="multitab"] > a:hover {
	border-bottom-left-radius:0;
}
	
#alternative-menu > ul > li[class*="multitab"] > ul.submenu-layer {
	margin-top:37px;
	background-color:rgba(0, 100, 167, 0.95);
	color:#ffffff;    
	padding:20px 20px 1px 20px;
    width:360px;
    display:none;    
}	

#alternative-menu > ul > li[class*="multitab"] > ul.submenu-layer li{
	
	background-color:#ffffff;
	color:#000000;    
	padding:15px 10px 15px 50px;
	display:block;
	margin-bottom:10px;
	font-size:15px;
	font-weight:bold;
}
#alternative-menu > ul > li[class*="multitab"] > ul.submenu-layer li.item-1{
	
	
	background-image:url("../images/pic-baleseti-hirek_small.png");
	background-position:top left;
	background-repeat:no-repeat;
	
}
#alternative-menu > ul > li[class*="multitab"] > ul.submenu-layer li.item-2{
	
	background-image:url("../images/pic-kozlekedesrendeszet_small.png");	
	background-position:top left;
	background-repeat:no-repeat;
	}
#alternative-menu > ul > li[class*="multitab"] > ul.submenu-layer li.item-3{
	
	background-image:url("../images/pic-sebesseg-ellenorzesek-small.png");
	background-position:top left;
	background-repeat:no-repeat;
	
}
#alternative-menu > ul > li[class*="multitab"] > ul.submenu-layer li.item-4{
	
	background-image:url("../images/pic-forgalmirendvaltozas-small.png");
	background-position:top left;
	background-repeat:no-repeat;
	
}
#alternative-menu > ul > li[class*="multitab"] > ul.submenu-layer li.item-5{
	
	background-image:url("../images/icon-sorompo_small.png");
	background-position: 3px -10px;
	background-repeat:no-repeat;		
	
}

#alternative-menu > ul > li.item-5 a::before, 
#menu2 > ul > li.item-5 a::before
{
	content: "\f05a";
	display:inline-block;
	height:29px;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding: 4px 5px 0px 2px;
    min-width:33px;
}
#menu2 .alternative-menu-item > li.item-5 a::before
{
	content: "\f05a";
	display:inline-block;
	height:48px;
	width:70px;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color:#fff;
    font-size:20px;
    background-color: #0a4a9c;
    position:absolute;
    left:0px; 
    top:0px;
    padding-top:13px;
    padding-left:25px;
    
}

#alternative-menu  > ul > li.item-6 {
	background:url(../images/112hu_img.png) top left no-repeat;
	display:inline-block;
	height:50px;
	width:39px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    background-color: transparent;
    padding:0px;
    cursor:pointer;
}
#alternative-menu  > ul > li.item-6 a {
	text-indent:-3000px;	
	background-color:transparent;
}
#alternative-menu  > ul > li.item-6 :hover{	
    background-color: transparent;
}

#menu2 .alternative-menu-item > li.item-6 > a {
	background:url(../images/112hu_img2.png) top left no-repeat;
}

@media (min-width: 1036px) and (max-width: 1102px) {
	#secondary-header * {
		font-size: 13px !important;
	}
}

@media (min-width: 796px) and (max-width: 1036px) {
	#secondary-header * {
		font-size: 12px !important;
	}
}

@media (min-width: 768px) and (max-width: 796px) {
	#secondary-header * {
		font-size: 11px !important;
	}
}

/*Header vége*/


@media (min-width:320px) {
	
	.navbar-header {
		margin-left:68px;
	}
	html[lang="en"] .navbar-header {
		margin-left:0px;
	}
	
	.navbar-brand {
		padding:0px 0px 0px 7px;
	}
/*	
	.help-info a#help-text {
		display:none;	
			
	}
*/
	.help-info span.or{
		display:inline-block;	
		color:#424242;
		font-size:14px;
		font-style:italic;
		text-transform:none;	
	}
	
	#social-holder[aria-expanded="true"] {
		padding-top:0px;
		background-color:#063e6e;	
		z-index:111;
		position:absolute;
		right:10px;
		top:58px;		
	}	
	
	#social-holder .navbar-nav {
		margin:0px 0px;
	}
	#secondary-header {
		z-index:1000;
		top:94px;	
	}

	.help-info i{
		color:#0296db;
		padding-top:0px;
	} 
	
}
@media (min-width:768px) {
	#slave-navigation {
		display:block;
		margin-left:0px;
	}
	#social-holder ul {	
		padding-right:0px;
		padding-left:0px;	
	}
	
	#social-holder .navbar-nav {
 	   margin: 0px;
	}
	.help-info {		
		position:relative;
		right: 0px;
		top: 0px;
	
	}
	.help-info span.or {
	    display: inline-block;
	    color: #fff;
	    font-size: 16px;
	    font-style: normal;
	    text-transform: uppercase;
	}
	#social-holder {
 		padding-top:28px; 	
 	}
 	#koral-box-xs {
 		display:none;
 	}
	
}
@media (min-width:1024px) {	
	#social-holder ul {	
		padding-right:13px;
		padding-left:13px;	
	}
	#alternative-menu{
		top:180px;	
 	}	

}

/********************************/



@media (max-width: 767px) { 
	
	
		
	.social-dropdown button {
		margin: 93px 0px 0 1px;
		border-top-left-radius:0px;
		border-top-right-radius:0px;
		height:53px;	
		width:51px;
		border:0px;	
		border-radius:0px !important;
		background-color:#0084c4;
	}	
	#social-holder {
		width:100%;
		 -webkit-transition: all 0.8s; /* Safari */		
	}
	#social-holder[	aria-expanded="true"] {		
		background-color: #0084c4;	
		z-index:111;
		position:absolute;
		right:0px;
		top:145px;
		border-radius: 4px;
		border-top-left-radius:0px;
		border-top-right-radius:0px;
		border:none;	
		width:100%;
		left:0px;
		font-size:12px;
		padding:10px;
	}
	.help-info {		
		    position: absolute;
   			right: 0px;
    		top: -58px;
	}
	#social-holder span{
		font-size:13px !important;
		display:inline-block;
		line-height:13px;
		vertical-align:middle;
		padding:0px 0px 0px 10px;
		float:left;
	}
	
	#social-holder[	aria-expanded="true"] #info-box-xs 
	 {
	 	background-color:#fff;
	 	padding:0px 5px;
	 }
	
	#social-holder
	{
		max-height:none !important;	
	}
	#social-holder[	aria-expanded="true"] hr{
		height:1px;
		border:none;
		background-color:#fff;
	}
	
	#social-holder[	aria-expanded="true"] ul.visible-xs li a {
		font-size:16px;
		color:#000;		
	}
	.social-dropdown button {
		box-shadow:none;
	    border-radius: 4px;
	    border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;	  
	}
	.social-dropdown button[aria-expanded="true"] {
		border-bottom-left-radius: 0px !important;
		
	}
	#social-holder .navbar-nav {
		margin:0px 0px 10px 0px;
		padding:0px;
	}
	#social-holder ul.navbar-nav > li
	{
		margin-bottom:5px;
	}
	#social-holder ul.navbar-nav > li > a > i {
		float:left;
	}
	#social-holder .infobar .wanted-count, #social-holder .infobar .migrant-count
	{
		display:none;
	}
	#social-holder ul.navbar-nav > li > a {
	    padding-left: 7px;
	    padding-right: 0px;	  
	    padding-bottom: 0px;
	    padding-top:8px;
	    font-size: 13px;
	    cursor:pointer;	    
	    clear:left;
	    display:inline-block;
	}
	#social-holder ul li a:active {
	    color:#2e3e5f;
	}
	#social-holder #koral-box-xs {
		background-color:#fff;
		margin-bottom:10px;
		padding:5px;
		text-align:center;
	}
	
	#social-holder #phone-number-box-xs {
		margin-bottom:7px;
		text-align:center;
	}
	#social-holder #phone-number-box-xs ul{
		display: flex; 
	    flex-direction: row;
	    flex-wrap: nowrap;  
	    justify-content:space-around;
	    align-items: stretch;
	    align-content:flex-start;   
	    position:relative;
	}
	#social-holder #phone-number-box-xs ul li{
		flex: 1 1 auto;
	  	vertical-align:middle;	
	  	cursor:pointer;  
	}
	#social-holder #phone-number-box-xs ul li.e-papir {
		display:none;
	}
	
	#social-holder #phone-number-box-xs ul li .phone-number.animate-div{
		text-align:center;
	}
	#social-holder #phone-number-box-xs ul li button{
		width:100%;  
		padding: 5px 1px;
	}
	#secondary-header #phone-number-box-xs ul li button:hover{		
		background:none;
		color:#000;
}
	   
	#primary-header, #secondary-header, #menu2 {
		position:absolute;
		top:34px;
	}
		
	#slave-navigation {
		display:block;
		position:absolute;
		top:-58px;
		left:0px;
		width:auto;
		white-space:nowrap;
		float:none;
		
		}
	#slave-navigation ul {
		margin:0px;
		width:auto;
	}	
	#slave-navigation ul > li{
		display:inline;
	}
	#slave-navigation ul > li > a{
		  color: #424242;
		  display:inline-block;
		  font-size:14px;
	}
	#menu2 {
		top:34px;	
	}	
	#secondary-menu .quick-search-container {
		display:none;
	}
	#koral-box-xs {
		position:absolute;
		top:94px;
		left:0px;
		right:50px;
		background-color: #0296db;
		height:52px;
		padding:6px 10px;
		text-align:center;
	}
	#koral-box {
		background-color:#fff;
		padding:2px;
		display:block !important;
		width:100%;
	}	
}	

@media (max-width: 767px) {
  .navbar-brand img {

    object-fit: cover;
    object-position: left top;
    width: 280px;
  }
 
}
@media (min-width: 1200px) {

	.help-info {float:right; display:inline; width:auto;}
	.help-info a#help-text {display:inline-block;}
}
/*********************************************************/


/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {right: 0px;}
    to {right: 200px;}
}

@keyframes mymove {
    from {right: 0px;}
    to {right: 200px;}
}
/* Slide 1 */
@keyframes syrena {
	from {background-position: 0% 0%;}  
	to {background-position: 200% 0%;}
}