@import url(reset.css);

body {
	font-family: "Open Sans", sans-serif;
	background:  #EDEEEF
}

@media screen and (max-width: 1080px) {
	body.fixed {
		padding-top: 95px
	}
}

@media screen and (max-width: 1080px) and (max-width: 460px) {
	body.fixed {
		padding-top: 70px
	}
}

body * {
	box-sizing: border-box
}

body a {
	cursor: pointer
}

.clearfix,
.zarovnat {
	width:   100%;
	display: block;
	clear:   both;
	height:  0
}

header {
	display:     block;
	width:       100%;
	position:    relative;
	padding-top: 15px;
	height:      189px;
	background:  #FDFDFD
}

header:after {
	width:      100%;
	display:    block;
	height:     85px;
	background: #FFF;
	content:    "";
	position:   absolute;
	bottom:     0;
	left:       0
}

header .logo {
	margin-top:  36px;
	margin-left: 20px;
	z-index:     99;
	height:      85px;
	position:    relative
}

@media screen and (min-width: 1600px) {
	header .logo {
		margin-top:  33px;
		height:      95px;
		margin-left: 48px
	}
}

@media screen and (max-width: 1080px) {
	header .logo {
		margin-top:    00px;
		margin-bottom: 33px
	}
}

@media screen and (max-width: 680px) {
	header .logo {
		margin-top: 10px
	}
}

header .header-menu {
	display:      block;
	float:        right;
	padding:      75px 0 0;
	margin-right: 20px
}

header .header-menu li {
	display:  inline-block;
	position: relative;
	z-index:  99
}

header .header-menu li a {
	padding:         8px 15px;
	border:          1px solid transparent;
	text-decoration: none;
	display:         block;
	color:           #000;
	font-weight:     400;
	font-size:       16px;
	text-transform:  uppercase;
	transition:      all 0.24s
}

.header-menu .dropdown-menu {
	margin-top: 0;
}

.header-menu .dropdown-menu li {
	display: block;
}

.header-menu .dropdown .dropdown .dropdown-menu {
	left: 100%;
	top:  0;
}

.header-menu > .dropdown:nth-last-child(-n+3) .dropdown-menu {
	left:  unset;
	right: 0;
}

.header-menu > .dropdown:nth-last-child(-n+3) .dropdown .dropdown-menu {
	left:  unset;
	right: 100%;
}

header .header-menu .dropdown:hover > .dropdown-menu {
	display: block;
}

@media screen and (max-width: 1080px) {
	
	.header-menu li {
		margin: 0!important;
	}
	
	.header-menu .dropdown-menu {
		position: relative!important;
		left: unset!important;
		right: unset!important;
		top: unset!important;
		display: block!important;
		float: none!important;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		padding: 0;
	}
	
	.header-menu .dropdown-menu li a,
	.header-menu .dropdown-menu li {
		float: none;
	}
	
	.header-menu .dropdown-menu li {
		background: transparent;
	}
	
	.header-menu .dropdown-menu {
		background: hsl(240, 1%, 40%);
	}
	
	.header-menu .dropdown-menu .dropdown-menu {
		background: hsl(240, 1%, 50%);
	}
	
	.header-menu .dropdown-menu a {
		padding-left: 20px;
	}
	
	.header-menu .dropdown-menu .dropdown-menu a {
		padding-left: 40px;
	}
	
	
	
	.header-menu * {
		clear: both;
	}
}

@media screen and (min-width: 1600px) {
	header .header-menu li a {
		font-size:   23px;
		font-weight: 600;
		border:      2px solid transparent
	}
}



header .header-menu li a:hover,
header .header-menu li a.active {
	border: 1px solid #C50000
}

@media screen and (min-width: 1600px) {
	header .header-menu li a:hover,
	header .header-menu li a.active {
		border: 2px solid #C50000
	}
}

header .header-menu li.langs {
	display: none
}

header ul.languages {
	display:  block;
	position: absolute;
	top:      1px;
	right:    30px;
	z-index:  999
}

header ul.languages li {
	display:    inline-block;
	height:     35px;
	width:      42px;
	background: url(../images/language_bg.png) no-repeat bottom center
}

@media screen and (min-width: 1600px) {
	header ul.languages li {
		background-size: 55px;
		height:          45px;
		width:           52px
	}
	
	header ul.languages li a {
		font-size:   19px;
		font-weight: 600;
		line-height: 45px !important
	}
}

header ul.languages li a {
	width:           100%;
	height:          100%;
	display:         block;
	color:           #FFF;
	text-transform:  uppercase;
	line-height:     35px;
	text-align:      center;
	text-decoration: none
}

header ul.languages li:hover,
header ul.languages li.active {
	background-position: top center
}

header p.tel {
	position:    absolute;
	top:         15px;
	right:       30px;
	z-index:     999;
	font-weight: 600;
	color:       #C50000;
	font-size:   24px
}

@media screen and (min-width: 1600px) {
	header p.tel {
		font-size: 34px;
		right:     30px
	}
}

@media screen and (max-width: 1080px) {
	header p.tel {
		font-size: 24px;
		right:     20px
	}
}

header p.tel:before {
	background:      url(../images/tel.png) no-repeat bottom left;
	height:          25px;
	width:           25px;
	background-size: 100% 100%;
	content:         "";
	display:         block;
	float:           left;
	margin-right:    13px;
	margin-top:      -1px
}

@media screen and (min-width: 1600px) {
	header p.tel:before {
		height:     36px;
		width:      36px;
		margin-top: 0px
	}
}

header .nav-butt {
	display: none
}

@media screen and (max-width: 1080px) {
	header {
		padding-bottom: 0;
		height:         auto
	}
	
	header > a > img {
		width:      220px;
		height:     auto !important;
		margin-top: 5px
	}
	
	header .header-menu {
		position:     fixed;
		z-index:      9999;
		width:        auto;
		left:         0;
		top:          55px;
		padding:      0;
		padding-top:  5px;
		display:      none;
		height:       auto;
		padding-left: 0;
		background:   #515152;
		transition:   all 0.5s;
		width:        100%
	}
	
	header .header-menu.showed {
		display: block
	}
	
	header .header-menu li {
		float:         left;
		clear:         left;
		background:    #515152;
		padding:       0;
		margin-bottom: 3px;
		width:         100%
	}
	
	header .header-menu li a {
		width:     100%;
		height:    100%;
		padding:   10px;
		display:   block;
		float:     left;
		color:     #FFF;
		font-size: 14px
	}
	
	header .header-menu li.active,
	header .header-menu li a:hover {
		background:   #C50000;
		color:        #FFF;
		border-color: transparent
	}
	
	header .nav-butt {
		display:      block;
		width:        30px;
		height:       40px;
		float:        right;
		margin-top:   45px;
		margin-right: 20px;
		cursor:       pointer;
		position:     relative;
		z-index:      99
	}
	
	header .nav-butt span {
		width:         100%;
		height:        5px;
		background:    #111;
		display:       block;
		margin-bottom: 4px
	}
	
	header.fixed {
		position:   fixed;
		top:        -40px;
		z-index:    9900;
		background: #EDEEEF
	}
	
	header.fixed > a > img {
		display: none
	}
}

@media screen and (max-width: 680px) {
	header ul.languages {
		display: none
	}
	
	header p.tel {
		right: 15px
	}
	
	header .header-menu li.langs {
		display:    block;
		margin-top: 10px
	}
	
	header .header-menu li.langs a {
		width:      25%;
		text-align: center;
		padding:    10px
	}
	
	header .header-menu li.langs a.active,
	header .header-menu li.langs a:hover {
		background:   #C50000;
		border-color: transparent;
		color:        #FFF
	}
}

@media screen and (max-width: 460px) {
	header {
		padding: 5px 10px
	}
	
	header p.tel {
		display: none
	}
	
	header .nav-butt {
		margin-top: 20px
	}
	
	header > a > img {
		margin-top: 0
	}
	
	header.fixed {
		top:            -10px;
		padding-bottom: 0
	}
}

section.nav {
	width:   100%;
	display: block;
	float:   left
}

section.nav.full {
	margin-bottom: 0px
}

section.nav:not(.full) {
	margin-top: 0px
}

section.nav:not(.full) .item > img {
	display: none
}

section.nav:not(.full) .item > ul {
	height:     0;
	padding:    0;
	position:   absolute;
	overflow:   hidden;
	top:        100%;
	left:       0;
	z-index:    990;
	background: #D1D3D4
}

section.nav:not(.full) .item {
	padding-bottom: 0;
	margin-bottom:  -2px
}

section.nav:not(.full) .item:hover > ul {
	height:  auto;
	padding: 20px 20px 0
}

section.nav .item {
	float:          left;
	display:        block;
	position:       relative;
	width:          20%;
	border:         1.5px solid #EDEEEF;
	background:     #E6E7E8;
	padding-bottom: 0px;
	transition:     all 0.21s
}

section.nav .item > img {
	width: 100%
}

section.nav .item h2 {
	background:     #C50000 url(../images/abr.png) no-repeat bottom right;
	width:          100%;
	padding:        20px 15px;
	display:        block;
	margin-top:     -2px;
	color:          #FFF;
	font-weight:    600;
	font-size:      19px;
	text-transform: uppercase;
	border-top:     2.5px solid #EDEEEF
}

section.nav .item h2 img {
	float:        left;
	display:      block;
	margin-top:   -12px;
	margin-right: 10px;
	max-height:   43px
}

@media screen and (min-width: 1600px) {
	section.nav .item h2 {
		padding:     30px 15px;
		font-size:   27px;
		font-weight: 700;
		border-top:  3px solid #EDEEEF
	}
	
	section.nav .item h2 img {
		margin-top:   -8px;
		margin-right: 20px;
		width:        45px
	}
}

section.nav .item:hover,
section.nav .item.active {
	background: #D1D3D4
}

section.nav .item:hover h2,
section.nav .item.active h2 {
	background: #414042 url(../images/abr_hover.png) no-repeat bottom -1px right
}

section.nav .item ul {
	width:   100%;
	padding: 20px 20px 0
}

section.nav .item ul li {
	width:          100%;
	margin-bottom:  10px;
	line-height:    25px;
	font-size:      16px;
	font-weight:    700;
	text-transform: uppercase
}

@media screen and (min-width: 1600px) {
	section.nav .item ul li {
		font-size:     21px;
		line-height:   34px;
		margin-bottom: 22px;
		font-weight:   700
	}
}

section.nav .item ul li.up {
	margin-top: 45px
}

section.nav .item ul li a {
	color:           #6D6E71;
	text-decoration: none;
	border-bottom:   1px solid transparent;
	transition:      all 0.20s
}

@media screen and (min-width: 1600px) {
	section.nav .item ul li a {
		border-bottom: 2px solid transparent
	}
}

section.nav .item ul li a:hover,
section.nav .item ul li a.active {
	border-bottom: 1px solid #C50000
}

@media screen and (min-width: 1600px) {
	section.nav .item ul li a:hover,
	section.nav .item ul li a.active {
		border-bottom: 2px solid #C50000
	}
}

section.nav .item ul li ul {
	padding:     0;
	padding-top: 10px
}

section.nav .item ul li ul li {
	font-weight: 400;
	font-size:   16px
}

@media screen and (min-width: 1600px) {
	section.nav .item ul li ul li {
		font-weight: 600;
		font-size:   21px
	}
}

section.nav .item ul li ul li:before {
	content:     "- ";
	font-weight: 300
}

@media screen and (max-width: 1140px) {
	section.nav .item ul li {
		font-size: 13px
	}
	
	section.nav .item h2 {
		font-size: 15px
	}
}

@media screen and (max-width: 980px) {
	section.nav .item h2 img {
		display: none
	}
}

@media screen and (max-width: 890px) {
	section.nav:not(.full) .item > img {
		display: block
	}
	
	section.nav .item {
		padding-bottom: 0;
		width:          50%
	}
	
	section.nav .item:first-child {
		width: 100%
	}
	
	section.nav .item:first-child img {
		height:     280px;
		object-fit: cover
	}
	
	section.nav .item > ul {
		position:   absolute;
		top:        0;
		left:       0;
		z-index:    9;
		height:     100%;
		overflow:   auto;
		background: rgba(209, 211, 212, 0.95);
		width:      100%;
		display:    none;
		margin-top: -2px
	}
	
	section.nav .item > ul li.up {
		margin-top: 30px
	}
	
	section.nav .item > ul li ul li {
		line-height: 17px
	}
	
	section.nav .item h2 {
		border-bottom-right-radius: 0;
		z-index:                    99;
		position:                   relative
	}
	
	section.nav .item:hover > ul,
	section.nav .item.showed > ul {
		display: block
	}
}

@media screen and (max-width: 640px) {
	section.nav .item {
		width: 100%
	}
	
	section.nav .item img {
		display: none
	}
	
	section.nav .item ul {
		position: relative;
		height:   auto
	}
	
	section.nav:not(.full) .item img {
		display: none
	}
}

section.slider,
.owl-stage-outer {
	width:      100%;
	margin-top: 30px;
	display:    block
}

section.slider .owl-item img,
.owl-stage-outer .owl-item img {
	width:   100%;
	display: block
}

section.slider .owl-dots,
.owl-stage-outer .owl-dots {
	margin-top: 0;
	position:   absolute;
	left:       50%;
	transform:  translate(-50%, 0);
	bottom:     10px
}

section.slider .owl-dots .owl-dot span,
.owl-stage-outer .owl-dots .owl-dot span {
	height:     15px;
	width:      15px;
	background: #FFF900;
	opacity:    0.4
}

section.slider .owl-dots .owl-dot.active span,
section.slider .owl-dots .owl-dot:hover span,
.owl-stage-outer .owl-dots .owl-dot.active span,
.owl-stage-outer .owl-dots .owl-dot:hover span {
	background: #FFF900;
	opacity:    1
}

@media screen and (max-width: 640px) {
	section.slider,
	.owl-stage-outer {
		display: none !important
	}
}

ul.brands {
	width: 100%;
	float: left
}

ul.brands li {
	width:       20%;
	display:     block;
	float:       left;
	text-align:  center;
	padding:     30px 10px 10px;
	line-height: 40px
}

ul.brands li a {
	transition: all 0.14s;
	display:    block;
	width:      100%;
	float:      left
}

ul.brands li a:hover {
	transform: scale(1.08)
}

ul.brands li img {
	display:        inline-block;
	max-width:      100%;
	line-height:    60px;
	vertical-align: middle
}

@media screen and (min-width: 1600px) {
	ul.brands li img {
		min-width: 40%
	}
}

ul.brands li h3 {
	width:       100%;
	position:    relative;
	float:       left;
	font-size:   13px;
	color:       #111;
	margin-top:  4px;
	font-weight: 600;
	line-height: 20px
}

@media screen and (min-width: 1600px) {
	ul.brands li h3 {
		font-size: 15px
	}
}

@media screen and (max-width: 1040px) {
	ul.brands li {
		width: 33.3333%
	}
}

@media screen and (max-width: 780px) {
	ul.brands li {
		width: 50%
	}
}

@media screen and (max-width: 480px) {
	ul.brands li {
		width: 100%
	}
}

h2.crosslined {
	font-size:      18px;
	text-transform: uppercase;
	color:          #808285;
	font-weight:    700;
	margin:         20px 0 10px;
	text-align:     center;
	position:       relative
}

@media screen and (min-width: 1600px) {
	h2.crosslined {
		font-size:   24px;
		margin:      30px 0 20px;
		font-weight: 800
	}
}

h2.crosslined span {
	background: #EDEEEF;
	padding:    0 20px;
	position:   relative
}

h2.crosslined:before {
	width:      96%;
	content:    "";
	height:     1px;
	background: #808285;
	position:   absolute;
	left:       2%;
	top:        50%
}

.center {
	width:       26%;
	margin-left: 2%;
	float:       left;
	padding:     40px;
	background:  #D1D3D4;
	height:      350px;
	text-align:  center
}

@media screen and (min-width: 1600px) {
	.center {
		width:  23%;
		height: 380px
	}
}

.center h2 {
	color:          #C50000;
	font-weight:    800;
	font-size:      18px;
	text-transform: uppercase;
	padding:        10px 20px;
	border:         1px solid #C50000;
	display:        inline-block;
	margin-top:     20px
}

@media screen and (min-width: 1600px) {
	.center h2 {
		font-size: 25px;
		padding:   15px 20px;
		border:    2px solid #C50000
	}
}

.center p {
	color:       #111;
	font-size:   17px;
	margin-top:  15px;
	min-width:   55%;
	line-height: 25px;
	font-weight: 600;
	display:     inline-block
}

@media screen and (min-width: 1600px) {
	.center p {
		font-size:   21px;
		line-height: 32px
	}
}

.center p.tel {
	font-weight: 800;
	padding:     20px 0
}

.center p.tel:before {
	content:      "";
	display:      inline-block;
	float:        left;
	margin-right: 10px;
	height:       22px;
	width:        22px;
	background:   url(../images/tel_black.png)
}

@media screen and (min-width: 1600px) {
	.center p.tel:before {
		margin-top: 7px
	}
}

.center .act-butt,
.center .button {
	margin-top: 10px
}

@media screen and (min-width: 1600px) {
	.center .act-butt,
	.center .button {
		font-size: 19px
	}
}

@media screen and (max-width: 1080px) {
	.center {
		width: 36%
	}
}

@media screen and (max-width: 780px) {
	.center {
		width: 46%
	}
}

@media screen and (max-width: 640px) {
	.center {
		width:  96%;
		height: auto
	}
	
	.center p {
		display: block;
		clear:   both
	}
	
	.center p.tel:before {
		display: none
	}
	
	.center .act-butt,
	.center .button {
		width: 100%
	}
}

.button {
	color:           #FFF !important;
	text-decoration: none !important;
	border:          none !important;
	max-width:       400px;
	width:           100%
}

.act-butt,
.button {
	padding:         10px 40px;
	color:           #FFF;
	text-transform:  uppercase;
	font-weight:     600;
	font-size:       15px;
	text-decoration: none;
	text-align:      center;
	background:      #C50000;
	border-radius:   4px;
	display:         inline-block;
	outline:         none;
	transition:      all 0.17s
}

.act-butt:hover,
.button:hover {
	opacity: 0.6;
	padding: 10px 50px
}

@media screen and (min-width: 1600px) {
	.act-butt,
	.button {
		font-size: 19px
	}
}

.scrolloff {
	pointer-events: none
}

.map {
	width:        68%;
	margin-right: 2%;
	float:        right
}

@media screen and (min-width: 1600px) {
	.map {
		width:  71.5%;
		height: 380px
	}
}

.map iframe {
	width: 100%
}

@media screen and (min-width: 1600px) {
	.map iframe {
		height: 380px
	}
}

@media screen and (max-width: 1080px) {
	.map {
		width: 58%
	}
}

@media screen and (max-width: 780px) {
	.map {
		width: 48%
	}
}

@media screen and (max-width: 640px) {
	.map {
		width: 96%
	}
}

footer {
	width:      100%;
	display:    block;
	background: #6D6E71;
	padding:    30px 0;
	margin-top: 20px;
	float:      left
}

footer .copy {
	width:       71%;
	padding:     10px 20px;
	color:       #EDEEEF;
	border:      1px solid #EDEEEF;
	float:       left;
	margin-left: 2%;
	line-height: 19px;
	margin-top:  -20px
}

@media screen and (min-width: 1600px) {
	footer .copy {
		margin-left: 4%;
		width:       67%;
		font-size:   22px;
		padding:     15px 20px
	}
}

@media screen and (max-width: 1240px) {
	footer .copy {
		margin-top: 20px;
		width:      96%
	}
}

footer .item {
	display:    block;
	float:      left;
	width:      20%;
	margin:     0 2.5%;
	padding:    15px;
	background: #939598;
	text-align: center;
	position:   relative
}

@media screen and (min-width: 1600px) {
	footer .item {
		width:  17%;
		margin: 0 4%
	}
}

footer .item h2 {
	color:          #C50000;
	font-weight:    700;
	font-size:      16px;
	text-transform: uppercase;
	padding:        10px 10px;
	border:         1px solid #C50000;
	display:        block
}

@media screen and (min-width: 1600px) {
	footer .item h2 {
		border: 2px solid #C50000
	}
}

@media screen and (min-width: 1600px) {
	footer .item h2 {
		font-size:   19px;
		line-height: 29px;
		font-weight: 800
	}
}

footer .item p {
	color:       #FFF;
	font-size:   14px;
	margin-top:  15px;
	text-align:  left;
	line-height: 21px;
	font-weight: 300;
	display:     block
}

@media screen and (min-width: 1600px) {
	footer .item p {
		font-size:   18px;
		line-height: 27px;
		font-weight: 600
	}
}

footer .item p a {
	color:           #FFF;
	text-decoration: none;
	font-weight:     400;
	margin-left:     10px;
	font-size:       14px;
	line-height:     22px
}

@media screen and (min-width: 1600px) {
	footer .item p a {
		font-size:     18px;
		font-weight:   600;
		line-height:   26px;
		border-bottom: 2px solid transparent
	}
}

footer .item p a:hover {
	color:         #C50000;
	border-bottom: 1px solid #C50000
}

@media screen and (min-width: 1600px) {
	footer .item p a:hover {
		border-bottom: 2px solid #C50000
	}
}

footer .item p.tel {
	font-weight: 700;
	font-size:   16px
}

@media screen and (min-width: 1600px) {
	footer .item p.tel {
		font-size:   19px;
		font-weight: 800
	}
}

footer .item p.tel:before {
	background:   url(../images/tel_white.png) no-repeat bottom left;
	height:       23px;
	width:        23px;
	content:      "";
	display:      block;
	float:        left;
	margin-right: 10px
}

footer .item .act-butt,
footer .item .button {
	margin-top:    40px;
	margin-bottom: 20px
}

footer .item .facebook {
	position:   absolute;
	bottom:     15px;
	right:      15px;
	height:     43px;
	width:      43px;
	background: url(../images/facebook.png) no-repeat center;
	transition: all 0.15s
}

footer .item .facebook:hover {
	transform: scale(1.1)
}

@media screen and (max-width: 400px) {
	footer .item .facebook {
		position:   relative;
		bottom:     auto;
		right:      auto;
		float:      left;
		margin:     0;
		display:    block;
		clear:      left;
		margin-top: 25px
	}
}

@media screen and (max-width: 1240px) {
	footer .item h2 {
		font-size:   13px;
		line-height: 17px
	}
}

@media screen and (max-width: 1040px) {
	footer .item {
		width:         60%;
		margin-bottom: 2%;
		clear:         both;
		display:       block;
		margin:        0 auto 20px;
		float:         none
	}
	
	footer .item .act-butt,
	footer .item .button {
		margin-top: 10px
	}
}

@media screen and (max-width: 540px) {
	footer .item {
		width: 100%
	}
}

.pl10 {
	padding-left: 10px
}

strong {
	font-weight: 800
}

section.content {
	width:        100%;
	display:      block;
	background:   #E6E7E8;
	padding:      60px 40px;
	border-right: 1px solid black
}

section.content ul {
	padding-left: 20px
}

section.content .block-col:last-child {
	border-right: 1px solid black
}

section.content table {
	width: 100% !important
}

@media screen and (max-width: 680px) {
	section.content .block-col {
		width:   100% !important;
		padding: 0 !important
	}
}

section.content .max-1200 {
	width:     100%;
	float:     none;
	margin:    0 auto;
	max-width: 1200px
}

section.content.col-1 .block-col {
	width:     100%;
	float:     none;
	margin:    0 auto;
	max-width: 1200px
}

section.content.col-1 .sloupec-1 {
	width:   100%;
	float:   left;
	padding: 0 30px 20px
}

@media screen and (max-width: 620px) {
	section.content.col-1 .sloupec-1 {
		padding: 0 0 20px
	}
	
	section.content.col-1 .sloupec-1 .button,
	section.content.col-1 .sloupec-1 .button span {
		font-size: 15px !important
	}
	
	section.content.col-1 .sloupec-1 ul,
	section.content.col-1 .sloupec-1 ul li {
		margin-left:     0 !important;
		list-style-type: none !important;
		padding-left:    0 !important
	}
}

section.content.col-1 .sloupec-2 {
	width:   50%;
	float:   left;
	padding: 0 30px 20px
}

@media screen and (max-width: 620px) {
	section.content.col-1 .sloupec-2 {
		width:   100%;
		padding: 0 0 20px
	}
	
	section.content.col-1 .sloupec-2 .button,
	section.content.col-1 .sloupec-2 .button span {
		font-size: 15px !important
	}
	
	section.content.col-1 .sloupec-2 ul,
	section.content.col-1 .sloupec-2 ul li {
		margin-left:     0 !important;
		list-style-type: none !important;
		padding-left:    0 !important
	}
}

section.content.col-1 .sloupec-3 {
	width:   33.333%;
	float:   left;
	padding: 0 30px 20px
}

@media screen and (max-width: 820px) {
	section.content.col-1 .sloupec-3 {
		width: 50%
	}
}

@media screen and (max-width: 620px) {
	section.content.col-1 .sloupec-3 {
		width:   100%;
		padding: 0 0 20px
	}
	
	section.content.col-1 .sloupec-3 .button,
	section.content.col-1 .sloupec-3 .button span {
		font-size: 15px !important
	}
	
	section.content.col-1 .sloupec-3 ul,
	section.content.col-1 .sloupec-3 ul li {
		margin-left:     0 !important;
		list-style-type: none !important;
		padding-left:    0 !important
	}
}

section.content.col-1 .sloupec-4 {
	width:   25%;
	float:   left;
	padding: 0 30px 40px
}

section.content.col-2 .block-col {
	width:   50%;
	float:   left;
	padding: 0 30px
}

section.content.col-3 .block-col {
	width:   33.3333%;
	float:   left;
	padding: 0 30px
}

section.content.col-4 .block-col {
	width:   25%;
	float:   left;
	padding: 0 30px
}

@media screen and (max-width: 1180px) {
	section.content.col-4 .block-col {
		width: 50%
	}
}

section.content,
section.content p {
	color:       #241F20;
	font-size:   14px;
	line-height: 21px
}

section.content strong,
section.content b,
section.content p strong,
section.content p b {
	font-weight: 800
}

section.content p {
	margin-top: 20px
}

section.content p a {
	color:           #C50000;
	text-decoration: none
}

section.content p a:hover {
	color:         #241F20;
	border-bottom: 1px solid #241F20
}

section.content h1,
section.content h2 {
	font-weight:    800;
	color:          #C50000;
	font-size:      19px;
	text-transform: uppercase
}

section.content h2 {
	margin-top: 20px
}

section.content img {
	display:    inline-block;
	transition: all 0.2s
}

section.content a:hover > img {
	opacity: 0.5
}

section.content form {
	display: inline-block;
	width:   100%;
	padding: 15px;
	border:  1px solid #C50000;
	margin:  20px 0 0
}

section.content form input,
section.content form textarea {
	width:         100%;
	padding:       7px 10px;
	font-size:     14px;
	margin-bottom: 5px;
	border:        1px solid rgba(0, 0, 0, 0.2);
	outline:       none;
	transition:    all 0.18s
}

section.content form input:focus,
section.content form textarea:focus {
	border: 1px solid #C50000
}

section.content form textarea {
	min-height: 150px
}

section.content form button.act-butt,
section.content form button.button {
	border: none;
	float:  right;
	cursor: pointer
}

.error-message {
	display:       block;
	margin-bottom: 10px;
	padding:       14px;
	border:        1px solid #C50000;
	margin-top:    -5px;
	background:    rgba(197, 0, 0, 0.15)
}

.error-message strong {
	font-weight: 800
}

.subnav {
	margin-bottom: 20px
}

.subnav li {
	display:        inline-block;
	font-size:      14px;
	color:          #666;
	cursor:         default;
	text-transform: uppercase
}

.subnav li a {
	color:           #666;
	text-decoration: none;
	cursor:          pointer;
	font-weight:     700
}

.subnav li a:hover {
	border-bottom: 1px solid
}

.subnav li:not(:last-child):after {
	content:     "»";
	margin:      0 10px 0 13px;
	font-weight: 400
}

@media screen and (max-width: 1600px) {
	.subnav li {
		font-size: 16px
	}
}

.center-block {
	width:      100%;
	display:    block;
	float:      left;
	border-top: 2px solid #727271;
	padding:    20px 0
}

.center-block .map-container {
	float:      left;
	width:      100%;
	margin-top: 40px;
	display:    none
}

.center-block .map-container iframe {
	width:  100%;
	height: 400px !important
}

.center-block .image {
	width:        280px;
	height:       280px;
	padding:      0 30px 60px;
	float:        left;
	margin-right: 160px
}

.center-block .image img {
	width:         100%;
	height:        100%;
	border-radius: 140px
}

@media screen and (max-width: 420px) {
	.center-block .image {
		float:   none;
		margin:  0 auto !important;
		padding: 30px !important
	}
	
	.center-block .image img {
		margin-top: 0 !important
	}
}

.center-block h2 {
	font-size:   24px !important;
	padding-top: 30px !important;
	color:       #C50000 !important;
	font-weight: 800 !important;
	display:     inline-block;
	margin-top:  10px !important;
	float:       left
}

@media screen and (max-width: 420px) {
	.center-block h2 {
		width:      100%;
		text-align: center
	}
}

.center-block .act-butt.map-link,
.center-block .map-link.button {
	margin-left: 30px;
	padding:     5px 50px !important;
	background:  transparent;
	border:      1px solid #C50000;
	color:       #C50000;
	font-weight: 600;
	float:       left;
	margin-top:  30px !important;
	position:    relative
}

@media screen and (max-width: 420px) {
	.center-block .act-butt.map-link,
	.center-block .map-link.button {
		float:   none;
		margin:  30px auto 0 !important;
		float:   none;
		margin:  80px auto 0 !important;
		display: block;
		clear:   both;
		width:   200px
	}
}

.center-block .act-butt.map-link:hover,
.center-block .map-link.button:hover {
	padding: 5px 50px !important
}

@media screen and (max-width: 1600px) {
	.center-block .act-butt.map-link,
	.center-block .map-link.button {
		border-width: 2px
	}
}

.center-block .act-butt.map-link.detailed,
.center-block .map-link.detailed.button {
	clear:       left;
	margin-top:  10px !important;
	margin-left: 0;
	padding:     4px 60px !important
}

.center-block .act-butt.map-link.showed.detailed:after,
.center-block .map-link.showed.detailed.button:after {
	left: 190px
}

.center-block .left {
	float:    left;
	display:  inline-block;
	position: relative
}

@media screen and (max-width: 420px) {
	.center-block .left {
		width:      100%;
		text-align: center
	}
}

.center-block .right {
	float:    left;
	position: relative
}

@media screen and (max-width: 420px) {
	.center-block > .right {
		width: 100%
	}
}

.center-block p {
	font-size:   16px !important;
	margin-top:  1px;
	line-height: 24px !important
}

@media screen and (max-width: 380px) {
	.center-block p {
		font-size: 13px !important
	}
}

.center-block .act-butt,
.center-block .button {
	background: #C50000;
	margin-top: 20px
}

@media screen and (max-width: 820px) {
	.center-block .act-butt,
	.center-block .button {
		float: left
	}
}

@media screen and (max-width: 420px) {
	.center-block .act-butt,
	.center-block .button {
		float:      none;
		display:    block;
		width:      100%;
		text-align: center
	}
}

.center-block .act-butt:hover,
.center-block .button:hover {
	padding: 10px 40px !important
}

.center-block .user {
	float:    left;
	position: absolute;
	bottom:   0;
	left:     380px;
	width:    350px
}

@media screen and (max-width: 820px) {
	.center-block .user {
		position:   relative;
		clear:      left;
		float:      left;
		left:       auto;
		bottom:     auto;
		margin-top: 20px
	}
}

.center-block .user .pc {
	width:         100px;
	height:        100px;
	border-radius: 50px;
	padding:       0;
	float:         left;
	margin-right:  20px
}

.center-block .user h3 {
	font-size:   16px;
	font-weight: 800;
	color:       #333;
	margin-top:  4px;
	text-align:  left
}

.center-block .user p {
	margin-top: 0;
	text-align: left
}

.center-block .user p span {
	text-transform: uppercase;
	font-weight:    400;
	font-style:     italic
}

.center-block.only-user .user {
	position:     relative;
	left:         auto;
	bottom:       auto;
	margin-right: 20px
}

.center-block.only-user .user a {
	color: #C50000 !important
}

.center-block.only-user .user p {
	color:       #C50000;
	font-weight: 600
}

.center-block.only-user .user p strong,
.center-block.only-user .user p span {
	color: #333
}

.mtn,
.mtn .owl-stage-outer {
	margin-top: 0 !important
}

.scroll-top-button {
	position:      fixed;
	bottom:        30px;
	width:         50px;
	height:        50px;
	right:         30px;
	background:    #D1D3D4;
	border-radius: 5px;
	z-index:       999;
	opacity:       0.8;
	line-height:   50px;
	text-align:    center;
	font-size:     20px;
	color:         rgba(0, 0, 0, 0.54);
	cursor:        pointer;
	display:       none
}

.scroll-top-button:hover {
	opacity: 1
}

.cke_editable .sloupec-1,
.cke_editable .sloupec-2,
.cke_editable .sloupec-3,
.cke_editable .sloupec-4 {
	border:  3px solid #FFF;
	padding: 10px
}

.cke_editable sloupec-1 {
	width: 100%;
	float: left
}

.cke_editable .sloupec-2 {
	width: 50%;
	float: left
}

.cke_editable .sloupec-3 {
	width: 33.3333333%;
	float: left
}

.cke_editable .sloupec-4 {
	width: 25%;
	float: left
}

.vizitka-vlevo {
	float:     left;
	width:     100%;
	max-width: 400px
}

.vizitka-vpravo {
	float:     right;
	width:     100%;
	max-width: 400px
}

.vizitka-center {
	text-align: center;
	width:      100%;
	max-width:  400px
}

.vizitka-center .center-block {
	float:   none !important;
	display: inline-block
}

.acc {
	float: left;
	width: 100%
}

.acc div {
	width: 100%;
	float: left
}

.acc div:not(:first-child) .button {
	border-radius: 0 !important
}

.acc div:first-child .button {
	border-radius: 4px 4px 0 0 !important
}

.acc div:last-child .button {
	border-radius: 0 0 4px 4px !important
}

.acc div:last-child .button.active {
	border-radius: 0 !important
}

.acc div .button {
	float:     left;
	width:     100%;
	max-width: none !important
}

.acc div .button:hover,
.acc div .button.active {
	opacity: 0.7 !important
}

.acc div.hidden {
	display: none
}

.acc div div {
	background: #DEDEDE;
	padding:    20px
}

.acc div p {
	margin-top: 0
}


.app-modal {
	position: fixed;
	inset: 0;
	background: rgba(33,33,33,.56);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.app-modal-dialog {
	max-width: 500px;
	background: #fff;
	padding: 2rem;
	border-radius: 1rem;
	color: #212121;
	line-height: 1.4;
	text-align: center;
}

.app-modal-dialog h2 {
	font-size: 24px;
	font-weight: 700;
}


.app-modal-dialog h3 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 1rem;
}


.app-modal-dialog p {

}