*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
display:block
}
html,button,input,select,textarea{
font-family:sans-serif
}
body,form,fieldset,legend,input,select,textarea,button{
margin:0
}
html{
font-size:100%
}
.clear:before,.clear:after{
content:"";
display:table
}
.clear:after{
clear:both
}
.clear{
zoom:1
}
.section:before,.section:after{
content:"";
display:table
}
.section:after{
clear:both
}
.section{
zoom:1
}
.checkbox:before,.checkbox:after{
content:"";
display:table
}
.checkbox:after{
clear:both
}
.checkbox{
zoom:1
}
.left,.checkbox input[type=checkbox],.checkbox input[type=radio]{
float:left
}
.right{
float:right
}
.block,.alert,.checkbox{
display:block
}
.inline-block,audio,canvas,video,.button{
display:inline-block;
*zoom:1;
*display:inline
}
.inline{
display:inline
}
.strong,b,strong,dt,legend{
font-weight:bold
}
.italic,dfn,blockquote{
font-style:italic
}
.center-text{
text-align:center
}
.none,.no-desktop,audio:not([controls]),[hidden]{
display:none
}
.visuallyhidden{
border:0;
clip:rect(0 0 0 0);
height:1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
left:-9999em
}
.visuallyvisible{
clip:auto;
width:auto;
height:auto;
overflow:visible;
left:0
}
.alert{
background-color:#ffc;
padding:8px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
body{
font-size:14px;
font-size:0.875rem;
color:#555;
background-color:#fff;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
a{
color:#f30
}
a:hover{
text-decoration:none
}
a:focus{
outline:thin dotted
}
a:active,a:hover{
outline:0
}
p,pre{
margin:1em 0
}
small{
font-size:80%
}
abbr[title]{
border-bottom:1px dotted
}
audio:not([controls]){
height:0
}
small{
font-size:80%
}
sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sup{
top:-.5em
}
sub{
bottom:-.25em
}
img{
border:0;
-ms-interpolation-mode:bicubic
}
svg:not(:root){
overflow:hidden
}
figure{
margin:0
}
.image-left{
margin-right:20px
}
.image-right{
margin-left:20px
}
h1,h2,h3,h4,h5,h6{
margin:0;
font-weight:normal
}
h1,.h1{
font-size:40px;
font-size:2.5rem;
margin-bottom:.2em
}
h2,.h2{
font-size:32px;
font-size:2rem;
margin-bottom:.33em
}
h3,.h3{
font-size:26px;
font-size:1.625rem;
margin-bottom:.5em
}
h4,.h4{
font-size:20px;
font-size:1.25rem;
margin-bottom:.5em
}
h5,.h5{
font-size:18px;
font-size:1.125rem;
margin-bottom:.5em
}
h6,.h6{
font-size:16px;
font-size:1rem;
margin-bottom:.5em
}
.no-style-heading{
font-size:100%;
margin:0
}
hr{
border:0;
background:none;
outline:0;
background-color:#ddd;
margin:2em 0;
*margin:1em 0;
-moz-box-sizing:content-box;
box-sizing:content-box;
height:1px
}
blockquote{
font-family:"Georgia", "Times" serif;
font-size:20px;
font-size:1.25rem;
color:#777;
margin:1em 0
}
cite{
color:#222;
font-style:normal
}
q{
quotes:none
}
q:before,q:after{
content:'';
content:none
}
mark{
background:#ff0;
color:#111
}
code,kbd,pre,samp{
font-family:monospace, serif;
_font-family:'courier new', monospace;
font-size:1em
}
code{
color:#111;
padding:2px 5px;
background-color:#f1f1f1;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
dl,menu,ol,ul{
margin:1em 0
}
ul ul,ol ol,ul ol,ol ul{
margin:0
}
dd{
margin:0 0 0 40px
}
menu,ol,ul{
padding:0 0 0 40px
}
nav ul,nav ol{
list-style:none;
list-style-image:none
}
.no-style-list{
list-style:none;
padding:0;
margin:0
}
table{
width:100%;
table-layout:fixed;
border-collapse:collapse;
border-spacing:0;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
word-wrap:break-word;
-ms-word-wrap:break-word;
*white-space:normal
}
table th,table td{
padding:8px;
text-align:center;
vertical-align:middle;
border-top:1px solid #87ddfc;
border-left:1px solid #87ddfc;
background-clip: padding-box;
}
table thead th{
vertical-align:bottom;
font-weight:bold;
background-color:#e1e1e1;
color:#333
}
table tfoot td{
font-weight:bold
}
table caption{
padding:0.5em;
font-style:italic;
background-color:#eee;
border-bottom:0;
font-weight:bold
}
fieldset{
border:0;
padding:0
}
legend{
border:0;
padding:0;
white-space:normal;
*margin-left:-7px
}
label{
cursor:pointer
}
button,input,select,textarea{
font-size:100%;
vertical-align:baseline;
*vertical-align:middle
}
input[type=text],input[type=password],input[type=email],input[type=search],input[type=tel],textarea{
padding:5px 7px;
-webkit-appearance:none;
-moz-appearance:none;
background-color:#fff
}
input[type=checkbox],input[type=radio]{
cursor:pointer;
box-sizing:border-box;
padding:0;
*height:13px;
*width:13px
}
.checkbox{
margin:.2em 0
}
.checkbox label{
padding-left:5px;
overflow:hidden;
display:table;
*zoom:1
}
button,input{
line-height:normal
}
button,select{
text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
cursor:pointer;
-webkit-appearance:button;
cursor:pointer;
*overflow:visible
}
button[disabled],html input[disabled]{
cursor:default
}
input[type="search"]{
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
-webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
border:0;
padding:0
}
textarea{
overflow:auto;
vertical-align:top;
resize:none
}
.button{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:0;
padding:1em 3em;
color:#333;
text-decoration:none;
text-align:center
}
.orange-button{
background-color:#fee9cc
}
.orange-button:hover{
background-color:#ffe0b5;
-webkit-tap-highlight-color:#fdeed8
}
.orange-button:active{
background-color:#fdeed8
}
.button[disabled],.button.disabled{
color:#999;
background-color:#f1f1f1
}
.no-style-button{
font-size:13px;
font-size:0.8125rem;
color:#f30;
text-decoration:underline;
border:0;
background:transparent;
height:auto;
padding:0;
cursor:pointer;
outline:0
}
.no-style-button:hover{
text-decoration:none
}
.no-style-button[disabled],.no-style-button.disabled{
text-decoration:none;
color:#999
}
.section{
position:relative
}
.row{
margin:auto;
display: table;
}
.row-one{
margin:1em 0
}
.row-two{
margin:2em 0
}
.row-three{
margin:3em 0
}
.center,.container,.container-full{
margin-left:auto;
margin-right:auto;
height:100vh;
}
.container{
max-width:800;
max-height:600px;
padding-left:10px;
padding-right:10px
}
.container-full{
max-width:980px
}
.col{
margin-left:2%;
float:left
}
.col:first-child{
margin-left:0
}
.one{
width:6.5%;
*width:expression(Math.floor(0.065 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
}
.two{
width:15%;
*width:expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
}
.three,.quarter{
width:23.5%;
*width:expression(Math.floor(0.235 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
}
.four,.one-third{
width:32%;
*width:expression(Math.floor(0.32 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
}
.five{
width:40.5%;
*width:expression(Math.floor(0.405 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
}
.six,.half{
width:49.0%;
*width:expression(Math.floor(0.49 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
}
.seven{
width:57.5%;
*width:expression(Math.floor(0.575 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
}
.eight{
width:66%;
*width:expression(Math.floor(0.66 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
}
.nine{
width:74.5%;
*width:expression(Math.floor(0.745 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
}
.ten{
width:83%;
*width:expression(Math.floor(0.83 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
}
.eleven{
width:91.5%;
*width:expression(Math.floor(0.915 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
}
.twelve{
width:100%
}
@media only screen and (min-width: 740px) and (max-width: 999px){
.container,.tablet-container{
width:720px;
padding-left:10px;
padding-right:10px
}
.tablet-one{
width:6.5%
}
.tablet-two{
width:15%
}
.tablet-three{
width:23.5%
}
.tablet-four{
width:32%
}
.tablet-five{
width:40.5%
}
.tablet-six{
width:49.0%
}
.tablet-seven{
width:57.5%
}
.tablet-eight{
width:66%
}
.tablet-nine{
width:74.5%
}
.tablet-ten{
width:83%
}
.tablet-eleven{
width:91.5%
}
.tablet-twelve{
width:100%
}
.tablet-full{
clear:both;
float:none;
width:100%;
margin:10px 0 0 0;
display:block
}
.tablet-full:first-child{
margin-top:0
}
.tablet-center{
margin-left:auto;
margin-right:auto;
float:none
}
.tablet-left{
float:left
}
.tablet-right{
float:right
}
.tablet-no-float{
float:none
}
.tablet-center:first-child{
margin-left:auto
}
.tablet-center-text{
text-align:center
}
.no-tablet{
display:none
}
.show-tablet{
display:block
}

}
@media only screen and (max-width: 739px){
.mobile-one{
width:6.5%
}
.mobile-two{
width:15%
}
.mobile-three{
width:23.5%
}
.mobile-four{
width:32%
}
.mobile-five{
width:40.5%
}
.mobile-six{
width:49.0%
}
.mobile-seven{
width:57.5%
}
.mobile-eight{
width:66%
}
.mobile-nine{
width:74.5%
}
.mobile-ten{
width:83%
}
.mobile-eleven{
width:91.5%
}
.mobile-twelve{
width:100%
}
.mobile-full{
clear:both;
float:none;
/*
width:100%;
margin:10px 0 0 0;
display:block
*/
}
.mobile-full:first-child{
margin-top:0
}
.mobile-center{
margin-left:auto;
margin-right:auto;
float:none
}
.mobile-center:first-child{
margin-left:auto
}
.mobile-center-text{
text-align:center
}
.mobile-left{
float:left
}
.mobile-right{
float:right
}
.mobile-no-float{
float:none
}
.container,.mobile-container{
padding-left:20px;
padding-right:20px
}
table th,table td{
padding:4px
}
.no-mobile{
display:none
}
.show-mobile{
display:block
}
.kockice {
    position: inherit;
}
}
.glyph-large{
font-size:1.4em
}
.show-mobile{
    display:none;
}