*:focus{outline:none;}

/*color: inherit !important;*/

label{
    margin-bottom:0;
}

[contenteditable="true"]:empty {
    white-space: pre-wrap !important;
}

.profZpravyPravyMiddle .simplebar-content {
    overflow: hidden !important;
    min-height:0px !important;
}

.profZpravyLevyMiddle .simplebar-scroll-content {
    overflow-x: hidden !important;
}
.profZpravyLevyMiddle .simplebar-content {
    overflow-x: hidden !important;
}

.regDisabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.ellipsis{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.pointer {
    cursor:pointer;
}

.errHE {
    display: flex;
    justify-content: space-between;

}

.errHeChyba {
    visibility: hidden;
}

.zapomenuteHeslo{
    text-decoration: underline;
    color: #337ab7;
}

.errML {
    display: none;
}

.errML2 {
    display: none;
}


.displayNone {
    display: none;
}

html {                   
    position: relative;
    min-height: 100% !important;
    height: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    width:100%;
    background-color:white;
}

html.hideOverflow{
overflow:hidden;
}



body {
    padding-bottom: 68px;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    min-height: 100% !important;
    height: auto;
    background-color:white;
}


html.hideOverflow body{
overflow:hidden;
}

#registr .info{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size:17px;
}

.regR2{
    font-size:17px;
    font-style:italic; 
}

.regmail{
    font-weight:bold;
    color:#DE61AA;
}
.regcont {
    color: #03658c;
    text-decoration: underline !important;
}

.greyContainer{
    background-color:#f2f2f2;
    padding-bottom:500px;
}

.panel-footer{
    background-color: #FAFAFA!important;
    color: #333 !important;
    border-radius:0!important;
    width: 100% !important; 
    display: block !important;
    position: absolute !important;
    bottom: 0px !important;
    text-align: center !important;

    /*height: 100px;*/
    border-top: none;
}

.celsoc {
    margin:auto;
    margin-right:100px;
} 

.social {
    display: flex;
    align-items:center;
    text-align:center;
}  

.myFa {
    /*padding: 20px; pismo f-t vnitrek kolecka*/
    font-size: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    line-height: 40px;
}

.myFaObal {
    display: flex;
    justify-content: flex-end;
}

.myFa.fa-facebook:hover {
    opacity: 0.7;
    color: white !important;
    text-decoration: none !important;
}
.myFa.fa-instagram:hover {
    opacity: 0.7;
    color: white !important;
    text-decoration: none !important;
}

.myFa:focus {
    color: white !important;
    text-decoration: none !important;
}

.fa-facebook {
    background: #3B5998;
    color: white;
    margin-right: 10px;          
}
.fa-instagram {
    background: #55ACEE;
    color: white;
    font-size: 27px;
    margin-right: 10px;
    line-height: 41px;
    background:
	radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
	radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
	radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
	radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
	radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
	radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
	radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
	linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}

.foot {
    display:flex;
    justify-content: space-between;    
    letter-spacing:1px;
    font-size: 12px !important;
    font-family: "Segoe UI",Arial,sans-serif !important;
    text-align: left; 
    margin-left:100px !important;
    margin-right:100px !important;
    margin-bottom: 15px;
}

.foot1{
    font-style:italic;
}

.footPodminky {
    cursor:pointer;
    color:#128AFA;
}

.footKontakt{
    cursor:pointer;
    color:#128AFA;
}

.footCopy{
    font-weight:bold;
    font-style:normal;
}

.fb_vsude {
    position: fixed;
    right: 0;
    top: 75px;
    z-index: 100;
    display: flex;
    width:320px;
    right:-300px;
    pointer-events: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.fb_ukaz {
    width:20px;
    height:30px; 
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fb_ukaz.fa-facebook {
    margin:0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.fb-page {
    width:300px;
    pointer-events: auto;
    background: #f5f6f7;
}

@media (min-width:800px) {
    .fb_vsude:hover{
	right: 0;
    }
}

.fb_vsude:focus{
    right: 0;
}
/*
.fb_vsude .fb-page:hover .fb_vsude{
    right: 0;
}*/

@media (max-width:789px) {
    .foot {
        margin-left:2px !important;
        margin-right: 2px !important;
    }

    .celsoc {
        margin-right:2px !important;
    } 
}

@media (max-width:587px) {
    .foot {
        flex-direction:column;
    }

    .celsoc {
        margin:auto !important;
        margin-bottom: 5px !important;
    } 

    .social {
	justify-content: flex-end;
	margin-top:-40px;
	margin-right: 5px;
    }

    .foot2{
	margin-top:15px;
    }
}




@media(min-width:1240px){
    .container{
	width:1150px;
    }


}

.containerVypis{
    width:1160px;
    margin-bottom:500px;
}

/* Add a gray background color and some padding to the footer */
footer {
    background-color: #f2f2f2;
    padding: 25px;
    font-family: Montserrat, sans-serif !important;
    font-size: 13px !important;
    margin-top:200px;
}





.carousel-inner img {
    width: 100%; /* Set width to 100% */
    margin: auto;
}

/* Hide the carousel text when the screen is less than 600 pixels wide */
@media (max-width: 600px) {

}

.shadow {
    height: 100%;
    color: white;
    position: absolute;
    top:0;
    left:0;
    width:100%;             
    background: linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 70%);
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 70%);
    background: -moz-linear-gradient(bottom,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 70%);
    background: -ms-linear-gradient(bottom,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 70%);
    background: -o-linear-gradient(bottom,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 70%);
    background-repeat: no-repeat; 
}

.obal {
    position: relative;
}  





.obalflex1 {
    display: flex;
    margin-bottom: 15px;
}  


.obalflex2 {
    display: flex;
}



a {
    color: inherit;
    text-decoration: none !important;
}
a:hover {
    color: inherit;
}
h1 {
    margin: inherit;
    line-height: inherit;
}
p {
    margin: 0;
}















.row3t{
    line-height: 16px;
}

.news{
    position: relative;
    border-left: 4px solid #DE5EC9;
    margin-bottom:20px!important;
    margin: 6px 0 10px 0;
    font-size: 17px;
    margin-top: 0;
    color: #555;
    font-family: "Montserrat",arial;
    display:flex;
    justify-content: space-between;
    line-height: 20px;
    text-align: left;
    height:20px;
}

.news span {
    padding: 0 15px;
    z-index: 1;
    background-color: white;
    position: relative;
}


.news::after {
    position: absolute;
    z-index: 0;
    top: 50%;   
    right: 0;  
    left: 0;   
    height: 1px;   
    background-color:#eaeaea;  
    content: "";
    display: block;

} 

.vyrobkyVypisNadpis .news {
    text-transform: uppercase;
    color: black;
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 15px;
    font-weight: 500 !important;
    border-color:#9d7ab5;
    
    width:1160px;
    margin:auto;
    margin-top:20px;
}

.vyrobkyVypisNadpis .news::after {
    background-color:#9d7ab5;
}

.vyrobkyVypisNadpis{
    text-align:center;
    background-color: #F1F1F1;
    padding-top:10px;
    padding-bottom:10px; 
} 

.vyrobkyVypisNadpis .news span {
    background-color: #F1F1F1;
    padding: 0;
} 

.vyrobkyVypisNadpis .vyrobkyFilter {
    background-color: #F1F1F1;
}   

.obalPadding {
    padding-left:100px; 
    position: relative;
    font-family: "Raleway", Arial, sans-serif;
    margin-bottom: 45px;
}

.datum {
    display: block;
    position: absolute;
    z-index: 15;
    top: 0;
    left: 0;
    width: 60px;
    padding: 10px 0 0;
    background-color: #eaeaea;
    font: 700 20px "Raleway", Verdana;
    text-align: center;
    text-transform: uppercase;

}

.datum span {
    display: block;
    background-color: #3a3a3a;
    color: white;
    padding: 6px;
    font-size: 17px;
    margin-top:10px;

}

.nadpisTitle {

    font-family: "Raleway", Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    text-align: left; 
    color: #454545;
}

.podTitle {
    text-align: left;
    font-size: 14px;
    text-align: left; 
    color: #454545;
    max-height: 3.75em;
    line-height: 1.25em;
    overflow: hidden;
    position: relative;
    margin-bottom:10px;

}


.podTitle::after {
    font-size:12px;
    content: "";
    height: 1.25em;
    position: absolute;
    width: 50%;
    bottom: 0;
    right: 0;
    background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}




.obalPadding::after {

    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 30px;
    width: 1px;
    background-color: #eaeaea;
    content: "";

}

.footTitle {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 5px 0;
    position:relative;
    display:flex;
    justify-content: space-between;
    align-items:center;
    height:52px;
}




.entry:after {
    /* display: block; */
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 30px;
    width: 1px;
    background-color: #eaeaea;
    content: "";
}

.odPanel{
    float:right;
    width:460px;

}

.lomitko {
    padding: 0 10px; 
    font-size:14px !important;
}

.katTitle a {
    color:  #9d7ab5;

}

.news2 {
    margin-bottom: 25px;
    font-size: 16px;
    border-color: #9C58CA;
}

.news2::after {
    background-color:transparent;


}


.imgObl {
    width:150px;
    height:150px;
    position: relative; 
    margin-right: 10px;
}

.textObl{
    text-align:left;          
    color: #555;
    width:1px;
    flex-grow:1;
}

.nadpisTextObl {
    font-size: 15px;
    color: #4d4d4d;
    font-weight:bold;
    margin-bottom:5px;
    line-height:1.35;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;

}

.popObl {
    max-height: 3.75em;
    min-height:3.75em;
    line-height: 1.25em;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    color: #7f7f7f;

}

.popObl:after {
    font-size:12px;
    content: "";
    height: 1.25em;
    position: absolute;
    width: 50%;
    bottom: 0;
    right: 0;
    background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}


.imgObl img {
    object-fit:cover;
    width:100%;
    height:100%;
    border-radius:10px;
}

.obl {
    padding-left:0px;
    height:150px;
    display:flex;
    flex-direction: row;
    margin-bottom:21.5px;
    font-family: "Segoe UI",Arial,sans-serif !important;
    position:relative;
}  

.levyInformaceTextObl {
    display:flex;
    width:170px;
    align-items:flex-end;
    padding-bottom:0px;
    justify-content: space-between;
    font-weight:normal;
    margin-bottom:20px;
}

.datumObl{
    color:#333;
    position: absolute;
    bottom:0;
    left:115px;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 12px;
}

.datumObl .fa {
    margin-right:10px;

}

.autTitle {
    float:right;
    color:#c1bfbf;

}

.autTitle a{
    color:#69c;

}




.radiaPohl {
    width: 200px;
}
.radia {
    display: flex;
    justify-content: space-between;
    width: 278px;
    margin: auto;
    margin-top: auto;
    margin-top: 20px;
}

.regInput {
    border: none;
    background-color: #E5E5E5;
    width: 330px;
    padding-left: 5px;
    padding-right: 5px;
    font-family: "Source Sans Pro", Arial !important;
    background-color: #f6f6f6;
    border: none;
    font-size: 15px;
    height: 30px;
    margin-bottom: 10px;
}

.space {
    height: 18px;
}

#registr label {
    font-weight: normal !important;
}
.radiaPohl .oriCHB {
    font-size: 15px;
}
.oriCHB {
    display: block;
    position: relative;
    padding-left: 20px;
    margin: 12px 0;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 20px;
    width: 80px;
}

.regPodminky {
    width: 200px;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
}

.oriCHB input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.oriCHB input:checked ~ .checkmark {
    background-color: #f343a5;
}

#subR {
    background-color: #f343a5;
    color: white;
    width: 330px;
}

.relative {
    position: relative;
}

.nahledObl {
    position: absolute;
    right: 10px;
    top:10px;
}

.tack {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    float: left;
}

.nahledObl:hover .tack .fa{
    color:#e0245e;
}



.tackAdded{
    color:#e0245e;
}

.nahledObl .tack{
    background-color: rgba(0,0,0,0.5);
}

.tack .fa {
    font-size: 23px !important;
    color: white;
    margin-top: 12px;
    margin-left: 1px;
}  

.vyrobekOblibenySrd.tack .fa{
    color:#e0245e;
}

.footTitle1{
    font-family: "Segoe UI",Arial,sans-serif !important;
    font-size:13px;
    color:#828084;
    display:flex;
    align-items:flex-end;
}

.komTitle{
    display:flex;
    align-items:center;
}


.kateDatum{
    display:flex;
    font-size:13px;
}

.kateDatum .fa{
    font-size:15px;
}

.kateDatum .material-icons{
    color: #4BC9C4;
    margin-right: 6px;
    font-size: 15px;
}

.kateDatum .fa-heart{
    color: #ffb2af;  
    font-size:13px !important;
    line-height:18px;
}

.kateDatum .fa-eye{
    color:#A8EB65;
}

.kateDatum .fa-comments{
    color:#b5d9fd;
}


.komTitle .material-icons{
    color: #4BC9C4;
    margin-right: 3px;
    font-size: 15px;
}


.komTitle .fa-heart{
    color: #ffb2af;

}

.komTitle .fa-star.startype2{
    color: #fbb03b;
    font-size: 16px;
}

.komTitle .fa-star.startype1{
    color: #f86cc5;
    font-size: 16px;
}

.invyrStar{
    margin-bottom:10px;
    display:flex;
    align-items:center;
}

.isText {
    margin-left:5px;
    font-family: 'Open Sans',Roboto,sans-serif;
    font-size: 12px;
    color:#828084;
}

.invyrStar .star-rating {
    padding-left:0;
}

.invyrStar .star-rating .fa-star {
    font-size:18px;
}

.invyrStar2 .star-rating .front-stars {
    color: #fbb03b;
}

.komTitle .fa-eye{
    color:#A8EB65;
}

.komTitle .fa-comments{
    color:#b5d9fd;
}

.material-icons.barevnaPlaneta {
    /*background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
    */background-image: linear-gradient(90deg, rgba(64,125,227,1) 0%, rgba(233,75,80,1) 70%);
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.vypisObal .material-icons.barevnaPlaneta  {
    padding-top:1px;
}

.indexVyrobkyLang2{
    display:none;
}

.footTitle1 .fa{
    margin-right:3px;
}

.kateDatum1 {
    display:flex;
    align-items:ceneter;
    justify-content: center;
    width:33.3%;
}

.SlideMalaN{
    font-family: "Source Sans Pro", Arial !important;
    margin-top:30px;
    font-size: 25px; 
    text-align:center;

}

.SlideMalaP{
    font-size:15px;
    text-align:left;
    margin-top:15px;
}

.carousel-indicators {
    bottom:0px;
}

.carousel-caption {
    padding-bottom:20px;
    left:15%;
    right:15%;
}


.SlideVelkaN {
    font-family: "Source Sans Pro", Arial !important;
    margin-top:30px;
    font-size: 27px;

}

.SlideVelkaP {
    text-align:left;
    font-size:14px;
    margin-top:15px;
} 

.sloupecHlavni{
    width:680px;
    float:left;

}

.vypisObal{
    width:31%;
    margin:auto;  
    padding-bottom:50px;
    overflow:visible !important;
    /*padding-right:40px; */
}

.vypisObal:nth-child(odd){
    /*padding-left:70px;
    padding-right:50px;
    
   }
   
   .vypisObal:nth-child(even){
    padding-left:50px;
    padding-right:70px; */
}

.containerHlavni {
    width:1160px;
    margin-bottom:200px;
}

.footTitle .socialImg {
    width:40px;
    height:40px;
}

.footTitle .socialJmeno {
    font-size:13px;
    font-family: "Segoe UI",Arial,sans-serif !important;
}

.footTitle .socialUzivatel {
    font-size:12px;
    font-family: "Segoe UI",Arial,sans-serif !important;
}

.vyrobkyFilter {
    display:flex;
    background-color:white;
    z-index:1;
    padding-left:10px;
}

.vyrobekDvaSloupce li{
    display: inline-block;
    width:100%;
    padding: 3px 10px;

}

.vyrobekRazeniObal ul li{

    white-space: nowrap;

}

.vyrobekRazeni {
    border:1px solid transparent;
    padding-left: 10px; 
    margin-right: 10px;
    cursor:pointer;
}

.dropRaz .vyrobekRazeni{
    margin-right:0;
}

.dropRaz.vyrobekRazeniObal{
    margin-right:-10px;
}

.open .vyrobekRazeni {
    position:relative;
    z-index:10;
    background-color: white;
    border:1px solid rgba(0,0,0,.15);
    border-bottom:none;

}

.vyrobkyVypisNadpis .open .vyrobekRazeni {
    border-color:transparent;
    background-color: #f1f1f1;


}

.vyrobekMenuRazeni {
    z-index:1;
    top:33px;
}

.vyrobekRazeniObal{
    position:relative;
    font-size: 15px;
    text-align: left;


}

.vyrobekDvaSloupce{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    font-family:"Helvetica Neue",Verdana,Arial,sans-serif;
    width: unset;		
    padding: 5px 0px;
    letter-spacing:1px;


}

.vybranaKategorie{
    /*background-color: rgb(255, 128, 181);
    color:white;*/
}

.vyrobekRazeni.knitdrop:focus .fa {
    transform:rotate(180deg);
}

.vyrobekRazeni .fa {
    transition:all .5s ease;
    background-color: transparent !important;
    padding:0 !important;
    font-size:17px;
}


.comments-list .komentarePridat  {
    width: 610px;
    float: right;
    border:none !important; 
    padding:0 !important;
}

.comments-list .timeline-panel {
    border:none; 
    padding:0 ;
    border: 1px solid  #BEFB9F;
}

.comments-list .timeline-panel::after {
    display: none; 
}
.comments-list .timeline-panel::before {
    display: none; 
}

.comments-list .imgUtext{
    display: none;
}
.comments-list .komentarePridat .comment-head{
    /*display: none;*/
}
.comments-list .komentarePridat .textOdeslat{
    background-color:#f2f2f2; 
}

.comments-list .komentarePridat .textOdeslatWrap{
    background-color:#f2f2f2;
    min-height: 76px;
}

.comments-list .komentarePridat .vyrobekKomentOdeslat{
    padding:0 15px 10px 3px;
}


.comments-list .odeslatZpravuTlacitko {

    height:85%;
}


.comments-list .komentarePridat .comment-head::before {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    top: -8px;
    left: 18px;
    background-color: #BEFB9F;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.comments-list .komentarePridat .comment-head {
    background-color:#BEFB9F ;
}


.comments-list .komentarePridat .odeslatZpravuTlacitko  {
    background-color:#5FAF40 ;
    border-color: #5FAF40 ;
}

.komentarePridat .timeline-panel {
    margin-top:10px;
    margin-bottom:30px;
}

.vyrobekAkce .pripnText_cs:after {
    content: "To se mi líbí";
}

.vyrobekAkce .odepnText_cs:after {
    content: "To se mi líbí";
    color:#4BC9C4; 
}

.vyrobekAkce .pripnText_en:after {
    content: "Like";
}

.vyrobekAkce .odepnText_en:after {
    content: "Like";
    color:#4BC9C4; 
}

.odepnText_cs .material-icons, .odepnText_en .material-icons{
    color: #4BC9C4 !important;
}

.pridOblText_cs:after {
    content: "Do oblíbených";
}

.odebrOblText_cs:after {
    content: "Oblíbený";
    color:#e0245e;
}

.pridOblText_en:after {
    content: "Add favorite";
}

.odebrOblText_en:after {
    content: "Favorite";
    color:#e0245e;
}

.odebrOblText_en .fa, .odebrOblText_cs .fa{
    color: #e0245e;
}

.odebrOblNeText.fa{
    color: #e0245e;
}

#registr{
    padding-bottom:200px;
}

.regMsgStar {
    color: red;
}

.knitdrop {
    position:relative; 
    cursor:pointer; 
/*    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

.knitdrop:focus{
    pointer-events:none;
}

.knitdropshow{
    position:absolute;
    height:0px;
    overflow:hidden; 
    top:0;
    right:0;
    z-index: 100;
/*    transform: scaleY(0.0);
    transition: transform 0.3s linear;
    transform-origin: top center;*/
    display: none;
} 


/*.knitdrop.knitdropvisible .knitdropshow {
    height:unset;
    pointer-events:auto;
    overflow:visible;
    transform: scaleY(1.0);
    display: block;
}

.knitdrop .knitdropshow.knitdropshowvisible {
    height:unset;
    pointer-events:auto;
    overflow:visible;
    transform: scaleY(1.0);
    display: block;
}*/



.knitdrop:focus .knitdropshow {
    height:unset;
    pointer-events:auto;
    overflow:visible;
    /*transform: scaleY(1.0);*/
    display: block;
}
/*
.knitdrop:active .knitdropshow {
    height:unset;
    pointer-events:auto;
    overflow:visible;
    transform: scaleY(1.0);
    display: block;
}*/

.knitdrop:focus-within .knitdropshow {
    height:unset;
    pointer-events:auto;
    overflow:visible;
    /*transform: scaleY(1.0);*/
    display: block;
}


.obalPopiskyGalerieCele{
    background-color:white;
    width:360px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

.obalPopiskyGalerieHorni{
    flex-grow:1;
    height:0;
    overflow-y:auto;
}





.obalProfGalerie2{
    padding: 15px 10px;
    background-color:white; 
}


#pc2 .obalProfGalerie2{
    padding: 0px 10px;
}

#pc3 .obalProfGalerie2{
    padding: 0px 10px;
}


#pc10 .inspiracePrazdne{
    height:50px;
    background-color:white;
    display:flex;
    align-items: center;
    font-weight:normal;
    font-family: "Segoe UI",Arial,sans-serif;
    color: #8e8888;
    font-size: 13px;
    padding:15px 10px;
}


#pc10 .inspiracePrazdne span{
display:none;
}

.obalProfGalerieNadpis{
    text-align: left;
    font-family: "Segoe UI",Arial,sans-serif;
    color: black;
    font-size: 14px;
    font-weight: bold;
    background-color: #FAFAFA; 
    padding: 10px;
}

#obalProfGalerie{
    overflow:hidden;
    background-color:white;
}

.profImgObal{  
    width:32.5%;
    cursor:pointer;
}

.profImgObal img{
    max-width:100%;
    max-height:100%;
    object-fit:scale-down;
    margin-bottom: 10px;
}




.profilGalerieNadpis  {
    text-align:right;
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 14px;
    font-weight:bold;
    color:#797979; 
    padding:10px;
}



.profilGalerieNadpis2  {
    align-self:right;
    font-weight:normal;
    font-size: 13px;
    color:#76B1EC;    

    margin-bottom:7px;
}

.obalPopiskyGalerieDolni{
    min-height:60px;
    background-color:#f2f2f2;
    padding:10px;
}

.obalPopiskyGalerieDolni .homeStredZedKomentPridatText{
    width:1px;
    background-color:white;
    border:1px solid #C4C4C4;

}

.obalPopiskyGalerieDolni .homeStredZedKomentPridat{
    margin-top:0;
    align-items:center;
}

.obalPopiskyGalerieHorni1{

}

.obalPopiskyGalerieHorni .socialImg{
    width:40px;
    height:40px;
}

.obalPopiskyGalerieHorni .autorSocial{
    padding:10px;
}

.obalPopiskyGalerieHorni .socialJmeno{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 14px;
    line-height:15px
}

.obalPopiskyGalerieHorni .socialUzivatel{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 13px;
    line-height:15px;
}

.obalPopiskyGalerieHorni .socialDatum{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 11px;
}


.obalPopiskyGalerieHorniCas{
    display:flex;
    justify-content: flex-end;
    align-items:center;
}

.obalPopiskyGalerieHorniCas .material-icons{
    font-size: 13px;
    margin-right:3px;
    display:flex;
    align-items:center;
}

.obalPopiskyGalerieHorniPopisek{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 14px;
    padding:10px;
    text-align:left;

}

.obalPopiskyGalerieHorniOko{
    padding-right:10px;
    text-align:right;
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 12px;
    color:#9E9E9E;
    padding-left:10px;
    display:flex;
    justify-content: space-between;
}

.obalPopiskyGalerieHorniOko .levyInformace{
    margin-bottom:0;
}

.obalPopiskyGalerieHorniOko .levyInformace1{
    font-size:11px;
}


.obalPopiskyGalerieHorniOko .fa-eye{
    margin-right:4px;
    font-size: 16px;
    color:#888888;
}

.obalPopiskyGalerieHorniIkonky{
    margin-top:17px;
    border-top: 1px solid #e5e5e5;
} 

.obalPopiskyGalerieHorniIkonky .material-icons{
    padding-top:0;
    padding-right:5px;
}

.obalPopiskyGalerieHorniIkonky .fa-comments-o{
    padding-right:5px;
    font-size:17px;
}

.obalPopiskyGalerieHorniIkonky .odepnText_cs .material-icons, .obalPopiskyGalerieHorniIkonky .odepnText_en .material-icons{
    color:#4bc9c4;
}

.obalPopiskyGalerieHorniIkonky .odebrOblText_cs .material-icons, .obalPopiskyGalerieHorniIkonky .odebrOblText_en .material-icons{
    color:#fb928c;
}

.obalPopiskyGalerieHorniIkonky .odebrOblText_cs .material-icons, .obalPopiskyGalerieHorniIkonky .odebrOblText_en .material-icons{
    color:#fb928c;
}

.obalPopiskyGalerieHorniIkonky .odebrOblText_cs::after, .obalPopiskyGalerieHorniIkonky .odebrOblText_en::after{
    content:"";
}
.obalPopiskyGalerieHorniIkonky .odepnText_cs::after, .obalPopiskyGalerieHorniIkonky .odepnText_en::after{
    content:"";
}

.obalPopiskyGalerieHorniKomentare{
    padding-left:10px;
    padding-right:10px;
    padding-bottom:20px;
}

.obalPopiskyGalerieHorniKomentare .homeStredZedKomentarText2{
    position:relative;
    padding-bottom:18px;
}

.obalPopiskyGalerieHorniKomentare .homeStredZedKomentarTextJmenoDatum{
    position:absolute;
    right:10px;
    bottom:5px;
    font-size:9px;
    color:#A5A5A5;
}



.obalPopiskyGalerieHorniKomentare .homeStredZedKomentarSmaz .material-icons{
    font-size:21px;
}

.obalPopiskyGalerieHorniKomentare .homeStredZedKomentarSmaz {
    margin-right:-5px;
    margin-top:-5px;
}



.obalPopiskyGalerieHorniKomentare .homeStredZedOdpoved {
    margin-right:0px;

}


.homeGalerie .levyInformace1 .matidown{
    transform:translate(0,3px);
    color:#fb928c;
}

.homeGalerie .levyInformace1 .matikom{
    transform:translate(0,3px);
    color: #909196;
}

.smajliciNadpis {
    cursor:pointer;
    color: #657786;
    margin-right:15px;
}

.smajliciNadpisOut {
    display:flex;
    justify-content: flex-start; 
    margin-bottom:2px; 
    font-size:18px;
    padding-bottom:3px;
    border-bottom:1px solid #f2f2f2;
}


.smajliciVsude {
    display:none;
    flex-wrap:wrap;
    width:100%;
}

.smajliciVsude0 {
    display:flex;
}

.smajliciVsudeOut {
    width:286px;
    padding:7px;
    border-radius:10px;
    border: 1px solid #f5f8fa;;
    background-color:white;
    box-shadow: 0 1px 4px rgba(0,0,0,0.25);	
}

.smajliciVsude .emoji {
    margin:4px;
}

.smajliciVsudePozice {
    top:unset;
    left:unset; 
    bottom:30px;
    right:-13px;
    cursor:default;
}

.smajliciVsudePozice::before {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    bottom:-7px;
    right:16px;
    border-right:1px solid  #e6ecf0;
    border-bottom:1px solid  #e6ecf0; 
    background-color:white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.knitdropshow.smajliciVsudePozice{
transform-origin:bottom center;
}

.galkomsma{

    /*right:25px;*/
    display:flex;
    align-items:flex-end;
    align-self: flex-end;
    cursor:pointer;
}

.homeUpravitPrispevekStred .galkomsma{
    bottom:-15px;
} 


.obalPopiskyGalerieCele .smajliciVsudePozice{
    top:unset;
    left:unset;
    right:-15px;
    bottom:33px;
}

.obalPopiskyGalerieCele .smajliciVsudePozice::before{
    border-left:none;
    border-right:1px solid #e6ecf0;
    top:unset;
    left:unset;
    right:18px;
    bottom:-7px;
}

.obalPopiskyGalerieCele .homeStredZedKomentarSmaz{
    margin-top:0;
    cursor: pointer;
}


.upravitKomentarVyrobek .smajliciVsudePozice{
    /*top:43px;
    left:37px;  */
}

#urciteSmazatPrs{
    background-color:#ed604d;
}

#urciteOpustitAno{
    background-color:#ed604d;
}

.pc .homeStred {
    width:530px;
    flex-grow:0;
}

.profilPrispevky{
    display:flex;
    justify-content: space-between;
}

.profilPrispevkyPravy{
    display:flex;
    flex-grow:1;
    width:0;
    margin-left:15px;
    align-self:flex-start;
    flex-direction:column;
}

.profilLeftFoto{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

.profilLeftFotoFoto{
    width:104px;
    margin-bottom:7px;
    cursor: pointer;
}


.profilLeftFoto img{
    width: 100%;
    height: auto;  
    border-radius: 4px;
}


.profPocetFoto .profInfo{
    color: #981CEB; 
    cursor:pointer;
}

.profPocetFoto .profInfo:hover{
    text-decoration:underline;
}

.profilLeftFotoZobrazit{
    text-align:right;
    color: #981CEB; 
    cursor:pointer;
}

.profilLeftFotoZobrazit:hover{
    text-decoration:underline;
}

.uvodObal{
    position:relative;
    overflow:hidden;
    height:412px;
    margin-bottom:10px;
    width:680px;
}

.uvodObalDlouhy{
    position:absolute;
    top:0;
    left:0;
    display:inline-flex;
}

.uvodObalJeden{
    width:680px;
    position:relative;
}

.uvodFoto {
    width:100%;
}

.uvodFotoText{
    position:absolute;
    width:680px;
    align-items:flex-start;
    bottom:0;
    left:0; 
    height:120px;
    font-family: "Raleway", Arial, sans-serif;
    font-size:16px;
    color:white;
    padding:30px;
    background-color: rgba(0,0,0,0.3);
    text-align:left;
    flex-direction:column;
    display:flex;
    justify-content: center;
}

.uvodFotoTextNadpis{
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
}

.uvodTecky{
    margin-bottom:20px;
    display:flex;
    justify-content: center;

}

.uvodTecka{
    width:10px;
    height:10px;
    border-radius:50%;
    border:1px solid #9AA0A4;
    margin-right:5px;
    cursor:pointer;
}

.uvodTeckaVybrana{
    background-color:#9AA0A4;
}

.news3{
    border-color:#1c94e0;

}

.news3::after{
    display:none;
}


.news4{
    border-color:#f86cc5;
    margin-bottom:10px !important;
}

.news4::after{
    background-color:transparent;
}

.odPanel .homeDiskuzeObsah{
    width:100%;
}


.news2 {
    margin-top: 50px;
}

.index .dolniPanel{
    box-sizing:content-box;
    border-bottom:5px wavy black;
}

.odPanelTop{
    display:flex;
    justify-content: space-between;
    margin-top:35px;
    margin-bottom:20px;
}

.odPanelTop1{
    width:49%;
    position:relative;
    height:118.517px;
    margin-bottom:10px;
}

.odPanelTop1 img{ 
    position:absolute;
    top:0;
    left:0;
    width:100%;
}   

.odPanelTopText{
    position:absolute;
    width:100%;
    text-align:left;
    align-items:center;
    bottom:0;
    left:0; 
    min-height:40px;
    font-family: "Montserrat",arial;
    font-size:14px;
    color:white;
    padding:7px;
    display:flex;
    justify-content:flex-start;
    background: -moz-linear-gradient(top , rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top , rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top , rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top , rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top , rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
    visibility:hidden;
}

.odPanelTop1:hover .odPanelTopText{
    visibility:visible;
}

.odPanelTop1:hover .vyrobekNavrhFotkaText{
    visibility:hidden;
}

.index .homeStredSkupina{
    /*width:30%;*/
}

.index .homeStredSkupinyKategorieVypis{
    margin-bottom:15px;
}


.hszkomentarePorad .smaz1 {
    display: none;
}

.hszkomentareGal .smaz2 {
    display: none;
}

/*loading*******************************************************************************************************************/

.loader {
    border: 8px solid #FBA1FA; /* Light grey */
    border-top: 8px solid #FA56F7; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;

}

.loader1{
    display:flex;
    justify-content:center;
    width:100%;
}

.loader4{
    display:flex;
    justify-content:center;
    width:100%;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.indexHorniRadek{
    display:flex;
    justify-content: space-between;
}

.indexHorniRadekDiskuze{
    display:flex;
    flex-direction:column;
    width:460px;
    padding-left:30px;
}
.indexHorniRadekDiskuze .homeObalScroll{
    padding-left:0;
    padding-right:0;
}

.uvodObalObal{
    display:flex;
    flex-direction:column;
}

.vyrobekRazeni .knitdropshow{
    top:25px;
}


.vyrobekRazeni .menuRazeni{
    background-color:white;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    border:1px solid rgba(0,0,0,0.15);
}

.profilNadpis .knitdropshow{
    top:28px;
}


.profilNadpis .menuRazeni{
    background-color:white;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    border:1px solid rgba(0,0,0,0.15);
}

.neprihlasenKomentar{
    cursor: pointer;
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 14px;
    color: #8E8888;
    text-align: left;
    margin-bottom:50px;
}


.neprihlasenKomentar span{
    text-decoration: underline;
    color: #316BA5;
}

.skupinaNejsi{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 14px;
    color: #8E8888;
}

.modalLogin{
    z-index:1000;
}

.vyrobekNeni {
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 13px;
    color: #8E8888;
    width:100%;
}


.menuLiDiv{
    display: flex;  
    justify-content: space-between;
    width:95%;
    align-items: center;
}

.menuLiDivCislo{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 12px;
    color: #657786;
}

.menuLiDivVse {
    text-align:center;
}

.nadpisPodminek{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 18px;
    color: #F86CC5;;
    margin-bottom:15px;
    font-weight:bold;
    text-align:left;
    margin-left:4px;
}

.obecnaPravidla{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 16px;
    color: #F86CC5;
    margin-bottom:15px;
    font-weight:bold;
    text-align:left;
    margin-left:4px;
}

.obecnaSkupina{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 16px;
    color: #F86CC5;
    margin-bottom:15px;
    font-weight:bold;
    text-align:left;
    margin-left:4px;
}

.obecnaDiskuze{
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 16px;
    color: #F86CC5;
    margin-bottom:15px;
    font-weight:bold;
    text-align:left;
    margin-left:4px;
}

.podminkyPopis{
    font-family: "Segoe UI",Arial,sans-serif;
    text-align:left;
    margin:4px;
}

.obecnaPravidlaPopis{
    font-family: "Segoe UI",Arial,sans-serif;
    text-align:left;
    margin:4px;
}

.obecnaSkupinaPopis{
    font-family: "Segoe UI",Arial,sans-serif;
    text-align:left;
    margin:4px;
}

.obecnaDiskuzePopis{
    font-family: "Segoe UI",Arial,sans-serif;
    text-align:left; 
    margin:4px;
    margin-bottom:100px;

}  

.kontaktovatNadpis{
    font-family:"Segoe UI",Arial,sans-serif;
    font-size:20px;
}


.oznacenyZavinac{
    color: #03658c;
    cursor:pointer;
}

.cursorInherit {
    cursor: inherit;
}

.oskupinach{
    padding-bottom: 10px;
    font-size: 17px;
    font-family: "Segoe UI",Arial,sans-serif;
    color: #2B2B2B;
    font-weight: bold;
    text-align: center;
}

.oskupcislo{
    font-size: 15px;
    font-family: "Segoe UI",Arial,sans-serif;
    color: #1c94e0;
    font-weight: bold;
}

.skupnadpisvse{
    padding-right:15px;
}


.userHvezdy{
    position:absolute;
    width:100%;
    height:100% ;
    top:0;
    left:0;
}

.userHvezdy2{
    position:relative;
    width:100%;
    height:100% ;

}

.userHvezdyObal{
    position:relative;
}

.userHvezda{
    font-size:9px;
    color: #E1E402;
    position:absolute;
    width:1em;
    height:1em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.userHvezda:first-child{
    bottom:0;
    left:50%;
    transform:translateX(-50%) ;
}

.userHvezda:nth-child(2){
    bottom:11%;
    right:13%;
}

.userHvezda:nth-child(3){
    bottom:35%;
    right:0%;
}

.userHvezdyObal{
    margin-right:10px;
}

.homeStredZedKomentarFotoObal.userHvezdyObal{
    margin-right:10px;
}

.receptVypisAutor .homeStredZedKomentarFotoObal.userHvezdyObal{
    margin-right:0px;
}

.homeVlaknoDotazNadpis .homeStredZedKomentarFotoObal.userHvezdyObal{

}

.obalPopiskyGalerieDolni .homeStredZedKomentPridatFoto{
    margin-right:0px;
    margin-top:0;
}


.obalPopiskyGalerieDolni .userHvezda{
    font-size:8px;
}

.homeStredZedKomentar .userHvezda{
    font-size:7px;
}

.receptVypisAutor .userHvezda{
    font-size:7px;
}

.produktVypisRecenzeLevyObrazek .userHvezda{
    font-size:13px;
}

.skupinaSpravceObrazek .userHvezdy2{
    width:78%;
    height:78%;
    margin-left:11%;
    margin-top:11%;
}

.skupinaZastupceObrazek .userHvezdy2{
    width:78%;
    height:78%;
    margin:11% 11%;
}

.homePozvat .userHvezda{
    font-size:7px;
}

.homeLevyTopObr .userHvezdy2{
    width:86%;
    height:86%;
    margin:7% 7%;
}

.homeLevyTopObr .userHvezda{
    font-size:12px;
}

.homeStredZedKomentPridat .userHvezda{
    font-size:7px;
}

.menuHorniPravy .userHvezda{
    font-size:7px;
}


.menuHorniPravy .userHvezdyObal{
    margin-right:0;
}

.profObr .userHvezdy2{
    width:90%;
    height:90%;
    margin:5% 5%;
}

.profObr .userHvezda{
    font-size:20px;
}

.profObr .userHvezdyObal{
    margin-right:0;
}

.userHvezdaSeda{
    color:#C0C2BE;
}


.menuNadpisInformace1{
    font-family: "Segoe UI",Arial,sans-serif;
    color: #657786;
    font-size:15px;
    font-weight:bold;
    margin-bottom:10px;
    font-style:italic;
}

.menuNadpisInformace2{
    font-family: "Segoe UI",Arial,sans-serif;
    color: #E75271;
    font-size: 14px;
    font-weight:bold;
    margin-bottom:5px;
}

.menuNadpisTextObal{
    margin-bottom:20px;
}

.menuNadpisText{
    font-family: "Segoe UI",Arial,sans-serif;
    color: #657786;
    font-size: 13px;
    font-weight: normal;
    text-align: left;

}

.alertCover {
    z-index:9999;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    color: white;
    top:0;
    left:0;
}

.alertBox {
    width: 340px;
    min-height: 150px;   
    background-color: white; 
    border-radius:20px;
    margin:auto;
    margin-top:100px;
    padding:10px;
    color:#333;
    display:flex;
    justify-content: center;
    align-items:center;
    font-weight:bold;
    font-size:19px;
    text-align:center;
    font-family: "Segoe UI",Arial,sans-serif;

}

.alertErr .alertBox {
    -webkit-box-shadow: 0 0 10px 0px red;   
    -moz-box-shadow: 0 0 10px 0px red;   
    box-shadow: 0 0 10px 0px red;   
}

.alertOk .alertBox {
    -webkit-box-shadow: 0 0 10px 0px green;   
    -moz-box-shadow: 0 0 10px 0px green;   
    box-shadow: 0 0 10px 0px green;     
}

.confirmBox {
    width: 340px;
    min-height: 150px;   
    background-color: white; 
    border-radius:20px;
    margin:auto;
    margin-top:100px;
    padding:10px;
    color:#333;
    display:flex;
    justify-content: center;
    flex-direction:column;
    align-items:center;
    font-size:16px;
    text-align:center;
    font-style:italic;
    font-family: "Segoe UI",Arial,sans-serif;   
}

.confirmButtons {
    display:flex;
    justify-content: space-evenly;
    width:100%;
    margin-top:30px;  
    font-style:normal;
    font-weight:bold;
    font-size:17;
    cursor:pointer; 
}

.confirmButton {

}

.confirmButton.confirmButtonOk {
    color:red;    
}
.confirmButton.confirmButtonCancel {
    color:gray;    
}


.youtubeObal {
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    margin-top: 10px;
} 
.youtubeObal iframe { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

#vyrobkyRazeniKategorie {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vyrobekRazeniHlavni {
    display: flex;
    align-items: center;
    padding: 0;
}

.vyrobekRazeniHlavni span {
    padding: 0;
}

.vyrobekRazeniNadpis {
    margin-right: 7.5px;
}

.vyrobekRazeniHlavni .knitdropshow {
    right: unset;
    left: 0;
}

.vybranaKategorie {
    background-color: rgb(255, 128, 181);
    color:white;
}

.vyrobekRazeniHlavniObal {
    z-index: 10;
}

.vyrobkyHledat{
    display:flex;
    justify-content: space-between;
    align-items:center;
    width:70%;
    background-color:#efefef;
    padding:10px;
    font-size:14px;
    border-radius:10px;
}

.vyrobkyHledatInput{
    width:1px;
    flex-grow:1;
    margin-right:10px;
    overflow:hidden;
}

.vyrobkyHledatTop{
    display:flex;
    justify-content: space-between;
    align-items:center;
    margin: auto;
    margin-top:30px;
    max-width: 1160px;
    width: 100%;
}

.vyrobekPridatTlacitko {
    display:flex;
    justify-content: space-between;
    align-items:center;
    color:white;
    background-color: #BA8CD8;
    border-radius:10px;
    padding:10px;
    padding-right:15px;
    font-size:14px;
    font-weight:bold;
    font-family: "Raleway", Arial, sans-serif;
    cursor:pointer;
    white-space:nowrap;
    margin-left:10px;
    height: 40px;
}

.vyrobkyHorniVelkyObal {
    margin: auto;
    max-width: 1160px;
    width: 100%;
    margin-bottom:20px;
    margin-top:50px;
    
}

.vyrobkyHorniVelkyObal .prizeHorniVelkySloup1{
flex-direction:column;
}


.vyrobkyHorniVelkyInfo{
display:none;

}

.vyrobkyHorniVelkyCast{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:15px;
color: #757575;
}

.vyrobkyHorniVelkyCastCislo{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:bold;
color:#333;
font-size:15px;
}

.vyrobkyHorniVelkyPodkategorieObal{
display:flex;
flex-wrap:wrap;
}


.vyrobkyHorniVelkyPodkategorie{
margin-bottom:30px;
margin-top:20px;    
}

.vyrobkyHorniVelkyPodkategorie1{
    margin-bottom: 8px;
    margin-right: 10px; 
    text-decoration: underline;
    cursor: pointer;
    color: #7f7f7f;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
}



.vyrobkyHorniVelkyObal .vyrobekPodobnyInfo {
padding-right:6px;
justify-content:flex-end;
}

.vyrobkyHorniVelkyObal .vyrobekPodobnyInfo .levyInformace1 {
font-family: 'Open Sans',Roboto,sans-serif;
font-size:9px;
}

.vyrobkyHorniVelkyObal .vyrobekPodobnyInfo .levyInformace1 .fa-heart {
font-size:12px;
}


.vyrobkyFilter .knitdropshow .menuRazeni li{
font-size:13px;
font-family: "Segoe UI",Arial,sans-serif;
}


#vyrobkyRazeniKategorie{
font-size:17px;
}


@-webkit-keyframes infiniteRotate {    
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
/* Standard syntax */
@keyframes infinite-rotate {  
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
.rotate {
    -webkit-animation: infiniteRotate 5s linear infinite; /* Safari */
    animation: infiniteRotate 5s linear infinite;
}

#appimage {
    z-index: 1500;
    background-color: black;
}

#appimage img {
    
}




#pc7 .vyrobekNeni{
/*padding-top:20px;
padding-bottom:20px;**/
}

#pc8 .vyrobekNeni{
padding-top:20px;
padding-bottom:20px;
}


/*loading******************************************************************************************************************/

/*responsive*********************************************************************************/

@media(max-width:1190px){

#pc10 .inspiracePrazdne{
    margin:-3px;
    width:calc(100% + 6px);
}

}

@media(max-width:1190px){
    
    .vyrobkyHorniVelkyObal {
	padding: 0 5px;
    }


    .odPanel{

    }

    .containerHlavni{
	width:100%;
    }

    .indexHorniRadek{
	flex-direction:column;
	align-items:center;
    }

    .indexHorniRadekDiskuze{
	padding:0;
	width:680px;
    }

    .indexHorniRadekDiskuze .homeScrollMoje{
	max-height:unset ;
    }

    .sloupecHlavni{
	float:none;
	margin:auto;
	margin-top:40px;
    }

    .containerVypis{
	width:100%;
    }

    .vyrobkyVypisNadpis .news{
	width:100%;
	margin-top:10px;
	margin-bottom:10px !important;
    }

    .vyrobkyVypisNadpis {
	padding-right:10px;
    }

}



@media(max-width:1100px){
    
    .vyrobkyHledatTop{
	padding: 0 5px;
    }
    

    .obalPopiskyGalerieCele{
	display:none;
    } 

    .zavritObrazek{
	top:5px;
	right:5px;
	font-size:25px;
    }

    .vyrobekObrazekModalIn{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.2);
    } 

}




@media (max-width: 1020px) {
    .panel-footer{
	bottom:50px !important;
	padding-bottom: 50px;
    }

    body{
	padding-bottom:200px;
    }

    .vypisObal{
	width:48%;
    }
    
    .carousel{
	display:none;
    }
    .carouselVyrobky{
	display:block;
    }
}


@media(max-width:720px){

    .carousel{
	display:none;
    }
    .carouselVyrobky{
	display:block;
    }
    
    
    
}

@media(max-width:700px){

    .uvodObal{
	width: 510px;
	height: 309px;
    }

    .menuRazeni li:hover{
	/*2background-color: inherit;
	color: inherit;          */
    }

    .uvodObalJeden{
	width: 510px;
    }

    .uvodFotoText{
	width: 510px;
    }


    .odPanel{
	padding:0 5px!important;
    }

    .indexTretiRadek{
	width:100% !important;
    }

    .containerHlavni{
	width:100%;
    }

    .indexHorniRadekDiskuze{
	width:100%;
	padding:0 5px;

    }

    .sloupecHlavni{
	width:100%;
	padding:0 5px;

    }

    .homeStredSkupinyKategorieVypis2Nazev{
	font-size:11px;

    }

    .homeStredSkupinyKategorieVypis2 .ikonkaKat{
	margin-right:1px;
    }

    .homeStredSkupinyKategorieVypis1 {
	width:31%;
    }

    .homeStredSkupinyKategorieVypis2Cislo {
	font-size:11px;
    }

    .index .homeStredSkupina{
	width:49%;
    } 

    .index .homeStredSkupina:nth-child(1n+3){
	display:none;
    } 

    .homeStredSkupina{
	width:49%;
    } 
    .homeStredSkupina:nth-child(3n+2){
	margin-left: 0;
	margin-right: 0;
    }

    .homeStredSkupinyObsahObsah{
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;

    } 




    .skupinaAkceText{
	display:none;
    }

    .homeStredSkupinaAutor{
	padding-top:3px;
	padding-bottom:3px;
    }

    .obalPadding{
	padding-left:65px;
    }

    .vyrobekrazeni{
	padding-left:0px;
	margin-right:0px;
	font-size:13px;
    }

    .vyrobekRazeniObal .knitdropshow{
/*	left:-32px;
	right: unset;*/
    }
    
    .vyrobkyHorniVelkyObal {
	margin-top: 25px;
	margin-bottom: 25px;
    }



}

@media(max-width:600px){
    .vypisObal{
	width:100%;
    }

    .obalPadding .socialJm{
	display:none;
    }

    .vyrobekObrazekPD{
	display:none;
    } 
}

@media(max-width:510px){

    .indexVyrobkyLang2{
	display:block;
    }

    .indexVyrobkyLang1{
	display:none;
    }


    .uvodObal{
	width: 360px;
	height: 218.117647px;
    }

    .uvodObalJeden{
	width: 360px;
    }

    .uvodFotoText{
	width: 360px;
    }

    .obalPadding{
	padding-left:45px;
    }

    .obalPadding::after{
	left:20px;
    }

    .nadpisTitle{
	font-size:15px;
	margin-top:5px;
	margin-bottom:5px;
    }

    .podTitle{
	font-size:13px;
	margin-bottom:5px;
    }

    .datum{
	font-size:14px;
	width:40px;
	padding-top:2px;
    }

    .datum span{
	font-size:12px;
	margin-top:5px;
    }



    .ivCislo {
	font-size:11px;
    }

    .komTitle .material-icons{
	padding-bottom:1px;
    }

    .vyrobkyVypisNadpis .news{
	height:unset;
	flex-direction:column;
	border-left:none;
	margin-top: 0px;
	margin-bottom: 0px;
    }

    .vyrobkyVypisNadpis .vyrobkyFilter{
	justify-content: space-around;
	padding-left:0;
	padding-top:10px;
    }
    
    .vyrobkyVypisNadpis .vyrobkyFilter.vyrobekRazeniHlavniObal {
	background-color: white;
    }
    
    .vyrobkyVypisNadpis .news span {
	background-color: transparent;
    }

    .vyrobkyVypisNadpis .news span{
	text-align:center;
	margin-bottom:12px;
    } 

    .vyrobkyVypisNadpis{
	padding-right:0px;
	padding-bottom:0px;
	background-color:white;
    }

    .vyrobekRazeniObal.cpodk .knitdropshow{
	left:0px;
	right: unset;
    }

    .vypisKategorieZavorka{
	display:none;
    }
    
    .vyrobekRazeniObal.dropNavod .knitdropshow{
	right: -25px;
    }



}

@media(max-width:375px){

    .uvodObal{
	width: 375px;
	height: 227.205882px;
    }

    .uvodObalJeden{
	width: 375px;
    }

    .uvodFotoText{
	width: 375px;
    }

}

@media(width:375px){

    .containerHlavni{
	padding-top:0;
	margin-top:-10px;
    }
}


@media(width:360px){

    .containerHlavni{
	padding-top:0;
	margin-top:-10px; 
    }


}

@media(max-width:359px){

    .uvodObal{
	width: 320px;
	height: 193.8823529px;
    }

    .uvodObalJeden{
	width: 320px;
    }

    .uvodFotoText{
	width: 320px;
    }

    .homeStredSkupinyKategorieVypis1 {
	width:31%;
    }

}

@media(width:320px){

    .containerHlavni{
	padding-top:0;
	margin-top:-10px;
    }
}