@import url("https://use.typekit.net/tup8lra.css");

.notopmargin { margin-top:0 !important; }
.topmargin-xs { margin-top:10px !important; }
.topmargin-sm { margin-top:20px !important; }
.topmargin-lg { margin-top:50px !important; }
.bottommargin-xs { margin-bottom:10px !important; }
.bottommargin-sm { margin-bottom:20px !important; }
.bottommargin-md { margin-bottom:30px !important; }

#page-container {
	background-color: #fff;
}
.site-content {
	background-color: transparent;
}
header {
}
a.site-logo {
	font-family: "open-sans-condensed",sans-serif;
	font-weight: 700;
}
a.site-logo:hover {
}
nav {
}

.site-nav a {
	font-family: "open-sans-condensed",sans-serif;
	font-size: 16px;
	font-weight: 300;
	padding: 0 5px;
}

h1 {
	font-family: "open-sans", sans-serif;
	font-weight: 400;
}

h2 {
	font-size: 24px;
	line-height: 1.3;
}
h3 {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 20px;
}
.site-section {
	padding: 20px 0;
}
.site-section-top {
	padding-top: 100px;
	padding-bottom: 20px;
	background-color: #148e81;
}
.site-section-top h1 {
	color: #fff;
}
.btn-home {
	background-color: #fff;
	color: #94a9fb;
}
.btn-home:hover {
	background-color: #94a9fb;
	color: #fff;
}
.btn-home-2line {
	height: 52px;
}


.site-footer {
	color: #888;
	background-color: #fff;
	padding-top: 30px;
	padding-bottom: 10px;
}
.site-footer p {
	font-size: 12px;
	line-height: 1.5 !important;
}
.footer-gerb-varna {
	vertical-align: top;
	height: 70px;
}
.footer-gerb-varna-european-capital {
	vertical-align: top;
	height: 65px;	
	margin-left:10px;
}
.footer-stopanska-camara {
	vertical-align: top;
	height: 65px;	
	margin-left:10px;
}
.footer-nav-social {
	text-align: center;
	margin-top: 20px;
}
.footer-nav-social a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	background-color: #fff;
	border: 1px solid #3b5998;
	color: #3b5998;
}
.footer-nav-social a:hover {
	background-color: #3b5998;
}
.has-error .help-block {
	font-size: 12px;
}

/*
=================================================================
(#m07res) RESPONSIVE
=================================================================
*/

/* Small devices, Tablets (>767px) */
@media screen and (min-width: 768px) {

}

/* Medium devices, Desktops (>991px) */
@media screen and (min-width: 992px) {

	header {
		padding: 20px 0;
	}

	a.site-logo {
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}

	header nav {
		float: none;
		text-align: center;
	}
	ul.site-nav {
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}

	ul.site-nav li ul {
		text-align: left;
	}	
	.site-section-top {
		padding-top: 130px;
	}

}

/* Large devices, Desktops (>1199px) */
@media screen and (min-width: 1200px) {

}

/*
=================================================================
(#m08rts) RETINA
=================================================================
*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    /* If you did use a CSS image background, you can put your high resolution image here */

}