*,
*:before,
*:after {
    box-sizing: border-box;
}


/* BODY */

body {
    color: #FFFFFF;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 300;
    margin-bottom: 0;
}

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




/* Grid */

.container, .grid-container {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.container { display: flex; }

.grid-container:after,
.cf:after {
    content: '';
    display: table;
    clear: both;
}

.col-1-2, .col-1-3, .col-2-3 { float: left; }

.col-1-2 { width: 50%; }
.col-1-3 { width: 33.3333%; }
.col-2-3 { width: 66.6666%; }



/* Menu brand i adres */

.menu-brand {}

.menu-brand-adres {
    display: block;
    text-align: center;
}

.menu-brand a {
    display: block;
}

.menu-brand img {
    display: block;
}

/* Menu links */

.menu-links {}

.menu-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-links li {
    display: inline-block;
    margin: 0 4px;
    font-size: 16px;
}

.menu-links a {
    color: #FFFFFF;
    font-weight: 300;
    display: block;
    padding: 8px 12px;
}

.menu-links a:hover,
.menu-links .active {
    color: #FF6600;
    background: #3A3669;
}




/* Slider */

.slider {
    overflow: hidden;
    margin-bottom: 0px;
}


/* Single slide */
.slider .single-slide {
    height: 339px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Single slide */
.slider .single-slide-pieczatki {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 20%;
}

/* H1 */
.single-slide h1 {
    color: #fff;
    font-size: 58px;
    line-height: 1.2;  
    text-align: center;
    margin: 15px;
    padding-bottom: 30px;
}

/* SLIDER */
.slide-glowny {
    background: url('http://www.pieczatki-torun.pl/images/slider-pieczatki-torun.jpg') no-repeat center / cover;
}

.slide-pieczatki-automatyczne {
    background-color: #FF6600;
}

.slide-pieczatki-kieszonkowe {
    background-color:#1818FE;
}

.slide-stemple-tradycyjne {
    background-color: #FF6600;
}

.slide-pieczatki-okragle {
    background-color:#1818FE;
}

.slide-datownik {
    background-color: #FF6600;
}

.wiz-slider ul {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.wiz-slider-rzad ul {
    display: block;
    list-style-type:none;
    margin: 10px;
    padding: 0;
}

.wiz-slider li {
    padding: 0 10px;
}




/* dropdown */

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #0000FF;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content ul li {
    display: block;
    margin: 0;
    padding: 0;
}

.dropdown-content a:hover {
    background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
    display: block;
}

.wiz-slider-rzad li {
    padding: 8px 10px;
}

.wiz-slider-rzad a {
    color: #FFFFFF;
    text-decoration:none;
}

.wiz-slider-rzad a:hover {
    color: #FF6600;
    text-decoration:inherit;
}




/* Header */

.page-header {
    background: #1818FE;
    padding: 13px 0px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
}

.page-header > .container {
    justify-content: space-between;
    align-items: center;
}




p {
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
}

/* LINKS */

a {
    color: #FFFFFF;
    text-decoration: none;
    transition: all 0.15s ease;
}

/* Headings */

h1 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 300;
    text-align: center;
}

h2 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    font-size: 40px;
    margin-bottom: 0;
    color: #FFFFFF;
}

h3 {
    color: #FFFFFF;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 100;
    text-align: center;
    font-size: 32px;
    line-height: ;
}

h4 {
    color: #FFFFFF;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 100;
    text-align: center;
    line-height: 1;
    font-size: 26px;
}

ul {
    font-size: 18px;
}

li {
    font-size: 18px;
}

strong {
    font-weight: 700;
}

b {
    font-weight: 700;
}

.clear {
    clear: both;
}




/* Buttons */

.btn {
    display: inline-block;
    background: #FEED00;
    color: #3A3669;
    padding: 12px 18px;
    border: 0;
    border-radius: 3px;
    transition: all 0.15s ease;
    box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.2);
}

.btn:hover {}

.btn i {
    margin-left: 6px;
}

/* Button sizes */

.btn-lg,
.btn-lg-slider {
    font-size: 22px;
    padding: 16px 28px;
    margin-bottom: 28px;
}

.btn-lg-slider-wiz {
    font-size: 20px;
    padding: 16px 28px;
    margin-bottom: 28px;
}

.btn-sm {
    font-size: 14px;
    padding: 8px 12px;
}

/* Buttons color */

.btn-blue {
    background: #0000FF;
    color: #FFFFFF;
}

.btn-blue:hover {
    background: #FF6600;
    color: #FFFFFF;
}

.btn-orange {
    background: #FF6600;
    color: #FFFFFF;
}

.btn-orange:hover {
    background: #0000FF;
    color: #FFFFFF;
}




/* footer */

.slider .single-slide-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0% 5%;
    background-color: #1818FE;
}

.footer-text p {
    font-size: 13px;
    text-align: center;
    color: darkgray;
}




/* strzałka w górę */

#go-top {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #CCC;
    color: #CCC;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: linear 200ms;
    cursor: pointer;
    display: none;
}

#go-top:before {
    content: ">";
    position: absolute;
    font-size: 38px;
    width: 20px;
    left: 70%;
    margin-left: -20px;
    transform: rotate(-90deg);
}

#go-top:hover {
    transform: scale(1.2)
}