/*
Theme Name: ZOZ Prodent
Author: Damian Pruciak
Author URI: www.i-creative.pl
Description: Szablon stworzony na potrzeby witryny ZOZ Prodent
Version: 1.0.0
*/

html * {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

html {font-size: 0.813em;}

body, html {background: #ffffff; color: #4c4c4c; font-family: 'Roboto', sans-serif; font-weight: 400; margin: 0px; line-height: 1.45; padding: 0px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}

iframe#kalkulator-rat {padding-bottom: 28px; border: 1px #eee solid;  box-sizing: content-box; width: auto;}

#to-mediraty {color: #1fbee1; padding-right: 60px; position: relative; text-transform: uppercase;}
#to-mediraty:after {content: url(img/layout/mediraty-min2.png); position: absolute; right: 0; top: 50%; margin-top: -15px;}
#to-mediraty:focus, #to-mediraty:hover {color: #4c4c4c;}

.mediraty {background-color: transparent;
    background-image: url(img/layout/mediraty-min.png);
    background-repeat: no-repeat; border: 1px #eeeeee solid;
    display: block;
    float: left;
    height: 50px;
    width: 50px; position: absolute; top: 50px; left: 0;}

.btn {
    background-color: #d6a361;
    border: none;
    color: #ffffff;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    height: 54px;
    line-height: 52px;
    padding: 0 22px;
    text-transform: uppercase;
    width: auto;
    outline: 0;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transform: all 400ms ease-out;
    transition: all 400ms ease-out;
}

.btn:focus, .btn:hover {background-color: #1fbee1;}

.btn i {color: #ffffff;}

#facebook {
    background-color: transparent;
    background-image: url(img/layout/facebook.png);
    background-repeat: no-repeat;
    display: block;
    float: left;
    padding-right: 0;
    position: fixed !important;
    right: -340px;
    top: 20%;
    width: 390px;
    z-index: 200;
}

#facebook-link {
    background-color: transparent;
    background-image: url(img/layout/facebook.png);
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 50px;
    width: 50px;
}

header {position: relative; width: 100%;}

header.dark {background: url(img/layout/header-bg.png) top center no-repeat;}

#contact {background-color: #ffffff; border-bottom: 1px #f3f3f3 solid; color: #b2b2b2; float: left; font-size: 11px; padding-top: 1em;}

#contact .left:nth-child(2) {text-align: right;}

#contact span {display: inline-block; font-size: 12px; font-weight: 500; margin-bottom: 1em;}

#logo {display: inline-block; float: left; margin: 30px 20px 30px 0;}

#logo a {display: inline-block; float: left;}

#hide {background-color: transparent; color: #808080; cursor: pointer; display: none; font-size: 23px; margin: 0; padding: 0; position: absolute; right: 5%; top: 33px; outline: 0; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transform: all 400ms ease-out; transition: all 400ms ease-out;}

#hide:focus, #hide:hover {color: #d6a361;}

#top-nav {background-color: #ffffff; float: left; position: relative;}

#top-nav .all {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}

nav#main {font-family: 'Roboto Condensed', sans-serif; float: right; margin-bottom: 0; margin-top: 0;}
.menu-menu-glowne-container {width: 100%;}
header nav i {margin: 0;}

header nav ul {margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}

header nav li {display: inline-block; font-size: 15px; font-weight: 400; margin: 0 0 0 15px; padding: 10px 0px; position: relative; text-transform: uppercase;}

header nav li a {color: #4c4c4c; display: inline-block; font-size: 15px; letter-spacing: -0.02em; padding: 0; position: relative;}

header nav li:first-child {margin-left: 0;}

header nav li a:focus, header nav li a:hover {color: #d6a361;}

header nav li::before {display: none;}

header nav ul .menu-item-home a {text-indent: -9999px; width: 14px;}

header nav ul .menu-item-home a::after {color: #4c4c4c; content: "\f015"; display: inline-block; font-family: "FontAwesome"; font-size: 1em; left: 0; line-height: inherit; margin-left: 10px; margin-right: 0px; position: absolute; text-indent: 0; top: 1px; width: 14px; outline: 0; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transition : all 400ms ease-out; -moz-transition : all 400ms ease-out; -o-transition : all 400ms ease-out; -ms-transform : all 400ms ease-out; transition : all 400ms ease-out;}

.header nav ul .menu-item-home a:focus::after, header nav ul .menu-item-home a:hover::after {color: #d6a361;}

header nav ul .menu-item-has-children a {cursor: pointer;}

#main li.current_page_item ul li a {color: #ffffff;}

header nav ul .menu-item-has-children a::after {color: #d6a361; content: "\f107"; font-family: "FontAwesome"; font-size: 1em; right: 0; line-height: inherit; margin-left: 4px; margin-right: 0px; position: relative; top: -1px;}

header nav ul li ul {background-color: rgba(22,152,217,0.95); display: none; left: -42px; margin-left: 0; margin-top: 0; padding-bottom: 20px; padding-top: 20px; position: absolute; top: 100%; width: 15em; z-index: 12; visibility: visible;}

header nav ul li ul li {border-top: 1px rgba(255,255,255,0.1) solid; color: #d6a361; font-size: 13px; line-height: normal; margin: 0; padding: 0;width: 100%;}

header nav ul li ul li:last-child {border-bottom: 1px rgba(255,255,255,0.1) solid;}

header nav ul li ul li a::before {background-color: #ffffff; content: ""; height: 3px; left: 21px; line-height: inherit; position: absolute; top: 17px; width: 3px;}

header nav ul li ul li a::after {display: none;}

header nav ul li ul li:last-child {border-right: none;}

header nav ul li ul li a {border-left: none; color: #ffffff !important; font-size: 13px; padding: 10px 21px 10px 42px; width: 100%;}

header nav ul li ul li:last-child a {border-right: none;}

header nav ul li ul li a:focus, header nav ul li ul li a:hover {background-color: rgba(0,0,0,0.15); color: #ffffff;}

#main li:hover ul ul, #main li:hover ul ul ul, #main li:hover ul ul ul ul {display:none;}

#main li:hover ul, #main li li:hover ul, #main li li li:hover ul, #main li li li li:hover ul {display:block;}

#main li.current_page_item a {color: #d6a361;}

#main li ul li.current_page_item a {background-color: rgba(0,0,0,0.15); color: #ffffff;}

.menu-menu-glowne-container ul:first-child li:nth-child(3) a {color: #1fbee1;}

#slider {background: url(img/layout/header-bg.png) bottom 5px center no-repeat; clear: both; color: #bfbfbf; margin-bottom: 36px; overflow: hidden; position: relative; width: 100%;}

#slider .item img {max-height: 540px; width: auto;}

#slider .owl-controls {position: absolute; padding-bottom: 22.5px;}

#slider::after {background-color: #f3f3f3; bottom: 0; content: ""; display: inline-block; height: 1px; left: 50%; margin-left: -400px; position: absolute; width: 800px;}

.slide {background-position: top center; background-repeat: no-repeat; background-size: cover; border-top: 1px #f3f3f3 solid; color: #ffffff; overflow: hidden; padding: 0}

.slide .all .half:first-child {padding-left: 13%; padding-top: 56px; text-align: right;}

.head1 {}

.head2 {}

.head3 {}

/* moje piotr */

h1::after, h2::after, h3::after {display: none;}

/* koniec */

.slide .all {overflow: hidden;}

.slide h2, .slide h3 {font-weight: 300;}

.slide h2 {border-right: 1px #a0dc00 solid; font-size: 38px; font-weight: 600; margin-bottom: 36px; margin-top: 0; padding-right: 16px; text-transform: none;}

.slide h2::after, .slide h3::after, .slide h4::after {display: none;}


.slide h2, .slide h2 a, .slide h3 a, .slide h4, .slide h4 a {color: #ffffff;}

.slide h2 a:focus, .slide h2 a:hover {color: #ffffff;}

.slide p {margin-bottom: 36px;}

.slide .extra, .slide a .extra {color: #a0dc00; display: inline;}

.slide a.more {background-image: url(img/layout/arrow.png); color: #ffffff; margin-bottom: 36px;}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .slide a.more {background-image: url(img/layout/arrow@2x.png); color: #ffffff; margin-bottom: 36px;}
}

#slider-small {background: #f5f5f5 url(img/layout/slider-small.jpg) top center no-repeat; background-size: cover; clear: both; float: left; position: relative; width: 100%;}

#slider-small h2 {float: left; font-weight: 400; margin-bottom: 1.414em;}

#slider-small h2 strong {font-weight: 400;}

#slider-small h2 small {color: #ffffff;}

#slider-small h2::after {display: none;}

#wrap {clear: both; width: 100%;}

#breadcrumbs {color: #b2b2b2; float: left; font-size: 12px; margin-bottom: 26px; margin-top: 91px; text-align: right;}

#breadcrumbs a {color: inherit;}

#breadcrumbs a:focus, #breadcrumbs a:hover {color: #d6a361;}

#offer {margin-top: 72px; text-align: center;}

#offer .quarter {margin-bottom: 36px; position: relative;}
#offer .row .quarter:nth-child(5n+5) {clear: both;}

#offer .box {padding: 0;}

.cat {background-position: top right; background-repeat: no-repeat; background-size: cover; height: 100%; padding: 26px 36px; width: 100%;}

.cat a {border-bottom: 1px transparent solid; color: #ffffff;}

.cal a:focus, .cat a:hover {border-bottom: 1px #d6a361 solid;}

#offer img {margin-bottom: 16px; opacity: 0.85; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transition : all 400ms ease-out; -moz-transition : all 400ms ease-out; -o-transition : all 400ms ease-out; -ms-transform : all 400ms ease-out; transition : all 400ms ease-out;}

#offer img:hover {opacity: 1; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transition : all 400ms ease-out; -moz-transition : all 400ms ease-out; -o-transition : all 400ms ease-out; -ms-transform : all 400ms ease-out; transition : all 400ms ease-out;}

#offer h3 {font-size: 1.3em; font-weight: 500; margin: 0 0 0.5em 0; text-transform: none;}

#offer h3::after {display: none;}

#offer h3 a {color: #4c4c4c;}

#offer h3 a:focus, #offer h3 a:hover {color: #d6a361;}

#offer span {color: #808080; font-size: 12px;}

#offer-nav li a {color: #ffffff;}

#offer-nav li a:focus, #offer-nav li a:hover {color: #d6a361;}

#offer-nav li a.active {color: #d6a361;}

#register {background: url(img/layout/register-bg.png) center center no-repeat; color: #ffffff; height: 556px; margin-top: 36px; padding-top: 210px;}

#register .half:first-child {padding-right: 5%; text-align: right;}

#register .half:last-child {padding-left: 5%;}

#register h3 {font-size: 1.2em; margin-top: 0;}

#register h3::after {display: none;}

#register ul {float: left; margin-bottom: 0; width: 100%;}

#register li {display: inline-block; float: left; margin-bottom: 0; padding-left: 0; padding-right: 5%; width: 100%;}

#register li::before {display: none;}

#register i {color: #a0dc00;}

#register .cond a {color: #ffffff;}

#register .cond a:focus, #register .cond a:hover {color: #d6a361;}

#register a.more {background-image: url(img/layout/arrow.png); color: #ffffff; margin-bottom: 36px;}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    #register a.more {background-image: url(img/layout/arrow@2x.png); color: #ffffff; margin-bottom: 36px;}
}

#about article {margin-top: 80px; margin-top: 0;}

#news {background: url(img/layout/news-bg.png) center center no-repeat; color: #ffffff; height: 358px; margin-top: -60px; padding-top: 134px; position: relative; z-index: 2;}

#news-content {margin-bottom: 26px; margin-top: 56px;}

#news-content .item {border: 1px #f3f3f3 solid; margin: 0.5px; overflow: hidden; padding: 0;}

#news-content p, #news-content ul {color: #808080; font-family: 'Roboto Condensed', sans-serif; font-size: 14px;}

#news-content h3 {margin: 24px 0 1em 0;}

#news-content h3::after {display: none;}

#news-content .owl-wrapper {display: table;}

#news-content .owl-item {display: table-cell; float: none; height: 100%;}

#news-content .item img {float: left; margin: 0 16px 0 0; max-width: 100%;}

#news-content .owl-controls {margin-top: 20px; position: relative;}

#content {padding-top: 28px;}

#txt {font-size: 1.05em; margin-bottom: 36px;}

#txt article {padding-top: 28px;}

#txt article *:first-child {margin-top: 0;}

#header {float: left;}

#header h2 {color: #ffffff; font-size: 36px; font-weight: 100; margin-top: 1.914em; text-transform: none;}

#header h2::after {display: none;}

#to-contact {border-bottom: 1px #f3f3f3 solid; margin-bottom: 36px; margin-top: 23px; overflow: hidden; padding-bottom: 10px;}

#to-contact a {color: #1fbee1;}

#to-contact a:focus, #to-contact a:hover {color: #4c4c4c;}

#to-contact img {float: left; height: auto; margin: 0 16px 16px 0; max-width: 30%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

#submenu h3::after {display: none;}

#submenu nav ul li {border-bottom: 1px #f3f3f3 solid; font-family: 'Roboto Condensed', sans-serif; font-size: 13px; font-weight: 400; line-height: normal; margin: 0; padding: 0; text-transform: uppercase;}

#submenu nav ul li::before {display: none;}

#submenu nav ul li a {color: #d6a361; display: inline-block; padding: 10px 0 10px 25px; width: 100%;}

#submenu nav ul li a::before {color: #b2b2b2; content: "\f105"; font-family: "FontAwesome"; font-size: 0.8em; left: 10px; line-height: inherit;position: absolute; top: 12px;}

#submenu nav ul li a:focus, #submenu nav ul li a:hover {color: #4c4c4c;}

#submenu nav ul li.current-menu-item a {color: #4c4c4c;}

#contact-content {background-color: rgba(255,255,255,0.9); border-bottom: 2px #1fbee1 solid; padding-bottom: 1em; margin-top: -200px; position: relative;}

#contact-content img {float: left; height: auto; margin: 0 16px 16px 0; max-width: 30%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

#map {height: 560px; width: 100%;}

footer {background-color: #f5f5f5; clear: both; float: left; font-size: 12px; margin: 92px auto 0; width: 100%;}

footer a {color: #4c4c4c;}

footer a:focus, footer a:hover {color: #d6a361;}

#footer nav ul li.current_menu_item a {color: #4c4c4c;}

footer h4 {
	font-size: 14px; 
	font-weight: 500; 
	text-transform: uppercase;
	padding: 10px;
	background-color: #d6a361;
	color:white;
	text-align:center;
	border-bottom: 2px #1fbee1 solid;
}

footer h4::after {display: none;}

#second-menu {padding-top: 36px;}

#second-menu .quarter {margin-bottom: 36px;}

#copy {border-top: 1px #dcdcdc solid; color: #b2b2b2; font-size: 11px; padding-top: 20px;}

#copy .left:nth-child(2) {text-align: right;}

#copy span {display: inline-block; margin-bottom: 20px;}

#copy span img {position: relative; top: -2px;}

#copy a {color: #b2b2b2;}

#copy a:focus, #copy a:hover {color: #4c4c4c;}

#spu-569 {background-color: #ffffff !important;}

footer .textwidget p {overflow: hidden;}

footer .alignright {margin-left: 10px;}

#sl {border: 1px #dcdcdc solid; padding: 15px;}

.wp-caption.alignnone {max-width: 100%;}

@media screen and (max-width: 1259px) {

    nav#main {}
    
    header nav li {font-weight: 400; }
}

@media only screen and (max-width: 1280px) and (min-width: 768px)  {
header nav li {margin-left: 11px;}
header nav li a {letter-spacing: -0.03em;}
}

@media screen and (max-width: 1159px) {

    nav#main {}
    
    #about article {margin-top: 0;}
}

@media screen and (max-width: 979px) {
    .slide .all {overflow: visible;}
    
    .slide .all .half:first-child {padding-left: 0;}
    
    .slide h2 {font-size: 26px;}
    
    .slide p {font-size: 12px;}
}

@media screen and (max-width: 900px) {

    nav#main {}
    
    header nav li {font-size: 14px;}

    header nav li a {font-size: 14px;}
}

@media screen and (min-width: 768px) {

    nav#main {display: -webkit-box !important; display: -ms-flexbox  !important; display: flex  !important; display: flex !important;}

}

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

    .six, .seven, .eight, .nine, .half, .twothirds, .threefifths, .threefourths, .fourfifths {width: 100%;}

    .one, .two, .three, four, .fifth, .quarter, .third, .twofifths {width: 50%;}

    #contact .half {width: 50%;}

    #logo {margin: 20px 0;}

    #logo img {height: auto; width: 90px;}

    #hide {display: inline-block;}

    nav#main {background-color: rgba(22,152,217,0.95); display: none; left: 0; margin-top: 0; max-width: none; position: absolute; top: 100%; width: 100%; z-index: 2;}

    header nav ul li.sub a::after {color: #ffffff;}

    header nav ul {width: 100%;}

    header nav li {border-left: none; border-top: 1px rgba(255,255,255,0.1) solid; margin: 0; padding: 0; width: 100%;}

    header nav li:last-child a {border-right: none;}

    header nav li a {border-left: none; color: #ffffff !important; display: inline-block; padding: 15px 5%; width: 100%;}

    header nav ul li ul {background-color: rgba(0,0,0,0.15); left: 0; margin: 0; padding: 0; position: relative; top: 0; width: 100%;}

    header nav ul li ul li {padding: 0;}

    header nav ul li ul li:last-child {border-bottom: none;}

    header nav ul li ul li a {padding: 15px 10%;}

    header nav ul li a:focus, header nav ul li a:hover {background-color: rgba(0,0,0,0.15); color: #ffffff;}

    header nav ul li ul li a::before {left: 5%; top: 22px;}
    
    header nav ul .menu-item-home a {text-indent: 0; width: 100%;}

    header nav ul .menu-item-home a::after {display: none;}
    
    #main li.current_page_item a {background-color: rgba(0,0,0,0.15); color: #ffffff;}
    
    header nav ul li.menu-item-has-children a::after {color: #ffffff;}
    
    .slide .all .half {width: 50%;}
    
    .slide .all .half:first-child {padding: 36px 0 0 0;}
    
    #slider .item img {max-height: 430px;}

    .slide h2 {font-size: 26px;}
    
    .head {font-size: 28px;}

    #offer .fifth {width: 50%;}

    #offer .fifth:nth-child(3n+3) {clear: both;}
    
    #register {margin-top: 0; padding-top: 180px;}
    
    #register .half:first-child {text-align: left;}
    
    #register .half:last-child {padding-left: 2.5%;}
    
    #about article {margin-top: 36px;}
    
    #news {margin-top: -36px;}
    
    #news-content {margin-top: 36px;}
    
    .item .six {width: 60%;}
    
    #header h2 {margin-bottom: 10px; margin-top: 1em;}
    
    article a.more {float: left;}

    #breadcrumbs {text-align: left; margin-bottom: 26px; margin-top: 0; width: 100%;}
    
    #contact-content {background-color: #ffffff; border: none; margin-top: 0; padding-bottom: 0; width: 100%;}
    
    form, form input[type="submit"] {margin-bottom: 0;}
    
    #submenu {width: 100%;}

    #second-menu .quarter:last-child {float: left;}
    
    footer {margin-top: 64px;}

    footer p a {line-height: 2.1em;}

    footer a.tele {color: #ec2f6f;}

    footer a.tele:focus, footer a.tele:hover {color: #ec2f6f;}

    footer .quarter:nth-child(3) {clear: both;}

    #copy .left:nth-child(2) {text-align: left;}

}

@media screen and (max-width: 599px) {

    #contact .left {width: 100%;}

    #contact .left:nth-child(2) {text-align: left;}

    #slider-small {background: #f5f5f5 url(img/layout/slider-small-m.jpg) top center no-repeat; background-size: cover; clear: both; float: left; position: relative; width: 100%;}

    .slide h2 {font-size: 22px;}

    .slide p {font-size:11px;}

    .offer span, .box p {font-size: 11px;}
    
    #register {background-position: center left 30%; padding-top: 165px;}
    
    article .alignright, article .alignright, article .alignnone {margin-left: auto; margin-right: auto; float: none; width: 100%;}

    #facebook {display: none;}

}

@media screen and (max-width: 480px) {

    .one, .two, .three, four, .fifth, .quarter, .third, .twofifths {width: 100%;}

    #logo {margin: 15px 0;}

    #logo a:first-child {margin-right: 20px;}

    #logo img {height: auto; width: 80px;}

    #hide {top: 26px;}
    
    #slider  .owl-wrapper-outer {background: url(img/layout/promocje.png) top center no-repeat; background-size: contain;}
    
    .slide .all .half {position: relative; width: 100%;}
    
    .slide .all .half:first-child {padding-bottom: 56px; z-index: 2;}
    
    .slide .all .half:last-child {display: none; z-index: 1;}
    
    .slide .all h2 {margin-bottom: 20px;}
    
    .slide a.more {font-size: 10px; margin-bottom: 26px;}
    
    .head1 {height: 100%; width: 100%;}
    
    #slider .item img { max-height: 183px; position: relative; margin-top: -70px;}

    #offer .fifth {width: 50%;}
    
    .item .four {padding: 26px 26px 0 26px;}
    
    .item .six {padding: 0 26px; width: 100%;}

    #copy .left:nth-child(2) {text-align: left;}

}

div.wpcf7 {margin-left: -5% !important; margin-right: -5% !important; overflow: hidden; padding: 0 2.5% !important;}

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {border: 1px #b30000 solid; clear: both; font-size: 12px; margin-left: 2.5% !important; margin-right: 2.5% !important; overflow: hidden; padding: 1em;}

div.wpcf7-mail-sent-ok {border: 1px #1fbee1 solid;}

span.wpcf7-not-valid-tip {color: #b3b3b3; font-size: 12px; margin-top: 6px;}

div.wpcf7-mail-sent-ng {border: 1px #1fbee1 solid; clear: both; font-size: 12px; margin-left: 2.5% !important; margin-right: 2.5% !important; overflow: hidden; padding: 1em;}

.spu-box {padding: 36px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}

.spu-content h1::after {margin-top: 1em; margin-bottom: 1.25em;}

.spu-content img {height: auto; max-width: 100%;}

.spu-close {background-color: #d6a361; color: #ffffff; font-size: 18px; opacity: 1; padding: 10px 7px; right: 0; text-shadow: none; top: 0; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transition : all 400ms ease-out; -moz-transition : all 400ms ease-out; -o-transition : all 400ms ease-out; -ms-transform : all 400ms ease-out; transition : all 400ms ease-out;}

.spu-close:hover, .spu-close:focus {background-color: #1fbee1; color: #ffffff;}

.wp-caption-text {
	color: #808080; 
	text-align: center;
/* 	color: #ff8080;  */
	font-size: 12px; 
	margin-top: 8px;
	font-family: "Roboto", arial, sans-serif !important;
}



.gallery-columns-1, .gallery-columns-2, .gallery-columns-3, .gallery-columns-4, .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9 {
    margin-left: -1% !important;
    margin-right: -1% !important;
}

.gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
    margin: 3% 1% !important;
}

.gallery-columns-1 .gallery-item {
    margin: 1% !important;
    width: 98% !important;
}

.gallery-columns-2 .gallery-item {
    width: 48% !important;
}

.gallery-columns-3 .gallery-item {
    width: 31.33334% !important;
}

.gallery-columns-4 .gallery-item {
    width: 23% !important;
}

.gallery-columns-5 .gallery-item {
    width: 18% !important;
}

.gallery-columns-6 .gallery-item {
    width: 14.66665% !important;
}

.gallery-columns-7 .gallery-item {
    width: 12.28334% !important;
}

.gallery-columns-8 .gallery-item {
    width: 10.5% !important;
}

.gallery-columns-9 .gallery-item {
    width: 9.11134% !important;
}

img.alignright {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:2px solid #9d9d9d!important;
/* 	border-style: solid!important; */
}

img.alignleft {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:2px solid #9d9d9d!important;
/* 	border-style: solid!important; */
}

img.alignnone {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:2px solid #9d9d9d!important;
/* 	border-style: solid!important; */
} 



img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:2px solid #9d9d9d!important;
/* 	border-style: solid!important; */
} 

img.size-large {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:2px solid #9d9d9d!important;
/* 	border-style: solid!important; */
}

img.noframeimage {
	border: none !important;
}

h3.popmake-content {
    font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	
}

.gallery-item img {

	border:2px solid #9d9d9d!important;
    display: inline-block;
    height: auto;
    opacity: 1;
/*     opacity: 0.85; */
    width: 100%;
    outline: 0;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition : all 300ms ease-out; 
    -moz-transition : all 300ms ease-out;
    -o-transition : all 300ms ease-out;
    -ms-transform : all 300ms ease-out;
    transition : all 300ms ease-out;
}

.gallery-item img:hover {
    background-color: #009895;
    display: inline-block;
    opacity: 1;
}

.gallery-caption {
    color: #8c8c8c;
    margin-top: 10px;
}

.gallery-1 .gallery-item img {opacity: 1!important;}
.wp-caption {max-width: 100%;}


div.cframe-look {
    outline: 0;
    margin: 30px 0;
    padding: 20px;
/*     font-size: 95%; */
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
	color: #ffffff;
}

div.cframe-golden {
    background-color: #d6a361;
}

div.cframe-blue {
    background-color: #1fbee1;
}

div.cframe-green {
    background-color: #a1dc36;
}

div.cframe-look p {
    text-align: center;
}

/* ramka z ikonką w 2 orientacjach */

.zozcontainer {
    display: inline-block;
    margin: 0px auto 0px auto;
    padding: 10px;
	width:100%;
	text-align:center;
}

.zozimage {
	vertical-align: middle;
    font-size: 45px;
	color:#1fbee1;
	margin-right: 15px;
}

.zozinfo {
	font-weight:bold;
	font-size:22px;
	color:#d6a361;
}

footer .coopimage {
	border: 0px!important;
	text-align:center;
	margin:auto;
	display:block;
	width:50%;
}

footer .cooptext {
	text-align:center;
	margin:auto;
	display:block;
	width:60%;
	border-top: 1px #1fbee1 solid;
	margin-bottom:15px;
	margin-top:5px;
}

.iconcontainer {
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
    display:inline-flex;
	margin-bottom: 10px;
}

.iconedlink{
}

a.iconedlink{
	color:#d6a361;
}

a.iconedlink:focus, footer a.iconedlink:hover {
    color: #1fbee1;
}

.iconimage{
	vertical-align: middle;
    font-size: 150%;
	margin: 0px auto 0px auto;
    width: 22px;
    text-align: center;
}

.multilineiconimage{
	margin: auto;
}

.mobilecenter {
/*     text-align: left; */
}

/* @media (max-width: 700px) {
	.zozcontainer {
		text-align: center;
	}
 */
.phonefix {
/*     font-size: 150%; */
}


.iconedtext{
	border-left: 2px #1fbee1 solid;
	padding-left: 5px;
	margin-left:10px;
	clear:both;
}

a.iconedlink:hover .iconedtext {
	border-left: 2px #d6a361 solid;
}

div#nazwafirmy {
	margin-bottom: 0px;
}

/* On screens that are 992px wide or less, the background color is blue */
/* @media screen and (max-width: 700px) {
	.zozcontainer {
		text-align: center;
	}
    .zozcontainer > .zozimage {
        float:none;
        margin: auto;
    }
   .zozcontainer > .zozinfo {
       float:none;
       margin: auto;
       text-align: center;
	clear: both;
    }
	.zozcontainer > .zozsep {
		clear: none;
	}
} */

/* ramka z ikonką */



/* img.alignright {
float:right;
margin:0 0 1em 1em;
border:3px solid #2992c1;
}
img.alignleft {
float:left;
margin:0 1em 1em 0;
border:3px solid #2992c1;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
border:3px solid #2992c1;
}
img.alignnone {
border:3px solid #2992c1;
}
 */