/*
Theme Name: optymalnabudowa.pl v.3
Version: 3.0
Author: Łukasz Jasionowicz FUERTE MEDIA
Author URI: http://www.fuerte-media.pl
*/

/*wspólne*/
*{margin:0px;padding:0px}

html, body {margin:0px;padding:0px;width:100%;height:100%;font-family: 'Open Sans', arial, sans-serif;font-size:1em;color:#555;}

a{color:#009beb;text-decoration:none;outline:0}
a:hover{color:#CE4002}
p{margin:15px 0;font-size:1.1em}

.fleft{float:left}
.fright{float:right}
.disNone{display:none}
.clr,.clearfix,.clearfix::after{clear:both}

strong,b,.bold{font-weight:bold}
.black{font-weight:900}
.orange{color:#f34c02}
em{font-style:italic}
img{border:none;max-width:95%;height:auto;width:auto}
img.aligncenter{margin:0 auto;display:block}
img.alignright{float:right;margin-left:10px}
div.img.fright, img.fright{margin-left:15px}
div.img.fleft, img.fleft{margin-right:15px}

body.home{height: 100%}
body.home .container.startpage{min-height: 100%;height: 100%}
body.home .container.startpage div.col{width:100%;height:100%;height:100vh;min-height:100%;display:table}
body.home .container.startpage div.col div.align-middle{display:table-cell}
body.home .container.startpage h1{margin-bottom:30px}
body.home .container.startpage h2{margin-bottom:15px}
body.home .container.startpage h3{margin-bottom:30px}
body.home .container.startpage .enter{font-size:1.5em}
/*body.home .container.startpage div.col .ener span{display:inline-block}*/

.textCenter{text-align:center;position:relative}
.textRight{text-align:right}
.textLeft{text-align:left}
.textJustify,.alignJustify{text-align:justify}

header{border-bottom:1px solid #009beb;margin-bottom:25px}
header nav.navbar{padding:5px 0;margin-bottom:0}

header .navbar-nav > li{font-size:1.5em}
header .navbar .navbar-nav > .active > a.nav-link, 
header .navbar .navbar-nav > .active > a.nav-link:focus, 
header .navbar .navbar-nav > .active > a.nav-link:hover{background-color:#f34c02;color:#fff}

/*jquery steps*/
#offerSlider{position:relative}

.steps{margin-top:35px}
.steps ul{text-align:center}
.steps ul li{/*float:left;*/display:inline-block;padding:0 20px;text-align:center;width:13%;list-style:none}
.steps ul li.last::after{clear:both}
.steps ul li span.number{border:2px solid #ccc;-webkit-border-radius: 32px;-moz-border-radius: 32px;border-radius: 32px;padding:10px 15px}
.steps ul li a{color:#777;text-decoration:none}
.steps ul li a:hover,
.steps ul li.current a,
.steps ul li.beforeCurrent a{color:#009beb;outline:0}
.steps ul li a:hover span.number,
.steps ul li.current a span.number,
.steps ul li.beforeCurrent a span.number{border:2px solid #009beb;-webkit-border-radius: 32px;-moz-border-radius: 32px;border-radius: 32px;color:#009beb}
.steps ul li div.slideName{margin:10px 16px;min-height:40px}
.steps .current-info{left: -999em;position: absolute;}
.steps ul li.first,
.steps ul li.first.current,
.steps ul li.first.current.afterCurrent{background:url('/wp-content/themes/optymalnabudowav2/img/firstUnactive-mob.png') no-repeat scroll right 0 / contain}
.steps ul li.first.beforeCurrent{background:url('/wp-content/themes/optymalnabudowav2/img/firstActive-mob.png') no-repeat scroll right 0 / contain}
.steps ul li{background:url('/wp-content/themes/optymalnabudowav2/img/middleUnactive.png') no-repeat scroll;background-size:contain}
.steps ul li.current.afterCurrent{background:url('/wp-content/themes/optymalnabudowav2/img/middleCurrent.png') no-repeat scroll;background-size:contain}
.steps ul li.beforeCurrent{background:url('/wp-content/themes/optymalnabudowav2/img/middleActive.png') no-repeat scroll;background-size:contain}
.steps ul li.last{background:url('/wp-content/themes/optymalnabudowav2/img/lastUnactive-mob.png') no-repeat scroll left 0 / contain}
.steps ul li.last.current{background:url('/wp-content/themes/optymalnabudowav2/img/lastActive-mob.png') no-repeat scroll left 0 / contain}
.actions{overflow:hidden}
.actions ul li{list-style-type:none}
.actions .navButton.previous a{float:left;display:block;text-indent:-9999px;background:url('/wp-content/themes/optymalnabudowav2/img/previous.jpg') no-repeat scroll;width:48px;height:96px;/*margin-left:-48px*/}
.actions .navButton.previous.disabled{display:none}
.actions .navButton.next a{float:right;display:block;text-indent:9999px;background:url('/wp-content/themes/optymalnabudowav2/img/next.jpg') no-repeat scroll;width:48px;height:96px;/*margin-right:-48px*/}
#offerSlider .actions{position:absolute;top:50%;width:100%}
#offerSlider .content{background-color:#F5F5F5;margin-top:25px;padding:25px 0}
#offerSlider .content .shortStep{display:none}
#offerSlider .content .slideContent .slideImg{width:50%;text-align:center;min-height:245px}
#offerSlider .content .slideContent .slideTxt{width:50%}
#offerSlider .content .slideContent .slideTxt h2.slideTitle{font-size:1.5em;margin:15px 0}
#offerSlider .content .slideContent .slideTxt ul {margin-left:20px}
#offerSlider .content .slideContent .slideTxt ul li{padding:5px 0;list-style-image:url('/wp-content/themes/optymalnabudowav2/img/dot.png')}
.container .tagi{margin:15px 0}

.fastContact{background-color:#009beb;padding:15px 10px 5px 10px;margin-top:15px} 
.fastContact .contactHeader{color:#fff;font-size:18px;font-weight:bold;margin-top:13px}

/*static content*/
h1.pageTitle{margin-bottom:20px}
h2,.h2{font-size:1.5rem;margin-bottom:15px}
h3,.h3{font-size:1.25rem;margin-bottom:15px}
.container.content h2{margin-bottom:20px}
.container.content ol li{margin-left:40px;padding-bottom:20px;}
.container.content ul li{margin-left:20px;list-style:none;padding-left:35px;padding-bottom:20px;background:url("img/tick.jpg") no-repeat;}

/*formularz kontaktowy*/
.contactForm{}
.contactForm .row{clear:both;margin:10px 0;padding:10px 0}
.contactForm .wpcf7-form-control-wrap{float:left;position:relative;width:100%}
.contactForm .twocols .wpcf7-form-control-wrap {width:50%;}
.contactForm input[type="text"],
.contactForm input[type="email"],
.contactForm fieldset,
.contactForm fieldset .addAnother,
.contactForm textarea{border:1px solid #a7caee;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.contactForm input{max-width:90%;padding:15px 5px;}
.contactForm input[type="file"]{padding:5px 0}
.contactForm textarea{width:95%;padding:5px}
.contactForm fieldset{border:1px solid #a7caee;max-width:91.5%;position:relative;min-height:48px}
.contactForm fieldset div.zalacznik{margin:10px;clear:both}
.contactForm fieldset .addAnother{position:absolute;right:10px;bottom:6px;background-color:#a7caee;text-transform:uppercase;padding:5px 10px}
.contactForm fieldset .addAnother a{color:#014489}
.contactForm fieldset .addAnother p{margin:0}
.contactForm fieldset  a.del_file{float:left;display:block;width:26px;height:24px;background:url('/wp-content/themes/optymalnabudowav2/img/2.png') no-repeat scroll}
.contactForm legend{color:#a7caed;margin:0 10px}
.contactForm input[type="submit"]{background-color:#ce4002;border:none;color:#fff;text-transform:uppercase;font-weight:bold;min-width:100px;cursor:pointer;margin:10px 0}
.contactForm span.wpcf7-not-valid-tip{color:#df0023}
.contactForm div.wpcf7-validation-errors{border:2px solid #df0023}

/*realizcje - galeria*/
.singleRealisation{min-height:180px;border-bottom:1px solid #009beb}
.singleRealisation:last-child{border-bottom:none}
.singleRealisation h2.relName{margin-bottom:15px;margin-top:30px}
.singleRealisation .imagesGallery{padding-bottom:30px}
.singleRealisation .imagesGallery .owl-nav button{position:absolute;top:20%}
.singleRealisation .imagesGallery .owl-nav button.owl-prev{width:48px;height:96px;background:url('/wp-content/themes/optymalnabudowav2/img/prev.png') no-repeat scroll center;background-size:contain;left:-50px}
.singleRealisation .imagesGallery .owl-nav button.owl-next{width:48px;height:96px;background:url('/wp-content/themes/optymalnabudowav2/img/next.png') no-repeat scroll center;background-size:contain;right:-50px}
.singleRealisation .imagesGallery .owl-nav button.disabled{display:none}

footer .container{padding-top:10px;margin-top:25px;border-top:1px solid #009beb}
#noRwdNfo{display:none}

/*cookie window*/
.cookie-window{display:none;background: #fff;padding: 10px;margin:0 auto 0;max-width:320px;font-size:0.750em;position: fixed;bottom: 5%;right:2%;z-index: 99999;-webkit-box-shadow: 0px 0px 20px #000;-moz-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;text-align:center;opacity: 0.5;filter: alpha(opacity=50)}
.cookie-window a{color:#555}
.cookie-window .close{opacity:1;filter:alpha(opacity=100);}
img.btn_close {border: medium none;display: block;float: right;width: 25px;}
*html .cookie-window {position: absolute;}

/* lg */
@media (min-width: 1200px)  and (max-width: 1366px) {
	
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.steps ul li{width:18%}
	.singleRealisation .imagesGallery .owl-nav button.owl-prev{left:-30px}
	.singleRealisation .imagesGallery .owl-nav button.owl-next{right:-30px}
	.singleRealisation .imagesGallery .owl-nav button{top:27%}
	.steps ul li div.slideName{margin:10px 28px}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	nav.navbar .navbar-header{max-width:30%;padding-top:20px}
	.steps ul li{width:20%}
	
	h1.pageTitle{font-size:1.8em}
	h2.relName{font-size:1.5em}
	.singleRealisation .imagesGallery .owl-nav button.owl-prev{left:-15px}
	.singleRealisation .imagesGallery .owl-nav button.owl-next{right:-15px}
}



/* xs */
@media (max-width: 767px) {
	nav.navbar .navbar-header img{max-width:75%}
	h1.pageTitle{font-size:1.8em}
	.container p{text-align:justify}
	#offerSlider .steps{display:none}
	#offerSlider .actions{top:40%}
	.actions .navButton.previous a,
	.actions .navButton.next a{width:35px;background-size:contain}
	#offerSlider .content .slideContent .slideImg,
	#offerSlider .content .slideContent .slideTxt{width:95%;margin:0 auto;float:none}
	footer#footer .row div{width:100%;overflow:hidden}
	
	h2.relName{font-size:1.5em}
	.singleRealisation .imagesGallery .owl-nav button.owl-prev{left:-15px}
	.singleRealisation .imagesGallery .owl-nav button.owl-next{right:-15px}
	.singleRealisation .imagesGallery .owl-nav button{top:27%}
}
/*XS - poziom*/
@media (min-width: 480px) and (max-width: 767px) {
	
}
@media (min-width: 640px) and (max-width: 767px) {
	#offerSlider .content .slideContent .slideImg{width:50%;float:left}
	#offerSlider .content .slideContent .slideTxt{width:50%;float:right}
}

/*not supported*/
@media (max-width: 319px) {
	#noRwdNfo{display:block}
	.container,.container-fluid,section,footer{display:none}
}