/*
Theme Name: Wislak
Theme URI: http://www.maciejwislawski.com.pl/
Maciej Wislawski
Author: Tomasz Gasiorowski
Author URI: 
Description: Wislak to motyw stworzony specjalnie dla Macieja Wislawskiego
Version: 1.0
*/

/*Multimedia*/
.ngg-galleryoverview {width:741px!important; margin:10px auto 0 auto!important;}
.ngg-gallery-thumbnail img {border:none!important; margin:2px 0 2px 2px!important;}
#fancybox-overlay {z-index:1100000!important;}
#fancybox-wrap {z-index:10000000!important;}
.fancybox-bg {z-index:1001000!important;}
#fancybox-content {z-index:1102000!important; /* border-width:0 0 10px 0!important; margin:0; */}
#fancybox-close {z-index:1103000!important;}
#fancybox-left, #fancybox-right {z-index:1102000!important;}
#fancybox-left-ico {z-index:1102000!important;}
.ngg-gallery-thumbnail img:hover {background-color:#13b8ff!important;}

h3.gallery-title {margin-bottom:20px;}
.gallery-content {margin-bottom:20px;}

.content-inner-video {width:759px; margin:10px auto 0 auto;}
.box-video { float:left; margin:6px 3px; text-align:center; width:245px; height:200px; background-color:white;}
.box-video:hover {background-color:#13b8ff;}
.box-video a {/* display:block; width:100%; height:100%; */}
.box-video img {display:block; width:240px; height:160px; padding:4px 0 0 4px;}
.box-video h3.video-title {font-size:16px; line-height:40px; color:white; text-align:center; background-color:#13b8ff; width:236px; margin-left:4px;}

.content-inner-media {width:759px; margin:10px auto 0 auto;}
.box-pdf {float:left; margin:6px 3px; text-align:center; width:245px; height:200px; background-color:white;}
.box-pdf:hover {background-color:#2e9a5b;}
.box-pdf img {display:block; width:240px; height:160px; padding:4px 0 0 4px;}
.box-pdf h3.media-title {font-size:16px; line-height:40px; color:white; text-align:center; background-color:#2e9a5b; width:236px; margin-left:4px;}

/*Multimedia*/


/*header*/
#topper { position:fixed; width:100%; height:60px; background-color: #555555;  z-index: 100000; border-bottom:2px solid #444444; border-top:1px solid #555555;}
.topper-inner {width:960px; margin:0 auto; display:block;}
#logo { float:left; background: url(img/logasy/logo-wislak.png) no-repeat; width: 176px; height: 42px; margin: 12px 0 0 30px;}
#socials {float:right; margin-right:30px;}
.ikona-facebook {background: url(img/ikony/ikona-facebook.png) no-repeat; width: 8px; height: 17px; margin: 22px 0 0 0;}

/*Główne menu*/
#topper .menu {overflow:hidden; margin:0 auto; width:490px;}
#topper ul.menu li { float:left;}
#topper ul.menu a {display: block; font-size: 16px; padding: 0px 20px 0 20px;  text-decoration: none; color: white; line-height: 56px; text-transform: uppercase; border: 1px solid transparent;}

#topper ul.menu .current-menu-item a {
	border-left: 1px solid #888 !important; 
	border-right: 1px solid #444 !important; 
	border-top: 1px solid #888; 
	border-bottom: 1px solid #444 !important;
	background-color: #666 !important;
	}
/*submenu*/
#topper ul.menu ul {
	float:left;
	width:170px;
	position: absolute;
	display: none;
	z-index: 100000;
	background-color:#555555;	
	}

#topper ul.menu ul a {
	line-height:20px; padding:10px 10px 10px 20px; color:white; width:170px; border-bottom: 1px solid #111111 !important; border-top: 1px solid #555555 !important; border-left: 1px solid transparent !important; border-right: 1px solid transparent !important; background-color: #343434 !important;}

#topper ul.menu ul .current-menu-item a {
	 line-height:20px; padding:10px 10px 10px 20px; color:white; width:170px; border-bottom: 1px solid #111111 !important; border-top: 1px solid #555555 !important; border-left: 1px solid transparent !important; border-right: 1px solid transparent !important; background-color: #343434 !important;
	}

#topper ul.menu li a:hover {
	border-left: 1px solid #888 !important; 
	border-right: 1px solid #444 !important; 
	border-top: 1px solid #888 !important; 
	border-bottom: 1px solid #444 !important;
	background-color: #666666 !important;
	}
/*submenu*/	
/*Główne menu*/

.film-o-mnie {float:right; margin:21px 20px 0 0;}
.film-o-mnie a {display:block;}

/*search*/
#search { float:right;}
.search-form { float: right; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; margin: 18px 20px 0px 0px; color: #abacb5

}
.search-field {
	background-color: #444444;
	background-image: url(img/ikony/ikona-search.png);
	background-position: 2px center;
	background-repeat: no-repeat;
	background-size: 11px 13px;
	border-top: 1px solid #1a1a1a;
	border-left: 1px solid #1a1a1a;
	border-right: 1px solid #8d8d8d;
	border-bottom: 1px solid #8d8d8d;
	cursor: pointer;
	height: 20px;
	margin: 3px 0;
	padding: 0 0 0 15px;
	width: 130px;
}
.search-field:focus { 
	background-color: #444444;
	/* border: 1px solid #46464e; */
	cursor: text;
	outline: 0;
	color: white;
}
.search-submit {
  display: none;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
/*search*/
/*header*/



/*home-page*/
/*home-page-slider*/
.slider { width:100%; /* margin-top:60px;  min-width:960px;*/ position:fixed; z-index:100;}
.slider .easingslider-viewport, .slider .easingslider {margin:0 auto !important}
/*home-page-slider*/

.foto-wislak-main-page {margin: 60px 0 50px 0;}

.belka-home-page {float:left; width:100%; background-color: #555555;  z-index: 10000; position:relative; border-bottom:2px solid #444444; border-top:2px solid #666666; margin-top:750px;}

.belka { float:left; width:100%; background-color: #555555;  z-index: 10000; position:relative; border-bottom:2px solid #444444; border-top:2px solid #666666; height:60px;}


.belka-txt-haslo {text-align:center; width:960px; margin:0 auto;}
.belka-txt-haslo p { font-style:italic; color:white; font-size:28px; line-height:55px;}
.belka-home-page p { padding:10px 0; line-height:40px;}


.foto-wislak {margin: 60px 0 50px 0;}


.content-txt p {margin-bottom:10px;}
/*home-page*/



/*footer*/
#footer {float:left; position:relative; width:100%; height:50px; background-color: #555;  z-index: 10000;}
.footer-wrapper { width:960px; margin:0 auto; padding:0 30px; }
.footer-inner {padding-top:15px; }
.footer-inner p {color:white; float:left;}
.menu-footer-menu-container { float:right;}
.menu-footer-menu-container ul {float:left;}
.menu-footer-menu-container ul li {display:inline-block; border-right: 1px solid white; line-height:16px;}
.menu-footer-menu-container ul li.menu-item-26 {border-right: none;}
.menu-footer-menu-container ul li a {color:white; padding: 10px;}
.menu-footer-menu-container ul li a:hover {color:red;}

/*footer*/

/*BIO*/

/* .content-txt.width-540 {width:540px; float:left; margin-top:50px; margin-bottom:30px;} */
/* .bio-foto-wislak {float:left; margin:20px 0 0 20px; height:441px; width:262px; } */
#container-o-sobie-98 .content-wrapper { padding:60px 30px 0px 30px;}
#container-o-sobie-98 .content-column-left {width:540px; float:left;}
#container-o-sobie-98 .content-column-right{width:328px; float:left;}
#container-o-sobie-98 img {float:left; margin:0 0 0 20px; position:relative; left:-150px; bottom:-150px; opacity:0;}
#container-o-sobie-98 .content-txt {position:relative; left:150px; opacity:0;}
#container-o-sobie-103 .content-img, #container-o-sobie-105 .content-img { margin-top:10px;}
#container-o-sobie-120 .content-wrapper {padding-bottom:0;}

.bio-foto {float:left;}
.easingslider-40 {/* float:left; */ margin-top:10px!important;}

.mowi-o-mnie {text-align:center;}
.mowi-o-mnie h3 {margin:20px auto; width: 200px;}
.mowi-o-mnie p {font-style:italic; margin:0 0 10px 0;}
.column-300 {float:left; width:300px; padding:0 30px}

.mowia-o-mnie-film {margin-top:25px;}

.content-wrapper.wrapper-moi-kierowcy {width:624px; margin:0 auto; padding:50px 0;}

.moi-kierowcy-kreska-start {height:67px;}
.row-moi-kierowcy { margin:0 0 6px 0; padding:0;}
.row-0 .moj-kierowca { background: url(img/bio/moi-kierowcy-kreska-bottom.png) no-repeat bottom right; width:294px; height:52px; float:left;}
.row-1 .moj-kierowca { background: url(img/bio/moi-kierowcy-kreska-bottom.png) no-repeat bottom left; width:294px; height:52px; float:right;}

.moj-kierowca-txt { width:236px; height:52px;}
.row-0 .moj-kierowca-txt {text-align:left; float:right; margin:0px 0px 0 0;}
.row-1 .moj-kierowca-txt {text-align:right; float:left; margin:0px 0 0 0px;}
.row-moi-kierowcy.row-0 img.kreska-pion { float:left; margin-left:12px;}
.row-moi-kierowcy.row-1 img.kreska-pion {float:right; margin-right:12px;}

.row-moi-kierowcy.row-0 .moj-kierowca-ikona-film {float:left; margin:5px 0 0 0;}
.row-moi-kierowcy.row-1 .moj-kierowca-ikona-film {float:right; margin:5px 0 0 0;}
.moi-kierowcy-kreska-end {height:38px;}


.content-wrapper.wrapper-osiagniecia {width:496px; margin:0 auto; padding:50px 0;}
.row-osiagniecia {}
.row-1 .osiagniecie {background: url(img/bio/osiagniecia-bg-left.png) no-repeat top right; width:254px; height:100%; float:left;}
.row-0 .osiagniecie {background: url(img/bio/osiagniecia-bg-right.png) no-repeat top right; width:254px; float:right; height:100%;}

.osiagniecie {}
.osiagniecie-txt h4 {line-height:16px; height:30px; width:254px;}


.row-1 .osiagniecie-txt {text-align:left; float:right; margin:0px 0px 0 0; width:254px; height:100%;}
.row-1 .osiagniecie-content {float:right; width:254px; margin-top:10px; height:100%;}
.row-1 .osiagniecie-txt p {line-height:19px; width:246px; float:left;}
.row-1 img.kreska-pion-osiagniecia {width:4px; height:100%; display:block; margin-right:0; min-height:38px;}

.row-0 .osiagniecie-txt {text-align:right; float:left; margin:0px 0 0 0px; width:254px; height:100%;}
.row-0 .osiagniecie-content {float:left; width:254px; margin-top:10px; height:100%;}
.row-0 .osiagniecie-txt p {line-height:19px; width:246px; float:right;}
.row-0 img.kreska-pion-osiagniecia { width:4px; /* height:100%; */ display:block; margin-left:4px; }


.osiagniecie-content br {line-height:26px;}


/*Współpraca*/

#main-text-wspolpraca { }
.main-text-wspolpraca-txt {text-align:left; margin-bottom:30px; padding:0 30px;}
.main-text-wspolpraca-txt p {margin-bottom:10px;} 


.wspolpraca-row {float:left; width:900px; height:300px; margin: auto;}

.row-wystapienia {}
.box-wystapienia-img {float:left; height:300px;}
.box-wystapienia-img img {opacity:1;}
.box-wystapienia-separator {float:left; opacity:1;}
.box-wystapienia-txt {float:left; background-color:#13b8ff; width:445px; height:300px; display:table;}
.box-wystapienia-txt h5 {text-transform:uppercase; display:table-cell; vertical-align:middle; line-height:50px;}
.box-wystapienia-expand {float:right; height:10px; opacity:0;}
.box-wystapienia-expand img {margin:0; padding:0; float:right;}
.box-wystapienia-txt, .box-eventy-separator, .box-eventy-expand {-webkit-user-select: none; -webkit-touch-callout: none; }


.row-imprezy {}
.box-imprezy-img {float:left; height:300px;}
.box-imprezy-img img {opacity:1;}
.box-imprezy-separator {float:left; opacity:1;}
.box-imprezy-txt {float:left; background-color:#eb8638; width:445px; height:300px; display:table;}
.box-imprezy-txt h5 {text-transform:uppercase; display:table-cell; vertical-align:middle; padding:0 20px; line-height:50px;}
.box-imprezy-expand {float:left; height:10px; opacity:0;}
.box-imprezy-expand img {margin:0; padding:0; float:left;}

.row-gosc {}
.box-gosc-img {float:left; height:300px;}
.box-gosc-img img {opacity:1;}
.box-gosc-separator {float:left; opacity:1;}
.box-gosc-txt {float:left; background-color:#cf3d3d; width:445px; height:300px; display:table;}
.box-gosc-txt h5 {text-transform:uppercase; display:table-cell; vertical-align:middle; padding:0 80px; line-height:50px;}
.box-gosc-expand {float:right; height:10px; opacity:0;}
.box-gosc-expand img {margin:0; padding:0; float:right;}

.row-instruktor {}
.box-instruktor-img {float:left; height:300px;}
.box-instruktor-img img {opacity:1;}
.box-instruktor-separator {float:left; opacity:1;}
.box-instruktor-txt {float:left; background-color:#009b56; width:445px; height:300px; display:table;}
.box-instruktor-txt h5 {text-transform:uppercase; display:table-cell; vertical-align:middle; padding:0 80px; line-height:50px;}
.box-instruktor-expand {float:left; height:10px; opacity:0;}
.box-instruktor-expand img {margin:0; padding:0; float:left;}

.row-reklama {}
.box-reklama-img {float:left; height:300px;}
.box-reklama-img img {opacity:1;}
.box-reklama-separator {float:left; opacity:1;}
.box-reklama-txt {float:left; background-color:#36449d; width:445px; height:300px; display:table;}
.box-reklama-txt h5 {text-transform:uppercase; display:table-cell; vertical-align:middle; padding:80px; line-height:50px;}
.box-reklama-expand {float:right; height:10px; opacity:0;}
.box-reklama-expand img {margin:0; padding:0; float:right;}

.row-referencje {}
.box-referencje-img {display:table; float:left; height:300px; background-color:#dddddd; width:445px;}
.box-referencje-img-inner {display:table-cell; vertical-align:middle; padding:0 63px;}
.box-referencje-img-inner p {float:right;}
.box-referencje-img-inner em {float:left; margin-bottom:20px;}
.box-referencje-img img {opacity:1;}
.box-referencje-separator {float:left; opacity:1;}
.box-referencje-txt {float:left; background-color:#898989; width:445px; height:300px; display:table;}
.box-referencje-txt h5 {text-transform:uppercase; display:table-cell; vertical-align:middle; padding:80px; line-height:50px;}
.box-referencje-expand {float:left; height:10px; opacity:0;}
.box-referencje-expand img {margin:0; padding:0; float:left;}

.referencja-pdf {display:inline-block; width:277px; height:100px;}
.referencja-pdf a {display:block; width:100%; height:100%; margin-top:20px;}
.referencja-pdf img {vertical-align:middle;}

.wspolpraca-expander-wystapienia, .wspolpraca-expander-imprezy, .wspolpraca-expander-gosc, .wspolpraca-expander-instruktor, .wspolpraca-expander-reklama, .wspolpraca-expander-referencje {display:none; padding:30px;}

.wspolpraca-expander-column { float:left; width:50%;}
.wspolpraca-expander-column.align-right .easingslider {margin-left:auto!important;}
.wspolpraca-expander-txt {padding:0 0 0 30px;}
.wspolpraca-expander-txt.column-left {padding:0 30px 0 0;}
.wspolpraca-expander-txt p { margin-bottom:10px;}

.opacity-0 {opacity:0!important; -webkit-user-select: none; -webkit-touch-callout: none; }
.opacity-1 {opacity:1!important; -webkit-user-select: none; -webkit-touch-callout: none; }

.easingslider-wrapper-outer {width:100%!important;}
/*Współpraca*/

/*Kontakt*/
ul.kontakt-info {width:700px; margin:0 auto;}
ul.kontakt-info h3 {margin-bottom:20px;}
#kontakt-adres {}
#kontakt-txt { width:700px; text-align:left; margin:25px auto;}
#kontakt-txt p {margin-bottom:10px;}
#kontakt-adres a:hover {color:red;}
#wpcf-field-kontaktemail {font-weight:400; display:inline;}

.formularz-kontaktowy { width:700px; margin: 0 auto; text-align:left;}
.formularz-kontaktowy .wpcf7-form-control { border: 1px solid #555555; padding:0 5px;}
.formularz-kontaktowy .wpcf7-text { margin: 5px 0 10px 0; height:36px; width:100%; padding:0 10px;}
.formularz-kontaktowy .wpcf7-textarea { margin: 5px 0 10px 0; height:150px; width:100%; padding:10px;}
.formularz-kontaktowy .wpcf7-submit { margin-top:10px; border: 1px solid #555555; background-color:#555555; color: white; cursor: pointer; font-size: 18px; font-weight:300; width:80px; height:36px;}
.formularz-kontaktowy .wpcf7-submit:hover {border: 1px solid red;}
.formularz-kontaktowy .wpcf7-form-control-wrap input:focus, .formularz-kontaktowy .wpcf7-form-control-wrap textarea:focus {border: 1px solid red;}


/*Kontakt*/

@media (max-width: 1600px) { 
.slider .easingslider-viewport {height:600px !important; max-height:600px !important;}
.belka-home-page {margin-top:600px;}
}

@media (max-width : 1380px) { 
.slider .easingslider-viewport {height:450px !important; max-height:450px !important;}
.belka-home-page {margin-top:450px;}
}


/* ------------------- media query --------------------------------------- iPad in portrait */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {



.foto-wislak-main-page {margin:0;}

.topper-inner {width:100%;}	
#topper .menu {width:410px;}
#topper ul.menu a {padding:0 12px 0 12px;}

.slider .easingslider-viewport {height:400px !important; max-height:400px !important;}
.belka-home-page {margin-top:400px;}
.belka-home-page p {font-size:24px;}
.belka-txt-haslo {width:100%;}
.footer-wrapper {width:100%;}

#container-o-sobie-98 .content-column-left {width:55%;}
#container-o-sobie-98 .content-column-right {width:40%;}
.content-column-left {width:48%; margin-right:4%;}
.content-column-right {width:48%;}
.content-img img {max-width:100%; height:auto;}
#o-sobie .easingslider-viewport {width:340px !important; height:258px !important;}
#o-sobie .easingslider-image {width:100% !important; height:auto !important;}


.column-300 {width:236px;}
.column-300 .box-foto img {max-width:100%; height:auto;}
.mowi-o-mnie h3 {width:100%;}

.gallery-content img {width:229px; height:auto;}
.ngg-galleryoverview {width:100%!important;}
.content-inner-video, .content-inner-media {width:100%;}
.box-video {width:230px;}
.box-video img {max-width:100%; height:auto}
.box-video h3.video-title {width:226px;}

.box-pdf {width:230px;}
.box-pdf img {max-width:100%; height:auto}
.box-pdf h3.media-title {width:226px;}

.wspolpraca-row {width:690px; height:227px; margin-left:9px;}

.wspolpraca-expander-column .easingslider-viewport {width:300px !important; height:212px !important;}
.wspolpraca-expander-column .easingslider-image {width:100% !important; height:auto !important;}

.box-wystapienia-img {width:340px; height:227px;}
.box-wystapienia-img img {width:100%; height:100%; display:block;}
.box-wystapienia-separator {height:236px;margin-top:-32px;}
.box-wystapienia-txt {width:340px; height:227px;}
.box-wystapienia-txt h5 { padding:0;}
.box-wystapienia-expand {width:340px; margin-right:9px; margin-left:-65px; overflow:hidden;} 
.box-wystapienia-expand img {margin-right:-45px;}

.box-imprezy-img {width:340px; height:227px;}
.box-imprezy-img img {width:100%; height:100%; display:block;}
.box-imprezy-separator {height:236px;margin-top:-32px;}
.box-imprezy-txt {width:340px; height:227px;}
.box-imprezy-txt h5 { padding:0;}
.box-imprezy-expand {width:340px; margin-right:9px; margin-left:-65px; overflow:hidden;} 
.box-imprezy-expand img {margin-right:-45px;}

.box-gosc-img {width:340px; height:227px;}
.box-gosc-img img {width:100%; height:100%; display:block;}
.box-gosc-separator {height:236px;margin-top:-32px;}
.box-gosc-txt {width:340px; height:227px;}
.box-gosc-txt h5 { padding:10px;}
.box-gosc-expand {width:340px; margin-right:9px; margin-left:-65px; overflow:hidden;} 
.box-gosc-expand img {margin-right:-45px;}

.box-instruktor-img {width:340px; height:227px;}
.box-instruktor-img img {width:100%; height:100%; display:block;}
.box-instruktor-separator {height:236px;margin-top:-32px;}
.box-instruktor-txt {width:340px; height:227px;}
.box-instruktor-txt h5 { padding:0;}
.box-instruktor-expand {width:340px; margin-right:9px; margin-left:-65px; overflow:hidden;} 
.box-instruktor-expand img {margin-right:-45px;}

.box-reklama-img {width:340px; height:227px;}
.box-reklama-img img {width:100%; height:100%; display:block;}
.box-reklama-separator {height:236px;margin-top:-32px;}
.box-reklama-txt {width:340px; height:227px;}
.box-reklama-txt h5 { padding:0;}
.box-reklama-expand {width:340px; margin-right:9px; margin-left:-65px; overflow:hidden;} 
.box-reklama-expand img {margin-right:-45px;}

.box-referencje-img {width:340px; height:227px;}
.box-referencje-img img {width:100%; height:100%; display:block;}
.box-referencje-separator {height:236px;margin-top:-32px;}
.box-referencje-txt {width:340px; height:227px;}
.box-referencje-txt h5 { padding:0;}
.box-referencje-expand {width:340px; margin-right:9px; margin-left:-65px; overflow:hidden;} 
.box-referencje-expand img {margin-right:-45px;}

.box-referencje-img-inner {padding:0 33px;}
}
/* ------------------- media query --------------------------------------- iPad in portrait */

/* ------------------- media query --------------------------------------- iPad in landscape */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.slider .easingslider-viewport {height:520px !important; max-height:520px !important;}
.belka-home-page {margin-top:520px;}	
	
}
/* ------------------- media query --------------------------------------- iPad in landscape */


/* ------------------- media query -------------------------------------------------- Mobile */

@media only screen and (max-device-width : 767px) {
	

/* kontakt */
ul.kontakt-info, #kontakt-txt, .formularz-kontaktowy {width:100%;}


/* kontakt */	

.mowi-o-mnie h3 {width:100%;}	
h3.gallery-title {margin-bottom:10px; margin-top:10px;}	
	
#menu-mobile-button {display:block; width:20px; height:20px; background: url(img/mobile-menu-button.svg) no-repeat; float:right; margin:20px 20px 0 20px;}
#menu-mobile-button.closed {background: url(img/mobile-menu-button-closed.svg);}

nav.menu-mobile { /* display:block; */ position:fixed; top:60px; width:100%;}
#topper .menu {width:100%;}
#topper ul.menu li {width:100%; text-align:center; background-color:#555555; border-bottom:1px solid #333333; border-top:1px solid #777777}
nav.menu-mobile a {width:100%;}


.topper-inner {width:100%;}
nav.menu {display:none;}
.belka-txt-haslo {width:100%;}	
.footer-wrapper {width:100%;}
.footer-inner p {width:100%; text-align:center;}
#nav_menu-2 {display:none;}

.belka {height:36px;}
.belka-txt-haslo h2 {font-size:22px; line-height:32px;}

.mobile-sub-menu {display:block;position:fixed; width:100%; z-index:99999; top:60px;}	
.mobile-sub-menu ul {display:block; background-color:#555555;}
.mobile-sub-menu ul li {float:left; display:inline-block; width:25%; text-align:center; border-bottom:1px solid #333333; border-top:1px solid #777777;}
.mobile-sub-menu.sub-menu-3 ul li {width:33.3333%;}
.mobile-sub-menu ul li.border-right {border-right:1px solid #777777;}
.mobile-sub-menu a {display:block; font-size:12px; line-height:28px; font-weight:400; color:white;}

#o-sobie.odstep, #o-mnie.odstep, #moi-kierowcy.odstep, #osiagniecia.odstep, #zdjecia.odstep, #filmy.odstep, #prasa-o-mnie.odstep {padding-top:90px;}

.content-txt.align-left {text-align:center;}

#container-o-sobie-98 .content-wrapper { padding:20px 20px 25px 20px;}
#container-o-sobie-98 .content-txt {opacity:1!important; left:0 !important;}
#container-o-sobie-98 img {display:none; opacity:1!important; left:0 !important; bottom:0!important; width:50%; height:auto;}

.content-column-left, #container-o-sobie-98 .content-column-left {width:100%;}
.content-column-right, #container-o-sobie-98 .content-column-right {width:100%;}

.content-column-right img, .content-column-left img {width:300px; height:auto; margin:10px 0;}
.content-img.bio-foto {float:none;}





.back-to-top {width:30px; right:20px; bottom:50px;}
.back-to-top img {width:30px; height:30px;}

#logo {background-size:contain; width:132px; height:31px; margin:16px 0 0 20px;}

.content-wrapper {width:100%; padding:20px 20px 25px 20px;}

.slider .easingslider-viewport {height: 220px!important; max-height: 220px!important;}
.belka-home-page {margin-top: 220px;}
.belka-home-page p {font-size:17px; line-height:22px;}

.foto-wislak-main-page {margin: 10px 0;}
.foto-wislak-main-page img {max-width:60%; height:auto;}

.content-wrapper {width:100%; padding:20px 20px 25px 20px;}



}
/* ------------------- media query -------------------------------------------------- Mobile */


/* ------------------- media query --------------------------------------- Mobile in portrait */
@media only screen and (max-device-width : 767px) and (orientation : portrait) {



#o-sobie .easingslider-viewport {width:300px !important; height:228px !important; margin:10px auto !important;}
#o-sobie .easingslider-image {width:100% !important; height:auto !important;}
.easingslider-40 {float:none;}

.content-column-center {padding-bottom:10px;}
#container-o-sobie-120 .content-column-center h3 {font-size:17px; line-height:22px;}

/*  moi kierowcy */
.moj-kierowca-txt h4 {font-size:14px; line-height:20px;}	
.moj-kierowca-txt p {font-size:14px; line-height:20px}
.content-wrapper.wrapper-moi-kierowcy {width:100%; margin:0 auto; padding:20px 0;}

.moi-kierowcy-kreska-start {height:67px; text-align:left; margin:0 auto; width:278px;}
.row-moi-kierowcy { margin:0 auto 6px auto; padding:0 10px 0 0; width:290px;}

.row-1 .moj-kierowca, .row-0 .moj-kierowca { background: url(img/bio/moi-kierowcy-kreska-bottom.png) no-repeat bottom left; width:243px; height:52px; float:right;}

.moj-kierowca-txt { width:190px; height:52px;}

.row-1 .moj-kierowca-txt, .row-0 .moj-kierowca-txt {text-align:left; float:left; margin:0px 0 0 0px;}

.row-moi-kierowcy.row-1 img.kreska-pion, .row-moi-kierowcy.row-0 img.kreska-pion {float:right; margin-right:12px;}

.row-moi-kierowcy.row-1 .moj-kierowca-ikona-film, .row-moi-kierowcy.row-0 .moj-kierowca-ikona-film {float:right; margin:5px 0 0 0;}
.moi-kierowcy-kreska-end {height:38px; text-align:left; margin:0 auto; width:256px;}
/*  moi kierowcy */


/*  największe osiągnięcia */
.content-wrapper.wrapper-osiagniecia {width:100%; margin:0 auto; padding:20px 0;}
.row-osiagniecia {}
.row-0 .osiagniecie, .row-1 .osiagniecie {background: url(img/bio/osiagniecia-bg-right.png) no-repeat top left; width:264px; float:none; height:100%; margin:0 auto;}

.osiagniecie {}
.osiagniecie-txt h4 {font-size:14px; line-height:20px; width:254px; margin-left:20px;}

.row-0 .osiagniecie-txt, .row-1 .osiagniecie-txt {text-align:left; float:left; margin:0px 0 0 px; width:254px; height:100%;}
.row-0 .osiagniecie-content, .row-1 .osiagniecie-content {float:left; width:254px; margin-top:10px; height:100%;}
.row-0 .osiagniecie-txt p, .row-1 .osiagniecie-txt p {font-size:14px; line-height:20px; width:246px; float:right; padding-left:12px; padding-bottom:10px;}
.row-0 img.kreska-pion-osiagniecia, .row-1 img.kreska-pion-osiagniecia { width:4px; height:50px; display:block; margin-left:4px; }

img.numer-169 {height:148px!important;}
img.numer-177 {height:76px!important;}
img.numer-179 {height:56px!important;}
img.numer-181 {height:76px!important;}
img.numer-184 {height:96px!important;}
img.numer-186 {height:96px!important;}

.osiagniecie-content br {line-height:26px;}	
/*  największe osiągnięcia */

.column-300 {width:100%; float:none; margin-top:30px;}

.gallery-content{width:320px; margin:0 auto;}
.gallery-content img{width:153px; height:auto;}
.ngg-galleryoverview {width:320px!important;}

.content-inner-video{width:320px;}
.box-video{width:150px; height:122px;}
.box-video img{width:146px; height:auto;display:block;}
.box-video h3.video-title{width:142px; font-size:10px; line-height:30px;}
.box-video a{display:block;}

.content-inner-media{width:320px;}
.box-pdf{width:150px; height:122px;}
.box-pdf img{width:146px; height:auto;display:block;}
.box-pdf h3.media-title{width:142px; font-size:10px; line-height:30px;}
.box-pdf a{display:block;}

/* Współpraca */

.main-text-wspolpraca-txt {padding:0; text-align:center;}
.main-text-wspolpraca-txt p{ font-size:14px; line-height:18px; margin-bottom:5px;}

.wspolpraca-row {width:280px; height:91px; margin:0px auto; float:none;}
.wspolpraca-expander-column.no-mobile {display:none;}

.wspolpraca-expander-column .easingslider-viewport {width:239px !important; height:169px !important;}
.wspolpraca-expander-column .easingslider {width:239px !important; height:169px !important;}
.wspolpraca-expander-column .easingslider-image {width:100% !important; height:auto !important;}

.wspolpraca-expander-wystapienia, .wspolpraca-expander-imprezy, .wspolpraca-expander-gosc, .wspolpraca-expander-instruktor, .wspolpraca-expander-reklama, .wspolpraca-expander-referencje {width:280px; padding:10px; margin:0 auto;}
.wspolpraca-expander-column {width:100%;}

.wspolpraca-expander-txt, .wspolpraca-expander-txt.column-left {padding:0;}
.wspolpraca-expander-txt {padding-left:0px;}
.wspolpraca-expander-txt p {font-size:14px;line-height:18px;margin-bottom:5px;}
.wspolpraca-row h5 {font-size:16px;line-height:16px;}

.box-wystapienia-img {width:135px; height:91px;}
.box-wystapienia-img img {width:100%; height:100%; display:block;}
.box-wystapienia-separator {height:91px;margin-top:0;}
.box-wystapienia-separator img {margin-top:-105px;}
.box-wystapienia-txt {width:135px; height:91px;}
.box-wystapienia-txt h5 { padding:0;}
.box-wystapienia-expand {width:135px; margin-right:0px; margin-left:0; overflow:hidden;} 
.box-wystapienia-expand img {margin-right:-152px;}


.box-imprezy-img {width:135px; height:91px;}
.box-imprezy-img img {width:100%; height:100%; display:block;}
.box-imprezy-separator {height:91px;margin-top:0; overflow-y:hidden;}
.box-imprezy-separator img {margin-top:-105px;}
.box-imprezy-txt {width:135px; height:91px;}
.box-imprezy-txt h5 { padding:0;}
.box-imprezy-expand {width:135px; margin-right:0px; margin-left:0; overflow:hidden;} 
.box-imprezy-expand img {margin-left:-152px;}

.box-gosc-img {width:135px; height:91px;}
.box-gosc-img img {width:100%; height:100%; display:block;}
.box-gosc-separator {height:91px;margin-top:0px; overflow-y:hidden;}
.box-gosc-separator img {margin-top:-105px;}
.box-gosc-txt {width:135px; height:91px;}
.box-gosc-txt h5 { padding:20px;}
.box-gosc-expand {width:135px; margin-right:0px; margin-left:0px; overflow:hidden;} 
.box-gosc-expand img {margin-right:-152px;}

.box-instruktor-img {width:135px; height:91px;}
.box-instruktor-img img {width:100%; height:100%; display:block;}
.box-instruktor-separator {height:91px;margin-top:0; overflow-y:hidden;}
.box-instruktor-separator img {margin-top:-105px;}
.box-instruktor-txt {width:135px; height:91px;}
.box-instruktor-txt h5 { padding:0;}
.box-instruktor-expand {width:135px; margin-right:0px; margin-left:0px; overflow:hidden;} 
.box-instruktor-expand img {margin-left:-152px;}

.box-reklama-img {width:135px; height:91px;}
.box-reklama-img img {width:100%; height:100%; display:block;}
.box-reklama-separator {height:91px;margin-top:0; overflow-y:hidden;}
.box-reklama-separator img {margin-top:-105px;}
.box-reklama-txt {width:135px; height:91px;}
.box-reklama-txt h5 { padding:0;}
.box-reklama-expand {width:135px; margin-right:0px; margin-left:0px; overflow:hidden;} 
.box-reklama-expand img {margin-right:-152px;}

.box-referencje-img {width:135px; height:91px;}
.box-referencje-img img {width:100%; height:100%; display:block;}
.box-referencje-separator {height:91px;margin-top:0; overflow-y:hidden;}
.box-referencje-separator img {margin-top:-105px;}
.box-referencje-txt {width:135px; height:91px;}
.box-referencje-txt h5 { padding:0;}
.box-referencje-expand {width:135px; margin-right:0px; margin-left:0px; overflow:hidden;} 
.box-referencje-expand img {margin-left:-152px;}

.box-referencje-img-inner {padding:0 5px;}
.box-referencje-img-inner p {font-size:6px; line-height:8px;}
.box-referencje-img-inner em {margin-bottom:10px;}

.referencja-pdf {width:100px; height:80px; padding:0 10px;}
.referencja-pdf img {max-width:100%; height:auto;}

/* Współpraca */
}	

@media only screen and (max-device-width : 320px) and (orientation : portrait) {
#o-sobie .easingslider-viewport {width:280px !important; height:212px !important; margin:0 auto !important;}	
.content-column-right img, .content-column-left img {width:280px; height:auto; margin:10px 0;}

.gallery-content{width:276px; margin:0 auto;}
.gallery-content img{width:133px; height:auto;}
.ngg-galleryoverview {width:280px!important;}

.content-inner-video{width:272px; margin-top:0;}
.box-video{width:130px; height:110px;}
.box-video img{width:126px; height:auto;display:block;}
.box-video h3.video-title{width:122px; font-size:9px; line-height:30px;}
.box-video a{display:block;}

.content-inner-media{width:272px; margin-top:0;}
.box-pdf{width:130px; height:110px;}
.box-pdf img{width:126px; height:auto;display:block;}
.box-pdf h3.media-title{width:122px; font-size:9px; line-height:30px;}
.box-pdf a{display:block;}
	
}
/* ------------------- media query --------------------------------------- Mobile in portrait */

/* ------------------- media query --------------------------------------- Mobile in landscape */
@media only screen and (max-device-width : 767px) and (orientation : landscape) {
#topper {height:50px;}
#logo {margin-top:11px;}
#menu-mobile-button {margin-top:15px;}
nav.menu-mobile{top:50px;}
.film-o-mnie {margin-top:15px;}
.ikona-facebook {margin-top:17px;}
.mobile-sub-menu {top:50px;}
.odstep {padding-top:50px;}
#o-sobie.odstep, #o-mnie.odstep, #moi-kierowcy.odstep, #osiagniecia.odstep, #zdjecia.odstep, #filmy.odstep, #prasa-o-mnie.odstep {padding-top:80px;}	


.content-wrapper.wrapper-moi-kierowcy {width:480px;}
.row-0 .moj-kierowca, .row-1 .moj-kierowca {width:222px;}
.row-0 .moj-kierowca-txt, .row-1 .moj-kierowca-txt {width:170px;}
.moj-kierowca-txt h4, .moj-kierowca-txt h4 {font-size:15px; line-height:20px;}
.moj-kierowca-txt p {font-size:12px; line-height:16px;}


.foto-wislak-main-page img {max-width:25%;}

.content-column-center {padding-bottom:10px;}
.easingslider-156 {width:300px; height:225px; margin:10px auto !important;}
.easingslider-156 .easingslider-viewport {height:225px!important;}
.easingslider-40 {width:300px; height:225px; margin:10px auto !important;}
.easingslider-40 .easingslider-viewport {height:225px!important;}	

.column-300 {width:30%; margin-left:1.5%; margin-right:1.5%; padding:0;}
.mowi-o-mnie .box-foto img {max-width:80%; height:auto;}

.gallery-content{width:590px; margin:0 auto;}
.gallery-content img{width:190px; height:auto;}
.ngg-galleryoverview {width:591px!important;}

.content-inner-video{width:590px;}
.box-video{width:190px; height:160px;}
.box-video img{width:186px; height:124px;display:block;}
.box-video h3.video-title{width:182px; font-size:14px;}
.box-video a{display:block;}

.content-inner-media{width:590px;}
.box-pdf{width:190px; height:160px;}
.box-pdf img{width:186px; height:124px;display:block;}
.box-pdf h3.media-title{width:182px; font-size:14px;}
.box-pdf a{display:block;}

/* Współpraca */

.main-text-wspolpraca-txt {padding:0; text-align:center;}
.main-text-wspolpraca-txt p{font-size:12px; line-height:16px;}

.wspolpraca-row {width:528px; height:175px; margin:0px auto; float:none;}

.wspolpraca-expander-column .easingslider-viewport {width:239px !important; height:169px !important;}
.wspolpraca-expander-column .easingslider {width:239px !important; height:169px !important;}
.wspolpraca-expander-column .easingslider-image {width:100% !important; height:auto !important;}

.wspolpraca-expander-wystapienia, .wspolpraca-expander-imprezy, .wspolpraca-expander-gosc, .wspolpraca-expander-instruktor, .wspolpraca-expander-reklama, .wspolpraca-expander-referencje {width:528px; padding:10px; margin:0 auto;}


.wspolpraca-expander-txt {padding-left:10px;}
.wspolpraca-expander-txt p {font-size:12px;line-height:16px;}
.wspolpraca-row h5 {font-size:30px;line-height:30px;}

.box-wystapienia-img {width:259px; height:175px;}
.box-wystapienia-img img {width:100%; height:100%; display:block;}
.box-wystapienia-separator {height:175px;margin-top:-65px;}
.box-wystapienia-txt {width:259px; height:175px;}
.box-wystapienia-txt h5 { padding:0;}
.box-wystapienia-expand {width:259px; margin-right:0px; margin-left:0; overflow:hidden;} 
.box-wystapienia-expand img {margin-right:-90px;}


.box-imprezy-img {width:259px; height:175px;}
.box-imprezy-img img {width:100%; height:100%; display:block;}
.box-imprezy-separator {height:175px;margin-top:-65px;}
.box-imprezy-txt {width:259px; height:175px;}
.box-imprezy-txt h5 { padding:0;}
.box-imprezy-expand {width:259px; margin-right:0px; margin-left:0; overflow:hidden;} 
.box-imprezy-expand img {margin-left:-90px;}

.box-gosc-img {width:259px; height:175px;}
.box-gosc-img img {width:100%; height:100%; display:block;}
.box-gosc-separator {height:175px;margin-top:-65px;}
.box-gosc-txt {width:259px; height:175px;}
.box-gosc-txt h5 { padding:20px;}
.box-gosc-expand {width:259px; margin-right:0px; margin-left:0px; overflow:hidden;} 
.box-gosc-expand img {margin-right:-90px;}

.box-instruktor-img {width:259px; height:175px;}
.box-instruktor-img img {width:100%; height:100%; display:block;}
.box-instruktor-separator {height:175px;margin-top:-65px;}
.box-instruktor-txt {width:259px; height:175px;}
.box-instruktor-txt h5 { padding:0;}
.box-instruktor-expand {width:259px; margin-right:0px; margin-left:0px; overflow:hidden;} 
.box-instruktor-expand img {margin-left:-90px;}

.box-reklama-img {width:259px; height:175px;}
.box-reklama-img img {width:100%; height:100%; display:block;}
.box-reklama-separator {height:175px;margin-top:-65px;}
.box-reklama-txt {width:259px; height:175px;}
.box-reklama-txt h5 { padding:0;}
.box-reklama-expand {width:259px; margin-right:0px; margin-left:0px; overflow:hidden;} 
.box-reklama-expand img {margin-right:-90px;}

.box-referencje-img {width:259px; height:175px;}
.box-referencje-img img {width:100%; height:100%; display:block;}
.box-referencje-separator {height:175px;margin-top:-65px;}
.box-referencje-txt {width:259px; height:175px;}
.box-referencje-txt h5 { padding:0;}
.box-referencje-expand {width:259px; margin-right:0px; margin-left:0px; overflow:hidden;} 
.box-referencje-expand img {margin-left:-90px;}

.box-referencje-img-inner {padding:0 10px;}
.box-referencje-img-inner p {font-size:12px; line-height:16px;}
.box-referencje-img-inner em {margin-bottom:10px;}

.referencja-pdf {width:100px; height:80px; padding:0 10px;}
.referencja-pdf img {max-width:100%; height:auto;}

/* Współpraca */

}

@media only screen and (max-device-width : 640px) and (orientation : landscape) {
.gallery-content{width:500px; margin:0 auto;}
.gallery-content img{width:160px; height:auto;}
.ngg-galleryoverview {width:501px!important;}

.content-inner-video{width:500px;}
.box-video{width:160px; height:142px;}
.box-video img{width:156px; height:105px;display:block;}
.box-video h3.video-title{width:152px; font-size:12px;}
.box-video a{display:block;}

.content-inner-media{width:500px;}
.box-pdf{width:160px; height:142px;}
.box-pdf img{width:156px; height:105px;display:block;}
.box-pdf h3.media-title{width:152px; font-size:12px;}
.box-pdf a{display:block;}
}	
	/* ------------------- media query --------------------------------------- Mobile in landscape */