body {
    background: #e9e9e9 !important; 
  }
  @font-face {
     font-family: OpenSans;
     src: url(/fonts/OpenSans/OpenSans-Regular.woff);
     src: url('/fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'),
          url('/fonts/OpenSans/OpenSans-Regular.woff')  format('woff'),
          url('/fonts/OpenSans/OpenSans-Regular.ttf')   format('truetype')
  }
  /*@font-face{
    font-family: 
  } */
  
  #myCarousel {
     margin-top: 56px;
  }
 
  .navbar-inverse {
     background-color: #ffffff !important;
     border-color: #ffffff !important;
     border-bottom: 5px solid #f1f1f1 !important;
  }
   .navbar-nav > li > a {
    /*ont-family: "OpenSans" !important;
     font-size: 12px; */
     font-style: normal;
     font-weight: 700;   
     color: #4B2D11  !important;
     width: 160px;
     text-align: center;
     border-top: 2px solid #FFFFFF;
     padding-bottom: 15px;
     font-size: 16px;
     font-family: "Lato" !important ;  
     line-height: 1.2;
     text-transform: capitalize;
  }
  
  .navbar-brand{
     font-size: 10px;
     padding: 0px;
     width :210px;
     line-height: 16px
  
  }
  
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus  {
     color: #3C98E3 !important;
     background-color: white !important;
     border-bottom : 5px solid #3C98E3;
     background-image: url('../images/trokutic.png') ;
     background-repeat: no-repeat; 
     background-position: bottom center ;
     margin-bottom: -5px ;
  }
  
   
  
  .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover {
     background-color: #0088CC;
  }
  
  .navbar-inverse .navbar-nav > li > a:hover {
     color: #005580 !important;
  }
  
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
     background-color: transparent;
  }
  
  .header {
     margin-left: 0px !important;
     margin-right: 0px !important;
  }
  
  .btn-primary {
     color: #fff;
     background-color: #3b98e2;
     color: #ffffff;
      border-color: #ffffff;
      
     text-transform: uppercase;
     font-family: "Open Sans", Arial, sans-serif;
  }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
     background-color: #4f545a !important;
     border-color: #383f48 #383f48 #22262b;
  }
  .slider{
    margin: 0px auto ;
  }
  h1  {
     color: #1d2127;
     font-family: "Open Sans", Arial, sans-serif;
     font-weight: bold;
     font-size: 350% ;
     padding-bottom: 50px ;
    background-image: url(' ../images/krava_plava.png')  ;
    background-repeat: no-repeat; 
    background-position:  center bottom;
    display: inline-block;
    min-width: 300px;
  
  }
  
  h2 {
    color: #1d2127;
     font-family: "Open Sans", Arial, sans-serif;
     font-weight: bold;
     font-size: 350% ;
     padding-bottom: 50px ;
      background-image: url('../images/krava_plava.png')  ;
      background-repeat: no-repeat; 
      background-position:  center 50px;
      margin-bottom: 80px;
      margin-top: 95px ;
      min-width: 300px;
  }
  h3 {
      font-weight: bold;
     font-size: 250% ;
  
  }
  /* Gallery col-md-3 */ 
  .small-img{
      max-width: 100px;
      max-height: 75px;
      margin: 0px;
      padding: 0px;
      float: left ;
  }
  .big-img{
      margin: 0px;
      padding: 0px;
  }
   
  p#logo{
     display: inline;
     color: #4B2D11 ;
      float: right;
      width: 150px;
      text-transform: uppercase;
  }
  .footer {
     background-color: #3b98e2;
     background-image: url('../images/triangle_gray.png') ;
     background-repeat: no-repeat; 
     background-position: top center ;
     min-height: 618px;
     position: relative;
     color: #ffffff !important;
     border : none;
    
  }
  
  footer .footer-item-1, footer .footer-item-2, footer .footer-item-3 {   
     text-transform: uppercase;
  }
  #main-container{
    
     background-image: url('../images/trokut_plavi.png'); 
     background-repeat: no-repeat; 
     background-position: top center ;
    
  }
  #naslovna-page2{
    padding-top: 30px ;
    min-height: 940px ;
    background-color: white ;
    background-image: url('../images/trokut_plavi.png'); 
    background-repeat: no-repeat; 
    background-position: top center ;
  
  }
  
  .footer h1{
    color: #ffffff ;
    padding-bottom: 50px ;
    background-image: url('../images/bijela_krava.png')  ;
    background-repeat: no-repeat; 
    background-position:  center 50px;
    margin-top: 95px;
    
  }
  
  .footer .pull-right {
     color: #777777 !important;
  }
  .container * {
     font-family: "OpenSans" !important;
  }
  
  .container p img {
     float: left;
     padding-right: 10px;
     padding-bottom: 10px;
     max-width: 100%;
  }
   
  /* Pagination */
  .pagination-div{
    margin-bottom:85px;
    margin-top: 55px ;
  }
  .pagination > .disabled > span, .pagination > .disabled > span:hover,
   .pagination > .disabled > span:focus, .pagination > .disabled > a, 
   .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus{
      background-color: transparent ;
      border : none ;
    }
    .pagination > li > a, .pagination > li > span {
      background-color: transparent  ;
      border:none    ;
      font-size: 16px;
      font-family: "Lato";
      color:  #3b98e2;
     }
     .pagination > .active > a, .pagination > .active > span,
      .pagination > .active > a:hover, .pagination > .active > span:hover, 
     .pagination > .active > a:focus, .pagination > .active > span:focus{
      border-radius: 100px ;
     }
     .pagination > li > a:hover, 
     .pagination > li > span:hover, .pagination > li > a:focus, 
     .pagination > li > span:focus {
      border-radius: 50px ;
     }
  
     /* End pagination */ 
   
  .contact-item-1, .contact-item-2, .contact-item-3 {
     background: url('../images/contact.png') 0px 0px no-repeat;
     text-indent: 50px;
     height: 35px;
     display: block;
     line-height: 28px;
  }
  
  .contact-item-1 {
     text-align: right;
     display: inline-block;
  }
  .contact-item-2 {
     background: url('../images/contact.png') 0px -45px no-repeat;
  }
  
  .contact-item-3 {
     background: url('../images/contact.png') 0px -88px no-repeat;
  }
  
  .contact-wrap{
     background: #FFFFFF;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
  }
  .footer-item-1 , .footer-item-2 , .footer-item-3 , .footer-item-4 {
    font-size: 14px;
    font-family: "Lato" !important;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.739;
    text-indent: 30px;
   
  }
  .footer-item-1{
      background: url(' ../images/gly.jpg') 0px -1px no-repeat;
        
  }
  .footer-item-2{
      background: url('../images/gly.jpg') 0px -31px no-repeat;
       
  }
  .footer-item-3{
      background: url('../images/gly.jpg') 0px -61px no-repeat;
      text-indent: 36px;
       
  }
  .footer-item-4{
      background: url(' ../images/gly.jpg') 0px -91px no-repeat;
       text-indent: 36px;
  }
  .footer-item-content{
     font-size: 14px;
    font-family: "Lato" !important;
    color: rgb(255, 255, 255);
     
    line-height:  2;
    padding-left : 30px;
  } 
  
  .zoom {
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
     cursor: -webkit-zoom-in;
     cursor: -moz-zoom-in;
     cursor: zoom-in;
  }
  
  .zoom:hover,
  .zoom:active,
  .zoom:focus {
     -ms-transform: scale(2.5);
     -moz-transform: scale(2.5);
     -webkit-transform: scale(2.5);
     -o-transform: scale(2.5);
     transform: scale(2.5);
     position:relative;
     z-index:100;
  }
  
  .site-error {text-align: center;}
  .site-error h4 {font-size: 333% !important;}
  .site-error h5 {font-size: 222% !important;}
  .w100 {width: 100%;}
  
  #login-form, .user-default-forgot {
     background-color: #ffffff !important;
  }
  
  .widget{
     background: white ;
     padding-bottom: 20px;
  
  }
  #row-krave{
    margin-left: 95px ;
    margin-left: 95px ;
  }
  div#widget-title > p{        
     font-size: 24px;
     font-family: "Lato" !important;   
     line-height: 1.2;
     text-align: center; 
     padding: 10px 15px 0px 15px;  
     min-height: 66px;
     }
     
   
   hr{
     background: #3C98E3 ;
     height: 1px;
  
   }
  
  img#widget-image{
        
        height:289px;
      }
  
  div#widget-description > p{  
    font-size: 14px;
    font-family: "Lato" !important;
    
    line-height: 1.2;
    text-align: center;
    padding: 5px 15px 10px 15px; 
    height: 5.5rem ;
    overflow: hidden;
  
  
    }
  #category-help{
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 50px ;
    background: #e9e9e9;
    padding-top: 100px;
  }
  #index-help{
      width:100%;
      background: #ffffff;
      background-image: url('../images/trokut_plavi.png'); 
     background-repeat: no-repeat; 
     background-position: top center ;
     padding-top: 100px ;
  }
  #mlijeko{
    position:absolute ;
     bottom:0 ;
    right:0 ;
  }
  #indexAbout{
    min-height: 940px ;
    
  }
  
  /* Gallery image list */ 
  ul.photo-gallery-list{
      padding: 0px;
      margin: 0px;
      list-style-type: none;
  }
  
  ul.photo-gallery-list > li:first-child  {
      width: 540px !important;
      height: 400px !important;  
  }
  ul.photo-gallery-list > li{
      width: 100px !important;
      height: 75px !important;
      margin-top:20px;
      margin-right:10px ;     
      float: left;    
  }
  .photoswipe-gallery{
      margin-top: 0px !important ;
  }
   /* End gallery image list */
  @media only screen and (max-width: 1000px) {
      .col-md-4{
        margin-bottom: 40px ;
      }
      img#widget-image{
        padding-top: 10px ;      
      }
      
  }
  .content{
    font-size: 18px;
    font-family: "Lato"; 
    line-height: 1.2;  
    text-align: center;
    margin-top: 40px;
    margin-bottom: 15px ;
     
  }
  
  @font-face {
     font-family: "Roboto-Black";
     src: url("/fonts/Roboto/Roboto-Black.woff") format('woff');
  }
  @font-face {
     font-family: "Roboto-Bold";
     src: url("/fonts/Roboto/Roboto-Bold.woff") format('woff');
  }
  @font-face {
     font-family: "Roboto-Regular";
     src: url("/fonts/Roboto/Roboto-Regular.woff") format('woff');
  }
  @font-face {
     font-family: "Roboto-Thin";
     src: url("/fonts/Roboto/Roboto-Thin.woff") format('woff');
  }
  @font-face {
     font-family: "Roboto-Thin";
     src: url("/fonts/Roboto/Roboto-Thin.woff") format('woff');
  }
  
  @font-face {
     font-family: Lato;
     src: url(/fonts/lato/Lato-Regular.ttf);
     
  }
  
  #logo-projekta {
   position: absolute;
   margin-top: 73px;
   z-index: 999999;
  }

  @media screen and (max-width: 991px) {
     #mlijeko {
        display: none;        
     } 
     .fb-page {display: none !important;}
     .navbar-nav > li > a{
      width :120px;
     }
     #row-krave{
      text-align: center;
      margin-left: 0px ;
     }
     ul.photo-gallery-list > li:first-child{
          width: 100px !important;
          height: 75px !important;
          margin-top:20px;
          margin-right:10px ;     
          float: left; 
      }
      img#widget-image{
        max-width: 360px;      
      }
      .translate_control{
         right:95px !important;
      }
  
      #logo-projekta {
         position: absolute;
         margin-top: -250px;
         margin-left: 230px;
     }
  }  
  
  @media only screen and (max-width: 412px) {
     img#widget-image{
        max-width: 100%;      
      }  
  }

  @media only screen and (max-width: 769px) {
    #logo-projekta {
       display: none;
   }
}
   
  
  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
    .text {font-size: 11px} 
    
  }
  
  .translate_control {
        z-index: 99999999999;
        display: inline-block;      
        float: right;
        position: fixed;
        right: 10px;
        top: 13px;
        padding: 4px;
  }
  
  .goog-te-sectional-gadget-link-text {
     color: #4B2D11 !important;
  }