/* 
    Document   : style
    Created on : 2014.08.29., 15:53:07
    Author     : Schumacher Zsolt
    Description:
        Purpose of the stylesheet follows.
*/
/* =Reset
-------------------------------------------------------------- */
/* =Reset
-------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Extra Small devices (mobiles, 320px and up) */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/* Xtra Large devices (large desktops, 1366px and up) */
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway-medium-webfont.eot");
  src: url("../fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-medium-webfont.woff") format("woff"), url("../fonts/raleway-medium-webfont.ttf") format("truetype"), url("../fonts/raleway-medium-webfont.svg#Raleway") format("svg");
  font-weight: 500;
  font-style: "normal"; }
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway-bold-webfont.eot");
  src: url("../fonts/raleway-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-bold-webfont.woff") format("woff"), url("../fonts/raleway-bold-webfont.ttf") format("truetype"), url("../fonts/raleway-bold-webfont.svg#Raleway") format("svg");
  font-weight: 700;
  font-style: "normal"; }
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway-extrabold-webfont.eot");
  src: url("../fonts/raleway-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-extrabold-webfont.woff") format("woff"), url("../fonts/raleway-extrabold-webfont.ttf") format("truetype"), url("../fonts/raleway-extrabold-webfont.svg#Raleway") format("svg");
  font-weight: 800;
  font-style: "normal"; }
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway-black-webfont.eot");
  src: url("../fonts/raleway-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-black-webfont.woff") format("woff"), url("../fonts/raleway-black-webfont.ttf") format("truetype"), url("../fonts/raleway-black-webfont.svg#Raleway") format("svg");
  font-weight: 900;
  font-style: "normal"; }
@font-face {
  font-family: "Anton";
  src: url("../fonts/anton-regular-webfont.eot");
  src: url("../fonts/anton-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/anton-regular-webfont.woff") format("woff"), url("../fonts/anton-regular-webfont.ttf") format("truetype"), url("../fonts/anton-regular-webfont.svg#Anton") format("svg");
  font-weight: 500;
  font-style: "normal"; }
html, body {
  display: block;
  width: 100%;
  height: 100%; }

.no_padding {
  padding-left: 0;
  padding-right: 0; }

.wrapper {
  overflow: hidden; }

.container {
  width: 100%;
  max-width: 1170px; }

.header {
  position: fixed;
  top: 0;
  z-index: 3;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  width: 100%; }

.header_inner {
  height: 70px;
  padding: 16px 15px;
  position: relative; }
  @media (max-width: 767px) {
    .header_inner {
      padding: 16px 0; } }
  .header_inner .logo {
    height: 38px; }
    .header_inner .logo img {
      height: 100%;
      width: auto; }
  .header_inner .menu ul {
    float: right; }
    .header_inner .menu ul li {
      float: left;
      display: block;
      height: 38px;
      margin-left: 30px; }
      .header_inner .menu ul li a {
        float: left;
        display: block;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #38373B;
        font: 700 14px "Raleway";
        text-decoration: none;
        -webkit-transition: all 500ms ease 0s;
        -moz-transition: all 500ms ease 0s;
        -ms-transition: all 500ms ease 0s;
        -o-transition: all 500ms ease 0s;
        transition: all 500ms ease 0s; }
        .header_inner .menu ul li a:hover {
          color: #D2D813; }

/*---------------------------------------------------------
mobile menu slicknav
--------------------------------------------------------*/
.slicknav_menu {
  background: transparent;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 100%;
  z-index: 4;
  padding: 0; }
  @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (min-width: 1200px) and (max-width: 1366px), (min-width: 1367px) {
    .slicknav_menu {
      display: none; } }

.slicknav_nav {
  position: fixed;
  right: 0;
  top: 70px;
  background: #D2D813;
  width: 100%;
  padding: 90px 0 72px 0;
  border-bottom: 1px solid #fff; }

.slicknav_nav a {
  color: #fff;
  font: normal 16px "Raleway";
  text-transform: uppercase;
  margin: 15px 0; }
  .slicknav_nav a:hover {
    background-color: transparent !important;
    border-radius: 0px; }

.slicknav_btn {
  float: right;
  background-color: #D2D813;
  border-radius: 0px;
  text-decoration: none;
  z-index: 5;
  margin: 0;
  padding: 16px 15px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media (min-width: 768px) and (max-width: 991px) {
    .slicknav_btn {
      padding: 22px 20px; } }
  .slicknav_btn:hover {
    background-color: #38373B; }

.slicknav_menu .slicknav_menutxt {
  color: #fff;
  font-weight: bold;
  text-shadow: none;
  font-family: "Raleway"; }

.slicknav_menu .slicknav_icon-bar {
  box-shadow: none;
  background-color: #fff; }

.hero {
  margin-top: 70px;
  height: calc(100% - 70px);
  background: url(../pics/hero2.fw.png) 50% 50% no-repeat;
  background-size: cover; }
  @media (max-width: 767px) {
    .hero {
      height: 400px; } }
  @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    .hero {
      max-height: 500px; } }
  .hero_inner {
    height: 100%;
    position: relative; }
    @media (max-width: 767px) {
      .hero_inner {
        padding: 0; } }
    .hero_inner h1 {
      font: 900 90px "Raleway";
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        .hero_inner h1 {
          font-size: 42px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .hero_inner h1 {
          font-size: 70px; } }
      @media (min-width: 1367px) {
        .hero_inner h1 {
          font-size: 110px; } }
    .hero_inner h2 {
      font: 700 20px "Raleway";
      text-transform: uppercase;
      color: #38373B;
      text-align: center; }
      @media (max-width: 767px) {
        .hero_inner h2 {
          font-size: 13px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .hero_inner h2 {
          font-size: 18px; } }
      @media (min-width: 1367px) {
        .hero_inner h2 {
          font-size: 24px; } }
  .hero .badge {
    width: 180px;
    height: 180px;
    background: url(../pics/badge.fw.png) 50% 50% no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    right: 5%;
    top: 20%; }
    @media (max-width: 767px) {
      .hero .badge {
        width: 100px;
        height: 100px;
        top: 20px;
        right: 0px; } }
    @media (min-width: 1367px) {
      .hero .badge {
        width: 240px;
        height: 240px;
        right: -100px; } }
  .hero_title {
    position: absolute;
    bottom: 0;
    width: 100%; }
    @media (max-width: 767px) {
      .hero_title {
        width: 100%; } }
    .hero_title .down_arrow {
      text-align: center;
      padding: 10px 0 40px;
      cursor: pointer; }
      @media (max-width: 767px) {
        .hero_title .down_arrow {
          padding: 10px 0 20px; } }
      .hero_title .down_arrow .fa {
        -webkit-transition: all 500ms ease 0s;
        -moz-transition: all 500ms ease 0s;
        -ms-transition: all 500ms ease 0s;
        -o-transition: all 500ms ease 0s;
        transition: all 500ms ease 0s; }
      .hero_title .down_arrow:hover .fa {
        color: #fff; }
      @media (min-width: 1367px) {
        .hero_title .down_arrow {
          padding: 50px 0 50px; } }

.modules_inner {
  padding: 50px 0 30px; }
  @media (max-width: 767px) {
    .modules_inner {
      padding: 50px 0 50px; } }
  @media (min-width: 1367px) {
    .modules_inner {
      padding: 50px 0 80px; } }
  .modules_inner p {
    font: 700 20px "Raleway";
    text-align: center;
    line-height: 1.8em;
    margin-bottom: 50px; }
    @media (max-width: 767px) {
      .modules_inner p {
        font-size: 16px; } }
  @media (max-width: 767px) {
    .modules_inner .module {
      padding: 0 0 50px; } }
  @media (max-width: 767px) {
    .modules_inner .module:last-of-type {
      padding-bottom: 0px; } }
  .modules_inner .module img {
    width: 100%;
    height: auto;
    margin-bottom: 8px; }
  .modules_inner .module_number {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin: 0 auto 30px; }
    .modules_inner .module_number.nr1 {
      background-color: #D2D813; }
    .modules_inner .module_number.nr2 {
      background-color: #ADB429; }
    .modules_inner .module_number.nr3 {
      background-color: #7B7833; }
    .modules_inner .module_number.nr4 {
      background-color: #605C28; }
    .modules_inner .module_number span {
      width: 100%;
      display: block;
      text-align: center;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      font: 500 22px "Anton";
      color: #fff;
      padding-bottom: 4px; }
  .modules_inner .module h3 {
    font: 700 18px "Raleway";
    text-transform: uppercase;
    color: #38373B;
    text-align: center;
    margin-bottom: 20px; }
  .modules_inner .module p {
    font: 500 14px "Raleway";
    text-align: left;
    margin-bottom: 10px;
    line-height: 1.6em; }
    @media (max-width: 767px) {
      .modules_inner .module p {
        text-align: center; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .modules_inner .module p {
        font-size: 14px; } }
  .modules_inner .module .continue {
    color: #7B7833;
    font: 700 16px "Raleway";
    text-decoration: none;
    text-transform: uppercase; }
    .modules_inner .module .continue:hover {
      color: #605C28; }
    @media (max-width: 767px) {
      .modules_inner .module .continue {
        display: block;
        width: 100%;
        text-align: center; } }

.why_choose {
  background-color: #E0E45A;
  padding-right: 0; }
  .why_choose_wrapper {
    width: 100%;
    overflow: hidden;
    padding: 50px 0; }
    @media (max-width: 767px) {
      .why_choose_wrapper {
        padding: 0; } }
  .why_choose_left {
    padding: 50px 0; }
    @media (max-width: 767px) {
      .why_choose_left {
        padding: 30px 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .why_choose_left {
        padding: 30px 0; } }
    .why_choose_left h2 {
      font: 900 46px "Raleway";
      text-transform: uppercase;
      color: #fff; }
      @media (max-width: 767px) {
        .why_choose_left h2 {
          font-size: 24px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .why_choose_left h2 {
          font-size: 28px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .why_choose_left h2 {
          font-size: 30px; } }
  .why_choose_right {
    position: relative; }
    @media (max-width: 767px) {
      .why_choose_right {
        display: none; } }
    .why_choose_right_inner {
      display: none; }
    .why_choose_right img {
      position: absolute;
      top: -50px;
      width: 130%; }
      @media (min-width: 768px) and (max-width: 991px) {
        .why_choose_right img {
          top: -30px; } }

.features {
  padding-bottom: 80px; }
  @media (max-width: 767px) {
    .features {
      padding-bottom: 50px; } }
  @media (min-width: 1367px) {
    .features {
      padding-bottom: 100px; } }

.features_inner {
  padding: 60px 0 50px; }
  @media (max-width: 767px) {
    .features_inner {
      padding: 50px 0 30px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .features_inner {
      padding: 40px 0 30px; } }
  @media (min-width: 1367px) {
    .features_inner {
      padding: 100px 0 50px; } }
  @media (max-width: 767px) {
    .features_inner .feature {
      padding: 0 0 50px; } }
  @media (max-width: 767px) {
    .features_inner .feature:last-of-type {
      padding-bottom: 0px; } }
  .features_inner .feature_img {
    width: 100%;
    height: 80px;
    margin: 0 auto 30px; }
    @media (max-width: 767px) {
      .features_inner .feature_img {
        height: 60px;
        margin: 0 0 10px; } }
    .features_inner .feature_img.nr1 {
      background: url("../pics/auto.png") 50% 50% no-repeat;
      background-size: contain; }
    .features_inner .feature_img.nr2 {
      background: url("../pics/cheetah.png") 50% 50% no-repeat;
      background-size: contain; }
    .features_inner .feature_img.nr3 {
      background: url("../pics/puzzle.png") 50% 50% no-repeat;
      background-size: contain; }
    .features_inner .feature_img.nr4 {
      background: url("../pics/piggybank.png") 50% 50% no-repeat;
      background-size: contain; }
  .features_inner .feature h3 {
    font: 700 18px "Raleway";
    text-transform: uppercase;
    color: #38373B;
    text-align: center;
    margin-bottom: 20px; }
  .features_inner .feature p {
    font: 500 14px "Raleway";
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.6em; }
  .features_inner .feature .continue {
    color: #7B7833;
    font: 700 16px "Raleway";
    text-transform: uppercase; }

a.feature_btn {
  font: 800 15px "Raleway";
  display: block;
  margin: 0 5px;
  width: calc(50% - 10px);
  text-transform: uppercase;
  text-decoration: none;
  float: left;
  text-align: center;
  padding: 14px 0 12px;
  background-color: #D2D813;
  color: #38373B;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s; }
  @media (max-width: 767px) {
    a.feature_btn {
      width: 100%;
      margin: 5px 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    a.feature_btn {
      font-size: 13px; } }
  a.feature_btn:hover {
    background-color: #38373B;
    color: #fff; }

.testimonials {
  background-color: #E0E45A; }
  .testimonials_inner {
    height: 100%; }
    @media (max-width: 767px) {
      .testimonials_inner {
        padding: 0; } }
  .testimonials_title {
    position: relative;
    height: 400px;
    background: url("../pics/testimonials_bgd2.fw.png") 0 0px no-repeat; }
    @media (max-width: 767px) {
      .testimonials_title {
        height: auto;
        padding: 50px 0 20px;
        background: none; } }
    @media (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
      .testimonials_title {
        background-size: contain; } }
    .testimonials_title h2 {
      font: 900 60px "Raleway";
      text-transform: uppercase;
      color: #fff;
      line-height: 1.2em;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media (max-width: 767px) {
        .testimonials_title h2 {
          font-size: 24px;
          position: relative;
          top: 0;
          -webkit-transform: translateY(0%);
          -moz-transform: translateY(0%);
          -ms-transform: translateY(0%);
          -o-transform: translateY(0%);
          transform: translateY(0%); } }
      @media (min-width: 768px) and (max-width: 991px) {
        .testimonials_title h2 {
          font-size: 40px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .testimonials_title h2 {
          font-size: 50px; } }
  .testimonials_slider {
    padding: 50px 0;
    height: 100%;
    background: url("../pics/quotation.fw.png") 50px 50px no-repeat;
    background-size: 80px auto; }
    @media (max-width: 767px) {
      .testimonials_slider {
        padding: 0;
        background: none; } }

.owl-carousel,
.owl-stage-outer,
.owl-stage,
.owl-item,
.owl-item .slide {
  height: 100%; }

.owl-carousel .owl-nav {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-carousel .owl-nav [class*='owl-'] {
  color: #38373B;
  font-size: 14px;
  margin: -18px 0;
  padding: 14px 18px;
  background: url("pics/light.fw.png") 50% 50% repeat;
  display: inline-block;
  cursor: pointer;
  border-radius: 0px;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s; }

.owl-carousel .owl-nav [class*='owl-']:hover {
  background: #D2D813;
  color: #FFF;
  text-decoration: none; }

.owl-carousel .owl-nav .disabled {
  opacity: 0.5;
  cursor: default; }

/*.owl-carousel .owl-prev {
  float: left;
  border-radius: 0 3px 3px 0;
}

.owl-carousel .owl-next{
  float: right;
   border-radius: 3px 0 0 3px;
}*/
.owl-carousel .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-carousel .owl-dots {
  position: absolute;
  right: 5%;
  bottom: 5%;
  text-align: right;
  -webkit-tap-highlight-color: transparent; }
  @media (max-width: 767px) {
    .owl-carousel .owl-dots {
      text-align: center; } }

.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline; }

.owl-carousel .owl-dots .owl-dot span {
  width: 30px;
  height: 3px;
  margin: 5px 7px;
  background: #fff;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px; }

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
  background: #D2D813; }

.slide {
  padding: 50px 20px 50px 190px; }
  @media (max-width: 767px) {
    .slide {
      padding: 0 0 50px 0px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .slide {
      padding-left: 120px; } }
  .slide p {
    font: 500 18px "Raleway";
    line-height: 1.6em;
    display: block;
    margin-bottom: 20px; }
    @media (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
      .slide p {
        font-size: 16px; } }
  .slide h4 {
    font: 700 20px "Raleway"; }
    .slide h4 span {
      margin-top: 10px;
      width: 100%;
      display: block;
      font: 500 15px "Raleway"; }

.clients {
  padding: 50px; }
  @media (max-width: 767px) {
    .clients {
      padding: 50px 0; } }
  @media (min-width: 1367px) {
    .clients {
      padding: 80px; } }
  .clients h2 {
    font: 900 60px "Raleway";
    text-transform: uppercase;
    color: #38373B;
    line-height: 1.4em;
    text-align: center;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .clients h2 {
        font-size: 24px;
        text-align: center; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .clients h2 {
        font-size: 40px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .clients h2 {
        font-size: 50px; } }
  @media (max-width: 767px) {
    .clients .client_logo {
      width: 100%;
      display: block; } }
  .clients .client_logo img {
    width: 100%;
    height: auto; }
    @media (max-width: 767px) {
      .clients .client_logo img {
        display: block;
        height: auto;
        width: 120px;
        margin: 0 auto; } }

.testdrive {
  padding: 70px 15px;
  background: url("../pics/testdrive_bgd.fw.png") 50% 50% no-repeat;
  background-size: cover; }
  @media (max-width: 767px) {
    .testdrive {
      padding: 50px 0; } }
  @media (min-width: 1367px) {
    .testdrive {
      padding: 100px 15px; } }
  .testdrive h2 {
    font: 900 60px "Raleway";
    text-transform: uppercase;
    color: #D2D813;
    line-height: 1.2em;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .testdrive h2 {
        font-size: 24px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .testdrive h2 {
        font-size: 40px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .testdrive h2 {
        font-size: 50px; } }
    @media (min-width: 1367px) {
      .testdrive h2 {
        font-size: 70px; } }
  .testdrive p {
    font: 500 16px "Raleway";
    color: #fff;
    line-height: 1.5em; }
  .testdrive a.testdrive_btn {
    font: 800 15px "Raleway";
    display: block;
    margin-top: 30px;
    width: 250px;
    text-transform: uppercase;
    text-decoration: none;
    float: left;
    text-align: center;
    padding: 14px 0 12px;
    background-color: #D2D813;
    color: #38373B;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s; }
    @media (min-width: 768px) and (max-width: 991px) {
      .testdrive a.testdrive_btn {
        font-size: 13px; } }
    .testdrive a.testdrive_btn:hover {
      background-color: #38373B;
      color: #fff; }

.footer {
  background-color: #111;
  padding: 20px 15px; }
  .footer p {
    font: 500 16px "Raleway";
    color: #fff; }
    @media (max-width: 767px) {
      .footer p {
        text-align: center;
        display: block;
        line-height: 1.7em; } }
    .footer p a {
      font-size: 14px;
      color: #999; }

/*---------------------------------------------------------------------
services page
-----------------------------------------------------------------------*/
.subpage_content {
  min-height: calc(100vh - 59px);
}
.hero_subpage {
  margin-top: 70px;
  height: 300px;
  background: #D2D813;
  background-size: cover; }
  @media (max-width: 767px) {
    .hero_subpage {
      height: 220px; } }
  @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    .hero_subpage {
      height: 300px; } }
  @media (min-width: 1367px) {
    .hero_subpage {
      height: 400px; } }
  .hero_subpage_inner {
    height: 100%;
    position: relative; }
    @media (max-width: 767px) {
      .hero_subpage_inner {
        padding: 0; } }
    .hero_subpage_inner h1 {
      font: 900 70px "Raleway";
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        .hero_subpage_inner h1 {
          font-size: 32px; }
          .hero_subpage_inner h1 span {
            display: none; } }
      @media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
        .hero_subpage_inner h1 {
          font-size: 60px; } }
      @media (min-width: 1367px) {
        .hero_subpage_inner h1 {
          font-size: 110px; } }
    .hero_subpage_inner h2 {
      font: 700 18px "Raleway";
      text-transform: uppercase;
      color: #38373B;
      text-align: center; }
      @media (max-width: 767px) {
        .hero_subpage_inner h2 {
          font-size: 13px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .hero_subpage_inner h2 {
          font-size: 18px; } }
      @media (min-width: 1367px) {
        .hero_subpage_inner h2 {
          font-size: 24px; } }
  .hero_subpage_title {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%; }
    @media (max-width: 767px) {
      .hero_subpage_title {
        width: 100%; } }

@media (max-width: 767px) {
  .subpage_content {
    padding: 0; } }
.subpage_content_article {
  padding: 75px 15px 45px;
  border-bottom: 1px solid #D2D813; }
  @media (min-width: 1367px) {
    .subpage_content_article {
      padding: 90px 15px 60px; } }
  @media (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
    .subpage_content_article.no_title {
      padding: 30px 15px 30px; } }
.subpage_content h2 {
  font: 900 50px "Raleway";
  text-transform: uppercase;
  color: #38373B; }
  @media (max-width: 767px) {
    .subpage_content h2 {
      font-size: 28px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .subpage_content h2 {
      font-size: 40px; } }
  @media (min-width: 1367px) {
    .subpage_content h2 {
      font-size: 50px; } }
.subpage_content p {
  font: 500 16px "Raleway";
  margin-bottom: 18px;
  line-height: 1.5em; }
  .subpage_content p a {
    color: #38373B; }
    .subpage_content p a:hover {
      color: #D2D813; }
  .subpage_content p strong {
    font-weight: 700; }

.container_box {
  padding: 45px 0;
  border-bottom: 1px solid #ededed; }
  @media (min-width: 1367px) {
    .container_box {
      padding: 60px 0; } }
  .container_box:first-of-type {
    padding-top: 30px; }
  .container_box:last-of-type {
    border-bottom: none; }
  .container_box_text {
    margin-bottom: 50px; }
    .container_box_text h3 {
      font: 900 20px "Raleway";
      text-transform: uppercase;
      color: #D2D813;
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        .container_box_text h3 {
          font-size: 18px; } }
      @media (min-width: 1367px) {
        .container_box_text h3 {
          font-size: 28px; } }
  .container_box_img {
    position: relative;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .container_box_img {
        margin-bottom: 0; } }
    .container_box_img img {
      width: 100%;
      height: auto; }
  .container_box .img_left {
    padding-right: 30px; }
  @media (min-width: 1200px) and (max-width: 1366px), (min-width: 1367px) {
    .container_box .img_right {
      padding-left: 30px; } }
  @media (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
    .container_box .img_right {
      padding: 0; } }

.stat_blocks {
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px;
  height: 300px; }
  @media (max-width: 767px) {
    .stat_blocks {
      margin-top: -10px;
      top: 130px; } }

.stat_block {
  float: left; }

.number_int {
  width: 100%;
  display: block;
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  visibility: hidden;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s; }

.stat_title {
  margin-bottom: 30px; }

.stat_text {
  text-align: center;
  color: #D2D813;
  font-size: 18px; }

.partner_logos {
  padding-bottom: 0px; }
  .partner_logos img {
    border: none; }

/*-------------------------------------------------------------------
kapcsolat
--------------------------------------------------------------------*/
.form_intro {
  display: block;
  margin-bottom: 30px; }

form {
  display: block; }

.form_block {
  padding-bottom: 30px; }

label {
  width: 100%;
  font: 700 18px "Raleway";
  padding-bottom: 10px; }

input[type="text"],
input[type="password"],
textarea {
  width: 100%;
  background: #eee;
  border: 1px solid #ddd;
  font: 500 16px "Raleway";
  padding: 10px; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  textarea:focus {
    border: 1px solid #D2D813;
    background: #fff; }

input[type="submit"] {
  font: 800 15px "Raleway";
  display: block;
  margin-top: 30px;
  width: 230px;
  text-transform: uppercase;
  text-decoration: none;
  float: left;
  text-align: center;
  padding: 14px 0 12px;
  background-color: #D2D813;
  color: #38373B;
  border: none;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s; }
  input[type="submit"]:hover {
    background-color: #38373B;
    color: #fff; }

textarea {
  height: 200px; }

.form_intro {
  margin-top: 50px; }
  .form_intro h3 {
    font: 900 20px "Raleway";
    text-transform: uppercase;
    color: #D2D813;
    margin-bottom: 15px; }
    @media (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
      .form_intro h3 {
        font-size: 18px; } }
    @media (min-width: 1367px) {
      .form_intro h3 {
        font-size: 28px; } }

p.success_inner {
  margin: 30px 0 0 0;
  font-weight: bold;
  background: #D2D813;
  padding: 30px; }

.container_box_enter {
  border: 1px solid #ddd;
  padding: 45px 15px; }
  @media (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
    .container_box_enter {
      margin: 40px 0; } }

.container_box_news_inner {
  padding: 0 15px; }
  @media (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
    .container_box_news_inner {
      padding: 0; } }

.container_box_news {
  padding: 0px 0px 0px 30px; }
  @media (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
    .container_box_news {
      padding: 0; } }

.container_box_news h3,
.container_box_enter h3,
.container_box_prices h3 {
  font: 900 30px "Raleway";
  text-transform: uppercase;
  color: #D2D813; }

.container_box_news h3,
.container_box_prices h3 {
  font-size: 50px;
  margin-bottom: 30px; }

@media (max-width: 767px) {
  .container_box_prices {
    padding-top: 50px; } }

.container_box_prices_inner {
  padding-bottom: 50px; }
  .container_box_prices_inner:last-of-type {
    padding-bottom: 0; }
  .container_box_prices_inner h3 {
    margin-bottom: 10px; }
  .container_box_prices_inner p a {
    color: #D2D813;
    font-weight: 700; }

.enter_form input {
  margin-top: 10px; }

.datetime {
  font: 500 13px "Raleway";
  color: #999; }

.news_header {
  padding-bottom: 10px; }
  .news_header h4 {
    font: 700 22px "Raleway";
    margin-bottom: 3px; }
    @media (max-width: 767px) {
      .news_header h4 {
        font-size: 20px; } }

.news_content p {
  font: 500 15px "Raleway";
  line-height: 1.6em;
  margin-bottom: 10px; }

.news_article {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 40px; }
  .news_article:last-of-type {
    margin-bottom: 0;
    border-bottom: 0; }
  .news_article .read_more {
    font: 500 15px "Raleway";
    color: #ADB429; }

/*-------------------------------------------------------------------------
table
-------------------------------------------------------------------------*/
.table_row .table_cell {
  border-right: 0;
  padding: 15px 15px;
  font: 500 16px "Raleway";
  min-height: 50px; }
  @media (max-width: 767px) {
    .table_row .table_cell {
      padding: 15px 0 0 15px;
      min-height: auto; } }

@media (max-width: 767px) {
  .table_row {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc; } }
.table_row span.info_line {
  display: block;
  padding: 0 15px 15px;
  font: italic 13px "Raleway";
  color: #888;
  line-height: 1.6em; }
  @media (max-width: 767px) {
    .table_row span.info_line {
      padding: 15px 15px 0; } }

@media (max-width: 767px) {
  .table_row.table_header {
    padding-bottom: 0;
    border-bottom: 0; } }

.table_header {
  border-top: 1px solid #ccc; }
  .table_header .table_cell {
    border: 0;
    font-weight: 700;
    background-color: #D2D813; }
    @media (max-width: 767px) {
      .table_header .table_cell {
        padding: 15px 0 0 15px;
        min-height: 50px;
        margin-bottom: 0; } }

input {
  background-color: #eee;
  border: 1px solid #ccc; }

.radio_element {
  display: block;
  margin-right: 15px;
  float: left; }

.sum_row {
  border-top: 1px solid #ccc; }
  .sum_row .table_cell {
    font-weight: bold; }
  @media (max-width: 767px) {
    .sum_row {
      border: 0; } }

.text_right {
  text-align: right; }
  @media (max-width: 767px) {
    .text_right {
      text-align: left;
      font-weight: 700 !important; } }

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