@charset "utf-8";
:focus {
    outline: 0;
}
body {
    width: 100%;
    margin: 0 auto;
    font: normal 100% Roboto, Arial, Helvetica, sans-serif;
    line-height: 1.5;
    background: #f2f2f2;
}
body a,
a:hover {
    text-decoration: none;
}
img,
video,
embed,
object {
    max-width: 100%;
}
.wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    padding: 0 2%;
}
@media (max-width: 768px) {
    .wrapper {
        margin: 0 auto;
        width: 100%;
        padding: 0 4%;
    }
}
.section {
    clear: both;
    padding: 0;
    margin: 0
}
.group:before,
.group:after {
    content: "";
    display: table
}
.group:after {
    clear: both
}
.group {
    zoom: 1
}
@media (max-width: 768px) {
    .hide-768 {
        display: none;
    }
}
@media (min-width: 769px) {
    .show-768 {
        display: none;
    }
}
/* COL 768 ------------------------------------------------------------ */
.col-grid-0 {
    display: block;
    float: left;
    margin: 0;
}
.span-grid_2_of_3 {
    width: 66.66%
}
.span-grid_1_of_3 {
    width: 33.33%
}
@media only screen and (max-width: 768px) {
    .span-grid_2_of_3,
    .span-grid_1_of_3 {
        width: 100%
    }
}
/* COL FLEX 15 ------------------------------------------------------------ */
.col-flex-15 {
    width: 100%;
}
.col-flex-15 ul li img {
    max-width: 90%;
}
.col-flex-15 ul {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
.col-flex-15 ul li {
    list-style: none;
    flex-grow: 1;
    text-align: center;
    margin: 15px 2px 0 2px;
    padding: 1%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
/* COL FLEX 0 ------------------------------------------------------------ */
.col-flex-0 {
    width: 100%;
}
.col-flex-0 ul li img {
    max-width: 90%;
}
.col-flex-0 ul {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
.col-flex-0 ul li {
    list-style: none;
    flex-grow: 1;
    text-align: center;
    margin: 0px 2px 0 2px;
    padding: 1%;
    border-radius: 10px;
    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;
}
/* COL FLEX ------------------------------------------------------------ */
.col-flex {
    width: 100%;
}
.col-flex ul li img {
    max-width: 90%;
}
.col-flex ul {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
.col-flex ul li {
    list-style: none;
    flex-grow: 1;
    text-align: center;
    margin: 15px 2px;
    padding: 1%;
    font-size: 1em;
    text-transform: uppercase;
    color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.col-flex ul li a {
    display: block;
    color: #000;
}
@media (max-width: 580px) {
    .col-flex ul li {
        font-size: 0.7em;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
}
/* COL GRID ------------------------------------------------------------ */
.col-grid {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}
.col-grid:first-child {
    margin-left: 0;
}
/* COL SPAN 1-5 480 ------------------------------------------------------------ */
.col-grid-1-5-480 {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}
.col-grid-1-5-480:first-child {
    margin-left: 0;
}
.span-grid-480_1_of_5 {
    width: 18.72%;
}
@media only screen and (max-width: 480px) {
    .col-grid-1-5-480 {
        margin: 1% 0 1% 0%;
    }
    .span-grid-480_1_of_5 {
        width: 100%;
    }
}
/* COL SPAN 1-4 320 ------------------------------------------------------------ */
.col-grid-1-4-320 {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}
.col-grid-1-4-320:first-child {
    margin-left: 0;
}
.span-grid-320_1_of_4 {
    width: 23.8%;
}
@media only screen and (max-width: 320px) {
    .col-grid-1-4-320 {
        margin: 1% 0 1% 0%;
    }
    .span-grid-320_1_of_4 {
        width: 100%;
    }
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
    .col-grid-1-4-320 {
        margin: 1% 0 1% 1.6%;
    }
    .span-grid-320_1_of_4 {
        width: 49.2%;
    }
    .span-grid-320_1_of_4:nth-child(2n + 1) {
        clear: both;
        margin-left: 0;
    }
}
/* COL SPAN 1-4 480 ------------------------------------------------------------ */
.col-grid-1-4-480 {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%
}
.col-grid-1-4-480:first-child {
    margin-left: 0
}
.span-grid-480_1_of_4 {
    width: 23.8%
}
@media only screen and (max-width: 480px) {
    .col-grid-1-4-480 {
        margin: 1% 0
    }
    .span-grid-480_1_of_4 {
        width: 100%
    }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
    .col-grid-1-4-480 {
        display: block;
        float: left;
        margin: 1% 0 1% 1.6%
    }
    .span-grid-480_1_of_4 {
        width: 49.2%
    }
    .span-grid-480_1_of_4:nth-child(2n+1) {
        clear: both;
        margin-left: 0
    }
}
/* FONTS SIZE ------------------------------------------------------------ */
.handlee-fonts {
    font-family: "Handlee";
}
.text-center {
   text-align:center;
}
.text-short {
    width: 80%;
    margin: 0 auto;
}
@media (max-width: 480px) {
    .text-short {
        width: 90%;
    }
}
.fonts-size-16 {
    font-size: 1.6em;
}

@media (min-width: 481px) and (max-width: 768px) {
    .fonts-size-16 {
        font-size: 1.4em;
    }
}
@media (max-width: 480px) {
    .fonts-size-16 {
        font-size: 1.2em;
    }
}
.fonts-size-14 {
    font-size: 1.4em;
}
@media (min-width: 481px) and (max-width: 768px) {
    .fonts-size-14 {
        font-size: 1.2em;
    }
}
@media (max-width: 480px) {
    .fonts-size-14 {
        font-size: 1.2em;
    }
}
.fonts-size-25 {
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.4em;
}
@media (min-width: 481px) and (max-width: 768px) {
    .fonts-size-25 {
        font-size: 2.0em;
    }
}
@media (max-width: 480px) {
    .fonts-size-25 {
        font-size: 1.6em;
    }
}
.fonts-bold {
    font-weight: 600;
}
/* TEXT COLOURS ------------------------------------------------------------ */
.text-000 {
    color: #000;
}
.text-090 {
    color: #090;
}
.text-09f {
    color: #09f;
}
.text-0c0 {
    color: #0c0;
}
/* BACKGROUNDS ------------------------------------------------------------ */
.b-fed {
    background: #fedd17;
}
.b-673 {
    background: #673af4;
}
.b-fff {
    background: #fff;
}
.b-09f {
    background: #09f;
}
.b-e8e {
    background: #e8e8e8;
}
.b-9f3 {
    background: #9f3;
}
.b-f2f {
    background: #f2f2f2;
}
.b-vertical-stripes {
	background-image: url(../img/t-deska-pion.png);
}
.b-triangle-green {
    background-repeat: repeat-x;
    background-position: bottom left;
    background-image: url(../img/t-trawa.png);
}
/* BOXES ------------------------------------------------------------ */
.box-img-title {
    padding: 4% 8% 5%;
}
.box-center-2-mp {
    margin: 2%;
    padding: 2%;
    text-align: center;
}
.box-img-80 img {
    max-width: 80%;
}
.box-round-shadow-center {
    margin: 0 auto;
    padding: 4%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}
/* SPACES BETWEEN DIV, P, H etc ------------------------------------------------------------ */
.zero-half-top {
    margin-top: 0.5em;
}
.zero-one {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1em 0;
}
.zero-two {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 2em 0;
}
.one-zero {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0 0 0;
}
.one-one {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0 1em 0;
}
.one-two {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0 2em 0;
}
.two-zero {
    width: 100%;
    margin: 0 auto;
    padding: 2em 0 0 0;
}
.two-two {
    width: 100%;
    margin: 0 auto;
    padding: 2em 0 2em 0;
}
.three-three {
    width: 100%;
    margin: 0 auto;
    padding: 3.5em 0 3em 0;
}
/* FADE ------------------------------------------------------------ */
.fade {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.fade img {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.fade a:hover {
    text-decoration: none;
}
.fade:hover {
    opacity: 0.7;
    cursor: pointer;
}
.c-pointer {
    cursor: pointer;
}
/* IMAGES ------------------------------------------------------------ */
.img-full {
    min-width: 100%;
}
.img-round-frames {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid 2px #fff;
}
.img-circle-frames {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
/* BOTTOM SECTION ------------------------------------------------------------ */
.menu-bottom-green {
    background: #9f3;
    width: 100%;
    margin: 0 auto;
    padding: 1em 0;
    color: #060;
}
.menu-bottom-green a {
    color: #060;
}
.menu-bottom-green-grass {
    background-repeat: repeat-x;
    background-position: bottom left;
    background-image: url(../img/t-trawa-green.png);
}
.menu-bottom-green-box {
    border: #0c0 solid 2px;
    padding: 1em 1em 1.5em;
    text-align: left;
    color: #060;
}
.menu-bottom-green-box a:hover {
    text-decoration: underline;
}
.list-dots-12 ul {
    padding-top: 0.5em;
}
.list-dots-12 li {
    list-style: disc;
    margin-left: 1em;
    padding-top: 0.5em;
    line-height: 1.4em;
    font-size: 1.2em;
}
.list-dots-12 li:first-child {
    padding-top: 1em;
}
.menu-bottom-blue {
    background: #09f;
    color: #fff;
    margin: 0 auto;
    padding-top: 1.5em;
    padding-bottom: 1.3em;
    text-align: center;
}
.menu-bottom-blue a {
    color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.menu-bottom-blue a:hover {
    color: #6cf;
}
.foot {
    clear: both;
    margin: 0 auto;
    font-family: Nunito, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #000;
}
.foot::after {
    content: " 2005-2025 anglomaniacy.pl. All rights reserved.";
}
@media (max-width: 768px) {
    .foot {
        font-size: 1.2em;
    }
}
@media (max-width: 580px) {
    .foot {
        text-align: center;
        font-size: 1.2em;
    }
}