/* ---------------------------------------
	Responsive design code
-----------------------------------------*/
@media screen and (min-width: 1001px) and (max-width: 1600px) {
	.uvozovky, .sipka {
max-width: 66px !important;
height: auto !important;
}
}

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

.hidemobile5,
.tck-hide-desktop {
	display: none !important;
}

[class*="tck-cols"].tck-stack-5,
[class*="tck-cols"].tck-stack-desktop {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-5 > *,
[class*="tck-cols"].tck-stack-desktop > * {
	width: auto !important;
}
.pan-mobil {
  display: none !important;
}
}

@media screen and (min-width: 1181px) and (max-width: 1440px) {

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

.hidemobile4,
.tck-hide-tablet-l {
	display: none !important;
}

[class*="tck-cols"].tck-stack-4,
[class*="tck-cols"].tck-stack-tablet-l {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-4 > *,
[class*="tck-cols"].tck-stack-tablet-l > * {
	width: auto !important;
}
h1, div.componentheading {
  line-height: 42px !important;
  font-size: 36px !important;
}
h2, div.contentheading {
  line-height: 30px !important;
  font-size: 24px !important;
}
.flex-item-1100-p {
  padding-right: 60px !important;
}
.flex-item-1000-l {
  min-width: 880px !important;
  padding-left: 150px !important;
}
.flex-item-1000-p {
  max-width: 880px !important;
  padding-right: 90px !important;
}
.reference-pole {
  max-width: 1311px !important;
}
.reference-obrazek {
  max-width: 776px !important;
}
#team-foto {
  max-width: 40%;
  margin-left: 1em;
}
h3 {
  font-weight: normal;
  line-height: 24px !important;
  font-size: 18px !important;
}
#team-kontakty {
  max-width: 750px !important;
  margin-left: 5em !important;
}
.panorama img {
  margin-left: 2em;
}
.pan-mobil {
  display: none !important;
}
}

@media screen and (min-width: 759px) and (max-width: 1180px) {

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

.hidemobile3,
.tck-hide-tablet-p {
	display: none !important;
}

[class*="tck-cols"].tck-stack-3,
[class*="tck-cols"].tck-stack-tablet-p {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-3 > *,
[class*="tck-cols"].tck-stack-tablet-p > * {
	width: auto !important;
}
h1, div.componentheading {
  line-height: 36px !important;
  font-size: 30px !important;
}
h2, div.contentheading {
  line-height: 24px !important;
  font-size: 20px !important;
}
.flex-item-1100-p {
  padding-right: 60px !important;
}
.obrazek-left {
  margin-left: 20em;
}
.obrazek-right {
  margin-right: 20em;
}
.flex-item-1000-l {
  min-width: 880px !important;
  padding-left: 150px !important;
  padding-right: 150px;

}
.flex-item-1000-p {
max-width: 680px !important;
padding-right: 75px !important;
}
.reference-pole {
max-width: 1074px !important;
}
.reference-obrazek {
  max-width: 676px !important;
}
#team-foto {
  max-width: 40%;
  margin-left: 1em;
}
h3 {
  font-weight: normal;
  line-height: 24px !important;
  font-size: 18px !important;
}
#team-kontakty {
  max-width: 750px !important;
  margin-left: 5em !important;
}
.panorama img {
  margin-left: 2em;
}
.logo-zapati img {
  max-width: 433px;
  width: 100%;
}
.pan-mobil {
  display: none !important;
}
}
@media screen and (min-width: 759px) and (max-width: 1000px) {
	.reference-obrazek {
  max-width: 500px !important;
	}
	.uvozovky, .sipka {
max-width: 52px !important;
height: auto !important;
}
}

@media screen and (min-width: 321px) and (max-width: 758px) {

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

.hidemobile2,
.tck-hide-phone-l {
	display: none !important;
}

[class*="tck-cols"].tck-stack-2,
[class*="tck-cols"].tck-stack-phone-l {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-2 > *,
[class*="tck-cols"].tck-stack-phone-l > * {
	width: auto !important;
}


#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#nav {
	height: auto !important;
}
#nav .logobloc {
	float :none !important;
	width: auto !important;
}
#zahlavi > .inner {
	flex-direction: column;
}
#zahlavi .flexiblecolumn {
	width: 100% !important;
float: none;
}
#zahlavi .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#zahlavicolumn1 > .inner {
	flex-direction: column;
}
#zahlavicolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#zahlavicolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#navigace {
	height: auto !important;
}
#navigace ul {
	height: auto !important;
}
#navigace li {
	float :none !important;
	width: 100% !important;
}
#navigace div.floatck, #navigace li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#navigace div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#navigace .mobileckhambuger_togglerlabel {
	display: block !important;
	font-size: 33px !important;
	text-align: right !important;
	padding: 10px !important;
}
#navigace .mobileckhambuger_toggler + * {
	display: none !important;
	overflow-x: hidden;
}
#navigace .mobileckhambuger_toggler:checked + * {
	display: block !important;
}
#zahlavicolumn2 > .inner {
	flex-direction: column;
}
#zahlavicolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#zahlavicolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo {
	height: auto !important;
}
#logo .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#intro {
	height: auto !important;
	margin-top: auto !important;
}
#intro .logobloc {
	float :none !important;
	width: auto !important;
}
.sl_content > .inner {
	display: block;
}
.sl_content .column {
	width: 100% !important;
	clear:both;
	float:left
}
.sl_content .column1 div.inner, .sl_content .column2 div.inner {
	/*overflow:hidden;*/
}
.sl_content .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#main {
	height: auto !important;
}
#main .logobloc {
	float :none !important;
	width: auto !important;
}
#maincenter {
	height: auto !important;
}
#maincenter .logobloc {
	float :none !important;
	width: auto !important;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#reference {
  height: auto !important;
  overflow: hidden;
}
#reference .logobloc {
	float :none !important;
	width: auto !important;
}
#team {
	height: auto !important;
}
#team .logobloc {
	float :none !important;
	width: auto !important;
}
#footer {
	height: auto !important;
}
#footer .logobloc {
	float :none !important;
	width: auto !important;
}
#footer-nav {
	height: auto !important;
}
#footer-nav .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
/*custom styl*/
h1, div.componentheading {
  line-height: 36px !important;
  font-size: 30px !important;
}
.hlavni-text {
  padding-left: 20px !important;
  padding-right: 20px;
}
h2, div.contentheading {
  line-height: 24px !important;
  font-size: 20px !important;
}
.flex-item-1100-p {
  min-width: auto !important;
  padding-right: 20px !important;
  flex: auto !important;
}
.obrazek-left {
  margin-left: 0em !important;
}
.obrazek-right {
  margin-right: 0em !important;
}
.flex-item-1000-l {
  min-width: auto !important;
  padding-left: 20px !important;
  flex: auto !important;
}
.flex-item-1000-p {
  max-width: inherit !important;
  padding-right: 20px !important;
}
.reference-pole {
  margin: 10px !important;
  padding: 1.5em !important;
}
.reference-obrazek {
  max-width: 320px !important;
  position: inherit !important;
}
.kontakt .row {
  display: inherit;
}
#team-foto {
  max-width: inherit !important;
  margin-left: 0em !important;
}
h3 {
  font-weight: normal;
  line-height: 24px !important;
  font-size: 18px !important;
}
#team-kontakty {
  max-width: inherit !important;
  margin-left: 0px !important;
padding-left: 4em !important;
padding-right: 4em !important;
}
.panorama img {
  margin-left: 0em !important;
}
.flex-container-logo {
  display: flex;
  flex-direction: column-reverse !important;
}
.kontakt-zapati {
  width: 100% !important;
  margin-top: 10px !important;
  margin-left: 25px !important;
}
.logo-zapati {
  text-align: center !important;
  width: 100% !important;
  padding-right: 0px !important;
}
.logo-zapati img {
  padding: 0px 2em;
}
.oddelovac-zapati {
  min-height: 10px !important;
}
.leve-zapati {
  display: none;
}
.prave-zapati {
  width: 100% !important;
  font-size: 12px !important;
  line-height: 18px !important;
  text-align: left !important;
 padding-left: 0px !important;
}
.instagram {
  margin: 4px 0px 0px 20px !important;
  position: absolute;
  right: 20px;
  width: 28px;
  height: 28px;
}
#nav {
  display: none !important;
}
.col-4 {
  max-width: 100% !important;
}
.images-flex-m1, .images-flex-m2 {
  display: none !important;
}
.pan-klasik {
  display: none !important;
}
#team-foto {
  top: 0px !important;
}
.uvozovky, .sipka {
  max-width: 52px !important;
  height: auto !important;
}
.kontakt {
  margin: 1em auto 0em !important;
  padding-top: 2px !important;
  padding-bottom: 0px !important;
}
.hot_joomla_carousel_slides .gallery-cell {
  width: 300px !important;
}
.into.rotator.tck-module img {
  width: 300px !important;
}
.slider .slide-track {
  -webkit-animation: scroll 30s linear infinite !important;
  animation: scroll 30s linear infinite !important;
  width: calc(450px * 6) !important;
}
}
@media screen and (max-width: 320px) {

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


.hidemobile1,
.tck-hide-phone-p {
	display: none !important;
}

[class*="tck-cols"].tck-stack-1,
[class*="tck-cols"].tck-stack-phone-p {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-1 > *,
[class*="tck-cols"].tck-stack-phone-p > * {
	width: auto !important;
}

#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#nav {
	height: auto !important;
}
#nav .logobloc {
	float :none !important;
	width: auto !important;
}
#zahlavi > .inner {
	flex-direction: column;
}
#zahlavi .flexiblecolumn {
	width: 100% !important;
float: none;
}
#zahlavi .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#zahlavicolumn1 > .inner {
	flex-direction: column;
}
#zahlavicolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#zahlavicolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#navigace {
	height: auto !important;
}
#navigace ul {
	height: auto !important;
}
#navigace li {
	float :none !important;
	width: 100% !important;
}
#navigace div.floatck, #navigace li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#navigace div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#navigace .mobileckhambuger_togglerlabel {
	display: block !important;
	font-size: 33px !important;
	text-align: right !important;
	padding: 10px !important;
}
#navigace .mobileckhambuger_toggler + * {
	display: none !important;
	overflow-x: hidden;
}
#navigace .mobileckhambuger_toggler:checked + * {
	display: block !important;
}
#zahlavicolumn2 > .inner {
	flex-direction: column;
}
#zahlavicolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#zahlavicolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo {
	height: auto !important;
}
#logo .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#intro {
	height: auto !important;
	margin-top: auto !important;
}
#intro .logobloc {
	float :none !important;
	width: auto !important;
}
.sl_content > .inner {
	display: block;
}
.sl_content .column {
	width: 100% !important;
	clear:both;
	float:left
}
.sl_content .column1 div.inner, .sl_content .column2 div.inner {
	/*overflow:hidden;*/
}
.sl_content .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#main {
	height: auto !important;
}
#main .logobloc {
	float :none !important;
	width: auto !important;
}
#maincenter {
	height: auto !important;
}
#maincenter .logobloc {
	float :none !important;
	width: auto !important;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#reference {
	height: auto !important;
	overflow: hidden;

}
#reference .logobloc {
	float :none !important;
	width: auto !important;
}
#team {
	height: auto !important;
}
#team .logobloc {
	float :none !important;
	width: auto !important;
}
#footer {
	height: auto !important;
}
#footer .logobloc {
	float :none !important;
	width: auto !important;
}
#footer-nav {
	height: auto !important;
}
#footer-nav .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
/*custom styl*/
h1, div.componentheading {
  line-height: 36px !important;
  font-size: 30px !important;
}
.hlavni-text {
  padding-left: 20px !important;
  padding-right: 20px;
}
h2, div.contentheading {
  line-height: 24px !important;
  font-size: 20px !important;
}
.flex-item-1100-p {
  min-width: auto !important;
  padding-right: 20px !important;
  flex: auto !important;
}
.obrazek-left {
  margin-left: 0em !important;
}
.obrazek-right {
  margin-right: 0em !important;
}
.flex-item-1000-l {
  min-width: auto !important;
  padding-left: 20px !important;
  flex: auto !important;
}
.flex-item-1000-p {
  max-width: inherit !important;
  padding-right: 20px !important;
}
.reference-pole {
  margin: 10px !important;
  padding: 1.5em !important;
}
.reference-obrazek {
  max-width: 320px !important;
  position: inherit !important;
}
.kontakt .row {
  display: inherit;
}
#team-foto {
  max-width: inherit !important;
  margin-left: 0em !important;
}
h3 {
  font-weight: normal;
  line-height: 24px !important;
  font-size: 18px !important;
}
#team-kontakty {
  max-width: inherit !important;
  margin-left: 0px !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.panorama img {
  margin-left: 0em !important;
}
.flex-container-logo {
  display: flex;
  flex-direction: column-reverse !important;
}
.kontakt-zapati {
  width: 100% !important;
  margin-top: 10px !important;
    margin-left: 0px !important;
  padding: 0px 20px !important;
}
.logo-zapati {
  text-align: center !important;
  width: 100% !important;
  padding-right: 0px !important;
}
.logo-zapati img {
  padding: 0px 2em;
}
.oddelovac-zapati {
  min-height: 10px !important;
}
.logo-zapati {
  text-align: center !important;
  padding-right: 0px !important;
}
.logo-zapati img {
  max-width: 233px;
}
.flex-container-bottom {
  padding: 15px 0px 0px 15px !important;
}
.leve-zapati {
  display: none;
}
.prave-zapati {
  width: 100% !important;
  font-size: 12px !important;
  line-height: 18px !important;
  text-align: left !important;
  padding-left: 0px !important;
}
.instagram {
  margin: 4px 0px 0px 20px !important;
  position: absolute;
  right: 20px;
  width: 28px;
  height: 28px;
}
#nav {
  display: none !important;
}
.col-4 {
  max-width: 100% !important;
}
.col-4, .col {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.row {
  margin: 0px !important;
}
.sipka {
  width: 64px;
  height: auto;
}
.pan-klasik {
  display: none !important;
}
.kontakt {
  margin: 1em auto 0em !important;
  padding-top: 2px !important;
  padding-bottom: 0px !important;
}
#team-foto {
  top: 0px !important;
}
.uvozovky, .sipka {
  max-width: 52px !important;
  height: auto !important;
}
#mobilemenuck-1-mobile-bar {
  position: absolute !important;
}
.into.rotator.tck-module img {
  width: 300px !important;
}
.slider .slide-track {
  -webkit-animation: scroll 30s linear infinite !important;
  animation: scroll 30s linear infinite !important;
  width: calc(450px * 6) !important;
}
}
@media screen and (max-width: 420px) {
.cpnb-m-header {
line-height: 24px !important;
font-size: 20px !important;
}
.cpnb-message {
  font-size: 12px !important;
  text-align: left !important;
  line-height: 18px !important;
}
.cpnb-button {
  display: inline-block;
  margin-top: 0px !important;
}
.cpnb-button, .cpnb-button-ok, .cpnb-m-enableAllButton {
  font-size: 12px !important;
  line-height: 18px !important;
  width: 45% !important;
  margin: 2px;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  margin-bottom: 8px !important;
}
.cpnb-inner {
  padding: 14px !important;
}
.cpnb-modal-bg {
	padding:0px !important;
}
.cpnb-modal-inner {
  padding: 1em !important;
line-height: 18px !important;
font-size: 12px !important;
}
#cpnb_modal_wrap #cpnb-settings-btn-m-info {
  width: 100% !important;
  margin-bottom: 10px;
  margin-top: 5px;
  margin-left: 0px;
  margin-right:0px;
}
#cpnb_modal_wrap #cpnb-accept-btn-m-info, #cpnb-decline-btn-m-info{
	  margin-left: 0px;
     margin-right:0px;
   width: 49.3% !important;
}
.cpnb-left-menu-toggle-button {
  position: absolute;
  margin-top: 65px;
  margin-left: 0px !important;
}
.cpnb-left-menu-toggle::after {
  margin-left: 30px !important;
}
.cpnb-manager-modal-left {
  margin-top: 35px ;
}
.cpnb-manager-modal-left-item {
  width: 80% !important;
  padding: 5px 5% 5px 5% !important;
}
.cpnb-manager-modal-right {
  margin-top: 80px !important;
  margin-bottom: 50px !important;
}
.cpnb-m-bottom-buttons .cpnb-button {
  padding: 8px 14px !important;
}
}