/* FRONTEND CSS
*********************************************/
html {
	background: url(../images/bg1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body {
	line-height: 28px;
}
.webwidth {
	width: 100%;
	max-width: 1167px;
	margin: 0 auto;
}
h1 {
	padding: 25px 0 10px 0;
	line-height: normal;
}
h2, h3 {
	padding: 45px 0 25px 0;
	line-height: normal;
}
section {
	padding-bottom: 100px;
}
/* navigation */
nav ul {
	margin: 0;
	padding: 25px 0 0 0;
	list-style-type: none;
	text-align: center;
	min-height: 35px;
}
nav li {
	display: inline;
}
nav li span {
	padding: 15px 25px 15px 25px;
}
nav li span.active, nav li a:hover span {
	background-color: #73af59
}
.navborder {
	background-color: #73af59;
}
.navborder div {
	min-height: 54px;
	background: url(../images/logo-white.png) no-repeat left center;
	padding-left: 20px;
}
/* boxes */
.boxes div.float-left {
	background-color: #73af59;
	text-align: center;
	padding: 35px 0px 15px 0px;
}
.boxes div:nth-child(1) div, .boxes div:nth-child(2) div, .boxes div:nth-child(3) div, .boxes div:nth-child(4) div {
	padding: 50px 15px 0px 15px;
}
section.boxes {
	position: relative;
	z-index: 10;
}
/* footer */
footer {
	padding: 25px 0 25px 0;
}
footer div:first-child {
	text-align: right;
}
/* LAYOUT HP
*********************************************/
#hp section {
	padding-bottom: 0px;
}
#hp .logo {
	padding-top: 74px;
	background: url(../images/logo.png) no-repeat left top;
}
#hp .navborder {
	border-bottom: solid #73af59 4px;
	margin-bottom: 50px;
}
#hp header {
	min-height: 843px;
}
#hp .portrait {
	position: relative;
	margin: -300px -30px 0 0;
	background: url(../images/Kamil-Jurik-portrait.png) no-repeat bottom right;
	min-height: 429px;
	padding: 330px 330px 0 370px;
	line-height: 24px;
}
#hp .signature {
	background: url(../images/Kamil-Jurik-signature.png) no-repeat center right;
	min-height: 72px;
	margin: 0 90px 10px 0;
}
#hp section.boxes {
	margin-top: -260px;
}
#hp .boxes div.float-left {
	min-height: 335px;
}
#hp .boxes div:nth-child(1) div {
	background: url(../images/sp-logo.png) no-repeat top center;
}
#hp .boxes div:nth-child(2) div {
	background: url(../images/sp-blog.png) no-repeat top center;
}
#hp .boxes div:nth-child(3) div {
	background: url(../images/sp-com.png) no-repeat top center;
}
#hp .boxes div:nth-child(4) div {
	background: url(../images/calendar.png) no-repeat top center;
}
#hp .partners {
	background: url(../images/bg2.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
	margin-top: -170px;
	padding: 230px 0 50px 0;
	line-height: 24px;
}
#hp .partners div div:nth-child(1) {
	background: url(../images/mainstream-logo.png) no-repeat left center;
}
#hp .partners div div:nth-child(2) {
	background: url(../images/k2-logo.png) no-repeat left center;
}
#hp .partners div div:nth-child(1) div {
	padding-left: 250px;
	background-image: none;
}
#hp .partners div div:nth-child(2) div {
	padding-left: 140px;
	background-image: none;
}
/* LAYOUT Contacts
*********************************************/
#contact .partners {
	background: url(../images/bg2.jpg) no-repeat top center;
	background-size: cover;
	padding: 50px 0 50px 0;
	line-height: 24px;
}
#contact .partners div div:nth-child(1) {
	background: url(../images/mainstream-logo.png) no-repeat left center;
}
#contact .partners div div:nth-child(2) {
	background: url(../images/k2-logo.png) no-repeat left center;
}
#contact .partners div div:nth-child(1) div {
	padding-left: 250px;
	background-image: none;
}
#contact .partners div div:nth-child(2) div {
	padding-left: 140px;
	background-image: none;
}
/* LAYOUT Profile
*********************************************/
#profile section:nth-child(3) {
	background: rgba(38, 37, 44, .85);
}
#profile section:nth-child(3) article {
	position: relative;
	padding-right: 450px;
}
#profile section div.portrait {
	position: absolute;
	background: url(../images/Kamil-Jurik-portrait2.png);
	right: 0;
	bottom: 0;
	width: 318px;
	height: 400px;
	margin-bottom: -100px;
}
/* LAYOUT Community
*********************************************/
#community > div {
	background: url(../images/sp-komunita.jpg) no-repeat top center;
	background-size: cover;
}
#community h1 {
	text-align: right;
	line-height: 63px;
	padding: 50px 120px 0 0;
}
#community div section:nth-child(2) {
	background: rgba(38, 37, 44, .85);
	text-align: center;
}
#consultations section:nth-child(2) {
	text-align: center;
}
/* LAYOUT Consultations
*********************************************/
#consultations section {
	padding-bottom: 0px;
}
#consultations h1 {
	padding-top: 50px;
	line-height: 63px;
}
#consultations section:nth-child(2) {
	background: url(../images/konzultace.jpg) no-repeat top center;
	background-size: cover;
	min-height:657px;
}
#consultations .boxes div.float-left {
	min-height: 250px;
}
#consultations .boxes div:nth-child(1) div, #consultations .boxes div:nth-child(2) div, #consultations .boxes div:nth-child(3) div, #consultations .boxes div:nth-child(4) div {
	background: url(../images/sp-logo2.png) no-repeat top center;
}
#consultations  section.boxes {
	margin-top: -170px;
}
#consultations section:nth-child(4) {
	position:relative;
	background: rgba(38, 37, 44, .85);
	text-align: center;
	margin-top:-130px;
	padding:150px 0 50px 0;
}
#consultations section:nth-child(4) div {
	margin-top:50px;
}
#consultations section:nth-child(4) div:nth-child(2) {
	min-height:71px;
	background:url(../images/reference1.png) no-repeat;
	background-size: cover;
}
#consultations section:nth-child(4) div:nth-child(3) {
	min-height:85px;
	background:url(../images/reference2.png) no-repeat;
	background-size: cover; 
}
/* blog
*********************************************/
#blog section {
	padding-bottom: 0px;
}
.fb-page {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}
.fb_iframe_widget {
	display:block !important;
}
/* Fonts
*********************************************/
/* Color */
html, a {
	color: #2f2e3a;
}
.boxes, .boxes a, .partners, nav a:hover, nav span.active, #profile section:nth-child(3), #community article, #consultations h2 {
	color: #ffffff;
}
h1 span.heading1 {
	background: -webkit-linear-gradient(top, #3d3c4c 50%, #2f2e3a 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/* Size */
.portrait, .partners {
	font-size: 12px;
}
html {
	font-size: 14px;
}
.boxes {
	font-size: 15px;
}
.boxes h2, nav, footer {
	font-size: 16px;
}
h1, h2 {
	font-size: 23px;
}
.heading2 {
	font-size: 25px;
}
#community h1, #consultations h1 {
	font-size: 36px;
}
.heading1 {
	font-size: 114px;
}
/* Weight */
html {
	font-weight: 400;
}
/* Font style */
.boxes a {
	text-decoration: underline;
}
/* Fonts */
@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Light.otf') format("opentype");
}
@font-face {
	font-family: 'Montserrat-SemiBold';
	src: url('../fonts/Montserrat-SemiBold.otf') format("opentype");
}
html {
	font-family: 'Montserrat-Light', sans-serif;
}
h1, h2, nav, footer {
	font-family: 'Montserrat-SemiBold', sans-serif;
}
/* MEDIA QUERIES
*********************************************/

@media (min-width: 3801px) {
/* FRONTEND CSS UHD
*********************************************/
html {
	background: url(../images/bg1-uhd.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body {
	line-height: 56px;
}
.webwidth {
	max-width: 2334px;
}
h1 {
	padding: 50px 0 20px 0;
}
h2, h3 {
	padding: 90px 0 50px 0;
}
section {
	padding-bottom: 200px;
}
/* navigation UHD */
nav ul {
	padding: 50px 0 0 0;
	min-height: 70px;
}
nav li span {
	padding: 30px 50px 30px 50px;
}
.navborder div {
	min-height: 108px;
	background: url(../images/logo-white-uhd.png) no-repeat left center;
}
/* boxes UHD */
.boxes div.float-left {
	padding: 70px 0 30px 0;
}
.boxes div:nth-child(1) div, .boxes div:nth-child(2) div, .boxes div:nth-child(3) div, .boxes div:nth-child(4) div {
	padding: 100px 30px 0 30px;
}
section.boxes {
	position: relative;
}
/* footer UHD */
footer {
	padding: 50px 0 50px 0;
}
/* LAYOUT HP UHD
*********************************************/
#hp .logo {
	padding-top: 148px;
	background: url(../images/logo-uhd.png) no-repeat left top;
}
#hp .navborder {
	border-bottom: solid #73af59 8px;
	margin-bottom: 100px;
}
#hp header {
	min-height: 1686px;
}
#hp .portrait {
	position: relative;
	background: url(../images/Kamil-Jurik-portrait-uhd.png) no-repeat bottom right;
	margin: -600px -60px 0 0;
	min-height: 858px;
	padding: 660px 660px 0 740px;
	line-height: 48px;
}
#hp .signature {
	background: url(../images/Kamil-Jurik-signature-uhd.png) no-repeat center right;
	min-height: 144px;
	margin: 0 180px 20px 0;
}
#hp section.boxes {
	margin-top: -520px;
}
#hp .boxes div.float-left {
	min-height: 335px;
}
#hp .boxes div:nth-child(1) div {
	background: url(../images/sp-logo-uhd.png) no-repeat top center;
}
#hp .boxes div:nth-child(2) div {
	background: url(../images/sp-blog-uhd.png) no-repeat top center;
}
#hp .boxes div:nth-child(3) div {
	background: url(../images/sp-com-uhd.png) no-repeat top center;
}
#hp .boxes div:nth-child(4) div {
	background: url(../images/calendar-uhd.png) no-repeat top center;
}
#hp .partners {
	position: relative;
	margin-top: -340px;
	padding: 460px 0 100px 0;
	line-height: 48px;
}
#hp .partners div div:nth-child(1) {
	background: url(../images/mainstream-logo-uhd.png) no-repeat left center;
}
#hp .partners div div:nth-child(2) {
	background: url(../images/k2-logo-uhd.png) no-repeat left center;
}
#hp .partners div div:nth-child(1) div {
	padding-left: 500px;
}
#hp .partners div div:nth-child(2) div {
	padding-left: 280px;
}
/* LAYOUT Contacts UHD
*********************************************/
#contact section:nth-child(3) article {
	position: relative;
	padding-right: 900px;
}
#contact .partners {
	padding: 100px 0 100px 0;
	line-height: 48px;
}
#contact .partners div div:nth-child(1) {
	background: url(../images/mainstream-logo-uhd.png) no-repeat left center;
}
#contact .partners div div:nth-child(2) {
	background: url(../images/k2-logo-uhd.png) no-repeat left center;
}
#contact .partners div div:nth-child(1) div {
	padding-left: 500px;
}
#contact .partners div div:nth-child(2) div {
	padding-left: 280px;
}
/* LAYOUT Profile UHD
*********************************************/
#profile section div.portrait {
	position: absolute;
	background: url(../images/Kamil-Jurik-portrait2-uhd.png);
	right: 0;
	bottom: 0;
	width: 636px;
	height: 800px;
	margin-bottom: -200px;
}
/* LAYOUT Community UHD
*********************************************/
#community h1 {
	line-height: 126px;
}
/* LAYOUT Consultations UHD
*********************************************/
#consultations h1 {
	padding-top: 100px;
	line-height: 126px;
}
#consultations section:nth-child(2) {
	min-height:1314px;
}
#consultations .boxes div.float-left {
	min-height: 500px;
}
#consultations .boxes div:nth-child(1) div, #consultations .boxes div:nth-child(2) div, #consultations .boxes div:nth-child(3) div, #consultations .boxes div:nth-child(4) div {
	background: url(../images/sp-logo2-uhd.png) no-repeat top center;
}
#consultations  section.boxes {
	margin-top: -340px;
}
#consultations section:nth-child(4) {
	position:relative;
	margin-top:-260px;
	padding:300px 0 100px 0;
}
#consultations section:nth-child(4) div {
	margin-top:100px;
}
#consultations section:nth-child(4) div:nth-child(2) {
	min-height:142px;
}
#consultations section:nth-child(4) div:nth-child(3) {
	min-height:170px;
}
/* Fonts UHD
*********************************************/
.portrait, .partners {
	font-size: 24px;
}
html {
	font-size: 28px;
}
.boxes {
	font-size: 30px;
}
.boxes h2, nav, footer {
	font-size: 32px;
}
h1, h2 {
	font-size: 46px;
}
.heading2 {
	font-size: 50px;
}
#community h1, #consultations h1 {
	font-size: 72px;
}
.heading1 {
	font-size: 228px;
}
}
@media (min-width: 821px) and (max-width: 1120px) {
#hp .portrait {
	display: none;
}
}
@media (max-width: 820px) {
/* FRONTEND CSS Mobile
*********************************************/
body {
	line-height: 20px;
	height: 100%;
	text-align: center;
	background-size: auto;
}
section {
	padding-bottom: 20px;
}
section div.float-left, section div.float-right {
	float: none;
	width: 100%;
}
/* navigation Mobile*/
nav li {
	display: block;
	padding-bottom: 20px;
}
nav li span {
	padding: 10px 20px 10px 20px;
}
.navborder div {
	min-height: 54px;
	background: url(../images/logo-white.png) no-repeat center center;
}
/* boxes Mobile */
.boxes div.float-left {
	float: none;
	width: 100%;
	padding: 20px 0 15px 0;
}
.boxes div:nth-child(1) div, .boxes div:nth-child(2) div, .boxes div:nth-child(3) div, .boxes div:nth-child(4) div {
	padding: 20px 15px 0px 15px;
}
/* footer Mobile */
footer div.float-left {
	float: none;
	width: 100%;
	padding-bottom: 10px;
}
footer div:first-child {
	text-align: center;
}
/* LAYOUT HP Mobile
*********************************************/
#hp header {
	min-height: 0px;
}
#hp .logo {
	background-position: center top;
	padding-bottom: 20px;
	background-size: 70%;
}
#hp .boxes div.float-left {
	min-height: 0px;
}
#hp .portrait, section div.portrait {
	display: none;
}
#hp section.boxes {
	position: relative;
	margin: 0;
}
#hp .partners div div {
	float: none;
	width: 100%;
	padding-bottom: 20px;
}
#hp .partners div div:nth-child(1), #hp .partners div div:nth-child(2) {
	background-position: center top;
}
#hp .partners div div:nth-child(1) div, #hp .partners div div:nth-child(2) div {
	padding: 70px 0 0 0;
}
/* LAYOUT Contacts Mobile
*********************************************/
#contact section:nth-child(3) article {
	padding-right: 0px;
}
/* LAYOUT Community Mobile
*********************************************/
#community h1 {
	text-align: center;
	line-height: normal;
	padding: 20px 0 0 0;
}
#community > div {
	background: none;
}
/* LAYOUT Consultations Mobile
*********************************************/
#consultations h1 {
	padding-top: 20px;
	line-height: normal;
}
#consultations .boxes div.float-left {
	min-height: 0px;
}
#consultations section:nth-child(2) {
	background: none;
	min-height:0px;
}
#consultations  section.boxes {
	margin-top: 0px;
}
#consultations section:nth-child(4) {
	position:relative;
	background: rgba(38, 37, 44, .85);
	text-align: center;
	margin-top:0;
	padding:20px 0 50px 0;
}
#consultations section:nth-child(4) div {
	margin-top:50px;
}
#consultations section:nth-child(4) div:nth-child(2) {
	min-height:50px;
	background:url(../images/reference1.png) no-repeat;
	background-size: contain;
}
#consultations section:nth-child(4) div:nth-child(3) {
	min-height:50px;
	background:url(../images/reference2.png) no-repeat;
	background-size: contain; 
}
/* Fonts Mobile
*********************************************/
.portrait, .partners {
	font-size: 11px;
}
html {
	font-size: 12px;
}
.boxes {
	font-size: 14px;
}
.boxes h2, nav, footer {
	font-size: 14px;
}
h1, h2, #community h1, .heading2, #consultations h1 {
	font-size: 15px;
}
.heading1 {
	font-size: 50px;
}
}