/* 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;} 
.waves-effect {
    display: block !important;}
    
/* contact box top*/
.service {font-size:1.4em;}
.nav li a {text-transform: uppercase;font-size:1 em !important;  }
nav ul li:hover:not(.dropdown-content) {background:rgba(f, f, f, 0.1) !important;}
nav ul li a:hover {color:#FFF200 !important;}
.activemenu {border-bottom: 2px #FFDE00 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 8px;}
.parallax-container {height: 600px;z-index:2;}

        
h1 {font-size: 2.5rem !important; margin-top:0px;}
h1:last-word {color: #FF6F00 !important;}
h1::first-word {
  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:#1A237E; text-decoration:underline;text-transform: uppercase; }
address {font-size:1.2rem; font-style:normal;}
/*menu*/

.side-nav a{color:white;}
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: #2c4194; /* Old browsers */
background: -moz-linear-gradient(left, #2c4194 1%, #2989d8 100%, #7db9e8 100%, #2989d8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #2c4194 1%,#2989d8 100%,#7db9e8 100%,#2989d8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #2c4194 1%,#2989d8 100%,#7db9e8 100%,#2989d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c4194', endColorstr='#2989d8',GradientType=1 ); /* IE6-9 */}



.foldtr {
  position: relative;
  -webkit-box-shadow: -5px 7px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: -5px 7px 5px rgba(0,0,0,0.3);
  box-shadow: -5px 7px 5px rgba(0,0,0,0.3);
}

.foldtr:before {
  content: "";
  position: absolute;
  top: 0%;
  right: 0%;
  width: 0px;
  height: 0px;
  border-bottom: 70px solid #eee;
  border-right: 70px solid transparent;
  -webkit-box-shadow: -7px 7px 7px rgba(0,0,0,0.3);
  -moz-box-shadow: -7px 7px 7px rgba(0,0,0,0.3);
  box-shadow: -7px 7px 7px rgba(0,0,0,0.3);
}
.foldtr:after {
  content: "";
  position: absolute;
  top: 0%;
  right: 0%;
  width: 0px;
  height: 0px;
  border-top: 69px solid #eee; 
  border-left: 69px solid transparent;
  background: url(/images/body.jpg) 0 0 repeat; background-color:#EBECED;

}
.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: #FFD740;}

.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 #FFDE00;    margin: 0 auto 10px;    width: 150px;}
.carkaleft { border-top: 3px solid #FFDE00;    margin: 0 10px;    width: 150px;} 

main {background: url(/images/body.jpg) 0 0 repeat; background-color:#EBECED; padding-top:30px;}

/* lists in main*/
main ul { padding-left:20px; list-style:none; }
main ul li:not(.indicator-item):not(.nolist):before { display: inline-block; margin-left: -1.3em; width: 1.3em; color: #1A237E; font-family: 'FontAwesome'; content: '\f013';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%;}
.footerimg {background-position: center center; background-size: cover;background-image: url('/images/provoz1.jpg'); height:350px;}



/* 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;}
}