@font-face {
    font-family: Snell;
    src: url('font/SnellRoundhand.ttc');
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
/*    border: none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;*/

    /*max-width: 100%;*/
    
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}



.sport-content {
    display: none !important;
}

html {
    background: white; 
    overflow-x: hidden;
    background-size: 100% 100% !important; 
}

body {
    min-width: 100%;
    
    font-family: 'Open Sans', sans-serif !important;
}

#container-boxed {
    width: 100%;
    margin: 0 auto;
    background: transparent;
}

#wrapper-content {
    /*max-width: 1370px;*/
    /*margin: 0 auto !important;*/
    width: 100%;
    float: none !important;
}

.g-recaptcha {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: -15px;
}

#recaptcha-anchor-label {
    font-size: 18px !important;
}

#home-top {
    background-image: url('/wp-content/themes/naturespace/img/home-top/home-top.jpg');
    background-size: 100% !important;
    width: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    max-width: 1200px;
    border-left: 5px solid white;
    height: 620px;
    /*margin-left: 2px;*/
    border-bottom: 38px solid white;
    
    transition: background 0.5s linear;
}

.main-ikony {
    border: none;
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}

.main-ikony div {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    position: relative;
    
}

.main-ikony td {
    width: 270px;
    height: 270px;
    padding: 5px 5px;
    vertical-align: middle;
    text-align: center;
    border: none;
}

.main-ikony td a {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 280px;
}

.main-ikony td img {
    margin: 0;
    border: none;
}

.main-ikony td span {
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(227,0,14);
    color: white;
    padding: 8px 14px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.main-ikony td span.icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 68px;
    height: 68px;
    background: none;
    padding: 0px;
}

#social-media-footer br {
    display: none;
}

.main-ikony td span.icon img {
    
}

.select-sport {
    width: 100%;
    background: rgb(64,64,64);
    text-align: center;
    padding-top: 14px;
    /*margin-top: 50px;*/
    margin-bottom: 35px;
}

.select-sport h3 {
    color: white;
    font-size: 30px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    /*font-weight: inherit;*/
}

/*.select-sport h3 span {
    font-size: 35px;
    font-weight: 200 !important;
}*/

.florbal .slider-img-2 {
    margin-top: -50px;
    margin-bottom: 95px;
}

#container-boxed-inner {
    /*background: rgb(240,240,240);*/
}

#wrapper-content {
    background: rgb(255,255,255);
}

.select-sport img {
    margin-top: 13px;
    margin-bottom: 27px;
    width: 32px;
}

#vice-sportu-expand {
    max-width: 1112px;
    width: 100%;
    background: rgb(227,0,14);
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
    padding-top: 10px;
    transition: all 0.5s ease;
}

#vice-sportu-expand:hover,
#vice-sportu-expand h3:hover,
#vice-sportu-expand img:hover {
    text-decoration: none !important;
}

#vice-sportu-expand:hover {
    background: rgb(64,64,64);
}

#vice-sportu-expand h3 {
    color: white;
    font-size: 22px;
    margin-top: 10px;
    text-transform: uppercase;
}

#vice-sportu-expand img {
    margin-top: 10px;
    width: 32px;
    margin-bottom: -5px;
}

.hidden-panel {
    display: none;
}

#bottom-panel-inner {
    margin-bottom: -10px;
}

#bottom-panel-inner,
#bottom-panel-inner p {
    text-align: center;    
}

#bottom-panel-inner img {
    width: 35px;
    margin-top: 10px;
}

#bottom-panel-inner h3 {
    transition: all 0.5s ease;
}

#bottom-panel-inner:hover h3 {
    color: rgb(227,0,14);
}

.colomat-hover {
    text-decoration: none !important;
}

#sport-squares {
    margin-top: 50px;
}

/*#sport-squares table,
#sport-squares td {
    border: none;
    text-align: center;
}*/

#sport-squares div {
    position: relative;
    width: 24%;
    float: left;
    margin-right: 1%;
    margin-bottom: 20px;
}

#sport-squares a {
    display: block;
    position: absolute;
    /*left: 20%;*/ 
    top: 78%;

    color: white !important;
    background: rgb(227,0,14);
    width: 100% !important;
    height: 52px !important;
    margin: 0 auto;

    text-align: center;
    line-height: 3.2 !important;
    
    font-size: 14px !important;
    text-transform: uppercase;
    text-decoration: none;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#sport-squares a:hover {
    color: white !important;
    background: rgb(47,47,46) !important;
}

.lighter {
    opacity: 0.8;
}

.lighter:hover {
    opacity: 1.0;
}

#sport-squares h5 {
/*    display: block;*/
    position: absolute;
    top: 12%;
    left: 15%;
    
    color: yellow;
    font-size: 22px;
    font-weight: 600;
    width: 70%;  
}

#sport-squares h5.sp-second {
    top: 23%;
}

#sport-squares h5 span {
    background: rgb(46,46,46);
    padding: 0px 5px;
}

#tymove-vybaveni-banner {
    background: url('img/banner-tymove-vybaveni.jpg');
    height: 250px;
    width: 1120px;
/*    display: block;
    position: absolute;
    left: 0;*/
    margin-left: -1.7%;
    background-position: center center;
    background-size: 100% auto;
}

#tymove-vybaveni-banner h2 {
    color: white !important;
    background: rgb(227,0,14);
    text-align: center !important;
    height: 40px;
    width: 1060px;
    margin: 0 auto !important;
    margin-top: 26px !important;
    padding-top: 10px !important;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

a #tymove-vybaveni-banner h2:hover {
    background: rgb(29,29,26);
}

.collapseomatic_content {
    margin-left: 0px !important;
}

#wrapper-header {
    background: rgba(255,255,255,0.8);
}

#wrapper-header .header-content {
    max-width: 1120px;
}

#container-boxed-inner {
    /*margin-top: 50px;*/
    
/*    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;*/
}

.sport-content {
    /*width: 100%;*/
    /*height: 772px;*/
    margin-top: -130px;
    padding-top: 150px;
}

.sport-content-white-strip {
    width: 100%;
    background: white;
    padding-top: 20px;
}

.sport-content-white-strip h2,
.sport-content-white-strip h3 {
    margin: 0px !important;
}

.sport-inner {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.top-slider {
    width: 100%;
    height: 30px;
    margin-bottom: 60px;
    background: transparent;
}

.top-slider a {
    font-size: 16px;
    text-decoration: none;
    color: white;
    transition: all 0.5s ease;
}

.top-slider a:hover {
    color: rgb(227,0,14);
}

.top-slider .bx-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

.top-slider .bx-viewport {
    width: 988px !important;
    margin: 0 auto;
}

.top-slider .bx-wrapper .bx-viewport {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.top-slider .bx-pager {
    display: none !important;
}

.top-slider .bx-wrapper li {
    width: auto !important;
}

.top-slider .bx-prev {
    background: url('/wp-content/themes/naturespace/img/arrow-left-light.png') !important;
    background-size: 15px !important;
    width: 15px !important;
    height: auto !important;
}

.top-slider .bx-prev:hover {
    background: url('/wp-content/themes/naturespace/img/arrow-left-red.png') !important;
    background-size: 15px !important;
    width: 15px !important;
    height: auto !important;
}

.top-slider .bx-next {
    background: url('/wp-content/themes/naturespace/img/arrow-right-light.png') !important;
    background-size: 15px !important;
    width: 15px !important;
    height: auto !important;
}

.top-slider .bx-next:hover {
    background: url('/wp-content/themes/naturespace/img/arrow-right-red.png') !important;
    background-size: 15px !important;
    width: 15px !important;
    height: auto !important;
}

.left-slider {
    position: relative;
    float: left;
    width: 990px;
    height: 420px;
    /*background: blue;*/
}

.left-slider .left-slider-top,
.left-slider .left-slider-inner {
    width: 100%;
}

.left-slider .left-slider-top h2 {
    float: left;
    position: relative;
    background: rgba(26,26,24,0.82);
    color: white;
    font-size: 30px;
    margin-top: 0px;
    padding: 22px;
}

.left-slider .left-slider-top h3 {
    float: right;
    position: relative;
    color: white;
    font-size: 30px;
    margin-top: 22px;
    text-transform: uppercase;
}

.left-slider li {
    /*width: 161.5px !important;*/
    height: auto !important;
}

.div-cislo-trenyrky {
    width: 722px;
    position: relative;
    z-index: 0;
    opacity: 1;
}

.div-cislo-trenyrky span.front-name {
    background-repeat: no-repeat;
    width: 751px;
    height: 482px;
    position: absolute !important;
    left: 0;
    top: 0;
}

.div-cislo-trenyrky span.player {
    background-repeat: no-repeat;
    width: 751px;
    height: 482px;
    position: absolute !important;
    left: 0;
    top: 0;
}

.left-slider li a {
    text-decoration: none;
    transition: all 0.5s ease;
}

.left-slider li .slider-img {
    width: 100%;
    height: 176px;
    background: url('/wp-content/themes/naturespace/img/dres-blank.png');
    background-size: 161.5px;
}

.left-slider li h4 {
    margin-top: 44px;
    font-size: 19px;
    font-weight: 700;
    color: rgb(106,106,106);
    text-align: center;
}

.left-slider li a:hover h4 {
    color: rgb(227,0,14);
}

.left-slider li a:hover .slider-img {
    background: url('/wp-content/themes/naturespace/img/dres-blank-red.png');
    background-size: 161.5px;
}

.left-slider .left-slider-inner {
    margin-top: -8px;
    padding-top: 40px;
    height: 300px;
    
    background: rgba(255,255,255,0.8);
}

.left-slider .bx-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: 300px;
}

.left-slider .bx-viewport {
    width: 795px !important;
    height: 300px !important;
    margin: 0 auto;
}

.left-slider .bx-wrapper .bx-viewport {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.left-slider .bx-pager {
    display: none !important;
}

.left-slider .bx-prev {
    background: url('/wp-content/themes/naturespace/img/arrow-left-dark.png') !important;
    background-size: 29px !important;
    width: 29px !important;
    height: 50px !important;
    margin-left: 30px !important;
}

.left-slider .bx-prev:hover {
    background: url('/wp-content/themes/naturespace/img/arrow-left-red.png') !important;
    background-size: 29px !important;
    width: 29px !important;
}

.left-slider .bx-next {
    background: url('/wp-content/themes/naturespace/img/arrow-right-dark.png') !important;
    background-size: 29px !important;
    width: 29px !important;
    height: 50px !important;
    margin-right: 30px !important;
}

.left-slider .bx-next:hover {
    background: url('/wp-content/themes/naturespace/img/arrow-right-red.png') !important;
    background-size: 29px !important;
    width: 29px !important;
}

.left-slider a.disabled {
    display: block !important;
}

.right-menu {
    position: relative;
    float: right;
    width: 80px;
    /*height: 420px;*/
    padding-top: 70px;
    /*background: pink;*/
}

.right-menu img {
    width: 80px;
}

.bottom-panel,
#content.konfigurator .bottom-panel {
    width: 100%;
    text-align: center;
}

.bottom-panel a,
#content.konfigurator .bottom-panel a {
    text-decoration: none;
}

.bottom-panel a:hover h2,
#content.konfigurator .bottom-panel a:hover h2 {
    color: rgb(227,0,14);
}

.bottom-panel h2,
#content.konfigurator .bottom-panel h2 {
    text-align: center;
    color: white;
    font-size: 18px;
    margin: 0px !important;
    margin-bottom: 15px !important;
    transition: all 0.5s ease;
}

#content.konfigurator .bottom-panel a h2 {
    margin-top: 30px !important;
}

.bottom-panel img,
#content.konfigurator .bottom-panel img {
    width: 35px;
    margin-bottom: 30px;
}

#content.konfigurator .bottom-panel img {
    margin-bottom: 60px !important;
}

h1, h2, h3, h4, h5, h6 {
  -ms-word-wrap: break-word;
  word-wrap:     break-word;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
  line-height: 120%;
  margin: 30px 0 7px;                   
}
h1 {
  color: black;
  font-size: 26px;  
}
h2 {
  color: #222222;
  font-size: 22px;  
}
h3 {
  color: #333333;
  font-size: 19px;  
}
h4 {
  color: #444444;
  font-size: 17px;  
}
h5 {
  color: #555555;
  font-size: 15px;  
}
h6 {
  color: #666666;
  font-size: 14px;  
}
p, ul, ol, li, dl, address {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-size: 15px;
  text-align: left;
}

p {
    /*font-weight: bold;*/
    line-height: 1.8;
}

ul {
  margin-left: 16px;   
}
ol {
	list-style-type: decimal;
  margin-left: 20px;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
dl {
  margin-bottom: 20px;   
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 5px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote cite {
  display: block;
  font-style: normal;
	text-transform: uppercase;
}
a {
  color: rgb(227,0,14);
  text-decoration: underline;           
}
a:hover {
  text-decoration: none;           
}
a img {
  border: none;      
}
img {
  height: auto; 
  max-width: 100%;   
}
table {
  font-size: 14px;
  width: 100%;      
}
table, td, th {
  border: 1px solid #e3e3e3;
  border-collapse: collapse;
  text-align: left;
}
td, th {
  padding: 5px 8px;       
}
th {
  background: #555555;
  color: white;
  font-weight: bold;   
}
blockquote, q { 
  border-left: 1px solid #e3e3e3;
  clear: both;
  color: #333333;
  font-style: italic;
  margin: 0 0 20px;
  padding-left: 20px;
}
address {
  font-style: italic;        
}
pre {
  margin-bottom: 20px;
  overflow: auto;   
}
sup {
  vertical-align: super;    
}
sub {
  vertical-align: sub;    
}
iframe,
embed {
  clear: both;
  width: 100%;   
}
hr {
  background: #e3e3e3;
  border: none;
  height: 1px; 
  margin: 15px 0;  
}

.video {
    width: 82%;
    padding: 50px 0px;
    margin: 0 auto;
}

.tiled-gallery,
.gallery-row {
    margin: 0 auto !important;
}

.tiled-gallery {
    padding: 20px 0px;
}

.tiled-gallery,
.gallery-row {
    width: 100% !important;
}

.tiled-gallery-item a img {
    width: 99.9% !important;
}

/* WordPress Core
-------------------------------------------------------------- */

.alignnone {
  clear: both;
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  clear: both;
  display: block;
  margin: 5px auto 20px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  margin: 5px auto 20px auto;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}
.wp-caption,
.gallery-caption {
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px;
  text-align: center;
}
#wrapper .gallery-caption {
  border: none;                          
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
#wrapper .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px;
}
.wp-audio-shortcode {
  margin-bottom: 20px;                   
}


/* basic structure
-------------------------------------------------------------- */

body {
  background: white;
  color: #222222;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
  line-height: 160%; 
}

.container {
    background: url('/wp-content/themes/naturespace/img/pozadi-barevne.png');
    background-position: center top;
    background-size: 1700px auto;
    background-repeat: no-repeat;
}

/*.menu {
    margin-top: 5px !important;
}*/

.menu-panel-wrapper,
#wrapper-header,
#wrapper-content,
#wrapper-footer {
  float: left;
  height: auto;
  position: relative;
  width: 100%;        
}  
.footer-signature-content,
.menu-panel,
/*.container,*/
#footer {  
  margin: 0 auto;
  max-width: 1170px;
  position: relative;
  width: 100%; 
}  
#wrapper-header {
  z-index: 1000;                
}
#main-content {
  float: left;
  margin: 30px 0 10px;
  width: 840px;         
}
.page-template-template-full-width-php .container #main-content,
.page-template-template-landing-page-php .container #main-content {
  width: 100% !important;                                                      
}
#sidebar {
  float: right;
  margin: 30px 0 10px 30px;
  width: 300px;         
}
#wrapper-footer {
  background: #5d5d5d;                
}
.scroll-top {
  border: 1px solid #111111;
  color: #111111;
  cursor: pointer;
  display: block;
  font-size: 21px;
  height: 21px;
  line-height: 21px;
  opacity: 0.3;
  filter: alpha(opacity=30);
  padding: 4px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  text-align: center;
  width: 21px;
  z-index: 2000; 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;           
}
#wrapper .scroll-top:hover {
  background: #555555;
  color: white;
  opacity: 1;
  filter: alpha(opacity=100);                             
}

.ceniky table td {
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;
}

.ceniky table {
    max-width: 100% !important;
}

.ceniky table th {
    word-wrap: break-word;
    word-break: break-all;
}

.galerie-grafiky img {
    margin: 0;
    margin: 0 auto;
}

/* header
-------------------------------------------------------------- */
.header-content-wrapper {
  border-bottom: 1px solid #ebebeb;
  float: left;
  height: 100px;
  position: relative;
  width: 100%;
  z-index: 3;                        
}
.header-content,
.top-navigation {
  height: auto;
  margin: 0 auto;
  max-width: 1170px;
  position: relative;
  width: 100%;                
}
.top-navigation-wrapper {
  border-bottom: 1px solid #ebebeb;
  float: left;
  height: auto;
  position: relative;
  width: 100%;
  z-index: 1500;                        
}
.title-box {
  float: left;
  width: 100%;           
}
.page-template-template-landing-page-php .title-box {
  width: 100% !important;                                                    
}

.menu-box {
    float: right;
    width: 100% !important;           
    margin-top: -100px;
}

#social-media-header {
    position: absolute;
    top: 30px;
    right: -6px;
}

#social-media-footer {
    margin: 10px 0px;
}

#social-media-header a,
#social-media-footer a {
    width: 28px;
    height: 20px;
    display: inline-block;
    margin-right: 7px;
}

#social-media-header a.facebook {
    background-image: url('/wp-content/themes/naturespace/img/facebook-header-a.png');
    background-size: 100% 100%;
    /*transition: all 0.5s ease;*/
}

#social-media-header a.twitter {
    background-image: url('/wp-content/themes/naturespace/img/twitter-header-a.png');
    background-size: 100% 100%;
    /*transition: all 0.5s ease;*/
}

#social-media-header a.youtube {
    background-image: url('/wp-content/themes/naturespace/img/youtube-header-a.png');
    background-size: 100% 100%;
    /*transition: all 0.5s ease;*/
}

#social-media-header a.facebook:hover {
    background-image: url('/wp-content/themes/naturespace/img/facebook-header-b.png');
    background-size: 100% 100%;
}

#social-media-header a.twitter:hover {
    background-image: url('/wp-content/themes/naturespace/img/twitter-header-b.png');
    background-size: 100% 100%;
}

#social-media-header a.youtube:hover {
    background-image: url('/wp-content/themes/naturespace/img/youtube-header-b.png');
    background-size: 100% 100%;
}

#social-media-footer a.facebook {
    background-image: url('/wp-content/themes/naturespace/img/facebook-footer-a.png');
    background-size: 100% 100%;
    /*transition: all 0.5s ease;*/
}

#social-media-footer a.twitter {
    background-image: url('/wp-content/themes/naturespace/img/twitter-footer-a.png');
    background-size: 100% 100%;
    /*transition: all 0.5s ease;*/
}

#social-media-footer a.youtube {
    background-image: url('/wp-content/themes/naturespace/img/youtube-footer-a.png');
    background-size: 100% 100%;
    /*transition: all 0.5s ease;*/
}

#social-media-footer a.facebook:hover {
    background-image: url('/wp-content/themes/naturespace/img/facebook-footer-b.png');
    background-size: 100% 100%;
}

#social-media-footer a.twitter:hover {
    background-image: url('/wp-content/themes/naturespace/img/twitter-footer-b.png');
    background-size: 100% 100%;
}

#social-media-footer a.youtube:hover {
    background-image: url('/wp-content/themes/naturespace/img/youtube-footer-b.png');
    background-size: 100% 100%;
}

.huge_it_slideshow_image_wrap_1 {
    border: none !important;
}

.site-title { 
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 44px;  
    line-height: 100%;
    margin: 30px 0; 
    position: relative;
    text-align: center;   
    width: auto;
    z-index: 50;        
}

.site-title a {
    color: #76a934;
    text-decoration: none; 
    font-family: Snell;
    font-weight: bold;
/*  -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
       -o-transition: color 1s ease;
      -ms-transition: color 1s ease;
          transition: color 1s ease;          */
}

/*.site-title a:hover {
    color: #111111;                    
}*/

.site-title a .description-first-word {
    color: rgb(29,29,26);
}

.site-title a .description-other {
    color: rgb(227,0,15);
}

.header-logo {
  clear: both;
  display: block;
  height: auto;
  margin: 30px auto;
  max-width: 100%;
  position: relative;
  width: auto;             
}
.header-image {
/*  background-color: #f2f2f2;
  border-bottom: 1px solid #ebebeb;*/
    float: left;
    height: auto;
    position: relative;
    width: 190px;
  /*width: 100%;*/           
    margin-left: -6px;
}

.header-image .header-img {
    display: block;
/*    margin: 0 auto;*/
    margin-top: 10px;
    position: relative;        
    width: 138px;
    /*margin-left: 55px;*/
}

.header-image .header-image-container {
  height: 100%;
  overflow: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;                                      
}
.header-image .header-image-text-wrapper {
  display: table;
  height: 100%;
  margin: 0 auto;
  width: 1170px;                                        
}
.header-image .header-image-text {
  display: table-cell;
  height: 100%;
  margin: 0;
  vertical-align: middle;                                
}
.header-image .header-image-text .header-image-headline {
  color: white;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 100%;
  margin: 0 0 18px;
  position: relative; 
  text-align: center;
  width: 100%;                               
}
.header-image .header-image-text .header-image-link-wrapper {
  text-align: center;                                                            
}
.header-image .header-image-text .header-image-link {
  color: white !important;
  display: inline-block;
  font-size: 15px;
  line-height: 100%;
  padding: 10px 20px;
  text-decoration: none; 
}  

/* header menu */

/* main menu - right aligned */

.menu-box ul {
    float: right;
    list-style-type: none;
    margin: 0;
    text-align: right;
    margin-right: 180px;
    margin-top: 14px;
}

.menu-box ul ul {
    /*background: #ededed;*/
    /*border-top: 1px solid #76a934;*/
    width: 212px;
    z-index: 110;  
}

.menu-box ul li {
    float: left;
    /*height: 116px;*/
    /*line-height: 126px;*/
    margin: 0px 12px;
    position: relative;
}

.menu-box ul ul li {
  /*border-bottom: 1px solid #e3e3e3;*/
  display: block;
  height: auto;
  line-height: 39px;
  margin: 0;
  min-height: 39px;
  position: relative;
  /*width: 212px;*/
}
#wrapper #wrapper-header .menu-box ul ul .last-menu-item {
  border-bottom: none;                          
}

.menu-box a.konfigurator {
    position: absolute;
    right: 45px;
    /*top: 50px;*/
    color: white !important;
    background: rgb(227,0,14);
    width: 100px !important;
    height: 38px !important;
/*    -webkit-border-radius:  7px;
    -moz-border-radius:     7px;
    border-radius:          7px;*/
    text-align: center;
    line-height: 2.8 !important;
    margin-top: 50px;
    
    font-size: 13px !important;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.menu-box a.konfigurator:hover {
    color: white !important;
    background: rgb(47,47,46);
}

a.konfigurator {
    position: absolute;
    right: 50px;
    /*top: 50px;*/
    color: white !important;
    background: rgb(227,0,14);
    width: 100px;
    height: 35px;
/*    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;*/
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    line-height: 3.4 !important;
    margin-top: 30px;
    font-size: 15px !important;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

a.konfigurator:hover {
    color: white !important;
    background: rgb(47,47,46);
}

/*.search-custom .search-form {
    position: absolute;
    right: -40px;
    top: 95px;
}

.search-custom .search-form img {
    cursor: pointer;
    background: white;
    margin-top: 0px;
    border: 5px solid white;
}

.search-custom .search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.search-custom .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
}
.search-form
.search-submit { 
display:none;
}

.search-wrap input.s {
   width: 200px;
}*/
.fa.search-top {
    color: #ffffff;
    cursor: pointer;
    font-size: 21px;
    padding: 11px 0px;
    position: absolute;
    right: 0;
    top: 32px;
    width: 25px;
    height: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    border: 1px solid rgba(0,0,0,0.0);
    background-image: url('/wp-content/themes/naturespace/img/search-icon-a.png');
    /*transition: all 0.5s ease;*/
    
    -webkit-border-radius:  8px; 
    -moz-border-radius:     8px; 
    border-radius:          8px;
}
.fa.search-top:hover {
   /*background-color: #289dcc;*/
   /*border: 1px solid rgba(100,100,100,0.8);*/
   background-image: url('/wp-content/themes/naturespace/img/search-icon-b.png');
}

.search-wrap {
   position: relative;
}
.search-wrap button {
   border-radius: 0;
   color: #fff;
   line-height: 45px;
   margin-bottom: 0;
   padding: 0 15px;
   position: absolute;
   top: 0;
   right: 0;
}

.search-form-top {
   /*border: 1px solid #eaeaea;*/
   display: none;
   /*padding: 5px;*/
   position: absolute;
   right: 160px;
   top: 38px;
   z-index: 9999;
   background-color: #ffffff;
}

.search-wrap {
    width: 700px;
}

.search-wrap input[type=text] {
    width: 780px;
    padding: 9px 0px 9px 20px;
    font-size: 105%;
    font-weight: normal;
    
    border: 2px solid rgb(197,197,197);
    
/*    -webkit-border-radius:  8px; 
    -moz-border-radius:     8px; 
    border-radius:          8px;*/
}

.search-icon {
    background-image: url('/wp-content/uploads/2015/11/search-icon.png');
    width: 34px;
    height: 34px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-color: rgba(0,0,0,0.0);
    border: none;
    cursor: pointer;
    
    border: 1px solid rgba(0,0,0,0.0);
    transition: all 0.5s ease;
}

.search-icon:hover {
    border: 1px solid rgba(100,100,100,0.8);
}

#social-media {
    width: 200px;
    float: right;
    margin-top: 30px;
    margin-right: -80px;
}

#social-media img {
    height: 25px !important;
    width: 32px !important;
    
    -webkit-border-radius:  8px; 
    -moz-border-radius:     8px; 
    border-radius:          8px;
}

#social-media-footer {
    width: 100%;
    height: 50px;
}

#social-media-footer .sfsiplus_norm_row {
    top: 0%;
    left: 43%;
}

#social-media-footer .sfsi_plus_widget {
    height: 50px;
}

#social-media-footer img {
    height: 25px !important;
    width: 32px !important;
    
    -webkit-border-radius:  8px; 
    -moz-border-radius:     8px; 
    border-radius:          8px;
}

#wrapper-footer {
    background: rgb(26,25,24);
}

#footer-signature {
    height: auto;
}

.footer-signature {
    background: rgb(26,25,24) !important;
}

.copyright {
    margin-bottom: 20px;
    margin-top: -20px;
    font-size: 100%;
}

.copyright p {
    color: rgb(176,176,176) !important;
}

.huge_it_slideshow_title_text_1 {
    color: white;
    font-size: 220%;
    font-weight: 800 ;
    width: 380px;
    text-align: right;
    padding: 0px;
    top: 10%;
    right: 8%;
    letter-spacing: 0.5px;
}

.huge_it_slideshow_description_text_1 {
    width: 360px;
    color: white;
    font-size: 90%;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-align: right;
    border: 0px;
    padding: 0px;
    top: 22%;
    right: 8.3%;
    line-height: 1.8;
}

#huge_it_slideshow_link a,
#huge_it_slideshow_link-after a {
    width: 150px;
    height: 40px;
    background: rgb(227,0,14);
    color: white;
    position: absolute;
    top: 45%;
    right: 8.3%;
    text-align: center;
    font-size: 80%;
    font-weight: 700;
    padding-top: 6px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-border-radius:  6px; 
    -moz-border-radius:     6px; 
    border-radius:          6px;
    
    border: 1px solid rgb(227,0,14);
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#huge_it_slideshow_link-after {
    width: 100%;
    text-align: center;
}

#huge_it_slideshow_link-after a {
    display: none;
    font-size: 95% !important;
    position: absolute;
    top: 85px;
    left: 90px;
}

#huge_it_slideshow_link a:hover,
#huge_it_slideshow_link a:active,
#huge_it_slideshow_link a:focus,
#huge_it_slideshow_link-after a:hover,
#huge_it_slideshow_link-after a:active,
#huge_it_slideshow_link-after a:focus {
    background: rgb(47,47,46);
    border: 1px solid white;
}

.bx-wrapper {
    background: transparent !important;
}

.huge_it_slider_5 #huge_it_slideshow_link, 
.huge_it_slider_6 #huge_it_slideshow_link,
.huge_it_slider_7 #huge_it_slideshow_link,
.huge_it_slider_8 #huge_it_slideshow_link,
.huge_it_slider_9 #huge_it_slideshow_link,
.huge_it_slider_10 #huge_it_slideshow_link,
.huge_it_slider_11 #huge_it_slideshow_link,
.huge_it_slider_12 #huge_it_slideshow_link,
.huge_it_slider_13 #huge_it_slideshow_link,
.huge_it_slider_14 #huge_it_slideshow_link,
.huge_it_slider_15 #huge_it_slideshow_link,
.huge_it_slider_16 #huge_it_slideshow_link,
.huge_it_slider_17 #huge_it_slideshow_link,
.huge_it_slider_18 #huge_it_slideshow_link,
.huge_it_slider_19 #huge_it_slideshow_link,
.huge_it_slider_20 #huge_it_slideshow_link,
.huge_it_slider_21 #huge_it_slideshow_link,
.huge_it_slider_22 #huge_it_slideshow_link,
.huge_it_slider_23 #huge_it_slideshow_link,
.huge_it_slider_24 #huge_it_slideshow_link,
.huge_it_slider_25 #huge_it_slideshow_link
{
    display: none;
}

.huge_it_slideshow_dots_thumbnails_5, 
.huge_it_slideshow_dots_thumbnails_6,
.huge_it_slideshow_dots_thumbnails_7,
.huge_it_slideshow_dots_thumbnails_8,
.huge_it_slideshow_dots_thumbnails_9,
.huge_it_slideshow_dots_thumbnails_10,
.huge_it_slideshow_dots_thumbnails_11,
.huge_it_slideshow_dots_thumbnails_12,
.huge_it_slideshow_dots_thumbnails_13,
.huge_it_slideshow_dots_thumbnails_14,
.huge_it_slideshow_dots_thumbnails_15,
.huge_it_slideshow_dots_thumbnails_16,
.huge_it_slideshow_dots_thumbnails_17,
.huge_it_slideshow_dots_thumbnails_18,
.huge_it_slideshow_dots_thumbnails_19,
.huge_it_slideshow_dots_thumbnails_20,
.huge_it_slideshow_dots_thumbnails_21,
.huge_it_slideshow_dots_thumbnails_22,
.huge_it_slideshow_dots_thumbnails_23,
.huge_it_slideshow_dots_thumbnails_24,
.huge_it_slideshow_dots_thumbnails_25
{
    display: none !important;
}

.huge_it_slideshow_image_wrap_4,
.huge_it_slideshow_image_wrap_5, 
.huge_it_slideshow_image_wrap_6,
.huge_it_slideshow_image_wrap_7,
.huge_it_slideshow_image_wrap_8,
.huge_it_slideshow_image_wrap_9,
.huge_it_slideshow_image_wrap_10,
.huge_it_slideshow_image_wrap_11,
.huge_it_slideshow_image_wrap_12,
.huge_it_slideshow_image_wrap_13,
.huge_it_slideshow_image_wrap_14,
.huge_it_slideshow_image_wrap_15,
.huge_it_slideshow_image_wrap_16,
.huge_it_slideshow_image_wrap_17,
.huge_it_slideshow_image_wrap_18,
.huge_it_slideshow_image_wrap_19,
.huge_it_slideshow_image_wrap_20,
.huge_it_slideshow_image_wrap_21,
.huge_it_slideshow_image_wrap_22,
.huge_it_slideshow_image_wrap_23,
.huge_it_slideshow_image_wrap_24,
.huge_it_slideshow_image_wrap_25
{
    z-index: 0;
}


#huge_it_slideshow_left_4,
#huge_it_slideshow_left_5, 
#huge_it_slideshow_left_6,
#huge_it_slideshow_left_7,
#huge_it_slideshow_left_8,
#huge_it_slideshow_left_9,
#huge_it_slideshow_left_10,
#huge_it_slideshow_left_11,
#huge_it_slideshow_left_12,
#huge_it_slideshow_left_13,
#huge_it_slideshow_left_14,
#huge_it_slideshow_left_15,
#huge_it_slideshow_left_16,
#huge_it_slideshow_left_17,
#huge_it_slideshow_left_18,
#huge_it_slideshow_left_19,
#huge_it_slideshow_left_20,
#huge_it_slideshow_left_21,
#huge_it_slideshow_left_22,
#huge_it_slideshow_left_23,
#huge_it_slideshow_left_24,
#huge_it_slideshow_left_25
{
    background: url('/wp-content/plugins/slider-image/images/arrow-left-black.png') no-repeat !important; 
    background-size: 70% 70% !important;
    left: -20px !important;
}

#huge_it_slideshow_right_4,
#huge_it_slideshow_right_5, 
#huge_it_slideshow_right_6,
#huge_it_slideshow_right_7,
#huge_it_slideshow_right_8,
#huge_it_slideshow_right_9,
#huge_it_slideshow_right_10,
#huge_it_slideshow_right_11,
#huge_it_slideshow_right_12,
#huge_it_slideshow_right_13,
#huge_it_slideshow_right_14,
#huge_it_slideshow_right_15,
#huge_it_slideshow_right_16,
#huge_it_slideshow_right_17,
#huge_it_slideshow_right_18,
#huge_it_slideshow_right_19,
#huge_it_slideshow_right_20,
#huge_it_slideshow_right_21,
#huge_it_slideshow_right_22,
#huge_it_slideshow_right_23,
#huge_it_slideshow_right_24,
#huge_it_slideshow_right_25
{
    background: url('/wp-content/plugins/slider-image/images/arrow-right-black.png') no-repeat !important; 
    background-size: 70% 70% !important;
    right: -20px !important;
}

.fotbal .bx-prev,
.fotbal .bx-next, 
.hazena .bx-prev,
.hazena .bx-next,
.hokejbal .bx-prev,
.hokejbal .bx-next,
.hasicsky-sport .bx-prev,
.hasicsky-sport .bx-next,
.ledni-hokej .bx-prev,
.ledni-hokej .bx-next,
.volejbal .bx-prev,
.volejbal .bx-next,
.tymove-vybaveni .bx-prev,
.tymove-vybaveni .bx-next,
.florbal .bx-prev,
.florbal .bx-next,
.cyklo .bx-prev,
.cyklo .bx-next,
.basketbal .bx-prev,
.basketbal .bx-next,
.americky-fotbal .bx-prev,
.americky-fotbal .bx-next,
.ragby .bx-prev,
.ragby .bx-next,
.inline-hokej .bx-prev,
.inline-hokej .bx-next,
.lakros .bx-prev,
.lakros .bx-next,
.vodacky-sport .bx-prev,
.vodacky-sport .bx-next,
.motokros .bx-prev,
.motokros .bx-next,
.baseball .bx-prev,
.baseball .bx-next,
.atletika .bx-prev,
.atletika .bx-next,
.paintball .bx-prev,
.paintball .bx-next,
.sipky .bx-prev,
.sipky .bx-next
{
    margin-top: -50px !important;
}

/***********************************************************************************/
#home-sections {
    /*margin-top: 5px;*/
    /*margin-left: 1.7%;*/
    margin-left: -5px;
}

#home-sections .view {
/*    width: 230px;
    height: 210px;
    margin: 40px 20px 20px 20px;*/
    /*float: left;*/
    /*border: 10px solid #fff;*/
/*    margin: 0;
    padding: 0;*/
    /*margin: 5px 0px;*/
    width: 100%;
    /*height: 300px;*/
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer;
    background: #fff url(../images/bgimg.jpg) no-repeat center center
}
#home-sections .view .mask, #home-sections .view .content {
    width: 100%;
    /*height: 300px;*/
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
#home-sections .view img {
    display: block;
    position: relative
}
#home-sections .view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    /*margin: 20px 0 0 0;*/
    
    width: 100%;
    height: 30px;
}

#home-sections .view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 30px;
    /*padding: 10px 20px 20px;*/
    padding: 10px;
    text-align: center
}
#home-sections .view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
#home-sections .view a.info:hover {
    box-shadow: 0 0 5px #000
}

#home-sections .view-first img { 
    transition: all 0.2s linear;
}

#home-sections .view-first .mask {
    opacity: 0;
    background-color: rgba(0,0,0, 0.8); 
    transition: all 0.4s ease-in-out;
    
    -webkit-border-radius:  0px 0px 8px 8px; 
    -moz-border-radius:     0px 0px 8px 8px; 
    border-radius:          0px 0px 8px 8px;
}

#home-sections .view-first h2 {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

#home-sections .view-first p { 
    opacity: 0;
    transition: all 0.2s linear;
}

#home-sections .view-first a.info{
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

#home-sections .view-first:hover .mask { 
    opacity: 1;
}

#home-sections .view-first:hover h2 {
    transform: translateY(-140px);
    opacity: 1;
}
#home-sections .view-first:hover p {
    transform: translateY(-90px);
    opacity: 1;
}

#home-sections .view-first:hover h2.big {
    transform: translateY(-330px);
    opacity: 1;
    display: block;
}
#home-sections .view-first:hover p.big {
    transform: translateY(-280px);
    opacity: 1;
    display: block;
}

#home-sections .view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

#home-sections .view-first:hover p {
    transition-delay: 0.1s;
}

#home-sections .view-first:hover a.info {
    transition-delay: 0.2s;
}

#home-sections h5 {
    margin-top: 0px;
    padding: 12px 0px;
    width: 230px;
    height: 20px;
    font-size: 110%;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    background: rgb(227,0,14);
    letter-spacing: 0.5px;
    
    -webkit-border-radius:  0px 0px 8px 8px; 
    -moz-border-radius:     0px 0px 8px 8px; 
    border-radius:          0px 0px 8px 8px;
    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#home-sections .view-first:hover h5 {
    color: rgb(227,0,14);
}

#home-sections.home-sections-inner {
    margin: 20px -25px 0px -25px;
}

#home-sections.home-sections-inner .icon {
    position: absolute;
    left: 0px;
    top: 0px;
}

.sections-hover span {
    width: 230px;
    height: 210px;
    position: absolute;
    left: 0px;
    top: 0px;
    
    -webkit-border-radius:  0px 0px 8px 8px; 
    -moz-border-radius:     0px 0px 8px 8px; 
    border-radius:          0px 0px 8px 8px;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.sections-hover:hover span:hover,
.sections-hover:focus span:focus,
.sections-hover:active span:active {
    background: rgba(0,0,0,0.6);
}

#newsletter {
    width: 100%;
    height: 200px;
    background: rgb(64,64,64);
    text-align: center;
    padding-top: 1px;
    margin-top: 15px;
}

#newsletter h5 {
    color: white;
    font-size: 28px;
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 36px;
}

#newsletter h5 span {
    font-weight: 500;
}

#newsletter form {
    margin-top: 10px;
}

#newsletter input[type=text],
#newsletter input[type=email]{
    margin: 15px 12px;
    color: rgb(64,64,64);
    width: 190px; 
    height: 46px;
    font-size: 15px;
    padding-left: 10px;
}

#newsletter input[type=text]:focus {
    color: rgb(64,64,64);
}

#newsletter .sport {
    margin-right: 30px;
}

#newsletter button {
    width: 140px;
    height: 58px;
    margin-left: 10px;
    background: rgb(227,0,14);
    color: white;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    /*font-weight: 700;*/
    /*letter-spacing: 0.5px;*/
    text-decoration: none;
    text-transform: uppercase;
/*    -webkit-border-radius:  6px !important; 
    -moz-border-radius:     6px !important; 
    border-radius:          6px !important;*/
    border: 0px;
    
    transition: all 0.5s ease;
}

#newsletter button:hover {
    color: rgb(227,0,14) !important;
    background: white;
}

#newsletter #loading {
    width: 50px;
    display: none;
    vertical-align: middle;
}

.contact-form {
    width: 320px;
    margin: 0 auto;
}

.contact-form div {
    margin: 10px 0px 5px 0px;
}

.contact-form input[type=text],
.contact-form textarea {
    padding: 8px 20px 8px 20px;
    font-size: 105%;
    font-weight: normal;
    border: 2px solid rgb(197,197,197);
    
/*    -webkit-border-radius:  8px !important;
    -moz-border-radius:     8px !important;
    border-radius:          8px !important;*/
}

.contact-form .cptch_input {
    width: auto !important;
}

.flowplayer {
    margin: 0 auto;
    width: 560px;
    display: block;
}

.flowplayer a {
    background-image: none !important;
}

.contact-form textarea {
    max-width: 600px;
    max-height: 600px;
}

.contact-form input[type=submit] {
    color: white !important;
    background: rgb(227,0,14);
    width: 140px;
    height: 40px;
    -webkit-border-radius:  7px !important;
    -moz-border-radius:     7px !important;
    border-radius:          7px !important;
    text-align: center !important;
    margin-top: 35px;
    font-weight: 700;
    font-size: 13px;
    border: none;
    
    margin: 0 auto;
    text-transform: uppercase;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.contact-form input[type=submit]:hover {
    color: white !important;
    background: rgb(47,47,46);
}

.delimiter {
    width: 100%;
    height: 60px;
    background: rgb(240,240,240);
    display: block;
    position: relative;
    padding: 40px 0px 40px 0px;
    text-align: left;
}

.delimiter h4,
.delimiter a {
    display: inline-block;
    margin: 10px;
}

.delimiter h4 {
    margin: 10px 0px 0px 26.5%;
    font-size: 170%;
}

.delimiter a {
    color: white !important;
    background: rgb(227,0,14);
    width: 180px;
    height: 40px;
    -webkit-border-radius:  7px !important;
    -moz-border-radius:     7px !important;
    border-radius:          7px !important;
    text-align: center !important;
    /*margin-top: 35px;*/
    font-weight: 700;
    font-size: 13px;
    border: none;
    text-decoration: none;
    line-height: 3;
    
    position: absolute;
    top: 50px;
    left: 58.5%;
    
    margin: 0 auto;
    text-transform: uppercase;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.delimiter a:hover {
    color: white !important;
    background: rgb(47,47,46);
}

#materialy {
    margin-top: 40px;
}

#materialy table, #materialy td {
    border: none;
}

#materialy td {
    vertical-align: top;
}

#materialy td div.first {
    margin-top: -20px;
}

#materialy td img {
    width: 200px;
    height: auto;
}

.logo-materialy {
    position: absolute;
    right: 22%;
    margin-top: 0px;
    width: 150px !important;
}

.rousky-cols .wp-block-column {
    border: 1px solid rgb(200,200,200);    
    background: rgb(250,250,250);
}

.rousky-cols .wp-block-column:not(:last-child) {
    margin-right: 15px;
}

.rousky-cols .wp-block-column:not(:first-child), 
.rousky-cols .wp-block-column:nth-child(2n) {
    margin-left: 15px;
}

.rousky-cols .wp-block-column.blank {
    border: none;
    padding: none;    
    background: none;
}

.rousky-cols .wp-block-column .wp-block-image {
    background: white;
    padding: 15px 0px;
    margin-bottom: 0px;
}

.rousky-cols .wp-block-column .wp-block-image .aligncenter {
    margin: 0px;
}

.rousky-cols .wp-block-column .wp-block-image img {
    max-height: 120px;
    display: block;
    margin: 0 auto;
}

.rousky-cols .wp-block-column h5 {
    display: block;
    width: calc(100% - 30px);
    padding: 10px 15px;
    background: rgba(100,100,100);
    color: white;
    text-align: center;
    margin-top: 0px;
    min-height: 54px;
}

.rousky-cols .wp-block-column p {
    display: block;
    padding: 10px 15px;
    width: calc(100% - 30px);
    margin-bottom: 0px !important;
    height: 47px;
}

.rousky-cols .wp-block-column p.rousky-p {
    height: auto;
    min-height: 360px;
}

.rousky-cols .wp-block-column p a {
    display: block;
    padding: 10px 15px;
    font-weight: 700;
    background: rgb(227,0,14);
    text-align: center;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.rousky-cols .wp-block-column p a:hover {
    background: rgb(29,29,26);
}

.rousky-cols {
    position: relative;
}

.rousky-cols .wp-block-column .wp-block-image.onmouseover {
    position: absolute;
    display: block;
    width: 50%;
    padding: 0px;
    background: transparent;
    top: 150px;
    
    border: 2px solid rgb(230,230,230);
    
    -webkit-box-shadow: 0px 0px 8px #666;
    -moz-box-shadow: 0px 0px 8px #666;
    box-shadow: 0px 0px 8px #666;
    display: none;
}

.rousky-cols .wp-block-column:first-child .wp-block-image.onmouseover {
    left: 0%;
}

.rousky-cols .wp-block-column:nth-child(2) .wp-block-image.onmouseover {
    left: 15%;
}

.rousky-cols .wp-block-column:nth-child(3) .wp-block-image.onmouseover {
    right: 15%;
}

.rousky-cols .wp-block-column:last-child .wp-block-image.onmouseover {
    right: 0%;
}

.rousky-cols .wp-block-column .wp-block-image.onmouseover img {
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    width: 100%
}

.rousky-cols .skip-margin-button {
    margin-top: -67px;
}

/* Customize the label (the container) */
.checkbox {
  display: block;
  position: relative;
  padding-left: 45px;
  margin-top: 20px;
  cursor: pointer;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.6;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 2px solid rgba(100,100,100,0.7);;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
  background-color: rgb(227,0,14);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.quantityFilterRow {
    display: none;
}

.home-white {
    margin-top: -30px;
    max-width: 100%;
    padding: 20px 0 20px 0;
/*    font-size: 18px;*/
    /*font-weight: 700;*/
    /*letter-spacing: 0.5px;*/
    background: white;
}

.home-white div {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.home-white h1 {
    font-weight: 600;
    margin-bottom: 28px;
    font-size: 24px;
}

.home-white p {
    text-align: left !important;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
    /*margin-bottom: 20px !important;*/
}

.home-gray {
    background: rgb(240,240,240);
    max-width: 100%;
    padding: 30px 0;
/*    font-size: 18px;*/
    /*font-weight: 700;*/
    /*letter-spacing: 0.5px;*/
}    

.home-gray div {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}
    
.home-gray h2 {
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 22px;
}

.home-gray p {
    text-align: left !important;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
}

#home-after {
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 20px;
    border-bottom: 30px solid white;
}

#home-after table {
    border: 0px;
}

#home-after div.after {
    border: 0px;
    width: 40%;
    padding: 30px 40px 60px 40px;
    display: block;
    float: left;
    position: relative;
}

.after.right-panel div h6 {
    text-align: left;
}

.home-after-wide {
    width: 100%;
    background: white;
}

#home-after div.after {
    height: 370px;
}

#home-after .right-panel a.button {
    margin-top: 48px;
}

#home-after h5 {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #222222;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: -0.8px;
}

#home-after h6.left {
    color: inherit;
    display: inline-block;
    float: left;
}

#home-after h3 {
    font-size: 15px;
    margin-top: 5px;
}

#home-after h6 {
    font-size: 16px;
    color: rgb(97,97,97);
    display: inline-block;
    float: right;
}

#home-after p {
    font-size: 14px;
    /*padding: 0px 40px 0px 0px;*/
    /*font-weight: 700;*/
    font-weight: 600;
    text-align: justify;
    line-height: 1.6;
    letter-spacing: -0.8px;
}

#home-after .more-info {
    color: rgb(227,0,14);
    text-decoration: none;
    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#home-after .more-info:hover {
    color: black;
}

#home-after .button {
    /*width: inherit;*/
    padding-left: 12px;
    padding-right: 12px;
    /*height: 32px;*/
    background: rgb(227,0,14);
    color: white;
    text-align: center;
    margin: 0 auto;
    /*margin-top: 20px;*/
    display: block;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
/*    -webkit-border-radius:  6px !important; 
    -moz-border-radius:     6px !important; 
    border-radius:          6px !important;*/
    border: 0px;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#home-after .button:hover,
#home-after .button:focus,
#home-after .button:active {
    background: rgb(26,25,24);
}

.left-panel #huge_it_slideshow_link {
    display: none;
}

.left-panel {
    width: 42% !important;
    /*padding-left: 60px !important;*/
}

.right-panel {
    padding-left: 10px !important;
    width: 44% !important;
}

#footer {
    margin-top: 30px;
    max-width: 1120px !important;
}

.footer-widget-area-1 {
    width: 45% !important;
    margin-right: 80px !important;
}

.footer-widget-area-2 {
    width: 25% !important;
    margin-right: 20px !important;
}

.footer-widget-area-3 {
    width: 20% !important;
    float: right !important;
}

.footer-headline {
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

#footer .textwidget p {
    color: rgb(176,176,176) !important;
    font-size: 14px !important;
    line-height: 1.6;
}

#footer .textwidget a {
    text-decoration: none;
    color: rgb(227,0,14) !important;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#footer .textwidget a:hover,
#footer .textwidget a:focus,
#footer .textwidget a:active {
    color: white !important;
}

ul#menu-paticka-hlavni-menu {
    text-align: center;
    margin-top: 20px;
}

ul#menu-paticka-hlavni-menu li {
    display: inline !important;
}

ul#menu-paticka-hlavni-menu li a {
    text-decoration: none;
    color: white !important;
    text-transform: uppercase;
    margin: 0px 10px;
    font-weight: 500;
    font-size: 12px;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

/*ul#menu-paticka-hlavni-menu li.menu-item-97 a {
    color: rgb(227,0,14) !important;
}*/

ul#menu-paticka-hlavni-menu li a:hover,
ul#menu-paticka-hlavni-menu li a:focus,
ul#menu-paticka-hlavni-menu li a:active {
    color: rgb(227,0,14) !important;
}

.sport-image {
    width: 50%;
    margin: 35px 0px 35px -5px;
}

.sport-image img {
    width: 100%;
}

.sport-right {
    width: 30%;
    float: left;
    position: relative;
    padding-left: 20px;
}

.sport-right h1 {
    margin: 0px 0px 30px 0px;
}

/*.sport-inner {
    width: 100%;
    position: relative;
    float: left;
}*/

.sport-inner h3 {
    margin-bottom: 30px;
}

#inpage-konfigurator {
    top: 288px;
    left: 20px;
    font-size: 120% !important;
    /*padding: 0px 40px !important;*/
    width: auto !important;
    height: 50px !important;
    line-height: 2.8 !important;
}

.sport-right-icons {
    width: 10%;
    float: right;
}

.right-menu a {
    display: block;
    width: 80px;
    height: 101.5px;
    margin-bottom: 10px;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.right-menu a.ceniky {
    background: url('/wp-content/themes/naturespace/img/bison-cenik-a.png');
    background-size: 80px 101.5px;
    margin-bottom: 15px;
}

.right-menu a.tabulky {
    background: url('/wp-content/themes/naturespace/img/bison-tabulky-a.png');
    background-size: 80px 118.5px;
    height: 118.5px;
}

.right-menu a.materialy {
    background: url('/wp-content/themes/naturespace/img/bison-materialy-a.png');
    background-size: 80px 101.5px;
    margin-bottom: 15px;
}

.right-menu a.ceniky:hover {
    background: url('/wp-content/themes/naturespace/img/bison-cenik-b.png');
    background-size: 80px 101.5px;
}

.right-menu a.tabulky:hover {
    background: url('/wp-content/themes/naturespace/img/bison-tabulky-b.png');
    background-size: 80px 118.5px;
}

.right-menu a.materialy:hover {
    background: url('/wp-content/themes/naturespace/img/bison-materialy-b.png');
    background-size: 80px 101.5px;
}

/*.entry-headline {
    display: block;
    width: 100%;
    text-align: center;
    background: rgb(227,0,14);
    color: white !important;
    font-size: 115% !important;
    font-weight: 700 !important;
    margin-top: -30px !important;
    padding: 11px 0px !important;
}*/

.entry-content,
.not-found,
article {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 20px 0px;
    /*min-height: 800px;*/
    float: none;
}

.not-found {
    font-weight: 700;
    padding-top: 50px;
}

.not-found input[type=text] {
    font-size: 110%;
    font-weight: 700;
}

.not-found input[type=submit] {
    right: 10px !important;
}

.post-meta {
    padding: 0px 40px !important;
}

.menu-box a,
.menu-box a:visited {
    color: rgb(29,29,26);
    display: block;
    float: left;
    font-size: 17px;
    font-weight: 600;
    height: 108px;
    line-height: 108px;
    text-align: right;
    text-decoration: none;
    
    letter-spacing: -0.4px;
    
    /*text-transform: uppercase;*/
    -webkit-transition: color 0.5s ease;
    -moz-transition:    color 0.5s ease;
    -o-transition:      color 0.5s ease;
    -ms-transition:     color 0.5s ease;
    transition:         color 0.5s ease;
}

#wrapper-header .menu-box ul ul a,
#wrapper-header .menu-box ul ul a:visited {
    color: white;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    line-height: 39px;
    margin: 0;
    padding-left: 20px;
    min-height: 39px;
/*    padding-right: 12px;*/
    text-align: left;
    width: 180px;
    text-transform: initial;
}

#wrapper-header .menu-box ul ul ul a,
#wrapper-header .menu-box ul ul ul a:visited {
  color: #444444;
}

/*#wrapper-header .menu-item-102 a {
    color: rgb(227,0,15);
}*/

.menu-box a:hover,
.menu-box :hover > a {
    color: rgb(227,0,15);
}

#wrapper-header .menu-box ul ul a:hover,
#wrapper-header .menu-box ul ul :hover > a {
  /*background-color: #dbdbdb;*/
  border-bottom: none;
  color: rgb(29,29,26);
  -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
       -o-transition: color 1s ease;
      -ms-transition: color 1s ease;
          transition: color 1s ease;
}

.menu-box ul ul {
    height: 0;
    position: absolute;
    /*right: 0px;*/
    top: 77px;
    visibility: hidden;
    width: 180px; 
    background: rgb(227,0,15);
/*    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;*/
    /*list-style-type: circle;*/
}

.menu-box ul ul ul {
  left: -212px;
  top: -1px;
  width: 212px;
}

.menu-box ul li:hover ul,
.menu-box ul a:hover ul,
.top-navigation ul li:hover ul,
.top-navigation ul a:hover ul {
    height: auto;
    padding-bottom: 0;
    visibility: visible;
}

.menu-box ul :hover ul ul,
.top-navigation ul :hover ul ul {
  visibility: hidden;
}
.menu-box ul :hover ul :hover ul ul,
.top-navigation ul :hover ul :hover ul ul {
  visibility: hidden;
}
.menu-box ul :hover ul :hover ul,
.top-navigation ul :hover ul :hover ul {
  visibility: visible;
}
.menu-box ul :hover ul :hover ul :hover ul,
.top-navigation ul :hover ul :hover ul :hover ul {
  visibility: visible;
}

#wrapper-header .menu-box .current-menu-item > a,
#wrapper-header .menu-box .current-menu-ancestor > a,
#wrapper-header .menu-box .current_page_item > a,
#wrapper-header .menu-box .current-page-ancestor > a {
    color: rgb(29,29,26);;
}

#wrapper-header .menu-box .current-menu-ancestor > a:hover {
    color: rgb(227,0,15);
}

#wrapper-header .menu-box .sub-menu .current-menu-item > a,
#wrapper-header .menu-box .sub-menu .current-menu-ancestor > a,
#wrapper-header .menu-box .sub-menu .current_page_item > a,
#wrapper-header .menu-box .sub-menu .current-page-ancestor > a {  
  color: black;
}

/* main menu - centered */
.menu-panel-wrapper {
  background: #f2f2f2;
  border-bottom: 1px solid #ebebeb;                    
}
.menu-panel {
  min-height: 45px;
  text-align: center;
  width: 100%;  
  z-index: 200;        
}
.menu-panel ul {
  list-style-type: none;
  margin: 0; 
  position: relative;
  text-align: center;
}
.menu-panel ul ul {
  background: #ededed;
  border-top: 1px solid #76a934;
  width: 212px;
  z-index: 110;
}
.menu-panel ul li {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  margin: 0;
  position: relative;
  vertical-align: bottom;
}
.menu-panel ul ul li {
  border-bottom: 1px solid #e3e3e3;
  display: block;
  height: auto;
  line-height: 39px;
  margin: 0;
  min-height: 39px;
  position: relative;
  width: 212px;
}
#wrapper #wrapper-header .menu-panel ul ul .last-menu-item {
  border-bottom: none;                          
}
.menu-panel a,
.menu-panel a:visited {
  color: #333333;
  float: left;
  font-size: 14px;
  font-weight: normal;
  height: 45px;
  line-height: 45px;
  padding: 0 16px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
       -o-transition: color 1s ease;
      -ms-transition: color 1s ease;
          transition: color 1s ease;
}
#wrapper-header .menu-panel ul ul a,
#wrapper-header .menu-panel ul ul a:visited {
  color: #333333 !important;
  display: block;
  float: none;
  font-size: 13px;
  font-weight: normal;
  height: auto;
  line-height: 39px;
  margin: 0;
  min-height: 39px;
  padding: 0 0 0 16px;
  text-align: left;
  width: 196px;
}
#wrapper-header .menu-panel ul ul ul a,
#wrapper-header .menu-panel ul ul ul a:visited {
  color: #444444 !important;
}
.menu-panel a:hover,
.menu-panel :hover > a {
  color: #76a934;
}
#wrapper-header .menu-panel ul ul a:hover,
#wrapper-header .menu-panel ul ul :hover > a {
  background-color: #dbdbdb !important;
  color: black !important;
  -webkit-transition: background-color 1s ease;
     -moz-transition: background-color 1s ease;
       -o-transition: background-color 1s ease;
      -ms-transition: background-color 1s ease;
          transition: background-color 1s ease;
}
.menu-panel ul ul {
  height: 0;
  position: absolute;
  left: 0px;
  top: 44px;
  visibility: hidden;
  width: 212px; 
}
.menu-panel ul ul ul {
  left: 212px;
  top: -1px;
  width: 212px;
}
.menu-panel ul li:hover ul,
.menu-panel ul a:hover ul {
  height: auto;
  padding-bottom: 0;
  visibility: visible;
}
.menu-panel ul :hover ul ul {
  visibility: hidden;
}
.menu-panel ul :hover ul :hover ul ul {
  visibility: hidden;
}
.menu-panel ul :hover ul :hover ul {
  visibility: visible;
}
.menu-panel ul :hover ul :hover ul :hover ul {
  visibility: visible;
}
#wrapper-header .menu-panel .current-menu-item > a,
#wrapper-header .menu-panel .current-menu-ancestor > a,
#wrapper-header .menu-panel .current_page_item > a,
#wrapper-header .menu-panel .current-page-ancestor > a {
  color: #76a934;
}
#wrapper-header .menu-panel .sub-menu .current-menu-item > a,
#wrapper-header .menu-panel .sub-menu .current-menu-ancestor > a,
#wrapper-header .menu-panel .sub-menu .current_page_item > a,
#wrapper-header .menu-panel .sub-menu .current-page-ancestor > a {  
  color: black;
}
#wrapper .sticky-nav {
  background-color: white;
  position: fixed;
  top: 0;
  z-index: 200;
}   
.admin-bar .sticky-nav {
  top: 32px !important;
}
.selectnav {
  display: none;
} 

/* Contact information panel */
.top-navigation {
  min-height: 34px;
  position: relative;
  text-align: center;              
}
.header-contact {
  color: #999999;
  float: left;
  font-size: 13px;
  line-height: 34px;
  margin: 0;                
}
.header-contact span {
  padding-right: 12px;                     
}
.header-contact span i {
  color: #aaaaaa; 
  padding-right: 4px;                      
}

.back-link {
    display: block;
    text-transform: uppercase;
    color: white;
    background: rgb(227,0,14);
    font-weight: 600;     
    transition: all 0.5s ease;
    width: 100px;
    height: 32px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    padding-top: 5px;
}

.back-link:hover {
    background: rgb(47,47,46);
}

/* main content
-------------------------------------------------------------- */

.menu-inline {
    width: 100%;
    /*text-align: center;*/
}

.right-panel {
    width: 30%; 
    float: right; 
    padding-top: 80px;
    text-align: center;
}

.right-panel-inner {
    width: 20%; 
    float: right; 
    padding-top: 40px;
    text-align: center;
}

.right-panel-inner #huge_it_slideshow_link {
    display: none;
}

.right-panel-inner .huge_it_slideshow_dots_thumbnails_2,
.right-panel-inner .huge_it_slideshow_dots_thumbnails_3 {
    display: none;
}

.right-panel #huge_it_slideshow_left_2,
.right-panel #huge_it_slideshow_right_2,
.right-panel #huge_it_slideshow_left_3,
.right-panel #huge_it_slideshow_right_3 {
    width: 20px;
    height: 40px;
}

.right-panel img {
    margin: 0 auto;
}

.no-border,
.no-border td {
    border: none;
}

.content-headline {
  float: left;
  margin: 0 0 13px;
  width: 100%;  
  display: none;
}

article .content-headline {
    display: block;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: black;
    font-size: 26px;
    word-wrap: break-word;
    line-height: 120%;
    margin: 30px 0 7px;
}

.entry-headline {
  color: black;
  font-size: 26px; 
  line-height: 100%;
  margin: 0 0 3px;
  padding: 0 0 8px;
  position: relative;
  text-transform: uppercase;
  z-index: 50;                                  
}
.home-latest-posts .entry-headline {
  margin-bottom: 22px;                                   
}
.entry-content {
  /*float: left;
  /*width: 100%;*/               
}
#main-content p,
#main-content ul,
#main-content ol,
#main-content table,
#main-content address {
  margin-bottom: 20px;           
}
#main-content ul ul,
#main-content ol ol,
#main-content ol ul,
#main-content ul ol {
  margin-bottom: 0;           
}  
.home-latest-posts,
.home-grid-posts {
  float: left;
  width: 100%;                  
}
#main-content .breadcrumb-navigation {
  color: #bbbbbb; 
  float: left; 
  font-size: 13px;
  line-height: 100%;
  margin: 0 0 7px;
  position: relative;
  width: 100%;                                      
}
.page-template-template-without-title-php #main-content .breadcrumb-navigation {
  margin: 5px 0 20px;                                                                          
}
#main-content .breadcrumb-navigation a {
  color: #999999 !important; 
  text-decoration: none;
  -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
       -o-transition: color 1s ease;
      -ms-transition: color 1s ease;
          transition: color 1s ease;
}
#main-content .breadcrumb-navigation a:hover {
  color: #333333 !important; 
}
#main-content .post-meta {
  clear: both;
  color: #999999 !important; 
  font-size: 13px;
  line-height: 21px;
  margin: 0;
  padding-bottom: 8px;        
}
.single #main-content .post-meta {
  margin: 0 0 20px; 
  padding: 0;                                         
}
#main-content .post-meta span {
  border-left: 1px solid #dbdbdb; 
  padding: 0 3px 0 7px;                             
}
#main-content .post-meta .post-info-author {
  border-left: none; 
  padding-left: 0;                                          
}
#main-content .post-meta i {
  margin-right: 2px;                           
}
.post-meta a {
  color: #999999 !important;
  text-decoration: none;
  -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
       -o-transition: color 1s ease;
      -ms-transition: color 1s ease;
          transition: color 1s ease;             
}
.post-meta a:hover {
  color: #111111 !important;             
}
#main-content .author-info,
#main-content .archive-meta,
#main-content .number-of-results {
  border-bottom: 1px solid #e8e8e8;
  float: left; 
  margin-bottom: 25px;  
  width: 100%;                           
}
#main-content .number-of-results {
  padding-bottom: 10px;                                 
}
#main-content .author-info h2 {
  margin-top: 0;                              
}
#main-content .author-info .author-avatar {
  margin: 10px 0 5px;                                          
}
#main-content .page-link {
  color: #555555;
  font-size: 13px;                         
}
#nav-below,
#naturespace-post-nav,
.search .navigation {
  float: left;
  margin: 0 0 20px;
  width: 100%;           
}
#main-content #naturespace-post-nav {
  margin: 10px 0 20px;                                 
}
.nav-wrapper {
/*    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;*/
    /*float: left;*/
    padding: 5px 20px;
    width: 80%;  
    height: 25px;
    margin: 10px 40px;
    margin: 0 auto;  
}

.nav-wrapper .nav-previous a,
.nav-wrapper .nav-next a {
    width: 200px;
    height: 32px;
    background: rgb(227,0,14);
    color: white;
    display: block;
    text-align: center;
    font-size: 90%;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 8px;
/*    -webkit-border-radius:  6px !important; 
    -moz-border-radius:     6px !important; 
    border-radius:          6px !important;*/
    border: 0px;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.nav-wrapper .nav-previous a:hover,
.nav-wrapper .nav-previous a:focus,
.nav-wrapper .nav-previous a:active,
.nav-wrapper .nav-next a:hover,
.nav-wrapper .nav-next a:focus,
.nav-wrapper .nav-next a:active{
    background: rgb(26,25,24);
    text-decoration: none !important;
}

.navigation-headline {
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 4px;                                          
}
.navigation .navigation-links {
  margin-bottom: 0 !important;                              
}
.navigation .navigation-links a {
  text-decoration: none;                                
}
.navigation .navigation-links a:hover {
  text-decoration: underline;                                
}
#main-content .nav-previous {
  float: left;
  margin: 0;
  width: 200px;                       
}
#main-content .nav-next {
  float: right;
  margin: 0;
  text-align: right;
  width: 200px;                       
}
#main-content .nav-previous a,
#main-content .nav-next a {
  text-decoration: none;                          
}
#main-content .nav-previous a:hover,
#main-content .nav-next a:hover {
  text-decoration: underline;                          
}
.post-edit-link {
  font-weight: bold;                
}

/* default post entry */
.post-entry {
  border-bottom: 1px solid #e8e8e8;
  float: left;
  margin-bottom: 25px;
  padding-bottom: 25px;
  position: relative; 
  width: 100%;           
}

.post-entry h2 {
    padding-bottom: 5px;
}



#main-content .sticky {
  background-color: #f0f0f0;
  padding: 20px 3% 25px;
  width: 94%;                 
}
.post-entry-content-wrapper {
  padding: 3px 0 0;                           
}
.attachment-post-thumbnail { 
  display: block;
  float: left;
  height: auto;
  margin: 0 15px 5px 0;
  max-width: 40%;
  width: auto;
}
.single #main-content .attachment-post-thumbnail,
.page #main-content .attachment-post-thumbnail { 
  clear: both;
  display: block;
  float: none;
  margin: 0 0 20px;  
  max-width: 100%;
  padding: 0;
}
.post-entry-content {
  margin-bottom: 15px; 
  margin-top: 15px;        
}
.post-entry-content h1 {
  font-size: 22px;  
}
.post-entry-content h2 {
  font-size: 20px;  
}
#main-content .post-entry .post-entry-headline {
  font-size: 22px;
  font-weight: normal;
  line-height: 100%;
  margin: 0 0 7px; 
  text-transform: uppercase;           
}

.post-entry .post-entry-headline a {
    font-size: 120%;
    font-weight: 700;
    color: rgb(227,0,14);
    text-decoration: none;  
    
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -o-transition: color 1s ease;
    -ms-transition: color 1s ease;
    transition: color 1s ease;               
}

.post-entry .post-entry-headline a:hover,
.post-entry .post-entry-headline a:active,
.post-entry .post-entry-headline a:focus {
    color: #222222;
}

.navigation-links a {
    color: rgb(227,0,14);
    text-decoration: none;  
    
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -o-transition: color 1s ease;
    -ms-transition: color 1s ease;
    transition: color 1s ease;  
}

.navigation-links a:active,
.navigation-links a:hover,
.navigation-links a:focus {
    color: #222222;
    text-decoration: none !important;
}

.post-entry .read-more-button {
    width: 150px;
    height: 32px;
    background: rgb(227,0,14);
    color: white;
    display: block;
    text-align: center;
    float: right;
    font-size: 100%;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 8px;
/*    -webkit-border-radius:  6px !important; 
    -moz-border-radius:     6px !important; 
    border-radius:          6px !important;*/
    border: 0px;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.post-entry .read-more-button:hover,
.post-entry .read-more-button:focus,
.post-entry .read-more-button:active {
    background: rgb(26,25,24);
    text-decoration: none !important;
}
    

/* post entry - grid */
.home-grid-posts .entry-headline {
  margin-bottom: 20px;                                 
}
.js-masonry {
  float: left; 
  margin: 0 0 0 -10px;
  width: 100%;                     
}
.grid-entry {  
  padding: 0 0 20px;
  width: 33.33%;                          
}  
.grid-entry .grid-entry-inner {
  border-bottom: 1px solid #e8e8e8;
  margin: 0 0 0 20px;
  padding: 0 0 15px;
  position: relative;                              
}
#main-content .js-masonry .sticky {
  background: none !important;
  padding: 0 0 20px;
  width: 33.33%;                 
}
#main-content .js-masonry .sticky .grid-entry-inner {
  background-color: #f0f0f0;
  padding: 15px;                                                      
}
.grid-entry .attachment-post-thumbnail { 
  clear: both;
  float: none;
  margin: 0 0 9px !important;
  max-width: 100%;
}
#main-content .grid-entry .grid-entry-headline {
  font-size: 22px;
  font-weight: normal;
  line-height: 100%;
  margin: 0 0 4px;   
  text-transform: uppercase;         
}
.grid-entry .grid-entry-headline a {
  color: #76a934;
  text-decoration: none;
  -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
       -o-transition: color 1s ease;
      -ms-transition: color 1s ease;
          transition: color 1s ease;                 
}
.grid-entry .grid-entry-headline a:hover {
  color: black;                     
}
.grid-entry p {
  margin-bottom: 0 !important;  
  padding-bottom: 0 !important;                          
}
#main-content .grid-entry .post-meta {
  margin-top: 0;
  padding-bottom: 0;                         
}
.grid-entry .read-more-button {
  background-color: #76a934;
  border: 1px solid #76a934;
  color: white !important;
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  margin: 3px 0;
  padding: 5px 8px;
  text-decoration: none;
  text-transform: uppercase; 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;                            
}
.grid-entry .read-more-button:hover {
  background: none; 
  color: #76a934 !important;                                    
}


/* sidebar
-------------------------------------------------------------- */

.sidebar-widget {
  color: #555555;
  float: left;
  font-size: 13px;
  margin-bottom: 25px;
  width: 100%;               
}
.sidebar-widget .sidebar-headline {
  background: #ededed;
  color: #222222;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 6px 10px;
  position: relative;  
  text-transform: uppercase;                               
}
.sidebar-widget .sidebar-headline a {
  color: #555555;
  text-decoration: none;                                    
}
.sidebar-widget img {
  height: auto;
  max-width: 100%;                    
}
.sidebar-widget table {
  font-size: 13px;                    
}
.sidebar-widget p {
  margin: 6px 0 -4px;                  
}
.sidebar-widget p,
.sidebar-widget ul li,
.sidebar-widget ol li {
  color: #555555;
  font-size: 13px;                   
}
.sidebar-widget ul { 
  margin: 5px 0 0;                      
}
.sidebar-widget ul ul {
  margin-top: 0;                      
}
.sidebar-widget ul li {
  line-height: 200%;
  list-style-type: none;
  padding-left: 10px;                     
} 
.sidebar-widget a {
  color: #76a934;
  text-decoration: underline;
  -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
       -o-transition: color 1s ease;
      -ms-transition: color 1s ease;
          transition: color 1s ease;                       
}
.sidebar-widget ul li a {
  text-decoration: none;                        
}
.sidebar-widget a:hover {
  color: black !important;
  text-decoration: none;                       
}                                     


/* footer
-------------------------------------------------------------- */

#footer p,
#footer ul li,
#footer ol li {
  color: white;
  font-size: 13px;          
}
#footer .footer-widget-area p,
#footer .footer-widget-area ul,
#footer .footer-widget-area ol {
  margin-bottom: 2px;          
}
#footer table,
#footer td,
#footer th {
  border-color: #111111;
  color: white;
  font-size: 13px;                                      
}
#footer a {
  color: #d9ffa8;          
}
.footer-widget-area {
  float: left;
  height: auto;
  margin-right: 30px;
  padding: 30px 0 4px;
  position: relative; 
  width: 370px; 
  z-index: 50;                
}
#footer .footer-widget-area-3 {
  margin-right: 0;                              
}
.footer-widget {
  float: left;
  margin-bottom: 21px;
  width: 100%;               
}
#footer .footer-widget .footer-headline {
  /*border-bottom: 1px solid #707070;*/
  color: white;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 100%;
  margin-bottom: 3px;
  padding-bottom: 8px;  
  /*text-transform: uppercase;*/                                
}
.footer-signature { 
  background: #444444;
  float: left;
  position: relative;
  width: 100%; 
  z-index: 50;       
}
.footer-signature .footer-signature-content {
  color: white;
  font-size: 13px;
  line-height: 22px;
  min-height: 42px;
  text-align: center;                                          
}
.footer-signature .footer-signature-content p {
  color: white;
  font-size: 13px;
  line-height: 22px;
  min-height: 16px;
  padding: 10px 0;
  text-align: center;                                              
}
.footer-signature .footer-signature-content a {
  color: #d9ffa8;                                             
}

#content.konfigurator a.krok-zpet,
p.krok-zpet a,
.krok-zpet {
    display: block;
    -webkit-border-radius:  7px !important;
    -moz-border-radius:     7px !important;
    border-radius:          7px !important;
    text-align: center;
    line-height: 2.8;
    cursor: pointer;
    margin: 0 auto;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#content.konfigurator input[type=submit].krok-zpet,
#content.konfigurator a.krok-zpet,
p.krok-zpet a,
a.krok-zpet,
.entry-content a.krok-zpet {
    color: white;
    background: rgb(47,47,46);
    border: 1px solid rgb(47,47,46) !important;
    border-bottom: 1px solid rgb(47,47,46) !important;
    width: 120px;
    height: 35px;
    font-size: 12px;
    clear: both;
}

#content.konfigurator input[type=submit].krok-zpet,
#content.konfigurator a.krok-zpet {
    display: block;
    position: relative;
    margin-top: -70px;
    margin-left: 15% !important;
    font-size: 17px !important;
    width: 160px !important;
    height: auto !important;
    font-weight: 500;    
}

#content.konfigurator #krok1 a.krok-zpet,
#content.konfigurator input[type=submit].krok-zpet {
    padding: 14px !important;
}

#content.konfigurator #krok5 #krok5-zpet input[type=submit] {
    margin-left: 0% !important;
}

#content.konfigurator #krok5 a.krok-zpet {
    margin-left: 0% !important;
    display: block;
    position: relative !important;
    margin: 20px auto !important;
}

#content.konfigurator input[type=submit].krok-zpet {
    margin-top: -76px;
}

#content.konfigurator form input[type=submit].krok-zpet:hover,
#content.konfigurator a.krok-zpet:hover,
p.krok-zpet a:hover,
.krok-zpet:hover {
    color: rgb(47,47,46) !important;
    background: white !important;
}



/* default widgets
-------------------------------------------------------------- */

#wp-calendar th,
#wp-calendar td {
  text-align: center;                   
}
#wp-calendar a,
#wp-calendar #today {
  font-weight: bold;
  text-decoration: none;               
}
#wp-calendar #prev {
  text-align: left;                   
}
#wp-calendar #next {
  text-align: right;                   
}
.tagcloud {
  padding-top: 5px;          
}
#footer .tagcloud {
  padding-top: 0;          
}
.tagcloud a {
  text-decoration: none;          
}
.tagcloud a:hover {
  text-decoration: underline;          
}
.sidebar-widget img,
.footer-widget img {
  padding-top: 3px;                           
}
.sidebar-widget .wp-caption,
.footer-widget .wp-caption {
  border: none;
  margin-bottom: 10px;
  margin-right: 0;                          
}
.sidebar-widget .wp-caption img,
.footer-widget .wp-caption img {
  max-width: 100%;                           
}
.sidebar-widget select {
  margin-top: 3px;
  width: 100%;                       
}
.sidebar-widget #searchform {
  margin-top: 8px;                       
}


/* form fields
-------------------------------------------------------------- */

input[type="text"],
input[type="file"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="url"],
textarea,
select {
  background-color: white;
  border: 1px solid #e3e3e3;
  color: #333333;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  line-height: normal;
  padding: 5px;
  width: 50%;
}
textarea {
	overflow: auto;
	vertical-align: top;
  width: 98%;
}
input[type="submit"],
input[type="reset"] {
  border-radius: 0 !important;
  box-shadow: none;
  color: white !important;
  cursor: pointer;
  font-size: 15px;
  height: auto;
  margin-top: 5px;
  padding: 7px 10px;
  text-align: center;
  text-decoration: none; 
  text-shadow: none;                  
}
input[type="submit"],
input[type="reset"],
.header-image .header-image-text .header-image-link {
  background: #76a934;
  border: 2px solid #76a934;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
input[type="submit"]:hover,
input[type="reset"]:hover {
  background: none;  
  color: #76a934 !important;                   
}
.header-image .header-image-text .header-image-link:hover { 
  background: none;
  color: white !important;                   
}
#searchform .searchform-wrapper {
  height: 33px;
  position: relative;
  width: 100%;                                
}
#searchform .searchform-wrapper #s {
  background-color: white;
  border: 1px solid #e3e3e3;
  color: #aaaaaa; 
  font-size: 13px;
  height: 21px;
  padding: 5px 0 5px 3%;
  position: absolute;
  left: 0;
  top: 0;
  width: 96%;              
}
#searchform .searchform-wrapper .send {
  background: none !important; 
  border: none;
  color: #111111 !important;
  cursor: pointer;
  font-family: ElegantIcons !important;
  font-size: 15px;    
  height: 33px;
  line-height: 33px;
  margin: 0; 
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center; 
  width: 33px;
  z-index: 20;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease; 
}
#searchform .searchform-wrapper .send:hover {
  background: none !important;
  color: #76a934 !important;
}
.search-no-results #searchform,
.error404 #searchform {
  margin-bottom: 25px;                               
}


/* comments area
-------------------------------------------------------------- */

#comments {
  float: left;
  margin-top: 25px; 
  width: 100%;        
}
.single .comments-area-post {
  margin-top: 5px !important;                            
}
.page #comments {
  margin-top: 16px !important;                            
}
#content .commentlist {
  list-style-type: none;
  margin-bottom: 30px;             
}
.commentlist .children {
  list-style-type: none;                       
}
.comment-reply-title {
  font-size: 20px;
  font-weight: normal;
  line-height: 100%;
  margin-top: 0; 
  text-transform: uppercase;            
}
#comments .entry-headline-wrapper {
  margin-bottom: -21px;                        
}
#comments .entry-headline {
  background-image: none;
  border-bottom: none;
  color: #333333;
  font-size: 20px;
  font-weight: normal; 
  margin-bottom: -4px;
  padding: 0;                         
}
.comment-reply-link {
  font-size: 13px;                    
}
.comments-title {
  margin-top: 0;                
}
#comments .section-heading {
  font-weight: normal;              
}
#comments ol {
  color: #333333;
  margin-left: 0;             
}
#comments ol ol {
  margin: 0 20px;             
}
#comments ol li { 
  border-top: 1px solid #e8e8e8;
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;                
}
#comments .avatar,
#comments .fn {
  float: left;
  margin: 0 6px 0 0;                  
}
#comments .fn {
  font-style: italic; 
  margin: 0 3px 0 0;             
}
#comments time,
#comments .edit-link {
  color: #555555;
  float: right; 
  font-size: 13px;              
}
#comments .comment-content {
  clear: both;
  padding-top: 10px;                          
}
#comments #comment-nav-below {
  float: left;
  margin: 10px 0 30px;
  width: 100%;                  
}
#comments input,
#comments textarea {
  margin-top: 7px;                
}
#content #commentform .form-allowed-tags {
  color: #707070; 
  font-size: 12px;                  
}  
#comments .bypostauthor {
  background: #f2f2f2;
  border-top: 1px solid #cccccc;
  color: black;
  margin-bottom: -15px;
  padding: 10px 30px;              
}
.reply {
  margin-top: -10px;
  width: 50%;      
}
#content .comment-content p {
  font-size: 13px;
  margin-bottom: 10px;                   
}
#content .comment-content .edit-link {
  margin: -15px 0 0;
  text-align: right; 
  width: 50%;                                    
}
#content .comment-content li {
  border: none;
  font-size: 13px;
  margin: 0;
  padding: 0;                             
}
#content #commentform p {
  color: #333333;
  font-size: 13px;
  margin-bottom: 5px;                        
}
#content #commentform .logged-in-as,
#content #commentform .comment-notes {
  margin-top: 0;         
}
#comments #respond {
  float: none; 
  margin-bottom: 20px;       
  width: 100%;           
}

#content.konfigurator h1 {
    text-align: left;
    font-size: 18px;
    color: rgb(227,0,14);
    font-weight: 600;
    margin-top: 30px;
    font-family: Arial;
    width: 100%;
    padding: 5px 0px 10px 0px;
    letter-spacing: 0.5px;
    margin-left: 70px;
}

#content.konfigurator h2 {
    text-align: left;
    font-size: 24px;
    color: rgb(65,65,65);
    font-weight: 600;
    margin-left: 70px;
}

#content.konfigurator h3 {
    text-align: left;
    font-size: 17px;
    color: rgb(80,80,80);
    font-weight: 600;
    margin-left: 70px;
    margin-top: 10px;
    margin-bottom: 0px;
}

#content.konfigurator .entry-content {
    margin-top: -150px;
}

#content.konfigurator .entry-content .collapseomatic h3 {
    font-size: 19px;
    margin-left: 0px;
    text-align: center;
}

#content.konfigurator .entry-content h2,
#content.konfigurator .entry-content h3 {
    margin-left: 0px;
}

#content.konfigurator .bigger {
    font-size: 150%;
}

#content.konfigurator form {
    width: 100%;
    /*margin-top: 50px;*/
    margin-bottom: 40px;
}

#content.konfigurator form input[type=submit] {
    color: white !important;
    background: rgb(227,0,14);
    width: 230px;
    height: 52px;
    display: block;
    -webkit-border-radius:  7px !important;
    -moz-border-radius:     7px !important;
    border-radius:          7px !important;
    text-align: center;
    /*line-height: 2.8;*/
    cursor: pointer;
    margin: 0 auto;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    border: none;
    font-size: 18px;
    
    position: relative;
    /*z-index: 2;*/
    z-index: 0;

    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#content.konfigurator form input[type=submit]:hover {
    color: white !important;
    background: rgb(47,47,46);
    border: 1px solid rgb(47,47,46);
}

#content.konfigurator a.krok-zpet,
.krok-zpet {
    display: block;
    -webkit-border-radius:  7px !important;
    -moz-border-radius:     7px !important;
    border-radius:          7px !important;
    text-align: center;
    line-height: 2.8;
    cursor: pointer;
    margin: 0 auto;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#content.konfigurator input[type=submit].krok-zpet,
#content.konfigurator a.krok-zpet,
.krok-zpet {
    color: white !important;
    background: rgb(47,47,46) !important;
    border: 1px solid rgb(47,47,46);
    width: 100px;
    height: 35px;
    font-size: 12px;
}

#content.konfigurator input[type=submit].krok-zpet:hover,
#content.konfigurator a.krok-zpet:hover,
.krok-zpet:hover {
    color: rgb(47,47,46) !important;
    background: white !important;
}

#content.konfigurator {
    width: 100%;
}

#content.konfigurator form {
    margin-top: -80px;
    z-index: 9999;
}

#content.konfigurator .container {
    width: 100%;
    /*max-width: 1700px;*/
    margin: 0 auto;
    background: none;
}

#content.konfigurator .entry-content {
    padding: 0px !important;
}

#content.konfigurator #main-content {
    width: 100% !important;
    margin-bottom: 0px !important;
}

#content.konfigurator h2,
#content.konfigurator h3 {
    font-weight: 600;
}

#content.konfigurator a.button-gallery {
    font-size: 13px;
    font-weight: 600;
    padding: 10px 14px;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    background: rgb(227,0,14);
    transition: all 0.5s ease;

    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
}

#content.konfigurator a.button-gallery:hover {
    color: white !important;
    background: rgb(47,47,46);
}

#content.konfigurator section  {
    width: 100%;
    /*height: 940px;*/
}

#content.konfigurator section table {
    table-layout: fixed;
    background: rgba(255,255,255,0.8);
    /*min-height: 90%;*/
}

#content.konfigurator section table table {
    background: none !important;
    border: none !important;
}

#content.konfigurator section td {
    padding: 0px 10px !important;
    vertical-align: top !important;
}

#content.konfigurator .ddTitleText img {
    width: 343px;
}

#content.konfigurator .ddChild li img {
    width: 321px !important;
}

#content.konfigurator #selectNumber_child,
#content.konfigurator #selectName_child {
    height: 318px !important;
}

#content.konfigurator .flexslider {
    background: none;
    border: none;
}

#content.konfigurator #slider img {
    width: auto;
    height: auto;
    /*height: 335px;*/
    /*margin: 0px -16px;*/
}

#content.konfigurator #carousel {
/*    margin-bottom: -120px !important;*/
    /*max-width: 345px;*/
    width: 100%;
    margin: 0 auto;
    /*margin-top: 50px;*/
}

#content.konfigurator .sport-inner {
    margin-top: 100px;
}

#content.konfigurator .krok2 #carousel {
    margin-top: 6px;
}

#content.konfigurator #slider {
    /*width: 570px !important;*/
    margin: 0 auto;
    /*margin-top: 70px;*/
}

#content.konfigurator #carousel .slick-list {
    width: 345px;
    margin: 0 auto;
    padding: 0px !important;
    padding-left: 15px !important;
}

#content.konfigurator h2,
#content.konfigurator #carousel h4 {
    margin-top: 15px;
}

#content.konfigurator #slider .slick-list {
    /*width: 520px;*/
    margin: 0 auto;
}

#content.konfigurator #slider img {
    display: inline-block !important;
}

#content.konfigurator table td {
    border: none;
}

#content.konfigurator #carousel div div {
    /*margin: 0px 20px !important;*/
    /*margin-bottom: 20px;*/
}

#content.konfigurator #carousel h4 {
    font-size: 14px;
    color: rgb(65,65,65);
    display: block;
    width: 100px;
}

#content.konfigurator #carousel div.image {
    width: 96px;
/*    border: 2px solid rgb(225,225,225);*/
    /*background: white;*/
    border: 2px solid rgb(147,147,147);
    cursor: pointer;
}

#content.konfigurator .dd .ddTitle {
    border: 2px solid rgb(147,147,147);
    cursor: pointer;
}

#content.konfigurator .dd .ddTitle:hover {
    border: 2px solid rgb(227,0,14);
}

.final-form a {
    color: white !important;
    background: rgb(227,0,14);
    width: 200px;
    height: 30px;
    line-height: 2.2;
    display: block;
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border-radius: 7px !important;
    text-align: center;
    /* line-height: 2.8; */
    cursor: pointer;
    margin: 0 auto;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    border: none;
    font-size: 14px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.final-form a:hover {
    color: white !important;
    background: rgb(47,47,46);
}

#content.konfigurator .final-form h3 {
    margin-left: 0px;
}

.final-form h4 {
    margin-top: 10px;
}

.final-form input[type=text] {
    width: 90%;
    height: 35px;
    background: transparent;
    border: 1px solid rgb(176,176,176);
}

.final-form textarea {
    width: 95%;
    height: 150px;
    background: transparent;
    border: 1px solid rgb(176,176,176);
}

.final-form select {
    width: 95%;
    height: 35px;
    background: transparent;
    border: 1px solid rgb(176,176,176);
}

.final-form input[type=checkbox] {
    margin-top: 10px;
}

.final-form table td {
    vertical-align: middle;
}

button.slick-prev {
    background: url('/wp-content/themes/naturespace/img/arrow-left-dark.png') !important;
    background-size: 29px !important;
    width: 29px !important;
    height: 50px !important;
    display: block;
    left: 5%;
    top: 58%;
}

button.slick-prev:hover {
    background: url('/wp-content/themes/naturespace/img/arrow-left-red.png') !important;
    background-size: 29px !important;
}

button.slick-next {
    background: url('/wp-content/themes/naturespace/img/arrow-right-dark.png') !important;
    background-size: 29px !important;
    width: 29px !important;
    height: 50px !important;
    display: block;
    right: 5%;
    top: 58%;
}

button.slick-next:hover {
    background: url('/wp-content/themes/naturespace/img/arrow-right-red.png') !important;
    background-size: 29px !important;
}

/*#content.konfigurator #carousel li,*/
#content.konfigurator #carousel img {
    height: 96px !important;
    max-width: 100px !important;
    margin: 0 auto;
}

/*#content.konfigurator #carousel img {
    opacity: 1 !important;
    cursor: pointer;
    background: white;
}*/

/*#content.konfigurator #carousel img:hover,
#content.konfigurator #carousel .flex-active-slide img {*/
#content.konfigurator #carousel .highlighted div.image,
#content.konfigurator #carousel div.image:hover {
    border: 2px solid rgb(227,0,14);
}

/*#content.konfigurator #carousel li:nth-child(even) {
    margin-top: 160px;
    margin-left: -120px;
}

#content.konfigurator .krok2 #carousel li:nth-child(1),
#content.konfigurator .krok2 #carousel li:nth-child(3n + 4) {
    margin-top: 0px;
    margin-left: 0px;
}

#content.konfigurator .krok2 #carousel li:nth-child(2),
#content.konfigurator .krok2 #carousel li:nth-child(3n + 5) {
    margin-top: 160px;
    margin-left: -120px;
}

#content.konfigurator .krok2 #carousel li:nth-child(3n + 3) {
    margin-top: 320px;
    margin-left: -120px;
}*/

#content.konfigurator #colors {
    position: relative;
    float: left;
    display: block;
    margin-left: 55px;
    /*margin-top: 30px;*/
}

#content.konfigurator #colors table {
    table-layout: fixed;
    width: auto !important;
    background: none !important;
    border: none !important;
    margin-bottom: 0px !important;
}

#content.konfigurator #colors table td {
    width: 34px;
    height: 34px;
    /*border: solid white 2px;*/
    padding: 1px !important;
    background: none !important;
    border: none !important;
    opacity: .8;
}

#content.konfigurator #colors table td:hover {
    opacity: 1;
}

#content.konfigurator #colors table td a {
    width: 32px;
    height: 32px;
    display: block;
    border: solid 1px black;
    cursor: pointer;
    margin: 0px !important;
}

.arrow-up {
  width: 0; 
  height: 0; 
  margin: 0 auto;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid rgb(227,0,14);
}

.arrow-down {
  width: 0; 
  height: 0; 
  margin: 0 auto;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-top: 5px solid rgb(227,0,14);
}

#content.konfigurator #font {
    width: auto;
/*    position: relative;
    float: left;*/
    display: block;
    margin-left: 55px;
    /*margin-top: 50px;*/
}

#content.konfigurator #font h3 {
    text-align: center;
}

#content.konfigurator #font select {
    width: 342px;
    font-size: 150%;
    font-family: Arial;
/*    margin-left: 38%;
    margin-bottom: 35px;*/
    background: none;
    border: 1px solid rgb(147,147,147);
    padding: 5px;
}

#content.konfigurator #carousel.krok3 {
    margin-top: -4px;
}

#content.konfigurator #carousel.krok3 {
    margin-left: -16px;
}

#selectNumber_msdd,
#selectName_msdd {
    width: 355px !important;
    margin-left: -1px !important;
}

#content.konfigurator #carousel.krok3 .slick-list {
    padding-left: 0px !important;
    margin-left: 66px;
    width: 380px;
    height: 295px;
}

#content.konfigurator #carousel.krok3 .slick-slide {
    width: 129px !important;
}

#content.konfigurator #carousel.krok3 div.image {
    width: 96px !important;
    background: none !important;
    border: 2px solid rgb(147,147,147);
    margin-bottom: 5px;
}

#content.konfigurator #carousel.krok3 .highlighted div.image,
#content.konfigurator #carousel.krok3 div.image:hover {
    border: 2px solid rgb(227,0,14);
}

#content.konfigurator #carousel.krok3 img {
    max-width: 96px !important;
    height: 100px !important;
    margin: 0 auto;
}

#content.konfigurator #carousel.krok3 button.slick-prev,
#content.konfigurator #carousel.krok3 button.slick-next {
    top: 50%;
}

#content.konfigurator #slider.krok3 .slick-slide {
    height: 478px !important;
}

#content.konfigurator #slider.krok3 .front,
#content.konfigurator #slider.krok3 .back {
    z-index: -1;
}

/*#content.konfigurator #slider.krok3 img {
    margin-top: 58px !important;
}*/

.sport-content.tall {
    height: auto !important;
}

#krok5 input,
#krok5 select, 
#krok5 option,
#krok5 textarea {
    background: none;
    font-size: 17px;
    color: rgb(81,81,81);
    width: 90%;
    font-weight: 500;
    font-family: Open Sans;
    border: 1px solid rgb(176,176,176);
}

#krok5 textarea {
    height: 100px;
    max-height: 150px;
}

#content.konfigurator section #krok5 td,
#krok5 h5 {
    font-size: 17px;
    font-weight: 500;
    color: rgb(81,81,81);
}

#content.konfigurator section #krok5 td {
    padding: 4px 6px !important;
}

#krok5 label {
    font-size: 17px;
    color: rgb(81,81,81);
}

#krok5 .wide {
    width: 95% !important;
}

/* media queries
-------------------------------------------------------------- */

@media screen and (max-width: 1170px) {
    body .footer-signature-content,
    body .menu-panel,
    body .container,
    body #footer,
    body .header-content,
    body .top-navigation {
        /*max-width: 960px;*/
    }
    body #main-content {
        width: 630px;
    }
    body .header-image .header-image-text-wrapper {
        width: 960px;
    }
    body .footer-widget-area {
        width: 300px;
    }

    #container-boxed-inner {
        margin-top: 0px;
    }

    #container-boxed {
        width: 100%;
    }
    
/*    #home-sections {
        margin-left: 0px;
        padding: 20px 2% 20px 2%;
    }
    
    #home-sections div {
        margin: 1% 1.5%;
        width: 22%;
    }*/
    
/*    #home-sections a {
        height: auto;
        width: 100%;
    }
    
    #home-sections h5 {
        width: 100%;
        font-size: 100%;
    }*/
    
    .footer-widget-area-1,
    .footer-widget-area-2 {
        margin-right: 0px !important;
    }
   
    #wrapper-content {
        padding: 0px;
    }
    
    #main-content {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    
    #footer {
        margin-left: 2%;
    }
    
    #wrapper-header {
        width: 100% !important;
    }
    
    #wrapper-header .header-content {
        width: 98% !important;
    }

    #home-top {
        height: 600px;
    }
    
    .main-ikony {
        width: 810px !important;
    }
    
    .main-ikony td {
        width: 200px;
        height: 200px;
        padding: 3px !important;
    }
    
    .main-ikony td.wider {
        width: 406px !important;
        height: 406px !important;
        padding: 3px !important;
    }
    
    #home-sections .view-first p {
        width: 90%;
    }
    
    #home-sections .view-first:hover h2 {
        transform: translateY(-60px);
    }
    
    #home-sections .view-first:hover p {
        transform: translateY(-30px);
    }
    
    #home-sections .view-first:hover h2.big {
        transform: translateY(-160px);
    }
    
    #home-sections .view-first:hover p.big {
        transform: translateY(-130px);
    }
    
    #vice-sportu-expand {
        max-width: 806px;
    }
 
    .home-white div {
        max-width: 806px;
    }
    
    .home-gray div {
        max-width: 806px;
    }
    
    #home-after {
        width: 820px;
        margin: 0 auto;
    }
    
    #home-after div.after {
        width: 340px !important;
    }
    
    #footer {
        max-width: 806px !important;
        margin: 0 auto;
    }
    
    .footer-widget-area {
        width: 30% !important;
        float: left !important;
        margin-left: 25px !important;
    }
    
    .sport-inner {
        max-width: 806px;
        margin: 0 auto;
    }
    
    .top-slider .bx-viewport {
        width: 700px !important;
    }
    
    .left-slider {
        width: 700px;
    }
    
    .left-slider .left-slider-top h2 {
        font-size: 24px;
        padding: 16px;
    }
    
    .left-slider .left-slider-top h3 {
        font-size: 24px;
        margin-top: 16px;
    }
    
    .left-slider .bx-viewport {
        width: 580px !important;
    }
    
    .right-menu a.ceniky,
    .right-menu a.materialy,
    .right-menu a.ceniky:hover,
    .right-menu a.materialy:hover {
        height: 98px;
        background-size: auto 98px;
        background-repeat: no-repeat;
    }
    
    .right-menu a.tabulky,
    .right-menu a.tabulky:hover {
        height: 108px;
        background-size: auto 108px;
        background-repeat: no-repeat;
    }
    
    .entry-content {
        max-width: 806px;
    }
}

@media screen and (max-width: 1020px) {
    #inpage-konfigurator {
        right: 5px;
        top: 400px !important;
    }
}

@media screen and (max-width: 1005px) {
  #wrapper .header-image .header-image-text-wrapper,
  #wrapper .header-content,
  #wrapper .top-navigation,
  #wrapper .menu-panel,
  #wrapper .container,
  #wrapper #footer,
  #wrapper .footer-signature-content {
/*    max-width: 90%;
    width: 90%;                         */
}
  #wrapper #main-content,
  #wrapper .top-navigation ul {
    max-width: 100% !important;
    width: 100% !important;                    
}
  #wrapper #sidebar {
    float: left;
    margin: 20px 0 10px;
    width: 100%;                    
}
  #wrapper #top-navigation,
  #wrapper .menu-panel-wrapper,
  #wrapper .header-image .header-image-text .header-image-link {
    max-width: 100%;                   
}
  #wrapper .header-contact {
    text-align: center;                           
}
  #wrapper .header-image .header-image-text .header-image-headline {
    width: 100%;                                                                   
}
  #wrapper #wrapper-header .header-content .title-box,
  #wrapper #wrapper-header .header-content .menu-box {
    float: left;
    width: 100% !important;           
}

    .menu-box {
        margin-top: -10px;
        margin-bottom: -10px;
    }

/*    .menu-box ul {
        float: left;
    }*/
        
    .fa.search-top {
        top: 25px;
        right: 0px;
    }
    
    .search-form-top {
        top: 75px;
        right: 0px;
    }

  #wrapper #wrapper-header .header-content .menu-box {
    /*padding: 10px 0 30px;*/                                                     
}
  #wrapper #wrapper-header .header-content .site-title {
    max-width: 100%;               
}
  #wrapper #wrapper-header .header-content .header-logo {
    max-width: 100%;               
}
 
  #wrapper .grid-entry,
  #wrapper #main-content .js-masonry .sticky {
    width: 50%;                          
}
  #wrapper #footer {
    padding: 30px 0 4px;                   
}
  #footer .footer-widget-area {
    margin: 0;
    padding: 0;
    width: 100%;                              
}
}

@media screen and (max-width: 815px) {
    .menu-box a.konfigurator {
        right: 0x;
    }
    
/*    .menu-box ul {
        width: 100%;
        margin-right: 0px;
    }*/
}

@media screen and (max-width: 782px) {
    
    html,
    body {
        margin: 0;
        padding: 0;
        /*overflow: hidden;*/
        width: 100% !important;
    }
    
    #wrapper-content {
        max-width: 100% !important;
    }
    
    .menu-box a.konfigurator {
        top: 50px;
    }
            
    .admin-bar #wrapper-header .sticky-nav {
        top: 46px !important;
    } 
    
    #container-boxed {
        width: 100% !important;
    }
    
    #container-boxed-inner {
        margin-top: 0px !important;
        -webkit-border-radius:  0px !important;
        -moz-border-radius:     0px !important;
        border-radius:          0px !important;
        width: 100% !important;
    }
    
    .header-content {
        margin-left: 20px !important;
    }
    
    .header-content-wrapper {
        border: none !important;
    }
    
    #social-media {
        top: 10px !important;
        right: 0px !important;
    }
    
    .menu-box {
        margin-top: -10px !important;
        margin-left: -8px !important;
        width: 100% !important;
        margin-bottom: 30px;
    }
    
    #newsletter-add input[type=email] {
        margin-left: -10% !important;
    }
    
    #newsletter-add input[type=email],
    #newsletter-add input[type=text] {
        width: 20%;
        margin: 5px;
    }
    
    #newsletter-add .g-recaptcha {
        margin-left: 0px;
        width: 20%;
    }
    
    #newsletter-add #submit {
        width: 20%;
        display: block;
        margin: 0 auto;
        margin-top: 10px;
        /*margin-left: -50px;*/
        margin-bottom: 30px;
    }
    
    #newsletter {
        height: auto;
        padding-bottom: 10px;
    }
    
    #konfigurator-table {
        margin-left: 0px !important;
    }
    
    #konfigurator-table #left {
        width: 50% !important;
    }
    
    #konfigurator-table #right {
        width: 50% !important;
    }
    
    #main-content {
        margin: 0px !important;
    }
    
    #content.konfigurator h1,
    #content.konfigurator h2,
    #content.konfigurator h3 {
        margin-left: 0px;
    }
    
    #content.konfigurator .sport-inner {
        margin-top: 50px;
    }
    
    #content.konfigurator form {
        margin-top: 0px;
    }
    
    #content.konfigurator #carousel img,
    #content.konfigurator #carousel.krok3 img {
        width: 100% !important;
        height: auto !important;
    }
    
    #content.konfigurator #carousel .slick-list,
    #content.konfigurator #carousel.krok3 .slick-list {
        padding-left: 0px !important;
        width: 63% !important;
    }
    
    #content.konfigurator #carousel div.image,
    #content.konfigurator #carousel.krok3 div.image {
        width: auto !important;
    }
    
    #content.konfigurator #carousel .slick-slide,
    #content.konfigurator #carousel.krok3 .slick-slide {
        width: 70px !important;
        margin-right: 2px !important;
        margin-left: 3px !important;
    }
    
    #content.konfigurator #carousel,
    #content.konfigurator #carousel.krok3 {
        margin-bottom: 30px !important;
    }
    
    #content.konfigurator #main-content .entry-content {
        margin-top: 50px !important;
    }
    
    #main-content .sport-content {
        height: auto !important;
        background-size: auto 100% !important;
        padding-bottom: 20px !important;
        min-height: inherit !important;
    }
    
    #content.konfigurator #colors {
        margin-left: 0px !important;
    }
    
    #content.konfigurator #colors table td,
    #content.konfigurator #colors table td a {
        width: 20px;
        height: 20px;
    }
    
    #sport-squares {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    
    #sport-squares div a {
        height: auto !important;
        font-size: 12px !important;
    }
    
    #tymove-vybaveni-banner {
        width: 100%;
        height: 14%;
        margin-left: 0px;
    }
    
    footer {
        margin-top: -120px;
    }
    
    #content.konfigurator #carousel.krok3 {
        margin-bottom: -60px !important;
    }
    
    #content.konfigurator #font {
        margin-left: 0px;
    }
    
    #selectNumber_msdd,
    #selectName_msdd {
        width: 70% !important;
        margin-left: 0px !important;
    }
    
    #konfigurator-table #right .slick-slide {
        
    }
    
    .player,
    .front-name,
    .front {
        background-size: auto 100% !important;
        max-width: 355px !important;
        max-height: 288px !important;
    }
    
    #content.konfigurator #slider.krok3 .slick-slide {
        height: auto !important;
    }
    
    .ajax-upload-dragdrop {
        width: 83% !important;
    }
    
    .final-form a {
        width: auto !important;
    }
    
    .final-form #submit,
    .final-form #submit2 {
        font-size: 12px !important;
        height: auto !important;
    }
    
    #krok5 {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    
    .krok6 {
        margin-top: -50px;
    }
    
/*    .menu-box a.konfigurator {
        right: 20px !important;
    }
    */
/*    .menu-box ul {
        margin-right: 170px !important;
    }
    
    .search-custom .search-form {
        right: -75px !important;
        top: 145px !important;
    }*/
    
/*    #wrapper-content {
        margin-top: -35px !important;
    }*/
    
    #huge_it_slideshow_link a {
        font-size: 100% !important;
        width: 130px !important;
        height: 35px !important;
        padding-top: 4px !important;
    }
    
    .huge_it_slideshow_title_text_1 {
        font-size: 200% !important;
        width: 400px !important;
    }
    
    .huge_it_slideshow_description_text_1 {
        width: 400px !important;
    }
    
/*    #home-sections {
        margin-left: 5%;
        padding: 10px 0px;
    }
    
    #home-sections div {
        width: 28%;
    }
    
    #home-after div.after {
        width: 90%;
        margin: 0 auto;
    }*/
    
    .footer-widget-area-1 {
        width: 100% !important;
    }
    
    .footer-widget-area-2,
    .footer-widget-area-3,
    .menu-paticka-hlavni-menu-container {
        width: 35% !important;
    }
    
    .menu-paticka-hlavni-menu-container {
        position: absolute;
        right: -10px;
        top: -180px;
        z-index: 20;
        /*width: 30% !important;*/
    }
    
    ul#menu-paticka-hlavni-menu {
        margin-top: 0px;
    }
    
    .menu-paticka-hlavni-menu-container ul {
        text-align: left !important;
    }
    
    ul#menu-paticka-hlavni-menu li {
        height: 35px !important;
        display: block !important;
    }
    
    #wrapper .container {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    #home-sections h5 {
        font-size: 95%;
    }
    
    .fa.search-top {
    /*.search-form-top {*/
        right: 30px;
        top: 20px;
    }
    
    .header-image .header-img {
        width: 126px;
    }
    
    .header-image {
        /*margin-left: 10px;*/
        margin: 0 auto;
        /*float: none;*/
    }
    
    .menu-box a.konfigurator {
        top: -25px;
        right: 70px;
    }
    
    .menu-box ul {
        margin: 0 auto !important;
        float: none !important;
        width: 85%;
        /*margin-top: 20px !important;*/
    }
    
    .title-box {
        clear: both;
    }
    
    
    
    .menu-box a {
        height: 60px !important;
        line-height: 60px !important;
        font-size: 15px !important;
    }
    
    #wrapper-header {
        height: 130px !important;
    }

    .menu-box ul ul {
        top: 40px;
    }
    
    .menu-box ul ul li a {
        font-size: 13px !important;
        line-height: 30px !important;
        height: 30px !important;
    }
    
    #home-top {
        height: 400px;
    }
    
    .search-wrap,
    .search-wrap input[type=text] {
        width: 400px;
    }
    
    .search-form-top {
        right: 100px;
        top: 25px;
    }
    
    .select-sport h3 {
        font-size: 25px;
    }
    
    .select-sport {
        margin-bottom: 0px;
    }
    
    #home-sections {
        /*margin-left: 0px !important;*/
    }
    
    .main-ikony td span {
        font-size: 14px;
    }
    
    .main-ikony td span.icon {
        width: 34px;
        height: 34px;
    }
    
    .main-ikony {
        width: 748px !important;
        margin: 0 auto !important;
        margin-top: 7px !important;
    }
    
    .main-ikony td {
        width: 182px;
        height: 182px;
        padding: 3px !important;
    }
    
    .main-ikony td.wider {
        width: 370px !important;
        height: 370px !important;
        padding: 3px !important;
    }
    
    #target-vice-sportu-expand {
        margin-top: -7px !important;
    }
    
    #vice-sportu-expand {
        margin-top: 7px !important;
    }
    
    #newsletter {
        margin-top: -15px;
    }
    
    #newsletter h5 {
        font-size: 20px;
    }
    
    .home-white div,
    .home-gray div {
        width: 90%;
        margin: 0 auto;
    }
    
    #home-after {
        width: 100% !important;
        padding-bottom: 0px !important;
        border-bottom: none !important;
    }
    
    #home-after div.after {
        width: 100% !important;
        padding: 0px !important;
        height: auto !important;
    }

    #home-after div.left-panel {
        width: 500px !important;
        float: none;
        margin: 0 auto;
        padding-top: 30px !important;
    }
    
    #home-after div.left-panel .button,
    #home-after div.right-panel .button {
        position: relative !important;
        margin-top: 20px !important;
        text-align: center !important;
        left: 0px !important;
        width: 140px !important;
        font-size: 13px !important;
        padding: 6px 0px !important;
    }
    
    #home-after div.right-panel {
        width: 100% !important;
        float: none;
        margin-top: 30px !important;
        padding: 10px 0px 30px 0px !important;
        background: rgb(240,240,240);
    }
    
    #home-after div.right-panel div {
        margin: 0 auto;
        max-width: 90% !important;
    }
    
    #social-media-footer {
        margin-top: -20px;
    }
    
    #text-2 {
        width: 94% !important;
    }
    
    .entry-content {
        max-width: 90% !important;
        margin: 0 auto;
    }
    
    .container {
        background: url('/wp-content/themes/naturespace/img/pozadi-mobil-barevne.jpg');
        background-size: 768px;
        background-repeat: no-repeat;
    }
    
    .sport-inner {
        max-width: 100% !important;
    }
    
    .sport-content {
        margin-top: -160px;
    }
    
    .top-slider {
        margin-bottom: 30px !important;
    }
    
    .top-slider .bx-wrapper {
        width: 90% !important;
    }
    
    .top-slider .bx-viewport {
        width: 560px !important;
    }
    
    .left-slider {
        width: 100% !important;
    }
    
    .left-slider .left-slider-top h2 {
        padding: 10px 30px;
    }
    
    .left-slider-inner {
        margin-top: -16px !important;
        padding-top: 0px !important;
    }
    
    .left-slider .left-slider-top h3 {
        font-size: 18px;
        margin-top: 10px;
        margin-right: 20px;
    }
    
    .left-slider li {
        width: 140px !important;
        margin-right: 10px !important;
    }
    
    .left-slider li .slider-img-4 {
        height: 140px !important;
        background-size: 140px !important;
    }
    
    .left-slider li .slider-img {
        height: 152px !important;
        background-size: 140px !important;
        margin-bottom: 30px;
        margin-top: 20px;
    }
    
    .left-slider li h4 {
        margin-top: 0px !important;
    }
    
    .right-menu {
        margin-top: -50px !important;
        float: left !important;
        width: 100% !important;
        padding-top: 0px !important;
        text-align: center !important;
        padding-bottom: 10px !important;
    }
    
    .right-menu a {
        display: inline-block;
        vertical-align: top;
        margin: 0px 10px;
    }
    
    #bottom-panel {
        display: none !important;
    }
    
    .right-menu a.ceniky {
        background: url('/wp-content/themes/naturespace/img/bison-cenik-mobil-a.png');
        height: 72px;
        width: 80px;
        background-size: auto 72px;
        background-repeat: no-repeat;
    }
    
    .right-menu a.ceniky:hover {
        background: url('/wp-content/themes/naturespace/img/bison-cenik-mobil-b.png');
        height: 72px;
        width: 80px;
        background-size: auto 72px;
        background-repeat: no-repeat;
    }
    
    .right-menu a.materialy {
        background: url('/wp-content/themes/naturespace/img/bison-materialy-mobil-a.png');
        height: 72px;
        width: 80px;
        background-size: auto 72px;
        background-repeat: no-repeat;
    }
    
    .right-menu a.materialy:hover {
        background: url('/wp-content/themes/naturespace/img/bison-materialy-mobil-b.png');
        height: 72px;
        width: 80px;
        background-size: auto 72px;
        background-repeat: no-repeat;
    }
    
    .right-menu a.tabulky {
        background: url('/wp-content/themes/naturespace/img/bison-tabulky-mobil-a.png');
        height: 72px;
        background-size: auto 72px;
        background-repeat: no-repeat;
    }
    
    .right-menu a.tabulky:hover {
        background: url('/wp-content/themes/naturespace/img/bison-tabulky-mobil-b.png');
        height: 72px;
        background-size: auto 72px;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 650px) {
/*    #home-sections div {
        width: 45%;
    }
    
    #home-sections h5 {
        font-size: 100%;
    }*/
}

@media screen and (max-width: 620px){
    #newsletter {
        height: 180px;
    }
}


@media screen and (max-width: 600px) {
    .admin-bar #wrapper-header .sticky-nav {
        top: 0 !important;
    }
    #wrapper .post-entry-thumbnail {
        max-width: 50%;                                               
    } 
    
    #newsletter {
        height: 220px;
    }
    
    .menu-box,
    .menu-box ul {
        width: 100%;
        margin: 0px !important;
        padding: 0px !important;
    }
    
    .menu-box ul li {
        margin-left: 10px;
    }
    
    #wrapper-content {
        margin-top: 0px !important;
    }
}

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

    .menu-box ul li {
        margin-left: 5px;
    }
    
    .menu-box a {
        font-size: 90%;
    }
}

@media screen and (max-width: 450px) {
    .menu-box {
        display: none !important;
    }
    
    footer {
        margin-top: 0px !important;
    }
    
    .header-image {
        width: 120px !important;
    }
    
    .header-image .header-img {
        width: 120px !important;
        margin-top: 15px !important;
    }
    
    .header-content {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 10px !important;
    }
    
    #wrapper-header .header-content {
        width: 100% !important;
    }
    
    .site-title {
        font-size: 28px !important;
        margin-top: 5px !important;
    }
    
    #social-media {
        top: 20px !important;
        right: -70px !important;
    }
    
    #container-boxed #container-boxed-inner #wrapper-header .menu-box {
        margin-top: 8px !important;
        margin-left: -10px !important;
        padding: 0px !important;
        max-width: 100% !important;
        /*width: 87% !important;*/
        height: 38px !important;
        background: rgba(255,255,255,0.8) !important;
    }
    
    #home-top {
        background-image: url('/wp-content/themes/naturespace/img/header-pozadi-mobil.jpg');
    }
    
    .fa.search-top {
        background-image: url('/wp-content/themes/naturespace/img/search-icon-b.png');
    }
    
    .responsive-menu-inner,
    .responsive-menu-inner::before,
    .responsive-menu-inner::after {
        background-color: rgb(226,0,15) !important;
    }
    
    .responsive-menu-button,
    .responsive-menu-button:hover {
        background: transparent !important;
    }
    
    .responsive-menu-button {
        top: 90px !important;
    }
    
    #responsive-menu {
        text-transform: uppercase;
        margin-top: 130px !important;
        height: auto !important;
        font-weight: bold !important;
    }
    
    #responsive-menu-title {
        display: none;
    }
    
    .menu-hlavni-menu-container {
        margin-top: -32px !important;
    }
    
    .menu-hlavni-menu-container {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .fa.search-top {
        right: 15px;
        top: 85px;
        border: none;
    }
    
    .fa.search-top:hover {
        border: none;
    }
    
    #search-form {
        top: 125px;
        right: 5px;
    }
    
    #click-menu {
        top: 105px !important;
    }
    
    div.menu-hlavni-menu-container {
        margin-top: -46px !important;
    }
    
    #responsive-menu .responsive-menu li a {
        background: #cfcfcf;
    }
    
    #responsive-menu-container {
        background: transparent !important;
        width: 100% !important;
    }
    
    .responsive-menu-button {
        left: 0px !important;
        transform: none !important;
        top: 88px !important;
    }
    
    #responsive-menu-search-box {
        display: none !important;
    }
    
    .menu-box a.konfigurator {
/*        width: 100%;
        max-width: 100% !important;
        height: 35px !important;
        margin: 0px !important;   
        top: 126px;
        left: -10px !important;
        right: 0px !important
        -webkit-border-radius:  0px !important;
        -moz-border-radius:     0px !important;
        border-radius:          0px !important;*/
        display: none !important;
    }
    
    #responsive-menu-item-2555,
    #responsive-menu-item-2555 a {
        text-align: center !important;
        background: rgb(226,0,15) !important;
        color: white !important;
    }
    
    #search-form {
        top: 140px;
        right: 50px;
    }
    
    .search-wrap,
    .search-wrap input[type=text]{
        width: 240px;
    }
    
    #home-top {
        height: 250px;
        border-bottom: 5px solid white;
    }
    
    .select-sport h3 {
        font-size: 20px;
        margin-top: 0px;
    }
    
    .select-sport img {
        margin-top: 0px;
        margin-bottom: 5px;
    }
    
    .search-custom .search-form {
        top: 88px !important;
        right: -30px !important;
    }
    
    .search-custom .search-form img {
        height: 28px !important;
        width: 28px !important;
    }
    
    #wrapper-content {
/*        margin-top: 37px !important;
        margin-bottom: 20px;*/
    }
    
    #huge_it_slideshow_link a {
        display: none;
    }
    
/*    #huge_it_slideshow_link-after a {
        display: block !important;
        margin-top: 50px !important;
    }*/
    
    .huge_it_slideshow_title_text_1 {
        font-size: 150% !important;
        width: 300px !important;
        text-align: center;
    }
    
    .huge_it_slideshow_description_text_1 {
        width: 300px !important;
        text-align: center;
        font-size: 90% !important;
        line-height: normal !important;
        margin-top: 20px !important;
    }
    
    .main-ikony {
        /*margin: 2px !important;*/
        width: 310px !important;
        margin: 0 auto !important;
    }
    
    .main-ikony td {
        width: 150px;
        height: 150px;
    }
    
    .main-ikony td.wider {
        width: 306px !important;
        height: 306px !important;
    }
    
    .main-ikony td span {
        font-size: 10px;
        padding: 4px 7px;
    }
    
    #target-vice-sportu-expand {
        margin-top: -3px !important;
    }
/*    #home-sections {
        margin-top: 70px !important;
        padding-left: 15px;
    }*/
    
/*    #home-sections div {
        width: 42%;
        height: auto;
        margin: 10px;
    }
    
    #home-sections a {
        width: 100%;
        height: auto;
    }
    
    #home-sections h5 {
        padding-top: 12px;
        font-size: 80%;
        margin-left: 0px;
        width: 100%;
        height: 22px;
    }*/
    
/*    #newsletter {
        height: 270px;
    }*/
    
    #newsletter {
        height: auto !important;
    }

    #newsletter h5 {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 15px;
        width: 100%;
    }
    
    #newsletter form {
        margin-top: 6px;
    }
    
    #newsletter button {
        width: 120px !important;
        height: 38px;
    }
    
    #newsletter .g-recaptcha {
        margin-left: 7px !important;
        transform: scale(0.96) !important;
        margin-top: 5px;
        margin-bottom: 0px !important;
        width: auto !important;
    }
    
/*    #newsletter input[type=text] {
        margin: 6px 10px;
        width: 90%;
    }*/
    
    .home-white
    .home-gray {
        padding: 20px 0px;
    }
    
    .home-white div,
    .home-gray div {
        margin-top: -15px;
        width: 97%;
    }
    
    #home-after div.left-panel {
        width: 280px !important;
    }
       
    .content-headline {
        margin: 0px;
    }
    
    .entry-content {
        margin-top: -10px;
    }
    
    .home-white,
    .home-gray {
        padding: 20px 20px 10px 20px;
    }
    
    .home-white h1 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    
    .home-white p,
    .home-gray p {
        text-align: left !important;
    }
        
    .home-gray h2 {
        font-size: 20px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    #home-after {
        width: 100%;
    }
    
    #home-after div.after {
        padding: 0px 20px 10px 20px;
        width: 90%;
    }
    
    #home-after .button {
        font-size: 80%;
        margin-top: 30px;
    }
    
    #home-after div.left-panel h5 {
        font-size: 22px;
        margin-top: -10px;
        margin-bottom: 0px;
    }
    
    #home-after h6 {
        font-size: 100%;
    }
    
    #home-after p {
        text-align: left;
        font-weight: normal;
        font-size: 90%;
    }
    
    .footer-widget-area {
        margin-top: -20px !important;
        margin-bottom: 30px !important;
        margin-left: 0px !important;
    }
    
/*    #social-media-footer {
        margin-top: -160px !important;
    }
    
    .copyright {
        margin-bottom: -60px !important;
    }*/
    
    #text-2 p,
    #text-3 p,
    #text-4 p {
        text-align: center !important;
    }
    
    .footer-widget-area-2,
    .footer-widget-area-3 {
        width: 100% !important;
    }
    
    .menu-paticka-hlavni-menu-container {
        position: relative;
        width: 70% !important;
        margin: 0 auto;
/*        margin-top: 170px !important;*/
        margin-bottom: 20px !important;
    }
    
    ul#menu-paticka-hlavni-menu {
        text-align: center !important;
        margin-left: -20px !important;
    }
    
    ul#menu-paticka-hlavni-menu li {
        height: 30px !important;
        display: inline-block !important;
    }
    
    #social-media-footer {
        /*margin-top: -180px !important;*/
    }
    
    #social-media-footer .sfsiplus_norm_row {
        left: 27% !important;
    }
    
    .copyright {
        padding: 0px !important;
        margin: 0px !important;
        height: auto !important;
    }
    
    footer#wrapper-footer {
        /*height: 920px !important;*/
    }
    
    .menu-paticka-hlavni-menu-container {
        top: 0px !important;
    }
    
    #social-media-footer {
        margin-top: 0px !important;
        height: auto !important;
    }
    
    .footer-signature .footer-signature-content {
        line-height: inherit !important;
        min-height: inherit !important;
    }
    
    .footer-widget-area-3 {
        margin-bottom: 0px !important;
    }
    
    .entry-headline {
        margin-top: -22px !important;
        border-top: 2px solid black;
    }
    
    .container {
        background-size: 590px;
        background-position: center top;
    }
    
    #main-content {
        margin-top: 0px !important;
    }
    
    .main-ikony td span.icon {
        width: 30px;
        height: 30px;
    }
    
    .top-slider .bx-viewport {
        width: 230px !important;
    }
    
    .sport-content {
        margin-top: -130px !important;
    }
    
    .left-slider .left-slider-top h2 {
        display: block;
        width: 100%;
        text-align: center;
        padding: 10px 0px !important;
    }
    
    .left-slider .left-slider-top h3 {
        display: none;
    }
    
    .left-slider-inner {
        margin-top: -8px !important;
    }
    
    .left-slider .bx-viewport {
        width: 230px !important;
    }
    
    .left-slider li {
        width: 105px !important;
    }
    
    .left-slider li div {
        height: 110px !important;
        background-size: 105px !important;
        background-position: center top !important;
    }
    
    .left-slider .bx-prev {
        left: -25px !important;
    }
    
    .left-slider .bx-next {
        right: -25px !important;
    }
    
    .left-slider h4 {
        font-size: 12px !important;
    }
    
    .left-slider .left-slider-inner {
        height: 200px !important;
    }
    
    .left-slider .bx-wrapper .bx-controls-direction a.bx-prev,
    .left-slider .bx-wrapper .bx-controls-direction a.bx-next {
        margin-top: -80px !important;
    }
    
    .right-menu {
        margin-top: -80px !important;
    }
    
    .left-slider {
        height: 340px !important;
    }
    
    .right-panel {
        font-size: 14px;
    }
    
    .right-panel h3 {
        font-size: 16px;
    }
    
    .right-panel h6 {
        margin: 15px 0px 7px;
    }
    
    #newsletter-add input[type=email],
    #newsletter-add input[type=text] {
        width: 90% !important;
        margin-left: 5px !important;
    }
    
    #sport-squares div {
        width: 49%;
    }
    
    #tymove-vybaveni-banner {
        width: 325px;
        height: 65px;
        margin: 0 auto;
    }
    
    #space-fill {
        margin-top: 20px !important;
    }
    
    #content.konfigurator #left,
    #content.konfigurator #right {
        float: left;
        position: relative;
        width: 100% !important;
    }
    
    #content.konfigurator #carousel .slick-slide,
    #content.konfigurator #carousel.krok3 .slick-slide {
        margin-right: 2.2px !important;
    }
    
/*    #content.konfigurator #slider img {
        margin-left: -10px;
        margin-top: -5px;
    }*/
    
    #content.konfigurator {
        overflow-x: hidden;
    }
    
    
}



/* print
-------------------------------------------------------------- */

@media print {
	html body {
    background: none !important;      
    font-family: Arial, Helvetica, sans-serif !important;    
}
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 
    font-family: Arial, Helvetica, sans-serif !important;        
}
  #wrapper-header,
  #wrapper-footer,
  #sidebar,
  #respond,
  .reply,
  .scroll-top {
    display: none !important;                                   
}
  #wrapper #container-boxed,
  .single-post #main-content,
  .page #main-content {
    width: 100% !important;         
}
  #wrapper #container-boxed-inner {
    -webkit-box-shadow: none !important;
    -moz-box-shadow:    none !important;
    box-shadow:         none !important; 
}
}

#main-content, body #main-content {
    width: 100% !important;
}