.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0; } .flexslider .slides > li {display: none; width: 100%; margin: 0 auto; height: 700px; position: relative; overflow: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ #largeslider.flexslider .slides img {width: 1600px; height: 550px; border: none; position: absolute; top: 0; left: 50%; margin-left: -800px;} .flexslider .slides > li .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block !important} .flexslider .slides {left: 100px;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0 ; background: #000; border: 0; position: relative; zoom: 1;overflow: hidden;} .flexslider .flex-viewport {max-height: 550px; overflow: hidden;} .flexslider .loading .flex-viewport {max-height: 550px; overflow: hidden;} .flexslider .slides {zoom: 1;} #largeslider.flexslider.loading {min-height: 550px; background: #000 url('spinner.gif') no-repeat center center;} /* Direction Nav */ #largeslider.flexslider .flex-direction-nav {position: absolute;width: 300px; height: 0; bottom: 40px; left: 50%; margin-left: 300px;} #largeslider.flexslider .flex-direction-nav a {width: 40px; height: 40px; margin: 0; display: block; background: url('/img/lnav.png') no-repeat 0 0; position: absolute; top: -30px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.8; text-decoration: none;} #largeslider.flexslider .flex-direction-nav .flex-next {background-position: 0px -50px; right: 10px;} #largeslider.flexslider .flex-direction-nav .flex-prev {background-position: 0px 0px; right: 55px;} #largeslider.flexslider .flex-direction-nav .flex-next:hover {opacity: 0.8;} #largeslider.flexslider .flex-direction-nav .flex-prev:hover {opacity: 0.8;} #largeslider.flexslider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #largeslider.flexslider .flex-direction-nav .flex-next:hover, #largeslider.flexslider .flex-direction-nav .flex-prev:hover {opacity: 1;} #largeslider.flexslider .flex-control-nav {width: auto; position: absolute; top: -34px; text-align: right; right: 78px;} #largeslider.flexslider .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} #largeslider.flexslider .flex-control-nav li a {text-indent: -999px; width: 13px; height: 13px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } #largeslider.flexslider .flex-control-nav li a:hover { background: #333; background: rgba(0,0,0,0.7); } #largeslider.flexslider .flex-control-nav li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flexslider#largeslider2 {background: transparent !important; margin-top: 120px; overflow-y: visible;} .flexslider#largeslider2 .flex-viewport {max-height: 530px; overflow-y: hidden;} .flexslider#largeslider2 .slides img {width: 1180px; height: 480px; border: none; border-bottom: 1px solid #000; position: absolute; top: 0; left: 50%; margin-left: -590px;} #largeslider2.flexslider .flex-direction-nav {position: absolute;width: 100%;height: 0; bottom: 0px;} #largeslider2.flexslider .flex-direction-nav a {width: 30px; height: 30px; margin: 0; display: block; background: url('sprite.png') no-repeat -96px -5px; position: absolute; top: -30px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.8; text-decoration: none;} #largeslider2.flexslider .flex-direction-nav .flex-next {background-position: -169px -8px; right: 10px;} #largeslider2.flexslider .flex-direction-nav .flex-prev {background-position: -7px -8px; right: 45px;} #largeslider2.flexslider .flex-direction-nav .flex-next:hover {opacity: 0.8;} #largeslider2.flexslider .flex-direction-nav .flex-prev:hover {opacity: 0.8;} #largeslider2.flexslider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #largeslider2.flexslider .flex-direction-nav .flex-next:hover, .triplecarousel-container .flexslider .flex-direction-nav .flex-prev:hover {opacity: 1;} #largeslider2.flexslider .flex-control-nav {width: auto; position: absolute; bottom: 4px; text-align: right; right: 78px;} #largeslider2.flexslider .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} #largeslider2.flexslider .flex-control-nav li a {text-indent: -999px; width: 13px; height: 13px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } #largeslider2.flexslider .flex-control-nav li a:hover { background: #333; background: rgba(0,0,0,0.7); } #largeslider2.flexslider .flex-control-nav li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } /*---LARGE CAROUSEL---*/ #largecarousel.flexslider {margin: 0 ; background: #ededed; border: 0; position: relative; zoom: 1;overflow: visible;} #largecarousel.flexslider .flex-viewport {min-height: 150px; max-height: 420px; overflow: hidden;} #largecarousel.flexslider .loading .flex-viewport {min-height: 150px; max-height: 420px;} #largecarousel.flexslider .slides {zoom: 1;} #largecarousel.flexslider .slides > li {display: none; height: 420px;} /* Hide the slides before the JS is loaded. Avoids image jumping */ #largecarousel.flexslider .slides > li a {width: 580px; display: block; margin-left: 10px;position: relative; height: 400px; background: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); overflow: hidden; text-decoration: none; } #largecarousel.flexslider .slides img {width: 580px; display: none; border: none; height: 400px;} #largecarousel.flexslider .flex-direction-nav {position: absolute;width: 100%;height: 0; top: 0px;} #largecarousel.flexslider .flex-direction-nav a {width: 25px; height: 30px; margin: 185px 0 0; display: block; background: url('../img/cnav.png') no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.8; text-decoration: none;} #largecarousel.flexslider .flex-direction-nav .flex-next {background-position: bottom left; right: -25px; } #largecarousel.flexslider .flex-direction-nav .flex-prev {background-position: top left; left: -25px;} #largecarousel.flexslider:hover .flex-next {opacity: 0.8; right: -25px;} #largecarousel.flexslider:hover .flex-prev {opacity: 0.8; left: -25px;} #largecarousel.flexslider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #largecarousel.flexslider:hover .flex-next:hover, #largecarousel.flexslider:hover .flex-prev:hover {opacity: 1;} /*---TRIPLE REKL����M CAROUSEL---*/ .triplecarousel-container .flexslider {margin: 0 ; background: transparent; border: 0; position: relative; zoom: 1;overflow: visible; margin-top: 50px;} .triplecarousel-container .flexslider .flex-viewport {min-height: 170px; max-height: 280px; overflow: hidden;} .triplecarousel-container .flexslider .loading .flex-viewport {min-height: 170px; max-height: 280px;} .triplecarousel-container .flexslider .slides {zoom: 1;z-index: 900;} .triplecarousel-container .flexslider .slides > li {display: none; height: 280px;} /* Hide the slides before the JS is loaded. Avoids image jumping */ a.adblock {width: 380px; display: inline-block;float: left; margin-left: 10px;position: relative; height: 260px; background: #fff; overflow: hidden; text-decoration: none; } a.adblock img {width: 380px; border: none; height: 260px;position: relative; left: 0; margin: 0;display: inline-block;} .triplecarousel-container .flexslider .flex-direction-nav {position: absolute;width: 100%;height: 0; top: -10px;} .triplecarousel-container .flexslider .flex-direction-nav a {width: 30px; height: 30px; margin: 0; display: block; background: url('sprite.png') no-repeat -96px -5px; position: absolute; top: -30px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.8; text-decoration: none;} .triplecarousel-container .flexslider .flex-direction-nav .flex-next {background-position: -169px -8px; right: 10px;} .triplecarousel-container .flexslider .flex-direction-nav .flex-prev {background-position: -7px -8px; right: 45px;} .triplecarousel-container .flexslider .flex-direction-nav .flex-next:hover {opacity: 0.8;} .triplecarousel-container .flexslider .flex-direction-nav .flex-prev:hover {opacity: 0.8;} .triplecarousel-container .flexslider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} .triplecarousel-container .flexslider .flex-direction-nav .flex-next:hover, .triplecarousel-container .flexslider .flex-direction-nav .flex-prev:hover {opacity: 1;} .triplecarousel-container .flexslider .flex-control-nav {width: auto; position: absolute; top: -34px; text-align: right; right: 78px;} .triplecarousel-container .flexslider .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} .triplecarousel-container .flexslider .flex-control-nav li a {text-indent: -999px; width: 13px; height: 13px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .triplecarousel-container .flexslider .flex-control-nav li a:hover { background: #333; background: rgba(0,0,0,0.7); } .triplecarousel-container .flexslider .flex-control-nav li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } /*---QUAD CAROUSEL---MEGTEKINTETT HASONLO UTAK----*/ #quadcarousel1.flexslider {margin: 0 ; background: transparent; border: 0; position: relative; zoom: 1;overflow: visible; margin-top: 10px;} #quadcarousel1.flexslider .flex-viewport {min-height: 90px; max-height: 90px; overflow: hidden;} #quadcarousel1.flexslider .loading .flex-viewport {min-height: 90px; max-height: 90px;} #quadcarousel1.flexslider .slides {zoom: 1;z-index: 900;} #quadcarousel1.flexslider .slides > li {display: none; height: 90px; width: 300px !important;} /* Hide the slides before the JS is loaded. Avoids image jumping */ #quadcarousel1.flexslider .flex-direction-nav {position: absolute;width: 100%;height: 0; top: 0px;} #quadcarousel1.flexslider .flex-direction-nav a {width: 30px; height: 30px; margin: 0; display: block; background: url('sprite.png') no-repeat -96px -5px; position: absolute; top: -30px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.8; text-decoration: none;} #quadcarousel1.flexslider .flex-direction-nav .flex-next {background-position: -169px -8px; right: 10px;} #quadcarousel1.flexslider .flex-direction-nav .flex-prev {background-position: -7px -8px; right: 45px;} #quadcarousel1.flexslider .flex-direction-nav .flex-next:hover {opacity: 0.8;} #quadcarousel1.flexslider .flex-direction-nav .flex-prev:hover {opacity: 0.8;} #quadcarousel1.flexslider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #quadcarousel1.flexslider .flex-direction-nav .flex-next:hover, #quadcarousel1.flexslider .flex-direction-nav .flex-prev:hover {opacity: 1;} #quadcarousel1.flexslider .flex-control-nav {width: auto; position: absolute; top: -24px; text-align: right; right: 78px;} #quadcarousel1.flexslider .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} #quadcarousel1.flexslider .flex-control-nav li a {text-indent: -999px; width: 13px; height: 13px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } #quadcarousel1.flexslider .flex-control-nav li a:hover { background: #333; background: rgba(0,0,0,0.7); } #quadcarousel1.flexslider .flex-control-nav li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } #quadcarousel2.flexslider {margin: 0 ; background: transparent; border: 0; position: relative; zoom: 1;overflow: visible; margin-top: 10px;} #quadcarousel2.flexslider .flex-viewport {min-height: 90px; max-height: 90px; overflow: hidden;} #quadcarousel2.flexslider .loading .flex-viewport {min-height: 90px; max-height: 90px;} #quadcarousel2.flexslider .slides {zoom: 1;z-index: 900;} #quadcarousel2.flexslider .slides > li {display: none; height: 90px; width: 300px !important;} /* Hide the slides before the JS is loaded. Avoids image jumping */ #quadcarousel2.flexslider .flex-direction-nav {position: absolute;width: 100%;height: 0; top: 0px;} #quadcarousel2.flexslider .flex-direction-nav a {width: 30px; height: 30px; margin: 0; display: block; background: url('sprite.png') no-repeat -96px -5px; position: absolute; top: -30px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.8; text-decoration: none;} #quadcarousel2.flexslider .flex-direction-nav .flex-next {background-position: -169px -8px; right: 10px;} #quadcarousel2.flexslider .flex-direction-nav .flex-prev {background-position: -7px -8px; right: 45px;} #quadcarousel2.flexslider .flex-direction-nav .flex-next:hover {opacity: 0.8;} #quadcarousel2.flexslider .flex-direction-nav .flex-prev:hover {opacity: 0.8;} #quadcarousel2.flexslider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #quadcarousel2.flexslider .flex-direction-nav .flex-next:hover, #quadcarousel2.flexslider .flex-direction-nav .flex-prev:hover {opacity: 1;} #quadcarousel2.flexslider .flex-control-nav {width: auto; position: absolute; top: -24px; text-align: right; right: 78px;} #quadcarousel2.flexslider .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} #quadcarousel2.flexslider .flex-control-nav li a {text-indent: -999px; width: 13px; height: 13px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } #quadcarousel2.flexslider .flex-control-nav li a:hover { background: #333; background: rgba(0,0,0,0.7); } #quadcarousel2.flexslider .flex-control-nav li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .block280 {width: 280px; height: 70px; display: inline-block; float: left; overflow: hidden; margin: 10px; background: #fff; } .block280.empty { background: #f1eeeb; box-shadow: inset 0 0 1px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.5); } .block280 .imgbox {width: 100px; height: 70px; display: inline-block; float: left; overflow: hidden; position: relative;} .block280 .imgbox img {width: 100px;border: none;} .block280 .binfo {width: 160px !important; height: 50px; padding: 10px; overflow: hidden; display: inline-block; float: left;} .block280 .binfo h2 {line-height: 16px; font-size: 14px; color: #0fbdbb;overflow: hidden; max-height: 32px;} .block280 .binfo p.dest {font-size: 12px; height: 18px; line-height: 18px; color: #000; width: 160px !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .block280 .imgbox .triangle { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 10px solid #fff; position: absolute; right: 0; top: 12px; } /*---KOLLEGA CAROUSEL---*/ #kollegacarousel.flexslider {margin: 0 ; background: transparent; border: 0; position: relative; zoom: 1;overflow: visible; margin-top: 0px;} #kollegacarousel.flexslider .flex-viewport {min-height: 170px; max-height: 660px; overflow: hidden;} #kollegacarousel.flexslider .loading .flex-viewport {min-height: 170px; max-height: 660px;} #kollegacarousel.flexslider .slides {zoom: 1;z-index: 900;} #kollegacarousel.flexslider .slides > li {display: none; height: 660px;} /* Hide the slides before the JS is loaded. Avoids image jumping */ #kollegacarousel.flexslider .slides > li a.adblock {width: 380px; display: inline-block;float: left; margin-left: 10px; margin-bottom: 10px; margin-top: 10px; position: relative; height: 290px; background: #fff; overflow: hidden; text-decoration: none; border-bottom: 1px solid #000; } #kollegacarousel.flexslider .slides > li a.adblock img {width: 380px; border: none; height: 290px;position: relative; left: 0; margin: 0;display: inline-block;} #kollegacarousel.flexslider .flex-direction-nav {position: absolute;width: 100%;height: 0; bottom: 0px;} #kollegacarousel.flexslider .flex-direction-nav a {width: 30px; height: 30px; margin: 0; display: block; background: url('sprite.png') no-repeat -96px -5px; position: absolute; top: -30px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.8; text-decoration: none;} #kollegacarousel.flexslider .flex-direction-nav .flex-next {background-position: -169px -8px; right: 10px;} #kollegacarousel.flexslider .flex-direction-nav .flex-prev {background-position: -7px -8px; right: 45px;} #kollegacarousel.flexslider .flex-direction-nav .flex-next:hover {opacity: 0.8;} #kollegacarousel.flexslider .flex-direction-nav .flex-prev:hover {opacity: 0.8;} #kollegacarousel.flexslider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #kollegacarousel.flexslider .flex-direction-nav .flex-next:hover, #kollegacarousel.flexslider .flex-direction-nav .flex-prev:hover {opacity: 1;} #kollegacarousel.flexslider .flex-control-nav {width: auto; position: absolute; bottom: 4px; text-align: right; right: 78px;} #kollegacarousel.flexslider .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} #kollegacarousel.flexslider .flex-control-nav li a {text-indent: -999px; width: 13px; height: 13px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } #kollegacarousel.flexslider .flex-control-nav li a:hover { background: #333; background: rgba(0,0,0,0.7); } #kollegacarousel.flexslider .flex-control-nav li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } /*---ORZSAG CAROUSEL---*/ .orszagcarousel-container .flexslider {margin: 0 ; background: transparent; border: 0; position: relative; zoom: 1;overflow: visible;} .orszagcarousel-container .flexslider .flex-viewport {height: auto; max-height: 2000px; overflow: hidden;} .orszagcarousel-container .flexslider .loading .flex-viewport {height: auto; max-height: 2000px;} .orszagcarousel-container .flexslider .slides {zoom: 1; width: 1160px;} .orszagcarousel-container .flexslider .slides > li {height: auto; max-height: 2000px; width: 2320px !important;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .orszagcarousel-container .flexslider .flex-direction-nav {position: absolute;width: 100%;height: 0; top: -15px;} .orszagcarousel-container .flexslider .flex-direction-nav a {width: 30px; height: 30px; margin: 0; display: block; background: url('sprite.png') no-repeat -96px -5px; position: absolute; top: -30px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.8; text-decoration: none;} .orszagcarousel-container .flexslider .flex-direction-nav .flex-next {background-position: -169px -8px; right: 10px;} .orszagcarousel-container .flexslider .flex-direction-nav .flex-prev {background-position: -7px -8px; right: 45px;} .orszagcarousel-container .flexslider .flex-direction-nav .flex-next:hover {opacity: 0.8;} .orszagcarousel-container .flexslider .flex-direction-nav .flex-prev:hover {opacity: 0.8;} .orszagcarousel-container .flexslider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} .orszagcarousel-container .flexslider .flex-direction-nav .flex-next:hover, .orszagcarousel-container .flexslider .flex-direction-nav .flex-prev:hover {opacity: 1;} .orszagcarousel-container .flexslider .flex-control-nav {width: auto; position: absolute; top: -39px; text-align: right; right: 78px;} .orszagcarousel-container .flexslider .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} .orszagcarousel-container .flexslider .flex-control-nav li a {text-indent: -999px; width: 13px; height: 13px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .orszagcarousel-container .flexslider .flex-control-nav li a:hover { background: #333; background: rgba(0,0,0,0.7); } .orszagcarousel-container .flexslider .flex-control-nav li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } /*---TOPCAROUSEL UTAK---*/ .topcarousel-container .flexslider {margin: 0 ; background: transparent; border: 0; position: relative; zoom: 1;overflow: visible; margin-top: 40px;} .topcarousel-container .flexslider .flex-viewport {min-height: 275px; max-height: 430px; overflow: hidden;} .topcarousel-container .flexslider .loading .flex-viewport {min-height: 275px; max-height: 430px;} .topcarousel-container .flexslider .slides {zoom: 1;} .topcarousel-container .flexslider .slides > li {display: none; height: 430px; text-align: left; width: 240px;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .topcarousel-container .flexslider .slides li img {width: 220px; height: 155px;} .topcarousel-container .flexslider .flex-direction-nav {position: absolute;width: 100%;height: 0; top: 0px;} .topcarousel-container .flexslider .flex-direction-nav a {width: 30px; height: 30px; margin: 0; display: block; background: url('sprite.png') no-repeat -96px -5px; position: absolute; top: -30px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.8; text-decoration: none;} .topcarousel-container .flexslider .flex-direction-nav .flex-next {background-position: -169px -8px; right: 10px;} .topcarousel-container .flexslider .flex-direction-nav .flex-prev {background-position: -7px -8px; right: 45px;} .topcarousel-container .flexslider .flex-direction-nav .flex-next:hover {opacity: 0.8;} .topcarousel-container .flexslider .flex-direction-nav .flex-prev:hover {opacity: 0.8;} .topcarousel-container .flexslider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} .topcarousel-container .flexslider .flex-direction-nav .flex-next:hover, .topcarousel-container .flexslider .flex-direction-nav .flex-prev:hover {opacity: 1;} .topcarousel-container .flexslider .flex-control-nav {width: auto; position: absolute; top: -24px; text-align: right; right: 78px;} .topcarousel-container .flexslider .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} .topcarousel-container .flexslider .flex-control-nav li a {text-indent: -999px; width: 13px; height: 13px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .topcarousel-container .flexslider .flex-control-nav li a:hover { background: #333; background: rgba(0,0,0,0.7); } .topcarousel-container .flexslider .flex-control-nav li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } /*---PROGRAMOK---*/ #programcarousel.flexslider {margin: 0 ; background: transparent; border: 0; position: relative; zoom: 1;overflow: visible; padding-top: 40px;} #programcarousel.flexslider .flex-viewport {height: 280px; overflow: hidden;} #programcarousel.flexslider .loading .flex-viewport {height: 280px;} #programcarousel.flexslider .slides {zoom: 1; z-index: 900;} #programcarousel.flexslider .slides > li {display: none; height: 360px; text-align: left; width: 196px;} /* Hide the slides before the JS is loaded. Avoids image jumping */ #programcarousel.flexslider .flex-direction-nav {position: absolute;width: 100%;height: 0; top: 40px;} #programcarousel.flexslider .flex-direction-nav a {width: 30px; height: 30px; margin: 0; display: block; background: url('sprite.png') no-repeat -96px -5px; position: absolute; top: -30px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.8; text-decoration: none;} #programcarousel.flexslider .flex-direction-nav .flex-next {background-position: -169px -8px; right: 5px;} #programcarousel.flexslider .flex-direction-nav .flex-prev {background-position: -7px -8px; right: 40px;} #programcarousel.flexslider .flex-direction-nav .flex-next:hover {opacity: 0.8;} #programcarousel.flexslider .flex-direction-nav .flex-prev:hover {opacity: 0.8;} #programcarousel.flexslider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #programcarousel.flexslider .flex-direction-nav .flex-next:hover, #programcarousel.flexslider .flex-direction-nav .flex-prev:hover {opacity: 1;} #programcarousel.flexslider .flex-control-nav {width: auto; position: absolute; top: 20px; text-align: right; right: 73px;} #programcarousel.flexslider .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} #programcarousel.flexslider .flex-control-nav li a {text-indent: -999px; width: 13px; height: 13px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } #programcarousel.flexslider .flex-control-nav li a:hover { background: #333; background: rgba(0,0,0,0.7); } #programcarousel.flexslider .flex-control-nav li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } /*---TOPLIST CAROUSEL---*/ .toplistcarousel-container .flexslider {margin: 0 ; background: transparent; border: 0; position: relative; zoom: 1;overflow: visible; margin-top: 40px;} .toplistcarousel-container .flexslider .flex-viewport {min-height: 150px; max-height: 460px; overflow: hidden;} .toplistcarousel-container .flexslider .loading .flex-viewport {min-height: 150px; max-height: 460px;} .toplistcarousel-container .flexslider .slides {zoom: 1;z-index: 900;} .toplistcarousel-container .flexslider .slides > li {display: block; /*-webkit-backface-visibility: hidden;*/ height: 460px;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .toplistcarousel-container .flexslider .flex-direction-nav {position: absolute;width: 100%;height: 0; top: 0px;} .toplistcarousel-container .flexslider .flex-direction-nav a {width: 30px; height: 30px; margin: 0; display: block; background: url('sprite.png') no-repeat -96px -5px; position: absolute; top: -30px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.8; text-decoration: none;} .toplistcarousel-container .flexslider .flex-direction-nav .flex-next {background-position: -169px -8px; right: 10px;} .toplistcarousel-container .flexslider .flex-direction-nav .flex-prev {background-position: -7px -8px; right: 45px;} .toplistcarousel-container .flexslider .flex-direction-nav .flex-next:hover {opacity: 0.8;} .toplistcarousel-container .flexslider .flex-direction-nav .flex-prev:hover {opacity: 0.8;} .toplistcarousel-container .flexslider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} .toplistcarousel-container .flexslider .flex-direction-nav .flex-next:hover, .triplecarousel-container .flexslider .flex-direction-nav .flex-prev:hover {opacity: 1;} .toplistcarousel-container .flexslider .flex-control-nav {width: auto; position: absolute; top: -24px; text-align: right; right: 78px; max-height: 26px;} .toplistcarousel-container .flexslider .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} .toplistcarousel-container .flexslider .flex-control-nav li a {text-indent: -999px; width: 13px; height: 13px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .toplistcarousel-container .flexslider .flex-control-nav li a:hover { background: #333; background: rgba(0,0,0,0.7); } .toplistcarousel-container .flexslider .flex-control-nav li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } /*---M����RET V����LTOZ����S---*/ /*--960--*/ @media screen and (max-width: 1200px) { #largeslider.flexslider .slides > li {height:447px;} #largeslider.flexslider .slides img {width: 1300px; height: 447px; margin-left: -650px; } #largeslider.flexslider.loading {min-height: 447px; background: #000 url('spinner.gif') no-repeat center center;} #largeslider.flexslider .flex-direction-nav {position: absolute;width: 300px; height: 0; bottom: 40px; left: 50%; margin-left: 180px;} #largeslider2.flexslider .flex-viewport {max-height: 430px; overflow-y: hidden;} #largeslider2.flexslider .slides img {width: 940px; height: 382px; border: none; border-bottom: 1px solid #000; position: absolute; top: 0; left: 50%; margin-left: -470px;} .toplistcarousel-container .flexslider .slides > li {display: none; height: 460px;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .topcarousel-container .flexslider .slides > li {width: 240px;} .topcarousel-container .flexslider .slides > li img {width: 220px;} .triplecarousel-container .flexslider .slides > li {height: 224px; width: 320px;} .triplecarousel-container .flexslider a.adblock {width: 300px !important; height: 204px !important;} .triplecarousel-container .flexslider a.adblock img {width: 300px !important; display: none; border: none; height: 204px;} #kollegacarousel.flexslider .flex-viewport {height: 540px;} #kollegacarousel.flexslider .slides > li {height: 498px; width: 320px;} #kollegacarousel a.adblock {width: 300px !important; height: 229px !important;} #kollegacarousel a.adblock img {width: 300px !important; display: none; border: none; height: 229px !important;} .orszagcarousel-container .flexslider .slides > li {height: auto; width: 1840px !important;} #programcarousel.flexslider .slides > li {width: 186px;} #quadcarousel1.flexslider .slides > li, #quadcarousel2.flexslider .slides > li {display: none; height: 90px; width: 320px !important;} .block280 {width: 300px;} .block280 .binfo {width: 180px;} .block280 .binfo p.dest { width: 180px;} } /*--720--*/ @media screen and (max-width: 970px) { #largeslider.flexslider .slides > li {height: 333px;} #largeslider.flexslider .slides img {width: 970px; height: 333px; margin-left: -485px; } #largeslider.flexslider.loading {min-height: 333px; background: #000 url('spinner.gif') no-repeat center center;} #largeslider.flexslider .flex-direction-nav {position: absolute;width: 300px; height: 0; bottom: 40px; left: 50%; margin-left: 60px;} #largeslider2.flexslider {margin-top: 60px;} #largeslider2.flexslider .flex-viewport {max-height: 330px; overflow-y: hidden;} #largeslider2.flexslider .slides img {width: 700px; height: 284px; border: none; border-bottom: 1px solid #000; position: absolute; top: 0; left: 50%; margin-left: -350px;} .topcarousel-container .flexslider .slides > li {width: 240px;} .topcarousel-container .flexslider .slides > li img {width: 220px;} .triplecarousel-container .flexslider .slides > li {height: 252px; width: 360px;} .triplecarousel-container .flexslider a.adblock {width: 340px !important; height: 232px !important;} .triplecarousel-container .flexslider a.adblock img {width: 340px !important; display: none; border: none; height: 232px;} #kollegacarousel.flexslider .flex-viewport {height: 598px;} #kollegacarousel.flexslider .slides > li {height: 558px; width: 360px;} #kollegacarousel a.adblock {width: 340px !important; height: 259px !important;} #kollegacarousel a.adblock img {width: 340px !important; display: none; border: none; height: 259px !important;} .orszagcarousel-container .flexslider .slides > li {height: auto; width: 1360px !important;} #programcarousel.flexslider .slides > li {width: 175px;} #quadcarousel1.flexslider .slides > li, #quadcarousel2.flexslider .slides > li {display: none; height: 90px; width: 360px !important;} .block280 {width: 340px;} .block280 .binfo {width: 220px;} .block280 .binfo p.dest { width: 220px;} } /*--640--*/ @media screen and (max-width: 720px) { #largeslider.flexslider .slides > li {height: 241px;} #largeslider.flexslider .slides img {width: 700px; height: 241px; margin-left: -350px; } #largeslider.flexslider.loading {min-height: 241px; background: #000 url('spinner.gif') no-repeat center center;} #largeslider.flexslider .flex-direction-nav {position: absolute;width: 300px; height: 0; bottom: 40px; left: 50%; margin-left: 20px;} #largeslider2.flexslider {margin-top: 60px;} #largeslider2.flexslider .flex-viewport {max-height: 292px; overflow-y: hidden;} #largeslider2.flexslider .slides img {width: 620px; height: 252px; border: none; border-bottom: 1px solid #000; position: absolute; top: 0; left: 50%; margin-left: -310px;} /*#largeslider.flexslider .flex-direction-nav .flex-prev {opacity: 1; left: 10px; display: none;} #largeslider.flexslider .flex-direction-nav .flex-next {opacity: 1; right: 10px; display: none;} #largeslider.flexslider .slides > li a {display: none;}*/ .topcarousel-container .flexslider .slides > li {display: none; height: 440px; text-align: left;} .topcarousel-container .flexslider .slides > li a {width: 300px !important;} .topcarousel-container .flexslider .slides img {width: 300px !important; display: none; height: 211px;} #largecarousel.flexslider .slides > li {display: none; height: 224px;} #largecarousel.flexslider .slides > li a {width: 300px !important; height: 204px !important;} #largecarousel.flexslider .slides img {width: 300px !important; display: none; border: none; height: 204px;} .triplecarousel-container .flexslider .slides > li {height: 224px;} .triplecarousel-container .flexslider a.adblock {width: 300px !important; height: 204px !important;} .triplecarousel-container .flexslider a.adblock img {width: 300px !important; display: none; border: none; height: 204px;} #kollegacarousel.flexslider .flex-viewport {height: 540px;} #kollegacarousel.flexslider .slides > li {height: 498px; width: 320px;} #kollegacarousel a.adblock {width: 300px !important; height: 229px !important;} #kollegacarousel a.adblock img {width: 300px !important; display: none; border: none; height: 229px !important;} .orszagcarousel-container .flexslider .slides > li {height: auto; width: 1200px !important;} #programcarousel.flexslider .slides > li {width: 155px;} #quadcarousel1.flexslider .slides > li, #quadcarousel2.flexslider .slides > li {display: none; height: 90px; width: 320px !important;} .block280 {width: 300px;} .block280 .binfo {width: 180px;} .block280 .binfo p.dest { width: 180px;} } /*--480--*/ @media screen and (max-width: 640px) { #largeslider.flexslider {margin-top: 62px;} #largeslider.flexslider .slides > li {height: 206px;} #largeslider.flexslider .slides img {width: 600px; height: 206px; margin-left: -300px; } #largeslider.flexslider.loading {min-height: 206px; background: #000 url('spinner.gif') no-repeat center center;} #largeslider.flexslider .flex-direction-nav {position: absolute;width: 300px; height: 0; bottom: 20px; left: 50%; margin-left: -60px;} /*#largeslider.flexslider .flex-direction-nav .flex-prev {opacity: 1; left: 10px; display: none;} #largeslider.flexslider .flex-direction-nav .flex-next {opacity: 1; right: 10px; display: none;} #largeslider.flexslider .slides > li a {display: none;}*/ #largeslider2.flexslider {margin-top: 60px;} #largeslider2.flexslider .flex-viewport {max-height: 227px; overflow-y: hidden;} #largeslider2.flexslider .slides img {width: 460px; height: 187px; border: none; border-bottom: 1px solid #000; position: absolute; top: 0; left: 50%; margin-left: -230px;} .topcarousel-container .flexslider .slides > li a {width: 220px !important;} .topcarousel-container .flexslider .slides img {width: 220px !important; display: none; heigt: 155px;} #largecarousel.flexslider .slides > li {display: none; height: 340px;} #largecarousel.flexslider .slides > li a {width: 460px !important; height: 320px !important;} #largecarousel.flexslider .slides img {width: 460px !important; display: none; border: none; height: 320px;} .triplecarousel-container .flexslider .slides > li {height: 172px;} .triplecarousel-container .flexslider a.adblock {width: 220px !important; height: 152px !important;} .triplecarousel-container .flexslider a.adblock img {width: 220px !important; display: none; border: none; height: 152px;} #kollegacarousel.flexslider .flex-viewport {height: 410px;} #kollegacarousel.flexslider .slides > li {height: 376px; width: 240px;} #kollegacarousel a.adblock {width: 220px !important; height: 168px !important;} #kollegacarousel a.adblock img {width: 220px !important; display: none; border: none; height: 168px !important;} .orszagcarousel-container .flexslider .slides > li {height: auto; width: 880px !important;} #programcarousel.flexslider .slides > li {width: 220px;} #quadcarousel1.flexslider .slides > li , #quadcarousel2.flexslider .slides > li {display: none; height: 90px; width: 480px !important;} .block280 {width: 460px;} .block280 .binfo {width: 340px;} .block280 .binfo p.dest { width: 340px;} } /*--320--*/ @media screen and (max-width: 460px) { #largeslider.flexslider {margin-top: 62px;} #largeslider.flexslider .slides {width: 320px; overfow: hidden;} #largeslider.flexslider .slides > li {height: 144px; width: 320px;} #largeslider.flexslider .slides img {width: 420px; height: 144px; margin-left: -210px; } #largeslider.flexslider.loading {min-height: 144px; background: #000 url('spinner.gif') no-repeat center center;} #largeslider.flexslider .flex-direction-nav {position: absolute;width: 300px; height: 0; bottom: 20px; left: 50%; margin-left: -140px;} /*#largeslider.flexslider .flex-direction-nav .flex-prev {opacity: 1; left: 10px; display: none;} #largeslider.flexslider .flex-direction-nav .flex-next {opacity: 1; right: 10px; display: none;} #largeslider.flexslider .slides > li a {display: none;}*/ #largeslider2.flexslider {margin-top: 60px;} #largeslider2.flexslider .flex-viewport {max-height: 162px; overflow-y: hidden;} #largeslider2.flexslider .slides img {width: 300px; height: 122px; border: none; border-bottom: 1px solid #000; position: absolute; top: 0; left: 50%; margin-left: -150px;} .topcarousel-container .flexslider .slides > li {display: none; height: 440px; width: 320px; text-align: left;} .topcarousel-container .flexslider .slides > li a {width: 300px !important;} .topcarousel-container .flexslider .slides img {width: 300px !important; display: none; height: 211px;} #largecarousel.flexslider .slides > li {display: none; height: 224px;} #largecarousel.flexslider .slides > li a {width: 300px !important; height: 204px !important;} #largecarousel.flexslider .slides img {width: 300px !important; display: none; border: none; height: 204px;} .triplecarousel-container .flexslider .slides > li {height: 224px;} .triplecarousel-container .flexslider a.adblock {width: 300px !important; height: 204px !important;} .triplecarousel-container .flexslider a.adblock img {width: 300px !important; display: none; border: none; height: 204px;} #kollegacarousel.flexslider .flex-viewport {height: 540px;} #kollegacarousel.flexslider .slides > li {height: 498px; width: 320px;} #kollegacarousel a.adblock {width: 300px !important; height: 229px !important;} #kollegacarousel a.adblock img {width: 300px !important; display: none; border: none; height: 229px !important;} .orszagcarousel-container .flexslider .slides > li {height: auto; width: 560px !important;} .orszagcarousel-container .flexslider .flex-control-nav {display: none;} #programcarousel.flexslider .slides > li {width: 150px;} #quadcarousel1.flexslider .slides > li, #quadcarousel2.flexslider .slides > li {display: none; height: 90px; width: 320px !important;} .block280 {width: 300px;} .block280 .binfo {width: 180px;} .block280 .binfo p.dest { width: 180px;} }