html {position: relative; min-height: 100%;}
body {margin-bottom: 150px; font-size: 18px;}

.no-padding {padding: 0 !important;}

/* Header */
#head {background: url(../img/slavko-brkic-header.jpg) bottom center no-repeat; 
       background-size: cover; min-height: 680px; padding-top: 160px; color:#666;}
#head.secondary {height: 100px; min-height: 100px; padding-top: 0px;}
#head .lead {font-weight: 300; text-transform: uppercase; font-size: 40px;
      margin: 60px 0 40px 23px; color: #333; line-height: 1.15em;} 
#head .lead span {font-size: 34px;}
#head .tagline {color: #666; font-size: 18px; line-height: 28px; margin-bottom: 25px; margin-left: 8px;}
#head .tagline a {color:#fff;} 
#head .btn {margin-bottom:10px;}
#head .btn-default, #head-xs .btn-default {text-shadow: none; background-color: #7467b3; color:#fff;}
#head .btn-default:hover, #head .btn-default:focus,
#head-xs .btn-default:hover, #head-xs .btn-default:focus {color:#fff; background-color: #666;}
#head .btn-default:active, 
#head .btn-default.active {color:#fff;}
.headtext {margin-left: 8px;}
.headtext ul {list-style: none;}
.headtext ul li {font-size: 18px; font-weight: 300; line-height: 30px;}
.headtext ul li::before {font-family: fontAwesome; content: ""; padding-right: 20px;}
#head-title {background-color: #fff; padding-top: 160px; min-height: 65px;}

#head-xs {min-height: 170px; padding-top: 30px;}
#head-xs .lead {font-weight: 300; text-transform: uppercase; font-size: 24px;
      margin-bottom:  24px; color: #333; line-height: 1.15em;} 
#head-xs .lead span {font-size: 20px;}
#head-xs .tagline {color: #666; font-size: 16px; line-height: 28px; margin-bottom: 15px;}
.center {text-align: center;}
              
/* Autohide navbar */
.slideUp {top:-100px;}
.headroom {-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}

/* Typography */
h1, h2, h3, h4, h5, h6 {margin: 0;}
h1, .h1, h2, .h2, h3, .h3 {}
blockquote {font-style: italic; color:#999; margin:30px 0 30px;}
label {color: #777;}
.thin {font-weight:300; }
.page-title {margin-top:20px; font-weight:300;}
.breadcrumb {background:none; padding:0; margin:30px 0 0px 0;}
ul.list-spaces li {margin-bottom:10px;}

/* Helpers */
.container-full {margin: 0 auto; width: 100%;}
.marTop5 {margin-top:5px;}
.marTop10 {margin-top:10px;}
.marTop20 {margin-top:20px;}
.marTop30 {margin-top:30px;}
.marTop40 {margin-top:40px;}
.marTop60 {margin-top: 60px;}
.marBot20 {margin-bottom: 20px;}
.marBot40 {margin-bottom: 40px;}
.marBot60 {margin-bottom: 60px;}

img {max-width:100%;}
img.pull-right {margin-left: 10px;}
img.pull-left {margin-right: 10px;}
#map {width:100%; height:280px;}
        
/*Jumbotron*/
.circle {padding: 0 30px 60px;}
.circle a {position: relative; display: inline-block; width: 100%; height: 0;
  padding: 50% 0; border-radius: 50%; color: #fff;
  font-size: 32px; text-align: center; text-transform: uppercase; line-height: 0;
  font-weight: 300; background-color: #88af15;}
.circle a:hover {background-color: #666;}

/*Index content block*/
.title-up h4 {color: #8a8a8a; font-size: 18px; font-weight: 300;}
.index-block-margin {margin: 60px 0;}
.border-bottom {border-bottom: 1px solid #ccc;}
h2.article-title {color: #333; font-size: 36px; font-weight: 300; margin: 10px 0 40px;}
.jumbotext {font-size: 16px;}

/* Main content block */
.maincontent {}
.content-block-margin {margin: 30px 0 0;}
.main-block {margin-bottom: 60px;}
.main-title h1 {color: #74aa00; font-size: 30px; line-height: 36px; padding: 14px 0; font-weight: 300; text-transform: uppercase; margin: 0;}
.maincontent h2 {
    color: #4e4e4e;
    font-size: 24px;
    font-weight: 300;
}
h2.side-title {margin-bottom: 30px;}
h2.txt-img {margin-bottom: 0;}
h4.txt-img {margin-bottom: 30px; font-weight: 300;}
.more {height: 38px;}
.btn-more a {color: #fff; background-color: #00aeef; text-align: center;
             height: 38px; width: 38px; display: block; float: right; margin-right: 10px;
            -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px;
}
.btn-more a .fa {font-size: 30px; line-height: 38px;}
.btn-more a:hover {background-color: #aeadad;}
#map {width: 100%; height: 360px; margin-top: 20px;}
.table > tbody > tr > th {border-bottom: medium none; color: #74aa00; font-weight: 600;}
.element {padding-top: 0;}
.element ul {font-weight: 300;}
.element ul li {line-height: 32px;}
.contact-text p {font-size: 16px; line-height: 1.6; margin-bottom: 0;}
.contact-content p {font-size: 18px; line-height: 1.6; margin-bottom: 0;}
.contact {margin-top: 40px;}
.gallery {margin-top: 60px; margin-bottom: 30px;}
.item {margin-bottom: 30px;}

/* Sidebars */
.sidebar {padding-bottom:30px;}
.sidebar .widget {margin-bottom:20px;}
.sidebar h1, .sidebar .h1, .sidebar h2, .sidebar .h2, .sidebar h3, .sidebar .h3 {margin-top:20px;}
.sidenav-header {color: #4e4e4e; font-size: 18px; text-transform: uppercase; font-weight: 300; line-height: 1.8; padding: 0 0 5px 3px; border-bottom: 1px solid #ccc;}
.sidebar-nav .nav > li > a {outline: none; font-weight: 300; display: block; margin: 8px 0; padding: 0 0 0 3px; position: relative;}
.sidebar-nav .nav > li > a:hover, .sidebar-nav .nav > li > a:focus {color: #888; background-color: #f5f5f5;}
.sidebar-nav .nav > li.active a {background-color: #88af15; color: #fff; padding-left: 3px;}
.appoint-order {width: auto; text-align: center; margin: 30px 0 50px;}
.appoint-text {margin-top: 10px;}

/* FOOTER */
#footer {position: absolute; bottom: 0; width: 100%; height: 90px; background-color: #666;}
.footer2 {background: #666; padding: 37px 0 0; color: #fff; font-size: 14px;}
.footer2 a {color: #fff;}
.footer2 a:hover {color: #b2df2d; text-decoration: none;}
.footer2 p {margin: 0;}

.widget-simplenav {margin-left:-5px;}		
.widget-simplenav a {margin:0 5px;}
.footer2 .widget-body {}
.footer2 .widget-body i {float: right; margin-left: 32px;}

/*FORM*/
.form dl {clear: both;}
.form dt {margin-bottom: 25px; float: right; width: 0;}
.form dd {margin-bottom: 25px; float: left; width: 100%;}
.form dl dt label {}
.form dd#captcha-element img {border: 1px solid #ccc; margin-bottom: 25px;
        -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.form dl dd input {
    font-weight: 300; display: block; width: 100%; height: 34px; padding: 6px 12px;
    font-size: 14px; line-height: 1.42857143; color: #222; background-color: #fff; 
    background-image: none; border: 1px solid #ccc; font-weight: 300;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.form dl dd textarea {
    font-weight: 300; display: block; width: 100%; height: 150px; padding: 6px 12px;
    font-size: 14px; line-height: 1.42857143; color: #222; background-color: #fff; 
    background-image: none; border: 1px solid #ccc; font-weight: 300;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.form dl dd input[type=submit] {width: 120px !important; background-color: #88af15; font-size: 20px; text-transform: uppercase;
                    font-weight: 500; color: #fff; height: auto; padding: 7px 0 !important; border: none !important;}
.form dl dd input:hover[type=submit] {background-color: #666;}
p.description {font-size: 14px;}
ul.errors {list-style: outside none none; padding-left: 14px;}
ul.errors li {color: #74aa00; font-size: 14px; font-style: italic;}
#subject-label, #subject-element {
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
}

/*BACK TO TOP*/
#toTop {display:none; text-decoration:none; position:fixed; bottom:20px; right:10px; overflow:hidden;
	width:51px; height:51px; border:none; text-indent:100%; background:url(../img/ui.png) no-repeat left top;}
#toTopHover {background:url(../img/ui.png) no-repeat left -51px; width:51px; height:51px;
	display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}