body, html  { width: 100%; height: 100%; border: 0; margin: 0; font-size: 14px; font-family: 'Lato', sans-serif; background-color: white; color: #797979;  }
ul          { margin: 0; padding: 0; list-style-type: none; }
a           { text-decoration: none; color: #012345; }
h1, h2      { font-weight: normal; color: #7bbb41; margin-top: 0; }
p           { line-height: 1.4em; text-align: justify; }

h2          {  }

/* -------------------------------------------------------------------------------------------------------------------------------- COMMON */

.wrap-center { text-align: center; }

.clear      { clear: both; }
.section    { position: relative;  }
.boxed1     { max-width: 1124px; margin: 0px auto; position: relative; }
.boxed2     { max-width: 1280px; margin: 0px auto; position: relative; }

.pad15      { padding: 15px; }
.pad30      { padding: 30px; }
.pad40      { padding: 40px; }
.pad50      { padding: 50px; }
.pad1530    { padding: 15px 30px; }
.pad5030    { padding: 30px 15px; }
.pad3050    { padding: 15px 30px; }

.col15      { width: 100%; float: left; }
.col20      { width: 100%; float: left; }
.col25      { width: 100%; float: left; }
.col30      { width: 100%; float: left; }
.col33      { width: 100%; float: left; }
.col40      { width: 100%; float: left; }
.col50      { width: 100%; float: left;}
.col60      { width: 100%; float: left;}
.col66      { width: 100%; float: left; }
.col70      { width: 100%; float: left; }
.col75      { width: 100%; float: left; }
.col80      { width: 100%; float: left; }

.aleft      { text-align: left; }
.aright     { text-align: right; }
.acenter    { text-align: center; }

a#back-to-top:link,
a#back-to-top:visited { position: fixed; bottom: 15px; right: 15px; background-color: #7bbb41; color: white; padding: 10px 15px; font-size: 200%; display: none; z-index: 1; border-radius: 15px; }
a#back-to-top:hover   { background-color: #f98719; }


p  { font-size: 120%; line-height: 1.2em; }
h1 { font-size: 240%; font-family: Merriweather }

a.button1:link,
a.button1:visited { background-color: #7bbb41; color: white; padding: 10px 25px; display: inline-block; border-radius: 7px; }
a.button1:hover   { background-color: #f98719;  }

a.button2:link,
a.button2:visited { background-color: white; color: #7bbb41; border: 1px solid #7bbb41; padding: 7px 25px; display: inline-block; border-radius: 5px; font-size: 80%; margin-left: 30px; }
a.button2:hover   { background-color: #f5f5f5; color: #7bbb41; }




/* -------------------------------------------------------------------------------------------------------------------------------- HEADER */

#header     {  min-height: 660px; overflow: hidden; background-image: url(images/h3.jpg); background-repeat: no-repeat; background-position: center top;  }

a#logolink:link,
a#logolink:visited { display: block; width: 175px; margin: 0px auto; }
a#logolink img     { width: 100%; display: block; }

.tagline    { position: absolute; background-color: #7bbb41; color: white; font-size: 160%; text-transform: uppercase; padding: 10px 30px; }
.t1         { top: -140px; left: 300px; background-color: #f98719 }
.t2         { top: -50px; left: 350px; }

.tagline2    { position: absolute; background-color: white; color: #7bbb41; font-size: 140%; text-transform: uppercase; padding: 10px 30px; border-radius: 15px; border: 2px solid #7bbb41; }

.frame1      {  }
.frame1 p    { line-height: 1.4em; margin: 0 }

.frame2      { background-color: #7bbb41; color: white; padding: 15px 30px; text-align: center; border-radius: 15px; max-width: 760px; margin: 0px auto; font-size: 140%; margin-top: 30px; }

.phone      { text-align: center; position: relative; background-color: #7bbb41; color: white; font-size: 220%; padding: 8px 30px; margin-top: 50px; z-index: 2 }
.phone span { font-size: 85%; }

/* -------------------------------------------------------------------------------------------------------------------------------- TOPMENU */

a#mbutton:link,
a#mbutton:visited     { padding: 10px 0px; display: block; font-size: 200%; color: #7bbb41;  }

#topmenu-wrap         { z-index: 10; padding-top: 25px; text-align: center; }
#topmenu-wrap li      { display: block; }

#topmenu              {  /*background-color: white;*/  display: none;}
#topmenu a:link,
#topmenu a:visited    { padding: 15px 15px; display: block; position: relative; color: #797979; font-size: 120%;  }
#topmenu a:hover,
#topmenu a.current    { color: #7bbb41; }

#topmenu a i { display: none; display: inline-block; color: #78c02e; font-size: 120%; padding-bottom: 5px; background-color: #f7f7f7; border-radius: 50px; padding: 15px; margin-bottom: 5px; color: #fa8518;}

#topmenu a:link span,
#topmenu a:visited span { color: #797979; }
#topmenu a:hover span,
#topmenu a.current span { color: #fa8518; }
/*
#topmenu a:hover i,
#topmenu a.current i    { color: #78c02e; }
*/

#topmenu-wrap.fixmenu                 { position: fixed; top: 0px; left: 0; bottom: auto; margin-top: 0px; border-top: 0; text-align: center; width: 100%; background-color: white; }
#topmenu-wrap.fixmenu #topmenu-wrap   { margin-top: 0px; }
#topmenu-wrap.fixmenu #topmenu        { position: relative; bottom: auto; }

#topmenu-wrap.fixmenu      { padding-top: 0; height: auto; }
#topmenu-wrap.fixmenu a br { display: none; }
#topmenu-wrap.fixmenu a i  { padding: 10px; }


/* -------------------------------------------------------------------------------------------------------------------------------- MAIN HEADER */

.header1         { border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; background-color: #f7f7f7; background-color: white; }
.header1 .pad30  { padding-top: 50px;  }
.header1 h1      { color: #3e3e3e; font-size: 200%; }
.header1 h1 span { color: #7bbb41; }
.header1 p       { max-width: 90%; line-height: 1.4em; text-align: left; }

.imgbg       { height: 380px; background-image: url(images/h1.png); background-repeat: no-repeat; background-position: center top; background-size: contain; background: none; position: relative; overflow: hidden; }
.img-border1 { border: 10px solid #d5d5d5; border-radius: 100%; width: 500px; height: 500px; position: absolute; left: 30px; top: -175px; overflow: hidden; }
.imgbg img   { display: block; position: absolute; left: 50%; top: 50px; margin-left: -450px; }

/* -------------------------------------------------------------------------------------------------------------------------------- SECTION HEADER */

.section-header         { margin: 15px; }
.section-header .boxed2 { background-color: #f7f7f7; border-radius: 15px; border: 1px solid #d5d5d5; }
.section-header .boxed1 { border-radius: 15px; border: 1px solid #d5d5d5; background-color: #f9f9f9; border-left: 5px solid #7ebb41 }
.section-header h1      { font-size: 220%; color: #3e3e3e; margin-top: 15px; }
.section-header h1 i    { display: none; }
.section-header p       { font-size: 120%; line-height: 1.5em; }

.section-header .products-img { width: 240px; height: 240px; border: 5px solid #d5d5d5;  }

.section-header .pad30  { padding: 15px 30px; }

#posilki-dla-firm .col33 { float: right; }
#posilki-dla-firm .col66 { float: left; }

.section-header .col66 .pad30 { padding: 0; }


/* -------------------------------------------------------------------------------------------------------------------------------- PRODUCTS */

#products         { background-color: #f7f7f7; }
#products h1      { text-align: center;  }

.products-name    { text-align: center; color: #3e3e3e; padding-top: 15px; margin: 0; font-family: Merriweather; }
.products-img     { border: 10px solid #d5d5d5; border-radius: 50%; width: 250px; height: 250px; position: relative; margin: 0px auto; background-size: contain; }
.products-list    { margin: 0; padding: 0; position: absolute; bottom: 15px; }
.products-list li { background-color: #7bbb41; color: white; padding: 5px 15px; margin: 5px; display: inline-block; font-size: 120%; border-radius: 15px; }
.products-desc    { font-size: 110%; text-align: center; background-color: #f7f7f7; border: 20px solid white; border-radius: 50px; line-height: 1.4em; padding: 20px 30px }



/* -------------------------------------------------------------------------------------------------------------------------------- INFOBOXES */

.infoboxes .pad50 { padding: 15px; padding-top: 0; padding-bottom: 0; }

.info1,
.infoimg1 { text-align: center; min-height: 285px; }
.info1 i  { font-size: 400%; color: #fa8518; }
.info1 h4 { font-weight: normal; font-size: 140%; color: #fa8518; }
.info1 p  { line-height: 1.4em; margin-bottom: 0px; font-size: 120%; height: 4.1em; overflow: hidden; }

.info2    { border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; box-sizing: border-box; }
/*.brd1     { border: 1px solid #d5d5d5; box-sizing: border-box;  border-right: 0; border-top: 0}*/
.brd1     { box-sizing: border-box;  border-top: 1px solid #d5d5d5; }


.infoimg1 img { display: block; width: 200px; margin: 40px auto; margin-bottom: 15px; }


/* -------------------------------------------------------------------------------------------------------------------------------- ABOUT */

#onas             { padding-top: 50px; padding-bottom: 30px; }

.about-img        { border: 10px solid #f5f5f5; border-radius: 50%;  display: inline-block; width: 300px; height: 300px; position: relative; background-repeat: no-repeat; background-position: center; }

.label            { position: absolute; background-color: #7bbb41; color: white; font-size: 160%; text-transform: uppercase; padding: 10px 30px; }
.label1           { top: 40px; left: -30px; }
.label2           { top: 100px; left: -15px; }

.t3               { top: 40px; left: -30px; }

.about-list       { margin: 0; padding: 0; bottom: 15px; margin-top: 75px; position: relative; z-index: 2 }
.about-list li    { background-color: white; color: #7bbb41; border: 1px solid #7bbb41; padding: 5px 25px; margin: 15px 0px; display: inline-block; font-size: 160%; border-radius: 15px; }

.about-list.aleft  { margin-left: -50px; }
.about-list.aright { margin-right: -50px; }

.about-list.aleft  li:nth-child(2) { margin-left: 30px; }
.about-list.aright li:nth-child(2) { margin-right: 30px; }


/* -------------------------------------------------------------------------------------------------------------------------------- KONTAKT */

#kontakt           { background-color: white; padding-top: 30px; overflow: hidden; }

label              { display: block; padding: 15px; font-size: 120%; }
input[type="text"] { width: 90%;  padding: 10px 15px;  }
textarea           { width: 90%;  height: 193px; }
select             { width: 95%;  position: relative; padding: 7px; }

input, textarea, select { background-color: white; outline: none; border: 1px solid #d5d5d5; padding: 10px 15px }

.send             { background-color: #7bbb41; padding: 8px 25px; color: white; border: 1px solid white; margin-top: 10px; font-size: 120%; border-radius: 5px; cursor: pointer; }
.send:hover       { background-color: #f98719;  }

.kontakt-pic      { width: 300px; position: absolute; right: 100px; bottom: -5px; }
.kontakt-pic img  { width: 100%; }

.cinfo            { font-size: 110%;  }


#mapa             { width: 100%; height: 350px; position: relative; overflow: hidden; border-top: 1px solid #7bbb41; border-bottom: 1px solid #7bbb41; }
#gmap             { height: 350px; }



#footer  { border-top: 1px solid #d5d5d5; }








@media screen and (min-width: 1180px)
{
   /* -------------------------------------------------------------------------------------------------------------------------------- COMMON */

   .wrap-center { text-align: center; }

   .clear      { clear: both; }
   .section    { position: relative;  }
   .boxed1     { max-width: 1124px; margin: 0px auto; position: relative; }
   .boxed2     { max-width: 1280px; margin: 0px auto; position: relative; }

   .pad15      { padding: 15px; }
   .pad30      { padding: 30px; }
   .pad40      { padding: 40px; }
   .pad50      { padding: 50px; }
   .pad1530    { padding: 15px 30px; }
   .pad5030    { padding: 30px 15px; }
   .pad3050    { padding: 15px 30px; }

   .col15      { width: 15%; float: left; }
   .col20      { width: 20%; float: left; }
   .col25      { width: 25%; float: left; }
   .col30      { width: 30%; float: left; }
   .col33      { width: 33%; float: left; }
   .col40      { width: 40%; float: left; }
   .col50      { width: 50%; float: left;}
   .col60      { width: 60%; float: left;}
   .col66      { width: 66%; float: left; }
   .col70      { width: 70%; float: left; }
   .col75      { width: 75%; float: left; }
   .col80      { width: 80%; float: left; }



   #topmenu-wrap         { bottom: 15px;  height: 37px; display: block;}

   a#mbutton:link,
   a#mbutton:visited     { display: none; }

   #topmenu-wrap.fixmenu { background-color: white; }
   #topmenu-wrap.fixmenu.aleft { text-align: left;  }
   #topmenu-wrap .mback { float: right; }

   #topmenu              { display: block; bottom: auto;  }
   #topmenu-wrap li      { display: inline-block; border: 0;  }
   #topmenu a:link,
   #topmenu a:visited   { padding: 10px 30px;  }

   #topmenu li          { display: inline-block;  }


   .header1 h1          { font-size: 240%; }


   .phone      { position: absolute; margin-top: 0px; left: 0; bottom: 80px; border-radius: 30px; }
   .phone br   { display: none; }

   .infoboxes .pad50 { padding: 50px; padding-top: 0; padding-bottom: 0; }

   .infoboxes .brd1                 { border: 1px solid #d5d5d5; box-sizing: border-box;  border-right: 0; border-top: 0 }
   .infoboxes .brd1:nth-child(3n+1) { border-left: 0; }
   .infoboxes .brd1:nth-child(n+7)  { border-bottom: 0; }

   .section-header         { margin: 0; margin-top: 30px; }
   .section-header .col66 .pad30 { padding: 30px; }
}