@charset "ISO-8859-2";
/*
Theme Name: GO!
Author: Kreat├şv Vonalak
Author URI: http://www.kreativvonalak.hu
Description: GO!
Version: 1.0

*/
/* line 5, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/*FONT FACES*/
@font-face {
  font-family: opensans-regular-webfont;
  src: url("fonts/opensans-regular-webfont.eot");
  src: url("fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-regular-webfont.woff") format("woff"), url("fonts/opensans-regular-webfont.ttf") format("truetype"), url("fonts/opensans-regular-webfont.svg#opensans-regular-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: opensans-bold-webfont;
  src: url("fonts/opensans-bold-webfont.eot");
  src: url("fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-bold-webfont.woff") format("woff"), url("fonts/opensans-bold-webfont.ttf") format("truetype"), url("fonts/opensans-bold-webfont.svg#opensans-bold-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: opensans-condbold-webfont;
  src: url("fonts/opensans-condbold-webfont.eot");
  src: url("fonts/opensans-condbold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-condbold-webfont.woff") format("woff"), url("fonts/opensans-condbold-webfont.ttf") format("truetype"), url("fonts/opensans-condbold-webfont.svg#opensans-condbold-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: ubuntu-b-webfont;
  src: url("fonts/ubuntu-b-webfont.eot");
  src: url("fonts/ubuntu-b-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ubuntu-b-webfont.woff") format("woff"), url("fonts/ubuntu-b-webfont.ttf") format("truetype"), url("fonts/ubuntu-b-webfont.svg#ubuntu-b-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: ubuntu-l-webfont;
  src: url("fonts/ubuntu-l-webfont.eot");
  src: url("fonts/ubuntu-l-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ubuntu-l-webfont.woff") format("woff"), url("fonts/ubuntu-l-webfont.ttf") format("truetype"), url("fonts/ubuntu-l-webfont.svg#ubuntu-l-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: websymbols-regular-webfont;
  src: url("fonts/websymbols-regular-webfont.eot");
  src: url("fonts/websymbols-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/websymbols-regular-webfont.woff") format("woff"), url("fonts/websymbols-regular-webfont.ttf") format("truetype"), url("fonts/websymbols-regular-webfont.svg#websymbols-regular-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: icomoon;
  src: url("fonts/icomoon.eot");
  src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
/*RESPONSIVE*/
/*COLORS*/
/* GLOBALS */
/* line 81, sass/style.scss */
html {
  width: auto;
  background: #fff;
  font-family: "opensans-regular-webfont", sans-serif;
  font-size: 12pt;
  line-height: 1.4em; }

/* line 82, sass/style.scss */
* {
  text-rendering: optimizelegibility;
  font-smooth: always;
  -webkit-font-smoothing: antialiased; }

/* line 85, sass/style.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #000;
  margin: 0px;
  padding: 0px;
  line-height: 1.2em; }

@media only screen and (max-width: 768px) {
  /* line 86, sass/style.scss */
  h1, h2 {
    line-height: 1.3em; } }

/* line 89, sass/style.scss */
h1 {
  font-family: 'ubuntu-b-webfont';
  font-size: 30pt;
  color: #1090cf; }
  @media only screen and (max-width: 768px) {
    /* line 89, sass/style.scss */
    h1 {
      font-size: 26pt; } }

/* line 92, sass/style.scss */
h2 {
  margin-bottom: 15px;
  font-size: 24pt;
  font-family: 'ubuntu-l-webfont';
  color: #d8262e; }
  @media only screen and (max-width: 768px) {
    /* line 92, sass/style.scss */
    h2 {
      font-size: 20pt; } }

/* line 95, sass/style.scss */
h3 {
  margin-bottom: 5px;
  font-size: 22px;
  color: #d8262e; }

/* line 96, sass/style.scss */
h4 {
  margin-bottom: 3px;
  font-size: 18px; }

/* line 97, sass/style.scss */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none; }

/* line 98, sass/style.scss */
input[type="text"], input[type="email"], input[type="password"], textarea {
  border: 1px solid #c0c0c0;
  background: #f8f8f8;
  color: #8b8b8b;
  width: 100%;
  padding: 11px 10px;
  margin: 0;
  box-sizing: border-box;
  font-family: opensans-regular-webfont;
  outline: 0; }

/* line 99, sass/style.scss */
input[type="submit"] {
  border: 0;
  cursor: pointer;
  outline: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

/* line 106, sass/style.scss */
b, strong {
  font-family: 'opensans-bold-webfont';
  font-weight: normal; }

/* line 107, sass/style.scss */
select {
  border: 1px solid #c0c0c0;
  padding: 10px;
  font-style: italic;
  color: #6e6e6e; }

/* line 108, sass/style.scss */
textarea {
  min-height: 100px;
  resize: vertical; }

/* line 109, sass/style.scss */
p {
  margin-top: 5px; }

/* line 110, sass/style.scss */
a {
  color: #1090cf;
  font-family: 'OpenSans-Bold-webfont';
  line-height: 1.4em; }

/* line 111, sass/style.scss */
::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none; }

/* line 112, sass/style.scss */
::selection {
  background: #1090cf;
  color: #fff;
  text-shadow: none; }

/* line 113, sass/style.scss */
.centered {
  overflow: hidden;
  margin: 0 auto;
  width: 1230px;
  position: relative; }
  @media only screen and (max-width: 1024px) {
    /* line 113, sass/style.scss */
    .centered {
      width: auto;
      max-width: 100%; } }

/* line 116, sass/style.scss */
.button, .custom_button {
  display: inline-block;
  background: #d8262e;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 16pt;
  padding: 10px 40px;
  border-radius: 10px;
  font-family: opensans-bold-webfont;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  /* line 122, sass/style.scss */
  .button:hover, .custom_button:hover {
    background: #A40000; }

/* line 124, sass/style.scss */
.websymbols {
  font-family: 'websymbols-regular-webfont'; }

/* line 125, sass/style.scss */
.alignright {
  float: right; }

/* line 126, sass/style.scss */
.alignleft {
  float: left; }

/* line 127, sass/style.scss */
.aligncenter {
  margin: 0 auto;
  display: block; }

/* line 128, sass/style.scss */
img.alignright {
  margin-left: 15px; }

/* line 129, sass/style.scss */
img.alignleft {
  margin-right: 15px; }

/* line 130, sass/style.scss */
.hidden {
  display: none; }

@media print {
  /* line 132, sass/style.scss */
  #header, #footer, #menu {
    display: none; }

  /* line 133, sass/style.scss */
  body {
    font: 12pt georgia,serif; }

  /* line 134, sass/style.scss */
  h1 {
    font-size: 18pt; }

  /* line 135, sass/style.scss */
  h2 {
    font-size: 16pt;
    color: #000; } }
/*HEADER*/
/* line 138, sass/style.scss */
header {
  position: relative;
  overflow: hidden;
  height: 155px;
  border-bottom: 3px solid #bbd8e7;
  overflow: visible;
  z-index: 101; }
  @media only screen and (max-width: 1024px) {
    /* line 138, sass/style.scss */
    header {
      height: 110px; } }
  /* line 140, sass/style.scss */
  header #header_bg {
    height: 91px;
    background: #0a4564; }
  /* line 141, sass/style.scss */
  header #header_wrapper {
    position: absolute;
    top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 155px; }
    @media only screen and (max-width: 1024px) {
      /* line 141, sass/style.scss */
      header #header_wrapper {
        height: 107px;
        margin-bottom: 5px;
        background: #0a4564;
        overflow: visible;
        text-align: right; } }
    /* line 143, sass/style.scss */
    header #header_wrapper #logo {
      position: relative;
      display: inline-block; }
      @media only screen and (max-width: 1024px) {
        /* line 143, sass/style.scss */
        header #header_wrapper #logo {
          float: left; } }
      /* line 145, sass/style.scss */
      header #header_wrapper #logo #stock_man {
        position: absolute;
        left: 22px;
        top: 10px; }
        @media only screen and (max-width: 1024px) {
          /* line 145, sass/style.scss */
          header #header_wrapper #logo #stock_man {
            display: none; } }
      /* line 148, sass/style.scss */
      header #header_wrapper #logo #mobile_logo {
        display: none; }
        @media only screen and (max-width: 1024px) {
          /* line 148, sass/style.scss */
          header #header_wrapper #logo #mobile_logo {
            display: block; } }
        @media only screen and (max-width: 479px) {
          /* line 148, sass/style.scss */
          header #header_wrapper #logo #mobile_logo {
            margin-left: -29px; } }
      /* line 152, sass/style.scss */
      header #header_wrapper #logo #main_logo {
        display: block; }
        @media only screen and (max-width: 1024px) {
          /* line 152, sass/style.scss */
          header #header_wrapper #logo #main_logo {
            display: none; } }
    /* line 156, sass/style.scss */
    header #header_wrapper #header_right {
      display: inline-block;
      vertical-align: top;
      width: 840px; }
      @media only screen and (max-width: 1024px) {
        /* line 156, sass/style.scss */
        header #header_wrapper #header_right {
          width: auto;
          max-width: 100%;
          height: 107px; } }
      /* line 158, sass/style.scss */
      header #header_wrapper #header_right #mobile_row {
        display: none;
        height: 107px;
        padding: 15px 10px 0;
        box-sizing: border-box; }
        @media only screen and (max-width: 1024px) {
          /* line 158, sass/style.scss */
          header #header_wrapper #header_right #mobile_row {
            display: block; } }
        @media only screen and (max-width: 479px) {
          /* line 158, sass/style.scss */
          header #header_wrapper #header_right #mobile_row {
            padding-top: 20px; } }
        /* line 161, sass/style.scss */
        header #header_wrapper #header_right #mobile_row div {
          display: inline-block;
          padding: 15px 19px 0;
          cursor: pointer;
          vertical-align: top;
          height: 80px;
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
          -webkit-transition: 0.2s;
          -moz-transition: 0.2s;
          -ms-transition: 0.2s;
          -o-transition: 0.2s;
          transition: 0.2s; }
          @media only screen and (max-width: 479px) {
            /* line 161, sass/style.scss */
            header #header_wrapper #header_right #mobile_row div {
              padding: 15px 4px 0; } }
          /* line 168, sass/style.scss */
          header #header_wrapper #header_right #mobile_row div#mobile_user.active, header #header_wrapper #header_right #mobile_row div#mobile_menu.active {
            background: #bbd8e7;
            color: #0a4564; }
          /* line 169, sass/style.scss */
          header #header_wrapper #header_right #mobile_row div#mobile_menu.active:before {
            color: #0a4564; }
          /* line 170, sass/style.scss */
          header #header_wrapper #header_right #mobile_row div#mobile_user {
            font-family: websymbols-regular-webfont;
            font-size: 43px;
            color: #fff;
            line-height: 0.9; }
            @media only screen and (max-width: 479px) {
              /* line 170, sass/style.scss */
              header #header_wrapper #header_right #mobile_row div#mobile_user {
                font-size: 26px; } }
          /* line 173, sass/style.scss */
          header #header_wrapper #header_right #mobile_row div#mobile_menu:before {
            content: '\f0c9';
            font-family: 'icomoon';
            color: #fff;
            font-size: 43px;
            display: block;
            line-height: 0.9; }
            @media only screen and (max-width: 479px) {
              /* line 173, sass/style.scss */
              header #header_wrapper #header_right #mobile_row div#mobile_menu:before {
                font-size: 31px; } }
          /* line 176, sass/style.scss */
          header #header_wrapper #header_right #mobile_row div#mobile_menu {
            padding: 15px 12px 0 19px; }
            @media only screen and (max-width: 479px) {
              /* line 176, sass/style.scss */
              header #header_wrapper #header_right #mobile_row div#mobile_menu {
                padding: 15px 5px 0 9px; } }
          @media only screen and (max-width: 479px) {
            /* line 179, sass/style.scss */
            header #header_wrapper #header_right #mobile_row div#mobile_phone {
              padding-top: 14px; } }
          @media only screen and (max-width: 479px) {
            /* line 181, sass/style.scss */
            header #header_wrapper #header_right #mobile_row div#mobile_phone img {
              width: 35px; } }
      /* line 187, sass/style.scss */
      header #header_wrapper #header_right #header_top {
        vertical-align: top;
        color: #fff; }
        /* line 188, sass/style.scss */
        header #header_wrapper #header_right #header_top p {
          margin: 10px 0 5px; }
        /* line 189, sass/style.scss */
        header #header_wrapper #header_right #header_top b {
          font-size: 11pt;
          display: block; }
        /* line 190, sass/style.scss */
        header #header_wrapper #header_right #header_top #header_top_left {
          display: inline-block;
          vertical-align: top;
          padding: 20px 50px 20px 35px; }
          @media only screen and (max-width: 1024px) {
            /* line 190, sass/style.scss */
            header #header_wrapper #header_right #header_top #header_top_left {
              display: none; } }
          /* line 192, sass/style.scss */
          header #header_wrapper #header_right #header_top #header_top_left span {
            font-size: 18pt;
            margin-top: 10px;
            display: block; }
        /* line 194, sass/style.scss */
        header #header_wrapper #header_right #header_top #header_top_right {
          display: inline-block; }
          @media only screen and (max-width: 1024px) {
            /* line 194, sass/style.scss */
            header #header_wrapper #header_right #header_top #header_top_right {
              display: none;
              position: absolute;
              top: 110px;
              left: 0;
              background: #bbd8e7;
              box-shadow: 0px 20px 30px #202020;
              padding: 15px 30px;
              width: 100%;
              box-sizing: border-box; } }
          @media only screen and (max-width: 1024px) {
            /* line 196, sass/style.scss */
            header #header_wrapper #header_right #header_top #header_top_right p {
              text-align: center;
              color: #0a4564;
              font-size: 16pt;
              margin: 15px 0; }
              /* line 198, sass/style.scss */
              header #header_wrapper #header_right #header_top #header_top_right p b {
                font-size: 16pt; } }
          /* line 201, sass/style.scss */
          header #header_wrapper #header_right #header_top #header_top_right b {
            display: inline-block; }
          /* line 202, sass/style.scss */
          header #header_wrapper #header_right #header_top #header_top_right input {
            display: inline-block;
            width: auto;
            vertical-align: middle; }
          /* line 203, sass/style.scss */
          header #header_wrapper #header_right #header_top #header_top_right input[type="email"], header #header_wrapper #header_right #header_top #header_top_right input[type="password"] {
            width: 174px;
            border: 0;
            padding: 6px 10px; }
            @media only screen and (max-width: 1024px) {
              /* line 203, sass/style.scss */
              header #header_wrapper #header_right #header_top #header_top_right input[type="email"], header #header_wrapper #header_right #header_top #header_top_right input[type="password"] {
                width: 420px;
                margin: 0 auto 10px;
                display: block;
                padding: 6px 14px;
                font-size: 14pt; } }
            @media only screen and (max-width: 479px) {
              /* line 203, sass/style.scss */
              header #header_wrapper #header_right #header_top #header_top_right input[type="email"], header #header_wrapper #header_right #header_top #header_top_right input[type="password"] {
                width: auto; } }
          /* line 207, sass/style.scss */
          header #header_wrapper #header_right #header_top #header_top_right #login_submit {
            background: #1dabf5;
            font-family: 'opensans-bold-webfont';
            padding: 5px 10px;
            color: #fff;
            font-size: 11pt; }
            @media only screen and (max-width: 1024px) {
              /* line 207, sass/style.scss */
              header #header_wrapper #header_right #header_top #header_top_right #login_submit {
                float: right;
                font-size: 18pt;
                padding: 8px 23px; } }
          /* line 210, sass/style.scss */
          header #header_wrapper #header_right #header_top #header_top_right #logout {
            background: #1dabf5;
            font-family: 'opensans-bold-webfont';
            padding: 5px 10px;
            color: #fff;
            font-size: 11pt;
            display: inline-block; }
            @media only screen and (max-width: 1024px) {
              /* line 210, sass/style.scss */
              header #header_wrapper #header_right #header_top #header_top_right #logout {
                margin-top: 20px;
                display: block; } }
          /* line 213, sass/style.scss */
          header #header_wrapper #header_right #header_top #header_top_right p a {
            margin-right: 20px;
            text-decoration: none;
            color: #2bcbff;
            text-transform: uppercase;
            font-size: 10pt; }
          /* line 214, sass/style.scss */
          header #header_wrapper #header_right #header_top #header_top_right .mobile_login_links {
            display: none;
            font-size: 10pt; }
            /* line 215, sass/style.scss */
            header #header_wrapper #header_right #header_top #header_top_right .mobile_login_links a {
              color: #0a4564;
              font-family: opensans-regular-webfont;
              margin-right: 25px; }
              @media only screen and (max-width: 479px) {
                /* line 215, sass/style.scss */
                header #header_wrapper #header_right #header_top #header_top_right .mobile_login_links a {
                  margin-right: 5px; } }
            @media only screen and (max-width: 1024px) {
              /* line 214, sass/style.scss */
              header #header_wrapper #header_right #header_top #header_top_right .mobile_login_links {
                display: inline-block;
                margin-top: 10px;
                margin-bottom: 10px; } }
        /* line 221, sass/style.scss */
        header #header_wrapper #header_right #header_top #header_top_right_links {
          display: inline-block;
          vertical-align: top;
          padding: 30px 0px 0 20px; }
          @media only screen and (max-width: 1024px) {
            /* line 221, sass/style.scss */
            header #header_wrapper #header_right #header_top #header_top_right_links {
              display: none; } }
          /* line 223, sass/style.scss */
          header #header_wrapper #header_right #header_top #header_top_right_links a {
            color: #81d4ff;
            font-size: 9pt;
            font-family: opensans-regular-webfont;
            display: block; }
      /* line 227, sass/style.scss */
      header #header_wrapper #header_right #header_bottom #menu {
        padding: 20px 0 20px 20px; }
        @media only screen and (max-width: 1024px) {
          /* line 227, sass/style.scss */
          header #header_wrapper #header_right #header_bottom #menu {
            display: none;
            position: absolute;
            top: 110px;
            left: 0;
            width: 100%;
            background: #bbd8e7;
            box-sizing: border-box;
            padding: 10px 0;
            box-shadow: 0px 20px 30px #202020; } }
        /* line 230, sass/style.scss */
        header #header_wrapper #header_right #header_bottom #menu ul li {
          display: inline-block;
          margin: 0 15px; }
          @media only screen and (max-width: 1024px) {
            /* line 230, sass/style.scss */
            header #header_wrapper #header_right #header_bottom #menu ul li {
              display: block;
              margin: 0;
              text-align: center;
              border-bottom: 2px solid #d3e7f1; }
              /* line 232, sass/style.scss */
              header #header_wrapper #header_right #header_bottom #menu ul li:last-child {
                border-bottom: 0; } }
          /* line 234, sass/style.scss */
          header #header_wrapper #header_right #header_bottom #menu ul li a {
            font-family: 'ubuntu-b-webfont';
            font-size: 12pt;
            text-transform: uppercase;
            color: #000;
            text-decoration: none;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -ms-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s; }
            @media only screen and (max-width: 1024px) {
              /* line 234, sass/style.scss */
              header #header_wrapper #header_right #header_bottom #menu ul li a {
                color: #0a4564;
                font-size: 16pt;
                padding: 5px 0;
                display: block; } }
            /* line 241, sass/style.scss */
            header #header_wrapper #header_right #header_bottom #menu ul li a:hover {
              color: #0a4564; }

/*CONTENT*/
/* line 253, sass/style.scss */
#main {
  position: relative;
  z-index: 100; }

/* line 254, sass/style.scss */
hr {
  height: 2px;
  background: #e9e9e9;
  border: 0; }

/* line 257, sass/style.scss */
#content .content ul, #content .content ol {
  padding-left: 20px;
  list-style: none;
  list-style-position: outside; }
/* line 259, sass/style.scss */
#content .content ul li {
  list-style-type: none;
  margin-bottom: 5px; }
  /* line 260, sass/style.scss */
  #content .content ul li:before {
    content: '.';
    font-size: 11pt;
    color: #8fb563;
    font-family: 'websymbols-regular-webfont';
    margin-left: -15px;
    margin-right: 10px; }
/* line 264, sass/style.scss */
#content em {
  font-style: italic; }
/* line 266, sass/style.scss */
#content table {
  border: 1px solid #1090cf;
  border-collapse: collapse;
  text-align: center; }
  /* line 267, sass/style.scss */
  #content table td {
    border: 1px solid #1090cf;
    padding: 6px; }
  /* line 268, sass/style.scss */
  #content table tbody tr:first-child {
    background: #1090cf;
    color: #fff; }
@media only screen and (max-width: 560px) {
  /* line 271, sass/style.scss */
  #content table caption {
    background-image: none; }
  /* line 272, sass/style.scss */
  #content table thead {
    display: none; }
  /* line 273, sass/style.scss */
  #content table tbody td {
    display: block;
    width: auto !important;
    padding-left: 180px; }
  /* line 274, sass/style.scss */
  #content table tbody td:before {
    content: attr(data-th);
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    width: 180px;
    margin-left: -180px; } }
/* line 283, sass/style.scss */
#content blockquote {
  position: relative;
  font-size: 12pt;
  font-style: italic;
  color: #1090cf;
  font-family: 'opensans-regular-webfont'; }
  /* line 284, sass/style.scss */
  #content blockquote p {
    display: block;
    position: relative;
    background: #DADDD2;
    padding: 40px; }
  /* line 285, sass/style.scss */
  #content blockquote div {
    margin-top: 15px;
    margin-left: 75px; }
  /* line 286, sass/style.scss */
  #content blockquote:after {
    position: relative;
    top: -53px;
    left: 40px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #DADDD2 transparent transparent; }
/* line 289, sass/style.scss */
#content .category_list .category_list_box {
  overflow: hidden;
  margin-bottom: 20px; }
  /* line 290, sass/style.scss */
  #content .category_list .category_list_box .more_read {
    text-decoration: none; }
  /* line 291, sass/style.scss */
  #content .category_list .category_list_box img {
    float: left;
    width: 224px;
    height: auto; }
    @media only screen and (max-width: 768px) {
      /* line 291, sass/style.scss */
      #content .category_list .category_list_box img {
        float: none; } }
  /* line 294, sass/style.scss */
  #content .category_list .category_list_box .category_list_box_info {
    margin-left: 244px; }
    @media only screen and (max-width: 768px) {
      /* line 294, sass/style.scss */
      #content .category_list .category_list_box .category_list_box_info {
        margin-left: 0px; } }
    /* line 296, sass/style.scss */
    #content .category_list .category_list_box .category_list_box_info .date {
      color: #909090;
      font-size: 10pt;
      margin-bottom: 0px;
      margin-top: 0; }
    /* line 297, sass/style.scss */
    #content .category_list .category_list_box .category_list_box_info h2 {
      font-family: robotocondensed-bold-webfont;
      font-size: 20pt;
      color: #1090cf;
      margin-bottom: 5px;
      line-height: 1.2em; }
    /* line 298, sass/style.scss */
    #content .category_list .category_list_box .category_list_box_info p {
      margin-bottom: 10px; }
/* line 303, sass/style.scss */
#content.page .waves {
  background: url(images/tenger.png);
  width: 100%;
  height: 24px;
  position: relative;
  z-index: 101; }
/* line 304, sass/style.scss */
#content.page #try_form_wrapper {
  position: relative;
  height: 517px; }
  @media only screen and (max-width: 1280px) {
    /* line 304, sass/style.scss */
    #content.page #try_form_wrapper {
      overflow: hidden; } }
  @media only screen and (max-width: 768px) {
    /* line 304, sass/style.scss */
    #content.page #try_form_wrapper {
      height: auto; } }
  /* line 307, sass/style.scss */
  #content.page #try_form_wrapper #try_bg_left {
    position: absolute;
    top: 40px;
    left: -40px; }
    @media only screen and (max-width: 1680px) {
      /* line 307, sass/style.scss */
      #content.page #try_form_wrapper #try_bg_left {
        left: -170px; } }
    @media only screen and (max-width: 1280px) {
      /* line 307, sass/style.scss */
      #content.page #try_form_wrapper #try_bg_left {
        left: -340px; } }
    @media only screen and (max-width: 768px) {
      /* line 307, sass/style.scss */
      #content.page #try_form_wrapper #try_bg_left {
        display: none; } }
  /* line 312, sass/style.scss */
  #content.page #try_form_wrapper #try_bg_right {
    position: absolute;
    top: 0;
    right: 0; }
    @media only screen and (max-width: 1680px) {
      /* line 312, sass/style.scss */
      #content.page #try_form_wrapper #try_bg_right {
        right: -125px; } }
    @media only screen and (max-width: 1280px) {
      /* line 312, sass/style.scss */
      #content.page #try_form_wrapper #try_bg_right {
        right: -250px; } }
    @media only screen and (max-width: 768px) {
      /* line 312, sass/style.scss */
      #content.page #try_form_wrapper #try_bg_right {
        display: none; } }
  /* line 317, sass/style.scss */
  #content.page #try_form_wrapper #try_form {
    width: 930px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding-top: 40px; }
    @media only screen and (max-width: 768px) {
      /* line 317, sass/style.scss */
      #content.page #try_form_wrapper #try_form {
        width: auto;
        position: static;
        text-align: center; } }
    /* line 319, sass/style.scss */
    #content.page #try_form_wrapper #try_form h1 {
      text-align: center;
      margin-bottom: 30px; }
    /* line 320, sass/style.scss */
    #content.page #try_form_wrapper #try_form #try_form_left {
      width: 450px;
      display: inline-block;
      vertical-align: top; }
      @media only screen and (max-width: 479px) {
        /* line 320, sass/style.scss */
        #content.page #try_form_wrapper #try_form #try_form_left {
          width: auto; } }
      /* line 323, sass/style.scss */
      #content.page #try_form_wrapper #try_form #try_form_left .video_container img {
        margin: 0; }
      /* line 325, sass/style.scss */
      #content.page #try_form_wrapper #try_form #try_form_left p {
        font-family: 'opensans-condbold-webfont';
        font-size: 10pt;
        color: #1090cf;
        padding: 0 5px; }
        /* line 326, sass/style.scss */
        #content.page #try_form_wrapper #try_form #try_form_left p span {
          color: #d8262e;
          font-size: 11pt;
          margin: 0 3px; }
      /* line 328, sass/style.scss */
      #content.page #try_form_wrapper #try_form #try_form_left img {
        margin-right: 8px; }
        /* line 329, sass/style.scss */
        #content.page #try_form_wrapper #try_form #try_form_left img:last-child {
          margin-right: 0; }
        @media only screen and (max-width: 479px) {
          /* line 328, sass/style.scss */
          #content.page #try_form_wrapper #try_form #try_form_left img {
            width: auto;
            max-width: 100%;
            margin: 0 4px; }
            /* line 331, sass/style.scss */
            #content.page #try_form_wrapper #try_form #try_form_left img:last-child {
              margin-right: 4px; } }
    /* line 335, sass/style.scss */
    #content.page #try_form_wrapper #try_form #try_form_right {
      width: 420px;
      display: inline-block;
      vertical-align: top;
      padding-left: 30px; }
      @media only screen and (max-width: 768px) {
        /* line 335, sass/style.scss */
        #content.page #try_form_wrapper #try_form #try_form_right {
          width: auto;
          padding-left: 0;
          padding: 15px; } }
      /* line 338, sass/style.scss */
      #content.page #try_form_wrapper #try_form #try_form_right form input[type="text"], #content.page #try_form_wrapper #try_form #try_form_right form input[type="email"], #content.page #try_form_wrapper #try_form #try_form_right form input[type="password"] {
        margin-bottom: 12px; }
      /* line 339, sass/style.scss */
      #content.page #try_form_wrapper #try_form #try_form_right form .checkbox {
        display: inline-block;
        text-align: left; }
        /* line 340, sass/style.scss */
        #content.page #try_form_wrapper #try_form #try_form_right form .checkbox input[type="checkbox"] {
          vertical-align: top;
          margin-right: 5px; }
        /* line 341, sass/style.scss */
        #content.page #try_form_wrapper #try_form #try_form_right form .checkbox span {
          display: inline-block;
          width: 160px;
          font-size: 9pt; }
      @media only screen and (max-width: 1280px) {
        /* line 343, sass/style.scss */
        #content.page #try_form_wrapper #try_form #try_form_right form .button {
          padding: 10px 35px; } }
      /* line 346, sass/style.scss */
      #content.page #try_form_wrapper #try_form #try_form_right form #starthere {
        margin-left: 140px;
        margin-top: 7px; }
        @media only screen and (max-width: 479px) {
          /* line 346, sass/style.scss */
          #content.page #try_form_wrapper #try_form #try_form_right form #starthere {
            margin-left: 0; } }
/* line 353, sass/style.scss */
#content.page #quotes_wrapper {
  background: #63d5d4;
  position: relative;
  z-index: 101;
  height: 540px;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    /* line 353, sass/style.scss */
    #content.page #quotes_wrapper {
      padding: 0 30px; } }
  @media only screen and (max-width: 479px) {
    /* line 353, sass/style.scss */
    #content.page #quotes_wrapper {
      height: auto;
      padding: 40px 30px; } }
  /* line 356, sass/style.scss */
  #content.page #quotes_wrapper #octopus {
    position: absolute;
    top: 320px;
    left: 285px; }
    @media only screen and (max-width: 1280px) {
      /* line 356, sass/style.scss */
      #content.page #quotes_wrapper #octopus {
        left: 135px; } }
    @media only screen and (max-width: 1024px) {
      /* line 356, sass/style.scss */
      #content.page #quotes_wrapper #octopus {
        left: 90px; } }
    @media only screen and (max-width: 768px) {
      /* line 356, sass/style.scss */
      #content.page #quotes_wrapper #octopus {
        display: none; } }
  /* line 361, sass/style.scss */
  #content.page #quotes_wrapper #ship {
    position: absolute;
    top: 130px;
    right: 0; }
    @media only screen and (max-width: 1024px) {
      /* line 361, sass/style.scss */
      #content.page #quotes_wrapper #ship {
        right: -10%; } }
    @media only screen and (max-width: 768px) {
      /* line 361, sass/style.scss */
      #content.page #quotes_wrapper #ship {
        display: none; } }
  /* line 365, sass/style.scss */
  #content.page #quotes_wrapper .random_wave {
    width: 185px;
    height: 24px;
    background: url(images/tenger.png);
    position: absolute; }
    @media only screen and (max-width: 768px) {
      /* line 365, sass/style.scss */
      #content.page #quotes_wrapper .random_wave {
        display: none; } }
    /* line 367, sass/style.scss */
    #content.page #quotes_wrapper .random_wave#waves1 {
      top: 116px;
      left: 287px; }
    /* line 368, sass/style.scss */
    #content.page #quotes_wrapper .random_wave#waves2 {
      top: 268px;
      left: 56px; }
    /* line 369, sass/style.scss */
    #content.page #quotes_wrapper .random_wave#waves3 {
      top: 385px;
      right: 620px; }
    /* line 370, sass/style.scss */
    #content.page #quotes_wrapper .random_wave#waves4 {
      top: 96px;
      right: 139px; }
    /* line 371, sass/style.scss */
    #content.page #quotes_wrapper .random_wave#waves5 {
      top: 230px;
      right: 17px;
      width: 117px; }
  /* line 373, sass/style.scss */
  #content.page #quotes_wrapper #quotes {
    width: 930px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 60px; }
    @media only screen and (max-width: 1024px) {
      /* line 373, sass/style.scss */
      #content.page #quotes_wrapper #quotes {
        width: 80%; } }
    @media only screen and (max-width: 768px) {
      /* line 373, sass/style.scss */
      #content.page #quotes_wrapper #quotes {
        width: auto; } }
    @media only screen and (max-width: 479px) {
      /* line 373, sass/style.scss */
      #content.page #quotes_wrapper #quotes {
        top: 0; } }
    /* line 377, sass/style.scss */
    #content.page #quotes_wrapper #quotes h1 {
      color: #fff;
      line-height: 1em; }
    /* line 378, sass/style.scss */
    #content.page #quotes_wrapper #quotes h2 {
      color: #000;
      margin-bottom: 30px; }
    /* line 379, sass/style.scss */
    #content.page #quotes_wrapper #quotes #quote_slider {
      position: relative; }
      /* line 380, sass/style.scss */
      #content.page #quotes_wrapper #quotes #quote_slider .bx-wrapper .bx-viewport {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        border: 0;
        left: 0;
        background: transparent; }
      /* line 381, sass/style.scss */
      #content.page #quotes_wrapper #quotes #quote_slider .left_control {
        position: absolute;
        left: -150px;
        cursor: pointer;
        font-size: 60pt; }
        /* line 382, sass/style.scss */
        #content.page #quotes_wrapper #quotes #quote_slider .left_control a {
          font-family: websymbols-regular-webfont;
          color: #fff;
          text-decoration: none;
          color: #fff; }
        @media only screen and (max-width: 1024px) {
          /* line 381, sass/style.scss */
          #content.page #quotes_wrapper #quotes #quote_slider .left_control {
            left: -80px; } }
        @media only screen and (max-width: 768px) {
          /* line 381, sass/style.scss */
          #content.page #quotes_wrapper #quotes #quote_slider .left_control {
            left: 120px; } }
        @media only screen and (max-width: 768px) {
          /* line 381, sass/style.scss */
          #content.page #quotes_wrapper #quotes #quote_slider .left_control {
            left: 120px;
            bottom: -60px;
            font-size: 32pt; } }
        @media only screen and (max-width: 479px) {
          /* line 381, sass/style.scss */
          #content.page #quotes_wrapper #quotes #quote_slider .left_control {
            position: static; } }
      /* line 388, sass/style.scss */
      #content.page #quotes_wrapper #quotes #quote_slider .right_control {
        position: absolute;
        right: -150px;
        cursor: pointer;
        font-family: websymbols-regular-webfont;
        color: #fff;
        font-size: 60pt; }
        /* line 389, sass/style.scss */
        #content.page #quotes_wrapper #quotes #quote_slider .right_control a {
          font-family: websymbols-regular-webfont;
          color: #fff;
          text-decoration: none;
          color: #fff; }
        @media only screen and (max-width: 1024px) {
          /* line 388, sass/style.scss */
          #content.page #quotes_wrapper #quotes #quote_slider .right_control {
            right: -80px; } }
        @media only screen and (max-width: 768px) {
          /* line 388, sass/style.scss */
          #content.page #quotes_wrapper #quotes #quote_slider .right_control {
            right: 0; } }
        @media only screen and (max-width: 768px) {
          /* line 388, sass/style.scss */
          #content.page #quotes_wrapper #quotes #quote_slider .right_control {
            right: 120px;
            bottom: -60px;
            font-size: 32pt; } }
        @media only screen and (max-width: 479px) {
          /* line 388, sass/style.scss */
          #content.page #quotes_wrapper #quotes #quote_slider .right_control {
            position: static; } }
      /* line 395, sass/style.scss */
      #content.page #quotes_wrapper #quotes #quote_slider .quote_slider_counter {
        display: none;
        font-size: 18pt;
        color: #fff;
        position: absolute;
        bottom: -60px;
        left: 0;
        right: 0;
        margin: 0 auto; }
        @media only screen and (max-width: 768px) {
          /* line 395, sass/style.scss */
          #content.page #quotes_wrapper #quotes #quote_slider .quote_slider_counter {
            display: block; } }
        @media only screen and (max-width: 479px) {
          /* line 395, sass/style.scss */
          #content.page #quotes_wrapper #quotes #quote_slider .quote_slider_counter {
            position: static;
            margin-top: 10px;
            margin-bottom: 20px; } }
      /* line 400, sass/style.scss */
      #content.page #quotes_wrapper #quotes #quote_slider .quote_slider_content p {
        font-style: italic;
        margin-bottom: 20px; }
      /* line 401, sass/style.scss */
      #content.page #quotes_wrapper #quotes #quote_slider .quote_slider_content .name, #content.page #quotes_wrapper #quotes #quote_slider .quote_slider_content .since {
        display: block;
        font-style: italic; }
      /* line 402, sass/style.scss */
      #content.page #quotes_wrapper #quotes #quote_slider .quote_slider_content .name {
        font-family: 'opensans-bold-webfont'; }
      /* line 403, sass/style.scss */
      #content.page #quotes_wrapper #quotes #quote_slider .quote_slider_content .since {
        margin-bottom: 30px; }
      /* line 404, sass/style.scss */
      #content.page #quotes_wrapper #quotes #quote_slider .quote_slider_content img {
        border: 10px solid #fff;
        border-radius: 500px;
        display: inline-block;
        width: 115px;
        height: auto; }
        @media only screen and (max-width: 768px) {
          /* line 404, sass/style.scss */
          #content.page #quotes_wrapper #quotes #quote_slider .quote_slider_content img {
            display: block; margin-left: auto; margin-right: auto; } }
/* line 411, sass/style.scss */
#content.page #try_simple {
  background: #228685;
  height: 55px;
  padding: 40px 0;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    /* line 411, sass/style.scss */
    #content.page #try_simple {
      padding: 20px 0; } }
/* line 414, sass/style.scss */
#content.page #termekek {
  background: url(images/hullamok.png);
  padding: 60px 0; }
  /* line 415, sass/style.scss */
  #content.page #termekek h1, #content.page #termekek h2 {
    text-align: center;
    line-height: 1.1em; }
  /* line 416, sass/style.scss */
  #content.page #termekek .termek_wrapper {
    text-align: center;
    margin-top: 60px; }
    @media only screen and (max-width: 1280px) {
      /* line 416, sass/style.scss */
      #content.page #termekek .termek_wrapper {
        overflow: hidden; } }
    /* line 418, sass/style.scss */
    #content.page #termekek .termek_wrapper .termek {
      width: 1025px;
      margin: 0 auto;
      text-align: left;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        /* line 418, sass/style.scss */
        #content.page #termekek .termek_wrapper .termek {
          width: auto;
          max-width: 100%; } }
      @media only screen and (max-width: 768px) {
        /* line 418, sass/style.scss */
        #content.page #termekek .termek_wrapper .termek {
          width: auto; } }
      /* line 421, sass/style.scss */
      #content.page #termekek .termek_wrapper .termek .left_dashed {
        position: absolute;
        left: -81px;
        top: 128px; }
        @media only screen and (max-width: 768px) {
          /* line 421, sass/style.scss */
          #content.page #termekek .termek_wrapper .termek .left_dashed {
            display: none; } }
      /* line 424, sass/style.scss */
      #content.page #termekek .termek_wrapper .termek .right_dashed {
        position: absolute;
        right: -235px;
        bottom: -522px; }
        @media only screen and (max-width: 768px) {
          /* line 424, sass/style.scss */
          #content.page #termekek .termek_wrapper .termek .right_dashed {
            display: none; } }
      /* line 427, sass/style.scss */
      #content.page #termekek .termek_wrapper .termek .termek_left {
        width: 450px;
        display: inline-block;
        vertical-align: top;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          /* line 427, sass/style.scss */
          #content.page #termekek .termek_wrapper .termek .termek_left {
            width: auto; } }
        /* line 429, sass/style.scss */
        #content.page #termekek .termek_wrapper .termek .termek_left .video_container {
          padding: 0 15px; }
          @media only screen and (max-width: 479px) {
            /* line 430, sass/style.scss */
            #content.page #termekek .termek_wrapper .termek .termek_left .video_container img {
              width: auto;
              max-width: 100%; } }
        /* line 434, sass/style.scss */
        #content.page #termekek .termek_wrapper .termek .termek_left .button {
          margin: 20px auto 0; }
      /* line 436, sass/style.scss */
      #content.page #termekek .termek_wrapper .termek .termek_right {
        margin-left: 30px;
        display: inline-block;
        vertical-align: top;
        width: 540px;
        position: relative; }
        @media only screen and (max-width: 1024px) {
          /* line 436, sass/style.scss */
          #content.page #termekek .termek_wrapper .termek .termek_right {
            width: 50%; } }
        @media only screen and (max-width: 768px) {
          /* line 436, sass/style.scss */
          #content.page #termekek .termek_wrapper .termek .termek_right {
            width: auto;
            margin: 30px 15px; } }
        /* line 439, sass/style.scss */
        #content.page #termekek .termek_wrapper .termek .termek_right h2 {
          margin-bottom: 20px;
          text-align: left; }
          @media only screen and (max-width: 768px) {
            /* line 439, sass/style.scss */
            #content.page #termekek .termek_wrapper .termek .termek_right h2 {
              text-align: center; } }
        /* line 442, sass/style.scss */
        #content.page #termekek .termek_wrapper .termek .termek_right .termek_logo {
          position: absolute;
          top: 87px;
          right: -60px; }
          @media only screen and (max-width: 1024px) {
            /* line 442, sass/style.scss */
            #content.page #termekek .termek_wrapper .termek .termek_right .termek_logo {
              right: 40px; } }
          @media only screen and (max-width: 768px) {
            /* line 442, sass/style.scss */
            #content.page #termekek .termek_wrapper .termek .termek_right .termek_logo {
              display: none; } }
    /* line 448, sass/style.scss */
    #content.page #termekek .termek_wrapper .island {
      margin: 40px auto 0;
      display: inline-block; }
      @media only screen and (max-width: 768px) {
        /* line 448, sass/style.scss */
        #content.page #termekek .termek_wrapper .island {
          margin-left: -120px; } }
      @media only screen and (max-width: 479px) {
        /* line 448, sass/style.scss */
        #content.page #termekek .termek_wrapper .island {
          margin-left: -215px; } }
/* line 454, sass/style.scss */
#content.page #captain {
  height: 510px;
  position: relative;
  background: #fff;
  z-index: 100;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    /* line 454, sass/style.scss */
    #content.page #captain {
      height: auto;
      padding-bottom: 200px; } }
  /* line 456, sass/style.scss */
  #content.page #captain #clouds1 {
    position: absolute;
    top: 103px;
    left: 39px;
    z-index: 100; }
    @media only screen and (max-width: 768px) {
      /* line 456, sass/style.scss */
      #content.page #captain #clouds1 {
        display: none; } }
  /* line 459, sass/style.scss */
  #content.page #captain #clouds2 {
    position: absolute;
    top: 78px;
    right: 20px;
    z-index: 100; }
    @media only screen and (max-width: 768px) {
      /* line 459, sass/style.scss */
      #content.page #captain #clouds2 {
        display: none; } }
  /* line 462, sass/style.scss */
  #content.page #captain #left_cliff {
    position: absolute;
    z-index: 102;
    left: -108px;
    bottom: -150px; }
    @media only screen and (max-width: 768px) {
      /* line 462, sass/style.scss */
      #content.page #captain #left_cliff {
        display: none; } }
  /* line 465, sass/style.scss */
  #content.page #captain #right_cliff {
    position: absolute;
    z-index: 102;
    right: -68px;
    bottom: -73px; }
    @media only screen and (max-width: 768px) {
      /* line 465, sass/style.scss */
      #content.page #captain #right_cliff {
        display: none; } }
  /* line 468, sass/style.scss */
  #content.page #captain #sea {
    position: absolute;
    z-index: 101;
    background: url(images/tenger.png) repeat-x;
    height: 45px;
    width: 100%;
    bottom: 0px; }
    /* line 469, sass/style.scss */
    #content.page #captain #sea #inner_sea {
      background: #63d5d4;
      height: 21px;
      width: 100%;
      margin-top: 24px; }
  /* line 471, sass/style.scss */
  #content.page #captain #miniship {
    position: absolute;
    z-index: 100;
    bottom: 24px;
    right: 600px; }
    @media only screen and (max-width: 768px) {
      /* line 471, sass/style.scss */
      #content.page #captain #miniship {
        right: 0;
        left: 50px; } }
  /* line 474, sass/style.scss */
  #content.page #captain h1 {
    text-align: center;
    margin-top: 50px; }
  /* line 475, sass/style.scss */
  #content.page #captain #captain_content {
    margin: 80px auto 0;
    width: 1080px;
    position: relative;
    z-index: 103; }
    @media only screen and (max-width: 1024px) {
      /* line 475, sass/style.scss */
      #content.page #captain #captain_content {
        width: auto;
        max-width: 100%; } }
    @media only screen and (max-width: 768px) {
      /* line 475, sass/style.scss */
      #content.page #captain #captain_content {
        width: auto;
        padding: 0 15px;
        text-align: center;
        margin-top: 30px; } }
    /* line 478, sass/style.scss */
    #content.page #captain #captain_content h1 {
      text-align: left;
      margin: 0; }
      @media only screen and (max-width: 479px) {
        /* line 478, sass/style.scss */
        #content.page #captain #captain_content h1 {
          text-align: center; } }
    /* line 481, sass/style.scss */
    #content.page #captain #captain_content img {
      float: left; }
      @media only screen and (max-width: 768px) {
        /* line 481, sass/style.scss */
        #content.page #captain #captain_content img {
          float: none; } }
    /* line 484, sass/style.scss */
    #content.page #captain #captain_content #gabor_email {
      float: left;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        /* line 484, sass/style.scss */
        #content.page #captain #captain_content #gabor_email {
          float: none; } }
      /* line 486, sass/style.scss */
      #content.page #captain #captain_content #gabor_email img {
        float: none;
        display: inline-block;
        vertical-align: middle; }
      /* line 487, sass/style.scss */
      #content.page #captain #captain_content #gabor_email p a {
        color: #999;
        text-decoration: none;
        font-family: 'opensans-regular-webfont'; }
      /* line 488, sass/style.scss */
      #content.page #captain #captain_content #gabor_email p img {
        margin-right: 15px; }
    /* line 490, sass/style.scss */
    #content.page #captain #captain_content #captain_content_right {
      margin-left: 310px; }
      @media only screen and (max-width: 768px) {
        /* line 490, sass/style.scss */
        #content.page #captain #captain_content #captain_content_right {
          margin-left: 0;
          margin-top: 40px;
          padding: 0 20px; }
          /* line 492, sass/style.scss */
          #content.page #captain #captain_content #captain_content_right p {
            text-align: left; } }
      /* line 494, sass/style.scss */
      #content.page #captain #captain_content #captain_content_right .button {
        margin-top: 20px; }
  /* line 497, sass/style.scss */
  #content.page #captain.alt {
    padding-bottom: 30px; }
    /* line 498, sass/style.scss */
    #content.page #captain.alt #captain_content {
      margin-top: 40px; }
/* line 502, sass/style.scss */
#content.page #megrendeles_wrapper {
  position: relative;
  z-index: 100;
  text-align: center;
  padding: 50px 0;
  overflow: hidden;
  margin-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    /* line 502, sass/style.scss */
    #content.page #megrendeles_wrapper {
      overflow: visible;
      padding-bottom: 0; } }
  /* line 504, sass/style.scss */
  #content.page #megrendeles_wrapper .sea {
    position: absolute;
    z-index: 102;
    background: url(images/tenger.png) repeat-x;
    width: 100%;
    top: 700px;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      /* line 504, sass/style.scss */
      #content.page #megrendeles_wrapper .sea {
        display: none; } }
    /* line 506, sass/style.scss */
    #content.page #megrendeles_wrapper .sea .inner_sea {
      background: #63d5d4;
      height: 1055px;
      width: 100%;
      margin-top: 24px; }
    /* line 507, sass/style.scss */
    #content.page #megrendeles_wrapper .sea #octopus {
      position: absolute;
      right: 0;
      top: 428px; }
      /* line 508, sass/style.scss */
      #content.page #megrendeles_wrapper .sea #octopus img {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH"; }
    /* line 517, sass/style.scss */
    #content.page #megrendeles_wrapper .sea #ship {
      position: absolute;
      top: 187px;
      left: -147px; }
      /* line 518, sass/style.scss */
      #content.page #megrendeles_wrapper .sea #ship img {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH"; }
    /* line 527, sass/style.scss */
    #content.page #megrendeles_wrapper .sea .random_wave {
      width: 145px;
      height: 24px;
      background: url(images/tenger.png);
      position: absolute; }
      /* line 528, sass/style.scss */
      #content.page #megrendeles_wrapper .sea .random_wave#waves1 {
        top: 141px;
        left: 260px; }
      /* line 529, sass/style.scss */
      #content.page #megrendeles_wrapper .sea .random_wave#waves2 {
        top: 261px;
        right: 0px; }
      /* line 530, sass/style.scss */
      #content.page #megrendeles_wrapper .sea .random_wave#waves3 {
        top: 341px;
        right: 304px; }
      /* line 531, sass/style.scss */
      #content.page #megrendeles_wrapper .sea .random_wave#waves4 {
        top: 700px;
        left: 100px; }
      /* line 532, sass/style.scss */
      #content.page #megrendeles_wrapper .sea .random_wave#waves5 {
        top: 760px;
        left: 150px;
        width: 250px; }
      /* line 533, sass/style.scss */
      #content.page #megrendeles_wrapper .sea .random_wave#waves6 {
        top: 900px;
        left: 0px; }
      /* line 534, sass/style.scss */
      #content.page #megrendeles_wrapper .sea .random_wave#waves7 {
        top: 800px;
        right: 40px;
        width: 250px; }
  /* line 537, sass/style.scss */
  #content.page #megrendeles_wrapper #clouds1 {
    position: absolute;
    top: 143px;
    left: 39px; }
    @media only screen and (max-width: 768px) {
      /* line 537, sass/style.scss */
      #content.page #megrendeles_wrapper #clouds1 {
        display: none; } }
  /* line 540, sass/style.scss */
  #content.page #megrendeles_wrapper #clouds2 {
    position: absolute;
    top: 78px;
    right: 20px; }
    @media only screen and (max-width: 768px) {
      /* line 540, sass/style.scss */
      #content.page #megrendeles_wrapper #clouds2 {
        display: none; } }
  /* line 543, sass/style.scss */
  #content.page #megrendeles_wrapper #mini_island1 {
    position: absolute;
    z-index: 101;
    top: 629px;
    left: 174px; }
    @media only screen and (max-width: 768px) {
      /* line 543, sass/style.scss */
      #content.page #megrendeles_wrapper #mini_island1 {
        display: none; } }
  /* line 546, sass/style.scss */
  #content.page #megrendeles_wrapper #mini_island2 {
    position: absolute;
    z-index: 101;
    top: 606px;
    right: 30px; }
    @media only screen and (max-width: 768px) {
      /* line 546, sass/style.scss */
      #content.page #megrendeles_wrapper #mini_island2 {
        display: none; } }
  /* line 549, sass/style.scss */
  #content.page #megrendeles_wrapper h1, #content.page #megrendeles_wrapper h2 {
    position: relative;
    z-index: 102; }
  /* line 550, sass/style.scss */
  #content.page #megrendeles_wrapper #megrendeles {
    width: 976px;
    margin: 0 auto;
    position: relative;
    z-index: 103;
    margin-bottom: 20px;
    margin-top: 50px; }
    @media only screen and (max-width: 768px) {
      /* line 550, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles {
        width: auto; } }
    /* line 553, sass/style.scss */
    #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag {
      width: 229px;
      height: 471px;
      border: 1px solid #c9c9c9;
      display: inline-block;
      margin-right: 13px;
      text-align: left;
      margin-bottom: 16px;
      position: relative;
      z-index: 104;
      vertical-align: top; }
	  	  
      @media only screen and (max-width: 768px) {
        /* line 553, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag {
          height: auto;
          display: block;
          width: auto;
          margin: 0 20px 20px; } }
      /* line 555, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_header {
        background: #eeeeee;
        padding: 20px; }
        /* line 556, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_header h3 {
          color: #1090cf;
          text-transform: uppercase;
          font-family: 'opensans-bold-webfont'; }
        /* line 557, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_header h4 {
          color: #d8262e;
          font-family: 'opensans-condbold-webfont';
          text-transform: uppercase; }
        /* line 558, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_header .button {
          display: none;
          float: right;
          margin: 0;
          padding: 10px 20px; }
          @media only screen and (max-width: 768px) {
            /* line 558, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_header .button {
              display: block; } }
      /* line 562, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_content {
        background: #f8f8f8;
        padding: 20px; }
        @media only screen and (max-width: 768px) {
          /* line 562, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_content {
            display: none; } }
        /* line 565, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_content ul li {
          list-style-type: none;
          margin-bottom: 15px;
          font-size: 10pt; }
          @media only screen and (max-width: 768px) {
            /* line 565, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_content ul li {
              display: inline-block;
              width: 150px;
              vertical-align: top;
              margin-right: 20px; } }
        /* line 568, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_content .include {
          padding-left: 20px;
          margin-top: 20px; }
          /* line 570, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_content .include li:before {
            content: '.';
            font-size: 11pt;
            color: #8fb563;
            font-family: 'websymbols-regular-webfont';
            margin-left: -15px;
            margin-right: 10px;
            width: 18px;
            display: inline-block;
            vertical-align: top; }
        /* line 573, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_content .exclude {
          padding-left: 20px; }
          /* line 575, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_content .exclude li:before {
            content: "'";
            font-size: 11pt;
            color: #d8262e;
            font-family: 'websymbols-regular-webfont';
            margin-left: -15px;
            margin-right: 10px;
            width: 18px;
            display: inline-block;
            vertical-align: top; }
        /* line 578, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_content .price {
          font-family: 'opensans-bold-webfont';
          font-size: 18pt;
          display: block;
          color: #d8262e; }
          @media only screen and (max-width: 768px) {
            /* line 578, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_content .price {
              display: inline-block;
              vertical-align: top;
              margin-right: 30px;
              font-size: 24pt; } }
        /* line 581, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .csomag_content .reszlet {
          font-family: 'opensans-bold-webfont';
          font-size: 12pt;
          color: #d8262e; }
      /* line 583, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag:hover {
        cursor: pointer; }
        /* line 584, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag:hover .csomag_header {
          background: #f8f8f8; }
        /* line 585, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag:hover .csomag_content {
          background: #fff; }
      /* line 587, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag:last-child {
        margin-right: 0; }
        @media only screen and (max-width: 768px) {
          /* line 587, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag:last-child {
            margin-right: 20px; } }
      /* line 591, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek .csomag_reszletek_content {
        padding: 0 20px 90px;
        overflow: hidden; }
        @media only screen and (max-width: 768px) {
          /* line 591, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek .csomag_reszletek_content {
            padding-bottom: 40px; } }
        /* line 593, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek .csomag_reszletek_content img {
          float: left; }
          @media only screen and (max-width: 768px) {
            /* line 593, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek .csomag_reszletek_content img {
              float: none;
              display: block;
              margin: 0 auto;
              width: auto;
              max-width: 100%; } }
        /* line 596, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right {
          margin-left: 420px; }
          @media only screen and (max-width: 768px) {
            /* line 596, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right {
              margin-left: 0; } }
          /* line 598, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right h3 {
            font-family: 'ubuntu-l-webfont';
            margin-bottom: 30px;
            font-size: 18pt; }
          /* line 599, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right b {
            font-size: 11pt; }
          /* line 600, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right ul {
            margin-top: 20px;
            padding-left: 20px;
            margin-bottom: 30px; }
            /* line 601, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right ul li {
              font-size: 11pt; }
              /* line 602, sass/style.scss */
              #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right ul li:before {
                content: "-";
                font-size: 11pt;
                color: #000;
                margin-left: -15px;
                margin-right: 10px; }
          /* line 605, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right .price {
            font-family: 'ubuntu-b-webfont';
            font-size: 18pt;
            display: block;
            color: #d8262e;
            margin-bottom: 10px; }
          /* line 607, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right .reszlet {
            font-size: 11pt;
            margin-top: 30px;
            display: block; }
      /* line 610, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek #csomag_boxok {
        background: #63d5d4; }
        /* line 611, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek #csomag_boxok .csomag_box {
          width: 315px;
          height: 301px;
          display: inline-block;
          vertical-align: top;
          text-align: left;
          background: #fff; }
          @media only screen and (max-width: 768px) {
            /* line 611, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek #csomag_boxok .csomag_box {
              width: auto;
              display: block;
              height: auto; } }
          /* line 613, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_header {
            background: #1090cf;
            padding: 20px; }
            /* line 614, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_header img, #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_header h3 {
              display: inline-block;
              vertical-align: middle; }
            /* line 615, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_header h3 {
              color: #fff;
              margin-left: 15px; }
              @media only screen and (max-width: 479px) {
                /* line 615, sass/style.scss */
                #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_header h3 {
                  font-size: 18px; } }
          /* line 619, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_content {
            padding: 35px 20px;
            font-size: 10pt;
            line-height: 1.4em; }
            /* line 620, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_content ul {
              padding-left: 20px; }
              /* line 622, sass/style.scss */
              #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_content ul li:before {
                content: "-";
                font-size: 11pt;
                color: #000;
                margin-right: 10px; }
          /* line 626, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek #csomag_boxok .csomag_box:nth-child(2) {
            margin: 0 9px; }
            @media only screen and (max-width: 768px) {
              /* line 626, sass/style.scss */
              #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag .mobile_csomag_reszletek #csomag_boxok .csomag_box:nth-child(2) {
                margin: 0; } }
    /* line 633, sass/style.scss */
    #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag.selected {
      height: 493px;
      margin-bottom: -1px;
      border-bottom: 0;
      background: #fff; }
      @media only screen and (max-width: 768px) {
        /* line 633, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag.selected {
          height: auto; } }
      /* line 635, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag.selected .csomag_header {
        background: #f8f8f8; }
      /* line 636, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag.selected .csomag_content {
        background: #fff;
        display: block; }
      @media only screen and (max-width: 768px) {
        /* line 638, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag.selected .mobile_csomag_reszletek {
          margin-bottom: 30px;
          border-bottom: 1px solid #c9c9c9; } }

		  
		  
/*csomag2*/
		  
/*csomag 2*/
    #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 {
      width: 229px;
      height: 471px;
      border: 1px solid #c9c9c9;
      display: inline-block;
      margin-right: 13px;
      text-align: left;
      margin-bottom: 16px;
      position: relative;
      z-index: 104;
      vertical-align: top; }	  
	  
      @media only screen and (max-width: 768px) {
        /* line 553, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 {
          height: auto;
          display: block;
          width: auto;
          margin: 0 20px 20px; } }
      /* line 555, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_header {
        background: #eeeeee;
        padding: 20px; }
        /* line 556, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_header h3 {
          color: #1090cf;
          text-transform: uppercase;
          font-family: 'opensans-bold-webfont'; }
        /* line 557, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_header h4 {
          color: #d8262e;
          font-family: 'opensans-condbold-webfont';
          text-transform: uppercase; }
        /* line 558, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_header .button {
          display: none;
          float: right;
          margin: 0;
          padding: 10px 20px; }
          @media only screen and (max-width: 768px) {
            /* line 558, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_header .button {
              display: block; } }
      /* line 562, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_content {
        background: #f8f8f8;
        padding: 20px; }
        @media only screen and (max-width: 768px) {
          /* line 562, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_content {
            display: none; } }
        /* line 565, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_content ul li {
          list-style-type: none;
          margin-bottom: 15px;
          font-size: 10pt; }
          @media only screen and (max-width: 768px) {
            /* line 565, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_content ul li {
              display: inline-block;
              width: 150px;
              vertical-align: top;
              margin-right: 20px; } }
        /* line 568, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_content .include {
          padding-left: 20px;
          margin-top: 20px; }
          /* line 570, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_content .include li:before {
            content: '.';
            font-size: 11pt;
            color: #8fb563;
            font-family: 'websymbols-regular-webfont';
            margin-left: -15px;
            margin-right: 10px;
            width: 18px;
            display: inline-block;
            vertical-align: top; }
        /* line 573, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_content .exclude {
          padding-left: 20px; }
          /* line 575, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_content .exclude li:before {
            content: "'";
            font-size: 11pt;
            color: #d8262e;
            font-family: 'websymbols-regular-webfont';
            margin-left: -15px;
            margin-right: 10px;
            width: 18px;
            display: inline-block;
            vertical-align: top; }
        /* line 578, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_content .price {
          font-family: 'opensans-bold-webfont';
          font-size: 18pt;
          display: block;
          color: #d8262e; }
          @media only screen and (max-width: 768px) {
            /* line 578, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_content .price {
              display: inline-block;
              vertical-align: top;
              margin-right: 30px;
              font-size: 24pt; } }
        /* line 581, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .csomag_content .reszlet {
          font-family: 'opensans-bold-webfont';
          font-size: 12pt;
          color: #d8262e; }
      /* line 583, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2:hover {
        cursor: pointer; }
        /* line 584, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2:hover .csomag_header {
          background: #f8f8f8; }
        /* line 585, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2:hover .csomag_content {
          background: #fff; }
      /* line 587, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2:last-child {
        margin-right: 0; }
        @media only screen and (max-width: 768px) {
          /* line 587, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2:last-child {
            margin-right: 20px; } }
      /* line 591, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek .csomag_reszletek_content {
        padding: 0 20px 90px;
        overflow: hidden; }
        @media only screen and (max-width: 768px) {
          /* line 591, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek .csomag_reszletek_content {
            padding-bottom: 40px; } }
        /* line 593, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek .csomag_reszletek_content img {
          float: left; }
          @media only screen and (max-width: 768px) {
            /* line 593, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek .csomag_reszletek_content img {
              float: none;
              display: block;
              margin: 0 auto;
              width: auto;
              max-width: 100%; } }
        /* line 596, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right {
          margin-left: 420px; }
          @media only screen and (max-width: 768px) {
            /* line 596, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right {
              margin-left: 0; } }
          /* line 598, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right h3 {
            font-family: 'ubuntu-l-webfont';
            margin-bottom: 30px;
            font-size: 18pt; }
          /* line 599, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right b {
            font-size: 11pt; }
          /* line 600, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right ul {
            margin-top: 20px;
            padding-left: 20px;
            margin-bottom: 30px; }
            /* line 601, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right ul li {
              font-size: 11pt; }
              /* line 602, sass/style.scss */
              #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right ul li:before {
                content: "-";
                font-size: 11pt;
                color: #000;
                margin-left: -15px;
                margin-right: 10px; }
          /* line 605, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right .price {
            font-family: 'ubuntu-b-webfont';
            font-size: 18pt;
            display: block;
            color: #d8262e;
            margin-bottom: 10px; }
          /* line 607, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek .csomag_reszletek_content .csomag_reszletek_right .reszlet {
            font-size: 11pt;
            margin-top: 30px;
            display: block; }
      /* line 610, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek #csomag_boxok {
        background: #63d5d4; }
        /* line 611, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek #csomag_boxok .csomag_box {
          width: 315px;
          height: 301px;
          display: inline-block;
          vertical-align: top;
          text-align: left;
          background: #fff; }
          @media only screen and (max-width: 768px) {
            /* line 611, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek #csomag_boxok .csomag_box {
              width: auto;
              display: block;
              height: auto; } }
          /* line 613, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_header {
            background: #1090cf;
            padding: 20px; }
            /* line 614, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_header img, #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_header h3 {
              display: inline-block;
              vertical-align: middle; }
            /* line 615, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_header h3 {
              color: #fff;
              margin-left: 15px; }
              @media only screen and (max-width: 479px) {
                /* line 615, sass/style.scss */
                #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_header h3 {
                  font-size: 18px; } }
          /* line 619, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_content {
            padding: 35px 20px;
            font-size: 10pt;
            line-height: 1.4em; }
            /* line 620, sass/style.scss */
            #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_content ul {
              padding-left: 20px; }
              /* line 622, sass/style.scss */
              #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek #csomag_boxok .csomag_box .csomag_box_content ul li:before {
                content: "-";
                font-size: 11pt;
                color: #000;
                margin-right: 10px; }
          /* line 626, sass/style.scss */
          #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek #csomag_boxok .csomag_box:nth-child(2) {
            margin: 0 9px; }
            @media only screen and (max-width: 768px) {
              /* line 626, sass/style.scss */
              #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2 .mobile_csomag_reszletek #csomag_boxok .csomag_box:nth-child(2) {
                margin: 0; } }
    /* line 633, sass/style.scss */
    #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2.selected {
      height: 493px;
      margin-bottom: -1px;
      border-bottom: 0;
      background: #fff; }
      @media only screen and (max-width: 768px) {
        /* line 633, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2.selected {
          height: auto; } }
      /* line 635, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2.selected .csomag_header {
        background: #f8f8f8; }
      /* line 636, sass/style.scss */
      #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2.selected .csomag_content {
        background: #fff;
        display: block; }
      @media only screen and (max-width: 768px) {
        /* line 638, sass/style.scss */
        #content.page #megrendeles_wrapper #megrendeles #csomagok .csomag2.selected .mobile_csomag_reszletek {
          margin-bottom: 30px;
          border-bottom: 1px solid #c9c9c9; } }

/*IDÁIG*/		  
		  
  /* line 645, sass/style.scss */
  #content.page #megrendeles_wrapper #csomag_reszletek {
    width: 974px;
    text-align: left;
    background: #fff;
    position: relative; }
    @media only screen and (max-width: 768px) {
      /* line 645, sass/style.scss */
      #content.page #megrendeles_wrapper #csomag_reszletek {
        width: auto;
        margin: 0 20px; } }
    /* line 648, sass/style.scss */
    #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single {
      display: none;
      border: 1px solid #c9c9c9;
      border-bottom: 0;
      padding: 70px 0px 0; }
      @media only screen and (max-width: 768px) {
        /* line 648, sass/style.scss */
        #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single {
          border-bottom: 1px solid #c9c9c9;
          padding-top: 20px; } }
      /* line 650, sass/style.scss */
      #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single.active {
        display: block; }
      /* line 651, sass/style.scss */
      #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single .csomag_reszletek_content {
        padding: 0 20px 90px;
        overflow: hidden; }
        /* line 652, sass/style.scss */
        #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single .csomag_reszletek_content img {
          float: left; }
          @media only screen and (max-width: 768px) {
            /* line 652, sass/style.scss */
            #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single .csomag_reszletek_content img {
              float: none; } }
        /* line 655, sass/style.scss */
        #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single .csomag_reszletek_content .csomag_reszletek_right {
          margin-left: 420px; }
          @media only screen and (max-width: 768px) {
            /* line 655, sass/style.scss */
            #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single .csomag_reszletek_content .csomag_reszletek_right {
              margin-left: 0; } }
          /* line 657, sass/style.scss */
          #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single .csomag_reszletek_content .csomag_reszletek_right h3 {
            font-family: 'ubuntu-l-webfont';
            margin-bottom: 30px;
            font-size: 18pt; }
          /* line 658, sass/style.scss */
          #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single .csomag_reszletek_content .csomag_reszletek_right b {
            font-size: 11pt; }
          /* line 659, sass/style.scss */
          #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single .csomag_reszletek_content .csomag_reszletek_right ul {
            margin-top: 20px;
            padding-left: 20px;
            margin-bottom: 30px; }
            /* line 660, sass/style.scss */
            #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single .csomag_reszletek_content .csomag_reszletek_right ul li {
              font-size: 11pt; }
              /* line 661, sass/style.scss */
              #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single .csomag_reszletek_content .csomag_reszletek_right ul li:before {
                content: "-";
                font-size: 11pt;
                color: #000;
                margin-left: -15px;
                margin-right: 10px; }
          /* line 664, sass/style.scss */
          #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single .csomag_reszletek_content .csomag_reszletek_right .price {
            font-family: 'ubuntu-b-webfont';
            font-size: 18pt;
            display: block;
            color: #d8262e;
            margin-bottom: 10px; }
          /* line 666, sass/style.scss */
          #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single .csomag_reszletek_content .csomag_reszletek_right .reszlet {
            font-size: 11pt;
            margin-top: 30px;
            display: block; }
      /* line 669, sass/style.scss */
      #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single #csomag_boxok {
        background: #63d5d4; }
        /* line 670, sass/style.scss */
        #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single #csomag_boxok .csomag_box {
          width: 315px;
          height: 301px;
          display: inline-block;
          vertical-align: top;
          text-align: left;
          background: #fff; }
          @media only screen and (max-width: 768px) {
            /* line 670, sass/style.scss */
            #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single #csomag_boxok .csomag_box {
              width: auto;
              display: block; } }
          /* line 672, sass/style.scss */
          #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single #csomag_boxok .csomag_box .csomag_box_header {
            background: #1090cf;
            padding: 20px; }
            /* line 673, sass/style.scss */
            #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single #csomag_boxok .csomag_box .csomag_box_header img, #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single #csomag_boxok .csomag_box .csomag_box_header h3 {
              display: inline-block;
              vertical-align: middle; }
            /* line 674, sass/style.scss */
            #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single #csomag_boxok .csomag_box .csomag_box_header h3 {
              color: #fff;
              margin-left: 15px; }
          /* line 676, sass/style.scss */
          #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single #csomag_boxok .csomag_box .csomag_box_content {
            padding: 35px 20px;
            font-size: 10pt;
            line-height: 1.4em; }
            /* line 677, sass/style.scss */
            #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single #csomag_boxok .csomag_box .csomag_box_content ul {
              padding-left: 20px; }
              /* line 679, sass/style.scss */
              #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single #csomag_boxok .csomag_box .csomag_box_content ul li:before {
                content: "-";
                font-size: 11pt;
                color: #000;
                margin-right: 10px; }
          /* line 683, sass/style.scss */
          #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single #csomag_boxok .csomag_box:nth-child(2) {
            margin: 0 9px; }
            @media only screen and (max-width: 768px) {
              /* line 683, sass/style.scss */
              #content.page #megrendeles_wrapper #csomag_reszletek .csomag_reszletek_single #csomag_boxok .csomag_box:nth-child(2) {
                margin: 0; } }
  /* line 691, sass/style.scss */
  #content.page #megrendeles_wrapper .button {
    position: relative;
    z-index: 103; }
    @media only screen and (max-width: 768px) {
      /* line 691, sass/style.scss */
      #content.page #megrendeles_wrapper .button {
        margin: 0 20px;
        font-size: 11pt; } }
/* line 695, sass/style.scss */
#content.page #ugyfelszolgalat {
  background: url(images/tenger2.png) repeat-x;
  width: 100%;
  overflow: hidden; }
  /* line 696, sass/style.scss */
  #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper {
    background: #d0faf9;
    position: relative;
    z-index: 100;
    margin-top: 24px;
    padding: 60px 0; }
    @media only screen and (max-width: 768px) {
      /* line 696, sass/style.scss */
      #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper {
        padding: 60px 20px; } }
    /* line 698, sass/style.scss */
    #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper h1 {
      text-align: center;
      margin-bottom: 50px; }
    /* line 699, sass/style.scss */
    #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner {
      width: 1180px;
      margin: 0 auto;
      position: relative;
      z-index: 102; }
      @media only screen and (max-width: 1024px) {
        /* line 699, sass/style.scss */
        #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner {
          width: auto; } }
      @media only screen and (max-width: 768px) {
        /* line 699, sass/style.scss */
        #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner {
          text-align: center;
          width: auto; } }
      /* line 702, sass/style.scss */
      #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box {
        width: 560px;
        overflow: hidden;
        display: inline-block;
        margin-bottom: 50px; }
        @media only screen and (max-width: 1024px) {
          /* line 702, sass/style.scss */
          #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box {
            width: 46%; } }
        @media only screen and (max-width: 768px) {
          /* line 702, sass/style.scss */
          #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box {
            width: auto;
            margin: 0 auto 50px; } }
        /* line 705, sass/style.scss */
        #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box .img_wrapper {
          float: left;
          border-radius: 500px;
          display: inline-block;
          border: 8px solid #4BBCF7;
          height: 194px; }
          /* line 707, sass/style.scss */
          #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box .img_wrapper img {
            width: 194px;
            height: auto;
            border-radius: 500px; }
          @media only screen and (max-width: 768px) {
            /* line 705, sass/style.scss */
            #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box .img_wrapper {
              float: none; } }
        /* line 710, sass/style.scss */
        #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box .ugyfelsz_box_content {
          margin-left: 250px; }
          @media only screen and (max-width: 768px) {
            /* line 710, sass/style.scss */
            #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box .ugyfelsz_box_content {
              margin-left: 0; } }
          @media only screen and (max-width: 768px) {
            /* line 712, sass/style.scss */
            #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box .ugyfelsz_box_content h2 {
              margin-bottom: 0; } }
          /* line 715, sass/style.scss */
          #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box .ugyfelsz_box_content .icon {
            margin-right: 20px; }
            @media only screen and (max-width: 768px) {
              /* line 715, sass/style.scss */
              #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box .ugyfelsz_box_content .icon {
                margin: 0 5px 0 15px; } }
          /* line 718, sass/style.scss */
          #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box .ugyfelsz_box_content p {
            margin-bottom: 8px; }
            @media only screen and (max-width: 768px) {
              /* line 718, sass/style.scss */
              #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box .ugyfelsz_box_content p {
                display: inline-block;
                margin-bottom: 0; } }
            /* line 720, sass/style.scss */
            #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box .ugyfelsz_box_content p a {
              font-family: opensans-regular-webfont;
              color: #000;
              text-decoration: none; }
            /* line 721, sass/style.scss */
            #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box .ugyfelsz_box_content p:nth-child(4) {
              margin-bottom: 20px; }
        /* line 724, sass/style.scss */
        #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box:nth-child(odd) {
          margin-right: 50px; }
          @media only screen and (max-width: 768px) {
            /* line 724, sass/style.scss */
            #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #ugyfelszolgalat_inner .ugyfelsz_box:nth-child(odd) {
              margin-right: 0; } }
    /* line 729, sass/style.scss */
    #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #kikoto {
      position: absolute;
      z-index: 101;
      bottom: -10px;
      right: -25px; }
      @media only screen and (max-width: 1680px) {
        /* line 729, sass/style.scss */
        #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #kikoto {
          right: -155px; } }
      @media only screen and (max-width: 1280px) {
        /* line 729, sass/style.scss */
        #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #kikoto {
          right: -310px; } }
      @media only screen and (max-width: 768px) {
        /* line 729, sass/style.scss */
        #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper #kikoto {
          display: none; } }
    /* line 734, sass/style.scss */
    #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper .sea {
      position: absolute;
      z-index: 102;
      bottom: 0;
      background: url(images/tenger.png);
      height: 24px;
      width: 100%; }
      @media only screen and (max-width: 768px) {
        /* line 734, sass/style.scss */
        #content.page #ugyfelszolgalat #ugyfelszolgalat_wrapper .sea {
          display: none; } }
/* line 739, sass/style.scss */
#content.page #akik_nelkul_nem_megy {
  padding: 80px 0 300px;
  position: relative;
  z-index: 100; }
  @media only screen and (max-width: 1024px) {
    /* line 739, sass/style.scss */
    #content.page #akik_nelkul_nem_megy {
      overflow: hidden; } }
  @media only screen and (max-width: 768px) {
    /* line 739, sass/style.scss */
    #content.page #akik_nelkul_nem_megy {
      padding: 80px 20px 300px; } }
  @media only screen and (max-width: 479px) {
    /* line 739, sass/style.scss */
    #content.page #akik_nelkul_nem_megy {
      overflow: hidden; } }
  /* line 743, sass/style.scss */
  #content.page #akik_nelkul_nem_megy #background_path {
    position: absolute;
    top: 30px;
    left: 330px; }
    @media only screen and (max-width: 768px) {
      /* line 743, sass/style.scss */
      #content.page #akik_nelkul_nem_megy #background_path {
        display: none; } }
  /* line 746, sass/style.scss */
  #content.page #akik_nelkul_nem_megy #island {
    position: absolute;
    bottom: 86px;
    left: 287px; }
    @media only screen and (max-width: 768px) {
      /* line 746, sass/style.scss */
      #content.page #akik_nelkul_nem_megy #island {
        left: 75px; } }
    @media only screen and (max-width: 479px) {
      /* line 746, sass/style.scss */
      #content.page #akik_nelkul_nem_megy #island {
        left: -17px; } }
  /* line 750, sass/style.scss */
  #content.page #akik_nelkul_nem_megy .sea {
    position: absolute;
    height: 24px;
    bottom: 0;
    z-index: 103;
    background: url(images/tenger.png) repeat-x;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      /* line 750, sass/style.scss */
      #content.page #akik_nelkul_nem_megy .sea {
        left: 0; } }
  /* line 753, sass/style.scss */
  #content.page #akik_nelkul_nem_megy h1 {
    text-align: center;
    margin-bottom: 80px; }
  /* line 754, sass/style.scss */
  #content.page #akik_nelkul_nem_megy #box_wrapper {
    width: 1180px;
    margin: 0 auto;
    position: relative;
    z-index: 101; }
    @media only screen and (max-width: 1024px) {
      /* line 754, sass/style.scss */
      #content.page #akik_nelkul_nem_megy #box_wrapper {
        width: auto;
        max-width: 100%; } }
    @media only screen and (max-width: 768px) {
      /* line 754, sass/style.scss */
      #content.page #akik_nelkul_nem_megy #box_wrapper {
        width: auto; } }
    /* line 757, sass/style.scss */
    #content.page #akik_nelkul_nem_megy #box_wrapper .box {
      width: 560px;
      overflow: hidden;
      display: inline-block;
      margin-bottom: 50px; }
      @media only screen and (max-width: 1024px) {
        /* line 757, sass/style.scss */
        #content.page #akik_nelkul_nem_megy #box_wrapper .box {
          width: 46%; } }
      @media only screen and (max-width: 768px) {
        /* line 757, sass/style.scss */
        #content.page #akik_nelkul_nem_megy #box_wrapper .box {
          width: auto; } }
      /* line 760, sass/style.scss */
      #content.page #akik_nelkul_nem_megy #box_wrapper .box .img_wrapper {
        float: left;
        border-radius: 500px;
        display: inline-block;
        border: 8px solid #4BBCF7;
        height: 194px; }
        /* line 761, sass/style.scss */
        #content.page #akik_nelkul_nem_megy #box_wrapper .box .img_wrapper img {
          width: 194px;
          height: auto;
          border-radius: 500px; }
          @media only screen and (max-width: 768px) {
            /* line 761, sass/style.scss */
            #content.page #akik_nelkul_nem_megy #box_wrapper .box .img_wrapper img {
              width: 130px; } }
        @media only screen and (max-width: 479px) {
          /* line 760, sass/style.scss */
          #content.page #akik_nelkul_nem_megy #box_wrapper .box .img_wrapper {
            float: none; } }
      /* line 766, sass/style.scss */
      #content.page #akik_nelkul_nem_megy #box_wrapper .box .box_content {
        margin-left: 250px; }
        @media only screen and (max-width: 768px) {
          /* line 766, sass/style.scss */
          #content.page #akik_nelkul_nem_megy #box_wrapper .box .box_content {
            margin-left: 160px; } }
        @media only screen and (max-width: 479px) {
          /* line 766, sass/style.scss */
          #content.page #akik_nelkul_nem_megy #box_wrapper .box .box_content {
            margin-left: 0; } }
        /* line 769, sass/style.scss */
        #content.page #akik_nelkul_nem_megy #box_wrapper .box .box_content .icon {
          margin-right: 20px; }
        /* line 770, sass/style.scss */
        #content.page #akik_nelkul_nem_megy #box_wrapper .box .box_content p {
          margin-bottom: 8px; }
          /* line 771, sass/style.scss */
          #content.page #akik_nelkul_nem_megy #box_wrapper .box .box_content p:nth-child(4) {
            margin-bottom: 20px; }
      /* line 774, sass/style.scss */
      #content.page #akik_nelkul_nem_megy #box_wrapper .box:nth-child(odd) {
        margin-right: 50px; }
        @media only screen and (max-width: 768px) {
          /* line 774, sass/style.scss */
          #content.page #akik_nelkul_nem_megy #box_wrapper .box:nth-child(odd) {
            margin-right: 0; } }
/* line 780, sass/style.scss */
#content.page .breadcrumbs {
  width: 840px;
  margin: 30px auto 10px; }
  @media only screen and (max-width: 768px) {
    /* line 780, sass/style.scss */
    #content.page .breadcrumbs {
      display: none; } }
  /* line 782, sass/style.scss */
  #content.page .breadcrumbs a, #content.page .breadcrumbs span {
    color: #808080;
    font-size: 10pt;
    font-family: 'opensans-regular-webfont';
    text-decoration: none;
    text-transform: uppercase; }
  /* line 783, sass/style.scss */
  #content.page .breadcrumbs .delimiter {
    margin: 0 10px; }
  /* line 784, sass/style.scss */
  #content.page .breadcrumbs a.home {
    text-decoration: underline; }
/* line 786, sass/style.scss */
#content.page .narrow_header {
  width: 840px;
  margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    /* line 786, sass/style.scss */
    #content.page .narrow_header {
      width: auto;
      text-align: center;
      margin: 40px auto; } }
/* line 790, sass/style.scss */
#content.page #tanfolyam_rendeles .tanfolyam {
  width: 840px;
  margin: 30px auto; }
  @media only screen and (max-width: 768px) {
    /* line 790, sass/style.scss */
    #content.page #tanfolyam_rendeles .tanfolyam {
      width: auto;
      padding: 0 15px; } }
  /* line 792, sass/style.scss */
  #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_header {
    margin-bottom: 20px; }
    /* line 793, sass/style.scss */
    #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_header img {
      float: left; }
      @media only screen and (max-width: 768px) {
        /* line 793, sass/style.scss */
        #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_header img {
          display: none; } }
    /* line 796, sass/style.scss */
    #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_header .tanfolyam_header_right {
      margin-left: 190px; }
      @media only screen and (max-width: 768px) {
        /* line 796, sass/style.scss */
        #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_header .tanfolyam_header_right {
          margin-left: 0;
          text-align: center; } }
      /* line 798, sass/style.scss */
      #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_header .tanfolyam_header_right h2 {
        margin: 0; }
      /* line 799, sass/style.scss */
      #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_header .tanfolyam_header_right h3 {
        font-family: 'ubuntu-l-webfont';
        font-size: 22pt;
        color: #000; }
        @media only screen and (max-width: 768px) {
          /* line 799, sass/style.scss */
          #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_header .tanfolyam_header_right h3 {
            font-size: 18pt; } }
  /* line 804, sass/style.scss */
  #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_content {
    overflow: hidden;
    margin-bottom: 30px; }
    /* line 805, sass/style.scss */
    #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_content img {
      float: left;
      width: 420px; }
      @media only screen and (max-width: 768px) {
        /* line 805, sass/style.scss */
        #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_content img {
          float: none;
          width: auto; } }
    /* line 808, sass/style.scss */
    #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_content div {
      float: left; }
    #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_content div:not(:first-child) {
      float: right;
	  width: 40%;
	  }
      @media only screen and (max-width: 768px) {
        /* line 808, sass/style.scss */
        #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_content div {
          margin-left: 0;
          padding: 20px; } }
  /* line 812, sass/style.scss */
  #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek {
    background: #f1f1f1;
    position: relative; }
    @media only screen and (max-width: 768px) {
      /* line 812, sass/style.scss */
      #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek {
        margin: 0 20px; } }
    /* line 814, sass/style.scss */
    #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .arrow {
      position: absolute;
      top: 46px;
      left: -27px; }
    /* line 815, sass/style.scss */
    #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .tanfolyam_mintafejezetek_header {
      padding: 30px 30px 20px; }
      /* line 816, sass/style.scss */
      #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .tanfolyam_mintafejezetek_header h2, #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .tanfolyam_mintafejezetek_header span {
        display: inline-block; }
      /* line 817, sass/style.scss */
      #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .tanfolyam_mintafejezetek_header h2 {
        margin-right: 30px;
        margin-bottom: 0; }
      /* line 818, sass/style.scss */
      #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .tanfolyam_mintafejezetek_header span {
        font-size: 10pt;
        color: #8e8e8e; }
    /* line 820, sass/style.scss */
    #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .tanfolyam_mintafejezetek_content {
      margin: 0 5px 20px;
      border: 2px dashed #9a9a9a;
      padding: 20px; }
      /* line 821, sass/style.scss */
      #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .tanfolyam_mintafejezetek_content .tanfolyam_mintafejezetek_content_box {
        display: inline-block;
        vertical-align: top;
        margin-right: 45px; }
        @media only screen and (max-width: 768px) {
          /* line 821, sass/style.scss */
          #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .tanfolyam_mintafejezetek_content .tanfolyam_mintafejezetek_content_box {
            margin-bottom: 15px; } }
        /* line 823, sass/style.scss */
        #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .tanfolyam_mintafejezetek_content .tanfolyam_mintafejezetek_content_box span {
          font-family: opensans-bold-webfont;
          font-size: 11pt;
          color: #1090cf;
          text-transform: uppercase; }
        /* line 824, sass/style.scss */
        #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .tanfolyam_mintafejezetek_content .tanfolyam_mintafejezetek_content_box ul {
          padding-left: 20px;
          margin-top: 10px; }
          /* line 825, sass/style.scss */
          #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .tanfolyam_mintafejezetek_content .tanfolyam_mintafejezetek_content_box ul li {
            font-size: 11pt;
            margin-bottom: 5px; }
            /* line 826, sass/style.scss */
            #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .tanfolyam_mintafejezetek_content .tanfolyam_mintafejezetek_content_box ul li a {
              font-family: 'opensans-regular-webfont';
              text-decoration: none;
              color: #000; }
              /* line 827, sass/style.scss */
              #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .tanfolyam_mintafejezetek_content .tanfolyam_mintafejezetek_content_box ul li a:hover {
                text-decoration: underline; }
            /* line 829, sass/style.scss */
            #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .tanfolyam_mintafejezetek_content .tanfolyam_mintafejezetek_content_box ul li:before {
              content: ")";
              font-size: 11pt;
              color: #d8262e;
              font-family: 'websymbols-regular-webfont';
              margin-left: -15px;
              margin-right: 10px; }
    /* line 834, sass/style.scss */
    #content.page #tanfolyam_rendeles .tanfolyam .tanfolyam_mintafejezetek .tanfolyam_megrendeles {
      background: #e7e7e7;
      padding: 15px 0;
      text-align: center; }
/* line 837, sass/style.scss */
#content.page #tanfolyam_rendeles hr {
  background: #c0c0c0;
  height: 1px; }
/* line 839, sass/style.scss */
#content.page .velemenyek_wrapper {
  padding: 40px 0; }
  /* line 840, sass/style.scss */
  #content.page .velemenyek_wrapper .try {
    text-align: center;
    padding: 20px 0;
    background: #eeeeee; }
    @media only screen and (max-width: 768px) {
      /* line 840, sass/style.scss */
      #content.page .velemenyek_wrapper .try {
        padding: 20px; } }
    @media only screen and (max-width: 768px) {
      /* line 842, sass/style.scss */
      #content.page .velemenyek_wrapper .try a {
        font-size: 11pt; } }
  /* line 846, sass/style.scss */
  #content.page .velemenyek_wrapper h1 {
    text-align: center;
    margin-bottom: 40px; }
  /* line 847, sass/style.scss */
  #content.page .velemenyek_wrapper #velemenyek_video_wrapper {
    background: url(images/tenger.png) repeat-x;
    width: 100%;
    padding-top: 24px; }
    /* line 848, sass/style.scss */
    #content.page .velemenyek_wrapper #velemenyek_video_wrapper #velemenyek_video {
      background: #63d5d4;
      width: 100%;
      text-align: center;
      padding: 30px 0 15px;
      position: relative; }
      /* line 849, sass/style.scss */
      #content.page .velemenyek_wrapper #velemenyek_video_wrapper #velemenyek_video .video_container {
        position: relative;
        z-index: 102; }
      /* line 850, sass/style.scss */
      #content.page .velemenyek_wrapper #velemenyek_video_wrapper #velemenyek_video #ship_medium {
        position: absolute;
        left: 300px;
        top: -20px;
        z-index: 101; }
        @media only screen and (max-width: 1280px) {
          /* line 850, sass/style.scss */
          #content.page .velemenyek_wrapper #velemenyek_video_wrapper #velemenyek_video #ship_medium {
            left: 60px; } }
        @media only screen and (max-width: 768px) {
          /* line 850, sass/style.scss */
          #content.page .velemenyek_wrapper #velemenyek_video_wrapper #velemenyek_video #ship_medium {
            display: none; } }
      /* line 854, sass/style.scss */
      #content.page .velemenyek_wrapper #velemenyek_video_wrapper #velemenyek_video #octopus {
        position: absolute;
        right: 300px;
        top: 50px;
        z-index: 101; }
        @media only screen and (max-width: 1280px) {
          /* line 854, sass/style.scss */
          #content.page .velemenyek_wrapper #velemenyek_video_wrapper #velemenyek_video #octopus {
            right: 60px; } }
        @media only screen and (max-width: 768px) {
          /* line 854, sass/style.scss */
          #content.page .velemenyek_wrapper #velemenyek_video_wrapper #velemenyek_video #octopus {
            display: none; } }
        /* line 857, sass/style.scss */
        #content.page .velemenyek_wrapper #velemenyek_video_wrapper #velemenyek_video #octopus img {
          -moz-transform: scaleX(-1);
          -o-transform: scaleX(-1);
          -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
          filter: FlipH;
          -ms-filter: "FlipH"; }
      /* line 866, sass/style.scss */
      #content.page .velemenyek_wrapper #velemenyek_video_wrapper #velemenyek_video .random_wave {
        width: 185px;
        height: 24px;
        background: url(images/tenger.png);
        position: absolute;
        z-index: 100; }
        @media only screen and (max-width: 768px) {
          /* line 866, sass/style.scss */
          #content.page .velemenyek_wrapper #velemenyek_video_wrapper #velemenyek_video .random_wave {
            display: none; } }
        /* line 868, sass/style.scss */
        #content.page .velemenyek_wrapper #velemenyek_video_wrapper #velemenyek_video .random_wave#waves1 {
          top: 76px;
          left: 100px; }
        /* line 869, sass/style.scss */
        #content.page .velemenyek_wrapper #velemenyek_video_wrapper #velemenyek_video .random_wave#waves2 {
          top: 48px;
          left: 526px;
          width: 100px; }
        /* line 870, sass/style.scss */
        #content.page .velemenyek_wrapper #velemenyek_video_wrapper #velemenyek_video .random_wave#waves3 {
          top: 45px;
          right: 250px; }
        /* line 871, sass/style.scss */
        #content.page .velemenyek_wrapper #velemenyek_video_wrapper #velemenyek_video .random_wave#waves4 {
          top: 156px;
          right: 89px; }
    /* line 874, sass/style.scss */
    #content.page .velemenyek_wrapper #velemenyek_video_wrapper .try {
      background: #228685; }
      @media only screen and (max-width: 768px) {
        /* line 874, sass/style.scss */
        #content.page .velemenyek_wrapper #velemenyek_video_wrapper .try {
          padding: 20px; } }
      @media only screen and (max-width: 768px) {
        /* line 876, sass/style.scss */
        #content.page .velemenyek_wrapper #velemenyek_video_wrapper .try a {
          font-size: 11pt; } }
      @media only screen and (max-width: 479px) {
        /* line 876, sass/style.scss */
        #content.page .velemenyek_wrapper #velemenyek_video_wrapper .try a {
          padding: 10px 30px; } }
  /* line 882, sass/style.scss */
  #content.page .velemenyek_wrapper .velemenyek_list_wrapper {
    padding: 40px 0 0; }
    /* line 883, sass/style.scss */
    #content.page .velemenyek_wrapper .velemenyek_list_wrapper h2 {
      text-align: center;
      margin-bottom: 0; }
      @media only screen and (max-width: 768px) {
        /* line 883, sass/style.scss */
        #content.page .velemenyek_wrapper .velemenyek_list_wrapper h2 {
          margin: 0 20px; } }
      /* line 885, sass/style.scss */
      #content.page .velemenyek_wrapper .velemenyek_list_wrapper h2 .ul {
        text-decoration: underline; }
    /* line 887, sass/style.scss */
    #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list {
      width: 945px;
      margin: 40px auto;
      overflow: hidden; }
      @media only screen and (max-width: 768px) {
        /* line 887, sass/style.scss */
        #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list {
          width: auto; } }
      /* line 889, sass/style.scss */
      #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny {
        overflow: hidden;
        margin-bottom: 50px; }
        /* line 890, sass/style.scss */
        #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny .velemeny_portre {
          width: 173px;
          height: 199px;
          position: relative;
          display: inline-block;
          vertical-align: top; }
          @media only screen and (max-width: 768px) {
            /* line 890, sass/style.scss */
            #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny .velemeny_portre {
              display: block; margin-left: auto; margin-right: auto; width: 135px; height: 210px;} }
          /* line 892, sass/style.scss */
          #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny .velemeny_portre .border {
            position: relative;
            z-index: 101; }
          /* line 893, sass/style.scss */
          #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny .velemeny_portre .portre {
            position: absolute;
            border-radius: 500px;
            display: block;
            top: 38px;
            left: 0;
            right: 0;
            margin: 0 auto; }
        /* line 895, sass/style.scss */
        #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny .velemeny_content {
          display: inline-block;
          vertical-align: top;
          width: 767px; }
          @media only screen and (max-width: 768px) {
            /* line 895, sass/style.scss */
            #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny .velemeny_content {
              width: auto; } }
          /* line 897, sass/style.scss */
          #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny .velemeny_content .velemeny_content_box {
            padding: 25px 40px;
            border-radius: 10px;
            background: #f3f3f3;
            margin-left: 27px;
            position: relative;
            margin-bottom: 10px; }
            @media only screen and (max-width: 768px) {
              /* line 897, sass/style.scss */
              #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny .velemeny_content .velemeny_content_box {
                margin: 0 20px; } }
            /* line 899, sass/style.scss */
            #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny .velemeny_content .velemeny_content_box h3 {
              font-family: ubuntu-l-webfont;
              font-size: 18pt;
              font-style: italic;
              margin-bottom: 15px; }
            /* line 900, sass/style.scss */
            #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny .velemeny_content .velemeny_content_box p {
              font-style: italic; }
            /* line 901, sass/style.scss */
            #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny .velemeny_content .velemeny_content_box:before {
              content: '';
              position: absolute;
              top: 80px;
              left: -27px;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 12.5px 27px 12.5px 0;
              border-color: transparent #f3f3f3 transparent transparent; }
              @media only screen and (max-width: 768px) {
                /* line 901, sass/style.scss */
                #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny .velemeny_content .velemeny_content_box:before {
                  top: auto;
                  bottom: -22px;
                  left: 30px;
                  border-width: 22px 13px 0 13px;
                  border-color: #f3f3f3 transparent transparent transparent; } }
          /* line 905, sass/style.scss */
          #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny .velemeny_content .velemeny_author {
            font-style: italic;
            margin-left: 50px; }
            @media only screen and (max-width: 768px) {
              /* line 905, sass/style.scss */
              #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny .velemeny_content .velemeny_author {
                margin-top: 25px;
                margin-left: 40px; } }
        /* line 909, sass/style.scss */
        #content.page .velemenyek_wrapper .velemenyek_list_wrapper .velemenyek_list .velemeny:last-child {
          margin-bottom: 0; }
/* line 914, sass/style.scss */
#content.page #stats_wrapper {
  background: url(images/hullamok.png);
  padding: 40px 0 0; }
  @media only screen and (max-width: 768px) {
    /* line 914, sass/style.scss */
    #content.page #stats_wrapper {
      text-align: center; } }
  /* line 916, sass/style.scss */
  #content.page #stats_wrapper h1 {
    text-align: center; }
  /* line 917, sass/style.scss */
  #content.page #stats_wrapper h2 {
    text-align: center; }
  /* line 918, sass/style.scss */
  #content.page #stats_wrapper #stats {
    margin: 40px auto;
    width: 845px; }
    @media only screen and (max-width: 768px) {
      /* line 918, sass/style.scss */
      #content.page #stats_wrapper #stats {
        width: auto; } }
    /* line 920, sass/style.scss */
    #content.page #stats_wrapper #stats .stat_circle {
      border-radius: 500px;
      background: #1090cf;
      padding: 60px 25px;
      color: #fff;
      display: inline-block;
      width: 245px;
      height: 245px;
      text-align: center;
      box-sizing: border-box;
      vertical-align: top;
      margin-right: 50px; }
      @media only screen and (max-width: 768px) {
        /* line 920, sass/style.scss */
        #content.page #stats_wrapper #stats .stat_circle {
          margin-right: 0;
          margin-bottom: 40px; } }
      /* line 922, sass/style.scss */
      #content.page #stats_wrapper #stats .stat_circle .number {
        font-size: 55pt;
        font-family: ubuntu-b-webfont;
        display: block;
        line-height: 1;
        margin-bottom: 5px; }
        /* line 923, sass/style.scss */
        #content.page #stats_wrapper #stats .stat_circle .number span {
          font-size: 15pt; }
      /* line 925, sass/style.scss */
      #content.page #stats_wrapper #stats .stat_circle .text {
        font-family: opensans-bold-webfont;
        display: block;
        font-size: 12pt; }
      /* line 926, sass/style.scss */
      #content.page #stats_wrapper #stats .stat_circle:last-child {
        margin-right: 0; }
  /* line 929, sass/style.scss */
  #content.page #stats_wrapper .try {
    text-align: center;
    padding: 20px 0;
    background: #eeeeee; }
    @media only screen and (max-width: 768px) {
      /* line 930, sass/style.scss */
      #content.page #stats_wrapper .try a {
        margin: 0 20px;
        font-size: 11pt; } }
    @media only screen and (max-width: 479px) {
      /* line 930, sass/style.scss */
      #content.page #stats_wrapper .try a {
        padding: 10px 30px; } }
/* line 936, sass/style.scss */
#content.page .alt_text {
  width: 980px;
  margin: 20px auto 0;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    /* line 936, sass/style.scss */
    #content.page .alt_text {
      width: auto;
      padding: 0 20px; } }
/* line 939, sass/style.scss */
#content.page #regisztracio {
  width: 775px;
  margin: 0 auto;
  padding: 40px 0 80px;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    /* line 939, sass/style.scss */
    #content.page #regisztracio {
      width: auto; } }
  /* line 941, sass/style.scss */
  #content.page #regisztracio form {
    text-align: left;
    margin-top: 40px; }
    @media only screen and (max-width: 768px) {
      /* line 941, sass/style.scss */
      #content.page #regisztracio form {
        margin: 40px 30px 0; } }
    /* line 943, sass/style.scss */
    #content.page #regisztracio form input[type="text"], #content.page #regisztracio form input[type="email"], #content.page #regisztracio form input[type="password"] {
      margin-bottom: 12px;
      font-size: 11pt;
      padding: 10px 13px; }
    /* line 944, sass/style.scss */
    #content.page #regisztracio form .checkbox {
      display: inline-block; }
      @media only screen and (max-width: 479px) {
        /* line 944, sass/style.scss */
        #content.page #regisztracio form .checkbox {
          margin-bottom: 10px; } }
      /* line 946, sass/style.scss */
      #content.page #regisztracio form .checkbox input[type="checkbox"] {
        vertical-align: middle;
        margin-right: 10px; }
      /* line 947, sass/style.scss */
      #content.page #regisztracio form .checkbox span {
        display: inline-block;
        font-size: 10pt; }
        @media only screen and (max-width: 768px) {
          /* line 947, sass/style.scss */
          #content.page #regisztracio form .checkbox span {
            width: 145px;
            vertical-align: top; } }
        @media only screen and (max-width: 479px) {
          /* line 947, sass/style.scss */
          #content.page #regisztracio form .checkbox span {
            width: auto; } }
    /* line 952, sass/style.scss */
    #content.page #regisztracio form .button {
      float: right; }
/* line 955, sass/style.scss */
#content.page #regisztracio_miert {
  background: url(images/hullamok.png);
  padding: 40px 0;
  margin-bottom: 40px; }
  /* line 956, sass/style.scss */
  #content.page #regisztracio_miert h2 {
    text-align: center; }
    @media only screen and (max-width: 768px) {
      /* line 956, sass/style.scss */
      #content.page #regisztracio_miert h2 {
        margin: 0 20px; } }
  /* line 959, sass/style.scss */
  #content.page #regisztracio_miert #reg_circles {
    margin: 40px auto;
    width: 845px; }
    @media only screen and (max-width: 768px) {
      /* line 959, sass/style.scss */
      #content.page #regisztracio_miert #reg_circles {
        width: auto;
        text-align: center; } }
    /* line 961, sass/style.scss */
    #content.page #regisztracio_miert #reg_circles .reg_circle {
      border-radius: 500px;
      background: #1090cf;
      padding: 60px 20px;
      color: #fff;
      display: inline-block;
      width: 245px;
      height: 245px;
      text-align: center;
      box-sizing: border-box;
      vertical-align: top;
      margin-right: 50px; }
      @media only screen and (max-width: 768px) {
        /* line 961, sass/style.scss */
        #content.page #regisztracio_miert #reg_circles .reg_circle {
          margin: 0 0 40px; } }
      /* line 963, sass/style.scss */
      #content.page #regisztracio_miert #reg_circles .reg_circle .icon {
        font-size: 55pt;
        font-family: ubuntu-b-webfont;
        display: block;
        line-height: 1;
        margin-bottom: 5px; }
        /* line 964, sass/style.scss */
        #content.page #regisztracio_miert #reg_circles .reg_circle .icon span {
          font-size: 15pt; }
      /* line 966, sass/style.scss */
      #content.page #regisztracio_miert #reg_circles .reg_circle .text {
        font-family: opensans-bold-webfont;
        display: block;
        font-size: 12pt; }
      /* line 967, sass/style.scss */
      #content.page #regisztracio_miert #reg_circles .reg_circle:last-child {
        margin-right: 0; }
@media only screen and (max-width: 1280px) {
  /* line 971, sass/style.scss */
  #content.page #treasure {
    overflow: hidden; }
    /* line 973, sass/style.scss */
    #content.page #treasure img {
      margin-left: -300px; } }
@media only screen and (max-width: 768px) {
  /* line 971, sass/style.scss */
  #content.page #treasure {
    display: none; } }
/* line 977, sass/style.scss */
#content.page #regisztracios_tudnivalok {
  width: 775px;
  margin: 0 auto;
  padding-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    /* line 977, sass/style.scss */
    #content.page #regisztracios_tudnivalok {
      width: auto;
      padding: 0 30px 40px; } }
  /* line 979, sass/style.scss */
  #content.page #regisztracios_tudnivalok h2 {
    text-align: center;
    margin-bottom: 30px; }
  /* line 980, sass/style.scss */
  #content.page #regisztracios_tudnivalok p {
    margin-top: 25px;
    font-size: 12pt; }
/* line 982, sass/style.scss */
#content.page .text_box {
  width: 840px;
  margin: 0 auto;
  padding-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    /* line 982, sass/style.scss */
    #content.page .text_box {
      width: auto; } }
  /* line 984, sass/style.scss */
  #content.page .text_box h1 {
    text-align: left;
    margin-bottom: 40px; }
    @media only screen and (max-width: 768px) {
      /* line 984, sass/style.scss */
      #content.page .text_box h1 {
        margin: 40px 20px; } }
  /* line 987, sass/style.scss */
  #content.page .text_box h2 {
    text-align: left;
    margin: 30px 0; }
    @media only screen and (max-width: 768px) {
      /* line 987, sass/style.scss */
      #content.page .text_box h2 {
        margin: 30px 20px;
        text-align: left; } }
  /* line 990, sass/style.scss */
  #content.page .text_box p {
    margin-top: 25px;
    font-size: 12pt; }
    @media only screen and (max-width: 768px) {
      /* line 990, sass/style.scss */
      #content.page .text_box p {
        margin: 0 30px; } }
  /* line 993, sass/style.scss */
  #content.page .text_box img {
    max-width: 100%;
    height: auto;
    margin-top: 10px; }
  /* line 994, sass/style.scss */
  #content.page .text_box p.image_caption {
    text-align: center;
    font-style: italic;
    font-size: 11pt;
    color: #8c8c8c;
    margin-top: 3px;
    margin-bottom: 20px; }
/* line 996, sass/style.scss */
#content.page .quote_block {
  background: url(images/hullamok.png);
  padding: 50px 0;
  margin-bottom: 40px; }
  /* line 997, sass/style.scss */
  #content.page .quote_block .quote_content {
    width: 730px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      /* line 997, sass/style.scss */
      #content.page .quote_block .quote_content {
        width: auto;
        padding: 0 40px; } }
    /* line 999, sass/style.scss */
    #content.page .quote_block .quote_content p {
      font-size: 14pt;
      font-style: italic;
      color: #8c8c8c;
      line-height: 1.4em; }
      @media only screen and (max-width: 768px) {
        /* line 999, sass/style.scss */
        #content.page .quote_block .quote_content p {
          font-size: 12pt; } }
    /* line 1002, sass/style.scss */
    #content.page .quote_block .quote_content span.quote_author {
      color: #8c8c8c;
      font-size: 10pt;
      text-transform: uppercase;
      display: block;
      margin-top: 20px; }
/* line 1005, sass/style.scss */
#content.page .prefooter {
  height: 310px;
  position: relative;
  background: #fff;
  z-index: 100;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    /* line 1005, sass/style.scss */
    #content.page .prefooter {
      height: 250px; } }
  /* line 1007, sass/style.scss */
  #content.page .prefooter #clouds1 {
    position: absolute;
    top: 90px;
    left: 450px; }
    @media only screen and (max-width: 768px) {
      /* line 1007, sass/style.scss */
      #content.page .prefooter #clouds1 {
        left: 150px;
        top: 40px; } }
  /* line 1010, sass/style.scss */
  #content.page .prefooter #left_cliff {
    position: absolute;
    z-index: 101;
    left: -108px;
    bottom: -150px; }
    @media only screen and (max-width: 768px) {
      /* line 1010, sass/style.scss */
      #content.page .prefooter #left_cliff {
        display: none; } }
  /* line 1013, sass/style.scss */
  #content.page .prefooter #right_cliff {
    position: absolute;
    z-index: 101;
    right: -68px;
    bottom: -73px; }
    @media only screen and (max-width: 768px) {
      /* line 1013, sass/style.scss */
      #content.page .prefooter #right_cliff {
        display: none; } }
  /* line 1016, sass/style.scss */
  #content.page .prefooter #sea {
    position: absolute;
    z-index: 102;
    background: url(images/tenger.png) repeat-x;
    height: 24px;
    width: 100%;
    bottom: 0px; }
  /* line 1017, sass/style.scss */
  #content.page .prefooter #miniship {
    position: absolute;
    z-index: 101;
    bottom: 3px;
    right: 600px; }
    @media only screen and (max-width: 768px) {
      /* line 1017, sass/style.scss */
      #content.page .prefooter #miniship {
        right: 0;
        left: 50px; } }
/* line 1021, sass/style.scss */
#content.page .prefooter_sea_only {
  background: url(images/tenger.png) repeat-x;
  height: 24px;
  width: 100%;
  margin-top: 50px; }

/*FOOTER*/
/* line 1026, sass/style.scss */
footer {
  background: #0a4564;
  color: #fff;
  position: relative;
  z-index: 103;
  width: 100%;
  padding: 40px 0; }
  @media only screen and (max-width: 768px) {
    /* line 1026, sass/style.scss */
    footer {
      padding: 40px;
      width: auto; } }
  /* line 1028, sass/style.scss */
  footer #footer_wrapper {
    text-align: center; }
    /* line 1029, sass/style.scss */
    footer #footer_wrapper #footer_menu {
      margin-bottom: 30px; }
      @media only screen and (max-width: 768px) {
        /* line 1029, sass/style.scss */
        footer #footer_wrapper #footer_menu {
          display: none; } }
      /* line 1032, sass/style.scss */
      footer #footer_wrapper #footer_menu ul li {
        display: inline-block;
        margin: 0 15px; }
        /* line 1033, sass/style.scss */
        footer #footer_wrapper #footer_menu ul li a {
          font-family: 'ubuntu-b-webfont';
          font-size: 12pt;
          text-transform: uppercase;
          color: #fff;
          text-decoration: none;
          -webkit-transition: 0.3s;
          -moz-transition: 0.3s;
          -ms-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
          /* line 1039, sass/style.scss */
          footer #footer_wrapper #footer_menu ul li a:hover {
            color: #63d5d4; }
    /* line 1044, sass/style.scss */
    footer #footer_wrapper #footer_content {
      font-size: 10pt;
      margin-bottom: 40px; }
      /* line 1045, sass/style.scss */
      footer #footer_wrapper #footer_content a {
        text-decoration: none;
        color: #fff;
        font-family: opensans-regular-webfont; }
        @media only screen and (max-width: 768px) {
          /* line 1045, sass/style.scss */
          footer #footer_wrapper #footer_content a {
            font-size: 18pt;
            display: block; } }
    /* line 1050, sass/style.scss */
    footer #footer_wrapper #author a {
      font-size: 10pt;
      text-decoration: none;
      font-family: opensans-regular-webfont; }

/*EXTRA*/
/* line 1055, sass/style.scss */
#cookie-notice {
  color: #fff;
  background: #000; }

/* line 1056, sass/style.scss */
.pagination {
  overflow: hidden;
  text-align: center; }
  /* line 1057, sass/style.scss */
  .pagination .current {
    background: #1090cf;
    border-radius: 6px;
    padding: 5px 7px;
    color: #fff; }
  /* line 1058, sass/style.scss */
  .pagination span, .pagination a {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-family: 'opensans-bold-webfont';
    padding: 5px 4px;
    font-size: 12pt;
    color: #404040;
    text-decoration: none; }
  /* line 1059, sass/style.scss */
  .pagination .icon-angle-left, .pagination .icon-angle-right {
    background: #c0c0c0;
    color: #fff;
    border-radius: 20px;
    font-weight: bold !important; }
  /* line 1060, sass/style.scss */
  .pagination .page-numbers {
    padding: 5px 15px; }
  /* line 1061, sass/style.scss */
  .pagination .icon-angle-left:before, .pagination .icon-angle-right:before {
    display: inline-block;
    vertical-align: top; }
  /* line 1062, sass/style.scss */
  .pagination .icon-angle-left {
    padding: 6px 13px 8px 11px; }
  /* line 1063, sass/style.scss */
  .pagination .icon-angle-right {
    padding: 6px 11px 8px 13px; }

/* line 1065, sass/style.scss */
#back-top {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: #0a4564;
  border-radius: 5px;
  padding: 9px 12px;
  color: #fff;
  cursor: pointer;
  font-size: 20pt;
  border: 1px solid #fff;
  z-index: 1100; }
  /* line 1066, sass/style.scss */
  #back-top:before {
    content: '\f0ff';
    font-family: icomoon; }
  @media only screen and (max-width: 1024px) {
    /* line 1065, sass/style.scss */
    #back-top {
      display: block; } }

/* line 1069, sass/style.scss */
.bx-wrapper .bx-viewport {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border: 0;
  left: 0; }

@media only screen and (max-width: 479px) {
  /* line 1071, sass/style.scss */
  .video_container img {
    width: auto;
    max-width: 100%; } }
@media (max-width: 564px)
{
	video
	{
		width: 100% !important;
		height: auto !important;
	}
}