@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/FontAwesome/fontawesome-webfont.eot");
  src: url("../fonts/FontAwesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/FontAwesome/fontawesome-webfont.woff2") format("woff2"), url("../fonts/FontAwesome/fontawesome-webfont.woff") format("woff"), url("../fonts/FontAwesome/fontawesome-webfont.ttf") format("truetype"), url("../fonts/FontAwesome/fontawesome-webfont.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
	font-family: 'Roboto', sans-serif;
}
h1 {
	font-size: 28px;
	margin-bottom: 30px;
	font-family: 'Roboto', sans-serif;
}
img {
	max-width: 100%;
}
#header {
	padding: 5px 0;
	box-shadow: 0 0 10px 3px rgba(0,0,0,0.15);
	position: fixed;
	width: 100%;
	background: #ffffff;
	z-index: 99;
}
#header .container {
	z-index: 9;
}
#header::after, .mainmenu__list::after {
	clear: both;
	content: '';
	display: block;
}
.logo {
	float: left;
	width: 150px;
}
.mainmenu {
	float: right;
	margin-top: 12px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
}
.container.flex {
	display: flex;
}
.container.flex nav {
	display: flex;
	justify-content: flex-end;
}
.mainmenu__trigger {

}
.header-contact {
	flex: 1;
    text-align: left;
    margin-left: 1rem;
    margin-top: 0.375rem;
}
.header-contact span {
	font-weight: bold;
	font-size: 0.75rem;
}
.header-contact a {
	font-size: 1.125rem;
    margin-left: 0px;
    color: #f6854d;
	transition: all 0.3s;
	position: relative;
	top: -5px;
}
.header-contact a:hover {
	color: #3bb272;
	transition: all 0.3s;
	text-decoration: none;
}
.mainmenu__list--expanded {
	margin-top: 62px;
}
.mainmenu__list {
	list-style: none;
}
.mainmenu__list li {
	float: left;
	position: relative;

}
.mainmenu__list a {
	color: #000000;
	display: block;
	padding: 10px 25px;
	border-radius: 5px;
	transition: all 0.3s;
}
.mainmenu__list a:hover, .mainmenu__list a.active {
	text-decoration: none;
	color: #3bb272;
	transition: all 0.3s;
	background: none !important;
}
.mainmenu__submenu {
	list-style: none;
	display: none;
	font-size: 18px;
	margin-top: -3px;
}
.mainmenu__list li:hover .mainmenu__submenu {
	display: block;
	position: absolute;
	margin: 0;
	padding: 10px 0 10px 10px;
	left: 0;
	width: 100%;
	background: #fafafa;
	transition: all 0.3s;
}
.mainmenu__list li:hover a {
	background: #fafafa;
}
.mainmenu__list li li {
	margin-right: 0;
	float: none;
}
.mainmenu__list li li a {
	display: block;
}
#content {
	padding-top: 67px;
	padding-bottom: 50px;
}

.main-slider {
	background: url('../images/bg.jpg') no-repeat -100px 0;
	background-size: cover;
	position: relative;
	margin-bottom: 50px;
	height: 300px;
}
.main-slider__slogan {
	height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 0px;
}
#kontakt .main-slider {
	height: 300px;
	background: url('../images/contact.jpg') no-repeat center center;
	background-size: cover;
}
#kontakt .main-slider__slogan {
	height: 300px;
	padding: 0;
}
#tjanster .main-slider {
	height: 300px;
	background: url('../images/tjanster-bg.jpg') no-repeat center center;
	background-size: cover;
}
.main-slider::after {
	height: 0;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #ffffff;
}
.main-slider h1, .main-slider h2 {
	font-size: 2.5rem;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -2px;
    margin-top: 0;
    text-shadow: 1px 1px 6px #6d9b9b;
    margin-bottom: 1rem;
}
.main-slider h2 {
	font-size: 1.875rem;
}
.main-slider p {
    text-align: center;
    color: #ffffff;
    margin-top: 1rem;
    font-size: 1.25rem;
    text-shadow: 1px 1px 6px #6d9b9b;
}
.main-slider .container {
	z-index: 8;
	position: relative;
}
.btn-effect {
	margin-top: 0 !important;
}
.input-field {
	margin-bottom: 0.5rem;
}
.contact-details img {
	opacity: 0;
	height: 0;
	position: absolute;
}
.btn {
	font-family: 'PT Sans Narrow', sans-serif;
	background: #d15522;
	padding: 10px 15px;
	display: inline-block;
	color: #ffffff;
	font-size: 18px;
	margin: 20px 0;
	transition: all 0.3s;
}
.btn:hover {
	background: #c34815;
	color: #ffffff;
	transition: all 0.3s;
}
#footer {
	background: #1f1f1f;
	font-size: 14px;
	color: #ffffff;
	padding: 20px 0;
}
#footer h2 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 18px;
	border-bottom: 2px solid #ffffff;
	padding-bottom: 5px;
}
#footer a {
	color: #ffffff;
	position: relative;
	padding-left: 22px;
	transition: all 0.3s;
}
#footer a.footer__fb {
	padding-left: 18px;
}
#footer a:hover {
	color: #d15522;
	text-decoration: none;
	transition: all 0.3s;
}
#footer a::before {
	font-family: FontAwesome;
	position: absolute;
	left: 0;
}
.footer__phone::before {
	content: '\f095';
}
.footer__email::before {
	content: '\f0e0';
}
.footer__fb::before {
	content: '\f09a';
}
@media screen and (min-width: 767px) {
	.logo {
		width: auto;
	}
	.main-slider__slogan {
		height: 600px;
		padding-bottom: 100px;
	}
	.main-slider h1, .main-slider h2 {
		font-size: 4rem;
		margin-bottom: 30px;
	}
	.main-slider h2 {
		font-size: 3rem;
	}
	.main-slider p {
   		font-size: 1.625rem;
   		margin-top: 2rem;
   	}
   	.main-slider {
		background-position: 0 0;
		margin-bottom: 50px;
		height: 600px;
	}
	.header-contact {
		margin-top: 17px;
		margin-left: 0;
		text-align: center;
	}
	.header-contact span {
		font-size: 1rem;
	}
	.header-contact a {
		font-size: 1.375rem;
	    margin-left: 44px;
	    top: 0;
	}
	.mainmenu__trigger {
		top: 26px;
	}
	.main-slider::after {
		xcontent: '';
		height: 45px;
	}
	#kontakt .main-slider {
		height: 460px;
	}
	#kontakt .main-slider__slogan {
		height: 420px;
	}
	#tjanster .main-slider {
		height: 460px;
	}
	#content {
		padding-top: 85px;
	}
	.mainmenu__list--expanded {
		margin-top: 80px;
	}

}
@media screen and (min-width: 992px) {
	.main-slider h1 {
		font-size: 4.5rem;
	}
}
@media screen and (max-width: 991px) {
	#header .container {
		position: relative;
	}
	.mainmenu {
		float: none;
		position: absolute;
		right: 0;
		margin-top: 0;
	}
	.mainmenu__list {
		display: none;
		background: #ffffff;
	}
	.mainmenu__list--expanded {
		display: block;
		padding-left: 10px;
		box-shadow: -1px 2px 15px -1px rgba(0,0,0,0.3);
	}
	.mainmenu__list li {
		float: none;
	}
	.mainmenu__submenu {
		display: block;
		padding-left: 10px;
	}
	.mainmenu__list a {
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.mainmenu__trigger {
	    display: block;
	    position: absolute;
	    right: 20px;
	    top: 17px;
	    width: 30px;
	    height: 24px;
	    cursor: pointer;
	    z-index: 100;
	 }
	.mainmenu__trigger--opened .mainmenu__trigger-line:first-child {
	  transform: rotate(45deg);
	  top: 5px;
	  transition: all 0.2s ease-in;
	}

	.mainmenu__trigger--opened .mainmenu__trigger-line:last-child {
	  transform: rotate(-45deg);
	  top: 5px;
	  transition: all 0.2s ease-in;
	}

	.mainmenu__trigger--opened .mainmenu__trigger-line:nth-of-type(2) {
	  opacity: 0;
	  transition: all 0.2s ease-in;
	}
	.mainmenu__trigger-line {
	    height: 4px;
	    width: 30px;
	    position: absolute;
	    left: 0;
	    top: 10px;
	    display: block;
	    background: #333333;
	    transition: all 0.2s ease-in;
	}
	.mainmenu__trigger-line:first-child {
	    top: 0px;
	}
	.mainmenu__trigger-line:last-child {
	    top: 20px;
	}
}
@media screen and (max-width: 575px) {
	.col-xs-12 {
		width: 100% !important;
	}	
	#footer .col-sm-6:first-child {
		width: 43%;
	}
	#footer .col-sm-6:last-child {
		width: 57%;
	}
}

@media screen and (max-width: 410px) {
	.col-xs-12 {
		width: 100% !important;
	}	
	#footer .col-sm-6:first-child {
		width: 36%;
	}
	#footer .col-sm-6:last-child {
		width: 64%;
	}
}