@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: kozuka;
    src: url(../fonts/kozuka.otf);
}

@font-face {
    font-family: montserrat_thin;
    src: url(../fonts/Montserrat-Thin.ttf);
}

@font-face {
    font-family: montserrat;
    src: url(../fonts/Montserrat-Light.ttf);
}

@font-face {
    font-family: montserrat_light;
    src: url(../fonts/Montserrat-ExtraLight.ttf);
}

body {
  /* font-family: "Verdana", Geneva, Sans-serif; "Lucida Sans Unicode", "Lucida Grande", sans-serif*/
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;  
}



.montserrat_font_thin {
  font-family: montserrat_thin !important; 
}
.montserrat_font_light {
  font-family: montserrat_light !important; 
}
.montserrat_font {
  font-family: montserrat !important; 
}


.fw100 {font-weight: 100  !important; }
.fw200 {font-weight: 200  !important; }


.fs16 {font-size: 16px !important; }
.fs20 {font-size: 20px !important; }
.fs24 {font-size: 24px !important; }
.fs30 {font-size: 30px !important; }
.fs36 {font-size: 36px !important; }
.fs42 {font-size: 42px !important; }
.fs48 {font-size: 48px !important; }
.fs56 {font-size: 56px !important; }


.kozuka_font {
	font-family: kozuka;
}

.responsive_bg_image {
  background-size: cover !important; 
  background-position: center center !important;
  background-repeat: no-repeat;
}

/* formatovani textu zozi do bloku */
.column p {
  padding: 10px;
}
.column {
  padding: 5px;
}

/* STYLOVANI HLAVNIHO Okna */
.mainboard {
  min-height: 850px;
}
.mainboard_contanct {
  min-height: 1180px;
}
.mainboard h1.ui.header {
  margin-top: 3em;
  margin-bottom: 0em;
  font-size: 4em;
  font-weight: normal;
}
.justify-text {
  text-align: justify;
}


/* -------------------------- RESPONZIVITA SEM -------------------------- */

/* Mobile */
@media only screen and (max-width: 767px) {
  [class*="mobile hidden"],
  [class*="tablet only"]:not(.mobile),
  [class*="computer only"]:not(.mobile),
  [class*="large monitor only"]:not(.mobile),
  [class*="widescreen monitor only"]:not(.mobile),
  [class*="or lower hidden"] {
    display: none !important;
  }
}


/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  [class*="mobile only"]:not(.tablet),
  [class*="tablet hidden"],
  [class*="computer only"]:not(.tablet),
  [class*="large monitor only"]:not(.tablet),
  [class*="widescreen monitor only"]:not(.tablet),
  [class*="or lower hidden"]:not(.mobile) {
    display: none !important;
  }
}


/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  [class*="mobile only"]:not(.computer),
  [class*="tablet only"]:not(.computer),
  [class*="computer hidden"],
  [class*="large monitor only"]:not(.computer),
  [class*="widescreen monitor only"]:not(.computer),
  [class*="or lower hidden"]:not(.tablet):not(.mobile) {
    display: none !important;
  }
}


/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  [class*="mobile only"]:not([class*="large monitor"]),
  [class*="tablet only"]:not([class*="large monitor"]),
  [class*="computer only"]:not([class*="large monitor"]),
  [class*="large monitor hidden"],
  [class*="widescreen monitor only"]:not([class*="large monitor"]),
  [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile) {
    display: none !important;
  }
}


/* Widescreen Monitor */
@media only screen and (min-width: 1920px) {
  [class*="mobile only"]:not([class*="widescreen monitor"]),
  [class*="tablet only"]:not([class*="widescreen monitor"]),
  [class*="computer only"]:not([class*="widescreen monitor"]),
  [class*="large monitor only"]:not([class*="widescreen monitor"]),
  [class*="widescreen monitor hidden"],
  [class*="widescreen monitor or lower hidden"] {
    display: none !important;
  }
}


/* ------------------------ REDESIGN FOIRMULARE ------------------------ */



/* SUBMIT FORMULARE */
div[id*="main_form_form_"] button {
  text-align: left !important;
  font-family: montserrat_thin !important;
  font-size: 24px !important;
}

/* padding u paticky */
.footer {
  padding: 50px !important;
}

