/*Font*/
font-face {
  font-family:sans-serif;
  src: url(webfonts/helveticaneue.ttf);
}

/*Body */
body {
  font-family:sans-serif;
  background-color: #f1f1f1;
  margin: 0.5em 2em;
}
@media only screen and (max-width: 600px) {
  body{margin:0 0;}
}

.modal-body iframe {
width: 100%;
height: auto;
min-height: 640px;
border: none;
}

.modal-body {
    max-height: 1200px!important;
    background:url(/img/loading.gif) center center no-repeat;
  }
/*s1, logo jne*/
.s1 {
  padding: 15px;
  margin: 5px;
}
.s1 img {
  max-width: 100%;
  height: auto;
}
#logo
{border:none;}

.logod img {
  max-width:100%;
  height: auto;
}

.brand1 img{
  transition: 0.1s;
  filter: grayscale(40%);
  opacity: 0.8;
}

.brand1 img:hover{
  filter: grayscale(0%);
  opacity: 1;
}

#all1 img{
  margin: 0px 5px;
  width: 12em;
}

#all2 img{
  margin: 0.5em 0.5em;
  width: 9em;
}
/*A href ilma stiilita*/
.s1 a{
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}

/*Kontakt*/
.kontakt i {
  margin-bottom: 10px;
  color:rgb(114, 156, 219) ;
}
.kontakt {
  font-weight: 600;
  color: rgb(49, 46, 46);
}
.kontakt:hover {
  color:rgb(114, 156, 219) ;
}

/*Valik*/
.valik {
  font-size: 2em;
  font-weight: 500;
  padding: 0.85em;
  text-transform: uppercase;
  color: white;
  background-color:rgb(114, 156, 219) ;
  transition: 0.2s;
}

.valik:hover{
  background-color: white;
  color:rgb(114, 156, 219) ;
}

@media only screen and (max-width: 600px) {
  .valik{font-size:1.2em;}
}


/*Jalus*/
#jalus p {
  margin: 0.25em;
}