/* Yellow color: #FDDB00 */ 

/* ----------------------------------------------- */
/* BASIC SETUP */
/* ----------------------------------------------- */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 html, body {
     background-color: #fff;
     color: #000;
     font-family: 'Montserrat', sans-serif;
     font-weight: 300;
     font-size: 20px;
     text-rendering: optimizeLegibility;
     overflow-x: hidden;
     cursor: default;
	 
}
/* scroll bar */
html::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

html::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

html::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #1a1a1a;
}
/*
 section {
     padding: 60px 0;
}
*/
.p-0 {
	padding: 0;
}
 .clearfix {
    zoom: 1;
}
 .clearfix:after {
     content: '.';
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}
 .fullwidth {
     width: 100%;
     margin: 0 auto;
}
 .col-xs-1, .col-md-2, .col-md-3, .col-md-4, .col-md-10, .col-md-12, .col-xs-4, .col-xs-6, .col-xs-8{
     padding: 0;
     margin: 0;
}
 .row-eq-height {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     flex-wrap: wrap;
}
/* ----------------------------------------------- */
/* NAVBAR COMPONENTS */
/* ----------------------------------------------- */
 .navbar-fixed-top {
     min-height: 80px;
     border: 0;
     -webkit-box-shadow: 2px 2px #FDDB00;
     -moz-box-shadow: 2px 2px #FDDB00;
     box-shadow: 2px 2px #FDDB00;
     background-color: #fff;
     z-index: 998;
}
.navbar-default .navbar-nav .camera-icon{
    width: 18px;
    margin-bottom: 5px;

}
.navbar-default .navbar-nav .video-icon{
    width: 15px;
    margin-bottom: 10px;

}
.navbar-default .navbar-nav .dron-icon{
    width: 35px;
    margin-bottom: 5px;
    
    margin-right: 6px;
}
@media (max-width: 414px){
 .navbar-default .navbar-nav .dron-icon{
    width: 28px;
      margin-left: -7px;
    margin-right: 5px;
   

}
}
 .navbar-nav.social-icons {
     margin-left: 40px;
}
 .navbar-nav.social-icons >li > a {
        margin: 0;
     font-size: 17px;
     padding: 0 7px;
}

 .navbar-nav > li > a, .navbar-fixed-top .navbar-header {
     padding-top: 0px;
     padding-bottom: 0px;
     line-height: 80px;
     font-size: 16px;
     font-weight: bold;
}
 .navbar-default .navbar-nav > li > a{
     color: #000;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -ms-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active {
     background-color: #FDDB00;
     color: #000;
}
.navbar-default .navbar-nav.social-icons > li > a:hover{
     background-color: #fff;
     color: #fddb00;
}
 .navbar-fixed-top .navbar-header .navbar-brand img {
     max-height: 60px;
     margin-top: -5px;
}
 .navbar-fixed-top .navbar-header .navbar-toggle{
     margin-top: 13px;
     border: 0;
}
 .navbar-fixed-top .navbar-header .navbar-toggle:hover, .navbar-fixed-top .navbar-header .navbar-toggle:focus{
     background: none;
}
 .navbar-fixed-top .navbar-header .navbar-toggle .icon-bar{
     height: 3px;
     background: #000;
}
 .navbar-fixed-top .navbar-header .navbar-toggle:hover .icon-bar, .navbar-fixed-top .navbar-header .navbar-toggle:focus .icon-bar{
     background: #000;
}

/* ----------------------------------------------- */
/* END OF NAVBAR COMPONENTS */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* IMAGE GRID */
/* ----------------------------------------------- */
#o-nama img {
	-webkit-filter: brightness(.6);
	filter: brightness(.6);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
    opacity: .8;
    width: 100%;
}
#o-nama div {
	overflow: hidden;
}
#o-nama img:hover {
	-webkit-filter: brightness(1);
	filter: brightness(1);
    opacity: 1;
	transform: scale(1.1);
}
#o-nama img.mala { height: 160px; }
#o-nama img.srednja {height: 320px; }
#o-nama img.velika {height: 480px; } 

/* ----------------------------------------------- */
/* END OF IMAGE GRID  */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* SERVICE SECTION */
/* ----------------------------------------------- */
 .service-section {
     background-color: #FDDB00;
/*     margin-top: 130px; UKOLIKO IMA TEKSTA */
     padding: 9vh 0;
     background-image: url("../../resources/img/services-background.jpg");
     background-size: contain;
     background-repeat: no-repeat;
	 background-position: center;
}
 .service-section a {
     color: white;
}
 .service-section a:hover {
     transform: scale(1.2);
}
 .service-section .services {
     background-color: white;
     border-radius: 5px;
/*     margin-top: -180px; UKOLIKO IMA TEKSTA */
     transform: scale(0.9);
     padding: 0;
     overflow: hidden;
     box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
 .service-section .services .service-icon-camera{
    padding: 20px 10px;
    background: #FDDB00;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
   
    transition: all 0.4s;
    
}
.service-section .services .service-icon-camera img {
     width: 50px;
}
/*  ----------------- */
.service-section .services .service-icon-video{
    padding: 15px;
    background: #FDDB00;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
   
    transition: all 0.4s;
    
}
.service-section .services .service-icon-video img {
     width: 39px;
}
/*  ----------------- */
.service-section .services .service-icon-dron{
    padding: 22px 0;
    background: #FDDB00;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
   
    transition: all 0.4s;
    
}
.service-section .services .service-icon-dron img {
     width: 80px;
}
 .service-section .services .service-title h3{
     font-weight: bold;
     padding: 10px;
}
 .service-section .services .service-desc p{
     font-size: 0.6rem;
     text-align: justify;
     padding: 10px  0;
}

/* hover efekat */
.camera-icon.hovered,
.video-icon.hovered,
.dron-icon.hovered{
    display: none;
}
.service-icon-camera:hover .camera-icon,
.service-icon-video:hover .video-icon,
.service-icon-dron:hover .dron-icon{
    display: none;
}
.service-icon-camera:hover .camera-icon.hovered,
.service-icon-video:hover .video-icon.hovered,
.service-icon-dron:hover .dron-icon.hovered{
    display: inline-block;
}
/* Text ispod service tabova */
 .cta {
     text-align: center;
     margin-top: 20px;
     font-weight: bold;
     
}
.cta .title {
    color: #fff;
    font-size: 1.2em;
    margin-top: 2em;
    
}
 .cta a {
     background-color: white;
     padding: 20px 30px;
     line-height: 3.75;
     border-radius: 5px;
     color: #000;
     text-decoration: none;
     transition:  all .4s;
     box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.cta a:hover{
    background: rgba(253, 219, 0, 0.1);
     box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    font-weight: bold;
    
}
.cta img {
    margin: 0 0 5px 15px;
}
/* ----------------------------------------------- */
/* END OF SERVICE SECTION */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* TESTIMONIAL SECTION */
/* ----------------------------------------------- */
 .testimonials {
     margin-bottom: 2.4em;
     padding: 62px 0;
 }
.testimonials h1 {
     font-weight: bold;
     margin-bottom: 100px;
 }
.testimonials span.foto {
    color: #FDDB00;
     text-shadow: 1px 1px #000;
    
}
.testimonials .testimonial img {
    width: 130px;
    height: 130px;
     border-radius: 50%;
}
 .testimonials .testimonial {
     padding: 40px 50px;
     box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
     border-radius: 3px;
     transition: all .4s;
}
.testimonials .testimonial:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
 .testimonials .testimonial p.name{
     font-weight: bold;
     margin-top: 30px;
     
}
.testimonials .testimonial p.name-desc {
    font-size: 14px;
    font-style: italic;
}
.testimonials .testimonial p span.quotes{
    font-size: 20px;
    font-style: italic
}
 .testimonials .testimonial p.desc{
     text-align: justify;
     margin-top: 10px;
     font-size: 0.8em;
}
/* ----------------------------------------------- */
/* END OF TESTIMONIAL SECTION */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* FOTO SECTION */
/* ----------------------------------------------- */
 .content {
     padding: 0;
}
 .row .col-xs-5{
     max-height: 80vh;
}
 ul.tabs{
     margin: 0px;
     padding: 0px;
     list-style: none;
     text-align: center;
     background: #fff;
     overflow: hidden;
     
}
 ul.tabs li{
     background: none;
     color: #1a1a1a;
     display: inline-block;
     text-align: center;
}
 ul.tabs .fotos-title{
     float: left;
     font-size: 1.5em;
     font-weight: bold;
     margin: 0;
     line-height: 1.15;
}
 ul.tabs .foto-icon.service-icon {
     padding: 8px 23px;
     background: #FDDB00;
     font-size: 45px;
     color: white;
}
 ul.tabs li p {
     margin: auto 0;
     line-height: 3.1;
     font-size: 15px;
}
 ul.tabs .col-md-3 {
     opacity: 0.4;
     background: #e6e6e6;
     cursor: pointer;
}
 ul.tabs .col-md-3:hover {
     opacity: 0.8;
     background: #e3e3e3;
     font-weight: bold;
     
}
 ul.tabs .col-md-3.current {
     background: #fff;
     color: #1a1a1a;
     box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
     opacity: 1;
}
 ul.tabs .col-md-3.current li p {
     font-weight: bold;
    
}
 .tab-content{
     display: none;
     background: #fff;
     padding: 0;
     margin: 0;
}
 .tab-content.current{
     display: inherit;
}
/* slike u tabovima */
 #slider, .wrap, .slide-content {
     margin: 0;
     padding: 0;
     width: 100%;
     height: 84vh;
     overflow-x: hidden;
}
.portrait {
    margin: 0 auto;
    width: 56vmin !important;
}
 .wrap {
    position: relative;
    background: #f4f4f4;

}
 .slider1, .slider2, .slider3, .slider4, .slider5 {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     width: 126vmin;
     margin-left: auto;
     margin-right: auto;
     min-height: 100%;
}
/* SLIKE */
/* VENCANJA SLIKE */
 .slider1.slide1 {
     background-image: url("../img/svadbe/_DSC7247.jpg");
}
 .slider1.slide2 {
     background-image: url("../img/svadbe/FTP_3342.jpg");
}
 .slider1.slide3 {
     background-image: url("../img/svadbe/FTP_3559.jpg");
}
 .slider1.slide4 {
     background-image: url("../img/svadbe/FTP_5580.jpg");
}
 .slider1.slide5 {
     background-image: url("../img/svadbe/FTP_5596.jpg");
}
 .slider1.slide6 {
     background-image: url("../img/svadbe/FTP_2215.jpg");
}
 .slider1.slide7 {
     background-image: url("../img/svadbe/FTP_6122.jpg");
}
 .slider1.slide8 {
     background-image: url("../img/svadbe/FTP_6166.jpg");
}
 .slider1.slide9 {
     background-image: url("../img/svadbe/FTP_6175.jpg");
}
 .slider1.slide10 {
     background-image: url("../img/svadbe/FTP_8363.jpg");
}
 .slider1.slide11{
      background-image: url("../img/svadbe/FTP_3292.jpg");
}
 .slider1.slide12 {
     background-image: url("../img/svadbe/FTP_0741.jpg");
}
 .slider1.slide13 {
     background-image: url("../img/svadbe/FTP_2446.jpg");
}
 .slider1.slide14 {
     background-image: url("../img/svadbe/FTP_2921.jpg");
}
 .slider1.slide15 {
     background-image: url("../img/svadbe/FTP_3311.jpg");
}
 .slider1.slide16 {
     background-image: url("../img/svadbe/FTP_2275.jpg");
}
 .slider1.slide17 {
     background-image: url("../img/svadbe/FTP_22238.jpg");
}
/* KRSTENJA SLIKE */
 .slider2.slide1 {
     background-image: url("../img/krstenja/FTP_8590.jpg");
}
/* RODJENDANI SLIKE */
 .slider3.slide1 {
     background-image: url("../img/rodjendani/FTP_4747.jpg");
}
 .slider3.slide2 {
     background-image: url("../img/rodjendani/FTP_2223.jpg");
}
 .slider3.slide3 {
     background-image: url("../img/rodjendani/FTP_4029.jpg");
}
 .slider3.slide4 {
     background-image: url("../img/rodjendani/FTP_4031.jpg");
}
 .slider3.slide5 {
     background-image: url("../img/rodjendani/FTP_8845.jpg");
}
 .slider3.slide6 {
     background-image: url("../img/rodjendani/FTP_0483.jpg");
}
 .slider3.slide7 {
     background-image: url("../img/rodjendani/FTP_9223.jpg");
}
 .slider3.slide8 {
     background-image: url("../img/rodjendani/FTP_9564.jpg");
}
 .slider3.slide9 {
     background-image: url("../img/rodjendani/FTP_9885.jpg");
}
 .slider3.slide10 {
     background-image: url("../img/rodjendani/FTP_88557.jpg");
}
 .slider3.slide11 {
     background-image: url("../img/rodjendani/FTP_322334.jpg");
}
 .slider3.slide12 {
     background-image: url("../img/rodjendani/FTP_3223427.jpg");
}
 .slider3.slide13 {
     background-image: url("../img/rodjendani/FTP_1527.jpg");
}
/* CORP SLIKE */
 .slider4.slide1 {
     background-image: url("https://cdn.pixabay.com/photo/2015/05/15/14/22/conference-room-768441_960_720.jpg");
}
/* DRON FOTO */
 .slider5.slide1 {
     background-image: url("../img/dron/DJI_0001.jpg");
}
 .slider5.slide2 {
     background-image: url("../img/dron/DJI_0009.jpg");
}
 .slider5.slide3 {
     background-image: url("../img/dron/DJI_0013.jpg");
}
 .slider5.slide4 {
     background-image: url("../img/dron/DJI_0018.jpg");
}
 .slider5.slide5 {
     background-image: url("../img/dron/DJI_0020.jpg");
}
 .slider5.slide6 {
     background-image: url("../img/dron/DJI_0023.jpg");
}
 .slider5.slide7 {
     background-image: url("../img/dron/DJI_0026.jpg");
}
 .slider5.slide8 {
     background-image: url("../img/dron/DJI_0033.jpg");
}
 .slider5.slide9 {
     background-image: url("../img/dron/DJI_0039.jpg");
}
 .slider5.slide10 {
     background-image: url("../img/dron/DJI_0047.jpg");
}
 .slider5.slide11 {
     background-image: url("../img/dron/DJI_0052.jpg");
}
 .slider5.slide12 {
     background-image: url("../img/dron/DJI_0067.jpg");
}
 .slider5.slide13 {
     background-image: url("../img/dron/DJI_00228.jpg");
}
 .slider5.slide14 {
     background-image: url("../img/dron/DJI_000231.jpg");
}
 .slider5.slide15 {
     background-image: url("../img/dron/DJI_000657.jpg");
}
 .slider5.slide16 {
     background-image: url("../img/dron/DJI_0017.jpg");
}


/* END OF SLIKE */

 .slide-content {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
}
 .slide-content span {
     font-size: 5rem;
     color: #fff;
}
 .arrow {
     cursor: pointer;
     position: absolute;
     top: 50%;
     margin-top: -35px;
     width: 0;
     height: 0;
     border-style: solid;
     opacity: .8;
     transition: all 0.5s;
}
.arrow:hover {
    opacity: 1;
    transform: scale(1.2);
}
 .arrow-left {
     border-width: 30px 40px 30px 0;
     border-color: transparent #FDDB00 transparent transparent;
     left: 4%;
     margin-left: 30px;
}
 .arrow-right {
     border-width: 30px 0 30px 40px;
     border-color: transparent transparent transparent #FDDB00;
     right: 4%;
     margin-right: 30px;
}
 .foto-desc {
     padding: 15px 30px;
     font-weight: bold;
     text-align: justify;
}
/* ----------------------------------------------- */
/* END OF FOTO SECTION */
/* ----------------------------------------------- */
.video-tabs .foto-icon,.tabs .foto-icon {
    width: 100%;
}
/* ----------------------------------------------- */
/* VIDEO SECTION */
/* ----------------------------------------------- */
.row .col-xs-5{
     max-height: 80vh;
}
 ul.video-tabs{
     margin: 0px;
     padding: 0px;
     list-style: none;
     text-align: center;
     background: #fff;
     overflow: hidden;
     
}
 ul.video-tabs li{
     background: none;
     color: #1a1a1a;
     display: inline-block;
     text-align: center;
}
 ul.video-tabs .fotos-title{
     float: left;
     font-size: 1.5em;
     font-weight: bold;
     margin: 0;
     line-height: 1.15;
}
 ul.video-tabs .foto-icon.service-icon {
     padding: 8px 23px;
     background: #FDDB00;
     font-size: 42px;
     color: white;
}
 ul.video-tabs li p {
     margin: auto 0;
     line-height: 3.1;
     font-size: 15px;
}
 ul.video-tabs .col-md-4 {
     opacity: 0.4;
     background: #e6e6e6;
     cursor: pointer;
}
 ul.video-tabs .col-md-4:hover {
     opacity: 0.8;
     background: #e3e3e3;
     font-weight: bold;
     
}
 ul.video-tabs .col-md-4.current {
     background: #fff;
     color: #1a1a1a;
     box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
     opacity: 1;
}
 ul.video-tabs .col-md-4.current li p {
     font-weight: bold;
    
}
 .video-tab-content{
     display: none;
     background: #fff;
     padding: 0;
     margin: 0;
}
 .video-tab-content.current{
     display: inherit;
}
/* video player */
.player {
            width: 100%;
            height: 84vh;
            position: relative;
            overflow: hidden;
    
        }

        .player__video {
            width: 100%;
            display: block;
        }



        .player__slider {
            width:10px;
            height:30px;
        }

        .player__controls {
            position: absolute;
            bottom: 0;
            width: 100%;
            transform: translateY(100%) translateY(-2px);
            transition: all .3s;
            background: rgba(0,0,0,0.1);
        }

        .player:hover .player__controls {
            transform: translateY(0);
        }

        .player:hover .progress {
            height:5px;
        }



        .progress {
            position: relative;
            height:2px;
            transition:height 0.3s;
            background:rgba(0,0,0,0.5);
            cursor: pointer;
        }

        .progress__filled {
            width:0;
            background:#ffc600;
      
            height: 100%;
        }
        .player__buttons{
            height: 30px;
            width: 100%;
        }
        .play__button,
        .mute__button,
        .player__slider{
            display: block;
            float: left;
            
        }
        .mute__button svg, .play__button svg{
            height: 60%;
            margin-top: 5%;
            
        }
        .mute__button, .play__button {
            background:none;
            border:0;
            line-height:1;
            color:white;
            text-align: center;
            outline:0;
            cursor:pointer;
            max-width:50px;
            padding: 0 30px;
            height: 40px;
        }

        .big__play {
            position: absolute;
            height: 100px;
            width: 100px;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            
            border-radius: 50%;
            pointer-events: none;
            
        }
        .big__play svg{
            height: 100%;
            position: absolute;
            top: 0;
            left: 10%;
            right: 0;
            bottom: 0;
            margin: auto;
            transform: all 1s;
            
            
        }

        .big__play .cls-1{fill:#FDDB00; }

        .player__buttons input[type="range"] { display:none; }

        
/* ----------------------------------------------- */
/* END OF VIDEO SECTION */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* DRON SECTION */
/* ----------------------------------------------- */
ul.dron-tabs{
     margin: 0px;
     padding: 0px;
     list-style: none;
     text-align: center;
     background: #fff;
     overflow: hidden;
     
}
 ul.dron-tabs li{
     background: none;
     color: #1a1a1a;
     display: inline-block;
     text-align: center;
}
 ul.dron-tabs .fotos-title{
     float: left;
     font-size: 1.5em;
     font-weight: bold;
     margin: 0;
     line-height: 1.15;
}
 ul.dron-tabs .foto-icon.service-icon {
     padding: 8px 2px;
     background: #FDDB00;
     font-size: 45px;
     color: white;
}
ul.dron-tabs .foto-icon {
    width: 100%;
    
}
 ul.dron-tabs li p {
     margin: auto 0;
     line-height: 3.1;
     font-size: 15px;
}
 ul.dron-tabs .col-md-6 {
     opacity: 0.4;
     background: #e6e6e6;
     cursor: pointer;
}
 ul.dron-tabs .col-md-6:hover {
     opacity: 0.8;
     background: #e3e3e3;
     font-weight: bold;
     
}
 ul.dron-tabs .col-md-6.current {
     background: #fff;
     color: #1a1a1a;
     box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
     opacity: 1;
}
 ul.dron-tabs .col-md-6.current li p {
     font-weight: bold;
    
}
 .dron-tab-content{
     display: none;
     background: #fff;
     padding: 0;
     margin: 0;
}
 .dron-tab-content.current{
     display: inherit;
}
/* ----------------------------------------------- */
/* END OF DRON SECTION */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* TRUSTED BY SECTION */
/* ----------------------------------------------- */
.trusted-by h2 {
    font-weight: bold;
    
}

.trusted-by .row.text-center:first-child {
    border-bottom: 2px solid #FDDB00;
    margin-bottom: 18px;
}
.trusted-by .col-xs-3 {
    width: 24.9%;
}
.trusted-by .col-xs-6 {
    width: 49%;
}
.trusted-by .col-xs-3 img{
    opacity: .8;
    transition: .5s;
    width: 130%;
    height: 80px;
}
.trusted-by .col-xs-3 img:hover{
   opacity: 1;   
}
.trusted-by .krusevac {
    margin-left: 20%;
}
.trusted-by .gro-as {
    margin: 0 10%;
}
.oprema{
    margin-top: 40px;
    background: #FDDB00;
    padding-bottom: 20vh;
	padding-top: 2vh;
        background-image: url(../../resources/img/oprema-background.jpg);
    background-size: contain;
    background-repeat: no-repeat;
	background-position: center;
}
.oprema table td {
	border: 5px solid #FDDB00;
	padding: 20px;
	background: white;
	
}
.oprema table {
	border-collapse: collapse;
}

.oprema h2 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.7em;
}
.oprema p {
    font-size: 0.7em;
    text-align: justify;
    padding: 0 30px;
}
.oprema table td.th {
    background-color: rgba(0,0,0,.8) !important;
    color: white;
}
@media (max-width: 991px) {
.oprema table td {
font-size: 14px;
}
.trusted-by .krusevac,
.trusted-by .gro-as {
    margin: 0;
}
}
/* ----------------------------------------------- */
/* END OF TRUSTED BY SECTION */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* CONTACT FORM SECTION */
/* ----------------------------------------------- */
.form-style h1 {
    margin: 3rem 1rem;
    text-align: center;
    padding-top: 15px;
    font-weight: bold;
    font-size: 2.5rem;
    color: rgb(0, 0, 0);
    opacity: 1;
}

.contact-form {
    margin: 2rem 0;
    min-width: 32%;
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.contact-form .row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    position: relative;
}

.contact-form  .row label {
    
    font-size: 1rem;
    margin-left: 2rem;
    margin-bottom: 1rem;
    color: rgb(68, 68, 68);
    position: relative;
    font-weight: 700;
    flex: 1;
}
.contact-form  .row label span {
    color: #FDDB00;
}

.contact-form .row input[type=email], .row textarea,
.contact-form  .row input[type=text], 
.contact-form  .row input[type=number]{
    height: 3rem;
    flex: 1;
    margin: 0 3rem 2rem 3rem;
    padding: 0 1rem;
    border: none;
    outline: none;
    border-bottom: 2px solid rgb(219, 219, 219);
    
    font-size: 0.8rem;
    font-weight: 500;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.contact-form  .border-focus {
    width: 0;
}

.contact-form  .border-focus::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 2px;
    position: absolute;
    background-color: #FDDB00;
    transition: all .4s;
    top: 70%;
    left: 3rem;
}

.contact-form .border-focus-textarea::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 2px;
    position: absolute;
    background-color: #FDDB00;
    transition: all .4s;
    top: 79%;
    left: 3rem;
}

.contact-form  .row input:focus+.border-focus::before,
.contact-form  .row textarea:focus+.border-focus-textarea::before {
    width: calc(100% - 6rem);
}

.contact-form  .row textarea {
    resize: none;
    padding-top: .5rem;
    flex: 1;
    height: 6rem;
}

.contact-form .row-button {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
}

/* DATE TIME PICKER */
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right {
    background: #FDDB00;
    color: black;
}
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right td.day {
  
    font-weight: bold;
}
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right td.day.disabled,
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right td.day.old.disabled{
    color: rgba(0,0,0,.2);
    font-weight: normal;
}
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right td.day.new,
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right td.day.old{
    color: rgba(0,0,0,.8);
    font-weight: normal;
}

div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right td.day.active {
    background: white;
    color: black;
    font-weight: bold;
}
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right span.glyphicon {
    color: white;
    font-size: 16px;
}
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right span:hover.glyphicon,
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right th:hover span.glyphicon,

div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right th:hover 
{   
   background: #f2f2f2;
    color: black;
}
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right span.glyphicon.glyphicon-time,
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right span.glyphicon.glyphicon-trash,
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right span.glyphicon.glyphicon-remove {
    color: black;
}
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right span.glyphicon.glyphicon-time:hover,
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right span.glyphicon.glyphicon-trash:hover,
div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right span.glyphicon.glyphicon-remove:hover {
    color: white;
    background: #1a1a1a;
}
/*DUGME*/
.contact-form .row-button button {
    outline: none;
  transition: background 0.2s linear;
  background: #FDDB00;
    border-radius: 9px;
    border: 5px solid white;
  color: white;
  height: 4rem;
  width: 30%;
  overflow: hidden;
  position: relative;
  display: flex;
  font-size: 24px;
  font-weight: bold;
  margin: .5rem 0 2rem 0;
 
    
}
.contact-form .row-button button:after {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  transform: scale(0);
  height: 250px;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  content: "";
  border-radius: 50%;
}
.contact-form .row-button button:hover {
  cursor: pointer;
}
.contact-form .row-button button:hover span {
  transform: translateX(0);
}
.contact-form .row-button button:not(:active) {
  background: #FDDB00;
}
.contact-form .row-button button:not(:active):after {
  animation: ripple 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.contact-form .row-button button .left {
  float: left;
}

.contact-form .row-button button span {
  transform: translateX(-100%);
  transition: transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  height: 60px;
  flex-basis: 100%;
  min-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(4);
  }
}
@media (max-width: 600px) {
    .contact-form {
        margin: 0rem;
    }
}
/* ----------------------------------------------- */
/* END OF CONTACT FORM SECTION */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* O NAMA */
/* ----------------------------------------------- */
.oNama {
    margin-top: 100px;
    background: #FDDB00;
    padding-bottom: 5vh;
    padding-top: 2vh;
}
.oNama h2 {
    font-weight: bold;
    text-align: left;
    margin-bottom: 0.7em;
	
}
.oNama p {
    font-size: 20px;
    text-align: justify;

    
}
@media (max-width: 991px) {
	.petar-center{
		text-align: center !important;
	}
}
/* ----------------------------------------------- */
/* END OF O NAMA SECTION */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------- */
 footer a:link, footer a:visited {
     color: black;
     text-decoration: none;
}
 footer a:hover{
     color: black;
     font-weight: 600;
     text-decoration: none;
}
 footer a:active {
     color: black;
     text-decoration: none;
}
 footer .leva-kolona img {
     width: 100%;
     padding: 30px 50px;
}
 footer .leva-kolona .phone {
     font-size: 1.5em;
     font-weight: bold;
}
 footer .leva-kolona .phone .fas {
     margin-right: 20px;
     font-size: 1.2em;
     transform: scale(1) rotate(330deg);
     transition: all 1s ease;
}
footer .leva-kolona .phone:hover .fas {
     transform: scale(1.3) rotate(330deg);
     color: #FDDB00;
  transition: all .5s ease;
}
 footer .desna-kolona {
     margin-top: 5px;
    margin-left: 40px;
}
 footer .desna-kolona td {
     line-height: 3.4;
     font-size: 1.2em;
     font-weight: 500;
}
footer .desna-kolona td img {
    width: 55%;
    margin-right: 15px;
	margin-bottom: 2px;
}
 footer .row {
     border-bottom: 1px solid #FDDB00;
}
 footer .footer-desc {
     font-size: 0.8em;
     padding: 20px;
     text-align: center;
     font-weight: bold;
}
/* ----------------------------------------------- */
/* END OF FOOTER */
/* ----------------------------------------------- */

/* ----------------------------------------------- */
/* AFTER SUBMIT PAGES */
/* ----------------------------------------------- */

@mixin vertical-align($position: relative) {
  position: $position;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.after-submit-container {
  width: 1000px;
  margin: 5% auto;

}
.after-submit-container h2 {
    text-align: center;
    margin: 0;
    padding: 0;
    color: white;
    font-size: 50px;
}
.after-submit-container h1 {
  color: #EEE;
  text-shadow: -1px -2px 3px rgba(17, 17, 17, 0.3);
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 50px;
   margin-bottom: 5px;
}
.after-submit-container h1 underline {
  border-top: 5px solid rgba(221, 221, 221, 0.3);
  border-bottom: 5px solid rgba(221, 221, 221, 0.3);
}
.after-submit-container h3 {
  width: 100%;
  margin: 50px auto;
  font-weight: 600;
  color: #EEE;
  text-align: justify;

}
.after-submit-container a{
    color: #FDDB00;
    line-height: 2.5;
}
/* ----------------------------------------------- */
/* END OF AFTER SUBMIT PAGES */
/* ----------------------------------------------- */