body,
html { width: 100%; height: 100%; margin: 0px; padding: 0px; }
body { font-family: "Roboto", Arial;  font-size: 12px; background-color: white; color: #888888;  }

p,
h3,
a.button { font-family: Roboto; }

a  { text-decoration: none; text-decoration: none; }
ul { list-style-type: none; padding: 0; margin: 0; }

h2 { font-weight: normal; margin: 0; padding: 30px 0px; padding-bottom: 15px; }

h2 { border-bottom: 1px solid #d5d5d5; padding-bottom: 10px; padding-top: 15px; color: #2f2060; }
h3 { border-bottom: 1px solid #d5d5d5; padding-bottom: 15px; color: #2f2060; }
h4 { margin-top: 0; }

.hwrap { border-bottom: 2px solid #00a0e3; padding-left: 50px; }

.clear { clear: both; }

.col   { float: left; overflow: hidden; }
.col25 { width: 100%; }
.col33 { width: 100%; }
.col40 { width: 100%; }
.col50 { width: 100%; }
.col60 { width: 100%; }
.col66 { width: 100%; }

.pad15 { padding: 15px; }
.pad30 { padding: 15px; }
.pad50 { padding: 15px; }

.pad30b { padding: 30px; padding-left: 0px; padding-right: 50px; }

.pad1530 { padding: 15px 30px; }
.pad3050 { padding: 30px 50px; }

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


.acenter { text-align: center; }

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

.triangle1 { width: 0; height: 0; border-style: solid; border-width: 50px 950px 0 0; border-color: white transparent transparent transparent; }


.section-bg.sbg1 { background-image: url(images/h2.jpg);  }
.section-bg.sbg2 { background-image: url(images/h3.jpg);  }
.section-bg.sbg3 { background-image: url(images/f2.jpg); background-position: 100px bottom; }
.section-bg.sbg4 { background-image: url(images/a3.jpg); background-position: 100px bottom; }


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

a#mbutton:link,
a#mbutton:visited     { padding: 10px 0px; display: block; font-size: 200%; color: white; background-color: #2f2060 }

#topmenu-wrap         { width: 100%; text-align: center; position: fixed; top: 0px;  z-index: 10; /* display: none; */ }
#topmenu-wrap li      { display: block; border-bottom: 1px solid #d5d5d5;}

#topmenu              { position: absolute; top: 100%; width: 100%; display: none; background-color: white; }
#topmenu a:link,
#topmenu a:visited    { padding: 15px 25px; display: block; position: relative; color: #414141; font-size: 16px;  letter-spacing: 0px; /*text-transform: uppercase;*/ border: 2px solid transparent; }
#topmenu a:hover      { border-bottom: 2px solid #2f2060; }
#topmenu a i          { color: #2f2060; }

#topmenu-wrap.fixmenu                 { position: fixed; top: 0px; left: 0; bottom: auto; margin-top: 0px; border-top: 0; border-bottom: 1px solid #d5d5d5; text-align: center; }
#topmenu-wrap.fixmenu #topmenu-wrap   { margin-top: 0px; }
#topmenu-wrap.fixmenu #topmenu        { position: relative; bottom: auto; }

#topmenu a.current:link,
#topmenu a.current:visited { border-bottom: 2px solid #2f2060; }


/* -------------------------------------------------------------------------------------------------------------------------------- BUTTONS */

a.button:link,
a.button:visited { display: inline-block; padding: 8px 25px; border-radius: 5px; background-color: #f5f5f5; color: #888888; border: 1px solid #d5d5d5; }

a.button.grey:link,
a.button.grey:visited { }
a.button.grey:hover   { background-color: #2f2060; color: white;  }

a.button.blue:link,
a.button.blue:visited { background-color: #2f2060; color: white; }
a.button.blue:hover   { background-color: white; color: #2f2060; }

a.button.gold:link,
a.button.gold:visited { background-color: #f39149; color: white; border: 0; }
a.button.gold:hover   { background-color: #2f2060;  }




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

#header-img     { margin-top: 30px; height: 250px; background-image: url(images/h1.jpg); background-repeat: no-repeat; background-position: center top; overflow: hidden;  }

a#logolink:link,
a#logolink:visited { display: block; width: 250px; margin: 0px auto; margin-top: 75px; position: relative; }
a#logolink img     { width: 100%; }

.tagline    { position: absolute; background-color: #2f2060; color: white; font-size: 160%; text-transform: uppercase; padding: 10px 30px; text-align: center; }
.t1         { top: 30px; }
.t2         { top: 120px; left: 50px; background-color: #a78f68 }

.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      { max-width: 800px; margin: 0px auto; margin-top: 0px; }
.frame1 p    { font-size: 120%; text-align: center; line-height: 1.4em; margin: 0; font-size: 180%  }

.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; }



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

.section-header    { padding-top: 0px; }
.section-bg        { background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 120px; padding-bottom: 30px }
.section-desc      { max-width: 450px; background-color: white; background-color: #2f2060 }
.section-header h2 { font-size: 180%; color: white; border: 0 }
.section-header p  { font-size: 140%; line-height: 1.4em; }

.section-divider1  { background-image: url(images/logo2b.jpg); height: 45px; }
.section-divider2  { background-image: url(images/logo2b.jpg); background-repeat: no-repeat; background-position: center; height: 60px; position: relative; }
.section-divider2::before { content:" "; width: 100%; height: 1px; background-color: #2f2060; background-color: #d5d5d5; display: block; position: absolute; bottom: 30px; }





/* -------------------------------------------------------------------------------------------------------------------------------- FIRST SECTION */

#home { background-image: url(images/bg2.jpg); min-height: 425px; background-repeat: no-repeat; background-position: -50px; overflow: hidden; position: relative; }

#topbar          { background-color: #f5f5f5; border-bottom: 1px solid #d5d5d5; text-align: center; font-size: 120%; }

.tagline1        { background-color: #a78f68; color: white; text-align: right; width: 100%; max-width: 500px; position: absolute; top:75px; height: 46px; /* display: none; */ }
.tagline1 h2     { padding: 12px 30px; /* display: none; */ }

#logo            { position: absolute; left: 50%; margin-left: -80px; top: 175px; width: 130px;  /* display: none; */ }
#logo img        { width: 100%; display: block; }

.logo            { width: 160px; }
.logo img        { width: 100%; display: block; }

#headcontent     { border-top: 1px solid; border-bottom: 1px solid; border-color: #2f2060; position: relative; background-color: white /* display: none; */ }
.info1    {  }
.info1 h4 { font-weight: normal; font-size: 140%; color: #2f2060; }
.info1 p  { line-height: 1.4em; padding-bottom: 15px; font-size: 120%;  }
.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}

#cinfo           { position: absolute; top: 30px; right: 30px; font-size: 120%; display: none; }

#newsbox            { position: absolute; top: 30px; right: 30px; font-size: 120%; font-family: Roboto; }
#newsbox h4         { font-weight: normal; border-bottom: 1px solid #d5d5d5; margin: 0; padding: 5px 15px; text-transform: uppercase; color: #414141 }
.newslist           { height: 155px; overflow-y: hidden; }
.newslist-wrap      { }
.newslist li        { display: block;  }
.newslist a:link,
.newslist a:visited { text-decoration: none; color: #888888; display: block; padding-left: 5px; padding-right: 15px; border-bottom: 1px solid #d5d5d5; box-sizing: border-box;  }
.newslist a:hover   { color: #2f2060; }
.newslist a:hover   { background-color: #2f2060; color: white; }
.newslist span      { color: #2f2060; background-color: #f5f5f5; display: inline-block; padding: 6px 5px; }
.newslist li.first span,
.newslist li.first a { background-color: #2f2060; color: white; }

#newsbox a.button { font-size: 90%; padding: 5px 25px; }


#arr-wrap            { text-align: center; }
#arr-wrap            { height: 100px }
#arr-wrap .bouncer   { display: block; }
#arr-wrap .bouncer i { color: #2f2060; font-size: 240%; }


.bg1 { background-image: url(images/bg1b.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
.bg2 { background-image: url(images/bg3.jpg); background-repeat: no-repeat; background-size: cover; background-position: left; }
.bg3 { background-image: url(images/bg4.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }


.bg4 { background-image: url(images/a3b.jpg); background-repeat: no-repeat; background-size: cover; background-position: left; }


/* -------------------------------------------------------------------------------------------------------------------------------- SPECJALIZACJE */

#specjalizacje { background-color: #f5f5f5; }
.list1        { padding-bottom: 30px; margin-left: 1.5em; font-size: 120%}
.list1     li { padding: 10px 0px; border-bottom: 1px dashed #c5c5c5;  }
.list1 li .fa-li i { color: #f39149; }

/* -------------------------------------------------------------------------------------------------------------------------------- ZESPÓŁ */

.teamimg     { height: 150px; width: 150px; overflow: hidden; border-radius: 150px; margin: 0px auto; border: 5px solid #d5d5d5; }
.teamimg img { margin-left: -30px }


/* -------------------------------------------------------------------------------------------------------------------------------- NAGŁÓWEK 1 */

.header1      {  }
.pad30.header1-wrap { padding-top: 0; }
.header1 h3   { margin-left: 50px; margin-right: 50px; padding-top: 50px; }
.header1 h2   { color: #2f2060;  }
.header1 p    { line-height: 1.4em; font-size: 120%; }
.header1 .bg4 {  min-height: 250px; }
.header1 .header1-left { padding-top: 15px; border-left: 5px solid; border-color: #2f2060; background-color: #f7f7f7; }


/* -------------------------------------------------------------------------------------------------------------------------------- BLOG */

#blog-wrap     { /* border-top: 1px solid #2f2060; border-bottom: 1px solid #2f2060; */ background-color: white; }
.box-wrap      { width: 25%; display: block; position: relative; float: left; height: 250px }
.box           { position: relative; }
.box h1        { font-weight: normal; color: #2f2060; font-size: 140%; margin-top: 20px; position: relative; z-index: 2; }
.box h1 i      { font-size: 90%; display: none; }
.box img       { border-radius: 10px; width: 100%; }
.box p         { height: 60px; overflow: hidden; line-height: 1.4em; position: relative; z-index: 2; font-size: 120%; }
.box-wrap i    { font-size: 140%; }

.box-overlay   { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: white; opacity: 0.1; z-index: 2; }
.box-bg  { background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; z-index: 1;  }
.bbg1     { background-image: url(images/f1b.jpg); }
.bbg2     { background-image: url(images/f2b.jpg); }
.bbg3     { background-image: url(images/f3b.jpg); }
.bbg4     { background-image: url(images/f4b.jpg); }
.bbg5     { background-image: url(images/f5b.jpg); }
.bbg6     { background-image: url(images/f6b.jpg); }

.box-bg p  { visibility: hidden;  }
.box-bg h1 { text-align: left; visibility: hidden; }


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

label        { display: block; }
label span   { display: block; font-size: 120%; padding: 10px; }
input        { font-size: 120%; padding: 5px 15px; max-width: 600px; width: 85%; border: 1px solid #d5d5d5; background-color: #f5f5f5;  }
textarea     { font-size: 120%; padding: 5px 15px; max-width: 600px; width: 85%; height: 11em; border: 1px solid #d5d5d5; background-color: #f5f5f5 }
button       { background-color: #2f2060; color: white; padding: 10px 25px; font-size: 120%; border: 0; border-radius: 15px; }
button:hover { background-color: #2f2060; cursor: pointer; }

#gmap      { height: 400px; border-top: 1px solid; border-color: #2f2060; }


/* -------------------------------------------------------------------------------------------------------------------------------- OZDOBNIKI */

.rline1 { position: fixed; width: 1px; height: 100%; right: 15px; background-color: #d5d5d5; }
.rline2 { position: fixed; width: 10px; height: 100%; right: 0px; background-color: #2f2060; z-index: 2 }
.rline3 { position: fixed; width: 10px; height: 100%; left: 0px; background-color: #a78f68; z-index: 2 }
.rline4 { position: absolute; width: 45%; height: 2px; right: 0; top: 270px; background-color: #2f2060 }


/* -------------------------------------------------------------------------------------------------------------------------------- FOOTER */

#footer { text-align: center; background-color: #2f2060; font-size: 120%; color: #f5f5f5; }


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

@media screen and (min-width: 1280px)
{
   .col25 { width: 25%; }
   .col33 { width: 33%; }
   .col40 { width: 40%; }
   .col50 { width: 50%; }
   .col60 { width: 60%; }
   .col66 { width: 66%; }

   .pad15 { padding: 15px; }
   .pad30 { padding: 30px; }
   .pad50 { padding: 50px; }

   a#logolink:link,
   a#logolink:visited    { margin: 0; margin-top: 35px; z-index: 11; }

   #topmenu-wrap         { position: absolute; text-align: right;  }

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

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

   #topmenu              { display: block; position: relative; bottom: auto; background-color: transparent; }
   #topmenu-wrap li      { display: inline-block; border: 0;  }
   #topmenu a:link,
   #topmenu a:visited   { padding: 12px 25px;  }

   #topmenu li          { display: inline-block;  }

   .section-bg          { background-position: 100px center; }

}


@media screen and (min-width: 1600px)
{
   .rline1 { right: 250px; }

   #home { min-height: 475px;  }

}