/*
Theme Name: Vodafix s.r.o.
Author URI: http://mevia.cz
Author: Jakub Novák
*/



/* layout
------------------------------------------- */
html, body { font-family: 'Montserrat', sans-serif; !important;  }



/* HEADER */
header {height: 100px; background: whitesmoke; width: 100%;  }

.logo {float: left; width: 20%; backgrou nd: red; margin: 0 0 0 50px;  }
.logo a img {margin: 0px 0 0 30px; width: 270px; float:left; }

.lang {color: #1d71b8; float: left; width: 200px; text-weight: 700; margin: 30px 50px 0 30px; padding: 5px; bac kground: yellow;   }
.phone img {margin: 0 0 0 15px; }



.nabidka {margin: 25px 0 0 0px; float: left; width: 800px; backgrou nd: pink;   }
.nabidka ul.menu {bottom: 0; left: 0;  height: 50px; margin: 0; padding: 0; list-style: none; center 2px no-repeat; }
.nabidka ul.menu li {float: left; position: relative; height: 50px; margin: 0; padding: 0 5px;  }
.nabidka ul.menu>li>a {float: left; position: relative; z-index: 2; height: 50px; padding: 0 10px; line-height: 50px; font-weight: 600; text-decoration: none; font-size: 16px; color: black; text-transform: uppercase;  }
.nabidka ul.menu>li>span a {float: left; height: 50px; padding: 0px; }
.nabidka ul.menu>li>a span span {float: left; height: 50px; padding: 0 20px 0px 20px; color: black; }
.nabidka ul.menu>li>a:hover, .header ul.menu>li:hover>a, .header ul.menu>li.current_page_item>a, .header ul.menu>li.current-menu-item>a {height: 50px;}
.nabidka ul.menu>li>span a:hover, .header ul.menu>li:hover>span a, .header ul.menu>li.current_page_item>span a, .header ul.menu>li.current-menu-item>span a {height: 44px; color: black; border-bottom: 2px solid red;  }
.nabidka ul.menu>li>a:hover span span, .header ul.menu>li:hover>a span span, .header ul.menu>li.current_page_item>a span span, .header ul.menu>li.current-menu-item>a span span {height: 50px; background: silver; color: black; }
.nabidka ul.menu>li>a:hover {color: black; border-bottom: 2px solid red;   }


.nabidka ul.menu li ul {display: none; position: absolute; left:0; top: 50px; z-index: 1; list-style: none; width: 300px; margin: 0; padding: 0; border: 1px solid #d8d8d8; border-top:none; background: white;}
.nabidka ul.menu>li:hover>ul {display: block;}
.nabidka ul.menu li ul li {float: none; height: auto; padding: 0; margin: 0; background: none; }
.nabidka ul.menu li ul li a {display: block; float: none; height: auto; padding: 5px 15px; border-top: 1px solid #d8d8d8; color: #888; text-decoration: none;}
.nabidka ul.menu li ul li a:hover, .header ul.menu li ul li:hover>a {background: #eee; color: #555; padding: 5px 15px; height: auto;}
.nabidka ul.menu>li>ul>li>ul {display: none; left: 180px; top: 0;}
.nabidka ul.menu>li>ul>li:hover>ul {display: block;}



.vyhledavani {background: whitesmoke; padding: 20px;  }




/* SKLIDER */
.slide {display: none;}
.carousel-caption {color: black !important; text-align: left !important; top: 150px !important; left: 10% !important;  }
.slideinfo {float: left; width: 50%; color: white;  }
.slideinfo h3 {font-size: 60px !important; font-weight: 900; text-transform: uppercase; padding: 0 0 20px 0; color: #023878; }
.slideinfo p {font-size: 18px !important; margin: 0 0 30px 0; line-height: 160%; color: #1d71b8; font-weight:500;    }
.slideinfo a {background: #e2000f; color: white; padding: 15px 50px;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}


.slider {float: left; width: 100%; height: 500px; margin: 0 0 20px 0;   }
.slider img {width: 100%; height: 100%;  }



/* hp-text */

.hp-text {background: #d1ecff; }




.b7 {float: left; background: gray; width: 12%; margin: 0 2% 0 0%;  }
.b7:nth-child(7) {margin: 0 0% 0 0;} 


.produkty {      padding: 50px 0 80px 0; }
.produkty .blok a img {transition: all .2s ease-in-out;}
.produkty .blok:hover a img {transf orm: scale(1.25); }
.produkty .blok a {color: gray; text-align: center; display: block;	}


/* */
.kat {text-align: center; float: left; width: 16.6%; border-left: 1px solid #ddd; height: 270px;  }
.kat:nth-child(6) {border-right: 1px solid #ddd;}
.kat img {width: 90%; margin: 0 5%;  }
.kat a {color: black; font-size: 18px; font-weight: 600; line-height: 140%; text-align: center; } 




/* reference */
.reference {height: 150px; margin-bottom: 30px; bo rder: 1px solid silver ; padding: 20px; background: whitesmoke;    }
.reference h2 {font-size: 19px; }
.reference li{ margin-left: -20px;} 


/* Realizace */

.realizace {background: url(/wp-content/themes/moravastav/pic/realizace.jpg)}
.realizace h2 {text-align: center; padding: 30px 0;  }
.karta {background: white;  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.14); }

/* HP */


.produkty a {backround: #00285c; text-align: center;}
.kat-box {background: white;  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.14); float: left; width: 100%; height: 400px; display: block; transition: .1s ; overflow: hidden; }



.kat-pic { overflow: hidden; width: 100%; dislay: block; transition: 1s  }
.kat-pic img {width: 100%; overflow: hidden; transition: 1s }

.kat-text {color: #1d71b8; text-align: left; font-size: 24px; padding: 0 20px 10px 20px ; font-weight: 700; display: block; width: 100%; text-transform: uppercase;    }
.kat-popis {color: gray; text-align: left; font-size: 16px; padding: 0 20px 0 20px; font-weight: 400; display: block; width: 100%;   }
.kat-box:hover {background: #1d71b8; color: white !important;   }
.kat-box:hover .kat-text {color: white !important;  }
.kat-box:hover .kat-popis {color: white !important;  }
.kat-box:hover .kat-pic img {transform: scale(1.1);  } 

.hp-text .levytext {padding: 80px 70px 80px 0px ; }
.levytext h1 {font-weight: 700; color: #00285c; padding: 0 0 50px 0; }
.levytext p {font-size: 18px; line-height: 160%; margin: 0 0 50px 0;  }
.levytext a {border: 1px solid #00285c; padding: 10px 20px; color: #00285c;  -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; }
.vobrazek {background-image: url(/wp-content/themes/vodafix/pic/sklenice.jpg); background-repeat: no-repeat;  background-position: right center; background-size: 50%; }

* {
  box-sizing: border-box;
}

.headline {
  line-height: 50px;
  colo r: black;
  font-si ze: 20px;
  position: relative;
  position: relative;
}

.headline:after {
  content:' ';
  position: absolute;
  top:100%;
  left:0;
  width: 100px;
  border:2px solid #62b204;
  border-radius:4px;
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
  transform:translateX(0%);

}



/*  nabízíme  */
.nabizime {padding: 50px 0; }
.nabizime h2 {text-align: center; font-weight: 700; font-size: 36px; padding: 50px 0;  }
.nab {padding: 20px 0; vertical-align: middle; }
.nab img {vertical-align:middle;float: left; }
.nab span {margin: 0 0 0 30px; font-size: 18px; vertical-align: middle; float: left; width: 300px; heig ht: 80px;  backgr ound: #06c;
 
  margin-left: 30px;
  margin-right: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);  }



/* BREADCRUMPS */
.bc { backgro und: #d1ecff; border-bottom: 1px solid #acd3ef;}
.breadcrumbs {padding: 15px 0; color: #77aace;  }
.breadcrumbs span {padding: 0 15px;  color: #77aace; }
.breadcrumbs a {text-decoration: underline; color: #77aace;}


/* PAGE */

.top {    margin: 0 0 30px 0;   }
.top h1 {color: #00285c; font-size: 40px; font-weight: 700; margin: 0px; padding: 0px;  }

.clanek p {font-size: 18px; padding: 0 50px 0 0;  }
.clanek h2 {color: #00285c; font-size: 30px; font-weight: 700; padding: 20px 0 10px 0; }
.clanek h3 {color: gray; font-size: 24px; font-weight: 700; padding: 20px 0 10px 0; }
.clanek li {list-style-image: url('/wp-content/themes/kolobezka/li.png'); list-style-position:inside; line-height: 150%; font-size: 18px;   }

.clanek table tr {border-bottom: 1px solid rgb(224,224,224);  }
.clanek table td {padding: 5px;}


.alignleft { float: left; margin: 0 30px 30px 0; }



.blok a img {width: 100%; }
.blok {border: 1px solid #dddddd; margin: 0px; padding: 0px; float: left; width: 100%; dislay: block; background: white;  }
.blok .obrazek {float: left; width: 100%; margin: 0px; padding: 0px; }
.blok .text {float: left; width: 100%; padding: 20px 30px; }
.blok .text h3 {text-transform: uppercase; font-size: 20px; color: black; font-weight: 700; padding: 10px 0 20px 0;   }
.blok .text p {color: gray; font-size: 16px; font-weight: 300;   }
.blok .text a {color: #e2001a; text-decoration: underline; text-align: left; font-size: 14px; font-weight: 700;  }







.pagination {float: left; width: 100%; margin: 50px 0 0 0 ; s}


/* clanek */
.clanek-karta {float: left; width: 48%;  margin: 2% 1%;   }
.clanek-karta .obrazek {float: left; width: 220px;  }
.clanek-karta .obrazek img {width: 100%; height: 100%;  }
.clanek-karta .text {float: left; width: 400px;  margin: 0 0 0 30px;  }
.clanek-karta .text h2 a {font-size: 20px; color: #00285c; font-weight: 600;  }




.side-clanky h2 {font-size: 24px; padding: 10px 0; }
.clanek-nahled {float: left; width: 100%;  margin: 2% 0%;   }
.clanek-nahled .obrazek {float: left; width: 100px;  }
.clanek-nahled .obrazek img {width: 100%; height: 100%;  }
.clanek-nahled .text {float: left; width: 300px;  margin: 0 0 0 20px;   }
.clanek-nahled .text h3 a {font-size: 18px; color: #00285c; font-weight: 700;  }


.page .certifikaty li {font-size: 18px; background: url(/wp-content/themes/vodafix/ol.png) no-repeat left center; padding: 10px 0px 10px 50px;  list-style: none; margin: 0;  list-style-position:outside; line-height: 150%; }


/* Poptávka */

.formular {float: left; width: 100%; padding: 30px; background: whitesmoke; }


.napravo {text-align: right; }
.nalevo {text-align: left; }

.ref img {width: 100%; border: 1px solid whitesmoke; }
.ref p {text-align: center;}


/* Servis techniky */
.formular {background: whitesmoke; padding: 20px; mar gin: 30px 0 0 0;  }


/* OBORY */

.popis {display: block; padding: 20px 0; font-size: 16px;  }

.karta-produkt {float: left; width: 23%; margin: 1%; height: 500px; border: 1px solid whitesmoke; padding: 15px;    }
.karta-produkt .pic {float: left; width: 100%; margin: 0 50px 0 0; }
.karta-produkt .pic img {width: 100%; height: auto;}
.karta-produkt .text {float: left; width: 100%;}
.karta-produkt .text h2 {color: #00285c; font-weight: 700; font-size: 20px;  }
.karta-produkt .text h2 a {color: #00285c;  }
.karta-produkt .text h3 {font-size: 18px; }
.karta-produkt .text p {color: gray; padding: 5px 0 0 0;  }




/* PRODUKT */

.detail .obrazek img {bo rder: 1px solid #e0e0e0; padding: 30px; width: 100%; height: 100%; }

.detail .btn-poptavka {float: left; width: 100%;  margin: 80px 0; }
.detail .btn-poptavka a {color: white; background: #2aa513; padding: 10px 20px; font-weight: 700; font-size: 18px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
	

.detail .perex {float: left; width: 100%;  margin: 20px 0 20px 0; }
.detail .perex p {font-size: 22px; color: gray; }

.detail .body {float: left; width: 100%; backgr ound: yellow; margin-bottom: 30px;  }
.detail .body li {font-size: 18px; padding: 10px 0 ; background: url(/wp-content/themes/vodafix/li.png) no-repeat left center;  padding: 10px 0px 10px 50px; list-style: none;  margin: 0;  list-style-position:inside; line-height: 150%; }

.detail .galerie {float: left; width: 100%; margin: 30px 0 0 0; }
.detail .galerie a img {width: 100px; }

.detail-popis h2 {font-size: 24px; font-weight: 700; padding: 0 0 30px 0; color: #00285c;  }


/* PATA */

footer {background: #001229; color: white; padding: 50px 0; margin: 50px 0 0 0;}
footer h2 { font-size: 20px; font-weight: 700;}
footer a {color: white;}
footer a:hover {color: white; }
footer span {padding: 0 30px; }
footer span img {padding: 0 20px; }
.logo-pata {width: 200px;}


.tiraz {background: #010913; padding: 5px 0;  }
.tiraz p {font-size: 14px; color: gray; padding: 10px 0;  }
.tiraz a {color: gray; }



.mobile-top {display: none; }
img {max-width: 100%; height: auto;}

@media (max-width: 1000px) { 

	

	.logo a img {margin: 25px 0 0 0;    width: 200px;}
	
	.carousel {display: none; }
	.phone, .bc {display: none; }
	
	.mobile-top {display: block; background: url(/wp-content/themes/vodafix/pic/slide.jpg) no-repeat left center; padding: 50px 30px; margin: 0 0 30px 0;  }
	.mobile-top h3 {font-size: 36px !important; font-weight: 700; text-trans form: uppercase; padding: 0 0 20px 0; color: white;   }
	.mobile-topp {font-size: 18px !important; margin: 0 0 30px 0; line-height: 160%;  }
	.mobile-top a {background: #00285c; color: white; padding: 15px 50px;  -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
	
	.produkty {padding: 0px; }
	.vobrazek {background-image: none; }
	.hp-text .levytext {   padding: 80px 30px 80px 30px; }
	
	
	.kat-box {margin: 0 0 30px 0; heig ht: auto; }
	.karta-produkt {width: 100%; }
	
	
	.clanek-karta {width: 100%; }
	.clanek-karta .obrazek {width: 100%; }
	.clanek-karta .text {width: 100%;   margin: 30px 0 40px 0px;  }
	
	.clanek p {padding: 0px; }
	
	.clanek-nahled .obrazek {display: none; }
	.clanek-nahled .text  {margin: 0 0 0 0px;} 
	
	.osoba {padding-bottom: 30px; }
	.telefony {padding-bottom: 30px; }
	
	footer .logo-pata {display: none; }
	footer span {float: left; width: 100%; padding: 0px 0px;  }
	footer span img {display: none; }
	
	.tiraz .napravo {text-align: left; }
	
	
	.nabizime h2 {    font-size: 26px;
    padding: 20px 0;}
	.nab img {width: 50px; margin-left: 30px;  }
	.nab span {width: 200px; }
	
	
	
}




@media (min-width: 1200px) and (max-width: 1399px) { 
.container {width: 1140px !important; backgro und: red; max-width: 1140px !important; }
	
	.nab span {width: 200px; }
	
	
}


@media (min-width: 1400px) { 
.container {width: 1400px !important; max-width: 1400px !important; back ground: green;  }
}