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

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

.bela {color:#fff;}
.zuta {color:#ffde00;}
.plava {color:#1ea0da;}
.tamnoplava {color:#002b64;}
.zelena {color:#a1de4f;}
.siva {color:#333c42;}
.tamnosiva {color:#2b343a;}
.svetlosiva {color:#9ba6ad;}

.bg-bela {background-color:#fff;}
.bg-zuta {background-color:#ffde00;}
.bg-plava {background-color:#1ea0da;}
.bg-zelena {background-color:#a1de4f;}

p.zuta a {color:#ffde00;}
p.plava a {color:#1ea0da;}
p.zelena a {color:#a1de4f;}


.skriveno {visibility: hidden;}

.bezlinije {text-decoration: none;}

/*body:not(.raspored) .tm-content ul {list-style-image: url(../../../images/ico/bullet.png);}*/


.vl { /* vertikalna linija */
  border-left: 2px solid #fff;
  height: 500px;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 0;
}

/*************/
/* PRE LINIJA */ 

.pre-linija a {text-decoration:none;} 
.pre-linija span.performa {color:#000;} 
.pre-linija span.fitnes {color:#e8ecef;} 
.pre-linija span.dance {color:#ffde00;} 
.pre-linija span.swim {color:#1ea0da;} 
.pre-linija span.spa {color:#a1de4f;} 

/* pre linija u meniju off convas*/

.pre-linija-off {
	font-family: Oswald;
	letter-spacing: 1.2vw;
    font-weight: 100;
	font-size: 100%;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #59656d;
	
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}	
.pre-linija-off span {
	
	display: block; 					
	padding-left: 1.2vw;
    padding-bottom: 5px;
	
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}



/* pre linija u meniju hederu */

.tm-headerbar .uk-panel {max-width: 600px !important;}

.pre-linija-heder {
	font-family: Oswald;
	line-height: 23px;
	letter-spacing: 1vw;
	font-size: 80%;
    font-weight: 400;
	padding: 0 0 0 10px;
	margin: 20px 0 -20px 0;
	
	
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}	
.pre-linija-heder span {
	display: table;
	border-bottom:1px solid transparent;
	
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.pre-linija-heder span:hover {
	border-bottom:1px solid #ccc;
	
	
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.slogan {	
    font-family: Oswald;
    letter-spacing: 0.02vw;
    font-weight: 500;
    line-height: 100%;
    font-size: 212%;
    text-transform: uppercase;
    text-align: right;
    margin: 23px 20px 20px 0;
    display: inline-block;
    border-right: 1px solid #fff;
    color: #fff;
    padding-right: 15px;
	}


/**/	

.tm-logo {max-width: 227px; /*margin-bottom: -40px;*/ margin-top: 40px;} 
.tm-logo-small img {max-height: 77px; margin-top: 6px;}  
.tm-middle:not(.naslovna) {padding-bottom: 50px;}

/**/
 
h1 {/*font-size:300% !important; */font-weight: 600 !important;} 
h2 {/*font-size:300% !important;*/ font-weight: 600 !important;} 
h3 {/*font-size:300%*/ } 	
h4 {font-size:200%;} 
h5 {font-size:180%;} 
h6 {font-size:150%;} 

.uk-panel-box h3, h4, .novosti .uk-article-title {font-family: 'Oswald'; font-weight: 400; line-height: 120%;}
.novosti .uk-article-title {font-size:32px !important;}
h5, h6 {font-family: 'Oswald';}
/*.uk-panel-box  {font-weight: 300;}*/

.uk-article-title, .tm-title {
	border-bottom: 2px #454f54  dotted;
    margin-bottom: 40px;
    padding-bottom: 10px;
	}
.uk-breadcrumb {font-weight: 400;}	
.uk-float-right {font-weight: 400;}


/** NASLOVNA INTRO BOX **/
/************************/

.nas-grid  {margin-top:-30px;}
.nas-grid div:not(:first-of-type) {border-left:5px solid #fff;}
		
.nas-grid div {padding: 3vw 0 0;border-top:2px solid #fff;border-bottom:50px solid #fff;}
@media (max-width: 959px) {.nas-grid div:first-of-type {border-bottom:2px solid #fff;}}
		
.nas-grid div div, .nas-info div div {padding: 0; border:none !important;}

.nas-grid h1 {
	font-size: 240% !important;
    font-weight: 100 !important;
    letter-spacing: 6px;
}


.nas-info {padding-left:34px !important;}
.nas-info .n1-logo img {max-width: 100%;max-height: 120px;}

.nas-info .n1-4321 {
    font-size: 24px;
    font-weight: 900;
    line-height: 92%;
    text-align: left;
    padding-left: 25%;
    padding-top: 30px;
    text-transform: uppercase;
	}
.nas-info .n1-4321 span {
    font-size: 56px;
	line-height: 38px;
	}
.nas-info .n1-lokacije {
	font-size: 16px;
    padding-left: 70px;
    padding-top: 20px;
	}
.nas-info .n1-url {
	font-size: 16px;
    padding-left: 70px;
    padding-top: 20px;
	}
	
@media (min-width: 960px) and (max-width: 1219px) {
	.nas-info {padding-left: 24px !important;}
	.nas-info .n1-logo img {max-width: 90%;}
}

@media (min-width: 960px) and (max-width: 1440px) {
	.nas-info .n1-4321 {padding-left: 15%;}	
	.nas-info .n1-lokacije {font-size: 14px;padding-left: 10%;}
	.nas-info .n1-url {font-size: 12px; padding-left: 10%;}
}

@media (min-width: 768px) and (max-width: 959px) {
	.nas-grid div {padding: 2vw 0 0;}
	.nas-info {padding-left: 10px !important;}
	.nas-info .n1-logo img {padding-top:10px; max-height: 130px;}
	.nas-info .n1-4321 {padding-top: 15px; padding-left: 0%; font-size: 20px; padding-bottom: 30px;}	
	.nas-info .n1-4321 span {font-size: 42px; line-height: 28px;}	
	.nas-info .n1-lokacije {font-size: 14px; padding-left: 0px; padding-top: 40px;}
	.nas-info .n1-url {font-size: 16px; padding-left: 0px; padding-top: 70px;}
}

@media (max-width: 767px) {
	.uk-grid.nas-grid {margin-left:0;}
	.nas-grid div {padding: 1vw 0 0; border:none;}
	.nas-grid div:not(:first-of-type) {border-left: none;}
	.nas-info .n1-url {padding-bottom: 30px;}
}

.nas-grid div:not(.nas-info) .uk-grid img {
	opacity:1;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.nas-grid div:not(.nas-info) .uk-grid img:hover {
	opacity:0.5;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}


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


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



/* linkovi u clancima */
.uk-article a {
	text-shadow: 0px 0px 2px #0c0c0c;
	/*white-space: nowrap;*/
	font-weight: 500;
}

/* highlight */

span.highlight {
    background-color: rgba(155, 166, 173, 0.2);
    font-weight: bold;
    padding: 1px 0;
}

/* Blog */

.blogg .uk-article-meta time {float:right;}

.blogg article:not(:last-of-type)::after  {
	content: " ";
    display: block;
    width: 50%;
    border-right: 1px solid #fff;
    height: 150px;
}

.blogg article p:last-of-type a {
	color: #2b343a;
    text-decoration: none;
    background: #ffffff;
    padding: 5px 15px;
    border-radius: 10px;
	border:1px solid transparent;
	display: inline-block;
    margin-bottom: 50px;
}
.blogg article p:last-of-type a:hover {
	color: #fff;
    background: transparent;
	border:1px solid #fff;
}


/* Blogeri */

.blogeri .contact-articles li a {font-size:150%; text-decoration:none;}
.blogeri .row-striped .row-fluid,.blogeri .row-striped .row-fluid:nth-child(odd) {background-color: transparent;}
.blogeri .row-striped .row-fluid a {font-size:150%; text-decoration:none;}
.blogeri .list-striped, .row-striped {border-top: none;}
/* stilovi */

.stil-prazan {background: transparent;}
.stil-nula {padding: 0 !important; border:0 !important;}
.stil-zuti {background: #1ea0da;}
.stil-sivi {background: #ddd;}

.stil-fejs {background: #3b5998; color:#fff; overflow: hidden; border-right: 20px solid #3b5998;}
.stil-fejs h3 {color:#fff !important;}
.fejs-bg {background: url(../../../images/ico/like-big2.png) center no-repeat #3b5998;} 

/*		
.stil-mapa {margin: 0;padding: 0; width: 100%;}
			@media (min-width: 960px) { 
				.stil-mapa { position: absolute;	left: 0;right: 0; }}
				*/
 
.stil-tamni  {background: #222; color:#fff;}
.stil-tamni .uk-panel-title  {color:#fff;}
.stil-tamni a {color:#1ea0da !important;}
.stil-tamni a:hover {color:#fff !important;}

.stil-tamni2  {background: #777; color:#fff;}
.stil-tamni2 .uk-panel-title  {color:#1ea0da;}
.stil-tamni2 a {color:#1ea0da !important;}
.stil-tamni2 a:hover {color:#fff !important;}




/*jezik*/
.mod-languages a {color:#1ea0da;}
.mod-languages a:hover {color:#fff;}

/*tag*/
.tag-category  h2 {text-transform: capitalize;}
.tag-category  h2:before {content: "Tag:"; font-family:Oswald; font-size: 24px; font-weight:700;}



/* zaglavlje desno */
.zaglavlje-0red {
	clear:both; 
	margin-bottom:25px !important;
	}
	
.zaglavlje-1red {
	clear:both; 
	margin-right:-5px !important;
	} 
.zaglavlje-1red li { 
	max-width: 164px;
	overflow: hidden;
	white-space: nowrap;
	border-radius: 16px;
		-webkit-border-radius: 16px;
		-webkit-transform: translateZ(0);
	
	} 
/*.zaglavlje-1red li:hover { 
	overflow: visible;
	position: relative;	
	}*/
	
.zaglavlje-1red ul, 
.zaglavlje-1red ul li {
	display:inline;
	float:left; 
	padding:0 2px !important;
	margin:0px !important;
	border:0 !important;
	}

.zaglavlje-1red h4 {
	float:left;
	margin:0;	
	line-height: 22px;
	margin-top: 2px;
	}

.zaglavlje-2red {
	clear:both; 
	margin-top:3px !important;
	}

.zaglavlje-2red strong {
	margin-right:4px !important;
	}

/* zuto-crno */
/*
.zuto-crno h4, .zuto-crno strong, .zuto-crno span {
	font-size: 13px;
	text-transform: uppercase;
	font-weight:normal;
	padding:0 7px !important;
	color:#222;
	background: #1ea0da !important;	
	border-radius: 16px;
		-webkit-border-radius: 16px;
		-webkit-transform: translateZ(0);
	}

 .zuto-crno a {
	font-size: 14px; 
	background: #222 !important;
	color: #1ea0da !important;
	padding: 0 7px;
	border-radius: 16px;
		-webkit-border-radius: 16px;
		-webkit-transform: translateZ(0);
	text-decoration: none;
	}

.zuto-crno a:hover {
	background: #fff !important;
	color: #222 !important;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #222;
	}
	*/

/* sivo-zuto */

.zuto-crno h4, .zuto-crno strong, .zuto-crno span {
	font-size: 13px;
	text-transform: uppercase;
	font-weight:normal;
	padding:0 7px !important;
	color:#fff;
	background: #ccc !important;	
	border-radius: 16px;
		-webkit-border-radius: 16px;
		-webkit-transform: translateZ(0);
	}

.zuto-crno h4:hover, .zuto-crno strong:hover, .zuto-crno span:hover {
	color:#fff;
	background: #222 !important;	
	}

.zuto-crno h4:hover:after, .zuto-crno strong:hover:after, .zuto-crno span:hover:after {
	content: url(../../../images/ico/anim-222-desno.gif);
	padding: 0 !important;
    margin: 0 !important;
	}

 .zuto-crno a {
	font-size: 14px; 
	background: #1ea0da !important;
	color: #222 !important;
	padding: 0 7px;
	border-radius: 16px;
		-webkit-border-radius: 16px;
		-webkit-transform: translateZ(0);
	text-decoration: none;
	}

.zuto-crno a:hover {
	background: #222 !important;
	color: #fff !important;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #222;
	}



/* BOTTOM B */
/*
.tm-bottom-b::before {
	content: " ";
	z-index:-1;
	height: 100%;
	max-height: 380px;
	background:#444; 
	position: absolute;	left: 0;right: 0; 
	margin-top: -30px;
	}
*/

/* footer */

.tm-footer {
	background:#2b343a; 
	color: #fff;
	
	margin-bottom: 0;
	margin-top: 0;
	
	padding: 40px 0;
	}

.tm-footer .mreza a {
	text-decoration:none;
	letter-spacing: 10px;
    padding: 0 5px;
	}
.tm-footer a {color: #9ba6ad;}
.tm-footer a:hover {color: #fff;}

/* tim */

.tim .uk-article hr {clear:both; padding:5px 0;} 
.tim .uk-article strong {color:#1ea0da; font-size:200%;} 
.tim .uk-article img {display:inline-block; float:left !important; margin:0 50px 50px 0;} 
@media (max-width: 599px) {.tim .uk-article img { max-width:50px; display:inline-block; float:left !important; margin:0 10px 10px 0;} }
@media (min-width: 1220px) {.tim .uk-article span {text-decoration:none !important; font-weight:bold; float: right; margin: -25px 0;} }

/* O nama */

.onama .uk-article .uk-grid.slika  {margin-left:0 !important;}
.onama .uk-article .slika img {
	opacity:0.6;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;	
	}
.onama .uk-article .slika:hover img {
	opacity:1;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;	
	}

/* pravougaonici */ 
	
.uk-article .pravougaonici div div {
	background:;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;	
	}
.uk-article .pravougaonici div div:hover {
	background:#9ba6ad;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;	
	}
	
	

/* usluge */

.usluge .uk-article li {font-size: 150%; line-height:150%; font-weight:200;}


/* lokacije */

.lokacije .uk-article .uk-float-right img {width:47%; margin:1%;}


/* novosti */

.mod-novosti-h .minifrontpage-default .mfp-table-cell p {padding:0;color:#fff;}
.mod-novosti-h .minifrontpage-default .mfp-table-cell p a {color:#fff;}
.mod-novosti-h .minifrontpage-default .mfp-introtitle a {text-decoration:none;font-weight: 700;}
.mod-novosti-h .minifrontpage-default .mfp-table-cell-inner img { height: auto !important; }

/* kontakt */

.kontakt legend {font-size:16px;}
.kontakt .contactkontakt h3 {display:none;}
.kontakt .form-actions  {padding-top:0; background:#fff;margin-top:-30px;margin-bottom: 40px;}
.kontakt #jform_contact_message  {min-height:70px;}
.kontakt .tm-content {margin-bottom:-70px;} /* neki bug iz forme */
.kontakt dt {font-weight:400;} 
.kontakt .tm-bottom-a {height:480px;} /* fix zbog full-size mape */

/* pretraga */

/*
.mod-pretraga {border: 1px solid #777; margin:-1px;}
.mod-pretraga {background:#fff;}
.uk-search:before {color: #ddd;}
*/
/*
input.uk-search-field {background: #fff; border: 1px solid #777;}
input.uk-search-field:focus {background:#fff; width:150px; border: 1px solid #777;}

*/
.uk-navbar .uk-search.uk-active .uk-search-field {color: #fff;}
.uk-navbar input.uk-search-field:focus {color: #000;}

/* zaposlenje */
.form-actions {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
}

/* newsletter */

.mod-newsletter .inputbox {width:95%;}
.mod-newsletter .asterix-ancor {display:none;}
.mod-newsletter .visform {margin:0;}
.mod-newsletter fieldset {margin:0;}
.mod-newsletter .btn {float: right; padding: 2px 10px; border-radius: 6px;
		-webkit-border-radius: 6px;	-webkit-transform: translateZ(0);}
.mod-newsletter .visCustomText {margin-top: -10px;  margin-bottom: 0;}
/* sistem sys */

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


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


/* Phone landscape and bigger */
@media (max-width: 479px) {

}/**/

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

}/**/

/* Phone landscape and smaller */
@media (max-width: 767px) {
	.tm-navbar {margin-right: 0px; margin-left: 0px;} /* fix za mob */
	.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {padding: 0px;}/* fix za mob */
	
	.tm-navbar:not(.uk-navbar-attached) {height: 90px;}
	.uk-navbar-toggle {margin-top: 17px;float: right;}

	body.usluge { /* usluge */
		background-image: url(http://performafitnes.rs/images/diz/li/covek-linija-tamni-svetliji.png);
		background-size: 150%;
		background-attachment: fixed;
		background-position-y: 160px;
		background-position-x: 100px;
		background-repeat: no-repeat;
		}	


}/**/


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

	body.usluge { /* usluge */
		background-image: url(http://performafitnes.rs/images/diz/li/covek-linija-beli.png);
		background-size: 50%;
		background-attachment: scroll;
		background-position: 100% 320px;
		background-repeat: no-repeat;
		}	

}

@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) {
		
		
} /**/




/*.uk-navbar {	border-bottom: 5px solid #2b343a;}*/

.uk-navbar-nav > li > a {text-transform: uppercase;}
.uk-nav-offcanvas > li > a {
	/*text-transform: uppercase;*/
    font-family: Oswald;
    font-size: 120%;
    font-weight: 500;
	}

.tm-headerbar {margin-top: 0px !important; margin-bottom: 0px !important;}
.tm-navbar {margin-top: 0px !important; margin-bottom: 30px !important;}


/* meni sub tekst */
.uk-nav li > a > div { color: #777; }
/* dropdown menu */
.uk-nav-navbar>li>a:hover, .uk-nav-navbar>li>a:focus {color:#222;}


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




/* galerija */

.uk-align-left { max-width: 100%; }
.uk-align-right { max-width: 100%; }

.galerija .uk-article-title {
    font-size: 42px !important;
    line-height: 36px;
    height: 72px;
}


@media (min-width: 768px) { 
	.galerija .uk-article a.uk-align-left {
		height: 140px; overflow:hidden;	}}

		
@media (min-width: 1024px) { 
	.galerija .uk-article a.uk-align-left {
		height: 220px; overflow:hidden;	}}

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

/* 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%;  
}
}