/*------------------------------------*\
	#OVERRIDE STLES
	This style sheet can be used for two different functions:
	1. Override specific Bootstrap styles.
	2. Add your own styles.
\*------------------------------------*/

/**
 * Padding-top is required if using .navbar-fixed-top.
 * This can be removed Remove if using .navbar-static-top.
 * The height may need to be changed if the height of you
 * navigation changes.
*/

body { padding-top: 70px; }



/**
 * Bootstrap requires a containing element to wrap site contents 
 * and house the grid system. You may choose one of two containers.
 * Use .container for a responsive fixed width container.
 * Use .container-fluid for a full width container.

 * If using container-fluid, you may need to set a maximum width, 
 * so that the container will not spread to the entire viewport.
*/

.container-fluid { max-width: 1200px; }

.starrr {
    color: blue;

}
.starrr_in {
    display: none;
}

/**
 * Bootstrap adds a 20px margin to the bottom of elements that 
 * have been given the class of thumbnail. When images have a 
 * caption after them, this margin may be too large. You can 
 * override it like this:
*/

.thumbnail { margin-bottom: 5px; }

.removeAdsStyle {
    color: black;
    float: right;
    font-size: 13px;
    padding-bottom: 3px;
    margin-top: 3px;
    cursor: pointer;
    border: 2px transparent solid!important;
    background: 0 0;
    position: relative;
}

/**
 * We can add some "helper classes" to add or remove margins to
 * help aspects of the layout. These helper classes should only
 * be used sparingly.
*/

.margin-t-0 { margin-top: 0; }
.margin-t-h { margin-top: .5em; }
.margin-t-1 { margin-top: 1em; }
.margin-t-2 { margin-top: 2em; }
.margin-t-3 { margin-top: 3em; }
.margin-b-0 { margin-bottom: 0; }
.margin-b-h { margin-bottom: .5em; }
.margin-b-1 { margin-bottom: 1em; }
.margin-b-2 { margin-bottom: 2em; }
.margin-b-3 { margin-bottom: 3em; }

.margin-tb-0
{
	margin-top: 0;
	margin-bottom: 0;
}

.margin-tb-h
{
	margin-top: .5em;
	margin-bottom: .5em;
}

.margin-tb-1
{
	margin-top: 1em;
	margin-bottom: 1em;
}

.margin-tb-2
{
	margin-top: 2em;
	margin-bottom: 2em;
}

.margin-tb-3
{
	margin-top: 3em;
	margin-bottom: 3em;
}


#carousel-example-generic {
    margin: 20px auto;
    width: 95%;
}

#carousel-custom {
    margin: 20px auto;
    width: 95%;
}
#carousel-custom .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom .carousel-outer {
    position: relative;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .form-control {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .form-control {
    font-size: 14px;
  }
}

body .modal-larg {
        width: 750px;
        margin-left: -375px;
}

.visually {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.btn span.glyphicon {
	opacity: 0;
}
.btn.active span.glyphicon {
	opacity: 1;
}

.hr-sect {
	display: flex;
	flex-basis: 100%;
	align-items: center;
	color: rgba(0, 0, 0, 0.35);
	margin: 8px 0px;
}
.hr-sect::before,
.hr-sect::after {
	content: "";
	flex-grow: 1;
	background: rgba(0, 0, 0, 0.35);
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px 8px;
}

@media (max-width: 800px) {
    .icon-barf {
        left: -30px;
    }
}

@media (min-width: 800px) {
    .icon-barf {
        left: 0px;
    }
}

.icon-barf {
z-index: 100;
  position: fixed;
  top: 50%;

  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.openf {
    position: fixed;
    color: black;
    left: 33px;
}

.openf a {
color: black;
background-color: white;
}

.openf a:hover {
    background-color: white;
    color: black;
}

.openf a:visited {
    background-color: white;
}

@media (min-width: 800px) {
    .openf {
        left: -63px;
        display:none !important;
    }
}


/* Style the icon bar links */
.icon-barf a {
  display: block;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease;

  font-size: 15px;
}





.facebookf {
  background: #3B5998;
  color: white;
}

.twitterf {
  background: #55ACEE;
  color: white;
}

.googlef {
  background: #dd4b39;
  color: white;
}

.linkedinf {
  background: #007bb5;
  color: white;
}

.youtubef {
  background: #bb0000;
  color: white;
}

.starf {
  background-color: green;
  color: white;
}

.gwiazd {
     color: white;
     position: absolute;
     background-color: green;
     height: 41.5px;
     line-height: 40px;
     display:inherit;
     left:33px;
     font-size:20px;
}