/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,800italic,400,800,700,300&subset=latin,latin-ext);

@font-face {
    font-family: 'pacificoregular';
    src: url('fonts/pacifico/pacifico-webfont.eot');
    src: url('fonts/pacifico/pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pacifico/pacifico-webfont.woff') format('woff'),
         url('fonts/pacifico/pacifico-webfont.ttf') format('truetype'),
         url('fonts/pacifico/pacifico-webfont.svg#pacificoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans/opensans-bold-webfont.eot');
    src: url('fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/opensans/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans/opensans-italic-webfont.eot');
    src: url('fonts/opensans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans/opensans-light-webfont.eot');
    src: url('fonts/opensans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/opensans/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans/opensans-regular-webfont.eot');
    src: url('fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Global Styles */

*{
  outline: 0!important;
}

html, body {
  
  height:100%;
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{
  padding-top: 100px;
  color: #666;
  overflow-x:hidden;
}

a {
  color: white;
}

a:hover, a:focus {
    
  text-decoration: none;
}

.placeholder { 
  color: #aaa; 
}

.container-int{
  margin-bottom: 50px;
}

#topcontrol{
  background-color: #000;
  padding: 5px 10px;
  font-size: 28px;
  line-height: 20px;
  color: #9B9B9B;
}

h1, h2, h3, .h1, .h2, .h3 {
  font-family: 'Open Sans', sans-serif;
}

h4, h5, h6, .h4, .h5, .h6{
  font-family: 'Open Sans', sans-serif;
}

h2.section-title{
  margin: 0px 0 30px 0;
  font-size: 25px;
}

h3.section-title{
  margin: 0px 0 20px 0;
  font-size: 20px;
}

h1.post-title, h2.post-title{
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  margin-top: 0;
}

p {
  margin: 0 0 25px 0;
  line-height: 23px;
}

blockquote {
  padding: 15px 20px;
  border-left: 5px solid #2fc1d5;
  background: #FAFAFA;
}

blockquote p {
  font-size: 15px;
  line-height: 24px;
}

.navbar{
  margin: 0;
  border: none;
  border-bottom: 2px solid #16A085;
  border-radius: 0;
  height: 100px;
}

.navbar-inverse {
  background-color: #1ABC9C;
  border-color: #16A085;
}

.navbar-inverse .navbar-brand{
  font-family: 'Open Sans', sans-serif;
  font-size: 30px;
  line-height: 40px;
  color: #FFF;
  padding: 0 15px;
  margin: 8px 0 0px 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  padding: 18px 15px;
  margin-top:42px;
  font-family: 'Open Sans', sans-serif;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #666;
  background-color: yellow;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #16A085;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: black;
  background-color: #16A085;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #16A085;
}

.navbar-inverse .navbar-toggle {
  border-color: #16A085;
  outline: none;
}

.dropdown-menu{
  background-color: #16A085;
  border: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.dropdown-menu > li > a{
  color: #fff;
}

.link-portfolio{
  overflow: hidden;
  display: block;
  position: relative;
  margin-bottom: 30px;
}

.link-portfolio img{
  display: block;
  position: relative;
}

.link-portfolio .overlay-portfolio{
  background: rgba(0, 0, 0, 0.71);
  padding: 25px;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #E9E9E9;
  opacity: 0;
  filter: alpha(opacity=0);
}

.link-portfolio .overlay-portfolio h3{
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  margin: 0 0 20px 0;
}

.social-networks li{
  padding: 0;
}

.social-networks li a{
  width: 30px;
  height: 31px;
  display: inline-block;
  overflow: hidden;
}

.social-networks div.icon-social{
  width: 30px;
  text-align: center;
  color: #FFF;
  padding: 8px 0;
  font-size: 14px;
  line-height: 15px;
}

.social-networks div.icon-social.icon-social-facebook.normal{
  background: #3B5998;
}

.social-networks div.icon-social.icon-social-twitter.normal{
  background: #00CEFD;
}

.social-networks div.icon-social.icon-social-google-plus.normal{
  background: #D64136;
}

.social-networks div.icon-social.icon-social-pinterest.normal{
  background: #C32021;
}

.social-networks div.icon-social.icon-social-linkedin.normal{
  background: #0077B5;
}

.social-networks div.icon-social.icon-social-youtube.normal{
  background: #CF3427;
}

.social-networks div.icon-social.hover{
  background: #2c3e50;
}

.latest-tweets{
  margin: 0;
  padding: 0;
  list-style: none;
}

.latest-tweets li{
  margin-bottom: 15px;
}

.latest-tweets i.fa.fa-twitter{
  color: #00CEFD;
  margin: 0 5px 0 0;
}

address i.fa{
  margin: 0 5px 0 0;
}

.clients img{
  padding: 10px 0;
}

p.legal{
  text-align: right;
}

.breadcrumb{
  background: none;
  padding: 0;
}

.breadcrumb > li + li:before {
  content: "\f105";
  font-family: FontAwesome;
}

.panel-default {
  border-color: #EBEBEB;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.panel-group .panel {
  border-radius: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.panel-title {
  font-size: 14px;
}

.panel-default > .panel-heading {
  color: #666;
  background-color: #F8FAFA;
}

.well{
  padding: 20px;
  background: #FAFAFA;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.well.well-lg{
  padding: 24px;
}

.well.well-sm{
  padding: 9px;
}

div.list-posts{
  padding: 0;
}

div.list-posts ul{
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
}

div.list-posts ul li{
  margin: 0;
}

div.list-posts ul li a{
  color: #95A5A6;
  padding: 15px;
  display: block;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

div.list-posts ul li a:hover{
  background: #BDC3C7;
  color: white;
}

.nav-pills > li > a {
  border-radius: 0;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background-color: #169D83;
}

.post{
  border-bottom: 1px solid #EEE;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.img-post{
  margin: 0 0 25px 0;
  display: block;
}

.img-post img{
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.post-meta .fa{
  margin: 0 5px 0 15px;
  color: #16A085;
}

.post-meta .fa.first{
  margin: 0 5px 0 0;
}

/* comments */
.comment-author-icon{
  background: #ECF0F1;
  padding: 18px 20px;
  border-radius: 50px;
  margin: 10px 0 0 0;
  font-size: 20px;
  line-height: 20px;
}

.comment-content{
  width: 85%;
  margin: 0 0 0 3%;
}

/* pagination */

.pagination{
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.pagination > li > a, .pagination > li > span {
  border: none;
  margin: 0 1px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #16A085;
}

/* tags */

.tags a{
  background: #1ABC9C;
  padding: 6px 15px;
  margin: 0 0 10px 0;
  display: inline-block;
  color: #FAFAFA;
  font-size: 12px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tags a:hover{
  background: #16A085;
}

/* Tabs */
.nav-tabs{
  border-bottom: none;
}

.nav-tabs > li > a {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  cursor: default;
  background-color: #FAFAFA;
  border: none;
}

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #ECF0F1;
}

.nav-stacked > li + li{
  margin-top: 0;
}

.nav-pills li a{
  padding: 7px;
  border-bottom: 1px solid #EDEDED;
}

.tab-pane {
  margin-top: 1px;
  background: #FAFAFA;
  padding: 15px;
}

.label-default {
  background-color: #2fc1d5;
}

/* Buttons */
.btn{
  border: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out; 
  outline: none; 
}

.btn-lg {
  padding: 10px 35px;
}

.btn-primary {
  color: black;
  background-color: yellow;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{
  background-color: black;
  color:yellow;
}

.btn-info{
  background-color: #2C3E50;
}

.btn-info:hover{
  background-color: #95A5A6;
}

.input-group-btn:last-child > .btn {
  padding: 7px 12px;
}

/* Page Sections */
.section,
.section-colored {
  padding: 50px 0;
}

.section-colored {
  background-color: #ECF0F1;
}

.section-colored.home{
  background: #423F5C url(../img/section-bg.png) 50% 0 no-repeat;
}

.section-colored.home h2{
  margin: 0;
  color: #fff;
}

.section-header {
  background-color: #ECF0F1;
  padding: 0;
  margin-bottom: 20px;
}

.sidebar h4{
  margin: 0 0 25px 0;
}

.sidebar .tab-content{
  margin-bottom: 20px;
}

.form-control{
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  resize: none;
  background: #FCFCFC;
  border-color: #E4E4E2;
}

.form-control:focus{
  border-color: #1ABC9C;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

/* Half Page Height Carousel Customization */
.carousel {
  height: 430px;
  background: #34495e;
}

.carousel-control.left, .carousel-control.right{
  background: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  filter: none;
}

.carousel-control.left i{
  left: 0;
}

.carousel-control.right i{
  right: 0;
}

.carousel-control.left i, .carousel-control.right i{
  position: absolute;
  top: 200px;
  font-size: 25px;
  background: black;
  line-height: 40px;
  padding: 0 15px;
}

.carousel-indicators li, .carousel-indicators .active {
  width: 8px;
  height: 8px;
  margin: 1px;
}

.carousel-caption {
  top: 130px;
}

.carousel-caption h2{
  font-family: 'Open Sans', sans-serif;
  font-size: 43px;
  line-height: 50px;
  margin: 10px 0;
}

.carousel-caption .button{
  border: 2px solid white;
  -webkit-border: 2px solid white;
  -moz-border: 2px solid white;
  padding: 10px 40px;
  border-radius: 2px;
  color: white;
  font-family: 'Open Sans', sans-serif;
  margin: 30px 0 0 0;
  display: inline-block;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.carousel-caption .button:hover{
  text-decoration: none;
  background: rgba(255, 255, 255, 0.13);
}


.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: 100% 100%;
}

.block-icon{
  width: 70px;
  height: 70px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  text-align: center;
  font-size: 30px;
  background: orange;
  color: #fff;
  line-height: 70px;
  margin: 0 auto;
}

.block-body h2{
  font-family: 'Open Sans', sans-serif;
  font-size: 19px;
  text-align: center;
}

.block-body p{
  text-align: center;
  font-size: 13px;
  color: #7F8C8D;
}

.line-subtitle{
  height: 1px;
  width: 70px;
  margin: 17px auto;
  background: #DBDBDB;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
h3.error-404{
  font-size: 250px;
  font-family: 'Open Sans', sans-serif;
  color: #159C81;
}

img.monster{
  max-width: 125px;
}

/* Pricing Page Styles */
.price {
  font-size: 45px;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

.pricing-table .panel-default > .panel-heading{
  background-color: #16A085;
  color: #FFF;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
}

.pricing-table .panel-default > .panel-body{
  background-color: #1ABC9C;
  color: #FFF;
}

.list-group-item {
  background-color: #FAFAFA;
  border: 1px solid #ECEBEB;
}

/* Footer Styles */
footer {
  background: yellow;
  padding: 25px 0;
  color: black;
  font-size: 12px;
  line-height: 18px;
  min-height: 200px;
}

.footer-brand{
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  font-size: 25px;
  line-height: 40px;
  color: black;
  margin-bottom: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.footer-brand:hover{
  color: #2A6496;
  text-decoration: none;
}

footer p{
  color: #BDC3C7;
  font-size: 12px;
  line-height: 18px;
}

footer h3{
  font-family: 'Open Sans', sans-serif;
  margin: 20px 0 15px 0;
  color: black;
  font-size: 14px;
}

footer .form-control{
  background: #2C3E50;
  border: none;
  color: #ecf0f1;
  font-size: 12px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

footer .form-control:focus{
  background: #ECF0F1;
  color: #7F8C8D;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

footer .input-group-btn .btn{
  height: 34px;
}

.footer-after{
  background: #2c3e50;
  padding: 20px 0;
  font-size: 12px;
}

.footer-after p{
  color: #fff;
  margin: 0;
}

.footer-after a{
  color: #FFF;
}

.footer-after a:hover{
  color: #7f8c8d;
  text-decoration: none;
}

@media (min-width: 1200px){
  .container {
    width: 970px;
  }
}

/* Small devices Tablets  */
@media (max-width: 991px) {
  p.legal{
    text-align: left;
  }
}


/* Extra small devices Phones */
@media (max-width: 767px) {

  .carousel {
    height: 300px;
  }

  .carousel-caption {
    top: 4%;
  }

  .carousel-control.left i, .carousel-control.right i {
    top: 170px;
  }

  .section-colored.home h2 {
    margin-bottom: 30px;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #FFF;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #149178;
  }

  h3.error-404{
    font-size: 150px;
  }

  .sidebar{
    margin-top: 30px;
  }

  .comment-content {
    width: 65%;
  }

}


  /* ########################################## */

  /* HEADER CSS */
  .img_logo{
    
  }
.navbar-inverse, .navbar{
  background-color: white;
  border-color: yellow;
  background-color: #E6E6E6;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
    background-color: yellow;
}
.navbar-inverse:hover .navbar-nav > .active > a:hover, .navbar-inverse:hover .navbar-nav > .active > a:hover, .navbar-inverse:hover .navbar-nav > .active > a:hover{
    background-color: yellow;
}

.navbar-inverse .navbar-nav > li > a{
  color:black;
}
.navbar-inverse .navbar-nav > li > a:hover{
  background-color:yellow;
  color:black;
}
.dropdown-menu, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
  background-color: yellow;
  color:black;
}
.navbar-inverse .navbar-toggle .icon-bar{
  background-color:yellow;
  color:black;
}
.navbar-inverse .navbar-toggle{
  border-color:yellow;
  color:black;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
  color:black;
  background-color:yellow;
}
.navbar-inverse .navbar-toggle:hover > span, .navbar-inverse .navbar-toggle:focus > span{

    background-color:#E5E2E2;
}


.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
    background-color:yellow;
    color:black;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
  color:black;
  text-shadow: -1px 0 #E5E2E2, 0 1px #E5E2E2,
      1px 0 #E5E2E2, 0 -1px #E5E2E2;
}
.language_links{
  margin-left: 145px;
  margin-top: 60px;
}
.navbar-header{
  width: 25%;
}
/*HEADER CSS END*/

/* index */
.section-colored.home{
  background-color: #32A6B5;
}
.block-icon{
  padding-top: 18px;
}

div.list-posts ul li {
margin-bottom: 5px;
margin-right: 10px;
}
.delatnosti{
padding-bottom: 50px;
}   
.btn-danger{
  background-color: orange;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger{
  background-color: #2fc1d5;
  border-color: #2fc1d5;
}
.block-icon_picture1{
  width: 100%;
  height: 137px;
  text-align: center;
  font-size: 30px;
  line-height: 70px;
  margin: 0 auto;
  background-image: url('../images/index5.jpg') ;
  background-size: 100%;
  background-repeat: no-repeat;
}

.block-icon_picture2{
  width: 100%;
  height: 137px;
  text-align: center;
  font-size: 30px;
  line-height: 70px;
  margin: 0 auto;
  background-image: url('../images/index4.jpg') ;
  background-size: 100%;
  background-repeat: no-repeat;
}

.block-icon_picture3{
  width: 100%;
  height: 137px;
  text-align: center;
  font-size: 30px;
  line-height: 70px;
  margin: 0 auto;
  background-image: url('../images/index2.jpg') ;
  background-size: 100%;
  background-repeat: no-repeat;
}

.block-icon_picture4{
  width: 100%;
  height: 137px;
  text-align: center;
  font-size: 30px;
  line-height: 70px;
  margin: 0 auto;
  background-image: url('../images/index3.png') ;
  background-size: 100%;
  background-repeat: no-repeat;
}



.section.text_one{
  height: auto;
}

.section-colored.home{
  height: 100px;
  padding-top: 35px;
}

.section.text_two{
  height: 280px;
  padding-top:30px;
}

.section-colored.two{
padding:25px 0px;
  }

.modal-body{
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

div.home-blocks a{
  color:black;
  text-shadow: -1px 0 #E5E2E2, 0 1px #E5E2E2,
      1px 0 #E5E2E2, 0 -1px #E5E2E2;
}
  
/* END index*/

/* services */
.breadcrumb{
  height: 0px;
  padding-bottom: 25px;
  background-color: #E6E6E6;
  padding-left: 10px;
}

.breadcrumb a{
  font-weight: bold;
  color:yellow;
}



.pricing-table .panel-default > .panel-heading{
  background-color:#32A6B5;
}

.pricing-table .panel-default > .panel-body{
  background-color:#2fc1d5 ;
}

/* END services */

/*CONTACT*/
.link_blue{
  color:#2fc1d5;
}
/*CONTACT END*/


/* FOOTER CSS */
footer{
  background-color: yellow;
  color: black;

}
footer p{
  color:black;
}

footer a{
  color:black;
  font-size: 15px;

}



/* FOOTER CSS END */
body{
  font-family: 'Open Sans', sans-serif;
}

  /* ########################################## */


  /* carusel test */


.col5{
  width: 20%;
}

table, th, td
{
border-top: 1px solid #E5E2E2;
padding: 3px 0px;
}

.filter a{
  color:black;
  
  text-shadow: -1px 0 #E5E2E2, 0 1px #E5E2E2,
      1px 0 #E5E2E2, 0 -1px #E5E2E2;
}

  /* ################################## */

/*#############from old one####################*/

/* Symlink 2012  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/* --- Main Nav ---*/

body {
  font-family: 'Open Sans', sans-serif;
}

/*::-moz-selection {
    background: #FF69B4;
    text-shadow: none;
}

::selection {
    background: #FF69B4;
    text-shadow: none;
}*/

.nav-bar { background: none; margin-top: 35px; }
.nav-bar li { border: none; }
.nav-bar > li:last-child { border: none; }
.nav-bar > li:hover { background: #5EC7E5; }
.nav-bar > li > a { color: #404040 ;}
.flyout { border: none; }
ul.flyout li a, .nav-bar li ul li a {background: none repeat scroll 0 0 #fff;}
ul.flyout li, .nav-bar li ul li { border-left: 3px solid #5EC7E5; }

.page-heading {
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  font-size: 48px;
  padding-left: 85px;
  padding-top: 69px;
  /*margin-top: 40px;*/
}
.nav-bar>li.active, .nav-bar > li:hover, .nav-bar>li.active:hover {
  background: #FFFD15;
  border-color: #2284a1;
}
.nav-bar>li.active>a {
color: #000;
cursor: default;
}
ul.flyout li, .nav-bar li ul li {
border-left: 3px solid #FFFD15;
}
ul.breadcrumbs { background: none; margin-bottom: 30px; }

a:hover { color: black; }

a:focus { color: black; }

.alt-footer {
  margin-top: 20px !important;
  padding-top: 20px;
  background-color: #FFFD15;
}
dl.sub-nav dd.active a {
font-weight: bold;
background: #FFFD15;
color: #000;
}
.logo {margin-top: 10px;display: inline-block;}
.langswitch {display: inline-block;}
.langswitch li {display: inline; list-style-type: none;}
/* -----------------------------------------
   Pocetna
----------------------------------------- */

.welcome-text { text-align: center; }

.welcome-text h2:first-child { margin-top: 0; }

.welcome-text h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
}

.home-blocks p { text-align: justify; }

.home-blocks h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
}

.home-blocks img{
  -webkit-transition-property: opacity;
     -moz-transition-property: opacity;
      -ms-transition-property: opacity;
       -o-transition-property: opacity;
          transition-property: opacity;
  
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.home-blocks img:hover {
  opacity: 0.6;
}



/* -----------------------------------------
   Aktivnosti
----------------------------------------- */

.trenutneakt li {
font-size: 14px;
margin-bottom: 8px;
}

.product-list {
  margin-bottom: 30px;
}

.product-list h2 {
  font-family: 'Open Sans', sans-serif;
  color: #303030;
}

/* -----------------------------------------
   Kontakt
----------------------------------------- */

.kontakt-info i {
  margin-right: 10px;
}

img, object, embed{
  max-width: 100%;
  height: auto;
}


/*###########################################*/

a.active_my{

border-bottom: 3px Solid yellow;
text-decoration: none;

}

/*############ fileri #############*/
.takt_filler{
height: 177px;
}
.onama_filler{
  height: 96px;
}
.kontakt_filler{
height: 29px;
}
.onama_filler_en{
  height: 73px;
}


.new_roman_north{
  font-family:"Times New Roman", Times, serif;
  font-style: italic;
  color:black;
  font-weight: bolder;
  padding-top: 90px;
}
/*##################################*/
.breadcrumb a:hover{


}


/*############# custom carusel options ########################*/
#wrapper {
        background-color: #fff;
        width: 100%;
        height: 450px;
        overflow: hidden;
        top: 50%;
        left: 0;
      }
      #carousel img {
        display: block;
        float: left;
      }
     #prev, #next {
        background-color: rgba(255, 255, 255, 0.7);
        display: block;
        height: 450px;
        width: 50%;
        top: 57px;
        position: absolute;
      }
      #prev:hover, #next:hover {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.8);
      }
      #prev {
        left: -495px;
      }
      #next {
        right: -495px;
      }
      #pager {
        position: absolute;
        left: 50%;
        top: 485px;
      }
      #pager a {
        border: 2px solid #fff;
        border-radius: 10px;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px 0 0;
      }
      #pager a:hover {
        background-color: rgba(255, 255, 255, 0.5);
      }
      #pager a span {
        display: none;
      }
      #pager a.selected {
        background-color: #fff;
      }


  /*#####################################################*/    
hr{
  border-top: 1px solid black;
}
hr.yellow
{
border-top: 1px solid yellow;
}

h6{
  font-size: 14px;
}

table{
  font-size: 14px;
}

.yellow_black_border{
background-image: url(../northlinije.png);
height: 255px;
margin-top:-50px;
background-size: 100% 100%;

}

.yellow_black_border_index{
background-image: url(../northlinije.png);
height: 255px;
margin-top:-93px;
background-size: 100% 100%;
}

#reftbl a{
  text-decoration: underline;
  color: #666;
}

address{
margin-top:55px; 
}

footer > div.container .col-lg-5{
  padding-top:13px; 
}


div.modal-content{
  height: 800px;
}

div.modal-content .modal-body{
  margin-bottom: 1px;
  padding-bottom: 650px;
}

ol.breadcrumb > li > a{
  color:black;
}

h2.new_roman_north{
  font-size:47px;
}
footer .container .row div[class^='col-'] {
  float: left;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .navbar-header {width: auto;}
  .navbar-inverse .navbar-nav > li > a {
    margin-top: 0;
  }
  .page-heading {padding-left: 40px;}
  .navbar {
    height: auto;
    padding-bottom: 10px;
  }
  .navbar-collapse {
    position: relative;
    top: 10px;
  }
  .new_roman_north {
    padding-top: 40px;
  }
  address {margin-top: 0;}
  .takt_filler {height: 0;}
  .welcome-text.yellow_black_border_index {
margin-top: 10px;
}
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
  .navbar-header {width: auto;}

}

@media only screen and (max-device-width : 768px) {
  .navbar-header {width: auto;}
  .navbar {
    height: auto;
    padding-bottom: 10px;
  }
  .navbar-collapse {
    position: relative;
    top: 10px;
  }
  .navbar-inverse .navbar-nav > li > a {
    margin-top: 0;
  }
  .caroufredsel_wrapper {
height: 300px !important;
}
#wrapper {height: auto !important;}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
  .navbar-header {width: auto;}

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
  .navbar-header {width: auto;}

}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}