/* CSS for Marta Pasternak Website 2017, updated 2023 */

/*==================== Reset ++++++++++++++++++++++++++*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, abbr, address, em, img, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, figcaption, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
ol, ul {
list-style: none;
}
a {
text-decoration: none;
color: inherit;
}
*:focus {outline: none;}
* {box-sizing: border-box;}

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
}

/*========================================================
                      Main Styles
=========================================================*/
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  overflow-y: scroll;
	overflow-x: hidden;
	text-align:center;
	font-family: 'Montserrat', arial, sans-serif;
	 font-weight: 400;
	 color: #777;
	 font-size: 16px;
	 height: 100%;
}
body .galleria-thumbnails .galleria-image { width:300px }

.ie7 body{
	overflow:hidden;
}
h2,
h3,
h4,
h5,
h6 {
   font-weight: normal;
}
li {
   list-style-type: none;
}
a {
   text-decoration: none;
   color: inherit;
}
.clear {
   clear: both;
}

/*=======================================================
                       Main Layout
=========================================================*/
#sframe {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.w25,
.w33,
.w33T,
.w50 {
	clear: both;
	overflow: hidden;
}
.w25 .wframe,
.w33 .wframe,
.w33T .wframe,
.w50 .wframe {
	float: left;
}
.w25 .wframe {
	width: 25%;
}
.w33 .wframe,
.w33T .wframe {
	width: 33.33%;
}
.w50 .wframe {
	width: 50%;
}
.w100 .wframe {
	width: 100%;
	overflow: hidden;
}
.linebot {
    padding-bottom: 20px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    
}
@media only screen and (max-width: 767px) {
   
}
@media only screen and (max-width: 479px) {
    
}
/*=======================================================
                       TOP & NAVIGATION
=========================================================*/
.smobitrigger, 
.mnuclose,
.menu ul li.navLogo,
.menu ul li.mphone,
.menu ul li.mlinks,
.menu ul li.memail,
.menu ul li.msocial,
.logoMob,
.socialBox1024 { 
	display: none;
}
.topWrap {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: rgba(255,255,255,.7);
	position: fixed;
  top: 0;
	z-index: 9999;
	height: 173px;
}
.logoBox {
	width: 25%;
	float: left;
	overflow: hidden;
}
.logoBox img {
	width: 370px;
}
.menuBox {
	width: 75%;
	float: left;
	overflow: hidden;
}
.menuTop {
	width: 80%;
	float: left;
	overflow: hidden;
	margin-top: 55px;
}
.socialBox {
	width: 20%;
	float: left;
	overflow: hidden;
}
.socialBox ul li {
	display: flex;
    flex-direction: row;
    margin-left: 35px;
    height: 110px;
}
.icon-background {
    color: #adadaa;
}
.menu {
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	text-align: center;
}
.menu ul li.navDesk {
	display: inline-block;
	font-size: 1.2em;
	padding: 0 25px;
	color: #545454;
	text-transform: uppercase;
}
.menu ul li.navDesk a:hover {
	color: #cd9a3e;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .topWrap {
		height: 140px;
	}
    .menu ul li.navDesk {
        font-size: 1.1em;
    }
	.logoBox {
		width: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 140px;
	}
	.logoBox img {
		width: 300px;
	}
	.menuBox {
		width: 80%;
	}
	.menuTop {
		margin-top: 45px;
	}
	.menu ul li.navDesk {
		font-size: 1em;
        padding: 0 20px;
	}
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .topWrap {
		height: 65px;
		border-bottom: 1px solid #ccc;
	}
	.logoBox {
		width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 65px;
	}
	.logoBox img {
		width: 135px;
	}
	.menuBox {
		width: 85%;
        height: 65px;
	}
	.menuTop {
		width: 85%;
		margin-top: 15px;
	}
	.socialBox {
		width: 15%;
        height: 65px;
	}
	.menu {
		border: none;
	}
	.menu ul li.navDesk {
		font-size: 14px;
		padding: 0 23px 0 0;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .topWrap {
		height: auto;
        position: static;
	}
	.socialBox1024 {
		display: inline-block;
	}
	.socialBox {
		display: none;
	}
	.logoBox {
		width: 70%;
		height: 70px;
        padding-left: 60px;
	}
	.logoBox img {
		width: 150px;
		display: flex;
        justify-content: flex-start;
        align-items: center;
	}
	.socialBox1024 {
		width: 30%;
		height: 70px;
	}
	.menuBox {
		width: 100%;
		float: none;
		border-top: 1px solid #ccc;
		text-align: center;
		margin: 0 auto;
		height: 40px;
	}
	.menuTop {
		margin: 0 auto;
		float: none;
		width: 95%;
	}
	.menu {
		border: none;
	}
	.fa-lg {
		font-size: 1.1em!important;
	}
	.menu ul li.navDesk {
		font-size: 14px;
		padding: 0 23px 0 0;
	}
	.topWrap {
		background: rgba(255,255,255,1);
	}
    .socSqr {
        width: 50px;
        height: 50px;
    }
    .socialBox1024 ul li {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 70px;
    }
    .sqr1, .sqr2 {
        margin: 0 5px 0 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .topWrap {
		height: auto;
		border-bottom: 1px solid #ccc;
        position: static;
	}
    .logoMob {
        padding-left: 30px;
    }
    .logoMob img {
        width:  180px;
    }
}
@media only screen and (max-width: 767px) {
    .topWrap {
		height: 76px;
		border-bottom: 1px solid #ccc;
		position: static;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
   .logoMob {
        padding-left: 20px;
    }
    .logoMob img {
        width:  160px;
    }
    .sqr1, .sqr2 {
        margin: 30px 5px 0 10px;
    }
    .fooInfo ul {
        width: 160px;
    }
     .copy span {
        display: block;
    }
}
@media only screen and (max-width: 479px) {
    .logoMob {
		padding-left: 10px;
	}
	.logoMob img {
		width: 160px;
	}
	img.fooLogo {
		width: 220px;
	}
	.mailFoo {
		font-size: 16px;
	}
	.phoneFoo {
		font-size: 1.4em;
	}
}
/*=======================================================
											O MNIE
=========================================================*/
.w100 .wframe .aboutWrap h1 {
	font-size: 3.2em;
	text-align: center;
	padding-bottom: 20px;
	font-family: 'Source Sans Pro', arial, sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}
.w100 .wframe .aboutWrap {
	width: 70%;
	margin: 233px auto 80px auto;
	overflow: hidden;
}
.boxaboutWrap {
    width: 100%;
    margin: 60px auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ableft {
    flex-direction: row;
}
.abright {
    flex-direction: row-reverse;
}
.abimg1 img {
    float: left;
}
.abimg2 img {
    float: right;
}
.boxaboutL {
    width: 35%;
}
.boxaboutR {
    width: 65%;
}
.boxaboutL img {
    width: 444px;
}
.boxaboutR h2 {
   text-align: left;
    font-size: 2em;
    font-weight: 600;
    padding-bottom: 20px; 
}
.boxaboutR p {
   font-size: 1.6em;
    line-height: 1.5;
    text-align:justify; 
}
.abpad1 {
    
}
.abpad2 {
    
}
.abcyt {
    font-weight: bold;
    font-size: 1.1em;
}
.boxaboutR a {
    font-weight: bold;
    color: #b93aa5;
    transition:all 1s ease-in-out;
}
.boxaboutR a:hover {
    color: goldenrod;
    transform:scale(1.1);
}

.toRight,
.toLeft {
     width: 100%;
    margin: 10px auto;
    overflow: hidden;
    display: flex;
  align-items: center;
  justify-content: center;
}
.toRight {
    flex-direction: row;
}
.toLeft {
    flex-direction: row-reverse;
}
.toRightH1 {
    height: 420px;
}
.toRightH2 {
    height: 420px;
}
.toRightH3 {
    height: 450px;
}
.toRightImg,
.toLeftImg {
     width: 25%;
    overflow: hidden;
}
.toRightImg {
    float: left;
}
.toRightImg img,
.toLeftImg img{
    width: 99%;
    margin: 0 auto;
}
.toRightP,
.toLeftP {
    width: 75%;
    overflow: hidden;
}
.toRightP {
    float: right;
}
.toRightP h2 {
    text-align: left;
    font-size: 2em;
    font-weight: bold;
    padding-left: 60px;
    padding-bottom: 20px;
}
.toRightP p,
.toLeftP p {
    font-size: 1.6em;
    text-align: left;
    line-height: 1.5;
    text-align:justify;
    
}
.toRightP p {
    padding-left: 60px;
}
.toLeftP p {
    padding-right: 60px;
}
.toLeftImg {
    float: right;
}
.toLeftP {
    float: left;
}
.toRighttt {
    margin-top: 80px;
}
.aboutT img {
    width: 99%;
    margin: 0 auto;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .w100 .wframe .aboutWrap,
	.w100 .wframe .kontaktWrap {
		margin: 200px auto 60px auto;
	}
    .w100 .wframe .aboutWrap {
        width: 70%;
    }
	.aboutT p.aboutTnorm,
	.aboutT p.aboutTbelow {
		font-size: 1.4em;
	}
	.aboutT1 p {
		font-size: 1.7em;
	}
	.aboutImg1 {
		width: 30%;
	}
	.aboutImg2 {
		width: 25%;
	}
	.toRightImg img, 
    .toLeftImg img {
        width: 333px!important;
    }
    .abpad1 {
    padding-left: 30px;
    }
    .abpad2 {
        padding-right: 30px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .w100 .wframe .aboutWrap,
	.w100 .wframe .kontaktWrap {
		margin: 105px auto 60px auto;
	}
    .w100 .wframe .aboutWrap {
        width: 80%;
    }
    .w100 .wframe .kontaktWrap {
        width: 70%;
    }
	.w100 .wframe .aboutWrap h1 {
		padding-bottom: 40px;
		font-size: 2.8em;
	}
	.aboutT p.aboutTnorm,
	.aboutT p.aboutTbelow {
		font-size: 1.2em;
	}
	.aboutT p.aboutTbelow {
		padding: 20px 0 20px 0;
	}
	.aboutT1 p {
		font-size: 1.4em;
	}
	.aboutImg1 {
		margin: 10px 50px 20px 0;
	}
	.aboutImg2 {
		margin: 10px 0 20px 50px;
	}
    .toRighttt {
        margin-top: 60px;
    }
    .toRightImg img, 
    .toLeftImg img {
        width: 260px!important;
    }
    .boxaboutL img {
        max-width: 258px;
    }
    .abimg1,
    .abimg2 {
        height: auto;
    }
    .boxaboutR h2 {
        font-size: 1.7em;
    }
    .boxaboutR p {
        font-size: 1.2em;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .w100 .wframe .aboutWrap {
        width: 80%;
        margin: 50px auto 40px;
    }
	.w100 .wframe .kontaktWrap {
		margin: 20px auto 50px;
		width: 80%;
	}
	.w100 .wframe .aboutWrap h1 {
		padding-bottom: 40px;
		font-size: 2.4em;
	}
	.aboutT p.aboutTnorm,
	.aboutT p.aboutTbelow {
		font-size: 16px;
	}
	.aboutT p.aboutTbelow {
		padding: 30px 0 20px 0;
	}
    .aboutT img {
        width: 99%;
        margin: 0 auto;
    }
	.aboutT1 p {
		font-size: 1.2em;
	}
    .toRighttt {
        margin-top: 40px;
    } 
    .toRightImg, .toLeftImg {
        width: 35%;
    }
    .toRightImg img,
    .toLeftImg img {
        width: 283px!important;
    }
    .toRightP, .toLeftP {
        width: 65%;
    }
    .toRightP p, .toLeftP p {
        font-size: 1.2em;
    }
    .boxaboutL img {
        width: 280px;
    }
    .abpad1 {
        padding-left: 20px;
    }
    .abpad2 {
        padding-right: 20px;
    }
    .boxaboutR h2 {
        font-size: 1.4em;
    }
    .boxaboutR p {
        font-size: 1.1em;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .w100 .wframe .aboutWrap {
		margin: 50px auto 30px;
		width: 90%;
	}
    .w100 .wframe .aboutWrap h1 {
		font-size: 2em;
	}
	.aboutImg1 {
		margin: 5px 30px 25px 0;
		width: 28%;
	}
	.aboutImg2 {
		margin: 5px 0 25px 30px;
	}
	.aboutImg3 {
		margin: 5px 30px 25px 0;
		width: 28%;
	}
	.aboutImg4 {
		margin: 5px 0 25px 30px;
		width: 40%;
	}
	.aboutT p.aboutTnorm, .aboutT p.aboutTbelow {
		font-size: 16px;
	}
	.aboutT p.aboutTbelow {
		padding: 5px 0 20px 0;
	}
	.aboutfot2 {
		width: 200px;
	}
	.aboutfot3 {
		width: 260px;
	}
	.aboutT1 p {
		font-size: 1.1em;
	}
	.aboutpodpis {
		width: 190px;
	}
    .toRighttt {
        margin-top: 30px;
    } 
    .toRightImg, .toLeftImg {
        width: 35%;
    }
    .toRightImg img, 
    .toLeftImg img {
        width: 242px!important;
    }
    .toRightP, .toLeftP {
        width: 65%;
    }
    .toRightP p, .toLeftP p {
        font-size: 1.2em;
    }
    .boxaboutL img {
        width: 180px;
    }
    .abpad1 {
        padding-left: 0;
    }
    .abpad2 {
        padding-right: 0;
    }
    .boxaboutR h2 {
        font-size: 21px;
    }
    .boxaboutR p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .w100 .wframe .aboutWrap,
	.w100 .wframe .kontaktWrap {
		margin: 20px auto 30px auto;
		width: 90%; 
	}
	.w100 .wframe .aboutWrap h1 {
		font-size: 1.6em;
	}
	.aboutT1 p {
		padding: 0 0 20px 0;
		font-size: 1.1em;
	}
    .toRightImg, .toLeftImg,
    .toRightP, .toLeftP {
        width: 100%;
        margin: 10px auto;
        float: none;
    }
    .toRight, .toLeft {
        display: inline-block;
    }
    .toRightH1,
    .toRightH2,
    .toRightH3 {
        height: auto;
    }
    .toRighttt {
        margin-top: 10px;
    }
    .toRightImg img, .toLeftImg img {
        width: 380px;
        margin: 0 auto;
    }
    .toRightP p, .toLeftP p {
        padding: 0;
        width: 380px;
        font-size: 1.2em;
        margin: 10px auto;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
   .boxaboutL img {
        width: 100%;
        margin: 0 auto 20px;
    }
    .ableft,
    .abright {
        flex-direction: column;
    }
    .boxaboutL,
    .boxaboutR {
        width: 100%;
    }
    .abimg1 img,
    .abimg2 img {
        float: none;
    }
    .abpad1 {
        padding-left: 0;
    }
    .abpad2 {
        padding-right: 0;
    }
    .boxaboutR h2 {
        font-size: 21px;
    }
    .boxaboutR p {
        font-size: 18px;
    }
    .ableft {
        margin: 20px auto;
    }
    .abright {
        margin: 20px auto 0;
    }
}
@media only screen and (max-width: 479px) {
     .ableft {
        margin: 20px auto;
    }
    .abright {
        margin: 20px auto 0;
    }
    .boxaboutL img {
        width: 100%;
        margin: 0 auto 20px;
    }
    .ableft,
    .abright {
        flex-direction: column;
    }
    .boxaboutL,
    .boxaboutR {
        width: 100%;
    }
    .abimg1 img,
    .abimg2 img {
        float: none;
    }
    .abpad1 {
        padding-left: 0;
    }
    .abpad2 {
        padding-right: 0;
    }
    .boxaboutR h2 {
        font-size: 21px;
        line-height: 1.5;
        text-align: center;
        padding: 0 20px 20px 20px;
    }
    .boxaboutR p {
        font-size: 18px;
    }
}
/*=======================================================
											OFERTA
=========================================================*/
.offerWrapMob {
	display: none;
}
.offerWrap {
	width: 100%;
	margin: 173px auto 0 auto;
	overflow: hidden;
}
.faqWrap {
	margin: 0 auto;
	width: 100%;
}
.ofertaWrap {
    width: 100%;
    margin: 173px auto 0;
    overflow: hidden;
}
.colOfert1 {
	background: url('../images/oferta/ofer1.jpg');
}
.colOfert2 {
	background: url('../images/oferta/ofer2.jpg');
}
.colOfert3 {
	background: url('../images/oferta/ofer4.jpg');
}
.colOfert4 {
	background: url('../images/oferta/ofer4.jpg');
}
.colOf4 {
	background: url('../images/oferta/ofer4.jpg');
}
.colOf5 {
	background: url('../images/oferta/ofer5.jpg');
}

.fmar1 {
	margin-top: 40px;
}
.fmar2 {
	margin-top: 180px;
}
.fmar3 {
	margin-top: 100px;
}
.fmar4 {
	margin-top: 100px;
}
.ofer1List ul,
.ofer2List ul {
	width: 60%;
    margin: 60px auto;
}
.ofer1List ul li,
.ofer2List ul li {
	background: url('../images/check.png');
    background-position: left top 5px;
    background-repeat: no-repeat;
	background-size: 25px 25px;
	padding-left:40px;
	font-size: 1.6em;
    text-align: left;
    line-height: 1.5;
}
.ofer1List ul li span {
	font-weight: bold;
}
.ofer1List p,
.ofer2List p {
	font-size: 1.6em;
	padding-top: 10px;
    width: 60%;
    margin: 0 auto;
}
.ofer2List {
	margin-top: 30px;
}
.ofer3List {
	margin-top: 35px;
}
.ofer4List {
	margin-top: 80px;
}
.ofertb {
	font-weight: bold;
}
.oferUp {
    width: 50%;
    margin: 0 auto 90px;
    overflow: hidden;
}
.oferUp h2 {
    font-size: 21px!important;
    line-height: 1.5;
    padding-top: 20px;
}
.oferUp h1 {
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
}
.oferUp p {
    font-size: 21px;
    line-height: 1.5;
    font-weight: 700;
    padding-bottom: 25px;
}
.pakietpad {
    padding-bottom: 25px;
}
.ofertplast {
    padding-bottom: 0;
}
.wlink {
    color: #017cbf;
    text-transform: uppercase;
    text-decoration: underline;
}
.oferBoxes {
    width: 70%;
    margin: 60px auto;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.oferBox {
    width: 48%;
    display: flex;
    flex-direction: column;
    padding: 60px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.oferBox h3,
.oferBoxC h3 {
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1.5;
    padding: 60px 0 20px;
    text-align: left;
}
.oferBox img {
    width: 100%;
}
.oferfotoBoxes {
    width: 80%;
    margin: 60px auto;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.oferfotoBox {
    width: 31%;
    display: flex;
    flex-direction: column;
    padding: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 30px;
}
.oferfotoBox h3 {
    font-size: 24px!important;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.5;
    padding-top: 20px;
}
.oferfotoBox p {
    font-size: 21px;
    line-height: 1.5;
    padding: 20px 0;
    text-align: left;
}
.oferFormBtn {
    display: inline-block;
    text-align: center;
    font-size: 21px;
    padding: 10px 20px;
    border: 1px solid #ccc;
    text-transform: uppercase;
    border-radius: 3px;
}
.oferFormBtn:hover {
    border: 1px solid #cd9a3e;
    color: #cd9a3e;
}
.oferMiejscBtn {
    font-size: 30px;
    text-align: center;
    display: inline-block;
    padding: 15px 20px;
    text-transform: uppercase;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 20px auto 40px;
}
.oferMiejscBtn:hover {
    border: 1px solid #cd9a3e;
     color: #cd9a3e;
}
.pakietdesc {
    font-size: 21px;
    line-height: 1.5;
    text-align: justify;
}
.pakietbb {
    font-weight: 700;
}
.pakietprice {
    font-size: 36px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    margin-top: auto;
}
.pakietprice span {
    padding-left: 20px;
}
.oferBox ul {
    padding: 20px 0;
}
.oferBox ul li {
    background: url(../images/checknew.png);
    background-position: left top 7px;
    background-repeat: no-repeat;
    background-size: 21px 21px;
    padding: 8px 0 8px 40px;
    font-size: 21px;
    text-align: left;
    line-height: 1.5;
}
.listend {
    margin-bottom: 60px;
}
.pakietbelow {
    text-align: left;
    font-size: 21px;
    padding-bottom: 30px;
}
.oferBox ol {
    list-style: initial; 
    margin: initial;
    padding: 0 0 0 10px;
    text-align: left;
}
.oferBox ol li {
    background: none;
    display: list-item;
    list-style-type: circle;
    list-style-position: inside;
}
.oferTT {
    text-transform: uppercase;
}
.ofertBoxCentro {
    width: 35%;
    margin: 80px auto;
    overflow: hidden;
}
.oferBoxC {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 60px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.oferBoxC img {
    width: 100%;
}
.pakietpadd {
    padding: 20px 0;
}
.pakietpad {
    padding-top: 20px;
}
.tured {
    color: red;
}
.faqParB {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}
.faqParNormal {
	padding-bottom: 20px;
    font-size: 1.4em;
    width: 60%;
    margin: 0 auto;
    line-height: 1.5;
}
.faqPar4Normal {
	font-size: 1.6em;
	padding-bottom: 10px;
     width: 60%;
    margin: 0 auto;
}
.faqParBelow {
	font-size: 14px;
}
.faqAdd1 {
	font-size: 16px;
	padding-bottom: 20px;
}
.faqParBo {
	font-weight: bold;
}
.faqAddTop {
	padding-top: 30px;
}
.ofertDod {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.oferDodFrame {
	width: 50%;
	margin: 80px auto 0 auto;
	background: rgba(255,255,255,.8);
	padding: 40px 60px;
}
.oferDodPar1 {
	font-size: 1.6em;
	padding-bottom: 40px;
     width: 60%;
    margin: 0 auto;
}
.oferDodPar2 {
	font-size: 1.8em;
	text-transform: uppercase;
	font-family: 'Source Sans Pro',arial, sans-serif;
}
.oferDodPar2 span {
	text-transform: lowercase;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .oferUp {
        width: 75%;
    }
	.offerWrap,
	.galerieWrap {
		margin: 200px auto 0 auto;
	}
    .ofertaWrap{
        margin: 140px auto 0 auto;
    }
	.oferDodPar1 {
		font-size: 1.4em;
	}
	.oferDodPar2 {
		font-size: 1.6em;
	}
    .oferfotoBoxes {
        width: 90%;
    }
    .oferfotoBox h3 {
        font-size: 24px!important;
    }
    .oferfotoBox {
        padding: 30px;
    }
    .oferBoxes {
        width: 85%;
    }
    .ofertBoxCentro {
        width: 50%;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .oferUp {
        width: 90%;
    }
    .oferUp p {
        font-size: 18px;
    }
    .ofertaWrap{
        margin: 65px auto 0 auto;
    }
	.offerWrap {
		margin: 65px auto 0;
	}
    .galerieWrap {
        margin: 105px auto 0;
	}
    .galCont {
        margin: 80px auto;
    }
	p.faqq {
		width: 500px;
	}
	.faqqspan1 {
		font-size: 1.4em;
	}
	.faqqspan2 {
		font-size: 18px;
		padding: 8px 15px;
	}
	.of1 {
		height: 700px;
		width: 500px;
	}
	.fmar1 {
		margin-top: 50px;
	}
	.of2 {
		width: 500px;
		height: 400px;
	}
	.fmar2 {
		margin-top: 180px;
	}
	.of3 {
		width: 500px;
		height: 500px;
	}
	.fmar3 {
		margin-top: 140px;
	}
	.of4 {
		width: 500px;
		height: 500px;
	}
	.fmar4 {
		margin-top: 140px;
	}
	.faqa ul {
		padding-top: 10px;
	}
	.faqParB {
		font-size: 1.4em;
	}
	.oferDodFrame {
		width: 70%;
	}
	.oferDodPar1 {
		font-size: 1.2em;
	}
	.oferDodPar2 {
		font-size: 1.4em;
	}
	.faqAddTop {
		padding-top: 10px;
	}
	.faqAdd1 {
		font-size: 14px;
	}
	.ofer1List p, .ofer2List p,
	.ofer1List ul li, .ofer2List ul li {
		font-size: 21px;
	}
	.ofer1List ul li, .ofer2List ul li {
		background: url(../images/check.png) left top 4px no-repeat;
		background-size: 15px 15px;
	}
	.faqParNormal,
	.faqPar4Normal{
		font-size: 18px;
	}
    .oferBoxes {
        width: 90%;
    }
    .oferBox h3 {
        font-size: 26px!important;
    }
    .pakietdesc,
    .oferBox ul li {
        font-size: 18px;
    }
    .oferBox ul li {
        background-size: 18px 18px;
        background-position: left top 10px;
        padding: 8px 0 8px 30px;
    }
    .oferBox ul {
        padding: 20px 0 30px;
}
    .oferBox {
        padding: 40px;
    }
    .oferfotoBoxes {
        width: 90%;
        flex-wrap: wrap;
        justify-content: center;
        margin: 50px auto 0;
    }
    .oferfotoBox {
        padding: 20px;
        width: 31%;
        margin: 0 20px 30px 0;
    }
    .oferfotoBox h3 {
        font-size: 21px!important;
    }
    .oferfotoBox p {
        font-size: 17px;
    }
    .ofertBoxCentro {
        width: 60%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .offerWrap {
		margin: 110px auto 0;
	}
    .ofertaWrap {
        margin: 0 auto;
    }
    .galerieWrap {
        margin: 50px auto 0;
    }
    .galBgWrap {
        margin: 0 auto 50px;
    }
    .galPart {
        display: block;
        height: 665px;
        background-attachment: scroll;
        background-position: center!important;
    }
	.colOffer1,
	.colOffer2,
	.colOffer3,
	.colOffer4 {
		height: 700px;
	}
	p.faqq {
		width: 400px;
		height: 240px;
	}
	a.question {
		height: 240px;
	}
	.faq {
		margin: 230px auto 0 auto;
	}
	.faqa {
		padding: 10px 20px;
	}
	.faqqspan1 {
		font-size: 1.2em;
		padding: 80px 0 30px 0;
	}
	.faqqspan2 {
		font-size: 16px;
		padding: 5px 8px;
		width: 120px;
	}
	.of1 {
		width: 400px;
		height: 660px;
	}
	.fmar1 {
		margin-top: 20px;
	}
	.of2 {
		width: 400px;
		height: 400px;
	}
	.fmar2 {
		margin-top: 140px;
	}
	.of3 {
		width: 400px;
		height: 480px;
	}
	.ofer3List,
	.ofer4List {
		margin-top: 40px;
	}
	.fmar3 {
		margin-top: 120px;
	}
	.of4 {
		width: 400px;
		height: 340px;
	}
	.fmar4 {
		margin-top: 180px;
	}
	.faqPar4Normal {
		font-size: 18px;
        width: 80%;
	}
	.faqa ul li {
		font-size: 14px;
		padding: 5px 0 5px 25px;
		background: url(../images/check.png) left top 7px no-repeat;
    background-size: 15px 15px;
	}
	.ofer1List p, .ofer2List p {
		font-size: 18px;
	}
	.faqParB {
		font-size: 1.4em;
	}
	.faqParNormal {
		font-size: 19px;
        width: 80%;
	}
	.faqAddTop {
		padding-top: 10px;
	}
	.faqAdd1 {
		font-size: 14px;
	}
	.oferDodFrame {
		width: 70%;
		margin: 55px auto 0 auto;
	}
	.oferDodPar1 {
		font-size: 16px;
	}
	.oferDodPar2 {
		font-size: 1.2em;
	}
    .faqParNormal,
	.faqPar4Normal{
		font-size: 18px;
	}
    .oferBoxes {
        width: 90%;
    }
    .oferBox {
        padding: 20px;
    }
    .oferBox h3 {
        font-size: 24px!important;
        padding: 20px 0;
    }
    .pakietprice {
        padding-bottom: 20px;
    }
    .pakietdesc,
    .oferBox ul li {
        font-size: 18px;
    }
    .oferBox ul li {
        background-size: 18px 18px;
        background-position: left top 10px;
        padding: 8px 0 8px 30px;
    }
    .oferBox ul {
        padding: 20px 0 30px;
}
    .listend {
        margin-bottom: 20px;
    }
    .oferfotoBoxes {
        width: 90%;
        flex-wrap: wrap;
        justify-content: center;
        margin: 50px auto 0;
    }
    .oferfotoBox {
        padding: 20px;
        width: 31%;
        margin: 0 20px 30px 0;
    }
    .oferfotoBox h3 {
        font-size: 21px!important;
    }
    .oferfotoBox p {
        font-size: 17px;
    }
    .oferUp {
        margin: 0 auto 30px;
        width: 90%;
    }
    .oferUp p {
        font-size: 18px;
    }
    .pakietbelow {
        font-size: 18px;
    }
    .ofertBoxCentro {
        width: 60%;
        margin: 30px auto;
    }
    .oferBoxC {
        padding: 20px;
    }
    .oferBoxC h3 {
        font-size: 24px;
        padding: 20px 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .ofertaWrap {
        margin: 0 auto;
    }
    .galPart {
        background-attachment: scroll;
        height: 665px;
        display: block;
        background-position: center!important;
    }
	.offerWrap,
	.galerieWrap {
		margin: 50px auto 0;
	}
	.colOffer1,
	.colOffer2,
	.colOffer3,
	.colOffer4 {
		height: 660px;
	}
	.faq {
		width: 40%;
		margin-top: 220px;
		padding-left: 20px;
	}
	.faqaW {
		width: 60%;
		margin: 20px auto 0 auto;
		padding-right: 20px;
	}
	p.faqq {
		width: 200px;
		height: 150px;
	}
	.faqqspan1 {
		padding: 50px 0 10px 0;
		font-size: 17px;
	}
	.faqqspan2 {
		width: 100px;
		font-size: 14px;
		line-height: 22px;
		padding: 3px 5px;
	}
	.faqa {
		padding: 10px 20px;
	}
	.of1 {
		width: 400px;
		height: 600px;
	}
	.fmar1 {
		margin-top: 20px;
	}
	.of2 {
		width: 400px;
		height: 360px;
	}
	.fmar2 {
		margin-top: 140px;
	}
	.of3 {
		width: 400px;
		height: 420px;
	}
	.fmar3 {
		margin-top: 100px;
	}
	.ofer3List,
	.ofer4List {
		margin-top: 10px;
	}
	.of4 {
		width: 400px;
		height: 280px;
	}
	.fmar4 {
		margin-top: 160px;
	}
	.faqPar4Normal {
		font-size: 1.2em;
        width: 90%;
	}
	.faqa ul li {
		font-size: 13px;
		background: url(../images/check.png) left top 6px no-repeat;
    background-size: 12px 12px;
    padding: 3px 0 3px 25px;
	}
    .ofer1List p, .ofer2List p {
        font-size: 1.2em;
        width: 80%;
    }
	.faqParB {
		font-size: 1.2em;
	}
	.faqParNormal {
		font-size: 1.2em;
        width: 90%;
        padding: 20px 0;
	}
	.faqAdd1 {
		font-size: 13px;
		padding-bottom: 10px;
	}
	.faqAddTop {
		padding-top: 0;
	}
	.oferDodFrame {
		width: 80%;
		margin: 20px auto 0 auto;
		padding: 30px;
	}
	.oferDodPar1,
	.oferDodPar2 {
		font-size: 1.2em;
        width: 80%;
	}
	.oferDodPar2 {
		font-family: Montserrat, arial, sans-serif;
	}
    .oferUp {
        width: 90%;
        margin: 0 auto 20px;
    }
    .oferUp p {
        font-size: 18px;
    }
    .oferBoxes {
        width: 90%;
        flex-direction: column;
        margin: 0 auto 20px;
    }
    .oferBox {
        width: 520px;
        margin: 0 auto 35px;
        padding: 20px;
    }
    .oferfotoBoxes {
        flex-direction: column;
        margin: 60px auto 0;
    }
    .oferfotoBox {
        width: 400px;
        margin: 0 auto 30px;
    }
    .ofertBoxCentro {
        width: 520px;
        margin: 30px auto;
    }
    .oferBoxC {
        padding: 20px;
    }
    .oferBoxC h3 {
        padding: 20px 0;
    }
    .pakietdesc,
    .oferBox ul li {
        font-size: 18px;
    }
    .oferBox h3 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 767px) {
    .galerieWrap,
	.offerWrap {
		margin: 0 auto;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
   .faq,
	.faqaW {
		width: 100%;
		float: none;
		margin: 0 auto;
		padding: 20px 0 10px 0;
		overflow: hidden;
	}
    .ofertaWrap {
        margin: 0 auto;
    }
	.colOffer1 {
		height: 980px;
	}
	.colOffer2 {
		height: 560px;
	}
	.colOffer3 {
		height: 620px;
	}
	.colOffer4 {
		height: 540px;
	}
	.colOffer5 {
		height: 540px;
	}
	.ofer1List p, .ofer2List p {
		font-size: 1.2em;
        width: 90%;
	}
	.ofer3List,
	.ofer4List {
		margin-top: 10px;
	}
	.faqPar4Normal {
		font-size: 1.2em;
        width: 90%;
	}
	p.faqq {
		width: 360px;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}
	a.question,
	p.faqq {
		height: 100px;
		padding: 0;
	}
	.faqqspan1 {
		font-size: 1.1em;
		padding: 15px 0;
	}
	.faqqspan2 {
		display: none;
	}
	.faqa {
		width: 420px;
		height: auto;
		padding: 10px 20px;
		float: none;
		margin: 0 auto;
		display: block!important;
	}
	.faqa ul {
		padding: 20px 0;
	}
	.faqa ul li {
		font-size: 16px;
		background: url(../images/check.png) left top 4px no-repeat;
		background-size: 10px 10px;
	}
	.faqParB {
		font-size: 18px;
	}
	.faqParNormal {
		font-size: 1.2em;
        width: 90%;
        padding: 20px 0;
	}
	.faqAddTop {
		padding-top: 10px;
	}
	.faqAdd1 {
		padding-bottom: 10px;
		font-size: 14px;
	}
	.oferDodFrame {
		width: 420px;
		margin: 60px auto;
		padding: 10px 20px;
	}
	.oferDodPar1 {
		font-size: 1.2em;
        width: 90%;
        padding-bottom: 0;
	}
	.oferDodPar2 {
		font-size: 18px;
	}
    .aboutT img {
        width: 100%;
    }
     .oferUp {
        width: 90%;
        margin: 0 auto 20px;
    }
    .oferBoxes {
        width: 90%;
        flex-direction: column;
        margin: 0 auto 20px;
    }
    .oferBox {
        width: 400px;
        margin: 0 auto 35px;
        padding: 20px;
    }
    .oferfotoBoxes {
        flex-direction: column;
        margin: 60px auto 0;
        width: 90%;
    }
    .oferfotoBox {
        width: 340px;
        margin: 0 auto 30px;
        padding: 20px;
    }
    .oferfotoBox h3 {
        font-size: 24px!important;
    }
    .oferBox ul {
        padding: 20px 0;
    }
    .oferBox h3 {
        padding: 20px 0;
    }
     .ofertBoxCentro {
        width: 400px;
        margin: 20px auto;
    }
    .oferBoxC {
        padding: 20px;
    }
    .oferBoxC h3 {
        padding: 20px 0;
    }
    .oferUp p,
    .pakietdesc,
    .oferBox ul li {
        font-size: 18px;
    }
}
@media only screen and (max-width: 479px) {
    .colOffer1,
	.colOffer2,
	.colOffer3,
	.colOffer4,
	.colOffer5 {
		background: none;
		height: auto;
	}
	.faq,
	.faqaW {
		width: 100%;
		float: none;
		margin: 0 auto;
		padding: 10px 0 0 0;
		overflow: hidden;
	}
	p.faqq {
		width: 90%;
		margin: 0 auto;
		font-size: 16px;
		background: #fff;
		border: 1px solid #ccc;
	}
	a.question,
	p.faqq {
		height: 160px;
	}
	.faqqspan1 {
		padding: 20px 0 20px 0;
	}
	.faqqspan2 {
		padding: 3px 5px;
		width: 80px;
		line-height: 24px;
	}
	.faqa {
		width: 100%;
		background: none;
		font-size: 16px;
		float: none;
		height: auto;
		padding: 10px 20px;
		margin: 0 auto;
	}
	.faqa ul {
		padding-top: 0;
	}
	.faqa ul li {
		background: url(../images/check.png) left top 3px no-repeat;
    background-size: 15px 15px;
		padding: 2px 0 2px 25px;
	}
	.faqParB {
		font-size: 19px;
	}
	.faqAddTop {
		padding-top: 0;
	}
	.oferDodFrame {
		width: 90%;
		margin: 0 auto;
		background: none;
		padding: 10px;
	}
	.oferDodPar1,
	.oferDodPar2 {
		font-size: 16px;
		line-height: 1.5em;
		padding-bottom: 20px;
	}
	.oferDodPar2 {
		font-family: 'Montserrat', arial, sans-serif;
	}
	.oferDodPar1 {
		font-size: 1.2em;
        width: 90%;
	}
	.ofer4List,
	.ofer3List {
		margin-top: 10px;
	}
	.faqPar4Normal {
		font-size: 1.2em;
        width: 90%;
	}
	.faqa {
		display: block!important;
	}
     .oferUp {
        width: 90%;
        margin: 0 auto 20px;
    }
    .oferBoxes {
        width: 90%;
        flex-direction: column;
        margin: 0 auto;
    }
    .oferBox {
        width: 100%;
        margin: 0 auto 35px;
        padding: 20px;
    }
    .pakietdesc,
    .oferBox ul li,
    .oferfotoBox p {
        font-size: 19px;
    }
    .oferBox ul li {
        background-size: 18px 18px;
        background-position: left top 10px;
    }
    .oferfotoBoxes {
        flex-direction: column;
        margin: 30px auto 0;
        width: 90%;
    }
    .oferfotoBox {
        width: 100%;
        margin: 0 auto 30px;
        padding: 20px;
    }
    .oferfotoBox h3 {
        font-size: 24px!important;
    }
    .oferBox ul {
        padding: 20px 0;
    }
    .oferBox h3 {
        padding: 20px 0;
    }
    .oferMiejscBtn {
        font-size: 24px;
    }
    .oferFormBtn {
        padding: 10px 15px;
        font-size: 18px;
    }
      .ofertBoxCentro {
        width: 90%;
        margin: 0 auto 30px;
    }
    .oferBoxC {
        padding: 20px;
    }
    .oferBoxC h3 {
        padding: 20px 0;
    }
    .ofertaWrap {
        margin: 0 auto;
    }
    .oferUp p,
    .pakietdesc,
    .oferBox ul li {
        font-size: 18px;
    }
}
/*=======================================================
	REKOMENDACJE
=========================================================*/
.w100 .wframe .rekWrap {
	width: 100%;
	margin: 233px auto 0 auto;
	overflow: hidden;
}
.w100 .wframe .rekWrap h1 {
	font-size: 3.2em;
	text-align: center;
	padding-bottom: 20px;
	font-family: 'Source Sans Pro', arial, sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}
.w100 .wframe .rekWrap h1 span {
    display: block;
    font-size: 2.6rem;
}
.rekBox {
   display: flex;
   align-items: center;
   justify-content: center;
	margin: 0 auto;
}
.rekLeftImg {
	flex-direction: row;
}
.rekRightImg {
  flex-direction: row-reverse;
}
.rekLeft1,
.rekRight1,
.rekLeft2,
.rekRight2 {
	width: 50%;
}
.rekLeft1 img,
.rekLeft2 img {
	width: 100%;
}
p.rekText1 {
	font-size: 21px;
	width: 80%;
	margin: 0 auto;
    text-align: justify;
}
p.rekText1 span {
	font-weight: 900;
	color: #777;
	display: block;
	margin: 40px auto 5px auto;
	border-top: 1px solid #ccc;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
   .w100 .wframe .rekWrap {
		margin: 200px auto 0 auto;
	}
	.rekBox {
		height: auto;
	}
	.rekLeft1 img, 
	.rekLeft2 img {
		width: 100%;
		display: block;
	}
	p.rekText1 {
		font-size: 1.2em;
		width: 80%;
	}
	p.rekText1 span {
		margin: 15px auto 5px auto;
	} 
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .w100 .wframe .rekWrap {
        margin: 105px auto 0;
    }
    p.rekText1 {
        font-size: 15px;
    }
	.w100 .wframe .rekWrap h1 {
		font-size: 2.8em;
		padding-bottom: 40px;
	}
	.rekBox {
		height: auto;
	}
	.rekLeft1 img, 
	.rekLeft2 img {
		width: 100%;
		display: block;
	}
	p.rekText1 span {
		margin: 15px auto 5px auto;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .w100 .wframe .rekWrap {
		margin: 50px auto 0;
        width: 80%;
	}
	.w100 .wframe .rekWrap h1 {
		font-size: 2.4em;
		padding-bottom: 40px;
	}
	.rekBox {
		height: auto;
	}
	.rekLeft1 img, 
	.rekLeft2 img {
		width: 100%;
		display: block;
	}
	p.rekText1 {
		font-size: 18px;
		width: 100%;
        margin: 50px auto;
	}
	p.rekText1 span {
		margin: 10px auto 5px auto;
	}
    .rekLeftImg,
    .rekRightImg {
        flex-direction: column;
        width: 100%;
    }
    .rekLeft1, .rekRight1, .rekLeft2, .rekRight2 {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .w100 .wframe .rekWrap {
		margin: 50px auto 0;
	}
	.rekLeft1, 
	.rekRight1, 
	.rekLeft2, 
	.rekRight2 {
		width: 90%;
		margin: 0 auto;
		float: none;
	}
	.w100 .wframe .rekWrap h1 {
		font-size: 2em;
		padding-bottom: 20px;
	}
	.rekLeft1 img, 
	.rekLeft2 img {
		width: 100%;
		display: block;
	}
	.rekBox {
		height: auto;
		display: inline-block;
	}
	p.rekText1 {
		font-size: 18px;
		width: 100%;
		padding: 20px 0;
	}
	p.rekText1 span {
		margin: 10px auto 5px auto;
	}
}
@media only screen and (max-width: 767px) {
    .w100 .wframe .rekWrap {
		margin: 20px auto 0 auto;
	}
	.w100 .wframe .rekWrap h1 {
		font-size: 1.4em;
		padding-bottom: 20px;
	}
	.rekBox {
		height: auto;
		display: inline-block;
	}
	.rekLeft1, 
	.rekRight1, 
	.rekLeft2, 
	.rekRight2 {
		width: 100%;
	}
	.rekLeft1 img, 
	.rekLeft2 img {
		width: 100%;
	}
	p.rekText1 {
		width: 90%;
		font-size: 19px;
	}
	p.rekText1 span {
		margin: 20px auto 5px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
   p.rekText1 {
		padding: 30px 0;
	}
}
@media only screen and (max-width: 479px) {
    p.rekText1 {
        margin: 20px auto 30px;
    }
}
/*=======================================================
	PORADNIK
=========================================================*/
.poradWrap {
	width: 100%;
	margin: 233px auto 0 auto;
	overflow: hidden;
}
.poradWrap h1 {
	font-size: 3.2em;
	text-align: center;
	padding-bottom: 35px;
	font-family: 'Source Sans Pro', arial, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}
.poradWrap h1 span {
    display: block;
    font-size: 2.6rem;
}
.poradh1sub {
    width: 50%;
    margin: 0 auto;
    font-size: 21px;
    line-height: 1.3;
    text-align: justify;
    padding-bottom: 90px;
}
.poradBox {
   display: flex;
   align-items: center;
   justify-content: center;
	margin: 0 auto;
}
.poradLeftImg {
	flex-direction: row;
}
.poradRightImg {
  flex-direction: row-reverse;
}
.poradLeft1,
.poradRight1,
.poradLeft2,
.poradRight2 {
	width: 50%;
}
.poradLeft1 img,
.poradLeft2 img {
	width: 100%;
    display: block;
}
.poradText1 {
	font-size: 21px;
	width: 80%;
	margin: 0 auto;
    text-align: justify;
    line-height: 1.5;
}
.poradsubtit {
    font-size: 28px;
    font-weight: 900;
	color: #777;
	display: block;
	margin: 40px auto 45px auto;
	border-top: 1px solid #ccc;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.poradbb {
    font-weight: 900;
}
.poradRegTit {
    padding: 110px 0 90px;
}
.poradRegTit h3 {
    font-size: 3.2rem;
    text-transform: capitalize;
    text-align: center;
}
.poradRegWrap {
    width: 90%;
    margin: 0 auto 90px;
    display: flex;
    justify-content: space-between;
}
.poradRegCol {
    width: 48%;
}
.poradRegCol img {
    width: 100%;
    display: block;
}
.poradsngWrap {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.poradsngBox {
    width: 50%;
}
.poradsngIns {
    width: 80%;
    margin: 0 auto;
}
.poradt2 {
    width: 100%;
}
.regulcol {
    color: #006dba;
    text-decoration: underline;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .poradh1sub {
        width: 65%;
    }
    .poradLong {
        font-size: 18px;
    }
    .poradRegTit h3 {
        font-size: 2.8rem;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .poradWrap {
        margin-top: 130px;
    }
    .poradWrap h1 {
        font-size: 2.4rem;
    }
    .poradWrap h1 span {
        font-size: 1.6rem;
    }
    .poradh1sub {
        width: 75%;
        font-size: 18px;
        padding-bottom: 35px;
    }
    .poradsubtit {
        font-size: 22px;
        margin: 0 auto 20px;
    }
    .poradText1 {
        font-size: 15px;
    }
    .poradRegTit {
        padding: 50px 0 35px;
    }
    .poradRegTit h3 {
        font-size: 2rem;
    }
    .poradsngIns {
        margin-top: 50px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .poradWrap {
        margin-top: 50px;
    }
    .poradWrap h1 {
        font-size: 2.4rem;
    }
    .poradWrap h1 span {
        font-size: 1.6rem;
    }
    .poradh1sub {
        width: 80%;
        font-size: 16px;
        padding-bottom: 35px;
    }
    .poradsubtit {
        font-size: 22px;
        margin: 0 auto 20px;
    }
    .poradText1 {
        font-size: 15px;
    }
    .poradRegTit {
        padding: 50px 0 35px;
    }
    .poradRegTit h3 {
        font-size: 2rem;
    }
    .poradsngIns {
        margin-top: 0;
    }
    .poradBox {
        flex-direction: column;
    }
    .poradLeft1, .poradRight1, .poradLeft2, .poradRight2 {
        width: 80%;
    }
    .poradRight1,
    .poradRight2 {
        margin: 50px auto;
    }
    .poradsngBox,
    .poradRegWrap {
        width: 80%;
        margin: 0 auto;
    }
    .poradRegWrap {
        flex-direction: column;
    }
    .poradRegCol {
        width: 100%;
        margin-bottom: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .poradWrap {
        margin-top: 50px;
    }
    .poradWrap h1 {
        font-size: 2.4rem;
    }
    .poradWrap h1 span {
        font-size: 1.6rem;
    }
    .poradh1sub {
        width: 80%;
        font-size: 16px;
        padding-bottom: 35px;
    }
    .poradsubtit {
        font-size: 22px;
        margin: 0 auto 20px;
    }
    .poradText1 {
        font-size: 15px;
        width: 100%;
    }
    .poradRegTit {
        padding: 50px 0 35px;
    }
    .poradRegTit h3 {
        font-size: 2rem;
    }
    .poradsngIns {
        margin-top: 0;
        width: 100%;
    }
    .poradBox {
        flex-direction: column;
    }
    .poradLeft1, .poradRight1, .poradLeft2, .poradRight2 {
        width: 80%;
    }
    .poradRight1,
    .poradRight2 {
        margin: 50px auto;
    }
    .poradsngBox,
    .poradRegWrap {
        width: 80%;
        margin: 0 auto;
    }
    .poradRegWrap {
        flex-direction: column;
    }
    .poradRegCol {
        width: 100%;
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 767px) {
   .poradWrap {
        margin-top: 30px;
    }
    .poradWrap h1 {
        font-size: 2.4rem;
    }
    .poradWrap h1 span {
        font-size: 1.4rem;
    }
    .poradh1sub {
        width: 80%;
        font-size: 18px;
        padding-bottom: 35px;
    }
    .poradsubtit {
        font-size: 22px;
        margin: 0 auto 20px;
    }
    .poradText1 {
        font-size: 18px;
        width: 100%;
    }
    .poradRegTit {
        padding: 50px 0 35px;
    }
    .poradRegTit h3 {
        font-size: 1.4rem;
    }
    .poradsngIns {
        margin-top: 0;
        width: 100%;
    }
    .poradBox {
        flex-direction: column;
    }
    .poradLeft1, .poradRight1, .poradLeft2, .poradRight2 {
        width: 80%;
    }
    .poradRight1,
    .poradRight2 {
        margin: 50px auto;
    }
    .poradsngBox,
    .poradRegWrap {
        width: 80%;
        margin: 0 auto;
    }
    .poradRegWrap {
        flex-direction: column;
    }
    .poradRegCol {
        width: 100%;
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 479px) {
    .poradh1sub {
        width: 90%;
    }
    .poradLeft1, .poradRight1, .poradLeft2, .poradRight2 {
        width: 90%;
    }
    .poradRight1, .poradRight2 {
        margin: 20px auto;
    }
    .poradsubtit {
        text-align: left;
    }
    .poradsngBox {
        width: 90%;
    }
    .poradRegTit h3 {
        font-size: 1.2rem;
    }
    .poradsngBox, .poradRegWrap {
        width: 90%;
    }
    .poradRegCol {
        margin-bottom: 20px;
    }
}
/*=======================================================
	Voucher
=========================================================*/
.bannerVouch {
    background: url('../images/voucher/bannerVoucher.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    height: 1500px;
    margin-top: 190px; 
}
.bannerVouch h1 {
    font-size: 64px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    color: #fff;
    padding-top: 1200px;
}
.vouchWrap {
   width: 70%;
    margin: 0 auto;
    padding: 90px 0;
}
.vouchWrap p {
    font-size: 1.6em;
    line-height: 1.5;
    text-align: justify;
    padding-bottom: 50px;
}
.vouchBoxWrap {
    width: 100%;
    margin: 0 auto 90px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.vouchBox {
    width: 33%;
    margin-bottom: 15px;
}
.vouchBox img {
    width: 100%;
    display: block;
}
.vouchBoWrap {
    padding: 90px 0;
    width: 70%;
    margin: 0 auto;
    text-align: left;
}
.vouchBoWrap h3 {
    font-size: 48px;
    font-weight: 700;
    padding-bottom: 25px;
}
.vouchBoWrap ul {
    padding: 25px 0;
}
.vouchBoWrap ul li {
    background: url('../images/dot.png') no-repeat;
    background-position: left top 15px;
    background-size: 15px 15px;
    font-size: 1.6em;
    padding: 12px 0 12px 25px;
    font-weight: 600;
}
.vouchLast {
    background: url('../images/voucher/bannerLast.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    height: 980px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .vouchWrap p,
    .vouchBoWrap ul li {
        font-size: 1.2em;
    }
    .vouchBoxWrap {
        margin-bottom: 0;
    }
    .vouchBoWrap h3 {
        font-size: 42px;
    }
    .bannerVouch {
        margin-top: 150px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .bannerVouch {
        height: 980px;
    }
    .bannerVouch h1 {
        padding-top: 800px;
        font-size: 42px;
    }
    .vouchWrap {
        padding: 70px 0 40px;
    }
    .vouchWrap p,
    .vouchBoWrap ul li {
        font-size: 1em;
    }
     .vouchBoxWrap {
        margin-bottom: 0;
    }
    .vouchBoWrap {
        padding: 50px 0 35px;
    }
    .vouchBoWrap h3 {
        font-size: 36px;
    }
    .vouchLast {
        height: 480px;
    }
    .bannerVouch {
        margin-top: 65px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .bannerVouch {
        height: 680px;
    }
    .bannerVouch h1 {
        padding-top: 500px;
        font-size: 42px;
    }
    .vouchWrap {
        padding: 70px 0 40px;
        width: 80%;
    }
    .vouchWrap p,
    .vouchBoWrap ul li {
        font-size: 1em;
    }
     .vouchBoxWrap {
        margin-bottom: 0;
    }
    .vouchBoWrap {
        padding: 50px 0 35px;
        width: 80%;
    }
    .vouchBoWrap h3 {
        font-size: 36px;
    }
    .vouchLast {
        height: 480px;
    }
    .vouchBox {
        width: 49%;
    }
    .bannerVouch {
        margin-top: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .bannerVouch {
        height: 680px;
    }
    .bannerVouch h1 {
        padding-top: 500px;
        font-size: 42px;
    }
    .vouchWrap {
        padding: 70px 0 20px;
        width: 90%;
    }
    .vouchWrap p,
    .vouchBoWrap ul li {
        font-size: 1em;
    }
     .vouchBoxWrap {
        margin-bottom: 0;
    }
    .vouchBoWrap {
        padding: 30px 0 35px;
        width: 90%;
    }
    .vouchBoWrap h3 {
        font-size: 36px;
    }
    .vouchLast {
        height: 480px;
    }
    .vouchBox {
        width: 49%;
    }
    .bannerVouch {
        margin-top: 0;
    }
}
@media only screen and (max-width: 767px) {
   .bannerVouch {
        height: 680px;
    }
    .bannerVouch h1 {
        padding-top: 500px;
        font-size: 42px;
    }
    .vouchWrap {
        padding: 35px 0 0;
        width: 90%;
    }
    .vouchWrap p,
    .vouchBoWrap ul li {
        font-size: 1em;
    }
     .vouchBoxWrap {
        margin-bottom: 0;
         flex-direction: column;
    }
    .vouchBoWrap {
        padding: 30px 0 35px;
        width: 90%;
    }
    .vouchBoWrap h3 {
        font-size: 36px;
    }
    .vouchLast {
        height: 480px;
    }
    .vouchBox {
        width: 100%;
        margin-bottom: 10px;
    }
    .vouchBoWrap ul {
        padding: 0;
    }
    .bannerVouch {
        margin-top: 0;
    }
}
@media only screen and (max-width: 479px) {
    .bannerVouch {
        height: 480px;
    }
    .bannerVouch h1 {
        padding-top: 320px;
        font-size: 30px;
    }
    .vouchWrap p {
        padding-bottom: 20px;
    }
}
/*=======================================================
											FOOTER
=========================================================*/
.colFoo {
	background: #ccc;
}
.fooInfo {
	width: 100%;
	margin: 60px auto;
}
.fooInfo ul {
    margin: 20px auto 0;
    width: 180px;
}
.fooInfo ul li {
    display: flex;
    flex-direction: row;
    text-align: center;
    margin: 0 auto;
}
.socSqr {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sqr1, 
.sqr2 {
    background: rgba(119,119,119,.7);
    transition: all .2s ease-in-out;
    border-radius: 50px;
    overflow: hidden;
    margin: 45px 5px 15px 20px;
}
.socSqr img {
    width: 30px;
}
.sqr1:hover {
    background: rgba(57,89,150,.9);
    transform: scale(1.1);
}
.sqr2:hover {
    background: rgba(224,41,133,.7);
    transform: scale(1.1);
}
.phoneFoo {
	font-size: 1.6em;
	padding: 10px 0;
    color: #000;
}
.mailFoo {
	font-size: 1.4em;
    color: #000;
}
.copy {
	padding: 20px 0;
	border-top: 1px solid #eee;
	font-size: 14px;
}
/*** Back to top ***/
.to-top {
  display: inline-block;
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: 40px;
  right: 20px;
	border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.9) url(../images/to-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.to-top.cd-is-visible, .to-top.to-fade-out, .no-touch .to-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.to-top.to-is-visible {
  visibility: visible;
  opacity: 1;
}
.to-top.to-fade-out {
  opacity: .5;
}
.no-touch .to-top:hover {
  background-color: #ee514a;
  opacity: 1;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .sqr1, .sqr2 {
        margin: 40px 5px 0 20px;
    }
    .fooInfo ul {
        width: 180px;
    }
    .socialBox ul li {
        height: 95px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .socSqr {
        width: 40px;
        height: 40px;
    }
    .socSqr img {
        width: 22px;
    }
    .sqr1, .sqr2 {
        margin: 0 10px 0 0;
    }
    .socialBox ul li {
        margin-left: 0;
    }
	.topWrap {
		background: rgba(255,255,255,.8);
	}
	.fa-stack {
		width: 1.6em!important;
		height: 1.6em!important;
		line-height:1.6em!important;
	}
	.fa-stack-2x {
		font-size: 1.6em!important;
	}
    .fooInfo ul {
        width: 130px;
    }
    .socialBox ul li {
        height: 65px;
        align-items: center;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .sqr1, .sqr2 {
        margin: 0 10px 0 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .fooInfo {
		margin: 20px auto;
	}
	.phoneFoo,
	.mailFoo {
		font-size: 1.2em;
	}
	.copy {
		font-size: 12px;
		padding: 10px 0;
	}
    .sqr1, .sqr2 {
        margin: 30px 5px 0 10px;
    }
    .fooInfo ul {
        width: 160px;
    }
}
@media only screen and (max-width: 767px) {
   .fooInfo {
		margin: 20px auto;
	}
}
@media only screen and (max-width: 479px) {
    .copy {
		padding: 10px 0;
		font-size: 12px;
	}
    .copy span {
        display: block;
    }
    .sqr1, .sqr2 {
        margin: 30px 5px 0 10px;
    }
    .fooInfo ul {
        width: 160px;
    }
}
/*=======================================================
              GALERIE
=========================================================*/
.galerieWrap {
	width: 100%;
	margin: 233px auto 0;
	overflow: hidden;
}
.galerieWrap h1 {
    font-size: 3.2em;
    text-align: center;
    padding-bottom: 20px;
    font-family: 'Source Sans Pro', arial, sans-serif;
    text-transform: uppercase;
    font-weight: 300;
}
.galerieS {
    width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.gal1 {
    background-image: url(../images/galeria/psy.jpg);
}
.gal2 {
    background: url(../images/galeria/myszy.jpg);
}
.gal3 {
	background: url(../images/galeria/owce.jpg);
}
.gal4 {
	background: url(../images/galeria/konie.jpg);
}
.gal5 {
	background: url(../images/galeria/zwierzetagosp.jpg);
}
.gal6 {
	background: url(../images/galeria/zwierzludzie.jpg);
}
.gal8 {
	background: url(../images/galeria/szczenieta.jpg);
}
.gal9 {
	background: url(../images/galeria/owczarki.jpg);
}
.galBgWrap {
    width: 100%;
    margin: 0 auto 80px;
    overflow: hidden;
}
.galBgBox {
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 2%;
    background-color: rgba(0,0,0,0);
    background-repeat: no-repeat;
    background-position: top left;
    background-attachment: scroll;
    background-size: auto;
    border-top: solid 0px rgba(0,0,0,0);
    border-bottom: solid 0px rgba(0,0,0,0);
    min-height: 0;
}
.galBg {
    background-size: cover;
    padding-top: 10%;
    padding-bottom: 24%;
   display: flex;
    flex-wrap: wrap;
    width: 100%;
     margin: 0 auto;
    background-color: rgba(0,0,0,0);
    background-repeat: no-repeat;
    background-position: top left;
    background-attachment: scroll;
    padding-left: 0%;
    padding-right: 0%;
    border-top: solid 0px rgba(0,0,0,0);
    border-bottom: solid 0px rgba(0,0,0,0);
    max-width: none;
   
}
.galBg h2,
.galBg h3 {
    width: 100%;
    margin: 0 auto;
    font-size: 4em;
    font-weight: 700;
    color: rgba(255,255,255,1);
    transition: all .5s ease-in-out;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', arial, sans-serif;
    letter-spacing: 2px;
}
.galBg h2:hover,
.galBg h3:hover {
    color: rgba(255,255,255,.7);
}
.ggleft {
    text-align: left;
    padding-left: 5%;
}
.ggright {
    text-align: right;
    padding-right: 5%;
}
.colGal1 {
	background-image: url(../images/galeria/psy.jpg);
}
.colGal2 {
	background: url(../images/galeria/myszy.jpg);
}

.galPart {
	background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 86vh;
    max-height: 1200px;
    min-height: 200px;
}
.galCont {
    width: 100%;
    margin: 120px auto;
    overflow: hidden;
    text-align: center;
}
.galButMar {
    margin-top: 30px!important;
}
.galCont h1,
.galCont h2,
.galCont h3 {
    font-size: 2em;
    font-weight: 700;
}


.galBox {
	width: 50%;
	float: right;
	margin: 150px 0;
	padding-left: 60px;
}
.galBoxName {
	padding: 0 20px;
	background: rgba(255,255,255,.8);
	width: 800px;
	height: 300px;
	border-radius: 5px;
}
.galBoxAlbumName {
	font-size: 3em;
	text-transform: uppercase;
	padding: 100px 0 40px 0;
	display: inline-block;
}
.galBoxmore {
	display: block;
	padding: 10px 20px;
	font-size: 1.2em;
	color: #fff;
	background: #ee5351;
	line-height: 26px;
	width: 160px;
	margin: 0 auto;
	border-radius: 5px;
	font-family: 'Source Sans Pro',arial, sans-serif;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .galerieWrap {
        margin-top: 180px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .galerieWrap {
        margin-top: 100px;
    }
   .galBoxName {
		width: 480px;
		height: 260px;
	}
	.galBoxAlbumName {
		padding: 60px 0 40px 0;
	}
    .galBg h2, .galBg h3 {
        font-size: 2.4em;
    }
    .galerieWrap h1 {
        font-size: 2.8em;
        padding-bottom: 40px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .galerieWrap {
        margin-top: 50px;
    }
    .galBoxName {
		width: 380px;
		height: 200px;
	}
	.galBoxAlbumName {
		padding: 30px 0 40px 0;
	}
    .galCont {
        margin: 60px auto;
    }
    .ofer1List ul, .ofer2List ul {
        width: 90%;
        margin: 30px auto;
    }
    .ofer1List ul li, .ofer2List ul li {
        font-size: 1.2em;
        padding: 8px 0 8px 40px;
        background-position: left top 10px;
    }
    .galBgBox {
        padding-left: 8%;
    padding-right: 8%;
    }
    .galBg h2, .galBg h3 {
        font-size: 2em;
    }
    .galerieWrap h1 {
        font-size: 2.4em;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .galerieWrap {
        margin-top: 50px;
    }
    .galBoxName {
		width: 280px;
		height: 160px;
	}
	.galBoxAlbumName {
		padding: 20px 0;
	}
    .galCont {
        margin: 30px auto;
    }
    .ofer1List ul, .ofer2List ul {
        width: 90%;
        margin: 30px auto;
    }
    .ofer1List ul li, .ofer2List ul li {
        font-size: 1.2em;
        padding: 8px 0 8px 40px;
        background-position: left top 10px;
    }
    .galerieWrap h1 {
        font-size: 2em;
    }
    .galBgBox {
        padding-left: 8%;
    padding-right: 8%;
    }
    .galBg h2, .galBg h3 {
        font-size: 1.6em;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .galerieWrap {
        margin-top: 30px;
    }
   .galBox {
		margin: 30px auto 0 auto;
		padding-left: 20px;
	}
	.galBoxName {
		width: 180px;
		height: 100px;
	}
	.galBoxAlbumName {
		padding: 10px 0 20px 0;
		font-size: 1.6em;
	}
	.galBoxmore {
		width: 120px;
		line-height: 18px;
		font-size: 16px;
		padding: 5px 10px;
	}
    .galPart {
        background-attachment: scroll;
        background-position: center!important;
        height: inherit;
        min-height: 320px;
    }
    .galCont {
        margin: 50px auto;
    }
    .galCont h1, .galCont h2, .galCont h3 {
        font-size: 1.6em;
    }
    .galButMar {
        margin-top: 15px!important;
    }
    .ofer1List ul, .ofer2List ul {
        width: 90%;
        margin: 20px auto;
    }
    .ofer1List ul li, .ofer2List ul li {
        font-size: 1.2em;
        padding: 8px 0 8px 40px;
        background-position: left top 10px;
    }
    .galerieWrap h1 {
        font-size: 1.6em;
        padding: 20px 0;
    }
    .galBgBox {
        padding-left: 8%;
    padding-right: 8%;
    }
    .galBg h2, .galBg h3 {
        font-size: 1.2em;
    }
}
@media only screen and (max-width: 479px) {
    .galerieWrap {
        margin-top: 20px;
    } 
    .publikBoxWrap {
        width: 100%!important;
        margin: 0 auto;
    }
	.galBox {
		margin: 110px auto 0 auto;
		padding-left:0;
		width: 80%;
		float: none;
		text-align: center;
	}
	.galBoxName {
		width: 180px;
		height: 100px;
		margin: 0 auto;
	}
	.galBoxAlbumName {
		padding: 10px 0 20px 0;
		font-size: 1.6em;
	}
	.galBoxmore {
		width: 120px;
		line-height: 18px;
		font-size: 16px;
		padding: 5px 10px;
	}
    .galPart {
        background-attachment: scroll;
        background-position: center!important;
        height: inherit;
    }
    .galCont {
        margin: 35px auto;
    }
    .galCont h1, .galCont h2, .galCont h3 {
        font-size: 1.6em;
    }
    .galButMar {
        margin-top: 15px!important;
    }
    .ofer1List ul, .ofer2List ul {
        width: 90%;
        margin: 20px auto;
    }
    .ofer1List ul li, .ofer2List ul li {
        font-size: 1.2em;
    }
    .ofer1List p, .ofer2List p {
        font-size: 1.2em;
        width: 90%;
    }
    .faqParNormal {
        font-size: 1.2em;
        width: 90%;
    }
    .galerieWrap h1 {
        font-size: 1.6em;
        padding: 20px 0;
    }
    .galBgBox {
        padding-left: 8%;
    padding-right: 8%;
    }
    .galBg h2, .galBg h3 {
        font-size: 1.2em;
    }
    .galBgWrap {
        margin: 0 auto 35px;
    }
}
/*=======================================================
											PUBLIKACJE
=========================================================*/
.publikBoxWrap {
	width: 80%;
	margin: 0 auto 60px;
	overflow: hidden;
}
.publikGalleria {
	max-width: 100%; 
	height: 800px;
	margin: 0 auto;
	text-align: center;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    
}
@media only screen and (max-width: 767px) {
   
}
@media only screen and (max-width: 479px) {
    
}
/*=======================================================
											KONTAKT
=========================================================*/
.w100 .wframe .kontaktWrap {
	width: 40%;
	margin: 233px auto 80px auto;
	overflow: hidden;
    border: 1px solid #ccc;
}
.kontaktWrap img {
    width: 100%;
}
.kontaktWrap h1 {
	font-size: 3.2em;
	text-align: center;
	padding-bottom: 20px;
	font-family: 'Source Sans Pro', arial, sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}
.kontaktWrap h2 {
	color: #676767;
	font-size: 1.8em;
	text-transform: capitalize;
	text-align: center;
	margin: 20px auto 20px auto;
}
.sugText {
	color: #676767;
	font-size: 1.2em;
	width: 475px;
	margin: 0 auto;
	padding-bottom: 30px;
}
form.sugForm {
	width: 520px;
	margin: 0 auto;
	overflow: hidden;
}
form.sugForm .formWrap {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
form.sugForm .formWrap .formLabel {
	width: 180px;
	vertical-align: middle;
	padding: 15px 8px;
	float: left;
    text-align: left;
}
form.sugForm .formWrap .formField {
	width: 325px;
	padding: 15px;
	float: left;
}
label {
	font-weight: bold;
	display: inline-block;
	line-height: 40px;
}
form.sugForm select, 
form.sugForm input, 
form.sugForm textarea {
	width: 100%;
	border-radius: 4px;
	padding: 10px;
	border: 1px solid #a5a5a5;
	font-size: 16px;
}
form input[type="submit"] {
	width: 500px;
	text-align: center;
	border: 0;
	background: #3888c2;
	color: #FFF;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
	padding: 14px 0 16px;
	text-transform: uppercase;
	margin-top: 20px;
}
.kontaktsmallC p {
	width: 100%;
	padding: 20px 0;
	font-size: 16px;
	text-align: center;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .kontaktWrap h2 {
		margin: 20px auto;
	}
    .kontaktWrap img {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .w100 .wframe .kontaktWrap {
        margin: 30px auto;
        width: 90%;
    }
    .kontaktWrap h2 {
		margin: 20px auto;
	}
    .kontaktWrap img {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .kontaktWrap h2 {
		margin: 10px auto;
		font-size: 1.4em;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
   form.sugForm {
		width: 440px;
	}
	form.sugForm .formWrap .formLabel,
	form.sugForm .formWrap .formField {
		float: none;
	}
	form.sugForm .formWrap .formLabel {
		width: 100%;
		padding: 0 10px;
	}
	form.sugForm .formWrap .formField {
		width: 100%;
	}
	form input[type="submit"] {
		width: 100%;
    }
    .kontaktWrap img {
        width: 100%;
    }
    form input[type="submit"] {
        width: 50%;
    }
}
@media only screen and (max-width: 479px) {
    .sugText {
		width: 100%;
	}
	form.sugForm {
		width: 100%;
	}
	form.sugForm .formWrap .formLabel,
	form.sugForm .formWrap .formField {
		float: none;
	}
	form.sugForm .formWrap .formLabel {
		width: 100%;
		padding: 0 10px;
	}
	form.sugForm .formWrap .formField {
		width: 100%;
	}
	form input[type="submit"] {
		width: 100%;
	}
    .kontaktWrap img {
        width: 100%;
    }
    form input[type="submit"] {
        width: 90%;
    }
}
/*=======================================================
              ERRORS
=========================================================*/
.errcss {
	color: red;
}
.errcssp {
	color: #777;
}
.errcssv {
	color: green;
}
.cImg {
	width: 100%;
	margin: 80px auto;
	text-align: center;
	overflow: hidden;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    
}
@media only screen and (max-width: 767px) {
   
}
@media only screen and (max-width: 479px) {
    
}
/*=======================================================
              BLOG
=========================================================*/
.blogWrap {
    width: 80%;
    margin: 173px auto 60px auto;
    overflow: hidden;
}
.blogWrap h1 {
    font-size: 2em;
    font-weight: 700;
    text-transform:uppercase; 
    padding-bottom: 40px;
}
.blogContent {
    width: 70%;
    float: left;
    overflow: hidden;
    padding-right: 60px;
}
.blogRight {
    width: 30%;
    float: right;
    overflow: hidden;
    padding-left: 80px;
    text-align: left;
}
.blogRight ul li {
    font-size: 1.2em;
    line-height: 1.5;
}
.sectionTit {
    margin: 60px auto;
    padding-top: 20px;
    border-top: 1px solid #ccc;
    
}
.mainTitCen {
    font-size: 1.6em;
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.normalDesc {
    text-align: left;
    font-size: 1.2em;
    line-height: 1.5;
}
.readmore {
    font-style: italic;
    padding: 20px 0;
    color: #ee5351;
    font-size: 20px;
    text-align: left;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .blogItemWrap,
    .blogWrap {
        margin: 105px auto 60px auto;
    }
    .blogItemWrap {
        width: 80%;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .blogItemWrap,
    .blogWrap {
        margin: 140px auto 60px auto;
    }
    .blogItemWrap {
        width: 80%;
    }
    .blogWrap h1 {
        padding-bottom: 10px;
    }
    .blogContent {
        padding-right: 20px;
    }
    .blogRight {
        padding-left: 30px;
    }
    .blogRight ul li {
        font-size: .9em;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .blogItemWrap,
    .blogWrap {
        margin: 96px auto 60px auto;
    }
    .blogItemWrap {
        width: 90%;
    }
    .blogWrap h1 {
        padding-bottom: 10px;
    }
    .blogContent {
        padding-right: 20px;
    }
    .blogRight {
        padding-left: 30px;
    }
    .blogRight ul li {
        font-size: .9em;
    }
    .blogItemS table {
        width: 100%!important;
    }
    .blogItemS table td {
        width: 33.33%;
        float: left;
    }
    .blogItemS table td img {
        width: 99%;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
   .blogItemWrap,
    .blogWrap {
        margin: 20px auto 30px auto;
    }
    .blogItemWrap {
        width: 90%;
    }
    .blogWrap h1 {
        padding-bottom: 10px;
    }
    .blogContent {
        padding-right: 0;
    }
    .blogRight {
        padding-left: 0;
    }
    .blogContent,
    .blogRight {
        width: 100%;
        float: none;
    }
    .blogRight ul li {
        font-size: .9em;
    }
    .blogItemS table {
        width: 100%!important;
    }
    .blogItemS table td {
        width: 33.33%;
        float: left;
    }
    .blogItemS table td img {
        width: 99%;
        margin: 0 auto;
        height: inherit;
    }
    .blogItemS img {
        width: 99%;
        margin: 0 auto;
        height: inherit;
    }    
}
@media only screen and (max-width: 479px) {
    .blogItemWrap,
    .blogWrap {
        margin: 20px auto 30px auto;
    }
    .blogItemWrap {
        width: 90%;
    }
    .blogWrap h1 {
        padding-bottom: 10px;
    }
    .blogContent {
        padding-right: 0;
    }
    .blogRight {
        padding-left: 0;
    }
    .blogContent,
    .blogRight {
        width: 100%;
        float: none;
    }
    .blogRight ul li {
        font-size: .9em;
    }
    .blogItemS table {
        width: 100%!important;
    }
    .blogItemS table td {
        width: 33.33%;
        float: left;
    }
    .blogItemS table td img {
        width: 99%;
        margin: 0 auto;
        height: inherit;
    }
    .blogItemS img {
        width: 99%;
        margin: 0 auto;
        height: inherit;
    }
    .blogItemS figcaption {
        font-size: .8em;
        font-style:italic;
        line-height: 1.5;
    }
}
/*=======================================================
              BLOG ITEMS
=========================================================*/
.blogItemWrap {
    width: 1280px;
    margin: 173px auto 60px auto;
    overflow: hidden;
}
.blogBreadc {
    text-align: left;
    color: #ee5351;
    padding: 5px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}
.postData {
    text-align: left;
    font-size: .9em;
    font-style:italic;
}
.blogItemS {
    font-size: 1.2em;
    text-align: left;
    line-height: 1.5;
}
.blogTags p{
    margin-top: 30px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    text-align: right;
    font-style: italic;
    font-size: .9em;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    
}
@media only screen and (max-width: 767px) {
   
}
@media only screen and (max-width: 479px) {
    
}
/*========================================================
				mobile -> menu	1024 - 
=========================================================*/
@media only screen and (min-width: 1024px) {
	.menu ul {
		background: none!important;
	}
}
/*========================================================
										Mobile Menu
=========================================================*/
@media only screen and (max-width: 1023px) {
	#sframe {
		margin: 0 auto;
	}
	.logoBox,
	.socialBox {
		display: none;
	}
	.menuTop {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		background: rgba(255,255,255,.7);
	}
	.logoMob {
		width: 80%;
		float: left;
		display: inline-block;
		text-align: left;
		padding-left: 60px;
	}
	.menuBox {
		width: 100%;
		float: none;
	}
	.menu {
		width: 20%;
		float: left;
		border: 0;
		padding: 3px 0;
	}
	.smobitrigger, 
	.mnuclose { 
		display: inline-block; 
	}
	.smobitrigger {
		background: url("../images/menuopen.png") left 50% top 4px no-repeat;
		background-size: 60px 60px;
		width: 100%;
		height: 70px;
		color: transparent;
		margin: 0 auto;
	}
	.mnuclose {
		background: url("../images/menuclose.png") right center no-repeat;
		background-size: 56px 56px;
		color: transparent;
		height: 56px;
		padding: 0 5px;
		width: 100%;
		text-align: right;
	}
	.menu  ul {
		overflow-y: auto;
		margin: 0 auto;
		line-height: inherit;
	}
	.menu ul li.navLogo {
		display: inline-block;
		margin: 0 auto 20px auto;
		text-align: center;
		width: 100%;
	}
	.menu ul li.navLogo img {
		width: 220px;
	}
	.menu ul li.navDesk {
		display: none;
	}
	.menu ul li.mlinks {
		display: block;
		padding: 10px;
		margin: 0 auto 5px auto;
		width: 250px;
		text-align: center;
	}
	.menu ul li.mlinks span {
		font-size: 1.2em;
		font-weight: bold;
		display: inline-block;
		padding-bottom: 10px;
		letter-spacing: 2px;
	}
	.menu ul li.mlinks a {
		display: inline-block;
		width: 100%;
		padding: 5px 0;
		font-size: 1.2em;
		text-transform: uppercase;
	}
	.menu ul li.mphone,
	.menu ul li.memail,
	.menu ul li.msocial {
		display: block;
	}
	.menu ul li.mphone {
		font-size: 2em;
		padding-bottom: 35px;
	}
	.menu ul li.mphone a {
		color: #ee5351!important;
	}
    .menu ul li.memail {
        padding: 20px 0;
    }
	.menu ul li.msocial {
		padding: 20px 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 60px;
	}
	.icon-background {
		color: #ccc;
	}
	.mobimenu {
		padding: 0;
		margin: 0px;
		width: 17.875em;
		position: fixed;
		height: 100%;
		top: 0px;
		left: -20.625em;
	}

	.mnuopn { 
		left: 0px !important; 
	}

	.ovrActv {
		position: fixed;
		background: rgba(0, 0, 0, 0.79);
		width: 100%;
		height: 100%;
		z-index: 9998;
			-webkit-transition: 0.5s;
			-moz-transition: 0.5s;
			-ms-transition: 0.5s;
			-o-transition: 0.5s;
		transition: 0.5s;
		}
}
@media only screen and (max-width: 479px) {
    .topWrap {
        width: 90%;
    }
    .logoMob {
        padding-left: 0;
    }
}