/*
Theme Name: Novavisio
Text Domain: novavisio
Template: Divi
Version: 1.20
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/



/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/



/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*---- TYPOGRAPHY ------------------*/
    
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-italic-webfont.woff2') format('woff2'),
         url('fonts/montserrat-italic-webfont.woff') format('woff'),
         url('fonts/montserrat-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}




@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bolditalic-webfont.woff') format('woff'),
         url('fonts/montserrat-bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}
/*------------------------------------*/

#obchodni-podminky ol { counter-reset: item }
#obchodni-podminky li{ display: block }
#obchodni-podminky li:before { content: counters(item, ".") " "; counter-increment: item }


/*------------------------------------*\
	WOOCOMMERCE
\*------------------------------------*/

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 52px;
}

.select2-container .select2-selection--single {
    height: 52px;   
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52px;
}

#order_review_heading {
    margin-top: 35px;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:981px) {

 
}

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

 
}

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

}

@media only screen and (min-width:981px) {

 
}


/*------------------------------------*\
    MISC
\*------------------------------------*/


/* Menu jmp */
##page-container {
padding-top:109px;
}

..et_pb_section:first-child {
padding-top:109px;
}

..et_pb_section:first-child .et_pb_module:first-child {
padding-top:109px;
}

##main-header {
top:43px;
}

/* Menu */

.et_pb_menu__menu>nav>ul>li>a {
    padding-top: 31px!important;
    padding-bottom: 5px!important;
}

.menu-item a {
    border-bottom:3px solid white;
    padding-bottom: 3px;
}

.et_pb_menu .et-menu > li {
  padding-left: 5px!important;
}

.et-menu .menu-item-has-children > a:first-child::after {
    padding-top: 20px;
}

.menu-item a:hover {
    border-bottom:3px solid #ebc23a;
    opacity: 1;
}

.menu-item li.current-menu-item>a,
.menu-item li.current-menu-parent>a,
.menu-item li.current-produkty-ancestor>a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-parent a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-produkty-ancestor>a,
li.current-produkty-ancestor>a {
    border-bottom:3px solid #ebc23a;
    font-weight: bold;
}

.menu-item li .menu-item-has-children>a:first-child:after {
content: "\35";
}
 
/* home */
.home .breadcrumb-section {
display: none;
} 
 
/* Headers */

h1,
.headline-underline h2,
.underborder h2 {
font-size: 35px!important;
}

.headline-underline h1 + p,
.underborder h1 + p,
.headline-underline h2 + p,
.underborder h2 + p{
padding-top: 40px;
}

h1, h2, h3, h4, h5, h6 { 
    font-weight: 700;
     position:relative;
     line-height: 1.3em;    
} 

p + h1,p + h2,p + h3,p + h4,p + h5,p + h6,
h2 + h3  { 
   padding-top: 30px;   
}

#main-content .headline-underline h1:before,
.underborder h1:before,
#main-content .headline-underline h2:before,
.underborder h2:before,
cc#main-content h3:before,
cc#main-content h4:before,
cc#main-content h5:before,
cc#main-content h6:before {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 100px;
    border-bottom: 6px solid #ebc23a;
}

#main-content .headline-underline.background-dark h2:before {
    border-bottom: 6px solid black;
}
 
/* p a hover */

.et_pb_text_inner a,
.markyzy-vzornik a {
    position: relative;
}

.et_pb_text_inner a::before,
.et_pb_text_inner a::after,
.markyzy-vzornik a::before,
.markyzy-vzornik a::after{
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ebc23a;
    top: 100%;
    left: 0;
    pointer-events: none;
}

.products .et_pb_text_inner a::before,
.products .et_pb_text_inner a::after {
    height: 5px;
    top: 140%;
}

.products .et_pb_text_inner {
    display: inline-block;
    margin: 0 5px;
}

.products {
    text-align: center!important;
}

.et_pb_text_inner a::before,
.markyzy-vzornik a::before {
    content: '';
    /* show by default */
}

.et_pb_text_inner p a {
    ccfont-family: bely-display, sans-serif;
    cctext-transform: lowercase;
}

.et_pb_text_inner p a::before,
.markyzy-vzornik a::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

.et_pb_text_inner p a:hover::before,
.markyzy-vzornik a:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}   

/* tabs */

.product-tab ul.et_pb_tabs_controls {
 background-color: transparent;
 min-height: 30px !important;
 float: left;
 width: 100%;
 margin-bottom: 2.4vw;
text-align: center;
}

.product-tab ul.et_pb_tabs_controls::after {
  border-top:none;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 30px;
  
}

.product-tab .et_pb_tab {
  padding: 0;
}

.product-tab .et_pb_tabs_controls li {
    border: none;
    display: inline-block;
    float: none;
}   

.product-tab .et_pb_tabs_controls li a {
    border-bottom: 5px solid white;
    display: table;
    padding: 4px 0;
    margin-right: 30px;
    } 
.product-tab .et_pb_tabs_controls li.et_pb_tab_active a {
    border-bottom: 5px solid #ebc23a;
    }   
    
    /*****************************Pixie Call to Action 2**************************************/

.pixie-cta2 .et_pb_newsletter_form {
    text-align: center !important;
}

.pixie-cta2 .et_pb_newsletter_form .et_pb_newsletter_fields{
    display: block !important;
    flex-wrap: unset;
}
.pixie-cta2 .et_pb_newsletter_form p {
    padding: 0 !important;
    width: 25%;
    float: none;
    margin-right: 3%;
    position: relative;
    display: inline-block;
    flex-basis: unset;
}

.pixie-cta2 .et_pb_newsletter_form p:last-of-type {
    width: 13.6% !important;
    margin-right: 0 !important;
}

#page-container .pixie-cta4 .et_pb_newsletter_form p input {
    padding: 16px 100px 16px 18px!important;
}
#page-container .pixie-cta2 .et_pb_newsletter_form p input {
    padding: 14px 18px!important;
}
.pixie-cta4 .et_pb_newsletter_form p:not(.filled):not(.focus) input,
.pixie-cta2 .et_pb_newsletter_form p:not(.filled):not(.focus) input {
    color: transparent !important;
}

.pixie-cta4 .et_pb_newsletter p label,
.pixie-cta2 .et_pb_newsletter p label {
    display: block !important;
    position: absolute;
    min-width: 100%;
    text-align: left;
    pointer-events: none;
    top: 50%;
    transform: translate(0, -50%);
    padding-left: 20px;
    color: rgba(167, 167, 167, 0.5);
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}

.pixie-cta2 .et_pb_newsletter p.filled label,
.pixie-cta2 .et_pb_newsletter p.focus label {
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}

.pixie-cta2 .et_pb_main_blurb_image a span {
    transition: 0.3s !important;
}

.pixie-cta2 .et_pb_main_blurb_image a:hover span {
    transform: scale(1.1) !important;
}


#page-container .pixie-cta2 .et_pb_newsletter p input::-webkit-input-placeholder {
    color: transparent !important;
}
#page-container .pixie-cta2 .et_pb_newsletter p input::-moz-placeholder {
    color: transparent !important;
}
#page-container .pixie-cta2 .et_pb_newsletter p input:-ms-input-placeholder {
    color: transparent !important;
}
#page-container .pixie-cta2 .et_pb_newsletter p input:-moz-placeholder {
    color: transparent !important;
}  

/* DiviBlog Fitering */
/* Responsive Styles Tablet And Below */

    .dpdfg_filtergrid_0 .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-items {
        ddgrid-template-columns: 1fr 1fr 1fr!important;
    }

.dp-dfg-skin-default .dp-dfg-item > div:last-of-type {
    padding-top: 2em;
}

.dp-dfg-overlay span.dfg_et_overlay:before {
   font-size: 48px;
}

.dp-dfg-skin-default .dp-dfg-item {
    border: none;
}

.dp-dfg-skin-default .dp-dfg-meta {
    grid-row-start: 2;
    position: relative;
    background-color: black;
    width: max-content;
    padding: 3px 6px;
    height: max-content;
    color: white;
    margin-top: -36px;
}

.dpdfg_filtergrid_1 .dp-dfg-item .et_pb_button_wrapper.read-more-wrapper {
    padding-top:0px;
}

/* 2 rows tabs products */
.et_pb_row.et_pb_row_tabs_products {
  width: 100% !important;
}   

/* Breadcrumbs */

.et_pb_section.et_pb_section_3.breadcrumbs a {
    color: black;
    transition-duration: 0.3s;
}

.et_pb_section.et_pb_section_3.breadcrumbs a:hover {
    color: #ebc23a;
}

.et_pb_section.et_pb_section_3.breadcrumbs.et_section_regular {
  padding: 0;
  border-bottom: 1px solid #e0e0e0;
} 

.et_pb_section.et_pb_section_3.breadcrumbs.et_section_regular .et_pb_row.et_pb_row_1 {
    padding: 5px;
}   

/*move and position the Text module over the center of the Image module*/

.pa-text-over-image > .et_pb_text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -45%);
	z-index: 10;
	width: 100%;
	transition: opacity 0.3s ease-in-out;
	opacity: 0; remove comment for hover reveal effect
}


/*add an optional overlay over the image*/

.pa-text-over-image > .et_pb_image .et_pb_image_wrap:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 9;
	transition: opacity 0.3s ease-in-out;
	opacity: 0.3; /*make this 0 for hover reveal effect*/
}


/*show overlay on image hover*/

.pa-text-over-image:hover > .et_pb_text {
	opacity: 1; remove comment for hover reveal effect;
}


/*show text on image hover*/

.pa-text-over-image:hover > .et_pb_image .et_pb_image_wrap:before {
	opacity: 0.5; remove comment for hover reveal effect
}

/* bullet list */

#main-content .et_pb_text_inner ul,
#main-content .et_pb_tab_content ul {
    list-style-type: none;
}

#main-content .et_pb_text_inner ul li:before,
#main-content .et_pb_tab_content ul li:before {
    content: "\f45c";
    font-family: FontAwesome !important;
    font-size: 80%;
    font-weight: 600;
    padding: 0 10px 0 0;
    color:#ebc23a;
}

/* Contact form */
.visio-contact .et_pb_contact_form p:not([data-type="checkbox"]):not([data-type="radio"]) label {
 display:block !important;
 position:absolute;
 width:100%;
 text-align:left;
 pointer-events:none;
 top:50%;
 transform:translate(0,-50%);
 padding-left:20px;
 color:#9e9e9e;
 font-size:14px;
 font-weight:400;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out
}
.pixie-contact1 .et_pb_contact_form p[data-id="message"] label {
 top:17% !important
}
.pixie-contact1 .et_pb_contact_form p.filled label,
.pixie-contact1 .et_pb_contact_form p.focus label {
 -webkit-transform:translate3d(50%,-50%,0);
 transform:translate3d(50%,-50%,0);
 opacity:1
}
.unknown .pixie-contact1 .et_pb_contact_form p:not(.filled):not(.focus) textarea,
.unknown .visio-contact .et_pb_contact_form p:not(.filled):not(.focus) textarea,
.unknown .pixie-contact3 .et_pb_contact_form p:not(.filled):not(.focus) textarea,
.unknown .pixie-contact1 .et_pb_contact_form p:not(.filled):not(.focus) input,
.unknown .visio-contact .et_pb_contact_form p:not(.filled):not(.focus) input,
.unknown .pixie-contact3 .et_pb_contact_form p:not(.filled):not(.focus) input {
 cccolor:transparent !important
}
.pixie-contact3 .et_pb_contact_form p textarea::-webkit-input-placeholder,
.pixie-contact3 .et_pb_contact_form p input::-webkit-input-placeholder,
.visio-contact .et_pb_contact_form p textarea::-webkit-input-placeholder,
.visio-contact .et_pb_contact_form p input::-webkit-input-placeholder,
.pixie-contact1 .et_pb_contact_form p textarea::-webkit-input-placeholder,
.pixie-contact1 .et_pb_contact_form p input::-webkit-input-placeholder {
 cccolor:transparent !important
}
.visio-contact .et_pb_contact_form p textarea::-moz-placeholder,
.visio-contact .et_pb_contact_form p input::-moz-placeholder,
.pixie-contact1 .et_pb_contact_form p textarea::-moz-placeholder,
.pixie-contact1 .et_pb_contact_form p input::-moz-placeholder {
 cccolor:transparent !important
}
.visio-contact .et_pb_contact_form p textarea:-ms-input-placeholder,
.visio-contact .et_pb_contact_form p input:-ms-input-placeholder {
 cccolor:transparent !important
}
.visio-contact .et_pb_contact_form p textarea:-moz-placeholder,
.visio-contact .et_pb_contact_form p input:-moz-placeholder {
 cccolor:transparent !important
}
.visio-contact .et_pb_contact_form {
 margin-left:0 !important
}
.visio-contact .et_pb_contact_form p[data-type="checkbox"],
.visio-contact .et_pb_contact_form p[data-type="radio"] {
 margin-bottom:10px !important
}
.visio-contact .et_pb_contact_form p[data-type="checkbox"],
.visio-contact .et_pb_contact_form p[data-type="radio"],
.visio-contact .et_pb_contact_form p[data-id="message"] {
 clear:none !important;
 float:none !important;
 display:inline-block !important;
 -webkit-margin-before:0;
 -webkit-margin-start:0;
 -webkit-margin-end:0;
 -webkit-margin-after:0;
 margin-right:0 !important
}
.visio-contact .et_pb_contact_form p {
 clear:both !important;
 margin-bottom:20px;
 padding:0 !important;
 width:48.6% !important;
 margin-right:2.8% !important;
 position:relative;
 overflow:hidden
}
.visio-contact .et_pb_contact .et_contact_bottom_container button {
 width:100% !important;
 margin:0 !important
}
.unknown .visio-contact .et_pb_contact .et_contact_bottom_container,
.gecko .visio-contact .et_pb_contact .et_contact_bottom_container,
.ie .visio-contact .et_pb_contact .et_contact_bottom_container {
 margin-top:-9px
}
.visio-contact .et_pb_contact .et_contact_bottom_container {
 float:right;
 text-align:center;
 width:48.6%;
 margin-top:0
}
.visio-contact .et_pb_contact_form p input,
.visio-contact .et_pb_contact_form p textarea {
 padding:16px 20px !important
}
.visio-contact .et_pb_column_1_4 p:not(:last-child) {
 padding-bottom:3px !important
}
.visio-contact p strong {
 cccolor:#000 !important
}
.visio-contact p a:hover {
 opacity:.5 !important
}
.visio-contact p a {
 color:inherit !important
}
#page-container .visio-contact .et_pb_contact_form p[data-id="message"] label {
 top:10%
}
#page-container .visio-contact .et_pb_contact_form p.filled label,
#page-container .visio-contact .et_pb_contact_form p.focus label {
 -webkit-transform:translate3d(50%,-50%,0);
 transform:translate3d(50%,-50%,0);
 opacity:0
}
.visio-contact .et_contact_bottom_container .et_pb_contact_right input {
 padding:10px 5px !important;
 text-align:center
}
.visio-contact .et_contact_bottom_container .et_pb_contact_right {
 display:block;
 position:absolute;
 bottom:-40px;
 right:0;
 width:100%
}
@media only screen and (min-width:1930px) {
 .visio-contact .et_pb_contact_form p input,
 .visio-contact .et_pb_contact_form p textarea {
  padding:17px 20px !important
 }
}
@media only screen and (max-width:1390px) {
 .visio-contact .et_pb_row {
  max-width:100% !important;
  width:90%
 }
 .visio-contact .et_pb_row .et_pb_contact_form_container {
  padding-right:0 !important;
  padding-left:0 !important
 }
}
@media only screen and (max-width:980px) {
 .visio-contact .et_pb_column_1_4 .et_pb_promo:last-child {
  margin-right:0 !important
 }
 .visio-contact .et_pb_column_1_4 .et_pb_promo {
  width:48.6% !important;
  margin-right:2.8%;
  border-bottom:none !important;
  margin-bottom:0 !important;
  float:left
 }
}
@media only screen and (max-width:767px) {
 .visio-contact .et_pb_column_1_4 .et_pb_promo h2 {
  padding-bottom:10px !important
 }
 .visio-contact .et_pb_column_1_4 .et_pb_promo {
  width:49.7% !important;
  margin-right:.6%
 }

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

 .visio-contact .et_pb_column_1_4 .et_pb_promo {
  width:100% !important;
  margin-right:0
 }
 .visio-contact .et_pb_contact_form p {
  width:100% !important;
  margin-right:0 !important
 }
 .visio-contact .et_pb_contact .et_contact_bottom_container {
  width:100%;
  margin-top:0
 }
}

/* table markyzy vzorniky */
.markyzy-vzornik table td {
  vertical-align: bottom;
}