@media only screen and (min-width: 767px) {
#iskalnik .col-sm-5 .form-group,
#iskalnik .col-sm-2 .form-group {
    padding-right: 15px;
}

#iskalnik .col-sm-5,
#iskalnik .col-sm-2  {    padding-left: 0;    padding-right: 0;}
#iskalnik .col-sm-3:first-child {
    padding-left: 0 !important;
} 

}



  
#iskalnik select,
#iskalnik input[type="text"] {      font-family: Source Sans Pro;    height: 45px;    padding: 0 15px;

    border: 1px solid  !important;
    -webkit-transition: background 0.4s 0.5s;
    transition: background 0.4s 0.5s;     color: #858585 !important;
}  

#iskalnik select:hover,
#iskalnik input[type="text"]:hover {border-radius: 0px !important;background: transparent !important;border: 1px solid #ef4030 !important;}

#iskalnik input[type="submit"] {
    width: 100%;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'maven-pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    padding: 10px 0px;
} 


.iskalnik .form-control { -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
    background: transparent !important;    
}

#iskalnik select {

  /* styling */
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}



#iskalnik select.minimal {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc) !important;
    background-position: calc(100% - 20px) calc(1em + 3px), calc(100% - 15px) calc(1em + 3px), calc(100% - 2.5em) 0.7em !important;
    background-size: 5px 5px, 5px 5px, 1px 1.5em !important;
    background-repeat: no-repeat !important;
        background-color: #ffffff !important;
}

#iskalnik select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}