@import url('https://fonts.googleapis.com/css?family=Raleway:300,500,500i,700&subset=latin-ext');
body { margin:0; padding:0; background:#fff; font-size:14px;  color:#555555; font-family: 'Raleway', sans-serif;}

a {color: #82C3AA}
a:hover { text-decoration:none; color: #62a38A}

h3 {font-size: 20px!important; letter-spacing: 0.03em;}

.white {color:#fff;}
.orange {color:#fbaf3f}

#sidebarLogo {text-align: center; padding: 10px 0;}
#sidebarLogo img {width: 90%}

#mobileMenu {display:none;}
#hideMenu {display:none;}

#mainSidebar {color:#fff;}
#mobileSidebar {display:none;} 

.mainsidebarwrapp {background:#82c3aa;}
.mobilesidebarwrapp {background:#82c3aa;}

.sidebarNav { margin:0; padding:0;}
.sidebarNav ul { margin:0; padding:0; border-top:1px solid #fff; margin:0px 20px; }
.sidebarNav ul li { margin:0; padding:0; display:block;   }
.sidebarNav ul li a {display:block; width:100%; text-align:right; text-transform:uppercase; color:#fff; font-weight: 700; letter-spacing: 0.05em; font-size:13px; border-bottom:1px solid #fff; padding:10px 0px}
.sidebarNav ul li a:hover {color:#4f7768}

.sidebarNav ul li ul.submenu {display:none; margin:0; padding:0; border-top:0; }
.sidebarNav ul li ul.submenu a {color:#4f7768}

.sidebarContact { text-align:center; padding:80px 0px; background:url(../img/bg-side-contact.png) center center no-repeat; color:#fff;}
.sidebarContact a { color: #fff;}
.sidebarContact a:hover { color: #fbaf3f;}

#sidebarTestimonials {padding:0px 20px}
#sidebarTestimonials b {font-size: 13px; letter-spacing: 0.05em;}
#sidebarTestimonials hr {margin:10px 0px 20px 0px}


#mainContent {background:#fff;}

#mainImage {margin-top:30px;}


#mainIndexSlider {margin-top:30px;}
#mainIndexSlider .overlay { background:rgba(0,0,0,0.37); position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
#mainIndexSlider .caption {position:absolute; top:55px; bottom:55px; left:190px; right:190px; border:2px solid #fff; text-align:center; padding:28px 0px; color:#fff;}
#mainIndexSlider .caption span.divider {display:block; width:100px; border-top:4px solid #fff; margin:25px auto;}
#mainIndexSlider .caption h1 {font-weight: 300; letter-spacing: 0.05em;}
#mainIndexSlider .caption p {display:block; padding:0px 37px; font-weight: 500; letter-spacing: 0.05em;}

h3.heading { display:block; border-bottom:1px solid #ddd; padding:10px 0px; margin:20px 0px; position:relative; }
h3.heading span.oLine {width:60px; display:block; border-top:4px solid #fbaf3f; position:absolute; margin-top:7px;}

#wellcome {margin:40px 0px}
#wellcome p {font-size: 13px;}
 
#akuList {margin:40px 0px}
#akuList p {font-size: 13px;}

#indexBlogImg {padding-right:0; }
#indexBlogImg div {height:320px; width:100%; background-repeat: no-repeat; background-size: cover; background-position: center;}
#indexBlogContent  {padding-left:0;  }
#indexBlogContent div {height:320px; width:100%; background:#c88b32 url(../img/blogContentBg.jpg) center center no-repeat; padding:30px; color:#fff;}
#indexBlogContent div h4 { text-transform:uppercase; font-weight:700; margin-top:0;}
#indexBlogContent div a.white:hover {color:#e1ae62}

#footer {margin-top:20px; margin-bottom:30px; color:#999999;}
#footer .col-md-4 div { background:#efefef; height:350px; padding:20px;}
#footer .col-md-4:nth-child(2) {padding-left:0;padding-right:0;}
#footer .col-md-4:first-child {padding-right:0;}
#footer .col-md-4:last-child {padding-left:0;}

#footer {font-size:13px;}
#footer a {color:#999; display:block; margin-bottom:10px;}
#footer a:hover {color:#bbb; display:block; margin-bottom:10px;}
#footer h5 {font-size:13px;}


#mobileMenu {display:block;}
#toggleMenu {display:none;}


#page-breadcrumbs { background:#82C3AA; padding:15px 20px; color:#fff; font-weight:bold; margin-top:15px; }
h4.podnaslov { font-weight:300; letter-spacing:2px; line-height:22px; font-size:16px;  display:block; margin-top:0px; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:25px; }
.galerija-tekst { margin-bottom:25px; }

.kontakt-forma {color: #fff;}
.kontakt-forma a {font-size: 16px; font-weight: 500; color: #5a676d; padding-bottom: 0; margin-bottom: 5px; text-decoration: none;}
.kontakt-forma a:hover {color: #7dd2f6;}
.kontakt-forma input {padding: 10px 15px; width: 100%; background: #82c3aa; border: none; margin-bottom: 20px; font-size: 14px;}
.kontakt-forma textarea {padding: 10px 15px; width: 100%; background: #82c3aa; border: none; margin-bottom: 20px; font-size: 14px;}


@media (min-width:1024px) and (max-width:1280px) {
	#mainIndexSlider .overlay { background:rgba(0,0,0,0.5); position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
	#mainIndexSlider .caption {position:absolute; top:46px; bottom:46px; left:100px; right:100px; border:2px solid #fff; text-align:center; padding:20px 0px; color:#fff;}
	#mainIndexSlider .caption span.divider {display:block; width:100px; border-top:4px solid #fff; margin:25px auto;}
	#mainIndexSlider .caption p {display:block; padding:0px 55px;}
	#mobileMenu {display:block;}
	#toggleMenu {display:none;}
        
        #footer .col-md-4:last-child {padding-left:0;padding-right:0; height: 300px!important;}
	
}	

@media (min-width:768px) and (max-width:1023px) {
	#mainContent { background:#fff;   }
	#mainIndexSlider .overlay { background:rgba(0,0,0,0.5); position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
	#mainIndexSlider .caption {position:absolute; top:30px; bottom:30px; left:30px; right:30px; border:1px solid #fff; text-align:center; padding:20px 0px; color:#fff;}
	#mainIndexSlider .caption span.divider {display:block; width:100px; border-top:4px solid #fff; margin:25px auto;}
	#mainIndexSlider .caption p {display:block; padding:0px 100px;}
	
	#mobileMenu {display:none;}
	#toggleMenu {display:block;}
	
	#indexBlogImg {padding:0px 15px}
	#indexBlogContent  {padding:0px 15px}
	
        #footer .col-md-4:nth-child(2) {padding-left:0;padding-right:0;}
        #footer .col-md-4:first-child {padding-left:0;padding-right:0;}
        #footer .col-md-4:last-child {padding-left:0;padding-right:0;}
	
	#indexBlogImg {padding-right:0; }
#indexBlogImg div {height:320px; width:100%; background-repeat: no-repeat;background-size: cover;}
#indexBlogContent  {padding-left:0;  }
#indexBlogContent div {height:320px; width:100%; background:#c88b32 url(../img/blogContentBg.jpg) center center no-repeat; padding:30px; color:#fff;}
#indexBlogContent div h4 { text-transform:uppercase; font-weight:700; margin-top:0;}
#indexBlogContent div a.white:hover {color:#e1ae62}
	
}

@media (max-width:767px) {
	#mainContent { background:#fff;  margin:0; padding:0; }
	#mainIndexSlider .overlay { background:rgba(0,0,0,0.5); position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
	#mainIndexSlider .caption {position:absolute; top:20px; bottom:20px; left:20px; right:20px; border:1px solid #fff; text-align:center; padding:20px 0px; color:#fff;}
	#mainIndexSlider .caption span.divider {display:block; width:100px; border-top:4px solid #fff; margin:25px auto;}
	#mainIndexSlider .caption p {display:block; padding:0px 50px;}
	
	#indexBlogImg {padding:0px 15px}
	#indexBlogContent  {padding:0px 15px}
        
        #footer .col-md-4 div { height: auto!important;}
        #footer .col-md-4:nth-child(2) {padding-left:15px;padding-right:15px;}
        #footer .col-md-4:first-child {padding-left:15px;padding-right:15px;}
        #footer .col-md-4:last-child {padding-left:15px;padding-right:15px;}
	
	
	#toggleMenu {display:block;}
	
	#toggleMenu a#showMenu {color:#fff; display:block; margin:0px 20px;  font-weight:bold; font-size:16px; padding:20px 0px 20px 0px; border-top:1px solid #fff;}
	#toggleMenu a#hideMenu {color:#fff; display:block; margin:0px 20px;  font-weight:bold; font-size:16px; padding:20px 0px 20px 0px; border-top:1px solid #fff;}
	
	#mobileMenu {display:none;}
	
	#sidebarNav ul li a {text-align:left;}
	
	#mainSidebar { display:none}
	#mobileSidebar {display:block;} 
	
}