#porukasendera{
     width:100%;
     text-align:center;
     font-size:20px;
     color:black;
     padding:20px;
     clear:both;
     display:block;
     margin-top: 100px;
}
 .porukasenderaerror{
     color:red !important;
}
 .form-control:focus {
     border-color: rgb(237, 26, 60);
     -webkit-box-shadow: none;
     box-shadow: none;
     outline: none;
}
 .form-control{
     min-width: 100%;
     max-width: 100%;
}
 textarea.form-control{
     padding-top:10px !important;
}
 .form-group{
     clear:both;
}
 .carousel-control{
     opacity:0.99;
}
 .carousel-control:hover{
     opacity:0.8;
}
 .infoBtn {
     padding: 0px;
     font-size: 20px;
     float: left;
     height: 50px;
     left: 50%;
     margin-left: -140px;
     clear: both;
     display: block;
     width: 280px;
     margin-top: 40px;
     position: relative;
     text-align: center;
     cursor: pointer;
     display: block;
}
 .infoBtn span {
     border: 2px solid #333;
     margin-top: 0px;
     padding: 10px;
     display:block;
}
 .infoBtn:hover span {
     background-color: rgb(237, 26, 60);
     transition: 0.3s;
     border-color: rgb(237, 26, 60);
     color: white;
}
 #upitnik {
     clear: both;
     width: 100%;
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
     padding-top: 100px;
     padding: 20px;
}
 .form-control {
     padding: 0 !important;
     height: 45px;
     padding-left: 10px !important;
     font-size: 18px;
     border-radius: 0 !important;
     border: 2px solid rgb(123, 123, 123);
     background-color: white;
}
 select {
     padding: 0px !important;
     padding-left: 10px !important;
     font-size: 18px;
     border-radius: 0 !important;
     border: none !important;
     height: 40px !important;
     background-color: white;
     background:url(data:image/svg+xml;
    base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50% !important;
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
}
 select:focus {
     background-color: transparent !important;
}
 .selecterBorder {
     border: 2px solid rgb(123, 123, 123);
     border-radius: 0 !important;
     display: block;
     background-color: white;
}
 .selecterBorder:focus {
     background-color: white;
}
 .senderinfo {
     float: right;
     background-color: transparent;
     color: #555;
     border:2px solid rgb(123, 123, 123) !important;
     border-radius: 0;
     border: none;
     width: 100%;
     padding: 10px;
     font-size: 18px;
     margin-top: 10px;
}
 .senderinfo:hover {
     background-color: rgb(237, 26, 60);
     border-color: rgb(237, 26, 60) !important;
     color:white;
     transition: 0.3s;
}
 .dropdown dd, .dropdown dt {
     margin: 0px;
     padding: 0px;
     font-size: 18px;
     font-weight: 100;
     padding-top: 0px;
}
 .dropdown ul {
     margin: -1px 0 0 0;
}
 .dropdown dd {
     position: relative;
}
 .dropdown a, .dropdown a:visited {
     color: #fff;
     text-decoration: none;
     outline: none;
}
 .dropdown dt a {
     background-color: transparent;
     display: block;
     padding: 0;
     min-height: 0;
     line-height: 0;
     height:0;
     overflow: hidden;
     border: 0;
     width: 100%;
     color: #555;
}
 .dropdown dt a span, .multiSel span {
     cursor: pointer;
     display: inline-block;
     padding: 0 3px 0px 0;
}
 .mutliSelect h3{
     clear:both;
     padding-top:30px;
     padding-left: 35px;
}
 .mutliSelect h3:first-child{
     clear:both;
     padding-top:0px;
}
 .dropdown dt a span {
     margin-top: 3px;
     font-weight: 400;
}
 .dropdown dd ul {
     background-color: white;
     border: 0;
     color: rgb(123, 123, 123);
     display: block;
     left: 0px;
     position: relative;
     top: 2px;
     width: 100%;
     list-style: none;
     height: auto;
     overflow: auto;
     padding: 20px;
     border: 2px solid rgb(123, 123, 123);
     padding-top:0;
}
 .dropdown span.value {
     display: none;
}
 .dropdown dd ul li a {
     padding: 5px;
     display: block;
}
 .dropdown dd ul li a:hover {
     background-color: #fff;
}
 button {
     background-color: #6BBE92;
     width: 302px;
     border: 0;
     padding: 10px 0;
     margin: 5px 0;
     text-align: center;
     color: #fff;
     font-weight: bold;
}
 .roundedOne {
     width: 26px;
     height: 26px;
     position: relative;
     margin: 0px auto;
     background: transparent;
     border:2px solid rgb(123,123,123);
     border-radius: 50px;
     box-shadow:none;
     float: left;
     clear: both;
     margin-top: 10px;
}
 .roundedOne label {
     width: 16px;
     height: 16px;
     cursor: pointer;
     position: absolute;
     left: 3px;
     top: 3px;
     background:transparent;
     border-radius: 50px;
     box-shadow: none;
}
 .roundedOne label:after {
     content: '';
     width: 16px;
     height: 16px;
     position: absolute;
     top: 0px;
     left: 0px;
     background-color: transparent;
     border-radius: 50px;
     background-size: 100% 100%;
     background-image: url(../img/checked.png);
     opacity: 0;
     border-radius: 50px;
     box-shadow: none;
}
 .roundedOne label:hover::after {
     opacity: 0.2;
}
 .roundedOne input[type=checkbox] {
     visibility: hidden;
}
 .roundedOne input[type=checkbox]:checked + label:after {
     opacity: 1;
}
 .roundedOne input[type=radio] {
     visibility: hidden;
}
 .roundedOne input[type=radio]:checked + label:after {
     opacity: 1;
}
 .actualListTitle {
     float: left;
     padding-left: 10px;
     width: 90%;
     margin-top: 10px;
}
 .infoTitle {
     color: red;
     text-align: center;
     font-weight: bold;
     padding-top: 80px;
     padding-bottom: 40px;
}
 .actualListTitle{
     font-size: 18px;
}
 .infoTitleModal {
     color: red;
     text-align: center;
     font-weight: bold;
     padding-top: 0px;
     padding-bottom: 20px;
}
 .modal-content{
     padding-bottom:150px;
}
 #whereAre{
     color:rgb(123,123,123);
     font-size:22px;
}
 #novosti {
     width: 100%;
     max-width: 960px;
     display: block;
     margin-left: auto;
     margin-right: auto;
     position: absolute;
     margin-top: -50px;
     left: 50%;
     margin-left: -480px;
     font-family: 'Work Sans', sans-serif;
}
 #novosti .item {
     height: 450px;
}
 .newsTitle{
     position:absolute;
     top:0;
     text-align:center;
     z-index:9;
     width:100%;
     color:white;
     font-weight:bold;
     color:white;
     font-size:26px;
}
 .item img {
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     transition: 0.5s;
     width:100%;
}
 #novosti:hover img {
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     transition: 0.5s;
}
 .captionInner{
     background-color: red;
     height:255px;
     overflow-y:hidden;
     padding-top:0;
     padding-bottom:0;
     margin-top: 0;
     mix-blend-mode: multiply;
     position: absolute;
     width:80%;
     bottom:125px;
     left:10%;
}
 .carousel-caption{
     background-color: rgba(0,0,0,0);
     height:100%;
     padding:30px;
     position: absolute;
     height:255px;
     overflow-y:scroll;
     width:80%;
     bottom:125px;
     left:10%;
}
 .carousel-indicators{
     bottom:0;
}
 .carousel-caption h3{
     margin:0;
     font-size:18px;
     font-weight: bold;
     text-transform: uppercase;
}
 .carousel-caption p{
     text-align:left;
     margin-top: 20px;
     font-size: 16px;
}
 .newsbtn{
     padding:10px;
     text-align:center;
     background-color: transparent;
     color:#333 !important;
     border:2px solid rgba(255,255,255,0.8);
     bottom:50px;
     position: absolute;
     width:120px;
     left:50%;
     margin-left: -60px;
     background-color: rgba(255,255,255,0.8);
     font-weight: bold;
}
 .newsbtn:hover{
     background-color: rgba(255,255,255,1);
     transition: 0.3s;
     border-color:rgba(255,255,255,1);
     cursor: pointer;
}
 .glyphicon-chevron-right:before, .glyphicon-chevron-left:before{
     content: none;
}
 .carousel-control.right, .carousel-control.left{
     background: none;
}
 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
     background-image: url(../img/arrow_right.png);
     background-size: auto 100%;
     background-position: center;
     background-repeat: no-repeat;
}
 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
     background-image: url(../img/arrow_left.png);
     background-size: auto 100%;
     background-position: center;
     background-repeat: no-repeat;
}
 .allthreeHolder{
     max-width:900px !important;
     margin-left:auto;
     margin-right:auto;
     position:relative;
     display:block;
    /*margin-top:470px;
    */
     margin-top: 70px;
}
 .modal-content{
     border-radius:0;
}
 @media only screen and (max-width: 991px) {
     .allthreeHolder{
         max-width:900px !important;
         margin-left:auto;
         margin-right:auto;
         position:relative;
         display:block;
         margin-top:50px;
    }
     #novosti {
         width: 100%;
         display: block;
         margin-left: auto;
         margin-right: auto;
         position: relative;
         margin-top: 0px;
         left: 0%;
         margin-left: 0px;
         font-family: 'Work Sans', sans-serif;
    }
     #novosti .item{
         height:auto;
         padding:0px;
         width:100%;
    }
     .carousel-caption{
         width:100%;
         left:0;
         margin-left:0;
         bottom:0;
         background-color: red;
         position: relative;
         height:auto;
    }
     .captionInner {
         display:none;
    }
     .newsbtn{
         position:relative;
    }
     .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
         background-image: url(../img/arrow_right.png);
         background-size: auto 100%;
         background-position: center;
         background-repeat: no-repeat;
    }
     .carousel-control{
         height:100px;
    }
     .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
         width:100px !important;
         height:80px;
         margin-top:200%;
    }
}