@charset "utf-8";
/* CSS Document */

*, *:before, *:after {
  -webkit-box-sizing:  border-box;
  -moz-box-sizing:  border-box;
  box-sizing:  border-box;
  }

body {
	background: #3b3b3b url(../home/bg-content.jpg)no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	margin: 0;
	padding: 0;
  	font-family: Verdana, Geneva, Arial, sans-serif;
	transition: background-color .5s;
}

#maincontent {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	bottom:0;
	right:0;
	position: absolute;
}

#header {
	display: flex;
	flex-wrap: nowrap;
	margin: 0px;
	top: 0;
	left: 0;
	right: 0;
	padding: 0;
	width: 100%;
	height: 85px;
    position: fixed;
	background: url(../home/dimitar-nikolov-logo.png) center center no-repeat;
	background-color: #000000;
	background-position: center;
	background-size: contain;
	outline: 12px solid #000000;
	border-bottom: 1px solid #969104;
	box-shadow: -1px 15px 15px black;
	z-index: 1;
}

#content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	text-align: justify;
	align-items: center;
	align-content: flex-start;
	margin: 20px 0 90px;
	top: 80px;
	left: 5%;
	right: 5%;
	padding: 0 20px 30px;	
	color: #000000;
	width: 90%;
	height: auto;
	min-height: 1200px;
	position: relative;
	overflow: hidden;
}

.gallery img {
	width: auto;
	height: 260px;
	font-size: 11px;
}
.gallery h1 img:first-of-type {
	height: auto;
	width: auto;
}
.gallery-logo img {
	width: auto;
	height: 220px;
}
.gallery-logo h1 img:first-of-type {
	height: auto; 
	width: auto;
}

h1 {
	color: #969104;
	text-shadow: 1px 1px 1px #000000, -1px -1px 1px #000000,  1px -1px 1px #000000, -1px 1px 1px #000000, 3px 3px 10px #000000;
}

.contact-nav {
	column-span: all;
	text-align: center;
	padding-top: 20px;
	margin: 0;
	border-bottom: 1px solid #000000;
	display: none;

}
.contact-nav img {
	box-shadow: 3px 3px 10px #000000;
	padding: 0;
	margin: 0;
}

.contact-nav a{
	margin: 0;
	padding: 0;
}

.contact-nav img:hover {
	outline: 3px double #fdbd11;
}
.contact-nav :focus img{
	outline: 3px double #fdbd11;
}

a.anchor {
    display: block;
    position: relative;
    top: -96px;
    visibility: hidden;
	
}

.column {
	column-count: 2;
	column-gap: 30px;
	column-fill: balance;
	column-width: 100%;
}

.c-content {
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
}

.c-content p {
	text-indent: 40px;
}

.c-par {
	padding-bottom: 20px;
}

.links-c {
	margin: 0px;
	padding: 10px;
	border: 1px solid #000000;
	border-radius: 25px;
	column-count: 3;
	column-fill: balance;
	column-gap: 20px;
	column-width: 100%;
	column-rule: 1px solid #1B1800;
}

.links-c a {
	color: #1B1800;
	text-decoration: none;
	font-weight: bold;
}

.links-c a:hover {
	color: #E4DC01;
}

.links-c a:focus {
	color: #E4DC01;
	background: rgba(0,0,0,0.00);
}

.info {
	width: 100%;
	height: auto;
	margin: 0;
	padding-bottom: 10px;
	border-top: 1px solid #000000;
}

.info p {
	text-indent: 40px;
}

@media screen and (max-width:900px) {
	.column { column-count: 1;} #content {padding: 15px 15px 40px;} .contact-nav {display: block;} .gallery-logo img {width: 100%; max-width: 100%; height: auto;} #header {width: 100%; height: 85px; position: fixed; background: url(../home/dimitar-nikolov-logo-mobile.png) center center no-repeat; background-color: #000000; background-position: center; background-size: contain;}
}
@media screen and (max-width:1200px) {
	 .links-c {column-count: 2; width: 100%;}
}

#footer {
	background-image: linear-gradient(to bottom, #000000, #222222);
	padding: 20px 40px 10px;
	width: 100%;
	height: auto;
	color: #636f01;
	box-shadow: -1px -12px 7px black;
	outline: 10px solid #000000;
	border-top: 1px solid #969104;
	position: relative;
	text-align: center;
}
.footer-menu ul {
	display: flex;
	flex-flow: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	list-style: none;	
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.footer-menu li {
	display: block;
	border-right: 1px dashed #2F2F2F;
	padding: 0;
	margin: 0 0 4px;
}

.footer-menu li:last-child {
	border-right: none;
}

.footer-menu li a {
	display: inline-block;
	margin: 0 5px 0;
	padding: 0 15px 5px;
	color: #636f01;
	font-size: 14px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0.00);
	transition: border-bottom 0.2s, color 0.1s ease-in;
	}

.footer-menu li a:hover{
	border-bottom: 1px solid #fdbd11;
	color: #8FA100;
}
.footer-menu a:focus{
	border-bottom: 1px solid #fdbd11;
	color: #8FA100;
	background: rgba(0,0,0,0.00);
}

.links-icon {
	display: block; 
	font-size: 0;
}
.links-icon img {
	border-radius: 4px;	
}

.links-icon	a {
	margin: 0 2px;
}

.links-icon	img:hover {
	border: 1px solid #fdbd11;
	border-radius: 4px;
	background-color: #fdbd11;
	margin: 0;
	padding: 0;
}

.links-icon a:focus img{
	border: 1px solid #fdbd11;
	border-radius: 4px;
	background: #fdbd11;
	margin-top: 0;
}

/**
*HAMBURGER MENU
*/
.menubut {
	font-size: 11px;
	font-weight: bold;
	float: left;
	margin-left: 6%; 
	margin-top: 27px; 
	cursor: pointer;
	padding: 0 4px;
	color: #969104;
	background: transparent;
	border: 1px solid #000000;
	width:40px; 
	height: 50px; 
}
.menubut:hover, .menubut:focus {
	border-radius: 7px;
	border: 1px solid #636f01;
}
.sandwich {
	 width:30px; height:3px; background-color:#969104; margin:6px 0;
}

.sidenav {
  	height: 100%;
	width: 0;
	position: fixed;
  	z-index: 2;
  	top: 0;
  	left: -12px;
	background-color: #000000;
	overflow-y: auto;
  	transition: 0.2s;
  	padding-top: 36px;
  	border-right: 12px solid #2F2D00;
}

.sidenav a {
  	padding: 9px 10px 9px 32px;
  	text-decoration: none;
  	font-size: 20px;
  	color: #636f01;
  	display: block;
  	transition: 0.3s;
}

.sidenav .active {
	padding: 9px 10px 9px 32px;
  	font-size: 20px;
  	color: #D7CF02;
  	display: block;
	background: black;
}

.sidenav-menu {
	margin: 0 15px 10px 25px;
	background-color: #242424;
	border: 1px solid #2F2D00;
}

.sidenav a:hover {
  	color: #D7CF02;
	background-color: #494600;
}

.sidenav li:focus {
  	color: #D7CF02;
	background-color: #494600;	
}

.sidenav a:focus {
  	color: #D7CF02;
	background-color: #494600;	
}

.sidenav .closebtn {
  	position: absolute;
  	top: 0;
  	right: 13px;
  	margin: 0;
	padding: 0;
	text-align: center;
	width: 45px;
	height: 45px;
	border: none;
	color: #636f01;
	background: black;
}

.sidenav .closebtn:hover {
	color: #D7CF02;
	background: black;
}

.sidenav .closebtn:focus {
	color: #D7CF02;
	background: black;
}

#overlay {
 	height: 100%;
  	width: 100%;
  	position: fixed;
  	z-index: -1;
  	top: 0;
  	left: 0;
  	overflow-x: hidden;  
}


@media (max-width: 600px) {.menubut {clear: both; float: left; margin-left: 5px; margin-top: 20px;} .hide-class {display: none;} .gallery img {width: 100%; height: auto;} .highslide img{ margin-bottom: 5px;}
}


/* -- SLIDESHOW images script start -- */
#slide {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin-top: 96px;
	padding: 0;	
	height: auto;
	background-color: #000000;
	
}

.mySlides {
	display: none;
}

.slide-content {
	margin-left: auto; 
	margin-right: auto; 
	max-width: 100%; 
	width: 100%; 
	background-position: center; 
	background-size: cover; 
	left: 0; 
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 0; 
	border: none;	
}
.mySlides :active, :focus  {
 	outline: none; 
	box-shadow: none;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2.9s;
  animation-name: fade;
  animation-duration: 2.9s;
}

@-webkit-keyframes fade {
  from {opacity: .2}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .2}
  to {opacity: 1}
}

.slide-button {
	display: inline-block; 
	padding: 15px 32px 19px 12px; 
	vertical-align: middle; 
	overflow: hidden; 
	text-decoration: none; 
	text-align: center; 
	cursor: pointer; 
	white-space: nowrap; 
	background-color: rgba(25,25,25,0.1);
	color: #868686;
	font-size: 45px;
	width: 10px;
	outline: none;
	border: none;
}

.slide-button:hover {
	color: #636f01;
	background-color: #000000;
}

.slide-button:focus {
	text-decoration: none;
 	outline: none; 
	box-shadow: none;
	border: none;
	color: 0;
}

.slide-display-left {
	position: fixed; 
	border-radius: 0 50px 50px 0;
	top: 50%; 
	left: 0%;
	-ms-transform: translate(-0%,-50%);
	transform: translate(0%,-50%);

}	

.slide-display-right{
	position: fixed; 
	top: 50%; 
	right: 0%; 
	border-radius: 50px 0 0 50px;
	-ms-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}


/**
*IMAGE VIEWER
* @file: highslide.css 
* @version: 4.1.13
*/
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: 0;
}

.highslide {
	display: block;
	margin: 3px 3px 3px;
	padding: 0;
	font-size: 0;
}

.highslide img {
	border: 1px solid #000000;
	background-color: #1A1A1A;
	padding: 10px;
	border-radius: 20px;
}

.highslide img:hover {
	border: 1px solid #D7CF02;
}

.highslide:focus{
	border: 1px solid #969104;
	border-radius: 20px;
	background: rgba(0,0,0,0.00);
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111111;
}

.highslide-image-blur {
}
.highslide-number {
	color: gray;
	font-weight: normal;
	font-size: 0.3em;
	font-style: italic;
}
.highslide-caption {
	display: none;
	font-size: 0.9em;
	font-weight: bold;
	padding: 5px;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	margin: 0.4em;
}
.highslide-dimming {
	/*position: absolute;*/
	background: #000000;
}

.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../home/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}

.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}


/*****************************************************************************/
/* Thumbnail boxes for the galleries.                                        */
/* Remove these if you are not using a gallery.                              */
/*****************************************************************************/
.highslide-gallery ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.highslide-gallery ul li {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: 106px;
	border: 1px solid silver;
	background: #ededed;
	margin: 2px;
	padding: 0;
	line-height: 0;
	overflow: hidden;
}
.highslide-gallery ul a {
	position: absolute;
	top: 50%;
	left: 50%;
}
.highslide-gallery ul img {
 	position: relative;
	top: -50%;
	left: -50%;
}
html>/**/body .highslide-gallery ul li {
	display: table;
	text-align: center;
}
html>/**/body .highslide-gallery ul li {
	text-align: center;
}
html>/**/body .highslide-gallery ul a {
	position: static;
	display: table-cell;
	vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
	position: static;
}

/*****************************************************************************/
/* Controls for the galleries.											     */
/* Remove these if you are not using a gallery							     */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(../home/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../home/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
	list-style: none;
}
.highslide-controls a {
	background-image: url(../home/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.mobile .highslide-html {
	border: 1px solid silver;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(../home/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}



/*****************************************************************************/
/* Styles for the thumbstrip.							                     */
/* See www.highslide.com/ref/hs.addSlideshow    							 */
/* You can safely remove this if you don't use a thumbstrip 				 */
/*****************************************************************************/

.highslide-thumbstrip {
	height: 100%;
	direction: ltr;
}
.highslide-thumbstrip div {
	overflow: hidden;
}
.highslide-thumbstrip table {
	position: relative;
	padding: 0;
	border-collapse: collapse;
}
.highslide-thumbstrip td {
	padding: 1px;
	/*text-align: center;*/
}
.highslide-thumbstrip a {
	outline: none;
}
.highslide-thumbstrip img {
	display: block;
	border: 1px solid gray;
	margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
	visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
	width: auto;
	/* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(../home/scrollarrows.png) left center no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(../home/scrollarrows.png) center right no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal table {
	margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
	margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
	width: auto;
	height: 40px;
	position: absolute;
}
.highslide-thumbstrip-horizontal .highslide-marker {
	top: 47px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	border-bottom-color: white !important;
}

.highslide-thumbstrip-vertical-overlay {
	overflow: hidden !important;
}
.highslide-thumbstrip-vertical div {
	height: 100%;
}
.highslide-thumbstrip-vertical a {
	display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
	margin-left: 10px;
	cursor: pointer;
	background: url(../home/scrollarrows.png) top center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
	margin-left: 10px;
	cursor: pointer;
	background: url(../home/scrollarrows.png) bottom center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical table {
	margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
	width: 60px; /* t=5481 */
}
.highslide-thumbstrip-vertical .highslide-marker {
	left: 0;
	margin-top: 8px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
	border-left-color: white;
}

.highslide-viewport .highslide-thumbstrip-float {
	overflow: auto;
}
.highslide-thumbstrip-float ul {
	margin: 2px 0;
	padding: 0;
}
.highslide-thumbstrip-float li {
	display: block;
	height: 60px;
	margin: 0 2px;
	list-style: none;
	float: left;
}
.highslide-thumbstrip-float img {
	display: inline;
	border-color: silver;
	max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
	border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
	display: none;
}
.highslide-thumbstrip-float .highslide-marker {
	display: none;
}