@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin-ext';


html,body {
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #000;
    background: #ececec;
    width: 100%;
   	
}

p {margin: 0;}

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

/* ------ navigacija ------ */

.navbar {height: 100px; background: transparent; font-weight: 800;text-transform: uppercase;color: #fff;}

.navbar .container{text-align: center;}

.navbar-inverse {border: 0;}

.navbar-inverse .navbar-nav>li>a {color: #fff;}

.navbar .nav{margin-top: 40px;float: none;text-align: center;display: inline-block;position: static; margin-left: auto;margin-right: auto;-webkit-transition: margin .5s ease-in-out, border .55s ease-in-out;
        -moz-transition: margin .5s ease-in-out, border .55s ease-in-out;
        transition: margin .5s ease-in-out, border .55s ease-in-out;}

.navbar .f-right {float:right;margin-top: 55px;list-style: none;-webkit-transition: margin .5s ease-in-out, border .55s ease-in-out;
        -moz-transition: margin .5s ease-in-out, border .55s ease-in-out;
        transition: margin .5s ease-in-out, border .55s ease-in-out;}

.navbar a.navbar-brand img {
		height:90px;	
		-webkit-transition: height .5s ease-in-out;
        -moz-transition: height .5s ease-in-out;
        transition: height .5s ease-in-out;
		}

.nav-background {
        /* Customize the look and feel of the collapsed top nav here */
		height:80px;
		background: rgba(34,36,39,0.9);    /* 70% opaque red */ 
		-webkit-transition: background .5s ease-in-out, border .55s ease-in-out;
        -moz-transition: background .5s ease-in-out, border .55s ease-in-out;
        transition: background .5s ease-in-out, border .55s ease-in-out;
		transition-delay: .35s;
		-webkit-transition-delay: 0s; /* Safari */
		border-bottom: none;
		z-index:100;}
	
.nav-background a.navbar-brand img{height:50px;}

.navbar.nav-background .nav{
		margin-top: 15px;
	    -webkit-transition: margin .5s ease-in-out, border .55s ease-in-out;
        -moz-transition: margin .5s ease-in-out, border .55s ease-in-out;
        transition: margin .5s ease-in-out, border .55s ease-in-out;}

.navbar.nav-background .f-right {
		margin-top: 30px;
        -webkit-transition: margin .5s ease-in-out, border .55s ease-in-out;
        -moz-transition: margin .5s ease-in-out, border .55s ease-in-out;
        transition: margin .5s ease-in-out, border .55s ease-in-out;}


.navbar .topright {
    position: fixed;
    top: 55px; 
    right:10px;
    -webkit-transition: top .5s ease-in-out, border .55s ease-in-out;
    -moz-transition: top .5s ease-in-out, border .55s ease-in-out;
    transition: top .5s ease-in-out, border .55s ease-in-out;}

.navbar.nav-background .topright {
    position: fixed;
    top: 30px; 
    right:10px;
    -webkit-transition: top .5s ease-in-out, border .55s ease-in-out;
    -moz-transition: top .5s ease-in-out, border .55s ease-in-out;
    transition: top .5s ease-in-out, border .55s ease-in-out;}


ul.f-right {padding: 0;width: 250px;}

.navbar>.container .navbar-brand {width: 250px;}

/* ------ header ------ */

.header1 {width: 100%;height: 100%;color: #fff; display: table;background: url('../images/top-bg1.jpg');webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.header2 {width: 100%;height: 100%;color: #fff; display: table;background: url('../images/top-bg2.jpg');webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.header3 {width: 100%;height: 100%;color: #fff; display: table;background: url('../images/top-bg3.jpg');webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.header4 {width: 100%;height: 100%;color: #fff; display: table;background: url('../images/top-bg4.jpg');webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.header5 {width: 100%;height: 100%;color: #fff; display: table;background: url('../images/top-bg5.jpg');webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.header-inner {display: table-cell;vertical-align: middle;}

.header-inner h1 {font-weight: 800;}

.header-inner .container {text-align: center;}


/* ------ frontpage ------ */


.firstcontent {margin-top: -130px;position: relative;background: #fff; padding: 0;}

.firstcontent .col-md-6 {padding: 0;}

.content-inner {padding: 60px 90px;}
.content-inner-img {padding: 0;}
.content-inner-2 {padding: 40px 50px;}
.content-inner ul{padding-left: 20px}
.content-inner h3{font-weight: 800;}

.stats h2,.stats h4{font-weight: 800;}

.stats-button {border: 3px solid #000;padding: 20px; font-weight:800; background: transparent; border-radius: 5px;}

.secondcontent {margin-top: 50px;position: relative;background: #fff; padding: 0;}
.secondcontent .col-md-6 {padding: 0;}

.secondcontent .col-md-8 {padding: 0;}


.quotefoot {font-weight: 600;text-align: center; background: #fff;padding: 40px 40px 35px 40px; margin-top: 50px;}
.quotefoot p{font-weight: 600;}
.quotefoot h3{font-weight: 800;}

/* ------ footer ------ */

.footer {background: #222427; color: #fff;padding: 50px;margin-top: 50px;}

.footer .col-md-6,.footer .copy {padding-top: 20px;}

/* ------ modal ------ */

.modal-content {border-radius: 0;padding:100px;}

.modal-content h3{font-weight: 800;}

/* ------ footer ------ */


.wwd {padding:50px;}

.wwd h3 {font-weight: 800;}

.secondcontent h3{font-weight: 800;}

.wwd .col-md-2 {display: inline-block;}
.wwd .col-md-2 img{width: 90%;padding: 10px}

.mapa {padding: 0;}

#map {width: 100%; height: 330px;}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover {background: transparent;}

.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>.active>a:hover {color: #eee;}


.img-pl {padding-left: 65px;}


@media(max-width:990px) {
.nav>li>a {padding: 10px 7px;}
}

@media(min-width:1200px) {
    html,body {font-size: 15px;}
}

@media(max-width:1200px) {
.f-right{display: none}
    
}


@media(max-width:768px) {
.navbar-collapse {margin-top: 20px;background: rgba(0,0,0,0.8);}

.navbar .f-right {display:block!important;float: none;text-align: center; width: 100%;}

.navbar-toggle {margin-top: 40px;border: none;}

.navbar .topright {top:5px;}

.navbar.nav-background .topright {top:5px;}

.navbar.nav-background .navbar-toggle {margin-top: 30px;border: none;}

.img-pl {padding-left: 0;}

.content-inner-img {padding: 0 0 20px 0;}
}