/* 
    Document   : style
    Created on : 2019.04.07., 15:53:07
    Author     : Schumacher Zsolt
    Description:
        School template 
*/
/* =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) */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2019. jan. 31., 12:30:42
    Author     : zsolt
*/
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans-light-webfont.eot");
  src: url("../fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-light-webfont.woff") format("woff"), url("../fonts/opensans-light-webfont.ttf") format("truetype"), url("../fonts/opensans-light-webfont.svg#Open Sans") format("svg");
  font-weight: 300;
  font-style: "normal"; }
@font-face {
  font-family: "Open Sans";
  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#Open Sans") format("svg");
  font-weight: 500;
  font-style: "normal"; }
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans-semibold-webfont.eot");
  src: url("../fonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-semibold-webfont.woff") format("woff"), url("../fonts/opensans-semibold-webfont.ttf") format("truetype"), url("../fonts/opensans-semibold-webfont.svg#Open Sans") format("svg");
  font-weight: 600;
  font-style: "normal"; }
@font-face {
  font-family: "Open Sans";
  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#Open Sans") format("svg");
  font-weight: 700;
  font-style: "normal"; }
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans-extrabold-webfont.eot");
  src: url("../fonts/opensans-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-extrabold-webfont.woff") format("woff"), url("../fonts/opensans-extrabold-webfont.ttf") format("truetype"), url("../fonts/opensans-extrabold-webfont.svg#Open Sans") format("svg");
  font-weight: 800;
  font-style: "normal"; }
/*--------------------------------------------------------
mixins
--------------------------------------------------------*/
.no_padding {
  padding-left: 0;
  padding-right: 0; }
  .no_padding_left {
    padding-left: 0; }
  .no_padding_right {
    padding-right: 0; }

html,
body {
  display: block;
  height: 100%; }

.main_wrapper {
  background-color: #fff; }

.header {
  border-bottom: 1px solid #ddd;
  position: relative; }
  .header_left {
    background-color: #eee;
    min-height: 200px; }
    @media (max-width: 767px) {
      .header_left {
        min-height: 50px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .header_left {
        min-height: 120px; } }
    @media (min-width: 1367px) {
      .header_left {
        min-height: 240px; } }
  .header_right {
    min-height: 200px; }
    @media (max-width: 767px) {
      .header_right {
        min-height: 50px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .header_right {
        min-height: 120px; } }
    @media (min-width: 1367px) {
      .header_right {
        min-height: 240px; } }

.content {
  padding: 30px 0; }
  .content_center {
    font: normal 14px "Open Sans"; }

.navigation {
  display: block;
  margin-bottom: 27px; }
  .navigation li {
    margin-bottom: 3px; }
    .navigation li.expandable span,
    .navigation li a {
      cursor: pointer;
      display: block;
      background-color: #333;
      padding: 8px 10px;
      font: normal 14px "Open Sans";
      color: #fff;
      text-decoration: none; }
      .navigation li.expandable span:hover,
      .navigation li a:hover {
        background-color: #666; }
      .navigation li.expandable span .fa,
      .navigation li a .fa {
        margin-left: 10px; }
  .navigation .submenu {
    padding-left: 10px; }
    .navigation .submenu li {
      margin: 3px 0 0; }
    .navigation .submenu a {
      display: block;
      background-color: #666;
      padding: 8px 10px;
      font: normal 13px "Open Sans";
      color: #fff;
      text-decoration: none; }

.expandable {
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s; }

.expand_nav .submenu {
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  overflow: hidden;
  height: 0; }

.expand_nav_opened .submenu {
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  overflow: hidden;
  height: auto; }

.left_box,
.right_box {
  background-color: #ddd;
  border-radius: 5px;
  min-height: 120px;
  margin-bottom: 10px; }

.content_article {
  border-bottom: 1px solid #333;
  margin-bottom: 30px; }
  .content_article:last-of-type {
    border-bottom: none;
    margin-bottom: 0; }
  .content_article_header {
    margin: 0 0 15px; }
  .content_article h3 {
    font: 600 24px "Open Sans";
    color: #333; }
  .content_article_content {
    padding-bottom: 15px; }
    .content_article_content img {
      /* width: 100%; */
      height: auto;
      display: block;
      margin-bottom: 15px; }
  .content_article p {
    margin-bottom: 15px;
    line-height: 1.6em; }
    .content_article p a {
      text-decoration: underline;
      color: #333; }
      .content_article p a:hover {
        color: #000; }
  .content_article ul, .content_article ol {
    display: block;
    margin: 30px 0; }
    .content_article ul li, .content_article ol li {
      list-style-type: disc;
      margin-left: 15px;
      margin-bottom: 10px; }
  .content_article ol li {
    list-style-type: decimal; }
  .content_article strong {
    font-weight: 700; }
  .content_article em {
    font-style: italic;
    color: #888; }

.footer {
  background-color: #333;
  width: 100%;
  min-height: 100px; }

/*---------------------------------------------------------
mobile menu slicknav
--------------------------------------------------------*/
.slicknav_menu {
  background: transparent;
  position: absolute;
  top: 0px;
  right: 0;
  width: 100px;
  height: 100%;
  z-index: 6;
  padding: 0;
  display: none; }
  @media (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
    .slicknav_menu {
      display: block; } }

.slicknav_nav {
  position: fixed;
  right: 0;
  background: #fff;
  width: 100%;
  padding: 80px 0;
  border-bottom: 1px solid #398AA7; }
  .slicknav_nav .submenu {
    margin: 0; }
    .slicknav_nav .submenu li a {
      padding: 10px 0;
      font-size: 13px; }

.slicknav_parent {
  padding-left: 15px; }

.slicknav_nav a {
  color: #333;
  font: normal 14px "Open Sans", sans-serif;
  padding: 10px 0 10px 15px;
  text-align: center; }
  .slicknav_nav a:hover {
    border-radius: 0px;
    background-color: #fff;
    text-decoration: underline;
    color: #999; }

.slicknav_nav .slicknav_row {
  padding: 8px 15px;
  background-color: transparent; }

.slicknav_nav .slicknav_item a {
  padding: 10px 0 10px 15px;
  color: #333; }

.slicknav_btn {
  position: fixed;
  float: right;
  background-color: #333;
  border-radius: 0px;
  text-decoration: none;
  z-index: 5;
  margin: 0;
  padding: 16px 12px 15px;
  width: 100px;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s; }
  .slicknav_btn:hover {
    background-color: #999; }

.slicknav_menu .slicknav_menutxt {
  color: #fff;
  font-weight: normal;
  text-shadow: none;
  font-family: "Open Sans", sans-serif; }

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

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