/*



Author: Patryk Dobrzyński



Author URL: http://patrykdobrzynski.eu



Author E-mail: kontakt@patrykdobrzynski.eu



*/







@font-face {



    font-family: FuturaStd;



    font-weight: bold;



    src: url("fonts/FuturaStd-Bold.otf") format("opentype");



}







@font-face {



    font-family: FuturaStd-Book;



    font-weight: normal;



    src: url("fonts/FuturaStd-Book.otf") format("opentype");



}







/* =Reset -------------------------------------------------------------- */







html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {



    margin: 0;



    padding: 0;



    border: 0;



    font-size: 100%;



    vertical-align: baseline;



}


body {



    line-height: 1;



    overflow: hidden;

    /*font-family: 'Kaushan Script', cursive !important; */

    /*font-family: 'Merienda', cursive;*/

}



ol,ff



ul {



    list-style: none;



}



blockquote,



q {



    quotes: none;



}



blockquote:before,



blockquote:after,



q:before,



q:after {



    content: '';



    content: none;



}



table {



    border-collapse: collapse;



    border-spacing: 0;



}



caption,



th,



td {



    font-weight: normal;



    text-align: left;



}



h1,



h2,



h3,



h4,



h5,



h6 {



    clear: both;



}



html {



    overflow-y: scroll;



    font-size: 100%;



    -webkit-text-size-adjust: 100%;



    -ms-text-size-adjust: 100%;



}





a:active, a:focus, a::-moz-focus-inner {
    border: 0;
    text-decoration: none;
    outline: none;
}

*::-moz-focus-inner {
    border: 0;
}


article,



aside,



details,



figcaption,



figure,



footer,



header,



hgroup,



nav,



section {



    display: block;



}



audio,



canvas,



video {



    display: inline-block;



}



audio:not([controls]) {



    display: none;



}



a {



    color: white;



}



a:focus {

	border: none;

}





a:hover {



    text-decoration: underline;



}



del {



    color: #333;



}



ins {



    background: #fff9c0;



    text-decoration: none;



}



hr {



    background-color: #ccc;



    border: 0;



    height: 1px;



    margin: 24px;



    margin-bottom: 1.714285714rem;



}



sub,



sup {



    font-size: 75%;



    line-height: 0;



    position: relative;



    vertical-align: baseline;



}



sup {



    top: -0.5em;



}



sub {



    bottom: -0.25em;



}



small {



    font-size: smaller;



}



img {



    border: 0;



    -ms-interpolation-mode: bicubic;



}







/* Styles for every page */







html, body {



    background-color: white;

    //font-family: 'Kaushan Script', cursive !important;

}







.all {



    width: 100%;



    min-height: 100%;



}







header.top {



    width: 100%;



    height: 308px;



    text-align: center;



    position: absolute;



    top: 0;



    z-index: 10;



}







header.top .line {



    width: 100%;



    height: 278px;



    background: url(images/top_line.png) white top center no-repeat;



    background-size: 100%;



    position: absolute;



    z-index: 10;



}







header.top .top_wedge {



    width: 100%;



    height: 308px;



    background: url(images/top_wedge.png) center no-repeat;



    margin: 0 auto;



    position: relative;



    z-index: 11;



}







header.top .top_wedge .logo {



    width: 217px;



    height: 70px;



    background: url(images/logo.png) no-repeat;



    margin: 56px auto 0 auto;



    display: inline-block;



}







nav.top_menu {



    margin-top: 81px;



}







nav.top_menu ul li {



    display: inline-block;



    margin: 0 25px 20px 25px;



}







nav.top_menu ul li a {



    font-family: "FuturaStd", Arial, sans-serif;



    font-weight: bold;



    font-size: 12px;

    padding: 5px 5px 2px 5px;

    color: #322841;



    text-transform: uppercase;
    border-bottom: 1px transparent solid;


    text-decoration: none;

    -webkit-transition: color, border-color 300ms ease;

    -moz-transition: color, border-color 300ms ease;

    -ms-transition: color, border-color 300ms ease;

    -o-transition: color, border-color 300ms ease;

    transition: color, border-color 300ms ease;

}







nav.top_menu ul li a:hover, nav.top_menu ul li.current-menu-item a {



    text-decoration: none;

    border-bottom-color: rgb(108,94,168);

    /*color: #9f7ad4;*/

    color: rgb(108,94,168) !important;

}









header.top .contact {



    width: 59px;



    height: 59px;



    background: url(images/icon_contact.png) no-repeat;



    position: absolute;



    top: 69px;



    left: 3.7%;



    z-index: 12;



}







header.top .facebook {



    width: 59px;



    height: 59px;



    background: url(images/icon_facebook.png) no-repeat;



    position: absolute;



    top: 69px;



    right: 3.7%;



    z-index: 12;



}







.admin-bar .slideshow { margin-top: 246px; }







.slideshow {



        width: 100%;



        margin-top: 278px;



        margin-bottom: 114px;



        position: relative;



}







.slideshow .slider {



        width: 89.6%;



        float: left;



        height: auto;



        margin: 0 auto;



        display: block;



    position: relative;



}







.slideshow .slider img {



        width:  100%;



        height: auto;



        top: 0;



        left: 0;



}







.slideshow .slider img { display: none; }



.slideshow .slider img:first-child { display: block; }







.slideshow .leftarrow {



        width: 5.2%;



        height: 43px;



        float: left;



        background: url(images/icon_slider_left.png) center no-repeat;



    position: relative;



    z-index: 11;



    transition: opacity 500ms ease 0s;



}

.slideshow .leftarrow:hover {
    opacity: 0.5;
}





.slideshow .rightarrow {



        width: 5.2%;



        height: 43px;



        float: right;



        background: url(images/icon_slider_right.png) center no-repeat;



    position: relative;



    z-index: 11;



    transition: opacity 500ms ease 0s;



}

.slideshow .rightarrow:hover {
    opacity: 0.5;
}





.slideshow .leftarrow, .slideshow .rightarrow {



        margin-top: 16.6%;



}







.slideshow .button_white {



        font-size: 18px;



        padding: 1.5% 2.1% 1.4% 2.7%;



        text-transform: uppercase;



        letter-spacing: 9px;



    margin: 0 8%;



}







.slideshow .center_button {



        width: 100%;



        position: absolute;



        top: 0;



        margin-top: 15.6%;



        text-align: center;



    z-index: 10;



}







.content h1 {



    margin: 0;



    padding: 0;



    font-size: 48px;



    font-family: "FuturaStd-Book", Arial, sans-serif;



    font-weight: normal;



    color: black;

    text-transform: uppercase;



}







.content .h1_spacer {



    width: 31px;



    height: 3px;



    background: url(images/h1_spacer.png) no-repeat;



    margin: 47px 0 50px 0;



}







.content .left {



    width: 800px;



    float: left;



    margin-left: 164px;



}







.content .left img {



    display: block;



}







.content .left .box_400 {



    width: 400px;



    display: block;

    overflow: hidden;



}







.content .left .box_400 img {



    -moz-box-shadow: inset 0 0 40px rgba(0,0,0,0.7);



    -webkit-box-shadow: inset 0 0 40px rgba(0,0,0,0.7);



    box-shadow: inset 0 0 40px rgba(0,0,0,0.7);

    -webkit-transition: all 1s ease;

-moz-transition: all 1s ease;

-ms-transition: all 1s ease;

-o-transition: all 1s ease;

transition: all 1s ease;

}



.content .left .box_400 img:hover {

    -moz-transform: scale(1.1) rotate(2deg);

-webkit-transform: scale(1.1) rotate(2deg);

-o-transform: scale(1.1) rotate(2deg);

-ms-transform: scale(1.1) rotate(2deg);

transform: scale(1.1) rotate(2deg);

}



.content .left .column_one {



    width: 400px;



    float: left;



}







.content .left .column_one .box_welcome {



    width: 270px;



    min-height: 382px;



    font-family: 'Lato', sans-serif;

    /*font-family: 'Merienda', cursive;*/

    color: #515151;



    font-size: 16px;

    text-transform: initial;

    line-height: 24px;



    margin: 0 60px 0 70px;



}







.content .left .column_one .subscribers {



    width: 400px;



    height: 260px;



    margin: 100px 0;



    background: url(images/subscribers_bg.png) repeat-y top center white;



}







.content .left .column_one .subscribers .social_facebook {



    width: 50%;



    height: 100%;



    float: left;



    background: url(images/social_facebook.png) 50% 34.5% no-repeat;



    position: relative;



-webkit-transition: all 0.4s ease;

-moz-transition: all 0.4s ease;

-ms-transition: all 0.4s ease;

-o-transition: all 0.4s ease;

transition: all 0.4s ease;

}



.content .left .column_one .subscribers .social_facebook:hover {

    background-position: 50% 30%;

}





.content .left .column_one .subscribers .social_youtube {



    width: 50%;



    height: 100%;



    float: right;



    background: url(images/social_youtube.png) 50% 36.5% no-repeat;



    position: relative;



}

.content .left .column_one .subscribers .social_instagram {



    width: 50%;



    height: 100%;



    float: right;



    background: url(images/social_instagram.png) 50% 36.5% no-repeat;



    position: relative;

-webkit-transition: all 0.4s ease;

-moz-transition: all 0.4s ease;

-ms-transition: all 0.4s ease;

-o-transition: all 0.4s ease;

transition: all 0.4s ease;



}

.content .left .column_one .subscribers .social_instagram:hover {

    background-position: 50% 30%;

}







.content .left .column_one .subscribers .social_facebook .count_subscribers, .content .left .column_one .subscribers .social_youtube .count_subscribers, .content .left .column_one .subscribers .social_instagram .count_subscribers {



    width: 100%;



    height: 47px;



    position: absolute;



    bottom: 0;



    padding-top: 17px;



    font-family: 'Lato', sans-serif;



    font-weight: 700;



    font-size: 30px;



    color: white;



    text-align: center;



    letter-spacing: 4px;



}



.content .left .column_one .subscribers .social_facebook .count_subscribers {



    background-color: #26429b;



}







.content .left .column_one .subscribers .social_youtube .count_subscribers {



    background-color: #e84343;



}

.content .left .column_one .subscribers .social_instagram .count_subscribers {



    background-color: #895a4d;



}







.content .left .column_two {



    width: 400px;



    float: right;



}







.content .left .column_two .box_400:first-child {



    margin-top: 80px;



}







.content .right {



    width: 469px;



    height: 788px;



    float: right;



    margin: 122px 166px 0 0;



    position: relative;



}







.content .right .ref {



    width:85%;



    height: 656px;



    border: 3px silver solid;



    position: absolute;



    right: 0;



    z-index:1;



    background-color: white;



}







.content .right .ref .ref-show-all {



    width: 9px;



    height: 212px;



    float: right;



    clear: both;



    padding: 0;



    background: url(images/ref_show_all.png) no-repeat;



    margin-top: 296px;



    margin-right: 6.5%;


    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    -ms-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;

}

.content .right .ref .ref-show-all:hover {
    opacity: 0.5;
}





.content .right .ref .ref-show-next {



    width: 14%;



    height: 26px;



    background: url(images/icon_arrow_right.png) no-repeat center;



    float: right;



    margin-right: 1.5%;



    margin-top: 30px;



}







.content .right .ref .ref-show-prev {



    width: 14%;



    height: 26px;



    background: url(images/icon_arrow_left.png) no-repeat center;



    float: right;



    clear: both;



    margin-right: 1.5%;



    margin-top: 34px;



}







.ref-show-next:hover, .ref-show-prev:hover {



    cursor: pointer;



}







.content .right .refs {



    width: 85%;



    min-height: 657px;



    position: absolute;



    left: 0;



    top: 138px;



    z-index: 2;



    background-color: white;



}



.home .content .ref2 {



    min-height: 657px;



    border: 3px silver solid;



    position: absolute;



    left: 0;



    z-index: 3;



    background-color: white;



}







.page .content .ref2 {



    width: 100%;


	height: 705px;



    border: 3px silver solid;



    background-color: white;



    display: inline-block;



}







.content .ref2 img {



    width: 169px !important;



    height: 169px;



    border: 1px transparent solid;



    border-radius: 100px;



    margin: 50px auto 0 auto;



    display: block;



}







.content .ref2 .ref-date {



    font-size: 14px;



    color: #c1c1c1;



    text-align: center;



    margin: 35px 0;



    font-family: 'Merriweather', serif;



    font-style: italic;



}







.content .ref2 .ref-who {



    font-size: 36px;



    text-align: center;



    color: black;



    font-family: 'Lato', sans-serif;



    font-weight: 300;



    line-height: 44px;



}







.content .ref2 .ref-message {



    font-family: 'Lato', sans-serif;



    font-weight: normal;



    font-size: 12px;



    color: #515151;



    line-height: 25px;



    text-align: center;



    padding: 0 48px;



}







.page .content .ref2 .ref-message {



    padding: 0 20px 45px 40px;



}

.ref-message p {
	height: 200px;
	overflow: hidden;
	position: relative;
	padding-right: 20px;
}







.content .ref2 .h1_spacer {



    margin: 31px auto 27px auto;



}







.content .contact {



    width: 730px;



    min-height: 330px;



    padding: 64px 70px 56px 70px;



    background-color: white;



    position: absolute;



    right: 164px;



    bottom: 100px;



}







.content .contact .cleft {



    width: 330px;



    float: left;



    margin-right: 35px;



}







.content .contact .cright {



    width: 330px;



    float: right;



    margin-left: 35px;



}







.content .contact h1 {



    width: 100%;



    margin-bottom: 43px;



}







.content .contact h2 {



    font-size: 30px;



    font-family: 'Lato', sans-serif;



    font-weight: 300;



    margin: 0 0 24px 0;



    padding: 0;



    letter-spacing: -1px;



}







.content .contact h3 {



    font-size: 12px;



    font-family: 'Lato', sans-serif;



    font-weight: bold;



    line-height: 25px;



    margin: 0;



    padding: 0;



}







.content .contact .button_black {



    margin-top: 50px;



}







.contact_tel {



    background: url(images/icon_tel.png) left no-repeat;



    font-family: 'Lato', sans-serif;



    font-size: 24px;



    padding-left: 50px;



    margin-bottom: 28px;



    margin-top: 18px;



    display: inline-block;



}







.contact_mail {



    background: url(images/icon_mail.png) left no-repeat;



    font-family: 'Lato', sans-serif;



    font-size: 12px;



    padding-left: 50px;



}







footer.main {



    width: 90.4%;



    margin-left: 5.2%;



    float: left;



    height: 290px;

    position: relative;



    /*background: url(images/homepage_footer_bg.jpg) top center no-repeat;*/

    background: url(images/bg-footer.jpg) top center no-repeat;



    background-size: 100% 100%;



}







footer.main .left {



    width: 30%;



    float: left;



    margin: 3.6% 60px 2% 10%;



}







footer.main .right {



    width: 30%;



    float: right;



    margin: 3.6% 10% 0 60px;



    text-align: right;



}







footer.main p {



    font-family: 'Lato', sans-serif;



    font-size: 12px;



    color: white;



    text-transform: uppercase;



    line-height: 18px;



}







footer.main .left p { margin-top: 25px; }



footer.main .right p { margin-bottom: 23px; }







footer.main .go_up {



    display: block;

    padding: 20px 0;

    text-align: center;

    font-family: 'Lato', sans-serif;

    font-weight: 900;

    text-transform: uppercase;

    letter-spacing: 5px;

    font-size: 12px;

    width: 200px;

    left: 50%;

    margin-left: -100px;

    color: black;

    text-decoration: none;

    position: absolute;

    bottom: 65px;



    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;



}



footer.main .go_up:after {

    content: '';

    position: absolute;

    background: url('images/arrow-up.png') no-repeat center top;

    width: 59px;

    height: 33px;

    top: -25px;

    left: 50%;

    margin-left: -31px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



footer.main .go_up:hover {

    letter-spacing: 10px;

}



footer.main .go_up:hover:after {

    top: -30px;

}



footer.main .go_up {



    /*margin-bottom: -2%;



    padding-top: 4%;*/

    bottom: -25px;



}





footer.main {



    /*background-image: url(images/page-footer.png);*/

    background-image: url(images/page-footer2.jpg);

    width: 89.6%;

	margin-bottom: 40px;





}







footer.above {



    width: 89.6%;



    background: url(images/above-footer.png) no-repeat;



    background-size: auto 100%;



    margin: 100px auto 0 auto;



    overflow: auto;



}







footer.above .left {



    width: 40%;



    float: left;



    margin-left: 10%;



}







footer.above .left .facebook {



    width: 59px;



    height: 59px;



    float: left;



    margin: 6% 0 7% 0;

	background: url(images/icon_facebook.png) no-repeat;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;


}

footer.above .left .facebook:hover {
-moz-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}



footer.above .right {



    width: 40%;



    float: right;



    margin-right: 10%;



}







footer.above .right .contact {



    float: left;



    color: white;



    margin: 3% 0;



}







footer.above .right .contact .contact_tel { background-image: url(images/icon_tel_white.png); }



footer.above .right .contact .contact_mail { background-image: url(images/icon_mail_white.png); }







footer.above .right .button_white {



    float: right;



    text-transform: uppercase;



    margin: 6% 0;



}







.button_black {



    font-family: 'Lato', sans-serif;



        font-size: 14px;



        font-weight: 900;



        letter-spacing: 7px;



        color: black;



        margin: 0;



        padding: 20px 54px 15px 59px;



    text-decoration: none;



        border: 3px black solid;



    display: inline-block;



    text-transform: uppercase;



-webkit-transition: all 500ms ease;

-moz-transition: all 500ms ease;

-ms-transition: all 500ms ease;

-o-transition: all 500ms ease;

transition: all 500ms ease;



}







.button_black:hover {



    background-color: black;



    color: white;



    text-decoration: none;



}







.button_white {



    font-family: 'Lato', sans-serif;



    font-size: 14px;



    font-weight: 900;



    letter-spacing: 7px;



    color: white;



    margin: 0;



    padding: 21px 44px 18px 52px;



    text-decoration: none;



    border: 3px white solid;



    display: inline-block;



-webkit-transition: all 500ms ease;

-moz-transition: all 500ms ease;

-ms-transition: all 500ms ease;

-o-transition: all 500ms ease;

transition: all 500ms ease;



}







.button_white:hover {



    background-color: white;



    color: black;



    text-decoration: none;



}







.content input, .content textarea {



    padding: 16px 20px 13px 20px;



    border: 3px #c1c1c1 solid;



    font-family: 'Lato', sans-serif;



    font-size: 12px;



    color: #c1c1c1;



    font-weight: 300;



}







.content input:focus, .content textarea:focus {



    outline: none;



}







.content button, .content input[Type='submit'] {



        font-family: 'Lato', sans-serif;



        font-size: 14px;



        font-weight: 900;



        letter-spacing: 7px;



        color: black;



        margin: 0;



        padding: 20px 54px 15px 59px;



    text-decoration: none;



        border: 3px black solid;



    display: inline-block;



    background-color: white;



    text-transform: uppercase;



}







.content button:hover, .content input[Type='submit']:hover {



        background-color: black;



        color: white;



        text-decoration: none;



    cursor: pointer;



}







.page .page-header {



    width: 89.6%;



    min-height: 103px;



    background: url(images/page-header.png) no-repeat;



    background-size: 100% 100%;



    margin: 278px auto 0 auto;



    text-align: center;



    color: white;



    font-family: "FuturaStd-Book", Arial, sans-serif;



        font-weight: normal;



    font-size: 48px;



    text-transform: uppercase;



    padding-top: 4.6%;



}







/*homepage content */



.home .content {



    float: left;



    width: 89.6%;



    margin: 23% 5.2% 0 5.2%;



    background: url(images/homepage_bg.jpg) no-repeat center bottom;



    background-size: 100% 39%;



    text-transform: uppercase;



    position: relative;



}



/* all pages */



.page .content {



    width: 970px;



    max-width: 89.6%;



    margin: 100px auto 0 auto;



    text-transform: uppercase;



    position: relative;



}



/* gallery page */



.page-id-11 .content {



    max-width: 960px;



    width: auto;



    margin-top: 85px;



	text-align: center;



}



/* referencje page */



.page-template-referencje-php .content {



    max-width: 96%;



    width: 1430px;



}







.page .content p {



    font-family: 'Lato', sans-serif;

    /*font-family: 'Merienda', cursive;*/

    font-size: 16px;



    color: #515151;



    line-height: 24px;



    text-transform: initial;

}







.page .content h1 {



    font-size: 36px;



    text-align: center;



    padding: 50px 0;



    text-transform: none;

    /*font-family: 'Merienda', cursive;*/

}







.page .content h2 {



    clear: none;



    font-family: "FuturaStd-Book", Arial, sans-serif;

    /*font-family: 'Merienda', cursive;*/

        font-weight: normal;



    font-size: 30px;



    color: black;



    margin: 40px 0 26px 0;



}







.page .content img.alignleft {



    float: left;



    display: inline-block;



    padding-right: 90px;



    padding-bottom: 30px;



    max-width: 100%;



    height: auto;



}







.page .content img.alignright {



    float: right;



    display: inline-block;



    padding-left: 90px;



    padding-bottom: 30px;



    max-width: 100%;



    height: auto;



}







.page .content img.aligncenter {



    margin: 90px 0 120px 0;



    max-width: 100%;



    height: auto;



}







.content .right h1 { margin-bottom: 70px; }







#ninja_forms_form_2 .field-wrap {



    width: 31.3%;



    float: left;



    margin-bottom: 30px;



}







#ninja_forms_form_2 .field-wrap:nth-child(2) {



    margin: 0 3%;



}







#ninja_forms_form_2 .field-wrap:nth-child(4) {



    width: 100%;



}







#ninja_forms_form_2 .field-wrap:nth-child(5) {



    width: 100%;



    text-align: center;



    margin-top: 31px;



}







.ninja-forms-form-title {



    font-family: 'FuturaStd-Book', sans-serif;



    font-size: 36px !important;



    text-transform: none;



    text-align: center;



    margin-bottom: 0 !important;



    margin-top: 90px !important;



}







#ninja_forms_form_2_response_msg {



    width: 100%;
    min-height: 70px;



}

#ninja_forms_form_2_response_msg.ninja-forms-error-msg p {
	display: block;
	width: 100%;
	border: 3px red solid;
    margin: 25px 0;
    padding: 15px;
	font-style: italic;
	text-align: center;
}

#ninja_forms_form_2_response_msg.ninja-forms-success-msg {
	background-color: green;
	margin: 25px 0;
	padding: 15px;
}

#ninja_forms_form_2_response_msg.ninja-forms-success-msg p {
	display: block;
	width: 100%;
	color: white;
    padding: 0;
	font-style: italic;
	text-align: center;
}






.contactpage-all {



    width: 100%;



    overflow: hidden;



}







.contactpage-mail {



    width: 45%;



    float: right;



    min-height: 70px;



    background: url(images/icon_mail_big.png) no-repeat right 6px;



    text-align: left;



    font-size: 14px;



    font-family: 'Lato', sans-serif;



    font-weight: bold;



}







.contactpage-tel {



    width: 45%;



    float: left;



    min-height: 70px;



    background: url(images/icon_tel_big.png) no-repeat top left;



    text-align: right;



    font-size: 14px;



    font-family: 'Lato', sans-serif;



    font-weight: bold;



}







.contactpage-tel h1 {



    text-align: right !important;



    margin: 0;



    padding-top: 13px !important;



    letter-spacing: -1px;



}







.contactpage-mail h1 {



    font-size: 24px !important;



    text-align: left !important;



    margin: 0;



    padding-top: 19px !important;



}







.contactpage-or {



    width: 10%;



    float: left;



    text-align: center;



    font-size: 18px;



    font-family: 'Lato', sans-serif;



    font-weight: 300;



    text-transform: none;



    padding-top: 22px;



}







.about_me_counter {



    width: 100%;



    float: left;



}







.round-button {



    width: 17%;



    float: left;



    margin-left: 3.7%



}







.round-button:first-child {



    margin-left: 0;



}







.round-button-circle {



    width: 100%;



    height: 0;



    padding-bottom: 100%;



        border-radius: 50%;



    border:3px #c1c1c1 solid;



        overflow: hidden;



    background: white;



}







.round-button span {



        display: block;



    float: left;



    width: 100%;



    padding-top: 50%;



        padding-bottom: 50%;



    line-height: 1em;



    margin-top: -0.5em;



    text-align: center;



    color: black;



        font-family: 'Lato', sans-serif;



        font-size: 60px;



        font-weight: 300;



}







.about_me_counter_h {



    width: 100%;



    float: left;



}







.about_me_counter_h .counter_h {



    width: 17%;



    float: left;



    margin-left: 3.7%;



    font-size: 14px;



    font-family: 'Lato', sans-serif;

    /*font-family: 'Merienda', cursive;*/

    font-weight: 900;



    color: #515151;



    line-height: 24px;



    text-align: center;



    margin-top: 30px;



    margin-bottom: 120px;



}







.about_me_counter_h .counter_h:first-child {



    margin-left: 0;



}



.admin-bar .page-header { margin-top: 246px; }



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

	footer.above { background-size: 100% 100%; }

}


@media screen and (min-width: 1505px) and (max-width: 1805px) {



    .content .left { margin-left: 30px; }



    .content .right { margin-right: 30px; }



    .content .contact { position: absolute; right: 30px; bottom: 100px; }



 }







@media screen and (min-width: 861px) and (max-width: 1504px) {



    .content .left { margin-left: 5%; }



    .page-template-referencje-php .content { width: 96%; }



}







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



     .content { background: none; }



     .content .left { width: 59%; margin: 0 0 0 1%; }



     .content .left .column_one, .content .left .column_two { width: 50%; }



     .content .left .column_one .box_welcome { width: 90%; margin: 0; padding-right: 10%; padding-bottom: 10%; }



     .content .left .box_400, .content .left img, .content .left .column_one .subscribers { width: 100%; }



     .content .right { width: 35%; margin: 192px 0 0 5%; }



    .content .contact { right: 1%; width: 50%; }



    .content .contact .cleft, .content .contact .cright { width: 50%; margin: 0; }



    .home footer .left { margin: 3.6% 60px 8% 30px; }



    .home footer .right { margin: 3.6% 30px 0 60px; }



 }







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



    footer.above .left { width: 20%; }



    footer.above .left .facebook { margin: 16% 0 7% 0; }



    footer.above .right { width: 59%; overflow: hidden; }



}







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



    .content .contact { bottom: 0; }



    .home .content .right .ref2 .ref-message { padding: 0 5px; }



}







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



    .content .left { width: 100%; }



    .content .right { width: 45%; margin: 0 0 0 5%; position: absolute; right: 0; bottom: 20%; }



    .content .contact { width: 100%; padding: 64px 0 56px 0; float: left; clear; both; position: relative; right: 0; bottom: 10px; }



    .content .left .column_two .box_400:first-child { margin-top: 0; }



    footer.above .left { width: 0; overflow: hidden; }



    footer.above .right { width: 80%; }

	.page .page-header { padding-top: 12vh; }



}


@media screen and (min-width: 715px) and (max-width: 1023px) {
	.content .right h1 { margin-bottom: 20px; background-color: white; padding-bottom: 22px; margin-top: 30px; }
}




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



    .content .right { position: relative; float: left; clear: both; margin: 0 0 0 14%; width: 72%; }



    .round-button span { font-size: 24px; }



    .round-button img { max-width: 60%; height: auto; }
.about_me_counter_h .counter_h { font-size: 9px;  }

	.contactpage-tel, .contactpage-mail { background: none; width: 100%; float: left; clear: both; text-align: center; }
	.contactpage-tel h1, .contactpage-mail h1 { text-align: center !important; }
	.contactpage-or { display: none; }

	 .content { background: transparent !important; }



    .content .left .column_one, .content .left .column_two { float: left; width: 100%; }



    .content .left .column_one .subscribers { margin: 0; }



    .content .left .column_two .box_400:first-child { margin: 0; }



    .page .page-header { width: 100%; }

	.content .right h1 { margin-top: 30px; margin-bottom: 20px; }

		footer.main { height: auto; padding-bottom: 25px; }

	footer.main .go_up { bottom: -30px; }

	.content .left .column_one .box_welcome { min-height: auto; }


    footer.main .left { margin-right: 5px; }



    footer.main .right { margin-left: 5px; }


}







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



    .content .contact .cleft { width: 100%; }



    .content .contact .cright { float: left; clear: both; width: 100%; margin-top: 42px; }

	footer.above .right .button_white { float: left; clear: both; }

}







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






    .content .contact h1 { font-size: 26px; }






    .content .right { width: 100%; margin: 0; }



    .content .right h1 { font-size: 26px; margin: 30px 0; }



    .page .content img.alignleft { padding-right: 0; }



    .page .content img.alignright { padding-left: 0; margin-top: 50px; }







    #ninja_forms_form_2 .field-wrap { width: 100%; }



    #ninja_forms_form_2 .field-wrap:nth-child(2) { margin: 0 0 30px 0; }

	.page .page-header { min-height: 82px; padding-top: 9.6%; }

	.about_me_counter, .about_me_counter_h, .h1counter { display: none; }


}

@media screen and (max-width: 400px) {
	.slideshow { display: none; }
	header.top .contact, header.top .facebook { top: 125px; }
	.home .content { margin-top: 325px; }
}





.content { display: none; }





.text-wrap.label-inside input {

    color: rgb(139, 139, 139);

    font-weight: 600;

}



.textarea-wrap.label-inside textarea {

    color: rgb(139, 139, 139);

    font-weight: 600;

    resize: vertical;

max-width: 970px;

}



.text-wrap.label-inside input:focus, .textarea-wrap.label-inside textarea:focus {

    -webkit-box-shadow: 0 0 0 2px rgba(2,2,125,1);

    box-shadow: 0 0 0 2px rgba(2,2,125,1);

}



.page-id-13 .content h1 {

    padding-top: 0;

}

.infinite_navigation {

	text-align: center;
	margin-top: 60px;

}

.infinite_navigation .button_black {

	cursor: pointer;

}

.ngg-galleryoverview {
	max-width: 1356px;
	margin: 0 auto;
}

#infscr-loading {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 10px;
}

.autoGridResponsiveGallery {
	overflow: hidden;
}

.grid-loadMore_b {
    	font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: 900;
        letter-spacing: 7px;
        color: black;
        margin: 50px 0 0 0;
        padding: 20px 54px 15px 59px;
    	text-decoration: none;
	cursor: pointer;
        border: 3px black solid;
    	display: inline-block;
   	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.grid-loadMore_b:hover {
	background-color: black;
	color: white;
	text-decoration: none;
}

.agrg_box {
    overflow: hidden;
}



.agrg_box img {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    width: 100%;
    height: auto;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.agrg_box:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#subscribers-text-counter {
	display: initial;
}