/* --- GENERAL --- */

html,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-size: 14px;
    color: #5d7595;
    font-family: 'Poppins', sans-serif;
}

.wrapper {
    max-width: 1180px;
    margin: 0 auto;
}

.wrapper::after {
    content: '';
    clear: both;
    display: block;
}

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.woff);
}

a:focus,
a:hover {
    color: #f99e33;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.grecaptcha-badge {
    z-index: 9 !important;
}

.et_divi_builder #et_builder_outer_content .et_pb_row {
    max-width: 1180px !important;
}

.et_divi_builder #et_builder_outer_content .et_pb_text ul,
.et_divi_builder #et_builder_outer_content .et_pb_text ol {
    padding-bottom: 0 !important;
}

.backButton.Left {
    display: none;
    padding: 10px 20px !important;
    background-color: #adaaa1 !important;
    border-right: 4px solid #f99e33 !important;
}


/*

.home .backButton{

display:none !important;

}

*/

.backButton.transition {
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    -moz-transition: 1s ease;
}

.backButton.Right {
    text-align: right;
    position: fixed;
    bottom: 50%;
    right: -250px;
    background: #F1F1F1;
    border-left: 3px solid #CECECE;
    text-align: center;
    padding: 5px 15px;
    z-index: 10000;
}

.backButton.Left {
    text-align: left;
    position: fixed;
    bottom: 50%;
    left: 0;
    background: #F1F1F1;
    border-right: 3px solid #CECECE;
    text-align: center;
    padding: 5px 15px;
    z-index: 10000;
    border: 0;
}

.backButton.Right a:before {
    content: "<";
    margin-right: 10px;
    font-family: 'Cabin';
    font-weight: 700;
    color: #CECECE;
    text-shadow: 0px 1px #fff, 0px -1px #7B7B7B;
}

.backButton.Left:before {
    content: "<";
    margin-right: 10px;
    font-family: 'Cabin';
    font-weight: 700;
    color: #5d7595;
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    -moz-transition: 1s ease;
}

.backButton.Left input {
    background: transparent;
    border: 0;
    cursor: pointer;
}

.backButton.Left {
    cursor: pointer;
}

.backButton.Left:hover a {
    color: #f99e33;
}

.backButton.Left:hover:before {
    color: #f99e33;
}

.backButton.Left:hover a {
    color: #f99e33;
}

.backButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd-BdCn20', 'PT Sans Narrow';
    /*    font-size: 1.5em;*/
    font-weight: 700;
    text-decoration: none !important;
}

.backButton:hover {
    text-decoration: none !important;
    color: #f99e33;
}


/*WIDGET*/

.backbutton-widget a {
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd-BdCn20', 'PT Sans Narrow';
    font-size: 1.5em;
    font-weight: 700;
    text-decoration: none !important;
}

.backbutton-widget.Right {
    text-align: right;
}

.backbutton-widget.Center {
    text-align: center;
}

.backbutton-widget.Left {
    text-align: left;
}


/*RESOLUTION*/

@media (max-width: 1024px) {
    .backButton a span.texto,
    .backButton a .texto {
        display: none;
    }
}

.texto {
    font-size: 15px !important;
}

.wpcf7 .wpcf7-response-output {
    margin-top: 30px !important;
}

.wpcf7 .form-contact input {
    width: 100% !important;
}

.wpcf7 .form-contact .submit-button input {
    width: auto !important;
}

.wpcf7 .submit-button input {
    padding: 10px 30px !important;
}

.wpcf7 .submit-button {
    padding: 0 0 !important;
}

.wpcf7 .submit-button input {
    background: transparent;
    border: 0;
}

.wpcf7 .optional label {
    font-weight: normal;
}

#zgoda a,
#zgoda-2 a {
    color: #f99e33 !important;
}

#zgoda .wpcf7-form-control.wpcf7-submit {
    background-color: #f99e33 !important;
    color: #fff;
    padding: 10px 20px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

#zgoda .wpcf7-form-control.wpcf7-submit:hover {
    background-color: #838383 !important;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}


/* --- BANER --- */

.et_pb_more_button {
    position: relative !important;
    padding: 10px 100px 10px 40px !important;
    background-color: #3a859d;
    text-decoration: none;
    color: #fff;
    right: 0;
    position: absolute !important;
    font-weight: 400 !important;
}

.et_pb_more_button::after {
    position: absolute;
    right: -20px;
    top: 0px;
    content: '';
    background-image: url("/wp-content/uploads/2017/06/angle-arrow-pointing-to-right-or.png");
    background-repeat: no-repeat;
    background-position: center;
    padding: 6px 10px !important;
    border-radius: 50%;
    background-color: #fff;
    border: 4px solid #f99e33;
    color: #f99e33;
    font-weight: bold;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.4s !important;
    transition: all 0.4s !important;
    -webkit-box-shadow: 0 0 0 4px hsl(0, 0%, 100%);
    box-shadow: 0 0 0 4px hsl(0, 0%, 100%);
}

.et_pb_more_button.et_pb_button.et_pb_custom_button_icon:hover::after {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: all ease-out 0.4s !important;
    transition: all ease-out 0.4s !important;
}


/* ------ MENU ------ */

header {
    position: absolute;
    width: 100%;
    padding-top: 5px;
}

.navbar-logo {
    margin-right: auto;
    z-index: 999;
    max-height: 100px;
}

header .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

nav {
    z-index: 999;
}

.custom-logo {
    width: auto;
    max-height: 75px;
}

nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

nav ul li ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

nav ul li {
    list-style-type: none;
    text-decoration: none;
    position: relative;
}

nav li,
nav .sub-menu li {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

nav li:hover,
nav .sub-menu li:hover {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

nav li:hover a,
nav .sub-menu li:hover a {
    text-decoration: none;
}

nav .sub-menu li:hover {
    background-color: #f99e33;
    color: #fff;
}

nav .sub-menu li a {
    border-right: none;
}

nav ul li:hover>ul {
    height: auto;
    overflow: visible;
}

nav li a {
    text-decoration: none;
    font-size: 16px;
    color: #3a859d;
    padding: 5px 20px;
    line-height: 38px;
    font-weight: 500;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sub-menu li a {
    display: block;
    text-align: center;
    line-height: 1em;
}

.current-menu-item a {
    color: #f99e33;
}

li>ul {
    height: 0;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: auto !important;
    min-width: 100%;
    z-index: 9;
    padding-top: 5px;
}

li ul ul {
    height: 0;
    margin: 0 0 0 98%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 9;
}

.sub-menu li ul li {
    width: 250%;
    background-color: pink;
}

.sub-menu li {
    background-color: rgba(238, 238, 238, 0.8);
    height: auto;
    margin-left: 0;
    position: relative;
    width: 100%;
}

.sub-menu a {
    text-decoration: none;
    padding: 10px 15px;
    color: #3a859d;
}

.open {
    -webkit-transition: 1s;
    transition: 1s;
}


/* SEKCJA Cyberbezpieczeństwo */

.tiles .et_overlay:before {
    display: none !important;
}

.et_divi_builder #et_builder_outer_content .et_pb_with_background .et_pb_row {
    width: 100% !important;
}

.tiles .et_pb_image {
    -webkit-box-shadow: 5px 0 6px -2px #444 !important;
    box-shadow: 5px 0 6px -2px #444 !important;
}

.tiles .et_pb_text {
    -webkit-box-shadow: 3px 0 6px #444 !important;
    box-shadow: 3px 0 6px #444 !important;
}

.tiles .et_pb_image_wrap>img {
    width: 100% !important;
}

.tiles h3 {
    font-size: 18px !important;
    font-weight: normal !important;
}

.page h1 {
    font-size: 30px;
}


/* --- BUTTONS --- */

.button {
    position: relative !important;
    padding: 10px 70px 10px 40px !important;
    background-color: #f99e33;
    text-decoration: none;
    color: #fff;
    left: 0;
    position: absolute !important;
    font-weight: 400 !important;
}

.button::after {
    position: absolute;
    right: -20px;
    top: 0px;
    content: '';
    background-image: url("/wp-content/uploads/2017/06/angle-arrow-pointing-to-right.png");
    background-repeat: no-repeat;
    background-position: center;
    padding: 7px 12px !important;
    border-radius: 50%;
    font-weight: bold;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.4s !important;
    transition: all 0.4s !important;
}

.button:hover::after {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: all ease-out 0.4s !important;
    transition: all ease-out 0.4s !important;
}

.button-orange-blue {
    background-color: #f99e33 !important;
    margin-top: 10px !important;
    font-weight: 400 !important;
}

.button-orange-blue::after {
    background-color: #3a859d;
    border: 4px solid #f99e33;
    color: #f99e33;
    content: '';
    background-image: url("/wp-content/uploads/2017/06/angle-arrow-pointing-to-right-or.png");
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 0 0 4px hsl(195, 46%, 42%);
    box-shadow: 0 0 0 4px hsl(195, 46%, 42%);
}

.button-blue {
    background-color: #3a859d !important;
    left: 20px !important;
    font-weight: 400 !important;
}

.button-blue::after {
    background-color: #fff;
    border: 4px solid #3a859d;
    color: #3a859d !important;
    -webkit-box-shadow: 0 0 0 4px hsl(255, 100%, 100%);
    box-shadow: 0 0 0 4px hsl(255, 100%, 100%);
}

.et-db #et-boc .et_pb_posts article a.more-link,
.et-db #et-boc #section-webinary .et_pb_posts article a.more-link,
.et-db #et-boc #section-news .et_pb_posts article a.more-link,
.et-db #et-boc .et_pb_blog_grid article a.more-link,
.et-db #et-boc #section-news .et_pb_blog_grid article a.more-link,
.et-db #et-boc #section-webinary .et_pb_blog_grid article a.more-link {
    position: relative !important;
    display: inline-block !important;
    padding: 10px 50px 10px 40px !important;
    background-color: #F99E33 !important;
    text-decoration: none !important;
    color: #fff !important;
    margin-top: 10px !important;
    left: 81% !important;
    -webkit-transform: translateX(-81%) !important;
    transform: translateX(-81%);
    line-height: 2rem !important;
    font-weight: 400 !important;
}

.more-link::after {
    position: absolute;
    right: -20px;
    top: 0px;
    content: '';
    background-image: url("/wp-content/uploads/2017/06/angle-arrow-pointing-to-right-or.png");
    background-position: center;
    background-repeat: no-repeat;
    padding: 18px;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #F99E33;
    color: #F99E33;
    font-weight: bold;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-shadow: 0 0 0 4px hsl(0, 0%, 100%);
    box-shadow: 0 0 0 4px hsl(0, 0%, 100%);
}

.more-link:hover::after {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: all ease-out 0.4s;
    transition: all ease-out 0.4s;
}


/* --- SEKCJA 4 boxy --- */

.small-icons .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    padding: 10px 0 10px 10px !important;
    width: 100%;
    min-height: 100px;
    cursor: pointer;
    color: #306374;
    background-image: url("/wp-content/uploads/2017/11/arrow.png") !important;
    background-repeat: no-repeat !important;
    background-position: center 80px !important;
    z-index: 9999 !important;
}

.small-icons .title:hover {
    background-image: none !important;
}

.et_divi_builder #et_builder_outer_content .small-icons .title p {
    text-align: center !important;
    font-size: 16px;
    font-weight: 500;
}

.small-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1180px;
    margin: 0 auto;
    min-height: 120px;
    position: relative !important;
}

.small-icons .title p {
    text-align: center;
    padding-left: 10px !important;
}

.analizujemy,
.wspieramy,
.szkolimy,
.tworzymy {
    position: relative !important;
    overflow: hidden !important;
}

.analizujemy:hover,
.wspieramy:hover,
.szkolimy:hover,
.tworzymy:hover {
    overflow: visible !important;
}

.small-icons ul {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    margin: 0 0 !important;
    padding: 0 0 !important;
    background-color: transparent !important;
    color: transparent!important;
    padding: 10px 10px 10px 30px !important;
    position: absolute !important;
    top: 0% !important;
    left: 0;
    -webkit-transition: all 1s !important;
    transition: all 1s !important;
    width: 100% !important;
    font-size: 13px !important;
    z-index: 99999;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all 1.2s !important;
    transition: all 1.2s !important;
}

.small-icons ul li {
    list-style: outside none none !important;
    list-style-image: url("/wp-content/uploads/2017/11/tick.png") !important;
}

.analizujemy:hover>ul,
.tworzymy:hover>ul,
.szkolimy:hover>ul,
.wspieramy:hover>ul {
    top: 100% !important;
    background-color: #306374 !important;
    color: #fff !important;
    opacity: 1;
}

.analizujemy:hover .title,
.tworzymy:hover .title,
.szkolimy:hover .title,
.wspieramy:hover .title {
    border: 2px solid #306374 !important;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

.analizujemy,
.tworzymy,
.szkolimy,
.wspieramy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25%;
}

.small-icons .hover {
    display: none !important;
}

.small-icons .visible {
    display: block !important;
}

.analizujemy:hover .hover,
.tworzymy:hover .hover,
.szkolimy:hover .hover,
.wspieramy:hover .hover {
    display: block !important;
}

.analizujemy:hover .visible,
.tworzymy:hover .visible,
.szkolimy:hover .visible,
.wspieramy:hover .visible {
    display: none !important;
}


/* --- LICZNIKI --- */

.counter1 .percent-value,
.counter3 .percent-value {
    color: transparent !important;
}

.counter1 .percent-value::after,
.counter3 .percent-value::after {
    color: #306374 !important;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.counter1 .percent-value::after {
    content: "47";
}

.counter3 .percent-value::after {
    content: "136";
}


/* --- LOGOTYPY --- */

.lcs_logo_link>img {
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
    opacity: 0.7;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
    display: block !important;
    margin: 0 auto !important;
}

.lcs_logo_link>img:hover {
    -webkit-filter: grayscale(0) !important;
    filter: grayscale(0) !important;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
    opacity: 1;
}

.lcs_logo_container {
    padding: 0 20px !important;
}

.owl-carousel .owl-item img {
    width: inherit !important;
}


/* --- SEKCJA 3 BOXY --- */

.o-nas,
.aktualnosci {
    border: 1px solid #3a859d !important;
}

.o-nas,
.aktualnosci,
.dane-kontaktowe {
    height: 361px !important;
    overflow: hidden;
}

#et_builder_outer_content .dane-kontaktowe p {
    padding-bottom: 0.8em;
}

.aktualnosci .post-content {
    margin-top: 25px !important;
}

.aktualnosci .post-content p {
    font-size: 13px;
    color: #4d4e4e;
}

.dane-kontaktowe a:hover {
    color: #f99e33 !important;
}

.et_pb_column.et_pb_column_1_3.dane-kontaktowe,
.o-firmie .et_pb_text.et_pb_module.et_pb_bg_layout_dark.et_pb_text_7,
.kontakt .et_pb_text.et_pb_module.et_pb_bg_layout_dark {
    outline: 1px solid #fff !important;
    outline-offset: -10px !important;
}


/* podstrona CYBERBEZPIECZEŃTWO */

.pasek-mail a:hover {
    color: #f99e33 !important;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.cyber-boxy .et-pb-icon {
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.cyber-boxy h3 {
    color: #306374 !important;
}

.cyber-boxy .et-pb-icon:hover {
    background-color: #306374 !important;
    color: #fff !important;
    border-color: #306374 !important;
}

.page .backButton {
    display: none !important;
}


/* --- O firmie --- */

.o-firmie ul {
    margin-left: 0 !important;
}

.o-firmie ul li {
    background-image: url("/wp-content/uploads/2017/06/bullet.png") !important;
    background-position: left 4px !important;
    list-style: none !important;
    background-repeat: no-repeat !important;
    padding-left: 15px !important;
    margin-bottom: 20px !important;
}

.o-firmie ul.timeline li {
    background-image: none !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.et_divi_builder #et_builder_outer_content .timeline-column .et_pb_code_0 {
    max-height: 1300px !important;
}

#et_builder_outer_content .strategiczni p {
    padding-bottom: 0.7em;
}

#et_builder_outer_content .strategiczni a:hover,
#et_builder_outer_content .kontakt a:hover {
    color: #f99e33 !important;
    -webkit-transition: all 0.2s !important;
    transition: all 0.2s !important;
}

.strategiczni img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.7;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.strategiczni img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.et_pb_contact_main_title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 110px;
    background-color: #f99e33;
}


/* Aktualności */

.home .entry-featured-image-url>img {
    max-height: 100%;
    width: auto;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.home article .post-content {
    margin-top: 0 !important;
}

.home article .entry-title {
    padding-top: 10px !important;
}

.et_pb_blog_grid article h2.entry-title a {
    color: #3a859d !important;
}

.et_pb_blog_grid article .published {
    color: #f99e33 !important;
}

form .red {
    color: #fe0000 !important;
}

.wpcf7-form label,
.wpcf7-form textarea {
    width: 100% !important;
}

.wpcf7-form textarea {
    border: 1px solid #bbb !important;
    height: 100px;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    margin-top: 20px !important;
}

input::-webkit-input-placeholder {
    font-size: 15px;
}

input:-ms-input-placeholder {
    font-size: 15px;
}

input::placeholder {
    font-size: 15px;
}

.wpcf7-form-control-wrap.Szkolenie {
    font-size: 15px;
}

.Szkolenie .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 140% !important;
}

.single-post header {
    position: static;
}

.et_divi_builder #et_builder_outer_content .timeline-column .et_pb_code_0:hover {
    overflow-y: scroll;
}

span.wpcf7-not-valid-tip {
    color: orange !important;
}


/* ------ FOOTER ------ */


/* przycisk */

footer #text-5 a,
.submit-button {
    position: relative;
    padding: 7px 50px 7px 40px !important;
    background-color: #3a859d !important;
    text-decoration: none;
    color: #fff !important;
    top: 20px;
    font-weight: 400 !important;
}

.submit-button {
    display: inline-block;
    cursor: pointer;
}

footer #text-5 a::after,
.submit-button::after {
    position: absolute;
    right: -20px;
    top: 0px;
    content: '';
    background-image: url("/wp-content/uploads/2017/06/angle-arrow-pointing-to-right.png");
    background-repeat: no-repeat;
    background-position: center;
    padding: 16px;
    border-radius: 50%;
    background-color: #EBEBEB;
    border: 3px solid #3a859d;
    color: #3a859d;
    font-weight: bold;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-shadow: 0 0 0 4px hsl(0, 0%, 99%);
    box-shadow: 0 0 0 4px hsl(0, 0%, 99%);
}

footer #text-5 a:hover::after,
.submit-button:hover::after {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: all ease-out 0.4s;
    transition: all ease-out 0.4s;
}


/* ================ The Timeline ================ */

.timeline {
    position: relative !important;
    width: 345px !important;
    margin: 0 auto !important;
    margin-top: 20px !important;
    padding: 1em 0;
    list-style-type: none !important;
}

.timeline:before {
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    content: ' ';
    display: block !important;
    width: 6px !important;
    height: 100% !important;
    margin-left: -3px !important;
    background: #f99e33;
    z-index: 5;
}

.timeline li {
    padding: 1em 0;
}

.timeline li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.timeline .direction-l {
    position: relative !important;
    width: 145px !important;
    float: left !important;
    text-align: right !important;
}

.timeline .direction-r {
    position: relative !important;
    width: 145px !important;
    float: right !important;
}

.timeline .flag-wrapper {
    position: relative !important;
    display: inline-block !important;
    text-align: center !important;
    margin-bottom: 10px !important;
}

.timeline .flag {
    position: relative !important;
    display: inline !important;
    background: rgb(248, 248, 248);
    padding: 6px !important;
    border-radius: 5px !important;
    font-weight: 500;
    font-size: 26px;
    color: #306374 !important;
    text-align: left !important;
    font-family: 'Raleway', sans-serif;
}

.timeline .direction-l .flag {
    -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}


/*.timeline .direction-r .flag:before */

.timeline .direction-l .flag:before {
    position: absolute !important;
    top: 50% !important;
    right: -38px !important;
    content: ' ';
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: -10px !important;
    background: #f99e33;
    -webkit-box-shadow: 0 0 1px 10px #f99e33;
    box-shadow: 0 0 1px 10px #f99e33;
    border-radius: 10px !important;
    border: 4px solid #fff !important;
    z-index: 10 !important;
}

.timeline .direction-r .flag:before {
    position: absolute !important;
    top: 50% !important;
    right: -25px !important;
    content: ' ';
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: -10px !important;
    background: #3a859d;
    -webkit-box-shadow: 0 0 1px 10px #3a859d;
    box-shadow: 0 0 1px 10px #3a859d;
    border-radius: 10px !important;
    border: 4px solid #fff !important;
    z-index: 10 !important;
}

.timeline .direction-r .flag:before {
    left: -40px !important;
}

.timeline .time-wrapper {
    display: inline;
    line-height: 1em;
    font-size: 0.66666em;
    color: rgb(250, 80, 80);
    vertical-align: middle;
}

.timeline .direction-l .time-wrapper {
    float: left;
}

.timeline .direction-r .time-wrapper {
    float: right;
}

.timeline .time {
    display: inline-block;
    padding: 4px 6px;
    background: rgb(248, 248, 248);
}

.timeline .desc {
    margin: 1em 0.75em 0 0;
    font-size: 12px;
    color: #4d4e4e !important;
}

.timeline .direction-r .desc {
    margin: 1em 0 0 0.75em;
}

.timeline {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.widget-title {
    margin-bottom: 12px;
    position: relative;
}

.widget-title::after {
    background-color: #f99e33;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 90px;
    z-index: 999;
}

.textwidget>img {
    display: block;
    margin: 0 auto;
    text-align: center;
}

footer a {
    color: #f99e33;
}

footer {
    overflow: hidden;
    color: #306374;
    font-size: 14px;
}

footer .row {
    background-color: #4e849e;
    margin: 0;
}

footer .footer-title h2 {
    font-size: 48px;
    color: #b6df4e;
    text-transform: uppercase;
    font-weight: 600;
}

.footer-title {
    position: relative;
    margin-bottom: 10px;
}

footer .wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
}

footer .footer-title.wrapper {
    padding: 10px 0;
}

footer h5 {
    font-size: 30px;
    padding-bottom: 15px;
    line-height: 23px;
}

footer h3 {
    font-size: 20px;
    padding-bottom: 10px;
}

footer p span {
    float: right;
    clear: right;
    color: #fff;
}

.textwidget>p {
    line-height: 25px;
}

#text-2 .textwidget>p {
    line-height: 30px;
    padding-top: 10px;
}

footer .col-sm-3:first-child {
    width: 30%;
}

footer .col-sm-3 {
    width: 23%;
}

.social-footer>a {
    margin-left: 15px;
}

.social-footer>a:hover {
    opacity: 0.7;
}

footer a {
    color: #306374;
}

footer a:hover {
    text-decoration: none;
}

#pronamic_cookie_holder {
    background: #5d7595 none repeat scroll 0 0 !important;
}

.social-footer img {
    height: 29px;
}


/* ------ PODSTRONY ------ */

.home .wb-title-site {
    display: none;
}

.wb-title-site {
    height: auto;
    text-align: center;
    font-size: 23px;
    color: #3a859d;
    text-transform: uppercase;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0;
    background-color: #eee;
}

.wb-title-site p {
    display: inline-block;
    max-width: 1180px;
    padding: 10px 0;
}

.single-post {
    background-image: url("/wp-content/uploads/2017/05/infrast-bg.jpg");
    background-position: top center;
}

.et_pb_blurb_container a {
    color: #5d7595 !important;
}

.et_pb_blurb_container a:hover {
    color: #b6df4e !important;
}

#wb-single .wp-post-image {
    display: none;
}

.postid-1325 .wb-title-site p {
    max-width: 915px;
}


/* --- FOOTER --- */

.socket-columns {
    border-top: 1px solid #ccc;
    font-size: 14px;
    color: #5d5d5d;
}

.footer-columns .wrapper::after {
    content: '';
    display: block;
    clear: both;
}

.footer-columns {
    padding: 10px 0;
}

.copyrights {
    margin-right: auto;
}

.socket {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #ffffff;
    font-size: 13px;
    font-weight: lighter;
    font-family: 'Lato', sans-serif;
}

footer .wb-logo {
    background-image: url(/wp-content/themes/webtec-theme/images/webtec.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 130px auto;
    width: 200px;
    padding: 10px 0;
}

.copyrights p {
    padding: 10px 0;
}

.webtec {
    position: relative;
}

.webtec::before {
    content: "";
    position: absolute;
    display: block;
    font-size: 12px;
    text-align: center;
    right: 0;
    bottom: 50px;
    padding: 10px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    background-color: #000;
    color: #fff;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    z-index: 9;
    line-height: 20px;
}

.webtec:hover::before {
    content: "Inspirujemy innowacyjną technologią. Skontaktuj się z nami.";
    clip: rect(0 300px 100px 0);
    min-height: 70px;
    overflow: visible;
}

.row.socket-columns {
    background-color: #306374;
}

footer .socket a {
    color: #ffffff;
}


/*STYL DO PROGRES BAR - PASEK PRZEWIJANIA W POZIOMIE*/

progress {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    color: red;
    z-index: 10000;
}

progress::-webkit-progress-bar {
    background-color: transparent;
}

progress::-webkit-progress-value {
    background-color: #3A859D;
}

progress::-moz-progress-bar {
    background-color: #3A859D;
}


/* ------ MEDIA STYLES ------- */

@media screen and (max-width: 1180px) {
    .kontener {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    #zgoda,
    #zgoda-2 {
        padding-left: 15px !important;
        ;
        padding-right: 15px !important;
        ;
    }
}

@media screen and (max-width: 1080px) {
    nav li a {
        line-height: normal;
        padding: 5px 10px;
        display: block;
        text-align: center;
    }
}

@media screen and (max-width: 1004px) {
    .small-icons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .analizujemy,
    .tworzymy,
    .szkolimy,
    .wspieramy {
        width: 90%;
        margin: 20px 0;
    }
}

@media screen and (min-width: 981px) {
    #incident-section .et_pb_image img {
        height: 750px;
        width: 1050px !important;
        max-width: 1100px !important;
    }
    #apps-section .et_pb_image img {
        width: 175% !important;
        max-width: 175% !important;
        margin-top: -160px !important;
    }
    #apps-section .et_pb_main_blurb_image {
        width: 95px !important;
    }
    #apps-section,
    #incident-section {
        overflow: hidden;
    }

    /* lista aktualności - podstrona */
    .et-db #et-boc .et-l .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3,
    .et-db #et-boc .et-l .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 {
        margin-right: 5.49% !important;
    }

    .et-db #et-boc .et-l .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3:nth-child(3n),
    .et-db #et-boc .et-l .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.last_in_row,
    .et-db #et-boc .et-l .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3:nth-child(3n),
    .et-db #et-boc .et-l .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item.last_in_row {
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 990px) {
    footer .socket {
        padding: 0 15px;
    }
    nav li a {
        padding: 5px;
    }
    .button-orange-blue {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 150px;
        top: -30px;
    }
}

@media screen and (max-width: 980px) {
    .tiles .tile-1,
    .tiles .tile-3,
    .tiles .tile-4,
    .tiles .tile-5,
    .tiles .tile-6 {
        max-height: 300px !important;
        overflow: hidden;
    }
    .tiles .tile-5 {
        max-width: 800px;
    }
    .tiles .text-tile-1,
    .tiles .text-tile-6 {
        max-width: 500px;
    }
    .tiles .text-tile-2,
    .tiles .text-tile-5 {
        max-width: 800px;
    }
    .tiles .tile-4 img {
        width: 100% !important;
    }
    .o-nas .et_pb_button_module_wrapper {
        height: 40px;
    }
    .aktualnosci article {
        margin-bottom: 10px !important;
    }
    .o-nas,
    .aktualnosci,
    .dane-kontaktowe {
        height: inherit !important;
        overflow: visible;
    }
    .cyber-sekcja .et_pb_text_0 {
        margin: 0 auto !important;
    }
    .tiles .et_pb_column.et_pb_column_1_4.et_pb_column_11.et_pb_column_single,
    .tiles .et_pb_column.et_pb_column_1_2.et_pb_column_12.et_pb_specialty_column {
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    /* menu new */
    #burger-nav {
        width: 60px;
        height: 45px;
        position: relative;
        margin: 0 auto;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    #burger-nav span {
        display: block;
        position: absolute;
        height: 6px;
        width: 50%;
        background: #202242;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    #burger-nav span:nth-child(even) {
        left: 50%;
        border-radius: 0 9px 9px 0;
    }
    #burger-nav span:nth-child(odd) {
        left: 0px;
        border-radius: 9px 0 0 9px;
    }
    #burger-nav span:nth-child(1),
    #burger-nav span:nth-child(2) {
        top: 0px;
    }
    #burger-nav span:nth-child(3),
    #burger-nav span:nth-child(4) {
        top: 18px;
    }
    #burger-nav span:nth-child(5),
    #burger-nav span:nth-child(6) {
        top: 36px;
    }
    #burger-nav.open span:nth-child(1),
    #burger-nav.open span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #burger-nav.open span:nth-child(2),
    #burger-nav.open span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #burger-nav.open span:nth-child(1) {
        left: 5px;
        top: 7px;
    }
    #burger-nav.open span:nth-child(2) {
        left: calc(50% - 5px);
        top: 7px;
    }
    #burger-nav.open span:nth-child(3) {
        left: -50%;
        opacity: 0;
    }
    #burger-nav.open span:nth-child(4) {
        left: 100%;
        opacity: 0;
    }
    #burger-nav.open span:nth-child(5) {
        left: 5px;
        top: 29px;
    }
    #burger-nav.open span:nth-child(6) {
        left: calc(50% - 5px);
        top: 29px;
    }
}

@media screen and (max-width: 767px) {
    footer .footer-columns .wrapper .footer-column:nth-child(2) .custom-html-widget,
    footer .footer-columns .wrapper .footer-column:nth-child(3) .custom-html-widget {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }
    /* --- style dla menu --- */
    #burger-nav {
        width: 50px;
        height: 50px;
        /* wysokość jak logo */
        /*  background-image: url("../images/burger3.png");

        background-repeat: no-repeat;

        background-position: center right; */
        cursor: pointer;
        margin: 30px 20px 10px 10px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9999;
    }
    .home .custom-logo {
        -webkit-filter: none !important;
        filter: none !important;
    }
    .custom-logo {
        margin: 10px 0;
    }
    nav li a:hover::after,
    nav .current-menu-item a::after {
        content: none;
    }
    header {
        position: static;
    }
    header .menu {
        display: block;
        position: relative;
    }
    nav ul {
        height: 0;
        overflow: hidden;
        display: block;
    }
    nav li a {
        line-height: 30px;
        color: #000;
    }
    header {
        display: block;
        padding-top: 0;
    }
    .sub-menu li ul li {
        width: 100%;
    }
    .sub-menu li {
        width: 100%;
    }
    .custom-logo {
        width: auto;
    }
    .navbar-logo {
        margin-right: auto;
        overflow: visible;
        position: relative;
        width: 70%;
        z-index: 999;
    }
    .open {
        padding-top: 80px;
    }
    nav ul>li:hover>a {
        background-color: #F99E33;
    }
    .sub-menu.open li:hover {
        background-color: #F99E33;
    }
    a:hover,
    a:focus {
        color: #000 !important;
    }
    .et_divi_builder #et_builder_outer_content .timeline-column .et_pb_code_0 {
        overflow: visible !important;
        max-height: 3000px !important;
    }
    nav ul li {
        height: auto;
        padding: 0;
        margin: 10px 0;
    }
    nav li {
        width: 100%;
    }
    nav li a {
        display: block;
        text-align: left;
        padding: 5px 10px;
    }
    nav li:hover,
    nav .sub-menu li:hover {
        text-decoration: none;
    }
    .sub-menu li a {
        padding: 5px;
        text-align: left;
        padding-left: 10px;
        color: #000;
    }
    .open {
        height: auto;
        overflow: visible;
        margin: 0;
        padding: 0;
        width: 100%;
        position: relative;
    }
    .sub-menu.open li {
        padding: 0 0 0 20px;
        text-align: left;
        background-color: inherit;
    }
    /* --- koniec styli dla menu --- */
    .footer-title {
        padding-left: 15px !important;
    }
    footer .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }
    footer .col-sm-3,
    footer .col-sm-3:first-child {
        width: 50%;
    }
    footer .footer-column {
        margin-bottom: 10px;
    }
    footer .footer-column:first-child,
    footer .footer-column:nth-child(2) {
        margin-bottom: 40px;
    }
    .textwidget>p {
        font-size: 13px;
    }
}

@media (max-width: 700px) {
    .et-db #et-boc .et_pb_module a {
        text-align: left;
    }
}

@media screen and (max-width: 480px) {
    .small-icons .et_pb_text {
        text-align: left !important;
        padding-left: 10px !important;
    }
    .info .et_pb_column_2 {
        height: 40px;
    }
    .et_pb_more_button {
        padding: 10px 50px 10px 40px !important;
        right: 25px;
    }
    .copyrights,
    .webtec {
        margin: 0 auto;
    }
    .row.socket-columns {
        padding-bottom: 10px;
    }
    .copyrights p {
        text-align: center;
    }
    .grecaptcha-logo iframe,
    .linkedin,
    .widget-cp-div {
        opacity: 0.7;
    }
    .widget-cp {
        right: -8px;
    }
    .et-db #et-boc #main_top_slider .et_pb_slide_title a,
    .et-db #et-boc #main_top_slider .et_pb_slide_title {
        font-size: 35px !important;
    }
    .et-db #et-boc .kontener .info .et_pb_blurb_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        font-size: 15px !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 390px) {
    footer .col-sm-3,
    footer .col-sm-3:first-child {
        width: 100%;
    }
    footer .footer-column {
        margin-bottom: 35px;
    }
    footer .textwidget,
    footer .widget-title {
        text-align: center;
    }
    footer .widget-title::after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}


/* Obramowanie informacji wysłania formularza Webinary */

.wpcf7-response-output {
    border: 1px solid orange !important;
    color: #306374 !important;
    padding: 20px !important;
    margin-bottom: 30px !important;
}


/* Obramowanie checkbox formularza DIVI /kontakt/ */

.et_pb_contact_field_checkbox i {
    border: 2px solid #306374;
}

.widget-cp {
    position: fixed;
    right: 0px;
    top: 490px;
    width: 159px;
    height: 74px;
    z-index: 9;
}

.widget-cp-div {
    background-image: url('../images/CENTRUM_PREFERENCJI.jpg');
    background-position: center;
    background-size: 159px 74px;
    background-repeat: no-repeat;
    width: 159px;
    height: 74px;
}

.linkedin {
    background-image: url('../images/linkedin.png');
    background-position: center;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    margin-top: 5px;
    position: relative;
    right: -100px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.linkedin:hover {
    opacity: 0.8;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.page-id-2020 .widget-cp {
    display: none;
}


/* Łukasz - poprawki sugerowane przez Google dla mobile*/

@media (max-width: 1004px) {}

@media (max-width: 767px) {
    #cet-boc {
        overflow: hidden;
    }
    .sub-menu.open li {
        margin: 1rem 0;
    }
           
    .widget-cp{
        display: none;
    }
    .widget-cp-div {
        margin-bottom: 2rem !important;
    }
    #main_top_slider .et_pb_button_wrapper {
        margin-top: 3rem;
    }
    .small-icons .title {
        cursor: default;
        z-index: 9995 !important;
        padding-left: 0 !important;
    }
    .small-icons ul {
        cursor: default;
        z-index: 9999;
    }
    #main_page_orange_btn {
        margin-top: 6rem !important;
    }
    .tiles.kontener {
        margin: 5rem 0 !important;
    }
    .tiles.kontener .et_pb_row_inner_0 {
        margin-bottom: 4rem !important;
    }
    .aktualnosci article a {
        margin: 3rem 0 !important;
    }
    .aktualnosci article a.more-link {
        margin-top: 5rem !important;
        margin-bottom: 0 !important;
    }
    .aktualnosci article p {
        margin-bottom: 5rem !important;
    }
    .footer-columns a {
        display: inline-block;
        margin-bottom: 1rem !important;
    }
    .footer-columns .col-sm-3 a {
        display: inline-block;
        margin-top: 2rem;
    }
    .footer-columns .col-sm-3 .mail-link {
        margin-top: 1rem;
    }
    .kontener .et_pb_button_module_wrapper.et_pb_button_0_wrapper.et_pb_button_alignment_left.et_pb_module {
        margin-top: 0 !important;
    }
    .et-db #et-boc .et_pb_button_module_wrapper.et_pb_button_alignment_left {
        margin-top: 0 !important;
    }
    .page-id-75 #et_builder_outer_content .et_pb_blog_grid article a.more-link {
        margin-top: 4rem !important;
    }
    .page-id-75 .et-db #et-boc .et_pb_has_overlay.et_pb_post .et_pb_image_container a {
        margin-bottom: 4rem;
    }
    .page-id-77 #et_builder_outer_content .et_pb_blog_grid article a.more-link {
        margin-top: 4rem !important;
    }
    .page-id-77 .et-db #et-boc .et_pb_post .entry-title a,
    .et-db #et-boc .et_pb_post h2 a {
        display: block;
        margin-bottom: 4rem !important;
    }
    .et_divi_builder #et_builder_outer_content .timeline-column .et_pb_code_0 {
        max-height: unset !important;
    }
    .et_divi_builder #et_builder_outer_content .strategiczni .et_pb_module {
        margin-top: 5rem !important;
    }
    .page-id-81 .et_pb_row.et_pb_row_2.kontakt.et_pb_gutters2 {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex !important;
        -ms-flex-flow: column wrap;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-flow: column wrap !important;
    }
    .page-id-81 .et_pb_row.et_pb_row_2.kontakt.et_pb_gutters2 .et_pb_button_0_wrapper {
        text-align: center !important;
        margin-top: 4rem !important;
    }
    .page-id-681 .kontener {
        padding: 0 !important;
    }
    .page-id-681 .kontener .et_pb_row.et_pb_row_0 {
        padding: 0 !important;
        margin-bottom: 6rem !important;
    }
    .page-id-681 .et-db#et-boc .et_pb_text_1 {
        margin: 0 auto !important;
        margin-left: auto !important;
    }
    .page-id-681 #et-boc .et_pb_section.et_pb_section_1 {
        display: block;
        width: 100%;
        padding: 0 2rem;
        text-align: center;
    }
    #middle-text-fix {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #et-boc .et_pb_section {
        padding: 1rem 2rem !important;
    }
    footer {
        display: block;
        width: 100%;
    }
    .page-id-681 #et-boc .et_pb_row_3-4_1-4 {
        margin-bottom: 4rem !important;
    }
    .page-id-681 #et-boc .et_pb_section_1 {
        margin-top: 10rem !important;
    }
    .backButton.Left {
        padding: 0 !important;
        width: 60px;
        height: 40px;
    }
    .backButton a {
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .page-id-231 #et-boc .et_pb_column_7 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .page-id-231 #et-boc .et_pb_column_7 .text-tile-1 {
        width: 100%;
    }
    .page-id-231 .et_pb_slide_title {
        text-align: left !important;
    }
    .page-id-231 .et_pb_slide_content p {
        text-align: left !important;
    }
    .page-id-231 .et_pb_slide_description .et_pb_more_button {
        left: 0 !important;
        right: auto !important;
    }
}

@media (max-width: 400px) {
    .timeline {
        padding: 0 40px;
        width: auto !important;
    }
    .timeline .direction-l {
        float: left !important;
        margin-left: 19% !important;
        text-align: left !important;
    }
    .timeline .direction-r {
        float: left !important;
        margin-left: 19% !important;
    }
    .timeline:before {
        left: 10% !important;
    }
    .timeline .desc {
        text-align: left !important;
    }
    .timeline .direction-l .flag:before {
        left: -40px !important;
        right: auto;
    }
    .timeline li {
        margin: 3rem 0 !important;
    }
    .timeline-column {}
    .page-id-681 #et-boc .et_pb_blurb_position_left .et_pb_main_blurb_image {
        display: block !important;
        width: 100% !important;
    }
    .page-id-681 #et-boc .et_pb_blurb_position_left .et_pb_main_blurb_image .et_pb_image_wrap {
        width: 100% !important;
        text-align: center;
    }
    .page-id-681 #et-boc .et_pb_blurb_position_left .et_pb_main_blurb_image .et-pb-icon {
        display: inline-block !important;
        margin: auto !important;
    }
}

@media (max-width: 460px) {
    .et-db #et-boc .tiles.kontener .et_pb_module.et_pb_text {
        width: 100%;
    }
}

.timeline-kod:hover {
    overflow-y: auto !important;
}

.timeline-kod {
    max-height: 1400px;
}

.et-db #et-boc #contact-section-margin {
    margin-bottom: 14rem !important;
}

.et-db #et-boc #contact-info {
    margin-top: 68px !important;
}

@media (max-width: 980px) {
    .page-id-81 #et-boc .et_pb_row_6 {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .page-id-81 #et-boc .et_pb_row_6 .et_pb_column div {
        text-align: center !important;
    }
    .et-db #et-boc #contact-section-margin {
        margin-bottom: 5rem !important;
    }
}

.et-db #et-boc .kontakt .contact-btn {
    border: 0 !important;
    background: transparent;
    color: #f99e33 !important;
    border-color: #f99e33 !important;
    font-size: 16px !important;
    padding: 10px !important;
    font-weight: 800 !important;
    border: 1px solid #f99e33 !important;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.et-db #et-boc #zgoda-2 #sum-module h3 {
    text-align: left !important;
}

.et-db #et-boc .kontakt .contact-btn:hover {
    color: #f99e33 !important;
    border-color: #f99e33 !important;
    background: transparent !important;
    padding: 10px !important;
    border-color: #3a859d !important;
    border: 1px solid #3a859d !important;
}

.et-db #et-boc .kontakt .contact-btn:after {
    opacity: 0 !important;
}

.et-db #et-boc #main-page-blog-module .entry-featured-image-url {
    max-height: 165px;
    overflow: hidden;
}

body.page-id-81 .grecaptcha-badge,
body.page-id-2269 .grecaptcha-badge {
    bottom: 115px !important;
}

@media (max-width: 400px) {
    .et-db #et-boc form input {
        max-width: 100%;
    }
}

.et-db #et-boc .et-l .et_pb_button {
    padding-bottom: .3em !important;
}

.a-blueliv {
	font-size: 26px !important;
	color: #222 !important;
	transition: 0.5s ease !important;
}

.a-blueliv:hover {
	color: #f99e33 !important;
}

.a-botrx {
	font-size: 26px !important;
	color: #222 !important;
	transition: 0.5s ease !important;
}

.a-botrx:hover {
	color: #f99e33 !important;
}