/*ОБЩИЙ СТИЛЬ*/

html, body{width:100%; margin:0; padding:0; font-family:'Open Sans', sans-serif; color:#333; font-size:16px}

img{border:none}

p{margin:0}

a{color:#3c99df; text-decoration:none}

a:hover{text-decoration:none; color:#de7037}

p, a, ul, ol{line-height:1.8em}



.item-page .page-block, #underslide, .moduletable-main-news .newsflash-main-news, .moduletable-media, .item-page-media .articleBody, .moduletable-jobs-terms .custom-jobs-terms, #jobs, .item-page-contact-persons, .tag-category{width:100%; max-width:1360px; margin:0 auto}





/*9 МАЯ*/

/*#topline-block{background: #fff url(../images/celebrations/9may_background.png) no-repeat}

#topline-block, #topline-fixed{height:152px}/*Выоота верхнего блока*/

/*#topline-block #topline{position:relative; padding:40px 0}

.may{position:absolute; top:5px; left:-150px}





/*ВЕРХНИЙ БЛОК*/

/*Основные*/

#topline-block{background:#fff; z-index:10; /*position:fixed;*/ width:100%; border-top:5px solid #DE7037}





/*#topline-block, #topline-fixed{height:80px}/*Выоота верхнего блока*/





#topline{width:960px; margin:0 auto}

#menu, #language{display:inline-block; vertical-align:top}
#logo{text-align:center}



/*Логотип*/

#logo{height:72px}

#logo .moduletable{padding:5px 10px 5px 0}

#logo a{display:inline-block; vertical-align:middle; margin:10px 20px}

#logo img{height:62px}



/*Меню*/

#menu{width:760px}

#menu ul li.ux-menu-item-main a.ux-menu-link-level-0{background:none !important; padding:30px 15px; font-size:15px; font-weight:600; text-transform:uppercase; border:none !important}

#menu ul li.ux-menu-item-parent-pos0, #menu ul li a .ux-menu-arrow{display:none}/*Скрыть первый пункт и стрелки подменю*/

#menu ul li.ux-menu-item-parent{background: url(../images/elements/submenu.png) no-repeat 98% 52% !important}/*Новые стрелки подменю*/



/*Подменю*/

#menu .ux-menu-sub{top:72px !important}

#menu .ux-menu-sub li a{background:#ce5e2f; padding:15px 20px; color:#fff; font-size:17px; line-height:1.5em; border:none; outline:0}

#menu .ux-menu-sub li a:hover{background:#AB3A2E}



/*Выбор языка*/

#language{margin:14px 0; padding-left:4px; font-size:13px; border-left:2px dotted #ce5e2f}

#language a{color:#333}

#language a:hover{color:#de7037}



/*Линия тени под верхним блоком*/

/*.menu-border{background:url(../images/elements/menuborder.png) repeat-x; position:fixed; width:100%; height:13px; top:72px}*/







/*ОБЩИЙ СТИЛЬ СТРАНИЦ*/

#component{background:url(../images/backgrounds/background.jpg) #ededf0}

.item-page .page-block{background:#f9f9f9; padding:0 0 25px 0; overflow:hidden}



/*Блог событий*/

.leading-0, .items-row{overflow:hidden; /*margin-bottom:30px*/}



/*Заголовки*/

.page-header{padding:20px 0 20px 80px}

.page-header span, .page-header h1{display:inline-block; vertical-align: middle; font-size:40px; font-weight:100; text-transform:uppercase}/*Двойной заголовок*/

.page-header h1{margin:0; color:#AB3A2E}

h1, h2, h3{margin:0; line-height:1.5em; text-transform:uppercase}

h2{padding:0 50px; font-size:20px; font-weight:600}

h3{font-size:28px; font-weight:400}



/*Заголовок категории*/

.page-header-h, .page-header-center-h{padding:20px 0; font-size:40px; font-weight:100; text-align:center}

.page-header-h{display:inline-block; vertical-align:middle}/*Заголовок с кнопкой возврата*/



/*Большое изображение*/

.big-image{width:100%; margin:0 0 25px 0}



/*Изображение для наведения*/

.image-hover{display-block}



/*Кнопка возврата*/

a.backto{background:url(../images/elements/backto.png) no-repeat; z-index:10; display:block; position:fixed; width:40px; height:82px; top:48%; left:0}

a.backto:hover{background:url(../images/elements/backto-hover.png) no-repeat}



/*Абзацы и списки*/

.item-page p, .item-page-media p, .item-page ul, .news-item ul{color:#444; font-size:17px; font-weight:500}

.item-page p, .item-page-media p, .news-item p{margin:0 0 15px 0; padding:0 50px; font-size:16px}

.item-page ul, .news-item ul{padding:0 90px; font-style:italic}



/*Метки*/

.tags{margin-top:15px; padding:20px 50px}

.item-page-news .tags{padding:0 50px}

.tags-text{padding-right:5px; font-size:16px; font-weight:600}

.tags a{background:#DE7037; display:inline-block; margin:5px 3px; padding:7px; color:#FFFFFF; font-size:16px; font-weight:600; text-transform:lowercase}

.tags a:hover{background:#AB3A2E}







/*СЛАЙДЕР И РАЗДЕЛИТЕЛЬНЫЙ БЛОК*/

#slide, #separation{background:#EDEDF0}

#slide{position:relative}







/*ОБЛАСТЬ ПОД СЛАЙДЕРОМ*/

#underslide-block{background:#f9f9f9}



#underslide .moduletable-company-name, #underslide .moduletable-smart-things{display:inline-block; vertical-align:middle; width:44%}/*Блоки*/

#underslide .moduletable-company-name{padding:50px 20px 50px 50px}

#underslide .moduletable-company-name .custom-company-name{padding-left:50px}

#underslide .moduletable-smart-things{padding:50px 50px 50px 20px}



#underslide h1{font-size:48px; font-weight:400; line-height:1.2em; text-transform:uppercase}/*Основной заголовок*/

#underslide h2{margin-top:5px; padding:0; font-size:16px; font-weight:400; line-height:1.5em; text-transform:none}/*Основной подзаголовок*/



#underslide .bt-introtext p{background:url(/templates/dkba/images/elements/circle.png) 1% 50% no-repeat transparent; margin-top:7px; padding-left:100px; color:#777; font-size:18px; line-height:1.6em}

#underslide .bt-introtext div{padding:10px 0; color:#666; text-align:right}

#underslide .bt-title-block{font-size:28px; text-transform:uppercase}



/*На малых экранах*/

@media only screen and (max-width: 1280px){

/*#underslide-block{padding:20px 60px}*/

#underslide .moduletable-company-name{padding:20px 10px 20px 40px}

#underslide .moduletable-smart-things{padding:20px 40px 20px 10px}

#underslide .moduletable-company-name .custom-company-name{padding:0}

#underslide .moduletable-company-name, #underslide .moduletable-smart-things{width:44%}

#underslide h1{font-size:40px}

#underslide .bt-title-block{padding-left:30px; font-size:22px}

#underslide .bt-introtext p{font-size:15px}

.bt-cs .bt-inner{padding:0 0 0 50px}

}











/*ДОКУМЕНТЫ*/

/*Основные*/

.docs, .requisites{display:inline-block; vertical-align:middle}

.docs{width:51%}

.requisites{width:45%}



/*Реквизиты*/

.requisites h2{margin-bottom:10px; font-size:28px; font-weight:400}

.requisites p{margin-bottom:10px}



/*Копии документов*/

.docs div{background:url(../images/elements/docs.png) 5% 50% no-repeat #fff; margin:10px 0 10px 50px; padding:15px 15px 15px 80px}

.docs div:first-child{margin-top:0}

.docs-copies{background:#E9EDF4; margin:15px 0 25px 0; padding:35px 0}

.docs-copies div{padding:10px 50px; line-height:1.8em}

.docs-copies p{margin:0; font-weight:600}



/*Ссылка на сайт уполномоченного информационного агенства*/

.url-info{padding:10px 50px; line-height:1.8em}



/*Таблица положений о закупке*/

.purchases{margin:20px 40px}

.purchases-header{font-size:28px}

.purchases td{background:url(../images/elements/docs.png) 4% 50% no-repeat #fff; padding:15px 15px 15px 80px}

.purchases td.main-purchases{background:url(../images/elements/docs.png) 2% 50% no-repeat #fff}







/*ПРОЕКТЫ*/

/*Основные*/

.projects-background{background:url(../images/backgrounds/background-projects.jpg) !important}

.project-header-image, .inline-project-structure, .project-desc h3, .project-desc ul{display:inline-block; vertical-align:middle}



/*Видео*/

.project-header-image{width:65%}

.project-header-image img{width:100%}



/*Блок структуры*/

.inline-project-structure{width:34%}/*Фиксированная колонка*/

.project-structure h2{padding:0 30px}

.project-structure ul{padding:0 30px 0 60px}

.project-structure ul ul{padding-left:30px}



/*Обтекаемые блоки*/

.float-project-header-image{float:left; width:65%; margin:0 40px 10px 0}/*Обтекание видео*/

.float-project-structure ul, .float-project-structure ol{margin-bottom:10px; padding:0 50px; list-style-position:inside}

.float-project-structure ol{font-weight:600}



/*Таблица характеристик*/

.project-char-table{padding:0 50px}

.project-char-table h3{padding:15px 0; text-align:center}/*Заголовок*/

.project-char-table tr{background:#d0d8e8}

.project-char-table table{width:49%; display:inline-block; vertical-align:top; margin:0 5px}

.project-char-table table tr:nth-child(2n){background:#e9edf4}/*Каждая вторая строка*/

.project-char-table table td{width:33%; padding:10px; font-size:16px}

.project-char-table table td:nth-child(2n){background:#53729b; width:17%; color:#fff; font-size:22px; font-weight:300; text-align:center}/*Ячейки значений*/

.project-char-table table td.white-space{background:#F9F9F9 !important; width:0; padding:0}/*Пробел между таблицами*/



/*Назначение*/

.project-desc{margin:40px 0; line-height:1.8em}

.project-desc h3, .project-desc ul{width:43%; padding:0 20px 0 60px}

.project-desc h3{text-align:right}

.project-desc ul{margin:0}



/*Дополнительные изображения*/

.project-gallery img{width:50%}



/*На малых экранах*/

@media only screen and (max-width: 1320px){

.project-desc h3, .project-desc ul{width:auto}

.project-char-table table{width:100%}

.project-desc h3{padding:0 50px 30px 50px; text-align:center}

}







/*СОБЫТИЯ*/

/*Основные*/

.system-unpublished{display:none}

.news-background{background:url(../images/backgrounds/background-news.jpg) !important}

.news-page-header{position:relative}

.news-page-header .backto{top:33px; right:280px}

/*Главное изображение*/

.item-image img{width:50%; height:auto; float:left; margin:0 30px 0 0}



/*Дата и ссылка*/

.item-page .published, .item-page .news-readmore, .news-item .published, .news-item .readmore{display:inline-block; vertical-align:middle}

.item-page .published, .news-item .published{background:#53729b; padding:10px 20px; color:#fff; font-size:18px}

.item-page .news-readmore a.btn, .news-item .readmore a{padding:10px; font-size:16px; text-decoration:none}



/*Заголовок*/

h1.news-header, h2.news-header{margin:0px; padding:15px 0px 5px; font-size:32px; font-weight:500; line-height:1.4em; text-transform:uppercase}

h1.news-header, h2.news-header{padding-right:30px; padding-left:50px}

h2.news-header a{color:#333; line-height:1.4em; text-decoration:none}

h2.news-header a:hover{color:#de7037}



/*Галерея изображений*/

.item-page-news .sigplus-gallery ul{padding-top:10px !important}



/*Модуль событий на главной*/

.moduletable-main-news{background:url(../images/backgrounds/background-news.jpg); padding:50px 0}

.moduletable-main-news .newsflash-main-news{background:#F9F9F9; padding:50px 0 20px 0}

.moduletable-main-news .news-item{overflow:hidden; margin-bottom:30px}



/*Страницы*/

.pagination{text-align:right}

.pagination .pull-right, .pagination-start, .pagination-end, .pagination-next, .pagination-prev{display:none !important}

.pagination ul li{display:inline-block}

.pagination ul li a, .pagination ul li span{background:#CE5E2F; margin:0 2px; padding:7px 12px; color:#fff; font-size:20px; font-style:normal}

.pagination ul li a{background:#CE5E2F}

.pagination ul li a:hover{background:#AB3A2E}

.pagination ul li span{background:#53729B}







/*МЕДИА*/

/*Основные*/

#media, .media-background{background:url(../images/backgrounds/background-media.jpg) !important}

.item-page-media{padding-bottom:20px}

.blog-media .page-header{padding:0}

.blog-media h1{display:block; margin:0; padding:20px 0 15px 0; color:#333; font-size:40px; font-weight:100; text-align:center; text-transform:uppercase}/*Заголовок на основной странице*/

.moduletable-media{padding:0 0 40px 0; text-align:center}

.moduletable-media .bt-cs .bt-row{float:none; display:inline-block; vertical-align:top; width:19% !important}

.moduletable-media a.bt-image-link img{width:95% !important}



/*Элемент галереи*/

.moduletable-media a.bt-image-link{display:block}

.moduletable-media a.bt-image-link img{margin:0; border:6px solid #F9F9F9; outline:none}/*Изображение*/

.moduletable-media .bt-title-block{background:#F9F9F9; padding:5px 10px 10px 10px}/*Блок названия*/

.moduletable-media a.bt-title{width:100%; height:auto !important; color:#555 !important; font-size:17px; font-weight:400 !important; text-align:center}/*Название*/



.moduletable-media .bt-row-separate{height:0; margin:0; border:0}/*Разделитель*/



a.bt-image-link{position:relative}

.photo-icon{background:url(../images/elements/determinant/photo.png); position:absolute; width:50px; height:50px; top:0; right:0}/*Фото-значок*/

.video-icon{background:url(../images/elements/determinant/video.png); position:absolute; width:50px; height:50px; top:0; right:0}/*Видео-значок*/

.projects-icon{background:url(../images/elements/determinant/projects.png); position:absolute; width:50px; height:50px; top:0; right:0}/*Проект-значок*/

.news-icon{background:url(../images/elements/determinant/news.png); position:absolute; width:50px; height:50px; top:0; right:0}/*Новости-значок*/



/*Страница*/

/*Заголовок*/

.item-page-media h3{padding-bottom:15px}



/*Заголовок подкатегории*/

.media-subdir{text-align:center}

.moduletable-media h3, .media-subdir h3{display:inline-block; margin:0 auto 15px auto; padding:3px 0; font-size:26px; font-weight:400; line-height:1.3em; text-align:center; text-transform:uppercase; border-top:2px dotted #333; border-bottom:2px dotted #333}



/*Название подкатегории*/

.item-page-media h1{margin:0px; padding:5px 0; font-size:34px; font-weight:400; line-height:1.4em; text-align:center; text-transform:uppercase}



/*Фотогалерея*/

.item-page-media .articleBody{text-align:center}

.item-page-media .articleBody img{margin:5px !important; border:5px solid #F5F5F8 !important}



/*Модуль фотогалереи на главной*/

.moduletable-media-header h3{font-size:40px; font-weight:300; margin:0px; padding:30px 0px 15px 0; text-align:center}



/*На малых экранах*/

@media only screen and (max-width: 1280px){

.moduletable-media{padding-bottom:20px}

.moduletable-media .bt-cs .bt-inner{padding:0}

.moduletable-media a.bt-title{font-size:13px}

}



/*Видеогалерея*/

.video .articleBody{width:100%; max-width:1280px}

.video .articleBody p{margin-top:30px}

.video .articleBody p:first-child{margin-top:0}

.video-container{position:relative; width:100%; height:0px; padding-top:56.25%}/*Контейнер с видео*/

.video-container iframe{position:absolute; width:100%; height:100%; top:0px; left:0px}/*Фрейм с видео*/



.item-page-media .tags{text-align:left}/*Облако тегов медиа*/







/*ВАКАНСИИ*/

/*Заголовок страницы*/

.blog-jobspage .page-header{padding:0; text-align:center}

.blog-jobspage h1{padding:20px 0; color:#333}

.item-page-jobspage .page-header{padding-right:80px}



/*Общие условия*/

.moduletable-jobs-terms{padding-bottom:50px}

.moduletable-jobs-terms .custom-jobs-terms .jobs-terms{background:#F9F9F9; position:relative; padding:30px 80px}

.moduletable-jobs-terms .custom-jobs-terms .jobs-terms h3{margin:10px 0; text-transform:uppercase; font-size:28px}

.moduletable-jobs-terms .custom-jobs-terms .jobs-terms p, .item-page-jobspage .page-block p, .item-page-jobspage .salary-block{margin-bottom:15px; font-size:16px}

.moduletable-jobslist .salary-block p{font-size:16px}



/*Телефон кадровой службы*/

.jobs-terms .hr-phone-block{position:absolute; top:35px; right:100px}

.jobs-terms .hr-phone-block p{margin:0 !important}

.jobs-terms .hr-phone-block .hr-phone{color:#AB3A2E; font-size:40px !important; line-height:1em}



/*Описание вакансии*/

.item-page-jobspage .page-block{background:#D0D8E8; padding:0}

.item-page-jobspage p{padding:0}



/*Таблица вакансии*/

/*.item-page-jobspage .page-block table{width:95%; margin:0 auto; padding-top:30px}

.item-page-jobspage .page-block table td{background:#D0D8E8; width:50%; padding:30px 0}

.item-page-jobspage .page-block table td:last-child{background:#53729b}

.item-page-jobspage .page-block table td:last-child p{color:#fff}*/

.item-page-jobspage .page-block .jobs-header, .item-page-jobspage .page-block .articleBody{display:inline-block; vertical-align:middle; width:45%}

.item-page-jobspage .page-block h1{padding:0 40px 0 80px; font-size:36px; font-weight:400; text-align:right}

.item-page-jobspage .page-block .articleBody{background:#53729b; display:inline-block; vertical-align:middle; padding:40px 80px 20px 40px}

.item-page-jobspage .page-block .articleBody p, .item-page-jobspage .page-block .articleBody li{color:#fff}



.item-page-jobspage .salary-block p{margin:0}

.item-page-jobspage .salary{font-size:50px}/*Цена*/



/*Список вакансий*/

#jobs .moduletable-jobslist{overflow:hidden; margin:20px 40px 0 40px}

#jobs .moduletable-jobslist .bt-row .bt-inner{background:url(../images/elements/border.png) no-repeat; margin:0 15px 0 0; padding:10px 0 10px 20px}/*Элемент*/

#jobs .moduletable-jobslist .bt-row-separate{border-bottom:2px dotted #ccc}



/*Имя и разряд*/

.moduletable-jobslist .bt-title, .moduletable-jobslist .bt-introtext{height:auto !important}

.moduletable-jobslist .bt-title{width:100%; color:#333 !important; font-size:18px; font-weight:600 !important}

.moduletable-jobslist .bt-title:hover{color:#DE7037 !important}



/*Цена*/

.moduletable-jobslist .salary{color:#AB3A2E; font-size:30px}

.moduletable-jobslist .salary-block{padding:5px 0 0 0}

.moduletable-jobslist .salary-block p{line-height:1.7em}

.moduletable-jobslist .bonus{color:#666666; font-size:14px}



/*Линия раздела и подробнее*/

.moduletable-jobslist .readmore{font-size:14px; text-transform:uppercase}

.moduletable-jobslist .bt-row img{position:absolute; top:10px}



/*Модуль список вакансий на главной*/

.moduletable-jobs-header, .main-jobs{display:inline-block; vertical-align:middle}

.moduletable-jobs-header{width:24%; padding-left:10px}

.main-jobs{width:74%; margin:0 !important; padding:10px 0}

.main-jobs .slides_control, .main-jobs .slide{width:100% !important; height:auto !important; left:0 !important}



.moduletable-jobs-header h3{margin:0px; color:#444444; font-size:50px; font-weight:400; line-height:1.1em; text-transform:uppercase}

.moduletable-jobs-header a{padding:5px 3px; font-size:16px; text-decoration:none; text-transform:uppercase}



/*На малых экранах*/

@media only screen and (max-width: 1280px){

.item-page-jobspage .page-block{text-align:center}

.item-page-jobspage .page-block .jobs-header, .item-page-jobspage .page-block .articleBody{width:45%; padding:20px 40px; text-align:left}

.item-page-jobspage .page-block .articleBody{padding-top:40px}

.item-page-jobspage .page-block h1{padding:0; text-align:center}

.moduletable-jobs-header h3{font-size:40px}

}







/*КОНТАКТЫ*/

/*Вид страницы*/

.item-page-contacts .articleBody h3{padding:10px; color:#AB3A2E; font-size:28px}



.item-page-contact-persons{background:#F9F9F9; overflow:hidden}

.item-page-contact-persons .articleBody{text-align:center}



/*Блок основных контактов*/

.contact-block{margin-bottom:10px; padding:20px 15px; font-size:16px; font-weight:400; border-bottom:2px dotted #666}

.contact-block div{margin:3px 0}

.contact-block span{font-size:20px; font-weight:600}

span.contact-phone{color: #AB3A2E; font-size:34px; font-weight:400}



.contacts-left-column{display:inline-block; vertical-align:top; padding:0 20px 0 30px; width:60%}

.contacts-right-column{display:inline-block; vertical-align:top; width:34%; padding-top:15px}



/*Контактные лица - Элемент*/

.contact{/*background:#FFFFFF;*/display:inline-block; vertical-align:top; width:268px; margin:0 0 25px 0}

.contact img, .contact-text, .contact-text p, .contact-text img{display:inline-block; vertical-align:middle}

.contact .post{padding:10px 15px 0 15px; font-size:15px; font-weight:700; text-transform:uppercase}/*Имя*/

.contact .name{padding:10px 15px 10px 15px; font-size:16px; font-weight:400}/*Должность*/

.contact-text{width:100%; padding:0 10px 10px 0}/*Текстовой блок контакта*/

.contact-text .tel{background:url(../images/elements/tel.png) 6% 50% no-repeat; padding-left:55px}

.contact-text .email{background:url(../images/elements/email.png) 6% 50% no-repeat; padding-left:55px}

.contact-text div{padding:5px 15px}

.contact-text div, .contact-text a{font-size:15px; text-decoration:none}



/*Как добраться*/

.item-page-contacts .maps{margin-top:10px; text-align:center}

.item-page-contacts p{margin:0; padding:0; font-size:20px; font-weight:600; line-height:1.2em}

.item-page-contacts .maps img{max-width:100%; margin:5px 0 20px 0}



/*На общественном транспорте*/

.contact-transport{padding-top:10px; border-top:2px dotted #666666}
.contact-transport h3{padding-left:40px !important}

.contact-transport ul{margin:0 0 20px 0; padding-right:40px}







/*СТРАНИЦА МЕТОК*/

/*Основные*/

.tag-category{padding:0 0 40px 0; text-align:center}

.tag-category .page-header{text-align:left}

.tag-category ul{margin:0; padding:0}

.tag-category ul li{list-style:none; text-align:left}



/*Элемент*/

.category-tag{background:#53729b; display:inline-block; padding:5px 10px; color:#fff; font-size:18px}/*Название категории*/

.tag-list{background:#f9f9f9; display:inline-block; vertical-align:middle; width:400px; margin:5px; padding:20px}/*Блок метки*/

.tag-list a{display:block; position:relative}

.tag-list h3 a{padding:10px 0; color:#333; font-size:26px; line-height:1.3em}/*Заголовок*/

.tag-list h3 a:hover{color:#de7037}

.tag-list img{width:100%}







/*НИЖНИЙ БЛОК*/

#footer{background:#fff; padding:30px 0; font-size:14px; text-align:center}

#footer .pluso-block, #footer .pluso, #footer .pluso-text{display:inline-block; vertical-align:middle}

#footer .pluso-more{display:none !important}/*Скрыть кнопку pluso*/

#footer .pluso-text{padding:0px 50px 0px 10px; font-weight:600; text-transform:uppercase}

#footer .copyright{margin-top:25px; color:#666; /*font-size:16px; font-size:1.6rem*/}

.left-footer{
    width:30%;
    margin: 10px auto;
    min-width: 255px;
    float:left;
}
.right-footer{
    width:60%;
    float:left;
    margin: 10px auto;
}
.conteiner{
    width:60%;
    margin:auto;
    display:inline-block;
}


/*Горячая линия*/

.moduletable-hotline{display:block;}
.moduletable-hotline img{width:250px; height:82px;}


.video-ads{display:none !important}