/* TABLE OF CONTENTS

	1. Basic styles
	2. Header
	3. Sections
	4. Footer
	5. Breakpoints

*/

/* 1. BASIC STYLES */

html,
body {
    height: 100%;
}

body {
    font: 16px/1.5 Roboto, sans-serif;
    background-color: #fff;
    color: #47525d;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
}

a {
    color: #089bd9;
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
}

a:hover {
    color: #0aacf2;
}

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

.preloader {
    background: #fff url("../img/preloader.svg") no-repeat center center;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.cookies {
    position: fixed;
    background-color: #fff;
    width: 100%;
    padding: 15px 0;
    bottom: 0;
    z-index: 999;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
}

.cookies-wrapper p {
    margin: 0;
    font-weight: 400;
    text-align: center;
    font-size: 0.8125em;
}

.cookies span {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #47525d;
    width: 20px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    transition: color 0.125s ease-in-out 0s;
    -moz-transition: color 0.125s ease-in-out 0s;
    -webkit-transition: color 0.125s ease-in-out 0s;
    -o-transition: color 0.125s ease-in-out 0s;
    -ms-transition: color 0.125s ease-in-out 0s;
    z-index: 1;
}

.cookies span:hover {
    color: #089bd9;
}

#tidio-chat,
#tidio-chat-button-mobile {
    z-index: 99 !important;
}

/* 2. HEADER */

header {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #191f26 !important;
}

header > .container {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
}

header > canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.header-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(25, 31, 38, 0.6);
}

.logo img {
    max-width: 100%;
    height: 70px;
}

.menu {
    text-align: right;
}

.menu > ul {
    display: inline-block;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    margin: 0;
    padding-left: 0;
}

.menu > ul > li {
    display: inline-block;
    margin-left: 20px;
}

.menu > ul > li:first-child {
    margin-left: 0;
}

.menu > ul > li > a {
    position: relative;
    display: block;
    padding: 0;
    height: 70px;
    line-height: 70px;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
}

.menu > ul > li > a span {
    display: block;
    position: absolute;
    top: 5px;
    right: -15px;
    font-size: 0.75em;
    background-color: #f44336;
    height: 19px;
    line-height: 19px;
    padding: 0px 4px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 400;
}

.menu > ul > li > a:after {
    position: absolute;
    left: 50%;
    right: 50%;
    height: 2px;
    bottom: 15px;
    content: "";
    background-color: #089bd9;
    -webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.menu > ul > li > a:hover,
.menu > ul > li > a.menu-active {
    color: rgba(255, 255, 255, 0.75);
}

.menu > ul > li > a:hover:after,
.menu > ul > li > a.menu-active:after {
    left: 0;
    right: 0;
}

.zindex-1 {
    position: relative;
    z-index: 1 !important;
}

.zindex-2 {
    position: relative;
    z-index: 2 !important;
}

.menu-dropdown-wrapper {
    position: relative;
}

.menu-dropdown-wrapper:hover .menu-dropdown {
    visibility: visible;
    opacity: 1;
}

.menu-dropdown {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.125s, opacity 0.125s linear;
    position: absolute;
    top: 70px;
    left: 0;
    list-style-type: none;
    width: 200px;
    background-color: rgba(8, 155, 217, 0.75);
    border: 1px solid #089bd9;
    padding: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.menu-dropdown li {
    text-align: left;
    height: 30px;
    line-height: 30px;
    display: block;
}

.menu-dropdown li:first-child {
    margin-bottom: 20px;
}

.menu-dropdown li a {
    color: #fff;
    font-weight: 400;
}

.menu-dropdown li a:hover {
    color: rgba(255, 255, 255, 0.75);
}

.menu-hamburger {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    font-size: 1.5em;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 15px;
}

.menu-hamburger:hover {
    color: #47525d;
    border: 1px solid #fff;
    background-color: #fff;
}

.wrap {
    position: relative;
}

.panel {
    background: #191f26;
    z-index: 9999;
    position: fixed;
    right: 300px;
    width: 320px;
    padding: 25px;
}

.panel > ul {
    display: inline-block;
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}

.panel > ul > li {
    height: 30px;
    line-height: 30px;
}

.panel > ul > li a {
    color: #fff;
    position: relative;
}

.panel > ul > li a:hover {
    color: #089bd9;
}

.panel > ul > li a span {
    display: block;
    position: absolute;
    top: 0;
    right: -35px;
    font-size: 0.75em;
    background-color: #f44336;
    height: 18px;
    line-height: 16px;
    padding: 0px 4px 0 3px;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 400;
}

.panel span {
    position: absolute;
    display: inline-block;
    color: #fff;
    top: 25px;
    right: 25px;
}

.header-texts {
    margin-top: 50px;
    margin-bottom: 50px;
}

.header-texts h1 {
    font-size: 2.5em;
    color: #fff;
    font-weight: 300;
    margin: 0;
    line-height: 1.25;
}

.header-texts h4 {
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
    font-weight: 400;
}

.header-texts h2 {
    font-size: 3em;
    color: #fff;
    font-weight: 300;
    margin: 0;
    line-height: 1.25;
}

.header-texts h2 strong {
    font-weight: 700;
}

.header-texts p {
    font-size: 1.125em;
    color: rgba(255, 255, 255, 0.9);
    margin: 15px 0 0;
}

.header-texts.header-texts-main p {
    margin: 15px 0 25px;
}

.header-texts a {
    display: inline-block;
    height: 60px;
    line-height: 58px;
    padding: 0 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(8, 155, 217, 0.25);
    border: 1px solid #089bd9;
    color: #fff;
    font-weight: 400;
    transition: all 0.3s;
    margin-top: 20px;
}

.header-texts a span {
    color: rgba(255, 255, 255, 0.75);
    font-weight: 300;
}

.header-texts a:hover {
    background-color: #089bd9;
    border: 1px solid #089bd9;
    color: #fff;
}

.header-texts a:hover span {
    color: #fff;
}

.header-btn-blue,
.header-btn-white {
    display: inline-block;
    height: 60px;
    line-height: 56px;
    padding: 0 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    transition: all 0.3s;
}

.header-btn-blue:before,
.header-btn-white:before {
    font-family: "Ionicons";
    content: "\f3d1";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    height: 100%;
    font-size: 1em;
    line-height: 56px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    right: 50px;
    opacity: 0;
    top: 0;
}

.header-btn-blue:after,
.header-btn-white:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.header-btn-blue:hover:before,
.header-btn-white:hover:before {
    right: 25px;
    opacity: 1;
}

.header-btn-blue {
    background-color: #089bd9;
    border: 2px solid #089bd9;
    color: #fff;
    margin-right: 30px;
}

.header-btn-blue:hover,
.header-btn-blue:focus {
    background-color: rgba(8, 155, 217, 0.5);
    border: 2px solid #089bd9;
    color: #fff;
    padding: 0 50px 0 25px;
}

.header-btn-white {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.header-btn-white:hover,
.header-btn-white:focus {
    background-color: rgba(255, 255, 255, 0.15);
    border: 2px solid #fff;
    color: #fff;
    padding: 0 50px 0 25px;
}

.main-content-01 {
    background: linear-gradient(
        -10deg,
        transparent 35%,
        #f2f4f7 35%,
        #f2f4f7 65%,
        transparent 65%
    );
}

.main-content-01 img {
    max-width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.main-content-01 p {
    font-size: 1.25em;
}

.scroll-down {
    text-align: center;
    margin-bottom: 50px;
}

.scroll-down span {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    color: rgba(255, 255, 255, 0.75);
    cursor: pointer;
    transition: color 0.125s ease-in-out 0s;
    -moz-transition: color 0.125s ease-in-out 0s;
    -webkit-transition: color 0.125s ease-in-out 0s;
    -o-transition: color 0.125s ease-in-out 0s;
    -ms-transition: color 0.125s ease-in-out 0s;
    position: relative;
}

.scroll-down span:hover {
    color: #fff;
}

.scroll-down span i {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    color: rgba(255, 255, 255, 0.75);
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0.25;
    }

    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0.25;
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0.25;
    }

    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0.25;
    }
}

.scroll-down span:hover i {
    color: #fff;
}

/* 3. SECTIONS */

section {
    padding: 100px 0;
}

section.about-logos {
    padding: 0 0 100px;
}

.about-logos-title h4 {
    font-size: 1.125em;
    margin: 0 0 25px;
    text-align: center;
    font-weight: 300;
}

.featured-about {
    background-color: #089bd9;
}

.featured-about .about-text p {
    color: #fff;
}

.about-image img {
    width: 100%;
    max-width: 100%;
    /*-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.15);
		box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.15);*/
}

.about-image p {
    margin: 0;
    font-size: 0.8125em;
    text-align: center;
}

.about-text {
    padding-top: 100px;
}

.about-text p {
    margin: 0 0 25px;
    color: #6f7174;
}

.about-text p:first-child {
    font-weight: 700;
    font-size: 1.5em;
}

.about-text p:last-child {
    margin: 0;
}

.about-photo-bg {
    padding: 250px 0;
}

.about-photo-bg-text h3 {
    color: #fff;
    text-align: center;
    margin: 0;
    font-size: 2.5em;
    font-weight: 300;
}

.benefits-title h3 {
    font-size: 2.5em;
    margin: 100px 0 0;
    text-align: center;
    font-weight: 300;
}

.benefits-title.benefits-title-m h3 {
    margin: 0 0 100px;
}

.benefits-big-icon {
    text-align: right;
}

.benefits-big-icon img {
    height: 150px;
}

.benefits-big-texts h4 {
    font-size: 1.75em;
    margin: 25px 0 0;
    color: #089bd9;
}

.benefits-big-texts p {
    font-size: 1.25em;
    margin: 10px 0 0;
}

.benefits-single {
    text-align: center;
    margin-top: 100px;
    padding-bottom: 30px;
    position: relative;
}

.benefits-single img {
    height: 75px;
}

.benefits-single h4 {
    font-size: 1.25em;
    margin: 25px 0 0;
    color: #089bd9;
}

.benefits-single p {
    margin: 10px 0 0;
}

section.join {
    background-color: #f2f4f7;
}

.main-icon {
    background-color: #f2f4f7;
}

.main-icon-2 {
    background-color: #fff;
}

.main-icon-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-icon-row {
    display: flex;
}

.main-icon-img img {
    height: 200px;
    max-width: 100%;
}

@media only screen and (max-width: 991px) {
    .main-icon-row,
    .main-icon-img {
        display: block;
    }

    .main-icon-img img {
        display: block;
    }

    .main-icon .main-icon-img img {
        margin: 0 auto 50px;
    }

    .main-icon-2 .main-icon-img img {
        margin: 50px auto 0;
    }
}

.main-icon-img.main-icon-img-big img {
    height: auto;
    max-width: 100%;
}

.main-icon-txt h2 {
    font-size: 1.5em;
    margin: 0 0 20px;
}

.main-icon-txt p {
    font-size: 1.125em;
}

.join-title h3 {
    font-size: 2.5em;
    margin: 0 0 100px;
    text-align: center;
    font-weight: 300;
}

.join-single {
    text-align: center;
}

.join-single > div {
    display: inline-block;
    width: 200px;
    height: 200px;
    background-color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    line-height: 200px;
}

.join-single > div img {
    height: 75px;
    display: inline-block;
}

.join-single h4 {
    font-size: 1.125em;
    margin: 25px 0 0;
    color: #47525d;
}

section.steps {
    background-color: #fff;
}

.steps-title h3 {
    font-size: 2.5em;
    margin: 0 0 100px;
    text-align: center;
    font-weight: 300;
}

.step-dots {
    position: relative;
}

.step-dots-wrapper {
    width: 80%;
    position: absolute;
    top: 50px;
    border-bottom: 2px dotted #c8cbd0;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 0;
}

.step {
    text-align: center;
}

.step span {
    display: inline-block;
    width: 100px;
    height: 100px;
    background-color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    line-height: 96px;
    color: #191f26;
    font-size: 3.5em;
    z-index: 1;
    position: relative;
    border: 2px dotted #089bd9;
}

.step span.ion-ios-chatboxes-outline,
.step span.ion-ios-paper-outline,
.step span.ion-ios-loop {
    font-size: 2.75em;
}

.step h4 {
    font-size: 1.25em;
    margin: 25px 0 0;
    color: #47525d;
}

.step p {
    margin: 10px 0 0;
}

section.trusted-white {
    padding: 100px 0 0;
}

section.trusted-white.trusted-white-clients {
    padding: 0;
}

section.trusted-white.container-fluid,
section.trusted-gray.container-fluid {
    padding: 100px 15px 0;
}

section.trusted-gray {
    padding: 100px 0 0;
    background-color: #f2f4f7;
}

.trusted-title h3 {
    font-size: 2.5em;
    margin: 0 0 100px;
    text-align: center;
    font-weight: 300;
}

.row.row-trusted-double {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.trusted-image,
.trusted-image-sopot,
.trusted-image-brodnica,
.trusted-image-ostroda {
    text-align: center;
}

.trusted-image img {
    width: 350px;
    max-width: 100%;
}

.trusted-image-sopot img {
    max-width: 100%;
}

.trusted-image-brodnica img {
    max-width: 90%;
}

@media (max-width: 767px) {
    .trusted-image-brodnica img {
        padding-top: 50px;
        max-width: 100%;
    }

    .trusted-gray-ostroda {
        padding-top: 50px !important;
    }

    .trusted-texts-czluchow {
        padding-top: 0 !important;
    }

    .trusted-texts-czluchow blockquote {
        margin: 0 !important;
    }

    .trusted-image-pleszew {
        max-width: 90%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.trusted-image-ostroda img {
    max-width: 100%;
}

.trusted-texts {
    padding-top: 100px;
}

.trusted-texts.trusted-texts-sopot {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 1220px) {
    .trusted-texts-ostroda {
        margin-top: 120px;
    }

    .trusted-gray-ostroda {
        padding-top: 0 !important;
    }
}

.trusted-texts.trusted-texts-tygodnik {
    text-align: center;
    padding-top: 50px;
}

.trusted-texts.trusted-texts-long {
    padding-top: 25px;
}

.trusted-texts.trusted-texts-long.trusted-texts-long-pt {
    padding-top: 0;
}

.trusted-texts.trusted-texts-medium {
    padding-top: 50px;
}

.trusted-texts img {
    max-width: 100%;
}

.trusted-texts blockquote {
    margin: 0;
    font-size: 1.5em;
    font-style: italic;
    font-weight: 400;
    position: relative;
}

.trusted-texts.trusted-texts-sopot blockquote {
    font-size: 1.75em;
    font-weight: 300;
}

.trusted-quote-more {
    display: none;
    position: absolute;
    top: -30px;
    right: 0;
    background-color: #f2f4f7;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 30px 30px 10px;
    width: 600px;
    height: 400px;
    font-size: 0.6125em;
    font-style: normal;
    z-index: 1;
    text-align: left;
}

.trusted-quote-more > div {
    height: 320px;
    overflow: hidden;
}

.trusted-quote-more-pr {
    padding-right: 10px;
    padding-bottom: 30px;
}

.trusted-quote-more span {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: right;
    color: #089bd9;
    font-weight: 700;
    font-size: 0.875em;
    cursor: pointer;
    transition: background-color 0.125s ease-in-out 0s;
    -moz-transition: background-color 0.125s ease-in-out 0s;
    -webkit-transition: background-color 0.125s ease-in-out 0s;
    -o-transition: background-color 0.125s ease-in-out 0s;
    -ms-transition: background-color 0.125s ease-in-out 0s;
}

.trusted-quote-more span:hover {
    color: #0aacf2;
}

.trusted-quote-more-fade {
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 0;
    background: -moz-linear-gradient(
        top,
        rgba(242, 244, 247, 0) 0%,
        rgba(242, 244, 247, 1) 90%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(242, 244, 247, 0) 0%,
        rgba(2242, 244, 247, 1) 90%
    );
    background: linear-gradient(
        to bottom,
        rgba(242, 244, 247, 0) 0%,
        rgba(242, 244, 247, 1) 90%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f2f4f7', endColorstr='#f2f4f7', GradientType=0);
}

.trusted-texts blockquote a {
    font-size: 0.75em;
}

.trusted-texts.trusted-texts-long blockquote {
    font-size: 1.125em;
}

.trusted-texts.trusted-texts-medium blockquote {
    font-size: 1.25em;
}

.trusted-texts p {
    margin: 25px 0;
}

.trusted-texts.trusted-texts-sopot p {
    font-size: 0.875em;
    margin: 50px 0 25px;
}

.trusted-texts strong {
    font-size: 1.25em;
    display: block;
    font-weight: 400;
}

.portal-logos,
.trusted-logos {
    text-align: center;
}

.portal-logos img {
    width: 100%;
    margin: 0 auto;
    max-height: 65px;
}

.trusted-logos img {
    max-width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
    filter: gray;
    filter: grayscale(100%);
    -webkit-filter: grayscale(1);
}

.trusted-logos img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: 0;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0);
}

.logos-title h3 {
    font-size: 2.5em;
    margin: 0 0 50px;
    text-align: center;
    font-weight: 300;
}

.logos > .row {
    margin-bottom: 50px;
}

.logos > .row:last-child {
    margin-bottom: 0;
}

.team-title h3 {
    font-size: 2.5em;
    margin: 0 0 100px;
    text-align: center;
    font-weight: 300;
}

.team-single {
    margin-bottom: 50px;
    text-align: center;
    transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    -ms-transition: all 0.25s ease-in-out 0s;
}

.team-single img {
    max-width: 100%;
}

.team-single h4 {
    font-size: 1.25em;
    margin: 25px 0 0;
    color: #089bd9;
}

.team-single p {
    margin: 5px 0 0;
}

section.contact-person {
    padding: 100px 0 0;
}

.contact-person-l {
    text-align: center;
}

.contact-person-l img {
    max-width: 100%;
}

.contact-person-r {
    padding-top: 100px;
}

.contact-person-r blockquote {
    margin: 0;
    font-size: 1.75em;
    font-style: italic;
    font-weight: 400;
}

.contact-person-r img {
    margin: 50px 0 25px;
}

.contact-person-r p {
    margin: 0;
}

.contact-person-r p strong {
    font-size: 1.25em;
    display: block;
    font-weight: 400;
}

section.contact {
    background-color: #f2f4f7;
}

.contact-texts h4 {
    font-weight: 700;
    font-size: 1.25em;
    margin: 10px 0 0;
}

.contact-texts p {
    margin: 10px 0 0;
}

.contact-texts p.opening-hours span:first-child {
    width: 150px;
    display: inline-block;
}

.contact-texts p.opening-hours span:last-child {
    display: inline-block;
    margin-left: 10px;
}

.contact-icons span {
    display: inline-block;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    background-color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.contact-icons span i {
    color: #089bd9;
    font-size: 2.5em;
}

.contact-left > .row {
    margin-bottom: 25px;
}

.contact-form label {
    text-align: right;
    width: 100%;
    display: inline-block;
    line-height: 50px;
    font-weight: 400;
    margin-bottom: 10px;
}

.contact-form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.contact-form input[type="text"],
.contact-form textarea {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: border 0.125s ease-in-out 0s;
    -moz-transition: border 0.125s ease-in-out 0s;
    -webkit-transition: border 0.125s ease-in-out 0s;
    -o-transition: border 0.125s ease-in-out 0s;
    -ms-transition: border 0.125s ease-in-out 0s;
}

.contact-form input[type="text"] {
    height: 50px;
    padding: 0 15px;
}

.contact-form textarea {
    height: 250px;
    padding: 15px;
    resize: vertical;
    overflow-y: auto;
    overflow-x: hidden;
}

.contact-form input[type="text"]:focus,
.contact-form textarea:focus {
    outline: 0;
    border: 1px solid #22b4f2;
}

.contact-form input[type="submit"] {
    text-align: center;
    font-weight: 400;
    background-color: #089bd9;
    color: #fff;
    padding: 0 25px;
    border: 0;
    height: 50px;
    display: inline-block;
    font-size: 0.9em;
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.contact-form input[type="submit"]:hover {
    background-color: #22b4f2;
}

.contact-form input[type="submit"]:focus {
    outline: 0;
    border: 0;
}

.submit {
    text-align: right;
}

.message p {
    font-size: 0.875em;
    margin: 0 0 10px;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.message-success {
    background-color: #e1f2e3;
    color: #33aa44;
    border: 1px solid #c1e5c7;
}

.message-error {
    background-color: #fce1e1;
    color: #ee3333;
    border: 1px solid #fac1c1;
}

.message-info {
    background-color: #fdfdd0;
    color: #adad5e;
    border: 1px solid #d2d2ac;
}

.contact-map {
    padding: 0;
}

.contact-map .container-fluid,
.contact-map .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.contact-map .row {
    margin-left: 0;
    margin-right: 0;
}

.contact-map iframe {
    display: block;
}

.contact-address:before {
    content: attr(data-website) "\0040"attr(data-user);
    unicode-bidi: bidi-override;
    direction: rtl;
}

.footer-address address {
    font-style: normal;
    line-height: 30px;
    color: #fff;
    font-size: 0.875em;
}

.news-title h3 {
    font-size: 2.5em;
    margin: 0 0 100px;
    text-align: center;
    font-weight: 300;
}

.news-admin-menu {
    margin-bottom: 100px;
    text-align: center;
}

.news-admin-menu a.logout,
.news-admin a.delete {
    background-color: #fa4733;
}

.news-admin-menu a.add-news {
    background-color: #7dc63c;
}

.news-admin a.edit-news {
    background-color: #fbb725;
}

.news-admin a,
.news-admin-menu a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 0.75em;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #089bd9;
    color: #fff;
    margin-right: 5px;
    font-weight: 400;
}

.news-texts {
    padding-top: 50px;
}

.news-texts > span {
    font-size: 0.875em;
}

.news-texts > h4 {
    margin: 5px 0 0;
    font-size: 1.25em;
}

.news-texts > p {
    margin: 15px 0 0;
}

.news-texts > p span {
    display: inline-block;
    font-weight: 700;
    color: #089bd9;
    cursor: pointer;
}

.news-texts > p > a {
    font-weight: 700;
    color: #089bd9;
}

.news-texts > p > a:hover {
    color: #0aacf2;
}

.token {
    width: 290px;
    position: absolute;
    background-color: #ecf0f1;
    border: 1px solid #d9dbde;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(53, 57, 62, 0.15);
    -moz-box-shadow: 0px 10px 15px 0px rgba(053, 57, 62, 0.15);
    box-shadow: 0px 10px 15px 0px rgba(53, 57, 62, 0.15);
    top: 5px;
    left: 15px;
    top: 0;
    z-index: 1;
    display: none;
}

.token p {
    margin: 0 0 10px;
}

.token p.token-message {
    font-size: 0.875em;
    margin: 10px 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.token p.token-message.token-message-error {
    background-color: #fce1e1;
    color: #ee3333;
    border: 1px solid #fac1c1;
}

.token p.token-message.token-message-success {
    background-color: #e1f2e3;
    color: #33aa44;
    border: 1px solid #c1e5c7;
}

.token p.token-message.token-message-error,
.token p.token-message.token-message-success {
    padding: 15px;
}

.token input[type="text"],
.token input[type="submit"] {
    display: inline-block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 10px;
}

.token input[type="text"] {
    background-color: #fff;
    border: 1px solid #d9dbde;
}

.token input[type="submit"] {
    font-weight: 400;
    background-color: #089bd9;
    color: #fff;
    padding: 0 25px;
    border: 0;
    font-size: 0.9em;
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
}

.token input[type="text"]:focus,
.token input[type="submit"]:focus {
    outline: 0;
    border: 1px solid #22b4f2;
}

.token input[type="submit"]:hover {
    background-color: #22b4f2;
}

.token span {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 0.8125em;
    color: #8b96a1;
    cursor: pointer;
    transition: color 0.125s ease-in-out 0s;
    -moz-transition: color 0.125s ease-in-out 0s;
    -webkit-transition: color 0.125s ease-in-out 0s;
    -o-transition: color 0.125s ease-in-out 0s;
    -ms-transition: color 0.125s ease-in-out 0s;
}

.token span:hover {
    color: #5e666e;
}

.news-image img {
    width: 100%;
    max-width: 100%;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
}

.news-row {
    margin-bottom: 100px;
}

.pagination {
    text-align: center;
    padding-left: 0% !important;
}

.pagination ul {
    margin: 0;
    list-style-type: none;
    padding-left: 0 !important;
}

.pagination li {
    display: inline-block;
    margin: 0 3px;
}

.pagination li a {
    display: inline-block;
    padding: 2px 7px;
    color: #47525d;
}

.pagination li a:hover {
    color: #089bd9;
}

.pagination li a.pagination-active {
    color: #fff;
    background-color: #089bd9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.projects-title h3 {
    font-size: 2.5em;
    margin: 0 0 100px;
    text-align: center;
    font-weight: 300;
}

.cssmap-pins {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cssmap-marker img {
    width: 8px;
    height: 8px;
}

#map-pins {
    left: 15px !important;
}

.map-legend ul {
    display: inline-block;
    margin: 100px 0 0;
    list-style-type: none;
    padding-left: 0;
}

.map-legend li {
    margin: 0 0 15px;
}

.map-legend li:last-child {
    margin: 0;
}

.map-legend li img {
    vertical-align: 1px;
    margin-right: 10px;
}

.map-check {
    width: 90%;
    padding: 50px;
    margin-top: 50px;
    background-color: #f2f4f7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.map-check p {
    font-size: 1.25em;
    margin: 0 0 25px;
    text-align: c;
}

a.btn-advantages {
    font-weight: 400;
}

a.btn-advantages span {
    font-weight: 300;
}

a.btn-advantages,
a.projects-btn {
    width: auto !important;
    padding: 0 20px !important;
}

a.btn-advantages,
a.projects-btn,
.map-check a {
    width: 100%;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #089bd9;
    color: #fff;
    font-weight: 400;
}

a.btn-advantages:hover,
a.projects-btn:hover,
.map-check a:hover {
    background-color: #22b4f2;
}

.contact-action {
    padding: 50px 0;
    background-color: #089bd9;
}

.contact-action-wrapper {
    text-align: center;
}

.contact-action h4 {
    display: inline-block;
    color: #fff;
    margin: 0;
    font-weight: 300;
    font-size: 2em;
    vertical-align: middle;
    margin-right: 25px;
}

.contact-action a {
    display: inline-block;
    height: 60px;
    line-height: 56px;
    padding: 0 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    border: 2px solid #fff;
    color: #6f7174;
    font-weight: 400;
}

.contact-action a:hover,
.contact-action a:focus {
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid #fff;
    color: #fff;
}

.login label {
    width: 100%;
    display: inline-block;
    line-height: 30px;
    font-weight: 400;
}

.login input[type="text"],
.login input[type="password"],
.login textarea,
.file {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    display: inline-block;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: border 0.125s ease-in-out 0s;
    -moz-transition: border 0.125s ease-in-out 0s;
    -webkit-transition: border 0.125s ease-in-out 0s;
    -o-transition: border 0.125s ease-in-out 0s;
    -ms-transition: border 0.125s ease-in-out 0s;
}

.login textarea {
    height: 150px;
    padding: 15px;
    resize: vertical;
    overflow: hidden;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login textarea:focus {
    outline: 0;
    border: 1px solid #22b4f2;
}

.login input[type="submit"] {
    width: 100%;
    text-align: center;
    font-weight: 400;
    background-color: #089bd9;
    color: #fff;
    padding: 0;
    border: 0;
    height: 50px;
    display: inline-block;
    font-size: 0.9em;
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.login input[type="submit"]:hover {
    background-color: #22b4f2;
}

.body-login {
    padding: 25px;
}

.label-checkbox {
    margin-bottom: 10px;
}

.reference {
    padding: 0 0 100px 0;
    background-color: #f2f4f7;
}

.reference-top {
    margin-top: 30px;
}

.reference-big {
    /*margin-top: 100px;*/
    margin-bottom: 30px;
}

.reference-big-wrapper {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    padding: 40px 25px 25px;
}

.reference-big-text {
    text-align: center;
}

.reference-big-text span {
    display: inline-block;
    color: #089bd9;
    font-weight: 400;
    font-size: 0.875em;
    cursor: pointer;
    transition: background-color 0.125s ease-in-out 0s;
    -moz-transition: background-color 0.125s ease-in-out 0s;
    -webkit-transition: background-color 0.125s ease-in-out 0s;
    -o-transition: background-color 0.125s ease-in-out 0s;
    -ms-transition: background-color 0.125s ease-in-out 0s;
}

.reference-big-text span:hover {
    color: #0aacf2;
}

.reference-big-slide {
    display: none;
}

.reference-big-text p {
    margin: 0 0 15px;
    font-size: 1.125em;
    font-style: italic;
    font-weight: 300;
}

.reference-big-text p:last-child {
    margin-bottom: 0;
}

.reference-big-wrapper .reference-single p:first-child {
    height: auto;
    margin: 0 0 15px;
    font-style: normal;
}

.reference-title h3 {
    font-size: 2.5em;
    margin: 0 0 100px;
    text-align: center;
    font-weight: 300;
}

.reference-single {
    text-align: center;
}

.reference-single > div {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    padding: 40px 25px 25px;
}

.reference-single p:first-child {
    height: 80px;
    font-style: italic;
    margin: 0 0 40px;
    font-size: 1.125em;
}

.reference-single p {
    margin: 0 0 15px;
}

.reference-single p strong {
    font-size: 1.125em;
}

.reference-single p a {
    font-size: 0.875em;
}

.reference-single img {
    display: inline-block;
}

.stats-blue {
    padding: 75px 0;
    background-color: #089bd9;
}

.stats-blue-texts {
    text-align: center;
}

.stats-blue-texts p {
    margin: 0 0 25px;
    color: #fff;
    font-size: 1.75em;
}

.stats-blue-texts p span {
    display: inline-block;
    font-size: 2em;
    font-weight: 700;
    margin: 0 10px;
}

.stats-blue-texts > span {
    font-size: 0.75em;
    color: rgba(255, 255, 255, 0.75);
}

.mention-box {
    text-align: center;
}

.mention-box img {
    max-width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
    filter: gray;
    filter: grayscale(100%);
    -webkit-filter: grayscale(1);
}

.mention-box img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: 0;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0);
}

/* 4. FOOTER */

footer {
    padding: 50px 0;
    background-color: #191f26;
}

.footer-logo img {
    height: 60px;
}

.footer-menu ul {
    display: inline-block;
    margin: 0;
    padding-left: 20px;
    list-style-type: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.footer-menu li {
    font-size: 0.875em;
}

.footer-menu a {
    padding: 0;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    color: #fff;
}

.footer-menu a:hover {
    color: rgba(255, 255, 255, 0.75);
}

.footer-details {
    margin: 20px 0 0;
    color: #fff;
    font-size: 0.875em;
}

.fg {
    padding: 0;
    background-color: #f2f4f7;
}

.fg-container {
    padding-top: 100px;
    position: relative;
    background-image: url("../img/bg-fg.jpg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
}

.fg-logo {
    position: absolute;
    height: 170px;
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0;
    top: -85px;
}

.fg-container h3 {
    font-size: 3em;
    margin: 0 0 50px;
    font-weight: 700;
}

.fg-container h3 img {
    height: 100px;
    margin-left: 25px;
}

.fg-container h4 {
    font-size: 2.25em;
    margin: 0 0 50px;
    font-weight: 300;
}

.fg-container p {
    font-size: 1.5em;
    margin: 0 0 50px;
}

.fg-btn {
    display: inline-block;
    height: 60px;
    line-height: 56px;
    padding: 0 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e83a47;
    border: 2px solid #e83a47;
    color: #fff;
    font-weight: 400;
    margin-bottom: 50px;
}

.fg-btn:hover,
.fg-btn:focus {
    background-color: #ef5884;
    border: 2px solid #ef5884;
    color: #fff;
}

.trusted-title-fg h3 {
    margin: 0;
}

section.active-portals {
    text-align: left;
    padding: 100px 0;
    background-image: url(../img/active-portals.jpg);
    background-repeat: no-repeat;
    background-position: center right;
}

.active-portals h3 {
    margin-bottom: 25px;
    text-align: left;
}

.active-portals h4 {
    font-size: 1.75em;
    margin: 0 0 50px;
    font-weight: 300;
}

.active-portals a {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 25px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #089bd9;
    color: #fff;
    font-weight: 400;
    margin: 0 auto;
}

.active-portals a:hover {
    background-color: #22b4f2;
}

/* new home */

.home-new-owl {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.home-new-row {
    margin-right: 0;
    margin-left: 0;
}

.home-new-img {
    text-align: center;
}

.home-new-img img {
    max-width: 100%;
    max-height: calc(100vh - 100px);
    margin: 0 auto;
}

.home-new-texts {
    color: #fff;
}

.home-new-texts.home-new-tests-01 h2 {
    margin-top: 100px;
}

.home-new-texts h2 {
    font-weight: 400;
    font-size: 2em;
    margin-right: 30%;
    margin-bottom: 40px;
}

.home-new-logo img {
    height: 100px;
    margin: 0 !important;
}

.home-new-person p {
    margin: 0 0 10px;
    font-size: 0.875em;
}

.home-new-person p strong {
    font-weight: 400;
    display: block;
    font-size: 1.375em;
}

.owl-carousel .owl-item img {
    width: auto;
}

.home-new-texts > a {
    display: inline-block;
    height: 60px;
    line-height: 58px;
    padding: 0 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    transition: all 0.3s;
    background-color: rgba(8, 155, 217, 0.25);
    border: 1px solid #089bd9;
    color: #fff;
    margin-top: 80px;
    margin-right: 0;
    font-weight: 400;
}

.home-new-texts > a:before {
    font-family: "Ionicons";
    content: "\f3d1";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    height: 100%;
    font-size: 1em;
    line-height: 58px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    right: 50px;
    opacity: 0;
    top: 0;
}

.home-new-texts > a:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.home-new-texts > a:hover:before {
    right: 25px;
    opacity: 1;
}

.home-new-texts > a:hover,
.home-new-texts > a:focus {
    background-color: #089bd9;
    border: 1px solid #089bd9;
    color: #fff;
    padding: 0 50px 0 25px;
}

@media only screen and (max-height: 700px) {
    .home-new-texts.home-new-tests-01 h2 {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 1399px) {
    .home-new-texts h2 {
        margin-right: 0;
        margin-bottom: 40px;
        font-size: 1.5em;
    }

    .home-new-texts.home-new-tests-01 h2 {
        margin-top: 40px;
    }
}

.fb-stats {
    padding: 75px 0;
    background-color: #4966a4;
    background-image: url("../img/bg-fb.jpg");
    background-repeat: no-repeat;
    background-position: center right;
}

.fb-stats-texts p {
    margin: 0 0 25px;
    color: #fff;
    font-size: 1.75em;
}

.fb-stats-texts i {
    font-size: 2em;
    margin-left: 20px;
}

.fb-stats-texts p span {
    display: inline-block;
    font-size: 2em;
    font-weight: 700;
    margin: 0 10px;
}

.fb-stats-texts > span {
    font-size: 0.75em;
    color: rgba(255, 255, 255, 0.75);
}

/* O NAS NEW */

.team-title-new h3 {
    font-size: 2.5em;
    margin: 0;
    text-align: center;
    font-weight: 300;
}

.team-title-new h4 {
    font-size: 2em;
    margin: 0;
    font-weight: 300;
}

.team-title-new.tc h4 {
    text-align: center;
}

.team-button-new {
    text-align: right;
}

.team-button-new a {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #089bd9;
    color: #fff;
    font-weight: 400;
    margin: 10px 0 0;
    font-size: 1.125em;
}

.team-graphics {
    background-image: url("../img/bg-team3.jpg");
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
}

.team-graphic-content {
    height: 800px;
}

.team-graphic-content-outer {
    display: table;
    height: 100%;
}

.team-graphic-content-inner {
    display: table-cell;
    vertical-align: bottom;
    color: #fff;
}

.team-graphic-content-inner h4 {
    font-size: 2em;
    margin: 0 0 25px;
    font-weight: 300;
}

.team-graphic-content-inner p {
    font-size: 1.375em;
    font-weight: 700;
    margin: 20px 0 0;
}

.team-graphic-content-inner p span {
    display: block;
    text-transform: uppercase;
    font-size: 0.7125em;
    font-weight: 300;
}

.team-new-nm {
    padding: 0;
}

.team-fw-img {
    height: 650px;
    padding: 0;
}

.team-fw-img img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%; 
}

.team-new-single {
    text-align: center;
}

.team-new-single > div,
.team-new-single-desc {
    width: 150px;
    height: 150px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.team-new-single > div {
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin: 10px 20px;
}

.team-new-single > div.team-new-single-work {
    text-align: center;
}

.team-new-single > div.team-new-single-work p {
    display: table;
    width: 150px;
    height: 150px;
    margin: 0;
}

.team-new-single > div.team-new-single-work p a {
    display: table-cell;
    vertical-align: middle;
    color: #333;
    background-color: #f2f4f7;
}

.team-new-single > div.team-new-single-work p a:hover {
    color: #fff;
    background-color: #089bd9;
}

.team-new-single > div img {
    width: 150px;
    height: 150px;
}

.team-new-single-desc {
    display: table;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(8, 155, 217, 0.85);
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
}

.team-new-single > div:hover .team-new-single-desc {
    opacity: 1;
    visibility: visible;
}

.team-new-single-desc p {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-weight: 400;
    font-size: 0.875em;
    padding: 0 5px;
    cursor: default;
}

.team-new-single-desc p span {
    display: block;
    font-size: 0.75em;
    font-weight: 300;
    margin-top: 5px;
}

.team-new-boss {
    padding: 50px 0 0;
    background-color: #f2f4f7;
    background-image: url("../img/team/bg-mn.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.team-new-boss-desc h4 {
    font-size: 2em;
    margin: 100px 0 50px;
    font-weight: 300;
}

.team-new-boss-desc p {
    margin: 10px 0 0;
    font-size: 1.25em;
    display: block;
    font-weight: 400;
}

.team-new-boss-desc p span {
    display: block;
    font-weight: 300;
    font-size: 0.75em;
}

.team-new-boss-img img {
    max-width: 100%;
}

.team-new-gallery {
    padding: 100px 0 200px;
}

.team-new-gallery .team-title-new {
    margin-bottom: 100px;
}

.team-new-gallery {
    background-image: url("../img/team/bg-team-gallery.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.team-new-gallery-photos img {
    max-width: 100%;
    margin: 15px 0;
}

.team-new-gallery-photos blockquote {
    text-align: center;
    padding: 30px;
    margin: 15px 0;
    background-color: #fff;
}

.team-new-gallery-photos blockquote p {
    margin: 0;
    font-size: 1.25em;
    font-style: italic;
}

.team-new-gallery-photos blockquote strong {
    display: block;
    font-size: 0.875em;
    font-style: normal;
}

.team-new-gallery-photos blockquote img {
    width: 100px;
    margin: 15px 0 5px;
}

.team-new-gallery-photos:last-child {
    margin-top: 180px;
}

.team-fw-desc {
    height: 650px;
    background-color: #f2f4f7;
}

.team-fw-desc > div {
    height: 100%;
    display: table;
}

.team-fw-desc > div > div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 100px;
}

.team-fw-desc h4 {
    font-size: 2em;
    margin: 0;
    font-weight: 300;
}

.team-fw-desc p {
    font-size: 1.375em;
    font-weight: 700;
    margin: 20px 0 0;
}

.team-fw-desc p span {
    display: block;
    text-transform: uppercase;
    font-size: 0.7125em;
    font-weight: 300;
}

.team-new-imgcta {
    padding: 200px 0;
    background-image: url("../img/contact-person.jpg");
    background-position: 10% center;
    background-repeat: no-repeat;
    background-size: contain;
}

.team-new-imgcta-desc div {
    padding: 0 50px;
}

.team-new-imgcta-desc h4 {
    font-size: 2em;
    margin: 0;
    font-weight: 300;
}

.team-new-imgcta-desc a {
    display: inline-block;
    height: 60px;
    line-height: 56px;
    padding: 0 25px;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #089bd9;
    border: 2px solid #089bd9;
    color: #fff;
    font-weight: 400;
}

/* PARTNERS */

.partners-cta {
    padding: 150px 0;
    background-color: #191f26;
    background-image: url("../img/bg-partners-cta.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.partners-cta.partners-cta-2 {
    background-image: url("../img/bg-partners-cta-2.jpg");
}

.partners-cta h4 {
    color: #fff;
    font-size: 2.5em;
    margin: 0;
    font-weight: 300;
}

.partners-cta a {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #089bd9;
    color: #fff;
    font-weight: 400;
    margin: 30px 0 0;
    font-size: 1.125em;
}

.partners-cta-r {
    text-align: center;
}

.ref-gostyn {
    padding: 0;
}

.ref-gostyn-texts img {
    position: absolute;
    height: 600px;
    bottom: 0;
    right: 0;
}

.ref-gostyn-texts {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

.ref-gostyn-texts p {
    margin: 0 0 20px;
    font-size: 1.5em;
    font-style: italic;
}

.ref-gostyn-texts p:last-child,
.ref-gostyn-texts p:only-child {
    margin: 0;
}

.ref-gostyn-icons,
.ref-gostyn-signature {
    background-color: #f4f6fa;
    padding: 50px 0;
}

.ref-gostyn-signature {
    position: relative;
}

.ref-gostyn-icons-single {
    height: 190px;
}

.ref-gostyn-icons-single > div {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    line-height: 70px;
}

.ref-gostyn-icons-single > div i {
    font-size: 2em;
    color: #089bd9;
}

.ref-gostyn-icons-single span {
    display: inline-block;
    margin: 10px 0;
    font-size: 1.5em;
    font-weight: 700;
    color: #4bb04f;
}

.ref-gostyn-icons-single span i {
    margin-right: 5px;
    font-size: 0.65em;
}

.ref-gostyn-icons-single p {
    margin: 0;
    font-size: 0.875em;
}

.ref-gostyn-icons-ga p {
    margin: 50px 0 0;
    font-size: 0.65em;
}

.ref-gostyn-arrow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 35px 0 35px;
    border-color: #fff transparent transparent transparent;
}

.ref-gostyn-signature-l,
.ref-gostyn-signature-r {
    text-align: center;
}

.ref-gostyn-signature-r img {
    max-width: 100%;
}

.ref-gostyn-signature-l p {
    margin: 0;
    text-align: left;
    display: inline-block;
    font-size: 0.875em;
}

.ref-gostyn-signature-l p strong {
    font-size: 1.375em;
}

.ref-mielec {
    background: linear-gradient(90deg, #ffffff 60%, #f2f4f7 40%);
}

.ref-mielec-texts > p {
    font-size: 1.25em;
    margin: 100px 0 0;
}

.ref-mielec-icons-single {
    margin-top: 50px;
    min-height: 170px;
}

.ref-mielec-icons-single > div {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #95a2a6;
    text-align: center;
    line-height: 70px;
}

.ref-mielec-icons-single > div i {
    font-size: 2em;
    color: #fff;
}

.ref-mielec-icons-single span {
    display: inline-block;
    margin: 10px 0;
    font-size: 1.5em;
    font-weight: 700;
    color: #4bb04f;
}

.ref-mielec-icons-single span i {
    margin-right: 5px;
    font-size: 0.65em;
}

.ref-mielec-icons-single p {
    margin: 0;
    font-size: 0.875em;
}

.ref-mielec-img {
    text-align: center;
}

.ref-mielec-img img {
    max-width: 70%;
}

.ref-mielec-img p {
    margin: 30px 0;
    font-size: 0.8125em;
}

.ref-mielec-img p span {
    font-size: 1.75em;
    font-weight: 700;
}

section.blog {
    padding: 50px 0 100px;
}

.blog-single {
    margin-top: 50px;
}

.blog-single img {
    width: 100%;
    max-width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.blog-single figure a {
    display: block;
    position: relative;
}

.blog-single figure a::after {
    content: "";
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-single:hover figure a::after {
    opacity: 1;
}

.blog-single header {
    width: auto;
    position: static;
    background-color: transparent !important;
}

.blog-single header h2 {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 1.5em;
}

.blog-single header time {
    font-size: 0.8125em;
    color: #a2a2a2;
}

.blog-single header time i {
    margin-right: 5px;
}

.blog-single p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 25px 0 15px;
}

.blog-single footer {
    padding: 0;
    font-size: 0.875em;
    background-color: transparent;
    font-weight: 400;
}

.blog-article header {
    position: static;
    background-color: transparent !important;
    margin-bottom: 25px;
}

.blog-article header h1 {
    font-size: 2em;
    margin: 0 0 25px;
    color: #089bd9;
}

.blog-article header time {
    margin-right: 25px;
}

.blog-article header time,
.blog-article header span {
    display: inline-block;
    font-size: 0.8125em;
    color: #a2a2a2;
}

a.blog-article-back {
    display: inline-block;
    font-size: 0.8125em;
    font-weight: 400;
    color: #a2a2a2;
    margin-bottom: 25px;
}

a.blog-article-back:hover {
    color: #089bd9;
}

.blog-article header time i,
.blog-article header span i {
    margin-right: 5px;
}

.blog-article-content p {
    font-size: 1.125em;
    font-weight: 400;
    margin: 0 0 25px;
}

p.blog-article-lead {
    font-weight: 500;
}

.blog-article-content img {
    width: 100%;
    max-width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.blog-article-content figure {
    margin-bottom: 25px;
}

.blog-article-content figcaption {
    font-size: 0.8125em;
    color: #a2a2a2;
    margin-top: 5px;
    text-align: center;
}

.blog-article-content h2,
.blog-article-content h3,
.blog-article-content h4,
.blog-article-content h5,
.blog-article-content h6 {
    margin: 0 0 25px;
}

.blog-article-content h2 {
    font-size: 1.5em;
}

.blog-article-content h3 {
    font-size: 1.3125em;
}

.blog-article-content h4 {
    font-size: 1.25em;
}

.blog-article-content h5 {
    font-size: 1.125em;
}

.blog-article-content h6 {
    font-size: 1em;
}

.blog-article-content ul {
    margin-top: 0;
    margin-bottom: 25px;
    padding-left: 0;
    list-style-position: inside;
}

.blog-article-content ul li {
    margin-bottom: 5px;
}

.blog-article-content a {
    text-decoration: underline;
}

.blog-article-content blockquote {
    padding: 35px;
    background-color: #f2f4f7;
    margin: 50px 0;
    font-style: italic;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    font-size: 1.25em;
}

.blog-article-content blockquote:before {
    content: "\f347";
    font-family: "Ionicons";
    font-size: 3em;
    position: absolute;
    line-height: 1;
    top: -20px;
    left: -20px;
    color: #089bd9;
}

.blog-article-social {
    font-size: 0.875em;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 50px;
}

.blog-article-social a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 1.125em;
    margin-left: 10px;
}

.blog-article-social a.ion-social-facebook {
    background-color: #4267b2;
}

.blog-article-social a.ion-social-twitter {
    background-color: #1da1f2;
}

.blog-article-other a {
    position: relative;
    display: inline-block;
}

.blog-article-other a.ion-ios-arrow-thin-left {
    padding-left: 30px;
}

.blog-article-other a.ion-ios-arrow-thin-left:before {
    left: 0;
}

.blog-article-other a.ion-ios-arrow-thin-right {
    padding-right: 30px;
}

.blog-article-other a.ion-ios-arrow-thin-right:before {
    right: 0;
}

.blog-article-other a:before {
    position: absolute;
    font-size: 1.5em;
    top: 50%;
    transform: translateY(-50%);
    color: #a2a2a2;
}

.blog-article-other a span {
    font-size: 0.8125em;
    font-weight: 400;
    color: #a2a2a2;
}

.blog-article-other a h3 {
    margin: 5px 0 0;
}

.blog-article-other .col-md-6:last-child {
    text-align: right;
}

.blog-article footer {
    background-color: transparent;
    padding: 0;
}

/* 5. BREAKPOINTS */

@media only screen and (max-width: 1199px) {
    .menu > ul > li {
        margin-left: 15px;
    }

    #map-pins {
        left: 55px !important;
    }

    .map-legend ul {
        margin: 0;
    }

    .map-check {
        width: 100%;
    }

    .contact-texts h4,
    .contact-texts p {
        padding-left: 15px;
    }

    .contact-person-r {
        padding-top: 50px;
    }

    .footer-logo img {
        height: 40px;
    }

    .fg-container {
        background-size: cover;
    }

    .trusted-texts.trusted-texts-sopot blockquote {
        font-size: 1.125em;
    }

    .trusted-texts.trusted-texts-sopot p {
        margin: 25px 0;
    }

    .trusted-texts.trusted-texts-sopot {
        padding-top: 0;
    }

    .trusted-texts img {
        max-width: auto;
        max-height: 55px;
        margin-bottom: 20px;
    }

    .ref-gostyn-icons-single {
        margin: 10px 0;
    }

    .team-fw-img,
    .team-fw-desc {
        height: auto;
    }

    .footer-menu ul {
        padding-left: 0;
    }
}

@media only screen and (max-width: 991px) {
    .menu-dropdown-wrapper {
        height: auto !important;
    }

    .menu-dropdown {
        visibility: visible;
        opacity: 1;
        position: static;
        top: unset;
        left: unset;
        width: auto;
        background: transparent;
        border: 0;
        padding: 0 0 0 20px;
        display: block;
    }

    .menu-dropdown li:first-child {
        margin-bottom: 0;
    }

    .header-texts h2 {
        font-size: 2em;
    }

    .header-texts p {
        margin: 10px 0 20px;
    }

    .about-text {
        padding-top: 0;
        padding-bottom: 50px;
    }

    .featured-about .about-text {
        padding-bottom: 0;
        padding-top: 50px;
    }

    .contact-action h4 {
        margin: 0;
    }

    .contact-person-r,
    .contact-person-l {
        text-align: center;
    }

    .contact-person-l {
        margin-top: 50px;
    }

    .footer-logo,
    .footer-menu,
    .footer-address {
        text-align: center;
    }

    .footer-menu {
        margin-bottom: 20px;
    }

    .footer-menu ul {
        margin-top: 15px;
    }

    .footer-menu li {
        margin: 0 15px;
    }

    .footer-menu li:first-child {
        margin-left: 15px;
    }

    .row-equal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }

    .row-equal > .benefits-single {
        display: flex;
        flex-direction: column;
    }

    .step {
        margin-bottom: 100px;
    }

    .step-sm {
        margin-bottom: 0;
    }

    .step-dots-wrapper {
        display: none;
    }

    .benefits-single img {
        height: 100px;
    }

    .trusted-texts {
        padding-top: 0;
        text-align: center;
    }

    .trusted-image {
        padding-top: 50px;
    }

    .trusted-logos img {
        margin-bottom: 25px;
    }

    .logos > .row {
        margin-bottom: 0;
    }

    .trusted-logos-sm img {
        margin-bottom: 0;
    }

    .team > .row {
        margin-bottom: 0;
    }

    .team-single {
        margin-bottom: 50px;
    }

    .contact-form label {
        text-align: left;
        margin-bottom: 0;
    }

    .news-image,
    .news-compare {
        margin: 15px 0 0;
    }

    .reference-single > div p:first-child {
        height: auto;
        font-size: 1.25em;
    }

    .reference-single {
        margin-bottom: 25px;
    }

    .reference .row .reference-single:last-child {
        margin-bottom: 0;
    }

    .reference-big-wrapper .reference-single p:first-child {
        margin-top: 50px;
    }

    .trusted-quote-more {
        width: 720px;
    }

    .fg-container {
        background-size: contain;
        background-position: center top;
    }

    header.header-home-new,
    header.header-home-new > .container {
        height: auto;
    }

    .home-new-owl {
        position: static;
    }

    .home-new-texts.home-new-tests-01 h2 {
        margin-top: 0;
    }

    .home-new-texts {
        background-color: #0e1115;
        padding: 40px 80px;
    }

    header.header-home-new .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .ref-gostyn-signature-r img {
        margin-top: 20px;
    }

    .ref-gostyn-texts img {
        position: static;
        display: block;
        margin: 50px auto 0;
    }

    .ref-gostyn-texts.ref-gostyn-texts-img {
        padding-bottom: 0;
    }

    .ref-gostyn-arrow {
        margin-left: unset;
        margin-right: unset;
        left: 100px;
        right: auto;
    }

    .ref-gostyn-signature-l,
    .ref-gostyn-signature-r {
        text-align: left;
    }

    .ref-mielec {
        background: #fff;
        padding-top: 0;
    }

    .ref-mielec-img {
        margin-top: 30px;
    }

    .team-fw-desc > div > div {
        padding: 50px 0;
    }

    .team-new-boss-desc h4 {
        margin: 50px 0;
    }

    .team-new-boss-img {
        text-align: center;
    }

    .team-new-gallery-photos img {
        width: 100%;
    }

    .team-new-gallery-photos:last-child {
        margin-top: 0;
    }

    .team-title-new h4,
    .team-fw-desc h4,
    .team-new-imgcta-desc h4 {
        font-size: 1.25em;
    }

    .team-new-imgcta {
        padding: 100px 0;
    }

    .team-new-imgcta-desc {
        padding: 25px 0;
        background-color: rgba(193, 184, 189, 0.8);
    }

    .team-graphic-content {
        height: auto;
        padding-top: 50px;
    }

    .team-graphic-content-inner h4 {
        font-size: 1em;
    }

    .team-new-boss-desc h4,
    .team-title-new h3 {
        font-size: 1.5em;
    }

    .team-new-single > div {
        margin: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .header-texts h4 {
        font-size: 0.875em;
    }

    .header-texts h2 {
        font-size: 1.5em;
    }

    .header-btn-blue {
        margin-bottom: 10px;
    }

    .map-mobile ul {
        display: inline-block;
        margin: 0;
        list-style-type: none;
        padding-left: 0;
    }

    .map-mobile li {
        margin: 0 0 15px;
    }

    .map-mobile li:last-child {
        margin: 0;
    }

    .map-mobile li a {
        font-weight: 700;
    }

    .map-mobile h4 {
        font-size: 1.5em;
        margin: 50px 0 25px;
        font-weight: 300;
    }

    .map-mobile h4:first-child {
        margin: 0 0 25px;
    }

    .map-mobile h4 img {
        vertical-align: 1px;
        margin-right: 10px;
    }

    .contact-action h4 {
        height: auto;
        margin: 0 0 15px;
    }

    .contact-action a {
        margin-right: 0;
    }

    .contact-icons,
    .contact-texts {
        text-align: center;
    }

    .benefits-single {
        text-align: center;
        width: 100%;
    }

    .benefits-big-icon,
    .benefits-big-texts {
        text-align: center;
    }

    .benefits-single p {
        padding: 0 25px;
    }

    .step-sm {
        margin-bottom: 100px;
    }

    .step-xs {
        margin-bottom: 0;
    }

    .trusted-logos-sm img {
        margin-bottom: 25px;
    }

    .trusted-logos-xs img {
        margin-bottom: 0;
    }

    .trusted-quote-more {
        width: 100%;
    }

    .fg-logo {
        height: auto;
        max-width: 280px;
        top: -70px;
    }

    .home-new-img img {
        max-height: 400px;
    }

    .home-new-texts {
        background-color: #0e1115;
        padding: 20px;
        text-align: center;
    }

    .home-new-texts h2 {
        font-size: 1.375em;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .home-new-logo {
        margin-bottom: 20px;
    }

    .home-new-logo img {
        height: 80px;
    }

    .home-new-texts > a {
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
    }

    .home-new-person img {
        height: 30px;
    }

    .ref-gostyn-icons-single {
        text-align: center;
    }

    .ref-gostyn-icons-single > div {
        margin-left: auto;
        margin-right: auto;
    }

    .ref-gostyn-texts img {
        height: auto;
        max-width: 100%;
    }

    .ref-gostyn-arrow {
        display: none;
    }

    .ref-mielec-icons-single {
        text-align: center;
    }

    .ref-mielec-icons-single > div {
        margin-left: auto;
        margin-right: auto;
    }

    .ref-mielec-icons-single p {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .team-graphic-content {
        padding-top: 30px;
    }

    .ref-mielec-texts > p {
        margin: 25px 0 0;
    }
}

@media only screen and (max-width: 410px) {
    .header-btn-blue {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .header-texts a {
        height: auto;
        line-height: 1.5;
        padding: 15px 25px;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: portrait) {
    .header-texts p {
        display: block;
    }

    .header-texts h2 {
        margin-bottom: 0;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .header-texts p {
        display: none;
    }

    .header-texts h2 {
        margin-bottom: 25px;
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    1% {
        -webkit-transform: scale(1.25);
        opacity: 0.9;
    }

    99% {
        -webkit-transform: scale(5);
        opacity: 0.01;
    }

    100% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    1% {
        -webkit-transform: scale(1.25);
        opacity: 0.9;
    }

    99% {
        -webkit-transform: scale(5);
        opacity: 0.01;
    }

    100% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

.circle-animate {
    border: solid 1px #089bd9;
    border-radius: 100%;
    position: absolute;
    top: -2px;
    left: -2px;
    width: 12px;
    height: 12px;
    z-index: 10;
    -webkit-animation: pulse 3s ease-out;
    -moz-animation: pulse 3s ease-out;
    animation: pulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
}

.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}

.map-mobile-voivodeship {
    border-bottom: 1px solid #47525d;
}

section.process-time {
    background-color: #fff;
}

section.process-time.process-time-dark {
    background-color: #f2f4f7;
}

.process-time-ico {
    text-align: center;
}

.process-time-ico img {
    height: 300px;
    max-width: 100%;
    margin-bottom: 50px;
}

.process-time-title h3 {
    font-size: 2.5em;
    margin: 0 0 50px;
    text-align: center;
    font-weight: 300;
}

.process-time-text p {
    font-size: 1.125em;
}

.work-list > ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.work-list > ul li {
    margin-bottom: 40px;
}

.work-list > ul li:last-child {
    margin-bottom: 0;
}

.work-list > ul li h2 {
    font-size: 2em;
    margin: 0 0 5px;
}

.work-details-wrapper {
    background-color: #f2f4f7;
}

.work-details-single {
    margin-bottom: 100px;
}

.work-details-single:last-child {
    margin-bottom: 0;
}

.work-details {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.work-details p:last-child {
    margin-bottom: 0;
    font-size: 0.875em;
}

.work-details-logo {
    height: 60px;
    margin-bottom: 50px;
}

.benefits-list-wrapper {
    text-align: center;
}

.benefits-list-wrapper p {
    font-size: 1.125em;
    text-align: left;
}

.benefits-list {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.benefits-list li:before {
    background: transparent url("/img/benefits-bullet.svg") 0 0 no-repeat;
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 5px;
}

.benefits-list li {
    font-size: 1.125em;
    position: relative;
    padding: 5px 0 0 40px;
    margin-bottom: 20px;
    text-align: left;
}

.benefits-list li:last-child {
    margin-bottom: 0;
}

a.benefits-back-btn {
    padding: 15px 20px;
    margin: 50px auto 0;
    font-size: 1.125em;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #089bd9;
    color: #fff;
    font-weight: 400;
}

a.benefits-back-btn:hover {
    background-color: #22b4f2;
}

.benefits-single:hover a.benefits-single-btn {
    visibility: visible;
    opacity: 1;
}

a.benefits-single-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    font-size: 0.875em;
    font-weight: 700;
}

a.benefits-single-btn i {
    font-size: 0.75em;
}

a.main-icon-txt-texturl {
    font-weight: 700;
    font-size: 1.125em;
}

a.main-icon-txt-texturl i {
    font-size: 0.75em;
}

.am-row {
    margin-bottom: 50px;
}

.am-txt {
    text-align: center;
}

.am-txt.am-txt-paragraphs {
    text-align: left;
}

.am-txt.am-txt-paragraphs p {
    margin: 0 0 20px;
}

.am-txt.am-txt-paragraphs p:last-child {
    margin: 0;
}

.am-txt.am-txt-paragraphs .am-bnr-list {
    margin-bottom: 40px;
}

.am-txt img {
    max-width: 100%;
    margin: 0;
}

.am-txt h3 {
    font-size: 1.75em;
    margin: 0;
}

.am-txt p {
    margin: 0 0 20px;
}

.am-txt span {
    font-size: 1.125em;
    display: block;
    margin: 0 0 10px;
}

.am-txt span.am-address:before {
    content: attr(data-website) "\0040"attr(data-user);
    unicode-bidi: bidi-override;
    direction: rtl;
}

.am-btn {
    padding: 15px 30px;
    margin: 0px auto 0;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    color: #47525d;
    font-weight: 400;
    font-size: 0.875em;
}

.am-row:hover .am-btn {
    background-color: #009bd9;
    color: #fff;
}

.am-row:hover .am-btn:hover {
    background-color: #22b4f2;
    color: #fff;
}

.am-icons {
    padding: 100px 0;
    background-color: #f2f4f7;
}

.am-single-icons {
    display: flex;
    justify-content: space-between;
}

.am-single-icons.am-single-icons-sa {
    justify-content: space-around;
}

.am-single-icon {
    width: 150px;
    position: relative;
    padding-bottom: 30px;
}

.am-single-icon.am-single-icon-paragraph {
    width: 200px;
    text-align: center;
}

.am-single-icon.am-single-icon-paragraph p {
    margin: 20px 0 0;
}

.am-single-icon.am-single-icon-paragraph img {
    max-width: 120px;
}

.am-single-icon img {
    max-width: 100%;
}

.am-single-icon h4 {
    font-size: 1em;
    font-weight: 500;
    text-align: center;
    margin: 20px 0 0;
}

.am-single-icon h4 span {
    display: block;
    margin-top: 5px;
    font-size: 0.775em;
    font-weight: 400;
    color: #75889a;
}

.am-single-icon-big {
    text-align: center;
}

.am-single-icon-big img {
    max-width: 200px;
    width: 100%;
}

.am-single-icon-big h4 {
    font-size: 1.125em;
    font-weight: 500;
    text-align: center;
    margin: 20px 0 0;
}

.am-single-icon-big h4 span {
    color: #009dda;
    font-size: 2em;
    font-weight: 700;
    display: block;
}

.am-btn-md,
.am-btn-md:focus {
    padding: 15px 30px;
    margin: 0 auto;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #089bd9;
    color: #fff;
    font-size: 1.125em;
    font-weight: 500;
}

.am-btn-md:hover {
    background-color: #22b4f2;
    color: #fff;
}

.am-single-icon-btn {
    text-align: center;
}

.am-single-icon-btn img {
    display: block;
    width: 20px;
    margin: 50px auto;
}

.am-title h3 {
    font-size: 2.5em;
    margin: 0 0 100px;
    text-align: center;
    font-weight: 300;
}

.am-title h4 {
    font-size: 1.75em;
    margin: 0 0 100px;
    text-align: center;
    font-weight: 300;
}

.am-title h5 {
    font-size: 1.5em;
    margin: 0 0 100px;
    text-align: center;
    font-weight: 300;
}

.am-title p {
    font-size: 1.125em;
    text-align: center;
}

.am-mb {
    margin-bottom: 100px;
}

.am-mt {
    margin-top: 100px !important;
}

.am-mt0 {
    margin-top: 0 !important;
}

.am-mb0 {
    margin-bottom: 0 !important;
}

.am-darker {
    padding: 100px 0;
    background-color: #f2f4f7;
}

.am-title-img {
    display: block;
    width: 20px;
    margin: 50px auto;
}

.am-logotypes img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.am-row {
    display: flex;
}

.am-col-vc {
    display: flex;
    align-items: center;
}

.am-col-hc {
    display: flex;
    justify-content: center;
}

.am-col-hc {
    display: flex;
    justify-content: center;
}

.am-center {
    text-align: center;
}

a.am-single-btn {
    display: inline-block;
    font-size: 0.875em;
    font-weight: 500;
    margin-top: 25px;
}

a.am-single-btn i {
    margin-left: 5px;
}

.am-bnr {
    text-align: center;
    margin-bottom: 100px;
}

.am-bnr img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.am-bnr img.am-bnr-shadow {
    -webkit-box-shadow: 0px 16px 20px 0px rgba(165, 168, 172, 0.4);
    -moz-box-shadow: 0px 16px 20px 0px rgba(165, 168, 172, 0.4);
    box-shadow: 0px 16px 20px 0px rgba(165, 168, 172, 0.4);
}

.am-bnr h2 {
    font-size: 2em;
    font-weight: 500;
    margin: 0 0 25px;
}

.am-bnr-spec {
    text-align: center;
}

.am-bnr-spec img {
    width: 120px;
    max-width: 120px;
    padding-bottom: 30px;
}

.am-bnr-spec h3 {
    font-size: 1.375em;
    margin: 0 0 20px;
}

.am-bnr-list {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.am-bnr-list li:before {
    background: transparent url("/img/benefits-bullet.svg") 0 0 no-repeat;
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 5px;
    top: 7px;
}

.am-bnr-list li {
    font-size: 0.875em;
    position: relative;
    padding: 5px 0 0 30px;
    margin-bottom: 20px;
    text-align: left;
}

.am-bnr-list li:last-child {
    margin-bottom: 0;
}

.am-nms {
    padding-top: 0 !important;
}

.am-bnr-device {
    display: inline-block;
    background-color: #d9f0f8;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 0.75em;
    font-weight: 500;
    margin-bottom: 50px;
}

.am-bnr-device img {
    height: 24px;
    display: inline-block;
    vertical-align: -7px;
    margin-right: 5px;
}

.am-bnr-device span {
    display: inline-block;
    margin-right: 20px;
    font-weight: 600;
}

.am-bnr-device span:last-child {
    margin-right: 0;
}

.am-blockquote blockquote {
    margin: 0;
}

.am-blockquote blockquote p {
    font-size: 1.375em;
    text-align: left;
    margin: 0;
}

.am-blockquote blockquote p::before {
    content: "\201C";
}

.am-blockquote blockquote p::after {
    content: "\201D";
}

.am-blockquote figcaption {
    text-align: left;
}

.am-section-pb0 {
    padding-bottom: 0;
}

.am-fun-fact-ico {
    width: 200px;
    display: block;
    margin: 0 auto 20px;
}

.am-bnr-info {
    padding: 15px 45px;
    border-radius: 50px;
    font-weight: 400;
    margin: 0 0 25px;
    font-size: 1.375em;
    background-color: #359bd9;
    color: #f2f4f7;
}

.am-bnr-info:last-child {
    margin: 0;
}

.am-bnr-info a {
    color: #f2f4f7;
    font-weight: 700;
}

.am-bnr-info a:hover {
    color: #fff;
}

.am-bnr-info span {
    display: block;
}

.am-address:before {
    content: attr(data-website) "\0040"attr(data-user);
    unicode-bidi: bidi-override;
    direction: rtl;
}

.am-logotypes img.am-map-bottom-img {
    width: 300px;
    margin-top: 25px;
    margin-bottom: 50px;
}

.am-img-md {
    display: block;
    width: 250px;
    max-width: 250px;
    margin: 0 auto;
}

.am-small {
    display: block;
    font-size: 0.45em;
    margin-top: 10px;
    color: #6e7f8d;
}

.am-cta-box h5 {
    font-size: 1.5em;
    margin: 0 0 25px;
    text-align: center;
    font-weight: 400;
}

.am-phone {
    font-weight: 500;
}

.row-mb {
    margin-bottom: 100px;
}

.am-person-img {
    margin-bottom: 100px !important;
}

@media only screen and (max-width: 1199px) {
}

@media only screen and (max-width: 991px) {
    .am-single-icon-big h4 span {
        font-size: 1.5em;
    }

    .am-row {
        display: block;
    }

    .am-txt.am-txt-paragraphs p:last-child {
        margin: 0 0 20px;
    }

    .am-txt.am-txt-paragraphs .am-bnr-list:last-child {
        margin-bottom: 0;
    }

    .am-img-md {
        margin-bottom: 50px;
    }

    .am-bnr-list {
        margin: 0 auto 50px;
        max-width: 300px;
    }
}

@media only screen and (max-width: 767px) {
    .am-mb {
        margin-bottom: 50px;
    }

    .row-mb {
        margin-bottom: 0;
    }

    .am-single-icons {
        display: block;
    }

    .am-single-icon {
        margin: 0 auto;
        padding-bottom: 50px;
    }

    .am-col-hc {
        display: block;
    }

    .am-col-vc {
        display: block;
    }

    .am-fr {
        display: flex;
        flex-direction: column-reverse;
    }

    .am-mt {
        margin-top: 50px !important;
    }

    .am-title h3,
    .am-title h4 {
        margin: 0 0 50px;
    }

    .am-single-icon-big {
        margin-bottom: 50px;
    }

    .am-mb0-m {
        margin-bottom: 0;
    }

    .am-mt0-m {
        margin-top: 0;
    }

    .am-single-icon h4 {
        margin: 10px 0 0;
    }

    .am-bnr-device span {
        margin-right: 15px;
    }
}

.portal-logos a {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: center;
}

.NormalTextRun {
    background-image: none !important;
}