/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@font-face {
    font-family: 'SouthernAire';
    src: url('../fonts/southernaire_personal_use_only-webfont.eot');
    src: url('../fonts/southernaire_personal_use_only-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/southernaire_personal_use_only-webfont.woff') format('woff'),
         url('../fonts/southernaire_personal_use_only-webfont.ttf') format('truetype'),
         url('../fonts/southernaire_personal_use_only-webfont.svg#southern_aire_personal_use_Rg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Samuel';
    src: url('../fonts/h.h._samuel-font-defharo-webfont.eot');
    src: url('../fonts/h.h._samuel-font-defharo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/h.h._samuel-font-defharo-webfont.woff') format('woff'),
         url('../fonts/h.h._samuel-font-defharo-webfont.ttf') format('truetype'),
         url('../fonts/h.h._samuel-font-defharo-webfont.svg#h.h._samuelregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    font-family:Ubuntu;
    line-height: 1.4;
    background:#000;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

position:relative {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

position:relative {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.niebieski_gradient {
    background: #00aeff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYzYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #00aeff 0%, #0063c9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aeff), color-stop(100%,#0063c9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00aeff 0%,#0063c9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00aeff 0%,#0063c9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00aeff 0%,#0063c9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00aeff 0%,#0063c9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeff', endColorstr='#0063c9',GradientType=0 ); /* IE6-8 */
    
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


nav {
    width:100%;
    min-width:1110px;
    color: #fff;
    height:75px;
    background:#000;
    font-size:17px;
    margin:0px;
    float:left;
    padding:0px;
    text-align: center;
    position:relative;
}
nav a {
    text-decoration:none;
    color:#fff;
}
.center {
    width: 1110px;
    margin:0 auto;
    position:relative;
    height:auto;
    padding:0px;
}

.nav_item {
    height:20px;
    text-align:center;
    float:left;
    position:relative;
    line-height: 17px;
    margin: 24px 10px 0px;
}
.nav_start {
    margin-left:20px;
    width:55px;
}
.nav_about {
    width:67px;
}
.nav_gallery {
    width:75px;
}
.nav_training {
    width:190px;
}
.nav_recomendation {
    width: 140px;
}
.nav_courses {
    width:200px;
}
.nav_news {
    width:121px;
}
.nav_contact {
    width:85px;
    margin-right: 16px;
}
section {
    position:relative;
    float:left;
}
section.box1 {
    width:100%;
    color:#fff;
    min-width:1110px;
    height:580px;
    float:left;
    background:url(../img/mariusz_1.png) no-repeat;
    background-size:cover;
}

section.box1 .podpis {
    float:right;
    width: 1110px;
    height:190px;
    display:block;
    font-family:SouthernAire;
    text-align: right;
    line-height: 190px;
    margin-right: 40px;
    font-size:106.6px;
}

section.box1 .powitanie {
    width: 480px;
    display:block;
    text-align:justify;
    font-size:18px;
    margin-right: 30px;
    float: right;
}

section.box1 .ikony {
    background:url(../img/box_1_ikony.png) no-repeat;
    background-position:right center;
    float:right;
    margin-right:30px;
    margin-top:20px;
    width:1110px;
    height:95px;
}
.ikony4 {
    background:url(../img/box_1_ikony.png) no-repeat;
    background-position:left center;
    float:left;
    margin-left:21px;
    margin-top:35px;
    width:530px;
    height:95px;
}
section.box1 .pozdrowienia {
    background: #00aeff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYzYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #00aeff 0%, #0063c9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aeff), color-stop(100%,#0063c9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00aeff 0%,#0063c9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00aeff 0%,#0063c9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00aeff 0%,#0063c9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00aeff 0%,#0063c9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeff', endColorstr='#0063c9',GradientType=0 ); /* IE6-8 */
    width: 484px;
    height: 75px;
    float:right;
    margin-right:25px;
    margin-top: 10px;
    font-size:27px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    text-align: center;
    border-radius: 5px;
    line-height: 30px;
    padding-top: 10px;
}

section.box2 {
    width:100%;
    color:#fff;
    min-width:1110px;
    float:left;
    background-size:cover;
}
section.box3 {
    width:100%;
    color:#fff;
    min-width:1110px;
    float:left;
    background-size:cover;
}

section.box2 .tytul {
    background: #00aeff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYzYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #00aeff 0%, #0063c9 115%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aeff), color-stop(115%,#0063c9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00aeff 0%,#0063c9 115%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00aeff 0%,#0063c9 115%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00aeff 0%,#0063c9 115%); /* IE10+ */
    background: linear-gradient(to bottom, #00AEFF 0%,#0063C9 115%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeff', endColorstr='#0063c9',GradientType=0 ); /* IE6-8 */
    height:125px;
    width:100%;
    min-width:1110px;
    text-align:center;
    font-size:51px;
    position:relative;
    z-index:2;
    font-weight:300;
    line-height:125px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
section.box3 .tytul {
    background: #00aeff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYzYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #00aeff 0%, #0063c9 115%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aeff), color-stop(115%,#0063c9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00aeff 0%,#0063c9 115%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00aeff 0%,#0063c9 115%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00aeff 0%,#0063c9 115%); /* IE10+ */
    background: linear-gradient(to bottom, #00AEFF 0%,#0063C9 115%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeff', endColorstr='#0063c9',GradientType=0 ); /* IE6-8 */
    height:85px;
    width:100%;
    min-width:1110px;
    text-align:center;
    font-size:29px;
    position:relative;
    z-index:2;
    font-weight:700;
    line-height:85px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

section.box2 .tytul_arrow {
    width: 100%;
    height:19px;
    position:absolute;
    display:block;
    background:url(../img/tytul_arrow.png) no-repeat;
    background-position: center;
    top: 125px;
}
section.box3 .tytul_arrow {
    width: 100%;
    height:19px;
    position:absolute;
    display:block;
    background:url(../img/tytul_arrow.png) no-repeat;
    background-position: center;
    top: 85px;
}

.tresc {
    background:#1d1d1d;
    position:relative;
    min-width:1110px;
}
.image2 {
    border-radius:5px;
    display: table;
    position:relative;
    height:278px;
    width:351px;
    
}
.image {
    border-radius:5px;
    display: table;
    border-bottom:14px solid #0063C9;
    
}
.omnie_zdjecie {
    width:518px;
    border-radius: 5px;
    float:left;
    margin-left:23px;
    margin-top:63px;
    height:344px;
}
.rekomendacje_zdjecie {
    width:498px;
    border-radius: 5px;
    float:right;
    margin-right:23px;
    margin-top:50px;
    height:394px;
}
.rekomendacje_zdjecie2 {
    border-radius: 5px;
    float:right;
    margin-right:23px;
    margin-top:50px;
}
.omnie_opis {
    width: 480px;
    font-size: 19px;
    font-weight:200;
    line-height: 25px;
    color:#fff;
    font-family:Ubuntu;
    float:left;
    margin-left:50px;
    margin-top:57px;
}
.rekomendacje_klientow1 {
    width: 480px;
    font-size: 23px;
    font-weight:400;
    line-height: 25px;
    color:#fff;
    font-family:Ubuntu;
    float:left;
    margin-left: 21px;
    margin-top:47px;
}
.rekomendacje_klientow2 {
    width: 540px;
    font-size: 17px;
    font-weight:200;
    line-height: 22px;
    color:#fff;
    font-family:Ubuntu;
    float:left;
    margin-left: 21px;
    margin-top:17px;
}
.omnie_wiecej {
    width:240px;
    height:55px;
    border-radius: 4px;
    display:block;
    float:left;
    margin-left:53px;
    margin-top: 60px;
    text-decoration: none;
    border-bottom: 3px solid #000;
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 55px;
}
.exfit_link {
    width:270px;
    height:55px;
    border-radius: 4px;
    display:block;
    float:left;
    margin-left:420px;
    margin-top: 30px;
    text-decoration: none;
    border-bottom: 3px solid #000;
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 55px;
}
.zapisz_sie {
    width:270px;
    height:55px;
    border-radius: 4px;
    display:block;
    float:left;
    margin-left:55px;
    margin-top: 50px;
    text-decoration: none;
    border-bottom: 3px solid #000;
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 55px;
}

.omnie_osiagniecia {
    float:left;
    height:220px;
    margin-bottom:50px;
    margin-top:57px;
}
.osiagniecie1 {
    margin-left:22px;
}
.galeria_img {
    width:50%;
    height:370px;
    position:relative;
    float:left;
}
.g1 {
    background:url(../img/g1.png) no-repeat;
    background-size:cover;
    background-position:center top;
}
.g2 {
    background:url(../img/g2.png) no-repeat;
    background-size:cover;
    background-position:center;
}
.g3 {
    background:url(../img/g3.png) no-repeat;
    background-size:cover;
    background-position:center bottom;
}
.g4 {
    background:url(../img/g4.png) no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.gplus {
    width:79px;
    height:79px;
    position:absolute;
    top: 50%;
    background:url(../img/gplus.png) no-repeat;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
}
.trening_personalny_bg {
    background:url(../img/trening_personalny_bg.png) no-repeat;
    background-size:cover;
    background-position:center;
    height:682px;
}
.kursy_instruktorskie_bg {
    background:url(../img/kursy_instruktorskie_bg.png) no-repeat;
    background-size:cover;
    background-position:center;
}
section.box2 .tresc.zmien_swoje_zycie_bg {
    background: url(../img/mariusz_4.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.trening_lista {
    float:left;
    font-style:italic;
    font-size:25px;
    color:#baff00;
    margin:0px;
    margin-top:100px;
    margin-left:30px;
}
.gwarancja_sukcesu1 {
    font-size:40px;
    font-style:italic;
    font-weight:300;
    float:left;
    margin-top:70px;
    margin-left: 65px;
}
.gwarancja_sukcesu2 {
    font-size: 36px;
    font-style:italic;
    text-align:center;
    font-weight:bold;
    color:#0052a6;
    float:left;
    display: block;
    margin-left: 65px;
    width: 660px;
}
.gwarancja_sukcesu2 span:first-child {
    background:url(../img/gwarancja_sukcesu1.png) no-repeat;
    width:448px;
    display:block;
    margin:10px auto;
    line-height:39px;
}
.gwarancja_sukcesu2 span:last-child {
    background:url(../img/gwarancja_sukcesu2.png) no-repeat;
    width:548px;
    display:block;
    margin:10px auto;
    line-height:39px;
}

.poznaj_recepte {
    width:330px;
    height:55px;
    border-radius: 4px;
    display:block;
    float:left;
    margin-left:220px;
    margin-top: 70px;
    text-decoration: none;
    border-bottom: 3px solid #000;
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 55px;
}
.wiecej_opini {
    width:330px;
    height:55px;
    border-radius: 4px;
    display:block;
    float:left;
    margin-left: 390px;
    margin-top: 15px;
    text-decoration: none;
    border-bottom: 3px solid #000;
    color: #fff;
    font-size: 25px;
    margin-bottom:60px;
    text-align: center;
    line-height: 55px;
}
.poznaj_oferte {
    width:229px;
    height:55px;
    border-radius: 4px;
    display:block;
    float:left;
    margin-left: 140px;
    margin-top: 100px;
    text-decoration: none;
    border-bottom: 3px solid #000;
    color: #fff;
    font-size: 25px;
    margin-bottom:30px;
    text-align: center;
    line-height: 55px;
}
.zacznij_juz_dzisiaj {
    width:270px;
    height:55px;
    border-radius: 4px;
    display:block;
    float:left;
    margin-left: 420px;
    margin-top: 0px;
    text-decoration: none;
    border-bottom: 3px solid #000;
    color: #fff;
    font-size: 25px;
    margin-bottom: 280px;
    text-align: center;
    line-height: 55px;
}
.trening_zdjecia {
    width:256px;
    height:582px;
    margin-top: 45px;
    float: left;
}
.trening_left {
    float:left;
    width: 800px;
}
.trening_zdjecia .zdjecie {
    padding:3px;
    border-radius:2px;
    background:#fff;
    padding-bottom:16px;
    margin-bottom:14px;
}

.rekomendacja1 {
    width:1110px;
    float:left;
    margin-top:72px;
    position:relative;
}
section.box3 .rekomendacja2 {
    width:1110px;
    float:left;
    margin-top:72px;
    position:relative;
}
.rekomendacja1 .zdjecie_rekomendacji {
    background:url(../img/rekomendacje1.png) no-repeat;
    width:418px;
    height:278px;
    margin-right:65px;
    float:right;
    margin-left:28px;
}
.rekomendacja2 .zdjecie_rekomendacji {
    background:url(../img/rekomendacje2.png) no-repeat;
    width:418px;
    height:278px;
    float:left;
    margin-left:87px;
}
.separator_rekomendacji {
    background:url(../img/separator_rekomendacji.png) no-repeat;
    width:1110px;
    height:46px;
    float:left;
}

.reko_text1 {
    font-family:Exo;
    font-weight:800;
    float:left;
    margin-left:87px;
    font-size: 42px;
}
.reko_text2 {
    font-family:Exo;
    font-size:32px;
    background:#00aafc;
    text-align:center;
    line-height: 38px;
    padding-top: 5px;
    font-style:italic;
    font-weight:300;
    width:416px;
    float:left;
    margin-left: 87px;
    height: 86px;
    display:block;
    margin-top: 30px;
}

.parametry {
    font-family:Arial;
    font-weight:bold;
    font-size:17px;
    margin-top:30px;
    float:left;
    margin-left:87px;
    width:416px;
}
.parametr1, .parametr2, .parametr3 {
    float:left;
}
.parametr1 {
    width:150px;
}
.parametr2 {
    width:100px;
}
.podsumowanie {
    float: left;
    display: block;
    margin-left: 87px;
    margin-top: 30px;
    font-family: Arial;
    font-size: 16px;
    font-style: italic;
    margin-right:87px;
    margin-bottom: 60px;
}
.rekomendacja2 .reko_text1 {
    font-family:Exo;
    font-weight:800;
    float:right;
    margin-right:65px;
    font-size: 42px;
}
.rekomendacja2 .reko_text2 {
    font-family:Exo;
    font-size:32px;
    background:#00aafc;
    text-align:center;
    line-height: 38px;
    padding-top: 5px;
    font-style:italic;
    font-weight:300;
    width:416px;
    float:right;
    margin-right: 65px;
    height: 86px;
    display:block;
    margin-top: 30px;
}

.rekomendacja2 .parametry {
    font-family:Arial;
    font-weight:bold;
    font-size:17px;
    margin-top: 10px;
    float:right;
    margin-right:65px;
    width:416px;
}
.rekomendacja2 .parametr1, .rekomendacja2 .parametr2, .rekomendacja2 .parametr3 {
    float:right;
}
.rekomendacja2 .parametr1 {
    width:150px;
}
.rekomendacja2 .parametr2 {
    width:100px;
}
.rekomendacja2 .podsumowanie {
    float: right;
    display: block;
    text-align: justify;
    margin-right: 65px;
    margin-top: 30px;
    font-family: Arial;
    margin-left: 66px;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 60px;
}

.mariusz_3 {
    padding:7px;
    background:#fff;
    margin-top:88px;
    margin-left:58px;
    float:left;
    display:block;
}

.kursy_info {
    float:left;
    width:700px;
    font-family:Ubuntu;
    font-size:20px;
    margin-left:55px;
    margin-top:90px;
    font-weight:300;
}
.ofert_ikona {
    width:170px;
    height:170px;
    background:url(../img/oferta_ikona.png) no-repeat;
    float:right;
    margin-top: 30px;
    margin-right:66px;
    margin-bottom: 30px;
}
.ofert_ikona2 {
    width:170px;
    height:170px;
    background:url(../img/oferta_ikona.png) no-repeat;
    float:left;
    margin-top: 50px;
    margin-left:105px;
    margin-bottom: 30px;
}

.lastbox_ikona {
    font-family:Samuel;
    margin-bottom:30px;
    float:left;
    font-size:48px;
    height:81px;
    width: 415px;
    
    line-height:81px;
}
.ikona1 {
    background:url(../img/lastbox_ikona1.png) no-repeat;
    float:left;
    text-align: left;
    background-position: left;
    padding-left: 100px;
    margin-top:30px;
    margin-left:40px;
}
.ikona2 {
    background:url(../img/lastbox_ikona2.png) no-repeat;
    float:left;
    text-align: left;
    background-position: left;
    padding-left: 100px;
    margin-left:40px;
    
}
.ikona3 {
    background:url(../img/lastbox_ikona3.png) no-repeat;
    float:left;
    text-align: left;
    background-position: left;
    padding-left: 100px;
    margin-left:40px;
}
.ikona4 {
    background:url(../img/lastbox_ikona4.png) no-repeat;
    float:right;
    text-align: right;
    background-position: right;margin-top:30px;
    padding-right: 100px;
    margin-right:40px;
}
.ikona5 {
    background:url(../img/lastbox_ikona5.png) no-repeat;
    float:right;
    text-align: right;
    background-position: right;
    padding-right: 100px;
    margin-right:40px;
}
.ikona6 {
    background:url(../img/lastbox_ikona6.png) no-repeat;
    float:right;
    text-align: right;
    background-position: right;
    padding-right: 100px;
    margin-right:40px;
}
.box2 .podpis {
    float: left;
    width: 1110px;
    display:block;
    margin-top:-60px;
    font-family:SouthernAire;
    text-align: center;
    font-size:91px;
}

footer {
    border-top:1px solid #fff;
    width:100%;
    min-width:1110px;
    height: 110px;
    float:left;
    background: rgba(0,0,0,0.75);
    margin-top: -111px;
    position:relative;
}

.biala_linia {
    width:100%;
    min-width:1110px;
    position:relative;
    float:left;
    border-top:1px solid #fff;
}

nav.footer {
    background:none;
    font-size:14px;
    height:60px
}
nav.footer .nav_item {
    margin:20px 10px 25px;
    width:auto;
}

nav.footer .nav_start {
    margin-left:135px;
}
.copyrights {
    float:left;
    font-size:14px;
    color:#fff;
    margin-left:21px;
    line-height: 49px;
}
.realizacja {
    float:right;
    font-size:14px;
    margin-left:21px;
    color:#fff;
    line-height: 49px;
}
.realizacja a {
    color:#fff;
    margin-right:21px;
    text-decoration:none;
}

.strzalka {
    position:absolute;
    top:27px;
    background:url(../img/strzalka_menu.png) no-repeat;
    height:5px;
    display:none;
    width:12px;
    left:50%;
    margin-left:-6px;
}


.page_title {
    width:100%;
    min-width:1110px;
    height:90px;
    float:left;
    position:relative;
    background:#0063c9;
}

.page_title .telefon {
    background:url(../img/telefon_ico.png) no-repeat;
    background-position:left;
    text-indent:25px;
    font-size:16px;
    font-weight:300;
    float:right;
    font-family:Ubuntu;
    margin-top:35px;
    display:inline-block;
    margin-right:30px;
    line-height:20px;
    height:20px;
    color:#fff;
    
}
.page_title .email {
    background:url(../img/email_ico.png) no-repeat;
    background-position:left;
    text-indent:25px;
    font-size:16px;
    text-decoration:none;
    font-weight:300;
    margin-right:20px;
    float:right;
    margin-top:35px;
    font-family:Ubuntu;
    display:inline-block;
    line-height:20px;
    height:20px;
    color:#fff;
    
}
.mariusz_kosior_logo {
    width:310px;
    height:90px;
    display:block;
    float:left;
    margin-left: 0px;
    margin-top: 0px;
    text-decoration: none;
    color: #fff;
    font-size: 62px;
    text-align: center;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4);
    font-family:SouthernAire;
    line-height: 90px;
}

.osiagniecia_treningow {
    height: 465px;
    text-align: center;
    font-size: 39px;
    width: 100%;
    font-weight: 300;
    min-width: 1110px;
}

.right_trening {
    background:url(../img/trening_personalny1.png) no-repeat;
    width:555px;
    height:492px;
    float:right;
}
.kursy1_right {
    background:url(../img/kursy_img1.png) no-repeat;
    width:681px;
    height:492px;
    float:right;
}
.kursy2_left {
    background:url(../img/kursy_img2.png) no-repeat;
    width:429px;
    height:569px;
    float:left;
}
.left_trening {
    float:left;
    width:540px;
}
.kursy1_left {
    float:left;
    width:420px;
}
.kursy2_left {
    float:left;
    width:420px;
}
.trening_lista1 {
    font-size:19px;
    margin-top:50px;
    color:#baff00;
    line-height:30px;
    font-style:italic;
}
.cytat1 {
    float:left;
    width:400px;
    margin-top:50px;
    margin-left:15px;
    font-style:italic;
    font-size:19px;
}
.podpis1 {
    float:left;
    margin-left:265px;
    margin-top:15px;
    color:#00acfe;
    font-size:19px;
    font-style:italic;
    font-weight:600;
}
.cytat2 {
    float: left;
    width: 600px;
    font-weight: 300;
    margin-top: 50px;
    line-height:1.3;
    margin-left: 50px;
    font-style: italic;
    font-size: 16px;
}
.podpis2 {
    float:left;
    margin-left:265px;
    margin-top:15px;
    color:#00acfe;
    font-size:19px;
    font-style:italic;
    font-weight:600;
}
.ikony_3 {
    float:left;
    background:url(../img/trening_3ikony.png) no-repeat;
    width:300px;
    height:81px;
    margin-left:115px;
    margin-top:40px;
    
}
.jedno_rozwiazanie {
    display: block;
    text-align: center;
    width: 540px;
    font-size: 29px;
    float: left;
    margin-top: 35px;
}
.gwarancja_sukcesu3 {
    float:left;
    background:url(../img/gwarancja_sukcesu3.png) no-repeat;
    width:402px;
    margin-top:10px;
    margin-left:70px;
    height:65px;
}

.ikony_4 {
    width:360px;
    float:left;
    margin-left:21px;
}

.wyzwanie_1 {
    float:left;
    width:720px;
    font-size:16px;
    margin-top:30px;
    line-height:21px;
    font-weight:300;
}

.trening_img1 {
    background:url(../img/trening_img1.png) no-repeat;
    width:351px;
    float:left;
    margin-right:28px;
    height:278px;
}
.trening_img2 {
    background:url(../img/trening_img2.png) no-repeat;
    width:351px;
    float:left;
    margin-right:28px;
    margin-bottom:65px;
    height:278px;
}
.trening_img3 {
    background:url(../img/trening_img3.png) no-repeat;
    width:351px;
    float:left;
    height:278px;
}

.galeria_img1 {
    margin-right:28px;
    width:351px;
    height:292px;
    float:left;
    background:#0063C9;
    border-radius:5px;
    margin-top:24px;
}

.galeria_img1:nth-child(3n) {
    margin-right:0px;
}


.gallery {
  width: 100%;
  text-align: center;
  letter-spacing: 24px;
  /*tu wstawiasz margines*/
}
.gallery .gallery-item {
  width: 351px;height:292px;
    background:#0063C9;
    margin-top:28px;
    border-radius:5px;
  display: inline-block;
}
.filtr {
    width:100%;
    text-align:center;
    margin:30px 0px 10px;
    font-size:23px;
    float:left;
}
.filtruj {
    padding: 0px 10px 3px;
    border-radius: 3px;
    color: #FFF;
    text-decoration: none;
    margin: 0px 2px;
    height: 35px;
    line-height: 68px;
    font-size: 23px;
}

.omnie_img_left {
    background:url(../img/omnie_img_left.png) no-repeat;
    width:381px;
    height:570px;
    float:left;
}

.lista_doswiadczen {
    float:left;
    margin-top:60px;
    line-height:30px;
    margin-left:30px;
    list-style-image: url(../img/list-image.png);
}
.lista_doswiadczen li {
    margin-bottom:10px;
}

.krotki_opis {
    width:660px;
    height:110px;
    float:left;
    margin-top:10px;
    border-radius:5px;
    margin-left:30px;
    text-align:center;
    font-size:21px;
    padding-top:15px;
    font-style:italic;
}

.medal1 {
    float:left;
    width:158px;
    height:122px;
    background:url(../img/medal1.png) no-repeat;
    margin-top:55px;
    margin-left:50px;
}
.medal2 {
    float:left;
    width:158px;
    height:122px;
    background:url(../img/medal2.png) no-repeat;
    margin-top:55px;
    margin-left:50px;
}
.medal3 {
    float:left;
    width:158px;
    height:123px;
    background:url(../img/medal3.png) no-repeat;
    margin-top:55px;
    margin-left:50px;
}
.medal4 {
    float:left;
    width:158px;
    height:122px;
    background:url(../img/medal4.png) no-repeat;
    margin-top:55px;
    margin-left:50px;
}
.tytul_osiagniecia {
    float:left;
    width:400px;
    height:110px;
    font-size:21px;
    margin-top:68px;
    margin-left:45px;
}
.zdjecie_zawody1 {
    background:url(../img/zdjecie_zawody1.png) no-repeat;
    border-radius:3px;
    border:2px solid #00acfd;
    float:left;
    width:213px;
    height:240px;
    margin-top:8px;
}
.zdjecie_zawody2 {
    background:url(../img/zdjecie_zawody2.png) no-repeat;
    border-radius:3px;
    border:2px solid #00acfd;
    float:left;
    width:213px;
    height:240px;
    margin-left:13px;
    margin-bottom:10px;
    margin-top:8px;
}
.zdjecie_zawody3 {
    background:url(../img/zdjecie_zawody3.png) no-repeat;
    border-radius:3px;
    border:2px solid #00acfd;
    float:left;
    width:213px;
    height:240px;
    margin-top:8px;
}
.zdjecie_zawody4 {
    background:url(../img/zdjecie_zawody4.png) no-repeat;
    border-radius:3px;
    border:2px solid #00acfd;
    float:left;
    width:213px;
    height:240px;
    margin-left:13px;
    margin-bottom:10px;
    margin-top:8px;
}
.zdjecie_zawody5 {
    background:url(../img/zdjecie_zawody5.png) no-repeat;
    border-radius:3px;
    border:2px solid #00acfd;
    float:left;
    width:213px;
    height:240px;
    margin-top:8px;
}
.zdjecie_zawody6 {
    background:url(../img/zdjecie_zawody6.png) no-repeat;
    border-radius:3px;
    border:2px solid #00acfd;
    float:left;
    width:213px;
    height:240px;
    margin-left:13px;
    margin-bottom:10px;
    margin-top:8px;
}
.zdjecie_zawody7 {
    background:url(../img/zdjecie_zawody7.png) no-repeat;
    border-radius:3px;
    border:2px solid #00acfd;
    float:left;
    width:213px;
    height:240px;
    margin-top:8px;
}
.zdjecie_zawody8 {
    background:url(../img/zdjecie_zawody8.png) no-repeat;
    border-radius:3px;
    border:2px solid #00acfd;
    float:left;
    width:213px;
    height:240px;
    margin-left:13px;
    margin-bottom:10px;
    margin-top:8px;
}

.separator_osiagniec {
    height:5px;
    width:100%;
    min-width:1110px;
    float:left;
    background:#1d1d1d;
}

.osiagniecie {
    float:left;
    width:100%;
    min-width:1110px;
    
}

.aktualnosc {
    float:left;
    width:100%;
    min-width:1110px;
}
.aktualnosc:nth-child(even) {
    background:#000;
}

.aktualnosc:nth-child(odd) .aktualnosc_tytul {
    float:left;
    margin-top:55px;
    margin-left:20px;
    width:570px;
    font-size:30px;
    font-weight:500;
}
.aktualnosc:nth-child(odd) .aktualnosc_tresc_krotka {
    float:left;
    margin-top:30px;
    margin-left:20px;
    width:570px;
    line-height:20px;
    font-size:18px;
    font-weight:300;
}
.aktualnosc:nth-child(odd) .czytaj_wiecej {
    
    width:210px;
    height:45px;
    border-radius: 4px;
    float:left;
    display:block;
    margin-left: 20px;
    margin-top: 40px;
    text-decoration: none;
    border-bottom: 3px solid #000;
    color: #fff;
    font-size: 20px;
    margin-bottom: 60px;
    clear:left;
    text-align: center;
    line-height: 45px;
}
.aktualnosc:nth-child(odd) .aktualnosc_img {
    float:right;
    margin-top:55px;
    margin-bottom:60px;
    margin-right:21px;
}
.aktualnosc_img img {
    max-width:430px;
    max-height:305px;
}

.aktualnosc:nth-child(even) .aktualnosc_tytul {
    float:right;
    margin-top:55px;
    margin-right:20px;
    width:570px;
    font-size:30px;
    font-weight:500;
}
.aktualnosc:nth-child(even) .aktualnosc_tresc_krotka {
    float:right;
    margin-top:30px;
    margin-right:20px;
    width:570px;
    line-height:20px;
    font-size:18px;
    font-weight:300;
}
.aktualnosc:nth-child(even) .czytaj_wiecej {
    
    width:210px;
    height:45px;
    border-radius: 4px;
    float:right;
    display:block;
    margin-right: 380px;
    margin-top: 40px;
    text-decoration: none;
    border-bottom: 3px solid #000;
    color: #fff;
    font-size: 20px;
    margin-bottom: 60px;
    text-align: center;
    line-height: 45px;
}
.aktualnosc:nth-child(even) .aktualnosc_img {
    float:left;
    margin-top:55px;
    margin-left:21px;
    margin-bottom:60px;
}
    
.wroc_do_listy {
    width:100%;
    min-width:1110px;
    float:left;
    margin-top:55px;
    height:170px;
}
.wroc_do_listy_btn {
    width:210px;
    height:45px;
    border-radius: 4px;
    float:left;
    display:block;
    margin-left: 465px;
    margin-top: 60px;
    text-decoration: none;
    border-bottom: 3px solid #000;
    color: #fff;
    font-size: 20px;
    margin-bottom: 50px;
    text-align: center;
    line-height: 45px;
}

.telefon_ico {
    background:url(../img/telefon_ico2.png) no-repeat;
    width:57px;
    height:57px;
    float:left;
    margin-top:47px;
    margin-left:27px;
}
.email_ico {
    background:url(../img/email_ico2.png) no-repeat;
    width:57px;
    height:57px;
    float:left;
    margin-top:18px;
    margin-left:27px;
}
.adres_ico {
    background:url(../img/adres_ico2.png) no-repeat;
    width:57px;
    height:57px;
    float:left;
    margin-top:18px;
    margin-left:27px;
}
.telefon_info, .email_info, .adres_info {
    width:440px;
    float:left;
    font-size:16px;
    font-weight:300;
    margin-left:27px;
    margin-top:18px;
    height:57px;
    display:block;
}
.telefon_info {
    margin-top:47px;
}
.formularz {
    float:left;
    width:500px;
    color:#fff;
    margin-top:20px;
    margin-left:20px;
    height:300px;
}
.zapraszam_rowniez {
    float:left;
    margin-top:50px;
    width:480px;
    margin-left:27px;
    font-size:15px;
    text-align:left;
}
.formularz input[type=text], .formularz input[type=email] {
    width:500px;
    height:35px;
    margin-bottom:5px;
    border:0px;
    color:#fff;
    text-indent:10px;
    background:#101010;
}
.formularz textarea {
    width:496px;
    color:#fff;
    height:115px;
    margin-bottom:5px;
    border:0px;
    text-indent:10px;
    background:#101010;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}

.wyslij {
    border-radius: 4px;
    float:left;
    display:block;
    margin-left: 0px;
    text-decoration: none;
    border:0px;
    border-bottom: 3px solid #000;
    color: #fff;
    font-size: 18px;
    margin-bottom: 50px;
    text-align: center;
    line-height: 33px;
    font-weight:400;
    margin-top:20px;
    width:190px;
    height:37px;
}

.mariusz_kontakt {
    background:url(../img/mariusz_kontakt.png) #1D1D1D no-repeat;
    background-size:cover;
    background-position: center top;
}
.kurs_instruktora {
    font-size:16px;
    font-weight:300;
    float:left;
    width:730px;
    margin-top:70px;
    margin-left:15px;
}
.sparta {
    background:url(../img/sparta.png) no-repeat;
    width:250px;
    margin-left:45px;
    margin-top:70px;
    height:186px;
    float:left;
    margin-left:50px;
    margin-bottom:220px;
}
.hantle {
    background:url(../img/hantelki.png) no-repeat;
    width:453px;
    height:283px;
    float:left;
    position:absolute;
    top:290px;
    left:340px;
}

.galeria_list ul {
    margin:0px;
    padding:0px;
    list-style-type:none;
}


.galeria_hover {
	width: 100%;
	height: 100%;
	display: none;
	background:url(../img/zoom.png) rgba(0,0,0,0.6) no-repeat;
	background-position:center;
	background-size:64px 64px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.galeria_hover2 {
	display: none;
	background:rgba(0,0,0,0.6);
	width:100%;
	height:100%;
	position: absolute;
	top: 0px;
	left:0px;
}

.galeria_hover2 .filtruj {
	position:absolute;
	top:50%;
	left:50%;
	line-height: 30px;
	height:29px;
	margin-top:-18px;
	
}