html {font-size:85%;}
body {font-family:'Ubuntu', sans-serif;color:#333; background: url(../images/vizual-2.jpg) no-repeat; background-size:cover; }
body#home {background: none;}
p { line-height: 1.4;}
a {color:#fd820e; text-decoration:none;}
a:hover, a:focus {color: #202020; }

h1, h2, h3, h4, h5, h6 {font-family: 'Ubuntu', sans-serif; font-weight: 400;color:#333; text-transform:uppercase; }
h1, h2, .color {color:#ff6600; }
h3, h4, h5 {color:#365058; }

.clear { clear:both;}
.dots { padding-left:0; margin-left:0; }
.dots li {list-style:none; padding: 0 0 0.4rem 1.6rem;  background: url(../images/li.png) no-repeat 0 6px; }

/*CONTENT-----------------------------------------------------*/
section {padding:3rem;background: #FFF; }
section.bg-tran {background: rgba(255,255,255,0.8);}

.breadcrumbs li { font-size:0.9rem;}
.breadcrumbs a { color:#fd820e;}

.button {text-align: left; color: #fd820e; border: 1px solid #fd820e;background:#FFF;}
.button:hover, .button:focus {color: #000; border: 1px solid #000; }
.button span {display: inline-block; margin: 0 0 0 50px;}

.thumbnail.rounded { border-radius: 50%; }

@media screen and (min-width: 39.9375em) {
	#eq3 { position: relative; }
  .bottom { position: absolute; bottom: 0;}
 }

/*product-row-----------------------------------------------------*/
.product-row {padding:0;background: rgba(235,237,238,0.9);  }
.product-row .column { padding: 0; }
.product-row .row .row {margin-top: 1rem; }
.product-row .p-img1 {background: url(../images/img1.jpg) no-repeat; background-size: cover; }
.product-row .p-img2 {background: url(../images/img2.jpg) no-repeat; background-size: cover; }
.product-row.p-right .column:last-child { padding-left: 0.625rem;padding-right: 0.625rem;}
.product-row.p-left .column:first-child { padding-left: 0.625rem;padding-right: 0.625rem;}
@media screen and (min-width: 64em) {
    .product-row .row .row {  max-width: 37rem; margin:2rem 0; float: right; } 
    .product-row.p-right .row .row { float: none; padding-left:1rem;}
}

/*HOME-----------------------------------------------------*/
#home h1 {margin:0;}
#home h1 span { display: none;}

/*VIZUAL-----------------------------------------------------*/
#vizual { margin: 0; padding:0; background: none;}
#vizual .box { width: 90%;margin:2rem 1rem 5rem; }
#vizual .box h2 {color: #FFF;margin:0; padding: 0.3rem; font-weight: 700; background: rgba(0,0,0,0.2);}
#vizual .box .lead {color: #FFF;margin:0; padding: 0.3rem;background: rgba(255,255,255,0.2);}
@media screen and (min-width: 768px) {
    #vizual { min-height: 480px;  }
    #vizual .box { width: 50%; margin:20% 0 0 1rem;}  
 }

.label.secondary {
    background: #777;
    color: #fefefe;
    padding: 0;
    border: 1px solid #b3b3b3;
}
.vz {padding-top:4rem;}
#suroviny h3 { color:#ff6600;}

/*ABOUT-----------------------------------------------------*/
#kontakt { min-height: 300px; padding-top: 2rem; margin: 0; color:#FFF; background:#ff9900 url(../images/bg-about.jpg) no-repeat top center; background-size:cover; }
#kontakt a { color:#333;}
#kontakt a:hover { color:#ff6600;}
@media screen and (max-width: 39.9375em) {
    #kontakt {  background:#ff9900; background-image: none; } 
 }

/*FOOTER-----------------------------------------------------*/
#footer { color:#cccccc; padding: 2rem 0; background:#365058;}
#footer h4 { color:#fea11b; margin-bottom: 0.9rem;}
#footer dt { font-weight: normal;margin-top: -3px;} 
#footer a { color:#ff6600;} 
#footer a:hover { color:#fea11b;}

/*NAVIGATION-----------------------------------------------------*/
#navigation { padding:0; margin: 0; width:100%; color:#000; background: rgba(255,255,255,0.8); }
.top-bar, .top-bar ul {background: none; padding: 0;}
.top-bar-left { padding:0rem 0.5rem 0rem 1rem;}
.top-bar-right { margin-top: 2rem; font-size: 110%;}
.top-bar .menu a { color:#403e3d; text-decoration: none; text-transform: uppercase;}
.top-bar .menu a:hover { color:#403e3d; background: #FFF;}
.top-bar .menu .lang a { color:#ff6600; font-size: 90%;w}
.top-bar .menu .menu a, .top-bar .menu .menu2 a { color:#403e3d; }
.top-bar .menu .menu a:hover, .top-bar .menu .menu2 a:hover { color:#fd820e; }

.title-bar {
  background: none;
  text-align: left;
  width: 100%;
  padding: 1rem 0;  
}
.title-bar .menu-icon {
    font-size: 1.35rem; 
    margin-left: 1rem;   
    color:#403e3d; 
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    left: 0;
    right: 100%;
    background: #FFF;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent;
 border-top-style: solid;
  border-bottom-width: 0;
  right: 5px;
  margin-top: -2px; }
.menu .menu { padding: 20px 0 20px 15px; list-style-type: none; margin: 0;}
.is-dropdown-submenu {
    min-width: 250px;
    border: none;
    background:#FFF;
}
@media screen and (max-width: 50em) {
    .top-bar-right { margin-top:1rem; }
 }
@media screen and (max-width: 39.9375em) {
    #navigation { padding:1rem 0 0;}
    .top-bar {padding:0;}
    .top-bar-right { margin-top:1rem;}
    .top-bar-right ul { padding:0; }
    .top-bar-right .menu > li { display: block; float:none; }
    .top-bar-right .menu > li > a {padding: 0.6rem 2rem 0.6rem 1rem; border-bottom: 1px solid silver; border-right: none; }
    .menu-text {text-align: center; padding: 0;}
    .top-bar-left, .top-bar {float:none;}    
 }