/* custom css */

/**/

@font-face {
  font-family: Open Sans;
  font-weight: bold;
  src: url('/assets/fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: Open Sans;
  font-weight: 500;
  src: url('/assets/fonts/OpenSans-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: Open Sans;
  font-weight: normal;
  src: url('/assets/fonts/OpenSans-Regular.ttf') format('truetype');
}

:root {
  font-family: Open Sans !important;
  font-weight: normal;
  -webkit-font-smoothing: antialiased !important;
} 

body {
  font-family: Open Sans !important;
  -webkit-font-smoothing: antialiased !important;
  font-size: 17px;
  font-weight: normal;
}

.grecaptcha-badge {
  z-index: 999;
}

.menu li.item .arrow {
  display: none !important;
}

#leaves-left_container {
  position: relative;    
  width: 100%;
  height: 0;
}

#leaves-left {
  background-image: url("/images/leaves_left.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 739px;
  height: 972px;
  position: absolute;
  top: 300px;
  left: -750px;
  z-index: 1;
}

#leaves-right_container {
  position: relative;    
  width: 100%;
  height: 0;
}

#leaves-right {
  background-image: url("/images/leaves_right.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 715px;
  height: 1101px;
  position: absolute;
  top: 730px;
  right: -730px;
  z-index: 1;
}

#flower_footer_container {
  position: relative;    
  width: 100%;
  height: 0;
}

#flower_footer {
  background-image: url("/images/flower_footer.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 345px;
  height: 140px;
  position: absolute;
  bottom: -7px;
  right: 250px;
  z-index: -1;
}

#hp > .flex {
  flex-flow: row wrap;
}

#hp > .flex > .element .imageWrapper img {

  max-height: none;

}

#admin_tool {
  background-color: #DA558A !important;
  border-top: 3px solid #FF0080 !important;
}

#admin_menu a.logo {
  background-color: #FF0080 !important;
}

#admin_menu {
  background-color: #DA558A !important;
}

#admin_menu ul,
#admin_menu ul:hover {
  height: 30px !important;
}

#admin_menu_header {
  background-color: #DA558A;
}

#admin_menu_header > li {
  background-color: #DA558A;
}

/* kontakt a time-line */
div.dropdown-main {
  box-shadow: 0 5px 10px -10px #888;
  top: 212px !important;
  border-top: 1px solid #CB96AE;
}

.dropdown-main ul.submenu > li {
  border-color: #CB96AE;
}

.dropdown-main ul.submenu > li > a {
  font-family: Open Sans !important;
  font-weight: 500 !important;
}

ul.heart {list-style: none;}
ul.heart li:before {content: "❥ \0020";text-indent: -1em;}
.floatRight100 { float: right; width: 100%;}

/* .header-top .login	{	visibility: hidden;} */

/* zoznamy odsadenie v detaile produktu */
.wrapped ul,
.categoryText ul,
.secondaryContent ul {	margin-left: 4em;}

/* TENTO class v lavom menu kategorii */
#leftMenu li a.tento:link,
#leftMenu li a.tento:visited,
#leftMenu li a.tento:active,
#leftMenu li.leftPodKat a.tento:link,
#leftMenu li.leftPodKat a.tento:visited,
#leftMenu li.leftPodKat a.tento:active
	{	color: #000000;}

div.dolghi {
  border-top: 1px solid #ddbfcc;
}

/* zabieleny spodny pruzok paticky */
div.dolghi,
div.dolghi p a:link,
div.dolghi * {
  background-color: #FFFFFF;
	color: #6f6f6f;
}

div.dolghi a {
  background-color: #FFFFFF !important;
  color: #6f6f6f !important;
}	

/* ZOOMeffect nad abstraktom - vypis produktov */
.element .imageWrapper {
  overflow: hidden !important;
}

.element a.imageWrapper {
  overflow: hidden !important;
}

.element .imageWrapper img {
  max-height: 180px;
}

.element > .title {
  font-weight: bold;
  font-size: 13px;
}

.element > .price {
  font-weight: normal;
  font-size: 15px;
}

.element > .hidden-price a {
  font-weight: normal;
  font-size: 15px;
}

.element > a.title {
  color: #343434;
  padding-bottom: 8px;
  padding-top: 8px;
}

.element > div.price {
  color: #979797;
  font-weight: normal;
  font-size: 15px;
  margin-bottom: -4px;
}

.hidden-price #text {
  color: #979797;
}

.element img {	
  width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	transform: scale(1.0);
	transition: 0.5s;
  object-fit: cover;
}

.element img:hover{	  width: 100%;
					  padding-bottom: 0%;
					  padding-left: 0%;
					  transform: scale(1.1);
					  transition: 0.5s;} 					

/* uprava stylov parametrov v detaile produktu */

.parametre {	
  margin-bottom: 1em;
}

.parametre table tbody tr {
	height: 2em;
}

div.price input.primaryButton	{	
  margin-top: 5em;
	margin-bottom: 2em;
  display: block;
}

/* ZOOMeffect nad galeriou */
a.fancybox-button	{
  overflow: hidden;
}

a.fancybox-button img {	
  transform: scale(1.0);
  transition: 0.5s;
}

a.fancybox-button img:hover {
  transform: scale(1.1);
  transition: 0.5s;
}	 

a.fancybox-button:first-child img:hover	{
  transform: scale(2.0);
  transition: 0.5s;
}								 						

/* search posunuty do hornej modrej listy */
header form #search {
    border-radius: none; 
    /*margin-top: -45px;*/
    background-color: white;
}  												

nav.tab-bar section	{	
  visibility: visible;
	width: 50%;
}

nav.tab-bar section#basketTabButton {
  /*visibility: hidden;*/
  display: block;
}

/* stylovanie tabov */
.tab-links	{	
  z-index: 999;
}

.tab-links li {
	background-color: white;
	top: 1px;
}

.tab-links a {
	padding: 10px 30px;
	display: inline-block;
	background: #D96490;
	border: 1px solid #D96490;
	border-top: 1px solid #D96490;
	border-bottom: 0px solid #fff;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	transition: all linear 0.15s;
}

.tab-links a:hover {
	background: #fff;
	border-top: 1px solid #6a8dcf;
	color: #4c4c4c;
}			

.tab-content {
  padding: 15px;
  border: none;
  border-top: 1px solid #6a8dcf;
  background: none;
  z-index: 998;
  padding-bottom: 20px;
}						

.tab-links li {	margin: 0px 3px;}
.tab-links li:first-child	{	margin-left: 0px;}

.leftBar h5 {
    text-transform: unset !important;
}

/* nas tim table */

.tableNT {
  /* border-collapse: collapse; */
  padding:50px; 
  width: 100%;
}

.tableNT tr:hover {
  background-color: #f5f5f5;
}

.tableNT th, 
.tableNT td {
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

/* dlazdice homepage */

.dlazdicaHomePL{float: left; padding: 25px 25px 0px 0px;}
.dlazdicaHomePL:hover {filter: grayscale(85%);}
.dlazdicaHomePC{float: left; padding: 25px 0px 0px 0px;}
.dlazdicaHomePC:hover {filter: grayscale(85%);}
.dlazdicaHomePR{float: left; padding: 25px 0px 0px 25px;}
.dlazdicaHomePR:hover {filter: grayscale(85%);}

/* img galeria clanok */

.article_content img {
  margin-bottom: 10px;
}

.linedHeader {
  margin-bottom: 15px;
  color: #cb96ae;
  font-weight: normal;
  font-size: 22px;
  padding-top: 10px;
}

.linedHeader:before,
.linedHeader:after {
  background-color: #d5abbe;
}

/* 2. stlpec v pravo - detail prod */

.parametre td:nth-child(2) {
  text-align:right;
}

.parametre td:nth-child(3) {
  width: 10%;
}

/* uprava farieb link */

a {  
  color: #D96490;
  line-height: inherit;
  text-decoration: none;  
}

a:hover, 
a:focus {
  color: #FF0080; 
}

a img {
  border: none; 
}

/* uprava farieb tlacidlo */

.header-top {
  background: #ce2e7b;
}

.login-button,
.register-button {
  padding-left: 40px;
  padding-right: 40px;
  width: 50% !important;
  margin: 0 auto !important;
  margin-bottom: 10px !important;
}

.primaryButton{
  background: #D96490;
  color: white !important;
}

.primaryButton:hover{
  background: #ce2e7b;
}

.transparent {
  background: transparent;
}

.transparent:hover {
  background:  #b9c4cd;
}

input.button{
  background-color: #034EA2 !important;
}

.button{
  background-color: #034EA2 !important;
}

.info-bar {
  background: #CE2E7B;
}

.info-bar ul li {
  color: #FFFFFF;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0.1px;
}

.stock{
  background: #979797;
  color: #ffffff;
  font-weight: bold !important;
}

.objednavkaZakaznik > tbody > tr > th {
  font-weight: 500 !important;
}

.content_article h1 {
  color: #514D81;
}

.rectangle{
  color: #FFFFFE;  background: #034EA2;
}

.rectangle:hover{
  background: #6a8dcf;
}

.secondaryButton{
  /*background: #6a8dcf;*/
}

.menu > ul > li a, 
.menu > ul > li a:visited, 
.menu > ul > li a:active {
  color: #343434 !important;
  font-weight: 500 !important;
  font-size: 17px;
  font-family: Open Sans;
}

.menu > ul > li a:hover {
  color: #c3537e !important;
  font-weight: normal;
  font-size: 17px;
}

.dropdown-main ul.submenu > li > ul > li > a {
  /*color: #c3537e !important;*/
  font-weight: normal !important;
  font-size: 17px;
}

section.amount .flag {
  color: #808080;
}

section.amount {
  border-top: 1px solid #234e9c;
}

form.addToCart section {
  border-top: 1px solid #234e9c;
}

/* ikona kosik */
.fa-shopping-bag:before {
  content: "\f291";
  color: #DA558A;
}

.cart a:visited, 
.cart a:active {
  color: #DA558A;
}

.cart .count { 
  background: #b9c4cd;
}

.cart form {
  padding-top: 12px !important;
}

/* uprava tabu */
.tab-content {
  padding-top: 40px;
}

.wrapped {
  padding-top: 20px;
}

.cartSubHeader { 
  background-color: #E9E3E4;
  border-top: 2px solid #BB3E7A;
}

.cartSumtable table tr:last-child {
  color: #BB3E7A;
}

form.modifyAmount button i {
  color: #034EA2;
}

/* newsletter  uprava */
<--!.newsletter {
    margin-top: -50px;
}-->

/* úprava pozadia BLOG na home page */
.articleAbstract {
  background: #f1f2f4;
}

.abstract_a_img {
  display: flex;
  flex: 0 1 auto;
}

/*.articleAbstract > div.article-image {
  max-width: none;
}

.articleAbstract > div.article-text {
  display: flex;
  flex: 0 1 auto;
}*/

/* border input email - odber noviniek homepage */
#mc_embed_signup input[type="email"]  {
  border: 1px solid #AF9BB5;}

.obrazky {
  float: left;
  margin-left: 1em;
}

/* popis v tabe text a img v pravo */
.popis::after {
    content: "";
    clear: both;
    display: table;
}

.img-popis {
    float: right;
    padding-left: 10px;
}

#mc_embed_signup label {
  color: #55507A;
}

footer {
  font-family: Open Sans !important;
}

footer h3, a, p {
  font-family: Open Sans !important;
}

footer .leftwrap{
  border-right: none;
}

footer .container {
  margin: 40px 0 0 0;
}

footer .columns {
  margin-bottom: 20px;
}

footer a {
  font-size: 14px;
  opacity: 0.8;
}

footer .left {
  font-size: 19px;
  font-weight: normal;
  color: #6F6F6F;
}

footer .leftwrap .columns a,
footer .rightwrap a {
  font-size: 15px;
  font-weight: normal;
  color: #6F6F6F;
}

.left {
  font-size: 16px;
}

section.main {
  padding: 0px;
}

.content {
  margin: 0 auto;
}

.content_homepage a:hover {
  color: #cb96ae;
}

.content_smaller {
  width: 85%;
  margin: 0 auto !important;
}

.content_vop,
.content_doprava,
.content_gdpr,
.content_register,
.content_0 {
  width: 90%;
  margin: 0 auto !important;
}

.content_vop,
.content_doprava,
.content_gdpr {
  text-align: justify;
}

#podmienky {
  margin-right: 5px;
}

.zakICO {
  width: 205px;
}

.form_prihlas {
  width: 80%;
  margin: 0 auto;
}

.form_prihlas input {
  width: 100%;
}

.form_prihlas .primaryButton {
  width: 100%;
  margin: 10px auto;
}

.primaryContent {
  width: 80%;
  margin: 0 auto;
}

.primaryContent a {
  width: 100%;
  margin: 10px auto;
}

.cartContent{
  width: 100% !important;
}

.form_prihlas > h3 {
  margin-bottom: 10px;
}

.content_vop > p,
.content_doprava > p,
.content_gdpr > p {
  font-size: 17px;
  font-weight: normal !important;
}

.content_vop > ul.text {
  margin-left: 0;
}

.content_gdpr > h2 {
  margin-top: 10px;
}

.content_smaller > p,
.info_banner > p
 {
  font-size: 17px;
  font-weight: normal !important;
  text-align: center;
  text-align: -webkit-center;
}

.content_smaller > ul > li,
.content_vop > ul > li,
.content_doprava > ul > li,
.content_gdpr > ul > li {
  margin-left: 20px;
}

.content_smaller a,
.content_vop a,
.content_doprava a,
.content_gdpr a,
.info_banner a {
  font-weight: bold !important;
}

.breadcrumb {
  padding-left: 1em;
}

.content_2 > .breadcrumb {
  padding-left: 0;
}

.content > .breadcrumb {
  margin: 15px 0;
}

.content > .breadcrumb > a {
  font-weight: 300;
}

.breadcrumb > strong {
  font-size: 15px !important;
  color: #000 !important;
  font-weight: normal !important;
}

.breadcrumb > a {
  color: #BB3E7A !important;
  font-size: 15px !important;
  font-weight: normal !important;
}

.breadcrumb > a:hover {
  color: #DE7CA2 !important;
  font-weight: normal;
  font-size: 15px !important;
}

.leftMenu > li > a {
  font-weight: 500 !important;
  font-size: 15px !important;
}

.leftMenu > li > a:hover {
  color: #BB3E7A !important;
}



.article_cat {
  color: #6F6F6F !important;
}

.content > .navigacia {
  margin: 10px 0;
}

.content > .article_content {
  margin-bottom: 15px;
}

.content > .article_content p {
  margin-bottom: 10px;
}

.content > .article_content h2,
.content > .article_content h3,
.content > .article_content h4,
.content > .article_content h5,
.content > .article_content h6
{
  margin-bottom: 15px;
}

.content > .article_content img {
  border: none;
  margin: 0;
  padding: 10px 0px 10px 15px;
}

.content p {
  margin: 0 auto;
  text-align: justify;
  color: #343434;
  font-weight: 300;
}

.content a {
  color: #000000;
  font-weight: 500 !important;
}

.content strong {
  font-weight: 500 !important;
  padding-top: 1px;
}

.logo-main img {
  padding: 3px;
  height: 100px !important;
}

aside.categoryText {
  margin-bottom: 20px;
}

/*.articleAbstract {
  margin: 0 auto;
  width: 49.5%;
  position: relative;
  display: flex;
  flex-flow: row wrap;
}*/

.articleAbstract img {

}

.articleAbstract > div.article-text {
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;
  background-color: #e9e3e4;
  /*flex-grow: 4;*/
  min-width: 200px;
}

h2.abstract {
  margin-top: 0px !important;
  margin-bottom: 10px;
}

.articleAbstract > div.article-text > * {
  padding: 2px 18px !important;
}

.articleAbstract > div.article-text > div {
  display: table-cell;
  vertical-align: middle;
}

.article_cat {
  color: #000000;
  font-weight: normal;
  font-size: 13px;
}

.articleAbstract > div.article-text > div > h2 > a {
  color: #000000;
  font-weight: normal !important;
  font-size: 17px !important;
}

.articleAbstract > div.article-text > div > h2 > a:hover {
  font-weight: 500 !important;
  text-decoration: underline;
}

.leftPodKat > a:hover {
  text-decoration: underline;
}

aside.categoryText {
  color: #514D81 !important;
}

#banner_account_container {  
  width: 100%;
  height: 100%;
  text-align: center;
}

#banner_account {
  padding: 15px 0;
  margin: 10px 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  max-width: 100%;
  text-align: center;
}

.dropdown-article {
  text-align: center;
  font-weight: normal;
}

.dropdown-article p {
  margin-top: 10px;
}

#flash {
  height: auto;
  margin-top: 1em !important;
  margin-bottom: 0 !important; 
}

.thumbnails > li {
  vertical-align: top;
}

.articleAbstract img {
  min-width: 100%;
  object-fit: cover;
}

.article-image a {
  padding: 0 !important;
}

.tab-content > div > h3 {
  padding: 0px 30px 0px 10px;
}

.tab-content > div > .wrapped {
  padding: 10px 30px 0px 10px;
}

.tab-content > div > .wrapped {
  font-weight: normal;
}

.easyzoom {
  height: auto !important;
}

.easyzoom a {
  margin-bottom: 0px;
}

.thumbnails > li {
  margin-top: 0px;
  margin-left: 6px;
  margin-right: 7px;
}

.thumbnails > li > a {
  margin-top: 0px;
}

.thumbnails > li > a > img {
  height: 70px;
  object-fit: cover;
}

#zoomImg {
  width: 100% !important;
  margin-left: 5px !important;
  margin-right: 0 !important;
  object-fit: cover;
  object-position: 50% 20%;
  padding-right: 20px;
}

.form_vyhladavanie table,
.form_vyhladavanie td,
.form_vyhladavanie td > input {
  width: 100%;
}

.tab-links > li:hover {
  text-decoration: none !important;
  /*border-top: 1px solid #D96490 !important;*/
}

.tab-links > li > a:hover {
  text-decoration: none !important;
  border-top: 1px solid #D96490 !important;
}


/* LOADER */
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
#loader-home {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;

  border: 3px solid #D9558A;
  z-index: 1500;
}

#loader-others {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;

  /* border: 3px solid #FFF; */
  z-index: 1500;
}

#loader-home:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: 3px solid #D9558A;
}

#loader-others:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  /* border: 3px solid #FFF; */
}

/* change border to transparent and set only border-top to a solid color */
#loader-home {
  border: 3px solid transparent;
  border-top-color: #FFF;
}
#loader-home:before {
  /* content: ''; */
  border: 3px solid transparent;
  border-top-color: #707070;
}

#loader-home {
  border-radius: 50%;
}
#loader-home:before {
  border-radius: 50%;
}

#loader-others {
  border: 3px solid transparent;
  border-top-color: #CE2D7A;
}
#loader-others:before {
  /* content: ''; */
  border: 3px solid transparent;
  border-top-color: #D9558A;
}

#loader-others {
  border-radius: 50%;
}
#loader-others:before {
  border-radius: 50%;
}

@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-home {
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
#loader-home:before {
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}

#loader-others {
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
#loader-others:before {
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}

#loader-wrapper .loader-section-home {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #CE2D7A;
  z-index: 1000;
}

#loader-wrapper .loader-section-others {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #FFF;
  opacity: 0;
  z-index: 1000;
}

#loader-wrapper .loader-section-home.section-left {
  left: 0;
}

#loader-wrapper .loader-section-home.section-right {
  right: 0;
}

#loader-wrapper .loader-section-others.section-left {
  left: 0;
}

#loader-wrapper .loader-section-others.section-right {
  right: 0;
}

#loader-home {
  z-index: 1001; /* anything higher than z-index: 1000 of .loader-section */
}

#loader-others {
  z-index: 1001; /* anything higher than z-index: 1000 of .loader-section */
}

/* Loaded */
.loaded #loader-wrapper .loader-section-home.section-left {
  -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(-100%);  /* IE 9 */
  transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper .loader-section-home.section-right {
  -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(100%);  /* IE 9 */
  transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper .loader-section-others.section-left {
  -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(-100%);  /* IE 9 */
  transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper .loader-section-others.section-right {
  -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(100%);  /* IE 9 */
  transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-home {
  opacity: 0;
}

.loaded #loader-others {
  opacity: 0;
}

.loaded #loader-wrapper {
  visibility: hidden;
}

.loaded #loader-home {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.loaded #loader-others {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.loaded #loader-wrapper .loader-section-home.section-right,
.loaded #loader-wrapper .loader-section-home.section-left {

    -webkit-transition: all 0.3s 0.3s ease-out;
            transition: all 0.3s 0.3s ease-out;
}

.loaded #loader-wrapper .loader-section-others.section-right,
.loaded #loader-wrapper .loader-section-others.section-left {

    -webkit-transition: all 0.3s 0.3s ease-out;
            transition: all 0.3s 0.3s ease-out;
}

.loaded #loader-wrapper {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);

  -webkit-transition: all 0.3s 0.6s ease-out;
          transition: all 0.3s 0.6s ease-out;
}

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

  .tabs > .tab-links > li {
    width: 100%;
    margin-left: 0px;
    border-bottom: 1px solid #BB3E7A;
    margin-bottom: 5px;
  }

  .tabs > .tab-links > li > a {
    width: 100%;
  }

  #zoomImg {
    width: 90vw !important;
    margin-left: 0 !important;
  }

  .tab-content {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 490px) {
  
  /*.article_cat {
    display: none;
  }*/

  .articleAbstract > div.article-text > div > h2 > a {
    font-size: 16px;
  }

  .articles-div {
    margin-bottom: 0px !important;
  }

  .article-text {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 20px;
    text-align: center;
  }

  .article-text > div {
    display: block !important;
    width: 100% !important;
    margin: 0 auto;
  }

  .articleAbstract {
    display: block;
    margin-bottom: 20px;
  }

  .abstract_a_img {
    flex: 1 1 100%;
    width: 100% !important;
  }
}

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

  .es-categories > .hasLeftBar > .flex > .element,
  .hladaj-flex > .element {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .es-categories > .hasLeftBar > .flex > .element > a.imageWrapper > img,
  .hladaj-flex > .element >  a.imageWrapper > img{
    object-fit: cover;
    max-height: none !important;
  }

}

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

  #banner_account {
    background-image: url("/images/640x1450px mobile_deora banner account.svg");
    height: 700px;
  }

  #hp > .flex > .element {
    display: flex;
    flex: 0 1 100%;
  }

  .hp-products > .flex > .element > .imageWrapper > img {
    max-height: 25vw;
  }

  .linedHeader {
    margin-bottom: 25px;
  }

}

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

  .hp-products > .flex > .element {
    flex: 1 0 100%;
  }

  .hp-products > .flex > .element > .imageWrapper > img {
    max-height: none !important;
  }

  .content > .article_content img {
    width: 100%;
    margin: 10px 0;
    padding: 10px 0;
  }

}

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

  .tab_registration span {
    display: none;
  }

  .tab_registration td {
    width: 100%;
  }

}

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

  footer > div.flex {
    width: 100%;
    margin-top: 10px;
    text-align: center !important;
  }

  footer h3 {
    text-align: center !important;
  }

  .rightwrap > div {
    margin: 0 !important;
  }

}

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

  footer .rightwrap div:first-child {
    width: 100%;
    margin: 0 10px;
  }

  .hasLeftBar {
    padding: 0 0 !important;
  }

  .leftBar > #leftMenuToggler {
    width: 95%;
    margin: 10px auto;
  }

  #contact {
    flex-wrap: inherit !important;
  }

  .categoryToolbar > .columns {
    width: 100%;
    margin: 0 auto;
  }

  .main {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  #hp {
    padding-top: 5px !important;
  }

  .pagerWrapper {
    margin-bottom: 40px !important;
  }

  .linedHeader {
    margin-top: ;
    font-weight: bold;
    font-size: 25px;
  }

}

@media only screen and (min-width: 490px) and (max-width: 900px) {

  .es-categories > .hasLeftBar > .flex > .element,
  .hladaj-flex > .element {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .es-categories > .hasLeftBar > .flex > .element > a.imageWrapper > img,
  .hladaj-flex > .element > a.imageWrapper > img {
    object-fit: cover;
    /*max-height: 25vw !important;*/
  }

}

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

  #contact .halfWidth {
    width: auto;
  }

  #contact-mobile {
    display: block;
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }

  .login-button,
  .register-button {
    width: 100% !important;
    margin: 0 0 !important;
    margin-bottom: 10px !important;
  }

  .content_vop,
  .content_vop p,
  .content_doprava,
  .content_doprava p,
  .content_gdpr,
  .content_gdpr p,
  .article_content,
  .article_content p
   {
    text-align: left !important;
  }

  #contact-mobile p {
    text-align: left;
  }

  .header_flower {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-bottom: 4px;
  }

  #contact-normal {
    display: none;
  }

  .linedHeader:before, .linedHeader:after {
    display: none;
  }

  #flash {
    margin-bottom: 15px !important;
  }

  ul.pager li {
    padding-left: 5px;
  }

  .off-canvas-list > li:hover,
  .off-canvas-list > li:selected,
  .off-canvas-list > li:visited {
    background-color: 
  }



}

@media only screen and (min-width: 801px) {

  #contact-normal {
    display: block;
  }

  #contact-mobile {
    display: none;
  }

  .header_flower {
    display: none;
  }

  .es-product-detail > .gallery {
    width: 80% !important;
  }

  .es-product-detail > .gallery > .thumbnails {
    margin-top: 10px !important;
  }

}

@media only screen and (min-width: 901px) {

  .hladaj-flex > .element {
    width: 33.33%;
    margin-left: auto;
    margin-right: auto;
    float: left;
  }

  .hladaj-flex > .element > a.imageWrapper > img {
    object-fit: cover;
    /*max-height: 18vw !important;*/
  }

}

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

  #flower_footer_container {
    display: none;
  }

  #mobile-slider-640,
  #mobile-slider-1242,
  #mobile-slider-1536 {
    display: none;
  }

  .es-product-detail {
    width: 95%;
    margin: 0 auto;
  }

  .es-product-detail > .columns {
    width: 100%;
  }

  .es-product-detail > .gallery {
    padding: 0 15px;
  }

  .es-product-detail > .gallery > .thumbnails > li {
    margin-left: 0;
  }

  .es-product-breadcrumb {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
  }

  .tabs {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

}

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

  .content{
    overflow-y: hidden;
    overflow-x: hidden;
  }

}

@media only screen and (min-width: 641px) and (max-width: 930px) {

  #mobile-slider-640,
  #mobile-slider-1242,
  #mobile-slider-1536 {
    display: none;
  }

}

@media only screen and (min-width: 641px) and (max-width: 930px) {

  .helperBar .element {
    flex-grow: 2;
    width: 50%;
    height: 200%;
  }

  .info-bar > .container > li {
    font-size: 16px;
  }

  #flower_footer_container {
    display: none;
  }

  .hp-products > .flex > .element > .imageWrapper > img,
  .hladaj-flex > .element > .imageWrapper > img {
    max-height: 25vw !important;
  }

}


@media only screen and (min-width: 641px) and (max-width: 1142px) {

  #banner_account {
    background-image: url("/images/1242x1350px mobile_decora banner account.svg");
    height: 600px;
  }

  .hp-products > .flex > .element {
    flex: 1 0 50%;
  }

  .hp-products > .flex > .element > .imageWrapper > img {
    max-height: 30vw;
  }

  #leaves-left_container,
  #leaves-right_container {
    display: none;
  }

}

@media only screen and (min-width: 930px) and (max-width: 1142px) {

  .slider-wrapper {
    display: block;
    width: 95%;
    height: auto;
    margin: 0 auto;
  }

  #mobile-slider-640,
  #mobile-slider-1242,
  #mobile-slider-1536 {
    display: none;
  }

  .hp-products > .flex > .element > .imageWrapper > img {
    max-height: 25vw;
  }

}

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

  .es-categories {
    width: 95%;
    margin: 0 auto;
  }

}

@media only screen and (min-width: 771px) and (max-width: 1142px) {

  .es-categories > .hasLeftBar > .flex > .element > a.imageWrapper > img {
    object-fit: cover;
    max-height: 15vw;
  }

}

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

  .pagerWrapper {
    width: 75%;
  }

}

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

  .content_1 {
    width: 95%;
    margin: 0 auto;
  }

  .info_banner {
    width: 90%;
    margin: 0 auto !important;
    padding: 0 5px;
  }

  .hp-products{
    width: 95%;
    margin: 0 auto !important;
  }

  #hp {
    width: 95%;
    margin: 0 auto !important;
  }

  .articleAbstract {
    /*padding: 0 10%;*/
    background-color: #FFFFFF;
  }

  .articles-div {
    width: 95%;
    margin: 0 auto;
  }

  ul.pager { 
    margin-right: 0 !important;
  }

  /*footer {
    width: 95%;
    margin: 0 auto;
  }*/

  .element {
    margin-bottom: 20px;
  }

}

@media only screen and (min-width: 1142px){

  #banner_account {
    background-image: url("/images/dekora_banner_account.svg");
    height: 200px;
  }

  #flower_footer_container {
    display: block;
  }

  .slider-wrapper, 
  #flash {
    display: block;
  }

  #flash {
    width: 100% !important;
  }

  #mobile-slider-640,
  #mobile-slider-1242,
  #mobile-slider-1536 {
    display: none;
  }

  .easyzoom > a {
    margin-top: 0;
  }

  .es-product-detail {
    width: 100%;
    margin: 10px auto;
    padding-top: 10px;
  }

  .es-product-detail > .gallery {
    width: 40% !important;
  }

  .es-product-detail > .gallery > .thumbnails {
    margin-top: 0px !important;
  }
}

/**/