.wk-panel p {
    text-align: justify;
}
.wk-grid {
    padding-bottom: 50px;
}
.wk-overlay {
    border: 1px solid #eaeaea !important;
}

.square {
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    position: absolute;
    left: 40%;
    top: 20%;
}
.menu-square:hover .square{
	width: 12px;
	height: 12px;
	background: #000;
	border: 1px solid #000;
}
.uk-active .square{
    background: #000;
    border: 1px solid #000;
}

.circle {
	width: 12px;
	height: 12px;
	border: 1px solid #000;
    position: absolute;
    left: 40%;
    top: 20%;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.menu-circle:hover .circle {
	width: 12px;
	height: 12px;
	background: #000;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.uk-active .circle{
    background: #000;
    border: 1px solid #000;
}

.plus {
	width: 12px;
	height: 12px;
    position: absolute;
    left: 40%;
    top: 20%;
}
.plus:after {
	transition: transform 0.25s ease-out;
	background-color: #000;
	width: 15px;
	height: 1px;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	position: absolute;
	top:7px;
	left: 0px;
	content:"";
}
.plus:before {
	transition: transform 0.25s ease-out;
	background-color: #000;
	width: 1px;
	height: 15px;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	position: absolute;
	top:0px;
	left: 7px;
  	content:"";
}
.menu-plus:hover .plus:before, .menu-plus:hover .plus:after {
	transform: rotate(90deg);
}
.uk-active .plus:after {
    height: 2px;
    width: 16px;
}
.uk-active .plus:before {
    width: 2px;
    height: 16px;
}


.triangle img{
	width: 16px;
	height: 16px;
    position: absolute;
    left: 40%;
    top: 20%;
}
.menu-triangle:hover .triangle {

}
.triangle .triangle2 {
	opacity:0;
	filter:alpha(opacity=0);
}
.menu-triangle:hover .triangle .triangle2 {
	opacity:1;
	filter:alpha(opacity=100);
}
.menu-triangle:hover .triangle .triangle1, .menu-triangle:hover .triangle .triangle1 {
	opacity:0;
	filter:alpha(opacity=0);
}

.uk-active .triangle .triangle1 {
	opacity:0;
	filter:alpha(opacity=0);
}
.uk-active .triangle .triangle2 {
	opacity:1;
	filter:	alpha(opacity=1);
}

.ellipse {
	width: 16px;
	height: 8px;
	border: 1px solid #000;
	-moz-border-radius: 10px / 5px;
	-webkit-border-radius: 10px / 5px;
	border-radius: 10px / 5px;
    position: absolute;
    left: 37%;
    top: 23%;
}
.menu-ellipse:hover .ellipse {
	background: #000;
	border: none;
	width: 20px;
	height: 10px;
}	
.uk-active .ellipse{
    background: #000;
    border: none;
   	width: 20px;
	height: 10px;
}
.navbar .brand, .navbar .nav > li > a, .navbar-search, .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
	font-size: 15px;
	text-transform: lowercase;
}
.uk-navbar-nav > li.uk-active > a {
	color: #000;
}
.contacts {
	border: 1px solid #eee;
}
.contacts .uk-grid > * {
	padding-left: 0;
}
.contacts-text-old {
    width: 100%;
    height: 0;
    padding: 10% 0 20% 0;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    border: 2px solid #000;
    margin-left: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
}
.projects .wk-border-circle {
    border: 1px solid #eaeaea !important;
}
.wk-overlay-panel {
    text-shadow: 0px 0px 1px #000;
}
.tm-headerbar-top {
    padding-top: 15px;
    padding-bottom: 15px;
}
.uk-navbar-nav > li:hover > a::before, .uk-navbar-nav > li > a.uk-open::before, .uk-navbar-nav > li > a:focus::before {
	background-color: transparent;
}
.container object1 {
	display: inline-block;
	position: relative;
	padding-bottom: 100%; 	
	vertical-align: middle; 
	overflow: hidden; 
  height: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-mask-image: url(#mask);
  mask-image: url(#mask);
}
.svg-content { 
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
.contacts .uk-grid {
    margin-left: 0 !important;
}
.el-link.uk-icon-button.uk-icon {
    margin: 0 8px;
}
.small-top-margin {
	margin-top: -20px !important;
}


@media (min-width: 960px) {
	.uk-navbar-nav {
		justify-content: space-around;
	}
	.uk-navbar, .uk-navbar .uk-navbar-center {
		display: inherit;
	}
}

@media (max-width: 960px) {
	.square, .circle, .triangle img, .ellipse  {
   		position: relative;
    	left: 40%;
    	top: -25px;
    	display: block;
	}
	.triangle1 {
	    position: absolute !important;
	    top: 114px !important;
	}	
}
@media (max-width: 640px) {
}	
@media (max-width: 480px) {
	.square, .circle, .triangle img, .ellipse  {
    	left: 30%;
	}
}
@media (max-width: 320px) {
	.square, .circle, .triangle img, .ellipse  {
    	left: 20%;
	}
}