@charset "utf-8";


/* CSS Document */

:root {
  --font-family: 'Cairo',sans-serif;
  --font-family-2: '', cursive;
  --color-black: #000;
  --color-white: #fff;
  --color-dark: #262626;
  --color-darker: #6F6F6F;
  --color-light: #F5F5F7;
  --color-dark-text: #000;
  --color-light-text: #fff;
  --color-one: #d6df20;
  --color-one-hover: #bac21c;	
  --color-two: #E5EEFF;
  --color-three: #FFE600;
  --text-velikost-1: 30px;
  --text-velikost-2: 25px;
  --text-velikost-3: 18px;
  --text-velikost-4: 14px;
  --text-velikost-5: 11.8px;
  --text-velikost-6: 10px;	
  --text-velikost-7: 21px;
  --text-velikost-8: 16px;
  --text-sirka-1: 200;
  --text-sirka-2: 300;
  --text-sirka-3: 500;	
  --text-sirka-4: 600;
  --text-sirka-5: 700;	
  --global-padding-1: 15px;
  --global-padding-2: 7.5px;
  --global-padding-3: 17px 15px;	
  --global-padding-4: 30px;	
  --global-padding-5: 30px 40px;		
  --container-1: 1600px;	
  --container-2: 100%;	
  --border-radius: 8px;
  --size-1: 100%;
  --size-2: 66.6%;		
  --size-3: 50%;
  --size-4: 33.3%;
  --size-5: 25%;
  --size-6: 20%;
  --size-7: 16.66666666666667%;	
  --size-8: 14.28571428571429%;
  --size-9: 12.5%;	
  --size-10: auto;	
  --size-11: 40%;	
}



html {font-family: var(--font-family);-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;line-height: 1;font-size:  var(--text-velikost-1);letter-spacing: -.5px;max-width: 100%;overflow-x: hidden;}
content {margin: 0;width: 100%;height: 100%;display: flex;flex-wrap: wrap;}
body {-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent;text-rendering: optimizelegibility;text-size-adjust: 100%;background: rgb(255, 255, 255);color: rgb(0, 0, 0);cursor: auto;font-size: 15px;font-style: normal;font-weight: 400;height: 100%;margin: 0px;overflow: hidden;padding: 0px;position: relative;overflow-wrap: break-word;max-width: 100%;}
input, textrea, select {font-family: var(--font-family);}
img {width: 100%;height: auto;}
a {text-decoration: none;color: var(--color-one);cursor: pointer;}
a:hover {text-decoration: underline;color: var(--color-two);}
strikethrough {text-decoration: line-through}
header {position: fixed;top: 0;bottom: 0;left: 0;z-index: 101;width: 150px;}
header.disabled {display: none}
.fixedbtn.disabled {display: none}
/*.holderfiltru.active { position: fixed; z-index: 999999; background: white; width: calc(100% - 100px); left: 0; top: 0; height: calc(100vh - 100px); padding: 50px;flex-wrap: wrap;   align-items: center;}*/
.smrskni {
    display: flex;
   
  
}
h1 {font-size: 20px;}
.cursor-pointer {cursor: pointer}
.group {display: flex;align-items: center;}
.group .symbol {margin-bottom: 8px;}
.group .symbol.odsad {margin-left: 2px;margin-right: 2px}
.tool {cursor: help;position: relative;background: gray;width: 10px;height: 10px;display: flex;text-align: center;color: white;padding: 5px 5px;border-radius: 50%;justify-content: center;align-items: center;	margin-left: 5px}
.tool::before,.tool::after { left: 50%;opacity: 0;position: absolute;z-index: -100;}
.tool:hover::before,.tool:focus::before,.tool:hover::after,.tool:focus::after {opacity: 1;transform: scale(1) translateY(0);z-index: 100; }
.tool::before {border-style: solid;border-width: 1em 0.75em 0 0.75em;border-color: #3E474F transparent transparent transparent;bottom: 100%;content: "";margin-left: -0.5em;transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;transform:  scale(.6) translateY(-90%);} 
.tool:hover::before,.tool:focus::before {transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;}
.tool::after {background: #3E474F;border-radius: .25em;bottom: 180%;color: #EDEFF0;content: attr(data-tip);margin-left: -8.75em; padding: 1em; transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s; transform:  scale(.6) translateY(50%);  width: 17.5em;}
.tool:hover::after,.tool:focus::after  {transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);}
.w-100 {width: var(--size-1);}
.mt-80 {margin-top: 80px!important}
.container {width: var(--size-1);margin: 0 auto;max-width: var(--container-1);padding: var(--global-padding-1);}
.containercely {width: 100%;}
.black {background: black;color: white; text-align: center;overflow-y: hidden}
.radek {display: flex;justify-content: space-between;align-items: center;width: 100%;flex-wrap: wrap;}
.cely {display: flex;width: var(--size-1);justify-content: center;align-items: center;flex-wrap: wrap;}
.polovina {display: flex;width: var(--size-3);justify-content: center;align-items: center;flex-wrap: wrap;}
.tretina {display: flex;width: var(--size-4);justify-content: center;align-items: center;flex-wrap: wrap;}
.ctvrtina {display: flex;width: var(--size-5);justify-content: center;align-items: center;flex-wrap: wrap;}
.petina {display: flex;width: var(--size-6);justify-content: center;align-items: center;flex-wrap: wrap;}
.sestina {display: flex;width: var(--size-7);justify-content: center;align-items: center;flex-wrap: wrap;}
.sedmina {display: flex;width: var(--size-8);justify-content: center;align-items: center;flex-wrap: wrap;}
.osmina {display: flex;width: var(--size-9);justify-content: center;align-items: center;flex-wrap: wrap;}
.dvetretiny {display: flex;width: var(--size-2);justify-content: center;align-items: center;flex-wrap: wrap;}
.dvepetiny {display: flex;width: var(--size-11);justify-content: center;align-items: center;flex-wrap: wrap;}
.zbytek {display: flex;width: var(--size-10);justify-content: center;align-items: center;flex-wrap: wrap;flex: 1;}
.button {cursor: pointer; background: #d6df20;display: flex;justify-content: center;align-items: center;padding: 8px 12px 10px;border-radius: var(--border-radius);font-weight: var(--text-sirka-4);transition: .5s;appearance: none;border: 0;width: 100%;color: black;}
.button.fit {width: fit-content}
.button a {font-size: var(--text-velikost-4);display: flex;justify-content: center;align-items: center;color:white;cursor: pointer}
.button:hover {background: var(--color-one-hover);}
.button img {height: 12px;width: 12px;margin-left: 7.5px;}
.buttonoutline {font-size: 14px;cursor: pointer;background: unset;display: flex;justify-content: center;align-items: center;padding: 7px;border-radius: var(--border-radius);font-weight: var(--text-sirka-4);transition: .5s;color: var(--color-black);border: 1px solid var(--color-black);height: fit-content}
.buttonoutline.mensiborder {border: 2px solid black;} 
.buttonoutline img {height: 12px;width: 12px;margin-left: 7.5px;filter: invert(1);}
.divider {width: 100%;height: 1px;background: #e4e4e4;margin: 30px 0 40px;}
.ms-0 {margin-left: 0px!important}
.ms-4 {margin-left: 4px}
.ms-6 {margin-left: 6px}
.ms-8 {margin-left: 8px}
.ms-10 {margin-left: 10px!important}
.me-4 {margin-right: 4px}
.me-6 {margin-right: 6px}
.me-8 {margin-right: 8px}
.me-10 {margin-right: 10px}
.mt-4 {margin-top: 4px}
.mt-6 {margin-top: 6px}
.mt-8 {margin-top: 8px}
.mt-5 {margin-top: 5px}
.mt-10 {margin-top: 10px}
.mb-4 {margin-bottom: 4px}
.mb-6 {margin-bottom: 6px}
.mb-8 {margin-bottom: 8px}
.mb-10 {margin-bottom: 10px}
.buttonoutline a {font-size: var(--text-velikost-4);display: flex;justify-content: center;align-items: center;color: var(--color-black);cursor: pointer}
.buttonoutline:hover {background: var(--color-one);border:1px solid var(--color-one);color:var(--color-white);}
.buttonoutline:hover a {color:var(--color-white);}
.buttonoutline:hover div {color:var(--color-white);}
.buttonoutline:hover img {filter: invert(0);}
.holdercelkuprihlaseni {min-height: 100vh;max-height: 100vh;display: flex;justify-content: center;align-items: center;width: 100%;overflow: hidden;position: relative;}
.holdercelkuprihlaseni video {width: 100%;height: 100%;object-fit: cover;position: absolute;z-index: 1;}
.holdercelkuprihlaseni .cover {width: 100%;height: 100%;object-fit: cover;position: absolute;z-index: 1;}
.holdercelkuprihlaseni .formularholder {padding: 50px 35px; border-radius: var(--border-radius);max-width: 420px; margin: 30px;background: white;display: flex;justify-content: flex-start;align-items: center;position: relative;z-index: 2;flex-wrap: wrap}
.holdercelkuprihlaseni .formularholder .holderloga {width: 100%;display: flex;justify-content: center;margin-bottom: 35px;}
.holdercelkuprihlaseni .formularholder .holderloga img {max-height: 35px;width: fit-content;}
.holdercelkuprihlaseni .formularholder .label {width: 100%;margin-bottom: 10px;font-weight: 700;}
.holdercelkuprihlaseni .formularholder input {border-radius: var(--border-radius); width: 100%;font-weight: 500;line-height: 1.5;background-clip: padding-box;border: 1px solid #e4e6ef;appearance: none;padding: 15px;font-size: 15px;box-shadow: none!important;background-color: #f5f8fa;border-color: #f5f8fa;color: #5e6278;transition: color .2s ease,background-color .2s ease;margin-bottom: 25px;}
.hlaska  {display: none;justify-content: flex-start;align-items: center;padding: var(--global-padding-3);border-radius: var(--border-radius);font-weight: 600;transition: .5s;appearance: none;border: 1px solid var(--color-two);background: #F1FAFF;width: 100%;margin-bottom: 25px;}
.hlaska.aktivni  {display: flex}
.sidemenu {position: fixed;top: 0;bottom: 0;left: 0;z-index: 101;overflow: hidden;width: 100px;transition: width .3s ease;display: flex;flex-direction: column;box-shadow: 0 0 28px 0 rgb(82 63 105 / 5%);padding: 0;margin: 47px 0;border-radius: 0 10px 10px 0;background: #262626;}
.sidemenu .logo {background-color: #fff;display: flex;justify-content: center;align-items: center;height: 65px;padding: 0 18px;}
.sidemenu .logo img {height: 30px;}
.sidemenu .logo .odhlas {width: 20px;height: 20px;opacity: .3;}
.sidemenu .logo .odhlas:hover {;opacity: 1;}
.sidemenu .polozka {cursor: pointer;display: flex;align-items: center;padding: 25px 0;flex: 0 0 100%;transition: none;outline: 0!important;width: 100%;flex-wrap: wrap;}
.sidemenu .polozka:hover {background: #f9f9f9;}
.sidemenu .polozka.pb-10 {padding-bottom: 10px}
.sidemenu .polozka .nadpis {text-transform: uppercase;font-size: 12px;letter-spacing: 1px;color: #4c4e6f!important;font-weight: 500;margin-top: 15px}
.sidemenu .holderpolozek {height: calc(100vh - 65px);overflow-y: auto;position: relative;padding: 0;}
.sidemenu .holderpolozek a.link  {font-weight: 500;letter-spacing: -.7px;display: flex;align-items: center;justify-content: center;color: #9899ac;flex-wrap: wrap;width: 100%;text-decoration: none;font-size: 12.5px}
.sidemenu .holderpolozek a.link .ikona {flex-shrink: 0;display: flex;align-items: center;width: 100%;justify-content: center;}
.sidemenu .holderpolozek a.link .ikona .svg-ikona {line-height: 1;position: relative}
.sidemenu .holderpolozek a.link .ikona .svg-ikona img {vertical-align: middle;height: 25px!important;width:25px!important;opacity: .6;margin-bottom: 4px;filter:brightness(2.5)}
.sidemenu .polozka:hover a.link {color: #E6272D}
.sidemenu .polozka:hover a.link .ikona .svg-ikona img {opacity: 1;filter: brightness(.8)}
.sidemenu .polozka.active {background: #d6df20;}
.sidemenu .polozka.active a.link {color: #fff!important}
.sidemenu .polozka.active a.link .ikona .svg-ikona img {opacity: 1!important}
#navstevnost {display: grid;grid-template-columns: 1fr;height: 90vh;}
#navstevnost .widgetIframe iframe {
  height: 100%;
  width: calc(100% - 40px);
  padding: 20px;
  background: white;
  
}
#navstevnost .widgetIframe iframe .ng-scope{
    height: 100%;   
}
.polozecky { display: flex; gap: 5px; align-items: center; justify-content: space-between; width: 100%; }
.button.preklad {    width: 100px;
  margin-bottom: 10px;}
.top_controls {display: none!important}
.obsah {    flex-wrap: wrap;width: 100%;padding: 40px 40px 40px 125px;min-height: 100vh;display: flex;align-items: flex-start;background: #e8e9e9;justify-content: flex-start;position: relative}
.obsah > * {z-index: 2}
content:after {content: "";position: absolute;top: 0;right: 0;width: 100vw;height: 1000%; background: linear-gradient(144deg, rgb(217 217 217 / 75%) 0%, rgba(101, 104, 154, 0) 45%);max-height: 100vh;}
.obsah .dlazdice.uzsi {padding: 15px 20px 5px;}
.obsah.nabidkylist {    width: calc(100% - 165px);display: block;    z-index: 2;}
.overflownone {overflow: hidden}
.obsah .dlazdice  {background: white;border-radius: var(--border-radius);padding: 40px;width: 100%;margin: 7.5px;color: #575762}
.obsah .dlazdice.cudlikova {transition: .4s all ease; cursor: pointer}
.obsah .dlazdice.cudlikova:hover  {transition: .4s all ease;  -webkit-box-shadow: 0px 2px 2px 0px rgba(153,153,153,.8);-moz-box-shadow: 0px 2px 2px 0px rgba(153,153,153,.8);box-shadow: 0px 2px 2px 0px rgba(153,153,153,.8);}
.obsah .dlazdice.cudlikova.prodany {background: green;color: white;}
.obsah .dlazdice.cudlikova.rezervovany {background: #f3c400;color: black;}
.obsah .dlazdice.cudlikova.vnajmu {background: #00f3e3;color: black;}
.obsah .dlazdice.cudlikova.storno {background: red;color: white;}
.obsah .dlazdice.prodany {background: green;color: white;}
.obsah .dlazdice.rezervovany {background: #f3c400;color: black;}
.obsah .dlazdice.vnajmu {background: #00f3e3;color: black;}
.obsah .dlazdice.storno {background: red;color: white;}
.obsah .dlazdice input {border-radius: var(--border-radius); width: 100%;font-weight: 500;line-height: 1.5;background-clip: padding-box;border: 1px solid #e4e6ef;appearance: none;padding: 10px 15px;font-size: 15px;box-shadow: none!important;background-color: #f8faf5;border-color: #f5f8fa;color: #5e6278;transition: color .2s ease,background-color .2s ease;margin-bottom: 8px;    font-family: var(--font-family);}
.obsah .dlazdice textarea {border-radius: var(--border-radius); width: 100%;font-weight: 500;line-height: 1.5;background-clip: padding-box;border: 1px solid #e4e6ef;appearance: none;padding: 10px 15px;font-size: 15px;box-shadow: none!important;background-color: #f8faf5;border-color: #f5f8fa;color: #5e6278;transition: color .2s ease,background-color .2s ease;margin-bottom: 8px;    font-family: var(--font-family);}
.obsah .dlazdice input.pulka {width: 40%;margin-right: 4%;}
.obsah .dlazdice input.pulka.me-0 {margin-right: 0%}
.obsah .dlazdice .jidlo  {width: 100%;display: flex;flex-wrap: wrap;}
.obsah .dlazdice .jidlo .mezera {margin-top: 15px;width: 100%;padding: 10px 3px;padding-top: 10px;border-top: 2px solid #6f6f6f;}
.obsah .dlazdice h1 {font-size: 40px;}
.flex-start {justify-content: flex-start}
.flex-end {justify-content: flex-end}
.stejnavyska {align-items: stretch;}
.vertikalnenahore {align-items: flex-start;}
.mt-20 {margin-top: 20px}
.text-center {text-align: center}
.formularholder a {margin: 20px auto 0;text-align: center}
.hide {display: none!important}
input[type="date"] {width: fit-content!important}
.ikona.menu {display: none;cursor: pointer}
.ikona.odhlaseni {display: block}
.obsah .dlazdice textarea {width: 100%}
.holdercelkuprihlaseni {background: #808b94;position: relative}
.holdercelkuprihlaseni:before {content: "";position: absolute;top: 0;right: 0;width: 100vw;height: 1000%; background: linear-gradient(144deg, rgb(188 193 200 / 75%) 0%, rgba(101, 104, 154, 0) 45%);max-height: 100vh;}
.userpart {width: 100%}
.userpart .userimage {padding: 0 27px;position: relative}
.userpart .userimage img {border-radius: 50%;overflow: hidden;position: relative}
.userpart .userimage:after {position: absolute;width: 10px;height: 10px;background: green;right: 27px;border-radius: 50%;border: 2px solid white;content: "";    box-sizing: unset;
    top: 0;}
    .jazyken {position: absolute; width: 15px;  z-index: 3; background: white;  top: 2px; left: 2px; border-radius: 5px;color:  black;padding: 2px}
    .jazykde {position: absolute; width: 15px;  z-index: 3; background: white;  bottom: 2px; left: 2px; border-radius: 5px;color:  black;padding: 2px}
.userpart .userikony {display: flex;justify-content: center;margin: 20px 0;}
.userpart .userikony .userikona {margin: 0 10px 0 0;}
.userpart .userikony .userikona img {width: 20px;height: 20px}
.userpart .userikony .userikona:hover img {filter: brightness(.7)}
.userpart .userikony .userikona:last-child {margin: 0;}
.dlazdice .titulek {font-size: 27px;margin-bottom: 10px;width: 100%;}
.dlazdice.nova {background: unset;border: 2px dotted #9899ac;display: flex;justify-content: center;align-items: center;}
.dlazdice.nova.galerie {flex: 1;height: 100%;flex-wrap: wrap;margin-bottom: 30px}
.dlazdice.nova:hover {box-shadow: unset!important;border: 2px dotted #E6272D }
.dlazdice.nova .holder {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;}
.dlazdice.nova .holder .ikonaimg, .dlazdice.nova .holder .text {width: 100%}
.dlazdice.nova .holder .ikonaimg img {max-width: 40px}
.dlazdice .typ {width: fit-content;padding: 10px;background: white;border-radius: 10px;font-size: 10px;text-transform: uppercase;letter-spacing: .2px;margin: 0px 0 10px -3px;}
.dlazdice .holderimage {width: calc(100% + 80px);position: relative;left: -40px;top: -40px;border-radius: 8px 8px 0 0;overflow: hidden;max-height: 400px}
.graf .cislo {width: 100%;text-align: center;font-size: 35px;background: linear-gradient( to right, hsl(26deg 100% 62.62%), hsl(26 100% 50% / 1) );-webkit-background-clip: text;-webkit-text-fill-color: transparent;
	text-align: center;font-weight: 700;}
.graf {display: flex;justify-content: center;flex-wrap: wrap;}
.graf .popisek {width: 100%;text-align: center;font-size: 12px}
.graf .cislo.mensi {font-size: 18px}
.holderimage img {position: relative; z-index: 0;object-fit: cover;width: 100%;height: 100%;}
.holderimage .stin {position: absolute;width: 100%;height: 200px;bottom: 0;z-index: 1;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.holderimage .textik {position: absolute;z-index: 2;bottom: 30px;left: 30px;}
.holderimage .textik .titulek {color: white}
.textik.vetsi {font-size: 18px;margin-top: 15px}
.castpolozky.fotka { display: flex; align-items: center; justify-content: center; padding-right: 0!important}
#modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgb(16 16 16 / 92%); z-index: 9999; display: none; color: white; }
#modal.active { display: flex ; align-items: center; justify-content: center; font-size: 40px; }
#modal .zavrit {transition: all .4s ease;padding-right: 25px;cursor: pointer}
#modal .zavrit:hover {filter:brightness(.8);transition: all .4s ease}
#modal .holder {max-width: 800px;margin: 5vh auto;height: fit-content;display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;width: 100%;background: white;
    border-radius: 15px;overflow: hidden;}
#modal .holder .hlavamodalu {min-height: 80px;max-height: 80px;height: 80px;overflow: hidden;padding: 0px;width: 100%;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;border-bottom: 1px solid #eaeaea;}
#modal .holder .obsahmodalu {height:calc(100% - 160px);max-height: calc(100% - 160px); padding: 0px;width: 100%;overflow-y: scroll}
#modal .holder .obsahmodalu .content {padding: 25px;}
#modal .holder .obsahmodalu .content .holderitemu {width: 100%;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;margin: 0 0 10px 0}
#modal .holder .obsahmodalu .content .holderitemu label {width: 100%;margin: 0 0 10px 0;font-size: 13px;letter-spacing: .04px;padding-left: 2px;    display: flex; align-items: center;margin-right: 6px}
#modal .holder .obsahmodalu .content .holderitemu input, #modal .holder .obsahmodalu .content .holderitemu select, #modal .holder .obsahmodalu .content .holderitemu textarea  {width: 100%;margin: 0 0 10px 0;padding: 10px;background: rgb(232 238 240 / 63%);border: 0;border-radius: 5px;}
#modal .holder .patamodalu {min-height: 80px;max-height: 80px;height: 80px;padding: 0px;width: 100%;display: flex;align-items: center;justify-content: center;justify-content: center;
    border-top: 1px solid #eaeaea;}
#modal .titulek {font-size: 25px;color: #575762;padding-left: 25px}
::placeholder {color: black;opacity: 1;}
:-ms-input-placeholder {color: black;}
::-ms-input-placeholder {color: black;}
.mw-fit {max-width: fit-content;}
.hlavicka {background: white;padding: 25px;border-radius: var(--border-radius);margin: 7.5px;width: 100%;display: flex;align-items: center}
.hlavicka .nahledovka {width: 200px;margin-right: 30px;}
.hlavicka {background: white;padding: 25px;border-radius: var(--border-radius);margin: 7.5px;}
.hlavicka .holdernahledovky {display: flex;justify-content: center;align-items: center;width: 200px;height: 110px;position: relative;border-radius: var(--border-radius);overflow: hidden;}
.galerie .holdernahledovky.alt {height: 20vh}
.galerie .holdernahledovky.qrko {height: 16vh}
.galerie .holdernahledovky.qrko img.feature {object-fit: contain}
.hlavicka .holdernahledovky img.feature {position: absolute;left: 0;top: 0;object-fit: cover;width: 100%;height: 100%;z-index: 1}
.hlavicka .titulek {font-size: 27px;margin-bottom: 0px;width: 100%;color: #575762;border: 0;padding-left: 0;letter-spacing: -.5px;}
.hlavicka .malytext {margin-bottom: 2px;width: 100%;color: #575762;padding-left: 1px;}
.image-upload { position: relative;z-index: 2;margin: 0 auto;background: white;border-radius: 50%;padding: 8px;width: 30px;height: 30px;}
.image-upload:hover {background: #E6272D}
.image-upload:hover img {filter: brightness(3)}
.image-upload > label {cursor: pointer;display: flex;justify-content: center;align-items: center;}
.image-upload > input {display: none;}
.image-upload img {width: 20px;cursor: pointer;height: 20px;position: relative;top: 5px;}
.image-remove {cursor: pointer;position: absolute;right: 5px;bottom: 5px;background: white;z-index: 2;border-radius: var(--border-radius);overflow: hidden;}
.image-remove:hover {background: #E6272D}
.image-remove:hover img {filter: brightness(1.8)}
.image-remove .removeholder {padding: 5px;}
.image-remove .removeholder img {width: 15px;}
.notifikace  {display: none;position: fixed;right: 30px;bottom: 30px;z-index: 999} 
.notifikace .holdernotifikace  {width: 20px;height: 20px;border-radius: 50%;background: green;overflow: hidden;padding: 15px;display: flex;justify-content: center;align-items: center;}
.notifikace .holdernotifikace img {filter: brightness(3);position: relative;left: -1px;top: 1px;box-sizing: border-box;width: 15px;height: 15px;max-width: unset;}
.vetsitext {font-size: 14px!important;line-height: 1.2;}
.holderitemu {width: 100%;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;margin: 0 0 10px 0}
.holderitemu.ctvrtina {width: 22%;margin-right: 3%}
.holderitemu label {width: 100%;margin: 0 0 10px 0;font-size: 13px;letter-spacing: .04px;padding-left: 2px;   display: flex;align-items: center;margin-right: 6px}
.holderitemu input, #modal .holder .obsahmodalu .content .holderitemu select, #modal .holder .obsahmodalu .content .holderitemu textarea  {width: 100%;margin: 0 0 10px 0;padding: 10px;background: rgb(232 238 240 / 63%);border: 0;border-radius: 5px;}
.pl25c {padding-left: 25px}
.galerie .nahledovka {width: 200px;margin-right: 15px;margin-bottom: 15px}
.galerie.neexistujici .nahledovka {margin-right: 0px;}
.galerie .holdernahledovky {display: flex;justify-content: center;align-items: center;width: 100%;height: 10vh;position: relative;border-radius: var(--border-radius);overflow: hidden;}
.galerie .holdernahledovky img.feature {position: absolute;left: 0;top: 0;object-fit: cover;width: 100%;height: 100%;z-index: 1}
.link {cursor: pointer;text-decoration: underline}
#sortable  {display: flex;width: 100%;flex-wrap: wrap;}
.space-between {justify-content: space-between}
.tooglemenu {cursor: pointer; display: none}
.tooglemenu:hover {filter: brightness(.8)}
.button.jinabarva {background: unset;border: 2px dotted #9899ac;color: black;}
.fixedbtn {position: fixed;z-index: 99;bottom: 20px;right: 20px;}
.carka {width: 1px;height: 50px;background: unset;position: relative;left: 50px;margin: 0;padding: 0;border-left: 1px dotted black;}
.flex-start {justify-content: flex-start}

.filtr .filtrpolozka:nth-child(1) {margin-left: 0px}
.filtrpolozka .holder {display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;padding-right: 10px;justify-content: flex-start /*border-right: 1px solid #c3c3c3;*/}
.filtrpolozka .holder label {font-size: 12px;width: 100%;margin-bottom: 5px}
.filtrpolozka .holder input {border-radius: var(--border-radius); font-weight: 500;line-height: 1.5;background-clip: padding-box;border: 1px solid #e4e6ef;appearance: none;padding: 4px 8px;font-size: 12px;box-shadow: none!important;background-color: #fff;border-color: #c3c3c3;color: #5e6278;transition: color .2s ease,background-color .2s ease;margin-bottom: 8px;    font-family: var(--font-family);}
.filtrpolozka .holder textarea {border-radius: var(--border-radius); width: 100%;font-weight: 500;line-height: 1.5;background-clip: padding-box;border: 1px solid #e4e6ef;appearance: none;padding: 10px 15px;font-size: 12px;box-shadow: none!important;background-color: #f5f8fa;border-color: #c4c4c4;color: #5e6278;transition: color .2s ease,background-color .2s ease;margin-bottom: 8px;    font-family: var(--font-family);}
.filtrpolozka .holder  input.pulka {width: 40%;margin-right: 4%;}
.filtrpolozka .holder input.pulka.me-0 {margin-right: 0%}
.filtr {background: #fff; padding: 10px; margin-bottom: 8px; border-radius: var(--border-radius); margin-top: 7.5px; padding-bottom: 2px;  flex-wrap: nowrap; width: unset}
.filtr .titulekfiltru {color: black;font-size: 25px;line-height: 1.2;margin-bottom: 8px;width: 100%}
.filtr .hold {width: 100%;display: flex;flex-wrap: wrap;    margin-bottom: 20px;}
.filtr .hold label {width: 100%;margin-bottom: 5px;}

.wrap {width: 95%;position: relative;margin: 0px;float: left;}
.roletka {display: block;width: 100%;height: 45px;position: relative;text-align: left;color: #555;padding: 0.5em 0.75em;font-size: 16px;line-height: 1.5;color: #000;background-color: #fff;
    background-image: none;border: 1px solid;border-color: #979797;border-radius: 0;outline: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer}
.roletka:after {display: inline-block;width: 35px;height: 42px;text-align: center;content: url(../../admin/images/ikony/dolu.svg);position: absolute;right: 0px;top: 10px;filter: brightness(0.5);}
.w-80 {width: 80px;}
.karta {background: #fff;padding: 20px 30px 35px;margin: 15px;width: 100%;}			
.karta .planek img {mix-blend-mode: darken}
.karticky {justify-content: flex-start;margin-left: -15px;width: calc(100% + 30px);}
.karta span {width: 100%;font-size: 13px;}
.karta .hodnota {width: 100%;font-size: 25px;margin-top: 5px;}
.karta .tretina {justify-content: flex-start}
.mt-10 {margin-top: 10px}
.mt-20 {margin-top: 20px}
.mb-10 {margin-bottom: 10px}
.mb-20 {margin-bottom: 20px}
.mb-30 {margin-bottom: 30px}
.pb-10vh {padding-bottom: 10vh}
.pb-5vh {padding-bottom: 5vh}
.karta .stav {    margin-bottom: 30px;width: fit-content;padding: 10px 15px;background: white; border-radius: 15px;text-transform: uppercase;font-size: 12px;letter-spacing: .3px;font-weight: 700;position: relative;left: -3px;}
.karta .stav.voln {background: #51ff51;}
.karta .stav.rezervovan {background: #ffba4e;}
.karta h2 {margin-bottom: 10px}
.konverznisekce {align-items: flex-start;padding: 8vh 6% 0;justify-content: flex-start;text-align: left;color: black;font-size: 1.5rem;font-weight: 800;background: #fff;position: relative;}
.konverznisekce .radek, .konverznisekce .tretina, .konverznisekce .dvetretiny, .konverznisekce .cely {justify-content: flex-start}
.aktivnifiltrvroletce {width: fit-content;padding: 4px 10px;font-size: 11px;background: #d7ecf2;border-radius: 5px;border: 1px solid #3da1c1;}
sup {font-size: 10px;position: relative;left: -4px;}
.textovyinput {display: block;width: -webkit-fill-available;position: relative;text-align: left;color: #555;padding: 0.6em 0.75em;font-size: 16px;line-height: 1.5;color: #000;background-color: #fff;background-image: none;border: 1px solid;
    border-color: #979797;border-radius: 0;outline: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;}
.smap-suggest {position: relative;top: 75px}
.position-relative {position: relative}
.pointer-events-none {pointer-events: none;opacity: .5}
.nabidky {background: #fff;padding: 10px;margin-bottom: 20px;width: 100%;border-radius: var(--border-radius);}
.nabidky .nahled {width: 100px;height: 40px;overflow: hidden;position: relative;border-radius: 5px;}
.nabidky .nahled img {position: absolute;width: 100%;height: 100%;object-fit: cover;}
main {width: 100%;height: 580px;position:relative;z-index: 1}
.castpolozky .stitek {width: fit-content;padding: 2px 6px;background: #d6df20;font-size: 13px;border-radius: 5px;font-weight: bold;border: 1px solid #b4ba3a;color: black;}
.stitekhlava span{width: fit-content;padding: 2px 6px;background: #d6df20;border-radius: 5px;font-weight: bold;border: 1px solid #b4ba3a;color: black;}
.stitekhlava {    width: fit-content; padding: 2px 6px; font-size: 18px; border-radius: 5px; font-weight: bold; color: #000;}
.castpolozky .spodniradek {margin-bottom: 5px;display: flex;align-items: center}
.castpolozky .spodniradek .textovacast{font-size: 11px;color: #000;display: flex;align-items: center;margin-left: 5px}
.castpolozky .spodniradek .separatorvertical{height: 10px;width: .5px; background: #000; margin: 0  0 0 5px }
.castpolozky .vrchniradek a {font-size: 15px;font-weight: 700;}
.vrchniradek.zadnyvysledek {font-size: 16px;font-weight: bold;}
.oznacenifiltru {width: 100%;padding: 5px 0 15px;border-bottom: 1px solid #c3c3c3;font-size: 12px;}
.oznacenifiltru .polozka {margin-right: 8.8px;padding-right: 9px;border-right: 1px solid #c3c3c3;}
.w-68px {width: 68px;}
.w-550px {width: 550px;}
.w-70px {width: 70px}
.w-90px {width: 90px}
.w-120px {width: 120px}
.w-100px {width: 100px}
.w-300px {width: 300px}
.konkretninabidkavlistu {height: 60px;padding-top: 15px;border-top: 1px solid #c3c3c3;margin-top: 15px;}
.konkretninabidkavlistu .middleradek  {display: flex;align-items: center;height: 100%;}
.konkretninabidkavlistu .castpolozky {margin-right: 10px;padding-right: 10px;border-right: 1px solid #c3c3c3;display: flex;flex-direction: column;height: 100%;font-size: 12px}
.nabidky .konkretninabidkavlistu:nth-child(2) { border-top: 0;margin-top: 0px;padding-top: 15px;}
.sup1 {left: 0;top: -3px;}
.nahled .stav {position: absolute;width: 15px;height: 15px;z-index: 3;background: gray;border-radius: 50%;top: 2px;right: 2px;border: 2px solid white;}
.nahled .stav.neaktivni {background: red;}
.nahled .stav.aktivni {background: green;}
.nahled .stav.koncept {background: orange;}
.konkretniaktivitavlistu {height: 60px;padding-top: 15px;border-top: 1px solid #c3c3c3;margin-top: 15px;}
.konkretniaktivitavlistu .middleradek  {display: flex;align-items: center;height: 100%;}
.konkretniaktivitavlistu .castpolozky {margin-right: 10px;padding-right: 10px;display: flex;flex-direction: column;height: 100%;font-size: 12px}
.nabidky .konkretniaktivitavlistu:nth-child(1) { border-top: 0;margin-top: 0px;padding-top: 15px;}
table {font-size: 12px;color: #000;display: grid;border-collapse: collapse;min-width: 100%;grid-template-columns: 
    minmax(60px, .2fr)
    minmax(400px, 1.8fr)
    minmax(120px, .55fr)
    minmax(90px, .55fr)
    minmax(90px, .55fr)
    minmax(90px, .55fr)
    minmax(90px, .55fr)
    minmax(90px, .55fr)
	minmax(300px, 1.1fr)
	minmax(90px, .55fr)
    minmax(90px, .55fr);
}

table.dva {font-size: 12px;color: #262626;display: grid;border-collapse: collapse;min-width: 100%;
    grid-template-columns: 
    minmax(60px, .2fr)
    minmax(550px, 15fr) 
}
table.tri {font-size: 12px;color: #262626;display: grid;border-collapse: collapse;min-width: 100%;
    grid-template-columns: 
    minmax(200px, .2fr)
    minmax(550px, 15fr) 
}
thead,tbody,tr {display: contents;}
th,td {padding: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
th {position: sticky;top: 0;background: #262626;text-align: left;font-weight: 400;font-size: 13px;color: white;}
th:last-child {border: 0;}
thead tr th:first-child {border-radius: 7px 0px 0px 7px}
thead tr th:last-child {border-radius: 0 7px 7px 0}
td {padding-top: 10px;padding-bottom: 10px;color: #262626;}

tr:nth-child(even) td {background: #efefef;}

.makleri {background: #fff;padding: 10px;margin-bottom: 20px;width: 100%;border-radius: var(--border-radius);}
.makleri .nahled {width: 75px;height: 100px;overflow: hidden;position: relative;border-radius: 5px;}
.makleri .nahled img {position: absolute;width: 100%;height: 100%;object-fit: cover;}
.makleri { max-height: 85vh; overflow: scroll; } 
.makleri .polozkavnabidce {grid-template-columns: 90px 1fr;align-items: stretch}
.makleri .polozkavnabidce .castpolozky { display: grid ; align-items: center; align-content: center; gap: 5px;}



.nabidky { max-height: 85vh; overflow: scroll; width: unset} 
.polozkavnabidce.unseth  {height:  unset!important;min-height: unset!important}
.polozkavnabidce  { min-height: 60px;   border-bottom: 1px solid #a6a6a6; font-size: 12px; color: #000; display: grid; border-collapse: collapse; min-width: 100%; grid-template-columns: minmax(90px, .2fr) minmax(400px, 1.8fr) minmax(120px, .55fr) minmax(90px, .55fr) minmax(90px, .55fr) minmax(90px, .55fr) minmax(90px, .35fr) minmax(90px, .35fr) minmax(90px, .55fr) minmax(90px, .55fr) minmax(90px, .55fr); }
  .unseth  {height:  unset}
.castpolozky.center  { display: flex;align-items: center;} 
.polozkavnabidce:nth-child(even) .castpolozky {background: #efefef;}
.polozkavnabidce .castpolozky {padding: 15px;text-overflow: ellipsis;/*white-space: nowrap;*/}
.polozkavnabidce .castpolozky {padding-top: 10px;padding-bottom: 10px; color: black;}
.polozkavnabidce .castpolozky .pamatujsilink {font-size: 15px;font-weight: 800;cursor: pointer;}
.polozkavnabidce .castpolozky .pamatujsilink:hover {text-decoration: underline}
.w-120 {width: 120px!important}
.nahled .ikona.plnobarevna { position: absolute; width: 18px; height: 18px; z-index: 3; border-radius: 50%; bottom: 2px; right: 2px; background: white; }
.nahled .ikona.plnobarevna img { position: relative; object-fit: contain; }
.tabs { width: 100%;display: flex;align-items: center;margin-bottom: -7.5px; margin-right: 7.5px;margin-left: 7.5px;margin-top: 15px;align-items: stretch}
.tab { padding: 15px 20px; color: #545454; background: #efefef; outline: none; cursor: pointer; color: black; border-left: 1px solid #d3d3d3; font-weight: 700; }
.tab.active {border-bottom: none; background: #d6df20; color: black;}
.tab:hover {cursor: pointer;;background: #d6df20;color: black}
.tabcontent {width: 100%;display: none}
.tabcontent.active {display: flex}
.nabidkadetail .dlazdice {border-radius: 0 8px 8px 8px;}
.tabs .tab:first-child {border-radius: 8px 0 0 0;}
.tabs .tab:last-child {border-radius: 0 8px 0 0;}
#tabcontent-technickestandardy .holderitemu {width: 120px;}
#rekalkul {display: none}
.switch-hold {display: flex;margin-right: 25px;align-items: center;}
.switch-hold span {margin-right: 8px;}
label.jiny {font-size: 20px;padding-left: 0;}
.vypnuto {opacity: .4;}
mapa  {width: 100%;background: rgb(0,60,107);background: linear-gradient(325deg, rgba(0,60,107,1) 0%, rgba(21,94,151,1) 100%);position: relative}
mapa img.pindragme {width: 20px;height: auto;}
#hornicast-lokality {display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;width: 100%;}
.pozicnibutton  { position: absolute;width: fit-content;left: 25px;top: 25px;}
.cisloneprectenych {position: absolute;width: 15px;height: 15px;background: green;right: -10px;border-radius: 50%;border: 1px solid white;box-sizing: unset;top: -10px;z-index: 2;display: flex;justify-content: center;align-items: center;color: white;text-align: center;padding-right:1px;}
.middleradek .ikona { padding: 5px; border-radius: 5px; background: white; border: 1px solid #c9d2e3ba; display: flex; align-items: center;position: relative;cursor: pointer}
.middleradek .ikona:hover::after { content: attr(data-title); position: absolute; left:-100%; top: -100%; white-space: nowrap; z-index: 1; background-color: black; color: white; padding: 4px 8px; border-radius: 4px; font-size: 12px; margin-left: 5px; }
.vrchniradek {display: flex;align-items: center;gap: 5px}
.vrchniradek .ikona { padding: 5px; border-radius: 5px; background: white; border: 1px solid #c9d2e3ba; display: flex; align-items: center;position: relative;cursor: pointer }
.vrchniradek .ikona:hover::after { content: attr(data-title); position: absolute; left:-100%; top: -100%; white-space: nowrap; z-index: 1; background-color: black; color: white; padding: 4px 8px; border-radius: 4px; font-size: 12px; margin-left: 5px; }
.middleradek .ikona:hover {background: rgb(241, 241, 241)}
.middleradek .ikona img {width: 15px;height: 15px;opacity: 1;cursor: pointer;transition: .4s all}
.middleradek .ikona.plnobarevna img {width: 21.5px;opacity: 1;cursor: pointer;transition: .4s all}
.middleradek .ikona img:hover {opacity: 1;}

.vrchniradek .ikona:hover {background: rgb(241, 241, 241)}
.vrchniradek .ikona img {width: 15px;height: 15px;opacity: 1;cursor: pointer;transition: .4s all}
.vrchniradek .ikona.plnobarevna img {width: 21.5px;opacity: 1;cursor: pointer;transition: .4s all}
.vrchniradek .ikona img:hover {opacity: 1;}

.hlavicka .ikona { padding: 5px; border-radius: 5px; background: white; border: 1px solid #c9d2e3ba; display: flex; align-items: center;position: relative;cursor: pointer }

.hlavicka .ikona:hover {background: rgb(241, 241, 241)}
.hlavicka .ikona img {width: 15px;height: 15px;opacity: 1;cursor: pointer;transition: .4s all}
.hlavicka .ikona.plnobarevna img {width: 21.5px;opacity: 1;cursor: pointer;transition: .4s all}
.hlavicka .ikona img:hover {opacity: 1;}

.listdoporucenych {display: flex;flex-direction: column}
.listdoporucenych .doporucene {    width: 100%;
    display: flex;
    align-items: center;
    background: #f9f9f9;
    margin-bottom: 10px;
    padding: 0 10px;}
.bar, .barr {
  width: 5px;
  height: 15px;
  background-color: grey;
  position: absolute;
  opacity: 0.4;
  border-radius: 2px;
}

#two, #six {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#three, #seven {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#four, #eight {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#one {
  top: 0;
  left: 15px;
}
#two {
  top: 4px;
  left: 25px;
}
#three {
  top: 13px;
  left: 30px;
}
#four {
  top: 23px;
  left: 25px;
}
#five {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 27px;
  left: 15px;
}
#six {
  top: 23px;
  left: 5px;
}
#seven {
  top: 13px;
  left: 0;
}
#eight {
  top: 4px;
  left: 5px;
}
                    
.spinner  { position: relative;
  width: 34px;
  height: 42px;
  margin: 2vh auto;display: none}
                    .spinner.active {display: block}
.zaskrtniportaly {
    margin: 0 10px 5px 0;
    cursor: pointer;    display: flex;
    align-items: center;
}
.zaskrtniportaly:hover {color:var(--color-one)}
.informaceostavu {
    width: 100%;
    line-height: 29px;
    font-weight: 700;
    font-size: 20px;
    color: black;
    margin-bottom: 20px;
}
.informaceostavu .chyba{ color: red;}
.informaceostavu .ok{ color: green;}
.holderfiltru {
    width: 100%;
    display: flex;

}
.filtruj {display: none}
	.holderfiltru.active #filtr-developer {display: block}
	.holderfiltru.active #filtr-ulice {display: block}
	.holderfiltru.active #filtr-okres {display: block}
	.holderfiltru.active #filtr-zeme {display: block}
	.holderfiltru.active #filtr-cena {display: block}
	.holderfiltru.active #filtr-typenmovitosti {display: block}
	.holderfiltru.active #filtr-kraj {display: block}

.holderfiltru.active .filtruj  {background: #000; padding: 15px; border-radius: 8px; color: white; font-weight: 600; width: fit-content; margin-left: 10px; margin-bottom: 5px; display: flex; height: fit-content; text-align: center;cursor: pointer}
.holderfiltru.active .filtrpolozka {
    margin-left: 0px;
}
.holderfiltru.active .smrskni {
    flex-wrap: wrap;  gap:10px
}
.holderfiltru .smrskni   {  flex-wrap: wrap;gap:0px}
.filtrovanibtn {display: none}
@media only screen and (max-width: 2415px) {
	.filtrovanibtn {background: #000; padding: 15px; border-radius: 8px; color: white; font-weight: 600; width: 90px; margin-left: 10px; margin-bottom: 5px;display: block;text-align: center;cursor: pointer}
/*#filtr-razeni {display: none}*/
}

@media only screen and (max-width: 2315px) {
/*#filtr-developer {display: none}*/
}

@media only screen and (max-width: 2215px) {
/*#filtr-ulice {display: none}*/
}

@media only screen and (max-width: 2115px) {
/*#filtr-okres {display: none}*/
}

@media only screen and (max-width: 1945px) {
/*#filtr-zeme {display: none}*/
}

@media only screen and (max-width: 1815px) {
/*#filtr-cena {display: none}*/
}

@media only screen and (max-width: 1750px) {
	.obsah .petina {width: 33%}	
	.obsah .radek .tretina {width: 50%}
}
@media only screen and (max-width: 1650px) {
	
}

@media only screen and (max-width: 1500px) {
	#filtr-upraveno {display: none}
}

@media only screen and (max-width: 1450px) {
  .tab {padding: 15px;}
	
}
@media only screen and (max-width: 1350px) {
#filtr-typenmovitosti {display: none}
}
@media only screen and (max-width: 1300px) {

}
@media only screen and (max-width: 1200px) {
	.nabidky {
    max-height: 85vh;
    overflow: scroll;
}
	.obsah.nabidkylist { width: calc(100% - 30px);     }
.obsah .radek .tretina {width: 100%}
.ikona.menu {display: block}
.ikona.odhlaseni {display: none}
.obsah .petina {width: 50%}	
.obsah {width: -webkit-fill-available;padding: 60px 15px}
.sidemenu {border-radius: 0; position: relative; width: -webkit-fill-available; height: 50px; display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap; margin: 0;}
.sidemenu .holderpolozek {position: fixed;width: 100%;z-index: 999999;background: #eaeaea;top: 50px;height: calc(100vh - 50px);display: none}
.sidemenu .holderpolozek.active {display: block}
.sidemenu.active .holderpolozek {display: block}
.sidemenu .userpart {display: flex;align-items: center;position: absolute;right: 15px;width: fit-content;}
.userpart .userikony {padding-left: 10px;}
.sidemenu .userpart .userimage {width: 40px;height: 40px;padding: 0}
.sidemenu .logo {position: absolute;left: 0px;}
.userpart .userimage:after {right: -5px;}
.tooglemenu {display: block; padding-right: 10px}
header { height: 50px;width: -webkit-fill-available;}
.obsah:after {left: 0;}
.obsah .dlazdice {padding: 20px;}
.dlazdice .holderimage {width: calc(100% + 40px);left: -20px;top: -20px;}
.graf .popisek {font-size: 9px;}
.graf .cislo.mensi {font-size: 14px;}
.holderimage .textik {bottom: 15px}
}
@media only screen and (max-width: 1100px) {
#filtr-kraj {display: none}
}

@media only screen and (max-height: 1100px) {
.nabidky {
    max-height: 81vh;

}
}
@media only screen and (max-width: 980px) {
	.filtrovanibtn {width: 100%}
	.holderfiltru {
    width: 100%;
    
}
	


	
	#filtr-developer {display: block}
	#filtr-ulice {display: block}
	#filtr-okres {display: block}
	#filtr-zeme {display: block}
	#filtr-cena {display: block}
	#filtr-typenmovitosti {display: block}
	#filtr-kraj {display: block}
	

}


@media only screen and (max-width: 820px) {
	.obsah .petina {width: 100%}	
	.wrap {width: 100%}
}

@media (max-width: 760px) {
  .tool::after {font-size: .75em;margin-left: -5em;width: 10em; }
}

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