/*  
Theme Name: pandapoint clear theme
Theme URI: https://pandapoint.cz;
Description: pandapoint clear theme
Version: 2.2
Author: pandapoint.cz
Author URI: https://pandapoint.cz;
*/
@font-face {
  font-family: m-light;
  src: url(./font/Roboto-Light.ttf); }
@font-face {
  font-family: m-regular;
  src: url(./font/Roboto-Regular.ttf); }
@font-face {
  font-family: m-semibold;
  src: url(./font/Roboto-SemiBold.ttf); }
@font-face {
  font-family: m-bold;
  src: url(./font/Roboto-Bold.ttf); }
@font-face {
  font-family: m-medium;
  src: url(./font/Roboto-Medium.ttf); }
@font-face {
  font-family: m-italic;
  src: url(./font/Roboto-Italic.ttf); }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  height: 100%; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  overflow-x: hidden;
  font-family: m-regular; }

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

*:focus {
  outline: none; }

img {
  max-width: 100%; }

strong {
  font-weight: unset;
  font-family: m-bold; }

img.alignright {
  float: right;
  margin: 0 0 1em 1em; }

img.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.over_mobile {
  display: none; }

.navbar-toggler {
  display: none; }

.main_padding {
  padding-top: 100px; }

.main_padding_page {
  padding-top: 100px; }

.woocommerce-form-login, .woocommerce-ResetPassword {
  float: unset !important; }

.col-1 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-2 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

header {
  width: 100%;
  z-index: 9999;
  background: white;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.05);
  position: fixed;
  width: 100%; }
  header #nav {
    padding: 26px 0px; }
  header .over_menu {
    display: inline-block;
    float: right; }
  header .shop_settings {
    display: inline-block;
    float: right;
    margin-left: 30px; }
    header .shop_settings a {
      display: inline-block;
      margin-right: 10px; }
      header .shop_settings a img {
        width: 23px; }
  header .logo {
    display: block;
    position: relative; }
    header .logo img {
      width: 280px; }
  header ul {
    margin: 0;
    padding: 0; }
    header ul li {
      display: inline-block;
      margin-right: 30px;
      height: 100%;
      position: relative; }
      header ul li:last-of-type {
        margin-right: 0px; }
      header ul li.menu-item-47 a {
        border-bottom: unset !important; }
      header ul li.menu-item-48 a {
        border-bottom: unset !important; }
      header ul li.menu-item-50 a {
        border-bottom: unset !important; }
      header ul li.menu-item-49 a {
        border-bottom: unset !important; }
      header ul li.current-menu-item a {
        font-family: m-medium;
        text-decoration: none !important;
        color: #333435;
        border-bottom: 2px solid #85453B; }
      header ul li.active a {
        font-family: m-medium;
        text-decoration: none !important;
        color: #333435;
        text-decoration: none !important;
        border-bottom: 2px solid #85453B !important; }
      header ul li a {
        color: #333435;
        font-size: 18px;
        height: 100%;
        position: relative;
        transition: all 0.15s;
        font-family: m-medium; }
        header ul li a:hover {
          text-decoration: none !important;
          color: #333435;
          border-bottom: 2px solid #85453B !important; }
  header .navbar {
    padding: 0;
    float: right;
    margin-top: 0;
    position: relative;
    top: 15px;
    padding-bottom: 8px; }

.flex {
  display: flex;
  justify-content: center;
  align-items: center; }

.flex-l {
  display: flex;
  justify-content: left;
  align-items: center; }

.flex-r {
  display: flex;
  justify-content: right;
  align-items: center; }

#content_page.main_padding {
  padding: 140px 0px 90px 0px; }
#content_page a {
  color: #85453B;
  text-decoration: underline; }
#content_page h1 {
  color: #85453B;
  font-family: m-bold;
  margin-bottom: 30px; }
#content_page h2 {
  color: #85453B;
  font-family: m-bold;
  margin-bottom: 20px;
  margin-top: 20px; }
#content_page h3 {
  color: #85453B;
  font-family: m-bold;
  margin-bottom: 20px;
  margin-top: 20px; }

#top_image {
  height: 350px;
  background-size: cover !important;
  background-position: center center !important;
  margin-bottom: 50px; }
  #top_image.overlay {
    position: relative; }
    #top_image.overlay:before {
      content: "";
      background: rgba(0, 0, 0, 0.6);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  #top_image .container, #top_image .row, #top_image .col-md-12 {
    height: 350px; }
  #top_image h1 {
    color: #ffffff;
    font-size: 60px;
    font-family: m-bold;
    text-align: center;
    text-shadow: 2px -1px 2px rgba(0, 0, 0, 0.6); }

.dotted {
  margin-top: 30px;
  position: relative; }
  .dotted:before {
    content: '';
    position: relative;
    z-index: 1;
    left: 0;
    top: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    color: #85453B;
    background: currentColor;
    box-shadow: 10px 0px currentColor, 20px 0px currentColor, 30px 0px currentColor, 40px 0px currentColor, 50px 0px currentColor, 60px 0px currentColor, 70px 0px currentColor, 80px 0px currentColor;
    display: block;
    text-align: left;
    margin-bottom: 20px; }

.title_page {
  margin-bottom: 50px;
  width: max-content; }
  .title_page:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #C2A29D;
    display: block;
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 15px; }
  .title_page img {
    height: 50px; }

.default_button {
  background: #85453B !important;
  color: white !important;
  margin: 0px auto;
  display: inline-block;
  border-radius: 30px;
  padding: 13px 42px;
  font-size: 18px;
  text-transform: uppercase;
  font-family: m-bold;
  text-decoration: none !important; }
  .default_button.white {
    color: #85453B !important;
    background: white !important; }
  .default_button:hover {
    text-decoration: none !important; }
#slider:before{
  content: "";
  position: absolute;
  left:  0;
  right: 0;
  top:  0;
  bottom: 0;
  background: rgba(0,0,0,0.2);
}

#slider {
  background-size: cover !important;
  background-position: center center !important;
  height: 700px;
  text-align: center; 
position: relative;}
  #slider .container, #slider .row {
    height: 700px; }
  #slider .default_button {
    margin-top: 30px; }
  #slider h1 {
    font-size: 70px;
    color: white;
    font-family: m-bold;
    margin-bottom: 0px;
    text-shadow: 2px -1px 2px rgba(0, 0, 0, 0.6); }
  #slider p {
    font-size: 30px;
    color: white;
    font-family: m-regular;
    margin-bottom: 0px;
    text-shadow: 2px -1px 2px rgba(0, 0, 0, 0.6); }

#vyhody {
  padding: 80px 0px 20px 0px; }
  #vyhody .single_ico {
    text-align: center;
    margin-bottom: 30px; }
    #vyhody .single_ico .ico_box {
      height: 50px;
      margin-bottom: 30px; }
    #vyhody .single_ico h2 {
      color: #323435; }
      #vyhody .single_ico h2:after {
        content: "";
        width: 100%;
        height: 2px;
        background: #C2A29D;
        display: block;
        max-width: 100%;
        margin-top: 20px;
        margin-bottom: 15px; }
    #vyhody .single_ico p {
      color: #595D5F;
      min-height: 140px; }

#vybrane_pro_vas {
  padding: 0px 0px 50px 0px; }

.video_list .single_video {
  margin-bottom: 30px; }
.video_list iframe {
  width: 100%;
  height: 500px; }

#content_info {
  padding: 30px 0px 50px 0px; }
  #content_info .image_content {
    background-size: cover !important;
    background-position: center center !important;
    height: 400px;
    width: 100%;
    border-radius: 30px; }
  #content_info .single_row {
    margin-bottom: 30px; }
  #content_info h2 {
    margin-top: 0px; }
  #content_info h3 {
    margin-top: 0px; }

#o-nas {
  background: #85453B;
  padding: 50px 0px; }
  #o-nas .image_content {
    background-size: cover !important;
    background-position: center center !important;
    height: 400px;
    width: 100%;
    border-radius: 30px; }
  #o-nas .single_row {
    margin-bottom: 30px; }
  #o-nas p {
    color: #E4D2C3; }

#spoluprace {
  padding: 50px 0px; }
  #spoluprace .image_content {
    background-size: cover !important;
    background-position: top center !important;
    height: 400px;
    width: 100%;
    border-radius: 30px; }
  #spoluprace .single_row {
    margin-bottom: 30px; }

#hero {
  width: 100%;
  height: 450px;
  background-size: cover !important;
  background-position: center center !important;
  text-align: center; }
  #hero .container, #hero .row {
    height: 450px; }
  #hero h2 {
    text-shadow: 2px -1px 2px rgba(0, 0, 0, 0.6);
    color: #ffffff;
    font-size: 60px;
    font-family: m-bold;
    text-align: center;
    margin-bottom: 0px; }
  #hero p {
    text-shadow: 2px -1px 2px rgba(0, 0, 0, 0.6);
    color: #ffffff;
    font-family: m-regular;
    text-align: center;
    font-size: 24px; }
  #hero .over_button_bot {
    margin-top: 30px; }
  #hero .default_button {
    display: inline-block;
    margin-right: 20px;
    box-shadow: 3px 2px 14px 2px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 3px 2px 14px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 2px 14px 2px rgba(0, 0, 0, 0.75); }
    #hero .default_button:last-of-type {
      margin-right: 0px; }

.img_jak {
  max-width: 100%;
  width: 200px; }

footer {
  background: #85453B;
  padding: 50px 0px; }
  footer .over_color_1 {
    background: #B58D33;
    min-height: 200px;
    padding-top: 50px;
    padding-bottom: 50px; }
  footer .over_color_2 {
    background: #85453B;
    min-height: 200px;
    padding-top: 50px;
    padding-bottom: 50px; }
  footer h2 {
    font-size: 20px;
    color: white;
    font-family: m-medium; }
    footer h2:after {
      content: "";
      width: 100%;
      height: 2px;
      background: #9D6837;
      display: block;
      max-width: 207px;
      margin-top: 15px;
      margin-bottom: 15px; }
  footer p {
    color: white;
    margin-bottom: 0px; }
  footer a {
    color: white !important;
    text-decoration: underline;
    display: block;
    margin-bottom: 5px; }
    footer a:hover {
      color: white !important; }
  footer .social_site .single_social {
    margin-right: 15px;
    display: inline-block; }
    footer .social_site .single_social:last-of-type {
      margin-right: 0px; }
  footer .social_site img {
    width: 30px; }

@media screen and (max-width: 1200px) {
  header ul li {
    display: inline-block;
    margin-right: 15px;
    height: 100%;
    position: relative; } }
@media screen and (max-width: 991px) {
  .col-1 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important; }

  .col-2 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important; }

  .head1 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .head2 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .navbar-toggler {
    padding: unset;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 32px;
    margin-top: 0px;
    margin-right: 5px;
    display: block;
    float: right;
    color: #85453B;
    position: relative;
    top: 10px;
    margin-left: 20px; }

  .over_mobile {
    display: block; }

  #mobile_menu {
    position: absolute;
    top: 100px;
    z-index: 999;
    background: white;
    width: 100%;
    padding: 20px;
    border-top: 2px solid #85453B; }
    #mobile_menu ul {
      padding: 0px;
      margin: 0px;
      list-style-type: none;
      height: auto; }
      #mobile_menu ul li {
        border-bottom: 1px solid #e4e4e4;
        padding: 10px;
        display: block; }
        #mobile_menu ul li.current-menu-item a {
          color: black; }
        #mobile_menu ul li a {
          font-family: m-bold;
          font-size: 16px;
          color: #181E1E;
          height: 100%;
          display: block;
          text-decoration: none; }
      #mobile_menu ul .sub-menu {
        padding-left: 20px; }
        #mobile_menu ul .sub-menu li {
          border-bottom: 0px solid black;
          padding: 10px; }
          #mobile_menu ul .sub-menu li a {
            font-family: m-semibold;
            font-size: 15px;
            color: #181E1E;
            height: 100%;
            display: block; }

  #kontakt .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px; }

  .product.col-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px; }

  #hero .default_button {
    margin-bottom: 20px; } }
@media screen and (max-width: 767px) {
  .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%;
    overflow: visible; }

  .woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
    width: 100%;
    box-sizing: border-box; }

  .col-6 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important; }

  #content_info {
    padding: 0px 0px 50px 0px; }

  #content_page.main_padding {
    padding: 100px 0px 90px 0px; }

  .main_padding_page {
    padding-top: 79px; }

  #top_image {
    height: 280px; }

  #top_image .container, #top_image .row, #top_image .col-md-12 {
    height: 280px; }

  .single_row .order1 {
    order: 1; }

  .single_row .order2 {
    order: 2;
    margin-top: 30px; }

  #top_image h1 {
    font-size: 45px; }

  #hero h2 {
    font-size: 45px; }

  #slider h1 {
    font-size: 45px; }

  #content_page h1 {
    color: #85453B;
    font-family: m-bold;
    margin-bottom: 30px;
    font-size: 45px; }

  #slider p {
    font-size: 26px;
    color: white;
    font-family: m-regular;
    margin-bottom: 0px; }

  #hero p {
    font-size: 22px; }

  #hero .default_button {
    margin-bottom: 20px; }

  .head1 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%; }

  .head2 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%; }

  header #nav {
    padding: 15px 0px; }

  .main_padding {
    padding-top: 70px; }

  #mobile_menu {
    top: 75px; } }
@media screen and (max-width: 600px) {
  .title_page {
    margin-bottom: 50px;
    max-width: 100%; }

  #hero .container, #hero .row {
    height: 550px; }

  #hero {
    height: 550px; } }
@media screen and (max-width: 560px) {
  .main_padding_page {
    padding-top: 69px; }

  .main_padding {
    padding-top: 69px; }

  #kontakt .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px; }

  footer {
    text-align: center; }

  footer {
    padding: 50px 0px 15px 0px; }

  #mobile_menu {
    top: 70px; }

  footer h2:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #9D6837;
    display: block;
    max-width: 207px;
    margin: 0px auto;
    margin-bottom: 15px;
    margin-top: 15px; }

  .head1 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%; }

  .head2 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%; }

  header .logo img {
    width: 230px; }

  header .logo {
    position: relative;
    top: 1px; } }
@media screen and (max-width: 450px) {
  header .logo img {
    width: 200px; }

  header .navbar {
    top: 10px; }

  .navbar-toggler {
    top: 5px; } }

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