html { height: 100%; width: 100%; }
body { width: 100%; padding: 0; margin: 0; background: #fff; font: 85% "Open Sans", Arial, sans-serif; color: #111; transition:all .5s ease 0s; }

/*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 0 .7em; list-style: none; list-style-type: none; padding: 0 0 .5em 26px }
ul ol, ol ol { margin-left: 16px }
ul ol li { list-style: auto; background: none; }	

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

ol ul, ul ul, ul ol, ol ol { padding: 1em 0 0 0; } 
	
table { font-size: 100%; }
	
h1 { font-size: 180%; font-weight: normal; margin: 0; padding: 0 0 .8em 0; color: #000; line-height: normal }	
h2 { font-size: 160%; font-weight: normal; margin: 0; padding: 0 0 .6em 0; color: #000; line-height: normal }	
h3 { font-size: 140%; font-weight: normal; margin: 0; padding: 0 0 1em 0; color: #000; line-height: normal }	
h4 { font-size: 120%; font-weight: normal; margin: 0; padding: 0 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 20px 20px 0; }	
.img-rgh { float: right; margin: 0 0 20px 20px; }
	
cite { font-style: italic; }
	
.table { border-collapse: collapse; margin: .5em 0 2em 0; border: 1px solid #c9d2d9 }	
.table th { color: #111; padding: 1em 20px 1em 20px; text-align: left; background: none; font-weight: bold; border: 1px solid #c9d2d9 }	
.table td { padding: .6em 20px; vertical-align: top; border: 1px solid #c9d2d9 }
.table td:first-child { border: none } 
.table .odd td { background: #f4fafc }
	
blockquote { margin: 0 0 2em 0; background: none; padding: 0; font-weight: 300; font-size: 24px; line-height: 1.4em }
blockquote:before { content: ''; display: block; background: url(img/block.png) no-repeat 0 0; height: 13px; margin-bottom: 15px }
	
.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; }

/*=========================*/
.main-frame { height: 100vh; width: 100vw; overflow: hidden; position: relative }
.left-panel { position: absolute; width: 340px; background: #ebf4fb; height: 100%; font-size: 14px; transition:all .3s ease 0s; }
.ny .left-panel { background-image: url(img/footer_ny.png); background-repeat: no-repeat; background-position: 50% 100% }
.ny .left-panel:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 60px; background: url(img/nybg.png) no-repeat 50% 0; }
.left-panel * { transition:all .3s ease 0s; }
.left-panel a { color: #111; text-decoration: none; opacity: .6 }
.left-panel a:hover { opacity: 1 }
.logo-wrapper { text-align: center; position: absolute; top: 5vh; left: 0; width: 100%; z-index: 1 }
.logo-wrapper .logo { width: 172px; height: 141px; background: url(img/mainlogo.png) no-repeat 0 0; display: block; margin: 0 auto; opacity: 1; background-size: contain  }

.main-menu { width: 222px; border-top: 1px solid #c9d2d9; border-bottom: 1px solid #c9d2d9; position: absolute; top: 20vh; margin-top: 60px; left: 60px; padding: 5.5vh 0 2vh 0; text-transform: uppercase; }
.main-menu__item { margin-bottom: 4.5vh; }
.main-menu__item .active { color: #005a9d; font-weight: 700; opacity: 1 }

.main-menu__short { border-top: 1px solid #c9d2d9; border-bottom: 1px solid #c9d2d9; width: 70px; height: 50vh; margin: 0 auto; position: relative; top: 22vh; display: none; z-index: 1 }
.main-menu__trigger { position: absolute; top: 50%; width: 28px; height: 23px; left: 50%; margin: -23px 0 0 -12px; cursor: pointer }
.main-menu__trigger i { display: block; height: 3px; background: #bbcbd7; margin-bottom: 7px; }
.main-menu__trigger:hover i { background: #a4b7c5 }

.main-menu__sidewrapper { background: #dae7f0; width: 220px; height: 100vh; position: absolute; left: -220px; top: 0; font-size: 12px; transition:all .5s ease 0s; opacity: 0; display: none; z-index: 100 }
.main-menu__side { position: absolute; margin-left: 20px; border-bottom: 1px solid #c9d2d9; text-transform: uppercase; left: 0; bottom: 28vh; padding-bottom: 15px }
.main-menu__side-item { margin-bottom: 4vh }

.side_opened .main-menu__trigger { margin-top: -12px }
.side_opened .main-menu__trigger i { transform: rotate(-45deg); margin-bottom: 0; position: absolute; top: 0; left: 0; width: 100% }
.side_opened .main-menu__trigger i:first-child { transform: rotate(45deg); top: 0 }
.side_opened .main-menu__trigger i:last-child { display: none }
.side_opened .main-menu__sidewrapper { left: 80px; opacity: 1 }

.footer-links { position: absolute; bottom: 5vh; left: 60px;  }
.footer-links__item { margin-top: 4.5vh }
.footer-links__item a span { border-bottom: 1px solid #989c9f }

.footer-links_search i { background: url(img/footerlinks.png) no-repeat 0 0; width: 23px; height: 23px; display: inline-block; vertical-align: middle; margin-right: 25px }
.footer-links_contacts i { background: url(img/footerlinks.png) no-repeat 0 -59px; width: 23px; height: 23px; display: inline-block; vertical-align: middle; margin-right: 25px }
.footer-links_map i { background: url(img/footerlinks.png) no-repeat 0 -120px; width: 23px; height: 23px; display: inline-block; vertical-align: middle; margin-right: 25px }

@media(max-height:900px) {	
	.main-menu { padding: 4.5vh 0 1.5vh 0; }
	.main-menu__item { margin-bottom: 4vh }
	.footer-links__item { margin-top: 4vh }
}

.slide-wrapper { margin: 0 400px 0 340px; height: 100vh; position: relative; z-index: 100; overflow: hidden; transition:all .5s ease 0s; left: 0 }
.slide-wrapper a { color: #fff; text-decoration: none; }
.slide-item { height: 100vh; position: absolute; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: 0 50%; left: 0; top: 100vh; }
.slide-item_active { z-index: 10; top: 0 }
.slide-item_animated { z-index: 11; }
.slide-item .overlay { height: 100%; width: 100%; top: 0; left: 0; background: #000; position: absolute; opacity: .3 }

.mouse-icon { position: absolute; width: 22px; height: 35px; background: url(img/mouse.png) no-repeat 0 0; bottom: 6vh; left: 7vw; z-index: 1 }

.slide-item__content { position: absolute; left: 6.6vw; top: 100%; padding-right: 40px; transition:all .3s ease 0s; opacity: 0 }
.slide-item_active .slide-item__content { /*top: 22.5vh;*/ top: 55.5vh; opacity: 1 }

.slide-item__text { position: absolute; left: 6.6vw; top: 0; font-size: 18px; color: #fff; width: 740px; transition:all .3s ease 0s; opacity: 0 }
.slide-item_active .slide-item__text { top: 5vh; opacity: 1 } 

.slide-item__text p { padding-bottom: 3vh }
.slide-item__title { font-size: 62px; font-weight: bold; color: #fff; line-height: 80px; margin-bottom: 5vh }
.slide-item__link {}
.slide-item__link a { text-decoration: none; border: 1px solid #fff; width: 210px; font-size: 18px; color: #fff; display: block; text-align: center; padding: 16px 0 16px 0; border-radius: 30px; transition: all .3s ease 0s }
.slide-item__link a span { padding-left: 17px }

.slide-item__link a:hover { background: #fff; color: #0061a5 }

.slide-number { font-size: 192px; color: #fff; position: absolute; top: 50%; margin-top: -.8em; right: 8vw; font-weight: bold; opacity: .3 }

.slide-counter { position: absolute; right: 3vw; top: 50%; margin-top: -1.2em; font-size: 38px; color: #fff; font-weight: 800; opacity: .8; }
.slide-counter_down { position: absolute; bottom: -42px; left: 40%; width: 27px; height: 17px; background: url(img/slidernav.png) no-repeat 0 -17px; cursor: pointer }
.slide-counter_up { position: absolute; top: -40px; left: 40%; width: 27px; height: 17px; background: url(img/slidernav.png) no-repeat 0 0; cursor: pointer }

.slide-item__footer { width: 700px; position: absolute; bottom: 6vh; left: 6.6vw; color: #fff; font-size: 14px; }
.slide-item_footer-link { display: block; border: 5px solid #fff; font-size: 66px; padding: 40px 0; text-align: center; font-weight: bold; margin-bottom: 55px }
.slide-item_developer { float: right;  }
.slide-item_developer:before { content: ''; width: 16px; height: 16px; background: url(img/develop.png) no-repeat 0 0; display: inline-block; vertical-align: middle; margin-right: 9px }

@media(max-height:900px) {
	.mouse-icon { left: 4vw }
	.slide-item__content { left: 4vw }
	.slide-item__text { left: 4vw; width: 640px }
	.slide-item__title { font-size: 50px; line-height: 60px; margin-bottom: 5vh;  }
	.slide-item__text { font-size: 16px }
	.slide-item__footer { left: 4vw; }
	.slide-item_footer-link { font-size: 50px; padding: 30px 0; margin-bottom: 40px; }
}

.right-panel { position: absolute; right: 0; top: 0; width: 400px; height: 100vh; overflow: hidden; transition:all .5s ease 0s; }

.main-news__navi { position: absolute; width: 100%; top: 0; left: 0; border-bottom: 1px solid #c9d2d9; padding: 35px 40px 0 40px; height: 140px }
.main-news__navi-item { font-size: 24px; color: #b1b1b1; font-weight: 600; width: 145px; float: left; line-height: 1em; position: relative; padding: 15px 0 0 0; cursor: pointer; transition:all .3s ease 0s; }

.main-news__navi-item:hover { color: #9f9f9f; }
.main-news__navi-item.active { color: #646363; cursor: text }
.main-news__navi-item.active:before { content: ''; width: 40px; height: 1px; background: #646363; position: absolute; top: 0; }

.main-news__arrs { position: absolute; top: 42px; right: 42px; -moz-user-select: none; -moz-user-select: none; -webkit-user-select: none }
.main-news__arrs-prev { position: absolute; top: 0; right: 0; width: 27px; height: 17px; background: url(img/slidernav.png) no-repeat 0 -35px; cursor: pointer; }
.main-news__arrs-prev i { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(img/slidernav.png) no-repeat 0 -71px; opacity: 0; transition:all .3s ease 0s; }
.main-news__arrs-prev:hover i { opacity: 1 }
.main-news__arrs-next { position: absolute; top: 40px; right: 0; width: 27px; height: 17px; background: url(img/slidernav.png) no-repeat 0 -52px; cursor: pointer; transition:all .3s ease 0s; }
.main-news__arrs-next i { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(img/slidernav.png) no-repeat 0 -89px; opacity: 0; transition:all .3s ease 0s; }
.main-news__arrs-next:hover i { opacity: 1 }

.main-news__list { position: absolute; top: 140px; left: 100%; width: 100%; transition:all .3s ease 0s; background: #fff;  }
.main-news__list.active { left: 0; z-index: 10 }

.main-news__list-item { padding: 46px 40px 45px 40px; border-bottom: 1px solid #c9d2d9; }
.main-news__list-item:last-child { border-bottom: none; padding-bottom: 85px }

.main-news__list-item a { text-decoration: none }
.main-news__list-item b, .main-news__list-item strong { font-weight: 700 }

.main-news__date { font-size: 12px; color: #646363; padding-bottom: 20px }
.main-news__text { font-size: 22px; font-weight: 600; line-height: 1em; margin-bottom: 45px;  }
.main-news__text a { text-decoration: none; color: #0061a5; transition:all .3s ease 0s; }
.main-news__text a:hover { color: #0189c5 }

.contentwrapper { transition:all .5s ease-out 0s; z-index: 1 }

.main-news__h { height: 70vh; overflow: hidden; }
.main-news__list .mcontentwrapper { width: 100% !important; left: 0 !important }
.main-news__list:after { content: ''; background: url(img/wbg.png) repeat-x 0 100%; height: 79px; width: 100%; bottom: 0; left: 0; position: absolute; z-index: 10 }

.main-news__button {}
.main-news__button a { display: inline-block; text-decoration: none; font-size: 13px; color: #005a9d; background: #ebf4fb; padding: 13px 0; width: 130px; text-align: center; border-radius: 22px; transition:all .3s ease 0s; }
.main-news__button a:hover { color: #3fa6d3 }

.inner-news__list { border-top: 1px solid #c9d2d9; padding-top: 35px }
.inner-news__list .main-news__list-item { padding: 0 40px 35px 0; margin-bottom: 35px; }
.inner-news__list .main-news__button a { width: 160px; border-radius: 30px; padding: 10px 0 }
.inner-news__list .main-news__list-item:last-child { padding-bottom: 0 }
.inner-news__list .main-news__text { line-height: normal; margin-bottom: 30px }

.inner-news__list.search_list .main-news__list-item { padding: 0 40px 15px 0; margin-bottom: 35px; }

.text-panel { height: 100vh;  margin: 0 0 0 340px; overflow: hidden; position: relative; transition:all .5s ease 0s; left: 0 }
.side_opened .text-panel { left: 160px  }

.text-panel__content { padding: 0 30px 0 0; font-size: 16px; color: #4b4b4b; line-height: 1.7em; position: relative; margin-left: 60px; margin-right: 200px; overflow: hidden; }
.text-panel__content:after { content: ''; background: url(img/wbg.png) repeat-x 0 100%; height: 79px; width: 100%; bottom: 0; left: 0; position: absolute; z-index: 10 }
.changed .text-panel__content:after { background: url(img/bbg.png) repeat-x 0 100% }
.text-panel_text { padding: 40px 0 220px 60px; min-height: 100vh }

body.changed { background: #ebf4fb }

.text-panel_text h1 { font-size: 46px; color: #33566f; font-weight: 700; padding-bottom: 50px; line-height: 1.2em }
.text-panel_text h2 { font-size: 32px; color: #111; font-weight: 700; padding: 20px 0 40px 0 }
.text-panel_text h3 { font-size: 26px; color: #111; font-weight: 700; padding: 20px 0 30px 0 }

.content-footer { position: absolute; height: 100px; width: 100%; left: 0; bottom: 45px; z-index: 11; }
.content-footer__in { margin-left: 60px; border-top: 1px solid #c9d2d9; position: relative }
.content-copyr { position: absolute; left: 0; top: 45px; color: #646363; font-size: 12px }
.content-developer { position: absolute; right: 0; top: 45px; font-size: 12px }
.content-developer a { color: #646363; text-decoration: none }
.content-developer a:hover { color: #111 }
.content-developer a:before { content: ''; width: 16px; height: 16px; background: url(img/develop_m.png) no-repeat 0 0; display: inline-block; margin-right: 9px; vertical-align: middle }

.path { font-size: 0; color: #878686; margin-bottom: 40px }
.path a, .path span { display: inline-block; font-size: 12px; vertical-align: middle; font-family: 'Open Sans Condensed'; font-weight: 600; text-decoration: none; transition:all .3s ease 0s }
.path a:hover { color: #0061a5 }
.path .index { display: inline-block; vertical-align: middle; width: 15px; height: 10px; background: url(img/path.png) no-repeat 0 0 }
.path i { display: inline-block; vertical-align: middle; width: 3px; height: 3px; background: #646363; margin: 0 10px; border-radius: 50%  }

.submenu-wrapper { float: left; height: 100vh; position: relative; overflow: hidden; width: 380px; }
.submenu-wrapper:before { content: ''; background: #18598a; height: 100%; width: 100%; top: 0; left: 0; position: absolute; opacity: .91; z-index: 2 }

.submenu-wrapper_in { position: relative; left: -100%; transition:all .6s ease 0s; }
.active .submenu-wrapper_in { left: 0 }

.bgslide { position: absolute; top: 0; left: 0; height: 100vh; transition:all .5s ease-out 0s; }

.submenu-list { position: relative; z-index: 3; padding: 10vh 20px 0 7vh; color: #fff; font-size: 15px }
.submenu-list a { color: #fff; text-decoration: none }

.submenu-list__title { font-size: 24px; font-weight: bold; height: 70px; margin-bottom: 30px }
.submenu-list__item { margin: 0 0 32px 0; position: relative; padding-right: 20px }

.submenu-list__sub { padding-left: 20px }
.submenu-list__item.hasmenu i { width: 16px; height: 12px; background: url(img/smd.png) no-repeat 0 50%; cursor: pointer; position: absolute; margin: .4em 0 0 20px }

.submenu-list__flex .mcontentwrapper { width: 100% !important; left: 0 !important }
.text-panel__content .mcontentwrapper { width: auto !important; left: 0 !important }

.show-more { border-top: 1px solid #c9d2d9; padding-top: 50px }
.show-more span { font-size: 125%; padding-left: 10px }
.show-more a { width: 170px; margin: 0 auto; display: block; border: 1px solid #005a9d; text-align: center; text-decoration: none; padding: 10px 0; border-radius: 30px }
.show-more a:hover { color: #0189c5; border-color: #0189c5; }

.error-page-over { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .25 }
.error-title { color: #fff; font-size: 130px; font-weight: 700; position: absolute; top: 20vh; left: 12vw; line-height: 1.2em }
.error-subtitle { color: #fff; font-size: 54px; font-weight: 300; position: absolute; top: 14vh; left: 22vw; line-height: 1.8em; text-align: center; text-transform: uppercase }
.error-bg { position: absolute; left: 40%; top: 0; width: 60%; height: 100%; background: rgba(0,0,0,.5); color: #fff; padding: 20vh 15vh 0 15vh; }
.error-alert { font-size: 62px; font-weight: 700; line-height: 1.2em; margin-bottom: 70px }
.error-text { font-size: 18px; font-weight: 300; line-height: 1.7em }
.error-text a { font-weight: 500; color: #fff }
.error-copyr { position: absolute; bottom: 5vh; left: 6.5vh; color: #fff; font-size: 14px }
.error-developer { position: absolute; bottom: 5vh; right: 6.5vh; color: #fff; font-size: 14px }
.error-developer a { color: #fff; text-decoration: none }
.error-developer a:before { content: ''; width: 16px; height: 16px; display: inline-block; vertical-align: middle; background: url(img/develop.png) no-repeat 0 0; margin-right: 10px }

.text-date { color: #8b8a8a; font-size: 18px; font-weight: 300; padding-bottom: 15px }

.top-options { position: fixed; top: 0; right: 0; width: 270px; z-index: 1; padding: 0 20px 0 0; font-size: 0; text-align: right }
.top-options a { width: 80px; height: 60px; border-left: 1px solid #c9d2d9; display: inline-block;vertical-align: middle; }
.top-options .prev { background: #fff url(img/options.png) no-repeat 32px 18px }
.top-options .prev:hover { background-position: 32px -56px }
.top-options .next { background: #fff url(img/options.png) no-repeat -46px 18px }
.top-options .next:hover { background-position: -46px -56px }
.top-options .back { background: #fff url(img/options.png) no-repeat -128px 18px; cursor: pointer } 
.top-options .back:hover { background-position: -128px -56px }

.leaders-wrapper { font-size: 0; line-height: normal; overflow: hidden; max-width: 630px; }
.leaders-wrapper.hidden { opacity: 0; visibility: hidden }
.leaders-wrapper__inner { width: 110% }
.leaders-item { display: inline-block; vertical-align: top; width: 180px; font-size: 11px; margin: 0 30px 40px 0 }
.leaders-image { height: 240px; background-size: cover; margin-bottom: 26px }
.leaders-name { font-size: 16px; font-weight: 700; margin-bottom: 15px; line-height: 1.2em  }

.leaders-one_wrapper { position: relative; top: 0; left: 0; width: 100%; margin: 0 0 0 0; }

.leaders-one_text { padding-left: 405px }
.leaders-one_image { width: 345px; position: absolute; top: 20px; left: 0 }
.leaders-one_image img { width: 100%; margin-bottom: 30px }
.leaders-one_name { font-size: 32px; color: #33566f; font-weight: bold; line-height: 1.2em; margin-bottom: 20px }
.leaders-one_info { overflow: hidden }
.leaders-one_year { padding-top: 10px }

.contacts-wrapper { position: relative; left: 0; transition:all .3s ease 0s }
.contacts-wrapper.changed { position: absolute; left: -100%;  }

.contacts_maplink { position: absolute; top: 115px; right: 0; font-size: 46px; color: #0061a5; font-weight: 700; cursor: pointer; transition:all .5s ease 0s }
.contacts_maplink i { width: 16px; height: 14px; background: url(img/marr.png) no-repeat 0 0; display: inline-block; vertical-align: middle; margin: 0 18px 4px 0; position: relative; transition:all .3s ease 0s; left: 0 }
.contacts_maplink:hover i { left: -10px }
.contacts_maplink.changed { right: -100% }

.contacts_address { padding: 0 0 45px 34px; position: relative }
.contacts_address:before { content: ''; width: 26px; height: 27px; background: url(img/conticon.png) no-repeat 0 0; position: absolute; top: 6px; left: 0 }

.contacts_phone { padding: 0 0 45px 34px; position: relative }
.contacts_phone:before { content: ''; width: 26px; height: 27px; background: url(img/conticon.png) no-repeat 0 -35px; position: absolute; top: 0; left: 0 }

.contacts_fax { padding: 0 0 45px 34px; position: relative }
.contacts_fax:before { content: ''; width: 26px; height: 27px; background: url(img/conticon.png) no-repeat 0 -70px; position: absolute; top: 3px; left: 0 }

.contacts-map { position: relative; min-width: 100%; left: 0; transition:all .3s ease 0s }
.contacts-map.changed { left: -200%; height: 0; overflow: hidden }

.contacts_close { opacity: 0 }
.contacts_close.changed { position: fixed; width: 80px; height: 80px; background: #fff url(img/options.png) no-repeat -128px 25px; top: 0; right: 0; cursor: pointer; opacity: 1 }
.contacts_close:hover { background: #fff url(img/options.png) no-repeat -128px -49px; }

h1.changed { color: #0061a5 !important; cursor: pointer }
h1.changed:before { content: ''; width: 16px; height: 14px; background: url(img/marr.png) no-repeat 0 0; display: inline-block; vertical-align: middle; margin: 0 18px 4px 0; position: relative; transition:all .3s ease 0s; left: 0 }
h1.changed:hover:before { left: -10px; }

.fotoalbum-list { overflow: hidden }
.fotoalbum-item { width: 50%; height: 39vh; position: relative; max-width: 405px; float: left }
.fotoalbum-item_image { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; }
.fotoalbum-item_image:before { content: ''; background: #595959; height: 100%; display: block; opacity: .3; transition:all .3s ease 0s }
.fotoalbum-item:hover .fotoalbum-item_image:before { background: #1c679c; opacity: .7 }
.fotoalbum-item_link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1 }

.fotoalbum-item_info { position: absolute; bottom: 33px; left: 0; color: #fff; padding-left: 30px }
.fotoalbum-item_title { font-size: 22px; padding-bottom: 8px }
.fotoalbum-item_date { font-size: 12px }

.serarch-form_inner { height: 67px; border: 2px solid #bbcbd7; max-width: 800px; margin-bottom: 50px; border-radius: 35px; position: relative; padding: 0 0 0 28px }
.serarch-form_inner .text { font-size: 16px; width: 80%; background: none; border: none; height: 67px; padding: 0; line-height: 1em }
.serarch-form_inner .submit { width: 22px; height: 23px; background: url(img/mobile/search.png) no-repeat 50% 50%; position: absolute; right: 25px; top: 20px; border: none; cursor: pointer; opacity: .25; transition:all .3s ease 0s; font-size: 0 }
.serarch-form_inner .submit:hover { opacity: 1 }

.page-navigation { overflow: hidden; font-size: 0 }
.page-navigation a { width: 38px; height: 48px; text-align: center; padding-top: 11px; border: 1px solid transparent; display: inline-block; vertical-align: middle; font-size: 16px; text-decoration: none; box-sizing: border-box; color: #9b9494; border-radius: 50%  }
.page-navigation a:hover { color: #005a9d }
.page-navigation a.active { border-color: #005a9d; color: #005a9d; width: 48px; margin: 0 10px }
.page-navigation a.next { width: 12px; height: 22px; background: url(img/options.png) no-repeat -65px 0; background-size: 145px; padding: 0; border-radius: 0; margin-left: 18px  }
.page-navigation a.next:hover { background-position: -65px -60px;  }

.mobile-content { position: absolute; overflow: hidden; height: 0; }

.ab-topnav { position: relative; padding: 0 60px 0 0; font-size: 18px; font-weight: bold; padding: 24px 30px; font-family: "Open Sans Condensed"; z-index: 1 }
.ab-topnav a { text-decoration: none; }
.ab-topnav .back { position: absolute; width: 70px; height: 50px; background: url(img/options.png) no-repeat -128px 14px; top: 13px; right: 0; border-left: 1px solid #c9d2d9 }
.ab-topnav .back:hover { background-position: -128px -60px; border-color: #0189c5 }

.link-icon { display: inline-block; vertical-align: middle; margin-right: 5px }
.link-size { font-size: 100%; font-weight: 300; padding-left: 5px }

.gallery-wrapper { height: 100vh; position: relative; padding-top: 73px }

.purchase table { border-collapse: collapse; width: 100% }
.purchase table th { background: #ebf4fb; font-weight: normal; font-size: 14px; text-align: left; padding: 10px 15px; line-height: 1.2em; border-bottom: 1px solid #1a5685 }
.purchase table td { font-size: 14px; text-align: left; padding: 10px 15px; line-height: 1.2em; border-bottom: 1px solid #cce3f5 }

.purchase-menu { padding-bottom: 50px }
.purchase-menu_item { font-size: 16px; float: left; margin-right: 20px; cursor: pointer }
.purchase-menu_item span { border-bottom: 1px dashed #111 }
.purchase-menu_item.active { cursor: default }
.purchase-menu_item.active span { border: none; color: #0061a5 } 

.comp .main-menu__sidewrapper { display: block }
.comp .footer-links { bottom: 7vh; left: 30px; }
.comp .footer-links__item { margin-top: 3vh }
.comp .left-panel { width: 130px; font-size: 0 }    
.comp .main-menu { display: none }
.comp .logo-wrapper .logo { width: 69px; height: 78px; background-image: url(img/mainlogo_s.png); }
.comp .footer-links { width: 100%; left: 0; text-align: center;  }
.comp .main-menu__sidewrapper .footer-links { text-align: left; margin: 0 0 0 20px }
.comp .main-menu__sidewrapper .footer-links__item { margin-top: 4vh }
.comp .footer-links_search i { margin: 0; }
.comp .footer-links_contacts i { margin-right: 0 }
.comp .footer-links_map i { margin-right: 0 }
.comp .slide-wrapper { margin: 0 300px 0 130px; }
.comp .text-panel { margin: 0 0 0 130px;  }
.comp .main-menu__short { display: block }
    
/*GALLERY*/
.wide-gallery { position: relative; background: #153745 }
.wide-gallery_side { width: 220px; overflow: hidden; float: left; background: #4c5b79 }
.wide-gallery_side-item { position: relative; cursor: pointer; max-height: 140px; overflow: hidden }
.wide-gallery_side-item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #4c5b79; opacity: .3; transition: all .3s ease 0s }
.wide-gallery_side-item img { vertical-align: top; max-width: 100%; }
.wide-gallery_side-item:hover:before { opacity: 0 }
.wide-gallery_side-item.active:before { opacity: 0 }

.wide-gallery_image { overflow: hidden; height: 100%; max-height: 100%; position: relative }
.wide-gallery_image-item { position: absolute; background-repeat: no-repeat; top: 0; left: 0; height: 100%; max-height: 100%; width: 100%; text-align: center; opacity: 0; transition: all .3s ease 0s }
.wide-gallery_image-item.active { opacity: 1 }
.wide-gallery_image-item div { height: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center }
.wide-gallery_image-item img { vertical-align: middle; max-width: 100%; max-height: 100%; }

.wide-gallery .contentwrapper { padding: 0 !important; left: 0 !important }
.wide-gallery .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.wide-gallery .vscrollerbase { width: 4px; background-color: white; }
.wide-gallery .vscrollerbar { width: 4px; background-color: #0189c5; }
.wide-gallery .hscrollerbase { height: 4px; background-color: white; }
.wide-gallery .hscrollerbar { height: 4px; background-color: #0189c5; }
.wide-gallery .scrollerjogbox { width: 10px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: #fff; }

.tags-filter { display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; padding-top: 25px }
.tags-filter span { margin-right: 15px }
.tags-filter a { background: #ebf4fb; color: #005a9d; text-decoration: none; margin-right: 5px; padding: 10px 15px; border-radius: 26px }

.serarch-form_filter { padding-bottom: 38px }
.serarch-form_trigger { background: #ebf4fb; font-size: 14px; color: #005a9d; background: #ebf4fb; width: 150px; text-align: center; padding: 8px 0; border-radius: 26px; cursor: pointer }
.serarch-form_trigger i { width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin-right: 10px; position: relative }
.serarch-form_trigger i b { display: block; height: 2px; background: #bbcbd7; margin-bottom: 2px; width: 6px; float: right }
.serarch-form_trigger i:before { content: ''; display: block; height: 2px; background: #bbcbd7; margin-bottom: 2px; clear: both }
.serarch-form_trigger i:after { content: ''; display: block; height: 2px; background: #bbcbd7; margin-bottom: 2px; width: 8px; clear: both; float: right }
.serarch-form_trigger.active i b { display: none }
.serarch-form_trigger.active i:before { height: 100%; width: 2px; top: -2px; left: 5px; position: absolute; transform: rotate(45deg) }
.serarch-form_trigger.active i:after { height: 100%; width: 2px; top: -2px; left: 5px; position: absolute; transform: rotate(-45deg) }

.search-block_butoons { position: relative; max-width: 800px }
.search-block_butoons input { position: absolute; top: 1px; font-size: 14px; width: 130px; height: 40px; border-radius: 20px; cursor: pointer; border: 1px solid #0189c5; }
.search-block_butoons input[type='reset'] {  right: 150px; color: #0189c5; background: #fff; }
.search-block_butoons input[type='submit'] {  right: 0; color: #fff; background: #0189c5; border-width: 2px }

.search-block_settings { display: flex; align-items: center; font-size: 14px; padding: 10px 0 50px 0; font-weight: 600; justify-content: space-between; max-width: 460px }
.search-block_settings-item { color: #b1b1b1; line-height: 1.1em; position: relative; cursor: pointer }
.search-block_settings-item input[type="radio"] { position: absolute; left: -9999px }
.search-block_settings-item label { color: #b1b1b1; padding-bottom: 2px; cursor: pointer }
.search-block_settings-item input:checked + label { color: #646363; }
.search-block_settings-item input:checked + label:before { content: ''; height: 2px; width: 30px; background: #646363; position: absolute; top: -15px; left: 0 }

.search-block_dates { max-width: 800px; display: flex; justify-content: space-between; margin-bottom: 30px; position: relative; top: -10px }
.search-block_dates input { border: 2px solid #bbcbd7; width: 48%; height: 55px; background: url(img/datep.png) no-repeat 95% 50%; padding: 0 18px }


.contacts-form { padding-top: 45px; max-width: 680px }
.contacts-form h3 { font-size: 20px; font-weight: normal; padding-bottom: 15px !important }
.page-form { padding-top: 13px }
.page-form-columns { display: flex; justify-content: space-between  }
.page-form-columns .column { width: 48.5%; }
.page-form label { display: block; margin-bottom: 30px; position: relative }
.page-form-columns label input, .page-form label textarea { width: 100%; box-sizing: border-box; max-width: 100%; border: 2px solid #bbcbd7; padding: 0 12px }
.page-form-columns label input:focus, .page-form label textarea:focus { border-color: #0189c5 }
.page-form-columns label input {  height: 48px;  }
.page-form-columns label textarea {  height: 200px; padding: 14px 12px  }
.page-form .checkbox { position: relative; padding-left: 24px; margin-bottom: 20px; cursor: pointer; display: block; font-size: 12px; line-height: normal; width: 170px }
.page-form .checkbox input { position: absolute; left: -1000px }
.page-form .checkbox span:before { content: ''; width: 14px; height: 14px; background: #0189c5 url(img/check.png) no-repeat 50% 50%; position: absolute; top: .4em; left: 0; background-size: 0 0 }
.page-form .checkbox input:checked ~ span:before { background-size: auto auto }
.page-form .all-button { background: #0189c5; color: #fff; font-size: 14px; height: 38px; width: 130px; border: none; cursor: pointer; border-radius: 20px; float: right; margin-left: 20px; } 
.page-form label.error { color: red; font-size: 11px; position: absolute; bottom: 0; left: 0; height: 1px !important }
.page-form-columns label.error { bottom: auto; top: -23px }
.page-form-columns label input.error, .page-form label textarea.error { border-color: red }
.page-form .formInput-box label.error { bottom: -41px }

.news-gallery { font-size: 0  }
.news-gallery-item { display: inline-block; vertical-align: top; margin: 0 20px 20px 0 }

.scroll-table {
	width: 100%;
	overflow: auto;
	margin: .5em 0 2em 0;
}
.scroll-table .table {
	margin: 0px 0px 0px 0px;
}
.fancybox-overlay {
	background: rgba(3,63,113,.9) !important;
}
.fancybox-skin {
	box-shadow: none !important;
    	background: none !important;
}
.fancybox-close {
	width: 42px !important;
    	height: 42px !important;
    	background: url(img/close.png) no-repeat 0 0 !important;
    	background-size: cover;
	position: fixed !important;
	top: 6vh !important;
    	right: 6vh !important;
}

/* Изображение object-fit */
.fit-image {
	background-size: cover;
	background-position: center;
	line-height: 0;
}
.fit-image img {
	margin: 0 !important;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
} 

.news-gallery {
	height: 535px;
	overflow: hidden;
}
.gallery-big .owl-stage {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.gallery-big {
	overflow: hidden;
	position: relative;
}
.gallery-big__slide {
	height: 450px;
	background-position: center top;
}   
.gallery-big__slide img {
	object-position: center top;
}
.gallery-big .owl-prev,
.gallery-big .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #3284b6;
	cursor: pointer;
	transition: .2s;
	opacity: 0;
}
.gallery-big:hover .owl-prev,
.gallery-big:hover .owl-next {
	opacity: 1;
}
.gallery-big .owl-prev {
	left: 15px;
}
.gallery-big .owl-next {
	right: 15px;
}
.gallery-big .owl-prev::before,
.gallery-big .owl-next::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	margin-left: -3px;
}
.gallery-big .owl-prev::before {
	transform: translate(-50%, -50%) rotate(-135deg);
	margin-left: 2px;
}

.gallery-small {
	overflow: hidden;
	margin-top: 10px;
}
.gallery-small .owl-stage {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.gallery-small__slide {
	width: 100px;
	height: 75px;
	cursor: pointer;
	opacity: .5;
	transition: .2s;
}
.selected .gallery-small__slide,
.gallery-small__slide:hover {
	opacity: 1;
}