/* open-sans-regular - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v23-latin_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v23-latin_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	   font-display: swap;
}

/* open-sans-600 - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v23-latin_cyrillic-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v23-latin_cyrillic-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	   font-display: swap;
}

/* open-sans-700 - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v23-latin_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v23-latin_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	   font-display: swap;
}										
* { margin:0; padding:0; font-family: 'Open Sans', sans-serif, arial; }
html, body { height: 100%; }
input:focus, select:focus { outline: none; box-shadow: none; border: 0; }
input[type=submit] { -webkit-appearance: none; -webkit-border-radius: 0; }
ymaps { font-family: Arial !important; }
body { overflow-y: scroll; }
#wrap .container { width: auto; margin: auto; }

#wrap #top { background: #10484A; height: 84px; overflow: hidden; }
#wrap #top #nav_button { display: none; }
#wrap #top #nav { float: right; overflow: hidden; padding: 9px 9px 10px 8px; }
#wrap #top #nav a { background-color: #408081; background-position: 14px 15px; background-repeat: no-repeat; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 16px; line-height: 65px; float: left; margin-right: 6px; height: 65px; width: 120px; padding-left: 64px; transition: 0.2s; }
#wrap #top #nav a:nth-child(1) { background-image: url('../images/home_icon.png'); }
#wrap #top #nav a:nth-child(2) { background-image: url('../images/apteki_icon.png'); }
#wrap #top #nav a:nth-child(3) { background-image: url('../images/howto_icon.png'); }
#wrap #top #nav a:nth-child(4) { background-image: url('../images/project_icon.png'); margin-right: 0; }
#wrap #top #nav a:hover, #wrap #top #nav a.active { background-color: #39ACAE; transition: 0.2s; }
#wrap #top #logo { float: left; width: 275px; height: 84px; background-image: url('../images/logo.png'); background-repeat: no-repeat; background-position: 22px 19px; }
#wrap #top #logo a { color: #67ADAE; text-decoration: none; font-size: 12px; line-height: 116px; display: block; padding-left: 26px; height: 100%; }

#wrap { position: relative;  background: #DEE8E9; } /*min-height: 100%;*/
#wrap #search { background-image: url('../images/main_mobile.jpg'); background-size: cover; height: 449px; }
#wrap #search .shadow { height: 449px; background: rgba(111,111,111, 0.6); }
#wrap #search .shadow p { opacity: 0.5; color: #fff; padding: 16px 0 0 27px; width: 172px; font-size: 14px; line-height: 20px; font-weight: 600; }
#wrap #search .shadow form { width: 747px; margin: 239px auto 0; }
#wrap #search .shadow form .input { overflow: hidden; }
#wrap #search .shadow form .input input[type=text] { font-size: 16px; color: #666; background-color: #fff; background-image: url('../images/search_icon.png'); background-repeat: no-repeat; background-position: 18px 18px; border: 0; border-radius: 0; width: 606px; height: 65px; margin-right: 141px; display: block; padding: 0 0 0 67px; box-sizing: border-box; }
#wrap #search .shadow form .input input[type=submit] { font-size: 17px; font-weight: 600; float: right; cursor: pointer; text-transform: uppercase; background: #00D0D0; border-radius: 0; border: 0; color: #fff; width: 141px; height: 65px; }
#wrap #search .shadow form .sub { height: 43px; position: relative; }
#wrap #search .shadow form .sub .select { z-index: 2; transition: 0.2s; overflow: hidden; position: absolute; padding-top: 43px; background-color: rgba(0, 52, 54, 0.4); height: 0; background-image: url('../images/appearance.png'); background-repeat: no-repeat; background-position: 95% 20px; }
#wrap #search .shadow form .sub .select.active { transition: 0.2s; background-color: rgba(0, 52, 54, 1); overflow: visible; }
#wrap #search .shadow form .sub .select a { transition: 0.3s; opacity: 0; cursor: pointer; display: block; height: 34px; font-size: 14px; line-height: 34px; color: #fff; padding-left: 24px; }
#wrap #search .shadow form .sub .select.active a { opacity: 1; }
#wrap #search .shadow form .sub .select a.none { display: none; }
#wrap #search .shadow form .sub .select a.active { background: transparent !important; opacity: 1; height: 43px; line-height: 43px; position: absolute; top: 0; left: 0; right: 0; }
#wrap #search .shadow form .sub .select a:hover { background: #0D4E50; transition: 0.3s; }
#wrap #search .shadow form .sub .select:nth-child(1) { width: 280px; right: 467px; }
#wrap #search .shadow form .sub .select:nth-child(2) {width: 261px; right: 206px; }
#wrap #search .shadow form .sub .select:nth-child(3) { width: 206px; right: 0; }
#wrap #search .shadow form .sub .select.active:nth-child(1) { height: auto;  /*height: 238px;*/ }
#wrap #search .shadow form .sub .select.active:nth-child(2) { height: auto; /*padding-bottom: 15px;*/ }
#wrap #search .shadow form .sub .select.active:nth-child(3) { height: auto;  /*height: 238px;*/ }
#wrap #search .shadow form .sub .select.active:nth-child(2) .tx { max-height: 100%; /*287px;*/ overflow-y: scroll; /*padding-bottom: 15px;*/ width: 467px; overflow: hidden; background: rgba(0, 52, 54, 1); }
#wrap #search .shadow form .sub .select.active:nth-child(2) .tx a {float: left; width: 33.333%; box-sizing: border-box; }

#wrap #main { padding-bottom: 91px;} /*91px*/ 
#wrap #main .main_content { overflow: hidden; height: 108px; }
#wrap #main .main_content div { float: left; width: 33.333%; text-align: center; }
#wrap #main .main_content div strong { color: #159DAB; font-size: 40px; font-weight: 700; line-height: 102px; }
#wrap #main .main_content div span { color: #159DAB; font-size: 17px; margin-left: 14px; text-transform: uppercase; }
#wrap #main .header { position: relative; }
#wrap #main .header .container { position: relative; }
#wrap #main .header .container h1 { height: 68px; padding: 0 25px; font-weight: 400; color: #003436; position: relative; line-height: 70px; }
#wrap #main .header .container span { color: #5D7E7F; position: absolute; right: 25px; bottom: 0; top: 0; font-size: 16px; line-height: 72px; } 
#wrap #main .header.white { background: #fff; }
#wrap #main .table { padding-bottom: 55px; }
#wrap #main .table div { overflow: hidden; padding: 17px 20px; position: relative; }
#wrap #main .table div:nth-child(even) { background: #fff; }
#wrap #main .table div span { float: left; color: #003436; font-size: 15px; padding: 0 15px 0 0; box-sizing: border-box; }
#wrap #main .table div span a { color: #003436; text-decoration: none; border-bottom: 1px dotted #003436; }
#wrap #main .table div span a:hover { border-bottom: 1px dotted transparent; }
#wrap #main .table div span strong { font-weight: 400; display: block; }
#wrap #main .table div span strong.green { color: #0D802E; }
#wrap #main .table div span strong.red { color: #ff0000; }
#wrap #main .table div span:nth-child(1) { width: 16%; color: #00709A; }
#wrap #main .table div span:nth-child(2) { width: 23%; }
#wrap #main .table div span:nth-child(3) { width: 17%; }
#wrap #main .table div span:nth-child(4) { width: 16%; }
#wrap #main .table div span:nth-child(5) { width: 11%; }
#wrap #main .table div span:nth-child(6) { width: 17%; }
#wrap #main .table .th span { font-style: italic; color: #5D7E7F !important; font-size: 14px; font-weight: 600 !important; }
#wrap #main .table.action div span:nth-child(1) { width: 37%; }
#wrap #main .table.action div span:nth-child(2) { width: 7%; }
#wrap #main .table.action div span:nth-child(3) { width: 8%; font-weight: 700; }
#wrap #main .table.action div span:nth-child(4) { width: 22%; }
#wrap #main .table.action div span:nth-child(5) { width: 15%; }
#wrap #main .table.action div span:nth-child(6) { width: 11%; }
#wrap #main .table.action div strong.nav_pricelist { display: none; }
#wrap #main .page { overflow: hidden; }
#wrap #main .page p { padding: 21px 34px; color: #003436; }
#wrap #main .page ol { margin-left: 72px; color: #003436; padding-right: 20px; }
#wrap #main .page ol li { padding: 0 0 33px 26px; }
#wrap #main .page strong { display: block; padding: 21px 34px; background: #AFE9EA; font-weight: 600; color: #003436; }

#wrap #footer { background: #10484A; height: 91px; position: absolute; left: 0; right: 0; bottom: 0; }
#wrap #footer p { text-align: center; color: #fff; width: 33.333%; box-sizing: border-box; font-size: 12px; float: left; padding-top: 27px; }
#wrap #footer p:first-child { text-align: left; }
#wrap #footer p:last-child { text-align: right; opacity: 0.3; }
#wrap #footer p span { display: inline-block; width: 260px; }
#wrap #footer p:first-child span { padding-left: 26px; }
#wrap #footer p:last-child span { padding-right: 75px; background-image: url('../images/16_icon.png'); background-repeat: no-repeat; background-position: 276px 0; }

@media only screen and (min-width: 0) and (max-width: 1022px) {

	#wrap { width: 1023px; }
}


@media only screen and (min-width: 1341px) and (max-width: 1589px) {

	#wrap #search, #wrap #search .shadow { height: 500px; }
	#wrap #search .shadow form { margin: 299px auto 0; }
}

@media only screen and (min-width: 1590px) and (max-width: 5000px) {

	#wrap .container { width: 1590px; }
	#wrap #search, #wrap #search .shadow { height: 600px; }
	#wrap #search .shadow form { margin: 399px auto 0; }
}

#wrap.mobile { padding-top: 84px; width: auto; overflow-x:hidden; }
#wrap.mobile .container { width: auto; }
#wrap.mobile #top { position: fixed; top: 0; left: 0; right: 0; z-index: 3; overflow: visible; }
#wrap.mobile #top #nav_button { cursor: pointer; margin: 21px 16px 0 0; float: right; display: block; width: 44px; height: 42px; background-color: #408081; background-image: url('../images/menu_icon.png'); background-position: 12px 12px; background-repeat: no-repeat; }
#wrap.mobile #top #nav_button:active { background-color: #39ACAE; }
#wrap.mobile #top #nav { z-index: 3; display: none; background: #10484A; float: none; width: auto; position: fixed; top: 84px; bottom: 0; left: 0; right: 0; }
#wrap.mobile #top #nav a { float: none; width: auto; display: block; margin: 0 0 10px 0; }
#wrap.mobile #top #nav.active { display: block; }

#wrap.mobile #search { min-height: 90px; background-size: contain; height: auto; background-image: url('../images/main_mobile.jpg'); }
#wrap.mobile #search .shadow { height: auto; }
#wrap.mobile #search .shadow p { opacity: 0; }
#wrap.mobile #search .shadow form { width: auto; margin: 80px auto 0; }
#wrap.mobile #search .shadow form .input input[type=text] { width: 70%; margin-right: 30%; }
#wrap.mobile #search .shadow form .input input[type=submit] { width: 30%; }
#wrap.mobile #search .shadow form .sub { height: auto; background: #fff; padding-bottom: 1px; }
#wrap.mobile #search .shadow form .sub .select { width: auto; position: relative; right: 0; margin-bottom: 1px; }
#wrap.mobile #search .shadow form .sub .select.active:nth-child(1) .tx { max-height: 100%; }
#wrap.mobile #search .shadow form .sub .select.active:nth-child(1) .tx a { float: none; width: auto; }
#wrap.mobile #search .shadow form .sub .select.active:nth-child(2) .tx { max-height: 100%; }
#wrap.mobile #search .shadow form .sub .select.active:nth-child(2) .tx a { float: none; width: auto; }

#wrap.mobile #main { padding-bottom: 0px; height: auto; } /*padding-bottom: 22px;*/
#wrap.mobile #main .main_content { height: auto; }
#wrap.mobile #main .main_content div { float: none; width: auto; height: 50px;}
#wrap.mobile #main .main_content div strong { color: #159DAB; font-size: 30px; font-weight: 700; line-height: 24px; }
#wrap.mobile #main .main_content div span { color: #159DAB; font-size: 16px; margin-left: 14px; text-transform: uppercase; }
#wrap.mobile #main .table div span:nth-child(1) { width: 60%; display: block; }
#wrap.mobile #main .table div span:nth-child(2) { width: 10%; display: block; }
#wrap.mobile #main .table div span:nth-child(3) { width: 20%; display: block; }
#wrap.mobile #main .table div span:nth-child(4) { display: none; }
#wrap.mobile #main .table div span:nth-child(5) { display: none; }
#wrap.mobile #main .table div span:nth-child(6) { display: none; }
#wrap.mobile #main .table div span2:nth-child(1) { width: 100%; display: block; }
#wrap.mobile #main .table div span2:nth-child(2) { width: 100%; display: block; }
#wrap.mobile #main .table div span2:nth-child(3) { width: 100%; display: block; }
#wrap.mobile #main .table.action div span:nth-child(1) { width: 70%; display: block; }
#wrap.mobile #main .table.action div span:nth-child(2) { width: 10%; display: block;}
#wrap.mobile #main .table.action div span:nth-child(3) { width: 20%; display: block; }
#wrap.mobile #main .table.action div span:nth-child(4) { display: block; width: 100%; padding-top: 20px; }{ display: none; }
#wrap.mobile #main .table.action div span:nth-child(5) { display: block; width: 100%; }
#wrap.mobile #main .table.action div span:nth-child(6) { display: none; }
#wrap.mobile #main .table.action div strong.nav_pricelist { display: block; background-image: url('../images/nav_pricelist.png'); position: absolute; top: 50%; right: 15px; width: 17px; height: 8px; transform: rotate(270deg); transition: 0.4s; }
#wrap.mobile #main .table.action div.active strong.nav_pricelist { transform: rotate(360deg); transition: 0.4s; }
#wrap.mobile #main .table.action div.active span:nth-child(4) { display: none; }
#wrap.mobile #main .table.action div.active span:nth-child(5) { display: none; }
#wrap.mobile #main .header .container h1 { line-height: 40px; height: auto; padding-top: 40px; }
#wrap.mobile #main .header .container span { position: static; padding: 0 25px; }

/*#wrap.mobile #footer { height: 221px; } #wrap #footer p { text-align: center; color: #fff; width: 33.333%; box-sizing: border-box; font-size: 10px; float: left; padding-top: 27px; }*/
#wrap.mobile #footer { height: 190px; position: static; left: 0; right: 0; bottom: 0; }
#wrap.mobile #footer p { float: none; width: auto; padding-top: 10px; }

.mapbutton { text-align: right; padding-bottom: 10px; }
.mapbutton a { transition: 0.3s; background: #408081; border-radius: 3px; color: #fff; display: inline-block; width: 300px; height: 42px; text-align: center; line-height: 42px; cursor: pointer; } 
.mapbutton a:hover { transition: 0.3s; background: #39ACAE; }


.images_a { background: #408080; padding: 28px 0; overflow: hidden; }
.images_a .extra { overflow: hidden; padding: 0 26px; margin-right: -32px; }
.images_a .extra div { margin-right: 32px; float: left; width: calc(33.333% - 32px); }
.images_a .extra div img { width: 100%; display: block; vertical-align: bottom; }
.images_a .extra div a { display: block; }

#wrap.mobile .images_a .extra { margin-right: 0; padding: 0 16px; }
#wrap.mobile .images_a .extra div { float: none; width: auto; padding-bottom: 16px; margin-right: 0; }
#wrap.mobile .images_a .extra div:last-child { padding-bottom: 0; }

.speller_block { padding: 0 25px 30px; }
.speller_block div { font-size: 22px; }
.speller_block div a { color: #00709A; text-decoration: underline; }
.speller_block div a:hover { text-decoration: none; }