html,body{margin:0;padding:0;}
body{ text-align:center; font-size:15px; font-family: 'Playfair Display', serif; /*font-family: 'Titillium Web', sans-serif;*/ background: #F9E9FF; color:#2D2D2D; letter-spacing: 0.3px;}

input{-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}

img{border:0}
form{margin:0;}
p{margin:10px 0 10px 0;padding:0;}
a:link, a:visited {color:#2D2D2D;text-decoration:none;}
a:hover {color:#2D2D2D;text-decoration:underline; opacity: 0.9;}


/*.font1 {font-family: 'Caudex', serif;}*/
.font1 {font-family: 'Playfair Display', serif;}


/* SEO H1 */
.web-title {float: left; position:fixed;left: -100%;margin: 0px;font-size: 1px;}

.web-background {position: fixed; width: 100vw; height: 100vh; z-index: 0; background-position: center 0px !important; background-size: cover !important;}

.menu-background {position: fixed; left: 0px; right: 0px; top: -20px; width: 100%; height: 120px; overflow: hidden; z-index: 88;}
.menu-background-bg {position: relative; width: 100%; height: 100%; background-position: center top !important; background-size: 1920px auto !important; filter: blur(8px); -webkit-filter: blur(8px);}






/*  HEADER and MENU  */
.web-header-ghost, .web-header { height: 100px; }
.web-header-ghost {width: 100%; position: relative;}
.web-header {top: 0px;width: 100%; background: rgba(0,0,0,0.3); position: fixed; z-index: 99; box-shadow: 0px 0px 30px -15px black, 0px 0px 50px -10px white; }
.web-header-in {position: relative; width: 100%; max-width: 1200px; margin: auto; }


.web-logo {width: 200px; height: 200px; position: absolute; left: 0px; right: 0px; margin: auto; top: -110px; display: block; background: #FFF url("/images/design/logo_bylinke_png.png") no-repeat; background-size: 62% auto; background-position: 63% 83%; border-radius: 50%;}

.web-lang-menu {position: absolute; right: -50px; top: 28px;}
.web-lang-menu a {color: #6e6e6e; opacity: 0.5; text-decoration: none;}
.lang-actual {opacity: 1 !important;}

.web-main-menu, .web-main-menu-in {height: 50px;}
.web-main-menu {display: none; position: absolute; left: 350px; top: 15px;}
.web-main-menu-in {position: relative; display: table;}
.main-menu-item {display: table-cell; position: relative; height: 100%; vertical-align: middle;}
.main-menu-item:hover {background: rgba(0,0,0,0.05);}
.main-menu-item a {display: block; color: #545454; padding: 12px 15px; font-size: 16px; text-transform: uppercase;}
.main-menu-item a:hover {text-decoration: none;} 
.main-menu-item-subs {position: absolute; top: 100%; background: white; box-shadow: 2px 3px 10px -4px silver; min-width: 170px; text-align: left;}
.main-menu-item-subs {transform: scale(0); -webkit-transform: scale(0); opacity: 0; transform-origin: left top; -webkit-transform-origin: left top; transition: all 0.3s; -webkit-transition: all 0.3s; }
.main-menu-item-subs a:hover {background: rgba(0,0,0,0.05);}
.main-menu-item:hover .main-menu-item-subs {transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
.menu-active {background: rgba(0,0,0,0.05);}



.menu-user {float: right; position: absolute; right: -35px; height: 80px;width: 80px;margin: 10px 0px;}

.menu-user-bg {background: url(/images/ikony/ik_key_list.png);background-size: 88px auto;background-position: -4px -5px; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 3;}
.m-u-a {background: url(/images/ikony/ik_key_list_a.png);background-size: 88px auto;background-position: -4px -5px;}


.menu-user-img {width: 65px;height: 65px;margin: 4px 0px 0px 8px; border-radius: 50%; overflow: hidden; position: relative; z-index: 5; cursor: pointer;}
.menu-user-img {background: url(/images/ikony/ik_key_list.png); background-size: 88px auto; background-position: -12px -9px;}
.menu-user-img img {width: 100%; height: 100%;}
.menu-user-img a {width: 100%; height: 100%; display: block;}

.menu-user-menu {position: relative; width: 100%; height: 20px;}
.menu-user-menu-in {width: 290px; top: -9px; right: 55px; position: absolute; background: rgba(255,255,255,0.95); padding: 5px; text-align: left; z-index: 1; box-shadow: 0px 0px 8px -1px #414141; padding: 10px 20px; border-radius: 10px;}
.menu-user-menu-in {transition: all 0.3s; -webkit-transition: all 0.3s; transform-origin: right top; transform: scale(0); -webkit-transform: scale(0);}
.u-menu-on .menu-user-menu-in {transform: scale(1); -webkit-transform: scale(1); }
.menu-user-menu-in div {width: 100%; border-bottom: 1px solid #efefef; padding: 8px 0px; display: inline-block;}
.menu-user-menu-in div:last-child {border-bottom: none;}
.menu-user-menu-in div, .menu-user-menu-in div a {color: #505050;}
.menu-user-menu-in div img {margin-right: 7px; margin-top: -4px; margin-bottom: -10px; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; float: left;}

.menu-user-menu-in-main {margin-left: -5%; padding: 2% 5% !important; border-radius: 6px; background: rgba(0,0,0,0.05);box-shadow: 0px 1px 15px -10px black; margin-bottom: 10px;}
.menu-user-menu-in-main div {}






.menu-admin {width: 60px;top: 15px;left: 15px;position: absolute;background: rgba(255,255,255,0.5);padding: 5px;height: 60px;border-radius: 50%;}
.menu-admin span {font-size: 50px; line-height: 50px; padding-top: 5px; display: block; color: #555966;}


.web-main-menu-mobile {width: 34px; height: 34px; padding: 4px; background: rgba(255,255,255,0.5); position: absolute;left: 5px;top: 12px;display: none; border-radius: 50%; cursor: pointer;}
.web-main-menu-mobile span {color: rgb(85, 89, 102); font-size: 34px; line-height: 34px;}




/*  WEB MENU  */
.web-new-menu {width: 88%; margin: auto;}
.web-new-menu-in {width: 400px; display: table;}
.w-n-m-1 {float: left;}
.w-n-m-2 {float: right;}

.web-new-menu-item {display: table-cell; text-align: center;}
.web-new-menu-item div {width: 80px; height: 80px;}
.web-new-menu-item div {margin: 10px auto; background: url(/images/design/ikony-white.png);background-size: 892px auto; border-radius: 50%; box-shadow: 0px 0px 15px -8px black; position: relative;}
.w-m-1 div {background-position: -265px -10px !important;}
.w-m-2 div {background-position: -519px -10px !important;}
.w-m-3 div {background-position: -434px -10px !important;}
.w-m-4 div {background-position: -349px -10px !important;}
.w-m-5 div {background-position: -180px -10px !important;}
.w-m-6 div {background-position: -11px -10px !important;}
.web-new-menu-item div a {display: block; height: 100%; width: 100%;}

.web-new-menu-item span {position: absolute; opacity: 0; bottom: -6px; background: rgba(255,255,255,0.9); border-radius: 4px;text-transform: uppercase;padding: 1px 6px; margin: auto; left: -10px;right: -10px; box-shadow: 0px 0px 6px -1px black; pointer-events: none;}
.web-new-menu-item:hover span {bottom: 0px; opacity: 1;}



.w-m-a {transform: scale(0.9); -webkit-transform: scale(0.9);}
.w-m-a div:before {width: 98px; height: 98px; left: -9px; top: -6px;background: url(/images/design/icon-active.png); background-size: 100% auto; background-position: center center; content:""; position: absolute; z-index: -1;}







/* ERRORS */
.errors {max-width: 400px; text-align: left;}
.errors div {position: relative; margin: 15px 0px; padding-left: 30px;}
.errors div span {position: absolute;left: 0px; font-size: 25px; top: -2px; opacity: 0.9;}




/*  CONTENT  */
.web-container {min-height: 90vh;}
.web-content {position: relative;}

.web-content-gallery {display: inline-block;}
.web-content-gallery-item {width: 18%; margin: 1%; float: left;}
.web-content-gallery-item img {width: 100%; height: auto;}

.page-content {background: rgba(255,255,255,1); width: 98%; max-width: 1060px; margin: auto; padding: 80px 70px; text-align: left;}
.page-content h2 {font-size: 30px; margin: 15px 0px;}





/* LOGIN/REGISTER */
.form-content {width: 400px;text-align: center; margin: auto; margin-top: 100px; position: relative;}

.form-content-head {width: 100%; height: 40px; background: url(/images/design/cut_mask_5.png); background-position: center top; background-size: auto 80px;}
.form-content-head-icon {position: absolute; width: 70px; height: 70px; margin: auto; left: 0px; right: 0px; top: -60px; border: 2px solid rgba(255,255,255,0.8); border-radius: 50%;}

.icon-login {width: 90%; height: 90%; background: url(/images/design/ikony-white.png);background-size: 830px auto;background-position: -91px -99px;padding: 5%;border-radius: 50%;overflow: hidden;}

.form-content-head-line {position: absolute; height: 2px; width: 164px; top: -24px; background: rgba(255,255,255,0.4);}
.f-line-l {right: 0px;}
.f-line-r {left: 0px;}


.form-content-in {width: 100%; background: rgba(255,255,255,0.8);}
.form-content-in h2 {margin: 0px; padding: 20px 0px 0px;}
.login-form {width: 300px; margin: auto; padding: 30px;}
.login-form label {text-align: left;width: 100%;display: block;font-size: 11px;margin: 0px 0px 2px 3px;}
.login-form input {width: 280px; padding: 10px; margin-bottom: 20px; border: 1px solid #d1d1d1;}
.login-form button {color: white; font-size: 17px; position: relative;margin-top: 20px;width: 304px;padding: 10px; text-transform: uppercase; cursor: pointer; border: 1px solid rgba(0,0,0,0.7); background: rgba(0,0,0,0.7); letter-spacing: 1px;}
.login-form button span {opacity: 0.3;position: absolute; right: 10px; top:0px; bottom: 0px; margin: auto; height: 32px;}
.login-form button:hover > span {opacity: 1;} 
.login-form .checkbox {width: auto; margin-bottom: 0px;}
.req {position: relative;}
.req:after {content:"*"; position: absolute; right: -16px;top: 7px;font-size: 22px;opacity: 0.6;}
.prihlasenie-text {margin-top: 15px;}


.g-recaptcha {height: 78px;}


.why-not {text-align: left;background: rgba(255,255,255,0.5); padding: 2% 5%; font-size: 16px;width: 85%;margin: auto; }

.life-selector {width: 95%; padding: 0px 0px 3%; display: inline-block;}
.life-selector-in {width: 48%; float: left; background: rgba(255,255,255,0.5);}
.life-selector-in:first-child {margin-right: 4%;}
.life-selector-inner {margin: 30px auto;}
.life-selector-inner:hover {opacity: 0.8;}
.life-selector-inner a:hover {text-decoration: none;}
.life-selector-in-i {margin: auto; width: 160px; height: 160px; border-radius: 50%; box-shadow: 5px 5px 16px -10px black;}
.l-s-i-1 {background: url(/images/ikony-new/select-login.png); background-position: center center; background-size: 103%;}
.l-s-i-2 {background: url(/images/ikony-new/select-register.png); background-position: center center; background-size: 103%;}


.life-selector-in-text {margin-top: 15px; text-transform: uppercase; color: #2D2D2D; font-size: 20px;font-weight: 600;font-style: italic;}





/* HOME */
.home-box-1 {position: relative; height: 90vh; width: 100%;}
.home-box-1-in {position: absolute;width: 800px;margin: auto;left: 0px;right: 0px;top: 12vh;}
.home-box-1-in-0 {width: 100%;font-size: 16px; font-weight: 600; text-transform: uppercase; margin: auto; margin-bottom: 20px;}
.home-box-1-in-1 {width: 470px;font-size: 53px;font-style: italic;margin: auto; font-weight: 900;}
.home-box-1-in-2 { margin-top: 2vh; display: inline-block;}

.home-box-1-in-2 .h-2-item {width: 25%; padding: 4%; float: left; height: 230px;text-align: center;}
.home-box-1-in-2 .home-box-1-in-2-i {height: 100px; width: 100px; float: none; margin: auto; background: url(/images/design/ikony-home.png); background-size: auto 90% !important;}
.home-box-1-in-2 .h-2-item {font-size: 12px;font-style: italic;}

.home-box-1-in-2 .h-2-item span {margin: auto; margin-bottom: 10px; margin-top: -10px; width: 70%; display: block;font-size: 20px;font-style: italic; text-transform: uppercase; border-bottom: 1px solid #4a1d65;}

.home-box-1-in-2-1 .home-box-1-in-2-i {background-position: -549px center !important;}
.home-box-1-in-2-2 .home-box-1-in-2-i {background-position: -272px center !important;}
.home-box-1-in-2-3 .home-box-1-in-2-i {background-position: -368px center !important;}

.home-box-1-in-3 {margin-top: 2vh; background: rgba(0,0,0,0.75); color: white; display: inline-block; padding: 1.2% 10%;text-transform: uppercase; font-size: 18px;}
.home-box-1-in-3:hover {opacity: 0.8;}

.home-box-1-in-4 {margin-top: 15px; text-align: center;}










/* OBSAH */
.content-form {width: 100%;}

.content-head {margin: 100px auto 0px; width: 1200px; height: 40px; background: url(/images/design/cut_mask_5.png); background-position: center top; background-size: auto 80px; position: relative;}
.content-head-icon {position: absolute; width: 70px; height: 70px; margin: auto; left: 0px; right: 0px; top: -60px; border: 2px solid rgba(255,255,255,0.8); border-radius: 50%;}
.icon-span {width: 100%; display: block; height: 100%; text-align: center;}
.icon-span span {width: 86%;height: 86%;padding: 8%;font-size: 55px;display: block;color: white;}
.icon-span img {width: 100%; border-radius: 50%; overflow: hidden;}
.icon-login {width: 90%; height: 90%; background: url(/images/design/ikony-white.png);background-size: 830px auto;background-position: -91px -99px;padding: 5%;border-radius: 50%;overflow: hidden;}
.icon-herbar {width: 90%; height: 90%; background: url(/images/ikony-new/herbar-ikona.png);background-size: 100% auto;background-position: center;padding: 5%;border-radius: 50%;overflow: hidden;}



.content-head-line {position: absolute; height: 2px; width: 564px; top: -24px; background: rgba(255,255,255,0.4);}
.c-line-l {right: 0px;}
.c-line-r {left: 0px;}


.content-form-in {width: 1100px; padding: 50px; background: rgba(255,255,255,0.8); margin: auto; display: inline-block; position: relative; min-height: 600px;}


.profile-setings-menu {float: left; width: 18%;text-align: left; padding-right: 1%; border-right: 1px solid silver;}
.profile-setings-menu div {width: 94%; padding: 1% 3%; margin: 2% auto; display: inline-block;}
.profile-setings-menu div img {float: left;display: inline-block;margin-right: 4px; height: 24px; width: 24px;}
.profile-setings-menu div, .profile-setings-menu div a {color: #505050;}
.profile-setings-menu div a {display: block; padding: 7px 0px;}
.profile-setings-menu .active, .profile-setings-menu div:hover { background: #fff; box-shadow: 0px 2px 10px -6px black; border-radius: 6px;}
.profile-setings-menu div a:hover {text-decoration: none;}

.profile-setings-form {float: right; width: 78%; text-align: left;}
.profile-setings-form h2 {margin: 0px 0px 20px;}

.profile-setings-image {margin-bottom: 20px;}
.profile-setings-image p {display: block;text-transform: uppercase;font-size: 12px;color: #73717a; margin: 0px;}
.profile-setings-image-input { border: 1px solid silver; background: white; position: relative;}
.profile-setings-image-input span {position: absolute; font-size: 40px; height: 40px; width: 40px; left: 3%; top: 0px; bottom: 0px; margin: auto;}
.profile-setings-image-input input {padding: 2.5% 10%; width: 80%; cursor: pointer;}

.profile-setings-image-preview {width: 100%; margin-top: -15px;}
.profile-setings-image-preview img {max-width: 100%; height: auto;}



/* SOCIAL */
.social-form {width: 100%; max-width: 1200px; margin: 20px auto -30px; display: inline-block;}
.social-form-div {width: 42px; height: 42px; opacity: 0.8; margin: 5px 2px; float: left; background: url(/images/design/social-bg.png); background-size: 42px auto; background-position: 0px -1px;}
.social-form-div a {width: 100%; height: 100%; display: block;}
.social-form-div a i {color: white; font-size: 19px; height: 19px;width: 19px;text-align: center;margin: 10px 10px;}
.social-form-div:hover {opacity: 1;}

.social-grey .social-form-div {filter: grayscale(100%); -webkit-filter: grayscale(100%);}






/* PROFIL */
.profile-public {}
.profile-head {margin: 100px auto 0px; width: 1200px; height: 45px; background: url(/images/design/cut_mask_profil_2.png); background-position: 15px top; background-size: auto 62px; position: relative; z-index: 2;}
.banner-0 {margin: 150px auto 0px;}
.banner-1 {margin: 300px auto 0px;}
.profile-head-icon {position: absolute; width: 120px; height: 120px; margin: auto; left: -751px; right: 0px; top: -100px; border: 2px solid rgba(255,255,255,0.8); border-radius: 50%; z-index: 1; box-shadow: 0px 0px 20px -10px white;}
.profile-head-icon img {width: 100%; height: 100%; border-radius: 50%; overflow: hidden;}
.profile-head-line {position: absolute; height: 2px;  top: -24px; background: rgba(255,255,255,0.4);}
.p-line-l {right: 0px;width: 897px;}
.p-line-r {left: 0px; width: 150px;}
.profile-head-banner {position: absolute; top: -305px; left: 0px; height: 300px;overflow: hidden;z-index: 0; background: white; border-radius: 15px;}
.profile-head-banner img {width: 110%;margin-top: -150px;margin-right: -10%;-webkit-animation: zoomEffect 80s infinite;animation: zoomEffect 80s infinite;animation-timing-function: ease;animation-direction: normal;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-direction: alternate;animation-direction: alternate;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.profile-head-name {position: absolute; top: -72px; left: 302px; font-size: 34px;font-weight: 600;color: white;letter-spacing: 0.5px; text-shadow: 0px 1px 1px #262626;}

.profile-head-follow {position: absolute; right: 20px; top: -70px;}
.profile-head-follow button {height: 34px; border: none;background: white;font-size: 16px;text-transform: uppercase;padding: 6px 8px 7px 40px;margin-right: 15px;float: left; box-shadow: 0px 0px 5px -3px black; cursor: pointer; position: relative; border-radius: 4px; font-family: 'Playfair Display', serif;}
.profile-head-follow button:hover {opacity: 0.8;}
.profile-head-follow button img {left: 6px; top: 0px; bottom: 0px; margin: auto; position: absolute; height: 26px; width: 26px;}
.profile-head-follow-num {line-height: 24px; height: 28px; padding: 3px 12px 3px 44px; font-size: 20px;background: white; float: left; position: relative; box-shadow: 0px 0px 5px -3px black; pointer-events: none; border-radius: 4px;}
.profile-head-follow-num img {left: 6px; top: 0px; bottom: 0px; margin: auto; position: absolute; height: 26px; width: 26px;}
.banner-0 .profile-head-follow {right: 0px;}
.profil-btn-nahlasit {float: left;color: white;opacity: 0.6; margin-top: 2px; margin-right: 10px;text-shadow: 0px 1px 2px black; cursor: pointer;}
.profil-btn-nahlasit:hover {opacity: 1;}



@-webkit-keyframes zoomEffect {
  0% {-webkit-transform: scale(1) translateX(0);transform: scale(1) translateX(0);}
  100% {-webkit-transform: scale(1.2) translateX(-190px) translateY(-80px);transform: scale(1.2) translateX(-190px) translateY(-80px);}
}

@keyframes zoomEffect {
  0% {-webkit-transform: scale(1) translateX(0) translateY(0);transform: scale(1) translateX(0) translateY(0);}
  100% {-webkit-transform: scale(1.2) translateX(-10px) translateY(-80px);transform: scale(1.2) translateX(-190px) translateY(-80px);}
}

.profil-form {background: rgba(255,255,255,1);}
.profil-form-main {float: right; width: 70%; text-align: left;}
.profil-form-side {float: left; width: 28%; text-align: left;}

.profil-bio-holder {width: 100%; display: inline-block;}
.profil-bio-holder span {font-size: 50px; opacity: 0.2; line-height: 30px; width: 8%; float: left;}
.profil-bio {float: left; width: 92%; cursor: pointer; height: 74px; overflow: hidden; border-bottom: 2px solid #efefef;position: relative;}
.profil-bio:after {background: linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);position: absolute;left: 0px;right: 0px;height: 30px;bottom: 0px;width: 100%;content: "";}
.profil-bio div {text-align: justify;}
.bio-full {height: auto !important; padding-bottom: 15px;} 

.profile-my-items {width: 100%; display: inline-block;}
.profile-my-items-head {font-weight: 600; color: #575757; padding-left: 8%; width: 92%; font-size: 21px; margin-top: 5%; position: relative;}
.profile-my-items-head span {position: absolute; left: 1.3%; opacity: 0.2;}
.profile-my-items-holder {margin-left: 8%; width: 92%; border-top: 2px solid #efefef; padding: 2% 0px;display: inline-block;}
.profile-my-items-item {float: left; width: 25%;}
.profile-my-items-item a:hover {text-decoration: none; opacity: 0.8;}
.profile-my-items-item-in {width: 90%; margin: auto;}
.profile-my-items-item-in-img {width: 100%; height: 130px; overflow: hidden; background: #bfeaad; position: relative; border-radius: 10px;}
.profile-my-items-item-in-img:before {height: 75px; width: 75px;margin: auto;font-size: 74px;position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;font-family: FontAwesome; content: "\f299"; color: white; opacity: 0.5;}
.profile-my-items-item-in-img img {width: 100%; height: auto; position: relative;}
.profile-my-items-item-in-name {color: #2D2D2D;line-height: 15px;height: 30px;margin-top: 2%; overflow: hidden;}


.profile-my-info {padding: 5% 5%; background: rgba(0,0,0,0.025); border-radius: 10px; box-shadow: 0px 3px 15px -12px black;}
.profile-my-info div {padding: 9px 0px 9px 40px; position: relative;}
.profile-my-info div img {height: 28px;width: 28px;margin: auto;top: 0px;bottom: 0px;position: absolute; left: 1.3%; opacity: 0.7;}

.profile-my-location {position: relative; width: 308px; height: 308px; margin-top: 5%; border-radius: 10px; box-shadow: 0px 5px 15px -12px black; overflow: hidden;}
.profile-my-location img {width: 100%; height: auto; }

.profile-my-location:hover > img {transform: scale(1.3); webkit-transform: scale(1.3);}





/* HERBAR */
.herbar-head-out {width: 100%; position: relative; height: 50vh; display: inline-block;}
.herbar-head {width: 600px; margin-top: 13vh;}
.herbar-head .form-content-head .form-content-head-line {width: 264px;}

.herbar-search-input {display: inline-block; width: 100%; margin-bottom: 10%; position: relative;}
.herbar-search-input input {padding: 10px 15px; font-size: 15px; width: 65%; border: 1px solid #dedede; background: white; font-family: 'Playfair Display', serif;}

.herbar-search-output {position: absolute; padding: 0px 3%; left: 0px;right: 0px;width: 82%;background: rgba(255,255,255,0.9);top: 55px;margin: auto; text-align: left; box-shadow: 0px 0px 20px -12px black; z-index: 9;}
.herbar-search-output div {width: 100%; padding: 1% 0px; display: inline-block;}
.out-first:first-child {margin-top: 2%;}
.out-first:last-child {margin-bottom: 2%;}
.out-first:hover {opacity:0.9; background:rgba(0,0,0,0.05);}
.herbar-search-output div a {display: block; color: #2D2D2D;}
.herbar-search-output div a:hover {text-decoration: none;}
.herbar-search-output div a i {opacity: 0.6;}
.herbar-search-output div div {margin-right: 10px; float: left; width: 50px; height: 50px; position: relative; background: #bfeaad; overflow: hidden; padding: 0px;}
.herbar-search-output div div:before {height: 30px; width: 30px;margin: auto;font-size: 30px;position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;font-family: FontAwesome; content: "\f299"; color: white; opacity: 0.5;}
.herbar-search-output div div img {width: 100%; height: 100%; position: relative;}
.herbar-search-output div span {display: block; font-size: 17px;font-weight: 600;line-height: 15px;padding-top: 8px;}

.herbar-filter {width: 600px; margin: 1% auto; display: inline-block;}
.herbar-filter div {float: left; width: 20%; margin-bottom: 1%;}
.herbar-filter div a {display: block;height: 34px;width: 34px;color: white;font-size: 28px;line-height: 32px;text-transform: uppercase; margin: auto;border:2px solid transparent; border-radius: 50%; text-align: center; text-shadow: 0px 1px 1px black;}
.herbar-filter div a:hover {text-decoration: none; background: rgba(255,255,255,0.7); color: #353535; }
.fil-a a {border:2px solid white !important;}

.herbar-filter-bottom {width: 100%; margin: auto; display: table; padding: 8% 0px 3%;}
.herbar-filter-bottom div {display: table-cell; width: 1%; margin-bottom: 1%;}
.herbar-filter-bottom div a {display: block;height: 34px;width: 34px;color: #2D2D2D;font-size: 28px;line-height: 32px;text-transform: uppercase; margin: auto;border:2px solid transparent; border-radius: 50%; text-align: center;}
.herbar-filter-bottom div a:hover {text-decoration: none; background: rgba(0,0,0,0.3); color: #353535; }
.fil-b a {border:2px solid #2D2D2D !important;}


.herbar-listed {position: relative; width: 100%; background: rgba(255,255,255,1);}
.herbar-listed-in {margin: 4% auto; width: 96%; max-width: 1200px; display: inline-block; position: relative;}
.herbar-listed-item {float: left; width: 50%; display: inline-block; height: 200px; margin-bottom: 4%;}
.herbar-listed-item-img {width: 40%; overflow: hidden; float: left;height: 100%; border-radius: 10px;}
.herbar-listed-item-txt {width: 51%; padding: 0px 2%; float: left; text-align: left;height: 100%; box-shadow: 9px 1px 20px -20px black; position: relative; overflow: hidden;}
.herbar-listed-item-txt h3 {margin: 0px; font-size: 19px; color: #2D2D2D;}
.herbar-listed-item-txt i {display: block; font-size: 16px; margin-bottom: 9px; opacity: 0.6;}
.herbar-listed-item-txt a {color: #2D2D2D;}
.herbar-listed-item-txt-in {font-size: 14px;text-align: left;letter-spacing: 0.5px;line-height: 18px; opacity: 0.9; margin-top: 15px;}
.herbar-listed-item-txt-bottom {position: absolute; right: 4%; left: 4%; bottom: 0px; background: white; box-shadow: 0px -2px 15px 15px white;}
.herbar-listed-item-txt-bottom-more {padding: 2px 10px;font-size: 15px;font-weight: 600; float: right;}
.herbar-listed-item-txt-bottom-map {float: left;}
.herbar-listed-item-txt-bottom-map .ik {height: 16px; width: 16px; display: inline-block;}


.detail-background {position: fixed;left: 0px;right: 0px;top: -20px;width: 100%;height: 120px;overflow: hidden;z-index: 88;}
.detail-background div {position: relative;width: 100%;height: 100%;background-position: center top !important;background-size: 100% auto !important;filter: blur(8px);-webkit-filter: blur(8px);}
.herbar-detail {position: relative; width: 100%; background: rgba(255,255,255,1);}
.herbar-detail-image {width: 100%; height: 50vh; overflow: hidden; position: relative; background: white;}
.herbar-detail-image img {width: 100%; margin-top: -120px;}

.herbar-filter-right {top: 0px; bottom: 0px; width: 150px;position: absolute; right: 0px; overflow: hidden;}
.herbar-filter-right-in {overflow-y: scroll; height: 100%; width: 100%; padding-right: 30px;}
.herbar-filter-right-in:hover {background: rgba(255,255,255,0.3); padding-right: 0px;}
.herbar-filter-right-in div {}
.herbar-filter-right-in div a {background: rgba(255,255,255,0.5); border-radius: 50%;height: 25px;width: 25px;padding: 10px; color: #2D2D2D; font-size: 20px; text-transform: uppercase; display: block; margin: 10px auto; margin-left: 52px;}
.herbar-filter-right-in div a:hover {background: rgba(255,255,255,0.8) !important; text-decoration: none;}
.herbar-filter-right-in:hover div a {background: rgba(255,255,255,0.7);}
.fil-x a {background: rgba(255,255,255,0.9) !important;}


.herbar-detail-in {margin: 4% auto; margin-left: -100px; width: 96%; max-width: 1100px; min-height: 500px; display: inline-block;}
.herbar-detail-in-head {text-align: left; margin-bottom: 5%;}
.herbar-detail-in-head h2 {font-size: 38px; text-transform: uppercase; font-style: italic; margin: 0px; padding: 0px;}
.herbar-detail-in-head i {font-size: 18px; opacity: 0.6;}

.herbar-detail-kvitne {width: 100%; display: inline-block; margin-bottom: 3%;}
.herbar-detail-kvitne b {width: 23%;float: left; text-transform: uppercase; text-align: left;}
.herbar-detail-kvitne-items {width: 55%; float: left;}
.herbar-detail-kvitne-items div {width: 8.33%; float: left; opacity: 0.5;}
.mes-a {font-weight: 600; opacity: 1 !important;}

.herbar-detail-in-text {text-align: left; font-size: 16px;}
.herbar-detail-in-text h3 {margin: 0px; margin-top: 30px;}



.bylinka-side-box {width: 150px; position: absolute; top: 20px; right: 0px;}
.bylinka-side-box-in {padding: 10px 0px; display: block; position: relative; margin-bottom: 8px;}
.bylinka-side-box-in a:hover {text-decoration: none;}
.bylinka-side-box-in-i {height: 60px; width: 60px;background: url(/images/design/ikony-classic.png); background-size: 940px auto; margin: auto;}
.bylinka-side-box-in-text {font-size: 12px; letter-spacing: -0.3px; text-transform: uppercase; color: #878787; text-align: center;}
.bylinka-side-box-in-text b {font-size: 18px; line-height: 18px;color: #2D2D2D;}
.bylinka-side-box-in-text:hover {text-decoration: none;}
.b-s-b-1 {background-position: -293px 84px !important;}
.b-s-b-2 {background-position: -559px 84px !important}
.b-s-b-3 {background-position: -470px 84px !important;}
.b-s-b-4 {background-position: -381px 82px !important;}
.b-s-b-5 {background-position: -25px 82px !important;}
.je-tam {background: rgba(0,0,0,0.1);}
.je-tam:before {position: absolute; bottom: -8px; left: 0px;width: 0;height: 0;border-style: solid;border-width: 8px 75px 0 75px;border-color: rgba(0,0,0,0.1) transparent transparent transparent;content:"";}






/*  CLASSIC  LIST  */
.classic-listed {position: relative; width: 100%; background: rgba(255,255,255,1);}
.classic-listed-in {margin: 4% auto; width: 96%; max-width: 1200px; display: inline-block; position: relative; min-height: 500px;}
.classic-listed-item {float: left; width: 50%; display: inline-block; height: 200px; margin-bottom: 4%;}
.classic-listed-item-img {width: 40%; overflow: hidden; float: left;height: 100%; border-radius: 10px;}
.classic-listed-item-txt {width: 51%; padding: 0px 2%; float: left; text-align: left;height: 100%; box-shadow: 9px 1px 20px -20px black; position: relative;}
.classic-listed-item-txt h3 {margin: 0px; font-size: 19px; color: #2D2D2D;}
.classic-listed-item-txt i {display: block; font-size: 16px; margin-bottom: 9px;}
.classic-listed-item-txt a {color: #2D2D2D;}
.classic-listed-item-txt-in {font-size: 14px;text-align: justify;letter-spacing: -0.2px;line-height: 18px; opacity: 0.9;}
.classic-listed-item-txt-bottom {position: absolute; right: 4%; left: 4%; bottom: 0px;}
.classic-listed-item-txt-bottom-more {padding: 2px 10px;font-size: 15px;font-weight: 600; float: right;}


/*  CLASSIC  ITEM  */
.classic-item-image-fake {width: 100%; height: 40vh; overflow: hidden;}
.classic-item-image-admin {width: 100%; height: 18vh; overflow: hidden;}
.classic-item-background {position: fixed;left: 0px;right: 0px;top: -20px;width: 100%;height: 120px;overflow: hidden;z-index: 88;}
.classic-item-background div {position: relative;width: 100%;height: 100%;background-position: center top !important;background-size: 100% auto !important;filter: blur(8px);-webkit-filter: blur(8px);}
.classic-item {position: relative; width: 100%; background: rgba(255,255,255,1);}
.classic-item-image {width: 100%; height: 50vh; overflow: hidden; background: white; position: relative;}
.classic-item-image a {display: block; height: 100%; width: 100%;}
.classic-item-image img {width: 100%; margin-top: -120px;}

.classic-item-in {margin: 4% auto; margin-left: -100px; width: 96%; max-width: 1100px; min-height: 400px; display: inline-block;}
.classic-item-in-head {text-align: left; margin-bottom: 5%;}
.classic-item-in-head h2 {font-size: 38px; text-transform: uppercase; font-style: italic; margin: 0px; padding: 0px;}
.classic-item-in-head i {font-size: 18px;}

.classic-item-in-head-add {padding: 3px 10px; border-radius: 2px; background-color: rgb(98, 182, 61); position: absolute; top: 0px; right: 0px; cursor: pointer;}
.classic-item-in-head-add a {font-size: 20px; text-transform: uppercase; color: white;}
.classic-item-in-head-add a:hover {text-decoration: none;}
.classic-item-in-head-add span {margin-top: -1px; float: left; margin-right: 6px;}

.classic-item-filter {width: 100%; display: inline-block; margin-bottom: 20px;}
.classic-item-filter button {border: none;background: transparent;font-size: 15px;cursor: pointer;float: left;padding: 2px 10px;}
.classic-item-filter button:hover {opacity: 0.7;}
.c-i-f-a {font-weight: 600;}



.classic-item-in-text {text-align: justify; font-size: 16px;}
.classic-item-in-text h3 {margin: 0px; margin-top: 30px;}




.recept-cas {margin: 1% auto; position: relative; text-transform: uppercase; font-size: 18px; padding-left: 30px;}
.recept-cas span {font-size: 20px; position: absolute; left: 0px; top: 3px; opacity: 0.6;}
.recept-cas b {margin-left: 6px;}

.classic-content-blocker {text-align: center; padding: 2% 0px; margin: 4% auto; width: 100%; background: rgba(66, 185, 164, 0.1);}
.classic-content-blocker a {color: #2D2D2D; text-decoration: none;}
.classic-content-blocker a:hover {text-decoration: none;}
.classic-content-blocker .ik {margin: 1% auto; display: block;}
.classic-content-blocker div {font-size: 25px; text-transform: uppercase; font-style: italic;}
.classic-content-blocker b {text-transform: uppercase;background: #2D2D2D;color: white;font-weight: 100;padding: 2px 10px;margin: 1% auto;display: inline-block;}

.classic-used-items {}
.classic-used-item {display: inline-block; width: 100%; margin-bottom: 2%;}
.classic-used-item a {color: #2D2D2D;}
.classic-used-item img {border-radius: 5px; float: left; margin-right: 10px;}
.classic-used-item h3 {font-size: 18px; line-height: 24px; margin: 0px;}
.classic-used-item h4 {font-size: 13px; font-weight: 100; line-height: 10px; margin: 0px; margin-bottom: 3px; opacity: 0.6;}
.classic-used-item b {font-size: 17px;}
.classic-used-item .ik {margin-top: 3px; margin-right: 3px; height: 20px; width: 20px; float: left;}



#run-search {position: absolute; top: 5px; right: 20px; cursor: pointer;}
#run-search span {font-size: 32px;opacity: 0.5;}
#form-search {display: none;}
#form-search input {width: 93%;padding: 1% 2%;float: left;margin: 3px; margin-bottom: 4%;letter-spacing: 1px;font-size: 16px;border: none;box-shadow: 0px 0px 3px 0px silver; font-family: 'Playfair Display', serif;}
.ss-beside {top: 0px !important; right: -40px !important;}





/* ADMIN */
.my-list {padding: 11px 0px; width: 100%; display: inline-block; text-align: left; border-bottom: 1px solid silver; }

.my-list-admin-form {width: 102%; margin-left: -1%;margin-right: -1%;}
.my-list-admin {text-align: center; float: left; width: 16.5%;margin-bottom: 3%; display: block;}
.my-list-admin-in {width: 150px; height: 150px; margin: auto; border: 1px solid silver; border-radius: 50%;}
.my-list-admin-in:hover {box-shadow: 0px 0px 20px -10px black;}
.my-list-admin-in a {color: #2D2D2D;}
.my-list-admin-in a:hover {text-decoration: none;}
.my-list-admin-in span {font-size: 70px; padding-top: 25px; display: block; width: 70px; margin: auto; position: relative;}
.my-list-admin-in div {}



.my-list .my-img {width: 60px; height: 60px; margin-right: 15px; float: left; background: #a8dba8; border-radius: 6px; overflow: hidden;} 
.my-list .my-img img {width: 100%;}
.my-list .my-title {float: left;}
.my-list .my-title a {padding-top: 14px; display: block;font-size: 22px; color: #2D2D2D;}
.my-list .my-right {float: right; text-align: right}

.my-list .my-right div {font-size: 15px;padding: 19px 5px 17px 30px; margin-left: 15px; float: left; text-transform: uppercase; position: relative;}
.my-list .my-right div a {color: #2D2D2D;}
.my-list .my-right div span {font-size: 21px; position: absolute; top: 18px; left: 6px;}
.my-list .my-list-date {width: 95px; padding: 19px 5px 17px 5px !important; margin-left: 10px !important;}

.report-admin {}
.report-admin .my-title a {display: inline-block !important; font-size: 18px !important;}





/*  FORUM  */
.forum-links {width: 100%; display: inline-block; text-align: left;}
.forum-links a {font-size: 16px; text-transform: uppercase; color: #3f3f3f;}
.forum-links a span {font-size: 18px; margin-top: 4px;}

.forum-title {display: block;position: relative; padding-left: 50px;}
.forum-title div {display: block;}
.forum-title i {font-size: 13px; opacity: 0.6;}
.forum-title .letter-icon {color: white; font-size: 26px;position: absolute;left: -2px;top: 16px;width: 46px;height: 40px;background:#b0b0b0;border-radius: 50%;text-align: center;padding: 6px 0px 0px;}
.forum-title .letter-icon span {font-size: 36px;position: absolute;left: 0px;top: 5px;right: 0px;text-align: center;}
.letter-icon-color {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;opacity: 0.5;border-radius: 50%;mix-blend-mode: color;}

.extra-forum-icon {color: rgb(255, 255, 255);
font-size: 26px;
position: absolute;
left: -2px;
top: 16px;
width: 46px;
height: 46px;
background: rgb(176, 176, 176);
border-radius: 50%;
text-align: center;
padding: 0px;}



.forum-empty {font-size: 24px; opacity: 0.5;}
.forum-empty span {color: #86c5b3;display: block;font-size: 80px;margin: 2% auto;}


.forum-topic {display: inline-block; width: 100%; background: rgba(0,0,0,0.05); margin: 2% auto; border-bottom: 3px solid #c4ddb9; border-radius: 10px; box-shadow: 0px 6px 25px -20px black;}
.forum-topic-user {float: left; width: 15%; padding: 2%; text-align: center;}
.forum-topic-user-img {width: 130px; height: 130px; border-radius: 50%; overflow: hidden;margin: auto; box-shadow: 0px 2px 10px -8px silver;}
.forum-topic-user-name a {color: #2D2D2D; font-weight: 600; font-size: 17px; padding-top: 10px; display: block;}
.forum-topic-content {float: right;width: 79%;padding: 2%;text-align: justify; padding-left: 0px;}
.forum-topic-content-title {font-size: 24px; font-weight: 600;letter-spacing: 0.2px;}
.forum-topic-content-title span {float: left;font-size: 29px; padding-right: 7px; margin-left: -4px;}

.forum-post {width: 100%; display: inline-block; border-bottom: 3px solid #c4ddb9; border-radius: 10px; box-shadow: 0px 6px 25px -20px black; margin-bottom: 1%;}
.forum-post-user {float: left; width: 15%; padding: 1% 2%; text-align: center;}
.forum-post-user-img {width: 100px; height: 100px; border-radius: 50%; overflow: hidden;margin: auto; box-shadow: 0px 2px 10px -8px silver;}
.forum-post-user-img img{ width: 100%;}
.forum-post-user-name a {color: #2D2D2D; font-weight: 600; font-size: 14px; padding-top: 10px; display: block;}
.forum-post-content {float: right;width: 79%;padding: 1% 2%;text-align: justify; padding-left: 0px;}
.forum-post-content-title {font-size: 24px; font-weight: 600;letter-spacing: 0.2px;}
.forum-post-content-title span {float: left;font-size: 29px; padding-right: 10px;}
.forum-post-content-time {font-size: 15px; color: #717171;}
.forum-icon-time {width: 22px;height: 22px;border-radius: 50%;overflow: hidden;box-shadow: 4px 6px 6px -9px black;float: left;margin-right: 9px; margin-top: 1px;}

.forum-post-add {width: 96%; padding: 2%; display: inline-block; border-bottom: 3px solid #c4ddb9; border-radius: 10px; box-shadow: 0px 6px 25px -20px black; margin-bottom: 1%;}
.forum-post-add-title {font-size: 20px;text-transform: uppercase;font-style: italic;text-align: left;padding-bottom: 1%;}
.forum-post-add textarea {}




/* IkONY  */
.ik {width: 40px; height: 40px;}
.ik-mapa-b {background: url(/images/ikony/ik_mapa_b.png); background-position: center center; background-size: 120%;}
.ik-key-b {background: url(/images/ikony/ik_key_b.png); background-position: center center; background-size: 120%;}
.ik-mapa-b {background: url(/images/ikony/ik_mapa_b.png); background-position: center center; background-size: 120%;}
.ik-mapa-b {background: url(/images/ikony/ik_mapa_b.png); background-position: center center; background-size: 120%;}
.ik-mapa-b {background: url(/images/ikony/ik_mapa_b.png); background-position: center center; background-size: 120%;}
.ik-mapa-b {background: url(/images/ikony/ik_mapa_b.png); background-position: center center; background-size: 120%;}







/* FORMS ELEMENTS */
.classic-input { margin-bottom: 20px;}
.classic-input label {display: block; text-transform: uppercase;font-size: 12px;color: #73717a;}
.classic-input input {width: 35%;padding: 10px; font-size: 15px;border: 1px solid #d1d1d1;display: block; font-family: 'Playfair Display', serif;}
.classic-input textarea {width: 70%;padding: 10px; font-size: 15px; border: 1px solid #d1d1d1;display: block; font-family: 'Playfair Display', serif;}
.classic-input select {height: 40px; width: 35%;padding: 10px; font-size: 15px;border: 1px solid #d1d1d1;display: block;}
.classic-input select:hover {height: 130px;}

.switch label, .switch input {display: inline-block; width: auto; cursor: pointer;}
.switch label {color: #2D2D2D;font-size: 15px;font-weight: 600;}


.classic-hint {padding: 0px 0px 35px 25px; margin-top: -10px; position: relative; color: #242424; opacity: 0.25; transition: all 0.4s;}
.classic-hint span {font-size: 18px; left: 0px; top: 2px; position: absolute;}
.classic-hint:hover {opacity: 1; cursor:help;}





.top-items {width: 100%; display: inline-block; margin-bottom: 40px;}
.top-items-i {float: left; height: 65px !important; width: 24% !important; margin-right: 1%; box-shadow: 0px 0px 3px 0px silver;}
.mid-items {width: 100%; display: inline-block; margin-bottom: 40px;}
.mid-items .classic-input {width: 74%; float: left;}
.mid-items .classic-input textarea {width: 98%; padding: 1%; font-size: 16px;}




.topic-login {width: 100%; display: inline-block; margin: 30px auto; text-align: center; background: rgba(0,0,0,0.03);padding: 3% 0px;font-size: 18px;}
.topic-add-form {width: 100%; display: inline-block; margin-bottom: 15px;}
.topic-add {float: left; width: 95%;}
.topic-add input {width: 98%;padding: 1%; font-size: 15px;border: 1px solid rgb(209, 209, 209);display: block;}

.topic-add-icon {float: right; height: 43px; width: 43px; position: relative; border: 1px solid rgb(209, 209, 209);}
.topic-add-icon-click {}
.topic-add-icon-click span {font-size: 36px;height: 35.5px;width: 35.5px;display: block;padding: 4px;}
.topic-add-icon-select {position: absolute; width: 284px; right: 0px; top: 44px; background: white; transform: scale(0); -webkit-transform: scale(0); transform-origin: right top; -webkit-transform-origin: right top; z-index: 9; box-shadow: 0px 3px 20px -10px black;}
.topic-add-icon-select span {opacity: 0.7; float: left;font-size: 30px;height: 30px;width: 30px;padding: 5px;}
.topic-add-icon-select span:hover {opacity: 1; cursor: pointer;}

.topic-add-icon:hover .topic-add-icon-select {transform: scale(1); -webkit-transform: scale(1);}







.buttons {width: 100%; display: inline-block; margin-top: 30px;}
.button {float: left; margin-right: 30px;}
.button button {background: transparent; border: none;cursor: pointer; padding: 7px 35px; font-size: 17px; color: white; text-transform: uppercase; font-family: 'Playfair Display', serif; letter-spacing: 1px;}
.button a {background: transparent; border: none; cursor: pointer; padding: 7px 35px; font-size: 17px; color: white; text-transform: uppercase; display: block; font-family: 'Playfair Display', serif;}
.button a:hover {text-decoration: none;}

.btn-save {background: rgb(98, 182, 61);}
.btn-cancel {background: rgba(0,0,0,0.7);;}


.delete-dialog {border: 1px solid #931919; font-size: 24px; padding: 2% 2%; text-align: left;}










/*  NEW  BYLINKE  */
.mapa-form, #free-map {width: 100%; position: fixed !important; top: 100px; left: 0px; right: 0px; bottom: 0px; background: rgb(229, 227, 223);}

#free-map-info {position: absolute; width: 96%; max-width: 900px;bottom: 8vh; background: rgba(255,255,255,0.9); margin: auto; left: 0px;right: 0px;box-shadow: 0px 1px 8px -2px black;}
#free-map-info {transition: all 1s cubic-bezier(.69,.05,.13,1.18); -webkit-transition: all 1s cubic-bezier(.69,.05,.13,1.18); }
.free-map-info-head {padding: 3%;padding-bottom: 3%;font-size: 30px;padding-bottom: 1%;}
.free-map-infotext {margin: 2% 5%;background: #26639f;color: white;padding: 1% 0px;font-size: 18px;}

.f-m-i-hide {bottom: -800px !important;}






/*  STREAM  */
.stream-here {position: relative; padding-bottom: 100px;}
.stream-box {padding: 1.1% 2%; box-shadow: 0px 0px 10px -7px black; margin: 2% 0px; text-align: left; position: relative; background: rgba(255,255,255,1);}
.stream-box-date {font-size: 11px; position: absolute; right: 15px; top: 30px; text-transform: uppercase; color: #6c6c6c;}

.new-notify {box-shadow: 0px 0px 10px -2px black;}
.old-notify {background: rgba(255,255,255,1); box-shadow: 0px 0px 9px -10px black; filter: grayscale(0.2);}
.clear-notify {padding: 2% 0px;font-size: 16px;text-transform: uppercase;background: rgba(0,0,0,0.7); border: none;color: white;width: 100%; cursor: pointer; position: relative;}
.clear-notify span {height: 30px; font-size: 30px;width: 21%;left: 0px;top: 0px;bottom: 0px;margin: auto;position: absolute;}
.clear-notify:hover {opacity: 0.8;}


.redd {color: #f3243a !important; text-shadow: 1px 1px 5px #d2d2d2;}
.alertt {right: -11px; top: -4px; background: #d20000; color: white; border-radius: 50%; font-size: 18px; line-height: 22px; height: 30px; width: 30px; position: absolute;}


.menu-user-notify {position: absolute; right: -90px;width: 42px;height: 42px;top: 52px;}
.menu-user-notify img {width: 100%; height: auto;}

.menu-user-add-b {position: absolute; right: -90px;width: 42px;height: 42px;top: 4px;}
.menu-user-add-b img {width: 100%; height: auto;}
.menu-user-add-b span {position: absolute;
opacity: 0;
bottom: -26px;
background: rgba(255,255,255,0.9);
border-radius: 4px;
text-transform: uppercase;
padding: 1px 6px;
margin: auto;
left: -20px;
right: -20px;
box-shadow: 0px 0px 6px -1px rgb(0, 0, 0);
pointer-events: none;font-size: 13px;line-height: 14px;}
.menu-user-add-b:hover span {bottom: -18px;opacity: 1;}


.stream-box-icon {background: rgb(237, 237, 237); width: 18%;  position: absolute; top: 0px; bottom: 0px; left: 0px;  overflow: hidden;}
.stream-box-icon:after {width: 16px;right: 0px;top: 0px;bottom: 0px;content:""; background: url(/images/ikony-new/maska-ikona.png); background-size: 100% 100%; position: absolute;}
.stream-box-icon span {display: block; width: 35px; font-size: 35px; color: white; height: 35px; top: 0px; bottom: 0px; margin: auto; position: absolute; left: 0px; right: 0px;}
.stream-box-icon-img {width: 60px; height: 60px; border-radius: 50%; overflow: hidden; position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;margin: auto; box-shadow: 4px 6px 6px -8px black;}

.stream-box-icon-map {position: relative; height: 100%; width: 100%; overflow: hidden;}
.stream-box-icon-map img {opacity: 0; width: 100%; height: auto;position: absolute; left: -200px;right: -200px;top: -200px;bottom: -200px;margin: auto;}
.stream-box:hover > .stream-box-icon .stream-box-icon-map img {opacity: 1; transform: scale(1.9); -webkit-transform: scale(1.9);}
.stream-box:hover > .stream-box-icon > .map-icon {transform: scale(0.4); -webkit-transform: scale(0.4);}


.stream-box-icon-effect {opacity: 0; transform: scale(1); -webkit-transform: scale(1); position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;}
.stream-box:hover > .stream-box-icon .stream-box-icon-effect {opacity: 1; transform: scale(1.5); -webkit-transform: scale(1.5);}

.stream-box:hover > .stream-box-icon .i-i-hide {opacity: 0; transform: scale(0); -webkit-transform: scale(0);}




.stream-box-inner {padding-left: 19%; min-height: 60px; display: inline-block;}
.stream-box-inner-head {min-height: 30px; margin-top: 15px;}
.stream-box-inner-head img {vertical-align: middle; max-height: 34px; max-width: 34px; margin-top: -4px; border-radius: 50%; box-shadow: 1px 3px 3px -4px black;}
.stream-box-inner-head {color: rgb(107, 107, 107);}
.stream-box-inner-head a {font-size: 17px; color: #2D2D2D; }
.stream-box-inner-head a:nth-child(2) img {margin-left: 10px;}

.stream-box-inner-icon {width: 22px; height: 22px; border-radius: 50%; overflow: hidden; box-shadow: 4px 6px 6px -9px black; float: left; margin-right: 9px; margin-left: 6px;}

.stream-box-obsah-text {text-align: justify; border-top: 1px solid silver; margin-top: 10px;}

.s-item-title {padding-top: 8px; font-size: 16px; color: rgb(74, 74, 74);}





.b-i-bylinka {min-height: 145px; color: #969696;}
.stream-box-inner-bylinka-info {border-top: 1px solid silver; margin-top: 15px; padding-top: 15px;}
.stream-box-inner-bylinka-info-line {padding-bottom: 7px;}
.stream-box-inner-bylinka-info-line span {font-size: 20px; color: #6f6f6f;}
.stream-box-inner-bylinka-info-line strong {font-size: 17px; font-weight: 100; display: inline-block;}
.stream-box-inner-bylinka-info-line div {display: inline-block;}
.stream-box-inner-bylinka-info-line .rat {font-size: 20px; margin-top: -5px;}


.stream-hint-add {text-align: center; color: #868686;}
.stream-hint-add span {display: block;font-size: 100px; color: silver;}

.remove {color: white; display: block; margin: auto; width: 80px;background: #303030;padding: 8px 50px 8px 70px; cursor: pointer; font-size: 16px; position: absolute;left: 0px;right: 0px;bottom: 35px;}
.remove span {font-size: 23px; position: absolute; left: 31px; top: 7px;}

.home-loader {display: none; height: 90px; width: 80px; display: block; margin: auto; position: relative;  background: url(/images/loader.gif); background-position: center top !important; background-size: 100% auto !important; background-repeat: no-repeat; position: absolute;left: 0px;right: 0px;bottom: 5px;}




.stream-refresh, .stream-options {position: absolute;  top: 75px; width: 42px; height: 42px;} 
.stream-refresh {right: 105px;}
.stream-options {right: 50px;}
.stream-refresh span, .stream-options span {padding: 6px; display: inline-block; color: #fff;cursor: pointer;background: #505050;border-radius: 50%;}



.stream-options-in {padding: 8% 18%;margin: 0px;border-top: 1px solid #ececec;list-style: none;cursor: pointer;background: #f5f5f5;position: absolute;right: 10px;top: 40px;box-shadow: 3px 3px 15px -10px black; z-index: 9;}
.stream-options-in {transform: scale(0);-webkit-transform: scale(0);opacity: 0;transform-origin: right top;-webkit-transform-origin: right top;}
.stream-options:hover .stream-options-in {transform: scale(1);-webkit-transform: scale(1);opacity: 1;}

.stream-options-in div {white-space: nowrap; padding: 10px; text-align: left;}
.stream-options-in div input, .stream-options-in div label { cursor: pointer;}


.stream-head {text-align: left; margin: -40px 5% 4%;  text-transform: uppercase; text-align: center;}
.stream-head h2 {font-size: 28px; font-style: italic;}




.stream-search {top: 74px; right: 162px; height: 42px; width: 42px; position: absolute; }
.stream-search-input {height: 39px; top: 0px; right: 0px;  padding-right: 42px; position: absolute; transform: scale(0); transform-origin: center right; opacity: 0; border: 2px solid rgb(80, 80, 80); border-radius: 31px; background: rgba(255, 255, 255, 0.5);}
.stream-search-input input {width: 200px; font-size: 14px; height: 20px; padding: 10px; background: transparent; border: none;}
.stream-search-input button {position: absolute;right: 45px;height: 22px;width: 22px;font-size: 22px;padding: 0px;border: 0px;background: transparent;cursor: pointer;margin: auto;top: 0px;bottom: 0px;}
.stream-search-input button i {color: rgb(117, 98, 145);}
.stream-search-icon {height: 42px; width: 42px; cursor: pointer;position: relative;z-index: 3;}
.stream-search-icon span {padding: 6px;display: inline-block;color: rgb(255, 255, 255);cursor: pointer;background: rgb(80, 80, 80);border-radius: 50%;}

.s-input-go {transform: scale(1); opacity: 1;}










/*  DETAIL  BYLINKY  */
.detail-form {position: relative; width: 100%; height: auto;}

.detail-map {position: fixed; top:100px; bottom: 0px; left: 0px; right: 600px; background: #d8d8d8; box-shadow: 0px 0px 10px -5px black; z-index: 1;}
 #pro-map {width: 100%; height: 100%; }
.detail-info {width: 600px; margin-left: auto; background: rgba(255,255,255,1);}

.detail-info-head {position: relative; height: 400px;}
.detail-info-head-img {width: 100%; height: 400px; background: #81c681; display: inline-block; position: relative; overflow: hidden;}
.detail-info-head-img img {width: 100%; height: 400px;}
.detail-info-head-img i {position: absolute;font-size: 190px;left: 0px;right: 0px;top: 70px;color: white;opacity: 0.2; pointer-events: none;}

.detail-info-head-user {width: 100%;height: 40px;background: url(/images/design/cut_mask_full.png);background-position: center top;background-size: auto 80px;position: absolute;bottom: 0px;}
.detail-info-head-user-img {position: absolute;width: 96px;height: 96px;margin: auto;left: 0px;right: 0px;top: -67px;box-shadow: 0px 0px 10px -3px black;border-radius: 50%;overflow: hidden;}
.detail-info-head-user-img img {width: 100%; height: 100%;}

.detail-info-about-user {font-size: 17px; width: 90%; margin: 10px auto 30px;text-align: left;}
.detail-info-about-user a {color: #305c8d; font-weight: 600;}
.detail-info-about-user .text {color: grey; font-size: 15px; margin: 10px auto; padding-left: 30px;}
.detail-info-about-user-icon {width: 24px;height: 24px;border-radius: 50%;overflow: hidden;box-shadow: 4px 6px 6px -9px black;float: left;margin-right: 5px;margin-left: 0px;padding: 0px !important;}
.detail-info-about-user-gps {color: rgb(146, 146, 146); font-size: 16px;}
.detail-info-about-user-gps i {font-size: 17px;width: 17px;height: 17px;background: rgb(174, 176, 179);color: white;text-align: center;display: inline-block;padding: 4px;border-radius: 50%;}



.detail-info-findme {width: 92%; margin: 0px auto 10px; display: inline-block;}
.detail-info-findme-1, .detail-info-findme-2 {background: white; border: 1px solid silver; border-radius: 3px; height: 40px; cursor: pointer;}
.detail-info-findme-1:hover, .detail-info-findme-2:hover {border: 1px solid #777; background: #f2f2f2;}
.detail-info-findme-1 {width: 12%; float: left;}
.detail-info-findme-1 span {padding: 4px; display: inline-block;}
.detail-info-findme-2 {width:85%; float: right; line-height: 40px; font-size: 17px; text-transform: uppercase; position: relative;}
.detail-info-findme-2 span {left: 15px; padding: 5px; font-size: 21px; opacity: 0.7; line-height: 30px; position: absolute;}

.d-b-green {border: 1px solid #0eb303; box-shadow: 0px 0px 10px -4px #0eb303; background: #f9fff9;}
.d-b-green span {color: green;}

.d-b-green2	{border: 1px solid #0eb303; box-shadow: 0px 0px 10px -4px #0eb303; background: #21b02d; color: white; opacity:1 !important; pointer-events: none;}
.d-b-green2 span {color: white; opacity:1;}

.detail-info-bylinka {margin: auto; width: 92%; background: white; padding: 2%; text-align: justify; padding-bottom: 40px; padding-top: 30px;}
.detail-info-bylinka img {float: left; border-radius: 3px; padding-right: 1%; padding-bottom: 1%; height: 85px; width: 85px;}

.detail-info-bylinka p {line-height: 16px;}
.detail-info-bylinka-in {height: 70px; overflow: hidden; cursor: pointer; letter-spacing: 0.5px; position: relative;}
.detail-info-bylinka-in:after {background: linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);position: absolute; left: 0px; right: 0px; height: 30px; bottom: 0px; width: 100%; content:"";}
.d-i-b-i {height: auto; padding-bottom: 30px;}

.detail-info-bylinka-about {margin-bottom: 20px;}
.detail-info-bylinka-about-head {margin-bottom: 10px;}
.detail-info-bylinka-about-head h2 {margin: 0px; font-size: 24px;text-transform: uppercase;font-style: italic;}
.detail-info-bylinka-about-head h2 a {color: #2D2D2D;}
.detail-info-bylinka-about-head i {opacity: 0.6; font-size: 18px;}
.detail-info-bylinka-about-head img {float: left; width: 32px; height: 32px; padding: 0px; margin: 0px; margin-right: 5px; border-radius: 50%;}
.detail-info-bylinka-about-all {display: inline-block; width: 100%; margin: 15px auto;}
.detail-info-bylinka-about-all div {float: left;padding-right: 12px; position: relative; text-transform: uppercase; font-size: 12px;font-weight: 600;}
.detail-info-bylinka-about-all div span {top: -7px; position: absolute; width: 15px; height: 15px; left: 0px; margin: auto;  bottom: 0px; font-size: 20px;}
.detail-info-bylinka-about-icon {width: 24px;height: 24px;border-radius: 50%;overflow: hidden;box-shadow: 4px 6px 6px -9px black;float: left;margin-right: 5px;margin-left: 0px;padding: 0px !important;margin-top: -4px;}




.b-detaily {display: inline-block;}
.detail-info-bylinka-detail {float: left; width: 40%; position: relative; height: 30px; margin: 10px auto; line-height: 25px; padding-left: 10%;}
.detail-info-bylinka-detail span {font-size: 22px; position: absolute; left: 5%; top: -50px; bottom: -50px; margin: auto; height: 30px;}
.detail-info-bylinka-detail b {font-weight: 100 !important;}

.detail-info-bylinka-report {position: absolute; color: white; right: 10px; top: 10px; cursor: pointer; opacity: 0.8;}
.detail-info-bylinka-report:hover {cursor: pointer; opacity: 1; color: #fc5858;}

.detail-info-bylinka-recepty {margin: auto;width: 92%;background: #fcfcfc; border: 1px solid silver; border-radius: 3px;padding: 2%; margin-top: 10px;}
.detail-info-bylinka-recepty-head {height: 20px !important; text-transform: uppercase; text-align: left; background: #2297bd; color: white !important; padding: 2%; border-radius: 3px; margin-bottom: 2%;}
.detail-info-bylinka-recepty-head span {font-size: 17px;}

.detail-info-bylinka-recepty a:hover {text-decoration: none;}
.detail-info-bylinka-recepty div {text-align: left; font-size: 15px; color: #595959; height: 80px; overflow: hidden; margin-bottom: 10px;}
.detail-info-bylinka-recepty div img {float: left; padding-right: 2%; padding-bottom: 2%;}
.detail-info-bylinka-recepty div h3 {font-size: 18px; color:#2d2d2d; margin:0px; padding:0px;}

.detail-info-marker {font-size: 16px; padding: 0px 10px;}

.detail-info-marker span {font-size: 22px; font-weight: 900;}
.detail-info-marker b {font-size: 12px;}

#finded {opacity: 0.5;}



.detail-side-box {display: table; width: 100%; margin-top: 25px;}
.detail-side-box-in {display: table-cell; transform: scale(0.9); -webkit-transform: scale(0.9); border-radius: 8px; padding: 6px; width: 20%;}
.detail-side-box-in a:hover {text-decoration: none;}




/*  MAPA  MARKER */
.marker-box {width: 300px; text-align: left;}
.marker-box b {display: block; width: 100%; font-size: 17px; font-weight: 600; margin: 0px 0px 10px;}
.marker-box-img {width: 80px; border-radius: 5px; overflow: hidden; height:85px; float: left; margin-right: 5px; margin-bottom: 12px; background: #96bd74; position: relative;}
.marker-box-img:before {font-family: FontAwesome; content: "\f18c"; color: white; opacity: 0.3; position: absolute;left: 0px;right: 0px;margin: auto;font-size: 50px;text-align: center;height: 50px;width: 50px;top: 0px;bottom: 0px;}
.marker-box-img img {height: 100%; width: auto; position: relative;}
.marker-box-in {width: 70%;display: inline-block; min-height: 23px;}
.marker-box-icon, .marker-box-ava {width: 19px;height: 19px;border-radius: 50%;overflow: hidden;box-shadow: 4px 6px 6px -9px black;float: left;margin-right: 9px;margin-left: 6px;}
.marker-box-ava img {width: 100%;}
.m-b-d {font-size: 12px;position: relative; }
.m-b-d span {font-size: 16px; color: black; position: absolute; left: 3px; top: 1px;}
.m-b-d a {color: #2D2D2D; font-size: 13px; font-weight: 600;}
.ter {font-size: 15px; display: inline-block; margin-top: -10px;}
.ter strong {text-transform: uppercase; font-size: 11px; color: black; letter-spacing: -0.3px;}
.marker-box-bottom {width: 100%; border-top: 1px solid; float: left;}
.marker-box-bottom div {font-size: 11px; padding: 5px 0px 0px; cursor: pointer;}
.fl-l {float: left;}
.fl-r {float: right;}
.tr1 {color: #00897b;}
.tr2 {color: #008959;}
.tr3 {color: #1B8900;}
.tr4 {color: #897900;}
.tr5 {color: #892200;}

.shop-box {width: 300px; text-align: left;}
.shop-box h3 {display: block; width: 100%; font-size: 17px; font-weight: 600; margin: 0px 0px 10px; border-bottom: 1px solid rgb(182, 182, 182); padding-bottom: 6px;}
.shop-box b {font-weight: 500;}







/*  MAPA  SIDE */
#mapa-side {position: fixed; width: 350px; height:auto; top: 150px; bottom: 130px; right: -351px; background: white; box-shadow: 0px 0px 8px -4px black; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
#mapa-side {transition: all 0.3s; -webkit-transition: all 0.3s; }
#mapa-side-btn {position: absolute; height: 50px; width: 36px; top: 0px; bottom: 0px; left:-36px; background: white; margin: auto; box-shadow: -4px 0px 8px -7px black; border-top-left-radius: 10px; border-bottom-left-radius: 10px; cursor: pointer;}
#mapa-side-btn span {font-size: 34px;padding: 8px 0px;display: block;opacity: 0.7;}
#mapa-side-btn span:hover {opacity: 1;}
.m-side-go {right: 0px !important;}

.m-s-in {width: 370px; height: 100%; overflow-y: scroll; padding-right: 40px;}
.m-s-in-head-img {border-top-left-radius: 10px; width: 100%; overflow: hidden;}
.m-s-in-head-img img {width: 100%;}

.m-s-inner {width: 94%; margin: auto; text-align: left; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7;}
.m-s-inner h2 {margin: 0px;padding-top: 13px; font-size: 20px;text-transform: uppercase;font-style: italic;}
.m-s-inner h2 a {color: #2D2D2D;}
.m-s-inner i {padding-bottom: 10px; display: block; line-height: 14px; font-size: 13px; opacity: 0.6;}
.m-s-inner p {line-height: 16px;opacity: 0.8;padding: 0px;margin: 0px;margin-bottom: 15px;font-size: 14px;}

.map-side-box {display: block; width: 100%;}
.map-side-box .je-tam:before {display: none;}
.map-side-box-in {display: block; transform: scale(0.8); -webkit-transform: scale(0.8); border-radius: 8px; padding: 5px 0px;float: left;width: 20%;}
.map-side-box-in a:hover {text-decoration: none;}
.map-side-box-in .bylinka-side-box-in-text {letter-spacing: -0.2px; font-size: 10px;}
.map-side-box-in .bylinka-side-box-in-text b {display: block;}
.m-s-markers-header {font-size: 22px; font-style: italic; margin: 0px auto 2%; border-bottom: 1px solid #e7e7e7; width: 95%; padding: 2% 0px;}
.m-s-markers {text-align: left; width: 96%; margin: auto; }
.m-s-markers-item {cursor: pointer; padding: 6px 0px; display: inline-block; width: 100%;}
.m-s-markers-item div {float: left;}
.m-s-markers-item div img {float: left;margin-top: -1px;border-radius: 50%;margin-right: 4px;}
.m-s-markers-item div span {font-size: 18px; float: right; margin-top: 3px;}
.m-s-markers-item div b {letter-spacing: -0.2px; letter-spacing: -0.2px;}
.m-s-markers-item div:nth-child(3) {max-width: 74%;}
.m-s-markers-item div:nth-child(2) {float: right; font-size: 13px; letter-spacing: -0.5px; padding: 2px 0px;}
.m-s-markers-item div:nth-child(1) {float: right; margin-left: 4px;}
.m-s-markers-item .ii0 {opacity: 0.3;}

.m-s-markers-footer {position: absolute; bottom: 0px; border-top: 1px solid #e7e7e7; display: inline-block; left: 0px; right: 0px;}
.m-s-markers-footer a {color: #2D2D2D;}
.m-s-markers-footer-in {height: 23px; width: 35%;float: left;position: relative;font-size: 17px;text-transform: uppercase;font-style: italic;padding: 15px 0px 15px 15%;text-align: left; background: white; cursor: pointer;}
.m-s-markers-footer-in:first-child {border-bottom-left-radius: 10px; box-shadow: inset -3px 0px 5px -4px silver;}
.m-s-markers-footer-in-icon {width: 34px; height: 34px; border-radius: 50%; overflow: hidden; position: absolute;left: 12px;top: 0px;bottom: 0px;margin: auto;}
.m-s-markers-footer-in-icon img {width: 100%;}
.m-s-markers-footer-in-icon span {padding: 5px 6px;display: inline-block;color: #fff;cursor: pointer;background: #505050; font-size: 23px; }


.m-s-markers-setup {displaY: none; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 54px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; background: white;}

.m-s-markers-setup-range {text-align: left; width: 90%; margin: 40px auto 20px;}
.m-s-markers-setup-range-title {font-size: 17px; margin: 10px auto;}
.m-s-markers-setup-range-item {}
.m-s-markers-setup-range-item input {width: 99%;margin: 0px;padding: 0px;}
.m-s-markers-setup-range-info {margin: -10px auto 30px; width: 90%;}
.m-s-markers-setup-range-save {border: 0px;color: white;background: #262626; font-style: italic;text-transform: uppercase;font-size: 15px;padding: 7px 25px;cursor: pointer;}
.m-s-markers-setup-range-save:hover {opacity: 0.8;} 
.m-s-lock {opacity: 0.5; pointer-events: none;}




/* OBCHOD */
.obchod-mapa {width: 100%; height: 500px; background: #EEE; margin-top: 25px; position: relative;}
.obchod-items {display: inline-block; width: 100%; border-bottom: 1px solid rgb(237, 237, 237); margin-bottom: 25px;}

.obchod-items h2 {border-bottom: 1px solid rgb(105, 105, 105); font-size: 20px;text-transform: uppercase;font-style: italic; padding-bottom: 5px;}
.obchod-items .classic-used-item {float: left; width: 50%;}

.obchod-info {width: 100%; display: inline-block; margin-top: -20px; margin-bottom: 10px;}
.obchod-info div {display: inline-block; position: relative; margin: 10px auto; width: 100%;}
.obchod-info div span {float: left;margin-top: -3px;margin-right: 10px;font-size: 22px;border-radius: 50%;border: 1px solid black;padding: 2px;height: 22px;width: 22px;text-align: center;}



.item-video {width: 1100px; height: 620px; margin-bottom: 20px;}
.item-video iframe {width: 100%; height: 100%;}




/* SEARCH */
.search-page-input {padding: 10px 15px;font-size: 15px;width: 65%;border: 1px solid rgb(222, 222, 222);background: rgb(255, 255, 255);font-family: 'Playfair Display', serif;}
.search-page-btn {background: rgb(105, 105, 105);
border: none;
cursor: pointer;
padding: 9px 35px;
font-size: 17px;
color: rgb(255, 255, 255);
text-transform: uppercase;
font-family: 'Playfair Display', serif;
letter-spacing: 1px;}

.search-blok {font-size: 22px; font-weight: 600; margin-top: 25px;}

.search-blok-item {font-size: 18px; padding: 10px 20px;}







/*  KOMENTARE  */
#komentare-forma {}

.komentar-body {display: table; width: 96%; padding: 2%; background: #f8f8f8; border: 1px solid #e0e0e0; margin-bottom: 8px;}
/*.komentar-body:last-child {margin-bottom: 0px;}*/

.komenty {}
.komenty-head {font-size: 12px;font-weight: 600;border-bottom: 1px solid silver;margin: 0px auto 15px;color: #2d2d2d; font-size: 23px;text-transform: uppercase;font-style: italic; padding-bottom: 10px;}
.komenty-head-icon {width: 32px; height: 32px;border-radius: 50%;overflow: hidden;box-shadow: 4px 6px 6px -8px black; float: left; margin-right: 5px;}




.komentar-body-avatar {display: table-cell; width: 50px; vertical-align: top; }
.komentar-body-avatar-in {width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin: 3px 0px;}
.komentar-body-avatar-in img {width: 40px; height: 40px;}
.komentar-body-avatar-in i {font-size: 34px; padding: 8px 7px; background: #86bbcc; color: #3c3c3c;}


.komentar-body-text {display: table-cell; vertical-align: top; color: #606060;}
.komentar-body-text-date {float: right; font-size: 11px; color: #727272;}
.komentar-body-text a {font-size: 18px; color: #2d2d2d;}
.komentar-body-text textarea {height: 30px; width: 96%; border: 1px solid #d7d7d7;resize: none;padding: 2%;color: #333; resize: none; font-family: 'Playfair Display', serif;}
.komentar-body-text textarea:valid {height: auto;}


.koment-send {display: none; float: right; background: #298f2e; color: white; padding: 4px 13px; margin-top: 10px;}


.reply {width: 90%; margin-left: 10%;}
.reply-1 {width: 90%; margin-left: 10%;}
.reply-2 {width: 90%; margin-left: 10%;}
.reply-3 {width: 90%; margin-left: 10%;}
.reply-4 {width: 90%; margin-left: 10%;}
.reply-5 {width: 90%; margin-left: 10%;}
.reply-6 {width: 90%; margin-left: 10%;}




#add-koment .komentar-body {border: 1px solid rgb(113, 81, 162); background: rgb(197, 175, 231);}
.reply-active {border: 1px solid #83b1e4; background: #e2eff8;}

.rep-btn-on, .rep-btn-off {float: right;font-size: 16px !important; padding-top: 4px; cursor: pointer; color: #256cd5;}
.rep-btn-on {color: #256cd5;}
.rep-btn-off {color: #c94141; display: none;}

.reply-active .rep-btn-on {display: none;}
.reply-active .rep-btn-off {display: block;}

.rep-btn {margin-left: 5px; float: right;font-size: 16px !important; padding-top: 4px;cursor: pointer;color: #adadad;}
.rep-btn:hover {color: red; cursor: pointer;}





/* REPORT */
#report {display: none; -webkit-user-select: none; width: 96%; max-width: 500px; position: fixed; margin: auto; left: 0px; right: 0px;top: 30vh; background-color: white; z-index: 9; border-radius: 10px; overflow: hidden; box-shadow: 0px 5px 20px -10px black;}

.report-header {background: #e43f3f; width: 100%; color: white; height: 50px; margin-bottom: 5%;}
.report-header strong {height: 50px;display: block;line-height: 47px;float: left;font-size: 25px;padding-left: 5%; font-style: italic;}
.report-header span {float: right; background: rgba(255,255,255,0.2); font-size: 40px; padding: 5px; cursor: pointer;}

#report-in {}
#report-in .report-text {width: 88%; margin: auto;}
#report-in .report-text label {width: 100%; display: block; text-align: left;}
#report-in .report-text textarea {width: 100%; display: block; text-align: left; min-height: 90px;}

.report-send {background: #272727;color: white;border: 0px;font-size: 18px;text-transform: uppercase;font-style: italic;margin: 20px auto;padding: 4px 25px; cursor: pointer;}
.report-send:hover {opacity: 0.8;}














/* WELLCOME */
.wellcome {top: 20vh; height: 500px; width: 500px; left: 0px; right: 0px; position: fixed; margin: auto; background: white; z-index: 9; box-shadow: 0px 0px 20px -5px black;}

.wellcome-swiper-container {width: 100%;height: 100%; position: relative; overflow: hidden;}

.wellcome-swiper-container .swiper-wrapper {padding: 5%; width: 90%; height: 90%;}
.wellcome-swiper-container-btns {position: absolute; width: 100%; bottom: 0px; z-index: 1;}

.w-btn {float: right; margin: 5px 3px; padding: 2px 10px; background: #818181; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; color: white;}
.w-btn.swiper-button-disabled {opacity: 0.5; pointer-events: none;}
.w-btn.w-cancel {background: #2f2f2f;}





/*  FOOTER  */
.web-footer {padding: 10px; height: auto; background: rgba(0,0,0,0.5); color: white; position: relative; z-index: 11;}
.web-footer a {color: #c5c5c5; font-weight: 600;}
.web-footer-social {float: right;}
.web-footer-social i {font-size: 22px; height: 22px; width: 22px; color: white;}

.web-small-footer {background: rgba(0,0,0,0.35); width: 100%; display: none;}
.web-small-footer-inner {padding: 50px; width: 100%; max-width: 1100px; margin: auto; background: rgba(255,255,255,0.5); display: inline-block;}
.web-small-footer-in {width: 25%; float: left;}

.disclaimer {position: relative;z-index: 1;background: white;}
.disclaimer div {width: 98%; max-width: 1200px; margin: auto; text-align: justify; font-size: 9px; padding: 15px 0px 20px; color: rgb(153, 153, 153);}




/*  SITE  MAPS  */
.site-maps {margin-top: 30px;}
.site-maps h3 {margin: 1% 1%;}
.site-maps h3 a {color: #5d5d5d; font-size: 26px;}

.site-maps h4 {margin: 1% 3%;}
.site-maps h4 a {color: #9b9b9b; font-size: 20px;}

.site-maps h5 {margin: 1% 6%;}
.site-maps h5 a {color: #898989; font-size: 20px;}

.site-maps h6 {margin: 1% 9%;}
.site-maps h6 a {color: #aaa; font-size: 20px;}




/*  GLOBAL CSS  */
.transition {transition: all 0.3s; -webkit-transition: all 0.3s;}

.pointer {cursor: pointer;}
.pointer:hover {opacity:0.8;}

.no-select {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: -moz-none;-o-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}

#soft-shadow {display:none; position: fixed;width: 100vw;height: 100vh;top: 0px;background: rgba(0,0,0,0.45);z-index: 9; }







/* OLD CSS  */ 

/* BYLINKA */
.question {font-size: 26px; color: #393939;}
.tiny-label {}
.tiny-label label {font-size: 17px;padding: 18px 2%;display: block;width: 93%;border: none;color: #909090;}
.hlasenie {font-size: 18px; padding: 2%; border-top: 1px solid silver;}




.bylinka-gps {width: 100%; display: inline-block; background: #eaeaea;border-top: 2px solid #007b6e; padding: 10px 0px;}
.bylinka-info-gps-icon {float: left; width: 10%; text-align: center; height: 38px;}
.bylinka-info-gps-icon span {color: #007b6e; font-size: 36px;}
.bylinka-info-gps-div {float: left; width: 45%; text-align: center; height: 38px;}
.bylinka-info-gps-div input {padding: 0px; font-size: 24px;background: transparent;border: 0px;color: #9f9f9f; font-weight: 100;}
.bylinka-info-gps-div label {font-size: 24px; color: #007b6e;}



.bylinka-img-form {float: left; width: 26%; text-align: center; margin-bottom: 2%;}
.bylinka-img {position: relative;}
.bylinka-img, .bylinka-img-up {width: 180px; height: 180px;}
.bylinka-img {overflow: hidden; border-radius: 50%; background: #eaeaea; margin: auto; box-shadow: 0px 0px 40px -20px black;}
.bylinka-img-up {position: absolute; cursor: pointer; }
.bylinka-img-up span {position: absolute;left: 0px;right: 0px;width: 80px;height: 90px;top: 0px;bottom: 0px;margin: auto; font-size: 80px; color: silver;}
.bylinka-img input {opacity: 0;}


#bylinka-img-preview {position: absolute; width: 180px; height: 180px; top: 0px; left: 0px; pointer-events: none; display: none;}
#bylinka-img-preview img {width: 100%; height: auto; max-height: 110%; position: absolute;left: -50%;top: -50%;bottom: -50%;margin: auto;right: -50%;}




.input-bylinka-druh {}
.input-bylinka-druh select {padding: 12px 10px; color: #555; width: 36%; cursor: pointer;}



.druh-vyber {position: relative; width: 100%; height: 70px; overflow: hidden; display: inline-block;}
.druh-vyber-click {position: relative; width:auto; background: white; height: 66px; overflow: hidden; cursor: pointer;}
.druh-vyber-click span {position: absolute;top: 16px;right: 0px; color: silver;}

#click-text {width: 195px;float: left;font-size: 19px;line-height: 20px;padding: 20px 0px 0px 2px; letter-spacing: -0.4px;}

.click-foto {float: left; height: 50px; width: 50px; margin: 8px 6px; background: #96bd74; position: relative; border-radius: 50%; overflow: hidden;}
.click-foto:before{font-family: FontAwesome;content: "\f18c";color: white;opacity: 0.3;position: absolute;left: 0px;right: 0px;margin: auto;font-size: 50px;text-align: center;height: 50px;width: 50px;top: 0px;bottom: 0px;}
.click-foto img {height: 100%; width: 100%;}


.druh-vyber-zoznam {display: none; position: fixed;height: 66vh;width: 96vw; max-width: 700px; background: white; z-index: 30; top: 10vh; left: 0px; bottom: 0px; right: 0px; margin: auto; overflow: hidden;}
.druh-vyber-zoznam-in {width: 100%; overflow-y: scroll; height: 90%;}

.druh-vyber-zoznam-in-header {width: 100%;height: 10%; background: #7aad4f;}
.druh-vyber-zoznam-in-header input {font-size: 2.5vh; padding: 1%; margin: 1% 0px 0px 3%;background: none; border: none; width: 70%; color: white;}


.druhy-vyber-polozka {padding: 10px 2% 10px 2%; height: 50px; border-bottom: 1px solid #f2f2f2; cursor: pointer;}
.druhy-vyber-polozka:hover {background: rgba(0,0,0,0.05);}
.druhy-vyber-polozka img {border-radius: 50%; overflow: hidden;float: left;}
.druhy-vyber-polozka div {float: left; font-size: 28px; height: 50px; line-height: 48px; padding-left: 4%;}
.druhy-vyber-polozka span {float: right;padding: 9px 0px; opacity: 0.5;}
.druhy-vyber-polozka:hover span {opacity: 1;}

.druhy-vyber-polozka:first-child {margin-top: 20px;}
.druhy-vyber-polozka:last-child {margin-bottom: 20px; border: none;}

#vyber-druh-close {float: right; width: 10%; height: 100%; text-align: center; cursor: pointer;}
#vyber-druh-close span {color: white; padding-top: 1vh; display: inline-block; font-size: 4vh;}


#druh-confirm {display: none; position: absolute; height: 100%; top: 0px; width: 100%; background: rgba(255,255,255,0.8);}
#confirm-foto {background:url("../../images/design/blank.jpg"); height: 100%; width: 100%; background-size: cover !important; background-position: center center !important;}


#druh-y, #druh-x {position: absolute;bottom: 10%;z-index: 9; border-radius: 50%; overflow: hidden; cursor: pointer;}
#druh-y img, #druh-x img {height: 55px; width: 55px;}


#druh-y {left: 10%;}
#druh-x {right: 10%;}




.vyber-mnozstvo {position: relative; overflow: hidden; display: inline-block;}

.vyber-mnozstvo-head {}
.vyber-mnozstvo-head span {font-size: 22px;}

.vyber-mnozstvo input[type="radio"] {display: none;}
.vyber-mnozstvo input[type="radio"] + label {font-size: 16px; padding: 1px 9px; margin: 5px 0px 0px 10px; display: inline-block; cursor: pointer; border-radius: 5px;}
.vyber-mnozstvo input[type="radio"]:checked + label {background-color: #96bd74; color: white;}


/*  STARS RATING  */

.teren {position: relative;}
.score {unicode-bidi: bidi-override; direction: rtl; text-align: left; margin-top: 2px; border: 0; font-size: 0; width: 100%;}
.score input {position:absolute;top: -2em;clip:rect(0,0,0,0);}
.score legend {overflow: hidden;height: 0;}
.score label {font-size: 27px; line-height: 32px; line-height: 2rem;display: inline-block;position: relative;text-align: center;width: 1.2em;height: 1em;overflow: hidden;text-indent: 100%;cursor: pointer;}
.score label:before {content: "☆";position: absolute;top: 0; left: 0; right: 0; bottom: 0;text-indent: 0;line-height: 1em;color: #9fb7b5;}
.score label:hover:before,
.score label:hover ~ label:before,
.score input:checked ~ label:before {content: "★";color: #96bd74;}
.score label:active {position: relative;top: 1px;}


#score-1:hover ~ label:before {color: #96bd74 !important;}
#score-1:checked ~ label:before {color: #96bd74 !important;}

#score-2:hover ~ label:before {color: #008959 !important;}
#score-2:checked ~ label:before {color: #008959 !important;}

#score-3:hover ~ label:before {color: #1B8900 !important;}
#score-3:checked ~ label:before {color: #1B8900 !important;}

#score-4:hover ~ label:before {color: #897900 !important;}
#score-4:checked ~ label:before {color: #897900 !important;}

#score-5:hover ~ label:before {color: #892200 !important;}
#score-5:checked ~ label:before {color: #892200 !important;}



.teren-head {width: 100%;color: #686868; display: inline-block; margin-top: 5px; margin-bottom: 3px;}
.teren-head-l {width: 38px;float: left;text-align: center;}
.teren-head-c {float: left;text-align: left;text-transform: uppercase; font-size: 14px;color: #909090;}
.teren-head-l span {font-size: 22px;}


.add-bylinka-icon {width: 24px;height: 24px;border-radius: 50%;overflow: hidden;box-shadow: 4px 6px 6px -9px rgb(0, 0, 0);float: left;margin-left: 10px;padding: 0px !important;margin-top: -2px;}


.shadow-overtake {z-index: 33 !important;}
#note-kal1 {display: none; position: absolute; left: -1px; right: -1px; bottom: 66px; background: white;}
#note-kal2 {display: none; position: absolute; width: 100.3%; bottom: 66px; background: white;}

.date-picker {width: 42%; height: 43px; background: white;position: relative;-webkit-transition: all 0.3s 0s ease-in-out;transition: all 0.3s 0s ease-in-out; z-index: 1;}
.date-picker .input {width: 100%; font-size: 0; cursor: pointer;}
.date-picker .input .result, .date-picker .date-pick-btn {display: inline-block; vertical-align: top;}
.date-picker .input .result {width: 100%; padding: 20px 5%; font-size: 16px; color: #007b6e; }
.date-picker .input .result span {color: #3e3e3e; margin-left: 10px; letter-spacing: 1px;}

.date-picker .date-pick-btn {width: 46px;height: 50px;background-color: rgb(167, 169, 172);color: white;border: 0;padding: 0;cursor: pointer;position: absolute;right: 6px;top: 0px;margin: auto;bottom: 0px;border-radius: 50%;}
.date-picker .date-pick-btn:hover {background-color: #96bd74;}
.date-picker .date-pick-btn:focus {outline: 0;}
.date-picker .date-pick-btn i {font-size: 25px; padding: 26% 24%;}
.date-picker .calendar {position: absolute; bottom: 100%; width: 100.3%; height: 360px; background: #fff; border-radius: 0px; overflow: hidden; box-shadow: inset 0px -10px 30px -30px black;}
.date-picker .ui-datepicker-inline {position: relative;width: 100%; min-height: 315px;}
.date-picker .ui-datepicker-header {height: 100%;line-height: 50px;background: #96bd74;color: #fff;margin-bottom: 10px;}
.date-picker .ui-datepicker-prev, .date-picker .ui-datepicker-next {width: 20px;height: 20px;text-indent: 9999px;border: 2px solid #fff;border-radius: 100%;cursor: pointer;overflow: hidden;margin-top: 12px;}
.date-picker .ui-datepicker-prev {float: left;margin-left: 12px;}
.date-picker .ui-datepicker-prev:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: -43px 0px 0px 8px;}
.date-picker .ui-datepicker-next {float: right;margin-right: 12px;}
.date-picker .ui-datepicker-next:after {-webkit-transform: rotate(-135deg);transform: rotate(-135deg);margin: -43px 0px 0px 6px;}
.date-picker .ui-datepicker-prev:after, .date-picker .ui-datepicker-next:after {content: "";position: absolute;display: block;width: 4px;height: 4px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;}
.date-picker .ui-datepicker-prev:hover, .date-picker .ui-datepicker-next:hover, .date-picker .ui-datepicker-prev:hover:after, .date-picker .ui-datepicker-next:hover:after {border-color: #68768A;}
.date-picker .ui-datepicker-title {text-align: center;}
.date-picker .ui-datepicker-calendar {width: 100%;text-align: center;}
.date-picker .ui-datepicker-calendar thead tr th span {display: block;width: 100%;color: #8392A7;margin-bottom: 5px;font-size: 13px;}
.date-picker .ui-state-default {display: block;text-decoration: none;color: #666;line-height: 33px;font-size: 15px;}
.date-picker .ui-state-default:hover {background: rgba(0, 0, 0, 0.2);}
.date-picker .ui-state-highlight {color: #68768A;}
.date-picker .ui-state-active {color: #68768A;background-color: rgba(131, 146, 167, 0.3);font-weight: 600;}
.date-picker .ui-datepicker-unselectable .ui-state-default {color: #eee;border: 2px solid transparent;}






/*  MULTI  SELECT  */
.multi-select {width: 35%; padding: 10px;font-size: 15px;border: 1px solid #d1d1d1;display: block; position: relative;}
.multi-select .value {display: block; cursor: pointer; }

.options-header {background: #136aaa; width: 100%; color: white; height: 50px; margin-bottom: 1%;}
.options-header strong {height: 50px;display: block;line-height: 47px;float: left;font-size: 25px;padding-left: 2%;}
.options-header span {float: right; background: rgba(255,255,255,0.2); font-size: 40px; padding: 5px; cursor: pointer;}


.multi-select .options {display: none; -webkit-user-select: none; width: 96%; max-width: 950px; position: fixed; margin: auto;left: 0px;right: 0px;top: 26vh; background-color: whitesmoke;}
.multi-select .options .option {padding: 1.5% 1%;width: 29.3%;float: left;margin: 0.5% 1%;background: #ececec;}
.multi-select .options .option.selected {color: #fff; background: #29b015;}
.multi-select .options .option.selected:after {content: "\f00c"; font-family: FontAwesome; float: right; margin-top: 5px;}
.multi-select .options .option input[type="checkbox"] {display: none;}
.multi-select .options .option input[type="checkbox"]:checked + label {color: red;}
.multi-select .options .option label {cursor: pointer;background-color: blue;display: block;}

.options-list {height: 550px; overflow-y: scroll;}