@import url('uikit.min.css');
@import url('components/lightbox.min.css');
@import url('components/accordion.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');

/** BRAON: #392218 **/
/** ZELENA: #a3bf2b **/
/** CRVENA: #eb3b48 **/

::-moz-selection { color: #fff; background: #392218;}
::selection { color: #fff; background: #392218:}

html {background: #57535F;}
body {font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: lighter;}
a {color: #eb3b48;}
p {margin: 0px 0px 15px 0px;}
em {color: #eb3b48;}
.subtitle {font-weight: normal; font-style: italic; color: #eb3b48; font-size: 18px;}
.anchor {float: left;}

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

.callus {background: #eb3b48;
    color: #fff;
    padding: 17px 10px;
    display: block;
    max-width: 250px;
    margin: auto;
    margin-top: auto;
    margin-top: 50px;
    text-transform: uppercase;
    letter-spacing: 0.150em;
    font-weight: 600;}
.callus:hover {background: #000; text-decoration: none; color: #fff;}
	
/** MENU **/
.navigation {background: #fff; height: 75px;}
.navigation .logo {padding: 18px 0px; width: 228px;}
.navigation .uk-navbar {background: none;}
.navigation .uk-navbar-nav ul {margin: 0px;}
.navigation .uk-navbar-nav ul li {list-style: none; display: inline-block; line-height: 48px;}
.navigation .uk-navbar-nav ul li a {display: block; padding: 15px 10px 10px; color: #000; border-bottom: 2px solid #fff; font-weight: normal;}
.navigation .uk-navbar-nav ul li a:hover {text-decoration: none; border-bottom: 2px solid #000; background: rgba(255,255,255,0.15)}
.navigation .uk-navbar-nav ul li.active a {background: rgba(255,255,255,0.2); border-bottom: 2px solid #eb3b48}
.navigation .uk-navbar-nav ul li.active a:hover {border-bottom: 2px solid #000;}
.uk-navbar-toggle {color: #000; line-height: 75px; padding: 0px;}
.uk-navbar-toggle:hover {color: #eb3b48;}
.uk-offcanvas-bar {background: #000;}
.uk-offcanvas-bar ul.nav {background: #fff; margin: 0px; padding: 10px 0px; text-align: center; border-bottom: 20px solid #eb3b48;}
.uk-offcanvas-bar ul.nav li {list-style: none; margin: 0px;}
.uk-offcanvas-bar ul.nav li a {font-family: 'Vollkorn SC', sans-serif; text-decoration: none; padding: 5px 0px; display: block; color: #000; font-weight: bold;}
.uk-offcanvas-bar ul.nav li a:hover {background: rgba(0,0,0,0.05); color: #eb3b48;}
.uk-offcanvas-bar .bottom-decoration {margin: 0px;}
.uk-offcanvas-bar .top-decoration {margin: 0px; background-color: #fff;}
.uk-offcanvas-bar .logo {background: #fff; text-align: center;}
.uk-offcanvas-bar .logo img {width: 150px; height: auto; margin-top: 20px;}
.uk-offcanvas-bar .mod-languages ul {background: #fff; text-align: center; margin-left: 0px !important;}
.uk-offcanvas-bar .mod-languages ul li {display: inline-block !important; padding: 0px 5px;}
.uk-offcanvas-bar .mod-languages ul li a:hover {background: none !important;}

.o-meni {background: #fff; padding: 50px 0px;}

.slogan {text-align: center; background: #000; color: #fff; padding: 30px 0px;}
.slogan p {margin-top: 15px; font-weight: lighter; font-style: italic;}

.o-psihoterapiji {background: #cccbcf; padding: 50px 0px;}
.o-psihoterapiji h3 {text-align: center; text-transform: uppercase; font-size: 28px; font-weight: lighter; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 10px; margin-top: 0px;}

.pitanja-i-odgovori {background: #eb3b48; padding: 50px 0px; color: #fff;}
.pitanja-i-odgovori h3, .contact h3 {text-align: center; text-transform: uppercase; font-size: 28px; font-weight: lighter; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 10px; margin-top: 0px;}

.contact {margin-top: 50px;}
.contact .formControls {margin-left: 0px !important;}
.contact .formResponsive input, .contact .formResponsive textarea  {width: 100%; box-sizing: border-box !important; padding: 20px !important; font-weight: bold;}
.contact .formControlLabel {color: #fff;}
.contact .rsform-submit-button {background: #eb3b48 !important; border: none !important; border-radius: 0px !important; padding: 20px !important; text-transform: uppercase; font-size: 18px !important;}
.contact .rsform-submit-button:hover {background: #000 !important;}

/** FOOTER **/
.footer {background: #57535F; padding: 50px 0px; color: #fff; text-align: center;}
.footer a, .footer span {color: #eb3b48; text-decoration: none;}
.footer ul {margin: 0px auto 20px;}
.footer ul li {list-style: none; display: inline-block;}
.footer ul li a {display: block; padding: 5px 10px;}
.footer ul li a:hover {color: #fff; border-bottom: 3px solid #eb3b48}
.footer ul li.active a {border-bottom: 3px solid rgba(255,255,255,0.2);}
.footer i {font-size: 48px; margin-bottom: 30px;}
.footer i:hover {color: #fff;}
.copyright {font-size: 14px; line-height: 24px;}

/** ACCORDION **/
.uk-accordion-title {margin-top: 0; margin-bottom: 2px; padding: 5px 15px; background: none; font-size: 18px; line-height: 24px; cursor: pointer; color: #fff; border-radius: 3px;}
.uk-accordion-title.uk-active {border-radius: 3px 3px 0px 0px;}
.uk-accordion-content {padding: 15px; background: rgba(255,255,255,0.1); margin-bottom: 10px; border-radius: 0px 0px 3px;}
.uk-accordion-content a {color: #fff; font-weight: bold;}
.uk-accordion-content a:hover {color: #000; text-decoration: none;}
.uk-accordion-content:before, .uk-accordion-content:after { content: ""; display: table;}
.uk-accordion-content:after {clear: both;}
.uk-accordion-content > :last-child {margin-bottom: 0;}

/** LINKS **/
.link a {border: 1px solid #eb3b48; border-radius: 3px; padding: 5px 10px; display: block; margin: 5px 0px; background: #fff; font-weight: bold;}
.link a:hover {background: #000; color: #fff; text-decoration: none;}

/** YOUTUBE **/
.video {background: #89868f; padding: 70px 0px;}
.youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/** ERROR PAGE **/
.errorPage {background: #fff; text-align: center; margin-top: 100px;}
.errorPage .error img {width: 228px;}
.errorPage .error p {font-size: 18px; margin-bottom: 50px;}
.errorPage .error .button {color: #000; font-weight: normal; text-transform: uppercase; border: 1px solid #eb3b48; padding: 5px 20px; border-radius: 3px;}
.errorPage .error .button:hover {background: #000; color: #fff; text-decoration: none;}
.errorPage .error h3 {font-size: 140px; color: #eb3b48; padding: 50px 0px; border-bottom: 1px dashed #eb3b48; line-height: 110px;}

@media (min-width: 768px) {
	.navigation .logo {padding: 15px 0px; width: 300px;}
	.item-page .gallery .thumbnail {float: left;}
	.content .uk-grid-medium .uk-width-medium-4-6 {margin-top: 0px;}
	.content .uk-width-medium-2-6 {margin-bottom: 0px;}
	.content .sidebar {height: 100%; box-sizing: border-box;}
	.items-row {margin-bottom: 20px; border-bottom: none; padding-bottom: 0px;}
	.items-row .image {background: #fff; border-right: 2px solid #eb3b48; border-radius: 5px 0px 0px 5px; overflow: hidden;}
	.slider h2 {font-weight: bold; color: #392218; font-size: 72px; line-height: 60px; border-bottom: 3px solid #fff; padding-bottom: 30px; margin-bottom: 50px;}

}

@media (min-width: 1024px) {
}

@media (min-width: 1025px) {
	.navigation .uk-navbar-nav ul li a {padding: 15px 20px 10px;}
	.uk-slideshow li {min-height: 420px !important;}
}