span.btn[data-form="fixedRequestForm"] {position: relative;}
a.js-show-contact-form.btn.btn--primary:hover:after,
span.btn[data-form="fixedRequestForm"]:hover:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 10px;
    animation-duration: 1s;
    animation-name: effectButton;
    animation-iteration-count: once
}

@keyframes effectButton {

    0% {
        border: 3px solid var(--primary-color);
        width: 100%;
        height: 100%;
    }

    40% {
        width: 140%;
        height: 150%;
    }

    100% {
        opacity: 0;
        filter: blur(30px)
    }

}



@keyframes blink {

    10% {
        scale: initial;
    }

    20% {
        scale: 0.9;
    }

    30% {
        scale: 1.05
    }

    40% {
        scale: initial;
    }
    
}

/**FORM 2.0 */
.contact-form-v20 .left-section svg {display: initial; top: initial;}
.form-container form {padding: 0px 50px;}
.form-container label {margin: 0px; font-weight: 600; top: 12px; position: relative; padding: 0 5px; background-color: white; left: 15px; transition: 0.2s;}
.form-container {display: flex; justify-content: center; align-items: center; background: linear-gradient(90deg, black 50%, white 50%) !important;}
.contact-form-v20-body {display: flex; height: 100%; width: 100vw;}
.left-section {background-color: black; color: #fff; width: 50%; min-height: 100vh; padding: 40px; display: flex; justify-content: center; align-items: center; position: relative;}
.right-section {width: 50%; padding: 40px; display: flex; justify-content: center; align-items: center; background-color: white; overflow: scroll; -ms-overflow-style: none; scrollbar-width: none;}
.right-section::-webkit-scrollbar {display: none;}
.step {display: none;}
.step.active {display: block;}
.step-indicator {display: flex; justify-content: space-evenly; margin-bottom: 20px;}
.step-indicator div span:not(.step--number) {font-size: 14px;}
.step-indicator div {width: 33%; padding: 10px; text-align: center; font-weight: bold; border-bottom: 2px solid #ccc; display: flex; flex-flow: column; align-items: center; margin: 20px 0;}
.step-indicator .active {border-bottom: 2px solid #41c207; color: #41c207; transition: 0.3s;}
.step-indicator .active span.step--number {background-color: #41c207; border-color: #41c207; color: #fff; transition: 0.3s;}
span.step--number {width: 40px; height: 40px; border: 2px solid #767676; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-bottom: 10px;}
.step-indicator div.active {border-bottom: 2px solid #41c207; color: #41c207;}
#contactForm input[type="checkbox"] {width: 20px; height: 20px; cursor: pointer;}
#contactForm input, #contactForm textarea {border: 1px solid #767676;}
#contactForm textarea {padding-top: 10px; min-height: 105px;}
#contactForm select {border: 1px solid #767676;}
#contactForm label {color: #000;}
#contactForm summary {cursor: pointer; text-align: left;}
.step-navigation {margin-top: 30px; display: flex; justify-content: space-between;}
.step-navigation.first-step {justify-content: end;}
.right-section-content {width: 87.5%;}
.is-invalid {border: 1px solid red !important; background-color: rgb(255 238 238); transition: 0.2s;}
.rating-element {display: flex; justify-content: center; padding: 40px 40px 40px 80px;}
.form__group.form-check {display: flex; flex-direction: column; flex-wrap: initial; text-align: left;}
.form-check-activator {position: relative;}
.form-check-activator .validation-error {left: 0px; top: 31px;}
.form-check-activator label {left: 0px; top: -1px; font-size: 14px !important;}
.agreement_full_text {font-size: 12px; line-height: 25px; display: none; margin-top: 25px;}
.form__group.form-check p {padding: 0px; margin: 0px;}
.form__group.form-check label {text-align: justify; font-size: 12px;}
.form__group.form-check input {margin-right: 10px;}
.form__input.form-error {border: 1px solid crimson !important; background-color: rgb(255 241 244);} 
.form__group input:focus {border: 1px solid #41c207;}
.list-of-services {width: 100%;}
.list-of-services > div {border-bottom: 1px solid #dadada;}
.service-item {padding: 5px 10px; display: flex;}
.service-item label {left: 0px; cursor: pointer; top: 0px; font-weight: normal;}
.arrow-up {transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: 0.2s;}
.arrow-down {transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transition: 0.2s;}
.arrow-item {border: solid #000; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; cursor: pointer; top: 5px; position: relative;}
.form10-agreements .arrow-item{ top: 0px}
.form10-agreements label {font-weight :bold }
.show-full-agreement-text {width: 25px; height: 25px; display: block; text-align: center;}
.form-check-activator {display: flex;}
.form-container .contact-form__header {color: black;}
.h3.section-title.site-area-title {text-align: center;}
.btn--secondary {color: black;}
@media screen and (max-height: 1024px) {.rating-element {display: none;}}
@media screen and (max-width: 1024px) {.form-container .logo {margin-top: 40px; padding-bottom: 0px !important;} .form-container .label-title {text-align: center;} .form-container {height: 100%; background: white !important;} .contact-form-v20-body {display: initial;} .left-section {display: none;} .right-section {width: 100%; padding: 0px;} .form-container form {padding: 0px;} .step-indicator {margin-bottom: 0px;} .step-navigation {margin-top: 0px; flex-direction: column-reverse;} .step-navigation * {margin: 10px 0;}}

/** END FORM 2.0 */

.direct-access-link {border-top:  1px solid rgba(255, 255, 255, .1); border-bottom: 1px solid rgba(255, 255, 255, .1);}
.direct-access-link a {text-align: left; color: rgba(255, 255, 255, .7)}

.post__date_list {color: gray}

button.js-show-contact-form {
    animation-duration: 2s;
    animation-name: blink;
    animation-iteration-count: infinite;
}

button.js-show-contact-form:hover {
    animation: none;
}   

.agreement_full_text {margin-top: 0px !important}
label[for="agreement"] {text-align: justify !important ; color: #000 }
#agreement-container {text-align: justify; margin-top: 30px; }
* {outline : none }
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 2px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.video-tour {position: fixed; right: 30px; top: 40vh; z-index: 1000; transition: 0.3s; width: 200px; }
.video-tour video {width: 200px; transition: 0.3s; cursor: pointer; border: 3px solid var(--primary-color); }
.video-tour.show-vt {width: 500px;}
.video-tour.show-vt video {width: 500px; transition: 0.3s;}
.video-tour .close-vt {cursor: pointer; background-color: var(--primary-color);border-radius: 50%;width: 40px;height: 40px;display: block;text-align: center;font-size: 15px;position: absolute;top: -20px;right: -20px;color: white}
.video-tour .title {    width: 100%;background-color: var(--primary-color);color: white;width: 100%;position: absolute;bottom: 0px;padding: 3px 8px;}
.video-tour.show-vt .next-videos {position: absolute; z-index: 10000; width: 100%;text-align: center;bottom: 40px; padding: 0 40px ; display: flex;justify-content: space-around;}
.video-tour.show-vt .next-videos button {border: 0px; background-color: white; padding: 10px; cursor: pointer;}
.video-tour:not(.show-vt) .next-videos {display: none;} 

div.first-plan-section-mask {content: '';width: 100vw;height: 100vh;position: fixed !important;background: rgb(255,255,255,0.6);top: 0px;z-index: 100 !important;left: 0px;transition: 0.5s;}
div.first-plan-section > * {position: relative; z-index: 1000;}

#page-1938 .collapse-tabs .collapse-tabs__tab:first-child span.h4:first-letter {color: var(--primary-color);font-size: 60px;margin-right: 5px;}

a[rel="post-images"]::before {display: none !important}

.hero__partners {display: flex; align-items: center;}
.hero__partners span {font-size:50px; font-weight: bold;}

.categories {background-color: var(--bigmenu-background-color);}
.categories .bmenu-col:not(:first-child) {display: none ;}
.categories .nav__additional {justify-content: center; padding: 25px;}


.hide-menu { position: absolute; max-width: initial; top: -37px; right: 20px;}
.submenu-dropdown__anchors.subcategories {display: flex;}
.submenu-dropdown__anchors.subcategories .cell-items{padding-top: 1rem }
.submenu-dropdown__anchors.subcategories .cell {flex: 0 0 23%; }
.submenu-dropdown__anchors.subcategories .cell  a {padding-top: .4rem; margin-top: 0px;   }
.submenu-dropdown__anchors .cell-title {font-weight: bold; margin-bottom: 15px;}
.submenu-dropdown__anchors .cell-title a:hover {color: white }
.col-submenu span {font-size: 22px !important}

.main-categories {padding-right: 0px;  }
.main-categories .active {background-color: var(--bigmenu-background-color);  padding-right: 0px; font-weight: bold; transition: 0.2s; }
.main-categories .nav__additional {padding: 40px; justify-content: center;}
.main-categories .nav__additional button {display: flex !important;}

.main-category {display: flex; align-items: center; cursor: pointer; }
.main-category a span {color: #fff}
.main-category svg {width: 20px; fill: white ; margin-right: 10px;;}
.submenu-dropdown__anchors a, .nav__container_submenu li, .nav__container_submenu p {
        font-size: 16px;
}
.nav__container_submenu {
    max-height: 85vh;
    max-width: 92vw;
    margin: 0px auto;
}

.newsletter_form i.arrow-item {border-color: #fff ; top: 0px; }
.newsletter_form input {max-width: 400px; }
.newsletter_form button {padding: 17px 17px 17px }


p .green {color: var(--primary-color) !important}

nav.nav--fixed .duty-expert,
.duty-expert {background-color: var(--secondary-color); border-color: var(--secondary-color); }
.expert-duty-contact-section span, .expert-duty-contact-section a {color :#000  !important}
.expert-duty-contact-form, .expert-duty-contact-section {justify-content: center; align-items: center; text-align: center;}
.expert-duty-contact-form  .employee, .expert-duty-contact-section .employee {text-align: center; display: flex; justify-content: center; align-items: center; flex-flow: column;}
.expert-duty-contact-form  .employee span , .expert-duty-contact-section .employee span{color: #fff ; margin-top: 15px; font-weight: normal;}
.expert-duty-contact-form  .employee a.phone, .expert-duty-contact-section .employee a.phone {color: #fff ; font-size: 30px; font-weight: bold; display: flex; font-size :2.8em }
.contact-duty-expert .text-center * {text-align:  center;}
.duty-expert-form {background-color: #fff; border: 1px solid var(--primary-color)}
.duty-expert-form .h4, 
.expert-duty-contact-form .h4 {font-size: 1.3rem;}

.toast { position: fixed; z-index: 1000; bottom: 1%; padding: 15px 32px; color: #fff; border-radius: 3px; font-weight: bold; min-width: 250px; display: block;}
.toast.danger { background-color: #d91c12 }
.toast.info { background-color: #0069A5 }
.toast.success { background-color: green } 

.toast.left { left: 1%;}
.toast.right { right: 1%;}
.toast.top { bottom: 90%;}
.toast.bottom { bottom: 1%;}

.text-left.text-content.wysiwyg-content {margin: 30px 0px 0px 0px  !important}
.section.table-section .tbody .tr:first-child {font-weight: bold} 
.company-history-vertical .group span {position: sticky;display: flex;top: 20px; border-bottom: 3px solid var(--primary-color); }
.company-history-vertical .event:last-child {border: 0px}
.company-history-vertical .event {border-bottom: 1px dotted #dadada}

#section-36823 .my-container {background-color: white;  background: url('https://widoczni.com/_resources/themes/widoczni/images/artboard-pozycjonowanie3.svg') }
#section-36823 .wyswig-cols {background-color: white;}
#section-36823 .wyswig-cols  > div {display:  flex; align-items: center; justify-content: center;}
#section-36823 .wyswig-cols  > div:nth-child(1) {flex-direction: column;} 
#section-36823 .wyswig-cols img {margin-bottom: 0px }
#section-36823 .wyswig-cols img, #section-36823 .wyswig-cols, #section-36823 input {border: 1px solid #dadada; }
#section-36823 .wyswig-cols {box-shadow: #bbbbbb 0px 0px 25px;}
#section-36823 .columns .wyswig-cols {max-width: 90%;}
#section-36823 .columns {display: flex; align-items: center; justify-content: center;}
#section-36823 .section-title , 
#section-36823 .label-title {display: none;}

#section-37013 .my-container {background-color: white;  background: url('https://widoczni.com/_resources/themes/widoczni/images/artboard-pozycjonowanie3.svg') }
#section-37013 .wyswig-cols {background-color: white;}
#section-37013 .wyswig-cols  > div {display:  flex; align-items: center; justify-content: center;}
#section-37013 .wyswig-cols  > div:nth-child(1) {flex-direction: column;} 
#section-37013 .wyswig-cols img {margin-bottom: 0px }
#section-37013 .wyswig-cols img, #section-37013 .wyswig-cols, #section-37013 input {border: 1px solid #dadada; }
#section-37013 .wyswig-cols {box-shadow: #bbbbbb 0px 0px 25px;}
#section-37013 .columns .wyswig-cols {max-width: 90%;}
#section-37013 .columns {display: flex; align-items: center; justify-content: center;}
#section-37013 .section-title , 
#section-37013 .label-title {display: none;}

.form-col { background-color: #000000; display: flex; justify-content: center; align-items: center;}

#fixedRequestFormContainer {display: flex;  background-color:#000; width: 100%; color: #fff; padding: 20px; position: sticky;  top: 10vh;  border-radius: 5px; }
#fixedRequestFormContainer input[type="text"],#fixedRequestFormContainer select {padding: 5px 10px ; font-size: 14px ; height: calc(2em + 2vh) ;max-height: 50px; font-family: "Raleway", sans-serif; width: 100%; }
#fixedRequestFormContainer textarea {padding: 10px 10px ; font-size: 14px ; height: calc(2em + 2vh) ; height: 60px; font-family: "Raleway", sans-serif; width: 100%;}
#fixedRequestFormContainer .h3 {padding: 0px; text-align: center;}
#fixedRequestFormContainer p.validation-error {margin: 0px; padding: 0px; font-size: 10px; color: red !important; position: initial; right: 5px; bottom: 2px;}
#fixedRequestFormContainer a {color: white; text-decoration: underline;}
#fixedRequestForm .form__group {margin-bottom: calc(0.8em + 1.2vh); position: relative;}
#fixedRequestForm .contact-form__header {margin-top: calc(1.2vh)!important; margin-bottom: calc(1.2vh + 20px)!important; font-size: 35px}
#fixedRequestForm .simpleform-desc {font-size: 14px; line-height: 22px;}

.search_form__input {padding: 18px 30px; width: 60%; height: 100%; margin-right: 10px;;}
.blog--searchform {margin: 0px; }
.async-result {position: relative;}
.suggest {background-color: white; position: absolute; top: 37px; border-top: 1px solid #dadada ; width: 100%;}
.suggest { padding: 0px; max-height: 150px; overflow: scroll; overflow-x: hidden; background: white; z-index: 100; box-shadow: -2px 8px 15px #888; }
.suggest li a {cursor: pointer; width: 100%; display: block;}
.suggest li {padding: 10px;}
.suggest li:hover {background-color: #e0e0e0; }

.partner-footer-container {
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-top: 80px;
    margin-bottom: 80px;
    padding-top: 80px;
    padding-bottom: 80px;    
}

.clutch-footer-widget {
max-height: 88px;
max-width: 120px;
}

.clutch-section-widget {display: flex; justify-content: center;}
.clutch-section-widget iframe {max-width: 977px;}

.partner-widgets iframe {max-width: 220px;}
.partner-widgets {display: flex;     align-items: inherit; justify-content: center;}


.tag-list a {border: 2px solid black; border-radius: 3px; margin-bottom: 5px;  font-weight: bold; color: black ; padding: 5px 10px ; display: inline-block ; transition: 0.2s}
.tag-list a:hover{background-color: var(--primary-color);  transition: 0.2s; color: #fff }
.tag-list svg {width: 22px; margin-right: 10px; margin-top: 5px;}
.tag-list svg path {fill: var(--primary-color); ;}

.footer-link-cta .col { display: flex; justify-content: end;}

.cookies-layer {display: none;}


.content-table {width: 100%; position: relative; max-width: 1000px; margin: 0px auto ; margin-top: 50px; margin-bottom: 50px; }
.content-table { background-color: #f1f1f1; display: flex; justify-content: center}
.content-table-list {display: block; border: 1px solid #f1f1f1; }
.content-table p {cursor: pointer; line-height: 23px; color: #000; font-size: 16px; margin-top: 15px;}
.content-table .parent-h3 {margin-left: 15px;}
.content-table span.h4:first-of-type::first-letter,
.content-table .h4 {color: #000000 !important;
    font-size: 28px !important;
    line-height: initial !important;
     margin-right: 0px !important;  
    }
 

.overlay-mobilemenu {
    position: fixed;
    top: 0px;
    background-color: white;
    z-index: 1000;
    display: block;
    height: 100vh;
    width: 100vw;
    right: 0px;
    padding: 0 15px;

}

.js-close-menu {cursor: pointer;}

.overlay-mobilemenu .items {
    display: flex;
    flex-direction: column;
    font-size: 10px !important;
}

.overlay-mobilemenu .items span {
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
}

.overlay-mobilemenu .mobilemenu-item:hover {
    background-color: #f1f1f1;
}
.overlay-mobilemenu .mobilemenu-item {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dadada;
}

.overlay-mobilemenu .parent-title {
    padding: 10px;
    font-size: 22px;
}

.overlay-mobilemenu .nav__additional {
    margin-top: 50px; 
     flex-direction: column;
     display: block;
}

.overlay-mobilemenu .nav__anchor {
    width: 0;
    height: 25px;
    background-repeat: no-repeat;
    padding: 10px;
}

.overlay-mobilemenu .nav__additional button {
    margin-bottom: 15px;
}


.overlay-mobilemenu .navigation {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.overlay-mobilemenu .navigation .breadcrumbs-nav { 
    margin-top: 0px
}

.overlay-mobilemenu .breadcrumbs-nav span.label {
    cursor: pointer;
}

.overlay-mobilemenu .breadcrumbs-nav span.label::before {
    content: '/';
    margin: 0px 5px;
    font-weight: normal;
    color: #888
}

.overlay-mobilemenu .items a.nav__anchor {
    background-image: url(/_resources/themes/widoczni/images/icons/arrow-right-green.svg);
    background-position: right;
}

.overlay-mobilemenu .navigation div {
    padding: 10px 15px;
}

.overlay-mobilemenu .navigation .breadcrumbs-nav span.label:last-child {

    font-weight: bold;

}

.overlay-mobilemenu .navigation .back { 
    cursor: pointer;
}

.single-post__body .gallery-images a.post-lightbox {width: initial}

.content__image .corner-description p, 
.content__image .corner-description p a {color: white}

.border-y .post__content .post__heading {color: var(--primary-color) }

.blog-item-main-image {margin: 50px 0; }
.vjs-has-started .vjs-big-play-button { display:  none !important ;}

.download-section .my-container--small { background-color: #f0f0f0; }
.download-section svg {max-width: 80px}
.download-section .get-file {cursor: pointer;}
.download-section svg path{fill: var(--primary-color); }
.download-section .skip-email {background-color: #e9e9e9; color: #888}

#f_cta { position: fixed; z-index: 99;  color: #fff; bottom: 0px !important ; width: 100%  ;  padding: 10px 0 ;  text-align: center;}
#f_cta .cta-col { display: inline-block; text-align: center ;   border-radius: 50%; margin: 15px 15px 0px 15px; line-height: 58px; vertical-align: middle; height: 54px; width: 55px ; background-color: var(--primary-color) }

#f_cta svg {width: 22px; margin-top: 15px }
#f_cta svg path {color: #fff }
#f_cta a {color: #fff ; cursor: pointer;}
#f_cta .share-actions {display: none }
#f_cta .fb-share svg {width: 16px; margin-top: 12px;}
#f_cta .back svg {margin-top: 12px; }

span .h5.submenu-header {font-size: 24px !important}

.hero--static--homepage {height: 100vh}
.hero--static--homepage picture::before {height: 100vh;}
.hero--static--homepage picture img {min-height: 100vh;}
.hero--static--homepage .hero__headers {margin-top: initial;}
.hero--static--homepage video {object-fit: cover;}
.hero--static--homepage .video-js:before {content: '';  width: 100vw; height: 100vh ; background-color: rgb(0, 0, 0, .5) ; background-image: none;}

.hero--static--homepage .vjs-big-play-button {
    z-index: 10;
}

.promo-section .my-container {background: url(/_resources/themes/widoczni/images/artboard-pozycjonowanie5.svg); background-size: contain; background-repeat: no-repeat; background-position: right top;}
.promo-section {background-color: transparent; }
.promo-section > .my-container > .row {border: 4px solid var(--primary-color)}
.promo-section .content__description {background-color: transparent; align-items: start}
.promo-section .content__inside--left   {display: flex; align-items: center}
.promo-section .arrow {margin-right: 30px}
.promo-section .photo { display: flex; align-items: center; justify-content: center;}

.collecting-videojs {width: 100%; min-height:300px; display: block ;  text-align: center;}
.collecting-videojs .pp-area {  display: flex; align-items: center; justify-content: center;}
.collecting-videojs .poster {top: 0px; }
.collecting-videojs .poster img {width: 100%;}
.collecting-videojs::before {display: none;}
.collecting-videojs .play-video { position: absolute; z-index: 100;}

.post__author__image img, 
.author__image img{border-radius: 50%;}
.places__description p {font-size: 17px}
.hero__video__null  button{ display: none !important;}
.poor-score:before {color: #dadada !important}
.section-preview,
.section-preview body {background-color: #fff }

p.caption {margin: initial ; margin-top: 15px}

.large-cta-section {background-color: #0e0e0d;
    padding-top: 100px;
    padding-bottom: 70px;
    color: #fff;}

.contact-form-two-cols.black-two-col .label-title  {margin-bottom: 0px;}

.black-two-col p, .black-two-col p span {color: #fff ; width: 100%;} 
.black-two-col .wysiwyg-content p span {color: #fff ; text-align: center; } 
.black-two-col ol {float: left }
.black-two-col li {color: #fff !important; font-weight: normal; text-align: left;  counter-increment: custom;}
.black-two-col ol li {float : left }
.black-two-col ol li::before {  min-width: 65px;
    color: #fff;
    margin-right: 30px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primary-color);
    font-size: 21px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    content: counter(custom) " "; 
    float: left; }

    

.hero--blog h3 {color: #fff }

.avisers-section {padding-bottom: 50px}

h1,.h1 {font-size: 70px; font-weight: 700; letter-spacing: -1.8px;}
h2, .h2 {font-size: 40px; }
h3, .h3 {font-size: 28px}
h4, .h4 {font-size: 28px}
h5, .h5 {font-size: 21px}
.h4, .h5, .h6 {display: block ; }



.single-post__body h2.h4 {font-size: 28px !important}
.single-post__body a[rel="post-images"] {width: 100%; display: block ; text-align: center}


.accordin-target {transform: rotate(-90deg) !important;}

.cloud.client-comments__image img {border-radius: 50%;}

.pagination {text-align: right;}
.pagination span,
.pagination a {font-weight: bold; color: #000; border: 2px solid #000; padding: 10px;  border-radius: 3px; }
.pagination span {border: 0px }
.pagination a.active, 
.pagination a:hover {background-color: var(--primary-color); color: #fff }

.wyswig-cols {text-align: left;}
.wyswig-cols div {margin: 15px 0 }

.wysiwyg-content.menu__faq a:hover {border-bottom: 0px !important; }

.svg-pictogram {max-width: 200px; margin: 0px auto }

.counting-out-slick .slick-dots {position: relative; bottom: 0px} 

.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}

.fa-arrow-up {color: yellowgreen}
.fa-arrow-down {color: red}

.js-animate-svg {display: none;}

.hero--subpage .hero__headers h1.title,
.hero--subpage .hero__headers h2.title,
.hero--subpage .hero__headers h3.title,
.hero--subpage .hero__headers span.title
{   
    font-size: 65px;
    font-weight: 700;
    letter-spacing: -1.8px;

}

a, 
a.more-btn, 
.wysiwyg-content a:not([class]) ,
.wysiwyg-content a.js-show-contact-form,
.wysiwyg-content strong a,
.author__data a {
    color: var(--primary-color);
    position: relative;
    transition: 1s;
}



a.breadcrumbs__anchor,
.wysiwyg-content a:not([class]),
.wysiwyg-content a.js-show-contact-form,
.wysiwyg-content a,
.wysiwyg-content strong a,
span.post__label a,
.author__data a, 
.wysiwyg-content.menu__faq a
a.primary-anchor ,
.anchors__element.link ,
.slick-history-of-cooperation .slick-slide,
.customer-advisers a{
    text-decoration: none;
    background-image: linear-gradient(transparent,transparent),
    linear-gradient(var(--primary-color), var(--primary-color));
    background-size: 100% 2px, 0 2px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.2s linear;
}
.slick-history-of-cooperation .slick-slide:hover,
a.breadcrumbs__anchor:hover,
.wysiwyg-content a:hover:not([class]),
.wysiwyg-content a:hover,
.wysiwyg-content a.js-show-contact-form:hover,
.wysiwyg-content strong a:hover,
span.post__label a:hover,
.author__data a:hover, 
.wysiwyg-content.menu__faq a:hover,
.primary-anchor:hover,
.anchors__element.link:hover,
.customer-advisers a:hover
 {
    background-size: 0 2px, 100% 2px;
 }



a.btn.js-show-contact-form{color: #fff }

.video-section-header {padding-bottom: 30px;  }
.video-section {padding-bottom: 50px;}
.video-section .vjs-youtube-mobile .vjs-big-play-button  {display: block }

.wysiwyg-content p span {color: #000 }

.cinema-mode-yt {width: 100vw; height: 100vh; max-height: 706px}

/*
formatowanie hiperlaczy

*/
.short-tags > div > a {color: #000 !important }
.short-tags > div:hover {background-color: var(--primary-color); border-color: var(--primary-color); cursor: pointer; }
.short-tags > div:hover > a {color: #fff !important ; border-bottom: 0px !important ;  text-decoration:none;}

.tags a:before {
    content: none !important;
}
.tags a {
    font-size: 13px !important;
    font-weight: 700 !important;
}

.wysiwyg-content .columns div .arrow-deco.h5::before {
    content: '';
    display: inline-flex;
    background-image: url(/_resources/themes/widoczni/images/icons/arrow-right-green.svg);
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin-right: 32px;
}

h3.js-collapse-tabs  {color: #000; text-decoration: none; position: relative; }

/**
    end
*/

select {width: 100%; border: 0px; background-color: #fff ; height: 50px;     padding:0 20px; font-family: "Raleway", sans-serif; font-size: 18px; color: #767676 }

input[name="q"] {text-align: center;}
.change-search-criteria {padding-left: 10px; }
.search-form label {width: 100%; text-align: center;}


.dataTables_wrapper .dataTables_filter input {border: 2px solid #000 !important ; border-radius: 3px !important; padding: 10px !important; margin-bottom: 30px; }
.dataTables_paginate {width: 100% !important; text-align: center !important; padding: 20px 0 !important}
.dataTables_length {display: none !important;}
.dataTables_paginate .paginate_button:hover {color: #000 !important }
.dataTables_paginate .paginate_button {border: 2px solid #000 !important ; border-radius: 3px !important;  font-weight: bold !important; background: none !important; color :#fff !important} 
.dataTables_paginate .current {background-color: var(--primary-color) !important; }

.sorting_desc::after,
.sorting_asc::after {display: none !important;}

table.dataTable thead .sorting_desc, 
table.dataTable thead .sorting_asc {background-size: 10px ;  }

table tr td, 
.data-table tr td {border-bottom: 1px solid #dadada ; }
table tr tr:nth-child(odd), 
.data-table tr:nth-child(odd) {background-color: #f9f9f9}
.data-table th {font-weight: bold !important ; }
.data-table th {font-size: 12px !important ;}
.data-table td {font-size: 16px !important ; padding: 8px 10px !important;  text-align: center;}
.data-table tr:nth-child(even) td.sorting_1 {background-color: #fafafa;}
.data-table tr:nth-child(odd) td.sorting_1 {background-color: #f1f1f1;}
.data-table tr th:nth-child(1),
.data-table tr td:nth-child(1) {font-weight: bold;}
.data-table td p  {padding: 5px 0; margin: 0px; font-size: 12px;}

table:not(.data-table) {margin: 0px auto !important ; max-width: 800px; width: 100%}
table:not(.data-table) tr td {text-align: center}
table:not(.data-table) tr:nth-child(odd) td {background-color: #f9f9f9; padding: 8px; text-align: center}

.section-video-eye {padding-bottom: 100px;}

.mobile-cta i{color: #fff ;}


div#scroll-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height:3px;
    background-color: var(--primary-color);
    z-index: 1000;
  }
  
.collecting-list {background-color: #f3f3f3}

.collecting-list div a {background-color: #fff ;  display: block; color: #000}
.collecting-list div a:after { content: ""; background-image: url(/_resources/themes/widoczni/images/icons/arrow-right-green.svg); display: block; width: 21px;height: 21px;background-repeat: no-repeat; position: absolute; top: 15px ; right: 15px; }


.btn-about-author {margin-top: 30px}

.modal span[data-function="sendrequest"] {border: 3px solid transparent}
.modal span[data-function="sendrequest"]:hover {border: 3px solid #fff !important }

#page-1651 .hero--subpage {height: 50vh;}

#page-7 .sections .section:nth-child(1){ padding-top: 30px; }
#page-7 #section-15646 {margin-top:45px; padding-top: 0 }

.popular-page,
.search-page {padding-top: 100px !important;}

.social-section {position: relative; top: -50px}
.social-section .footer__social-links {display: inline-block !important }


img.leftAlone {float: left ; padding-right: 15px; }
img.center {margin: 0px auto ; display: block;}
img.left {float: left; margin-right: 20px; margin-bottom: 20px;}
img.right  {float: right; margin-left: 20px; margin-bottom: 20px;}


.slick-history-of-cooperation .slick-slide:hover {box-shadow: 10px 10px 10px -5px rgba(67, 86, 100, 0.17); transition: 0.2s; }
.my-container .single-post {padding: 0px}

 
 .sorting_asc::after, 
 .sorting_desc::after {font-family: "FontAwesome"; margin-left: 5px}
.sorting_asc::after {content: "\f062" ; color: green }
.sorting_desc::after {    content: "\f063"; color: red }

.customer-advisers a {color: #000 }

.srJobListJobTitle {text-align: left !important;}

.my-container--about div.about img {width: 100%; max-width: 382px;} 
.my-container--about div.tc-item img {width: 100%; max-width: 585px;}
.my-container--about .tc-item .about__element { padding: 0px; width: 98%;}
.my-container--about .tc-item .about__element .h4 { padding: 0px; width: 100%; margin-top: 0px !important;}

/* .flatpickr-buttons {    display: flex;  padding: 0 10px ;     justify-content: space-between;}
.flatpickr-buttons button {margin: 0 5px; }
.flatpickr-buttons button:first-child {background-color: #000; border: #000;}
select.flatpickr-monthDropdown-months {font-weight: bold !important}
 */

/**
rodo
**/
.disagree-policy {color: #888; border: 0px; }
.modal-rodo {line-height: 28px;}
.modal-rodo {background-color: rgb(0, 0, 0, 0.5);width: 100vw; height: 100vh ; position: fixed; z-index: 10000; top: 0px; left: 0px; display: flex;align-items: center;justify-content: center; }
.rodopolicy {bottom: 0;z-index: 1000;background-color: #fff;padding: 20px;border-top: 1px solid #dadada;max-width: 800px; ;width: 100%; max-height: 100vh; overflow: scroll; overflow-x:hidden; overflow-y:scroll;}
.rodopolicy .col {display: inline-block;}
.rodopolicy .col-content {width: 85%;text-align: justify;padding: 0px; }
.rodopolicy .col-accept a {background-color: #ff5000;color: #fff;position: relative;top: -13px;padding: 20px;font-size: 14px;text-transform: uppercase;font-weight: 700;}

.switch-container .switch {position: relative;display: inline-block;width: 60px;height: 34px;}
.switch-container .switch input { opacity: 0;width: 0;height: 0;}
.switch-container .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s; }
.switch-container .slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.switch-container input:checked + .slider {background-color: var(--primary-color);}
.switch-container input:focus + .slider {box-shadow: 0 0 1px var(--primary-color);}
.switch-container input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.switch-container .slider.round {border-radius: 34px;}
.switch-container .slider.round:before { border-radius: 50%;}

.switch-container  {margin-bottom: 40px; }
.switch-container div {display: inline-block; float: left;}

.sticky-box {border-bottom: 10px solid var(--primary-color) ; background-color: #fafafa; position:  fixed; z-index: 1000 ; height: auto; border-radius: 3px; bottom: 25px;  left: 25px; text-align: center; padding: 20px; border: 1px solid #6e6e6e; box-shadow: 0px 0px 50px 0px #b3b3b3;}
.sticky-box .close-sticky{position: absolute; right: 10px; top: 10px; cursor: pointer;}

.web-tools .options {width: 100%; text-align: left;}
.web-tools .options .row .col {line-height: 30px;}
.web-tools .options .col label {margin-bottom: 0px;}
.web-tools .result-area {word-break: break-word;}
.web-tools .result-area, 
.web-tools .params {position: relative; z-index: 1000;} 

.web-tools .toast {position: relative; margin: 25px 5px;}

.web-tools .form__inputs  p, .web-tools .form__inputs label, .web-tools .form__inputs span, .web-tools .form__inputs strong, .web-tools .form__inputs div {color: #fff }
.web-tools .result-type { text-align: left;}
.web-tools .result {background: rgb(46, 133, 6);border: 1px solid rgb(117, 194, 81); color: #fff;}
.web-tools .form__inputs {background: rgb(55,164,6);  background-color: #000  }
.web-tools .form__inputs button { color: #fff ; font-weight: bold;}
.web-tools .form__inputs label {font-weight: 600; }
.web-tools .lead {text-align: left;}
.web-tools .lead ol li {padding-bottom: 1.9em; line-height: 27px;}
.web-tools .lead ol li::marker {font-size: 30px; padding: 10px;display: block; font-weight: bold;}
.web-tools #emojiDisplay span {font-size: 45px; padding: 10px; display: inline-block;}
.web-tools #emojiDisplay span:hover {box-shadow: 1px 1px 10px 0px #929292;}
.web-tools.keywords-section #wordCloud span { padding: 5px 10px; display: inline-block;}
.web-tools.keywords-section #data-table_wrapper, 
.web-tools.link-counter .result-area {position: sticky; top: 20px; text-align: left;}
.web-tools.link-counter .link-counter-stats {text-align: left;}
.web-tools table {font-size: 15px;}
.web-tools table.status-domain-result {max-width: initial;}
.web-tools table.status-domain-result td,
.web-tools table.status-domain-result th { padding: 12px !important;}
.web-tools .begin-domain-result { font-weight: bold; text-align: left !important;     background-color: #888888 !important; color: #fff }
.web-tools table.status-domain-result {display: none;}
.web-tools table.status-domain-result thead tr th {background-color: #000 !important; color: #fff;}
.web-tools .browser-size-result {text-align: center;padding: 50px;border: 3px solid;background-color: white ;border-radius: 15px;}
.web-tools .test-ssl-result div,
.web-tools .test-whois-result div {text-align: left !important;}
.web-tools .test-ssl-result .result-ssl,
.web-tools .test-whois-result .result-whois {    text-align: left; padding: 10px 0;border-bottom: 1px solid #dadada}
.web-tools .test-ssl-result .result-ssl div:first-child,
.web-tools .test-whois-result div:first-child {font-weight: bold;}
.web-tools .google-reviews-ratings-calc input { background:  transparent; text-align: center; color: #fff; font-size: 46px; font-weight: bold;}

.web-tools #wordCloud {line-height: 40px;}
.web-tools #data-table_wrapper {position: sticky; top: 35px;}

.web-tools.password-generator input#passwordLength {width: 100%;}
.web-tools.password-generator input {text-align: center;}
.web-tools.password-generator .length {text-align: left !important;}
.web-tools.password-generator .length input {width: 25%; text-align: center !important; margin-left: 15px;}
.web-tools.password-generator .length label {margin: 0px; text-align: center; width: 100%; text-align: center !important; display: block;}
.web-tools.password-generator input[type="checkbox"] {accent-color: var(--primary-color); color: #fff ; width: 18px; height: 18px;}
.web-tools.password-generator input[type="text"],
.web-tools.password-generator input[type="number"] { text-align: center !important;}
.web-tools.password-generator button#copyButton {background-color: #fff; border: 0px; padding: 0 20px; cursor: pointer;}
.web-tools .password-form .entropy .form__group     { display: inline-block; max-width: 50%; float: left; text-align: left;}
.web-tools .password-form .entropy {width: 100%;}

.web-tools #LoremCopyButton {border: 1px solid red ; background-color: transparent; border: 0px ; cursor: pointer;}
.web-tools #LoremCopyButton svg path {fill: white;}

.web-tools svg {opacity: 0.4; width: 100%;}
.web-tools .result-type svg {opacity: 1; width: 10%;height: auto; margin-right: 10px;}
.web-tools .result-type .py-3 { display: flex; align-items: center}


.leave-alert-modal {top: 0; left: 0px; width: 100vw;height: 100vh;  position: fixed;background: rgb(0,0,0,0.8);z-index: 1000; display: none; justify-content: center; align-items: center; ;}
.leave-alert-modal .content {font-size: 16px; line-height: 1.6; background-color: #fff; width: 600px;   padding: 50px;border-radius: 15px; position: relative; transition: 0.1s;    display: flex; align-items: center; justify-content: center; }  
.leave-alert-modal .close {cursor: pointer;width: 40px;position: absolute;height: 40px;position: absolute;right: 10px;z-index: 100;top: 10px;}
.leave-alert-modal .container-content {position: relative;}



@media only screen and (min-width: 992px) and (max-width: 1240px) { 
    .content-text-image__image {display: none}
}

@media only screen and (min-width: 1450px) and (max-width: 1650px) {
    nav .nav__container {width: 90%;}
}

@media only screen and (min-width: 1350px) and (max-width: 1371px) {
    nav .nav__menu .nav__link:nth-child(4) {width: 5%;}
}
@media only screen and (min-width: 1350px) {
    nav .nav__menu .nav__link:nth-child(4) .menu__dropdown .dropdown__anchors {width: 100%; display: block; max-width: initial}
    nav .nav__menu .nav__link:nth-child(4) .menu__dropdown .dropdown__anchors a {display: inline-block; width: 45%}
}
@media only screen and (min-width: 1500px) and (max-width: 1622px) {
    nav .nav__menu .nav__link:nth-child(4) {width: 8%; }
    nav.nav--fixed .nav__menu .nav__link:nth-child(4) {width: 5%}
    .nav__link {margin-right: 0}
}

@media only screen and (min-width: 992px)  {
    
    nav.nav .duty-expert { width: 190px; min-width: 190px !important;} 
    .nav__link {margin-right: 18px}
    .posts .border-y:not(:nth-child(3n+2)) a.post__content {border: 0px}
    .posts .border-y:nth-child(3n+2)  a.post__content {border-top: 0px  ; border-bottom: 0px ;}

}
@media only screen and (min-width: 1622px) and (max-width: 1681px) {
    
    .nav__link {margin-right: 18px}
}

@media (max-width: 1340px) {
    .hero--static--homepage,
    .hero--static--homepage picture img {height: initial !important ; min-height: 100%;}        
    .hero--static--homepage picture::before {height: 100% ;}
}
@media (min-width: 910px)  and (max-width: 1185px) {
    .nav.nav--top{top: 100px}
    .nav.nav--fixed {top: 0px}
}

@media (max-width: 1135px) {

    .gallery-images {justify-content: space-evenly;}
    .gallery-images img {width: 100% !important; max-width: 100% !important;}

}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .posts .border-y:not(:nth-child(odd)) a.post__content {border: 0px}
    .posts .border-y:nth-child(odd)  a.post__content {border-top: 0px  ; border-bottom: 0px ; border-left: 0px; } 
}

@media only screen and (max-width: 992px) {
    .section-footer { padding-bottom: 20px ; border: 1px solid transparent}
    .artboard {display: none !important;}
    .top-cta {display: none }
}

.flatpickr-buttons {display: flex; justify-content: right;}
.flatpickr-buttons img.close-picker{cursor: pointer; width: 35px;}
.flatpickr-day, .flatpickr-weekday{font-size: 16px !important;}
.flatpickr-monthDropdown-months {font-weight: bold !important;}
.flatpickr-calendar.pickup-hour-section {max-width: 800px;}
.flatpickr-calendar.pickup-hour-section .flatpickr-innerContainer {max-width: 75%;}
.flatpickr-calendar.hasTime .flatpickr-time {max-height: initial; height: 70%; overflow-x: hidden;padding: 0 20px; width: 25%;}
.flatpickr-time.time24hr .list-of-hour {    overflow: scroll; overflow-x: hidden; padding-right: 20px; max-height: 90%;}
.flatpickr-time.time24hr .list-of-hour  div {border: 1px solid #dadada; margin-bottom: 15px; margin-top: 9px; border-radius: 5px; font-size: 16px;}
.flatpickr-time.time24hr .pickup-hour {font-size: 16px; font-weight: bold; height: 100%;}
.flatpickr-day {width: auto !important; max-width: initial;  height: 84px; line-height: 80px; font-weight: bold;}
.flatpickr-months {height: 70px; position: relative;}
.flatpickr-calendar.open, .flatpickr-calendar.inline {max-height: initial ;}
.list-of-hour > div > span {cursor: pointer;     width: 100%; height: 100%; display: block;}
.list-of-hour > div:hover, .list-of-hour > div.active {background-color: var(--primary-color); color: #fff }
.flatpickr-day.selected  {background-color: var(--primary-color) !important; color: #fff }
.flatpickr-innerContainer {width: 100%; max-width: 600px;}
.flatpickr-days , .flatpickr-rContainer, .dayContainer {width: 100%; max-width: 100%;}
.flatpickr-time.time24hr {     height: 250px;  position: absolute; top: 130px; right: 0px; border: 0px !important}
.flatpickr-time {flex-flow: column; max-height: 350px; }
.flatpickr-time.time24hr .numInputWrapper , .flatpickr-time.time24hr .flatpickr-time-separator {display: none;}
.flatpickr-next-month svg path, .flatpickr-prev-month svg path {fill: var(--primary-color) !important;      width: 30px; height: 20px;} 
select[name="ContactTime"] {width: 100%; padding: 0 0 0 20px;}
input[name="ContactTerm"] {padding: 0 0 0 10px; color: #616161;     background: url(/themes/widoczni/images/icons/calendar.svg) #fff; background-repeat: no-repeat; background-size: 8%; background-position: 95% 18px;}

@media only screen and (min-width: 992px) {
    #f_cta {display: none }

    .flatpickr-calendar {width: 100%;max-width: 600px; } 
    
}

@media (max-width: 991px) {

    .flatpickr-calendar.animate.open {
        width: 100%;
        left: 0px !important
    }

    .sticky-box {display: none !important;}
    h1, .h1 {
        font-size: 35px;
    }

    h2, .h2, .section-title {
        font-size: 28px;
    }

    h3, .h3  {
        font-size: 21px;
        font-weight: 600;
    }

    .h4 {
        font-size: 21px;
    }

    .section--secondary .content__image, 
    .black-two-col .content__image {display: none;}

    .hero--subpage .hero__headers h1.title,
    .hero--subpage .hero__headers h2.title,
    .hero--subpage .hero__headers h3.title,
    .hero--subpage .hero__headers span.title
    {
        font-size: 35px;
    }
    .partner-widgets { justify-content: center;}
}

@media (max-width: 640px) { 

    .leave-alert-modal .content {width: 100vw;}


    .sticky-box {bottom: 0px; left: 0px; width: 100vw; border-radius: 0px; border-bottom: 0px ; border-top: 10px solid var(--primary-color) ; }

    .rodopolicy .col-accept,
    .rodopolicy .col-content {
        width: 100%;
        max-height: 220px;
        overflow: scroll;
        overflow-x: hidden;
    }
    .rodopolicy .col-accept {
        padding-top: 50px;
    }
    .rodo-options {
        flex-direction: column-reverse;
    }
    .rodo-options button.btn {
        margin: 10px 0 ;
        padding: 18px 5px 17px;
    }


    .flatpickr-day { height: 50px; line-height: 45px;}
    .flatpickr-calendar.hasTime .flatpickr-time  {height: 60%}

}

@media (min-width: 575px) {

    h1.h3,
    h2.h3,
    h3.h3 {font-size: 40px; font-weight: 600; line-height: 1.25;letter-spacing: -0.6px !important;}

    h3.h5,
    h2.h5 {font-family: Raleway; font-size: 21px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: -0.5px;}

}

@media (max-width: 768px) {

    .posts .border-y a.post__content {border-left: 0px;border-right: 0px; border-top: 0px;}


    .promo-section .arrow {display: none;}
    .flatpickr-calendar.open .flatpickr-months{ display: none !important;}
    .flatpickr-calendar.open .flatpickr-time.time24hr {top: 90px; transition: 0.2s;}
    .pickup-hour-header  {display: flex; flex-flow: column}
    .pickup-hour-header .change-date-on-picker {color: #6d6d6d}
    .pickup-hour-header span.change-date-on-picker:after {
        content: 'zmień';
        font-size: 10px;
        color: #888;
        margin-left: 10px;
    }

    body.Blog .posts .post__description {width: 100% }
    .adventures .col-6 {flex: initial !important}
    .submenu-dropdown__anchors {border-right: 0px; ;}

    .flatpickr-calendar.pickup-hour-section  .flatpickr-innerContainer { width: 0px; transition: 0.2s;}
    .flatpickr-calendar.pickup-hour-section  .time24hr { width: 100%; transition: 0.2s;}
}

@media (max-width: 640px) {

    .contact-duty-expert .text-center span {text-align: center; max-width: 90vw;}
    .contact-form__container {display: flex; justify-content: center ; align-items: start; top: 100px;}
    .contact-form__container .form__input--textarea {min-height: 140px;}
    .contact-form__container .label-title,
    .contact-form__container .h5 {display: none;}

    .contact-form__row .form__input--textarea {min-height: 100px ;}
    form[name="sectionContactForm"] .h5 {display: none;}

    .write-for,
    .mobile-hide {display: none;}

    .slick-list p {padding-right: 8px; padding-left: 8px;}

    .slick-history-of-cooperation a .row {margin-bottom: 30px;}

    #breadcrumbs {display: none }
    .flatpickr-calendar.animate.open { top: 80px !important; left: 0px; right: auto; position: fixed !important; max-height: 80vh;}

}

@media (max-width: 575px) {
    
    

    .content__image .corner-description div {bottom: 0px; right: 0px; }
    .content__image .corner-description * {font-size: 21px}
    .hero--subpage .hero__content {margin-top: 15px;}
    .hero.hero--subpage {min-height: 400px}

    .column-mosaic-1 picture, .column-mosaic-2 picture {display: block !important }

    .dataTables_wrapper {overflow: scroll }

    .Blog .post__description {
        display: flex; 
        flex-flow: row wrap;
    }

    .Blog .post .post__heading:nth-child(1)
    {
        flex: 2 ;
    }

    .Blog .post .post__heading {
        order: 3;  
        width: 60%; 
        font-size: 18px; 
        
    }
    .Blog .post .post__labels {
        order: 1;          
        width: 100%; 
    }

    .Blog .post .post__labels .post__label {
        font-size: 10px;
    }

    .Blog .post .post__additional {
        order: 5;
        width: 100% ;
        margin-top: 10px; 
    }    

    .Blog .post .post__image--container {
        width: 30% ;
        margin-left: 10px; 
    }

    .pagination .next, 
    .pagination .prev {display: none }

}

@media only screen and (max-width: 480px) {
    #f_cta .cta-options a { font-size: 0px}
    #f_cta .cta-options a i {font-size: 22px !important }
    .clients__anchor {display: none;}
    select {font-size: 14px;}
}

@media (max-width: 480px) {

    .form__input--textarea, .form__input {font-size: 14px} 
    .rodopolicy .col-accept button {width: 100%;}
    .rodopolicy  {overflow: scroll;}
    
 
}