.omot {
    box-shadow:inset 18px 28px 225px 44px rgba(255,255,255,1);
}
#pos {
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;

}
#pos1 {
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
-ms-display: flex;

}
#pos3 {
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
-ms-display: flex;

}
.jus {
  text-align:justify;}
/*section {
  margin-top:300px;
}

@media (max-width:768px) {
 section {
   margin-top:70px!important;
 }
}*/
@media  (max-width:768px){
  .marg {
    margin-left: 20px;
    margin-right: 20px;
  }
  .margina {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media  (min-width:769px) and (max-width:1195px){
  .marg {
    margin-left:-20px;
    margin-right: -20px;

  }
  .margina {
    margin-left: 130px;
    margin-right: 130spx;

  }
}

.flexbox {
  display: flex;
  -webkit-display: flex;
 -moz-display: flex;
 -ms--display: flex;
  justify-content: center;
  flex-direction: row;
}
.flex2 {
 display:flex;
 -webkit-display: flex;
-moz-display: flex;
-ms--display: flex;
 flex-direction: column;
}
.flex3 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media  (min-width:1195px) and (max-width:1400px){
  .marg {
    margin-left: -200px;
    margin-right: -00px;
    background: #f2f1f1;
  }
  .margina {
    margin-left: 210px;
    margin-right: 210px;
    background: #f2f1f1;
  }
}
.upp{
text-transform: uppercase;
}
@media  (min-width:1401px) {
  .marg {
    margin-left: -150px;
    margin-right: -150px;

  }
  .margina {
    margin-left: 220px;
    margin-right: 220px;
  }
  .margina2 {
    margin-left: 190px;
    margin-right: 190px;
  }
}
.levamargina {
  margin-left: 25px;
}

.gray {
    background: #f2f1f1;
    margin-top: -17px;
    height:40%;
}

.white {
    border:5px solid #f2f1f1;
}

/*.fix {
  width:100%;
  position:fixed;
  top:0px;
  z-index: 200;
}*/

.mini-box {
  box-shadow: 2px 6px 80px 29px rgba(242,241,241,1);
}
.mar {
  margin-right:20px;
}
.pink {
  color:#c2445e;
  font-weight:700;
  text-decoration: none;
}

a:hover {
  text-decoration: none!important;
}

.rel {
  position: relative;
}

.ukupno {
  width:100%;
}

/*@media screen and (min-width:768px) {
.trecina {
  width:32% !important;
  display: inline-block;
  float:left;
}
}

@media screen and (max-width:767px) {
.trecina {
  width:100%;
  display: block;
}
}*/

.abs1 {
  position: absolute;
  top: 50px;
  left: 50px;
  max-width: 400px;
}

@media (max-width:1118px) {
  .abs1 {
max-width: 900px;
  }
}

.nomargin {
    margin:0px !important;
    padding:0px !important;
}

ul {
  margin: 0;
}
ul.dashed {
  list-style-type: none;
}
ul.dashed > li {
  text-indent: -5px;
}
ul.dashed > li:before {
  content: "-";
  text-indent: -5px;
}
.dashed {
  text-align: left;
}
.min800 {
  height:800px;
}
.min300 {
  height:300px;
}