/************************************************
Global styles
*************************************************/
h1 {
    margin: 0;
}
h1,h2,h3,h4 {
    font-family: Verdana, sans-serif;
}

h2 {
    margin-bottom: 30px;
}

h2+p {
    line-height: 1.7;
    margin-bottom: 40px;
}

h2 a {
    color: black;
}

h2 a:hover {
    color:#99CC33;
}

h4 {
    font-weight: bold;
    margin-top: 30px;
}

h1 a, h2 a, h2 a {
    text-decoration: none;
}

body {
    font-family:Verdana,sans-serif;
    font-size: 14px;
    color: #000000;
    line-height: 1.4;

}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

article {
    margin-bottom: 20px;
}



footer {
    font-size: 13px;
    background-color: #EBF6E5;
    border-top: 1px solid #99CC33;
    padding-top: 50px;
    padding-bottom: 20px;
    margin-top: 0px;
}

.btn.btn-primary {
    background-color: #99CC33;
    border-color:#99CC33 ;
    position: relative;
    right: -660px;
}

/************************************************
Layout
*************************************************/
nav {

    font-size: 15px;
    color: #000000;
    font-weight: bold;

}



/************************************************
Helper class
*************************************************/

.center {
    text-align: center;
}

.link {
    color: #009900;
    text-transform: uppercase;
    font-size: 12px;
}

.link:hover {
    color: #000;
}

.hover:hover {
    ;
}

.refer {
    margin-bottom: 20px;
    min-height: 140px;
    box-shadow: 0.5px 0.5px 10px grey;
}

.bottom_15 {
    margin-bottom: 15px;
}

.bottom_30 {
    margin-bottom: 30px;
}

.bottom_60 {
    margin-bottom: 60px;
}

.bold {
    font-weight: bold;
}

.list {
    background-image: url("../img/ok-sign.png");
    background-repeat: no-repeat;
    background-position:0 0;
    padding-left: 40px;
    margin-bottom: 20px;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(1000px,0, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}

.fadeInRight {
    animation-name:fadeInRight;
    animation-duration: 1s;
    position: relative;
}

.fadeInRight2 {
    animation-name:fadeInRight;
    animation-duration: 2s;
    position: relative;
}

.fadeInRight3 {
    animation-name:fadeInRight;
    animation-duration: 3s;
    position: relative;
}

.fadeInRight4 {
    animation-name:fadeInRight;
    animation-duration: 4s;
    position: relative;
}

.info_height {
    height:256px ;
}

.white {
    background-color: white;
    margin-bottom: 0;
}

.margin_bottom {
    margin-bottom: 50px;
}

/************************************************
Specific style
*************************************************/
body.Dobro {
    background-image: url(' ../img/mreza_index.jpg');
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

body {
    background-image: url("../img/mreza.jpg");
    background-repeat: no-repeat;
    padding-top: 90px;
}


h1 a {
    text-indent: -9999px;
    background-image: url("../img/logo32_mala.png");
    background-repeat: no-repeat;
    background-position: center;
}

.navbar-brand {
    width:197px;
    height: 45px;
}

.navbar-default {
   -- border-top-color: #99CC33;
   -- border-bottom-color: #99CC33;
}


.navbar-fix-top {
    border-radius: 0;
}


.services {
    background-color: #EBF6E5;
    padding: 30px 0;
}
.in-view {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}



.worker, .sestar, .screwdriver, .antenna   {
    background-repeat:no-repeat;
    background-position: 20px 0;
    padding-top: 85px;
    margin-bottom: 0;
}

.sestar {
    background-image: url("../img/sestar.png");
}
.worker {
    background-image: url("../img/radnik.png");
}
.screwdriver {
    background-image: url("../img/srafciger.png");
}
.antenna {
    background-image: url("../img/antena.png");
}

.references {
    background-color: #EBF6E5;
    padding-bottom: 60px;

}

/**.policy_q a {
    position: relative;
    left:300px;
    bottom:10px;
}**/

/***** Thumbnails Scroll*****/
#my-thumbs-list{
    overflow: auto;
    width: auto;
    height: auto;

}

.last_footer {
    font-size: 13px;
}

form {
    padding-top: 40px;
    padding-bottom: 40px;
}

.tel {
    background-image: url("../img/telephone.png");
    background-repeat: no-repeat;
    background-position-y: 25px;
    padding-left: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 40px;
}

.aside {
    display: none;
}

.aside_position {
    position: relative;
    top:360px;
}

/*******Thumb animation up on hover******/

.up_on_hover {
    transition: 0.5s all ease;
}

.up_on_hover:hover {
    transform: scale(1.1);
    opacity: 0.8;
}
.thumb {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
/*******Thumb up on hover END******/

.main_theme {
    font-size: 20px;
    line-height: 1.3;
    margin-top: 100px;
    margin-bottom: 100px;
    color: #139B5D;
}
/************************************************
Media Query
*************************************************/


@media (min-width: 768px){
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 0;
    }


    .newspaper {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;

        -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
        -moz-column-gap: 40px; /* Firefox */
        column-gap: 40px;
    }

    /*********** Thumbnail Scroller ************/


.aside {
    display: block;
    font-size: 19px;
    border-bottom: 1px solid #99CC33;
    border-top: 1px solid #99CC33;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 50px;
}


    .navbar{
        margin-top: 20px;
        transition: background .5s ease-in-out,margin-top .5s ease-in-out;
    }

    .top-nav-collapse {
        margin-top: 0;

    }



@media (min-width: 992px) {
    .main_theme {
        font-size: 30px;
        margin-top: 300px;
        margin-bottom:261px;
    }
    section h2 {
        margin-top:60px;
        margin-bottom: 20px;
    }
article h2 {
    margin-top:60px;
    margin-bottom: 40px;
}
    h1 a {
        background-image: url("../img/logo32.png");
    }

    .navbar-brand {
        width:400px;
        height: 50px;
    }

    .policy_q {
        background-image: url("../img/politika_q.png");
        background-position:130px 130px;
        background-repeat: no-repeat;
    }


}

@media (min-width: 1200px){
 .navbar {

 }
}