/* Custom Stylesheet */

/*maincolor #1a237e*/

[id|=e]:hover {border-style: solid !important; border-color: red !important; border=2 !important; }
.modal.bottom-sheet {max-height:90% !important;} 

/* contact box top*/
.service {font-size:1.4em;}
.nav li a {text-transform: uppercase;font-size:1 em !important; color:#267089; }
nav ul li:hover:not(.dropdown-content) {background:rgba(f, f, f, 0.1) !important;}
nav ul li a:hover {color:#267089 !important;}
.activemenu {border-bottom: 2px #267089 solid;}
.mobiledemo{background-color:none !important;}
/* homepage*/
#hero { background-position: center center; background-size: cover;background-image: url(/images/hero.png);}
#hero1 { background-position: center center; background-size: cover;background-image: url(/images/hero1.png);}
.containerwidth {width:90%;}

i.right {margin-left: 5px !important;}
nav ul a {padding:0 15px;}
.parallax-container {height: 600px;z-index:2;}

        
h1 {font-size: 2.5rem !important; margin-top:0px;text-align:center;}
h1::first-word {
  color:#000000 !important;
  float: left;
  font-size: 300%;
  margin: 0 10px 10px 0;
}
p::first-word { float: left;font-size: 300%; margin: 0 10px 10px 0;}

h2 {font-size: 2rem !important; color:#000;}
h3 {font-size: 1.5rem !important; color:#000; margin: 1rem 0 1rem 0;}
h4 {font-size: 1.3rem !important; color:#000;} 
a {color:#e3001b; text-decoration:underline;text-transform: uppercase; }
address {font-size:1.2rem; font-style:normal;}
/*menu*/

.side-nav {z-index:20000;}
header,.side-nav {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c4194+1,2989d8+100,7db9e8+100,2989d8+100 */
background: white;
}



.btn:hover {transform: skew(-20deg,0);}

nav {background-color:transparent !important;} 
header a {text-decoration:none;}
header .phone {color:black;font-size:150%;}
header .phone {color:white;font-size:150%;}
table.highlight>tbody>tr:hover {background-color: #267089; color:white;}

.contactrow{ font-size: 2.1rem;  white-space: nowrap;margin-bottom:0px !important; background:#3e7bbb; color:white;}
.contactrow a {color:white;}

.dropdown-content li:hover{background:transparent;}
.dropdown-content a {color:white !important; };
/*menu*/

/*parallax with content*/
.parallax-container {  min-height: 380px;  line-height: 0;  height: auto;  color: rgba(255,255,255,.9);}
.parallax-text {background: rgba(255,255,255,.9);  border-radius: 25px; padding:10px;}
@media only screen and (max-width : 992px) { .parallax-container .section {  position: absolute;  top: 40%; } #index-banner .section { top: 10%; } }
@media only screen and (max-width : 600px) { #index-banner .section {   top: 0; }}
/*parallax with content*/

/*
.carka {    border-top: 3px solid #E3001B;    margin: 0 auto 10px;    width: 150px;}
.carkaleft { border-top: 3px solid #E3001B;    margin: 0 10px;    width: 150px;} 
*/
main {padding-top:30px;}

/* lists in main*/
main ul { padding-left:20px; list-style:none; }
main ul li:not(.indicator-item):not(.sy-pager):not(.sy-active):not(.sy-next):not(.sy-prev):not(.nolist):before { display: inline-block; margin-left: -1.3em; width: 1.3em; color: #e3001b; font-family: 'FontAwesome'; content: '\f041';font-size:120%;}
main ol { list-style: none; padding-left:20px; counter-reset: li;}
main ol li::before {display: inline-block; margin-left: -1.3em; width: 1.3em; content: counter(li);color: red; color: #1A237E; counter-increment: li; font-size:120%;}
.nolist{list-style-type:none;}

/*footer*/
footer {margin-top:-30px;}
footer.page-footer {  margin: 0;}
footer .phone{text-decoration:none; color:black;}
#map { height: 360px; width: 100%;}

.slider .slides {background-color:white;}

/* subcategories*/
.nahledkategorie{height:210px;}
.nahledkategorie img{height:150px; margin-top:10px;}
.card-title {   font-size:1rem !important;height: 4rem !important; line-height:2rem; overflow: hidden;}

/* form*/
textarea {background: #fdf9dc url('/images/textarea.png')!important;font-size:1.3rem !important; line-height:28px !important; padding:6px 0 0 16px !important; min-height:100px !important;}
input {font-size:1.3rem !important; line-height:28px !important;}
   .input-field label {color: #1A237E; font-size:1.1rem !important;  }
   .input-field input[type]:focus + label { color: #1A237E;  }
   .input-field input[type]:focus {border-bottom: 1px solid #1A237E; box-shadow: 0 1px 0 0 #1A237E; }
   .input-field textarea[class=materialize-textarea]:focus + label {color: #1A237E;}
   .input-field textarea[class=materialize-textarea]:focus {border-bottom: 1px solid #1A237E;box-shadow: 0 1px 0 0 #1A237E;}
   .input-field .prefix.active {  color: #1A237E;  }

   /*kontakty*/
    .google-maps {
        position: relative;
        padding-bottom: 30%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
    
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
header .responsive-img {max-width:250px;}
}

@media only print  { /* tisk*/
nav,header, footer{display:none !important;}
.section,.btn, button,input,label,.btn-large,.section  {display:none;}

img {max-width:50%;max-height:30%;}
#share li {display:none;}
h1,h2,h3,h4,h5 {font-size:1.5em;}
}