html { height: 100%; width: 100%; }
body { width: 100%; height: 100%; padding: 0; margin: 0; background: #fff; font: 90% Roboto, Arial, sans-serif; color: #111; }

body * { transition:all .3s ease 0s; }	

span, div { box-sizing: border-box }	
	
a { color: #3284b6; outline: none }	
a:hover { color: #db241c; }
	
img, form, p, ul, ol, li, table, tr, td, div { padding: 0; margin: 0; border: 0; }
	
p { padding-bottom: 1.5em; }
	
ul { padding: 0 0 1.5em 0; clear: left }	
ul li { background: url(img/li.png) no-repeat 5px .6em; list-style: none; list-style-type: none; padding: 0 0 .5em 30px }
ul ol li { list-style: auto; background: none }	

ol { padding: 0 0 1.5em 20px; clear: left  }	
ol li { padding: 0 0 .5em 0; }	
ol li ul li { background: url(img/li.png) no-repeat 5px .6em; list-style: none; list-style-type: none; padding: 0 0 .5em 30px }

ol ul, ul ul, ul ol, ol ol { padding: 1em 0 0 0; } 
	
table { font-size: 100%; }
	
h1 { font-size: 46px; font-weight: bold; margin: 0; padding: 0 0 1.2em 0; color: #000; line-height: normal }	
h2 { font-size: 36px; font-weight: bold; margin: 0; padding: .3em 0 1em 0; color: #000; line-height: normal }	
h3 { font-size: 24px; font-weight: bold; margin: 0; padding: .3em 0 1em 0; color: #000; line-height: normal }	
h4 { font-size: 20px; font-weight: bold; margin: 0; padding: .3em 0 1em 0; color: #000; line-height: normal }	
h6 { font-size: 100%; font-weight: bold; margin: 0; padding: 0 0 .5em 0; color: #000; line-height: normal }
	
input, select, textarea { font-family: inherit; padding: 0 0 .1em 4px; font-size: 100%; outline: none; box-sizing: border-box; }

button { -webkit-appearance: none;}
	
a img { border: none; }
	
.img-lft { float: left; margin: 0 50px 20px 0; }	
.img-rgh { float: right; margin: 0 0 20px 50px; }
	
cite { font-style: italic; }
	
.table { border-collapse: collapse; margin: .5em 0 2em 0; border: 1px solid #ffc800 }	
.table th { color: #111; padding: .5em 20px .6em 20px; text-align: left; background: none; font-size: 100%; font-weight: bold; border-right: 1px solid #ffc800 }	
.table td { padding: .8em 20px; vertical-align: top; border-right: 1px solid #ffc800; line-height: 1.2em; font-size: 95% }
.table tr:nth-child(2n) td { background: #f7f7f7 }
.table .odd td { background: #f4fafc }
	
blockquote { margin: 0 0 2em 0; padding: 20px; border: 1px solid #ffc800; line-height: 1.4em; font-style: italic }
	
.clear { clear: both }	
.shadow { box-shadow: 0 0 6px #3577db; transition: border linear 0.2s, box-shadow linear 0.2s; }

input.infocus { color: #000 !important; font-style: normal !important }

article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }

/*=========================*/
.container { min-height: 100%; }

.header { position: relative; height: 171px; max-width: 960px; margin: 0 auto }
.header .logo { position: absolute; top: 54px; left: 0 }

.icons-top { position: absolute; top: 32px; right: 0; text-transform: uppercase; font-size: 12px }
.icons-top a { color: #111; opacity: .6; text-decoration: none; cursor: pointer }
.icons-top a:hover { opacity: 1 }
.icon-mail, .icon-impaired, .icon-search { float: left; margin-left: 30px }

.icon-mail a:before { content: ''; height: 15px; width: 14px; background: url(img/icons.png) no-repeat 0 0; display: inline-block; vertical-align: middle; margin-right: 8px }
.icon-impaired a:before { content: ''; height: 15px; width: 27px; background: url(img/icons.png) no-repeat -19px -2px; display: inline-block; vertical-align: middle; margin-right: 8px }
.icon-search a:before { content: ''; height: 15px; width: 14px; background: url(img/icons.png) no-repeat -50px 0; display: inline-block; vertical-align: middle; margin-right: 8px }
.icon-search.active a { opacity: 1 }

.main-menu-wrapper { position: absolute; top: 75px; right: 0; z-index: 1; }
.main-menu { font-size: 0; font-family: 'Roboto Condensed'; }
.main-menu > li { padding: 0 0 0 40px; background: none; display: inline-block; vertical-align: top; font-size: 18px; border: 2px solid #fff; }
.main-menu li.reception { border-color: #ffc800; padding: 0 }
.main-menu li.reception:hover { background: #f8c301 }
.main-menu_link { color: #000; text-decoration: none; padding: 8px 13px; display: block; }
.main-menu > li:hover span { border-bottom: 2px solid #ffc800; display: inline-block; padding-bottom: 14px }
.main-menu_link:hover { color: #000 }
li.reception { margin-left: 40px }

.sub_main-menu { position: absolute; width: 100%; height: 90px; top: 44px; left: 40px; padding: 30px 0 0 15px; box-sizing: border-box; font-family: Roboto; display: none }
.sub_main-menu li { padding: 0 30px 22px 0; float: left; font-size: 16px; background: none }
.sub_main-menu li a { color: #000; text-decoration: none }
.sub_main-menu li a:hover { color: #0069a2 } 

.main-menu > li:hover .sub_main-menu { display: block }

.search-top { position: absolute; top: 1.4em; right: 5em; z-index: 1; background: #fff; width: 480px; border-bottom: 1px solid #c1c1c1; height: 35px; display: none }
.search-top .submit { position: absolute; width: 19px; height: 30px; background: url(img/search.png) no-repeat 0 0; border: none; bottom: 0; right: 0; font-size: 0; cursor: pointer; z-index: 1 }
.search-top .text { position: absolute; width: 455px; bottom: 0; left: 0; padding: 0; background: #fff; border: none; font-family: Roboto; font-size: 90%; height: 25px; text-transform: uppercase }
.search-top .text:focus {  }

.main-illustr { max-width: 1280px; min-width: 960px; margin: 0 auto; height: 370px; position: relative }
.main-illustr .topcrn { position: absolute; width: 400px; height: 38px; top: 0; left: 0; background: #fff }
.main-illustr .menucrn { position: absolute; top: 0; left: 0; height: 78px; width: 100%; background: #fff; display: none; transition: none }

.welcome-block { background: #e0f3ff; position: absolute; bottom: -60%; right: 0; width: 47%; padding: 33px 40px 50px 40px }
.welcome-block_subtitle { font-size: 115%; padding-bottom: 10px }
.welcome-block_title { font-size: 36px; font-weight: bold; padding-bottom: 15px }
.welcome-block_list { font-size: 0;  }
.welcome-block_list a { font-size: 16px; color: #000; text-decoration: none; display: inline-block; vertical-align: top; margin-right: 19px; border-bottom: 1px solid #000 }
.welcome-block_list a:hover { color: #0069a2; border: none }

.columns-wrapper { width: 960px; margin: 0 auto }
.column-left { float: left; width: 520px; padding: 64px 80px 110px 0  }

.news-list {}
.news-list_overtitle { font-size: 36px; font-weight: bold; padding-bottom: 40px }

.news-list_item { padding: 0 0 40px 30px }
.news-list_date { font-size: 110%; color: #666; font-weight: 300; text-transform: uppercase; padding-bottom: 20px; position: relative }
.news-list_date:before { content: ''; width: 16px; height: 16px; background: url(img/ill1.png) no-repeat 0 0; position: absolute; left: -30px; top: 3px }
.news-list_date.intext { margin-left: 30px; padding-bottom: 10px; font-size: 100% }
.news-list_title { font-size: 28px; margin-bottom: 28px }
.news-list_title a { color: #000; text-decoration: none; border-bottom: 2px solid #000; font-weight: normal }
.news-list_title a:hover { color: #0069a2; border: none }
.news-list_description { font-size: 110%; color: #222; font-weight: 300; line-height: 1.5em }
.search-list .news-list_item { padding-left: 0 }

.inner-content .news-list { font-size: 90% }

.more-link { text-transform: uppercase }
.more-link:before { content: ''; height: 1px; background: #dadada; display: block; width: 290px; margin-bottom: 34px }
.more-link a { color: #000; text-decoration: none }
.more-link a:hover { color: #0069a2 }
.more-link a:after { content: ''; width: 19px; height: 30px; background: url(img/search.png) no-repeat 0 0; display: inline-block; vertical-align: middle; margin: 0 0 0 7px; position: relative; top: -2px }

.news-list .more-link { margin-left: 30px }

.index-column-right { float: left; width: 440px; padding: 260px 30px 110px 40px }
.about-text { font-size: 125%; line-height: 1.65em; font-weight: 300; margin-bottom: 100px }

.reception-block { position: relative }
.reception-image { width: 280px; height: 370px; background-size: cover }
.reception-link { position: absolute; bottom: 100px; width: 240px; right: 0; font-size: 36px; font-weight: bold; }
.reception-link a { color: #000; text-decoration: none }
.reception-link a:hover { color: #0069a2 }
.reception-link span { text-decoration: underline; background: #fff; display: inline-block; background: #fff; padding: 2px 11px 5px 11px }
.reception-link span:first-child { position: relative; top: 11px }
.reception-link a:hover span { border: none }  
.reception-block .tcorn { position: absolute; top: -40px; left: -40px; width: 80px; height: 80px; background: url(img/tcorn.png) no-repeat 0 0; }

.helpful-wrapper { border-top: 1px solid #dadada; padding: 60px 0 0 0; width: 960px; margin: 0 auto }
.helpful-title { text-align: center; font-size: 28px; margin-bottom: 40px }
.helpful-title:before { content: ''; display: block; height: 43px; background: url(img/ill2.png) no-repeat 50% 0; }

.helpful-list { overflow: hidden; padding: 0 30px; margin-bottom: 80px }
.helpful-item { width: 210px; height: 280px; border: 1px solid #c1c1c1; float: left; position: relative; margin-right: 20px }
.helpful-item_name { padding: 30px 20px 0 20px; font-weight: bold; font-size: 125% }
.helpful-item_name a { color: #000; text-decoration: none }
.helpful-item_name a:hover { color: #0069a2 }
.helpful-item_link { position: absolute; width: 100%; bottom: 0; left: 0; padding: 17px 11px; font-size: 90%; border-top: 1px solid #c1c1c1; }
.helpful-item_link a { text-decoration: none; color: #000 }
.helpful-item_link a:before { content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(img/helpful.png) no-repeat 0 0; margin: 0 13px 0 0; position: relative; top: -2px }
.helpful-item_link a:hover { color: #0069a2 }

.helpful-list .owl-nav { position: absolute; bottom: 115px; left: 0; width: 100%; z-index: 20 }
.helpful-list .owl-nav .owl-prev { position: absolute; bottom: 0px; left: -30px; width: 20px; height: 35px; background: url(img/helpnav.png) no-repeat 0 0; font-size: 0 }
.helpful-list .owl-nav .owl-next { position: absolute; bottom: 0px; right: -30px; width: 20px; height: 35px; background: url(img/helpnav.png) no-repeat 100% 0; font-size: 0 }
.helpful-list .owl-nav .disabled { opacity: .2; cursor: default !important }

.alert-block { max-width: 1280px; margin: 0 auto; background: #e0f3ff; padding: 48px 0 52px 0; }
.alert-text { width: 950px; margin: 0 auto; font-size: 32px; font-weight: 300 }
.alert-text a { color: #000; text-decoration: none; border-bottom: 2px solid #000; font-weight: normal; }
.alert-text a:hover { color: #0069a2; border: none }
.alert-block p { padding-bottom: 0 }

.footer-wrapper { position: relative; width: 960px; margin: 0 auto; height: 300px }
.footer-logo { position: absolute; left: 0; top: 53px }
.footer-copyright { position: absolute; left: 0; top: 225px; color: #919191; font-size: 92% }
.map-link { padding-left: 20px }
.footer-wrapper a { color: #111; border-bottom: 1px solid #111; text-decoration: none }
.footer-wrapper a:hover { color: #0069a2; border: none }

.footer-addres { position: absolute; top: 53px; left: 500px; font-size: 112% }
.footer-title { font-size: 80%; text-transform: uppercase; color: #818181; margin-bottom: 12px }
.footer-developer { position: absolute; right: 0; top: 225px; color: #919191; font-size: 92%  }

.footer-phone { position: absolute; top: 53px; left: 780px; font-size: 112% }

.inner-illustr { height: 160px; }  
.error-illustr { height: 480px; background: url(img/image-error.jpg) no-repeat 50% 50%; margin-bottom: 60px }

.path { margin: 0 auto; width: 960px; padding: 15px 0 0 257px; font-size: 95%; font-weight: 300; font-family: 'Roboto Condensed' }
.path a, .path span, .path i { display: inline-block; vertical-align: middle; margin-right: 10px }
.path a { color: #111; text-decoration: none; border-bottom: 1px solid #000 }
.path a:hover { color: #0069a2; border-color: #0069a2 }
.path i { width: 3px; height: 3px; background: #000 }

.back-link { position: absolute; bottom: 0; right: 0; background: #fff; padding: 18px 20px; padding-right: 130px }
.back-link a { color: #000; text-decoration: none; }
.back-link a:first-child:before { content: ''; width: 10px; height: 9px; background: url(img/bl.png) no-repeat 0 0; display: inline-block; vertical-align: middle; margin-right: 9px }
.back-link a:hover { color: #0069a2 }
.back-link a:hover span { border: none }
.back-link span { border-bottom: 1px solid #111 }
.back-link i { display: inline-block; vertical-align: middle; width: 1px; height: 25px; background: #111; margin: 0 20px }

.inner-columns-wrapper { max-width: 1280px; margin: 0 auto; min-width: 960px }

.inner-column-left { width: 680px; float: left; padding: 80px 80px 100px 0 }
.inner-column-right { width: 280px; float: left; padding: 130px 0 100px 0 }
.inner-content { font-weight: 300; font-size: 125%; line-height: 1.8em }
.inner-content a { color: #000; text-decoration: none; border-bottom: 1px solid #000 }
.inner-content a:hover { border: none; color: #0069a2 }

.inner-column-right .reception-block { margin-left: 20px }
.inner-column-right .reception-image { width: 240px; height: 318px;  }
.inner-column-right .reception-link { width: auto; right: 0; bottom: 40px; left: 30px; font-size: 28px; background: none;  }

.submenu-wrapper { background: #e0f3ff; padding: 32px 0 32px 40px; margin-bottom: 80px; position: relative }
.submenu-wrapper:before { content: ''; position: absolute; background: #e0f3ff; width: 160px; height: 100%; top: 0; right: -160px }
.submenu-title { font-size: 22px; font-weight: bold; padding-bottom: 30px }
.submenu-wrapper ul { padding: 0 }
.submenu-wrapper ul li { background: none; padding: 0 0 1em 0; font-size: 120%; color: #0069a2 }
.submenu-wrapper ul li a { color: #111; text-decoration: none; font-weight: 300; border-bottom: 1px solid #000 }
.submenu-wrapper ul li a:hover { color: #1072a8; border: none }

@media (max-width:1280px) {
    .submenu-wrapper:before { display: none }
}

.pagination { overflow: hidden; padding: 30px 0 0 0; position: relative; border-top: 1px solid #dadada; position: relative; font-size: 16px }
.pagination a { font-size: 85%; margin-right: 18px; display: inline-block; vertical-align: top; font-weight: bold; line-height: 1.3em; border-bottom: 2px solid #111; color: #000; text-decoration: none }
.pagination a:hover { color: #0069a2 }
.pagination a.sel { font-weight: normal; border: none }

.pagination .next { position: absolute; right: 0; text-transform: uppercase; font-weight: 300; border: none; margin-right: 0 }
.pagination .next:after { content: ''; width: 19px; height: 30px; background: url(img/search.png) no-repeat 0 0; display: inline-block; vertical-align: middle; margin-left: 8px; position: relative; top: -2px } 

.error-illustr_title { font-size: 46px; position: absolute; top: 105px; left: 0; font-weight: bold }
.error-illustr_text { font-size: 125%; line-height: 1.6em; font-weight: 300; position: absolute; top:140px; right: 0 }

.errorr-page-wrapper { width: 960px; margin: 0 auto; position: relative }

.search-wrapper { width: 960px; margin: 0 auto; padding: 70px 0 90px 0 }

.search-left-col { float: left; width: 320px; font-size: 18px; font-family: 'Roboto Condensed' }
.search-title { font-size: 24px; padding-bottom: 10px }
.search-title span { font-weight: 300 }  

.search-right-col { float: left; width: 640px }

.searched { color: #999 }

.search-form { margin-bottom: 45px; position: relative }
.search-form .text { font-size: 16px; border: 1px solid #c1c1c1; width: 100%; height: 54px; padding: 0 20px }
.search-form .text:focus { border-color: #ffc800  }
.search-form .submit { height: 100%; width: 60px; position: absolute; top: 0; right: 0; }
.search-form .submit input { position: absolute; width: 15px; height: 15px; background: url(img/icons.png) no-repeat -50px 0; top: 20px; right: 20px; padding: 0; border: none; font-size: 0; cursor: pointer }

.search-path { text-transform: uppercase; margin-top: 25px }
.search-path a { color: #000; text-decoration: none; border-bottom: 1px solid #000 }
.search-path a:hover { color: #0069a2; border: none }

.important-wrapper { background: #e0f3ff; font-size: 120%; margin-bottom: 45px; font-weight: 300; padding: 30px 0 30px 40px; position: relative }
.important-title { font-weight: normal; padding-bottom: 5px }
.important-wrapper:before { content: ''; position: absolute; background: #e0f3ff; width: 160px; height: 100%; top: 0; right: -160px }


@media (max-width:1280px) {
    .important-wrapper:before { display: none }
}


.form-content {  }
.form-content .title { font-weight: bold; font-size: 140%; padding-bottom: 15px }
.form-content .formcols { margin: 0 auto; padding: 50px 0 0 0; }

.form-content .line { position: relative }
.form-content .name { display: block; font-size: 16px; padding-bottom: 5px }
.form-content .input { padding-bottom: 35px; position: relative; }
.form-content .captcha .input { padding-left: 110px; }
.form-content .captcha .captcha-img { position: absolute; top: 0; left: 0; }

.form-content .input input { 
	width: 100%; 
	padding: 16px 20px; 
	border: 1px solid #cdcdcd;
	background: #fff; 
	font-size: 16px; 	
	box-sizing: border-box
	}
.form-content .input input:focus, .form-content .input input:hover { border-color: #ffc800 }
	
.form-content .input textarea { 	
	max-width: 100%; 
	width: 100%; 
	padding: 16px 20px; 
	border: 1px solid #cdcdcd;
	background: #fff; 
	font-size: 16px; 	
	height: 100px; 
	box-sizing: border-box
	}	
.form-content .input textarea:focus, .form-content .input textarea:hover { border-color: #ffc800 }	
.form-content .input label.error { position: absolute; left: -99999px }

.form-content .double {font-size: 0 }
.form-content .double .line { display: inline-block; vertical-align: top; width: 49% }
.form-content .double .line:first-child { margin-right: 2% }

.form-content .tripple {font-size: 0 }
.form-content .tripple .line { display: inline-block; vertical-align: top; width: 32%; margin-left: 2% }
.form-content .tripple .line:first-child { margin-left: 0 }	
	
.form-content input.error, .form-content textarea.error { border: 1px solid #ed2229 !important }

.form-content .submit { padding: 0 0 0 0; position: relative; }
.form-content .submit input { background: #ffc800; color: #111; font-size: 16px; border: none; padding: 20px; cursor: pointer; width: 145px;  }
.form-content .submit input:hover { background: #ffce1c }
.form-content p { line-height: 1.3em }
.form-content .code .input input { width: 300px }
.form-content .code img { height: 50px; vertical-align: middle; margin: 0 10px 1px 0 }

.form-content .input input.select-input { background-image: url(img/tarr.png); background-position: 100% 55%; background-repeat: no-repeat }

.select-wrapper { position: relative }
.select-abs { position: absolute; width: 100%; left: 0; top: 0; border: 1px solid #c1c1c1; border-top: 0; border-bottom: 0; background: #fff; z-index: 1; overflow: hidden; transition: none; display: none }
.select-option { font-size: 90%; padding: 10px 20px; border-bottom: 1px solid #c1c1c1; cursor: pointer }
.select-option:hover { background: #f7f7f7 }


.form-content .file { overflow: hidden; padding-bottom: 35px; position: relative }
.form-content .file input { position: absolute; left: -99999px; }
.form-content .file-input { background: #e0f3ff; font-size: 16px; padding: 11px 20px; margin-right: 130px }
.form-content .file-submit { background: #ebebeb; width: 100px; position: absolute; top: 0; right: 0; padding: 11px 10px; text-align: center; cursor: pointer }
.form-content .file-submit:hover { background: #f5f5f5 }

.footer-back-link { overflow: hidden; padding: 30px 0 0 0; position: relative; border-top: 1px solid #dadada; position: relative; font-size: 16px; margin-top: 20px; }
.footer-back-link a { text-transform: uppercase; font-weight: 300; border: none; color: #000 }
.footer-back-link a:after { content: ''; width: 19px; height: 30px; background: url(img/search.png) no-repeat 0 0; display: inline-block; vertical-align: middle; margin-left: 8px; position: relative; top: -2px } 
.footer-back-link a:hover:after { background: url(img/search.png) no-repeat 0 -30px }

.gmap { margin: -40px auto 0 auto; max-width: 1280px;  }
.gmap * { transition: none }

.right-contact-block { font-size: 18px; margin-top: 70px }
.contact-block_title { font-size: 14px; color: #818181; text-transform: uppercase; font-weight: 300; margin-bottom: 12px; margin-top: 30px }