/*smooth transition*/


*{
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
     -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


body {
	font-family: 'Raleway',Helvetica,sans-serif;
	font-size:16px;
	font-weight:300;
line-height:1.6em;
}

/*=======================
NAVBAR
=========================
*/

.shadow{
	-webkit-box-shadow: 2px 2px 15px 2px rgba(2,2,2,2);
box-shadow: 2px 2px 10px 2px rgba(2,2,2,2);
}

.fine-green{
background:#2BA365;
}



.navbar-brand-font{
	color:#fff !important;
	font-weight:800; 
	font-family: 'Orbitron', sans-serif;
	font-size:3 hw;
}

.navbar-brand-font:hover{
	color: #e0dfdf !important;
	font-weight:800;
}

.navbar-default{
	padding-top:22px;
	height:100px;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover {
    	color: #e0dfdf !important;
	font-weight:800;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #70d23e;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    position: relative;
    z-index: 5;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background-color:#2BA365;
    position: relative;
    z-index: 3;
}

 

.black-thick-title{
	color:#fff;
	font-weight:800;
	background:#000;
}

/*=======================
SIDEBAR LEFT
=========================
*/

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
    margin-top: 2em;
}

.orange-gradient{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+51,ff7f04+100;Orange+Gloss */
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */


}


/*=======================
CAROUSEL
=========================
*/

.carousel-inner > .item > img{
       width:750px;
       height:360px;
	   object-fit: cover;
     }
	 
	 /*=======================
CENTER
=========================
*/

.center-tab{
	    
    width: 100% !important;
    color: #fff;
    font-weight: 700;
    height: 37px;
	max-height: 40px !important;
    margin-top: 0px;
    padding-top: 11px;	
}

.img-style{
	max-width: 150px !important;  
	height:125px!important; 
}

.img-responsive {
    margin: 0 auto;
}
 

.row-margin-top-20px{
	margin-top: 20px;
	max-height:500px;
}

.tab-green{
	background-color: #2BA365;
}

.tab-orange{
	background-color:#FFB83C;
}

.tab-blue{
	background-color:#70CBFA;
}

 

.boja{
	border:  1px solid #9e9494;
	box-sizing: border-box;
	padding:0;
}


 
 .well{
	 border:2px solid black;
	-webkit-border-radius: 2px 30px 23px 30px;
	border-radius: 2px 30px 2px 30px;
 
 }
 
 /*=====================
 POST
 ====================*/
 
 .article-title a{
	 color:brown;
	 font-weight:bold;
	 text-decoration:none;
 }
 
  .article-title a:hover{
	 color:gray;
 }
 
 .excerpt{
	 text-align:justify;
 }
 
 /*=====================
 FOOTER
 =======================*/
 
 .footer{
	 background-color:lightgray;
	 border-top:4px solid gray;
	 color:#000;
	 height:200px;
 }