@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'OswaldLight';
    src: url('Oswald-Light-webfont.eot');
    src: url('Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Oswald-Light-webfont.woff') format('woff'),
         url('Oswald-Light-webfont.ttf') format('truetype'),
         url('Oswald-Light-webfont.svg#OswaldLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OswaldBook';
    src: url('Oswald-Regular-webfont.eot');
    src: url('Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Oswald-Regular-webfont.woff') format('woff'),
         url('Oswald-Regular-webfont.ttf') format('truetype'),
         url('Oswald-Regular-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
 margin: 0px;
 background:#3667ae;
 background: url('../images/bck.jpg');
 background-attachment: fixed; background-size:100% 100%; background-position: 100% 100%;
 line-height: 1.5em;
 font-family: 'Roboto', sans-serif;
}
p{
    color:#000;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4em;
	text-align:justify;  
    text-justify:inter-word;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Oswald', sans-serif;
    color: #000;
    font-weight: normal;
}
h1,h2{
	text-transform: uppercase;
}
.responsive {
  width: 100%;
  height: auto;
}
.texcent {
  text-align:center;
}
.levocenter{text-align:left;
padding-top:10px;}
a{
    color: #101544;
    text-decoration: underline;
}
a:hover{
    color:#065cfb;
}
.row{
    padding: 0 10px 0 10px;
}
.omotacsajta{
  margin: auto;
  bottom-margin: 0px;
  width: 1000px;
  box-shadow: 2px 2px 18px #777777;
}
.sadrzaj{
    padding: 20px 40px 40px 40px;
    background-image: url('../images/poz.png');
    background-repeat: repeat;
}
.gore { 
	width: 100%;
	height: 100px;
    color: #ffffff;
	position: relative;
}
.glavnilogo {
	float: left;
	padding: 26px 0 0 40px;
}
.milesapotpis {
	float: right;
	font-family: 'Parisienne', cursive; font-size:2em; padding: 54px 52px 0px 0px;
}
img.milesapotpislogo{vertical-align:-7px;}

.gorezaikone { 
	height: 1px; display: inline; position:relative; float:right; top: -98px;
}
.ikonegore, .ikonegore.prva{text-align:center; padding: 0px 50px 0px 0px; }
.pozovi{ display: none;}
img.ikonegoresl{padding: 5px 5px 0px}

.potpis{text-align:right; padding-right: 30px; font-family: 'Parisienne', cursive; font-size: 1.6em;}
.bannertop {
  /* this bit of markup is essential */
  position: relative;
  overflow: hidden;
  color: #fff;
  height: 130px;
  z-index: -1;
  clear:both;
}
h1.bannertop {
  font-size: 2em;
  color: #fff;
  padding: 25px 0 0 40px;
  box-sizing: border-box;
}
.px600-100 {
	width:600px;
	float: left;
    padding: 0;
}
.px300-100 {
	width:300px;
	float: right;
    padding-top: 20px;
}
.px280-300 {
	width:280px;
	float: none;
}
.kalendar {
  width: 300px;
  padding: 10px;
  background-color: #f1f1f1;
  border: 1px solid #cacaca;
  border-radius: 0 0 10px 10px;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.nas {
  font-family: 'Oswald', sans-serif;
  color: #fff;
  font-weight: normal;
  font-size: 1.3em;
  background-color: #576eb2;
  padding: 10px;
}
.tx {
  color: #000;
  font-weight: normal;
  font-size: 0.8em;
  line-height:24px;
  text-align:left;
}
.date
{
	float: left;
	width: 38px;
	height: 28px;
	background: url(../images/date.png) no-repeat;
	margin-right: 8px;
	padding: 0px;
	line-height: normal;
}
.date1
{
	background: url(../images/date1.png) no-repeat;
}

.date .month
{
	display: block;
	text-align: center;
	color: #fff;
	font-size: 10px;
	padding-left: 2px;
	text-transform: uppercase;
	letter-spacing:1px;
}

.date .day
{
	display: block;
	text-align: center;
	padding: 0;
	color: #222;
	font-size: 13px;
	font-weight: 500;
	line-height:12px;
	padding-left: 1px;
}
a.kalend{
    color: #101544;
    text-decoration: none;
}
a.kalend:hover{
    text-decoration: underline;
}
.dolesocial { 
    padding: 40px;
    background-color: #fff;
    box-shadow: inset 0 10px 9px -10px rgba(0,0,0,0.3);
    font-family: 'Oswald', sans-serif;
    color: #000;
}
.foot { 
    padding: 40px;
    color: #8e8e8e;
    background: url('../images/footbg.png');
    box-shadow: inset 0 8px 10px rgba(0,0,0,.5);
	font-size:0.8em;
}
.clear {
   clear: both;
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
    }
.btn {
  border: 1px solid black;
  background-color: white;
  color: black;
  padding: 4px 10px;
  font-size: 14px;
  border-radius: 5px;
  text-align:center;
  text-decoration:none;
  cursor: pointer;
  box-sizing: border-box;
}
.sivo {
  border-color: #a9afc2;
  background: #d4d7e0;
  color: #22224e;
}

.sivo:hover {
  border-color: #798bc1;
  background: #979ba9;
  color: #fff;
}
a.dole{
    color: #8e8e8e;
	text-decoration:none;
}
a.dole:hover{
    color:#5bb9ca;
}
a.media{
    width:32px;
    height: 32px;
    margin-right: 8px;
    margin-top:8px;
    display: inline-block;
}
a.media.facebook{
    background: url('../images/media.gif');
}
a.media.twitter{
    background: url('../images/media.gif') -40px;
}
a.media.youtube{
    background: url('../images/media.gif') -123px;
}

a.media.instagram{
    background: url('../images/media.gif') -81px;
}
.centar {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.naslov1{
 background:#375388;
 background: url('../images/naslovi/theta-isceljivanje.jpg');
}
.naslov2{
 background:#375388;
 background: url('../images/naslovi/theta-seminari.jpg');
}
.naslov3{
 background:#375388;
 background: url('../images/naslovi/osnovni-theta-seminar.jpg');
}
.naslov4{
 background:#375388;
 background: url('../images/naslovi/napredni-theta-seminar.jpg');
}
.naslov5{
 background:#375388;
 background: url('../images/naslovi/kopaj-dublje.jpg');
}
.naslov6{
 background:#375388;
 background: url('../images/naslovi/manifestovanje.jpg');
}
.naslov7{
 background:#375388;
 background: url('../images/naslovi/theta-radionice.jpg');
}
.naslov8{
 background:#375388;
 background: url('../images/naslovi/bezuslovna-ljubav.jpg');
}
.naslov9{
 background:#375388;
 background: url('../images/naslovi/ppp.jpg');
}
.naslov10{
 background:#375388;
 background: url('../images/naslovi/dete-srece.jpg');
}
.naslov11{
 background:#375388;
 background: url('../images/naslovi/idealna-ljubav.jpg');
}
.naslov12{
 background:#375388;
 background: url('../images/naslovi/theta-vezbaonice.jpg');
}
.naslov13{
 background:#375388;
 background: url('../images/naslovi/theta-tretmani.jpg');
}
.naslov14{
 background:#375388;
 background: url('../images/naslovi/theta-iskustva.jpg');
}
.naslov15{
 background:#375388;
 background: url('../images/naslovi/knjige.jpg');
}
.naslov16{
 background:#375388;
 background: url('../images/naslovi/meditacija.jpg');
}
.naslov17{
 background:#375388;
 background: url('../images/naslovi/duhovne-radionice.jpg');
}
.naslov18{
 background:#375388;
 background: url('../images/naslovi/regresoterapija.jpg');
}
.naslov19{
 background:#375388;
 background: url('../images/naslovi/blog.jpg');
}
.naslov20{
 background:#375388;
 background: url('../images/naslovi/najave.jpg');
}
.naslov21{
 background:#375388;
 background: url('../images/naslovi/duboki-peat.jpg');
}
.naslov22{
 background:#375388;
 background: url('../images/naslovi/razresavanje-zaveta.jpg');
}
.naslov23{
 background:#375388;
 background: url('../images/naslovi/srodne-duse.jpg');
}
.naslov24{
 background:#375388;
 background: url('../images/naslovi/vi-i-stvoritelj.jpg');
}
.naslov25{
 background:#375388;
 background: url('../images/naslovi/porodicni-odnosi-veze.jpg');
}
.naslov26{
 background:#375388;
 background: url('../images/naslovi/ljubav-porodice.jpg');
}
.mesec{text-align:center; background-color:#ffffff; padding: 8px 0 6px; margin-bottom:30px;}

a.plavozel{
    background-color: #009da9;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 18px;
    color:#fff;
    padding: 9px 22px;
    border-radius: 6px;
    text-decoration: none;
    white-space: nowrap;
}

a.plavozel:hover{
    background-color: #078830;
}
a.zelenonar{
    background-color: #0079a6;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 18px;
    color:#fff;
    padding: 9px 22px;
    border-radius: 6px;
    text-decoration: none;
    white-space: nowrap;
}

a.zelenonar:hover{
    background-color: #ff6033;
}
.linija{
    border-top: 10px solid rgb(224, 227, 230);
    padding-top:20px;
    margin-top:30px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
}
.ocisti{
		clear:both;
    }
/* Za Najave dogadjaja */
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}
.tabset .tab-panel {
  display: none;
}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}
/*
 Styling
*/
.tabset > label {
  position: relative;
  display: inline-block;
  padding: 5px 10px 10px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 500;
}
.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;
}
.tabset > label:hover,
.tabset > input:focus + label {
  color: #06c;
}
.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #06c;
}
.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}
.tab-panel {
  padding: 0;
  border-top: 1px solid #ccc;
}
.tab-panels h3 {
  font-size: 1.2em;
  margin: 10px 0 10px 2px;
  box-sizing: border-box;
  text-transform:uppercase;
}
/* Svi ekrani ispod od 1000px */
@media all and (max-width : 1000px) {
h3,h4,h5,h6{
    line-height: 1.2em;
    font-size: 1.03em;
}
.row{
  padding: 0px;
}
.omotacsajta{
  margin: 0px;
  width: 100%;
  box-shadow: none;
}
.sadrzaj{
    padding: 20px 15px 0 15px;
}
.gore { 
	height: 42px;
}
.glavnilogo {
  width: 250px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  padding: 34px 0 0 0;
}
.milesapotpis {
float: none;
text-align:center;
font-size:1.6em;
padding: 85px 0 0 0;
position:static; 
  box-sizing: border-box;
}
img.milesapotpislogo{width: 26px; vertical-align:-5px;}
	
.gorezaikone { 
float:none;  padding: 20px; top: -62px;
}
.ikonegore{text-align:center; padding: 0px 10px 0px 10px;}
.ikonegore.prva{text-align:center; padding: 0px 10px 0px 50px;}
.pozovi{  padding: 40px 10px 0px 0px; float:right; display: inline;}

.px600-100 {
	width:100%;
	padding-bottom: 0px;
}
.px300-100 {
	width:100%;
}
.px280-300 {
	width:280px;
	float: none;
}
h1.bannertop {
  font-size: 1.4em;
  color: #fff;
  padding: 25px 0 0 40px;
  box-sizing: border-box;
}
.levocenter{text-align:center;
	line-height:60px;
	padding-top:0;}
 }  


/* NAVIGACIJA
--------------------------------------------- */
.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
    font-size: 12px;
	line-height: 14px;
	word-wrap:break-word !important;
	background: #4866ae;
    background-image: linear-gradient(#72e2f5, #958fc2, #4866ae, #383496); 
    color: #ffffff;
	text-transform: uppercase;
	font-weight:400;
	letter-spacing: 1px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}
.naslovna {
	display: none;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: left;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
    background-image: linear-gradient(#72e2f5, #958fc2, #4866ae, #383496); 
	}

/* Styling the links */
nav a {
	display:block;
	padding:10px 20px;	
	color:#FFF;
    font-size: 12px;
	text-decoration:none;
}
nav a:hover {
	color:#FFF;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 34px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
	z-index: 1;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:264px;
	float:none;
	display:list-item;
	position: relative;
	z-index: 1;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-34px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:264px; 
}

/* HOVERI NAVIGACIJE. */
nav a:hover { 
	background-color: #3667ae; 
}
nav li:hover a { /* the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background-color: #3667ae;
}
nav li:hover ul a { /* backgroung prvog podmenija */
    background-color: #112e5c;
}
nav li:hover ul a:hover { /* what happens when you hover each individual link. */
    background-color: #3667ae;
}
nav li li:hover a { /* link stays 'hovered' even when your cursor has moved down the list of drugi meni. */
    background-color: #3667ae;
}
nav li li:hover ul a { /* backgroung drugog podmenija */
    background-color: #112e5c;
}
nav li:hover ul ul a:hover { /* what happens when you hover each individual link. */
    background-color: #3667ae;
}

/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' ';}
li > a:only-child:after { content: '';}


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 1000px) {

	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	    width: 100%;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #3667ae;
		padding:14px 20px;	
		color:#FFF;
		font-size:12px;
		text-decoration:none;
        border: 3px solid red;
	}

.naslovna {
	content:"";
	display:table;
	clear:both;
}
	nav ul .toggle,
	nav li a  {
  border: none;
  border-bottom: 1px solid #444444;
  background-color: #0e2549;
	}
	
	.toggle:hover,
	nav:hover,
	nav li a:hover {
	background-color: #3d74c4;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #225ebb;
	}
    nav a {
		padding:0;
		padding:14px 20px 14px 20px;
    }
  
	nav ul li ul li .toggle,
	nav ul ul a,
    nav ul ul ul a{
		padding:14px 20px 14px 35px;	
    font-size: 12px;
	}

	nav ul ul ul a {
		padding:14px 20px 14px 50px;
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #14366c; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}
	
nav a { 
    font-size: 12px;
}
nav li a { 
    font-size: 12px;
}
nav li ul a { 
    font-size: 12px;
}
nav li ul a {
    font-size: 12px;
}
nav li li a {
    font-size: 12px;
}
nav li li ul a {
    font-size: 12px;
}
nav li ul ul a {
    font-size: 12px;
}

nav a.toggle { 
    font-size: 12px;
}
nav li a.toggle { 
    font-size: 12px;
}
nav li ul a.toggle { 
    font-size: 12px;
}
nav li ul a.toggle {
    font-size: 12px;
}
nav li li a.toggle {
    font-size: 12px;
}
nav li li ul a.toggle {
    font-size: 12px;
}
nav li ul ul a.toggle {
    font-size: 12px;
}
	
nav a:visited { 
    font-size: 12px;
}
nav li a:visited { 
    font-size: 12px;
}
nav li ul a:visited { 
    font-size: 12px;
}
nav li ul a:visited {
    font-size: 12px;
}
nav li li a:visited {
    font-size: 12px;
}
nav li li ul a:visited {
    font-size: 12px;
}
nav li ul ul a:visited {
    font-size: 12px;
}

nav a.toggle:visited { 
    font-size: 12px;
}
nav li a.toggle:visited { 
    font-size: 12px;
}
nav li ul a.toggle:visited { 
    font-size: 12px;
}
nav li ul a.toggle:visited {
    font-size: 12px;
}
nav li li a.toggle:visited {
    font-size: 12px;
}
nav li li ul a.toggle:visited {
    font-size: 12px;
}
nav li ul ul a.toggle:visited {
    font-size: 12px;
}	
nav a:active { 
    font-size: 12px;
}
nav li a:active { 
    font-size: 12px;
}
nav li ul a:active { 
    font-size: 12px;
}
nav li ul a:active {
    font-size: 12px;
}
nav li li a:active {
    font-size: 12px;
}
nav li li ul a:active {
    font-size: 12px;
}
nav li ul ul a:active {
    font-size: 12px;
}

nav a.toggle:active { 
    font-size: 12px;
}
nav li a.toggle:active { 
    font-size: 12px;
}
nav li ul a.toggle:active { 
    font-size: 12px;
}
nav li ul a.toggle:active {
    font-size: 12px;
}
nav li li a.toggle:active {
    font-size: 12px;
}
nav li li ul a.toggle:active {
    font-size: 12px;
}
nav li ul ul a.toggle:active {
    font-size: 12px;
}
	}

/* KRAJ NAVIGACIJE
--------------------------------------------- */
.fullscreen-bg {
    position: static;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
}

.fullscreen-bg__video {
  position: relative;
  top:0;
  right: 0;
  bottom: 0;
  max-width: 100%; 
  height: auto;
    z-index: -100;
}