@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700&subset=latin-ext');

body { background:#EEEEEE; color: #000; font-family: 'Source Sans Pro', sans-serif; position: relative; -webkit-font-smoothing: antialiased; overflow-x: hidden; font-size: 15px; }
a { text-decoration: none; color: #0090ff; transition: all 0.2s ease; }
ul { list-style-type: square;}


/* styling */
.m-top-10 { margin-top: 10px; }
.m-top-20 { margin-top: 20px; }
.hidden { display: none; }
.orange-icons { color: #0090ff; }
.section-title { border-left: 2px solid #4B4E53; line-height: 36px; padding: 22px 25px 24px; margin-top: 10px; margin-bottom: 10px; color: #000; letter-spacing: -1px; }
.section-title h3 {  }
.hidden-block { display: none; }
.clear { clear: both; }
.slider-handle { background-color: #0090ff !important; background-image:linear-gradient(#0090ff 0px, #0090ff 100%); box-shadow:rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.05) 0 1px 2px; }
.slider-selection { background-image:linear-gradient(#ffde9d 0px, #ffde9d 100%); }

/* preloader */
.loader-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99999; }
.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 5px;
  width: 5em;
  height: 5em;
  margin: -25px 0 0 -25px;
  text-indent: -9999em;
  border-top: 0.5em solid #121212;
  border-right: 0.5em solid rgba(245, 245, 245, 0.5);
  border-bottom: 0.5em solid rgba(245, 245, 245, 0.5);
  border-left: 0.5em solid rgba(245, 245, 245, 0.5);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader, .loader:after { -webkit-border-radius: 50%; border-radius: 50%; width: 10em; height: 10em; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* navbar */
.visible-title { position: fixed; top: 20px; left: -80px; display: block; }
.visible-title a h4 { font-size: 18px; font-weight: 500; }
.visible-title a h4 .title-more { font-weight: 700; letter-spacing: 2px; color: #0090ff; font-size: 24px; text-shadow: 1px 0 1px #000; }
.visible-title a:hover, .visible-title a:focus { text-decoration: none; }
.visible-title h1 { color: #0090ff; }


.top-nav-collapse { background: rgba(0,0,0,0.8); padding-top: 10px; border-bottom: 1px solid #000; padding-right: 80px; }

.navbar-fixed-top-custom { top: 20px; right: 40px; }
.navbar-fixed-top-custom .top-information-bar, .top-nav-collapse .top-information-bar { padding: 5px !important; }
.navbar-fixed-top-custom .top-information-bar a, .top-nav-collapse .top-information-bar a { color: #fff; text-transform: none; letter-spacing: 0.09em; font-weight: 500; text-shadow: 1px 0 1px #000; }
.navbar-fixed-top-custom .top-information-bar a:hover, .top-nav-collapse .top-information-bar a:hover { color: #0090ff; text-decoration: none; }

.navbar { color: #fff; transition: all 0.3s ease-in; }
.navbar a { color: #fff; text-transform: uppercase; letter-spacing: 0em; text-shadow: 1px 0 1px #000; margin-bottom: 0px; transition: all 0.3s ease-in;  }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { border-bottom: 2px solid #0090ff; background: transparent; color: #0090ff; }
.navbar .dropdown-menu > li > a { text-shadow: 0 0 0; }
.navbar .dropdown-menu > li > a:hover, .navbar .dropdown-menu > li > a:focus { border-bottom: 0; }

.navbar li > a:hover, .navbar li > a:focus { border-bottom: 2px solid #0090ff; background: transparent; color: #0090ff; }
.home .navbar li.navigation-home a, .oferta .navbar li.navigation-oferta > a, .czyszczenie-tapicerki .navbar li.navigation-czyszczenie-tapicerki > a, .galeria .navbar li.navigation-galeria > a, .cennik .navbar li.navigation-cennik a, .kontakt .navbar li.navigation-kontakt a,

.polerowanie-reflektorow .navbar li.navigation-uslugi-samochodowe > a, .woskowanie-samochodu .navbar li.navigation-uslugi-samochodowe > a, .pranie-tapicerki-autodetailing .navbar li.navigation-uslugi-samochodowe > a, .pakiety .navbar li.navigation-uslugi-samochodowe > a, .polerowanie-lakieru .navbar li.navigation-uslugi-samochodowe > a, .pranie-tapicerki-dom .navbar li.navigation-uslugi-domowe > a, .pranie-dywanow-dom .navbar li.navigation-uslugi-domowe > a, .pranie-materacy-dom .navbar li.navigation-uslugi-domowe > a
    { border-bottom: 2px solid #0090ff; text-shadow: 1px 0 1px #000; font-weight: 700; letter-spacing: 2px; }

.new-active-color { color: #0090ff !important; }




/* slider */
.slider-pattern { background-image: url("../img/other/pattern7.png"); bottom: 0; height: 100%; left: 0; opacity: 0.6; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; }



/* content */
.adress-bar h4 { color: #333; font-weight: 700; letter-spacing: 2px; text-align: center; }
.adress-bar h4 a { color: #777; }
#page { position: relative; z-index: 5; background:#EEEEEE; margin:0px;}
#homepage { margin-top: 0px; margin-bottom: 40px; }
.content { background:none 0 0 repeat scroll #FFFFFF; margin: 0px auto auto; max-width: 90%; position: relative; padding: 0; z-index:1; padding-bottom: 40px; }
.container-inner { padding-left: 60px; padding-right: 60px; padding-bottom: 60px; }



/* gallery */
.gallery-grid > .col-xs-6, .col-sm-4, .col-md-4, .col-lg-3{ margin: 0; padding: 0; }
.img-thumbnail { border:0px; padding: 1px; border-radius: 0; }




/* video section */
#video { background: url("../img/other/video-bg.jpg") fixed #2C2C2C; margin: 0; padding: 0; will-change: background-position; }
#video-2 { background: url("../img/other/video-bg-2.jpg") fixed #2C2C2C; margin-top: 40px; padding: 0; will-change: background-position; }
.video-content { color: #F1F1F1; font-size: 56px; font-weight: 100; line-height: 56px; margin: 0 auto 0; padding-bottom: 100px; padding-top: 100px; background: rgba(44, 44, 44, 0.7); text-align: center; }
.video-content a { color: #F1F1F1; }
.video-content a:hover { color: #0090ff; text-decoration: none; }



/* footer */
#footer-info-hid { position: relative; z-index: 0; padding: 0; background: transparent; }
footer { font-family: 'Source Sans Pro', sans-serif; overflow: hidden; position: fixed; z-index: 1; bottom: 0; left: 50%; opacity: 0; width: 100%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); }
footer.dark { color: #6F7273; background: #222222; }
footer.dark h5 { letter-spacing: 1px; color: #fff; font-weight: 500; line-height: 1.5; margin: 0 0 30px; font-size: 14px; text-transform: uppercase; }
footer.dark .primary-footer { background: #222222; padding: 22px 0; }
footer.dark .secondary-footer { background: #1B1B1B; border-top: 1px solid #2C2C2C; display: inline-block; font-weight: normal; padding: 35px 0; width: 100%; }
footer.dark .secondary-footer .social-link.square a { border: 1px solid #5A5A5A; height: 35px; line-height: 35px; text-align: center; width: 35px; }
footer.dark .secondary-footer .social-link a { color: #5A5A5A; display: inline-block; font-size: 20px; margin: 0 0 0 15px; }
footer.dark .social-link.square a { border: 1px solid #FFFFFF; height: 40px; line-height: 40px; text-align: center; width: 40px; }
footer.dark .social-link.square a:hover { border: 1px solid #fff; background: rgba(255, 255, 255, 0.1); color: #fff; }
footer.dark .social-link a { color: #FFFFFF; display: inline-block; font-size: 20px; margin: 15px; }

footer .f-list, .r-work { list-style: square; margin: 0; padding: 0; }
footer .f-list li { border-bottom: 1px solid #333333; }
footer .f-list li a { color: #A2A2A2; display: block; line-height: 45px; }
footer .f-list li a:hover { color: #fff; text-decoration: none; }

footer .r-work li { list-style: none; }
footer .r-work li a { height: 55px; width: 55px; }
footer .r-work li a { float: left; margin: 0 10px 10px 0; overflow: hidden; border: 1px solid #A2A2A2; opacity: 0.8; }
footer .r-work li a:hover { border: 1px solid #fff; opacity: 1; }
footer .r-work li a img { height: 100%; width: auto; }

.vertical-align { display: flex; justify-content: center; flex-direction: row; }
.vertical-align > div:first-child { align-self: center; }
.vertical-align > div:last-child { align-self: center; }

.vertical-align-f { display: flex; justify-content: center; flex-direction: row; }
.vertical-align-f > div:first-child { align-self: center; }
.vertical-align-f > div:last-child { align-self: center; }

.gmap { height: 450px; position: relative; width: 100%; display: block; }


/* responsive */
@media only screen and (max-width : 1200px) {
    body { font-size: 14px; }
    .content { max-width: 96%; }
    .visible-title { top: 10px; left: -40px; }
    .top-nav-collapse { padding-right: 40px; }
    .nav > li > a { padding: 10px 8px; }
    .video-content { font-size: 40px; }
    h2 { font-size: 25px; }
    .section-title { padding: 15px 20px 15px; }
}

@media only screen and (max-width: 991px) {
    .bannerscollection_zoominout_texts { display: none !important; }
	footer {position:static; left:auto; bottom:auto; transform:none; -webkit-transform:none; }
    .top-nav-collapse { padding-right: 0; }
    .visible-title { left: 0px; }
    .vertical-align-f { display: block; }
    .vertical-align-f > .col-sm-6 { margin-top: 40px; }
    .vertical-align-f > div:first-child { text-align: center; margin-top: 100px; }
    footer.dark .primary-footer { padding: 20px 0; }
    .video-content { font-size: 35px; }
}

@media (max-width: 860px) {
    .nav > li > a { padding: 10px 5px; }
    .visible-title a h4 { font-size: 16px; }
    .visible-title a h4 .title-more { letter-spacing: 0px; }
}

@media only screen and (max-width: 768px) {
    .vertical-align-f { width: 80%; margin: 0 auto 0; }
    .vertical-align-f > div:first-child { margin-top: 0px; }
    footer.dark .primary-footer .vertical-align-f > div.col-xs-12 { padding: 0px;}
}

@media only screen and (max-width: 767px) {
    .information-bar { position: fixed; top: 0; left: 0; right:0 ; background: #000; width: 100%; }
    .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 18px; margin-right: 15px; margin-bottom: 8px; background-image: none; border: 1px solid transparent; border-radius: 4px; }
    .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #0090ff; }
    .navbar .container-fluid { width: 100%; padding-top: 10px; }
    .visible-title { top: 18px; }
    .navbar-nav > li > a { border-bottom: 2px solid transparent; margin-left: 30px; margin-right: 30px; }
    .dropdown-menu > li > a { color: #fff; background: rgba(0, 0, 0, 0); margin-left: 60px; margin-right: 60px; }
    .navbar .top-information-bar .information-bar { text-align: center; }
    .social-link { margin-top: 20px; }
    .bannerscollection_zoominout { margin-top: 0px; }
    .hidden-block { display: block; height: 85px; background: rgba(0,0,0,0.5); }
    .container-inner { padding: 15px; }
}

@media only screen and (max-width: 380px) {
    .fb-hide { display: none; }
}

@media only screen and (max-width: 360px) {
    .information-bar { display: none; }
    .top-title { margin-top: -10px; }
}