﻿/* colors of buttons on hover */

#LiteV1 #header .blocks .block.cart .is-icon:hover, #LiteV1 #header .blocks .block.search .btn:hover {
background: white !important;
}



/* START OF - Information pages styles */



#LoyaltyTermsLayout .validFrom, #TradeTermsLayout .validFrom, #privacypolicyLayout .validFrom{
	padding: 1.5rem;
	border-radius: 3px;
	background-color: rgba(236, 235, 233, 0.7);
	font-size: 120%;
	color: var(--pink);
	font-weight: bold;
}

#LoyaltyTermsLayout h3, #TradeTermsLayout h3, #privacypolicyLayout h3{
	margin: 3rem 0 2rem;
}

#LoyaltyTermsLayout ol, #TradeTermsLayout ol, #privacypolicyLayout ol {
	list-style: decimal;
	line-height: 2rem;
	margin-bottom: 3rem;
	margin-left: 2rem;
}

#LoyaltyTermsLayout .mb-1 {
	margin-bottom: 1rem;
}

#LoyaltyTermsLayout .pb-0 {
	margin-bottom: 0;
} 

#LoyaltyTermsLayout ol li, #TradeTermsLayout ol li, #privacypolicyLayout ol li{
	margin-bottom: .5rem;
}

#LoyaltyTermsLayout .example-card
{
	border-radius: 5px;
	background: #F2F2F2;
	border: 1px solid rgba(3,66,120,.3);
	padding: 1rem;
}

#LoyaltyTermsLayout .example-card *{
	color: #034278;
}

#LoyaltyTermsLayout .d-flex{
	display: flex;
	justify-content: space-around;
	text-align: center;
	flex-wrap: wrap;
}

#LoyaltyTermsLayout .d-flex div{
	width: 210px;
}

#LoyaltyTermsLayout table, #TradeTermsLayout table{
	margin-bottom: 3rem;
}

#LoyaltyTermsLayout tbody, #TradeTermsLayout tbody{
	width: 100%;
}

#LoyaltyTermsLayout tr:nth-child(even), #TradeTermsLayout tr:nth-child(even){
     background-color: #F2F2F2;
}

#LoyaltyTermsLayout th, #TradeTermsLayout th{
	text-align: left;
	padding: 1.2rem;
	font-weight: bold;
	width: 20%;
}

#LoyaltyTermsLayout td, #TradeTermsLayout td{
	padding: 1.2rem 1.2rem 1.2rem 0;
	width: 80%;
}

#TradeTermsLayout ol.secondLevel, #privacypolicyLayout ol.secondLevel, #LoyaltyTermsLayout ol.secondLevel{
     list-style: lower-alpha;
     padding-top: 1rem;
     margin-bottom: 1rem;
}


#GuarantyLayout .twoColumnContainer {
      display: flex; 
}

#GuarantyLayout .twoColumnContainer .col {
      width: 100%;
}

#GuarantyLayout .flexBoxWithIcon, #ManualLayout .flexBoxWithIcon{
     display: flex;
     margin: 3rem 0;
}

#GuarantyLayout .flexBoxWithIcon img, #ManualLayout .flexBoxWithIcon img{
     max-width: 150px;
}


#GuarantyLayout .flexBoxWithIcon div, #ManualLayout .flexBoxWithIcon div {
     margin: 1rem 3rem 1rem 1rem;
}

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

#GuarantyLayout .twoColumnContainer {
      flex-wrap: wrap;
}

}


/* END OF - Loyalty page styles */


/* START OF SUBMIT ORDER Page styles */

#SubmitOrderLayout {
text-align: center;
}

#SubmitOrderLayout .twoColumnContainer {
display: flex;
}

#SubmitOrderLayout .col {
width: 100%;
}

#SubmitOrderLayout .flexBoxWithIcon {
display: flex;
margin: 3rem 0;
align-items: center;
padding: 2rem;
}

#SubmitOrderLayout .flexBoxWithIcon.lightBlue-bg {
background-color: #C1E5F4;
}

#SubmitOrderLayout  .flexBoxWithIcon img {
max-width: 200px;
}

#SubmitOrderLayout  .flexBoxWithIcon div {
margin: 1rem 3rem 1rem 2rem;
text-align: left;
}

#SubmitOrderLayout  .flexBoxWithIcon.lightBlue-bg p {
margin-bottom: 1rem;
}

#SubmitOrderLayout  .flexBoxWithIcon.heureka {
background-color: #E0F2F9;
margin-right: 1rem;
}

#SubmitOrderLayout .color-KM-blue {
color: #0063C1;
}

#SubmitOrderLayout  .flexBoxWithIcon.lightBlue-bg h2{
margin-bottom: 0.1rem;
}

#SubmitOrderLayout .color-heureka-orange {
color: #FF7B00;
}

#SubmitOrderLayout .color-heureka-blue {
color: #00ABD7;
}


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

#SubmitOrderLayout .twoColumnContainer {
      flex-wrap: wrap;
}

}

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

#SubmitOrderLayout .flexBoxWithIcon {
      flex-wrap: wrap;
      margin: 1rem 0;
}

}

/* END OF SUBMIT ORDER Page styles */




/* START OF PRODUCT DESCRIPTION STYLES */

.tab-content #Enhanced_Description td p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.tab-content #Enhanced_Description .row{
    display: flex;
    align-items: center;
}

.tab-content #Enhanced_Description .third{
    width: 33.33%;
}

.tab-content #Enhanced_Description .third div img{
    width: 60px;
}

.tab-content #Enhanced_Description h2 {
   font-size: 32px;
   font-weight: 800;
   margin-bottom: 0;
   padding-top: 1rem;
   line-height: 100%;
}

.tab-content #Enhanced_Description h3 {
   font-size: 24px;
   font-weight: 800;
}

.tab-content #Enhanced_Description .mb-4{
   margin-bottom: 4rem;
}


@media screen and (max-width: 575px) {
    .tab-content #Enhanced_Description .row{
        flex-direction: column;
    }

  .tab-content #Enhanced_Description .third{
        width: 100%;
    }
}






.infobanner {
   padding: 3rem;
   background: rgb(186,23,125);
   background: linear-gradient(90deg, rgba(186,23,125,1) 0%, rgba(4,96,192,1) 100%);
   color: white;
   font-size: 120%;
}

.infobanner .osloveni, .infobanner .text{
   margin-bottom: 1rem;
   display: inline-block;
}


/* START OF MARKETO FORM STYLES */

.contact-row__right p{
   margin-bottom: 2rem !important;
}

.contact-row__left form#mktoForm_26720, .contact-row__right form#mktoForm_26719, .modal-content #mktoForm_26718, .mktoFormCol, .mktoHtmlText.mktoHasWidth{
   max-width: 100%;
}

.contact-row__left form#mktoForm_26720 .mktoHtmlText.mktoHasWidth, .contact-row__right form#mktoForm_26719 .mktoHtmlText.mktoHasWidth, .modal-content #mktoForm_26718 .mktoHtmlText.mktoHasWidth{
   width: auto !important;
}

#myModal_priceQuery .modal-dialog{
  align-items: start;
  padding: 1rem 0;

}


#ProductQueryForm #mktoForm_26720{
  width: initial !important;
  max-width: 784px;
}


#mktoForm_26718{
   margin: 1rem auto;
  max-width: 100%;
}

#pouzitestrojeLayout #mktoForm_26718 {
margin: 4rem auto;
}

#mktoForm_26720 textarea
{
border: 1px solid #c5c5c5;
padding: 10px;
outline: 0;
width: 100% !important;
}

#mktoForm_26718 .mktoField.mktoEmailField, #mktoForm_26718 .mktoField.mktoTelField, #mktoForm_26718 .mktoField.mktoTextField, #mktoForm_26720 .mktoField.mktoEmailField, #mktoForm_26720 .mktoField.mktoTelField, #mktoForm_26720 .mktoField.mktoTextField, #mktoForm_26719 .mktoField.mktoTelField{
background-color: #fff;
border: 1px solid #c5c5c5;
border-radius: 0;
height: 40px;
padding-left: 10px;
font-size:14px;
font-weight:400;
outline:0;
z-index:2;
width:100% !important;
}

#mktoForm_26718 .mktoFieldDescriptor.mktoFormCol, #mktoForm_26718 .mktoFieldWrap, #mktoForm_26718 .mktoLogicalField.mktoCheckboxList, #mktoForm_26720 .mktoFieldDescriptor.mktoFormCol, #mktoForm_26720 .mktoFieldWrap, #mktoForm_26720 .mktoLogicalField.mktoCheckboxList, #mktoForm_26719 .mktoFieldDescriptor.mktoFormCol, #mktoForm_26719 .mktoFieldWrap, #mktoForm_26719 .mktoLogicalField.mktoCheckboxList{
width:100% !important;
}

.mktoButton{
background: #C0167B !important;
border:1px solid #C0167B !important;
color:#fff !important;
border-radius:3px !important;
min-width: 20rem !important;
font-weight: 600;font-size: 16px !important;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
margin: 0;
text-decoration: none !important;
outline: 0;
padding: .5rem 1.6rem !important;
height: 4rem !important;
line-height: 1;
}

.mktoButtonRow{
text-align: center !important;
width: 100%;
}

.mktoButtonWrap.mktoSimple, .mktoButtonWrap.mktoRound{
margin: auto !important;
}

#successMsg, #successMsgShort, #successMsgTab{
  text-align: center;
}

.mktoLabel~.mktoGutter{
   display:none;
}

.mktoFieldWrap{
   position: relative;
}

.mktoForm .mktoLabel#LblEmail, .mktoForm .mktoLabel#LblPhone, .mktoForm .mktoLabel#Lblnew_vatnumber, .mktoForm .mktoLabel#Lblnew_companyregistrationnumber{
   position: absolute;
   left: 12px;
   transition: all .2s;
   background-color: #fff;
   padding: 0 4px;
   top: -0.7rem;
   width: auto !important;
}

#mktoForm_26719 .mktoFormCol:last-of-type, #mktoForm_26718 .mktoFormCol:last-of-type, #mktoForm_26720 .mktoFormCol:last-of-type, #mktoForm_26720 #LblbEUContactMessage {
display: none;
}
