body {
  background-color: rgb(255, 255, 255) !important;
  color: #4e012e !important;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


.carousel-control {
    width: 5% !important;
}

.gruszka-color-default {
    color: #931980;
}

.gruszka-color-rose {
    color: #E4007D;
}

.gruszka-clear-both {
    clear: both;
}

.gruszka-list {
    
}

.gruszka-list h3 {
    font-size: 2em;
    color: #621155 !important;
    font-weight: 700;
    font-family: "Roboto Slab", "Times New Roman", serif; 
    margin-bottom: 20px;
}

.gruszka-list li {
    list-style: none !important;
    border-top: 1px solid #ddd;
    padding: 12px 8px;
    vertical-align: middle;
    font-size: 1.3em !important;
    line-height: 1.55em !important;
    color: #777777 !important;
    margin-left: -2.5em;
    padding-left: 2.5em;
}

.gruszka-list li:nth-child(odd) {
    
}

.gruszka-list li:nth-child(odd):before {
    content: "adjust"; 
    font-family: Material Icons;
    display: inline-block;
    font-size: 20px;
    margin-left: -1.5em;
    width: 1.5em;
    color: #931980;
}

.gruszka-list li:nth-child(even) {
    background-color: #f9f9f9;
}

.gruszka-list li:nth-child(even):before {
    content: "radio_button_checked"; 
    font-family: Material Icons;
    display: inline-block;
    font-size: 20px;
    margin-left: -1.5em;
    width: 1.5em;
    color: #E4007D;
}


/* li included in li */

.gruszka-list li.gruszka-li-second {

    margin-left: -4.7em;
    padding-left: 4.7em;
}

.gruszka-list li.gruszka-li-second:nth-child(odd) {
    background-color: #f9f9f9;
}

.gruszka-list li.gruszka-li-second:nth-child(odd):before {
    content: "chevron_right" !important; 
    font-family: Material Icons;

}

.gruszka-list li.gruszka-li-second:nth-child(even) {
    background-color: #fff;
}

.gruszka-list li.gruszka-li-second:nth-child(even):before {
    content: "chevron_right"; 
    font-family: Material Icons;

}

/*  end of li included in li */



.nav_logo {
    fill: #931980;
    -webkit-transition: fill 0.5s; /* For Safari 3.1 to 6.0 */
    transition: fill 0.5s;
}
.navbar .navbar-brand:hover .nav_logo {
    fill: #E4007D; 
}

.navbar-transparent {
    color: #fff !important;
/*
    -webkit-transition: color 0.5s; 
    transition: color 0.5s;
*/
}

.contact-page > .navbar-transparent {
    color: #931980 !important;
    background-color: #fff !important;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    padding: 10px 0;
}

.contact-page .nav_logo {
    fill: #931980 !important;
    -webkit-transition: fill 0.5s !important; /* For Safari 3.1 to 6.0 */
    transition: fill 0.5s;
}


.navbar-transparent .nav_logo {
    fill: #fff;
}

.nav_logo_footer {
    fill: #fff;
}

.navbar-transparent .btn-rose-semitransparent {
    background-color: rgba(228, 0, 125, 0.3) !important;
    border: solid 1px rgba(228, 0, 125, 0.4) !important;
}

.navbar-transparent:hover .nav_logo {
    fill: #fff !important;
}

.contact-page .navbar-transparent:hover .nav_logo {
    fill: #E4007D !important;
}

.contact-page .navbar-transparent:hover li > a:hover, .navbar-transparent:hover li > a:active {
    color: #E4007D !important;
}

.navbar-transparent:hover li > a:hover, .navbar-transparent:hover li > a:active {
    color: #fff !important;
}

#navbar-brand-logo {
       max-height: 100px !important;
     height: 50px !important;
}
#navbar-brand-logo-footer {
       max-height: 50px !important;
     height: 40px;
}
.navbar .navbar-brand {
  padding: 0px 15px !important;
}

.navbar-brand-footer {
  padding: 0px 20px 0px 0px !important;
}

.navbar, .navbar.navbar-default {
    color: #931980;
}

.navbar-default a:hover {
    color: #E4007D;
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:active {
  color: #E4007D;
}

.navbar-collapse {
    z-index: 3;
}

.semitransparent {
    opacity: 0.5;
}

.btn-rose-semitransparent {
    background-color: rgba(228, 0, 125, 1) !important;
    border: solid 1px rgba(228, 0, 125, 0) !important;
}

.btn-gruszka {
    margin-left: 10px !important;
}

.page-header {
     height: 100vh !important; 
}

.header-filter:before, .header-filter:after, .card-background:after  {
    display: none;
}

.carousel-fade .carousel-control .carousel-indicators {
  z-index: 2;
}

.description {
    color: #777777 !important;
}


.gruszka-main-description {
    font-size: 1.5em;
    line-height: 1.55em;
}

.card-title {
    color: #621155 !important;
}

.card-description {
      font-size: 1.3em !important;
    line-height: 1.55em !important;
    color: #777777 !important;
}

p.card-description {

    margin-bottom: 20px;
}

.gruszka-footer {
    background-color: #931980;
    color: #fff;
}

.gruszka-footer a {
    font-weight: 100 !important;
    color: #fff;
}

.gruszka-footer a:hover {
    color: #E4007D;
}

.gruszka-footer-link {
    color: #fff;
    margin-right: 2vw;
}

.gruszka-margin-top {
    margin-top: 70px;
}

.gruszka-margin-bottom {
    margin-bottom: 70px;
}

.gruszka-nav-footer {
    width: 100%;
}

.gruszka-copyright {
    display: inline-block;
    text-align: right;
    padding-top: 28px;
    font-size: 14px;
}

a .gruszka-scroll-indicators {
/*        display: none;*/
        position: absolute;
        bottom: 5vh;
        left: 50%;
        z-index: 15;
        width: 60%;
        margin-left: -30%;
        text-align: center;
        list-style: none;
        color: #fff;
        font-size: 30px;
        padding: 1vh;
        opacity: .5;
        font-family: FontAwesome;
        font-style: normal;
}

.index-page a .gruszka-scroll-indicators {
     bottom: 1.5vh;
}

.big-map {
    height: 45vh;
}

.gruszka-main-kontakt {
    margin-bottom: 70px;
    max-width: 1140px;
}

.gruszka-kontakt {
    text-align: center;
}

h1.gruszka-kontakt {
    color: #621155 !important;
}

h2.gruszka-kontakt {
    margin-bottom: 0px !important;
    font-weight: 300;
    
}
h3.gruszka-kontakt {
    margin-top: 0px !important;
    margin-bottom: 70px;
    color: #999999 !important;
    font-weight: 300;
}
h4.gruszka-kontakt {
    color: #621155 !important;
    margin-top: 70px;
    margin-bottom: 0px;
    font-size: 2.6em;
}
h5.gruszka-kontakt {
    color: #999999 !important;
    margin-top: 0px;
    font-size: 2em; 
    font-weight: 300;
}

.gruszka-adress {
    margin-top: 50px;
}
.gruszka-adress > .description > p {
    
    font-size: 1.5em;
    line-height: 1.55em !important;
}

.gruszka-adress > .description > a > p {
    
    color: #777777 !important;
    font-size: 1.5em;
    line-height: 1.55em !important;
}

.gruszka-adress > .description > p > a {
    font-size: 1.6em;
}

.avatar > img {
    max-width: 160px;
    width: 100%;
    margin: 0 auto;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
.gruszka-name {
    margin-top: -80px;
}

.doradztwo-page .page-header {
    height: 100vh !important;
    
}

.doradztwo-page .page-header .container {
/*    padding-top: 25vh;*/
    color: #FFFFFF;
}

.doradztwo-page h1.title, .doradztwo-page h4, .doradztwo-page div.buttons {
    text-align: right;
}
.gruszka-font-400 {
    font-weight: 400;
    
}
.gruszka-przypis {
    font-size: 0.8em;
    font-style: italic;
}

.gruszka-o-mnie {
    text-align: center;;
}

.gruszka-o-mnie svg {
    max-height: 140px!important;
    height: 110px;
}

.gruszka-o-mnie-description {
    font-size: 1.25em;
    line-height: 1.3em;
}

@media (max-width: 991px) {
    

    
    .carousel-control {
    width: 8% !important;
}
    
    .contact-page .navbar-transparent .nav_logo {
    fill: #fff !important;
    }
    
    .contact-page .navbar-transparent:hover .nav_logo {
    fill: #fff !important;
    }
    .contact-page > .navbar-transparent {
    color: #fff !important;
    }
    
    .navbar.navbar-transparent {
        background-color: #E4007D !important;
    }
    .navbar .navbar-nav > li > a {
     padding-left: 10px; 
     padding-right: 10px; 
    }
    
    .contact-page .navbar .navbar-nav > li > a:hover {
       color: #fff !important; 
    }
    .navbar-transparent .btn-rose-semitransparent {
        background-color: hsla(309, 71%, 34%, 0.5) !important;
        border-color: #931980 !important;
    }
    
    .gruszka-slider-padding-top {
        padding-top: 20vh !important;
    }
    
    .gruszka-carousel-indicators {
        display: none !important;
    } 
    a .gruszka-scroll-indicators {
        display: inline-block;
        bottom: 0px;
    }
    #navbar-brand-logo-footer {
       max-height: 50px !important;
     height: 34px !important;
    }

    .gruszka-copyright {
        font-size: 12px;
        padding-top: 28px;
    }
    .big-map {
    height: 65vh !important;
    }
    
    .doradztwo-page h1.title, .doradztwo-page h4, .doradztwo-page div.buttons {
        text-align: center;
    }

    .section {
    padding-top: 70px !important;
    }
    
    
    .doradztwo-page .page-header {
        height: 100vh !important;
        min-height: 100vh !important;
    }
    
    .doradztwo-page .page-header .container {
    padding-top: 25vh;
    color: #FFFFFF;
    }
    
    .gruszka-adress > .description,
    .gruszka-adress > .icon    {
        text-align: center !important;
    }
    
}

@media (max-width: 991px) {
    .footer .copyright {
      display: inline-block;
      text-align: center;
      padding: 10px 0;
      float: none !important;
      width: 100%;
    }
  
    .navbar.navbar-transparent {
      background-color: rgba(0, 0, 0, 0.4);
      padding-top: 10px;
      border-radius: 0;
    }
  
    .main-raised {
      margin-left: 10px;
      margin-right: 10px;
    }
  }
  

/*
@media (min-width: 1200px)
.contact-page .container {
    max-width: 1170px !important;
}
*/







/* FADING */

/*
inspired from http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/*END FADING*/