@charset "UTF-8";
@font-face {
  font-family: 'Roboto Light';
  src: url(../font/Roboto-Light.ttf) format("truetype"); }
@font-face {
  font-family: 'Roboto Light Italic';
  src: url(../font/Roboto-LightItalic.ttf) format("truetype"); }
@font-face {
  font-family: 'Roboto Medium';
  src: url(../font/Roboto-Medium.ttf) format("truetype"); }
@font-face {
  font-family: 'Roboto Condensed Bold';
  src: url(../font/RobotoCondensed-Bold.ttf) format("truetype"); }
@font-face {
  font-family: 'Bank';
  src: url(../font/bankgthd.ttf) format("truetype"); }
/*fonts*/
/*colors*/
/*layout*/
*
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html, button, input, select, textarea {
  font-family: serif;
  color: #222; }

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
/* Dreamweaver: uncomment these if you do want to customize the selection highlight
 *::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
 *::selection { background: #fe57a1; color: #fff; text-shadow: none; }
 */
/* =============================================================================
   Links
   ========================================================================== */
a {
  color: #00e; }

a:visited {
  color: #551a8b; }

a:hover {
  color: #06e; }

a:focus {
  outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
  outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: "";
  content: none; }

small {
  font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button, input {
  line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */
button[disabled], input[disabled] {
  cursor: default; }

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }

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-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #433; }

/* =============================================================================
   Tables
   ========================================================================== */
/* 
 * 'border-collapse: collapse;' needs to be overridden in designs having tables with rounded corners and drop shadows.
*/
table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0; }

/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

.ir br {
  display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/*Widths*/
.s-col-1 {
  width: 18.75%;
  float: left; }

.s-col-2 {
  width: 42.5%;
  float: left; }

.s-col-3 {
  width: 66.25%;
  float: left; }

.s-col-4 {
  width: 90%;
  float: left; }

@media (min-width: 768px) {
  .m-col-1 {
    width: 9.375%;
    float: left; }

  .m-col-2 {
    width: 21.52778%;
    float: left; }

  .m-col-3 {
    width: 33.68056%;
    float: left; }

  .m-col-4 {
    width: 45.83333%;
    float: left; }

  .m-col-5 {
    width: 57.98611%;
    float: left; }

  .m-col-6 {
    width: 70.13889%;
    float: left; }

  .m-col-7 {
    width: 82.29167%;
    float: left; }

  .m-col-8 {
    width: 94.44444%;
    float: left; } }
/*Pushers*/
.s-push-0 {
  margin-left: 5%;
  float: left; }

.s-push-1 {
  margin-left: 28.75%;
  float: left; }

.s-push-2 {
  margin-left: 52.5%;
  float: left; }

.s-push-3 {
  margin-left: 76.25%;
  float: left; }

@media (min-width: 768px) {
  .m-push-0 {
    margin-left: 2.77778%;
    float: left; }

  .m-push-1 {
    margin-left: 14.93056%;
    float: left; }

  .m-push-2 {
    margin-left: 27.08333%;
    float: left; }

  .m-push-3 {
    margin-left: 39.23611%;
    float: left; }

  .m-push-4 {
    margin-left: 51.38889%;
    float: left; }

  .m-push-5 {
    margin-left: 63.54167%;
    float: left; }

  .m-push-6 {
    margin-left: 75.69444%;
    float: left; }

  .m-push-7 {
    margin-left: 87.84722%;
    float: left; } }
/*Pullers*/
.s-pull-0 {
  margin-right: 5%;
  float: right; }

.s-pull-1 {
  margin-right: 28.75%;
  float: right; }

.s-pull-2 {
  margin-right: 52.5%;
  float: right; }

.s-pull-3 {
  margin-right: 76.25%;
  float: right; }

@media (min-width: 768px) {
  .m-pull-0 {
    margin-right: 2.77778%;
    float: right; }

  .m-pull-1 {
    margin-right: 14.93056%;
    float: right; }

  .m-pull-2 {
    margin-right: 27.08333%;
    float: right; }

  .m-pull-3 {
    margin-right: 39.23611%;
    float: right; }

  .m-pull-4 {
    margin-right: 51.38889%;
    float: right; }

  .m-pull-5 {
    margin-right: 63.54167%;
    float: right; }

  .m-pull-6 {
    margin-right: 75.69444%;
    float: right; }

  .m-pull-7 {
    margin-right: 87.84722%;
    float: right; } }
/*Rows*/
.s-row {
  margin-left: 0;
  margin-right: 0;
  width: 100%; }

@media (min-width: 768px) {
  .m-row {
    margin-left: 0;
    margin-right: 0;
    width: 100%; } }
@-ms-viewport {
  width: device-width; }
body {
  overflow-x: hidden;
  color: #FFF;
  font-family: 'Roboto Light';
  background-color: #101010;
  word-wrap: break-word; }

/*Globális*/
a:link {
  color: #FF8811;
  text-decoration: none; }

a:hover {
  color: #FF8811;
  text-decoration: none; }

a:active {
  color: #FF8811;
  text-decoration: none; }

a:visited {
  color: #FF8811;
  text-decoration: none; }

h3 {
  text-transform: uppercase;
  margin-bottom: 0px; }

hr {
  border-color: #FF8811; }

.pelda {
  font-family: 'Roboto Light Italic';
  color: #AAA; }

#hatter {
  display: none; }

#main {
  padding: 1em 0 3em;
  border-top: 1px solid #FF8811; }

#container {
  max-width: 1200px;
  margin: 0 auto; }

#felgomb {
  position: fixed;
  display: none;
  bottom: 0em;
  right: 0em;
  padding: 1em;
  color: #FFF;
  background: #FF8811;
  z-index: 1; }

button, input[type='submit'], input[type='button'], .button {
  background-color: #138cfc;
  border: 0px;
  padding: .5em 0;
  margin-top: 1em;
  font-family: 'Roboto Medium';
  text-transform: uppercase;
  text-align: center;
  color: #FFF; }

input[type='file'] {
  margin-top: 0.5em;
  font-family: 'Roboto Light';
  color: #FFF; }

textarea, input[type='text'], input[type='password'], input[type='email'] {
  margin-bottom: 1em;
  background-color: #101010;
  border: 1px solid #333;
  color: #FFF; }

.sslider {
  background-color: #000; }
  .sslider .slick-arrow {
    display: inline-block;
    position: absolute;
    top: 0;
    height: calc(100% - 5px);
    z-index: 1;
    padding: 0 .7em;
    background-color: rgba(0, 0, 0, 0.15);
    outline: none; }
  .sslider .slick-prev {
    left: 0;
    margin: 0; }
  .sslider .slick-next {
    right: 0;
    margin: 0; }
  .sslider .slick-dots {
    list-style-type: none;
    padding: 0;
    font-size: 0; }
    .sslider .slick-dots li {
      display: inline-block; }
    .sslider .slick-dots button {
      margin: 0;
      padding: 0;
      background-color: #333;
      width: 100%;
      height: 5px;
      color: transparent; }
    .sslider .slick-dots .slick-active button {
      background-color: #138cfc; }

.videowrapper {
  text-align: center; }

.videowrapper iframe {
  max-width: 100%; }

.copyrighttext {
  margin: 1em auto;
  font-size: 0.6em;
  float: left;
  width: 100%;
  text-align: center; }

/* Felugr├│ablakos k├ępmegjelen├şt├ęshez */
/* ->h├ítt├ęr */
#mask {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 100;
  background-color: black;
  color: #FFF;
  text-align: right; }

/* ->felugr├│ablak */
.modal_window {
  position: fixed;
  display: none;
  z-index: 101;
  color: white; }

@media (min-width: 768px) {
  #hatter {
    display: block;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover; }

  #main {
    border: none;
    padding-top: 0; }

  .contentRow {
    padding: 0 0 3em;
    border-top: 3px solid #FF8811;
    background-color: rgba(0, 0, 0, 0.5); }

  .videowrapper iframe {
    right: 0;
    margin: 0 auto; } }
.headRow {
  margin-top: 2em; }

#topRow {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #101010; }
  #topRow .menuRow {
    background-color: #101010;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
    z-index: 3; }
  #topRow hr {
    display: none;
    position: fixed;
    top: 1.6em;
    left: 0;
    width: 100%;
    border-top: none;
    border-bottom: 1px solid #FF8811;
    box-shadow: 0 0 0.4em 0.3em rgba(0, 0, 0, 0.8);
    z-index: 2; }

header button {
  width: 100%;
  margin: 0 auto; }

#menu {
  float: left; }
  #menu label {
    text-align: center; }

#title {
  font-family: 'Bank';
  text-align: center;
  font-size: 1.5em;
  letter-spacing: 0.3em; }

#logo img {
  display: block;
  margin: 2em auto 0; }

#toShout {
  position: absolute;
  top: 0;
  right: 0;
  padding: .1em 0;
  font-size: 1.7em;
  background: none;
  outline: none; }

/*http://www.sitepoint.com/pure-css-off-screen-navigation-menu/*/
@media (min-width: 768px) {
  .headRow {
    margin-top: 1em; }

  #topRow {
    background: none;
    position: static; }
    #topRow nav {
      margin-top: 2em; }
    #topRow .menuRow {
      position: absolute;
      background: none;
      box-shadow: none;
      width: 100%;
      z-index: 3; }
    #topRow hr {
      top: 2em; }

  #menu .menu-btn, #menu .menu-icon {
    display: none; }
  #menu .menu {
    max-height: initial; }

  #toShout {
    display: none; }

  #logo {
    margin: 3em 0 0; }

  #title {
    display: none; }

  .fixedmenu {
    position: fixed !important;
    top: 0 !important; } }
footer {
  padding: 1em 0 3em;
  text-align: center;
  font-size: small;
  border-top: 1px solid #FF8811; }
  footer span {
    color: #333;
    font-weight: bold; }

@media (min-width: 768px) {
  footer {
    background-color: rgba(0, 0, 0, 0.5); } }
@media (max-width: 767px) {
  #login-holder {
    background-color: #101010;
    position: absolute;
    width: 100%; }

  #login-holder .loginnev, #login-holder .loginname {
    display: none; } }
.menuRow {
  /*Icon*/
  /*Animation*/ }
  .menuRow #login {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out; }
    .menuRow #login a {
      color: #FFF; }
  .menuRow .menu-login-icon {
    cursor: pointer;
    font-family: "Bank";
    display: inline-block;
    padding: .1em 0;
    font-size: 1.7em;
    position: relative;
    user-select: none; }
  .menuRow .menu-login-btn {
    display: none; }
    .menuRow .menu-login-btn:checked ~ #login {
      max-height: 450px;
      border-bottom: 3px solid #FF8811;
      padding: 1em 0;
      box-shadow: 0 0 0 100vh rgba(0, 0, 0, 0.8); }

@media (min-width: 768px) {
  #login-holder {
    background-color: rgba(0, 0, 0, 0.5);
    padding: .7em 0 0 0;
    overflow: hidden; }
    #login-holder .menu-login-icon {
      font-size: 1em; }
      #login-holder .menu-login-icon i {
        display: none; }
    #login-holder:hover .loginname {
      display: block;
      visibility: visible;
      letter-spacing: initial; }
    #login-holder .bg-helper {
      width: 0;
      height: 3.05em;
      margin-right: -2.77778%;
      padding-right: 2.77778%;
      position: absolute;
      top: 0;
      right: 2.77778%;
      background: rgba(0, 0, 0, 0.5); }

  #login-holder .loginnev {
    display: block; }

  #login-holder .loginname {
    visibility: hidden;
    float: right;
    margin: -0.5em 0 0 0;
    letter-spacing: 18em;
    color: #AAA;
    font-size: 0.9em;
    transition: all .7s ease-out; }

  #login {
    box-shadow: none !important; }

  .bg-helper-login {
    width: 0;
    height: 3.05em;
    padding-right: calc((100% - 1200px)/2);
    position: absolute;
    top: 1em;
    right: 0;
    background: rgba(0, 0, 0, 0.5); } }
@media (max-width: 767px) {
  #topRow nav {
    margin-top: 0 !important; } }
.menuRow {
  max-width: 1200px;
  /*Icon*/
  /*Animation*/ }
  .menuRow ul {
    font-family: "Bank";
    padding: 0;
    list-style: none;
    overflow: hidden; }
  .menuRow li a {
    display: block;
    padding: 20px 20px;
    border-right: 10px solid #333;
    border-bottom: 1px solid #333;
    text-decoration: none;
    color: #FFF; }
    .menuRow li a:hover {
      background-color: #333; }
    .menuRow li a .naviname {
      color: #AAA;
      letter-spacing: 0em;
      font-size: 0.9em;
      transition: all .7s ease-out; }
  .menuRow .current {
    border-color: #138cfc; }
  .menuRow .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out; }
  .menuRow .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: .5em 0;
    position: relative;
    user-select: none; }
    .menuRow .menu-icon .navicon {
      background: #FFF;
      display: inline-block;
      height: 3px;
      position: relative;
      transition: background .2s ease-out;
      width: 30px; }
      .menuRow .menu-icon .navicon:before, .menuRow .menu-icon .navicon:after {
        background: #FFF;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        transition: all .2s ease-out;
        width: 100%; }
      .menuRow .menu-icon .navicon:before {
        top: 8px; }
      .menuRow .menu-icon .navicon:after {
        top: -8px; }
  .menuRow .menu-btn {
    display: none; }
    .menuRow .menu-btn:checked ~ .menu {
      max-height: 450px;
      border-bottom: 3px solid #FF8811;
      box-shadow: 0 0 0 100vh rgba(0, 0, 0, 0.8); }
    .menuRow .menu-btn:checked ~ .menu-icon .navicon {
      background: transparent; }
    .menuRow .menu-btn:checked ~ .menu-icon .navicon:before {
      transform: rotate(-45deg); }
    .menuRow .menu-btn:checked ~ .menu-icon .navicon:after {
      transform: rotate(45deg); }
    .menuRow .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, .menuRow .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
      top: 0; }

#menu-mid-bg {
  width: 0; }

/*mobil+*/
@media (min-width: 768px) {
  #menu .menu li {
    background: rgba(0, 0, 0, 0.5);
    width: 20%;
    float: left; }
    #menu .menu li a {
      padding: .7em .5em 0 .5em;
      overflow: hidden;
      text-align: center;
      border-right: none;
      border-bottom: 3px solid rgba(0, 0, 0, 0.5); }
      #menu .menu li a:hover {
        background: none; }
        #menu .menu li a:hover .naviname {
          visibility: visible;
          letter-spacing: initial; }
    #menu .menu li .current {
      border-bottom: 3px solid #FF8811; }
    #menu .menu li .navinev {
      display: block; }
    #menu .menu li .naviname {
      visibility: hidden;
      float: right;
      margin: -0.5em 0 0 0;
      letter-spacing: 10em; }
  #menu .menu .bg-helper {
    position: absolute;
    height: 3.05em;
    width: 0;
    margin-left: -100%;
    padding-left: 100%; }
  #menu .menu .bg-helper-r {
    position: absolute;
    height: 3.05em;
    width: 9.375%;
    padding-right: 5.55556%;
    left: -2.77778%; } }
#uzenetiro {
  display: none;
  margin-top: 1em; }
  #uzenetiro input, #uzenetiro textarea {
    margin-bottom: 1em;
    width: 100%; }
  #uzenetiro img {
    width: 100%;
    height: auto; }

.uzenetek {
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border: solid transparent;
  border-width: 0 0 10px;
  border-image: -webkit-linear-gradient(left, #FF8811 25%, #373737 25%) 1;
  /* For Safari 5.1 to 6.0 */
  border-image: -o-linear-gradient(left, #FF8811 25%, #373737 25%) 1;
  /* For Opera 11.1 to 12.0 */
  border-image: -moz-linear-gradient(left, #FF8811 25%, #373737 25%) 1;
  /* For Firefox 3.6 to 15 */
  border-image: linear-gradient(left, #FF8811 25%, #373737 25%) 1;
  /* Standard syntax */ }
  .uzenetek img {
    max-width: 100%;
    height: auto; }
  .uzenetek figure {
    text-align: center;
    font-size: smaller;
    color: #AAA; }
  .uzenetek .msg-auth {
    float: right;
    text-align: right; }
  .uzenetek .uzenetinfo {
    color: #138cfc;
    margin-top: 1em; }
  .uzenetek .uzitorles {
    text-align: right; }
    .uzenetek .uzitorles a {
      color: #138cfc; }
      .uzenetek .uzitorles a:hover {
        color: #F33; }

#rolunk img, #rolunk .slide {
  max-width: 100%; }
#rolunk .kep {
  text-align: center; }
#rolunk .sslider .slick-dots li {
  width: 25%; }
#rolunk .sslider .imgtitle {
  position: absolute;
  position: absolute;
  text-shadow: 1px 1px 1px #000000;
  border-bottom: 1px solid #f81;
  padding: .1em 0 0 2.6em;
  background-color: rgba(0, 0, 0, 0.15); }
#rolunk .tagadatok {
  display: none; }
#rolunk .tagok {
  background-color: transparent;
  text-transform: none;
  text-align: left;
  outline: none; }

#tagsag table {
  border-spacing: 0px 2px;
  width: 100%; }

#tagsag td {
  padding-left: 15px;
  max-width: 130px; }
  #tagsag td .tagjogvalto {
    display: none; }
  #tagsag td .tagszadmin {
    background-color: rgba(100, 0, 0, 0.3); }
  #tagsag td .tagsztag {
    background-color: rgba(135, 135, 135, 0.3); }
  #tagsag td .tagszlat {
    background-color: rgba(70, 70, 70, 0.3); }
  #tagsag td button, #tagsag td input[type='submit'], #tagsag td input[type='button'] {
    padding: 0;
    margin-top: 0; }

#tagsag th {
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF; }

#videofeltolt {
  display: none; }

#videok .videok {
  display: none; }

#letoltesek table {
  border-collapse: separate;
  border-spacing: 1em; }

@media (max-width: 768px) {
  #shoutbox {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    background-color: #101010;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: left 0.4s ease-out;
    transition: left 0.11s ease-out, box-shadow 0.4s ease-out;
    z-index: 0;
    display: none; } }
#shoutbox .title {
  text-align: center;
  font-family: "Bank";
  font-size: 1.5em; }

.offcanvas {
  display: block !important;
  left: 0 !important;
  border-bottom: 3px solid #FF8811;
  padding: 1em 0;
  box-shadow: 0 0 0 100vh rgba(0, 0, 0, 0.8);
  /*    -webkit-transform: translate(-100%,0);
      transform: translate(-100%,0);*/ }

#shouts {
  float: left;
  margin-top: 1em;
  border-top: 1px solid #FF8811;
  width: 100%; }

#shout {
  margin-top: 1em; }
  #shout .shout {
    margin-bottom: 1em;
    padding: 0 1em; }
    #shout .shout .name {
      display: block;
      font-family: "Roboto Medium"; }
    #shout .shout .shoutdate {
      display: block; }
    #shout .shout:nth-child(even) {
      border-left: 5px solid #FF8811; }
      #shout .shout:nth-child(even) .name {
        color: #FF8811;
        text-align: left; }
      #shout .shout:nth-child(even) .shoutdate {
        text-align: left; }
    #shout .shout:nth-child(odd) {
      border-right: 5px solid #138cfc;
      text-align: right; }
      #shout .shout:nth-child(odd) .name {
        color: #138cfc;
        text-align: right; }
      #shout .shout:nth-child(odd) .shoutdate {
        text-align: right; }
    #shout .shout .shoutContent {
      display: inline-block;
      text-align: initial;
      max-width: 100%; }
    #shout .shout .chatImgWrapper {
      width: 100%;
      text-align: center; }
      #shout .shout .chatImgWrapper .chatImg {
        max-width: 75%;
        height: auto; }
    #shout .shout .shoutdate {
      font-size: .6em; }

@media (min-width: 768px) {
  #shoutbox {
    margin-top: 2em;
    background-color: rgba(0, 0, 0, 0.5);
    border-top: 3px solid #FF8811; }
    #shoutbox .title {
      text-align: center;
      font-family: "Bank";
      font-size: 1.3em;
      margin-top: .5em; }

  #shouts {
    border-top: none; } }

/*# sourceMappingURL=style.css.map */