@font-face {
    font-family: 'pero-semi-light';
    src: url('/fonts/subset-Pero-SemiLight.eot');
    src: url('/fonts/subset-Pero-SemiLight.eot?#iefix') format('embedded-opentype'),
        url('/fonts/subset-Pero-SemiLight.woff2') format('woff2'),
        url('/fonts/subset-Pero-SemiLight.woff') format('woff'),
        url('/fonts/subset-Pero-SemiLight.ttf') format('truetype'),
        url('/fonts/subset-Pero-SemiLight.svg#Pero-SemiLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'pero-bold';
    src: url('/fonts/subset-Pero-Bold.eot');
    src: url('/fonts/subset-Pero-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/subset-Pero-Bold.woff2') format('woff2'),
        url('/fonts/subset-Pero-Bold.woff') format('woff'),
        url('/fonts/subset-Pero-Bold.ttf') format('truetype'),
        url('/fonts/subset-Pero-Bold.svg#Pero-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

*:focus {
    outline: 0 !important;
}

img {
	border: none;
}

html, body {
	background: #fff;
	font-family: 'pero-semi-light';
}
body {
    font-size: 1.375rem;
    overflow-x: hidden;
}

.bgr {
	background-color: rgba(255, 0, 0, 0.5);
}
.bgg {
	background-color: rgba(0, 255, 0, 0.5);
}
.bgb {
	background-color: rgba(0, 0, 255, 0.5);
}
.bgc {
	background-color: rgba(0, 255, 255, 0.5);
}
.bgm {
	background-color: rgba(255, 0, 255, 0.5);
}
.bgy {
	background-color: rgba(255, 255, 0, 0.5);
}

.color-violet {
    color: #853b8a;
}
.color-orange {
    color: #e74930;
}
.color-medium-orange {
    color: #f04e23;
}
.color-light-orange {
    color: #f9a01b;
}
.color-black {
    color: #000;
}
.color-white {
    color: #fff;
}
.color-light-gray {
    color: #c9c9c9;
}
.color-light-yellow {
    color: #faef98;
}

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.vertical-align-middle {
	vertical-align: middle;
}

a, a:hover {
	text-decoration: none;
    color: inherit;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
a:hover {
    color: #e74930;
}

h2 {
    /* font-size: 80px; */
    font-size: 4.1667vw;
    line-height: 4.1667vw;
    font-family: 'pero-semi-light';
}
p {
    /* font-size: 22px; */
    font-size: 1.1458vw;
    /* line-height: 27px; */
    line-height: 1.4063vw;
    /* margin-bottom: 25px; */
    margin-bottom: 1.3021vw;
    font-family: 'pero-semi-light';
}
b {
    font-family: 'pero-bold';
    font-weight: normal;
}
strong {
    font-family: 'pero-bold';
    font-weight: normal;
}
section {
    /* padding: 140px 0; */
    padding: 7.2917vw 0;
}
#menuModal .modal-header, #menuModal .modal-footer {
    border: none;
}
#menuModal ul {
    display: table;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    list-style: none;
}
/*#menuModal ul .blog-btn {
    border: solid 1px #d5d5d5;
}*/
#menuModal a {
    font-size: 28px;
    line-height: 28px;
    padding: 5px 16px;
    margin: 10px;
    display: inline-table;
}
/* LG */
@media (min-width: 992px) and (max-width: 1199px) {
    h2 {
        font-size: 5.8382vw;
        line-height: 5.8382vw;
    }
    p {
        font-size: 1.7515vw;
        line-height: 2.1685vw;
        margin-bottom: 2.0017vw;
    }
    section {
        padding: 7.9233vw 0;
    }
}
/* MD */
@media (min-width: 768px) and (max-width: 991px) {
    h2 {
        font-size: 7.0636vw;
        line-height: 7.0636vw;
    }
    p {
        font-size: 2.1191vw;
        line-height: 2.6236vw;
        margin-bottom: 2.4218vw;
    }
    section {
        padding: 14.1271vw 0;
    }
}
/* SM */
@media (min-width: 576px) and (max-width: 767px) {
    h2 {
        font-size: 9.1265vw;
        line-height: 9.1265vw;
    }
    p {
        font-size: 2.7379vw;
        line-height: 3.3898vw;
        margin-bottom: 3.1291vw;
    }
    section {
        padding: 18.2529vw 0;
    }
}
/* XS */
@media (max-width: 575px) {
    h2 {
        font-size: 12.1739vw;
        line-height: 12.1739vw;
    }
    p {
        font-size: 3.6522vw;
        line-height: 4.5217vw;
        margin-bottom: 4.1739vw;
    }
    section {
        padding: 23.4783vw 0;
    }
}

/**
* Nagłówek strony i menu
*/
header#top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 5vw;
    background-color: rgba(0, 0, 0, .4);
    border-bottom: solid 1px rgba(0, 0, 0, .1);
    z-index: 100;
    transition: background 1s;
}
header#top.v4 {
    background-color: transparent;
    border-bottom: none;
}
header#top.v4 .color-logo {
    color: #86328d;
}
header#top.scrolling {
    background-color: rgba(0, 0, 0, .8);
}
header#top .left {
    /* width: calc(100% - 1403px); */
    width: 20vw;
    /* height: 100px; */
    height: 5.2083vw;
}
header#top .left a {
    float: right;
    /* height: 53px; */
    height: 2.7604vw;
    /* padding-left: 81px; */
    padding-left: 4.2188vw;
    text-align: center;
    /* font-size: 23px; */
    font-size: 1.1979vw;
    font-family: 'pero-bold';
    /* line-height: 20px; */
    line-height: 1.0417vw;
}
header#top .left a .picto-cnt {
    position: absolute;
    top: 0;
    left: 0;
    /* width: 56px; */
    width: 2.9167vw;
}
header#top nav {
    float: right;
    /* margin-right: 50px; */
    margin-right: 2.4042vw;
    /* width: 1353px; */
    width: 70.4688vw;
    /* height: 100px; */
    height: 5.2083vw;
}
header#top nav ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
header#top nav ul li {
    display: inline-block;
}
header#top nav ul a {
    /* margin: 0 10px; */
    margin: 0 0.5208vw;
    /* padding: 10px 23px; */
    padding: 0.5208vw 1.1979vw;
    /* font-size: 28px; */
    font-size: .8vw;
    font-family: 'pero-bold';
    color: #fff;
    text-transform: uppercase;
}
header#top.v4 nav ul a {
    color: #000;
}
header#top nav ul a:hover {
    color: #e74930;
}
header#top nav ul a.darmowa-wycena {
    border: solid 1px #d5d5d5;
    border-radius: 50px;
}
/* LG */
@media (min-width: 992px) and (max-width: 1199px) {
    header#top {
        min-height: 9.5913vw;
        border-top: solid 1.251vw #000;
    }
    header#top .left {
        margin-left: 4.0867vw;
        width: auto;
        height: 8.3403vw;
    }
    header#top .left a {
        height: 4.4204vw;
        padding-left: 6.7556vw;
        font-size: 1.9183vw;
        line-height: 1.6681vw;
    }
    header#top .left a .picto-cnt {
        width: 4.6706vw;
    }
    header#top nav {
        margin-right: 2.3353vw;
        width: auto;
        height: 8.3403vw;
    }
    header#top nav ul a {
        margin: 0 0.2502vw;
        padding: 0.9174vw 1.8349vw;
        font-size: 2.0851vw;
    }
}
/* MD */
@media (min-width: 768px) and (max-width: 991px) {
    header#top {
        min-height: 11.6044vw;
        border-top: solid 1.5136vw #000;
    }
    header#top .left {
        margin-left: 3.5318vw;
        width: auto;
        height: 10.0908vw;
    }
    header#top .left a {
        height: 5.3481vw;
        padding-left: 8.0727vw;
        font-size: 2.3183vw;
        line-height: 1.9681vw;
    }
    header#top .left a .picto-cnt {
        width: 5.6509vw;
    }
    header#top nav {
        margin-right: 1.5136vw;
        width: auto;
        height: 10.0908vw;
    }
    header#top nav ul a {
        margin: 0 0.2502vw;
        padding: 0.9174vw 1.8349vw;
        font-size: 2.5227vw;
    }
}
/* SM */
@media (min-width: 576px) and (max-width: 767px) {
    header#top {
        min-height: 14.9935vw;
        border-top: solid 1.9557vw #000;
    }
    header#top .left {
        margin-left: 4.5632vw;
        width: auto;
        height: 13.0378vw;
    }
    header#top .left a {
        height: 6.9100vw;
        padding-left: 9.1265vw;
        font-size: 2.7183vw;
        line-height: 2.3681vw;
    }
    header#top .left a .picto-cnt {
        width: 7.3012vw;
    }
    header#top .mobile-menu {
        height: 13.0378vw;
        float: right;
        margin-right: 4.4329vw;
    }
    header#top .mobile-menu .d-table-cell:nth-child(1) {
        font-size: 2.8683vw;
        line-height: 2.8683vw;
        width: 9.3872vw;
    }
    header#top .mobile-menu-btn > div {
        margin: 0 0.6519vw 1.3038vw 0.6519vw;
        width: 9.1265vw;
        height: 0.6519vw;
        background-color: #000;
        cursor: pointer;
    }
}
/* XS */
@media (max-width: 575px) {
    header#top {
        min-height: 20.0000vw;
        border-top: solid 2.6087vw #000;
    }
    header#top .left {
        margin-left: 6.7826vw;
        width: auto;
        height: 17.3913vw;
    }
    header#top .left a {
        height: 9.2174vw;
        padding-left: 13.9130vw;
        font-size: 3.8183vw;
        line-height: 3.1681vw;
    }
    header#top .left a .picto-cnt {
        width: 9.7391vw;
    }
    header#top .mobile-menu {
        height: 17.3913vw;
        float: right;
        margin-right: 6.7826vw;
    }
    header#top .mobile-menu .d-table-cell:nth-child(1) {
        font-size: 3.8261vw;
        line-height: 3.8261vw;
        width: 12.5217vw;
    }
    header#top .mobile-menu-btn > div {
        margin: 0 0.8696vw 1.7391vw 0.8696vw;
        width: 12.1739vw;
        height: 0.8696vw;
        background-color: #000;
        cursor: pointer;
    }
}

/**
* Nagłówek głównej części
*/
header.main {
    position: relative;
    /* padding: 140px 0; */
    padding: 7.2917vw 10vw;
    display: table;
    width: 100%;
    height: 100vh;
    /*background-image: url(/images/top.webp);*/
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
}
header.main > div {
    opacity: 0;
    transition: opacity 1s;
}
header.main > div.go {
    opacity: 1;
}
header.main.v1 {
    background-color: #777883;
}
header.main.v1 > div {
    padding-bottom: 10vw;
}
header.main.v1 {
    background-color: #fff;
}
header.main.v4 > div {
    padding-bottom: 10vw;
}
header.main .rectangle-theme {
    /* bottom: -107px; */
    bottom: -5.5729vw;
    /* left: -126px; */
    left: -6.5625vw;
    /* width: 264px; */
    width: 13.75vw;
    /* height: 308px; */
    height: 16.0417vw;
    transform: rotate(39deg);
    background-color: #fff;
}
header.main video {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    min-width: 100%;
    /*width: auto;
    height: auto;*/
}
header.main.v1 video {
    width: 100%;

}
header.main.v2 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
header.main.v3 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
header.main.v4 video {
    width: 100%;
}
header.main.v5 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
header.main h1 {
    font-size: 5vw;
    line-height: 4vw;
    font-family: 'pero-bold';
    color: #fff;
    text-shadow: 1px 1px 80px #000;
    text-align: center;
}
header.v4.main h1 {
    color: #ed1c24;
    text-shadow: none;
}
header.main h2 {
    font-size: 2vw;
    line-height: 2vw;
    font-family: 'pero-bold';
    margin-bottom: 4vw;
    text-align: center;
}
header.v4.main h2 {
    color: #f9a01b;
}
header.main .motto {
    width: 30vw;
    margin-bottom: 3vw;
    font-size: 1.15vw;
    line-height: 1.5vw;
}
header.main .buttons {
    text-align: center;
}
header.main .buttons a {
    font-size: .8vw;
    font-family: 'pero-bold';
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1vw 1.5vw;
    border-radius: 100px;
    margin-right: .5vw;
    text-shadow: none;
    box-shadow: 1px 1px 80px #000;
    transition: box-shadow .5s, background-color 1s, border-color .5s;
}
header.main.v1 .buttons a {
    box-shadow: 1px 1px 80px #fff;
}
header.main.v4 .buttons a {
    box-shadow: 1px 1px 80px rgba(0, 0, 0, .2);
}
header.main .buttons a.button1 {
    border: solid 2px #f04e23;
    background-color: #f04e23cc;
}
header.main .buttons a.button2 {
    border: solid 2px #86328d;
    background-color: #86328dd4;
}
header.main .buttons a.button3 {
    border: solid 2px #00aeef;
    background-color: #00aeefeb;
}
header.main .buttons a:hover {
    box-shadow: 0 0 0 #000;
    background-color: rgba(0, 0, 0, .5);
    border-color: #faef98;
}
header.main.v1 .buttons a:hover {
    box-shadow: 0 0 0 #fff;
}
header.main.v4 .buttons a:hover {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border-color: #000;
}
header.main h1 img {
    display: block;
    /* margin: 0 auto 2px auto; */
    margin: 0 auto 0.1042vw auto;
    /* width: 226px; */
    width: 11.7708vw;
    /* height: 219px; */
    height: 11.4063vw;
    clear: both;
}
header.main .col-7 {
	padding: 0 !important;
}
/* LG */
@media (min-width: 992px) and (max-width: 1199px) {
    header.main {
        padding: 7.9233vw 0;
        margin-top: 9.5913vw;
        height: calc(100vh - 9.5913vw);
        background-position: center top;
        background-size: cover;
    }
    header.main .rectangle-theme {
        bottom: -2.3353vw;
        left: -7.8399vw;
        width: 24.5204vw;
    }
    header.main h1 {
        margin-bottom: 4.8374vw;
        font-size: 4.1701vw;
        line-height: 3.4195vw;
    }
    header.main h1 img {
        margin: 0 auto 0.1668vw auto;
        width: 15.0125vw;
        height: 14.5955vw;
    }
}
/* MD */
@media (min-width: 768px) and (max-width: 991px) {
    header.main {
        padding: 14.1271vw 0;
        margin-top: 11.6044vw;
        height: calc(100vh - 11.6044vw);
        background-position: center top;
        background-size: cover;
    }
    header.main .col-7 {
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100%;
        -ms-flex: 0 0 100%;
    }
    header.main .rectangle-theme {
        bottom: -0.5045vw;
        left: -9.3845vw;
        width: 22.4016vw;
        height: 17.2417vw;
    }
    header.main h1 {
        margin-bottom: 5.2374vw;
        font-size: 4.8701vw;
        line-height: 4.3195vw;
    }
    header.main h1 img {
        margin: 0 auto 0.1668vw auto;
        width: 18.1635vw;
        height: 17.6589vw;
    }
}
/* SM */
@media (min-width: 576px) and (max-width: 767px) {
    header.main {
        padding: 18.2529vw 0;
        margin-top: 14.9935vw;
        height: calc(100vh - 14.9935vw);
        background-position: center top;
        background-size: cover;
    }
    /*header.main p br {
        content: "";
    }
    header.main p br:after {
        content: " ";
    }*/
    header.main .col-7 {
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100%;
        -ms-flex: 0 0 100%;
    }
    header.main .rectangle-theme {
        bottom: -1.8253vw;
        left: -7.2845vw;
        width: 16.9492vw;
        height: 17.2417vw;
    }
    header.main h1 {
        margin-bottom: 6.7797vw;
        font-size: 6.2701vw;
        line-height: 5.4195vw;
    }
    header.main h1 img {
        margin: 0 auto 2.0860vw auto;
        width: 23.4681vw;
        height: 22.8162vw;
    }
}
/* XS */
@media (max-width: 575px) {
    header.main {
        padding: 23.4783vw 0;
        margin-top: 20vw;
        height: calc(100vh - 20vw);
        background-position: center top;
        background-size: cover;
    }
    /*header.main p br {
        content: "";
    }
    header.main p br:after {
        content: " ";
    }*/
    header.main .col-7 {
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100%;
        -ms-flex: 0 0 100%;
        padding: 0 8vw;
    }
    header.main .rectangle-theme {
        bottom: -2.4348vw;
        left: -9.7391vw;
        width: 22.6087vw;
        height: 22.9565vw;
    }
    header.main h1 {
        margin-bottom: 9.0435vw;
        font-size: 8.3478vw;
        line-height: 7.3043vw;
    }
    header.main h1 img {
        margin: 0 auto 2.7826vw auto;
        width: 31.3043vw;
        height: 30.4348vw;
    }
}


/**
* O nas
*/
section#o-nas > .d-table {
    width: 68%;
}
section#o-nas h2 {
    /* margin-top: -25px; */
    margin-top: -1.3021vw;
    /* margin-bottom: 102px; */
    margin-bottom: 5.3125vw;
    padding-left: 49%;
    text-align: left;
}
section#o-nas .left {
    position: relative;
    width: 50%;
    /* margin-top: -136px; */
    margin-top: -7.0833vw;
    /* margin-right: -5px; */
    margin-right: -0.2604vw;
    /* padding: 0 100px 106px 0; */
    padding: 0 5.2083vw 5.5208vw 0;
    text-align: right;
}
section#o-nas .left .bg-theme {
    position: absolute;
    right: -0.2604vw;
    bottom: 0;
    /* width: 304px; */
    width: 15.8333vw;
    /* height: 382px; */
    height: 19.8958vw;
    background-image: url(/images/paragraph-theme.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
}
section#o-nas .right {
    width: 50%;
    /* padding: 0 0 0 70px; */
    padding: 0 0 0 3.6458vw;
    text-align: left;
}
section#o-nas .right a {
    /* font-size: 22px; */
    font-size: 1.1458vw;
    line-height: 1.1458vw;
}
section#o-nas .right a img {
    /* width: 58px; */
    width: 3.0208vw;
    margin-right: 1.4583vw;
}
/* LG */
@media (min-width: 992px) and (max-width: 1199px) {
    section#o-nas > .d-table {
        width: 80%;
    }
    section#o-nas h2 {
        margin-top: -1.9183vw;
        margin-bottom: 9.0075vw;
    }
    section#o-nas .left {
        margin-top: -10.9833vw;
        margin-right: -0.4170vw;
        padding: 0 7.4229vw 7.4229vw 0;
    }
    section#o-nas .left .bg-theme {
        right: -0.4170vw;
        width: 25.3545vw;
        height: 36.0300vw;
        background-image: url(/images/paragraph-theme2.png);
    }
    section#o-nas .right {
        padding: 0 0 0 6.3386vw;
    }
    section#o-nas .right a {
        font-size: 1.7515vw;
        line-height: 1.7515vw;
    }
    section#o-nas .right a img {
        width: 4.1701vw;
        margin-right: 2.0017vw;
    }
}
/* MD */
@media (min-width: 768px) and (max-width: 991px) {
    section#o-nas > .d-table {
        width: 90%;
    }
    section#o-nas h2 {
        margin-top: -2.3209vw;
        margin-bottom: 10.8981vw;
    }
    section#o-nas .left {
        margin-top: -13.5833vw;
        margin-right: -0.5045vw;
        padding: 0 7.6690vw 7.6690vw 0;
    }
    section#o-nas .left .bg-theme {
        right: -0.5045vw;
        width: 30.6761vw;
        height: 43.5923vw;
        background-image: url(/images/paragraph-theme2.png);
    }
    section#o-nas .right {
        padding: 0 0 0 5.0454vw;
    }
    section#o-nas .right a {
        font-size: 2.1191vw;
        line-height: 2.1191vw;
    }
    section#o-nas .right a img {
        width: 5.0454vw;
        margin-right: 2.3209vw;
    }
}
/* SM */
@media (min-width: 576px) and (max-width: 767px) {
    section#o-nas > .d-table {
        width: calc(100% - 30px);
    }
    section#o-nas h2 {
        margin-top: -2.9987vw;
        margin-bottom: 5.8670vw;
        padding-left: 0;
        text-align: right;
        padding-right: calc(19.1656vw - 15px);
    }
    section#o-nas .left {
        float: left;
        width: 100%;
        margin-top: 0;
        margin-right: 0;
        padding: 0 31.2907vw 17.4707vw 12.3859vw;
    }
    section#o-nas .left .bg-theme {
        right: 20.4955vw;
        bottom: calc(17.4707vw * 0.38);
        width: 39.6349vw;
        height: 62.8422vw;
        background-image: url(/images/paragraph-theme3.png);
    }
    section#o-nas .right {
        float: left !important;
        width: 100%;
        padding: 0 20.8605vw;
        text-align: center;
    }
    section#o-nas .right a {
        font-size: 2.8683vw;
        line-height: 2.8683vw;
        margin: 0 auto;
    }
    section#o-nas .right a img {
        width: 6.5189vw;
        margin-right: 3.1291vw;
    }
}
/* XS */
@media (max-width: 575px) {
    section#o-nas > .d-table {
        width: calc(100% - 30px);
    }
    section#o-nas h2 {
        margin-top: -4vw;
        margin-bottom: 7.8261vw;
        padding-left: 0;
        text-align: right;
        padding-right: 8.5174vw;
    }
    section#o-nas .left {
        float: left;
        width: 100%;
        margin-top: 0;
        margin-right: 0;
        padding: 0 23.2907vw 23.2707vw 4.4859vw;
    }
    section#o-nas .left .bg-theme {
        right: 13.8955vw;
        bottom: calc(17.4707vw * 0.5);
        width: 49.3913vw;
        height: 87.3043vw;
        background-image: url(/images/paragraph-theme4.png);
    }
    section#o-nas .right {
        float: left !important;
        width: 100%;
        padding: 0 15.6522vw;
        text-align: center;
    }
    section#o-nas .right a {
        font-size: 3.6522vw;
        line-height: 3.6522vw;
        margin: 0 auto;
    }
    section#o-nas .right a img {
        width: 8.6957vw;
        margin-right: 4.1739vw;
    }
}


/**
* Co robimy
*/
section#co-robimy {
    position: relative;
    background: url(/images/dark-bg2.jpg) #11111d center top no-repeat;
    padding-bottom: 0;
    overflow: hidden;
}
section#co-robimy > .d-table {
    position: relative;
    z-index: 1;
    width: 68%;
}
section#co-robimy h2 {
    /* margin-top: -25px; */
    margin-top: -1.3021vw;
    /* margin-bottom: 58px; */
    margin-bottom: 3.0208vw;
}
section#co-robimy .infographics {
    position: relative;
    width: 100%;
    /* margin-top: 76px; */
    margin-top: 3.9583vw;
    /* margin-bottom: 140px; */
    margin-bottom: 7.2917vw;
    /* height: 573px; */
    height: 29.8438vw;
}
.infographics .picto {
    position: relative;
    z-index: 1;
    /* margin-top: 41px; */
    margin-top: 2.1354vw;
    /* width: 411px; */
    width: 21.4063vw;
}
.infographics .picto img {
    width: 100%;
}
.infographics .number {
    position: relative;
    /* margin-bottom: 13px; */
    margin-bottom: 0.6771vw;
    /* width: 47px; */
    width: 2.4479vw;
    height: 2.4479vw;
    border: solid 1px #fff;
    border-radius: 50%;
    /* font-size: 25px; */
    font-size: 1.3021vw;
    color: #fff;
}
.infographics .indicating-line {
    border-top: solid 1px #fff;
}
.infographics .point-1 {
    z-index: 2;
    /* margin-top: -390px; */
    margin-top: -20.3125vw;
    /* padding-left: 200px; */
    padding-left: 10.4167vw;
}
.infographics .point-1 .indicating-line {
    /* top: 69px; */
    top: 3.5938vw;
    /* left: 35px; */
    left: 1.8229vw;
    width: 10.4167vw;
    /* height: 10px; */
    height: 0.5208vw;
    transform: rotate(22deg);
}
.infographics .point-2 {
    z-index: 2;
    /* margin-top: 59px; */
    margin-top: 3.0729vw;
    /* padding-left: 125px; */
    padding-left: 6.5104vw;
}
.infographics .point-2 .indicating-line {
    top: 1.4583vw;
    /* left: 46px; */
    left: 2.3958vw;
    /* width: 268px; */
    width: 13.9583vw;
    /* height: 10px; */
    height: 0.5208vw;
    transform: rotate(2.4deg);
}
.infographics .point-3 {
    z-index: 3;
    margin-top: 3.4375vw;
    /* padding-left: 157px; */
    padding-left: 8.1771vw;
}
.infographics .point-3 .indicating-line {
    top: -0.6771vw;
    /* left: 42px; */
    left: 2.1875vw;
    /* width: 187px; */
    width: 9.7396vw;
    /* height: 10px; */
    height: 0.5208vw;
    transform: rotate(-16deg);
}
.infographics .point-4 {
    z-index: 4;
    /* margin-top: -12px; */
    margin-top: -0.625vw;
    /* padding-left: 441px; */
    padding-left: 22.9688vw;
}
.infographics .point-4 .indicating-line {
    /* top: -124px; */
    top: -6.4583vw;
    /* left: -55px; */
    left: -2.8646vw;
    /* width: 255px; */
    width: 13.2813vw;
    /* height: 10px; */
    height: 0.5208vw;
    transform: rotate(-72deg);
}
.infographics .point-5 {
    z-index: 5;
    /* margin-top: -138px; */
    margin-top: -7.1875vw;
    /* padding-left: 725px; */
    padding-left: 37.7604vw;
}
.infographics .point-5 .indicating-line {
    /* top: -81px; */
    top: -4.2188vw;
    left: -2.8646vw;
    /* width: 152px; */
    width: 7.9167vw;
    height: 0.5208vw;
    transform: rotate(-94deg);
}
.infographics .point-6 {
    z-index: 6;
    /* margin-top: -299px; */
    margin-top: -15.5729vw;
    /* padding-left: 939px; */
    padding-left: 48.9063vw;
}
.infographics .point-6 .indicating-line {
    /* top: -48px; */
    top: -2.5vw;
    /* left: -285px; */
    left: -14.8438vw;
    /* width: 298px; */
    width: 15.5208vw;
    height: 0.5208vw;
    transform: rotate(-158deg);
}
.infographics .point-7 {
    z-index: 7;
    /* margin-top: -334px; */
    margin-top: -17.3958vw;
    /* padding-left: 932px; */
    padding-left: 48.5417vw;
}
.infographics .point-7 .indicating-line {
    top: 2.4479vw;
    /* left: -205px; */
    left: -10.6771vw;
    /* width: 208px; */
    width: 10.8333vw;
    height: 0.5208vw;
    transform: rotate(-12deg);
}
/* LG */
@media (min-width: 992px) and (max-width: 1199px) {
    section#co-robimy > .d-table {
        width: 80%;
    }
    section#co-robimy h2 {
        margin-top: -1.9183vw;
        margin-bottom: 4.2535vw;
    }
    section#co-robimy .infographics {
        margin-top: 5.3378vw;
        margin-bottom: 7.9233vw;
        height: 44.4438vw;
    }
    .infographics .picto {
        margin-top: 3.1693vw;
        width: 30.8590vw;
    }
    .infographics .number {
        margin-bottom: 0.9174vw;
        width: 3.6697vw;
        height: 3.6697vw;
        font-size: 1.8349vw;
    }
    .infographics .point-1 {
        margin-top: -29.2744vw;
        padding-left: 6.4220vw;
    }
    .infographics .point-1 .indicating-line {
        top: 4.8938vw;
        left: 2.8439vw;
        width: 15.0125vw;
    }
    .infographics .point-2 {
        margin-top: 4.2729vw;
        padding-left: 0.5104vw;
    }
    .infographics .point-2 .indicating-line {
        top: 2.2583vw;
        left: 3.4958vw;
        width: 20.1001vw;
    }
    .infographics .point-3 {
        margin-top: 4.9375vw;
        padding-left: 2.6771vw;
    }
    .infographics .point-3 .indicating-line {
        top: -0.6771vw;
        left: 3.2875vw;
        width: 14.0117vw;
    }
    .infographics .point-4 {
        margin-top: -1.525vw;
        padding-left: 23.9688vw;
    }
    .infographics .point-4 .indicating-line {
        top: -9.2583vw;
        left: -4.1646vw;
        width: 19.0992vw;
    }
    .infographics .point-5 {
        margin-top: -9.4875vw;
        padding-left: 45.3604vw;
    }
    .infographics .point-5 .indicating-line {
        top: -6.1188vw;
        left: -4.3646vw;
        width: 11.5096vw;
    }
    .infographics .point-6 {
        margin-top: -23.8729vw;
        padding-left: 61.2063vw;
    }
    .infographics .point-6 .indicating-line {
        top: -3.8vw;
        left: -21.3438vw;
        width: 22.3520vw;
    }
    .infographics .point-7 {
        margin-top: -25.6958vw;
        padding-left: 59.4417vw;
    }
    .infographics .point-7 .indicating-line {
        top: 3.6479vw;
        left: -15.2771vw;
        width: 15.4295vw;
    }
}
/* MD */
@media (min-width: 768px) and (max-width: 991px) {
    section#co-robimy > .d-table {
        width: calc(100% - 30px);
    }
    section#co-robimy h2 {
        margin-top: -2.3209vw;
        margin-bottom: 5.1463vw;
    }
    section#co-robimy .infographics {
        margin-top: 4.0363vw;
        margin-bottom: 14.1271vw;
        height: 47.4438vw;
    }
    .infographics .picto {
        margin-top: 3.3300vw;
        width: 33.6024vw;
    }
    .infographics .number {
    margin-bottom: 0.9174vw;
        width: 3.9354vw;
        height: 3.9354vw;
        font-size: 2.0182vw;
    }
    .infographics .point-1 {
        margin-top: -31.7744vw;
        padding-left: 11.222vw;
    }
    .infographics .point-1 .indicating-line {
        top: 5.2938vw;
        left: 3.0439vw;
        width: 16.3471vw;
    }
    .infographics .point-2 {
        margin-top: 3.8729vw;
        padding-left: 5.9104vw;
    }
    .infographics .point-2 .indicating-line {
        top: 2.2583vw;
        left: 3.7958vw;
        width: 21.6953vw;
    }
    .infographics .point-3 {
        margin-top: 5.6375vw;
        padding-left: 6.8771vw;
    }
    .infographics .point-3 .indicating-line {
        top: -0.6771vw;
        left: 3.4875vw;
        width: 15.1362vw;
    }
    .infographics .point-4 {
        margin-top: -1.825vw;
        padding-left: 30.3688vw;
    }
    .infographics .point-4 .indicating-line {
        top: -10.1583vw;
        left: -4.6646vw;
        width: 20.7871vw;
    }
    .infographics .point-5 {
        margin-top: -11.1875vw;
        padding-left: 53.3604vw;
    }
    .infographics .point-5 .indicating-line {
        top: -6.6188vw;
        left: -4.9646vw;
        width: 12.6135vw;
    }
    .infographics .point-6 {
        margin-top: -25.3729vw;
        padding-left: 70.5063vw;
    }
    .infographics .point-6 .indicating-line {
        top: -3.8vw;
        left: -23.0438vw;
        width: 24.1171vw;
    }
    .infographics .point-7 {
        margin-top: -29.9958vw;
        padding-left: 69.7417vw;
    }
    .infographics .point-7 .indicating-line {
        top: 3.8479vw;
        left: -16.8771vw;
        width: 16.9526vw;
    }
}
/* SM */
@media (min-width: 576px) and (max-width: 767px) {
    section#co-robimy > .d-table {
        width: calc(100% - 30px);
    }
    section#co-robimy h2 {
        margin-top: -2.9987vw;
        margin-bottom: 6.6493vw;
    }
    section#co-robimy > .d-table > p {
        padding: 0 13.0378vw;
    }
    section#co-robimy > .d-table > p > br {
        content: "";
    }
    section#co-robimy > .d-table > p > br:after {
        content: " ";
    }
    section#co-robimy .infographics {
        margin-top: 13.8695vw;
        margin-bottom: 18.2529vw;
        height: 51.1438vw;
    }
    .infographics .picto {
        margin-top: 3.5202vw;
        width: 34.6806vw;
    }
    .infographics .number {
        margin-bottom: 1.1734vw;
        width: 4.0417vw;
        height: 4.0417vw;
        font-size: 2.0860vw;
    }
    .infographics .point-1 {
        margin-top: -32.9857vw;
        padding-left: 7.3012vw;
    }
    .infographics .point-1 .indicating-line {
        display: none;
    }
    .infographics .point-2 {
        margin-top: 3.5202vw;
        padding-left: 2.0860vw;
    }
    .infographics .point-2 .indicating-line {
        display: none;
    }
    .infographics .point-3 {
        margin-top: 4.4329vw;
        padding-left: 3.1771vw;
    }
    .infographics .point-3 .indicating-line {
        display: none;
    }
    .infographics .point-4 {
        margin-top: -3.1291vw;
        padding-left: 26.3364vw;
    }
    .infographics .point-4 .indicating-line {
        display: none;
    }
    .infographics .point-5 {
        margin-top: -16.7875vw;
        padding-left: 56.1604vw;
    }
    .infographics .point-5 .indicating-line {
        display: none;
    }
    .infographics .point-6 {
        margin-top: -31.2729vw;
        padding-left: 70.5063vw;
    }
    .infographics .point-6 .indicating-line {
        display: none;
    }
    .infographics .point-7 {
        margin-top: -42.9958vw;
        padding-left: 69.7417vw;
    }
    .infographics .point-7 .indicating-line {
        display: none;
    }
}
/* XS */
@media (max-width: 575px) {
    section#co-robimy > .d-table {
        width: calc(100% - 30px);
    }
    section#co-robimy h2 {
        margin-top: -4vw;
        margin-bottom:  8.8696vw;
    }
    section#co-robimy > .d-table > p {
        padding: 0 10.3913vw;
    }
    section#co-robimy > .d-table > p > br {
        content: "";
    }
    section#co-robimy > .d-table > p > br:after {
        content: " ";
    }
    section#co-robimy .infographics {
        margin-top: 0;
        margin-bottom: 23.4783vw;
        height: auto;
    }
    .infographics .picto {
        margin-top: 10.4348vw;
        margin-bottom: 10.4348vw;
        width: 27.4783vw;
    }
    .infographics .number {
    /* margin-bottom: 1.1734vw; */
        width: 5.3913vw;
        height: 5.3913vw;
        font-size: 2.7826vw;

        display: table !important;
        vertical-align: middle !important;
        margin-bottom: 0px;
        margin-right: 14px !important;
        float: left;
    }
    .infographics .point-1 {
        margin-top: 0;
        padding-left: 0;
    }
    .infographics .position-relative > div {
        width: 100%;
        margin-bottom: 1.7391vw;
        padding: 0 6.9565vw;
    }
    .infographics p {
        display: block !important;
        vertical-align: middle !important;;
        text-align: left !important;
    }
    .infographics p br {
        content: " ";
    }
    .infographics p br::after {
        content: " ";
    }
    .infographics .point-1 .indicating-line {
        display: none;
    }
    .infographics .point-2 {
        margin-top: 0;
        padding-left: 0;
    }
    .infographics .point-2 .indicating-line {
        display: none;
    }
    .infographics .point-3 {
        margin-top: 0;
        padding-left: 0;
    }
    .infographics .point-3 .indicating-line {
        display: none;
    }
    .infographics .point-4 {
        margin-top: 0;
        padding-left: 0;
    }
    .infographics .point-4 .indicating-line {
        display: none;
    }
    .infographics .point-5 {
        margin-top: 0;
        padding-left: 0;
    }
    .infographics .point-5 .indicating-line {
        display: none;
    }
    .infographics .point-6 {
        margin-top: 0;
        padding-left: 0;
    }
    .infographics .point-6 .indicating-line {
        display: none;
    }
    .infographics .point-7 {
        margin-top: 0;
        padding-left: 0;
    }
    .infographics .point-7 .indicating-line {
        display: none;
    }
}

section#co-robimy aside {
    position: relative;
    z-index: 2;
    /* padding: 140px 0; */
    padding: 7.2917vw 0;
    background: url(/images/areas-bg.jpg) center center repeat-y;
    background-color: #dedede;
}
section#co-robimy aside .rectangle-theme {
    position: absolute;
    /* top: -254px; */
    top: -13.2292vw;
    /* right: -135px; */
    right: -7.0313vw;
    /* width: 305px; */
    width: 15.8854vw;
    height: 16.0417vw;
    transform: rotate(40deg);
    background: #fff;
}
section#co-robimy aside h3 {
    /* margin-bottom: 80px; */
    margin-bottom: 4.1667vw;
    /* font-size: 40px; */
    font-size: 2.0833vw;
    line-height: 2.0833vw;
}
.popover {
    display: table;
    border-radius: 0;
    /* max-width: 300px; */
    max-width: 15.6250vw;
    width: 15.6250vw;
    box-shadow: 0px 0px 2.0833vw 0.5208vw rgba(0, 0, 0, 0.1);
    border: none;
}
.bs-popover-auto[x-placement^=top], .bs-popover-top {
    /* margin-bottom: 50px; */
    margin-bottom: 2.6042vw;
}
.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
    /* margin-top: 50px; */
    margin-top: 2.6042vw;
}
.popover .arrow {
    /* width: 88px; */
    width: 4.5833vw;
    /* height: 44px; */
    height: 2.2917vw;
    bottom: calc(2.2917vw * -1); 
}
.bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
    top: calc(2.2917vw * -1);
}
.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before {
    border-width: 2.2917vw 2.2917vw 0;
}
.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
    border-top-color: rgba(0,0,0,.06);
}
.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
    border-width: 0 2.2917vw 2.2917vw 2.2917vw;
}
.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
    top: 0;
    border-bottom-color: rgba(0,0,0,.06);
}
.popover .popover-body {
    display: table;
    width: 100%;
    /* height: 270px; */
    height: 14.0625vw;
    /* padding: 30px; */
    padding: 1.5625vw;
}
.popover h3 {
    display: none;
}
.popover h4 {
    /* margin-bottom: 20px; */
    margin-bottom: 1.0417vw;
    text-align: center;
    font-family: 'pero-bold';
    /* font-size: 24px; */
    font-size: 1.25vw;
    line-height: 1.25vw;
}
.popover h4.analytics {
    color: #e4058c;
}
.popover h4.television {
    color: #f89500;
}
.popover h4.radio {
    color: #00aeef;
}
.popover h4.billboard {
    color: #80caa5;
}
.popover h4.newspaper {
    color: #5652a3;
}
.popover h4.email {
    color: #ffc50c;
}
.popover h4.wand {
    color: #e30613;
}
.popover p {
    margin-bottom: 0;
    text-align: center;
    /* font-size: 16px; */
    font-size: 0.8333vw;
    /* line-height: 22px; */
    line-height: 1.1458vw;
    color: #000;
}
section#co-robimy aside .popover-btn {
    cursor: pointer;
    /* margin: 0 45px; */
    margin: 0 2.3438vw;
}
section#co-robimy aside .popover-btn svg {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
section#co-robimy aside .popover-btn:hover svg {
    opacity: 0.7;
}
section#co-robimy aside #analytics-popover svg {
    /* width: 128px; */
    width: 6.6667vw;
    fill: #e4058c;
}
section#co-robimy aside #television-popover svg {
    /* width: 118px; */
    width: 6.1458vw;
    fill: #f89500;
}
section#co-robimy aside #radio-popover svg {
    /* width: 101px; */
    width: 5.2604vw;
    fill: #00aeef;
}
section#co-robimy aside #newspaper-popover svg {
    /* width: 105px; */
    width: 5.4688vw;
    fill: #5652a3;
}
section#co-robimy aside #email-popover svg {
    /* width: 112px; */
    width: 5.8333vw;
    fill: #ffc50c;
}
section#co-robimy aside #wand-popover svg {
    /* width: 63px; */
    width: 3.2813vw;
    fill: #e30613;
}
section#co-robimy aside #billboard-popover svg {
    /* width: 96px;    */
    width: 5vw;   
}
section#co-robimy aside #billboard-popover svg path {
    fill: #80caa5 !important;
}
/* LG */
@media (min-width: 992px) and (max-width: 1199px) {
    section#co-robimy aside {
        padding: 7.9233vw 0;
    }
    section#co-robimy aside .rectangle-theme {
        top: -16.0133vw;
        right: -8.6313vw;
        width: 19.7665vw;
        height: 19.5163vw;
    }
    section#co-robimy aside h3 {
        margin-bottom: 3.3361vw;
        font-size: 2.6689vw;
        line-height: 2.6689vw;
    }
    .popover {
        max-width: 25.0209vw;
        width: 25.0209vw;
    }
    .bs-popover-auto[x-placement^=top], .bs-popover-top {
        margin-bottom: 4.1701vw !important;
    }
    .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
        margin-top: 4.1701vw !important;
    }
    .popover .arrow {
        width: 7.3394vw;
        height: 3.6697vw;
        bottom: calc(3.6697vw * -1); 
    }
    .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
        top: calc(3.6697vw * -1);
    }
    .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before {
        border-width: 3.6697vw 3.6697vw 0;
    }
    .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
        border-width: 0 3.6697vw 3.6697vw 3.6697vw;
    }
    .popover .popover-body {
        height: 22.5188vw;
        padding: 2.5021vw;
    }
    .popover h4 {
        margin-bottom: 1.7515vw;
        font-size: 2.0017vw;
        line-height: 2.0017vw;
    }
    .popover p {
        font-size: 1.3344vw;
        line-height: 1.3344vw;
    }
    section#co-robimy aside .popover-btn {
        margin: 0 2.5021vw;
    }
    section#co-robimy aside #analytics-popover svg {
        width: 7.5063vw;
    }
    section#co-robimy aside #television-popover svg {
        width: 6.9224vw;
    }
    section#co-robimy aside #radio-popover svg {
        width: 5.9216vw;
    }
    section#co-robimy aside #newspaper-popover svg {
        width: 6.1718vw;
    }
    section#co-robimy aside #email-popover svg {
        width: 6.5054vw;
    }
    section#co-robimy aside #wand-popover svg {
        width: 3.6697vw;
    }
    section#co-robimy aside #billboard-popover svg {
        width: 5.5880vw
    }
}
/* MD */
@media (min-width: 768px) and (max-width: 991px) {
    section#co-robimy aside {
        padding: 14.1271vw 0;
    }
    section#co-robimy aside .rectangle-theme {
        top: -15.4390vw;
        right: -7.0636vw;
        width: 15.9435vw;
        height: 15.9435vw;
    }
    section#co-robimy aside h3 {
        margin-bottom: 3.6327vw;
        font-size: 3.2291vw;
        line-height: 3.2291vw;
    }
    .popover {
        max-width: 30.2725vw;
        width: 30.2725vw;
    }
    .bs-popover-auto[x-placement^=top], .bs-popover-top {
        margin-bottom: 5.0454vw !important;
    }
    .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
        margin-top: 5.0454vw !important;
    }
    .popover .arrow {
        width: 8.8799vw;
        height: 4.4400vw;
        bottom: calc(4.4400vw * -1); 
    }
    .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
        top: calc(4.4400vw * -1);
    }
    .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before {
        border-width: 4.4400vw 4.4400vw 0;
    }
    .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
        border-width: 0 4.4400vw 4.4400vw 4.4400vw;
    }
    .popover .popover-body {
        height: 27.2452vw;
        padding: 3.0272vw;
    }
    .popover h4 {
        margin-bottom: 2.1191vw;
        font-size: 2.4218vw;
        line-height: 2.4218vw;
    }
    .popover p {
        font-size: 1.6145vw;
        line-height: 1.6145vw;
    }
    section#co-robimy aside .popover-btn {
        margin: 0 4.4400vw 0.8073vw 4.4400vw;
    }
    section#co-robimy aside #analytics-popover svg {
        width: 9.0817vw;
    }
    section#co-robimy aside #television-popover svg {
        width: 8.3754vw;
    }
    section#co-robimy aside #radio-popover svg {
        width: 7.1645vw;
    }
    section#co-robimy aside #newspaper-popover svg {
        width: 7.4672vw;
    }
    section#co-robimy aside #email-popover svg {
        width: 7.8708vw;
    }
    section#co-robimy aside #wand-popover svg {
        width: 4.4400vw;
    }
    section#co-robimy aside #billboard-popover svg {
        width: 6.7608vw;
    }
}
/* SM */
@media (min-width: 576px) and (max-width: 767px) {
    section#co-robimy aside {
        padding: 18.2529vw 0;
    }
    section#co-robimy aside .rectangle-theme {
        top: -18.6441vw;
        right: -9.1265vw;
        width: 20.3390vw;
        height: 20.4694vw;
    }
    section#co-robimy aside h3 {
        margin-bottom: 4.4329vw;
        font-size: 4.1721vw;
        line-height: 4.1721vw;
    }
    .popover {
        max-width: 39.1134vw;
        width: 39.1134vw;
    }
    .bs-popover-auto[x-placement^=top], .bs-popover-top {
        margin-bottom: 6.5189vw !important;
    }
    .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
        margin-top: 6.5189vw !important;
    }
    .popover .arrow {
        width: 11.4733vw;
        height: 5.7366vw;
        bottom: calc(5.7366vw * -1); 
    }
    .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
        top: calc(5.7366vw * -1);
    }
    .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before {
        border-width: 5.7366vw 5.7366vw 0;
    }
    .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
        border-width: 0 5.7366vw 5.7366vw 5.7366vw;
    }
    .popover .popover-body {
        height: 35.2021vw;
        padding: 3.9113vw;
    }
    .popover h4 {
        margin-bottom: 2.7379vw;
        font-size: 3.1291vw;
        line-height: 3.1291vw;
    }
    .popover p {
        font-size: 2.0860vw;
        line-height: 2.0860vw;
    }
    section#co-robimy aside .popover-btn {
        margin: 0 5.7366vw 1.0430vw 5.7366vw;
    }
    section#co-robimy aside #analytics-popover svg {
        width: 11.7340vw;
    }
    section#co-robimy aside #television-popover svg {
        width: 10.8214vw;
    }
    section#co-robimy aside #radio-popover svg {
        width: 9.2568vw;
    }
    section#co-robimy aside #newspaper-popover svg {
        width: 9.6480vw;
    }
    section#co-robimy aside #email-popover svg {
        width: 10.1695vw;
    }
    section#co-robimy aside #wand-popover svg {
        width: 5.7366vw;
    }
    section#co-robimy aside #billboard-popover svg {
        width: 8.7353vw;
    }
}
/* XS */
@media (max-width: 575px) {
    section#co-robimy aside {
        padding: 23.4783vw 0;
    }
    section#co-robimy aside .rectangle-theme {
        top: -24.8696vw;
        right: -12.1739vw;
        width: 27.1304vw;
        height: 27.3043vw;
    }
    section#co-robimy aside h3 {
        margin-bottom: 5.9130vw;
        font-size: 5.5652vw;
        line-height: 5.5652vw;
    }
    .popover {
        max-width: 52.1739vw;
        width: 52.1739vw;
    }
    .bs-popover-auto[x-placement^=top], .bs-popover-top {
        margin-bottom: 8.6957vw !important;
    }
    .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
        margin-top: 8.6957vw !important;
    }
    .popover .arrow {
        width: 15.3043vw;
        height: 7.6522vw;
        bottom: calc(7.6522vw * -1); 
    }
    .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
        top: calc(7.6522vw * -1);
    }
    .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before {
        border-width: 7.6522vw 7.6522vw 0;
    }
    .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
        border-width: 0 7.6522vw 7.6522vw 7.6522vw;
    }
    .popover .popover-body {
        height: 46.9565vw;
        padding: 5.2174vw;
    }
    .popover h4 {
        margin-bottom: 3.6522vw;
        font-size: 4.1739vw;
        line-height: 4.1739vw;
    }
    .popover p {
        font-size: 2.7826vw;
        line-height: 2.7826vw;
    }
    section#co-robimy aside .popover-btn {
        margin: 0 2.9565vw 1.3913vw 2.9565vw;
    }
    section#co-robimy aside #analytics-popover svg {
        width: 15.6522vw;
    }
    section#co-robimy aside #television-popover svg {
        width: 14.4348vw;
    }
    section#co-robimy aside #radio-popover svg {
        width: 12.3478vw;
    }
    section#co-robimy aside #newspaper-popover svg {
        width: 12.8696vw;
    }
    section#co-robimy aside #email-popover svg {
        width: 13.5652vw;
    }
    section#co-robimy aside #wand-popover svg {
        width: 7.6522vw;
    }
    section#co-robimy aside #billboard-popover svg {
        width: 11.6522vw;
    }
}


/**
* Zaufali nam
*/
section#zaufali-nam {
    background-color: #fff;
}
section#zaufali-nam h2 {
    /* margin-top: -25px; */
    margin-top: -1.3021vw;
    margin-bottom: 5vw;
}
section#zaufali-nam a {
    position: relative;
    float: left;
    margin: 0.5208vw 0.2604vw 0 0.2604vw;
    width: 10.4167vw;
    height: 10.4167vw;
    border: dashed 1px #ebebeb;
}
section#zaufali-nam a.nb {
    border: none !important;
}
section#zaufali-nam a img {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
section#zaufali-nam a img:nth-child(2) {
    opacity: 0;
}
section#zaufali-nam a:hover img:nth-child(2) {
    opacity: 1
}
/* LG */
@media (min-width: 992px) and (max-width: 1199px) {
    section#zaufali-nam h2 {
        margin-top: -1.9183vw;
        margin-bottom: 5.4212vw;
    }
    section#zaufali-nam a {
        margin: 0.4170vw 0.2085vw 0 0.2085vw;
        width: 13.3445vw;
        height: 13.3445vw;
    }
}
/* MD */
@media (min-width: 768px) and (max-width: 991px) {
    section#zaufali-nam h2 {
        margin-top: -2.3209vw;
        margin-bottom: 6.4581vw;
    }
    section#zaufali-nam a {
        margin: 0.5045vw 0.2523vw 0 0.2523vw;
        width: 16.1453vw;
        height: 16.1453vw;
    }
}
/* SM */
@media (min-width: 576px) and (max-width: 767px) {
    section#zaufali-nam h2 {
        margin-top: -2.9987vw;
        margin-bottom: 8.3442vw;
    }
    section#zaufali-nam a {
        margin: 0.6519vw 0.3259vw 0 0.3259vw;
        width: 20.8605vw;
        height: 20.8605vw;
    }
}
/* XS */
@media (max-width: 575px) {
    section#zaufali-nam h2 {
        margin-top: -4vw;
        margin-bottom: 11.1304vw;
    }
    section#zaufali-nam a {
        margin: 0.8696vw 0.5217vw 0 0.5217vw;
        width: 27.8261vw;
        height: 27.8261vw;
    }
}


/**
* Kontakt
*/
section#kontakt {
    background: #fafafa;
    /* padding-bottom: 95px; */
    padding-bottom: 4.9479vw;
}
section#kontakt h2 {
    /* margin-top: -25px; */
    margin-top: -1.3021vw;
    /* margin-bottom: 110px; */
    margin-bottom: 5.7292vw;
}
section#kontakt input, section#kontakt textarea {
    /* height: 60px; */
    height: 3.1250vw;
    padding-left: 1.4583vw;
    padding-right: 1.4583vw;
    text-align: right;
    /* font-size: 20px; */
    font-size: 1.0417vw;
    background-color: #efefef;
    border: none;
    border-bottom: solid 0.2604vw #d3d3d3;
    border-radius: 0;
}
section#kontakt textarea {
    /* height: 310px; */
    height: 16.1458vw;
    padding-top: 0.6771vw;
    padding-bottom: 0.6771vw;
    text-align: left;
}
/* Check box start*/
section#kontakt label {
    display: block;
    position: relative;
    /* margin-top: 53px; */
    margin-top: 2.7604vw;
    padding-top: 0.1042vw;
    padding-left: 3.5938vw;
    font-size: 0.8333vw;
    /* line-height: 20px; */
    line-height: 1.0417vw;
    color: #939393;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;        
}
section#kontakt label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
section#kontakt label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 2.0833vw;
    width: 2.0833vw;
	background-color: #efefef;
	border: solid 0.2604vw #d3d3d3;
}
section#kontakt label input:checked ~ .checkmark {
    background-color: #efefef;
}
section#kontakt label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
section#kontakt label input:checked ~ .checkmark:after {
    display: block;
}
section#kontakt label .checkmark:after {
    /* left: 9px; */
    left: 0.4688vw;
    /* top: 4px; */
    top: 0.2083vw;
    width: 0.625vw;
    /* height: 18px; */
    height: 0.9375vw;
    border: solid #f9a01b;
    border-width: 0 0.2604vw 0.2604vw 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* Check box stop*/
section#kontakt button {
   display: block;
   margin: 0 auto;
   /* width: 350px; */
   width: 18.2292vw;
   /* height: 80px; */
   height: 4.1667vw;
   padding: 0;
   border: none;
   border-bottom: solid 0.2604vw #d98b16;
   background: #f9a01b;
   cursor: pointer;
}
section#kontakt button .d-table-cell:nth-child(1) {
    width: 20%;
}
section#kontakt button .d-table-cell:nth-child(1) img {
    display: block;
    float: right;
    /* width: 32px; */
    width: 1.6667vw;
}
section#kontakt button .d-table-cell:nth-child(2) {
    /* padding-left: 26px; */
    padding-left: 1.3542vw;
    font-size: 1.5625vw;
    color: #fff;
}
section#kontakt .top-form {    
    float: left;
    margin-right: 1.5625vw;
    /* width: 500px; */
    width: 26.0417vw;
}
section#kontakt .mid-form {    
    float: right;
    margin-left: 1.5625vw;
    width: 26.0417vw;
}
section#kontakt .bot-form {    
    /* margin-top: 51px; */
    margin-top: 2.6563vw;
    width: 100%;
}
/* LG */
@media (min-width: 992px) and (max-width: 1199px) {
    section#kontakt {
        padding-bottom: 8.3403vw;
    }
    section#kontakt h2 {
        margin-top: -1.9183vw;
        margin-bottom: 5.2544vw;
    }
    section#kontakt input, section#kontakt textarea {
        height: 5.0042vw;
        padding-left: 2.3353vw;
        padding-right: 2.3353vw;
        font-size: 1.6681vw;
        border-bottom: solid 0.4170vw #d3d3d3;
    }
    section#kontakt textarea {
        height: 25.8549vw;
        padding-top: 0.9771vw;
        padding-bottom: 0.9771vw;
    }
    /* Check box start*/
    section#kontakt label {
        margin-top: 3.0859vw;
        padding-top: 0.1668vw;
        padding-left: 5.6714vw;
        font-size: 1.3344vw;
        line-height: 1.6681vw;
    }
    section#kontakt label .checkmark {
        height: 3.3361vw;
        width: 3.3361vw;
        border: solid 0.4170vw #d3d3d3;
    }
    section#kontakt label .checkmark:after {
        left: 0.6688vw;
        top: 0.2083vw;
        width: 1.225vw;
        height: 1.7375vw;
        border-width: 0 0.4604vw 0.4604vw 0;
    }
    /* Check box stop*/
    section#kontakt button {
        width: 29.1910vw;
        height: 6.6722vw;
        border-bottom: solid 0.4170vw #d98b16;
    }
    section#kontakt button .d-table-cell:nth-child(1) img {
        width: 2.7523vw;
    }
    section#kontakt button .d-table-cell:nth-child(2) {
        padding-left: 2.1685vw;
        font-size: 2.5021vw;
    }
    section#kontakt .top-form {
        margin-right: 2.5021vw;
        width: 41.7014vw;
    }
    section#kontakt .mid-form {
        margin-left: 2.5021vw;
        width: 41.7014vw;
    }
    section#kontakt .bot-form {    
        margin-top: 3.3361vw;
    }
}
/* MD */
@media (min-width: 768px) and (max-width: 991px) {
    section#kontakt {
        padding-bottom: 10.0908vw;
    }
    section#kontakt h2 {
        margin-top: -2.3209vw;
        margin-bottom: 6.2563vw;
    }
    section#kontakt input, section#kontakt textarea {
        height: 6.0545vw;
        padding-left: 2.8254vw;
        padding-right: 2.8254vw;
        font-size: 2.0182vw;
        border-bottom: solid 0.5045vw #d3d3d3;
    }
    section#kontakt textarea {
        height: 31.2815vw;
        padding-top: 1.2771vw;
        padding-bottom: 1.2771vw;
    }
    /* Check box start*/
    section#kontakt label {
        margin-top: 3.7336vw;
        padding-top: 0.2018vw;
        padding-left: 6.8618vw;
        font-size: 1.6145vw;
        line-height: 2.0182vw; 
    }
    section#kontakt label .checkmark {
        height: 4.0363vw;
        width: 4.0363vw;
        border: solid 0.5045vw #d3d3d3;
    }
    section#kontakt label .checkmark:after {
        left: 0.7073vw;
        top: 0.1027vw;
        width: 1.5136vw;
        height: 2.1191vw;
        border-width: 0 0.5045vw 0.5045vw 0;
    }
    /* Check box stop*/
    section#kontakt button {
        width: 35.3179vw;
        height: 8.0727vw;
        border-bottom: solid 0.5045vw #d98b16;
    }
    section#kontakt button .d-table-cell:nth-child(1) img {
        width: 3.2291vw;
    }
    section#kontakt button .d-table-cell:nth-child(2) {
        padding-left: 2.6236vw;
        font-size: 3.0272vw;
    }
    section#kontakt .top-form {
        margin-right: 3.0272vw;
        width: 40.3633vw;
    }
    section#kontakt .mid-form {
        margin-left: 3.0272vw;
        width: 40.3633vw;
    }
    section#kontakt .bot-form {    
        margin-top: 4.4400vw;
    }
}
/* SM */
@media (min-width: 576px) and (max-width: 767px) {
    section#kontakt {
        padding-bottom: 13.6897vw;
    }
    section#kontakt h2 {
        margin-top: -2.9987vw;
        margin-bottom: 9.5176vw;
    }
    section#kontakt input, section#kontakt textarea {
        height: 7.8227vw;
        padding-left: 3.6506vw;
        padding-right: 3.6506vw;
        font-size: 2.6076vw;
        border-bottom: solid 0.6519vw #d3d3d3;
    }
    section#kontakt textarea {
        height: 40.4172vw;
        padding-top: 2.1771vw;
        padding-bottom: 2.1771vw;
    }
    /* Check box start*/
    section#kontakt label {
        width: 65.1890vw;
        margin: 0 auto;
        margin-bottom: 8.0834vw;
        padding-top: 0.2608vw;
        padding-left: 8.8657vw;
        font-size: 2.0860vw;
        line-height: 2.6076vw;
    }
    section#kontakt label .checkmark {
        height: 5.2151vw;
        width: 5.2151vw;
        border: solid 0.6519vw #d3d3d3;
    }
    section#kontakt label .checkmark:after {
        left: 0.9073vw;
        top: 0.1027vw;
        width: 1.9557vw;
        height: 2.7379vw;
        border-width: 0 0.6519vw 0.6519vw 0;
    }
    /* Check box stop*/
    section#kontakt button {
        width: 45.6323vw;
        height: 10.4302vw;
        border-bottom: solid 0.6519vw #d98b16;
    }
    section#kontakt button .d-table-cell:nth-child(1) img {
        width: 4.1721vw;
    }
    section#kontakt button .d-table-cell:nth-child(2) {
        padding-left: 3.3898vw;
        font-size: 3.9113vw;
    }
    section#kontakt .top-form {
        margin: 0 auto;
        float: none;
        width: 65.1890vw;
    }
    section#kontakt .mid-form {
        float: none;
        margin: 0 auto;
        width: 65.1890vw;
    }
    section#kontakt .bot-form { 
        float: none;
        margin: 0 auto;
    }
}
/* XS */
@media (max-width: 575px) {
    section#kontakt {
    padding-bottom: 13.6897vw;
    }
    section#kontakt h2 {
        margin-top: -4vw;
    margin-bottom: 9.5176vw;
    }
    section#kontakt input, section#kontakt textarea {
        height: 10.4348vw;
        padding-left: 4.8696vw;
        padding-right: 4.8696vw;
        font-size: 3.4783vw;
        border-bottom: solid 0.8696vw #d3d3d3;
    }
    section#kontakt textarea {
        height: 53.9130vw;
        padding-top: 2.9565vw;
        padding-bottom: 2.9565vw;
    }
    /* Check box start*/
    section#kontakt label {
        width: 86.9565vw;
        margin: 0 auto;
        margin-bottom: 10.7826vw;
        padding-top: 0.3478vw;
        padding-left: 11.8261vw;
        font-size: 2.7826vw;
        line-height: 3.4783vw;
    }
    section#kontakt label .checkmark {
        height: 6.9565vw;
        width: 6.9565vw;
        border: solid 0.8696vw #d3d3d3;
    }
    section#kontakt label .checkmark:after {
        left: 1.3073vw;
        top: 0.1027vw;
        width: 2.6087vw;
        height: 3.6522vw;
        border-width: 0 0.8696vw 0.8696vw 0;
    }
    /* Check box stop*/
    section#kontakt button {
        width: 59.4783vw;
        height: 13.9130vw;
        border-bottom: solid 0.8696vw #d98b16;
    }
    section#kontakt button .d-table-cell:nth-child(1) img {
        width: 5.5652vw;
    }
    section#kontakt button .d-table-cell:nth-child(2) {
        padding-left: 4.5217vw;
        font-size: 5.2174vw;
    }
    section#kontakt .top-form {
        margin: 0 auto;
        float: none;
        width: 86.9565vw;
    }
    section#kontakt .mid-form {
        float: none;
        margin: 0 auto;
        width: 86.9565vw;
    }
    section#kontakt .bot-form { 
        float: none;
        margin: 0 auto;
    }
}


/**
* Footer
*/
footer .picto {
    position: absolute;
    top: 0;
    /* left: calc(50% - 37px); */
    left: calc(50% - 1.9271vw);
    /* width: 85px; */
    width: 4.4271vw;
    height: 4.4271vw;
    z-index: 10;
}
footer .map {
    position: relative;
    float: left;
    width: 50%;
    /* height: 374px; */
    height: 19.4792vw;
    /* background: url(/images/map-bg-xl.jpg) center center no-repeat;
    background-size: cover; */
    cursor: pointer;
    overflow: hidden;
}
footer .address .plug, footer .map .plug {
    position: absolute;
    z-index: 2;
    width: 120%;
    /* height: 100px; */
    height: 5.2083vw;
    transform: rotate(-5.7deg);
    /* left: -9px; */
    left: -0.4688vw;
    top: -3.0208vw;
    background: #fafafa;
}
footer .map iframe {
    width: calc(100% + 5.4167vw);
    height: calc(100% + 22.25vw);
    position: absolute;
    top: -9.1354vw;
    left: -2.7083vw;
}
footer .map .plug {
    transform: rotate(5.7deg);
    right: -0.4688vw;
    left: auto;
    z-index: 4;
}
footer .map .map-lock {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}
footer .address {
    position: relative;
    float: right;
    width: 50%;
    height: 19.4792vw;
    overflow: hidden;
    background: url(/images/contact-bg.jpg) #89c0ad right top no-repeat;
}
footer .address .address-wrapper {
    display: table;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    /* height: 335px; */
    height: 17.4479vw;
}
footer .address .address-wrapper .d-table-cell:nth-child(1) {
    /* padding-right: 87px; */
    padding-right: 4.5313vw;
    text-align: right;
}
footer .address .address-wrapper .d-table-cell:nth-child(2) {
    /* width: 250px; */
    width: 13.0208vw;
}
footer .address .address-wrapper .d-table-cell:nth-child(1) h4 {
    margin-bottom: 0;
    font-family: 'pero-bold';
    font-size: 1.5625vw;
}
footer .address .address-wrapper .d-table-cell:nth-child(2) .d-table {
    /* width: 113px; */
    width: 5.8854vw;
    text-align: center;
    font-family: 'pero-bold';
    /* font-size: 34px; */
    font-size: 1.7708vw;
    line-height: 1.4583vw;
}
footer .address .address-wrapper .d-table-cell:nth-child(2) .d-table img {
    width: 100%;
}
footer .address a.linkedin {
    display: inline-block;
    /* margin-top: 20px; */
    margin-top: 1.0417vw;
}
footer .address a.linkedin > img {
    /* width: 100px; */
    width: 5.2083vw;
}
/* LG */
@media (min-width: 992px) and (max-width: 1199px) {
    footer .picto {
        left: calc(50% - 3.1271vw);
        width: 7.0892vw;
        height: 7.0892vw;
    }
    footer .map iframe {
        width: calc(100% + 5.4167vw);
        height: calc(100% + 32.95vw);
        position: absolute;
        top: -11.3354vw;
        left: -2.7083vw;
    }
    footer .map {
        height: 27.3561vw;
    }
    footer .address .plug, footer .map .plug {
        height: 9.5083vw;
        left: -0.6688vw;
        top: -3.8365vw;
    }
    footer .map .plug {
        left: -9.2688vw;
    }
    footer .address {
        height: 27.3561vw;
    }
    footer .address .address-wrapper {
        height: 21.2479vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(1) {
        padding-right: 6.3386vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(2) {
        width: 14.3453vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(1) h4 {
        font-size: 2.5021vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(1) p {
        font-size: 2.5021vw;
        line-height: 2.5021vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(2) .d-table {
        width: 9.4245vw;
        font-size: 2.4708vw;
        line-height: 2.1583vw;
    }
    footer .address a.linkedin {
        margin-top: 1.0417vw;
    }
    footer .address a.linkedin > img {
        /* width: 100px; */
        width: 8.5083vw;
    }
}
/* MD */
@media (min-width: 768px) and (max-width: 991px) {
    footer .picto {
        left: calc(50% - 3.8271vw);
        width: 8.5772vw;
        height: 8.5772vw;
    }
    footer .map iframe {
        width: calc(100% + 5.4167vw);
        height: calc(100% + 32.95vw);
        position: absolute;
        top: -11.3354vw;
        left: -2.7083vw;
    }
    footer .map {
        height: 32.0979vw;
    }
    footer .address .plug, footer .map .plug {
        height: 11.5035vw;
        left: -0.8073vw;
        top: -4.6418vw;
    }
    footer .map .plug {
        left: -9.2008vw;
    }
    footer .address {
        height: 32.0979vw;
    }
    footer .address .address-wrapper {
        height: 24.8316vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(1) {
        padding-right: 4.3391vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(2) {
        width: 14.1271vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(1) h4 {
        font-size: 2.0182vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(1) p {
        font-size: 2.0182vw;
        line-height: 2.0182vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(2) .d-table {
        width: 7.5681vw;
        font-size: 1.9272vw;
        line-height: 1.7236vw;
    }
    footer .address a.linkedin {
        margin-top: 0.4417vw;
    }
    footer .address a.linkedin > img {
        width: 8.2083vw;
    }
}
/* SM */
@media (min-width: 576px) and (max-width: 767px) {
    footer .picto {
    left: calc(50% - 4.9271vw);
        width: 11.0821vw;
        height: 7.5619vw;
    }
    footer .map iframe {
        width: calc(100% + 24.4167vw);
        height: calc(100% + 37.25vw);
        position: absolute;
        top: auto;
        left: -10.7083vw;
        bottom: -26vw;
    }
    footer .map {
        height: 48.7614vw;
    }
    footer .address .plug, footer .map .plug {
        height: 15.5035vw;
        left: -1.0073vw;
        top: -5.0847vw;
    }
    footer .map .plug {
        left: -8.9008vw;
    }
    footer .address {
        height: 48.7614vw;
    }
    footer .address .address-wrapper {
        height: 38.1316vw;
        display: flex;
        flex-direction: column;
        -ms-flex-direction: column;
        padding-top: 5.0847vw;
        padding-right: 6.2581vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(1) {
        padding: 0;
        margin: 0;
        width: 100%;
        display: block !important;
        float: right;
        order: 2;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(2) {
        padding: 0;
        margin: 0;
        margin-bottom: 1.9557vw;
        width: 100%;
        height: 13.0378vw;
        display: block !important;
        float: right;
        order: 1;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(1) h4 {
        font-size: 2.6076vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(1) p {
        font-size: 2.6076vw;
        line-height: 2.6076vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(2) .d-table {
        float: right;
        width: 8.7353vw;
        font-size: 2.3272vw;
        line-height: 2.1236vw;
    }
    footer .address a.linkedin {
        margin-top: 0.3417vw;
    }
    footer .address a.linkedin > img {
        width: 10.6083vw;
    }
}
/* XS */
@media (max-width: 575px) {
    footer .picto {
        left: calc(50% - 6.6087vw);
        width: 14.7826vw;
        height: 10.0870vw;
    }
    footer .map iframe {
        width: calc(100% + 24.4167vw);
        height: calc(100% + 37.25vw);
        position: absolute;
        top: auto;
        left: -10.7083vw;
        bottom: -26vw;
    }
    footer .map {
        height: 65.0435vw;
    }
    footer .address .plug, footer .map .plug {
        height: 20.6957vw;
        left: -1.3913vw;
        top: -6.7826vw;
    }
    footer .map .plug {
        left: -7.8261vw;
    }
    footer .address {
        height: 65.0435vw;
    }
    footer .address .address-wrapper {
        height: 50.7826vw;
        display: flex;
        flex-direction: column;
        -ms-flex-direction: column;
        padding-top: 7.7826vw;
        padding-right: 6.5478vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(1) {
        padding: 0;
        margin: 0;
        width: 100%;
        display: block !important;
        float: right;
        order: 2;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(2) {
        padding: 0;
        margin: 0;
        margin-bottom: 2.6087vw;
        width: 100%;
        height: 17.3913vw;
        display: block !important;
        float: right;
        order: 1;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(1) h4 {
        font-size: 3.4783vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(1) p {
        font-size: 3.4783vw;
        line-height: 3.4783vw;
    }
    footer .address .address-wrapper .d-table-cell:nth-child(2) .d-table {
        float: right;
        width: 11.6522vw;
        font-size: 3.1304vw;
        line-height: 2.7826vw;
    }
    footer .address a.linkedin {
        margin-top: 0.3417vw;
    }
    footer .address a.linkedin > img {
        width: 12.4vw;
    }
}

#top a.logo {
	-webkit-transition: padding 0.5s ease-in-out, margin 0.5s ease-in-out;
	-moz-transition: padding 0.5s ease-in-out, margin 0.5s ease-in-out;
	-o-transition: padding 0.5s ease-in-out, margin 0.5s ease-in-out;
	-ms-transition: padding 0.5s ease-in-out, margin 0.5s ease-in-out;
	transition: padding 0.5s ease-in-out, margin 0.5s ease-in-out;
}
#top a.logo.logo-hide {
	padding-right: 4.2188vw;
}
/*#top a.logo .picto-cnt img {
	display: none;
}*/
.main .motto p:last-child {
	margin-bottom: 0;
}
#o-nas about-us-more-event {
	display: table;
}
#o-nas .left p:last-child {
	margin-bottom: 0;
}
#co-robimy .text-lead p:last-child {
	margin-bottom: 0;
}
section#kontakt input.is-valid, section#kontakt textarea.is-valid {
	border-bottom: solid 0.2604vw #28a745;
}
section#kontakt input.is-invalid, section#kontakt textarea.is-invalid {
	border-bottom: solid 0.2604vw #dc3545;
}
section#kontakt label .checkmark.is-valid {
	border: solid 0.2604vw #28a745;
}
section#kontakt label .checkmark.is-invalid {
	border: solid 0.2604vw #dc3545;
}
section#kontakt .alert {
	border-radius: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 0.2604vw solid #dc3545;
}
footer .address .text-address p:last-child {
	margin-bottom: 0;
}
@media (max-width: 1199px) and (min-width: 992px) {
	#top a.logo.logo-hide {
		margin-left: -6.7556vw;
		padding-right: 0;
	}
	section#kontakt .alert {
		border-bottom: 0.4170vw solid #dc3545;
	}
	section#kontakt input.is-valid, section#kontakt textarea.is-valid {
		border-bottom: solid 0.4170vw #28a745;
	}
	section#kontakt input.is-invalid, section#kontakt textarea.is-invalid {
		border-bottom: solid 0.4170vw #dc3545;
	}
	section#kontakt label .checkmark.is-valid {
		border: solid 0.4170vw #28a745;
	}
	section#kontakt label .checkmark.is-invalid {
		border: solid 0.4170vw #dc3545;
	}
}
@media (max-width: 991px) and (min-width: 768px) {
	#top a.logo.logo-hide {
		margin-left: -8.0727vw;
		padding-right: 0;
	}
	section#kontakt .alert {
		border-bottom: 0.5045vw solid #dc3545;
	}
	section#kontakt input.is-valid, section#kontakt textarea.is-valid {
		border-bottom: solid 0.5045vw #28a745;
	}
	section#kontakt input.is-invalid, section#kontakt textarea.is-invalid {
		border-bottom: solid 0.5045vw #dc3545;
	}
	section#kontakt label .checkmark.is-valid {
		border: solid 0.5045vw #28a745;
	}
	section#kontakt label .checkmark.is-invalid {
		border: solid 0.5045vw #dc3545;
	}
}
@media (max-width: 767px) and (min-width: 576px) {
	#top a.logo.logo-hide {
		margin-left: -9.1265vw;
		padding-right: 0;
	}
	section#co-robimy > .d-table > div > p {
		padding: 0 13.0378vw;
	}
	section#o-nas .left.aumt-left {
		float: left !important;
		width: 100%;
		padding: 0 20.8605vw;
		text-align: center;
	}
	section#kontakt .alert {
		border-bottom: 0.6519vw solid #dc3545;
	}
	section#kontakt input.is-valid, section#kontakt textarea.is-valid {
		border-bottom: solid 0.6519vw #28a745;
	}
	section#kontakt input.is-invalid, section#kontakt textarea.is-invalid {
		border-bottom: solid 0.6519vw #dc3545;
	}
	section#kontakt label .checkmark.is-valid {
		border: solid 0.6519vw #28a745;
	}
	section#kontakt label .checkmark.is-invalid {
		border: solid 0.6519vw #dc3545;
	}
}
@media (max-width: 575px) {
	#top a.logo.logo-hide {
		margin-left: -13.9130vw;
		padding-right: 0;
	}
	section#co-robimy > .d-table > div > p {
		padding: 0 10.3913vw;
	}
	section#o-nas .left.aumt-left {
		float: left !important;
		width: 100%;
		padding: 0 20.8605vw;
		padding: 0 15.6522vw;
		text-align: center;
	}
	section#kontakt .alert {
		border-bottom: 0.8696vw solid #dc3545;
	}
	section#kontakt input.is-valid, section#kontakt textarea.is-valid {
		border-bottom: solid 0.8696vw #28a745;
	}
	section#kontakt input.is-invalid, section#kontakt textarea.is-invalid {
		border-bottom: solid 0.8696vw #dc3545;
	}
	section#kontakt label .checkmark.is-valid {
		border: solid 0.8696vw #28a745;
	}
	section#kontakt label .checkmark.is-invalid {
		border: solid 0.8696vw #dc3545;
	}
}
@media (max-width: 767px) {
	section#co-robimy > .d-table > div > p > br {
		content: "";
	}
	section#co-robimy > .d-table > div > p > br:after {
		content: " ";
	}
}
#mapModal .modal-header, #mapModal .modal-footer {
	border: none;
}

/* Blog */
article#blog .article-header {
    margin-top: 6.25vw;
    background-image: url(/images/dark-bg.jpg);
    /* background-position: center -6.25vw; */
    background-position: center center;
    position: relative;
}
article#blog .article-header-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 1;
} 
article#blog .wrapper {
    /* width: 720px; */
    width: 37.5vw;
    overflow: hidden;
    /* padding: 100px 30px; */
    padding: 5.2083vw 1.563vw;
}
article#blog .article-header nav > ul {
    list-style: none;
    /* margin: 0 0 32px 0; */
    margin: 0 0 1.6667vw 0;
    padding: 0;
    color: #c9c9c9;
    font-family: 'pero-semi-light';
    /* font-size: 18px; */
    font-size: 0.9375vw;
    /* line-height: 18px; */
    line-height: 0.9375vw;
}
article#blog .article-header nav > ul li {
    display: inline;
}
article#blog .article-header li.bull {
    /* font-size: 8px; */
    font-size: 0.417vw;
    /* line-height: 18px; */
    line-height: 0.9375vw;
    /* vertical-align: 4px; */
    vertical-align: 0.208vw;
    /* padding: 0 4px; */
    padding: 0 0.208vw;
}
article#blog .article-header h1 {
    /* font-size: 60px; */
    font-size: 3.125vw;
    /* line-height: 60px; */
    line-height: 3.125vw;
    font-family: 'pero-bold';
    color: #fff;
    /* margin-bottom: 38px; */
    margin-bottom: 1.979vw;
}
article#blog .article-header footer p {
    color: #c9c9c9;
    font-family: 'pero-semi-light';
    /* font-size: 18px; */
    font-size: 0.9375vw;
    /* line-height: 18px; */
    line-height: 0.9375vw;
}
article#blog .article-header footer span.bull {
    /* font-size: 8px; */
    font-size: 0.417vw;
    /* line-height: 18px; */
    line-height: 0.9375vw;
    /* vertical-align: 4px; */
    vertical-align: 0.208vw;
    /* padding: 0 8px; */
    padding: 0 0.417vw;
}


article#blog .article-text {
    /* width: 720px; */
    width: 37.5vw;
    overflow: hidden;
    /* padding: 90px 0; */
    padding: 4.688vw 0;
}

article#blog img {
    display: block;
    width: 100%;
    height: auto;
    /* margin: 50px 0; */
    margin: 2.604vw 0;
}
article#blog h1 {
    /* font-size: 30px; */
    font-size: 1.563vw;
    /* line-height: 30px; */
    line-height: 1.563vw;
    /* margin-bottom: 25px; */
    margin-bottom: 1.302vw;
    font-family: 'pero-bold';
}
article#blog h2 {
    /* font-size: 28px; */
    font-size: 1.4583vw;
    /* line-height: 28px; */
    line-height: 1.4583vw;
    /* margin-bottom: 25px; */
    margin-bottom: 1.302vw;
    font-family: 'pero-bold';
}
article#blog h3 {
    /* font-size: 26px; */
    font-size: 1.3542vw;
    /* line-height: 26px; */
    line-height: 1.3542vw;
    /* margin-bottom: 25px; */
    margin-bottom: 1.302vw;
    font-family: 'pero-bold';
}
article#blog h4 {
    /* font-size: 25px; */
    font-size: 1.302vw;
    /* line-height: 25px; */
    line-height: 1.302vw;
    /* margin-bottom: 25px; */
    margin-bottom: 1.302vw;
    font-style: italic;
    font-family: 'pero-bold';
}
article#blog h5 {
    /* font-size: 23px; */
    font-size: 1.1979vw;
    /* line-height: 23px; */
    line-height: 1.1979vw;
    /* margin-bottom: 25px; */
    margin-bottom: 1.302vw;
    font-family: 'pero-bold';
}
article#blog h6 {
    /* font-size: 22px; */
    font-size: 1.1458vw;
    /* line-height: 22px; */
    line-height: 1.1458vw;
    /* margin-bottom: 25px; */
    margin-bottom: 1.302vw;
    font-style: italic;
    font-family: 'pero-bold';
}
article#blog p {
    font-size: 1.0458vw;
}
article#blog ol {
    /* font-size: 22px; */
    /* font-size: 1.1458vw; */
    font-size: 1.0458vw;
    /* line-height: 27px; */
    line-height: 1.4063vw;
    /* margin-bottom: 25px; */
    margin-bottom: 1.3021vw;
    font-family: 'pero-semi-light';
}
article#blog ul {
    /* font-size: 22px; */
    /* font-size: 1.1458vw; */
    font-size: 1.0458vw;
    /* line-height: 27px; */
    line-height: 1.4063vw;
    /* margin-bottom: 25px; */
    margin-bottom: 1.3021vw;
    font-family: 'pero-semi-light';
}
article#blog .article-text ul a, article#blog .article-text ol a, article#blog .article-text p a {
    border-bottom: solid 1px #000;
}
article#blog aside {
    /* padding-top: 50px; */
    padding-top: 2.604vw;
}
/* LG */
@media (min-width: 992px) and (max-width: 1199px) {
    article#blog .article-header {
        margin-top: 9.5913vw;
        background-position: center -9.5913vw;
    }
    article#blog .wrapper {
        width: 57.375vw;
        padding: 5.2083vw 2.3914vw;
    }
    article#blog .article-header nav > ul {
        margin: 0 0 2.5501vw 0;
        font-size: 1.4344vw;
        line-height: 1.4344vw;
    }
    article#blog .article-header li.bull {
        font-size: 0.638vw;
        line-height: 1.4344vw;
        vertical-align: 0.3182vw;
        padding: 0 0.3182vw;
    }
    article#blog .article-header h1 {
        font-size: 4.7813vw;
        line-height: 4.7813vw;
        margin-bottom: 3.0279vw;
    }
    article#blog .article-header footer p {
        font-size: 1.4344vw;
        line-height: 1.4344vw;
    }
    article#blog .article-header footer span.bull {
        font-size: 0.638vw;
        line-height: 1.4344vw;
        vertical-align: 0.3182vw;
        padding: 0 0.638vw;
    }


    article#blog .article-text {
        width: 57.375vw;
        padding: 7.1726vw 0;
    }

    article#blog img {
        margin: 3.9841vw 0;
    }
    article#blog h1 {
        font-size: 2.3914vw;
        line-height: 2.3914vw;
        margin-bottom: 1.9921vw;
    }
    article#blog h2 {
        font-size: 2.2312vw;
        line-height: 2.2312vw;
        margin-bottom: 1.9921vw;
    }
    article#blog h3 {
        font-size: 2.0719vw;
        line-height: 2.0719vw;
        margin-bottom: 1.9921vw;
    }
    article#blog h4 {
        font-size: 1.9921vw;
        line-height: 1.9921vw;
        margin-bottom: 1.9921vw;
    }
    article#blog h5 {
        font-size: 1.8328vw;
        line-height: 1.8328vw;
        margin-bottom: 1.9921vw;
    }
    article#blog h6 {
        font-size: 1.7531vw;
        line-height: 1.7531vw;
        margin-bottom: 1.9921vw;
    }
    article#blog p {
        font-size: 1.6001vw;
    }
    article#blog ol {
        /* font-size: 1.7531vw; */
        font-size: 1.6001vw;
        line-height: 2.1516vw;
        margin-bottom: 1.9921vw;
    }
    article#blog ul {
        /* font-size: 1.7531vw; */
        font-size: 1.6001vw;
        line-height: 2.1516vw;
        margin-bottom: 1.9921vw;
    }
    article#blog aside {
        padding-top: 3.9841vw;
    }
}
/* MD */
@media (min-width: 768px) and (max-width: 991px) {
    article#blog .article-header {
        margin-top: 11.6044vw;
        background-position: center -11.6044vw;
    }
    article#blog .wrapper {
        width: 69.4238vw;
        padding: 6.302vw 2.8936vw;
    }
    article#blog .article-header nav > ul {
        margin: 0 0 3.0856vw 0;
        font-size: 1.7356vw;
        line-height: 1.7356vw;
    }
    article#blog .article-header li.bull {
        font-size: 0.772vw;
        line-height: 1.7356vw;
        vertical-align: 0.385vw;
        padding: 0 0.385vw;
    }
    article#blog .article-header h1 {
        font-size: 5.7854vw;
        line-height: 5.7854vw;
        margin-bottom: 3.6638vw;
    }
    article#blog .article-header footer p {
        font-size: 1.7356vw;
        line-height: 1.7356vw;
    }
    article#blog .article-header footer span.bull {
        font-size: 0.772vw;
        line-height: 1.7356vw;
        vertical-align: 0.385vw;
        padding: 0 0.772vw;
    }


    article#blog .article-text {
        width: 69.4238vw;
        padding: 8.6788vw 0;
    }

    article#blog img {
        margin: 4.8208vw 0;
    }
    article#blog h1 {
        font-size: 2.8936vw;
        line-height: 2.8936vw;
        margin-bottom: 2.4104vw;
    }
    article#blog h2 {
        font-size: 2.6998vw;
        line-height: 2.6998vw;
        margin-bottom: 2.4104vw;
    }
    article#blog h3 {
    font-size: 2.0719vw;
    line-height: 2.0719vw;
        margin-bottom: 2.4104vw;
    }
    article#blog h4 {
        font-size: 2.4104vw;
        line-height: 2.4104vw;
        margin-bottom: 2.4104vw;
    }
    article#blog h5 {
        font-size: 2.2177vw;
        line-height: 2.2177vw;
        margin-bottom: 2.4104vw;
    }
    article#blog h6 {
        font-size: 2.1213vw;
        line-height: 2.1213vw;
        margin-bottom: 2.4104vw;
    }
    article#blog p {
        font-size: 1.9361vw;
    }
    article#blog ol {
        /* font-size: 2.1213vw; */
        font-size: 1.9361vw;
        line-height: 2.6034vw;
        margin-bottom: 2.4104vw;
    }
    article#blog ul {
        /* font-size: 2.1213vw; */
        font-size: 1.9361vw;
        line-height: 2.6034vw;
        margin-bottom: 2.4104vw;
    }
}
/* SM */
@media (min-width: 576px) and (max-width: 767px) {
    article#blog .article-header {
        margin-top: 14.9935vw;
        background-position: center -14.9935vw;
    }
    article#blog .wrapper {
        width: 89.5567vw;
        padding: 8.1296vw 3.7327vw;
    }
    article#blog .article-header nav > ul {
        margin: 0 0 3.9804vw 0;
        font-size: 2.2389vw;
        line-height: 2.2389vw;
    }
    article#blog .article-header li.bull {
        font-size: 0.9959vw;
        line-height: 2.2389vw;
        vertical-align: 0.4967vw;
        padding: 0 0.4967vw;
    }
    article#blog .article-header h1 {
        font-size: 7.4632vw;
        line-height: 7.4632vw;
        margin-bottom: 4.7263vw;
    }
    article#blog .article-header footer p {
        font-size: 2.2389vw;
        line-height: 2.2389vw;
    }
    article#blog .article-header footer span.bull {
        font-size: 0.9959vw;
        line-height: 2.2389vw;
        vertical-align: 0.4967vw;
        padding: 0 0.9959vw;
    }


    article#blog .article-text {
        width: 89.5567vw;
        padding: 11.1957vw 0;
    }

    article#blog img {
        margin: 6.2188vw 0;
    }
    article#blog h1 {
        font-size: 3.7327vw;
        line-height: 3.7327vw;
        margin-bottom: 3.1094vw;
    }
    article#blog h2 {
        font-size: 3.4827vw;
        line-height: 3.4827vw;
        margin-bottom: 3.1094vw;
    }
    article#blog h3 {
        font-size: 3.4479vw;
        line-height: 3.4479vw;
        margin-bottom: 3.1094vw;
    }
    article#blog h4 {
        font-size: 3.1094vw;
        line-height: 3.1094vw;
        margin-bottom: 3.1094vw;
    }
    article#blog h5 {
        font-size: 2.8608vw;
        line-height: 2.8608vw;
        margin-bottom: 3.1094vw;
    }
    article#blog h6 {
        font-size: 2.7365vw;
        line-height: 2.7365vw;
        margin-bottom: 3.1094vw;
    }
    article#blog p {
        font-size: 2.4976vw;
    }
    article#blog ol {
        font-size: 2.4976vw;
        line-height: 3.3584vw;
        margin-bottom: 3.1094vw;
    }
    article#blog ul {
        font-size: 2.4976vw;
        line-height: 3.3584vw;
        margin-bottom: 3.1094vw;
    }
}
/* XS */
@media (max-width: 575px) {
    article#blog .article-header {
        margin-top: 20.0000vw;
        background-position: center -20.0000vw;
    }
    article#blog .wrapper {
        width: 100vw;
        padding: 10.8124vw 4.9645vw;
    }
    article#blog .article-header nav > ul {
        margin: 0 0 5.2939vw 0;
        font-size: 2.9777vw;
        line-height: 2.9777vw;
    }
    article#blog .article-header li.bull {
        font-size: 1.3245vw;
        line-height: 2.9777vw;
        vertical-align: 0.6606vw;
        padding: 0 0.6606vw;
    }
    article#blog .article-header h1 {
        font-size: 9.9261vw;
        line-height: 9.9261vw;
        margin-bottom: 6.286vw;
    }
    article#blog .article-header footer p {
        font-size: 2.9777vw;
        line-height: 2.9777vw;
    }
    article#blog .article-header footer span.bull {
        font-size: 1.3245vw;
        line-height: 2.9777vw;
        vertical-align: 0.6606vw;
        padding: 0 1.3245vw;
    }


    article#blog .article-text {
        width: 100vw;
        padding: 14.8903vw 15px;
    }

    article#blog img {
        margin: 8.271vw 0;
    }
    article#blog h1 {
        font-size: 4.9645vw;
        line-height: 4.9645vw;
        margin-bottom: 4.1355vw;
    }
    article#blog h2 {
        font-size: 4.632vw;
        line-height: 4.632vw;
        margin-bottom: 4.1355vw;
    }
    article#blog h3 {
        font-size: 4.5857vw;
        line-height: 4.5857vw;
        margin-bottom: 4.1355vw;
    }
    article#blog h4 {
        font-size: 4.1355vw;
        line-height: 4.1355vw;
        margin-bottom: 4.1355vw;
    }
    article#blog h5 {
        font-size: 3.8049vw;
        line-height: 3.8049vw;
        margin-bottom: 4.1355vw;
    }
    article#blog h6 {
        font-size: 3.6395vw;
        line-height: 3.6395vw;
        margin-bottom: 4.1355vw;
    }
    article#blog p {
        font-size: 3.3218vw;
    }
    article#blog ol {
        font-size: 3.3218vw;
        line-height: 3.3584vw;
        margin-bottom: 4.4667vw;
    }
    article#blog ul {
        font-size: 3.3218vw;
        line-height: 3.3584vw;
        margin-bottom: 4.4667vw;
    }
}

/* Blog lista */
section#blog-list.main {
    margin-top: 6.25vw;
}
section#blog-list { 
    /* padding: 80px 0; */
    padding: 4.1667vw 0;
    background-color: #fafafa;
}
section#blog-list .container { 
    /* max-width: 1140px !important; */
    max-width: 59.375vw !important;
}
section#blog-list section {
    padding: 0;
}
section#blog-list .row > div {
    /* margin-top: 15px; */
    margin-top: 0.7813vw;
    margin-bottom: 0.7813vw;
}
section#blog-list .article-categories {
    list-style: none;
    text-align: center;
    /* margin: 0 0 20px 0; */
    margin: 0 0 1.0417vw 0;
    padding: 0;
}
section#blog-list .article-categories li {
    display: inline;
}
section#blog-list .article-categories a {
    text-transform: uppercase;
    font-family: 'pero-bold';
    /* margin: 0 30px; */
    margin: 0 1.5625vw;
    /* font-size: 16px; */
    font-size: 0.8333vw;
    line-height: 0.8333vw;
    white-space: nowrap;
}
section#blog-list .article {
    display: block;
    background-color: #fff;
    /* box-shadow: 0 7px 40px rgba(32, 30, 49, 0.15); */
    box-shadow: 0 0.3646vw 2.0833vw rgba(32, 30, 49, 0.15);
}
section#blog-list .article-bg {
    position: relative;
    width: 100%;
    /* height: 228px; */
    height: 11.875vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}
section#blog-list .article-author-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}
section#blog-list .article:hover .article-author-bg {
    opacity: 1;
}
section#blog-list .article-author {
    /* padding: 15px; */
    padding: 0.7813vw;
    color: #fff;
}
section#blog-list .article-author p {
    /* font-size: 18px;
    line-height: 18px; */
    font-size: 0.9375vw;
    line-height: 0.9375vw;
}
section#blog-list .article-title-wrapper {
    /* padding: 0 20px; */
    padding: 0 1.0417vw;
    /* height: 110px;   */
    height: 5.7292vw;  
}
section#blog-list h1.article-list-title {
    width: 100%;
    /* max-height: 64px; */
    max-height: 3.3333vw;
    display: inline-block;
    /* font-size: 22px; */
    font-size: 1.1458vw;
    /* line-height: 30px; */
    line-height: 1.5625vw;
    /* margin: 23px 0 0 0; */
    margin: 1.1979vw 0 0 0;
    padding: 0;
    color: #000;
    overflow: hidden;
    text-align: center;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
section#blog-list .article:hover h1 {
    color: #e74930 !important;
} 

/* LG */
@media (min-width: 992px) and (max-width: 1199px) {
    section#blog-list.main {
        margin-top: 9.5913vw;
    }
    section#blog-list {
        padding: 6.3751vw 0;
    }
    section#blog-list .container {
        max-width: 80vw !important;
    }
    section#blog-list .row > div {
        margin-top: 1.1954vw;
        margin-bottom: 1.1954vw;
    }
    section#blog-list .article-categories {
        margin: 0 0 1.5938vw 0;
    }
    section#blog-list .article-categories a {
        margin: 0 2.3906vw;
        font-size: 1.2749vw;
        line-height: 1.2749vw;
    }
    section#blog-list .article {
        box-shadow: 0 0.5578vw 3.1874vw rgba(32, 30, 49, 0.15);
    }
    section#blog-list .article-bg {
        height: 15.061vw;
    }
    section#blog-list .article-author {
        padding: 1.1954vw;
    }
    section#blog-list .article-author p {
        font-size: 1.4344vw;
        line-height: 1.4344vw;
    }
    section#blog-list .article-title-wrapper {
        padding: 0 1.5938vw;
        height: 8.7657vw;  
    }
    section#blog-list h1.article-list-title {
        max-height: 5.0999vw;
        font-size: 1.7531vw;
        line-height: 2.3906vw;
        margin: 1.8328vw 0 0 0;
    }
}
/* MD */
@media (min-width: 768px) and (max-width: 991px) {
    section#blog-list.main {
        margin-top: 11.6044vw;
    }
    section#blog-list {
        padding: 6.3751vw 0;
    }
    section#blog-list .container {
        max-width: 72.5806vw !important;
    }
    section#blog-list .row > div {
        margin-top: 1.4464vw;
        margin-bottom: 1.4464vw;
    }
    section#blog-list .article-categories {
        margin: 0 0 1.9285vw 0;
    }
    section#blog-list .article-categories a {
        margin: 0 2.8926vw;
        font-size: 1.5426vw;
        line-height: 1.5426vw;
    }
    section#blog-list .article {
        box-shadow: 0 0.6749vw 3.8568vw rgba(32, 30, 49, 0.15);
    }
    section#blog-list .article-bg {
        height: 23.2609vw;
    }
    section#blog-list .article-author {
        padding: 1.4464vw;
    }
    section#blog-list .article-author p {
        font-size: 1.7356vw;
        line-height: 1.7356vw;
    }
    section#blog-list .article-title-wrapper {
        padding: 0 1.9285vw;
        height: 10.6065vw;  
    }
    section#blog-list h1.article-list-title {
        max-height: 6.1709vw;
        font-size: 2.1213vw;
        line-height: 2.8926vw;
        margin: 2.2177vw 0 0 0;
    }
}
/* SM */
@media (min-width: 576px) and (max-width: 767px) {
    section#blog-list.main {
        margin-top: 14.9935vw;
    }
    section#blog-list {
        padding: 8.2239vw 0;
    }
    section#blog-list .container {
        max-width: 75vw !important;
    }
    section#blog-list .row > div {
        margin-top: 1.8659vw;
        margin-bottom: 1.8659vw;
    }
    section#blog-list .article-categories {
        margin: 0 0 2.4878vw 0;
    }
    section#blog-list .article-categories a {
        margin: 0 3.7315vw;
        font-size: 1.99vw;
        line-height: 1.99vw;
    }
    section#blog-list .article {
        box-shadow: 0 0.8706vw 4.9753vw rgba(32, 30, 49, 0.15);
    }
    section#blog-list .article-bg {
        height: 49vw;
    }
    section#blog-list .article-author {
        padding: 1.8659vw;
    }
    section#blog-list .article-author p {
        font-size: 2.2389vw;
        line-height: 2.2389vw;
    }
    section#blog-list .article-title-wrapper {
        padding: 0 2.4878vw;
        height: 13.6824vw;  
    }
    section#blog-list h1.article-list-title {
        max-height: 7.9605vw;
        font-size: 2.7365vw;
        line-height: 3.7315vw;
        margin: 2.8608vw 0 0 0;
    }
}
/* XS */
@media (max-width: 575px) {
    section#blog-list.main {
        margin-top: 20.0000vw;
    }
    section#blog-list {
        padding: 10.9378vw 0;
    }
    section#blog-list .container {
        max-width: 100vw !important;
    }
    section#blog-list .row > div {
        margin-top: 2.4816vw;
        margin-bottom: 2.4816vw;
    }
    section#blog-list .article-categories {
        margin: 0 0 3.3088vw 0;
    }
    section#blog-list .article-categories a {
        margin: 0 4.9629vw;
        font-size: 2.6467vw;
        line-height: 2.6467vw;
    }
    section#blog-list .article {
        box-shadow: 0 1.1579vw 6.6171vw rgba(32, 30, 49, 0.15);
    }
    section#blog-list .article-bg {
        height: calc((100vw - 30px) * 0.65);
    }
    section#blog-list .article-author {
        padding: 2.4816vw;
    }
    section#blog-list .article-author p {
        font-size: 2.9777vw;
        line-height: 2.9777vw;
    }
    section#blog-list .article-title-wrapper {
        padding: 0 3.3088vw;
        height: 18.1976vw;  
    }
    section#blog-list h1.article-list-title {
        max-height: 10.5875vw;
        font-size: 3.6395vw;
        line-height: 4.9629vw;
        margin: 3.8049vw 0 0 0;
    }
}


/* XL */
@media (min-width: 1200px) {}
/* LG */
@media (min-width: 992px) and (max-width: 1199px) {}
/* MD */
@media (min-width: 768px) and (max-width: 991px) {}
/* SM */
@media (min-width: 576px) and (max-width: 767px) {}
/* XS */
@media (max-width: 575px) {}