@font-face {
  font-family: 'aino_head';
  src: url('font/aino_head.woff2') format('woff2'),
       url('font/aino_head.woff') format('woff')
}
@font-face {
  font-family: 'aino_regular';
  src: url('font/aino_regular.woff2') format('woff2'),
       url('font/aino_regular.woff') format('woff')
}

html, body {margin:0; padding:0; background:#ffffff; font-family:'aino', Segoe UI, Arial; font-size:15px; color:#2f2f2f; line-height:23px;}
a {color:#77076c; text-decoration:underline;}
a:hover {color:#aa0099;}
#main a:hover {color:#d30022;}

.left {float:left;}
.clear {clear:both;}
img,table {border:0;}
form,label {padding:0; margin:0;}
table {border-collapse:collapse;}

.w,#wmenu {width:96%; margin:0 auto; max-width:1350px; position:relative;}
#page {background:#f1f1f1; border-top:1px solid #bdbdbd; padding:40px 0;}
#logo {position:absolute; z-index:1; top:57px;}

#header {height:200px; background:url(../images/header.jpg) no-repeat center center; background-size:cover;}


h1 {font-family:'aino_head'; text-align:center; font-size:52px; line-height:57px; font-weight:bold; letter-spacing:-1px; color:#afafaf;}
h2 {font-family:'aino_head'; letter-spacing:-1px; color:#77076c; font-size:33px; line-height:40px; margin:0 0 25px 0; padding:0;}

#main {max-width:1380px; margin:0 auto; background:#f8f6f6; border:1px solid #dddddd; border-top:0;}
#maintxt {position:relative; float:left; width:39%; padding:120px 6% 30px 0; line-height:22px;}
#mainpic {float:left; max-width:696px; width:55%;}
#mainline {width:100%; height:6px;}
#mainlogod {width:100%; padding:30px 0 60px 0; text-align:center; background:#ffffff;}
#mainlogod a {margin:0 7%;}
#maintxt ul {margin:0 0 0 20px; padding:15px 0;}

#lang {font-family:'aino_head'; position:absolute; top:20px; right:25px;}
#lang a {text-decoration:none; padding:4px 7px; color:#ffffff; margin-left:20px;}
#lang a:hover {text-decoration:underline;}
#lang a.active,#lang a.active:hover {text-decoration:none; background:#ffffff; box-shadow:inset 1px 1px 2px #aeaeae; color:#890a7d; border-radius:4px;}
#main #lang a.active,#main #lang a.active:hover {background:#ffffff; box-shadow:inset 1px 1px 2px #aeaeae; color:#bc2d44; border-radius:4px;}

#menu {position:absolute; top:-44px; left:22%; width:78%; font-size:17px; margin:0; padding:0;}
#menu li a {text-decoration:none; color:#ffffff;  text-shadow:0 -1px 0 rgba(0,0,0,0.55);}
#menu li a:hover {text-decoration:underline;}
#menu li {display:inline-block; padding:8px 11px 13px 11px; margin:0 4px; border-top-left-radius:7px; border-top-right-radius:7px;}
#menu li.active {background:#f1f1f1; border-top:1px solid #bdbdbd;}
#menu li.active a {color:#111111;}
#menu li.active a:hover {text-decoration:underline;}

#footer {padding:40px 0; font-size:14px;}
#logofooter {float:left; width:20%; text-align:left; padding-top:66px;}
#footer .cols {float:left; width:79%; border-left:1px solid #d2d2d2;}
#footer .col1 {width:45%; padding:0 0 0 3%;}
#footer .col2 {width:39%; padding:0 0 0 2%;}

.col1,.col2 {float:left;}

.paddedtext {padding:25px 0;}
.onerow {width:auto;}

#table {position:relative; text-align:center; width:86%; margin:0 auto;}
.box {display:inline-block; margin-top:22px; text-align:left; background:#ffffff; border-radius:7px; border-bottom:1px solid #a13b97; box-shadow:1px 1px 3px #c4c4c4; overflow:hidden;}
.box.nopadded {width:470px;}
.box img {float:left;}
.box.pos1 {float:left;}
.box.pos2 {float:right;}
.box .vcenter1 {display:table; height:143px;}
.box .vcenter2 {display:table-cell; vertical-align:middle;}
.box .name {color:#000000; font-size:21px; padding:0 20px 12px 20px;}
.box .amet,.box .ml {color:#777777; font-size:15px; padding:0 20px; font-style:italic; line-height:17px;}
.box .ml {padding:6px 0 0 0; color:#890a7d; font-style:normal; font-size:14px;}
.box.nopadded .ml {padding:10px 20px 0 20px;}
.box .tel {padding:6px 0 0 0; color:#890a7d; font-size:14px;}
.box .pic_size1 {width:142px; height:142px;}

.box.padded {width:90%; padding:15px 2%; margin-left:6%;}
.box_amet {font-family:'aino_head'; color:#890a7d; font-size:20px; padding-right:5%; width:30%;}
.box.padded,.box.padded .name {font-size:17px;}
.box.pos6 .isik tr td {padding-top:12px;}
.box .isik tr td {padding-top:25px;}
.box .isik tr.first td {padding-top:0;}
.row2 {border-top:1px solid #beb7bd; width:100%; margin-top:15px;}
.col12 {width:100%;}
.col12 .amet {padding:10px 0 0 0;}
.box.padded .col1,.box.padded .col2 {width:44%;}

.joon {position:absolute; left:0; background:#890a7d;}
.webonly {display:auto;}
.mobonly {display:none;}
#menu_mob {display:none;}


#breadcrumbs {margin:0 0 50px 0; padding:0; color:#555555; font-size:13px; line-height:17px;}
#breadcrumbs li {list-style:none; display:inline-block; margin-right:12px; padding-right:22px; background:url(../images/arr2.png) no-repeat top right;}
#breadcrumbs li a {color:#888888;}
#breadcrumbs li a:hover {color:#555555;}
#breadcrumbs li.active {color:#77076c; background:none;}

#submenu {width:20%; padding-right:3%; float:left; font-size:14px; line-height:18px;}
#submenu a {color:#666666;}
#submenu a:hover {color:#222222;}
#submenu div.active {color:#77076c; padding-left:18px; background:url(../images/arr2.png) no-repeat top left;}
#submenu div {margin-bottom:26px;}
.withsubmenu {width:77%; float:left;}


/*#mainpage_link {position:absolute; right:25px; top:90px; padding:5px 8px 5px 26px; background:#77076c url(../images/arr3.png) no-repeat left center; background-position:10px 13px; color:#fff; border-radius:4px;}*/
#mainpage_link {position:absolute; right:10px; top:90px;}
#mainpage_link a {padding:8px 21px; background:#77076c; color:#fff; border-radius:5px; font-size:20px; text-decoration:none;}
#mainpage_link a:hover {background:#aa0099;}
#mainpage_link a:nth-child(2) {margin-left:35px;}
#mainpage_link2 {display:none !important;}



.calc_input {font-family:Arial; font-size:12px; color: #657378; font-weight: normal; background: #ffffff; border: 1px solid #343435; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.calc_input_active {font-family:Arial; font-size:12px; color: #000000; font-weight: bold; background: #ffef39; border: 1px solid #343435; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.calc_input_deactive {font-family:Arial; font-size:12px; color: #000000; font-weight: bold; background: #f0f0f0; border: 1px solid #343435; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.calc_line {height:1px; padding:0; background-color:#bbbbbb;}
.calc_header {background-color:#cccccc;font-weight:bold;}








/*main*/
@media screen and (max-width: 1200px) {
	#mainlogod,#mainline {width:52%;}
	.box.nopadded {width:400px;}
}

@media screen and (max-width: 1080px) {
	#submenu {width:100%; float:none;}
	.withsubmenu {width:100%; float:none;}
	#submenu div {margin-bottom:15px;}
	#breadcrumbs {margin-top:40px; padding-top:20px; border-top:1px solid #cccccc;}
}




/* pad */
@media screen and (max-width: 1070px) {
	#logo {width:180px; top:0;}
	#header {height:200px;}
	.w,#wmenu {width:90%;}
	#lang {right:0;}
	h1 {font-size:44px; line-height:49px;}
	.webonly {display:none;}
	.mobonly {display:block;}
	.box_amet.mobonly {width:100%; padding:0 0 15px 0; text-align:center;}
	#menu {left:0; width:100%;}
    #menu li {margin:0 4px;}
	#b1 {float:left;}
	#b2 {float:right;}
	#b3 {clear:both;}
	.box table {width:100%;}
	.box.padded .col1,.box.padded .col2 {width:49%;}
	
	#footer {padding:22px 0;}
	#logofooter {clear:both; width:100%; text-align:center; padding:0 0 25px 0; }
	#footer .cols {clear:both; width:100%; border:none;}
	#footer .col1 {width:38%; padding:0 0 0 5%;}
	#footer .col2 {width:52%; padding:0 0 0 5%;}
	
	#sokolova {width:auto;}
	#kullerid {padding:15px 0 5px 0;}
}

@media screen and (max-width: 880px) {
	#table {width:100%;}
	#menu li {padding:8px 10px 13px 10px; margin:0;}
	
	#wmenu {width:100%;}
	#mainpage_link {position:absolute; left:auto; right:0; top:140px;}
	#mainpage_link a:nth-child(2) {margin-left:25px;}
	#header {height:200px;}
	#menu_mob {display:block; position:absolute; left:220px; top:40px;}
	#menu_mob img {height:31px;}
	#menu {background:#cccccc; position:static; width:auto; padding:30px 20px 20px 20px; display:none;}
	#menu li {display:block; border-radius:6px; padding:7px;}
	#menu li.active {background:#ffffff;}
	#lang a {margin-left:4px;}
	.box .ml {font-size:13px;}
	#footer .col1,#footer .col2 {width:100%; padding:15px 0 0 0;}
	#wmenu #menu li a {color:#77076c;  text-shadow:none;}
}

/* real mob */
@media screen and (max-width:600px) {
	body {min-width:360px;}
	#logo {width:146px; top:0;}
	#menu_mob {left:164px; top:40px;}
	#menu_mob img {height:25px;}
	#lang {top:0; font-size:14px;}
	#lang a {display:block; margin-top:4px; padding:2px 4px 2px 6px;}
	#mainpage_link {position:absolute; left:0; right:auto; top:130px;}
	#header {height:175px;}
	#page {padding-top:20px;}
	.box .name {font-size:16px;}
	h1 {font-size:34px; line-height:38px;}
	.box,.box.nopadded {width:94%;}
	.box.padded .col1,.box.padded .col2 {width:100%; display:block; padding-top:10px;}
	.name {width:80%;}
	#kullerid {padding-bottom:0;}
	#b7 .row2 .col1,#b7 .row2 .col2 {padding:0 0 0 25px;}
	.amet {font-size:12px !important; line-height:14px !important;}
}
/* real mob */
@media screen and (max-width:490px) {
	body {min-width:360px;}
	#logo {width:130px;}
	
	#header {height:165px;}
	#mainpage_link {position:absolute; left:0; top:120px;}
	#mainpage_link a {padding:8px 12px; font-size:17px;}
	.headerHeight {height:170px;}
	
	#menu_mob {left:155px; top:40px;}
	#menu_mob img {height:25px;}
	#lang {top:0; font-size:14px;}
	#lang a {display:block; margin-top:4px; padding:2px 4px 2px 6px;}
	
	#page {padding-top:20px;}
	h1 {font-size:34px; line-height:38px;}
	.box,.box.nopadded {width:90%;}
	.box.padded .col1,.box.padded .col2 {width:100%; display:block; padding-top:10px;}
	.name {width:80%;}
	#kullerid {padding-bottom:0;}
	#b7 .row2 .col1,#b7 .row2 .col2 {padding:0 0 0 25px;}
	.amet {font-size:12px !important;}
}
.w100 {width:100%;}
.box.padded .amet {padding:5px 0 0 0;}