@import url("../js/bootstrap/css/bootstrap.min.css") screen;
@import url("screen.css") screen;
@import url("../js/lightbox/css/lightbox.css");
@import url("print.css") print;
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
}
/*Общие*/
*{
margin: 0;
padding: 0;
}
body{
background: #fff;
line-height: normal;
border-radius: 5px;
font-family: "Roboto", sans-serif !important;
}
a{
color: #89D308;
outline: none !important;
}
a:hover, .green{
color: #53DF00 !important;
}
a:focus{
color: #fff;
}
ul li{
list-style-image: url('../images/marker.png');
}
hr{
width: 992px;
position: relative;
height: 3px;
background: #999;
right: 16px;
}
table{
margin-bottom: 0;
}
.hidden{
display: none !important;
}
.highslide{
position: fixed;
background: #999;
opacity: 0.8;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
cursor: pointer;
z-index: 1001;
}
.employee form label.special{
display: none;
}
.employee .alert-success{
margin-top: 20px;
}
.employee .view{
border-bottom: 2px dashed #777;
font-size: 1.2em;
line-height: 1em;
margin-bottom: 10px;
padding-bottom: 20px;
}
.employee .view:last-child{
border-bottom: none;
}
.employee .view b{
font-size: 1em;
}

/*Вспомогательные*/
.block-center{
margin-left: auto;
margin-right: auto;
}
.empty{
margin-bottom: 15px;
font-size: 1.2em;
display: block;
text-align: left !important;
}
.clear{
clear: both;
}
.border{
border: 3px solid #A5A6A5;
margin: 0;
padding: 0;
}
.underline{
text-decoration: underline;
}
#content,.page-content{
min-height: 300px;
}
.container{
width: 993px;
padding-left: 10px;
padding-right: 10px;
}
.gray-background{
background: url("../images/button-gray.png") no-repeat;
background-size: 100% 100%;
height: 38px;
border: 2px solid #A5A6A5;
border-radius: 10px;
color: #FFF;
}
.gray-background:hover{
background: url("../images/button-gray-hover.png") no-repeat;
background-size: 100% 100%;
color: #53DF00 !important;
}
button[name*="theme-"].gray-background{
height: 58px;
}
/*Шапка*/
#top{
bottom: 20px;
color: #fff;
cursor: pointer;
display: none;
font-size: 1.3em;
font-weight: bold;
height: auto;
padding: 5px 15px;
position: fixed;
right: 20px;
text-align: center;
z-index: 1000;
}
#header{
background: url("../images/header.png") repeat-y;
border-radius: 0 0 15px 15px;
height: 160px;
border-top: none;
box-shadow: 0 0 10px 3px rgba(255, 255, 255, 0.75) inset;
}
#header .green, .footer .green{
color: #fff !important;
}
#logo{
margin-left: 20px;
margin-top: 20px;
float: left;
}
#header h1{
font-size: 1.2em;
float: left;
position: relative;
left: 20px;
top: 50px;
}
#header h1 span{
display: block;
font-size: 2em;
}
.contacts{
float: right;
font-size: 1.2em;
position: relative;
right: 20px;
text-align: center;
top: 35px;
}
.contacts span{
font-size: 1.4em;
}
/*Меню*/
#mainmenu{
margin-bottom: 20px;
margin-top: 25px;
height: 36px;
}
#mainmenu-last, #mainmenu-last a{
border: none !important;
}
#mainmenu ul{
list-style: none;
padding: 0px;
margin: 0px;
margin-left: 5px;
float: left;
}
#mainmenu ul li{
text-align: center;
min-width: 164px;
display: block;
float: left;
border-right: 1px solid #000;
}
#mainmenu ul li a{
color: #FFFFFF;
display: table-cell;
height: 36px;
text-align: center;
text-decoration: none;
vertical-align: middle;
min-width: 164px;
font: 14px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana,sans-serif;
background: url("../images/button-gray.png") no-repeat;
background-size: 100% 100%;
padding-left: 30px;
padding-right: 30px;
}
#mainmenu ul li a:hover, #mainmenu ul li a.green{ 
color: #53DF00;
background: url("../images/button-gray-hover.png") no-repeat;
background-size: 100% 100%;
}
#mainmenu ul .main-menu-first a{
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background:url('../images/menu-main-first.png') 164px 0;
}
#mainmenu-first a:hover, .main-active a{
background:url('../images/menu-main-first.png') 0 0 !important;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#mainmenu-last a{
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#guard ul, #weapon ul{
display: none;
position: absolute;
z-index: 3;
width: 166px;
}
#guard ul a, #weapon ul a{
font-weight: normal !important;
}
#guard ul li, #weapon ul li{
background: url("../images/button-gray.png") no-repeat;
background-size: 100% 100%;
border-right: 1px solid #000;
border-left: 1px solid #000;
width: 164px;
}
#guard ul li:hover, #weapon ul li:hover{
background: url("../images/button-gray-hover.png") no-repeat;
background-size: 100% 100%;
}
/*Содержание*/
.main{
height: auto;
width: 960px;
min-height: 330px;
}
/*Подвал*/
.footer{
height: 70px;
background: url("../images/header.png") repeat-y;
border-radius: 15px 15px 0 0;
border-bottom: none;
width: 993px;
clear: both;
position: relative;
box-shadow: 0 0 10px 3px rgba(255, 255, 255, 0.75) inset;
}
.footer p{
position: relative;
top: 20px;
left: 20px;
}
.footer p a{
color: #89D308;
text-decoration: none;
}
.footer p a:hover{
color: #53DF00;
}
/*Главная*/
.index h3{
text-align: center;
font-weight: normal;
margin-bottom: 10px;
}
#for, .index #footer{
display: block;
text-align: center;
font-size: 16px;
margin-bottom: 10px;
}
.index #for{
font-weight: normal;
}
.index #footer{
margin-bottom: 15px;
}
.guard table th, .contact table th{
font-size: 16px;
padding-left: 33px;
padding-bottom: 15px;
}
.index h4{
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.index > section{
background: #f2f2f2 none repeat scroll 0 0;
border: 2px solid #a5a6a5;
border-radius: 15px;
float: left;
margin-bottom: 15px;
min-height: 230px;
overflow: hidden;
padding: 0;
width: 769px;
}
.index > section ul.nav{
border: medium none;
margin-right: 0;
padding-left: 0;
display: flex;
position: relative;
text-align: center;
margin-bottom: 20px;
}
.index > section ul.nav li{
list-style: outside none none;
width: 100%;
padding: 0;
}
.index > section ul.nav li a{
font-size: 1em;
font-weight: normal;
text-decoration: none;
width: 100%;
border-bottom: 1px solid #a5a6a5;
margin: 0;
align-content: center;
display: flex;
flex-direction: column;
padding: 15px 0;
max-width: 100%;
}
.index > section ul.nav li.active a{
background: #f2f2f2 none repeat scroll 0 0;
border-radius: 0;
border: none;
font-weight: bold;
}
.index > section ul.nav li.active a:hover{
color: #555 !important;
}
.index > section ul li a, .guard table ul li a{
font-weight: bold;
}
.index > section ul li, .guard table ul li{
padding-bottom: 10px;
padding-left: 10px;
}
.tab-pane p, .tab-pane ol, .tab-pane ul{
line-height: 1.7em;
font-size: 1.2em;
padding: 0 20px;
margin-bottom: 10px;
}
.tab-pane ol, .tab-pane ul{
margin-left: 15px; 
}
.tab-pane ol li p{
font-size: 1em;
}
.index > section .tabbable p{
text-indent: 15px;
}
p.vk-header{
text-align: center;
margin-bottom: 10px;
font-weight: bold;
}
.vk-subscribe{
height: 40px;
overflow: hidden;
width: 142px;
margin-left: 12px;
}
.vk-subscribe #vk_groups{
position: relative;
bottom: 130px;
right: 12px;
}
.index-news{
float: left;
width: 185px;
}
.index-news, .index-news ul{
padding-left: 0;
}
.index-news ul{
border-top: 1px solid #000;
margin-top: 10px;
padding-top: 10px;
}
.index-news ul li{
border-bottom: 1px solid #000;
list-style: outside none none;
padding: 5px 5px 15px;
text-align: center;
}
.index-news ul li a{
text-decoration: none;
text-align: center;
}
.index-news ul li a:hover{
color: #53DF00 !important;
}
.index-news h2{
font-size: 0.9em;
font-weight: bold;
margin-top: 10px;
}
.index-news h2, .index-news p{
text-align: left;
}
.index-news .date{
display: block;
font-size: 0.9em;
text-align: left;
}
.index-news .all-news{
border-bottom: none;
padding-top: 15px;
}
.index table{
margin-left: 10px;
width: 740px;
}
.tab-pane .gray-background{
display: block;
height: auto;
line-height: 1.1em;
margin: 15px auto 20px auto;
padding: 20px 15px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 250px;
font-weight: bold;
background: linear-gradient(to bottom, #fdda10 0%,#f9e904 0%,#f4b42f 88%,#fdda10 100%);
}
.tab-pane a.gray-background:hover{
color: #fff !important;
background: linear-gradient(to bottom, #fdda10 0%,#f4b42f 0%,#f9e904 41%,#fdb010 100%);
}
/*Частные охранники*/
.guard{
padding-top: 10px;
}
.guard h3, .news h1{
font-size: 20px;
margin-bottom: 15px;
float: left;
}
.guard span{
display: block;
padding-bottom: 10px;
}
.sec-menu{
float: right;
margin: 0;
padding: 0;
position: relative;
top: 3px;
}
.sec-menu li{
float: left;
list-style: none;
padding-left: 60px;
text-align: center;
font-weight: bold;
color: #000;
font-size: 14px;
}
.sec-menu li a{
text-decoration: none;
color: #000;
font-size: 14px;
font-weight: bold;
}
.guard table th, .contact table th{
font-size: 14px;
}
/*Трудойстройство*/
.placement h3{
font-weight: bold;
}
.form, .form input, .placement h3{
text-align: center;
}
.button-green, .contact button{
background: url('../images/button.png') no-repeat;
background-size: 100% 100%;
height: 38px;
padding-left: 15px;
padding-right: 15px;
border-radius: 10px;
border: 2px solid #A5A6A5;
}
.button-green:hover, .contact button:hover{
background: url('../images/button-hover.png') no-repeat;
background-size: 100% 100%;
}
/*Контакты*/
.contact h3{
text-align: center;
font-size: 18px;
font-weight: bold;
}
.contact table{
font-size: 1.1em;
line-height: 1.4em;
padding-bottom: 15px;
}
.contact table th{
padding-left: 0;
}
.contact table tr td{
vertical-align: top;
padding-left: 0;
}
.contact button, .license, ymaps, .office{
margin-bottom: 35px;
}
#show-license{
float: left;
}
#show-map{
float: right;
}
.license, ymaps, .office{
display: none;
clear: both;
}
.license{
width: 200px;
}
/*Тестирование*/
.guard #footer{
text-align: center;
font-weight: bold;
font-size: 14px;
}
.guard #testing-form input,.guard #classes-form input{
display: block;
width: 140px;
padding-right: 10px;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
#themes-form{
width: 510px;
}
.theme-buttons{
width: 160px;
line-height: 15px;
margin: 5px;
}
#back-button{
width: 120px;
clear: both;
display: block;
margin-bottom: 10px;
}
.question{
display: block;
font-weight: bold;
padding-top: 10px;
font-size: 14px;
}
.answers{
font-size: 14px;
}
.answers li{
padding-bottom: 5px;
}
.next-question{
clear: both;
padding-bottom: 20px;
text-align: center;
}
.next-question input[type="submit"]{
font-size: 1.5em;
font-weight: bold;
height: auto;
margin-left: 40px;
margin-right: 40px;
padding: 20px 45px;
text-align: center;
}
#stop-test{
float: left;
font-size: 1.1em;
margin-right: 5px;
padding-left: 15px;
padding-right: 15px;
}
#weapon-themes-form input{
display: block;
padding-left: 10px;
padding-right: 10px;
width: 170px;
margin-bottom: 10px;
}
/*Результаты тестирования*/
#retry-button{
margin-bottom: 15px;
display: block;
padding-left: 10px;
padding-right: 10px;
}
#right-answers{
padding-top: 5px;
}
.question{
font-weight: bold;
font-size: 14px;
margin-bottom: 10px;
}
.question-summary{
font-weight: bold;
}
.result{
margin:0; 
font-size: 16px;
font-weight: bold;
}
#training{
min-height: 250px;
}
#choose-test{
padding-bottom: 30px;
padding-top: 10px;
}
/*Новости*/
.news .view{
border-bottom: 2px solid #000;
margin-bottom: 15px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.news .view:last-child, .single-news .view{
border-bottom: none;
padding-bottom: 5px;
}
.news .view h2{
font-weight: bold;
line-height: normal;
}
.news .view .thumbnail{
float: left;
}
.news .view .button-green{
padding: 10px;
margin-top: 20px;
color: #FFF;
float: right;
height: auto;
font-weight: bold;
}
.news .view .button-green:hover{
color: #FFF !important;
}
.news .view section{
float: left;
margin-left: 30px;
width: 880px;
}
.news .view section p, .news .view section p span{
font-size: 1em !important;
}
.date{
color: #777;
font-weight: bold;
}
.back-button{
text-decoration: none;
padding: 10px;
color: #000;
font-weight: bold;
float: right;
height: auto;
position: relative;
bottom: 10px;
}
.back-button:hover{
text-decoration: none;
}
/*Партнеры*/
.partners ul{
text-align: center;
}
.partners ul li{
display: inline-block;
list-style: none outside none;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 10px;
width: 180px;
float: left;
}
.partners ul li p{
font-weight: bold;
margin-top: 5px;
}
.partners ul li:nth-child(5n){
clear: left;
}
/*Законодательство и судебная практика*/
.legislation h1{
float: left;
}
.legislation section{
height: auto;
padding: 10px;
text-align: center;
}
.legislation .gray-background{
display: inline-block;
text-decoration: none;
padding: 10px;
width: 180px;
height: auto;
}
.legislation-single section{
text-align: left;
}
.legislation .view a{
bottom: 4px;
left: 10px;
position: relative;
color: #555;
}
.legislation .view{
font-size: 1.3em;
margin-bottom: 10px;
}
#mainmenu ul li a:hover{
color: #53df00 !important;
}
.button-green:hover{
color: #fff;
}
.button-green:hover{
color: #fff !important;
}
.header .gray-background:hover{
color: #fff !important;
}
/*Сервис по трудоустройству*/
.new-service{
background: rgba(30, 25, 27, 0.9);
color: #fff;
padding: 20px;
margin-bottom: 20px;
}
.new-service h3{
color: #fff;
font-size: 3em;
}
.new-service h3 span{
color: #F8DB0F;
}
.new-service > p{
text-align: center;
font-size: 1.8em;
}
.new-service > ul{
font-size: 1.4em;
}
.new-service ul li{
margin-top: 20px;
}
.service-buttons{
margin-bottom: 15px;
text-align: center;
}
.new-service .gray-background, .reasons .gray-background, .help .gray-background, div.info .gray-background{
display: inline-block;
height: auto;
margin-left: 20px;
margin-right: 20px;
padding: 20px 15px;
text-transform: uppercase;
text-decoration: none;
background: linear-gradient(to bottom, #fdda10 0%,#f9e904 0%,#f4b42f 88%,#fdda10 100%);
font-weight: bold;
font-size: 1em;
}
.new-service a.gray-background:hover, .reasons a.gray-background:hover, div.info .gray-background:hover{
color: #fff !important;
background: linear-gradient(to bottom, #fdda10 0%,#f4b42f 0%,#f9e904 41%,#fdb010 100%);
}
.info.employee p{
text-indent: 15px;
margin-bottom: 0;
}
/*Причины работать с нами*/
.reasons h3, .help h3, .partners-slider h3{
font-size: 2em;
}
.reasons ul{
text-align: center;
margin-top: 40px;
}
.reasons ul li{
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.75);
display: inline-block;
height: 90px;
list-style: outside none none;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
padding: 20px;
text-align: center;
text-transform: uppercase;
vertical-align: top;
width: 200px;
}
.reasons ul li p{
display: table-cell;
font-size: 1.2em;
height: 90px;
margin: 0;
padding: 0;
vertical-align: middle;
}
.reasons > p{
font-size: 1.3em;
text-indent: 15px;
}
.help .gray-background{
background: rgba(0, 0, 0, 0) url("../images/button-gray.png") no-repeat scroll 0 0 / 100% 100%;
padding: 20px 40px;
margin-top: 10px;
width: 125px;
font-size: 1em;
text-align: center;
margin-bottom: 5px;
}
.partners-slider > ul{
text-align: center;
margin-bottom: 40px;
margin-top: 20px;
}
.partners-slider ul li{
display: inline-block;
list-style: outside none none;
margin-right: 20px;
margin-left: 20px;
}
.partners-slider ul li img{
height: 100px;
}
#mainmenu .info > ul{
position: absolute;
display: none;
z-index: 1000;
}
#mainmenu .info > ul li{
display: block;
float: none;
width: 368px;
}
#mainmenu .info > ul li a{
display: inline-block;
height: auto;
padding: 15px 5px;
vertical-align: middle;
width: 358px;
}
#mainmenu .info:hover > ul{
display: block;
}
/*Info*/
div.info{
padding-bottom: 20px;
}
div.info h3{
font-weight: bold;
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 20px;
}
div.info h4{
font-weight: bold;
}
.info > p{
margin-bottom: 10px;
font-size: 1.2em;
text-align: justify;
text-indent: 15px;
}
.info ul{
margin-bottom: 0;
margin-top: 20px;
}
.info li{
font-size: 1.4em;
margin-bottom: 10px;
}
.info li a{
color: #000;
}
/*Construct*/
.construct, div.info, div.page-content{
min-height: 300px;
}
.employee p, .employee b{
font-size: 1.4em;
}
.employee b{
margin-top: 10px;
display: inline-block;
}
.employee ul{
margin-bottom: 20px;
margin-top: 10px;
}
.employee ul li{
margin-left: 20px;
}
div.info .gray-background{
margin-top: 20px;
padding: 10px 50px;
}
.employee form{
margin-top: 20px;
text-align: center;
}
.employee form input, select, textarea{
display: block;
margin: 5px auto;
padding: 5px;
}
.employee form label{
display: inline-block;
font-size: 1.4em;
}
.employee form textarea{
width: 500px; 
height: 100px;
}
.agreement{
background: #fff none repeat scroll 0 0;
border: 2px solid #999;
border-radius: 10px;
display: none;
padding: 20px;
position: absolute;
width: 920px;
z-index: 1002;
}
.info.documents ul{
text-align: center;
}
.info.documents li{
display: inline-block;
list-style: outside none none;
margin-left: 10px;
margin-right: 10px;
width: 130px;
}
.errorSummary{
color: #f00;
font-size: 0.9em;
}
#employee-grid td{
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
}
#employee-grid.grid-view table.items .filters > td{
padding: 0;
padding-top: 10px;
}
#employee-grid.grid-view table.items tr.filters > td{
background: #fff;
}
#employee-grid.grid-view .filters input, #employee-grid.grid-view .filters select{
border: 1px solid #ccc;
width: calc(100% - 12px);
border-radius: 0;
}
.grid-view table.items tr{
cursor: pointer;
}
#employee-grid.grid-view table.items tr:hover, #employee-grid.grid-view table.items tr.selected{
background: #ccc;
}
#employee-grid.grid-view table.items th{
background: rgba(0, 0, 0, 0) url("../images/button-gray.png") no-repeat scroll 0 0 / 100% 100%;
padding-top: 10px;
padding-bottom: 10px;
}
#employee-grid th a, #employee-grid th a:hover{
color: #fff !important;
}
.grid-view table.items tr.even{
background: #eee;
}
.grid-view table.items tr.odd{
background: #ddd;
}
.employee .items{
margin-top: 10px;
margin-bottom: 10px;
}
.employee .pager ul li{
margin: 5px;
}
.employee .pager ul li a{
background: #777 none repeat scroll 0 0;
border-radius: 0;
color: #fff;
padding: 5px;
font-weight: normal !important;
text-transform: lowercase;
border: 1px solid #000;
}
.employee .pager ul li.selected a, .employee .pager ul li a:hover{
background: #ccc;
color: #fff !important;
}