:root{
    --plava:#3051A1;
    --plava:#6B7058;
     --plava:#024486
    /*--plava:#774628;*/
    
    
}
html, body {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}
.f-parent{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between
}

.container.full-width{
    padding: 150px 50px 50px;
    padding:50px
}
.form-search{
    width: 500px;
    border-radius: 10px;
    padding: 20px;
    outline: 1px solid #ffffff70;
    background: ##2d2e2fb0;
}
.form-search.light .row-submit .container-fluid > .inner{
    border-radius: 0px 0px 10px 10px
}
.form-search .row-submit .container-fluid > .inner{
    color: white;
    font-size: 20px;
}
.form-search .btn-submit.btn-theme{
    background-color: var(--plava)!important;
    color: #ffffff;
    border: 1px solid #ffffff70;
    font-size: 12px;
    font-weight: normal;
}
.form-search .btn-submit.btn-theme:hover{
 background-color: black!important;
 cursor: pointer;
 border: 1px solid black;
}
.form-search label{
    color: white;
    font-size: 16px;
    font-weight: lighter;
}
.form-search .form-title:after{
    border-top: 8px solid white;
}
.form-search .form-title{
    background: var(--plava)!important;
    border: 1px solid #ffffff70;
}
.form-search .has-icon .form-control{
    background:#ffffffc4;
    border:2px solid transparent
}
.has-label .form-control-icon{
    top: 31px
}
.form-search .has-icon .form-control:focus{
    border:2px solid white
}
.form-search .form-title h2{
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-weight: lighter;
    text-align: center;
        font-family: 'Raleway', sans-serif;
}
.sub-title{
        text-align: center;
    padding: 70px;
}
.sub-title a{
    background-color: var(--plava)!important;
    color: #ffffff;
    border: 1px solid #ffffff70;
    font-size: 12px;
    font-weight: normal;
}
.sub-title a:hover{
 background: black
}
.h1-title{
        width: 100%;
        
}
.h1-title h1{
    margin: 0px;
    /*background-image: linear-gradient(to bottom, #2515018f, #ffffff00);*/
    color:#3D393A!important;
        color: #dcdcdc!important;
}
.h2-title{
        width: auto;
        margin: 0px;
        width: 60%
}
.form-w{
        width: 40%;
}
#pocetna.container:after{
    
}
.h2-title span{
    font-size: 30px;
    padding: 10px 30px;
    font-weight: bold;
    color: #3D393A!important;
        color: #dcdcdc!important;
    /*text-shadow: none;*/
}


.reklama{
    position: relative;
    width: 550px;
    margin: 0px 0px;
}
.reklama .reklama-item > div{
    margin-top: 184px;
    margin-left: 100px;
}
.reklama .reklama-item > div >div i:first-of-type{
    opacity: 1;
    padding: 20px;
}
.reklama .reklama-item > div > div i:nth-of-type(2){
margin-top: -157px;
    margin-left: 20px;
    font-size: 255px;
    color: var(--plava);
    opacity: 1;
    transform: rotate(
340deg);
}
.reklama .reklama-item > div > div i:nth-of-type(3){
    font-size: 400px;
    margin-top: -434px;
    margin-left: 300px;
    opacity: 0.1;
}
.reklama .reklama-item > div h3{
    font-size: 40px;
    line-height: 1;
    color:white
}
.reklama .reklama-item > div h3 .besplatno{
    text-transform: uppercase;
    font-size: 56px;
    background: white;
    background: #ffffff99;
    color: var(--plava)!important;
    padding: 10px 20px;
    display: block;
    width: max-content;
    /*margin-left: auto;*/
    margin-top: 10px;
    text-shadow:none
}
.reklama .reklama-item > div h3 span:nth-of-type(2){
 font-size:30px;
     color: var(--plava);
     padding-left:0px;
     background:rgba(20, 24, 28, 0.6)
}
.reklama a{
    font-weight:lighter;
    border: 1px solid #ffffff70;
    background: var(--plava)
}
.reklama a:hover{
    border: 1px solid black;
    
}

.limo-servis a{
    color:white;
    text-decoration:underline
}
.limo-servis a:hover{
    color:var(--plava)
}
.limo-slider{
    position: relative;
    width: 100%;
    background: #14181c;
}
.limo-item{
    height: 400px;
    width:550px;
    display: none;
    overflow: hidden;
}
.limo-item img{
    width:100%;
    height:100%;
    object-fit:cover
}

.fadelimo{
    -webkit-animation-name: fadelimo;
    -webkit-animation-duration: 0.2s;
    animation-name: fadelimo;
    animation-duration: 0.2s;
}
@-webkit-keyframes fadelimo{
    from {opacity: 0.5;}
    to {opacity: 1;}
}
@keyframes fadelimo{
    from {opacity: 0.5;}
    to {opacity: 1;}
}
 .hwa-mob{
  display: none;
 }

/*------------------------------
        Media Query
------------------------------*/

@media all and (max-width: 1420px) {

}

@media all and (max-width: 1200px) {
 .hwa-desk{
  display: none;
 }
 .hwa-mob{
  display: block;
 }
 .limo-item{
  width: 300px;
  height: 200px
 }
 .limo-servis > .row{
  flex-wrap: wrap
 }
 .reklama .reklama-item > div h3 .besplatno{
  font-size: 42px;
 }
 .reklama .reklama-item > div h3{
      font-size: 20px;
 }
 .reklama .reklama-item > div{
      margin-top: 50px;
    margin-left: 0;
 }
    
    .form-search .row-submit .container-fluid > .inner{
        padding-bottom: 0px;
        line-height: 40px;
            padding-right: 0px;
    }
    .has-label .form-control-icon{
        top: 25px
    }
    .form-search label{
        font-size: 14px;
            margin-bottom: 0px;
    }
    .sub-title{
        padding: 50px;
    }
    .h2-title span{
        font-size: 19px;
        padding: 10px 20px 30px;
    }
    .h1-title h1{
        font-size: 40px;
        padding: 100px 20px 50px;
        line-height: 1;
    }
    .form-search .row-inputs .container-fluid{
        padding-left: 5px;
        padding-right: 5px;
    }
    .form-search .form-title{
        padding: 10px
    }
    .form-search .form-title h2{
        line-height: 1.3;
        font-size: 14px
    }
    .slider-bg{
        /*background: url('../sl18.jpg') no-repeat center center ;*/
        background: url('../bg-mob.png') no-repeat center center ;
        background-size:cover;
    }
    .container.full-width{
        padding: 10px;
        height: 1340px;
    }
    .h2-title{
        width: 100%;
        margin-bottom: 50px;
    }
    .form-w{
        width: 100%
    }
    .form-search{
        width: 300px;
        margin: 0 auto;
    }
}

@media all and (max-width: 991px) {

}

@media all and (max-width: 768px) {

}

@media all and (max-width: 480px) {

}

@media all and (max-width: 320px) {

}