@charset 'UTF-8';
#main-page .slick-loading .slick-list {
    background: #fff url("icons/ajax-loader.gif") center center no-repeat;
}

@font-face {
    font-family: 'fontello';
    src: url("icons/fontello.eot");
    src: url("icons/fontello.eot#iefix") format('embedded-opentype'), url("icons/fontello.woff2") format('woff2'), url("icons/fontello.woff") format('woff'), url("icons/fontello.ttf") format('truetype'), url("icons/fontello.svg#fontello") format('svg');
    font-weight: normal;
    font-style: normal;
}

#main-page .thumbnail .caption .thumbnail-image {
    height: 142px;
    width: auto;
}

#main-page .carousel-caption {
    color: #000;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
}

#main-page h1,
#main-page h2,
#main-page p,
#main-page div {
    font-family: 'Roboto', sans-serif;
}

#main-page h2:not(.list-group-title) {
    color: #000;
}

/*.icon-search:before {*/
/*    content: url("images/search.svg");*/
/*}*/

#main-page .pcg-section-title {
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
}

#main-page .btn-default:hover,
#main-page .btn-default:active,
#main-page .btn-default:focus,
#main-page .btn-default:active:focus {
    background-color: #0A3B6C;
    border-color: #0A3B6C;
}

#main-page .btn-primary {
    width: 250px;
    background-color: #0A3B6C;
    border-color: #0A3B6C;
    box-shadow: 10px 10px 24px #0A3B6C22;
    transition: all 0.3s ease-out;
    padding-left: 26px;
}

#main-page .btn-primary:hover,
#main-page .btn-primary:active,
#main-page .btn-primary:focus {
    background-color: #0A3B6C;
    border-color: #0A3B6C;
    box-shadow: 10px 10px 24px #0A3B6C7e;
}

#main-page .pcg-landing-carousel .btn-primary {
    padding-right: 42px;
}

#main-page .pcg-landing-carousel .btn-primary:after {
    right: 20px;
}

#main-page .pcg-categories-wrapper {
    margin: 80px 0 0;
}

#main-page .pcg-carousel .carousel-caption {
    background-color: rgba(255, 255, 255, 1);
}

#main-page .pcg-header .pcg-navbar-container {
    height: 70px;
}

#main-page .pcg-header .navbar-brand {
    height: auto;
    padding: 0;
    margin: 0px;
}

#main-page .pcg-landing-carousel .carousel-indicators {
    bottom: 30px;
}

#main-page #pcg-landing-carousel .carousel-indicators {
    padding-left: 14px;
    left: 50%;
    margin-left: 0;
    text-align: left;
    transform: translate(-50%, 0);
}

#main-page .pcg-landing-carousel .carousel-control {
    display: none;
}

#main-page .pcg-landing-carousel .carousel-caption {
    background-color: rgba(255, 255, 255, 0);
}

#main-page #pcg-landing-carousel .item:after {
    /*display: block;*/
    position: absolute;
    background-image: linear-gradient(to right, #fff, transparent);
    width: 60%;
    height: 100%;
    content: '';
    top: 0;
}

#main-page .pcg-landing-carousel .carousel-title {
    font-size: 1.9em;
    color: #000;
    font-weight: bold;
    line-height: 42px;

    /* des fix */
    max-width: 400px;
}

/*#pcg-landing-carousel .carousel-indicators {*/
/*    left: 50%;*/
/*    margin-left: 0;*/
/*    text-align: left;*/
/*    transform: translate(-50%, 0);*/
/*}*/

#main-page .pcg-landing-carousel .carousel-text {
    /* des fix */
    margin: 28px 0 38px;
    font-size: 0.85em;
    line-height: 1.5em;
}

#main-page .pcg-home-page .pcg-thumbnail-list .thumbnail-text > p:first-child {
    display: none;
}

#main-page .pcg-home-page .pcg-tiles-wrapper {
    margin: 80px 0 20px;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block {
    padding: 40px 40px 85px;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block.pink {
    padding: 40px 56px 85px 40px;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block:after {
    display: none;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block:before {
    border-left: 0 none #ffffff;
    border-top: 0 none #ffffff;
    width: 0;
    height: 0;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block:after {
    border-right: 0 none #ffffff;
    border-bottom: 0 none #ffffff;
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    visibility: hidden;
    right: 0;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block.blue {
    background-color: #fff;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block.pink {
    background-color: #fff;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block-title {
    color: #000;
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-quote {
    color: #000;
    font-size: 0.85em;
    line-height: 1.5em;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-quote-author {
    font-weight: 500;
    width: 85%;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-tile-content {
    padding: 0;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-tile-content > p {
    font-size: 0.85em;
    line-height: 1.5em;
    width: 85%;
    color: #000;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tiles-blocks .pcg-tile-block-content .slick-slider:last-child {
    /*background: #0A3B6C;*/
    /*background: url("images/quote.svg");*/
}

#main-page .slick-slider {
    border-radius: 24px;
    box-shadow: 0 0 30px #00000014;
}

#main-page .pcg-home-page .slick-list {
    border-radius: 24px;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-tile-link {
    color: #000;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-tile-link--main {
    display: none;
}

#main-page .pcg-home-page .pcg-tiles-wrapper button {
    background: #D3D5E0;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .slick-dots {
    margin-left: 36px;
    bottom: 40px;
    width: fit-content;
}

#main-page .pcg-home-page .pcg-tiles-wrapper .slick-active button {
    background: #053A6E;
}

#main-page .pcg-home-page .pcg-promo-wrapper {
    background-color: #168CCB;
    /* des fix */
    padding: 60px 0 0;
}

#main-page .pcg-home-page .pcg-promo-wrapper .btn-primary {
    padding-right: 32px;
}

#main-page .pcg-home-page .pcg-promo-wrapper h1 {
    color: #fff;
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 25px;
}

#main-page .pcg-action-text {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
}

#main-page .pcg-home-page .pcg-promo-wrapper .pcg-action-text {
    margin-bottom: 35px;
}

#main-page .pcg-home-page .pcg-tile-title {
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    min-height: 0;
    margin-bottom: 30px;
}

#main-page .pcg-home-page > .pcg-promo-wrapper {
    background-color: #fff;
    /*des fix*/
    padding: 40px 0 80px;
}

/* des fix */
#main-page #main-page button {
    font-family: Montserrat, sans-serif;
}

#main-page .pcg-home-page > .pcg-promo-wrapper .row {
    display: flex;
}

#main-page .pcg-home-page > .pcg-promo-wrapper .col-sm-6 {
    align-self: center;
}

/* des fix */
#main-page .pcg-home-page .pcg-categories-wrapper > .pcg-promo-wrapper .col-sm-6:first-child {
    margin-top: 7px;
}

#main-page .pcg-home-page > .pcg-promo-wrapper .pcg-action-image {
    margin: auto 0;
    width: 500px;
    height: auto;
}

#main-page .pcg-home-page > .pcg-promo-wrapper h1 {
    color: #000;
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 30px;
}

#main-page .pcg-home-page > .pcg-promo-wrapper .pcg-action-text {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 50px;
}

#main-page .pcg-home-page > .pcg-promo-wrapper .btn-primary {
    color: transparent;
    background-color: transparent;
    border-color: transparent;
    box-shadow: 0 0 0 transparent;
    border-radius: 0;
    background-repeat: no-repeat;
    padding: 0;
    line-height: 0;
    /*des fix */
    width: auto;
}

/* des fix */
/*.pcg-home-page > .pcg-promo-wrapper .btn-primary:before {*/
/*    content: url(/images/logo-instytut-rozwoju-szkolnictwa@2x.png);*/
/*    position: relative;*/
/*}*/

#main-page .pcg-home-page > .pcg-promo-wrapper .btn-primary img { max-width: 330px; width: 100% }

#main-page .pcg-home-page > .pcg-promo-wrapper .btn-primary:after {
    display: none;
}

#main-page .btn {
    text-align: left;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9em;
    font-weight: 600;
    line-height: 2.25em;
    border-radius: 2.25em;
}

#main-page h2.thumbnail-title {
    display: none;
}

#main-page .pcg-rte-wrapper .pcg-action-btn {
    background-color: #0A3B6C;
    border-color: #0A3B6C;
    box-shadow: 10px 10px 24px #0A3B6C22;
    margin-top: 15px;
    width: 250px;
    padding-right: 40px;
    text-align: left;
    text-transform: uppercase;
    font-size: 0.9em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 2.25em;
    border-radius: 2.25em;
}

#main-page .pcg-rte-wrapper .pcg-action-btn:hover,
#main-page .pcg-rte-wrapper .pcg-action-btn:active,
#main-page .pcg-rte-wrapper .pcg-action-btn:focus {
    background-color: #0A3B6C;
    border-color: #0A3B6C;
}

#main-page .pcg-rte-wrapper .pcg-action-btn a {
    padding-left: 12px;
    padding-right: 32px;
}

#main-page .pcg-landing-carousel .btn-primary:after,
#main-page .pcg-rte-wrapper .pcg-action-btn:after,
.pcg-home-page .pcg-promo-wrapper .btn-primary:after,
#main-page .pcg-wide-banner .btn-primary:after {
    content: '\E902';
    font-family: "icomoon", sans-serif;
    font-size: 12px;
    font-weight: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 20px;
    transition: all 0.3s ease-out;
    bottom: 0;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
}

#main-page .pcg-landing-carousel .btn-primary:hover:after,
#main-page .pcg-rte-wrapper .pcg-action-btn:hover:after,
#main-page .pcg-home-page .pcg-promo-wrapper .btn-primary:hover:after,
#main-page .pcg-wide-banner .btn-primary:hover:after {
    right: 18px;
}

#main-page .pcg-action-image {
    /* des fix */
    height: 253px;
    width: auto;
}


#main-page #pcg-customers-carousel {
    background-color: rgb(3, 46, 88);
}

#main-page #pcg-customers-carousel .pcg-section-title {
    color: #fff;
    padding-top: 80px;
    margin-bottom: 30px;
}

#main-page #pcg-customers-carousel .carousel-indicators {
    padding-left: 0;
    width: 60%;
}

#main-page .pcg-main-content {
    margin-bottom: 0;
}

/* des fix */
#main-page img.thumbnail-image {
    height: auto;
    /*    max-width: 85%;*/
}

#main-page .pcg-wide-banner {
    display: flex;
    text-align: left;
    padding: 30px 0;
    position: relative;
    flex-flow: wrap;
    justify-content: center;
}

#main-page .pcg-wide-banner:before {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 45, 89, 0.9);
    height: 100%;
    width: 100%;
    content: '';
}

#main-page .pcg-wide-banner .description {
    color: #fff;
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
    /* des fix */
    margin: auto 40px auto !important;
    width: 50%;
    text-shadow: 0 0 0 transparent;
    z-index: 0;
}

#main-page .pcg-wide-banner .btn {
    margin: 80px 319px 80px 16px;
    border: 2px solid #fff;
}

#main-page .pcg-wide-banner .btn-primary {
    background-color: transparent;
    height: fit-content;
}

/* des fix */
#main-page .pcg-wide-banner .btn-primary:hover {
    border-color: #0A3B6C;
    color: #0A3B6C;
    background-color: #fff;
}

#main-page .pcg-wide-banner .btn-primary:hover:after {
    color: #0A3B6C;
}

#main-page .pcg-footer-content,
#main-page .pcg-footer-content .pcg-footer-container,
#main-page .pcg-footer-content .pcg-footer-container .row {
    background-color: #2e2e2e;
}

/*.pcg-footer-content img.img-responsive {*/
/*padding: 15px;*/
/*margin-right: 70px;*/
/*height: 70px !important;*/
/*}*/

/*.pcg-footer-content img {*/
/*    top: 0 !important;*/
/*    height: 100px !important;*/
/*    vertical-align: unset !important;*/
/*}*/

#main-page .pcg-info {
    font-size: 11px !important;
}

/* des fixes */
#main-page .pcg-landing-carousel .carousel-caption .row {
    margin-left: 0;
    margin-right: 0;
}

/* des fixes */
#main-page .pcg-landing-carousel .carousel-indicators li {
    background-color: #D3D5E0;
}

/* des fixes */
#main-page .pcg-landing-carousel .carousel-indicators li.active {
    background-color: #053A6E;
}

/* des fixes */
#main-page .pcg-home-page .pcg-thumbnail-list .thumbnail {
    background-color: transparent;
}

/* des fix */
#main-page .pcg-home-page .pcg-clients-list-item { margin-bottom: 30px;}

#main-page .pcg-categories-wrapper .pcg-thumbnail-list {margin-top: 45px;}
#main-page .flip--enabled .flip__side.flip__side--front {position: relative;}
#main-page .pcg-sidebar.header-fixed{margin-top: 70px;}
#main-page .pcg-sidebar-wrapper .pcg-sidebar {padding-top: initial}
#main-page .pcg-sidebar{transition: all 0.3s ease;}

@media screen and (max-width: 992px) {
    #main-page #pcg-landing-carousel .item:after {
        width: 100%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.2);
    }

    #main-page .pcg-home-page .pcg-thumbnail-list .thumbnail {
        margin-top: 17px;
    }

    /* des fixes */
    #main-page .pcg-home-page .pcg-tile-title {
        margin: 0px 0 30px 10px;
    }

    /* des fixes */
    #main-page .pcg-home-page .pcg-tile-block-content:nth-child(2) {
        margin-top: 50px;
    }

    #main-page .slick-slider {
        /*width: 90%;*/
        display: flex !important;
        margin: 0 10px !important;
    }

    #main-page .flex-max-col-0 > * {
        width: inherit;
    }

    #main-page .pcg-footer-content img.img-responsive {
        margin-right: 15px;
    }

    #main-page .pcg-home-page .pcg-thumbnail-list.flex-max-col-4 > * {
        width: 50%;
    }
}

@media (max-width: 344px) {
    #main-page .pcg-home-page > .pcg-promo-wrapper .btn-primary:before {
        position: absolute;
        left: -25px;
    }
}

@media (max-width: 400px) {
    #main-page .pcg-home-page .pcg-promo-wrapper .btn-primary {
        /*display: unset !important;*/
        overflow: hidden;
    }
}

@media (max-width: 1219px) {
    #main-page .pcg-wide-banner {
        display: block;
        text-align: left;
        padding: 30px 0;
        flex-flow: unset;
        justify-content: normal;
    }

    /* des fix */
}

@media (min-width: 768px) {
    #main-page .carousel-indicators {
        width: 750px;
    }

    #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-tile-time {
        color: #000;
        font-size: 14px;
    }

    #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block-title {
        width: 55%;
    }

    #main-page .flip--enabled .flip__container:hover .flip__side--back {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    #main-page .flip--enabled .flip__container:hover .flip__side--front {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    #main-page .flip--enabled .flip__side--front {
        z-index: 0;
        -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    #main-page .flip--enabled .flip__side--back {
        -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    /*des fix*/
    /*.pcg-rte-wrapper .pcg-action-btn {*/
    /*    margin-top: 235px;*/
    /*}*/

    #main-page .pcg-home-page .pcg-promo-wrapper {
        margin-top: 85px;
    }

    #main-page .pcg-home-page > .pcg-promo-wrapper {
        margin-top: 40px;
    }

    /* des fix */
    #main-page .flip--enabled .flip__side {
        position: relative;
    }
}

@media (min-width: 992px) {
    #main-page .carousel-indicators {
        width: 970px;
    }

    #main-page .flex-max-col-4 > * {
        width: 33.33333333%;
    }

    #main-page .flex-max-col-0 > * {
        width: inherit;
    }

    #main-page .pcg-home-page .pcg-promo-wrapper h1 {
        /* des fix */
        /*width: 475px;*/
        max-width: 440px;
    }

    #main-page .pcg-home-page .pcg-tile-block-content {
        width: 455px;
    }

    #main-page .badges-cont {
        margin-top: 16px !important;
    }
}

@media (min-width: 1220px) {
    #main-page .carousel-indicators {
        width: 1170px;
    }

    #main-page .pcg-home-page .pcg-tile-block-content {
        width: 560px;
    }
}


/*--------------------------------sidebar--------------------------------*/
#educloud-sidebar {width: 262px; padding-top: 28px; padding-bottom: 20px; color: white; border-radius: 24px; -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08); box-sizing: border-box; outline: 0; background: white; }

#educloud-sidebar .pcg-sidebar-block {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; padding: 0; border-radius: 0; margin: 0}

#educloud-sidebar .list-group-title {color: black; border: none; font-size: 18px;margin-bottom: 30px; padding: 0;font-family: 'Roboto', sans-serif; font-weight: 700}

#educloud-sidebar .list-group-item {padding: 0; position: relative;}

#educloud-sidebar .list-group-item.list-group-item--is-management .icon-circle::before {color: #692DFF}

#educloud-sidebar .list-group-item.list-group-item--is-relations .icon-circle::before {color: #00C099}

#educloud-sidebar .list-group-item.list-group-item--is-education .icon-circle::before {color: #FF0077}

#educloud-sidebar .list-group-item:not(:last-child) {margin-bottom: 20px;}

#educloud-sidebar .list-group-item:not(.list-group-item--is-active) .list-group__internal {display: none}

#educloud-sidebar .list-group-item__label-content {position: relative; margin-bottom: 20px; cursor: pointer;}

#educloud-sidebar .list-group-item__label-content .label {font-size: 14px; font-weight: 700; color: black; text-align: left; padding: 0}

#educloud-sidebar .list-group-item__label-content .icon-circle {position: absolute; top: 50%; left: 30px}

#educloud-sidebar .list-group-item__label-content .icon-circle::before {font-family: icomoon;position: relative;}

#educloud-sidebar .list-group__internal {padding: 0; position: relative;}

#educloud-sidebar .list-group-title, #educloud-sidebar .list-group-item__label-content, #educloud-sidebar .internal-pos {padding-left: 30px; padding-right: 30px}

#educloud-sidebar .list-group-item__label-content, #educloud-sidebar .internal-pos {padding-left: 70px; position: relative}

#educloud-sidebar .internal-pos {height: 30px; cursor: pointer}

#educloud-sidebar .internal-pos .internal-pos-link { color: #595C64;font-family: 'Roboto', sans-serif;font-size: 14px;}

#educloud-sidebar .internal-pos:hover {background: #F5F6FA;}

#educloud-sidebar .internal-pos:hover .internal-pos-link { color: black; font-weight: 500;text-decoration: none}

#educloud-sidebar .internal-pos:not(:last-child) {margin-bottom: 5px;}

#educloud-sidebar .icon-arrow-up {position: absolute; right: 30px;top: 50%; display: block; cursor: pointer; }

#educloud-sidebar .icon-arrow-up::before {font-family: icomoon; color: black;margin: 0; font-size: 12px;}

/*--------------------------------main page--------------------------------*/
/* des fix: Removed 'active' from a class name */
#main-page .pcg-landing-carousel .item .carousel-caption {
    padding-top: 0;

    /* des fix */
    top: 40px;
    padding-left: 0;
}


#main-page .pcg-landing-carousel .carousel-logo {max-width: 190px; /* des fix: */ margin-bottom: 35px}

#main-page .pcg-landing-carousel .carousel-text {font-size: 14px; max-width: 385px}

#main-page .pcg-home-page .pcg-categories-text {font-size: 14px; text-align: center; max-width: 786px; margin: 0 auto; margin-top: 30px; line-height: 22px;}

#main-page .pcg-home-page .flip__container--is-management .pcg-action-btn {background: #692DFF; border-color: #692DFF; box-shadow: 10px 10px 24px rgba(25, 45, 129, 0.2)}

/* des fix */
/*#main-page .pcg-home-page .flip__container .pcg-action-btn:hover {opacity: 0.9}*/

#main-page .pcg-home-page .flip__container--is-relations .pcg-action-btn {background: #00C099; border-color: #00C099; box-shadow: 10px 10px 24px rgba(0, 192, 153, 0.2)}

#main-page .pcg-home-page .flip__container--is-education .pcg-action-btn {background: #FF0077; border-color: #FF0077; box-shadow: 10px 10px 24px rgba(255, 0, 119, 0.2)}

#main-page .pcg-promo-wrapper .logo-lumen {position: relative; margin-top: -180px}

#main-page .pcg-home-page .pcg-promo-wrapper h1 {font-size: 22px; display: block; /* des fix */ margin-bottom: 25px;}

#main-page .pcg-home-page .pcg-promo-wrapper h1.main-label {margin-bottom: 30px;}

#main-page .pcg-home-page .pcg-promo-wrapper .pcg-action-text {font-size: 18px; margin-bottom: 40px;}

#main-page .pcg-home-page .pcg-promo-wrapper .pcg-action-text--is-small {font-size: 14px; margin-bottom: 50px;}

#main-page .pcg-home-page .pcg-tile-block-wrapper {display: block; background: white}

#main-page .pcg-home-page .pcg-tile-block-wrapper--without-image .pcg-tile-block {height: 100%}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-tile-content {height: 100%; position: relative; z-index: 2}

#main-page .pcg-home-page .pcg-tile-block-wrapper--without-image .pcg-tile-block .pcg-tile-content::before {content: '\e90b'; font-family: icomoon; position: absolute; right: -10px; top: -30px; color: #F5F6FA; font-size: 250px; display: block; z-index: -1}

#main-page .pcg-home-page .pcg-background-wrapper {width: 100%;padding-top: 41%;background-size: cover !important;background-repeat: no-repeat !important;background-position: center !important;position: relative;cursor: pointer;transition: all 0.5s ease;}

#main-page .pcg-home-page .pcg-tile-text {font-size: 14px; /* des fix */ line-height: 22px; color: black; max-width: 385px; margin-bottom: 0}

#main-page .pcg-home-page .btn-round {width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; position: relative; background: white; padding: 0; margin: 0; border-radius: 50%; -webkit-box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.08);-moz-box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.08);box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.08);}

#main-page .pcg-home-page .btn-round::before {font-family: icomoon; color: #053A6E; /* des fix */ width: auto; font-size: 12px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-quote {font-size: 14px;}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-quote-author {margin-bottom: 0; position: relative; padding-top: 38px;}

#main-page .pcg-home-page .pcg-tiles-wrapper .pcg-quote-author::before {content: ''; display: block; position: absolute;top: 0; width: 70px; height: 1px; background: #E7E8F0}


#main-page #pcg-customers-carousel .carousel-indicators {bottom: 0}

#main-page #pcg-customers-carousel .pcg-customers-carousel-text {font-family: 'Roboto', sans-serif; font-size: 14px; text-align: center; max-width: 570px; color: white; margin: 0 auto; line-height: 22px; margin-bottom: 40px;}

#main-page #pcg-customers-carousel .tablinks {background: none; text-align: center;padding: 0;border: none;color: inherit;background-color: transparent;cursor: pointer; color: white; font-weight: 700; font-size: 15px; line-height: 22px; padding-bottom: 5px; /* des fix letter-spacing: .1em */ position: relative}

#main-page #pcg-customers-carousel .tablinks.is-active:before,
#main-page #pcg-customers-carousel .tablinks:hover:before /* des fix */{width: 100%;height: 2px;background-color: #fff;position: absolute;bottom: 0;left: 0;}

/*des fix */
#main-page #pcg-customers-carousel .tablinks:before {content: "";transition: 0.25s;}


#main-page #pcg-customers-carousel .tablinks:not(:last-child) {margin-right: 55px;}

#main-page #pcg-customers-carousel .tab-container {padding-top: 70px; /* des fix */padding-bottom: 55px;}

#main-page #pcg-customers-carousel .tab-container-list {padding-left: 0; /* des fix */ flex-flow: wrap;}

#main-page #pcg-customers-carousel .tab-container:not(.is-active) {display: none}

/* des fix */
/*#main-page #pcg-customers-carousel .tab-container .thumbnail-logo-lazarski {height: 90px;}*/

/* des fix */
/*#main-page #pcg-customers-carousel .tab-container .thumbnail-logo-cc {height: 60px;}*/

/*#main-page #pcg-customers-carousel .tab-container .thumbnail-image {height: 50px; width: auto}*/

#main-page .pcg-wide-banner {padding: 0; height: 210px;}

#main-page .pcg-wide-banner .description,
#main-page /*des fix*/ .btn-primary,
#main-page .pcg-wide-banner .btn{margin: 0;}

#main-page .pcg-wide-banner .description {font-family: 'Roboto', sans-serif; position: relative; z-index: 2; font-size: 22px; font-weght: 700;}

#main-page .pcg-footer-copyright {background-color: #222;}

#main-page .pcg-footer-copyright .row {margin: 0;}


/*--------------------------------Daniel--------------------------------*/

#main-page .pcg-home-page .flip__container--is-management .pcg-action-btn,
#main-page .pcg-home-page .flip__container--is-relations .pcg-action-btn,
#main-page .pcg-home-page .flip__container--is-education .pcg-action-btn,
#main-page .pcg-home-page .btn-round,
#main-page .pcg-home-page .btn-round:before { transition: all 0.3s ease-out; }

#main-page .pcg-home-page .flip__container--is-management .pcg-action-btn:hover,
#main-page .pcg-home-page .flip__container--is-management .pcg-action-btn:active,
#main-page .pcg-home-page .flip__container--is-management .pcg-action-btn:focus { box-shadow: 10px 10px 24px rgba(25, 45, 129, 0.5); }

#main-page .pcg-home-page .flip__container--is-relations .pcg-action-btn:hover,
#main-page .pcg-home-page .flip__container--is-relations .pcg-action-btn:active,
#main-page .pcg-home-page .flip__container--is-relations .pcg-action-btn:focus { box-shadow: 10px 10px 24px rgba(0, 192, 153, 0.5); }

#main-page .pcg-home-page .flip__container--is-education .pcg-action-btn:hover,
#main-page .pcg-home-page .flip__container--is-education .pcg-action-btn:active,
#main-page .pcg-home-page .flip__container--is-education .pcg-action-btn:focus { box-shadow: 10px 10px 24px rgba(255, 0, 119, 0.5); }

#main-page .pcg-home-page .flip__container--is-management .pcg-action-btn a,
#main-page .pcg-home-page .flip__container--is-relations .pcg-action-btn a,
#main-page .pcg-home-page .flip__container--is-education .pcg-action-btn a { font-family: 'Montserrat', sans-serif; }

#main-page .pcg-home-page .btn-round:hover {-webkit-box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.12);-moz-box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.12);box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.12); }

#main-page .pcg-home-page .btn-round:hover:before { /* des fix */ -webkit-transform: translateX(1px) translate(-50%, -50%);-ms-transform: translateX(1px) translate(-50%, -50%);transform: translateX(1px) translate(-50%, -50%);}


/*--------------------------------respo--------------------------------*/

@media screen and (max-width: 1220px) {
    #main-page .pcg-info {margin-right: 0}

    #main-page .pcg-wide-banner .container {height: 100%;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;-khtml-flex-wrap: wrap;flex-wrap: wrap;}
    #main-page .container {width: 100%;padding-left: 40px;padding-right: 40px;}

    /* des fix */
    /*#main-page .pcg-wide-banner .btn-primary {margin: 0 auto}*/
    #main-page #pcg-landing-carousel .carousel-indicators {
        width: 100%;
        padding-left: 40px;

    }
}

@media screen and (max-width: 1000px) {
    #main-page .pcg-promo-wrapper .logo-lumen {display: none}

    #main-page #pcg-customers-carousel .tab-container {padding-top: 40px;padding-bottom: 40px;}

    /* des fix */
    /*#main-page #pcg-customers-carousel .tab-container .thumbnail-logo-alk {width: 150px}*/
    /*#main-page #pcg-customers-carousel .tab-container .thumbnail-logo-san {width: 120px}*/
    /*#main-page #pcg-customers-carousel .tab-container .thumbnail-logo-wsb {width: 100px}*/
    /*#main-page #pcg-customers-carousel .tab-container .thumbnail-logo-lazarski {width: 70px; height: auto;}*/
    /*#main-page #pcg-customers-carousel .tab-container .thumbnail-logo-cc {width: 90px; height: initial}*/
}

@media screen and (max-width: 800px) {
    #main-page #pcg-customers-carousel .tab-container-list .pcg-clients-list-item {
        width: calc(100% / 3);
        margin: 0 0 30px;
    }

    /* des fix */
    #main-page #pcg-customers-carousel .tab-container .tab-container-list {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        -khtml-justify-content: flex-start;
        justify-content: flex-start;
    }

    #main-page .pcg-home-page .pcg-clients-list-item img {
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    #main-page .pcg-sidebar-wrapper .pcg-sidebar {padding-top: 70px}

    #main-page .pcg-header .navbar-nav-wrapper {display: block !important;}


    #main-page #pcg-customers-carousel .tablinks:not(:last-child) {margin-right: 20px;}

    #main-page #pcg-customers-carousel .tab-container-list {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;-khtml-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;-khtml-justify-content: center;justify-content: center;}

    /* des fix */
    /*#main-page #pcg-customers-carousel .tab-container-list .pcg-clients-list-item {width: calc(100% / 3); !*des fix margin-bottom: 30px; *!}*/
    #main-page #pcg-customers-carousel .tablinks {font-size: 13px;}

    /* des fix (content copied from Daniel's media query) */
    #main-page .pcg-landing-carousel .carousel-indicators {
        padding-left: 0;
    }

    #main-page .pcg-landing-carousel .carousel-title {
        line-height: 1.3em;
        font-size: 1.5em;
    }

    #main-page .flex-max-col-0 > * {
        width: inherit;
    }

    #main-page .flex-max-col-4 > * {
        width: 100%;
    }
    /* des fix */
    #main-page .pcg-home-page .pcg-thumbnail-list.flex-max-col-4 > *{width: 100%;}

    #main-page .pcg-landing-carousel .btn-primary {
        width: 250px;
    }

    #main-page .pcg-landing-carousel .carousel-text {
        margin-bottom: 56px;
    }

    /* des fix */
    #main-page #pcg-landing-carousel .carousel-indicators {
        padding-left: 0;
        left: 0;
        text-align: center;
        transform: none;
        width: auto;
        margin-left: 40px;
    }

    /* des fix */
    #main-page .pcg-home-page .pcg-thumbnail-list .thumbnail .caption,
    #main-page .pcg-home-page .pcg-thumbnail-list .thumbnail-text {
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }

    #main-page .pcg-home-page .pcg-categories-text {
        text-align: left;
    }

    #main-page .pcg-section-title {
        text-align: left;
    }

    /*des fix*/
    #main-page .pcg-home-page .pcg-promo-wrapper h1 {
        text-align: left;
    }

    /*des fix*/
    #main-page .pcg-home-page .pcg-promo-wrapper .pcg-action-text {
        text-align: left;
    }

    #main-page .pcg-home-page .pcg-promo-wrapper .btn-primary {
        /* des fix */
        /*display: flex;*/
        /*margin: 0 auto;*/
        /*width: auto;*/
        /*left: 50%;*/
        /*transform: translate(-50%, 0);*/
    }

    #main-page .pcg-home-page .pcg-promo-wrapper {
        padding: 50px 0;
        /*des fix*/
        margin-top: 25px;
    }

    #main-page .pcg-home-page > .pcg-promo-wrapper .row {
        display: block;
    }

    #main-page .pcg-home-page > .pcg-promo-wrapper .pcg-action-image {
        width: 100%;
        margin-bottom: 30px;
    }

    #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block:after {
        right: 0;
    }

    #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-tile-time {
        color: #000;
        font-size: 14px;
    }

    /*    des fix */
    #main-page .pcg-landing-carousel .item .carousel-caption {padding-right: 0;}

    /* des fix */
    #main-page .pcg-wide-banner .description {
        margin: 30px 0 !important;
        text-align: left;
        width: 100%;
    }

    /* des fix */
    #main-page .pcg-wide-banner .btn {
        /*display: block;*/
        margin-bottom: 30px !important;
    }

    /* des fix */
    #main-page .pcg-landing-carousel .carousel-caption {
        text-align: left;
    }

    /* des fix */
    #main-page #pcg-customers-carousel .pcg-customers-carousel-text {
        text-align: left;
        margin-left: 0;
    }

    /* des fix */
    #main-page #pcg-customers-carousel .tab.container {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        -khtml-justify-content: flex-start;
        justify-content: flex-start;
    }
    /* des fix */
    #main-page .pcg-footer-copyright-links {float: left;}

    /* des fix */
    #main-page .pcg-home-page .pcg-tile-text-parent {
        flex-flow: wrap;
    }

    /* des fix */
    #main-page .pcg-home-page .btn-round {
        margin-top: 15px;
    }

    /* des fix */
    #main-page .pcg-wide-banner .container {
        height: auto;
    }

    /* des fix */
    #main-page .pcg-categories-wrapper {
        margin-top: 60px;
    }
}

@media screen and (max-width: 600px) {
    #main-page #pcg-customers-carousel .tab-container-list .pcg-clients-list-item {width: calc(100% / 2);}
}

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

@media screen and (max-width: 400px) {

    #main-page #pcg-customers-carousel .tab-container-list .pcg-clients-list-item {width: 100%;}

    #main-page #pcg-customers-carousel .tab {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;-khtml-flex-wrap: wrap;flex-wrap: wrap;}

    /* des fix */
    #main-page #pcg-customers-carousel .tablinks:not(:last-child) {margin-bottom: 10px;}

    #main-page #pcg-customers-carousel .tablinks:nth-child(even) {margin-right: 0;}
}