@import url(https://fonts.googleapis.com/css?family=Open Sans:400,300|Open Sans&subset=latin,latin-ext);

html { height: 100%; } body { min-height: 100%; }

.skriveno {visibility: hidden;}									

/* boje */
.plava {color:#21baab;}
.ljubicasta {color:#800080;}
.bela {color:#fff;}


/*.bg-plava {background-color:#21baab;}*/
.bg-plava {background-color:#21baab;}
.bg-ljubicasta {background-color:#800080;}
.bg-bela {background-color:#fff;}

/* boje linkova */
a.ljubicasta:hover  {color:#21baab !important; }
a.plava:hover  {color:#800080 !important; }

/* utils */
.fejduj:hover {opacity:0.5; transition: all 0.5s ease 0s !important;}
.fejduj {opacity:1; transition:}

/* osnovno */

.uk-article {background-color:#fff; padding:10px 20px;} /* pading  na mob */

.ridmore a {
  text-decoration:none;
  	background:#21baab; 
  	color:#fff; 
	padding:3px 12px;
	border: 1px solid #21baab;
    float: right;
    margin: 0 20px;
	/*-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;*/
} 
.ridmore a:hover {background-color:#eee; color:#21baab;}

.ridedit a {float:right; font-size:80%; color:#777; }

.logo {max-width: 270px;}
.telefoni-u-hederu a {
	color:#800080;
	padding:3px 12px;
	border: 1px solid #21baab;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-decoration: none;
}
.telefoni-na-mob a {
	color:#fff;
	padding:3px 12px;
	border: 1px solid #fff;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-decoration: none;
	margin-bottom:3px;
	display: inline-block;
}

.telefoni-u-hederu a:hover {background-color:#800080; color:#fff;}
.telefoni-na-mob a:hover {background-color:#21baab; color:#fff !important;}

/* Mentor */ 

.mentor .uk-article-title {
    font-size: 32px;
    line-height: 54px;
    font-weight: 600;
    text-transform: none;
}

/* SAKRITI JUZ LOZ U FORMI */
.loginf form ul {display:none;} 

/* Mis u meniju kad nema linka */
.uk-navbar-nav > li > a[href='#'] {cursor: crosshair;}


/* galvni meni */
/****************************/

.uk-navbar-nav > li > a {
	text-transform: uppercase;
}

.uk-navbar-nav-subtitle > div {margin-top: -10px;}
.uk-nav-navbar>li>a:hover, .uk-nav-navbar>li>a:focus {background: #5AC4BA;}

.uk-navbar-nav > li {transition: background-color 0.5s ease;} 
.uk-navbar-nav > li:hover {background: #eee; transition: background-color 0.5s ease;}

html:not(.uk-touch) .uk-nav-offcanvas .uk-nav-sub > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas .uk-nav-sub > li > a:focus {background: #9a0099;} /* hover submenija na mob */

.uk-nav-offcanvas .uk-nav-header {color: #00d6c1;}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {background: #800080; color: #ffffff;}
	
/* meni sub tekst */
.uk-nav li > a > div { color: #777; }
/* dropdown menu */
.uk-nav-navbar > li > a {color: #ffffff; font-weight:500;}
.uk-nav-navbar>li>a:hover, .uk-nav-navbar>li>a:focus {color:#fff; font-weight:500;}

/* BOJE U MENIJU */

#meni>li:first-child {border-top:5px solid #60cae8;}
#meni>li:nth-child(2) {border-top:5px solid #bed431;}  
#meni>li:nth-child(3) {border-top:5px solid #e21e25;}  
#meni>li:nth-child(4) {border-top:5px solid #f6c815;}  
#meni>li:nth-child(5) {border-top:5px solid #c6c6c6;}  
#meni>li:nth-child(6) {border-top:5px solid #7251a2;}  
#meni>li:nth-child(7) {border-top:5px solid #fe4419;}  
#meni>li:nth-last-child(2) {border-top:5px solid #f11aa8;}  
#meni>li:last-child {border-top:5px solid #23BF40;}  

/*******/

/* Sige galerija za reference*/

.sige_thumb img {border: 0px solid #ccc !important;}
.sige_thumb {background: transparent !important; }

/************************************************/
/* SLAJDERI */

.slajder-hak  {
    margin-top: -35px;
    z-index: -1;
}

.godine-postojanja {transition: all 0.5s ease 0s !important;}
.godine-postojanja span {color:#fff !important;}
.godine-postojanja:hover span {color:#21baab !important;}
.godine-postojanja {padding: 40px 60px !important; border: dashed 1px #fff !important; color: #21baab !important;}
.godine-postojanja:hover {border: dashed 1px #21baab !important; color: #fff!important; }

.dugme-ljubicasto {background-color:#800080 !important;}
.dugme-ljubicasto:hover {background-color:#fff !important;}

/******************************/
/* Obuke boxevi na naslovnoj */

.obuke-boxevi figure p {font-weight: 600;color: #fff; line-height: initial;}

.obuke-boxevi .nob-1 figure {background-color:#228d57;} /* prodaja - dolar zelena */
.obuke-boxevi .nob-2 figure {background-color:#e21e25;} /* rukovodjenje - crvena */
.obuke-boxevi .nob-3 figure {background-color:#7251a2;} /* licni razvoj - ljubicasta*/
.obuke-boxevi .nob-4 figure {background-color:#fcff00;} /* customer exper - zuta */
.obuke-boxevi .nob-4 figure p {color:#000;} 
.obuke-boxevi .nob-5 figure {background-color:#0072ff;} /* neuro - plava */ 
.obuke-boxevi .nob-6 figure {background-color:#ffa200;} /* PPC - narandzasta */

/******************************/
/* Ostali treninzi boxevi */

.svi-treninzi-boxevi div div {height:200px;}
.svi-treninzi-boxevi p {
	color: #800080;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 80%;
	line-height: normal;
	min-height: 38px;
	}
.svi-treninzi-boxevi figure {width:100%; background-color:#f3f3f3; /*border: 5px solid #f3f3f3;*/}

.str-lista-svih-treninga .nn_tabs>ul.nav-tabs>li {/*width: 20%; */ min-width: 150px; text-align: center;}

/* .str-lista-svih-treninga .nn_tabs>ul.nav-tabs>li>a {color: #7d287d;} */
.str-lista-svih-treninga .nn_tabs>ul.nav-tabs>li>a:hover {color: #21baab;}
.str-lista-svih-treninga .nn_tabs .nav-tabs>li.active>a, .nn_tabs .nav-tabs>li.active>a:hover {color: #21baab;}


.str-lista-svih-treninga .nn_tabs>ul.nav-tabs>li:first-child a {color:#228d57;}
.str-lista-svih-treninga .nn_tabs>ul.nav-tabs>li:nth-child(2) a {color:#e21e25;}
.str-lista-svih-treninga .nn_tabs>ul.nav-tabs>li:nth-child(3) a {color:#7251a2;} 
.str-lista-svih-treninga .nn_tabs>ul.nav-tabs>li:nth-child(4) a {color:#fcff00;}  
.str-lista-svih-treninga .nn_tabs>ul.nav-tabs>li:nth-last-child(2) a {color:#0072ff;}
.str-lista-svih-treninga .nn_tabs>ul.nav-tabs>li:last-child a {color:#ffa200;} 


.str-lista-svih-treninga .tm-bottom-a {display:none;}


/* badge, bedzevi */

.uk-panel-badge {
    position: absolute;
    top: -25px !important;
    right: -25px !important;
    z-index: 1;
}

.uk-badge {
	transform: translateX(30%) translateY(0%) rotate(45deg);
    transform-origin: top left;
    padding: 2px 40px;
}

/*************/
/* mini front page NOVOSTI */

.novosti-h .mfp-introtitle a {text-decoration:none;}
.novosti-h .mfp-table-cell-inner strong {font-weight:100;}
.novosti-h .minifrontpage-default .mfp-table-cell p {display:inline-block;}
.novosti-h .mfp-table-cell  {padding-top:15px;}
.novosti-h .mfp-table-cell:hover  {background-color:#fff;}

.novosti-one .mfp-table-cell-inner  {text-align:center;}

.minifrontpage-default a.mfp-readon {background: #21baab !important;}
.minifrontpage-default a.mfp-readon:hover {background: #800080 !important;}


/* KAUNTER */

.kanter .jmm-subtitle { display:none;}
.kanter .jmm-counter-in { color:#fff;}
.kanter .jmm-timer { font-size: 140% !important; font-weight:600; font-family: 'Oswald';}
.kanter .jmm-unit { font-size: 24px !important;font-weight: 600;clear: both;display: inherit;}

.jmm-counter.default .jmm-mod-row {margin: 0;} /* da ne pokazuje skroll dole */

.uk-block-default.kanter {
	background: transparent url(/images/_diz/bg-counter-plavi.jpg) center center no-repeat fixed;
    background-size: cover;
    position: relative;
	min-height: 300px;
	padding-top: 100px; /* na mob viewportu izmenjen pading */
}

.kanter:before {
	/*
	content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #21baab;
    opacity: 0.7;
	*/
	
}

/* accordian lista, faq */

.uk-article .akord-lista .uk-accordion-title {color:#800080; font-size: 120%; text-transform: none;}

/* tag cloud */
#joeswordcloud a {color: #bbbbbb; text-decoration: none;}
#joeswordcloud:hover a {color: #21baab;}
#joeswordcloud:hover a:hover {background-color: #800080; color:#fff;}


/*************************/
/* footer */

.tm-footer {
    background: #800080;
	color: #fff;
	margin-bottom:0px;
	/*min-height:360px;*/
}

.tm-footer .social a {color: #21baab;}
/*.tm-footer .social a:hover {color: #800080;}*/
.tm-footer .social a:hover {color: #fff;}

/* BLOCK primarni, secundary, default */
/********************************************/

.uk-block-primary .uk-nav-side > li > a, 
.uk-block-secondary .uk-nav-side > li > a {
    color: #fff; /* linkovi */
}


.uk-block-secondary .uk-panel-title, 
.uk-block-secondary {
    color: #fff; /* naslovi */
}

/********************************************/



/* last separator */
.tm-leading-article .uk-article:last-child {
	padding-bottom: 0;
	border-bottom: none;
	}


/* UK-active kad je block obojen */	

/*.uk-block-primary .uk-nav-side > li.uk-active > a {background-color: #800080;}
.uk-block-secondary .uk-nav-side > li.uk-active > a {background-color: #21baab;}*/
.uk-block-primary .uk-nav-side > li.uk-active > a {background-color: #ffffff36;}
.uk-block-secondary .uk-nav-side > li.uk-active > a {background-color: #ffffff36;}

/* sistem sys */

#system-message-container .uk-alert-success {
    background: #222;
    color: #ffde00;
}
#system-message-container h2 {
	font-family: Open Sans !important;
	font-weight: 400 !important;
	font-size: 44px !important;
	float: left;
	padding-right: 20px;
	}


	
/************/
/************/
/************/
/************/


/* Phone landscape and bigger */
@media (max-width: 479px) {
	.uk-article {padding:5px 2px; padding-right:2px;}

}/**/

@media (min-width: 480px) and (max-width: 767px) {

}/**/

/* Phone landscape and smaller */
@media (max-width: 767px) {

		.tm-navbar { /* fiksiran meni na mobilnim */
		/*position: fixed;*/
		border-bottom: 1px solid #eee;
		z-index: 999999;
		}
		
		.tm-middle {margin-top: 75px;}

		.uk-block-default.kanter {
		padding-top: 50px;
		padding-bottom: 50px;
	}
		
}/**/


/* Tablet and bigger */
@media (min-width: 768px) {


}

@media (min-width: 768px) and (max-width: 959px) { 	
	


}/**/




/* Tablet portrait and smaller */
@media (max-width: 959px) {


}

/* Tablets portrait */
@media (min-width: 960px) and (max-width: 1219px) {


}/**/



/* Desktop and bigger */
@media (min-width: 960px) {

}

/* Large screen and bigger */
@media (min-width: 1220px) {
	
	
		
} /**/




	
	
	


/*************/
/*************/
/*************/



 

/* youtube responsive */
.video {
    position: relative;  
    padding-bottom: 56.25%; /* 16/9 ratio */  
    padding-top: 30px; /* IE6 workaround*/  
    height: 0;  
    overflow: hidden;  
}  

.video iframe,  
.video object,  
.video embed {  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 100%;  
}

/* Title i ALT boja i izgled */