@CHARSET "UTF-8";

*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

#membershipCont {
	float: left;
    width: 100%;
}

#membership {
	float: left;
    width: 100%;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}

#membership > label {
	border: 1px solid #F0F0F0;
	text-align: center;
	display: flex;
    flex-wrap: wrap;
    margin: 0 !important;
    cursor: default;
}

#ebRegistrationDialog #membership > label:not( .active ) {
    cursor: pointer;
}

#membership > label.active {
  background: #a1c524;
  color: #FFFFFF;
}

#membership > label > div {
	width: 100%;
}

#membership > label > div.title {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
}

#membership > label > div.length {
    align-content: flex-end;
}

#membership > label > div.description {
	margin-bottom: 20px;
}

#membership > label > div.price {
	font-weight: bold;
}

@media ( max-width: 1050px ) {
	#membership {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media ( max-width: 600px ) {
	#membership {
		grid-template-columns: repeat(1, 1fr);
	}
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	text-align: left;
}

figcaption {
    margin-top: 20px;
    line-height: initial;
}

body{
	overflow-x: hidden;
}

.psSliderCont[data-autoplay="1"] .bx-wrapper .bx-pager.bx-default-pager a.active {
	width: 50px !important;
}

.ui-widget.ui-widget-content {
	border: none;
}

.ui-dialog {
	z-index: 10007;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 10px !important;
}

#edDialog.ui-dialog-content {
	text-align: center;
}

.ui-dialog .ui-dialog-title {
	font-size: 1em !important;
}

#topBar {
    position: fixed;
    top: 0;
    z-index: 1001;
    width: 100%;
    font-size: 16px;
    line-height: 25px;
    padding: 5px 20px;
}

#topBar.clickable {
	cursor: pointer;
}

#topBar > .pad {
	margin: 0 auto 0 auto;
	max-width: 1200px;
	display: flex;
	align-items: center;
    justify-content: space-between;
}

#topBar > .pad > #topBarText {
	float: left;
	width: 100% ;
	overflow: hidden;
    text-wrap: nowrap;
}

#topBar.hasButton > .pad > #topBarText {
	width: calc( 100% - 230px ) ;
}

#topBar > .pad > #topBarText > #topBarTextIn.marquee {
	display: inline-block;
  	animation: marquee 10s linear infinite;
}

.marquee2 span {
  animation-delay: 2.5s;
}

#topBar > .pad > #topBarButton {
	float: right;
	width: 200px;
}

#topBar > .pad > #topBarButton a {
	float: left;
	width: 100%;
	text-align: center;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}

#edBg {
	background: rgba( 0, 0, 0, 0.5 ) ;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10006;
	display: none;
}

#loading {
	float: left;
	clear: both;
	width: 100%;
	height: 50px;
	background-image: url( 'https://app.sendio.cz/images/loading-eshop.gif' );
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 40px;
	padding: 30px;
	display: none;
}

#loading.full {
	position: fixed;
	z-index: 1000;
	width: 100px;
	height: 100px;
	border-radius: 5px;
	background-color: rgba( 0, 0, 0, 0.7 );
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -50px;
	background-size: 50px;
}

.aos-init:not(.aos-animate):after {
	position: fixed;
}

table td {
	padding: 10px;
}

a {
	cursor: pointer;
}

iframe {
	display: inline;
}

.hidden {
	display: none;
}

.map {
	float: left;
	width: 100%;
}

#psLogo {
    line-height: 27px;
    font-size: 13px;
}

#psLogo img {
    float: left;
    margin-right: 10px;
}

.psSliderCont .psSliderButs {
	cursor: pointer;
	position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}

.psSliderCont .psSliderButs div {
	margin: 10px 0 10px 0;
}

.psSliderCont .psSlider .item {
	text-align: center;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.psSliderCont .bx-wrapper .bx-controls-direction a {
	z-index: 99 !important;
}

.psSliderCont .bx-wrapper .bx-pager, .psSliderCont .bx-wrapper .bx-controls-auto {
    bottom: 20px;
}

.psSliderBg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    z-index: 98;
}

.psSliderCont .item a {
	position: absolute;
	width: 100%;
	height: 100%;
    z-index: 99 !important;
    top: 0;
	left: 0;
    cursor: pointer;
}

.psSliderCont .item a[href=''] {
    cursor: default;
}

#eData {
	display: none;
}

#loadMoreVideo {
    cursor: pointer;
}

.ui-datepicker {
	width: 21em !important;
}

.button a:link, .button a:visited, .button a:active {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.button a:hover, .button a:focus {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

div {
	box-sizing: border-box;
}

input, select, textarea {
	width: 100%;
}

#content img {
	max-width: 100%;
	height: auto;
}

.clear {
	clear: both;
}

header, section, footer {
	float: left;
	width: 100%;
}

/* menu */

.menu--tabs, .menu--tabsVertical, .menu--tree, .menu--block, .menu--blockVertical {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

.menu--block ul, .menu--blockVertical ul {
	width: max-content;
	min-width: 150px;
	max-width: 400px;
	position: absolute;
	z-index: 100;
	visibility: hidden;
  	opacity: 0;
  	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.menu--block ul .hasChild > ul > li div::before, .menu--blockVertical ul .hasChild > ul > li div::before {
	position: absolute;
  	content: "\00a0";
  	margin: -20px 0 0 -33px;
  	height: 50px;
  	width: 30px;
}

.menu--block li:hover > ul, .menu--blockVertical li:hover > ul {
	visibility: visible;
  	opacity: 1;
}

.menu--tabs > li, .menu--tabsVertical > li, .menu--block > li, .menu--blockVertical > li {
	float: left;
}

.menu--tabsVertical li, .menu--block ul li, .menu--blockVertical li {
	clear: both;
}

.menu--tabs div, .menu--tabsVertical div, .menu--tree div, .menu--block div, .menu--blockVertical div {
	float: left;
	width: 100%;
	cursor: pointer;
	text-align: left;
}

.menu--tree li {
	clear: both;
}

.menu li.hasChild {
	padding-bottom: 0px !important;
}

.menu--tabs, .menu--block {
	display: table;
}

.menu--tabs > li, .menu--block > li {
	display: table-cell; 
	text-align: center;
	cursor: pointer;
	float: left;
}

.menu--tree ul {
	margin: 0 0 0 0;
	padding: 0;
}

.menu--block ul, .menu--blockVertical ul {
	position: absolute;
	margin: 0;
	padding: 10px;
}

.menu--blockVertical ul {
	margin: 0 0 0 50px;
}

.menu--tabs li:first-child, .menu--block li:first-child, .menu--breadcrumb li:first-child {
	margin-left: 0px !important;
}

.menu--tabs li:last-child, .menu--block li:last-child, .menu--breadcrumb li:last-child {
	margin-right: 0px !important;
}

.menu--tabsVertical li:first-child, .menu--blockVertical li:first-child {
	margin-top: 0px !important;
}

.menu--tabsVertical li:last-child, .menu--blockVertical li:last-child {
	margin-bottom: 0px !important;
}

.menu--block > li::after {
  content: "\00a0";
  height: 20px;
}

.menu--breadcrumb li {
	float: left;
}

#menu-resp {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0;
	left: 0;
	overflow: auto;
}

#menu-resp > ul {
	list-style: none;
	padding: 80px 50px 50px 50px;
}

#menu-resp > ul > li {
	width: 100%;
	margin: 10px 0 10px 0 !important;
}

#menu-resp > ul > li div {
	text-align: center;
	padding: 0 !important;
}

#menu-resp > ul > li ul {
	display: none;
	margin-top: 0px !important;
	float: left;
	position: static;
	width: 100% !important;
	margin-left: 0 !important;
	max-width: 100%;
	margin-bottom: 20px;
	visibility: visible !important;
	opacity: 1 !important;
}

#menu-resp > ul > li > ul > li > div {
	text-align: center;
}

#menu-resp li.hasChild > div > span {
    display: inline-table;
    margin-left: 10px;
    width: 13px;
    height: 13px;
    background-image: url( 'https://app.sendio.cz/images/main/arrow_menu_down.svg' ) ;
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center center;
}

#menu-resp li.hasChild > div > span.active {
    background-image: url( 'https://app.sendio.cz/images/main/arrow_menu_up.svg' ) ;
}

nav {
	position: absolute;
	width: auto;
}

li#menu-close {
	position: fixed;
	top: 20px;
	right: 20px;
	float: right;
	width: auto !important;
}

li#menu-close a {
	margin-top: 17px;
    float: right;
}

#open-icon, #close-icon {
  width: 33px;
  height: 22px;
  float: right;
  cursor: pointer;
}

#open-icon {
	margin: -6px 0 0 10px;
}

#open-icon span, #close-icon span {
  display: block;
  float: left;
  height: 3px;
  width: 100%;
  border-radius: 1px;
  opacity: 1;
  left: 0;
}

#open-icon span:nth-child(1) {
  top: 0px;
}

#open-icon span:nth-child(2), #open-icon span:nth-child(3) {
  margin-top: 8px;
}

#close-icon span:nth-child(1) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#close-icon span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -3px;
}

#menu-open, #menu-close {
	border: none !important;
	background: none !important;
}

#menu-more {
	position: absolute;
	z-index: 90;
	display: none;
	float: left;
	padding-top: 10px !important;
	width: auto;
}

#menu-more::before {
	position: absolute;
  	content: "\00a0";
  	margin: -10px 0 0 0;
  	width: 150px;
  	height: 10px;
}

#menu-more ul, #menu-more ul li {
    clear: both;
    float: left;
	width: auto !important;
	margin: 0 !important;
	display: block !important;
	visibility: visible;
  	opacity: 1;
}

#menu-more ul, #menu-more ul > li > div {
	padding: 10px !important;
}

/* menu end */

.gallery--all .gallery--item {
	float: left;
	margin: 20px;
	width: 200px;
	height: 200px;
	cursor: pointer;
}

.gallery--all .gallery--item img {
	width: 100%;
	height: auto;
}

.gallery--all .gallery--item div {
	width: 200px;
	height: 200px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 0px;
}

.pages {
	text-align: center;
}

.pages .pagesResp select {
    margin: 0 auto 0 auto;
    padding: 10px;
    width: auto;
}

.pages > div {
	margin-top: 20px;
}

.pages span {
	font-weight: bold;
}

.gYesh {
    margin-top: 20px;
	font-size: 1.2em;
	font-weight: bold;
    color: #a1c524;
}

.gNoth {
	margin-top: 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: #e0621f;
}

.gSearch {
	margin-top: 30px;
}

.gSearch {
    width: 100%;
}

.gSearch .searchBox {
    float: left;
    width: 300px;
    padding: 10px;
}

.gSearch .searchSubmit {
    float: left;
    width: 100px;
    background: #1d3341;
    color: #FFFFFF;
    padding: 12px;
    border: 0;
    cursor: pointer;
}

/*basket small*/
#ebSmall {
    float: right;
    width: 133px;
    margin-top: 12px;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
}

#ebSmall a {
    color: #000000;
}

#ebSmallCount {
    float: left;
    width: 43px;
    height: 47px;
    text-align: center;
    padding: 19px 0 0 2px;
    margin-right: 10px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    background: url(https://app.sendio.cz/images/eshop/top_basket_black.png) center top no-repeat;
    background-size: 40px;
}

#ebSmallTitle {
    font-size: 14px;
    float: left;
    width: 80px;
}

#ebSmallPrice {
    font-size: 14px;
    float: left;
    width: 80px;
    font-weight: bold;
}
/*basket small end*/

.sGlossary {
	border-bottom: dotted 1px #666666;
	cursor: help;
}

.sGlossaryTooltip {
  	font-size: 12px;
  	line-height: 18px;
  	background-color: #FFFFFF;
  	color: #333;
  	padding: 15px;
 	border-color: #AAAAAA;
 	border-width: 1px !important;
 	border-style: solid;
  	border-radius: 5px;
    box-shadow: 0 10px 28px rgba(0,16,44,.18), 0 1px 5px rgba(0,16,44,.2);
    -webkit-box-shadow: 0 10px 28px rgba(0,16,44,.18), 0 1px 5px rgba(0,16,44,.2);
}

.weatherItem {
	float: left;
	width: 31.33%;
	box-shadow: 0 1px 5px rgba(0,0,0,.1);
    padding: 20px 15px 15px;
}

.weatherItem .weatherTop, .weatherItem .weatherMiddle, .weatherItem .weatherBottom {
	float: left;
	width: 100%;
}

.weatherItem .weatherTop {
	margin-bottom: 10px;
}

.weatherItem .weatherTop .weatherTopLeft {
	float: left;
	width: 60%;
}

.weatherItem .weatherTop .weatherTopRight {
	float: left;
	width: 40%;
	text-align: center;
}

.weatherItem .weatherTop .weatherTopLeft h3 {
	color: rgba(81, 173, 240, 1);
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.weatherItem .weatherTop .weatherTopLeft .wDate {
	font-size: 14px;
	margin: 10px 0 10px 0;
}

.weatherItem .weatherTop .weatherTopLeft .wTemperature {
	color: rgba(81, 173, 240, 1);
    font-size: 40px;
    line-height: 40px;
}

.weatherItem .weatherTop .weatherTopRight .wIcon svg {
	float: none;
    max-width: 80px !important;
}

.weatherItem .weatherMiddle {
	background: #f6f6f6;
	padding: 10px;
}

.weatherItem .weatherMiddle div {
	padding-left: 25px;
	background: url(https://app.sendio.cz/images/weather/wind.svg) left center no-repeat;
	background-size: 15px;
}

.weatherItem .weatherMiddle div.wPrecipitation {
	background-image: url(https://app.sendio.cz/images/weather/precipitation.svg);
}

.weatherItem .weatherBottom .wRow {
	float: left;
	width: 100%;
	text-align: center;
	display: flex;
  	align-items: center;
  	justify-content: center;
}

.weatherItem .weatherBottom .wRow.wRowTop {
	font-weight: bold;
}

.weatherItem path {
  fill: rgba(81, 173, 240, 1);
}

.weatherItem path.sun, .weatherItem path.storm {
	fill: #ffd100;
}

.weatherItem path.moon {
	fill: #AAA;
}

.weatherItem path.fog {
	fill: #999;
}

.weatherItem .weatherBottom .wRow img {
	max-width: 35px !important;
}

.weatherItem .weatherBottom .wRow div {
	float: left;
	width: 20%;
	padding: 5px;
}

.weatherItem .weatherBottom .wRow div:nth-child(5) img {
	max-width: 20px !important;
}

.weatherItem:nth-child(5) .weatherBottom .wRow, .weatherItem:nth-child(6) .weatherBottom .wRow, .weatherItem:nth-child(7) .weatherBottom .wRow, .weatherItem:nth-child(8) .weatherBottom .wRow {
	float: left;
	display: block;
	width: 25%;
}

.weatherItem:nth-child(5) .weatherBottom .wRow div, .weatherItem:nth-child(6) .weatherBottom .wRow div, .weatherItem:nth-child(7) .weatherBottom .wRow div, .weatherItem:nth-child(8) .weatherBottom .wRow div {
	width: 100%;
}

.weatherItem .weatherBottom .wRow:nth-child(odd) {
	background: #F9F9F9;
}

.weatherItem .weatherBottom .wRow.wActive {
	background: #dbe9f3;
}

.weatherItem:nth-child(2) {
	margin-left: 3%;
	margin-right: 3%;
}

.weatherItem:nth-child(5), .weatherItem:nth-child(6), .weatherItem:nth-child(7), .weatherItem:nth-child(8) {
	float: left;
	width: 23%;
	margin-top: 30px;
}

.weatherItem:nth-child(6), .weatherItem:nth-child(7), .weatherItem:nth-child(8) {
	margin-left: 2.66%;
}

.weatherForecast .wClear {
	clear: both;
}

#deliveryAddressDef {
	float: left;
	width: 100%;
	margin-top: 20px;
}

#deliveryAddressDef .deliveryAddress {
	position: relative;
	float: left;
	width: 23%;
	margin: 1%;
	border: 1px solid #DDDDDD;
	cursor: pointer;
}

#deliveryAddressDef .deliveryAddress .delete {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #444444;
    font-size: 20px;
    line-height: 100%;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
}

#deliveryAddressDef .deliveryAddress .delete:hover {
	color: red;
}

#deliveryAddressDef .deliveryAddress.deliveryAddressAdd {
	text-align: center;
    display: flex;
    align-items: center;
}

#deliveryAddressDef .deliveryAddress.deliveryAddressAdd .pad {
	width: 100%;
}

#deliveryAddressDef .deliveryAddress.deliveryAddressAdd .pad div:first-child {
	margin-bottom: 10px;
}

#deliveryAddressDef #deliveryAddressDefCont {
	/* display: flex; */
	float: left;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

#deliveryAddressDef #deliveryAddressDefWrap {
	display: flex;
	flex-flow: wrap;
}

#deliveryAddressDef #deliveryAddressDefCont .deliveryAddress:first-child, #deliveryAddressDef #deliveryAddressDefCont .deliveryAddress:nth-child(4n+5) {
	margin-left: 0;
	width: 24%;
}

#deliveryAddressDef #deliveryAddressDefCont .deliveryAddress:nth-child(4n) {
	margin-right: 0;
	width: 24%;
}

#deliveryAddressDef #deliveryAddressDefCont .deliveryAddress:hover:not( .deliveryAddressActive ) {
	background-color: #F8F8F8;
}

#deliveryAddressDef #deliveryAddressDefCont .deliveryAddress .pad {
	margin: 15px;
}


#eshopBasket #deliveryAddressDef #deliveryAddressDefCont .deliveryAddress.deliveryAddressActive {
	background: #a1c524;
	border-color: #a1c524;
	color: #FFFFFF;
	cursor: default;
}

#ebOrders {
	display: table;
	width: 100%;
}

#ebOrders .ebOrder {
	display: table-row;
}

#ebOrders .ebOrder:first-child div {
	border-top: 1px solid #eeeeee;
}

#ebOrders .ebOrder div {
	display: table-cell;
	padding: 10px;
	border-bottom: 1px solid #eeeeee;
}

#ebOrders .ebOrder div:first-child {
	border-left: 1px solid #eeeeee;
}

#ebOrders .ebOrder div:last-child {
	border-right: 1px solid #eeeeee;
	text-align: right;
}

#ebOrders .ebOrder img {
	max-width: 25px;
	max-height: 25px;
	margin-left: 10px;
}

#eLogin {
	display: flex;
    float: right;
    height: 27px;
}

#eLogin .eLogged, #eLogin .eNotLogged {
	background-size: 9px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url( https://app.sendio.cz/images/eshop/down.svg );
    padding-right: 15px;
    cursor: pointer;
}

#eLogin .eLogged span, #eLogin .eNotLogged span, #eLogin .eLogin a, #eLogin .eRegistration a, #eLogin .eLostPassword a, #eLogin .eLogout a, #eLogin .eOrders a, #eLogin .eMembership a, #eLogin .eFavourites a, #eLogin .eProfil a {
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url( 'https://app.sendio.cz/images/eshop/user.svg' );
	padding-left: 20px;
}

#eLogin .eRegistration a {
	background-image: url( 'https://app.sendio.cz/images/eshop/registration.svg' );
}

#eLogin .eLostPassword a {
	background-image: url( 'https://app.sendio.cz/images/eshop/lost_password.svg' );
}

#eLogin .eLogout a {
	background-image: url( 'https://app.sendio.cz/images/eshop/logout.svg' );
	border-top: 1px solid #eeeeee;
}

#eLogin .eOrders a {
	background-image: url( 'https://app.sendio.cz/images/eshop/orders.svg' );
}

#eLogin .eMembership a {
	background-image: url( 'https://app.sendio.cz/images/main/star.svg' );
}

#eLogin .eFavourites a {
	background-image: url( 'https://app.sendio.cz/images/eshop/heart.svg' );
}

#eLogin .eFavourites {
	float: left;
	margin-right: 25px;
}

#eLogin .eFavourites a span {
	background: #a1c524;
    float: left;
    border-radius: 30px;
    padding: 5px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 9px;
    position: absolute;
    left: 13px;
    bottom: 6px;
}

#eLogin .eFavourites a {
    background-size: 17px;
    position: relative;
    width: 23px;
    height: 23px;
}

#eLogin .eLoggedDropDown {
	display: none;
    position: absolute;
    margin-top: 30px;
    background: #FFFFFF;
    border: 1px solid #eeeeee;
    z-index: 10;
    right: 0;
    text-align: left;
    border-radius: 10px;
    -webkit-box-shadow: 0.15rem 0.22rem 0.9rem rgba(0, 0, 0, 0.15);
    box-shadow: 0.15rem 0.22rem 0.9rem rgba(0, 0, 0, 0.15);
}

#eLogin .eLoggedDropDown div:first-child a {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#eLogin .eLoggedDropDown div:last-child a {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#eLogin .eLoggedDropDown a {
    color: #000000 !important;
    width: 100%;
    padding-left: 25px;
    padding: 5px 15px 5px 35px;
    background-position: left+10px center;
}

#eLogin .eLoggedDropDown a:hover {
	background-color: #eeeeee;
	text-decoration: none !important;
}

#loginButton {
	background: #a1c524;
	border: none;
    color: #FFFFFF;
    width: auto;
    border: none;
    float: none;
    padding: 15px 30px 15px 30px;
    cursor: pointer;
}

#loginCont {
    float: left;
    width: 100%;
    margin-top: 30px;
}

#loginCont .lF {
	width: 100%;
}

#loginCont .lFL {
	float: left;
	width: 190px;
}

#loginCont .lFR {
    float: left;
    width: 100%;
    margin: 8px 0 8px 0;
}

#loginCont input[type="text"], #loginCont input[type="password"] {
	 border: 1px solid #d2d2d2;
	 padding: 5px 10px 5px 10px;
	 width: 200px;
}

.ebError {
    position: absolute;
    width: auto;
    z-index: 4;
    background: #FFFFFF url(https://app.sendio.cz/images/main/circle_alert.svg) 10px 11px no-repeat;
    background-size: 14px;
    border: 1px solid #999999;
    border-radius: 3px;
    line-height: 24px;
    white-space: nowrap;
    padding: 6px 10px 6px 28px;
    font-size: 12px;
    margin-top: 4px;
    -webkit-box-shadow: 4px 4px 11px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 4px 11px 0px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 11px 0px rgba(0,0,0,0.75);
    color: #000000;
    display: none;
}

.ebError:after, .ebError:before {
	bottom: 100%;
    left: 14px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ebError:after {
	border-bottom-color: #FFFFFF;
    border-width: 7px;
    margin-left: -7px;
}

.ebError:before {
    border-bottom-color: #555555;
    border-width: 8px;
    margin-left: -8px;
}

.sError {
	border-width: 1px;
    border-color: red !important;
    background-color: #ffc3c3 !important;
}

#myMembershipCont {
	float: left;
	width: 100%;
}

#myMembership > div {
    display: flex;
    align-content: space-between;
    align-items: center;
	width: 100%;
	margin-bottom: 30px;
}

#myMembership > div > .title {
	float: left;
	width: 30%;
	font-weight: bold;
}

#myMembership > div > .chart {
	float: left;
	width: 40%;
	position: relative;
    margin-top: 20px;
    margin-bottom: -10px;
}

#myMembership > div > .chart .dateFrom,
#myMembership > div > .chart .dateTo {
    position: absolute;
    float: left;
    top: -20px;
    background: #F0F0F0;
    border-radius: 3px;
    padding: 3px 5px;
    font-size: 8px;
    line-height: 10px;
    font-weight: bold;
}

#myMembership > div > .chart .dateFrom:before, #myMembership > div > .chart .dateTo:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -9px;
    left: 8px;
    width: 0;
    height: 0;
    margin-left: -5px;
    overflow: hidden;
    border: 5px solid transparent;
    border-top-color: #f0f0f0;
}

#myMembership > div > .chart .dateTo:before {
    left: auto;
    right: 8px;
}

#myMembership > div > .chart .dateTo {
	right: 0;
}

#myMembership > div > .chart > .eChart {
	border: 1px solid #F0F0F0;
	border-radius: 5px;
	height: 10px;
	-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.07);
	-moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.07);
	box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.07);
}

#myMembership > div > .chart > .eChart > div {
	border-radius: 5px;
	height: 10px;
}

#myMembership > div > .chart > .eChart > div.green, #myMembership > div > .buts > .memF.green, #membership .memB, #myMembership > div > .buts > .memB {
	background-color: green;
}

#myMembership > div > .chart > .eChart > div.red, #myMembership > div > .buts > .memF.red {
	background-color: red;
}

#myMembership > div > .chart > .eChart > div.orange, #myMembership > div > .buts > .memF.orange {
	background-color: orange;
}

#myMembership > div > .buts {
	text-align: right;
	width: 40%;
}

#myMembership > div > .buts > .memF {
	float: right;
    border-radius: 20px;
    padding: 0 10px 0 10px;
    font-size: 0.8em;
    width: max-content;
	color: #FFFFFF;
}

#myMembership > div > .buts > .memF.gray {
	background-color: gray;
	margin-right: 10px;
}

#myMembership > div > .buts > .memB, #membership .memB {
	float: right;
    border-radius: 20px;
    padding: 0 10px 0 10px;
    font-size: 0.8em;
    width: max-content;
	color: #FFFFFF;
	margin-left: 10px;
	cursor: pointer;
}

#membership .memB {
    height: max-content;
    padding: 2px 10px 2px 10px;
    align-content: flex-end;
    margin: 10px auto 0 auto;
}

#myMembership > div > .buts > .memB:hover, #membership .memB:hover {
	opacity: 0.9;
}

@media ( max-width: 700px ) {
	#myMembership > div {
		display: block;
	}
	
	#myMembership > div > .title,
	#myMembership > div > .chart,
	#myMembership > div > .buts {
		width: 100%;
		margin-bottom: 5px;
		text-align: center;
	}
	
	#myMembership > div > .title {
		margin-bottom: 30px;
	}
}

#ebLoginDialog .ebF,
#ebRegistrationDialog .ebF,
#ebLostPasswordDialog .ebF,
#loginCont .ebF,
#ebChangePasswordDialog .ebF {
    clear: both;
    width: 100%;
    padding-top: 10px;
    margin: 0 auto 0 auto;
    display: flex;
    align-items: center;
}

#ebRegistrationDialog .ebF {
	display: block;
}

#ebRegistrationDialog .ebH {
    float: left;
    width: 49%;
    margin-right: 1%;
}

#ebRegistrationDialog .ebH:nth-child( 2n ) {
	margin: 0;
    margin-left: 1%;
}

#ebRegistrationDialog input[name="invoice_number"] {
    width: 60%;
}

#ebRegistrationDialog .checkIcButton {
    width: 38%;
    float: right;
    cursor: pointer;
    background-color: #a1c524;
    border: 1px solid #a1c524;
    color: #FFFFFF;
    padding: 10px;
}

#ebLoginDialog .ebFAR, #loginCont .ebFAR {
	text-align: right;
    flex-flow: row-reverse;
}

#loginCont .ebFAR {
	width: auto;
    float: left;
}

#loginCont #ebLoginRegistration, #loginCont #ebLoginLostPassword {
    color: #7a7a7a;
    text-decoration: none;
}

#loginCont #ebLoginRegistration:hover, #loginCont #ebLoginLostPassword:hover {
    text-decoration: underline;
}

#ebLoginDialog .ebF .ebFL, #ebLostPasswordDialog .ebF .ebFL, #ebChangePasswordDialog .ebF .ebFL {
	float: left;
    width: 43%;
    text-align: right;
    margin-bottom: 0;
}

#ebLoginDialog .ebF .ebFR, #ebLostPasswordDialog .ebF .ebFR, #ebChangePasswordDialog .ebF .ebFR {
	float: left;
	margin-left: 2%;
    width: 55%;
    margin-bottom: 0;
}

#ebRegistrationDialog .ebF .ebFL, #ebRegistrationDialog .ebF .ebFR {
    width: 100%;
    text-align: left;
    margin: 0;
    position: relative;
}

#ebLoginDialog .ebF .ebH .ebFL, #ebLoginDialog .ebF .ebH .ebFR,
#ebRegistrationDialog .ebF .ebH .ebFL, #ebRegistrationDialog .ebF .ebH .ebFR  {
	float: left;
    width: 100%;
    text-align: left;
    margin: 0;
}

#ebLoginDialog .ebF #ebLoginButton, #ebLostPasswordDialog .ebF #ebLostPasswordButton {
	float: right;
}

#ebLoginButton, #ebRegistrationButton, #ebLostPasswordButton, #ebChangePasswordButton {
	background: #a1c524;
	border: none;
    color: #FFFFFF;
    width: auto;
    border: none;
    margin: 0px;
    float: none;
    padding: 15px 30px 15px 30px;
    cursor: pointer;
}

#ebLoginButton, #ebRegistrationButton, #ebLostPasswordButton {
	padding: 15px 60px 15px 30px;
	background-image: url(https://app.sendio.cz/images/eshop/right-arrow.svg);
    background-position: right 25px center;
    background-repeat: no-repeat;
    background-size: 25px;
}

#ebChangePasswordButton {
	background-image: none;
	padding-right: 30px;
}

#ebRegistrationButton {
    display: block;
    margin: 0 auto 0 auto;
}

#ebRegistrationDialog label {
	margin: 10px 0 10px 0;
	float: left;
	width: 100%;
}

#ebRegistrationDialog label input {
	float: left;
    width: auto;
}

#ebLoginDialog .ebF input[type="text"], #ebLoginDialog .ebF input[type="password"],
#ebRegistrationDialog .ebF input[type="text"], #ebRegistrationDialog .ebF input[type="password"], #ebRegistrationDialog .ebF select, #ebRegistrationDialog .ebF textarea,
#ebLostPasswordDialog .ebF input[type="text"] {
    padding: 10px;
    border: 1px solid #DDDDDD;
}

#ebLoginDialog.ebLoginPage, #ebLostPasswordDialog {
    width: 500px;
    margin: 0 auto;
}

#ebLoginRegistration, #ebLoginLostPassword {
    float: left;
    margin-top: 20px;
}

#ebLoginLostPassword {
	margin-left: 20px;
}

#companyDataCont, #deliveryAddressCont, #descriptionCont {
	display: none;
	width: 100%;
}

.passInvalid, .passValid {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.passInvalid {
	color: #ff0000;
}

.passValid {
	color: #a1c524;
}

#passLetter {
	margin-top: 20px;
}

#passScore {
	float: left;
	display: none;
    margin-top: 12px;
    line-height: 11px;
}

#passScoreText {
	float: left;
    width: 40px;
	margin-right: 20px;
}

#passScoreChart {
	float: left;
	border: 1px solid #f1f1f1;
	width: 120px;
}

#passScoreChart div {
	width: 0%;
	height: 10px;
}

#passScore.passWeak {
	color: #FF0000;
}

#passScore.passGood {
	color: #ff8000;
}

#passScore.passStrong {
	color: #a1c524;
}

#passScore.passWeak #passScoreChart div {
	background: #FF0000;
}

#passScore.passGood #passScoreChart div {
	background: #ff8000;
}

#passScore.passStrong #passScoreChart div {
	background: #a1c524;
}

.allRadio label, .allCheckbox label {
	position: relative;
}

/* radiobutton */
.radioButton {
	float: left;
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #F8F8F8;
    padding: 10px 10px 10px 45px;
}

.radioButton.disabled {
	color: #cacaca;
}

.radioButton input {
	width: 1px;
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #adadad;
  border-radius: 5px;
}

.radioButton .checkmark {
    position: absolute;
    top: 5px;
    left: 10px;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

.radioButton.disabled .checkmark {
	display: none;
}

.radioButton:not(.disabled):hover input ~ .checkmark {
    background-color: #ccc;
}

.radioButton:not(.disabled) input:checked ~ .checkmark {
    background-color: #a1c524;
}

.radioButton:not(.disabled) .checkmark:after {
    content: "";
    position: absolute;
    display: block;
}

.radioButton:not(.disabled) .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #F8F8F8;
}
/* radiobutton end*/

/* checkbox*/
.checkbox {
  	position: relative;
 	padding-left: 27px;
	padding-top: 4px;
  	cursor: pointer;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}

.checkbox input {
  	opacity: 0;
    height: 0px;
    width: 0px;
    float: left;
    position: absolute;
 	cursor: pointer;
}

.checkbox .checkmark, .ecA .checkmark {
	background-color: #eee;
}

.checkbox.disabled {
	color: #cacaca;
	cursor: default;
}

.checkbox.disabled .checkmark {
	display: none;
}

.checkbox:not(.disabled):hover input ~ .checkmark {
  	background-color: #CCC;
}

.checkbox:not(.disabled) input:checked ~ .checkmark {
  	background-color: #a1c524;
}

.checkbox:not(.disabled) .checkmark:after {
  	content: "";
  	position: absolute;
  	display: none;
}

.checkbox:not(.disabled) input:checked ~ .checkmark:after {
  	display: block;
}

.checkbox:not(.disabled) .checkmark:after {
  	left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
  	border: solid white;
  	border-width: 0 3px 3px 0;
  	-webkit-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	transform: rotate(45deg);
}
/* checkbox end*/

.loadingDiv2 {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
    vertical-align: middle;
    z-index: 3;
}

.sk-fading-circle {
  margin: 3px auto;
  width: 30px;
  height: 30px;
  position: relative;
}

.sk-fading-circle.sk-c-right {
  margin: 3px 10px 3px auto;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #CCC;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

/*faq*/
#edFaqs {
	float: left;
}

.edFaqsAccordion {
	float: left;
	width: 100%;
    border-top: 1px solid #d2d2d2 !important;
}

.edFaqsAccordion h5.ui-accordion-header, .edFaqsAccordion div.ui-accordion-content {
	width: 100%;
	border: none;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #d2d2d2;
}

.edFaqsAccordion div.ui-accordion-content {
	padding: 20px 0 20px 0;
	font-weight: normal;
}

.edFaqsAccordion h5.ui-state-active {
	border: none;
	font-weight: bold;
	width: 100%;
}

.edFaqsAccordion h5.ui-state-hover {
	background: none;
}

.edFaqsAccordion .ui-accordion-header-icon {
	display: none;
}
/*faq end*/

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

#deliveryAddressForm .dafa {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

#deliveryAddressForm .dafl {
    width: 100px;
    float: left;
    margin-top: 10px;
    font-size: 13px;
}

#deliveryAddressForm .dafr {
    width: 212px;
    float: left;
}

#deliveryAddressForm .dafr #zip {
    width: 70px;
}

#dogBtnSubmit, #deliveryAddressAddBtnSubmit {
	background-color: #1d3341;
	color: #FFFFFF !important;
	opacity: 0.8;
}

#dogBtnSubmit:hover, #deliveryAddressAddBtnSubmit:hover {
	background-color: #1d3341;
	opacity: 1;
}

.ebFR textarea {
	height: 100px;
}

.ebFR textarea, .ebFR input, #ebDiscountTicket, #deliveryAddressForm input, #deliveryAddressForm select {
	padding: 10px;
	border: 1px solid #DDDDDD;
}

nav#menu {
	opacity: 0;
}

@media ( max-width: 1050px ) {
	.weatherItem {
		width: 48% !important;
		margin: 0 !important;
		margin-bottom: 20px !important;
	}
	
	.weatherItem:nth-child( even ) {
		margin-left: 2% !important;
	}
	
	.weatherItem:nth-child(3) {
		margin-left: auto !important;
		margin-right: auto !important;
	    float: none;
    	clear: both;
	}
}

@media ( max-width: 800px ) {
	.weatherItem {
		width: 100% !important;
		margin: 0 !important;
		margin-bottom: 20px !important;
	}
	
	.weatherItem:nth-child( even ) {
		margin-left: 0 !important;
	}
	
	.weatherItem:nth-child(3) {
		float: left;
	}
	
	#ebLoginButton {
	    margin-left: 0px;
	}
}

@media ( max-width: 768px ) {
	.hideOverflowOnMobile {
		overflow: hidden;
	}
}

@media ( max-width: 700px ) {
	#deliveryAddressDef #deliveryAddressDefWrap {
		display: inline-flex;
	    flex-flow: nowrap;
	}

	#deliveryAddressDef .deliveryAddress {
		width: 200px !important;
	}
	
	#deliveryAddressDef #deliveryAddressDefCont .deliveryAddress, #deliveryAddressDef #deliveryAddressDefCont .deliveryAddress:nth-child(4n), #deliveryAddressDef #deliveryAddressDefCont .deliveryAddress:nth-child(4n+5) {
		margin: 0 10px 0 10px;
	}
	
	#deliveryAddressDef #deliveryAddressDefCont .deliveryAddress:last-child {
    	margin-right: 0;
	}
	
	#topBar > .pad {
		display: block;
	}
	
	#topBar > .pad > #topBarText {
		width: 100% !important;
		text-align: center;
	}
	
	#topBar > .pad > #topBarButton {
		width: 100%;
		margin-top: 20px;
	}
	
	#topBar > .pad > #topBarButton a {
		display: block;
		float: none;
		width: auto;
		width: fit-content;
		margin: 0 auto 0 auto;
	}
}

@media ( max-width: 600px ) {
	#ebLoginDialog .ebF,
	#ebRegistrationDialog .ebF,
	#ebLostPasswordDialog .ebF {
		display: block;
		width: 100%;
	}
	
	#ebLoginDialog .ebF .ebFL, #ebLoginDialog .ebF .ebFR,
	#ebRegistrationDialog .ebF .ebH .ebFL, #ebRegistrationDialog .ebF .ebH .ebFR, 
	#ebLostPasswordDialog .ebF .ebFL, #ebLostPasswordDialog .ebF .ebFR {
		width: 100%;
	    text-align: left;
	}
	
	#ebLoginDialog .ebF .ebFR, #ebRegistrationDialog .ebF .ebH .ebFR, #ebLostPasswordDialog .ebF .ebFR {
		width: 100%;
	    text-align: left;
		margin: 0 0 10px 0;
	}
	
	#ebRegistrationDialog .ebH {
	    width: 100%;
	    margin: 0 !important;
	}
	
	#ebLoginDialog.ebLoginPage, #ebLostPasswordDialog {
	    width: 100%;
	    margin: 0;
	}
	
	nav#menu {
		max-height: 20px;
	}
}

@media ( max-width: 500px ) {
	.ui-dialog {
		width: 95% !important;
	}
}

@media ( max-width: 420px ) {
	#ebRegistrationDialog .checkIcButton {
	    width: 100%;
	    margin-top: 10px;
	}
	
	#ebRegistrationDialog input[name="invoice_number"] {
	    width: 100%;
	}
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}