@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700|Titillium+Web:400,700&subset=latin-ext');

.nav > li {
	float: none
}

.nav > li > a {
	background: #4d4d4d;
	margin: 0px;
	padding: 10px 15px;
	border-bottom: 1px solid #626262
}

#menu {
	position: absolute;
	width: 100%;
	z-index: 9;
	padding: 0px
}

@media only screen and (min-width: 768px) {
	.nav > li {
		float: left
	}

	.nav > li > a {
		background: transparent;
		margin: 18px 5px;
		padding: 0px;
		border-bottom: 0px
	}

	#menu {
		position: relative;
		width: auto;
		z-index: 9;
		left: auto;
		padding: 0px 15px
	}
}

@media only screen and (min-width: 992px) {
	.nav > li > a {
		margin: 18px 7px
	}
}

@media only screen and (min-width: 1200px) {
	.nav > li > a {
		margin: 18px 13px
	}
}

a {
	transition: 0.2s !important
}

a:hover {
	text-decoration: none;
	transition: 0.3s !important
}

@media only screen and (min-width: 768px) {
	.flex {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.flex.flex-wrapper {
	margin: 0px -15px
}

.flex.flex-mobile {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.flex.flex-row {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row
}

.flex.flex-collumn {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.flex.flex-center {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.flex.flex-stretch {
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.flex.flex-margin {
	margin: 0px -15px
}

.flex .flex-order-1 {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1
}

.flex .flex-order-2 {
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2
}

.flex .flex-align-top {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	width: 100%
}

.flex .flex-align-center {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	width: 100%
}

.flex .flex-align-bottom {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
	width: 100%
}

#menu .nav li {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px
}

#menu .nav li a {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.5px
}

#menu .nav li:last-of-type a {
	margin-right: 0px
}

#top-contacts a {
	font-size: 14px !important
}

#top-contacts a:not([href^="tel:"]) {
	text-decoration: underline
}

/*@media only screen and (min-width: 768px) {*/
	/*#logo img {*/
		/*margin-top: 40px !important*/
	/*}*/
/*}*/

/*@media only screen and (min-width: 992px) {*/
	/*#logo img {*/
		/*margin-top: 32px !important*/
	/*}*/
/*}*/

@media only screen and (min-width: 768px) {
	.shrink .nav li {
		margin-bottom: 6px !important;
		margin-top: 6px !important
	}
	#menu .nav li a {
		font-size: 14px;
		margin: 18px 9px;
	}
}

@media only screen and (min-width: 768px) {
	.shrink #logo img {
		margin-top: 22px !important
	}
}

@media only screen and (min-width: 992px) {
	.shrink #logo img {
		margin-top: 20px !important
	}
}

.form-control-main {
	margin-bottom: 15px
}

body, html {
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 16px;
	color: #4a5365;
	font-size: 13px
}

@media only screen and (min-width: 768px) {
	body, html {
		font-size: 14px
	}
}

@media only screen and (min-width: 992px) {
	body, html {
		font-size: 15px
	}
}

@media only screen and (min-width: 1200px) {
	body, html {
		font-size: 16px
	}
	#menu .nav li a {
		font-size: 15px;
		margin: 18px 13px;
	}
}

.heading-1 {
	font-family: 'Titillium Web', sans-serif !important;
	text-transform: none !important;
	margin-bottom: 20px !important;
	font-size: 2.25rem !important;
	display: block !important;
	font-weight: 700 !important
}

@media only screen and (min-width: 768px) {
	.heading-1.heading-h1-bottom-space {
		margin-bottom: 4rem !important
	}
}

.heading-2 {
	font-family: 'Titillium Web', sans-serif !important;
	display: block !important;
	margin: 0px !important;
	font-size: 1.5rem !important;
	margin-bottom: 0.5rem !important
}

.heading-2.heading-2-light {
	font-weight: 400 !important
}

.heading-3 {
	font-family: 'Titillium Web', sans-serif !important;
	display: block !important;
	margin: 0px !important;
	font-size: 1.25rem !important;
	text-transform: none !important;
	font-weight: 700 !important;
	margin-top: 1rem !important;
	margin-bottom: 0.25rem !important
}

.heading-4 {
	display: block;
	margin: 0px;
	font-size: 1.25rem;
	color: #2c8feb;
	margin-bottom: 0.25rem
}

.link-main {
	font-family: 'Titillium Web', sans-serif !important;
	letter-spacing: 0.5px;
	color: #7989aa;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	margin-top: 1.5rem
}

.link-main:hover {
	color: #2c8feb
}

.no-space-top {
	margin-top: 0px !important
}

.hr-moto {
	margin-top: 2rem;
	margin-bottom: 3rem
}

section#partneri {
	padding-top: 50px !important
}

@media only screen and (min-width: 1200px) {
	section#partneri {
	}
}

.section-light {
	background: #e8ebf0
}

.benefits-index svg {
	height: 75px !important;
	width: 75px !important;
	max-width: 75px !important;
}

.benefits-index svg * {
	fill: #7989aa
}

.article-item {
	border: 1px solid #e8ebf0;
	padding: 15px 15px;
	margin-top: 30px
}

.color-white {
	color: white
}

.help-box {
	color: #ffc4ca;
	border-bottom: 1px solid #d10d2a;
	padding-top: 30px;
	padding-bottom: 30px
}

@media only screen and (min-width: 768px) {
	.help-box {
		border-bottom: 0px
	}
}

.help-box a {
	color: white !important
}

.help-box a:hover {
	color: #2c8feb !important
}

.help-box .heading-1 {
	margin-bottom: 0px !important
}

@media only screen and (min-width: 768px) {
	.help-box .heading-1 {
		font-size: 1rem !important
	}
}

@media only screen and (min-width: 1200px) {
	.help-box .heading-1 {
		font-size: 1.25rem !important
	}
}

@media only screen and (min-width: 1400px) {
	.help-box .heading-1 {
		font-size: 1.75rem !important
	}
}

@media only screen and (min-width: 1600px) {
	.help-box .heading-1 {
		font-size: 2.25rem !important
	}
}

.help-box-wrapper-main {
	position: relative
}

@media only screen and (min-width: 768px) {
	.help-box-wrapper-main:before {
		content: "";
		height: 100%;
		width: 1px;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		background: #d10d2a
	}
}

@media only screen and (min-width: 1920px) {
	.help-box-wrapper-main:before {
		left: 46%
	}
}

@media only screen and (min-width: 768px) {
	.help-box-wrapper {
		border-bottom: 1px solid #d10d2a
	}
}

#coursel-index-nav-content .owl-dot {
	display: inline-block
}

#coursel-index-nav-content .owl-dot span {
	border-radius: 50%;
	height: 16px;
	display: block;
	width: 16px;
	background: white;
	border: 2px solid #2c8feb;
	transition: 0.2s;
	cursor: pointer !important
}

#coursel-index-nav-content .owl-dot.active span {
	transition: 0.3s;
	border-color: white
}

#coursel-index-nav-content .owl-dot:not(:last-of-type) {
	margin-right: 5px
}

#aside-box {
	z-index: 99
}

#carousel-index p {
	color: #d0e7fb
}

#carousel-index .owl-controls {
	display: none
}

@media only screen and (min-width: 1200px) {
	#carousel-index .owl-controls {
		display: block
	}
}

#carousel-index .owl-controls .owl-nav {
	position: absolute;
	bottom: 75%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%
}

#carousel-index .owl-controls .owl-nav div {
	font-size: 3rem;
	color: #1679d4
}

#carousel-index .owl-controls .owl-nav div.owl-prev {
	left: -50px;
	position: absolute
}

#carousel-index .owl-controls .owl-nav div.owl-next {
	right: -50px;
	position: absolute
}

.item-box {
	padding: 15px 40px
}

@media only screen and (min-width: 768px) {
	.item-box {
		padding: 30px 60px
	}
}

@media only screen and (min-width: 992px) {
	.item-box {
		padding: 40px 80px
	}
}

@media only screen and (min-width: 1200px) {
	.item-box {
		padding: 50px 100px
	}
}

.section-red {
	background: #e11b38
}

.section-blue {
	background: #2c8feb
}

.no-padding {
	padding: 0px
}

.link-secondary {
	font-weight: 700;
	color: #4a5365
}

.link-secondary:hover {
	color: #2c8feb
}

@media only screen and (min-width: 768px) {
	.services-index {
		margin-bottom: 1rem
	}
}

.services-index .services-index-item img {
	padding: 0 3rem
}

.services-index .services-index-item p {
	color: #7a8aaa
}

.img-thumbnail {
	margin-bottom: 15px
}

#index-header {
	height: auto;
	padding-bottom: 30px;
	color: white;
	background-size: cover !important;
	background: url('../images/headers/top-img-xs.jpg')
}

@media only screen and (min-width: 768px) {
	#index-header {
		background: url('../images/headers/top-img-md-sm.jpg')
	}
}

@media only screen and (min-width: 992px) {
	#index-header {
		background: url('../images/headers/top-img-lg.jpg')
	}
}

#index-header .container-fluid {
	padding-top: 0px
}

#index-header .header-img {
	width: 100%
}

@media only screen and (min-width: 768px) {
	#index-header .header-img {
		margin-top: 0px
	}
}

@media only screen and (min-width: 992px) {
	#index-header #index-header-content {
		margin-top: 50px
	}
}

@media only screen and (min-width: 1200px) {
	#index-header #index-header-content {
		margin-top: 110px
	}
}

@media only screen and (min-width: 992px) {
	#index-header #index-header-content p {
		font-size: 18px
	}
}

#index-header .container {
	padding-top: 30px
}

#index-header .buttons {
	margin-top: 30px
}

@media only screen and (min-width: 768px) {
	#index-header .buttons .btn-main {
		padding: 8px
	}
}

@media only screen and (min-width: 992px) {
	#index-header .buttons .btn-main {
		padding: 10px 25px
	}
}

@media only screen and (min-width: 1200px) {
	#index-header .buttons .btn-main {
		padding: 10px 30px
	}
}

#aside-box {
	right: -107px
}

.btn-main {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1rem;
	border: 2px solid #e11b38;
	border-radius: 6px;
	background: #e11b38;
	color: white;
	letter-spacing: 0.5px;
	transition: 0.2s;
	padding: 10px 30px;
	display: block;
	width: 100%
}

@media only screen and (min-width: 768px) {
	.btn-main {
		width: auto;
		display: inline-block
	}
}

.btn-main:hover {
	background: white;
	color: #e11b38;
	transition: 0.3s;
	border-color: white
}

.btn-main.btn-secondary {
	background: transparent;
	border-color: white
}

.btn-main.btn-secondary:hover {
	background: white;
	color: #e11b38
}

.btn-main + .btn-main {
	margin-top: 15px
}

@media only screen and (min-width: 1200px) {
	.btn-main + .btn-main {
		margin-left: 10px
	}
}
#nabidka .content {
	text-align: left;
}

#nabidka h2 {
	font-family: 'Merriweather Sans', sans-serif !important;
	margin-top: 30px !important;
	margin-bottom: 20px !important;
	font-size: 24px !important;
	font-weight: bold !important;
}

#nabidka .katalog-produkt-box {
	border: 1px solid #d7d7d7;
	background: #ebebeb;
	padding: 20px;
}

#nabidka .katalog-produkt-box.last-box {
	margin-bottom: 30px;
}

#nabidka .katalog-produkt-box .katalog-produkt-nazev {
	margin-bottom: 20px !important;
	font-size: 20px !important;
	font-weight: bold !important;
}

#nabidka .katalog-produkt-box .katalog-produkt-cena {
	text-align: right;
	font-size: 20px !important;
	font-weight: bold !important;
}
#nabidka .katalog-produkt-box .katalog-produkt-cena-doplnkova {
	text-align: right;
}

#nabidka .katalog-produkt-box .btn-order {
	background: #e21b38;
	color: white;
	padding: 10px 25px;
	margin-top: 20px;
}

.morecontent span{
	display:none
}
.morelink{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	position:relative;
	margin-top:10px;
	color:#2c8feb;
}
#nabidka .katalog-produkt-box .glyphicon {
	display: inline-block !important;
}

.nav>li>a.link-marketplace {
	color: #e21b38;
}
.nav>li>a.link-marketplace:hover {
	color: #2c8feb;
}

.flex-fix:before, .flex-fix:after {
	width: 0;
}