/*
Theme Name: makalniana
Text Domain: makalniana
Domain Path: /languages
Author: Bydgoskie Zasoby Internetowe
Author URI:www.bzi.pl
*/


body { background: #ffffff; color: #808080; font-size: 16px; line-height: 1.5;overflow-x: hidden; width: 100%; font-family: 'Montserrat', sans-serif;}
a:link, a:visited, a:active {text-decoration:none;color: #bf9b67;}
a:hover {text-decoration:none;color:#42312a; text-decoration: underline;}
a:focus {outline-color: transparent;}

:focus {
    outline: none;
}

h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.5; color: #bf9b67;}
h1 { color: #8d8d8d; font-weight: normal; text-align: left; font-size: 40px;}
ol>li {padding-top: 7px; padding-bottom: 7px;}
hr { background-color: #fff;  border-top: 2px solid #c8cac9; }
strong { color: #bf9b67; }

.parallax-window { background: transparent; }

.spacer_10px {  width: 100%; height: 10px; }
.spacer_95px {  width: 100%; height: 95px; }
.spacer_110px {  width: 100%; height: 110px; }

.ramka30 { border: 30px solid rgba(145, 145, 145, 0.2); }
.bordo { color: #c81a1d; }
.szary { color: #919191; }
.nobold { font-weight: normal; }

/*-----------HEADER----------*/
header {width: 100%; height: 783px;  overflow: hidden;}
.regularpage header { height: 460px; }

#top_strap { width: 100%; height: 11px; position: absolute; top: 0px; background-color: rgba(227, 183, 123, 0.46); }

#bb_logo { width: auto; height: 78px; position: absolute; top: 22px; left: 150px; z-index: 15; background:url('img/B-B_Logo.png') 0 50% no-repeat;background-size:contain;
padding-left: 90px; font-family: 'Montserrat', sans-serif; }
.logo_slogan1 { font-size: 25px; color: #fff; }
.logo_slogan2 { font-size: 18px; color: #e3b77b; }

#slogans {width:100%; height: 100%;  display:table; }
#slogans .center-box {display:table-cell;vertical-align:middle;text-align:center;padding:5% 5% 0 5%;  }

#slogan1 {font-family: 'Montserrat', sans-serif; background:rgba(0,0,0,.41); color:#fff;font-size:54px;display:inline-block;padding:18px 70px; margin-bottom: 40px;  line-height: 1.5; font-weight: bold;}
.regularpage #slogan1 {font-size:45px; padding:16px 70px; margin-bottom: 5px;  }
#slogan1 span { font-style: italic; font-size: smaller; font-weight: normal; }

#button_zamow {cursor: pointer; font-family: 'Montserrat', sans-serif; background:rgba(227,183,123,.87);color:#000;font-size:18px;display:inline-block;padding:18px 100px;font-weight: bold; margin-top: 20px;  line-height: 1.5;}
/*header a:focus,header a:visited {color: #000;}*/
#button_zamow:hover { background:rgba(218,132,15,.87); }




/*---- SECTIONS ---*/
#section1 { width: 100%; min-height: 600px;   padding-bottom: 40px; overflow: hidden;}
#h1-frontpage { font-size: 36px; margin-top: 0px; }
#h1_regularpage { width: 100%; min-height: 130px; border-bottom: 1px solid #c8cac9; display:table; }
#h1_regularpage  h1 { color: #bf9b67; font-size: 36px; text-align: center; font-weight: normal; text-transform: uppercase; display:table-cell; vertical-align:middle; }
h3.h3_frontpage { color: #bf9b67; font-weight: normal;  margin-top: 0; }
ul.wpb_page_list{ list-style-type: square; }

#content { width: 100%; background-color: #eeeff1; }

.pages {  margin-top: 0;  overflow: hidden; width: 100%; min-height: 550px;  overflow: hidden; padding: 50px 10px 50px 10px;}
.frontpage .pages { padding: 0px 50px 50px 80px; background-color: #fff;  width: 110%; margin-left: -10%; }
.col-ofirmie_foto {padding-top: 98px; text-align: right;}
.ofirmie_ramka { width: 526px; height: 395px; background-color: transparent; border: 5px solid #fff ; margin-right: 0px; margin-left: auto;}
.ofirmie_foto { width: 526px; height: 395px; background:  url('img/o_nas.jpg') no-repeat; background-size: cover; position: relative; left: 15px; bottom: 24px; z-index: 5;}

#maka_slogan_1 { text-align: center; padding-top: 90px; color: #bf9b67; font-size: 28px;}
#maka_slogan_2 { text-align: center; padding-top: 25px; padding-bottom: 30px; color: #8d8d8d; font-size: 28px;}

#section2 h3 { color: #bf9b67; margin-top: 0px; padding-top: 20px;}
.grey_bg { padding-top: 50px; padding-bottom: 190px; background-color: #f3f3f3; text-align: center; color: #bf9b67;}
.boxes3_txt { color: #bf9b67; padding-top: 20px; padding-bottom: 30px; font-size: 20px;}
#section2 .col-sm-4:nth-of-type(1), #section2 .col-sm-4:nth-of-type(3) { padding-left: 5%; padding-right: 5%; }
#section2 .col-sm-4:nth-of-type(2) { padding-left: 0px; padding-right: 0px;}
.nasiona_lnu { text-align: center; font-size: 24px; font-style: italic; color:#66615a; padding-top: 125px; padding-bottom: 25px; position: relative; width: 100%;}
#section2 .nasiona_lnu > .container { position: relative; z-index: 5; }
#blue_flower { position: absolute; top: -193px; right: 0px; width: 529px; height: 377px; background: url('img/blue_flowers.jpg') no-repeat;  }


#maka_2boxes { padding-bottom: 60px; }
#maka_2boxes h2 { color: #fff; font-weight: normal; font-size: 28px; text-align: left; padding-bottom: 150px; padding-top: 40px; width: 30vw; margin-left: auto; margin-right: auto; position: relative; }
#maka_2boxes h2.maka_left_h2 { left: 20px; }
#maka_2boxes h2.maka_right_h2 { right: 20px; }
#maka_2boxes h2 span { color: #fece8a; }
#maka_2boxes .maka-link { position: absolute;  bottom: 25px; left: 0; width: 100%; text-align: center; z-index: 12; }
#maka_2boxes a,#maka_2boxes a:link,#maka_2boxes a:visited,#maka_2boxes a:active { 
  display: inline-block; width: auto; height: 52px; color: #c77831; border: 2px solid #e8af5f; line-height: 48px; font-size: 20px; 
  padding-left: 30px; padding-right: 30px; margin-left: auto; margin-right: auto; font-weight: normal;
 }
#maka_2boxes a:hover {text-decoration:none;color:#ffffff; text-decoration: none; background: #e8af5f;}
#maka_2boxes .col-sm-6 { text-align: center; }
.ramka_left { width: 30vw; height: 24vw; background-color: transparent; border: 5px solid #fff ; margin-right: auto; margin-left: auto; position: relative;}
.ramka_right { width: 30vw; height: 24vw; background-color: transparent; border: 5px solid #fff ; margin-left: auto; margin-right: auto; position: relative;}
#maka_left {  width: 30vw; height: 30vw; background:  url('img/maka-brazowa.jpg') no-repeat; background-size: cover; position: absolute; left: 15px; bottom: 19px; z-index: 5;}
#maka_right {  width: 30vw; height: 30vw; background:  url('img/maka-zlota.jpg') no-repeat; background-size: cover; position: absolute; right: 15px; bottom: 19px; z-index: 5;}


#slogan_3 { background-color: #fff; border-bottom: 1px solid #e2e2e2; padding-top: 60px; padding-bottom: 50px;}
#slogan_4 { background-color: #e2e2e2; border-top: 2px solid #fff; padding-top: 60px; padding-bottom: 50px; border-bottom: 4px solid #fff; }
#slogan_3 h2, #slogan_4 h2 { text-align: center; color: #bf9b67; font-size: 30px; font-weight: normal;}
#slogan_3 h3, #slogan_4 h3 { text-align: center; color: #a2a2a2; font-size: 24px; font-weight: normal;}

.white-strap { width: 100%; height: 120px; background-color: #fff; }
.white-strap-h2 { width: 100%; height: 120px; background-color: #fff; display: table;}
.white-strap-h2 h2 { text-align: center; display: table-cell; vertical-align: middle; font-weight: normal; }
.table-secion .container { text-align: center; }
.tabela_produktu { margin: 0 auto; width: 80%;}
.tabela_produktu tr td:nth-of-type(1) { color: #fff; padding: 12px 30px 12px 0px;  text-align: left; border-bottom: 2px solid #bf9b67;}
.tabela_produktu tr td:nth-of-type(2) { color: #bf9b67;  padding: 12px 30px 12px 30px; background-color: #1f1c1c; text-align: left; border-bottom: 2px solid #bf9b67;}
.footnotes { text-align: left; color: #fff; font-size: smaller; width: 80%; margin: 0px auto; text-align: left; padding: 20px 20px 20px 0px;}

#formularz {min-height: 680px; padding-bottom: 20px; padding-top: 60px; }
#formularz .container { text-align: center; padding-left: 20%; padding-right: 20%;}
#formularz span { display: block; }
#formularz input, #formularz textarea { width: 100%; color: #949494; background: #fff; border: 1px solid transparent; border-radius: 8px; font-size: 14px; font-weight: bold; padding: 10px; margin: 5px 5px; text-align: left;}
#formularz input[type=submit] { border: 2px solid #fece8a; background-color: transparent; color: #fff; display: inline-block; width: auto; padding-left: 80px; padding-right: 80px; margin: 0 auto; }
#formularz input[type=submit]:hover { background-color: rgba(218, 132, 15, .7); }
#formularz .wpcf7-response-output, #formularz .wpcf7-not-valid-tip {color: #fff; font-size: smaller; margin: 0 auto;}



/* --- FOOTER --- */
footer {  padding-top: 35px; background-color: #1f1c1c; }
.footer_content { min-height: 430px; color: #fff; font-size: 18px; }
.footer_h3 { text-align: center; font-weight: normal; color:#e3b77b; }
.footer_content a { color:#e3b77b; }
.footer_3colls { margin-top: 60px; margin-bottom: 20px;}
.footer_3colls div { color: #ededed; padding-left: 40px; font-size: 17px; line-height: 1.5;padding-bottom: 20px;  background-position: 0px 4px;}
.footer_3colls div:first-of-type { background: url('img/pinezka.png') no-repeat;}
.footer_3colls div:nth-of-type(2) { background: url('img/telefon.png') no-repeat; }
.footer_3colls div:nth-of-type(3) { background: url('img/koperta.png') no-repeat; }


.footer-strap { background-color: #161414; }
#bzi { text-align: center; color: #382e2e; padding-top: 40px; padding-bottom: 20px;}
#bzi:hover { text-decoration: none; }



/* --- BOOTSTRAP --- */
.pager li>a, .pager li>span { border-radius: 8px; font-size: 14px;}

/*--- MENU ---*/
.nav-wrapper { position: absolute; width: 100%; left: 0; top: 11px; background:rgba(0,0,0,.57); z-index: 12; min-height: 99px;}
.navbar-default { background-color: transparent; border: none;}
.navbar {margin-top: 0px; margin-bottom: 0px; padding-top: 25px;}
.navbar-default .navbar-collapse { border: none; }
.navbar-default .navbar-nav>li>a { color: #fff; position: relative; padding-left: 18px; padding-right: 18px;  text-align: center; border-width: 1px; border-style: solid; border-color: rgba(227,183,123,.75); margin-left: 5px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #fff; background:rgba(201,0,3,.3); }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  background:rgba(227,183,123,.75); color: #fff;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #fff; background:rgba(227,183,123,.75);  }
.dropdown-menu { background:rgba(65,40,28,.8); }
.dropdown-menu>li>a { color: #fff; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #fff; background:rgba(227,183,123,.3); }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background-color: #a50002; }

.navbar-default .navbar-toggle {  border-color: #e3b77b; }  
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: rgba(227,183,123,.3); }


/* scroll to top */
#scrollToTop{
  width:55px; 
  height:50px;
  text-align:center; 
  padding: 0px;
  position:fixed;
  bottom:0px;
  right:25px;
  display:none;
  background: #e3b77b url('img/arrow-top.png') no-repeat 50% 50%;
  /* transform: rotate(-90deg);*/
  border: 1px solid #ffffff;
  border-bottom: none;
  opacity: 0.7;
  border-radius:4px 4px 0 0 ;
  z-index: 999; 
  color: #fff; 
}
#scrollToTop:hover {  text-decoration:none; opacity: 1; }
#scrollToTop span { margin: 12px auto; }

/* gallery */
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
  padding: 4px;   background-color: #fff;   
  -moz-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.3);   
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);   
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
/* advance img */
#content div.advgb-image-block { background-color: transparent; }

.wp-block-media-text__media img, .wp-block-media-text__media video { height: auto; }



/*------------------MEDIA QUERIES-------------------------*/

@media all and (min-width: 1874px) {
       
}

@media all and (max-width: 1470px) {
  
}


@media all and (max-width: 1430px) {
  
}


@media all and (max-width: 1199px) {
  #bb_logo { left: 50px; }
  .ofirmie_ramka, .ofirmie_foto { width: 466px; height: 350px; }
  #section2 .nasiona_lnu > .container { padding-left: 25%; padding-right: 25%; }

  #maka_2boxes h2 { font-size: 28px;  padding-bottom: 130px; padding-top: 50px; }
  #maka_2boxes .maka-link { bottom: 15px; }
  #maka_2boxes a,#maka_2boxes a:link,#maka_2boxes a:visited,#maka_2boxes a:active { 
    height: 48px;  line-height: 44px; font-size: 19px; }

}

@media all and (max-width:991px) {
  .ofirmie_ramka, .ofirmie_foto { width: 372px; height: 280px; }
  #maka_2boxes h2 { font-size: 26px;  padding-bottom: 130px; padding-top: 50px; width: 35vw; }
  #maka_2boxes .maka-link { bottom: 10px; }
  .ramka_left { width: 35vw; height: 28vw; }
  .ramka_right { width: 35vw; height: 28vw; }
  #maka_left {  width: 35vw; height: 35vw; }
  #maka_right {  width: 35vw; height: 35vw; }

  #slogan_3 h2, #slogan_4 h2 {  font-size: 28px; }
  #slogan_3 h3, #slogan_4 h3 {  font-size: 22px; }
}


@media all and (max-width:767px) {
  #bb_logo { left: 50px;  }
  #slogan1 {font-size:50px; padding:18px 50px;}
  .regularpage #slogan1 { font-size: 40px; padding: 16px 50px; }
  
  .nav-wrapper { top: 0; }
  .navbar-default .navbar-nav>li>a:hover {  background:rgba(227,183,123,.3); }

  .col-ofirmie_foto { text-align: center;}
  .ofirmie_ramka { margin-right: auto; margin-left: auto;}
  .ofirmie_ramka, .ofirmie_foto { width: 526px; height: 395px; }
  .pages {  width: 100%;  }

  #maka_slogan_1, #maka_slogan_2 { font-size: 25px; }
  #section2 .col-sm-4:nth-of-type(1), #section2 .col-sm-4:nth-of-type(3) { padding-bottom: 40px; }
  #section2 .col-sm-4:nth-of-type(2) { border-top: 1px solid #dadada; border-bottom: 1px solid #fff; }
  #section2 .col-sm-4:nth-of-type(2)>div { border-bottom: 1px solid #dadada; border-top: 1px solid #fff; padding-left: 5%; padding-right: 5%; padding-bottom: 40px;}
  #section2 .nasiona_lnu > .container { padding-left: 30px; padding-right: 30px; }
  .nasiona_lnu {  padding-top: 180px; padding-bottom: 20px; }

  #maka_2boxes h2 { font-size: 26px;  padding-bottom: 130px; padding-top: 50px; width: 55vw; }
  
  .ramka_left { width: 55vw; height: 44vw; }
  .ramka_right { width: 55vw; height: 44vw; }
  #maka_left {  width: 55vw; height: 55vw; }
  #maka_right {  width: 55vw; height: 55vw; }

  #slogan_3 h2, #slogan_4 h2 {  font-size: 26px; }
  #slogan_3 h3, #slogan_4 h3 {  font-size: 20px; }

  #formularz {min-height: 800px; }

  .footer_3colls div { color: #ededed; padding-left: 80px; background-position: 40px 4px !important; }
  .dynamic_footer {  color: #ededed; }

  .navbar-default .navbar-nav>li>a { margin-top: 5px;}

  
}
  

@media all and (max-width:640px) {
  .logo_slogan1 { margin-top: -8px; }
  .logo_slogan2 { width: 220px; }
  #h1_regularpage  h1 { font-size: 30px; }
  .ofirmie_ramka, .ofirmie_foto { width: 466px; height: 350px; }
  #maka_slogan_1, #maka_slogan_2 { font-size: 22px; }
  .boxes3_txt { font-size: 18px; }
  #maka_2boxes h2 { font-size: 26px;  padding-bottom: 110px; padding-top: 40px; width: 55vw; }

  #slogan_3 h2, #slogan_4 h2 {  font-size: 24px; }
  #slogan_3 h3, #slogan_4 h3 {  font-size: 18px; }

  .tabela_produktu { width: 90%;}
  .tabela_produktu tr td:nth-of-type(1) { padding: 12px 15px 12px 0px; }
  .tabela_produktu tr td:nth-of-type(2) { padding: 12px 15px 12px 15px; }
  .white-strap-h2 h2 { font-size: 28px; }
}
@media all and (max-width:570px) {  
  .logo_slogan1 { font-size: 23px; }
  .logo_slogan2 { font-size: 16px; }
  #slogan1 {font-size:40px;  margin-bottom: 0; padding:15px 40px;}
  .nasiona_lnu { font-size: 20px; }
  #formularz .container {  padding-left: 10%; padding-right: 10%;}
}

@media all and (max-width:500px) {
   #bb_logo { left: 20px;  }
   .ofirmie_ramka, .ofirmie_foto { width: 372px; height: 280px; }
   #maka_2boxes h2 { font-size: 26px;  padding-bottom: 110px; padding-top: 40px; width: 65vw; }
    #maka_2boxes a,#maka_2boxes a:link,#maka_2boxes a:visited,#maka_2boxes a:active { 
      bottom: 10px; left: 20%; height: 48px; line-height: 44px; font-size: 19px; padding-left: 30px; padding-right: 30px; 
     }
    .ramka_left { width: 65vw; height: 52vw; }
    .ramka_right { width: 65vw; height: 52vw; }
    #maka_left {  width: 65vw; height: 65vw; }
    #maka_right {  width: 65vw; height: 65vw; }
    .white-strap-h2 h2 { font-size: 26px; }
}

/* --- MIN WIDTH --- */


@media all and (min-width: 768px){
  /*Dropdown Css*/
  .dropdown:hover > .dropdown-menu {
    display: block;
  }
  .dropdown-submenu {
      position: relative;
  }
  .dropdown-submenu>.dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: -6px;
      margin-left: -1px;
      -webkit-border-radius: 0 6px 6px 6px;
      -moz-border-radius: 0 6px 6px;
      border-radius: 0 6px 6px 6px;
  }
  .dropdown-submenu:hover > .dropdown-menu {
      display: block;
  }
  .dropdown-submenu>a:after {
      display: block;
      content: " ";
      float: right;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 5px 0 5px 5px;
      border-left-color: #ccc;
      margin-top: 5px;
      margin-right: -10px;
  }
  .dropdown-submenu:hover>a:after {
      border-left-color: #fff;
  }
  .dropdown-submenu.pull-left {
      float: none;
  }
  .dropdown-submenu.pull-left>.dropdown-menu {
      left: -100%;
      margin-left: 10px;
      -webkit-border-radius: 6px 0 6px 6px;
      -moz-border-radius: 6px 0 6px 6px;
      border-radius: 6px 0 6px 6px;
  }

  
  #section2 .col-sm-4:nth-of-type(2) { border-left: 1px solid #dadada; border-right: 1px solid #fff; }
  #section2 .col-sm-4:nth-of-type(2)>div { border-right: 1px solid #dadada; border-left: 1px solid #fff; padding-left: 15%; padding-right: 15%; }
  
}

@media all and (min-width: 768px) and (max-width:991px) {
  .logo_slogan1 { margin-top: -8px; }
  .logo_slogan2 { width: 220px; }
}

@media all and (min-width: 992px){
  
}