@import url(https://fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,latin-ext);


* {margin: 0; padding: 0;}
/*--NORMALIZE---*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;} abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#333;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}



* {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    -ms-user-select: none;
}

 a, input, button,
 a:active, input:active, button:active,
 a:focus, input:focus, button:focus {
 outline: none;
 }

body {
	font-family: 'Open Sans', sans-serif;
	background:#FFF;
	color:#013048;
	font-size:16px;
	margin:0;
	padding:0;
	overflow-x: hidden;
	height: auto;
	width: 100%;


}
body.stopscroll, html.stopscroll  {overflow-y: hidden;}
h1, h2, h3, h4, h5 {
	font-family: 'Open Sans', sans-serif;
	color:#013048;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
	appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.trall2 {
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.trall3 {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}

a {
	color:#008ad1;
	text-decoration: none;
}

a:hover {
	color:#19a4eb;
}

.bbox, .sb_contact_outer a {
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.blue {background-color: #008ad1;}
.orange {background-color: #ff8226;}
.yellow {background-color: #ffb526;}
.dark {background-color: #012a40;}

.text-center {text-align: center;}
.right {float: right;}
.left {float: left;}

.mainlogo {
position: absolute;
z-index: 10;
top: 20px;
left: 50%;
margin-left: -151px;
border: 0;
}
.mainlogo img {border: 0;}




.page-wrapper {
width: 100%;
display: inline-block;
float: left;
height: auto;
position: relative;
overflow: hidden;
vertical-align: top;
}



.page-wrapper-overlay {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 10200;
top: 0;
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
}


.page-wrapper-overlay.active {
opacity: 1;
visibility: visible;
}








/*---Sections---*/
#content {
min-height: 480px;
}

.section {
width: 100%;
height: auto;
min-height: 200px;
display: inline-block;
float: left;
text-align:center;
position: relative;
}

.section:after {
width: 120%;
height: 80px;
display: inline-block;
background: rgba(255,255,255,0.2);
position: absolute;
content: '';
left: -10%;
bottom: -40px;
z-index: 5;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}

.section:after {
transform: rotate(2deg);
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
}
.section:nth-of-type(even):after {
transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
}

.section.blue:after {background-color: #008ad1;}
.section.orange:after {background-color: #ff8226;}
.section.yellow:after {background-color: #ffb526;}
.section.dark:after {background-color: #012a40;}



.section-inner {
width: 100%;
min-height: 100px;
display: inline-block;
float: none;
margin: 0 auto;
padding: 100px 20px 40px 20px;
width: 1240px;
text-align: left;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}


.page-header {
min-height: 0;
}

.page-header .section-inner {
padding-top: 20px;
padding-bottom: 40px;
min-height: 0;
min-height: 80px;
}


.section-inner h1 {
width: 100%;
color: #fff;
font-family: 'Lobster';
font-size: 65px;
line-height: 70px;
font-weight: normal;
padding-bottom: 20px;
text-align:center;
}



.section-inner.bigger {
padding: 100px 0 100px 0;
}

.section-inner.smaller {
padding: 80px 20px 40px 20px;
}


.secwrap {
display: table;
width: 100%;
}
.secrow {
display: table-row;
width: 100%;
}

.secleft {
vertical-align: middle;
width: 50%;
display: table-cell;
}
.secright {
vertical-align: middle;
width: 50%;
display: table-cell;
}


.secleft .article {
padding-right: 30px;
}
.secright .article {
padding-left: 30px;
}

.secleft h2,
.secright h2 {
color: #fff;
font-family: 'Lobster';
font-size: 65px;
line-height: 70px;
font-weight: normal;
padding-bottom: 30px;
} 

.secleft h3,
.secright h3 {
color: #fff;
font-family: 'Lobster';
font-size: 35px;
line-height: 40px;
font-weight: normal;
padding-bottom: 30px;
} 


.secleft p,
.secright p {
color: #fff;
color: rgba(255,255,255,0.8);
font-size: 18px;
line-height: 28px;
} 


.secleft ul,
.secright ul {
color: #fff;
color: rgba(255,255,255,0.8);
font-size: 18px;
line-height: 28px;
list-style: disc inside none;
display: inline-block;
float: left;
} 
.secleft ul li,
.secright ul li {
width: 100%;
display: list-item;
float: left;
}

.sectionimg {
width: 100%;
padding-bottom: 56.25%;
display: none;
float: left;
margin-bottom: 25px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

/*---header info---*/
.header {
display: inline-block;
width: 100%;
float: left;
position: relative;
}

.menuclose,
.menuopen {
width: 46px;
height: 46px;
position: absolute;
left: 0;
top: 20px;
cursor: pointer;
z-index: 13375;
border-radius: 50%;
}
.menuclose span,
.menuopen span {
width: 30px;
height: 3px;
position: absolute;
border-radius: 3px;
background: #fff;
top: 50%;
left: 50%;
margin-top: -2px;
margin-left: -15px;
}

.menuclose span:before,
.menuclose span:after,
.menuopen span:before,
.menuopen span:after {
width: 100%;
height: 3px;
position: absolute;
border-radius: 3px;
background: #fff;
content: '';
}

.menuclose span:before,
.menuopen span:before {
top: -8px;
}
.menuclose span:after,
.menuopen span:after {
top: 8px;
}



.header_icons {
display: inline-block;
float: right;
width: auto;
position: absolute;
top: 5px;
right: 0;
z-index: 100;
}

.header_phone {
		height:23px;
		line-height: 23px;
		vertical-align: middle;
		background:url('/themes/cegesutazas.hu/images/icon_top1.png') left center no-repeat;
		color:#FFF;
		font-family: 'Lobster', cursive;
		padding-left:38px;
		display:inline-block;
		font-size:1.25em;
		margin-bottom:0.2625em;
}
	
.header_contact {
		height:23px;
		line-height: 23px;
		vertical-align: middle;
		background:url('/themes/cegesutazas.hu/images/icon_top2.png') left center no-repeat;
		color:#FFF;
		font-family: 'Lobster', cursive;
		padding-left:38px;
		display:inline-block;
		font-size:1.25em;
		margin-bottom:0.2625em;
}
.header_icons a,
.header_icons a:hover {
		color:#FFF !important;
}

.header_ajanlat {
		height:23px;
		line-height: 23px;
		vertical-align: middle;
		background:url('/themes/cegesutazas.hu/images/icon_top3.png') left center no-repeat;
		color:#FFF;
		font-family: 'Lobster', cursive;
		padding-left:38px;
		display:inline-block;
		font-size:1.25em;
}

/*---sidebar---*/
.navpop {
width: 260px;
position: absolute;
z-index: 11300;
top: 70px;
left: -20px;
min-height: 450px;
background: transparent;
overflow: hidden;
background: #fff;
opacity: 0;
transform: scale(1,0);
-webkit-transform: scale(1,0);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
}

.navpop.active {
opacity: 1;
transform: scale(1,1);
-webkit-transform: scale(1,1);
}


.navpop-inner {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: auto;
z-index: 11360;
}

.navpop-inner ::-webkit-scrollbar {
    width: 12px;
}
 
.navpop-inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 

.navpop-inner::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.navpop-inner::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}


.navlist {
display: inline-block;
float: left;
width: 100%;
list-style: none;
}


.navlist li {
width: 100%;
display: inline-block;
float: left;
border-bottom: 1px solid rgba(0,0,0,.05);
opacity: 0;
transform: translate3d(-50px,0,0) scale(0.9,0.9);
-webkit-transform: translate3d(-50px,0,0) scale(0.9,0.9);
-moz-transform: translate3d(-50px,0,0) scale(0.9,0.9);
-ms-transform: translate3d(-50px,0,0) scale(0.9,0.9);
}

.navpop.active .navlist li {
opacity: 1;
transform: translate3d(0,0,0) scale(1,1);
-webkit-transform:translate3d(0,0,0) scale(1,1);
-moz-transform:translate3d(0,0,0) scale(1,1);
-ms-transform: translate3d(0,0,0) scale(1,1);
}

.navpop.active .navlist li:nth-child(1) {
transition: all 0.3s ease 0.05s;
-webkit-transition: all 0.3s ease 0.05s;
-moz-transition: all 0.3s ease 0.05s;
}
.navpop.active .navlist li:nth-child(2) {
transition: all 0.3s ease 0.1s;
-webkit-transition: all 0.3s ease 0.1s;
-moz-transition: all 0.3s ease 0.1s;
}
.navpop.active .navlist li:nth-child(3) {
transition: all 0.3s ease 0.15s;
-webkit-transition: all 0.3s ease 0.15s;
-moz-transition: all 0.3s ease 0.15s;
}
.navpop.active .navlist li:nth-child(4) {
transition: all 0.3s ease 0.2s;
-webkit-transition: all 0.3s ease 0.2s;
-moz-transition: all 0.3s ease 0.2s;
}
.navpop.active .navlist li:nth-child(5) {
transition: all 0.3s ease 0.25s;
-webkit-transition: all 0.3s ease 0.25s;
-moz-transition: all 0.3s ease 0.25s;
}
.navpop.active .navlist li:nth-child(6) {
transition: all 0.3s ease 0.3s;
-webkit-transition: all 0.3s ease 0.3s;
-moz-transition: all 0.3s ease 0.3s;
}
.navpop.active .navlist li:nth-child(7) {
transition: all 0.3s ease 0.35s;
-webkit-transition: all 0.3s ease 0.35s;
-moz-transition: all 0.3s ease 0.35s;
}
.navpop.active .navlist li:nth-child(8) {
transition: all 0.3s ease 0.4s;
-webkit-transition: all 0.3s ease 0.4s;
-moz-transition: all 0.3s ease 0.4s;
}
.navpop.active .navlist li:nth-child(9) {
transition: all 0.3s ease 0.45s;
-webkit-transition: all 0.3s ease 0.45s;
-moz-transition: all 0.3s ease 0.45s;
}
.navpop.active .navlist li:nth-child(10) {
transition: all 0.3s ease 0.5s;
-webkit-transition: all 0.3s ease 0.5s;
-moz-transition: all 0.3s ease 0.5s;
}





.navlist li a {
display: inline-block;
width: 100%;
padding: 10px 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
font-family: 'Lobster','Open Sans Condensed';
font-size: 20px;
font-weight: normal;
letter-spacing: 1px;
color: #012a40;
text-decoration: none;
}

.navlist li a:hover {
background: #012a40;
color: #fff;
}


.subnavlist {
display: none;
}

.sidebar_icons {
display: inline-block;
float: left;
width: 100%;
padding: 0;

}
.sb_contact,
.sb_ajanlat,
.sb_phone, .sb_contact_outer a {
height:45px;
line-height: 45px;
color:#012a40;
font-family: 'Lobster', cursive;
padding: 0 15px 0 50px;
display:inline-block;
font-size: 20px;
width: 100%;
text-decoration: none;
border-bottom: 1px solid rgba(0,0,0,.05);
background-position: 15px center;
background-repeat: no-repeat;
} 


.sb_phone {background-image:url('/themes/cegesutazas.hu/images/icon_top1b.png')}	
.sb_contact {background-image:url('/themes/cegesutazas.hu/images/icon_top2b.png')}
.sb_ajanlat, .sb_contact_outer a {background-image:url('/themes/cegesutazas.hu/images/icon_top3b.png')}

.sb_phone:hover {background-image:url('/themes/cegesutazas.hu/images/icon_top1.png');color:#fff;background-color:#012a40;}	
.sb_contact:hover, .sb_contact_outer a:hover {background-image:url('/themes/cegesutazas.hu/images/icon_top2.png');color:#fff;background-color:#012a40;}
.sb_ajanlat:hover {background-image:url('/themes/cegesutazas.hu/images/icon_top3.png');color:#fff;background-color:#012a40;}


/*---Sections---*/
footer {
width: 100%;
height: auto;
min-height: 100px;
display: inline-block;
float: left;
text-align:center;
position: relative;
}

.footer-inner {
width: 100%;
min-height: 300px;
display: inline-block;
float: none;
margin: 0 auto;
padding: 100px 0 25px 0;
width: 1240px;
text-align: left;
}


.footer-bottom {
display: inline-block;
width: 100%;
padding: 20px 0;

border-top: 1px solid rgba(255,255,255,0.1);
}

.footer-box {
width: 33.3333%;
display: inlnie-block;
float: left;
text-align:center;
padding-bottom: 30px;
}
.footer-box2 {
width: 33.3333%;
display: inlnie-block;
float: left;
text-align: left;
padding-bottom: 30px;
}
.footer_logo {
    background-image: url(/themes/cegesutazas.hu/images/logo_136.png);
    width: 136px;
    height: 25px;
    margin: 11px 0 0 0;
}

.footer_logo {
    background: url(/themes/cegesutazas.hu/images/logo_221.png) top left no-repeat;
    width: 221px;
    height: 41px;
    display: block;
    font-size: 0;
    margin-left: auto;
    margin-right: auto;
}


.footer-list {
list-style: none;
display: inline-block;
float: none;
-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	-webkit-column-gap: 20px; 
    -moz-column-gap: 20px; 
    column-gap: 20px;
}

.footer-list li {
display: inline-block;
float: left;
width: 100%;
text-align: left;
}

.footer-list li a {
display: inline-block;
float: left;
color: #fff;
font-size: 15px;
padding: 3px 0;
}
.footer-list li a:hover {text-decoration: underline;}

.millennium_logo {
	background-image: url('/themes/cegesutazas.hu/images/millennium_logo_219.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-flex;
	width:219px;
	height:49px;
	text-indent: -9999px;
}

.mediaorigo_logo {
	background-image: url('/themes/cegesutazas.hu/images/mediaorigo_logo_86.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width:86px;
	height:62px;
	display: inline-flex;
	text-indent: -9999px;
	margin-left: 20px;
}

/*---gombok---*/

.button {
font-size: 20px;
line-height: 24px;
text-transform: uppercase;
text-decoration: none;
color: rgba(255,255,255,0.7);
border-radius: 40px;
padding: 15px 30px;
font-family: 'Open Sans Condensed';
font-weight: bold;
letter-spacing: 1px;
display: inline-block;
margin: 30px 0 15px 0;
background: transparent;
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
position: relative;
border: 0;
}

.button:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border-radius: 200px;
    border: 2px solid rgba(255,255,255,0.7);
    -webkit-animation: buttonScaleIn 0.5s;
    -moz-animation: buttonScaleIn 0.5s;
    animation: buttonScaleIn 0.5s;
}
.button:hover {
    color: #012a40;
    background: #fff;
}
.button:hover:before {
    -webkit-animation: buttonScaleOut 0.5s;
    -moz-animation: buttonScaleOut 0.5s;
    animation: buttonScaleOut 0.5s;
}



.smallbutton {
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
text-decoration: none;
color: rgba(255,255,255,0.7);
border-radius: 40px;
padding: 10px 20px;
font-family: 'Open Sans Condensed';
font-weight: bold;
letter-spacing: 1px;
display: inline-block;
margin: 0;
background: transparent;
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
position: relative;
border: 0;
}

.smallbutton:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border-radius: 200px;
    border: 2px solid rgba(255,255,255,0.7);
    -webkit-animation: buttonScaleIn 0.5s;
    -moz-animation: buttonScaleIn 0.5s;
    animation: buttonScaleIn 0.5s;
}
.smallbutton:hover {
    color: #012a40;
    background: #fff;
}
.smallbutton:hover:before {
    -webkit-animation: buttonScaleOut 0.5s;
    -moz-animation: buttonScaleOut 0.5s;
    animation: buttonScaleOut 0.5s;
}
.ajanlatbt {
position: relative;
z-index: 100;
}


@-webkit-keyframes buttonScaleIn
{
	0%
{
	opacity:0;
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8)
}
	100%
{
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}
}

@-moz-keyframes buttonScaleIn
{
	0%
{
	opacity:0;
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8)
}
	100%
{
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}
}

@keyframes buttonScaleIn
{
	0%
{
	opacity:0;
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8)
}
	100%
{
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}
}

@-webkit-keyframes buttonScaleOut
{
	0%
{
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}
	100%
{
	opacity:0;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2)
}
}

@-moz-keyframes buttonScaleOut
{
	0%
{
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}
	100%
{
	opacity:0;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2)
}

}

@keyframes buttonScaleOut
{
	0%
{
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}
	100%
{
	opacity:0;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2)
}
}





.slice1,
.slice2 {
position: fixed;
width: 160%;
height: 100%;
background: #fff;
z-index: 10000;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}


.slice1 {
left: -30%;
top: -100%;
}


.slice2 {
left: -30%;
top: 100%;
}


.slice1.active,
.slice2.active {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.slice1.active {
transform-origin: 50% 50%;
transform: translate3d(0,50%,0) rotate(-15deg);
}
.slice2.active {
transform-origin: 50% 50%;
transform: translate3d(0,-50%,0) rotate(-15deg);
}

.spinner {
position: fixed;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
background: transparent;
border: 3px solid #012a40;
border-radius: 50%;
border-bottom: 0;
border-left: 0;
z-index: 10100;
opacity: 0;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-webkit-animation: spinnerRotate 1s infinite linear;
	-ms-animation: spinnerRotate 1s infinite linear;
	-moz-animation: spinnerRotate 1s infinite linear;
    animation: spinnerRotate 1s infinite linear;
}


.spinner.active {
opacity: 1;
}



@-webkit-keyframes spinnerRotate {
	from {
		-webkit-transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(360deg);
	}
}
@-keyframes spinnerRotate {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}
@-ms-keyframes spinnerRotate {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}
@-moz-keyframes spinnerRotate {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}

/*--Dotnav--*/
.dotnav {
width: 26px;
height: auto;
position: fixed;
top: 50%;
right: 20px;
transform: translate3d(0,-50%,0);
-webkit-transform: translate3d(0,-50%,0);
-moz-transform: translate3d(0,-50%,0);
-ms-transform: translate3d(0,-50%,0);
z-index: 300;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}

.dotnav li {
list-style: none;
width: 24px;
height: 30px;
display: inline-block;
float: left;
position: relative;
}


.dotnav li a {
position: relative;
width: 26px;
height: 30px;
display: inline-block;
}


.dotnav li a .dot {
position: absolute;
width: 18px;
height: 18px;
background: rgba(255,255,255,0.5);
border-radius: 50%;
display: inline-block;
top: 4px;
left: 4px;
transform: scale(0.7,0.7);
-webkit-transform: scale(0.7,0.7);
-moz-transform: scale(0.7,0.7);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
}

.dotnav li a:hover .dot,
.dotnav li.selected a .dot {
transform: scale(1,1);
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
}


.dotnav li a .dot .dot-label {
position: absolute;
right: 30px;
height: 24px;
line-height: 24px;
padding: 0 6px;
background: rgba(0,0,0,0.5);
border-radius: 2px;
display: inline-block;
color: #fff;
font-size: 13px;
white-space: nowrap;
opacity: 0;
top: -3px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.dotnav li a:hover .dot .dot-label {
opacity: 1;
}

.dotnav li.selected a .dot {
box-shadow: 0 0 0 3px #ffd700;
background: rgba(0,0,0,0.5);
}

/*--anchor--*/
a.anchor {
display: inline-block;
float: left;
width: 100%;
height: 1px;
}


/*--Spotnav--*/

.spotnav {
display: inline-block;
float: left;
position: relative;
width: 100%;
margin-top: 110px;
height: 440px;
text-align: center;
border-top: 1px solid rgba(255,255,255,0.15);
padding: 30px 20px 20px 20px;
}
.spotnav li {
display: inline-block;
float: none;
list-style: none;
width: 18%;
height: 50%;
position:relative;
transform-origin: center;
-webkit-transform-origin: center;
text-align: left;
transform: scale(1,1);
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-moz-transition: all 1s cubic-bezier(.4,0,.2,1);
-webkit-transition: all 1s cubic-bezier(.4,0,.2,1);
transition: all 1s cubic-bezier(.4,0,.2,1);

}

.spotnav li.start {

transform: scale(0,0);
-webkit-transform: scale(0,0);
-moz-transform: scale(0,0);
-ms-transform: scale(0,0);
}



.spotnav li .spot {
width: auto;
height: auto;
display: inline-block;
padding: 50%;
overflow: hidden;
text-align: center;
background: #012a40;
color: #fff;
font-size: 20px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
z-index: 100;
/*
transform: translate3d(-50%,-50%,0);
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);*/
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}

.spotnav li a span {
position: absolute;
top: 50%;
left: 50%;
font-family: 'Lobster';
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
perspective: preserve-3d;
-webkit-perspective: preserve-3d;
font-size: 30px;
line-height: 34px;
/*-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;*/
}
.spotnav li a span.medtext {font-size: 24px;}


.spotnav li:nth-child(1) .spot {margin-top: 10px;}
.spotnav li:nth-child(2) .spot {margin-top: -10px;}
.spotnav li:nth-child(3) .spot {margin-top: 0px;}
.spotnav li:nth-child(4) .spot {margin-top: -10px;}
.spotnav li:nth-child(5) .spot {margin-top: 10px;}
.spotnav li:nth-child(6) .spot {margin-top: -10px;}
.spotnav li:nth-child(7) .spot {margin-top: 10px;}
.spotnav li:nth-child(8) .spot {margin-top: -10px;}
.spotnav li:nth-child(9) .spot {margin-top: -10px;}

.spot.scale0 {
transform:translate(-50%,-50%) scale(0.9,0.9) ;
-webkit-transform:translate(-50%,-50%) scale(0.9,0.9) ;
-moz-transform: translate(-50%,-50%) scale(0.9,0.9);
-ms-transform: translate(-50%,-50%) scale(0.9,0.9);
}
.spot.scale1 {
transform: translate(-50%,-50%) scale(0.9,0.9);
-webkit-transform: translate(-50%,-50%) scale(0.9,0.9);
-moz-transform: translate(-50%,-50%) scale(0.9,0.9);
-ms-transform: translate(-50%,-50%) scale(0.9,0.9);
}
.spot.scale2 {
transform: translate(-50%,-50%) scale(0.8,0.8);
-webkit-transform: translate(-50%,-50%) scale(0.8,0.8);
-moz-transform: translate(-50%,-50%) scale(0.8,0.8);
-ms-transform: translate(-50%,-50%) scale(0.8,0.8);
}
.spot.scale3 {
transform: translate(-50%,-50%) scale(0.7,0.7);
-webkit-transform: translate(-50%,-50%) scale(0.7,0.7);
-moz-transform: translate(-50%,-50%) scale(0.7,0.7);
-ms-transform: translate(-50%,-50%) scale(0.7,0.7);
}


.spotnav li .spot:hover {
transform:translate(-50%,-50%) scale(1,1) ;
-webkit-transform:translate(-50%,-50%) scale(1,1) ;
-moz-transform: translate(-50%,-50%) scale(1,1);
-ms-transform: translate(-50%,-50%) scale(1,1);
background: #fff;
color: #012a40;
}


/*--Simple Img Crossfade--*/

.slider-wrapper {
display: inline-block;
float: left;
width: 100%;
height: 600px;
color: #fff;
position: relative;
}

.slider {
width: auto;
    height: auto;
    display: inline-block;
    padding: 45%;
overflow: hidden;
text-align: center;
background: transparent;
color: #fff;
font-size: 20px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
z-index: 100;
transform: translate3d(-50%,-50%,0);
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
/*border: 8px solid rgba(255,255,255,0.15);*/
box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}


.slidebox {
  position:absolute;
  animation:round 12s infinite;
  -webkit-animation:round 12s infinite;
  opacity:0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.slidebox:nth-child(2){animation-delay:6s;-webkit-animation-delay:6s;}
.slidebox:nth-child(1){animation-delay:0s;-webkit-animation-delay:0s;}






@keyframes round{   
  25%{opacity:1;}
  50%{opacity:1;}
  80%{opacity:0;}
} 
@-webkit-keyframes round{   
  25%{opacity:1;}
  50%{opacity:1;}
  80%{opacity:0;}
} 
@-moz-keyframes round{   
  25%{opacity:1;}
  50%{opacity:1;}
  80%{opacity:0;}
} 
@-ms-keyframes round{   
  25%{opacity:1;}
  50%{opacity:1;}
  80%{opacity:0;}
} 


.circlegallery {
width: 100%;
height: 600px;
position: relative;
display: inline-block;
float: left;
}

.circleimg {
width: auto;
height: auto;
display: inline-block;
overflow: hidden;
border-radius: 50%;
position: absolute;
box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
background: transprent;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}

.circleimg span {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
border-radius: 50%;
 background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}

.circleimg.large {
top: 0;
right: 10px;
padding: 40%;
}

.circleimg.medium {
bottom: 15%;
left: 0;
padding: 25%;
}
.circleimg.small {
bottom: 0;
left: 30%;
padding: 20%;
}

/*--Mouse--*/
.mouse {
    border: 2px solid #fff;
    border-radius: 20px;
    bottom: 0px;
    display: block;
    height: 46px;
    left: 50%;
    margin: 0 auto 0 -26px;
    position: absolute;
    width: 26px;
	z-index: 60;
}
.mouse span {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: scroll;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    display: block;
    height: 4px;
    margin: 6px auto;
    width: 4px;
}
@keyframes scroll {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(20px);
}
}
@-webkit-keyframes scroll {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(20px);
}
}
@-moz-keyframes scroll {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(20px);
}
}




/*---filter---*/

.filter_form {
display: none;
float: left;
position: relative;
z-index: 100;
}

.filter_form form {
display: inline-block;
float: left;
padding: 20px 0 0 0;
}


fieldset {
display: inline-block;
float: left;
border: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.filter_form fieldset {
width: 33.333%;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
}

.offer_form fieldset {
width: 50%;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
}

fieldset.fullwidth {
width: 100%;
}



.filter_form fieldset legend,
.offer_form fieldset legend {
color: #fff;
font-size: 13px;
padding-bottom: 3px;
display: inlnie-block;
width: 100%;
text-transform: uppercase;
color: rgba(255,255,255,0.8);
}

input[type='text'], select {
display: inline-block;
float: left;
width: 100%;
padding: 0 10px;
border: 0;
border-radius: 0;
background-color: #fff; 
font-size: 16px;
height: 40px;
line-height: 36px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
border: 2px solid #fff;
}

select {
padding-left: 5px;
background-image: url('/themes/cegesutazas.hu/images/selectarrow.svg');
background-position: right 8px center;
background-size: 12px auto;
background-repeat: no-repeat;
}

textarea {
border: 2px solid #fff;
padding: 10px;
font-size: 16px;
line-height: 22px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
border: 2px solid #fff;
width: 100%;
height: 150px;
}



input:focus, input:active, textarea:focus,
select:focus, select:active, textarea:active {
outline: none;
border: 2px solid #ffd700;
border: 2px solid #013048;
}

input.hidden, fieldset.hidden {display: none;}

.clear {
display: inline-block;
float: left;
width: 100%;
clear: both;
}

input.input_little {
width: 80px;
}
.ipttxt {
font-size: 16px;
height: 40px;
padding-left: 5px;
color: #fff;
line-height: 40px;
}

legend span {color: #ffd700;font-weight: bold;}

fieldset h3 {
color: #fff;
font-size: 26px;
line-height: 30px;
max-height: 60px;
margin-bottom: 10px;
overflow: hidden;
width: 100%;
font-family: 'Open Sans Condensed';
font-weight: bold;
text-transform: uppercase;
display: inline-block;
float: left;
}

.filter_header {
display: inline-block;
float: left;
width: 100%;
padding: 10px 0;
color: #fff;
font-size: 20px;
border-top: 1px solid rgba(255,255,255,0.2);
border-bottom: 1px solid rgba(255,255,255,0.2);
z-index: 100;
position: relative;
}

.filter_header_title {
display: inline-block;
float: left;
width: auto;
line-height: 40px;
}

.filter_header_results_number {
display: inline-block;
float: left;
width: auto;
line-height: 40px;
padding-left: 10px;
}

.filter_form .button {
margin: 10px 0 0 0;
}

/*---vasarok---*/

.vasarok_lista {
display: inline-block;
width: 100%;
}

.vasarok_item {
display: inline-block;
float: left;
width: 50%;
padding: 20px 0 20px 0;
border-bottom: 1px solid rgba(255,255,255,0.15);
}

.vasarok_item:nth-child(odd) {
border-right: 1px solid rgba(255,255,255,0.15);
}

.vasarok_inner {
width: 100%;
display: inline-block;
float: left;
height: 200px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}


.vasarok_img {
width: 35%;
height: 200px;
display: inline-block;
float: left;
top: 0;
left: 0;
position: relative;
background: transparent;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.vasarok_img .img {
width: auto;
height: auto;
display: inline-block;
overflow: hidden;
border-radius: 50%;
position: absolute;
box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
background: transprent;

padding: 45%;
top: 50%;
left: 50%;
margin: -45% 0 0 -45%;
/*
transform: translate3d(-48%,-50%,0);
-webkit-transform: translate3d(-48%,-50%,0);
-moz-transform: translate3d(-48%,-50%,0);
-ms-transform: translate3d(-48%,-50%,0);*/
}


.vasarok_img .img span {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
border-radius: 50%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;

}

.vasarok_desc {
width: 65%;
padding-left: 15px;
display: inline-block;
float: left;
height: auto;
padding-right: 30px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.vasarok_desc h3 {
color: #fff;
font-size: 26px;
line-height: 30px;
max-height: 60px;
margin-bottom: 10px;
overflow: hidden;
width: 100%;
font-family: 'Open Sans Condensed';
font-weight: bold;
text-transform: uppercase;
display: inline-block;
float: left;
color: #ff8226;
}

.vasarok_item:hover .vasarok_desc h3 {color: #ffd700;}

.vasarok_desc h3:first-letter {
text-transform: uppercase;
}


.vasarok_desc p {
display: inline-block;
float: left;
width: 100%;
font-size: 16px;
line-height: 26px;
max-height: 78px;
overflow: hidden;
color: rgba(255,255,255,0.7);
}

.vasarok_desc p b{
font-weight: bold;
color: #fff;
}

.vasarok_inner .smallbutton {
margin-top: 10px;
}

/*---vasar---*/
.vasar-section .secleft,
.vasar-section .secright {
vertical-align: top;
}

.program-left {
width: 50%;
display: inline-block;
float: left;
}

.program-right {
width: 50%;
display: inline-block;
float: right;
}



h1.program-title, h1.content-title {
font-family: 'Open Sans Condensed';
text-align: left;
font-size: 50px;
line-height: 60px;
font-weight: 700;
width: 50%;
display: inline-block;
float: left;
}

h1.content-title {
	float:none;
}

.vasar_info {
color: rgba(255,255,255,1);
font-size: 18px;
line-height: 28px;
}


.vasar_desc, .content_desc {
padding-top: 20px;
color: rgba(255,255,255,0.8);
font-size: 18px;
line-height: 28px;
color: rgba(255,255,255,0.7);
}

.content_desc {
	padding-bottom: 25px;
}




.section-img-wrapper {
display: inline-block;
float: left;
width: 100%;
height: 600px;
color: #fff;
position: relative;
}


.section-img-box {
width: auto;
    height: auto;
    display: inline-block;
    padding: 45%;
overflow: hidden;
text-align: center;
background: transparent;
color: #fff;
font-size: 20px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
z-index: 100;
transform: translate3d(-50%,-50%,0);
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
/*border: 8px solid rgba(255,255,255,0.15);*/
box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}


.section-img {
  position:absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}







.thumblist {
width: 100%;
display: inline-block;
float: left;
list-style: none;
position: relative;
padding: 20px 0;
}

.thumblist li {
list-style: none;
width: 25%;
height: 150px;
display: inline-block;
float: left;
position: relative;
}

.thumblist li a {
width: auto;
height: auto;
display: inline-block;
overflow: hidden;
border-radius: 50%;
position: absolute;
box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
background: transprent;
padding: 45%;
top: 50%;
left: 50%;
margin: -50% 0 0 -50%;

transform: scale(1,1);
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
}



.thumblist li a span {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
border-radius: 50%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}

.thumblist li a:hover {
transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
}


/*---alertbox---*/
.alert-box {
padding: 30px 0;
display: inline-block;
width: 100%;
float: left;
text-align: center;
color: #fff;
font-size: 20px;
line-height: 30px;
}
.alert-box.success {
color: #fff;
font-size: 20px;
line-height: 30px;
}
.alert-box.error {
color: red;
font-size: 20px;
line-height: 30px;
}

.minh600 {min-height: 600px;}


/*---lapozas---*/

.lapozas {
width: 100%;
height: auto;
clear: both;
min-height: 34px;
position: relative;
z-index: 100;
padding: 20px 0;
}

.lapozas div a {
	padding:0 0;
	height:34px;
	width:34px;
	line-height: 34px;
	vertical-align: middle;
	font-weight: normal;
	border:none;
	background-color:transparent;
	text-align: center;
	border-radius: 17px;
}

.lapozas > div.page-number {
	position:absolute;
	margin-left:25%;
	margin-right:25%;
	width:50%;
	text-align:center;
}
.lapozas div  a:hover, .lapozas  div  a.aktiv {
	background-color: #ff8226;
	color: #ffffff;
}

.lapozas > div > .page {
	display:inline-block;
	color:#a5a5a5;
	position:relative;
	margin-right:3px;
}


.page_first {
	background-image:url('/themes/cegesutazas.hu/images/pager-left2.png');
	background-position: 10px center;
}
.page_prev {
	background-image:url('/themes/cegesutazas.hu/images/pager-left.png');
	background-position: 12px center;
}
.page_next {
	background-image:url('/themes/cegesutazas.hu/images/pager-right.png');
	background-position: 14px center;
}
.page_last {
	background-image:url('/themes/cegesutazas.hu/images/pager-right2.png');
	background-position: 12px center;
}

.page_first,
.page_prev,
.page_next,
.page_last,
.page_next_text,
.page_prev_text {
	height: 34px;
	width: 34px;
	display: inline-block;
	float: left;
	background-repeat: no-repeat;
	
	background-color: rgba(0,0,0,0.3) !important;
	color:#fff;
	margin-right:5px;
	padding: 0 0;
}

.page_first:hover,
.page_prev:hover,
.page_next:hover,
.page_last:hover,
.page_prev_text:hover,
.page_next_text:hover {
background-color: #ff8226 !important;
color: #fff;
}

.page_last {
	margin-right:0px!important;
}
.page_prev_text,
.page_next_text {
width: auto !important;
padding: 0 10px !important;	
font-size: 14px;
}


.mobilon {
display: none;
}







.scrolltotop {
position: fixed; 
bottom: 25px;
right: 20px;
width: 44px;
height: 44px;
border-radius: 50%;
margin-left: -22px;
display: inline-block;
cursor: pointer;
opacity: 0;
background-color: #fff;
background-image: url('/themes/cegesutazas.hu/images/totop.png');
background-position: center;
background-repeat: no-repeat;
box-shadow: 0 4px 6px rgba(0,0,0,0.2);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
z-index: 3000;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}
.scrolltotop.show {opacity: 1;}
.scrolltotop:active {
background-color: #ffd700;
box-shadow: 0 2px 3px rgba(0,0,0,0.4);
}













/* The gallery overlay */

#galleryOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	opacity:0;
	z-index:100000;
	background-color:#222;
	background-color:rgba(0,0,0,0.8);
	overflow:hidden;
	display:none;
	
	-moz-transition:opacity 1s ease;
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease;
}

/* This class will trigger the animation */

#galleryOverlay.visible{
	opacity:1;
}

#gallerySlider{
	height:100%;
	
	left:0;
	top:0;
	
	width:100%;
	white-space: nowrap;
	position:absolute;
	
	-moz-transition:left 0.4s ease;
	-webkit-transition:left 0.4s ease;
	transition:left 0.4s ease;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

#gallerySlider .placeholder{
	background: url("preloader.gif") no-repeat center center;
	height: 100%;
	line-height: 1px;
	text-align: center;
	width:100%;
	display:inline-block;
}

/* The before element moves the
 * image halfway from the top */

#gallerySlider .placeholder:before{
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right:-1px;
}

#gallerySlider .placeholder img{
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}

#gallerySlider.rightSpring{
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s;
}

#gallerySlider.leftSpring{
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s;
}

/* Firefox Keyframe Animations */

@-moz-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-moz-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */

@-webkit-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-webkit-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Arrows */

#prevArrow,#nextArrow{
	border:none;
	text-decoration:none;
	background:url('arrows.png') no-repeat;
	opacity:0.5;
	cursor:pointer;
	position:absolute;
	width:43px;
	height:58px;
	
	top:50%;
	margin-top:-29px;
	
	-moz-transition:opacity 0.2s ease;
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

#prevArrow:hover, #nextArrow:hover{
	opacity:1;
}

#prevArrow{
	background-position:left top;
	left:40px;
}

#nextArrow{
	background-position:right top;
	right:40px;
}















/*---MEDIA QUERIES---*/


@media screen and (max-width:1260px) {
.section-inner{
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
.footer-inner{
width: 100%;
padding-left: 40px;
padding-right: 40px;
}

.spotnav {margin-top: 110px;}
.spotnav {height: 400px;}

.thumblist li {
height: 140px;
}


}




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

.spotnav, .mouse {
display: none;
}
.spotnav li {
display: inline-block;
float: none;
list-style: none;
width: 19%;
height: 50%;
position:relative;
}

.section-inner{
width: 100%;
padding-top: 80px;
padding-left: 30px;
padding-right: 30px;
}
.footer-inner{
width: 100%;
padding-left: 30px;
padding-right: 30px;
}

.circlegallery {
height: 450px;
}
.slider-wrapper {
height: 400px;
}



.secleft h2,
.secright h2 {
font-size: 45px;
line-height: 50px;
padding-bottom: 20px;
display: inline-block;
} 

.secleft h3,
.secright h3 {
font-size: 25px;
line-height: 30px;
padding-bottom: 20px;
display: inline-block;
} 


.secleft p,
.secright p {
font-size: 14px;
line-height: 22px;
} 

.secleft ul,
.secright ul {
font-size: 14px;
line-height: 22px;
} 

.navpop { left: 0;}


h1.program-title {width: 100%; font-size: 35px; line-height: 40px;}
.program-left {width: 100%;}
.program-right {width: 100%; float: left;}

.vasar_info {font-size: 14px; line-height: 20px;}
.vasar_desc {font-size: 14px; line-height: 20px;}

.section-img-wrapper {
display: inline-block;
float: left;
width: 100%;
padding-bottom: 0;
height: auto;
position: relative;
margin-bottom: 15px;
}


.section-img-box {
width: 100%;
    height:auto;  padding: 0;
	padding-bottom: 56.4%;
    display: inline-block;
  
overflow: hidden;
text-align: center;
background: transparent;
color: #fff;
font-size: 20px;
border-radius: 0;
position: relative;
left: 0;
top: 0;
z-index: 100;
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
/*border: 8px solid rgba(255,255,255,0.15);*/
box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}


.section-img {
  position:absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.thumblist li {
width: 20%;
height: 180px;
}

.footer-box, .footer-box2 {width: 50%;}


}


@media screen and (max-width:900px) {
.dotnav {display: none;}

.section-inner{
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.footer-inner{
width: 100%;
padding-left: 20px;
padding-right: 20px;
}


.header_icons {display: none;}
.header {border-bottom: none; margin: 0; padding: 0;}

.sidebar_icons {display: inline-block;}

.vasarok_item {
width: 100%;
height: auto;
}
.vasarok_inner {height: auto;}
.vasarok_item:nth-child(odd) {
border-right: 0;
}


.vasarok_desc {padding-right: 0; width: 75%;}
.vasarok_desc h3 {height: auto;max-height: 300px;}
.vasarok_desc p {height: auto;max-height: 300px;}
.vasarok_img {width: 25%;}
.vasarok_img .img {
padding: 45%;
top: 0;
left: 50%;
padding: 45%;
margin: 0 0 0 -45%;
}
.thumblist li {
width: 20%;
height: 160px;
}

}


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

.mobiloff {
display: none;
}
.mobilon {
display: inline-block;
}


.sectionimg {display: inline-block;}
.secright .article {padding-left: 0;}
.secleft .article {padding-right: 0;}


.section:after {
    height: 40px;
    bottom: -20px;
}
.section-inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
	padding-top: 60px;
	padding-bottom: 30px;
}
.section-inner.smaller {
    width: 100%;
    padding: 60px 20px 20px 20px;
}

.page-header .section-inner {
padding-top: 20px;
padding-bottom: 20px;
min-height: 40px;
}



.mainlogo {
	width: 160px;
    margin-left: -80px;
	top: 0;
}

.mainlogo img {
	width: 160px;
}
.menuopen {
top: 0;
width: 30px;
height: 30px;
}
.menuopen span, .menuopen span:after, .menuopen span:before {
height: 3px;
}
.menuopen span:after {top: 8px;}
.menuopen span:before {top: -8px;}

.navpop {
top: 50px;
}

.filter_form fieldset {
width: 100%; 
padding-right: 10px;
padding-left: 10px;
}

.offer_form fieldset {
width: 100%;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
}

.section-inner h1 {font-size: 40px; line-height: 45px;}
h1.program-title {width: 100%; font-size: 25px; line-height: 30px;}
.vasarok_desc h3 {font-size: 24px; line-height: 28px;}
.vasarok_desc p {font-size: 14px; line-height: 20px;}
.vasarok_img {min-height: 100px; height: auto;}
.thumblist li {
width: 25%;
height: 160px;
}

}



@media screen and (max-width:640px) {
.section-inner,.section-inner.smaller, .footer-inner {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}


.thumblist li {
width: 33.333%;
height: 190px;
}

.footer-box {width: 100%;}
.footer-box2 {text-align: center;width: 100%;}

.footer-list {max-width: 360px;}

}
@media screen and (max-width:540px) {
.thumblist li {
width: 33.333%;
height: 140px;
}
}
@media screen and (max-width:480px) {

.thumblist li {
width: 50%;
height: 210px;
}
}

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

.thumblist li {
width: 50%;
height: 150px;
}
}

#modify_div {
	box-sizing: border-box;
}

.cc_container {font-family: 'Open Sans', sans-serif;}
.cc_container .cc_btn {background-color: #ff8226 !important; color: #fff !important; border-radius: 40px !important;font-family: 'Open Sans', sans-serif;}
.cc_container .cc_more_info {color: #ff8226 !important;}
.cc_container .cc_more_info:hover {text-decoration: underline !important;}