/****************** start of CSS media *****************/


@media screen and (max-width: 1090px) {
nav.main_menu > ul > li > a {
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
} /* end of @media screen and (max-width: 1090px) */




@media screen and (max-width: 1023px) {
.visual-form-builder li.vfb-left-half, .visual-form-builder li.vfb-right-half {
width: 100% !important;
}
} /* end of @media screen and (max-width: 1023px) */





@media only screen and (max-width: 600px) {
body  div.wrapper  div div div.paspartu_inner div div div.q_slider {
display: none !important;
/*border: 1px solid grey;*/
}

.ikony-01 div.icon_holder span i {
/*display: none;*/
}


.ikony-03 div.icon_holder > img {
width: 34px !important;
}


.ikony-01 div.icon_holder span,
.ikony-02 div.icon_holder span
{
font-size: 3.5em;
}


.ikony-01 div.q_icon_with_title. div.icon_holder {
margin-bottom: 0px;
}

.ikony-01 div.q_icon_with_title div.icon_text_holder div h3 {
font-size: 22px;
}


} /* end of @media only screen and (max-width: 600px) */



@media screen and (max-width: 480px) {
.paspartu_enabled .container_inner, .paspartu_enabled.boxed div.section .section_inner, .paspartu_enabled div.grid_section .section_inner, .paspartu_enabled .full_width .parallax_content, .paspartu_enabled .steps_holder_inner, .paspartu_enabled .carousel-inner .slider_content_outer, .paspartu_enabled nav.content_menu ul, .paspartu_enabled .container_inner nav.content_menu {
width: 380px;
}

.footer_top h2 {
font-size: 27px;
}

#CybotCookiebotDialog {scale: 0.8 !important;}

} /* end of @media screen and (max-width: 480px) */



/****************** end of CSS media *****************/











/****************** test funkcnosti
h1 {color: cyan;}
******************/





html, body, div, p, ul, ol, li, a, h1, h2, h3, h4, h5, h6, * {
font-family: "Open Sans";
}




body {
counter-reset: my-sec-counter;
}


#formular-button {
font-size: 1.25rem;
}




li#item-vfb-103, li#item-vfb-103 label {display: none !important;}


.touch .popup_menu_holder_outer{
display: none;
}

.touch .popup_menu_opened .popup_menu_holder_outer{
display: block;
}

.google_map {
margin: 0;
}


.wpcf7 form.sent .wpcf7-response-output,
.wpcf7-response-output {
color: black !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #dc3232 !important;
}


input#souhlas-02[type="checkbox"]:focus,
input#souhlas-02[type="checkbox"]:disabled,
input#souhlas-02[type="checkbox"]:hover,
input#souhlas-02[type="checkbox"]
{
outline: 0 !important;
-webkit-tap-highlight-color: transparent !important;
-webkit-touch-callout: none !important;
box-shadow:none !important;
user-select: none !important;
pointer-events: none !important;
cursor: not-allowed !important;
cursor: not-drop !important;
filter: invert(10%);
opacity: 0.7;
}


.wpcf7-list-item-label,
.wpcf7-list-item-label:before {
filter: none;
opacity: 1.0;
}




.footer_top {
background: url('/wp-content/themes/bridge/img/footer-background.jpg') no-repeat 0px 0px;
background-size: cover;
padding: 85px 0px 45px 0px;
}

.three_columns>.column2>.column_inner {
text-align: center;
}

.q_progress_bar .progress_title_holder {
font-weight: 400;
letter-spacing: 0px;
}


.footer_top .wpcf7 .column_inner {
padding: 0px;
margin-right: 10px;
}

input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-date, textarea.wpcf7-form-control.wpcf7-textarea {
height: 44px;
border-width: 1px;
border-color: #d5d5d5;
border-radius: 5px;
background-color: #e6e6e6;
}

input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-date, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select, input.wpcf7-form-control.wpcf7-quiz {
font-size: 13px;
font-family: 'Open Sans';
line-height: 15px;
}

input.wpcf7-form-control.wpcf7-submit {
margin-top: 7px;
}


header.sticky .header_bottom {
box-shadow: none;
}

#back_to_top {
bottom: 105px !important;
right: 5px !important;
}

.carousel-inner .slider_content .text .qbutton {
color: #ffffff;
border-width: 1px;
border-color: #ffffff;
background-color: transparent;

}

.carousel-inner .slider_content .text .qbutton:hover{
color: #ffffff;
border-color: #d21151;
background-color: #d21151;
}


.title.title_size_large h1 {
color: #242424;
font-size: 40px;
letter-spacing: 1px;
/* font-weight: 300; */
}

.content .container .container_inner {
padding-top: 90px;
}

.blog_holder article .post_info {
font-size: 12px;
font-weight: 400;
}

.blog_holder article .post_text .date {
display: none;
}

.contact_section .separator, .contact_section .separator.small.right, .contact_section .separator.small.left {
margin-top: 20px;
margin-bottom: 25px;
}

#respond textarea, #respond input[type='text'], .contact_form input[type='text'], .contact_form textarea {
/* font-family: "Open Sans"; */
color: #969696;
font-size: 14px;
line-height: 20px;
}

.page-template-blog-small-image .blog_holder article h2 a {
font-size: 27px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1;
line-height: 30px;
}




.blok-kontakt-1 .q_icon_with_title .icon_with_title_link {
color: #6fc6d1;
font-size: 1.7rem;
}




.footer_top a, .footer_top p, .footer_top span, .footer_top {
align: center;
}



.footer_top .column_inner > div h2, .footer_top .column_inner > div h3, .footer_top .column_inner > div h4, .footer_top .column_inner > div h5, .footer_top .column_inner > div h6 {
color: red;
}





body, div, p, table, td, tr td, ul li, ul, li, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .footer_top a, .footer_top p, .footer_top span, .footer_top, .footer_top .column_inner > div h2, .footer_top .column_inner > div h3, .footer_top .column_inner > div h4, .footer_top .column_inner > div h5, .footer_top .column_inner > div h6 {
/* font-family: "Open Sans", sans-serif;
color: magenta;
color: #4a4a4a; */
}


h4 {
text-align: center
}



a, h4 a {
color: #33C6C8;
}

a:hover, h4 a:hover {
color: black;
}



h4.h4scislovanim::before {
counter-increment: my-sec-counter;
content: counter(my-sec-counter) ". ";
font-size: 24px;
font-weight: 800;
color: #6fc6d1;
}


div.wbp_text_column.wbp_content_element, .wbp_wrapper p, .wbp_wrapper {
color: pink;
text-align: right;
align: right;
}



.velkym {
text-transform: uppercase;
}


nav.main_menu > ul > li > a {
/*  padding: 0 4px; */
}



.separator.small.center {
background-color: #33C6C8 !important;
}



fieldset {
border: 0px solid red !important;
background-color: transparent !important;
}



.skryto {display: none;}

ul, ul li {
    list-style-position: outside;
    list-style-type: square;
}




ol.list-01 li, ul.list-01 li {
margin-bottom: 1.0rem;
}




fieldset.QQQochrana-proti-spamu, .vfb-item-secret {
display: none !important;
}

.visual-form-builder fieldset {
background-color: transparent !important;
}

fieldset {
margin: 0px !important;
padding: 0px !important;
}




.qode_carousels ul li, .qode_carousels ul  {
list-style-type: none;
}

.textwidget, .header-widget {
color: #242424;
}


.carousel-inner .slider_content .slide_anchor_holder .slide_anchor_button {
color:#4f4f4f;
}

.QQQcarousel-inner .slider_content .slide_anchor_holder .slide_anchor_button {
animation: blinker 2s linear infinite;
}





nav.main_menu ul li a:hover {
text-decoration: underline !important;
}

nav.main_menu ul li a.current span {
color: #33C6C8 !important;
}


input.vfb-submit {
background-color: rgb(111, 198, 209);
text-transform: uppercase;
font-size: 17px;
line-height: 14px;
font-weight: 500;
color: white;
font-family: Poppins;
border: 2px solid  rgb(111, 198, 209);
outline: none;
box-shadow: none;
box-sizing: border-box;
cursor: pointer;
padding: 15px 30px 10px;
}

input.vfb-submit:hover {
background-color:  white;
color:  rgb(111, 198, 209);
border: 2px solid  rgb(111, 198, 209);
}

div.vfb-legend {display: none;}


nav.main_menu>ul {
left: -48% !important;
}

a.odkaz-hlavicka
{color: black !important;}

a.odkaz-hlavicka:hover
{color: #33C6C8  !important;}




#CybotCookiebotDialogPoweredbyImage {
    max-height: unset !important;
    width: auto !important;
    max-width: 8rem !important;
}



/* input:focus {
    -moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75) !important;
    box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75) !important;
    -webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75) !important;
    outline: none !important;
    border: 1px solid #71c5d0 !important;
} */

/*
input.vfb-text:focus, input[type="text"].vfb-text:focus, input[type="tel"].vfb-text:focus, input[type="email"].vfb-text:focus, input[type="url"].vfb-text:focus, textarea.vfb-textarea:focus {
    outline: 0 !important;
    outline: thin dotted \9 !important;
    border-color: red !important;
    -webkit-box-shadow: inset 0 1px 1px blue,0 0 8px lime !important;
    -moz-box-shadow: inset 0 1px 1px blue,0 0 8px lime !important;
    box-shadow: inset 0 1px 1px blue,0 0 8px lime !important;
} */




.carousel-inner .slider_content .slide_anchor_holder .slide_anchor_button {
  display: block;
  width: 31px;
  height: 48px;
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -15.5px;
  -webkit-animation: scroller 1.7s infinite;
  -o-animation: scroller 1.7s infinite;
  -moz-animation: scroller 1.7s infinite;
  animation: scroller 1.7s infinite;
  /* background: url(../images/scroller.png) center center no-repeat; */
}

@-webkit-keyframes scroller {
  0% {
    bottom: 40px;
  }
  30% {
    bottom: 20px;
  }
  100% {
    bottom: 40px;
  }
}

@-moz-keyframes scroller {
  0% {
    bottom: 40px;
  }
  30% {
    bottom: 20px;
  }
  100% {
    bottom: 40px;
  }
}

@-o-keyframes scroller {
  0% {
    bottom: 40px;
  }
  30% {
    bottom: 20px;
  }
  100% {
    bottom: 40px;
  }
}

@keyframes scroller {
  0% {
    bottom: 40px;
  }
  30% {
    bottom: 20px;
  }
  100% {
    bottom: 40px;
  }



.blink {
 animation: blink-animation 1s steps(5, start) infinite;
 -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
  to {visibility: hidden;}
}

@-webkit-keyframes blink-animation {
  to {visibility: hidden;}
}




