@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&subset=latin-ext');
h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
body { font-family: 'Montserrat', sans-serif; font-size: 14px;
background-color: #f1f1f1;
}

.modal-open { position: fixed; }

a { text-shadow: none;}
.title { text-align: centeR; font-size: 40px; color: white; }
.narocilo-mobile .title { font-size: 30px; color: white; }
.ta-c {text-align:  center!important; }
.ta-r { text-align: right!important;}
.frame { text-align: center!important;}

.btn-dsb { background-color: DeepSkyBlue; }
.btn-dsb:hover { background-color: LightSkyBlue; }

.dsb { color: DeepSkyBlue; cursor: pointer; }

.mud { margin-top: 150px; margin-bottom: 150px; height: auto;}
.pud { padding-top: 150px; padding-bottom: 150px; height: auto;}

.horizontal-top-nav { float: right; }
ul.horizontal-top-nav li { padding: 30px; }
ul.horizontal-top-nav li a { color: #1b1b1b; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 500;}
ul.horizontal-top-nav li a:visited { color: #1b1b1b; }
ul.horizontal-top-nav li a:hover { color: DeepSkyBlue; text-decoration: none;}

.mobile-menu ul { list-style: none; width:100%; padding: 0px; font-size: 24px; margin: 0px;}
.mobile-menu { text-align: center; background-color: #1b1b1b; display: none; width: 100%; }
.mobile-menu ul li {padding: 10px 20px; border-bottom: 1px solid #ccc; width:100%; }
.mobile-menu ul li a { width: 100%; color: #ccc; }
.mobile-menu ul li a:hover { text-decoration: none; }
.mobile-menu ul li a:visited { color: #ccc; }
.mobile-menu ul li:first-chxild { padding-top: 25px;}
.mobile-menu ul li:last-child { border-bottom: none;}
.nav-trigger { font-size: 36px; }
.imageGalleryMobile img { margin: 0px!important; padding: 0px;}

.clearfix { clear: both; }

.svgimg {
  background-size: 100px 100px; color: orange; padding:15px;
  min-height: 100px;
  min-width: 100px;
  z-index: 2;
  background-position: center top;
  margin-bottom: 10px;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
.svgimg:hover { opacity: 0.4; }
.blinds { background-image: url('../img/blinds.png'); background-size: contain; background-repeat: no-repeat; z-index: 1; opacity: 0.15; }
.pvt { background-image: url('../img/eye.png'); background-size: contain; background-repeat: no-repeat; z-index: 1; opacity: 0.15; }
.bb { background-image: url('../img/billboard.png'); background-size: contain; background-repeat: no-repeat; z-index: 1; opacity: 0.15; }
.pp { background-image: url('../img/projector.png'); background-size: contain; background-repeat: no-repeat; z-index: 1; opacity: 0.15; }
.heat { background-image: url('../img/heat.png'); background-size: contain; background-repeat: no-repeat; z-index: 1; opacity: 0.15; }
.uv { background-image: url('../img/uv.png'); background-size: contain; background-repeat: no-repeat; z-index: 1; opacity: 0.15; }


.vgradnja { font-size: 16px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); }
.faq-ico { display: inline-block;clear:both; font-size: 22px; line-height: 30px; height: auto; width: 100%; padding-left: 30px; cursor: pointer; margin-bottom: 5px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);}
.faq-ico div { margin-bottom: 5px; }
.faq-ico:hover p { color: DeepSkyBlue; }
.faq-ico:hover .ico { color: DeepSkyBlue; }
.faq-ico .ico { padding-right: 20px; line-height: 20px; float:left; }
.faq-ico p { float:lef; }
.faq-ans { displaY: none; padding-left: 120px; padding-top: 10px; padding-bottom: 10px;  background-color: #ccc; margin-bottom: 20px;  border: 1px dashed DeepSkyBlue; font-size: 17px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);}

.faq-mob .faq-ico { padding-left: 0px!important; }
.faq-mob .faq-ans{ padding-left: 10px!important; }
.solar {
  background-color: orange;
  -webkit-mask-image: url('../img/new/002-solar-energy.svg');
  mask-image: url('../img/new/002-solar-energy.svg');
  mask-size: 80px 80px;
  -webkit-mask-size: 80px 80px;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  width: 100px; height: 100px; color: orange; border: 2px solid orange; padding:15px;
}
.gas {
  background-color: orange;
  -webkit-mask-image: url('../img/new/001-barbecue.svg');
  mask-image: url('../img/new/001-barbecue.svg');
  mask-size: 70px 70px;
  -webkit-mask-size: 70px 70px;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  width: 100px; height: 100px; color: orange; border: 2px solid orange; padding:15px;
}
span.orange { color: DeepSkyBlue; }
.homepageslider { max-height: 80vh; overflow: hidden; }
.carousel-item img { height: 100%; }
.carousel-item { overflow: hidden;}


.footer { color: white; text-shadow: none!important; width: 100%;}

.uploads img { display: inline-block!important; max-height: 200px; width: auto; max-width: 100%; margin-right: 30px;  text-align: center;}
.uploads img:hover {
  -webkit-box-shadow: 0px 0px 60px 0px rgba(255,255,255,0.6);
  -moz-box-shadow: 0px 0px 60px 0px rgba(255,255,255,0.6);
  box-shadow: 0px 0px 60px 0px rgba(255,255,255,0.6);
 }
.uploads .carousel-item { text-align: center; }

.tab-pane { text-align: left; padding: 50px 10px; line-height: 26px; font-size: 18px; font-weight: 300;}
.nav-item a { color: black; }
.nav-item a:hover { color: orange; }
.nav-link.active { background-color: orange!important; }
.navbar {
  -webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.75);
}

.boxshadow {
  -webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.6);
  box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.6);
}
.float-eu {
  opacity: 0.5;
  width: 80px;
  height: 40px;
  background-color: blue;
  position: fixed;
  right: 0px;
  bottom: 0px;
  transition: 0.5s all;
}