/*
Theme Name: Stav - N & N Facunová s.r.o.
Theme URI: 
Author: Pavel Hulva
Author URI:
Description: Stavební společnost Stav - N & N Facunová s.r.o., která se zabývá zaměstnáváním dlouhodobě nezaměstnaných.
Version: 1.0

This theme built with Twitter Bootstrap v.4. It is basic theme with basic style for build new theme with Bootstrap.

*/


html {
	margin: 0!important;
	padding: 0!important;
}

body {
	font-family: 'Ubuntu', sans-serif!important;
}

.btn-primary {
	background-color: #f1910b!important;
	border: 2px solid #f1910b!important;
	border-radius: 0px!important;
	text-transform: uppercase!important;
	font-weight: 500!important;
	font-size: 18px!important;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #FFF!important;
	color: #000!important;
}

.orange-color {
	color: #f1910b!important;
}

.black-bottom-border {
	border-bottom: 5px solid #000!important;
	padding-bottom: 5px!important;
}

.small-black-title {
	font-size: 16px!important;
	text-transform: none!important;
	color: #000!important;
	font-weight: 400!important;
}

.navbar-light {
	background-color: #FFF!important;
	border-bottom: 2px solid #f1910b!important;
}

.navbar-nav > li > a {
	padding-left: 35px!important;
	font-weight: 500!important;
	font-size: 16px!important;
	color: #000!important;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
	color: #f1910b!important;
}

.site-main-footer {
	background-color: #000!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
}

.site-main-footer-content > p {
	font-size: 10px!important;
	color: #FFF!important;
	padding: 0px!important;
	margin: 0px!important;
}

.main-title {
	background: url('assets/img/main-title-bg.jpg') no-repeat bottom center!important;
	background-color: #f5f4f4!important;
}

.main-title-mobile {
	background-color: #f5f4f4!important;
}

.main-title-content {
	padding-top: 150px!important;
}

.main-title-content > h1 {
	text-transform: uppercase!important;
	font-size: 50px!important;
	font-weight: 700!important;
	color: #6c6c6c!important;
}

.main-title-content > p {
	font-size: 25px!important;
	padding-top: 30px!important;
	padding-bottom: 100px!important;
}

.main-title-content-mobile {
	padding-top: 80px!important;
}

.main-title-content-mobile > h1 {
	text-transform: uppercase!important;
	font-size: 40px!important;
	font-weight: 700!important;
	color: #6c6c6c!important;
}

.main-title-content-mobile > p {
	font-size: 25px!important;
	padding-top: 30px!important;
	padding-bottom: 100px!important;
}

.main-title-box {
	padding-bottom: 50px!important;
}

.main-title-boxes {
	background-color: #f1910b!important;
	opacity: 0.8!important;
	padding-top: 20px!important;
	padding-bottom: 10px!important;
}

.main-title-boxes-mobile {
	background-color: #f1910b!important;
	opacity: 0.8!important;
	margin-top: 10px!important;
	margin-bottom: 10px!important;
	padding-top: 20px!important;
	padding-bottom: 10px!important;
}

.main-title-boxes-text > h2 {
	font-size: 20px!important;
	color: #FFF!important;
	text-transform: uppercase!important;
	padding-bottom: 20px!important;
}

.main-title-boxes-text > h2 > a {
	color: #FFF!important;
}

.main-title-boxes-text > h2 > a:hover,
.main-title-boxes-text > h2 > a:focus {
	color: #000!important;
	text-decoration: none!important;
}

.main-title-boxes-text > p {
	font-size: 12px!important;
	font-weight: 300!important;
	color: #FFF!important;
}

.main-title-boxes-img {
	padding-top: 10px!important;
}

.main-title-boxes-img-mobile {
	padding-top: 10px!important;
	padding-bottom: 20px!important;
}

.main-services {
	padding-top: 50px!important;
	padding-bottom: 50px!important;
	background-color: #FFF!important;
}

.main-services-title > h2 {
	font-size: 25px!important;
	color: #000!important;
	text-transform: uppercase!important;
	padding-bottom: 30px!important;
	font-weight: 700!important;
}

.main-services-boxes {
	padding-top: 10px!important;
	padding-bottom: 10px!important;
}

.main-services-boxes-text > h2 {
	font-size: 18px!important;
	text-transform: uppercase!important;
	color: #000!important;
	font-weight: 700!important;
	padding-top: 5px!important;
}

.main-services-boxes-text > h2 > a {
	color: #000!important;
}

.main-services-boxes-text > h2 > a:hover,
.main-services-boxes-text > h2 > a:focus {
	color: #f1910b!important;
	text-decoration: none!important;
}
.main-services-boxes-text > p {
	font-size: 12px!important;
	font-weight: 300!important;
}

.main-services-boxes-img-mobile {
	margin-top: 10px!important;
	margin-bottom: 10px!important;
}

.main-about-us {
	padding-top: 50px!important;
	padding-bottom: 50px!important;
	background-color: #f5f4f4!important;
}

.main-about-us-text {
	padding-top: 30px!important;
}

.main-about-us-text > h2 {
	font-size: 25px!important;
	color: #000!important;
	text-transform: uppercase!important;
	padding-bottom: 30px!important;
	font-weight: 700!important;
}

.main-about-us-text > p {
	font-size: 16px!important;
}

.main-about-us-img {
	margin-top: 50px!important;
}

.main-references {
	padding-top: 50px!important;
	padding-bottom: 50px!important;
}

.main-references-title > h2 {
	font-size: 25px!important;
	color: #000!important;
	text-transform: uppercase!important;
	padding-bottom: 30px!important;
	font-weight: 700!important;
}

.main-reference-logo {
	padding-top: 10px!important;
	padding-bottom: 10px!important;
}

.page-contact {
	padding-top: 70px!important;
	padding-bottom: 70px!important;
	background-color: #f5f4f4!important;
}

.page-contact-information > h2 {
	font-size: 30px!important;
	color: #000!important;
	text-transform: uppercase!important;
	padding-bottom: 30px!important;
	font-weight: 700!important;
	color: #f1910b!important;
}

.page-contact-information > h3 {
	font-size: 25px!important;
	font-weight: 500!important;
}

.page-contact-information > p {
	font-size: 20px!important;
}

.page-contact-form > h2 {
	font-size: 30px!important;
	color: #000!important;
	text-transform: uppercase!important;
	padding-bottom: 30px!important;
	font-weight: 700!important;
	color: #f1910b!important;
}

.page-galerie {
	padding-top: 70px!important;
	padding-bottom: 70px!important;
	background-color: #f5f4f4!important;
}

.page-galerie-img > h2 {
	font-size: 30px!important;
	color: #000!important;
	text-transform: uppercase!important;
	padding-bottom: 30px!important;
	font-weight: 700!important;
	color: #f1910b!important;
}

.page-sluzby {
	padding-top: 70px!important;
	padding-bottom: 70px!important;
	background-color: #f5f4f4!important;
}

.page-sluzby-mobile {
	padding-top: 70px!important;
	padding-bottom: 70px!important;
	background-color: #f5f4f4!important;
}

.page-sluzby-content > h2 {
	font-size: 30px!important;
	color: #000!important;
	text-transform: uppercase!important;
	padding-bottom: 30px!important;
	font-weight: 700!important;
	color: #f1910b!important;
}

.page-sluzby-content > h3 {
	padding-bottom: 40px!important;
}

.page-sluzby-big-boxes {
	background-color: #f1910b!important;
	padding: 25px!important;
	margin-top: 10px!important;
	margin-bottom: 10px!important;
}

.page-sluzby-big-boxes > img {
	padding-top: 20px!important;
	padding-bottom: 20px!important;
}

.page-sluzby-big-boxes > h3 {
	text-transform: uppercase!important;
	color: #FFF!important;
	font-size: 22px!important;
}

.page-sluzby-big-boxes > p {
	padding-top: 20px!important;
	color: #FFF!important;
	font-size: 18px!important;
	font-weight: 300!important;	
	text-align: left!important;
}

.page-sluzby-small-boxes {
	background-color: #FFF!important;
	padding: 25px!important;
	margin-top: 10px!important;
	margin-bottom: 10px!important;
}

.page-sluzby-small-boxes > img {
	padding-top: 20px!important;
	padding-bottom: 20px!important;
}

.page-sluzby-small-boxes > h3 {
	text-transform: uppercase!important;
	color: #000!important;
	font-size: 22px!important;
}

.page-sluzby-small-boxes > p {
	padding-top: 20px!important;
	color: #000!important;
	font-size: 18px!important;
	font-weight: 300!important;	
	text-align: left!important;
}