  #svieslente *,
#svieslente *:before,
#svieslente *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#svieslente .col-row {
	float: none;
	margin: 0;
}
#svieslente .col-row:after {
	clear: both;
}
#svieslente .col-row:before,
#svieslente .col-row:after {
	content: " ";
	display: table;
}
#svieslente .col-xs-2,
#svieslente .col-xs-3,
#svieslente .col-xs-4,
#svieslente .col-xs-6,
#svieslente .col-xs-8,
#svieslente .col-xs-9,
#svieslente .col-xs-10,
#svieslente .col-xs-12 {
	float: left;
	position: relative;
	min-height: 1px;
}
#svieslente .col-xs-2 {
	width: 16.66666667%;
}
#svieslente .col-xs-3 {
	width: 25%;%;
}
#svieslente .col-xs-4 {
	width: 33.33333333%;
}
#svieslente .col-xs-6 {
	width: 50%;
}
#svieslente .col-xs-8 {
	width: 66.66666667%;
}
#svieslente .col-xs-9 {
	width: 75%;%;
}
#svieslente .col-xs-10 {
	width: 83.33333333%;
}
#svieslente .col-xs-12 {
	width: 100%;
}

#svieslente .hidden {
	display: none;
}
#svieslente .category {
	margin-bottom: 15px;
	position: relative;
}
#svieslente .toggle-head {
	border: 1px solid #D8D8D8;
	cursor: pointer;
}
#svieslente .toggle-head:hover {
	box-shadow: 0px 0px 5px #BCBCBC;
}
#svieslente .toggle-body {
	border: 1px solid #D8D8D8;
	border-top: 0;
	display: none;
}
#svieslente .image {
	float: left;
	padding: 5px 0 5px 5px;
	max-width: 115px;
}
#svieslente .image img {
	max-width: 100%;
	float: left;
}
#svieslente .info {
	padding: 10px;
}
#svieslente .title h3 {
	display: inline-block;
	font-family: inherit;
	line-height: 1;
	margin-bottom: 5px;
	text-transform: capitalize;
	font-size: 24px;
}
#svieslente .description {
	
}
#svieslente .circliful {
	position: absolute;
	top: 5px;
	right: 5px;
}
#svieslente .circliful:before{
	display: none;
}
#svieslente .project-head {
	margin: 8px 8px 0 8px;
	padding: 8px 8px 0 8px;
	text-align: center;
}
#svieslente .project-head .project-title {
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}
#svieslente .project-body {
	background: #F2F2F2;
	margin: 8px;
	padding: 8px;
}
#svieslente .color,
#svieslente .color-other {
	height: 8px;
	position: relative;
	/*background: #BCBCBC;*/
	background: #D9D9D9;
	margin-top: 4px;
}
#svieslente .color:hover,
#svieslente .color-other:hover {
	/*box-shadow: 0px 0px 5px #BCBCBC;*/
}
/*#svieslente .color:hover .hidden,
#svieslente .color-other:hover .hidden*/
#svieslente .color .hidden,
#svieslente .color-other .hidden {
	display: block;
	margin-top: -5px;
	margin-top: -5.8px;
	position: absolute;
	text-align: center;
	width: 100%;
	font-weight: normal;
	color: #3F3F3F;
}
#svieslente .color.first {
}
#svieslente .color:after {
	content: "";
	position: absolute;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAXEQAAFxEByibzPwAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAAdBJREFUSEutlrFuwjAQhjN27MjYkZGxYx+BkbFjR0ZGMjEyMvYR+gAIIsRQIRRFTJlQhBDKgFCEEMqAUHq/a0eOfSGB9qQPhH3/fxdjGxzXdW/ieV6bGE2nU09nMpl80nhnPB4/cToFOwgRibtklNB7dgvKSel9QJpnzssaoOQmiULdpA6ymTfTr/CBEtp1uq7gXffUzdE5HpcT3Uv+JOIFa07mEZP4EFgF8mzkBWiwaybp+L6fbTabLEkSwXa7zVarFZurMRQFZPfs0sznc2FcFnEcixxOK3lB9x1jMGe320mr8jgcDqxW0nPkgbEmgyCQFtURhqGlB7QynoMXcwJgnevGfr+39AAbBwXY3XM6naS8Oi6Xi6VXoEDMTaRpKuXVcb1eLb0CBb65CeyQuoGty3mgeXzJX9wkvri6EUWRpQdUIMA2/TAnFOisKs7nczabzVg9McBBazATgsVikR2PR2llB8yXyyWrlbyKq6LsLCjW63WhEHYYTviNzsUZyO8iPAUN/NdNqmjlBQANlF4ZD9BTvnkBWWRgJN4Nllv3LBQAlNT5w3L1Tb/CBwUlNsvOBwc1hMNq/R4Da0CHRC1iSAbWnwAawx02IljjX1znB7qj12no+cViAAAAAElFTkSuQmCC");
	width: 14px;
	background-size: cover;
	height: 14px;
	top: -3px;
	z-index: 100;
	right: -6px;
}
#svieslente .color.first:before {
	content: "";
	position: absolute;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAXEQAAFxEByibzPwAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAAdBJREFUSEutlrFuwjAQhjN27MjYkZGxYx+BkbFjR0ZGMjEyMvYR+gAIIsRQIRRFTJlQhBDKgFCEEMqAUHq/a0eOfSGB9qQPhH3/fxdjGxzXdW/ieV6bGE2nU09nMpl80nhnPB4/cToFOwgRibtklNB7dgvKSel9QJpnzssaoOQmiULdpA6ymTfTr/CBEtp1uq7gXffUzdE5HpcT3Uv+JOIFa07mEZP4EFgF8mzkBWiwaybp+L6fbTabLEkSwXa7zVarFZurMRQFZPfs0sznc2FcFnEcixxOK3lB9x1jMGe320mr8jgcDqxW0nPkgbEmgyCQFtURhqGlB7QynoMXcwJgnevGfr+39AAbBwXY3XM6naS8Oi6Xi6VXoEDMTaRpKuXVcb1eLb0CBb65CeyQuoGty3mgeXzJX9wkvri6EUWRpQdUIMA2/TAnFOisKs7nczabzVg9McBBazATgsVikR2PR2llB8yXyyWrlbyKq6LsLCjW63WhEHYYTviNzsUZyO8iPAUN/NdNqmjlBQANlF4ZD9BTvnkBWWRgJN4Nllv3LBQAlNT5w3L1Tb/CBwUlNsvOBwc1hMNq/R4Da0CHRC1iSAbWnwAawx02IljjX1znB7qj12no+cViAAAAAElFTkSuQmCC");
	width: 14px;
	background-size: cover;
	height: 14px;
	top: -3px;
	z-index: 100;
	left: -6px;
}
#svieslente .color-0 {
	height: 6px;
	margin: 1px 0;
}
#svieslente .color-1 {
	height: 6px;
	background: #FF6600;
	margin: 1px 0;
}
#svieslente .color-2 {
	height: 6px;
	background: #FFD700;
	margin: 1px 0;
}
#svieslente .color-3 {
	height: 6px;
	background: #93D250;
	margin: 1px;
}
#svieslente .color-10 {
	height: 6px;
	background: #6999CC;
	margin: 1px;
}
#svieslente img {
	max-width: 100%;
}



.ui-popup-screen {
	background-image: url("data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
	top: 0;
	left: 0;
	right: 0;
	bottom: 1px;
	position: absolute;
	filter: Alpha(Opacity=0);
	opacity: 0;
	z-index: 1099;
}
.ui-popup-screen.in {
	opacity: .5;
	filter: Alpha(Opacity=50);
}
.ui-screen-hidden {
	display: none!important;
}
.ui-popup-hidden {
	left: 0;
	top: 0;
	position: absolute!important;
	visibility: hidden;
}
.ui-popup-container {
	z-index: 1100;
	display: inline-block;
	position: absolute;
	padding: 0;
	outline: 0;
}
.popup {
	cursor: pointer;
}
.popup:hover {
	font-weight: bold;
}
.popup-content {
	padding: 1em;
	background-color: #fff;
	border-color: #ddd;
	color: #333;
	text-shadow: 0 1px 0 #f3f3f3;
	border-width: 1px;
	width: 700px;
	border-style: solid;
	position: relative;
}
.popup-content {
	position: absolute;
	left: 15%;
	top: 40%;
	display: none;
	z-index: 999;
	box-shadow: 4px 4px 5px #AAAAAA;
}
.popup-content img {
	padding-right: 8px;
}
#svieslente .popup-content h4 {
	margin-bottom: 20px;
	font-family: inherit;
	font-weight: bold;
	text-transform: uppercase;
}
.popup-close {
	cursor: pointer;
	position: absolute;
	top: -11px;
	margin: 0;
	z-index: 1101;
	right: -11px;
	
	border: none!important;
	
	padding: 0;
	width: 1.75em;
	height: 1.75em;
	text-indent: -9999px;
	white-space: nowrap!important;
}
.popup-close:focus {
	outline: 0;
}
.popup-close:after {
	content: "";
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");

	background-color: #666;
	background-color: rgba(0,0,0,.6);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	
	left: 50%;
	margin-left: -11px;
	
	top: 50%;
	margin-top: -11px;
}

.circliful {
    position: relative; 
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
}

.circle-info, .circle-info-half {
	color: #999;
}

.circliful .fa {
	margin: -10px 3px 0 3px;
	position: relative;
	bottom: 4px;
}

@media (max-width: 575px) {
	#svieslente .image{
		display: none;
	}
	#svieslente .col-xs-8{
		width: 70%;
	}
}

@media (max-width: 339px) {
	#svieslente .circliful{
		display: none;
	}
	#svieslente .col-xs-8 {
		width: 100%;
	}
}