*,
*:after,
*:before {
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
html, body {
height: 100%;
min-height: 100%; }
body {
margin: 0;
font-family: 'Open Sans', sans-serif;
overflow-x: hidden;
color: rgba(0,25,58,0.60);
font-size: 1em;
line-height: 1.6em;
width: 100%;
height: 100%;
background-image: url(//cisadesign.cz/wp-content/themes/cisa23/img/body4.svg);
background-repeat: no-repeat;
background-position: right bottom;
background-attachment: fixed;
background-size: contain;
background-color: rgba(255,255,255,1.00);
}
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
margin: 0;
padding: 0;
border: 0;
}
a:active,
a:hover {
outline: 0;
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
header {
background: rgba(255,255,255,1);
position: fixed;
z-index: 999;
width: 100%;
left: 0;
top: 0px;
height: 80px;
line-height: 80px;
}
.logo {
float: left;
margin-top: 20px;
opacity: 0.6;
height: 40px;
width: 82px;
background-image: url(//cisadesign.cz/wp-content/themes/cisa23/img/logo.svg);
background-repeat: no-repeat;
background-position: left center;
cursor: pointer;
display: block;
line-height: 1;
}
.logo span {
display: block;
visibility: hidden
}
.logo-scroll {
background-image: url(//cisadesign.cz/wp-content/themes/cisa23/img/logo-picto.svg);
}
.logo-mobile {display: none;  float: left; margin-left: 20px;
width: 38px;
height: 30px; }
.logo:hover {
opacity: 1
}
a, .fancybox img, .logo, .button span, input, .portfolioContainer img, .button span:after, .button-cont input:after, button, button:after, .post-image img, .portfolio-caption, .cenik .block-1-3{
-o-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}	
a {color: rgba(0,25,58,1);text-decoration: none}
a:hover {color: rgba(0,25,58,1);text-decoration: underline}	
img.alignright { float: right; margin: 2em; }
img.alignleft { float: left; margin: 2em; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
section {padding-left: 40px; padding-right: 40px;}		
.flex-container {
display: flex;  min-height: calc(100% - 160px);
max-width: 1200px;
margin: auto; overflow: hidden;
}
.flex-item {
display: flex;
flex-direction: column; justify-content: center;
align-items: center;
flex: 1;
max-width: 50%;
width: 50%;    }
.content {padding-top: 80px;padding-bottom: 80px; display: block; width: 100%; float: left}
.content img {max-width: 100%; height: auto}
.content li ul {margin-left: 40px;}
.home {height: 100%;max-height: 100%;}
.flex-item object {width: 100%;height:100%;padding: 80px;}
.home .flex-item object {padding: 100px;}
h1, h2, h3, .button, button {font-family: 'Raleway', sans-serif;text-transform: uppercase;margin-bottom: 1.3em; width: 100%; position: relative}
h1 {
font-size: 2em;
color: #2b2d42;
}
h1 a {color: #2b2d42;}
h1 strong, h1 strong a {
color: #FE5D26;
}
h1 strong a:hover {color: #FE5D26;}
h2 {font-size: 1.4em;color: #FE5D26;margin-bottom: 0.9em !important;}
h3 {font-size: 1.2em;}
p {margin-bottom: 1.4em;margin-top: 0;line-height: 1.6em;width: 100%;}
h1 {
text-align: center;
padding: 20px; font-weight: 900;
font-size: 2.6em; width: 100%;
display: block;
text-shadow: rgba(255,255,255,1.00) 2px 2px 0;
position: relative !important;
line-height: 1.2em;
}
h1 span {width: 100%; float: right; position: relative !important; display: block}
h1 span:after {
content: attr(title);
position: absolute;
left: 4px;
top: 4px;
background-image: -moz-linear-gradient(left top, transparent 0%, transparent 25%, #C6C6C6 25%, #C6C6C6 50%, transparent 50%, transparent 75%, #C6C6C6 75%);
background-image: -o-linear-gradient(left top, transparent 0%, transparent 25%, #C6C6C6 25%, #C6C6C6 50%, transparent 50%, transparent 75%, #C6C6C6 75%);
background-image: -webkit-linear-gradient(left top, transparent 0%, transparent 25%, #C6C6C6 25%, #C6C6C6 50%, transparent 50%, transparent 75%, #C6C6C6 75%);
background-image: linear-gradient(left top, transparent 0%, transparent 25%, #C6C6C6 25%, #C6C6C6 50%, transparent 50%, transparent 75%, #C6C6C6 75%);    
background-size: 4px 4px;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
text-fill-color: transparent;
z-index: -1;
display: block;
text-shadow: none;
width: 100%;
}
.subpage h1 {margin-bottom: 1.3em;}
.home h1 {text-align: right;} .container{
max-width: 1200px;
margin: auto;
padding-left: 40px;
padding-right: 40px; } .title-cont {
margin: auto;
width: 100%;
text-align: center;
margin-top: -40px;
}
.title {
text-align: center;
width: 100%;
margin-bottom: 1em;
}
.about h2 {margin-top: 0; padding-top: 0}
.about { padding-top: 60px;
padding-bottom: 80px;
}
.container-line, .heading-line  {
width: 100%;
height: 2px;
margin: auto; max-width: 1286px;
padding: 0; background-repeat: no-repeat;
background-position: center center;
}
.container-line  {
background-image: url(//cisadesign.cz/wp-content/themes/cisa23/svg/line.svg);
}
.heading-line {
background-image: url(//cisadesign.cz/wp-content/themes/cisa23/svg/line-h1.svg);
max-width: 80px;
margin-bottom: 2em;
margin-top: 0;
position: relative
}
.white-line {background-image: url(//cisadesign.cz/wp-content/themes/cisa23/svg/white-line.svg);}
.podpis-line {
float: right;
margin-bottom: 1em;
margin-top: -1em;
}
.swiper-container {
width: 100%;
height: 100%;
position: relative !important
}
.swiper-slide {
text-align: justify;
padding-left: 60px;
padding-right: 60px;
}
.swiper-slide img:first-of-type, h2 img:first-of-type {
margin-right: 20px;
margin-left: 0px;
}
.swiper-slide a { text-decoration: none;
}
.swiper-slide .ohlasy-podpis {
display: block;
float: right;
margin-right: 5px;
font-style: italic;
width: 100%;
text-align: right
}
.swiper-slide a:hover { text-decoration: underline;
}
.swiper-pagination {
position: relative !important;
text-align: center;
margin: auto;
}
.swiper-pagination-bullet {margin: 5px;}
.swiper-pagination-bullet-active {background-color: rgba(0,25,58,0.60) !important;} .quote:before {
background-image: url(//cisadesign.cz/wp-content/themes/cisa23/img/quote-end20.png);
background-repeat: no-repeat;
background-position: left top;
content: " ";
position: absolute;
top: 10px;
height: 20px;
width: 20px;
color: transparent;
margin-right: 20px; left:0px;
}
.about .quote:before {left:60px;}
.quote span {
display: inline-block;
}
.swiper-slide p:first-of-type:first-letter, .quote span:first-letter {
padding-left: 30px;
}
.swiper-slide p:last-of-type:after, .quote span:after{
padding-right: 30px;
content: " ";
background-image: url(//cisadesign.cz/wp-content/themes/cisa23/img/quote20.png);
background-repeat: no-repeat;
background-position: left bottom;
position: relative;
display: inline-block;
margin-left: 10px;
height: 20px;
width: 20px;
}
.swiper-button-next {right: 0px !important;background-image: url(//cisadesign.cz/wp-content/themes/cisa23/svg/next.svg) !important;}
.swiper-button-prev {left: 0px !important;background-image: url(//cisadesign.cz/wp-content/themes/cisa23/svg/prev.svg) !important;} h2.quote  {position: relative !important; float: left}
.cleaner40px {float: left; clear: both; width: 100%; height: 40px;}
.cleaner80px {float: left; clear: both; width: 100%; height: 80px;}
.cleaner120px {float: left; clear: both; width: 100%; height: 120px;} .formular {width: 100%; display: block; margin: auto; padding-bottom: 40px; padding-top: 120px}
.formular input, .formular textarea, .formular select {
width: 100%;
padding: 20px;
font-family: 'Open Sans', sans-serif;
color: rgba(0,25,58,0.60);
margin: 0;
font-size: 1em;
line-height: 1.6em; border: none;
display: block;
float: left; border-bottom: 1px dotted #ccc;
background-color: #fff;
}
.form-line {
width: 100%;
height: 2px;
margin: auto;
padding: 0;
background-image: url(//cisadesign.cz/wp-content/themes/cisa23/svg/line.svg);
background-repeat: no-repeat;
background-position: center center;
margin-bottom: 0;
display: block;
float: left;
}
.schovane {display: none !important; visibility: hidden}
.wpcf7-not-valid-tip {display: none !important;}
.wpcf7-not-valid {  border-bottom: 1px dotted #FE5D26 !important;
}
.wpcf7-textarea {margin-bottom: 20px !important;}
.wpcf7-acceptance input {margin-right: 10px;width: auto !important;}
.wpcf7-form small {display: block; width: 100%; text-align: right}
.wpcf7-response-output {border: none !important; font-weight: bold;}
.screen-reader-response {display: none} .button-cont {
margin: auto; position: relative !important;
width: 100%;
text-align: center;
display: block;
float: left; }
.wpcf7-form .button-cont {margin-top: 60px;}
.about .button-cont {
margin-top: 0px;
float: none
}
.button {
text-align: center;
text-decoration: none;
color: rgba(255,255,255,1);
font-weight: bold;
text-transform: uppercase; }
.button-cont a {
text-align: center;
text-decoration: none;
color: rgba(255,255,255,1);
font-weight: bold;
text-transform: uppercase;
}
.button span, button  {
padding: 20px; text-align: center;
background-size: 300% auto;
background-image: -webkit-linear-gradient(0deg,rgba(53,56,94,1.00) 0%,rgba(43,45,66,1.00) 50%,rgba(254,93,38,1.00) 51%,rgba(254,93,38,1.00) 100%);
background-image: -moz-linear-gradient(0deg,rgba(53,56,94,1.00) 0%,rgba(43,45,66,1.00) 50%,rgba(254,93,38,1.00) 51%,rgba(254,93,38,1.00) 100%);
background-image: -o-linear-gradient(0deg,rgba(53,56,94,1.00) 0%,rgba(43,45,66,1.00) 50%,rgba(254,93,38,1.00) 51%,rgba(254,93,38,1.00) 100%);
background-image: linear-gradient(90deg,rgba(53,56,94,1.00) 0%,rgba(43,45,66,1.00) 50%,rgba(254,93,38,1.00) 51%,rgba(254,93,38,1.00) 100%);
color: rgba(255,255,255,1);
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
position: relative;
border: none;
font-size: 1em;
width: calc(100% - 24px);
border-radius: 5px;
-webkit-box-shadow: 0px 0px 20px 10px rgba(53,56,94,0.15);
-moz-box-shadow: 0px 0px 20px 10px rgba(53,56,94,0.15);
box-shadow: 0px 0px 20px 10px rgba(53,56,94,0.15);
}
.button h2  {font-size: 1em; margin: 0; padding: 0} .post-image img:after {
content: '';
position: absolute;
top: -12px;
left: -12px;
bottom: -12px;
right: -12px;   border-radius: 5px;
background-image: -moz-linear-gradient(left top, transparent 0%, transparent 25%, #C6C6C6 25%, #C6C6C6 50%, transparent 50%, transparent 75%, #C6C6C6 75%);
background-image: -o-linear-gradient(left top, transparent 0%, transparent 25%, #C6C6C6 25%, #C6C6C6 50%, transparent 50%, transparent 75%, #C6C6C6 75%);
background-image: -webkit-linear-gradient(left top, transparent 0%, transparent 25%, #C6C6C6 25%, #C6C6C6 50%, transparent 50%, transparent 75%, #C6C6C6 75%);
background-image: linear-gradient(left top, transparent 0%, transparent 25%, #C6C6C6 25%, #C6C6C6 50%, transparent 50%, transparent 75%, #C6C6C6 75%);   
background-size: 4px 4px; z-index: -1;
opacity: 0.2;
}
.button span:hover, button:hover {background-position: right center;
-webkit-box-shadow: 0px 0px 20px 10px rgba(217,4,41,0.15);
-moz-box-shadow: 0px 0px 20px 10px rgba(217,4,41,0.15);
box-shadow: 0px 0px 20px 10px rgba(217,4,41,0.15);}
.button span:hover:after, .button-cont input:hover:after, button:hover:after {border: none; opacity: 0.1}
.button-cont a:hover {
text-decoration: none !important;
color: rgba(255,255,255,1.00) !important;
}
.scroll-down {
width: 60px;
height: 20px;
left: 50%;
margin-left: -30px;
position: absolute;
bottom: 20px;
text-align: center;
background-image: url(//cisadesign.cz/wp-content/themes/cisa23/svg/scroll.svg);
background-repeat: no-repeat;
background-position: center bottom;
}
.scroll-down-project {
width: 100%;
height: 80px;
left: 0;
position: absolute;
bottom: -1px;
text-align: center;
background-image: url(//cisadesign.cz/wp-content/themes/cisa23/img/subpage-triangle.svg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
}
.bounce {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.subpage {padding-top: 80px; }
.align-center {text-align: center; margin: auto}
.align-left {text-align: left}
.align-right {text-align: right} .portfolioFilter { 
text-align: center;
margin-top: 20px;
margin-bottom: 30px;
}
.portfolioFilter a {
margin-right: 10px;
text-decoration: none;
border: 1px solid rgba(0,25,58,0.20);
border-radius: 5px;
padding-top: 10px;
padding-right: 18px;
padding-left: 18px;
padding-bottom: 10px;
color: rgba(0,25,58,0.40);
font-size: 80%;
display: inline-block;
margin-bottom: 10px;
}
.portfolioFilter a.current, .portfolioFilter a:hover { 
border: 1px solid rgba(0,25,58,0.60);
color: rgba(0,25,58,0.60);
}
.portfolioContainer {
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
clear: both;
display: block
} 
.portfolioContainer img {
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0; transition: all 1s ease-out;
image-rendering: pixelated;
}
.portfolioContainer img:hover, .all a img {
transform: scale(1.1);
}
.all {
width: 33.3333%;
display: block;
float: left;
padding: 0px;
margin: 0;
border: 5px solid rgba(255,255,255,0.00);  overflow: hidden;
position: relative;
}
.portfolio-caption {color: #fff;cursor: pointer;
position: absolute;
width: 100%;
height: 100%;
padding: 10%;
text-align: center;
align-items: center;
justify-content: center;
opacity: 0;display: flex;background-color: rgba(0,0,0,1.00);}
.portfolio-caption:hover {opacity: 0.7;}
.taxonomy-description {text-align: center}  .project {height: 70% !important}
.project-cont {display: block; width: 100%; margin-bottom: 40px;}
.container-bg {
width: 100%;
height: 100%;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
background-size:cover; background-repeat: no-repeat;background-position: center center;
}
.container-bg img { width: 100%; height: auto;bottom: 0;position: absolute; left:50%; margin-left: -50%;
}
.block-1-2, .block-1-3, .block-2-3, .block-1-5, .block-1-4 {display: block; float: left}
.block-1-2 {
width: 50%; box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1);
background-color: rgba(255,255,255,0.95);
}
.block-1-3 {
width: 33.3333%; margin-top: 40px;  position: relative;
border: 10px solid transparent;  background-image: -moz-linear-gradient(left top, transparent 0%, transparent 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, transparent 50%, transparent 75%, rgba(0,0,0,0.1) 75%);
background-image: -o-linear-gradient(left top, transparent 0%, transparent 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, transparent 50%, transparent 75%, rgba(0,0,0,0.1) 75%);
background-image: -webkit-linear-gradient(left top, transparent 0%, transparent 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, transparent 50%, transparent 75%, rgba(0,0,0,0.1) 75%);
background-image: linear-gradient(left top, transparent 0%, transparent 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, transparent 50%, transparent 75%, rgba(0,0,0,0.1) 75%);   
background-size: 4px 4px;
}
.block100 .block-1-3 {border: none; margin-bottom:40px;background-image: none}
.block-1-2 .block-1-3 {
width: 100%;
}
.block-1-5 {width: 20%;margin-top: 40px;position: relative;border: 10px solid transparent;}
.block-1-4 {width: 25%;margin-top: 40px;position: relative;border: 10px solid transparent;}
.block-2-3 {width: 66.6666%;background-color: rgba(255,255,255,0.95);}
.block-1-3 img, .block-2-3 img, .block-1-1 img,  .block-1-2 img {max-width: 100%; height: auto;box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1); border: 10px solid transparent; float: left; margin: 1%;}
.img-50 img{max-width: 48%; width: auto; height: auto;}
.desc {margin-top: 50px;margin-left: -50px; text-align: justify;}
.desc-cont {background-color: rgba(255,255,255,0.95); display: block;padding: 40px;float: left}
.desc h2 {font-weight: 100; text-transform: none; width: auto !important; font-size: 1.4em; color: rgba(0,25,58,0.60); text-align: left !important;}
.desc h3 {font-weight: 100;}
.desc ul {margin-left: 40px}
.desc ul li {list-style-type: circle;}
.desc-web a {
padding-top: 20px;
float: left; display: block;
width: 100%;
padding-left: 25px;
background-image: url(//cisadesign.cz/wp-content/themes/cisa23/svg/External-link.svg);
background-repeat: no-repeat;
background-position: left 25px;
background-size: 14px auto;
}
.ext {width: 100%;
padding-right: 12px;
background-image: url(//cisadesign.cz/wp-content/themes/cisa23/svg/External-link.svg);
background-repeat: no-repeat;
background-position: right 4px;
background-size: 8px auto;}
.projects {
width: 100%; text-align: center; display:table;
margin-bottom: 80px;
margin-top: 0px; }
.projects-portfolio {
float: left;
margin-bottom: 0px;
}
.projects a { opacity: 0.6; }
.projects a:hover { opacity: 1}
.project-nav-cont {
width: 160px;
height: 40px !important;
margin: auto;
text-align: center;
position: relative !important; display: block;
}
.project-home, .project-prev, .project-next, .project-nav-cont a {display: inline-block;width: calc(50% - 90px);  }
.project-home {position: absolute; width: 100px;left:50%;margin-left: -50px; line-height: 0.6em;}
.project-home span {margin-top: 1em;display: block}
.project-prev { float: left;}
.project-next { float: right;}
.projects .prev-post, .projects .next-post{
background-repeat: no-repeat;   
background-size: auto 40px;
padding: 0
}
.projects .prev-post span, .projects .next-post span, .project-home span{
font-size: 0.6em;
}
.projects .prev-post {background-image: url(//cisadesign.cz/wp-content/themes/cisa23/svg/prev.svg);background-position: left center;padding-left: 40px; float: left; text-align: left;}
.projects .next-post {background-image: url(//cisadesign.cz/wp-content/themes/cisa23/svg/next.svg);background-position: right center;padding-right: 40px; float: right; text-align: right;}
.projects-portfolio .prev-post, .projects-portfolio .next-post{width: calc(33% - 40px);display: table-cell}
.category-menu {
width: 100%;
text-align: center;
margin-top: -20px;
margin-bottom: 40px;
font-size: 0.8em;
}  .blog {margin-top: 80px;}
.blog-post {padding-top: 40px; padding-bottom: 40px;}
.blog-post ul{margin-bottom: 1.4em;padding-left: 1.4em;}
.button-cont-post {margin-top: 0 !important}
.blog-post h2, .blog-post h3, .blog-post h2 strong, .blog-post h3 strong {
text-transform: none;
font-weight: 600
}
.header {
width: 100%;
height: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 80px;
position: relative;
flex-direction:column;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
z-index: -10
}
.header-post {background-position: center center;}       
.header-post-bg {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.30);
top:0;
left:0
}
.post h1 span:after {
content: attr(title);
position: absolute;
left: 4px;
top: 4px;
background-image: -moz-linear-gradient(left top, transparent 0%, transparent 25%, rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.2) 50%, transparent 50%, transparent 75%, rgba(0,0,0,0.2) 75%);
background-image: -o-linear-gradient(left top, transparent 0%, transparent 25%, rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.2) 50%, transparent 50%, transparent 75%, rgba(0,0,0,0.2) 75%);
background-image: -webkit-linear-gradient(left top, transparent 0%, transparent 25%, rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.2) 50%, transparent 50%, transparent 75%, rgba(0,0,0,0.2) 75%);
background-image: linear-gradient(left top, transparent 0%, transparent 25%, rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.2) 50%, transparent 50%, transparent 75%, rgba(0,0,0,0.2) 75%);
background-size: 4px 4px;
}
.post h1 {
margin: 0;
padding: 0;
padding-bottom: 20px;
text-shadow: rgba(255,255,255,0.00) 2px 2px 0;
color: rgba(255,255,255,1.00);
max-width: 1120px;
}
.tags  {
display: block;
text-align: center;
font-size: 0.8em;
color: rgba(0,25,58,0.40) !important;
margin-top: 40px;
}
.tags li {list-style: none; display: inline-block; padding: 5px}
.post-container {
display: inline-block;
width: 100%; background-image: url(//cisadesign.cz/wp-content/themes/cisa23/svg/line.svg);
background-repeat: no-repeat;
background-position: center bottom;
}
.post-image {float: left; margin-right: 40px;}
.post-image img {max-width: 400px; height: auto; position: relative; display: inline-block}
.post-image img:hover {transform: scale(1.05);}
.post-content { }
.post-date {text-align: right; font-size: 0.6em}
.post-container:last-of-type  {
background-image:none;
}
.blog-post ol {margin-bottom: 1.4em;}
.blog-post ol li{margin-bottom: 1.4em;}
.page-nav-container {width: 100%; text-align: center; font-size: 0.8em; margin-bottom: 40px;}
.page-nav-container a:hover {text-decoration: none}
.page-numbers {
display: inline-block;
text-align: center;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
border: 1px solid rgba(0,25,58,0.20);
border-radius: 2px;
}
.page-numbers:hover,  .current {border: 1px solid rgba(0,25,58,0.5);}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
color: #fff;
text-decoration:none;
}
.navigation li {
display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
background-color: #6FB7E9;
border-radius: 2px;
cursor: pointer;
padding: 12px;
padding: 0.75rem;
}
.navigation li a:hover,
.navigation li.active a {
background-color: #3C8DC5;
} .mobile {display: none}
footer { width: 100%;
height: 80px;
line-height: 80px;
font-size: 0.5em;
text-align: center;
float: left;
}
footer .container{ background-image: url(//cisadesign.cz/wp-content/themes/cisa23/svg/line.svg);
background-repeat: no-repeat;
background-position: center top;
}
.fadein {
-webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;
animation-delay: 5s;
animation-fill-mode: forwards;
opacity: 0;
}
@keyframes fadein {
from { opacity: 0;}
to   { opacity: 1;}
} @-moz-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-webkit-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-ms-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}
.centertoright {
-webkit-animation: centertoright 2s; -moz-animation: centertoright 2s; -ms-animation: centertoright 2s; -o-animation: centertoright 2s; animation: centertoright 2s;
animation-delay: 4s;
animation-fill-mode: forwards;
margin-left: -25%; }
@keyframes centertoright {
from { margin-left: -25%;}
to   { margin-left: 0}
}
@media all and (-ms-high-contrast:none)
{
h1 span:after { opacity: 0.2;} *::-ms-backdrop, h1 span:after {opacity: 0.2;} .button span{backgroun-size: cover; background-color: #2B2D42 !important;}
*::-ms-backdrop, .scroll-down-project {bottom: -10px}
*::-ms-backdrop, .formular input, .formular textarea, .formular select {border-bottom: 1px solid rgba(173,173,173,0.50); background-image: none}
*::-ms-backdrop, .projects .prev-post, .projects .next-post {background-image: none}
}
@media screen and (max-width: 1390px) {
body {font-size: 0.9em;}
.flex-container {max-width: 1200px;padding-left: 20px; padding-right: 20px}
.logo-scroll {margin-left: 20px}
}
@media screen and (max-width: 1100px) {
.logo-mobile {display: block;}
.logo, .logo-scroll {display: none !important}
header {height: 60px;line-height: 60px;}
.header {margin-top: 60px;}
header .container {padding: 0} nav ul li a {height: 60px;line-height: 60px;}
.nav-toggle {height: 60px;}
.nav-collapse a {background-color: rgba(255,255,255,1.00);}
.flex-container {height: auto; padding-left: 40px; padding-right: 40px;}
.cleaner80px {height: 40px}
.project-cont {margin-top: 0px;}
.home h1 {font-size: 2em;}
.post-image img {margin-bottom: 20px;}
}		
@media screen and (max-width: 910px) {
.container {padding: 20px;}
.content {padding-top: 0}
.flex-container, .flex-item { width: 100%;max-width: 100%; height: auto;padding: 20px;padding-bottom: 0;}
.flex-item {display: block; }
.flex-container{flex-direction:  column}
.home {min-height: 100%;max-height: 100%;}
.desktop {display: none} .home #my-svg {display: block; }
.mobile {display: block}
.flex-item object {height: 40vh;max-height: 40vh;margin-top: 40px;padding: 0px;}
.home h1 {text-align: left;}
.home h1 {font-size: 1.6em;}
h1 {font-size: 2em; padding-left: 0;  padding-right: 0} .block-1-3, .block-2-3, .block-1-1, .block-1-2, .block-1-5, .block-1-4 {width: 100%; height: auto}
.popis, .desc {margin: 0}
.subpage {padding-top: 40px;}
.container-bg {height: 90% !important; width: 100% !important;position: relative} .all {width: 50%;}
.header {margin-top: 0}
.centertoright {margin-left: 0;} .home .flex-item object {padding: 0px;}   
.container-line {padding-top: 40px;}
.formular input, .formular textarea, .formular select {border-bottom: 1px solid rgba(173,173,173,0.50);}
.projects {font-size: 0.6em;}
.fadein {animation-delay: 0s;}
}
@media screen and (max-width: 520px) {
section {padding-left: 20px; padding-right: 20px}
.all {width: 100%;}
.img-50 img, .post-image img {max-width: 100%;}
.projects .next-post, .projects .prev-post {max-width: 40%; text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.projects .project-home {display: none}
.swiper-slide {padding-left: 40px;padding-right: 40px;}
.about .container {padding-left: 0; padding-right: 0}
.about  {padding-left: 0; padding-right: 0}
.quote:before {left:40px;}
.about .quote:before {left:40px;}
.button-cont a {font-size: 0.7em;}
.post-image {margin-right: 0}
}
@media screen and (max-height: 600px) {.home h1 {font-size: 1.5em;}}
.swiper-pagination-bullet {background-color: #ccc !important}
i {
display: inline-block;
color: #FE5D26;
font-size: 12px;
}
.kontakt h1 {text-align: left !important; padding-left: 0}
.kontakt .heading-line {
background-position: left center !important;
margin-left: 0
}
.wp-caption {
max-width: 100%;  text-align: center;
font-size: 0.7em;
width: 100%;
}
.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;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 5px 4px 0px;
}
.caption {width: 100%; text-align: center;position: absolute;  font-size: 0.7em; bottom: -20px;}
.block100 {
width: 100%;
float: left;
clear: both;
}
.kk-star-ratings.lft {float: none!important; margin: auto !important; min-height: 80px;font-family: 'Open Sans', sans-serif !important;}
.kksr-legend span {font-family: 'Open Sans', sans-serif !important; color: #999999 !important}
.poznamka { padding: 20px;
margin-bottom: 1.4em;
background-size: contain;
border-left: 1px solid rgba(200,200,200,1.00);
}
.obsah-body {
display: block;
width: 100%;
padding: 40px;
border: 1px dashed rgba(0,25,58,0.20);
font-size: 0.8em;
}
.obsah-body h3 {text-align: center; margin-bottom: 0}
.obsah-body ul {margin-bottom: 0; padding-left: 0}
.obsah-body ul li {list-style-type: none;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;}
.obsah-body ul li {width: 100%;
padding-left: 14px;
background-image: url(//cisadesign.cz/wp-content/themes/cisa23/img/anchor.svg);
background-repeat: no-repeat;
background-position: left 8px;
background-size: 10px auto;}
@media screen and (max-width: 520px) {.obsah-body {padding: 20px;}}
.reading-time {color: #fff}
.cenik  {margin-top:-80px;}
.cenik-cont  {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 40px;
}
.cenik .block-1-3, .cenik .block-1-5 {
margin-top: 0;
background-image: none;
display: flex;
flex-direction: column;
padding: 20px;
}
.cenik .block-1-3:hover {
box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1);
}
.cenik ul {
margin-left: 0px; padding-bottom: 20px; }
.cenik ul li {list-style-type: none; padding-left: 1.3em;}
.cenik ul li:before {
content: "\f17b"; font-family: LineAwesome;
display: inline-block;
margin-left: -1.3em; width: 1.3em; color: #d90429;
}
.cenik .button-cont {margin-top: 0}
.cenik h2, .cenik h3 {text-align: center; display: block; width: 100%}
.cenik h3 {
margin-left: 0px;
margin-bottom: 20px;
padding-bottom: 20px; border-bottom: 1px dashed rgba(183,183,183,1.00);
}
.cena {
width: 100%;
font-family: 'Raleway', sans-serif;
text-align: right;
font-size: 1.4em;
padding-bottom: 30px;
padding-top: 10px;
flex-grow: 1;
border-top: 1px dashed rgba(183,183,183,1.00);
}
.loader {display: block;text-align: center !important;width: 100%; height: 80px;position:absolute} .comments-area ol {list-style-type: none}
.comments-area, .comment-body, #comment {width: 100%;}
.comments-area li { padding: 20px;}
.comment-author {text-align: left;color: rgba(0,25,58,1);}
.reply{text-align: right;}
.comment-author{margin-bottom: 1.4em;}
.reply a {border: 1px solid rgba(0,25,58,0.20); padding: 0.8em;font-size: 0.8em;color: rgba(0,25,58,0.60);border-radius: 5px;}
.reply a:hover {text-decoration: none; background-color: rgba(0,25,58,0.60);color: #fff}
.comments-title, .comment-notes{text-align: center}
.comment-notes{font-size: 0.8em;}
.children {padding-left: 40px;}
.comment-form-author, .comment-form-email {display: block; width: calc(50% - 0.7em); float:left}
.comment-form-author {margin-right: 0.7em}
.comment-form-email {margin-left: 0.7em}
.comment-meta {line-height: 1em; font-size: 1em; height: auto}
.comments-area input, .comments-area textarea {width:100%; padding: 1em; border-radius: 5px;border: 1px solid rgba(0,25,58,0.20);}
.comments-area .button-cont {margin-top: 0}
.comments-area button {width: 100%}
.comment-respond .comments-title {display:none; }
.comment-reply-title {text-align: right; font-size: 0.8em; }
.reply {border-bottom: 1px dotted rgba(0,25,58,0.20); padding-bottom: 20px;}
.error  { padding: 10px 0 20px 0; color: #FF0000; }
input.error, textarea.error { color:#000000; }
.comment-form-cookies-consent {text-align: left}
.comment-form-cookies-consent input {width: auto !important} .wpcf7 form .wpcf7-response-output {margin:0 !important} .blog h1 img {height: 30px;width: auto}
.cloudTags ul {list-style: none;width: 100%;text-align: center;margin: 0; }
.cloudTags ul li {
display: inline-block;
margin: 5px;
font-size: 12px;
background-image: url(//cisadesign.cz/wp-content/themes/cisa23/img/tag.svg);
background-position: left center;
background-size: 10px 10px;
background-repeat: no-repeat;
padding-left: 10px;
padding-top: 0px;
}
.cloudTags ul li:hover { }
.cloudTags ul li a{ padding: 5px;
}
.cloudTags ul li a:hover{
text-decoration: none;
color: rgba(0,0,0,1);
}
.cloudTags ul li::before {content:'';margin: 0;} .social-share-button {
width: 100%;
position: relative;
text-align: right;
list-style-type: none;
padding: 0;
line-height: 40px;
height: 40px;float: right;
font-size: 1em;
}
.social-share-button li {
height: auto;
width: auto;display: inline-block;
margin-left: 5px;
opacity: 0.7;padding: 8px;
}
.social-share-button svg {
fill: #000;
width: 20px;
height: 20px;
margin-bottom: -4px;
}
.social-share-button a {
display: block; text-align: center;
color: #000;
opacity: 0.7;
}
.social-share-button a:hover {
opacity: 1;
}
@media screen and (max-height: 600px) {header {position: absolute;top:0;left:0} img.alignleft, img.alignright {margin-left: 0;margin-right: 0}}