*{font-family: 'Roboto', sans-serif;}

::-webkit-input-placeholder { /* Edge */
    color: #838591; font-size: 14px; vertical-align: baseline;font-family: 'Roboto', sans-serif;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #838591; font-size: 14px; vertical-align: baseline;font-family: 'Roboto', sans-serif;
}

::placeholder {
    color: #838591; font-size: 14px; vertical-align: baseline;font-family: 'Roboto', sans-serif;
}

.cyrek-modernization .pcg-header .navbar-default .navbar-nav, .cyrek-modernization .pcg-header .navbar-default, .cyrek-modernization .navbar-header--to-right, .cyrek-modernization .pcg-footer-container, .cyrek-modernization .pcg-home-page .pcg-tile-text-parent, .cyrek-modernization #pcg-customers-carousel .tab-container-list {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -khtml-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -khtml-align-items: center;
    align-items: center;
    display: flex;
}
.cyrek-modernization .list-of-social-media, #educloud-sidebar .internal-pos, .cyrek-modernization .pcg-wide-banner .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;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -khtml-align-items: center;
    align-items: center;
    display: flex;
}

.cyrek-modernization .pcg-home-page .pcg-tile-content {
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -khtml-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -khtml-flex-direction: column;
    flex-direction: column;
}
.cyrek-modernization #pcg-customers-carousel .tab {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -khtml-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -khtml-align-items: center;
    align-items: center;
    display: flex;
}
.custom-checkbox .checkmark:after {
    -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
}
.cyrek-modernization .breadcrumb li:not(:last-child):after, .cyrek-modernization .hamburger-inner, #educloud-sidebar .list-group-item__label-content .icon-circle, #educloud-sidebar .icon-arrow-up {
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
.cyrek-modernization #pcg-customers-carousel .carousel-indicators {
    -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);
}
#educloud-sidebar .list-group-item:not(.list-group-item--is-active) .icon-arrow-up {
    -webkit-transform: rotate(180deg) translateY(50%);
    -moz-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    -o-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
}

#educloud-sidebar .icon-arrow-up, #educloud-sidebar .internal-pos .internal-pos-link, #educloud-sidebar .internal-pos, .cyrek-modernization .pcg-home-page .flip__container .pcg-action-btn {
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -khtml-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*--------------------------------form--------------------------------*/


.educloud .form-section h2 {font-size: 22px;font-weight: bold;max-width: 340px;line-height: 32px; margin-left: 0}
.form-section {display: flex; position: relative;  width: 100%; clear: both;-webkit-justify-content: space-between;  -moz-justify-content: space-between;  -ms-justify-content: space-between;  -o-justify-content: space-between;  -khtml-justify-content: space-between;  justify-content: space-between;}
.form-section--to-left {width: calc(100% - 360px); max-width: 340px; position: relative;}

.form-section--to-left::after {content: url("/img/02_img/illustration/illu-airplane-contact.png"); display: block; position: absolute; bottom: 80px; right: 30px; width: 130px; height: 180px;z-index: -1}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .form-section--to-left::after {background: url("/img/02_img/illustration/illu-airplane-contact@2x.png"); background-size: cover;}
}

.form-section--to-left .form-info {margin-top: 30px; margin-bottom: 40px; line-height: 24px;}
.form-section--to-left .label {font-size: 22px;font-weight: bold;max-width: 340px;line-height: 32px; margin-left: 0}
.form-section--to-left .form-details-container__main-label, .form-section--to-right .form-field__label {font-size: 14px; font-weight: 700; line-height: 24px; display: block}
.form-section--to-left .form-details-container__main-label {margin-bottom: 20px;}
.form-section--to-left .details-list {list-style: none;}
.form-section--to-left .detail-item {line-height: 24px}
.form-section--to-left .detail-item a {text-decoration: none}

.form-section--to-right {width: 360px;}
.form-section--to-right .form-group {position: relative; margin: 0}
.form-section--to-right .form-group.form-group--flex {display: flex;}
.form-section--to-right .form-group:not(:last-child) {margin-bottom: 30px;}
.form-section--to-right .form-field__label {margin-bottom: 16px;}
.form-section--to-right .form__field:not([type*="checkbox"]) {width: 100%; height: 50px; line-height: 50px; background: #F5F6FA; border: 1px solid #E5E8ED; border-radius: 25px; padding-left: 25px; padding-right: 25px; font-size: 14px;}
.form-section--to-right .form__field:not([type*="checkbox"])::placeholder{color: #838591; font-size: 14px;}
.form-section--to-right .form__field:not([type*="checkbox"]):focus{border-color: #b0b2b6;}
.form-section--to-right .form__field:not([type*="checkbox"]):hover{border-color: #b0b2b6;}
.form-section--to-right .form__statement {display: none; font-size: 11px;padding-left: 25px; padding-top: 5px}

.form-section--to-right .form-group.form-group--isn-not-valid .form__field, .form-section--to-right .form-group.form-group--isn-not-valid .checkmark {border-color: #DF1D31}
.form-section--to-right .form-group.form-group--isn-not-valid .form__statement {display: block;}
.form-section--to-right .form-group.form-group--isn-not-valid .form__statement span{color: #DF1D31; font-size: 11px;}
.form-section--to-right .form__agreement-text {line-height: 24px; padding-left: 16px; position: relative; top: -4px;}


.custom-checkbox {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.custom-checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.custom-checkbox .checkmark {top: 0;left: 0;height: 14px;width: 14px;border: 2px solid #D3D5E0; border-radius: 3px; display: block; position: relative}
.custom-checkbox input:checked ~ .checkmark {background-color: #00CDAE; border-color: #00CDAE}
.custom-checkbox .checkmark:after {content: "\e904";position: absolute;display: none; font-size: 10px; color: white; font-family: icomoon; left: 50%; top: 50%;}
.custom-checkbox input:checked ~ .checkmark:after {display: block;}




/*--------------------------------header--------------------------------*/

/*usuniecie */

.uppercase, [class*='--is-uppercase'] {text-transform: uppercase}
button:focus {outline:0;}

.cyrek-modernization .pcg-breadcrumb-wrapper {background: transparent}
.cyrek-modernization .pcg-breadcrumb-wrapper > .container {}
.cyrek-modernization .breadcrumb-link {color: #595C64 !important; font-size: 14px; text-decoration: underline}
.cyrek-modernization .breadcrumb-elem {position: relative; padding-right: 15px; margin-right: 20px;}
.cyrek-modernization .active .breadcrumb-link{text-decoration: none !important; font-weight: bold;}
.cyrek-modernization .breadcrumb li:not(:last-child):before {display: none}
.cyrek-modernization .breadcrumb li:not(:last-child):after {content: "\e902"; font-family: icomoon; font-size: 10px; border: none; top: 50%; position: absolute; display: block; margin: 0; width: 10px; height: 20px; line-height: 25px; text-align: center; }
.cyrek-modernization .icon-search::before {font-family: icomoon; font-size: 18px;}
.cyrek-modernization .pcg-header .navbar-default::after, .cyrek-modernization .pcg-header .navbar-default::before {display: none}
.cyrek-modernization .pcg-header .navbar-default .navbar-nav > li, .cyrek-modernization .pcg-header .navbar-default .navbar-nav > li > a {padding: 0; margin: 0; transition: 0.3s all ease-out;}
.cyrek-modernization .pcg-header .navbar-default .navbar-nav > li, .cyrek-modernization .pcg-header .navbar-default .navbar-nav > li > a:hover{color: #FF8888;}
.cyrek-modernization .pcg-header .navbar-default .navbar-nav {width: 150px}
.cyrek-modernization .navbar-header {float: none !important; margin: 0}
.cyrek-modernization .pcg-header .navbar-brand {padding: 0; margin: 0}
.cyrek-modernization .pcg-header .navbar-default {height: 70px;}
.cyrek-modernization .pcg-header .navbar-default .navbar-nav .label-lang .lang-label-link {font-size: 16px;}
.cyrek-modernization .navbar-nav .label-lang.current-lang .lang-label-link {font-weight: 700}
.cyrek-modernization .pcg-header .navbar-menu {float: none; padding: 0}

.cyrek-modernization .hamburger {padding: 0; z-index: 1000; position: relative}
.cyrek-modernization .hamburger-inner, .cyrek-modernization .hamburger-inner:after, .cyrek-modernization .hamburger-inner:before {background: white; width: 100%; height: 2px; border-radius: 0;}

.cyrek-modernization .hamburger-inner {top: initial; bottom: initial; position: relative; top: 50%;}
.cyrek-modernization .hamburger-inner:after {top: -7px;}
.cyrek-modernization .hamburger-inner:before {bottom: -7px; top: initial}
.cyrek-modernization .hamburger {top: -1px}
.cyrek-modernization .hamburger.is-active .hamburger-inner {top: -3px}
.cyrek-modernization .hamburger.is-active .hamburger-inner, .cyrek-modernization .hamburger.is-active .hamburger-inner:after, .cyrek-modernization .hamburger.is-active .hamburger-inner:before {background: white}
.cyrek-modernization .hamburger.is-active .hamburger-inner:after {top: -7px}
.cyrek-modernization .hamburger.is-active .hamburger-inner:before {top: -7px; bottom: initial;}
.cyrek-modernization .hamburger-box {width: 22px; height: initial}



/*--------------------------------footer--------------------------------*/
.cyrek-modernization.main-page .pcg-wide-banner {display: none}
.cyrek-modernization ul {list-style-type: none}
.cyrek-modernization .pcg-footer-content {background: #2E2E2E; height: 190px;}
.cyrek-modernization .pcg-footer-container::before,.cyrek-modernization .pcg-footer-container::after {display: none}
.cyrek-modernization .logo-pcg-academia {width: 220px; margin-top: 45px;}

.cyrek-modernization .logo-lumen-footer {width: 100px; margin-top: 15px;}
.cyrek-modernization .logo-frp {width: 100px; margin-top: 15px;}
.cyrek-modernization .logo-pcg-polska {width: 114px; margin-top: 15px;}
.cyrek-modernization .pcg-info {padding: 0; float: none;}
.cyrek-modernization .pcg-info__label, .cyrek-modernization .pcg-info__main-label {font-size: 11px;}
.cyrek-modernization .pcg-info__main-label {font-weight: 700; margin-bottom: 10px;}
.cyrek-modernization .pcg-info__pos {width: 100%; height: 16px}
.cyrek-modernization .pcg-info__label {color: white}
.cyrek-modernization .social-box {width: 150px}
.cyrek-modernization .top-side {position: relative; border-bottom: 1px solid #595C64;}
.cyrek-modernization .top-side__label {padding-bottom: 30px; position: relative; display: block; text-align: left; font-size: 11px; font-weight: 700}
.cyrek-modernization .list-of-social-media {margin: 0; padding: 0; padding-top: 30px;}
.cyrek-modernization .list-of-social-media .social {margin: 0}
.cyrek-modernization .list-of-social-media .social:not(:last-child) {margin-right: 22px;}
.cyrek-modernization .list-of-social-media .social-icon::before {font-size: 26px; color: white; margin: 0}



.top-btn {display: none !important;}


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

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

}

@media screen and (max-width: 1000px) {
    .cyrek-modernization .logo-pcg-academia {width: 160px; margin-top: 60px;}
    .cyrek-modernization .logo-lumen-footer, .cyrek-modernization .logo-frp {width: 80px; margin-top: 0;}
    .cyrek-modernization .logo-pcg-polska {width: 100px; margin-top: 0;}
    .cyrek-modernization .social-box {width: 100px;}
}
@media screen and (max-width: 767px) {
    .cyrek-modernization .pcg-footer-content {height: auto;}
    .cyrek-modernization .pcg-footer-container {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;-khtml-flex-wrap: wrap;flex-wrap: wrap;}

    .cyrek-modernization .logo-pcg-academia {width: 220px; margin-top: 45px; margin-bottom: 50px}
    .cyrek-modernization .pcg-info {width: calc(100% - 220px); padding-left: 50px;}
    .cyrek-modernization .logo-lumen-footer, .cyrek-modernization .logo-frp {width: 100px}
    .cyrek-modernization .logo-pcg-polska {width: 140px}
    .cyrek-modernization .social-box {width: calc(100% - 340px); min-width: 100px; max-width: 200px;}

    .cyrek-modernization .pcg-sidebar-wrapper .pcg-sidebar {padding-top: 70px;}
}
@media screen and (max-width: 600px) {
    .cyrek-modernization .pcg-info {padding-left: 40px; margin: 0}
    .cyrek-modernization .logo-lumen-footer, .cyrek-modernization .logo-frp {width: 60px}
    .cyrek-modernization .logo-pcg-polska {width: 80px}
    .cyrek-modernization .social-box {width: calc(100% - 200px); min-width: 100px; max-width: 200px;}
}
@media screen and (max-width: 500px) {
    .cyrek-modernization .pcg-footer-container {-webkit-align-items: flex-start;-moz-align-items: flex-start;-ms-align-items: flex-start;-o-align-items: flex-start;-khtml-align-items: flex-start;align-items: flex-start;}
    .cyrek-modernization .logo-pcg-academia {width: 160px; margin-bottom: 0; margin-top: 0}
    /*.cyrek-modernization .pcg-info {padding-left: 40px; width: calc(100% - 160px); text-align: left; margin-bottom: 40px;}*/
    .cyrek-modernization .pcg-info {padding-left: 0; width: 100%; text-align: left; margin-bottom: 40px; margin-top: 30px;}
    .cyrek-modernization .logo-lumen-footer, .cyrek-modernization .logo-frp {width: 80px}
    /*.cyrek-modernization .logo-pcg-polska {width: 60px}*/
    .cyrek-modernization .top-side{ margin-bottom: 10px;line-height: 30px;}
    .cyrek-modernization .social-box {width: 100px; min-width: 100px; }
    .cyrek-modernization .top-side__label {padding-bottom: 10px;}
    .cyrek-modernization .list-of-social-media {padding-top: 10px;}
}

@media screen and (max-width: 400px) {
    .cyrek-modernization .pcg-footer-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;}
    .cyrek-modernization .social-box {width: 100%; display: block; max-width: 100%}
    .cyrek-modernization .logo-lumen-footer, .cyrek-modernization .logo-frp {margin-right: 20px;}
    .cyrek-modernization .social-box {margin-top: 40px;}

    /*.pcg-header .navbar-nav-wrapper {color: white}*/
    .pcg-header .navbar-nav-wrapper {margin-bottom: 30px; margin-top: 20px;}
    .navbar-nav-wrapper li > a {margin: 0; padding: 0; color: white; text-decoration: none}
    .navbar-nav-wrapper li:not(:last-child) > a {margin-right: 20px;}
    .cyrek-modernization .icon-search::before {color: white}
    .navbar-nav-wrapper .nav > li > a:hover, .navbar-nav-wrapper .nav > li > a:focus {background: transparent}

    .cyrek-modernization .pcg-footer-copyright-links li {margin: 0; padding: 0; width: 100%; display: block; border: none;}
    .cyrek-modernization .pcg-footer-copyright-links li:not(:last-child) {margin-bottom: 10px;}
    .cyrek-modernization .pcg-footer-copyright-links {width: 100%; float: none;}
}

/*---------new---------*/
[class^="icon-"]:before, [class*=" icon-"]:before{font-family: 'icomoon', sans-serif !important;}

.cyrek-modernization .pcg-header{ transition: all 0.3s ease; top: 0;}
.cyrek-modernization .pcg-header.fixed{position: fixed; width: 100%; z-index: 99;}
.cyrek-modernization .pcg-header.go-down-menu{top: -70px;}
.cyrek-modernization .pcg-main-content.header-fixed{margin-top: 70px;}
/*.cyrek-modernization .pcg-sidebar.header-fixed{margin-top: 70px;}*/
/*.cyrek-modernization .pcg-sidebar-wrapper .pcg-sidebar {padding-top: initial}*/
.cyrek-modernization .pcg-sidebar{transition: all 0.3s ease;}