@charset "UTF-8"; 

.bojanke{
font-family: 'Staatliches', cursive;
margin:2px auto;
width:25%;
text-align:center;
display:inline-block;
font-size:33px;
color:#ff0000;
text-shadow: 2px 2px 2px #6666;
}

.bojankeonline{
font-family: 'Staatliches', cursive;
margin:2px auto;
width:25%;
text-align:center;
display:inline-block;
font-size:33px;
color:#ff0000;
text-shadow: 2px 2px 2px #6666;
}

.pozadine{
font-family: 'Staatliches', cursive;
margin:2px auto;
width:25%;
text-align:center;
display:inline-block;
font-size:33px;
color:#ff0000;
text-shadow: 2px 2px 2px #6666;
}

.igrice{
font-family: 'Staatliches', cursive;
margin:2px auto;
width:25%;
text-align:center;
display:inline-block;
font-size:33px;
font-weight:bold;
color:#ff0000;
text-shadow: 2px 2px 2px #6666;
}

#bojanket{
margin:2px auto;
width:25%;
text-align:center;
display:inline-block;
font-family: 'Staatliches', cursive;
font-size:20px;
}

#onlajnbojanket{
margin:2px auto;
width:25%;
text-align:center;
display:inline-block;
font-family: 'Staatliches', cursive;
font-size:20px;
}

#pozadinet{
margin:5px auto;
width:25%;
text-align:center;
display:inline-block;
font-family: 'Staatliches', cursive;
font-size:20px;
}

#igricet{
margin:2px auto;
width:25%;
text-align:center;
display:inline-block;
font-family: 'Staatliches', cursive;
font-size:20px;
}


.overlay-video {
  display: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -ms-transition: opacity 600ms ease-in;
  transition: opacity 600ms ease-in;
  -ms-transition: opacity .6s;
  transition: opacity .6s;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 999999;
}

.o1 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -ms-transition: opacity 600ms ease-out;
  transition: opacity 600ms ease-out;
  -ms-transition: opacity .6s;
  transition: opacity .6s;
}

.videoWrapperExt {
  position: relative;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 982px;
  padding: 0 20px;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.close {
 background-image:url(http://djit.ac/assets/images/news/mark.png);
  position: absolute;
  top: -50px;
  right: 0px;
  cursor: pointer;
  z-index: 9999;
  height: 40px;
  width: 40px;
  background-size: 40px;
  @media (max-width: 767px) and (orientation: landscape) {
    display: none;
  }
}


/* demo purpose */
.start {
text-align:center;font-size:40px;text-decoration:underline;color:blue;text-transform:uppercase;cursor:pointer;}

.boxgrid{ 
				width: 230px; 
				height: 230px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #B5121B; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Calibri", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #B5121B; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 0;
 					left: 0;
 				}

/*
AKME CSS Upgrade for theme
Modifikovano 31. mart 2021.
*/


.btn-primary-meni1 {
font-size: 20px;
text-decoration: none;
text-align: center;
	background: -moz-linear-gradient(top,  #FFFFFF 50%, #FFFFFF 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#FFFFFF), color-stop(50%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFFFFF 50%,#FFFFFF 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFFFFF 50%,#FFFFFF 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFFFFF 50%,#FFFFFF 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #FFFFFF 50%,#FFFFFF 50%); /* W3C */
}

.btn-primary-meni2 {
font-size: 20px;
text-decoration: none;
text-align: center;
	background: -moz-linear-gradient(top,  #FFFFFF 50%, #FFFFFF 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#FFFFFF), color-stop(50%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFFFFF 50%,#FFFFFF 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFFFFF 50%,#FFFFFF 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFFFFF 50%,#FFFFFF 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #FFFFFF 50%,#FFFFFF 50%); /* W3C */
}


.btn-primary-meni3 {
font-size: 20px;
text-decoration: none;
text-align: center;
	background: -moz-linear-gradient(top,  #FFFFFF 50%, #FFFFFF 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#FFFFFF), color-stop(50%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFFFFF 50%,#FFFFFF 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFFFFF 50%,#FFFFFF 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFFFFF 50%,#FFFFFF 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #FFFFFF 50%,#FFFFFF 50%); /* W3C */
}

.btn-meni {
padding: 5px 5px;
    font-size: 16px;
    font-color: #ffffff !important;
	background-color: #f6f6f6;
}

.btn-meni1 {
padding: 5px 5px;
    font-size: 14px;
    font-color: #ffffff !important;
	background-color: #f6f6f6;
}

.btn-meni2 {
padding: 5px 5px;
    font-size: 14px;
    font-color: #ffffff !important;
	background-color: #f6f6f6;
}

.contact-contentz .members-areaz .member-profilez .member-profilez-img {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.contact-contentz .members-areaz .active-memberz .member-profilez .administratorz {
	position: absolute;
	top: -13px;
	z-index: 999;
	display: block;
	color: #fff;
	font-weight: bold;
}


#navrh {
    position:fixed;
    right:10px;
    bottom:70px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#a81315;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#navrh span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
}
#navrh:hover {
    background-color:#022873;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


.btn-primary500 {
font-size: 20px;
text-decoration: none;
text-align: center;
	background: -moz-linear-gradient(top,  #0500c0 50%, #0500c0 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#0500c0), color-stop(50%,#0500c0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0500c0 50%,#0500c0 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0500c0 50%,#0500c0 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0500c0 50%,#0500c0 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #0500c0 50%,#0500c0 50%); /* W3C */
}


.btn-primary1 {
font-size: 20px;
text-decoration: none;
text-align: center;
	background: -moz-linear-gradient(top,  #0070c0 50%, #0070c0 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#0070c0), color-stop(50%,#0070c0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0070c0 50%,#0070c0 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0070c0 50%,#0070c0 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0070c0 50%,#0070c0 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #0070c0 50%,#0070c0 50%); /* W3C */
}


.btn-primary5 {
font-size: 20px;
text-decoration: none;
text-align: center;
	background: -moz-linear-gradient(top,  #A71D21 50%, #A71D21 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#A71D21), color-stop(50%,#A71D21)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #A71D21 50%,#A71D21 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #A71D21 50%,#A71D21 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #A71D21 50%,#A71D21 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #A71D21 50%,#A71D21 50%); /* W3C */
}

.btn-primary2 {
font-size: 20px;
text-decoration: none;
text-align: center;
	background: -moz-linear-gradient(top,  #ac7e0c 50%, #ac7e0c 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ac7e0c), color-stop(50%,#ac7e0c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ac7e0c 50%,#ac7e0c 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ac7e0c 50%,#ac7e0c 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ac7e0c 50%,#ac7e0c 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #ac7e0c 50%,#ac7e0c 50%); /* W3C */
}


.btn-primary3 {
font-size: 20px;
text-decoration: none;
text-align: center;
	background: -moz-linear-gradient(top,  #00b0f0 50%, #00b0f0 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#00b0f0), color-stop(50%,#00b0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00b0f0 50%,#00b0f0 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00b0f0 50%,#00b0f0 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00b0f0 50%,#00b0f0 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #00b0f0 50%,#00b0f0 50%); /* W3C */
}


.btn-primary4 {
font-size: 20px;
text-decoration: none;
text-align: center;
	background: -moz-linear-gradient(top,  #548135 50%, #548135 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#548135), color-stop(50%,#548135)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #548135 50%,#548135 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #548135 50%,#548135 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #548135 50%,#548135 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #548135 50%,#548135 50%); /* W3C */
}


.btn-primary101 {
font-size: 20px;
text-decoration: none;
text-align: center;
	background: -moz-linear-gradient(top,  #31bebc 50%, #31bebc 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#31bebc), color-stop(50%,#31bebc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #31bebc 50%,#31bebc 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #31bebc 50%,#31bebc 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #31bebc 50%,#31bebc 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #31bebc 50%,#31bebc 50%); /* W3C */
}


.btn-primary33 {
font-size: 20px;
text-decoration: none;
text-align: center;
	background: -moz-linear-gradient(top,  #FFFF00 50%, #FFFF00 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#FFFF00), color-stop(50%,#FFFF00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFFF00 50%,#FFFF00 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFFF00 50%,#FFFF00 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFFF00 50%,#FFFF00 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #FFFF00 50%,#FFFF00 50%); /* W3C */
}

.btn-primary6 {
font-size: 20px;
text-decoration: none;
text-align: center;
	background: -moz-linear-gradient(top,  #FF0000 50%, #FF0000 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#FF0000), color-stop(50%,#FF0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FF0000 50%,#FF0000 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FF0000 50%,#FF0000 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FF0000 50%,#FF0000 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #FF0000 50%,#FF00001 50%); /* W3C */
}

a.btn-primary1:hover {background: #6097bf;}
a.btn-primary1:active {color: #ffffff;}
a.btn-primary1:link {color: #ffffff;}
a.btn-primary1:visited {color: #ffffff;}

a.btn-primary2:hover {background: #ab9355;}
a.btn-primary2:active {color: #ffffff;}
a.btn-primary2:link {color: #ffffff;}
a.btn-primary2:visited {color: #ffffff;}

a.btn-primary3:hover {background: #78d0f0;}
a.btn-primary3:active {color: #ffffff;}
a.btn-primary3:link {color: #ffffff;}
a.btn-primary3:visited {color: #ffffff;}

a.btn-primary4:hover {background: #6f8262;}
a.btn-primary4:active {color: #ffffff;}
a.btn-primary4:link {color: #ffffff;}
a.btn-primary4:visited {color: #ffffff;}

a.btn-primary101:hover {background: #31bebc;}
a.btn-primary101:active {color: #ffffff;}
a.btn-primary101:link {color: #ffffff;}
a.btn-primary101:visited {color: #ffffff;}

a.btn-primary5:hover {background: #A71D21;}
a.btn-primary5:active {color: #ffffff;}
a.btn-primary5:link {color: #ffffff;}
a.btn-primary5:visited {color: #ffffff;}

a.btn-primary6:hover {background: #FF0000;}
a.btn-primary6:active {color: #ffffff;}
a.btn-primary6:link {color: #ffffff;}
a.btn-primary6:visited {color: #ffffff;}

a.btn-primary33:hover {background: #FFFF00;}
a.btn-primary33:active {color: #000000;}
a.btn-primary33:link {color: #000000;}
a.btn-primary33:visited {color: #000000;}

a.btn-primary500:hover {background: #FFFF00;}
a.btn-primary500:active {color: #000000;}
a.btn-primary500:link {color: #000000;}
a.btn-primary500:visited {color: #000000;}
.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.btn-xl {
    padding: 10px 5px;
    font-size: 20px;
    font-color: #000000;
	background-color: #000000;

}
.btn-xS {
    padding: 10px 20px;
    font-size: 20px;
    font-color: #FFFFFF;
	background-color: #FF0000;
}



.buttonspec {
position: relative;
    background-color: #0070c0;
    border: none;
    font-size: 20px;
    color: #000000;
    display: block;
    width: 100%;
    padding: 10px 20px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.buttonspec:after {
    content: "";
    background: #0070c0;
position: absolute;
    display: block;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px!important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.buttonspec:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}

.panel-default > .panel-heading-custom {
    background: #ff0000; color: #fff;
}


.homepage-carousel {
	margin-top: 0;
}
#region-main h2{
	font-weight: bold;
}
#region-main #maincontent + h2 {
	margin-top: 0;
}
#block-region-side-pre .block {
	border: none;
}
#block-region-side-pre .block .header {
	border: 1px solid #c0ccdc;
}
#block-region-side-pre .block .header .block_action {
	padding: 0;
}
#block-region-side-pre .block .header .block_action img {
	margin: 11px 10px 0 0;
}
#block-region-side-pre .block .content .no-overflow p {
	border-bottom: 0;
}
#block_calendar_month .content .no-overflow {
	width: 100%;
}
#CollapsiblePanel {
	border: none;
}
.CollapsiblePanel table {
	border: none;
}
.CollapsiblePanel table td + td {
	border: none;
}
#CollapsiblePanel1 {
	border: none;
	margin: 20px 0;
	cursor: pointer;
}
#CollapsiblePanel1 .CollapsiblePanelTab {
	background-color: #7b1418;
	color: #fff;
}
.CollapsiblePanel .CollapsiblePanelTab,
.CollapsiblePanelOpen .CollapsiblePanelTab {
	width: 320px;
	border-radius: 7px;
}
#CollapsiblePanel1 .CollapsiblePanelTabHover {
	background-color: #7B1418;
}
#CollapsiblePanel1 .CollapsiblePanelContent .no-overflow:nth-child(even) {
	background-color: #e7e7e7;
}
#region-main .paging .current-page {
	font-weight: bold;
	color: #c1c1c1;
}
.fcontainer #fgroup_id_profile_grp {
display: block !important;
}

.course-content .sectionname {
	font-size: 18px;
}
.course-content .section-title {
	font-size: 18px;
}
.boxwidthnarrow {
	width: 100%;
}
.clearfix.collapsible #fgroup_id_buttonsgrp #id_addsel,
.clearfix.collapsible #fgroup_id_buttonsgrp #id_removesel,
.clearfix.collapsible #fgroup_id_buttonsgrp #id_addall,
.clearfix.collapsible #fgroup_id_buttonsgrp #id_removeall {
	background: #fff;
	font-weight: bold;
	line-height: 38px;
	border-radius: 4px;
	border: 2px solid;
	padding-left: 45px;
}
.clearfix.collapsible #fgroup_id_buttonsgrp #id_addsel {
	background: #fff url('http://akademijazakme.edu.rs/images/icons/add_person.png') 11px 6px no-repeat;
	background-size: 25px;
}
.clearfix.collapsible #fgroup_id_buttonsgrp #id_removesel {
	background: #fff url('http://akademijazakme.edu.rs/images/icons/remove_person.png') 11px 6px no-repeat;
	background-size: 25px;
}
.clearfix.collapsible #fgroup_id_buttonsgrp #id_addsel:hover {
	background: #e1e1e1 url('http://akademijazakme.edu.rs/images/icons/add_person.png') 11px 6px no-repeat;
	background-size: 25px;
}
.clearfix.collapsible #fgroup_id_buttonsgrp #id_removesel:hover {
	background: #e1e1e1 url('http://akademijazakme.edu.rs/images/icons/remove_person.png') 11px 6px no-repeat;
	background-size: 25px;
}
.clearfix.collapsible #fgroup_id_buttonsgrp #id_addall {
	background: #fff url('http://akademijazakme.edu.rs/images/icons/add_persons.png') 11px 6px no-repeat;
	background-size: 25px;
	border-color: #086b00;
}
.clearfix.collapsible #fgroup_id_buttonsgrp #id_addall:hover {
	background: #b4e2b0 url('http://akademijazakme.edu.rs/images/icons/add_persons.png') 11px 6px no-repeat;
	background-size: 25px;
}
.clearfix.collapsible #fgroup_id_buttonsgrp #id_removeall {
	background: #fff url('http://akademijazakme.edu.rs/images/icons/remove_persons.png') 11px 6px no-repeat;
	background-size: 25px;
	border-color: #9a0000;
}
.clearfix.collapsible #fgroup_id_buttonsgrp #id_removeall:hover {
	background: #ff9a9a url('http://akademijazakme.edu.rs/images/icons/remove_persons.png') 11px 6px no-repeat;
	background-size: 25px;
}
.que .content .qtext {
	font-weight: bold;
}
.que.multichoice .answer .specificfeedback {
	display: block;
	padding: 5px 0 0 25px;
	border-top: 1px dashed #444;
	margin-top: 5px;
}
.contact-content .content-container {
	padding-top: 20px;
}
.contact-content h4.akme {
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
}
.contact-content .contact-map {
	margin-bottom: 25px;
}
.contact-content .contact-location,
.contact-content .contact-phone,
.contact-content .contact-mail {
	background-size: 24px !important;
	line-height: 26px;
	padding-left: 40px;
}
.contact-content .contact-phone a,
.contact-content .contact-mail a {
	color: #545251;
	text-decoration: none;
}
.contact-content .contact-phone a:hover,
.contact-content .contact-mail a:hover {
	text-decoration: none;
}
.contact-content .contact-location {
	background: transparent url("http://akademijazakme.edu.rs/images/icons/contact_location_img.svg") left center no-repeat;
	margin-top: 15px;
}
.contact-content .contact-phone {
	background: transparent url("http://akademijazakme.edu.rs/images/icons/contact_phone_img.svg") left center no-repeat;
}
.contact-content .contact-mail {
	background: transparent url("http://akademijazakme.edu.rs/images/icons/contact_mail_img.svg") left center no-repeat;
}
.contact-content .contact-working-hours {
	background: transparent url("http://akademijazakme.edu.rs/images/icons/contact_workinghours_img.svg") left center no-repeat;
	background-size: 24px;
	padding-left: 40px;
}
.contact-content .members-area {
	text-align: center;
}
.contact-content .members-area .member-profile {
	display: inline-block;
	vertical-align: top;
	width: 320px;
	padding: 15px;
}
.contact-content .members-area .member-profile.active {
	background-color: #e7e7e7;
}
.contact-content .members-area .active-member .member-profile {
	position: relative;
}
.contact-content .members-area .active-member .member-profile .administrator {
	position: absolute;
	top: -13px;
	right: -60px;
	z-index: 999;
	display: block;
	background-color: #2b4e84;
	padding: 4px 8px;
	border-radius: 4px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	min-width: 190px;
}
.contact-content .members-area .active-member .member-profile .fa-play {
	position: absolute;
	z-index: 9999;
	top: 13px;
	right: 121px;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #2b4e84;
}
.contact-content .members-area .hiden-members .member-profile {
	margin-bottom: 20px;
}
.contact-content .members-area .member-profile .member-profile-img {
	width: 180px;
	margin: 0 auto;
	position: relative;
}
.contact-content .members-area .member-profile .member-profile-img img + img {
	position: absolute;
	top: 0;
	left: 0;
}
.contact-content .members-area .member-profile .member-profile-desc {
	margin-top: 15px;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-desc-name {
	display: block;
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 3px;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-desc-position {
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #999;
	margin-bottom: 10px;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-desc-phone {
	margin-bottom: 5px;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-desc-phone a {
	background: transparent url("http://akademijazakme.edu.rs/images/icons/contact_phone_img.svg") left center no-repeat;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-desc-phone a span + img {
	margin-left: 7px;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-desc-phone a span + img + img {
	margin-left: 4px;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-desc-mail a {
	background: transparent url("http://akademijazakme.edu.rs/images/icons/contact_mail_img.svg") left center no-repeat;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-desc-phone a,
.contact-content .members-area .member-profile .member-profile-desc .member-profile-desc-mail a {
	background-size: 16px;
	text-decoration: none;
	color: #545251;
	padding-left: 30px;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-social-facebook {
	background: transparent url("http://akademijazakme.edu.rs/images/icons/facebook_gray.svg") left center no-repeat;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-social-linkedin {
	background: transparent url("http://akademijazakme.edu.rs/images/icons/linkedin_gray.svg") left center no-repeat;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-social-twitter {
	background: transparent url("http://akademijazakme.edu.rs/images/icons/twitter_gray.svg") left center no-repeat;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-social-facebook:hover {
	background: transparent url("http://akademijazakme.edu.rs/images/icons/facebook.svg") left center no-repeat;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-social-linkedin:hover {
	background: transparent url("http://akademijazakme.edu.rs/images/icons/linkedin.svg") left center no-repeat;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-social-twitter:hover {
	background: transparent url("http://akademijazakme.edu.rs/images/icons/twitter.svg") left center no-repeat;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-social-facebook,
.contact-content .members-area .member-profile .member-profile-desc .member-profile-social-linkedin,
.contact-content .members-area .member-profile .member-profile-desc .member-profile-social-twitter {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 15px;
	background-size: cover;
}
.contact-content .members-area .member-profile .member-profile-desc .member-profile-social-facebook:hover,
.contact-content .members-area .member-profile .member-profile-desc .member-profile-social-linkedin:hover,
.contact-content .members-area .member-profile .member-profile-desc .member-profile-social-twitter:hover {
	background-size: cover;
}
.contact-content .members-area .show-hide-members {
	text-align: center;
	margin: 20px 0;
}
.contact-content .members-area .show-hide-members span {
	display: inline-block;
	border: 2px solid #2b4e84;
	border-radius: 5px;
	cursor: pointer;
	padding: 4px 15px;
}
.contact-content .members-area .show-hide-members span:hover {
	background-color: #2b4e84;
	color: #fff;
}
.contact-content .members-area .hiden-members {
	display: none;
}
#newmessageoverlay {
	right: auto;
	left: 0;
	bottom: 10px;
	background: rgba(62,101,160,0.9);
	padding: 10px 19px;
	border: 2px solid #2B4E84;
	-webkit-animation: background 1s cubic-bezier(1,0,0,1) infinite;
	animation: background 1s cubic-bezier(1,0,0,1) infinite;
}
@-webkit-keyframes background {
	0% { background-color: #2b4e84; }
	33% { background-color: #4d71a9; }  
	67% { background-color: #7197d0; }
	100% { background-color: #8eb6f2; }
}
@keyframes background {
	0% { background-color: #2b4e84; }
	33% { background-color: #4d71a9; }  
	67% { background-color: #7197d0; }
	100% { background-color: #8eb6f2; }
}
#newmessageoverlay #newmessagetext {
	color: #fff;
	font-size: 17px;
	line-height: 21px;
	margin-bottom: 7px;
}
#newmessageoverlay #newmessagelinks a {
	color: #fff;
}
#newmessageoverlay #newmessagelinks #notificationyes {
	background: transparent url('images/icons/popupmessage_ok.png') right center no-repeat;
	background-size: 16px;
	padding-right: 24px;
	margin-right: 10px;
}
#newmessageoverlay #newmessagelinks #notificationno {
	background: transparent url('images/icons/popupmessage_cancel.png') right center no-repeat;
	background-size: 16px;
	padding-right: 24px;
}
.medic-groups {
	text-align: center;
	padding: 25px 0;
}
.medic-groups .medic-groups-item {
	display: inline-block;
	position: relative;
	border: 3px solid #2b4e84;
	border-radius: 4px;
	margin: 0 40px 30px 0;
}
.medic-groups .medic-groups-item:nth-child(3) {
	margin: 0;
}
.medic-groups .medic-groups-item img + img {
	position: absolute;
	top: 0;
	left: 0;
}
.medic-groups .medic-groups-item:hover img + img {
	display: none;
}
.contact-content #map {
	width: 100%;
	height: 200px;
}
.contact-content .content-container:first-child .g .w-50 .gc {
	padding-left: 0;
}
.contact-content .content-container:first-child .g .w-50 + .w-50 .gc {
	padding-left: 30px;
}
.decoration-class .ctopics.row-fluid .section.main.hidden {
	display: none;
}
.decoration-class .buttons.row-fluid .section.main.hidden {
	display: none;
}
#id_newfilter .fcontainer #fgroup_id_cohort_grp {
	display: block;
}

/*** Footer ***/
#footer .social-media > ul > li > a > .media-icon >.fa {
	color: #1686B0;
}
#footer .social-media > ul > li > a:hover .media-icon > .fa {
	color: #fff;
}

/* Percentage grid system
--------------------------------------- */
.g						{  }
.w-20,
.w-25,
.w-33,
.w-50,
.w-67,
.w-75,
.w-80					{ float: left; clear: right; }
.w-20					{ width: 20%; }
.w-25					{ width: 25%; }
.w-33					{ width: 33%; }
.w-50					{ width: 50%; }
.w-67					{ width: 67%; }
.w-75					{ width: 75%; }
.w-80					{ width: 80%; }

.gc					  	{ padding-left: 10px; }

.w-20:first-child > .gc,
.w-25:first-child > .gc,
.w-33:first-child > .gc,
.w-50:first-child > .gc,
.w-67:first-child > .gc,
.w-75:first-child > .gc,
.w-80:first-child > .gc { padding-right: 10px; padding-left: 0; }

.g:after,   		
.gc:after				{ content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

/* Space divs
---------------------------------------- */
.space-10 {
	height: 1px;
	margin-top: 10px;
}
.space-15 {
	height: 1px;
	margin-top: 15px;
}
.space-20 {
	height: 1px;
	margin-top: 20px;
}
.space-30 {
	height: 1px;
	margin-top: 30px;
}
.space-40 {
	height: 1px;
	margin-top: 40px;
}
.space-50 {
	height: 1px;
	margin-top: 50px;
}
#footer .footer-main .row-fluid .span2 {
	display: none;
}

/*** Responsive CSS ***/
@media only screen and (max-width: 1200px) {
	.medic-groups .medic-groups-item {
		margin: 0 0 30px;
	}
	.medic-groups .medic-groups-item:nth-child(odd) {
		margin-right: 40px;
	}
	.medic-groups .medic-groups-item:nth-child(3) {
		margin: 0 0 30px;
	}
}
@media only screen and (max-width: 620px) {
	.medic-groups .medic-groups-item:nth-child(odd) {
		margin-right: 0;
	}
	.course-content ul.ctopics li.section.main .content,
	.course-content ul.ctopics li.tcsection .content,
	.course-content ul.ctopics #section-0 .content {
		margin: 0;
		padding: 0;
	}
	.container-fluid #page-content #region-main div[role=main] h1 {
		padding-left: 0 !important;
	}
}
@media only screen and (max-width: 550px) {
	.contact-content .content-container:first-child .g .w-50,
	.contact-content .content-container:first-child .g .w-50 + .w-50 {
		width: 100%;
	}
	.contact-content .content-container:first-child .g .w-50 + .w-50 .gc {
		padding: 0;
	}
	.contact-content .members-area .active-member .member-profile .administrator {
		top: -30px;
		left: 0;
		right: 0;
	}
	.contact-content .members-area .active-member .member-profile .fa-play {
		top: -4px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#header .custom-menu>ul>li>a {
		padding: 4px 7px;
	}
}


@media only screen and (max-width: 1200px) {
	.medic-groups .medic-groups-item {
		margin: 0 0 30px;
	}
	.medic-groups .medic-groups-item:nth-child(odd) {
		margin-right: 40px;
	}
	.medic-groups .medic-groups-item:nth-child(3) {
		margin: 0 0 30px;
	}
}
@media only screen and (max-width: 620px) {
	.medic-groups .medic-groups-item:nth-child(odd) {
		margin-right: 0;
	}
	.course-content ul.buttons li.section.main .content,
	.course-content ul.buttons li.tcsection .content,
	.course-content ul.buttons #section-0 .content {
		margin: 0;
		padding: 0;
	}
	.container-fluid #page-content #region-main div[role=main] h1 {
		padding-left: 0 !important;
	}
}
@media only screen and (max-width: 550px) {
	.contact-content .content-container:first-child .g .w-50,
	.contact-content .content-container:first-child .g .w-50 + .w-50 {
		width: 100%;
	}
	.contact-content .content-container:first-child .g .w-50 + .w-50 .gc {
		padding: 0;
	}
	.contact-content .members-area .active-member .member-profile .administrator {
		top: -30px;
		left: 0;
		right: 0;
	}
	.contact-content .members-area .active-member .member-profile .fa-play {
		top: -4px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#header .custom-menu>ul>li>a {
		padding: 4px 7px;
	}
}


.zoom {


    transition: transform .2s; /* Animation */

    margin: 0 auto;
}

.zoom:hover {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}