/* Quick.Cms.Ext v6.x slider stylesheet */
/* WIDGETS
  to style widgets in specific location use:
  .widgets-1 ... - type: top header
  .widgets-2 ... - type: header below menu
  .widgets-3 ... - type: footer after content
  .widgets-4 ... - type: footer under page footer
  #content ... - type: inside page content
*/

/* GLOBAL */
.widgets-1{position:relative;margin:10px auto;text-align:left;overflow:hidden;}
.widgets-1 > ul > li{float:left;margin:10px 0;color:#333;}
.widgets-1 div.head{margin-bottom:10px;text-align:center;font-size:1em;color:#0070ba;}
.widgets-2 > ul, .widgets-2 > ul > li,  #content .widget{padding:0px 0%;}
.widget div.head{margin-bottom:10px;text-align:center;font-size:1.25em;text-transform:uppercase;color:#0070ba;}
.widgets-1 > ul, .widgets-2 > ul, .widgets-4 > ul{float:left;width:100%;list-style:none;}
.widget > div.description{padding-bottom:5px;}
.widget ul{list-style:none;}

/* TYPE: HEADER|FOOTER - GLOBAL */
.widgets-2 > ul > li, .widgets-3 > ul > li{float:left;margin:0px 0%;border-top:0px solid #e8eaee;}

/* INSIDE PAGE CONTENT - GLOBAL */
#content .widget{float:left;margin:10px 1%;}

/* Display option: CONTENT */
.widget.type-1{width:31.3%;}
#content .widget.type-1{border:1px solid #e8eaee;border-top-width:5px;}
.widget.type-1 ul, .widget.type-1 ol{padding:0 0 0 30px;overflow:hidden;}
.widget.type-1 li{margin:5px 0;padding:0;border-left:0;}
.widget.type-1 p{padding-bottom:7px;}

/* Display option: PAGE */
.widget.type-2{width:31.3%;}
.widget.type-2 img{float:left;margin:4px 15px 7px 0;box-shadow:0 0 4px rgba(100,100,100,0.4);}
.widget.type-2 img:hover{opacity:0.8;}
.widget.type-2 div.name{font-size:1.188em;}
.widget.type-2 div.name a{text-decoration:none;}
.widget.type-2 time{display:block;padding-top:5px;color:#6e6e6e;}
.widget.type-2 div.description{margin-top:6px;text-align:justify;font-size:0.875em;}
#content .widget.type-2{width:31.3%;border:1px solid #e8eaee;border-top-width:5px;}

/* Display option: SLIDER
   slider styles in style-slider.css file */
.widget.type-3, .widget.type-6{width:100%;padding-left:0;padding-right:0;}

/* Display option: MENU */
.widget.type-4{width:31.3%;}
.widget.type-4 nav ul{list-style:none;}
.widget.type-4 nav > ul > li{padding:4px 0 4px 22px;background:url('img/list.png') no-repeat 0px 8px;font-size:1.188em;}
.widget.type-4 nav > ul > li a{text-decoration:none;}
.widget.type-4 nav > ul > li ul{margin-left:3px;font-size:0.895em;}
.widget.type-4 nav > ul > li li{padding-top:2px;}
.widget.type-4 nav > ul > li li:before{content:'>';margin-right:7px;font-size:0.824em;color:#0070ba;font-weight:bold;}
#content .widget.type-4{width:31.3%;border:1px solid #e8eaee;border-top-width:5px;}

/* Display option: SUBPAGES
   other subpages styles you will find in style.css file in SUBPAGES LIST STYLES section
   just move it here and add .widgets-2 to create custom version */
.widget.type-5{width:48%;}
.widget.type-5 .pages-list.no-type p{font-size:0.875em;}
#content #page div.content .pages-list.no-type{padding:0;}
.widget.type-5 .pages-5 li{width:30%;margin:10px 1%;padding:10px 0.5%;border:0;text-align:center;}
.widget.type-5 .pages-5 li:nth-child(4n+1){clear:none;}
.widget.type-5 .pages-5 li:nth-child(3n+1){clear:left;}
.widget.type-5 .pages-5 .description{text-align:left;font-size:0.875em;}

@media print{
  /* PRINT STYLES */
  .widgets-1{position:static;width:17.2cm;height:auto;margin:0;overflow:visible;}
}

/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:480px){
  .widget[class*='type-']{width:98%;}
}
@media screen and (min-width:1280px){
  .widgets-1{width:1200px;}
}

/* PLUGINS */

/* Display option: MENU - DROP DOWN */
.type-4 nav > ul{border-top:1px solid #0070ba;}
.type-4 nav > ul > li{position:relative;border-bottom:1px solid #0070ba;}
.type-4 nav > ul > li ul{display:none;position:absolute;top:-1px;left:99%;z-index:10;background:#fff;border:5px solid #0070ba;border-width:1px 1px 1px 5px;white-space:nowrap;}
.type-4 nav > ul > li:hover > a{color:#0070ba;}
.type-4 nav > ul > li:hover > ul{display:block;}
.type-4 nav > ul > li:hover ul li{position:relative;padding:2px 5px 0 8px;border-bottom:1px solid #0070ba;}

.type-4 nav > ul > li > ul > li > ul{left:98%;}
.type-4 nav > ul > li > ul > li:hover ul{display:block;}

/* Display option: TAGS */
.widget.type-23{width:31.3%;}
.widget.type-23 ul{list-style:none;}
.widget.type-23 li{float:left;margin:0 15px 4px 0;}
.widget.type-23 li a{padding-left:20px;background:url('img/tag.png') no-repeat 0px 2px;}
.widget.type-23 li a:hover{color:#0070ba;}
@media screen and (max-width:900px){
  .widget.type-23{width:48%;}
}
@media screen and (max-width:460px){
  .widget.type-23{width:98%;}
}

/* SIDE TAB */
.side-tab-widget{position:fixed;right:-100px;top:15%;z-index:510;background:#69bd45;border:1px solid #FFFFFF;font-size:0.75em;border-top-left-radius:15px;border-top-right-radius:15px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}
.side-tab-widget a{display:block;padding:13px;text-decoration:none;color:#fff;font-size:1.633em;}

/* Display option: NOTICES */
aside.widget.type-10{display:none;padding:7px 0;background:#fff;font-size:12px;line-height: 1.25em;}
.widget.type-10 .close a{padding:5px 7px;font-weight:normal;text-decoration:none;background:#69bd45;color:#fff;}
.widget.type-10 .close a:hover{background:#474747;}
.widget.type-10 .head{margin-bottom:7px;font-weight:bold;font-size:1.35em;font-weight: bold;}
.widget.type-10.location-0, .widget.type-10.location-2{position:fixed;z-index:2000;width:100%;background-color:rgba(255,255,255,0.9);}
.widget.type-10.location-0{width:200px;left:0px;bottom:0px;padding:10px;border:1px solid #bbb;}
.widget.type-10.location-2 div{display:inline-block;margin-right:4px;}
.widget.type-10.location-2 .head{margin-right:10px;font-weight:bold;}
.widget.type-10.location-2{border-bottom:1px solid #555;}
.widget.type-10.location-2{top:0px;}
.widget.type-10.location-3{position:fixed;top:100px;left:50%;z-index:1001;width:700px;margin-left:-350px;padding:30px;text-align:center;background:#fff;border:5px solid #fff;border-radius:10px;}
.widget.type-10.location-1{padding:10px 0 20px;}
.widget.type-10.location-2 .close{margin-left:20px;}
.widget.type-10.location-0 .close, .widget.type-10.location-1 .close, .widget.type-10.location-3 .close{margin-top:15px;}
.widget-dark-background{display:none;position:fixed;width:100%;height:100%;left:0px;top:0px;background:rgba( 0, 0, 0, 0.7 );z-index:1000;}

/* Display option: GOOGLE MAPS */
.widget.type-14{width:100%;border:0;position:relative;z-index:11;}
#content .widget.type-14{width:100%;}
.widget.type-14 div.head{text-align:left;text-transform:none;}
.widget.type-14 iframe{width:100%;min-height:450px;}

/* Display option: FACEBOOK LIKE BOX */
.widget.type-19 .head{text-align:left;padding:0 0 5px 10px;font-weight:bold;}
.widget.type-19 .fb-page{overflow:hidden;background-color:transparent;}
.widget.type-19 .button{display:none;}

.widgets-5 aside.widget.type-19{z-index:500;position:fixed;top:130px;padding:10px 10px 10px 0;}
.widgets-5 .widget.type-19.left{left:0px;padding-left:0;}
.widgets-5 .widget.type-19.right{right:0px;padding-right:0;}
.widgets-5 .widget.type-19.left .fb-page{float:left;border-top-right-radius:0px;border-bottom-right-radius:0px;}
.widgets-5 .widget.type-19.right .fb-page{float:right;border-top-left-radius:0px;border-bottom-left-radius:0px;}
.widgets-5 .widget.type-19 .button{display:block;float:right;padding:0 0px 30px;}

@media print{
  .widgets-5 .widget.type-19{display:none;}
}
/* Display option: CONTACT PANEL
   other subpages styles you will find in style.css file in CONTACT-PANEL section
   just move it here and add .widgets-1 to create custom version */
.type-7{width:48%;}
.type-7 div.head, #content .widget.type-7 div.head{text-transform:none;}
@media screen and (max-width:899px){
  .type-7{width:98%;}
}

/* SCROLL BACK TO TOP */
.back-to-top-widget{position:fixed;bottom:30px;right:0;z-index:110;}
.back-to-top-widget a{display:block;width:50px;text-align:center;color:#69bd45;text-transform:uppercase;text-decoration:none;transition:1s;opacity:0.6;}
.back-to-top-widget div.head{color:#69bd45;font-size:17px;transition:1s;font-weight:normal;}
.back-to-top-widget a:hover, .back-to-top-widget a:hover div.head{opacity:1;color:#69bd45;text-decoration:none;}
.back-to-top-widget a:before{content:'';display:block;width:50px;height:50px;margin-bottom:7px;background:#69bd45 url('img/back_to_top.png') no-repeat center center;border-radius:0%;transition:1s;}
.back-to-top-widget a:hover:before{background-color:#69bd45;}

/* */
#homepage-parallax-1 {background-image: url("img/dol_foto.jpg");float:left;width:100%;border-bottom:0px solid #000000;}
.parallax-section {background-position: center center;background-repeat: no-repeat;background-size: cover;height: 650px;margin-bottom: 0px;width: 100%;background-attachment: fixed;}
.caption p.colour1 {font-size: 36px;font-weight: bold;margin-bottom: 10px;padding:15px 0;font-family: 'Open Sans', sans-serif;}
.caption p.colour1 span {float: left;width: 100%;text-align: center;font-size: 12px;color:#000000;font-family: 'Open Sans', sans-serif;margin-top:-10px;}
.caption p.colour1 {color: #FFF;}
.caption p.colour1, .caption p.colour2 {display: table;}
.caption p {margin: 0 auto;padding: 17px 20px;text-align: center;}
.caption p.colour2 {font-size: 18px;margin-top:10px;font-weight: 300;letter-spacing: 2px;width: 50%;text-align: center;}
.caption p.colour2 {color: #000000 !Important;font-weight: 300;text-align: justify !Important;}
.caption p.colour1, .caption p.colour2{clear: both;display: table;float: left;margin-left: 10%;text-align: left;width: 40%;color: #0070ba;}
.caption p {margin: 0 auto;padding: 15px 0px 15px 0;text-align: center;}
.caption p a {text-decoration: none;color: #FFF;}

#homepage-parallax-1 .more a {background-color: #edeef2;color: #0070ba;}
#homepage-parallax-1 .more a:hover {color:#000000;}
#homepage-parallax-1 .more {float: left;width: auto;clear: both;margin-left: 10%;}
#homepage-parallax-1 .widget-line {text-align: left;float: left; border-top: 4px solid #0070ba;}
#homepage-parallax-1 .widget-h2 {width: 40%;text-align: left;clear: both;margin-left: 10%;}

.banner_wrapper h3 strong em {color: #0070ba;font-style: normal;}
.banner_wrapper h3 em {color: #FFFFFF;font-style: normal;text-transform: none;}
.banner_wrapper strong a {color: #FFFFFF;font-size: 40px;font-weight: bold;letter-spacing: 4px;padding: 0 10px;font-family: 'Open Sans', sans-serif;float:left;width:100%;text-align:center;}
.banner_wrapper h3 {color: #000000;font-size:26px;letter-spacing: 2px;margin: 0;text-transform: uppercase;font-weight: 300;float:left;width:100%;text-align:center;font-style: normal;}
.banner_wrapper {text-align: center;position: relative;width: 100%;background: #69bd45;display:block;float:left;margin:0px 0 0px 0;}
.banner_wrapper strong a em{font-style: normal;}



.banner_wrapper_15 {text-align: center;width: 100%;display:block;float:left;margin:0px 0 0px 0;position: absolute;left: 0;right: 0;top: 0;z-index: 80000;}
.banner_wrapper_15 span strong em {color: #0070ba;font-style: normal;}
.banner_wrapper_15 span em {color: #FFFFFF;font-style: normal;text-transform: none;}
.banner_wrapper_15 strong a {color: #FFFFFF;font-size: 40px;font-weight: 300;letter-spacing: 4px;padding: 0 10px;font-family: 'Open Sans', sans-serif;text-align:center;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75);}
.banner_wrapper_15 span {color: #FFFFFF;font-size:26px;letter-spacing: 2px;margin: 0;text-transform: uppercase;font-weight: 300;text-align:center;font-style: normal;display: inline-block;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75);}
.banner_wrapper_15 strong a em{font-style: normal;}


.banner_wrapper_wrap_inner {float:left;width:100%;padding: 0px;background: #eeeeee;
background: -moz-linear-gradient(left,  #eeeeee 0%, #b7b7b7 100%);
background: -webkit-linear-gradient(left,  #eeeeee 0%,#b7b7b7 100%);
background: linear-gradient(to right,  #eeeeee 0%,#b7b7b7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#b7b7b7',GradientType=1 );
}
.banner_wrapper_wrap_inner2 {float:left;width:100%;padding: 10px 15px 8px 15px;}
.banner_wrapper_wrap_inner_search {float:right;width:50%;padding: 20px 15px 18px 15px;background: #FFFFFF;}

.banner_wrapper2 {text-align: center;padding: 25px 0;position: relative;width: 100%;background: #69bd45;display:block;float:left;margin:0px 0 0px 0;}
.banner_wrapper2 h3 strong em {color: #0194e1;font-style: normal;}
.banner_wrapper2 h3 em {color: #FFFFFF;font-style: normal;text-transform: none;}
.banner_wrapper2 h3 strong {color: #0194e1;font-size: 60px;font-weight: 400;letter-spacing: 4px;padding: 0 10px;}
.banner_wrapper2 h3 {
    background: #69bd45;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 46px;
    font-weight: 300;
    letter-spacing: 2px;
    margin: 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;width: 100%;}

.banner_wrapper5 h3 strong em {color: #0194e1;font-style: normal;}
.banner_wrapper5 h3 em {color: #FFFFFF;font-style: normal;text-transform: none;}
.banner_wrapper5 h3 strong {color: #0194e1;font-size: 60px;font-weight: 400;letter-spacing: 4px;padding: 0 10px;}
.banner_wrapper5 h3 {color: #FFFFFF;font-size:20px;letter-spacing: 2px;margin: 0;text-transform: uppercase;font-family: 'Open Sans', sans-serif;}
.banner_wrapper5 {text-align: center;padding: 36px 0;position: relative;width: 100%;background: #000000;display:block;float:left;}

.widget-line {border-top: 4px solid #0070ba;margin:0 auto;}
.widget-h2 {float: left;width: 100%;text-align: center;padding: 15px 0 25px 0;}

#homepage-parallax-5 {background-image: url("img/dol_foto.jpg");float:left;width:100%;}
#homepage-parallax-5.parallax-section2 {background-position: center center;background-repeat: no-repeat;background-size: cover;height: 660px;margin-bottom: 0px;width: 100%;background-attachment: fixed;}
#homepage-parallax-5 .caption p.colour10 {background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;font-size: 38px;}
#homepage-parallax-5 .caption p.colour10 {color: #000;font-weight: bold;color: #f8ea29;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75);}
#homepage-parallax-5 .caption p.colour10, #homepage-parallax-5 .caption p.colour20 {display: table;}
#homepage-parallax-5 .caption p {margin: 0 auto;padding: 17px 20px;text-align: center;}
#homepage-parallax-5 .caption p.colour20 {background: rgba(245, 245, 245, 0.7) none repeat scroll 0 0;font-size: 38px;}
#homepage-parallax-5 .caption p.colour20 {color: #000;}
#homepage-parallax-5 .caption p.colour10, #homepage-parallax-5 .caption p.colour20 {display: table;}
#homepage-parallax-5 .caption p {margin: 0 auto;padding: 17px 20px;text-align: center;}

#licznik-kilo {width:100%;float:left;padding:80px 0 40px 0;}
.licznik-kilo-wew {width:1200px;margin:0 auto;}
#klienci {width:33.33%;float:left;display:inline-block;text-align:center;}
#samochody {width:33.33%;float:left;display:inline-block;text-align:center;}
#kilometry {width:33.33%;float:right;display:inline-block;text-align:center;}
#klienci span {width:100%;text-align:center;margin:10px 0;float:left;text-transform: uppercase;font-family: 'Open Sans', sans-serif;font-size: 2.4em;color:#f8ea29;font-weight: bold;text-shadow: 1px 3px 1px rgba(0, 0, 0, 1);}
#samochody span {width:100%;text-align:center;margin:10px 0;float:left;text-transform: uppercase;font-family: 'Open Sans', sans-serif;font-size: 2.4em;color:#f8ea29;font-weight: bold;text-shadow: 1px 3px 1px rgba(0, 0, 0, 1);}
#kilometry span {width:100%;text-align:center;margin:10px 0;float:left;text-transform: uppercase;font-family: 'Open Sans', sans-serif;font-size: 2.4em;color:#f8ea29;font-weight: bold;text-shadow: 1px 3px 1px rgba(0, 0, 0, 1);}

#napis-start {font-family: 'Open Sans', sans-serif;font-size: 2.2em;font-weight: 300;color:#000000;text-decoration:none;}
#napis-start a {color:#000000;text-decoration:none;}

.widgets-3 {float: left;width: 100%;}
.widgets-3 > ul {width: 1200px;margin:0 auto;padding: 0px;}
#slider--3 img {display: block;float: left;}

  @media screen and (max-width:1080px){ 
  #klienci span {font-size: 1.4em;height: 50px;}
  #samochody span {font-size: 1.4em;height: 50px;}
  #kilometry span {font-size: 1.4em;height: 50px;}
  }
  @media screen and (max-width:620px){ 
  #klienci {width:100%;float:left;display:inline-block;text-align:center;}
  #samochody {width:100%;float:left;display:inline-block;text-align:center;}
  #kilometry {width:100%;float:right;display:inline-block;text-align:center;}  
  #homepage-parallax-5 .caption p.colour20, #homepage-parallax-5 .caption p.colour10 {display: none;}  
  #klienci span {font-size: 1.2em;height: auto;}
  #samochody span {font-size: 1.2em;height: auto}
  #kilometry span {font-size: 1.2em;height: auto;}  
  #licznik-kilo {padding: 0px 0;}
  #homepage-parallax-5 .caption {padding-top:15px !Important;}
  #homepage-parallax-5.parallax-section2 {height: 860px;}
  }
  @media screen and (max-width:480px){ 
  .banner_wrapper strong a {font-size:20px;} 
  .banner_wrapper h3 {font-size: 18px;}
  #search_box_s {width: 100%;margin: 0 auto;text-align: center;}
  #klienci span {font-size: 1.0em;height: auto;}
  #samochody span {font-size: 1.0em;height: auto}
  #kilometry span {font-size: 1.0em;height: auto;}    
  }