html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
menu,
time,
mark,
audio,
video {
background: transparent;
font-size: 100%;
vertical-align: baseline;
padding: 0;
margin: 0;
border: 0;
outline: 0;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
nav ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #ffff99;
color: black;
text-decoration: none;
}
mark {
background-color: #ffff99;
color: black;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted black;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
body {
font: 14px sans-serif;
line-height: 1.22;
}
table {
font-size: inherit;
font: 100%;
}
select,
input,
textarea {
font: 99% sans-serif;
}
pre,
code,
kbd,
samp {
font-family: monospace, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: lighter;
}
html {
-webkit-font-smoothing: antialiased;
}
a:hover,
a:active {
outline: none;
}
a,
a:active,
a:visited {
color: #013973;
text-decoration: none;
}
a:hover {
color: #013973;
}
small {
font-size: 85%;
}
strong,
th {
font-weight: bold;
}
td,
td img {
vertical-align: top;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
}
.ie6 input {
vertical-align: text-bottom;
}
label,
input[type=button],
input[type=submit],
button {
cursor: pointer;
}
/*a:link { -webkit-tap-highlight-color: #FF5E99; } */
a:link {
-webkit-tap-highlight-color: transparent;
}
html {
overflow-y: scroll;
}
button {
width: auto;
overflow: visible;
}
.clearfix:after,
.clear {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
._clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
.clearfix {
display: block;
}
input:focus,
textarea:focus {
outline: none;
}
ul,
ol,
li {
display: block;
list-style: none;
}
a:focus,
a:focus * {
outline: none;
}
.css3 {
position: relative;
}
body,
select,
input,
textarea {
font-family: sans-serif, Arial, Helvetica;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: sans-serif, Arial, Helvetica;
margin: 0;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 14px;
}
._rel {
position: relative;
}
._abs {
position: absolute;
}
._fix {
position: fixed;
}
._blo {
display: block;
}
._inb {
display: inline-block;
}
._inl {
display: inline;
}
._none {
display: none;
}
._left {
float: left;
}
._right {
float: right;
}
._b {
font-weight: 700;
}
._m {
font-weight: 500;
}
._n {
font-weight: 400;
}
._l {
font-weight: 300;
}
._i {
font-style: italic;
}
._up {
text-transform: uppercase;
}
._upx {
text-transform: none;
}
._lsx {
list-style: none;
}
._xu {
text-decoration: none;
}
._xu a {
text-decoration: none;
}
._xuh {
text-decoration: none;
}
._xuh a {
text-decoration: none;
}
._xuh:hover,
._xuh a:hover {
text-decoration: underline;
}
._m0p0 {
margin: 0;
padding: 0;
}
._bgn {
background: none transparent;
}
._bgx {
background-repeat: repeat-x;
}
._bgy {
background-repeat: repeat-y;
}
._cover {
background-size: cover;
}
._ovh {
overflow: hidden;
}
._ovv {
overflow: visible;
}
._ova {
overflow: auto;
}
._ovy {
overflow: hidden;
overflow-y: auto;
}
._all {
text-align: left;
}
._alc {
text-align: center;
}
._alr {
text-align: right;
}
._alj {
text-align: justify;
}
._vat {
vertical-align: top;
}
._vam {
vertical-align: middle;
}
._vab {
vertical-align: bottom;
}
._cont {
content: '';
}
._ti {
text-indent: -9999px;
}
._collapse {
border-collapse: collapse;
}
._separate {
border-collapse: separate;
}
._wrapx {
white-space: nowrap;
}
._break {
word-wrap: break-word;
}
._bbox {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
._arial {
font-family: Arial, Helvetica, sans-serif;
}
._robotoSlab {
font-family: 'RobotoSlab-Regular', Arial, Helvetica, sans-serif;
}
._robotoSlab2 {
font-family: 'RobotoSlab-Regular-2', Arial, Helvetica, sans-serif;
}
._robotoSlabB {
font-family: 'RobotoSlab-Bold', Arial, Helvetica, sans-serif;
}
._robotoSlabB2 {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
}
._robotoSlabL {
font-family: 'RobotoSlab-Light', Arial, Helvetica, sans-serif;
}
._robotoSlabL2 {
font-family: 'RobotoSlab-Light-2', Arial, Helvetica, sans-serif;
}
body,
select,
input,
textarea {
font-family: 'RobotoSlab-Regular-2', Arial, Helvetica, sans-serif;
font-size: 14px;
color: #4c4c4c;
}
h1,
h2,
h3,
h4 {
font-family: 'RobotoSlab-Regular-2', Arial, Helvetica, sans-serif;
}
a,
a:hover,
a:active,
a:visited {
color: #4c4c4c;
text-decoration: underline;
transition: color 0.3s 0s;
-webkit-transition: color 0.3s 0s;
}
a:hover {
text-decoration: none;
}
a:hover a {
text-decoration: none;
}
/*._mw {min-width:@fw + 40;}*/
/*._mw {min-width:1000px;}
html, body {._mw;}*/
html,
body {
min-width: 480px;
}
body {
line-height: 20px;
}
._container {
max-width: 1000px;
margin: 0 auto;
}
.container {
max-width: 1000px;
margin: 0 auto;
padding-left: 15px!important;
padding-right: 15px!important;
}
.container:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#header {
background-color: white;
position: relative;
z-index: 100;
}
#header .header {
background-color: #00476a;
}
#header .tools {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
}
#header a.btn_1 {
max-width: 200px;
margin-top: 19px;
float: right;
transition: all 0s 0s;
-webkit-transition: all 0s 0s;
}
#header a.btn_1.logout {
padding-left: 20px;
padding-right: 20px;
margin-top: 33px;
}
#header .logo_title {
font-size: 18px;
line-height: 20px;
color: white;
width: 160px;
margin: 33px 20px 0 48px;
position: relative;
float: left;
}
#header .logo_title:before {
border-left: 3px solid #278ec1;
position: absolute;
top: 2px;
bottom: 1px;
left: -25px;
content: '';
}
#header .institution {
width: 168px;
padding-left: 41px;
margin: 32px 10px 0 0;
position: relative;
float: right;
}
#header .institution:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -940px 0;
width: 30px;
height: 29px;
position: absolute;
top: 3px;
left: 0;
content: '';
}
#header .institution h2 {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #278ec1;
text-transform: uppercase;
}
#header .institution .link {
font-size: 14px;
line-height: 18px;
}
#header .institution .link a {
color: white;
text-decoration: none;
}
#header .institution .link a a {
text-decoration: none;
}
#header .institution .link a:hover {
color: #278ec1;
}
#header .user {
width: 138px;
padding-left: 37px;
margin: 32px 10px 0 0;
position: relative;
float: right;
}
#header .user:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -940px -40px;
width: 30px;
height: 31px;
position: absolute;
top: 2px;
left: 0;
content: '';
}
#header .user h2 {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #278ec1;
text-transform: uppercase;
}
#header .user .link {
font-size: 14px;
line-height: 18px;
white-space: nowrap;
text-overflow: ellipsis;
}
#header .user .link a {
color: white;
text-decoration: none;
}
#header .user .link a a {
text-decoration: none;
}
#header .user .link a:hover {
color: #278ec1;
}
#header .user span {
font-size: 12px;
line-height: 16px;
color: #278ec1;
display: block;
}
#logo {
margin: 11px 0 16px;
float: left;
}
#logo img {
float: left;
}
#logo h1 {
font-size: 0;
line-height: 0;
margin: 0;
padding: 0;
float: left;
}
#menu {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
margin: 15px 0 14px;
float: left;
}
#menu > ul > li {
margin-right: 24px;
float: left;
}
#menu > ul > li a {
text-decoration: none;
}
#menu > ul > li a a {
text-decoration: none;
}
#menu > ul > li a:hover,
#menu > ul > li.sel a {
color: #00476a;
}
#languages,
#size {
font-size: 13px;
line-height: 18px;
text-transform: uppercase;
margin: 15px 0 14px 20px;
float: right;
}
#languages li,
#size li {
float: left;
}
#languages li + li,
#size li + li {
margin-left: 12px;
}
#languages li a,
#size li a {
text-decoration: none;
}
#languages li a a,
#size li a a {
text-decoration: none;
}
#languages li a:hover,
#size li a:hover,
#languages li.sel a,
#size li.sel a {
color: #00476a;
}
#footer {
background-color: #f5f4f4;
color: #a5a5a5;
}
#footer > section {
padding: 25px 0 29px;
}
#footer span {
margin-right: 4px;
}
#footer.v2 span:first-child {
margin-left: 15px;
}
a.btn_1 {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
color: white;
text-decoration: none;
text-transform: uppercase;
text-align: center;
border: 3px solid #278ec1;
padding: 12px 25px;
display: inline-block;
transition: all 0.3s 0s;
-webkit-transition: all 0.3s 0s;
}
a.btn_1 a {
text-decoration: none;
}
a.btn_1:hover {
background-color: #278ec1;
}
a.btn_2 {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
color: white;
text-decoration: none;
text-transform: uppercase;
text-align: center;
border: 3px solid #e9af10;
padding: 7px 25px 8px;
display: inline-block;
transition: all 0.3s 0s;
-webkit-transition: all 0.3s 0s;
}
a.btn_2 a {
text-decoration: none;
}
a.btn_2:hover {
background-color: #e9af10;
}
#promo {
background-image: url("../images/design/promo.jpg");
background-color: transparent;
background-repeat: no-repeat;
background-position: center 0;
background-size: cover;
position: relative;
z-index: 2;
}
#promo > section {
padding: 22px 0;
}
#promo .news_line {
background-color: #0d4d6e;
padding: 10px 22px 11px;
margin-top: 10px;
/*.txt_line {height:16px;._rel;}
.str_move {._abs;top:0;left:0;}*/
}
#promo .news_line:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#promo .news_line .label {
font-size: 24px;
line-height: 36px;
color: white;
border-right: 3px solid #e9af10;
height: 34px;
padding-right: 14px;
margin-right: 15px;
float: left;
}
#promo .news_line .txt {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #bfbfbf;
/*padding-top:11px;*/
overflow: hidden;
/*._wrapx;*/
}
#promo .news_line .txt > div {
width: 100%;
height: 27px;
display: table;
}
#promo .news_line .txt > div > div {
vertical-align: bottom;
display: table-cell;
}
#promo .filter {
background-color: #0d4d6e;
font-size: 13px;
line-height: 16px;
color: white;
min-height: 42px;
padding: 8px 17px 5px 22px;
margin-top: 10px;
position: relative;
}
#promo .filter:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#promo .filter .label {
font-size: 24px;
line-height: 32px;
height: 34px;
padding-right: 12px;
margin: 2px 0 0 0;
float: left;
}
#promo .filter .cancel {
padding-left: 21px;
margin-top: 11px;
float: right;
}
#promo .filter .list {
padding: 0 5px;
min-height: 42px;
position: relative;
overflow: hidden;
}
#promo .filter .list:before {
border-left: 3px solid #e9af10;
position: absolute;
top: 2px;
bottom: 6px;
left: 0;
content: '';
}
#promo .filter .list:after {
border-left: 3px solid #e9af10;
position: absolute;
top: 2px;
bottom: 6px;
right: 0;
content: '';
}
#promo .filter .list span {
margin: 0 13px 5px;
}
#promo .filter span {
padding-right: 19px;
position: relative;
float: left;
}
#promo .filter a {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -40px -60px;
text-indent: -9999px;
width: 10px;
height: 9px;
position: absolute;
top: 5px;
right: 0;
content: '';
}
#promo .filter a:hover {
background-position: -60px -60px;
}
#promo .search {
background-color: rgba(0, 0, 0, 0.27);
padding: 18px 16px 17px 22px;
}
#promo .search h2 {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
color: #e9ba3b;
text-transform: uppercase;
margin-bottom: 12px;
}
#promo .search .content:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#promo .search .fields {
width: 73.2%;
float: left;
}
#promo .search .col {
width: 50%;
float: left;
}
#promo .search .inputblock label {
font-size: 12px;
line-height: 16px;
color: white;
margin-bottom: 6px;
display: block;
cursor: auto;
}
#promo .search .inputblock .input {
padding: 0 40px 0 16px;
margin-right: 12px;
position: relative;
}
#promo .search .inputblock .input input {
font-size: 12px;
line-height: 16px;
color: #4c4c4c;
border: 0;
border-radius: 0;
-webkit-border-radius: 0;
width: 100%;
height: 16px;
padding: 11px 40px 10px 16px;
margin: 0 -40px 0 -16px;
display: block;
}
#promo .search .inputblock .input input ._phcolor {
color: #4c4c4c;
opacity: 1;
}
#promo .search .inputblock .input input::-webkit-input-placeholder {
color: #4c4c4c;
opacity: 1;
/*padding-top:1px;*/
}
#promo .search .inputblock .input input:-moz-placeholder {
color: #4c4c4c;
opacity: 1;
}
#promo .search .inputblock .input input::-moz-placeholder {
color: #4c4c4c;
opacity: 1;
}
#promo .search .inputblock .input input:-ms-input-placeholder {
color: #4c4c4c;
opacity: 1;
}
#promo .search .inputblock .input input.placeholder {
color: #4c4c4c;
opacity: 1;
}
#promo .search .inputblock .input img {
position: absolute;
top: 4px;
right: 6px;
display: none;
}
#promo .search .inputblock .input.run img {
display: block;
}
#promo .search .inputblock #autocomplete {
background-color: white;
width: auto!important;
margin: 1px 0 0!important;
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 100;
}
#promo .search .inputblock #autocomplete li {
transition: all 0.3s 0s;
-webkit-transition: all 0.3s 0s;
cursor: pointer;
}
#promo .search .inputblock #autocomplete li div {
font-size: 12px;
line-height: 16px;
padding: 5px 16px 7px;
}
#promo .search .inputblock #autocomplete li.selected,
#promo .search .inputblock #autocomplete li:hover {
background-color: #00476a;
color: white;
}
#promo .search .select {
margin-right: 12px;
}
#promo .search .select dt a {
background-color: white;
font-size: 12px;
line-height: 16px;
color: #4c4c4c;
text-decoration: none;
height: 16px;
padding: 11px 40px 10px 16px;
position: relative;
display: block;
}
#promo .search .select dt a a {
text-decoration: none;
}
#promo .search .select dt a:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
width: 13px;
height: 15px;
position: absolute;
top: 11px;
right: 11px;
content: '';
}
#promo .search .select dd {
position: relative;
z-index: 1;
}
#promo .search .select dd div {
width: 100%;
position: absolute;
top: 1px;
left: 0;
display: none;
}
#promo .search .select dd ul {
background-color: white;
/*max-height:140px;*/
position: relative;
overflow: hidden;
overflow-y: auto;
}
#promo .search .select dd ul li a {
font-size: 12px;
line-height: 16px;
color: black;
text-decoration: none;
padding: 5px 16px 7px;
display: block;
transition: all 0.3s 0s;
-webkit-transition: all 0.3s 0s;
}
#promo .search .select dd ul li a a {
text-decoration: none;
}
#promo .search .select dd ul li:hover a,
#promo .search .select dd ul li.selected a,
#promo .search .select dd ul li.active a {
background-color: #00476a;
color: white;
}
#promo .search .cbox_list {
margin-top: 11px;
}
#promo .search .cbox_list:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#promo .search .cbox {
font-size: 12px;
line-height: 14px;
min-height: 15px;
padding: 1px 0 0 24px;
margin-right: 18px;
position: relative;
float: left;
overflow: hidden;
}
#promo .search .cbox input {
position: absolute;
top: 0;
left: -20px;
}
#promo .search .cbox label {
color: white;
}
#promo .search .cbox.radio label:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -20px 0;
width: 16px;
height: 16px;
position: absolute;
top: 0;
left: 0;
content: '';
}
#promo .search .cbox.radio.checked label:before {
background-position: -20px -30px;
}
#promo .search .cbox.checkbox label:before {
background-color: white;
width: 15px;
height: 15px;
position: absolute;
top: 0;
left: 0;
content: '';
}
#promo .search .cbox.checkbox label:after {
background-color: #00476a;
width: 9px;
height: 9px;
position: absolute;
top: 3px;
left: 3px;
content: '';
display: none;
}
#promo .search .cbox.checkbox.checked label:after {
display: block;
}
#promo .search .bttn {
width: 26.8%;
margin-top: 22px;
float: left;
}
#promo .search a.btn_2 {
display: block;
}
#promo .search .adv {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
text-align: right;
text-transform: uppercase;
margin: 26px 3px 1px;
}
#promo .search .adv a {
color: #e9ba3b;
text-decoration: none;
padding-left: 23px;
position: relative;
display: inline-block;
}
#promo .search .adv a a {
text-decoration: none;
}
#promo .search .adv a:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: 0 -50px;
width: 13px;
height: 16px;
position: absolute;
top: 3px;
left: 0;
content: '';
}
#promo .search .adv a:hover {
color: white;
}
.ie8 #promo .search {
background: url("../images/design/opc_27.png") transparent repeat center 0;
}
/*html, body {min-width:4480px;}*/
#news {
background-color: #eaf5fa;
}
#news > section {
padding: 48px 0 39px;
}
#news h2 {
font-size: 36px;
line-height: 40px;
color: black;
margin-bottom: 50px;
}
#news .list_content:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#news .list {
width: 100%;
margin-right: -416px;
float: left;
}
#news .list > section {
margin-right: 416px;
}
#news .col {
width: 47%;
float: left;
}
#news .col + .col {
width: 45%;
margin-left: 7.5%;
}
#news .item:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#news .item .title:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#news .item .title > a,
#news .item .title > img {
margin: 5px 24px 10px 0;
float: left;
}
#news .item .title > a {
overflow: hidden;
}
#news .item .title > a img {
float: left;
}
#news .item .title > a:hover + .content h3 a {
color: #00476a;
}
#news .item .title > a img {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#news .item .title .content {
overflow: hidden;
}
#news .item h3 {
font-size: 18px;
line-height: 24px;
}
#news .item h3 a {
text-decoration: none;
}
#news .item h3 a a {
text-decoration: none;
}
#news .item h3 a:hover {
color: #00476a;
}
#news .item .date {
font-size: 12px;
line-height: 16px;
color: #00476a;
margin-top: 10px;
}
#news .item .txt {
font-size: 14px;
line-height: 24px;
margin-top: 22px;
}
#news .item + .item {
border-top: 2px solid white;
padding-top: 29px;
margin-top: 23px;
}
#news .item.top .title > a,
#news .item.top .title > img {
margin-top: 9px;
}
#news .item.top h3 {
font-size: 24px;
line-height: 34px;
}
#news .item.top .date {
margin-bottom: 3px;
}
#news .more {
border-top: 2px solid white;
padding-top: 29px;
margin-top: 20px;
}
#news .more a {
font-size: 18px;
line-height: 20px;
text-decoration: none;
padding-left: 31px;
position: relative;
display: inline-block;
}
#news .more a a {
text-decoration: none;
}
#news .more a:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -290px -30px;
width: 18px;
height: 15px;
position: absolute;
top: 4px;
left: 0;
content: '';
}
#news .more a:hover {
color: #00476a;
}
#news .views-row + .views-row {
margin-top: 25px;
}
#news .info_list {
width: 378px;
position: relative;
float: right;
}
#news .info_list > div,
#news .info_list > a {
text-decoration: none;
position: relative;
z-index: 1;
display: block;
overflow: hidden;
}
#news .info_list > div a,
#news .info_list > a a {
text-decoration: none;
}
#news .info_list > div + div,
#news .info_list > a + div,
#news .info_list > div + a,
#news .info_list > a + a {
margin-top: 14px;
}
#news .info_list > div > div,
#news .info_list > a > div {
width: 100%;
height: 170px;
display: table;
}
#news .info_list > div > div > div,
#news .info_list > a > div > div {
vertical-align: middle;
display: table-cell;
}
#news .info_list .graph {
background-color: white;
font-size: 24px;
line-height: 29px;
color: #00476a;
padding: 0 20px 0 110px;
}
#news .info_list .graph:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -500px -100px;
width: 48px;
height: 46px;
margin-top: -23px;
position: absolute;
top: 50%;
left: 45px;
content: '';
}
#news .info_list .calc {
background-color: #00476a;
font-size: 24px;
line-height: 29px;
color: white;
padding: 0 20px 0 106px;
}
#news .info_list .calc:after {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -560px -100px;
width: 47px;
height: 50px;
margin-top: -25px;
position: absolute;
top: 50%;
left: 41px;
content: '';
}
#news .info_list .calc:before {
background-image: url("../images/design/calc.jpg");
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
content: '';
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#news .info_list .about {
background-color: #e9af10;
font-size: 18px;
line-height: 25px;
color: white;
padding: 0 20px 0 170px;
}
#news .info_list .about:before {
background-image: url("../images/design/phone.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
width: 122px;
height: 166px;
position: absolute;
bottom: 0;
left: 27px;
content: '';
}
#news .info_list .about > div {
height: 176px;
}
.web #news .item .title > a:hover img,
.web #news .item .title.hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.web #news .info_list .calc:hover:before {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
#auto {
background-color: #f5f4f4;
font-size: 30px;
line-height: 29px;
text-transform: uppercase;
}
#auto .col {
width: 47%;
float: left;
}
#auto .col + .col {
width: 45.5%;
margin-left: 7.5%;
}
#auto .link > div {
width: 100%;
height: 108px;
display: table;
}
#auto .link > div > div {
vertical-align: middle;
display: table-cell;
}
#auto .link a {
color: #393939;
text-decoration: none;
padding-left: 111px;
position: relative;
display: inline-block;
}
#auto .link a a {
text-decoration: none;
}
#auto .link a:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -360px 0;
width: 90px;
height: 90px;
margin-top: -45px;
position: absolute;
top: 50%;
left: 0;
content: '';
}
#auto .link a:hover {
color: #00476a;
}
#auto .calc a {
color: white;
text-decoration: none;
padding: 2px 20px 0 136px;
position: relative;
z-index: 1;
display: block;
overflow: hidden;
/*&:hover {
&:after {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
}*/
}
#auto .calc a a {
text-decoration: none;
}
#auto .calc a:after {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -460px 0;
width: 70px;
height: 74px;
position: absolute;
top: 18px;
left: 50px;
content: '';
}
#auto .calc a:before {
background-image: url("../images/design/auto.jpg");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
content: '';
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#auto .calc a > div {
width: 100%;
height: 106px;
display: table;
}
#auto .calc a > div > div {
vertical-align: middle;
display: table-cell;
}
#auto2 {
background-color: #f5f4f4;
font-size: 30px;
line-height: 29px;
text-transform: uppercase;
}
#auto2 .col {
width: 54.5%;
float: left;
}
#auto2 .col + .col {
width: 45.5%;
}
#auto2 .link > div {
width: 100%;
height: 116px;
display: table;
}
#auto2 .link > div > div {
vertical-align: middle;
display: table-cell;
}
#auto2 .link a {
color: #393939;
text-decoration: none;
position: relative;
display: block;
}
#auto2 .link a a {
text-decoration: none;
}
#auto2 .link a > div {
width: 100%;
height: 116px;
display: table;
}
#auto2 .link a > div > div {
vertical-align: middle;
display: table-cell;
}
#auto2 .link a > div .img {
width: 22%;
padding-right: 4.5%;
}
#auto2 .link a > div .txt {
width: 78%;
}
#auto2 .calc > div {
width: 100%;
height: 116px;
display: table;
}
#auto2 .calc > div > div {
vertical-align: middle;
display: table-cell;
}
#auto2 .calc a {
color: white;
text-decoration: none;
position: relative;
z-index: 1;
display: block;
overflow: hidden;
}
#auto2 .calc a a {
text-decoration: none;
}
#auto2 .calc a:after {
background-image: url("../images/design/auto.jpg");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
content: '';
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#auto2 .calc a > div {
width: 100%;
height: 116px;
display: table;
}
#auto2 .calc a > div > div {
vertical-align: middle;
display: table-cell;
}
#auto2 img {
width: 100%;
display: block;
}
.web #auto .calc a:hover:before {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
#slider {
overflow: hidden;
}
#slider > section {
padding: 15px 0;
}
#slider .list {
position: relative;
overflow: hidden;
}
#slider .list .switcher {
height: 0;
}
#slider .list .switcher > a {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: 1000px 1000px;
text-indent: -9999px;
width: 18px;
height: 16px;
margin-top: -8px;
position: absolute;
top: 50%;
}
#slider .list .switcher > a.prev {
background-position: -260px 0;
left: 0;
}
#slider .list .switcher > a.prev:hover {
background-position: -260px -30px;
}
#slider .list .switcher > a.next {
background-position: -290px 0;
right: 0;
}
#slider .list .switcher > a.next:hover {
background-position: -290px -30px;
}
#slider .list .content {
width: 90%;
margin: 0 auto;
overflow: hidden;
}
#slider .list .ul {
width: 20000px;
position: relative;
}
#slider .list .ul:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#slider .list .ul .item {
margin-right: 20px;
float: left;
}
#slider .list .ul .item > div {
/*._wh(100%, 96px);*/
wisth: 100%;
display: table;
}
#slider .list .ul .item > div > div {
vertical-align: middle;
display: table-cell;
}
#slider .list .ul img {
margin: 0 auto;
display: block;
}
#slider .list .ul.on div {
display: block;
}
#tools {
display: none;
}
#body {
background-color: #eaf5fa;
}
#body:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#body .body_content {
position: relative;
z-index: 1;
}
#body .body_content:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.path {
font-family: 'RobotoSlab-Light-2', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
color: #8299a4;
border-bottom: 1px solid #bcd5e1;
padding: 3px 0 17px;
margin-bottom: 17px;
}
.path:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.path li {
margin-right: 8px;
float: left;
}
.path li:first-child a {
padding-left: 27px;
position: relative;
display: inline-block;
transition: color 0s 0s;
-webkit-transition: color 0s 0s;
}
.path li:first-child a:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -660px 0;
width: 16px;
height: 12px;
position: absolute;
top: 6px;
left: 0;
content: '';
}
.path li:first-child a:hover:before {
background-position: -660px -20px;
}
.path li + li:before {
margin-right: 8px;
content: '/';
}
.path a {
color: #8299a4;
text-decoration: none;
display: inline-block;
}
.path a a {
text-decoration: none;
}
.path a:hover {
color: #00476a;
}
.path_2 {
font-size: 12px;
line-height: 16px;
color: #00476a;
padding: 17px 0 27px;
}
.path_2:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.path_2 li {
margin-right: 16px;
float: left;
}
.path_2 li + li:before {
margin-right: 16px;
content: '/';
}
.path_2 a {
color: #4c4c4c;
text-decoration: none;
display: inline-block;
}
.path_2 a a {
text-decoration: none;
}
.path_2 a:hover {
color: #00476a;
}
.opendoc {
font-size: 14px;
line-height: 24px;
padding-bottom: 20px;
}
.opendoc h1 {
font-size: 24px;
line-height: 28px;
color: #00476a;
margin-bottom: 29px;
}
.opendoc h2 {
font-size: 24px;
line-height: 28px;
color: #4c4c4c;
margin: 29px 0 26px;
}
.opendoc h3 {
font-size: 18px;
line-height: 24px;
color: #4c4c4c;
margin: 30px 0 26px;
}
.opendoc a {
color: #00476a;
text-decoration: none;
}
.opendoc a a {
text-decoration: none;
}
.opendoc a:hover,
.opendoc a a:hover {
text-decoration: underline;
}
.opendoc b {
font-weight: 400;
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
}
.opendoc span {
color: #00476a;
}
.opendoc p {
margin: 15px 0;
}
.opendoc table {
font-size: 12px;
line-height: 16px;
width: 100%;
}
.opendoc table tbody th,
.opendoc table > tr th,
.opendoc table tbody td,
.opendoc table > tr td {
background-color: white;
text-align: left;
/*border-top:1px solid #eaf5fa;border-bottom:1px solid #f9fcfe;*/
position: relative;
}
.opendoc table tbody th:before,
.opendoc table > tr th:before,
.opendoc table tbody td:before,
.opendoc table > tr td:before {
border-top: 1px solid #f9fcfe;
border-bottom: 1px solid #eaf5fa;
position: absolute;
bottom: 0;
left: 0;
right: 0;
content: '';
}
.opendoc table tbody th + td:after,
.opendoc table > tr th + td:after,
.opendoc table tbody td + td:after,
.opendoc table > tr td + td:after {
border-left: 1px solid #bcd5e1;
position: absolute;
top: 7px;
bottom: 7px;
left: 0;
content: '';
}
.opendoc table tbody th,
.opendoc table > tr th {
font-weight: 400;
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
color: #00476a;
text-transform: uppercase;
padding: 7px 10px 10px 16px;
}
.opendoc table tbody td,
.opendoc table > tr td {
padding: 7px 12px 10px;
}
.opendoc table tbody .calcheadline,
.opendoc table > tr .calcheadline {
background: none transparent;
font-size: 0;
line-height: 0;
padding: 0;
}
.opendoc table tbody .calcheadline:before,
.opendoc table > tr .calcheadline:before,
.opendoc table tbody .calcheadline:after,
.opendoc table > tr .calcheadline:after {
display: none;
}
.opendoc table thead th {
font-weight: 400;
color: #00476a;
text-align: left;
vertical-align: bottom;
padding: 0 12px 8px;
}
.opendoc table thead th:first-child {
padding: 0 10px 8px 16px;
}
.opendoc table a {
color: #00476a;
text-decoration: underline;
}
.opendoc table a:hover {
text-decoration: none;
}
.opendoc table a:hover a {
text-decoration: none;
}
.opendoc table input[type="text"],
.opendoc table input[type="file"],
.opendoc table input[type="password"],
.opendoc table textarea {
background-color: white;
font-size: 12px;
line-height: 18px;
color: #4c4c4c;
border: 1px solid #aacad8;
width: 100%;
height: 37px;
padding: 8px 12px 9px;
margin-bottom: -2px;
box-sizing: border-box;
display: block;
}
.opendoc table input[type="text"] ._phcolor,
.opendoc table input[type="file"] ._phcolor,
.opendoc table input[type="password"] ._phcolor,
.opendoc table textarea ._phcolor {
color: #4c4c4c;
opacity: 1;
}
.opendoc table input[type="text"]::-webkit-input-placeholder,
.opendoc table input[type="file"]::-webkit-input-placeholder,
.opendoc table input[type="password"]::-webkit-input-placeholder,
.opendoc table textarea::-webkit-input-placeholder {
color: #4c4c4c;
opacity: 1;
/*padding-top:1px;*/
}
.opendoc table input[type="text"]:-moz-placeholder,
.opendoc table input[type="file"]:-moz-placeholder,
.opendoc table input[type="password"]:-moz-placeholder,
.opendoc table textarea:-moz-placeholder {
color: #4c4c4c;
opacity: 1;
}
.opendoc table input[type="text"]::-moz-placeholder,
.opendoc table input[type="file"]::-moz-placeholder,
.opendoc table input[type="password"]::-moz-placeholder,
.opendoc table textarea::-moz-placeholder {
color: #4c4c4c;
opacity: 1;
}
.opendoc table input[type="text"]:-ms-input-placeholder,
.opendoc table input[type="file"]:-ms-input-placeholder,
.opendoc table input[type="password"]:-ms-input-placeholder,
.opendoc table textarea:-ms-input-placeholder {
color: #4c4c4c;
opacity: 1;
}
.opendoc table input[type="text"].placeholder,
.opendoc table input[type="file"].placeholder,
.opendoc table input[type="password"].placeholder,
.opendoc table textarea.placeholder {
color: #4c4c4c;
opacity: 1;
}
.opendoc table select {
font-size: 12px;
line-height: 34px;
color: #4c4c4c;
border: 1px solid #aacad8;
height: 35px;
padding: 0 20px 0 8px;
margin-bottom: -2px !important;
box-sizing: border-box;
display: block;
}
.opendoc table select option {
padding: 0;
}
.opendoc table input[type="submit"] {
background: none transparent;
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
color: #4c4c4c;
text-transform: uppercase;
text-align: center;
border: 3px solid #278ec1;
height: 46px;
padding: 7px 25px 8px;
margin: 10px 7px 10px 0;
display: inline-block;
transition: all 0.3s 0s;
-webkit-transition: all 0.3s 0s;
box-sizing: border-box;
}
.opendoc table input[type="submit"]:hover {
background-color: #278ec1;
color: white;
}
.opendoc table + h2 {
margin-top: 42px;
}
.opendoc table + p {
margin-top: 15px;
}
.opendoc ul,
.opendoc ol {
list-style: none;
margin: 15px 0;
}
.opendoc ul > li,
.opendoc ol > li {
padding-left: 35px;
position: relative;
}
.opendoc ul > li + li,
.opendoc ol > li + li {
margin-top: 5px;
}
.opendoc ul > li:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -20px -60px;
width: 9px;
height: 12px;
position: absolute;
top: 8px;
left: 0;
content: '';
}
.opendoc ol {
counter-reset: myIndex;
}
.opendoc ol > li:before {
color: #00476a;
width: 26px;
position: absolute;
top: 0;
left: 0;
content: counter(myIndex) '.';
counter-increment: myIndex;
}
.opendoc .attach {
font-size: 12px;
line-height: 16px;
border-top: 1px solid white;
margin: 35px 0 0;
}
.opendoc .attach div {
border-bottom: 1px solid white;
min-height: 32px;
padding: 18px 0 20px 45px;
position: relative;
}
.opendoc .attach a {
color: #4c4c4c;
text-decoration: none;
}
.opendoc .attach a a {
text-decoration: none;
}
.opendoc .attach a:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -690px 0;
width: 33px;
height: 34px;
position: absolute;
top: 17px;
left: 0;
content: '';
}
.opendoc .attach a:hover {
color: #00476a;
}
.opendoc .attach + h3 {
margin-top: 51px;
}
.opendoc *:first-child {
margin-top: 0;
}
.opendoc *:last-child {
margin-bottom: 0;
}
.opendoc select {
font-size: 12px;
line-height: 34px;
color: #4c4c4c;
border: 1px solid #aacad8;
height: 35px;
padding: 0 12px;
box-sizing: border-box;
}
.opendoc .select dt a {
background-color: white;
font-size: 12px;
line-height: 16px;
color: #4c4c4c;
text-decoration: none;
border: 1px solid #aacad8;
height: 16px;
padding: 9px 40px 10px 15px;
position: relative;
display: block;
white-space: nowrap;
}
.opendoc .select dt a a {
text-decoration: none;
}
.opendoc .select dt a:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
width: 13px;
height: 15px;
position: absolute;
top: 10px;
right: 10px;
content: '';
}
.opendoc .select dt a > span {
color: #4c4c4c;
display: block;
overflow: hidden;
}
.opendoc .select dd {
position: relative;
z-index: 1;
}
.opendoc .select dd div {
width: 100%;
position: absolute;
top: 1px;
left: 0;
display: none;
}
.opendoc .select dd ul {
background-color: white;
border: 1px solid #aacad8;
/*max-height:140px;*/
position: relative;
overflow: hidden;
overflow-y: auto;
}
.opendoc .select dd ul li {
padding: 0;
margin: 0;
}
.opendoc .select dd ul li span {
color: #4c4c4c;
}
.opendoc .select dd ul li a {
font-size: 12px;
line-height: 16px;
color: #4c4c4c;
text-decoration: none;
padding: 5px 15px 7px;
display: block;
transition: all 0s 0s;
-webkit-transition: all 0s 0s;
}
.opendoc .select dd ul li a a {
text-decoration: none;
}
.opendoc .select dd ul li:hover a,
.opendoc .select dd ul li.selected a,
.opendoc .select dd ul li.active a {
background-color: #00476a;
color: white;
}
.opendoc .select dd ul li:hover a span,
.opendoc .select dd ul li.selected a span,
.opendoc .select dd ul li.active a span {
color: white;
}
.opendoc .select dd ul li:before {
display: none;
}
.opendoc .select dd ul li + li {
margin: 0;
}
.opendoc_2 {
font-size: 14px;
line-height: 24px;
padding-bottom: 1px;
}
.opendoc_2 h1 {
font-size: 28px;
line-height: 32px;
color: #00476a;
margin-bottom: 47px;
}
.opendoc_2 h2 {
font-size: 24px;
line-height: 28px;
color: #4c4c4c;
margin: 38px 0 20px;
}
.opendoc_2 h3 {
font-size: 18px;
line-height: 24px;
color: #4c4c4c;
margin: 30px 0 26px;
}
.opendoc_2 p {
margin: 15px 0;
}
.opendoc_2 ul,
.opendoc_2 ol {
list-style: none;
margin: 15px 0;
}
.opendoc_2 ul > li,
.opendoc_2 ol > li {
padding-left: 33px;
position: relative;
}
.opendoc_2 ul > li + li,
.opendoc_2 ol > li + li {
margin-top: 31px;
}
.opendoc_2 ul + h2,
.opendoc_2 ol + h2 {
margin-top: 70px;
}
.opendoc_2 ul > li:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -100px -100px;
width: 17px;
height: 17px;
position: absolute;
top: 5px;
left: 0;
content: '';
}
.opendoc_2 ol {
counter-reset: myIndex;
}
.opendoc_2 ol > li:before {
color: #00476a;
width: 26px;
position: absolute;
top: 0;
left: 0;
content: counter(myIndex) '.';
counter-increment: myIndex;
}
.opendoc_2 form {
margin-top: 35px;
}
.opendoc_2 .cbox {
font-size: 12px;
line-height: 14px;
min-height: 16px;
padding: 0 0 0 31px;
position: relative;
overflow: hidden;
}
.opendoc_2 .cbox input {
position: absolute;
top: 0;
left: -20px;
}
.opendoc_2 .cbox label {
color: #00476a;
cursor: default;
}
.opendoc_2 .cbox.radio label:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -20px 0;
width: 16px;
height: 16px;
position: absolute;
top: 0;
left: 0;
content: '';
}
.opendoc_2 .cbox.radio.checked label:before {
background-position: -20px -30px;
}
.opendoc_2 .cbox.checkbox label:before {
background-color: white;
width: 15px;
height: 15px;
position: absolute;
top: 0;
left: 0;
content: '';
}
.opendoc_2 .cbox.checkbox label:after {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -130px -100px;
width: 8px;
height: 8px;
position: absolute;
top: 4px;
left: 3px;
content: '';
display: none;
}
.opendoc_2 .cbox.checkbox.checked label:after {
display: block;
}
.opendoc_2 a.btn_1 {
color: #4c4c4c;
min-width: 73px;
margin-top: 16px;
}
.opendoc_2 a.btn_1:hover {
color: white;
}
.opendoc_2 *:first-child {
margin-top: 0;
}
.opendoc_2 *:last-child {
margin-bottom: 0;
}
.pager {
border-bottom: 1px solid #bcd5e1;
padding-bottom: 9px;
}
.pager:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.pager .count {
font-family: 'RobotoSlab-Light-2', Arial, Helvetica, sans-serif;
font-size: 36px;
line-height: 40px;
color: #00476a;
text-transform: uppercase;
margin-top: -7px;
float: left;
}
.pager .count div {
margin-right: 3px;
float: left;
}
.pager .count span {
font-size: 12px;
line-height: 16px;
}
.pager .nav {
font-family: 'RobotoSlab-Light-2', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
color: #8299a4;
margin: 2px 0 9px;
float: right;
}
.pager .nav > a {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: 1000px 1000px;
text-indent: -9999px;
text-decoration: none;
width: 18px;
height: 15px;
float: left;
}
.pager .nav > a a {
text-decoration: none;
}
.pager .nav > a.prev {
background-position: -730px 0;
margin: 6px 12px 0 0;
}
.pager .nav > a.prev:hover {
background-position: -730px -20px;
}
.pager .nav > a.next {
background-position: -730px -40px;
margin: 6px 0 0 12px;
}
.pager .nav > a.next:hover {
background-position: -730px -60px;
}
.pager .nav ul {
float: left;
}
.pager .nav ul li {
float: left;
}
.pager .nav ul li + li {
margin-left: 10px;
}
.pager .nav ul li.txt {
margin-left: 5px;
}
.pager .nav ul li.txt + li {
margin-left: 5px;
}
.pager .nav ul li a {
color: #8299a4;
text-decoration: none;
float: left;
}
.pager .nav ul li a a {
text-decoration: none;
}
.pager .nav ul li a:hover {
color: #00476a;
}
.pager .nav ul li span + span {
margin-left: 12px;
}
.pager .nav ul li.sel a {
font-family: 'RobotoSlab-Regular-2', Arial, Helvetica, sans-serif;
color: #00476a;
}
.pager .label {
font-family: 'RobotoSlab-Light-2', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
color: #8299a4;
margin-top: 2px;
float: left;
display: none;
}
.pager #submenu_ico {
display: none;
}
.graph img {
max-width: 100%;
margin: 0 auto;
display: block;
}
html.fixed {
min-width: 1000px;
}
html.fixed body {
min-width: 1000px;
}
html.fixed .container {
max-width: none;
min-width: 970px;
}
html.fixed #search {
border-bottom: 2px solid white;
width: 315px;
padding-bottom: 8px;
margin: 40px 38px 0 94px;
float: left;
}
html.fixed #search .container {
min-width: 0;
padding: 0!important;
}
html.fixed #search label {
display: none;
}
html.fixed #search a {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -320px 0;
text-indent: -9999px;
width: 24px;
height: 24px;
margin: -2px 0;
float: right;
}
html.fixed #search a:hover {
background-position: -320px -30px;
}
html.fixed #search .input {
padding-right: 20px;
margin-right: 24px;
}
html.fixed #search .input input {
background: none transparent;
font-size: 14px;
line-height: 20px;
color: white;
border: 0;
width: 100%;
height: 20px;
display: block;
}
html.fixed #search .input input ._phcolor {
color: white;
opacity: 1;
}
html.fixed #search .input input::-webkit-input-placeholder {
color: white;
opacity: 1;
/*padding-top:1px;*/
}
html.fixed #search .input input:-moz-placeholder {
color: white;
opacity: 1;
}
html.fixed #search .input input::-moz-placeholder {
color: white;
opacity: 1;
}
html.fixed #search .input input:-ms-input-placeholder {
color: white;
opacity: 1;
}
html.fixed #search .input input.placeholder {
color: white;
opacity: 1;
}
html.fixed #search {
margin-left: 0!important;
float: right;
}
html.fixed #search_ico {
display: none;
}
html.fixed.v2 {
min-width: 980px;
}
html.fixed.v2 body {
min-width: 980px;
}
html.fixed.v2 .container {
max-width: 1370px;
min-width: 950px;
}
html.fixed.v2 .page_content {
width: 100%;
padding: 16px 15px 30px;
float: left;
box-sizing: border-box;
}
html.fixed.v2 #search .container {
min-width: 0;
}
html.fixed.v3 {
min-width: 980px;
}
html.fixed.v3 body {
min-width: 980px;
}
html.fixed.v3 .container {
max-width: 1050px;
min-width: 950px;
}
html.fixed.v3 .page_content {
width: 100%;
padding: 16px 15px 30px;
float: left;
box-sizing: border-box;
}
html.fixed.v3 #search .container {
min-width: 0;
}
html.fixed_2 {
min-width: 1000px;
}
html.fixed_2 body {
min-width: 1000px;
}
html.fixed_2 .container {
width: 970px;
min-width: 970px;
}
html.fixed_2 #search {
width: 311px;
margin: 40px 0 0 79px!important;
float: left;
}
html.fixed_2 #search .container {
width: auto;
min-width: 0;
}
html.ind .container {
max-width: none;
}
html.ind #search {
border-bottom: 2px solid white;
width: 315px;
padding-bottom: 8px;
margin: 40px 38px 0 94px;
float: left;
}
html.ind #search .container {
min-width: 0;
padding: 0!important;
}
html.ind #search label {
display: none;
}
html.ind #search a {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -320px 0;
text-indent: -9999px;
width: 24px;
height: 24px;
margin: -2px 0;
float: right;
}
html.ind #search a:hover {
background-position: -320px -30px;
}
html.ind #search .input {
padding-right: 20px;
margin-right: 24px;
}
html.ind #search .input input {
background: none transparent;
font-size: 14px;
line-height: 20px;
color: white;
border: 0;
width: 100%;
height: 20px;
display: block;
}
html.ind #search .input input ._phcolor {
color: white;
opacity: 1;
}
html.ind #search .input input::-webkit-input-placeholder {
color: white;
opacity: 1;
/*padding-top:1px;*/
}
html.ind #search .input input:-moz-placeholder {
color: white;
opacity: 1;
}
html.ind #search .input input::-moz-placeholder {
color: white;
opacity: 1;
}
html.ind #search .input input:-ms-input-placeholder {
color: white;
opacity: 1;
}
html.ind #search .input input.placeholder {
color: white;
opacity: 1;
}
html.ind #search {
margin-left: 0!important;
float: right;
}
@media screen and (max-width: 1260px) {
html.fixed.v2 .page_container .container {
min-width: 0;
}
/*.form #filter_form input.short {width:40em;}*/
}
#wrapper.wrapper_inner .page_container {
border-right: 0 solid transparent;
}
#wrapper.wrapper_inner .page_content {
width: 100%;
padding: 16px 0 22px;
float: left;
box-sizing: border-box;
}
#wrapper.wrapper_inner #filter .ico {
margin-left: 0;
}
#wrapper.wrapper_inner #slider {
background-color: white;
margin-top: 8px;
}
#filter {
background-color: #eaf5fa;
position: relative;
z-index: 1;
}
#filter:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#filter .ico {
font-family: 'RobotoSlab-Light-2', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
color: #8299a4;
padding-left: 44px;
margin: 18px 0 0 15px;
position: relative;
float: left;
cursor: pointer;
}
#filter .ico:before {
border: 0 solid #08496d;
border-width: 4px 0;
width: 31px;
height: 16px;
position: absolute;
top: -1px;
left: 0;
content: '';
}
#filter .ico:after {
border-top: 4px solid #08496d;
width: 31px;
position: absolute;
top: 9px;
left: 0;
content: '';
}
#filter .ico span:before {
content: attr(data-filter-open);
}
#filter .ico:hover {
color: #00476a;
}
#filter .ico.sel:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -760px 0;
border: 0;
width: 27px;
height: 27px;
top: -2px;
}
#filter .ico.sel:after {
display: none;
}
#filter .ico.sel span:before {
content: attr(data-filter-close);
}
#filter h2 {
font-size: 24px;
line-height: 28px;
color: #00476a;
text-align: center;
padding: 14px 0 18px;
margin: 0 200px;
transition: color 0.3s 0s;
-webkit-transition: color 0.3s 0s;
}
#filter .list {
width: 100%;
height: 0;
margin-top: -10px;
float: left;
overflow: hidden;
}
#filter .list.opn {
height: auto;
overflow: visible;
}
#filter .list form {
background-color: #00476a;
padding: 13px 15px 12px;
margin-top: 10px;
position: relative;
/*.inputblock_box {width:872px;._left;}*/
}
#filter .list form:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#filter .list form:before {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 10px solid #00476a;
position: absolute;
bottom: 100%;
left: 23px;
content: '';
}
#filter .list form a.btn_1,
#filter .list form a.btn_2 {
min-width: 56px;
padding: 7px 20px 8px;
margin-right: 8px;
float: left;
}
#filter .list form .tools {
margin: 4px 0;
float: right;
}
#filter .list form .box {
margin-right: 280px;
}
#filter .list form .box:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#filter .list form .inputblock {
margin: 4px 0;
float: left;
}
#filter .list form .inputblock label {
display: none;
}
#filter .list form .inputblock .input {
padding: 0 18px;
margin-right: 8px;
}
#filter .list form .inputblock .input input {
background-color: white;
font-size: 12px;
line-height: 18px;
color: #4c4c4c;
border: 0;
width: 100%;
height: 18px;
padding: 9px 18px 10px;
margin: 0 -18px;
display: block;
}
#filter .list form .inputblock .input input ._phcolor {
color: #9a9a9a;
opacity: 1;
}
#filter .list form .inputblock .input input::-webkit-input-placeholder {
color: #9a9a9a;
opacity: 1;
/*padding-top:1px;*/
}
#filter .list form .inputblock .input input:-moz-placeholder {
color: #9a9a9a;
opacity: 1;
}
#filter .list form .inputblock .input input::-moz-placeholder {
color: #9a9a9a;
opacity: 1;
}
#filter .list form .inputblock .input input:-ms-input-placeholder {
color: #9a9a9a;
opacity: 1;
}
#filter .list form .inputblock .input input.placeholder {
color: #9a9a9a;
opacity: 1;
}
#filter .list form .inputblock.s1 {
width: 22.3%;
}
#filter .list form .inputblock.s2 {
width: 18.5%;
}
#filter .list form .inputblock.s3 {
width: 18.4%;
}
#filter .list form .select {
max-width: 148px;
margin-right: 8px;
}
#filter .list form .select dt a {
background-color: white;
font-size: 12px;
line-height: 16px;
color: #9a9a9a;
text-decoration: none;
height: 16px;
padding: 10px 30px 11px 16px;
position: relative;
display: block;
white-space: nowrap;
}
#filter .list form .select dt a a {
text-decoration: none;
}
#filter .list form .select dt a:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
width: 13px;
height: 15px;
position: absolute;
top: 11px;
right: 11px;
content: '';
}
#filter .list form .select dt a > span {
display: block;
overflow: hidden;
}
#filter .list form .select dt a span span {
color: black;
padding-left: 10px;
margin-left: 6px;
position: relative;
display: inline-block;
}
#filter .list form .select dt a span span:before {
border-left: 1px solid #9a9a9a;
position: absolute;
top: 3px;
bottom: 1px;
left: 0;
content: '';
}
#filter .list form .select dd {
position: relative;
z-index: 1;
}
#filter .list form .select dd div {
width: 100%;
position: absolute;
top: 1px;
left: 0;
display: none;
}
#filter .list form .select dd ul {
background-color: #eaf5fa;
/*max-height:140px;*/
position: relative;
overflow: hidden;
overflow-y: auto;
}
#filter .list form .select dd ul li a {
font-size: 12px;
line-height: 16px;
color: #9a9a9a;
text-decoration: none;
padding: 5px 16px 7px;
display: block;
transition: all 0.3s 0s;
-webkit-transition: all 0.3s 0s;
}
#filter .list form .select dd ul li a a {
text-decoration: none;
}
#filter .list form .select dd ul li:hover a,
#filter .list form .select dd ul li.selected a,
#filter .list form .select dd ul li.active a {
background-color: #00476a;
color: white;
}
#filter .list form .select dd ul li:hover a span span,
#filter .list form .select dd ul li.selected a span span,
#filter .list form .select dd ul li.active a span span {
color: white;
}
#filter .list form .select dd span span {
color: black;
padding-left: 10px;
margin-left: 6px;
position: relative;
display: inline-block;
}
#filter .list form .select dd span span:before {
border-left: 1px solid #9a9a9a;
position: absolute;
top: 3px;
bottom: 1px;
left: 0;
content: '';
}
#filter .list .menu {
font-size: 15px;
line-height: 20px;
text-align: center;
max-width: 536px;
margin: 0 auto;
padding: 29px 0 36px;
}
#filter .list .menu li {
padding: 12px 0 14px;
}
#filter .list .menu li a {
text-decoration: none;
}
#filter .list .menu li a a {
text-decoration: none;
}
#filter .list .menu li a:hover {
color: #00476a;
}
#filter .list .menu li + li {
border-top: 2px solid #268fbf;
}
#filter .list .menu li.sel a {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
color: #00476a;
}
#filter.v2 {
background-color: white;
min-height: 50px;
}
#filter.v2 .ico {
margin-top: 15px;
}
#filter.v2 h2 {
font-size: 20px;
line-height: 24px;
padding: 12px 0 14px;
}
#filter.v2 .list.opn {
position: relative;
}
#filter.v2 .list.opn:before {
background-image: url("../images/design/filter_shadow.png");
background-color: transparent;
background-repeat: repeat-x;
background-position: 0 0;
height: 9px;
position: absolute;
top: 100%;
left: 0;
right: 0;
content: '';
}
#filter.sel h2 {
color: white;
}
#filter_2 {
background-color: white;
min-height: 50px;
}
#filter_2:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#filter_2 .ico {
font-family: 'RobotoSlab-Light-2', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
color: #8299a4;
padding-left: 63px;
margin: 15px 0 0 0;
position: relative;
float: left;
cursor: pointer;
/*&.sel {
&:before {._sprite(-760px, 0);border:0;._wh(27px, 27px);top:-2px;}
&:after {._none;}
span:before {content:attr(data-filter-close);}
}*/
}
#filter_2 .ico:before {
border: 0 solid #08496d;
border-width: 4px 0;
width: 30px;
height: 16px;
position: absolute;
top: -1px;
left: 10px;
z-index: 1;
content: '';
}
#filter_2 .ico:after {
border-top: 4px solid #08496d;
width: 30px;
position: absolute;
top: 9px;
left: 10px;
z-index: 1;
content: '';
}
#filter_2 .ico span:before {
content: attr(data-filter-open);
}
#filter_2 .ico span:after {
background-color: #e9af10;
width: 50px;
height: 50px;
position: absolute;
top: -15px;
left: 0;
content: '';
}
#filter_2 .ico:hover {
color: #00476a;
}
#filter_2 h2 {
font-size: 20px;
line-height: 24px;
color: #00476a;
text-align: center;
padding: 12px 0 14px;
margin: 0 200px;
transition: color 0.3s 0s;
-webkit-transition: color 0.3s 0s;
}
#filter_2.fix {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 900;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.24);
}
#filter_2.fix + #body {
padding-top: 50px;
}
@media screen and (max-width: 1200px) {
#filter .list form {
padding-bottom: 58px;
}
#filter .list form .tools {
margin: 50px 0 -200px;
}
#filter .list form .box {
width: 100%;
margin: 0;
float: left;
}
#filter .list form a.btn_1,
#filter .list form a.btn_2 {
float: none;
}
#filter .list form .select {
max-width: none;
}
}
.shopping .title {
border-bottom: 1px solid #bcd5e1;
padding: 35px 15px 40px;
}
.shopping .title:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.shopping .title h2 {
font-size: 24px;
line-height: 28px;
color: #00476a;
float: left;
}
.shopping .title .sum {
font-family: 'RobotoSlab-Light-2', Arial, Helvetica, sans-serif;
font-size: 36px;
line-height: 40px;
color: #00476a;
text-transform: uppercase;
text-align: right;
margin: -3px 0 -9px;
float: right;
}
.shopping .title .sum > div {
display: inline-block;
}
.shopping .title .sum > div + div {
margin-left: 5px;
}
.shopping .title .sum > div span {
font-size: 12px;
line-height: 16px;
}
.shopping .title .sum > div div {
display: inline;
}
.shopping .title .sum > div div + span {
margin-left: 5px;
}
.shopping .list {
color: #383838;
font-size: 12px;
line-height: 16px;
padding-bottom: 40px;
}
.shopping .list > section {
border-bottom: 1px solid #bcd5e1;
padding: 21px 83px 20px;
position: relative;
}
.shopping .list .num {
background-color: #00476a;
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 53px;
color: white;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
width: 53px;
height: 53px;
position: absolute;
top: 23px;
left: 15px;
}
.shopping .list .sum {
font-family: 'RobotoSlab-Light-2', Arial, Helvetica, sans-serif;
font-size: 30px;
line-height: 34px;
color: #00476a;
}
.shopping .list .customer {
margin-top: 5px;
}
.shopping .list .customer span {
color: #00476a;
text-transform: uppercase;
margin-right: 17px;
}
.shopping .list h2 {
font-size: 18px;
line-height: 22px;
color: #383838;
margin-top: 12px;
}
.shopping .list .txt {
max-width: 700px;
margin-top: 12px;
}
.shopping .list ul {
font-family: 'RobotoSlab-Light-2', Arial, Helvetica, sans-serif;
color: #00476a;
margin-top: 22px;
}
.shopping .list ul li {
display: inline;
}
.shopping .list ul li + li {
margin-left: 13px;
}
.shopping .list ul li + li:before {
margin-right: 17px;
content: '|';
}
.shopping .list ul a {
color: #00476a;
text-decoration: none;
}
.shopping .list ul a a {
text-decoration: none;
}
.shopping .list ul a:hover,
.shopping .list ul a a:hover {
text-decoration: underline;
}
.shopping .list ul span {
font-family: 'RobotoSlab-Regular-2', Arial, Helvetica, sans-serif;
color: #00476a;
}
#wrapper.bg_1 {
background-color: #eaf5fa;
}
#wrapper.v2 #sidebar {
width: 23.6%;
padding: 16px 0 30px;
float: left;
display: block !important;
}
#wrapper.v2 #sidebar:before {
background-color: white;
width: 23.6%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: -1;
content: '';
}
#wrapper.v2 #sidebar:after {
background-color: white;
width: 2000px;
position: absolute;
top: 0;
bottom: 0;
right: 100%;
z-index: -1;
content: '';
}
#wrapper.v2 #sidebar .menu_2 {
font-size: 15px;
line-height: 18px;
padding-top: 17px;
margin: 0 19px;
}
#wrapper.v2 #sidebar .menu_2 li + li {
margin-top: 17px;
}
#wrapper.v2 #sidebar .menu_2 li a {
text-decoration: none;
}
#wrapper.v2 #sidebar .menu_2 li a a {
text-decoration: none;
}
#wrapper.v2 #sidebar .menu_2 li a:hover {
color: #00476a;
}
#wrapper.v2 #sidebar .menu_2 li.sel a {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
color: #00476a;
}
#wrapper.v2 #sidebar + #main {
width: 76.4%;
}
#wrapper.v2 #sidebar + #main > section {
padding-left: 29px;
}
#wrapper.v2 #main {
width: 100%;
float: right;
}
#wrapper.v2 #main > section {
padding: 16px 0 30px 0;
}
#wrapper.v2 #main .form_1 {
padding: 12px 0 0;
}
#wrapper.v2 #main .form_1 h1 {
margin-bottom: 37px;
}
#wrapper.v2 #main .form_1 h2 {
font-size: 24px;
line-height: 28px;
margin-bottom: 27px;
}
#wrapper.v2 #main .form_1 .input {
padding-right: 41px;
}
#wrapper.v2 #main .form_1 .input:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#wrapper.v2 #main .form_1 .input.s1 {
width: 328px;
}
#wrapper.v2 #main .form_1 .inputblock.no_ok input[type="text"],
#wrapper.v2 #main .form_1 .inputblock.no_ok input[type="file"],
#wrapper.v2 #main .form_1 .inputblock.no_ok input[type="password"],
#wrapper.v2 #main .form_1 .inputblock.no_ok textarea {
border: 2px solid red;
height: 39px;
margin: -1px 0;
}
#wrapper.v2 #main .form_1 .inputblock.no_ok textarea {
height: 123px;
}
#wrapper.v2 #main .form_1 .inputblock.no_ok .sbHolder .sbSelector {
border-color: red;
}
#wrapper.v2 #main .form_1 .inputblock.no_ok .sbHolder .sbSelector:after {
border: 2px solid red;
position: absolute;
top: -2px;
bottom: -2px;
left: -1px;
right: -1px;
content: '';
}
#wrapper.v2 #main .form_1 .row {
padding-right: 40px;
}
#wrapper.v2 #main .form_1 .row .inputblock {
float: left;
}
#wrapper.v2 #main .form_1 .row .inputblock + .inputblock {
margin-left: 16px;
}
#wrapper.v2 #main .form_1 .row .inputblock.s50 {
width: 328px;
}
#wrapper.v2 #main .form_1 .row .inputblock.s25 {
width: 156px;
}
#wrapper.v2 #main .form_1 .cbox.checkbox label:before {
border: 1px solid #aacad8;
width: 13px;
height: 13px;
}
#wrapper.v2 #main .form_1 .cbox.checkbox label:after {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -130px -100px;
width: 8px;
height: 9px;
top: 5px;
left: 4px;
}
#wrapper.v2 #main .form_1 .cbox_list_2 .cbox + .cbox {
margin-top: 8px;
}
#wrapper.v2 #main .form_1 .tooltip {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -150px -100px;
border-radius: 50%;
-webkit-border-radius: 50%;
width: 21px;
height: 21px;
margin: 8px -32px 0 0;
float: right;
cursor: pointer;
}
#wrapper.v2 #main .form_1 .tooltip:hover {
background-position: -180px -100px;
}
#wrapper.v2 #main .form {
padding: 12px 0 30px;
}
#wrapper.v2 #main .form h1 {
margin-bottom: 37px;
}
.tooltip_text {
display: none;
}
#hint {
background-color: #00476a;
font-size: 12px;
line-height: 16px;
color: white;
width: 235px;
position: absolute;
z-index: 900;
display: none;
}
#hint .txt {
padding: 15px 20px 19px;
}
.advanced_box {
width: 100%;
position: absolute;
top: 22px;
left: 0;
z-index: 10;
display: none;
}
.advanced_search {
background-color: #d3eaf3;
position: relative;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.45);
}
.advanced_search .close {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -760px 0;
text-indent: -9999px;
width: 27px;
height: 27px;
position: absolute;
top: 24px;
right: 36px;
z-index: 1;
cursor: pointer;
}
.advanced_search h2 {
background-color: white;
font-size: 24px;
line-height: 28px;
color: #165372;
padding: 21px 32px 25px;
}
.advanced_search h3 {
font-size: 18px;
line-height: 22px;
color: #4c4c4c;
margin-bottom: 19px;
}
.advanced_search form {
padding: 25px 32px 44px;
}
.advanced_search form > *:first-child {
border-top: 0;
padding-top: 0;
margin-top: 0;
}
.advanced_search .inputblock label {
font-size: 12px;
line-height: 16px;
margin-bottom: 5px;
display: block;
cursor: auto;
}
.advanced_search .inputblock label.hidden {
display: none;
}
.advanced_search .inputblock .input {
padding: 0 16px;
display: block;
}
.advanced_search .inputblock .input input {
background-color: white;
font-size: 12px;
line-height: 18px;
border: 1px solid #aacad8;
width: 100%;
height: 18px;
padding: 8px 15px 9px;
margin: 0 -16px;
display: block;
}
.advanced_search .inputblock + .inputblock {
margin-top: 13px;
}
.advanced_search .inputblock.s1 {
width: 26.5%;
float: left;
}
.advanced_search .inputblock.s1 + .inputblock {
margin: 0 0 0 6.5%;
}
.advanced_search .inputblock.s2 {
width: 67%;
float: left;
}
.advanced_search .inputblock.date .input {
background-color: white;
padding-right: 39px;
position: relative;
}
.advanced_search .inputblock.date .input:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -800px -40px;
width: 30px;
height: 28px;
position: absolute;
top: 4px;
right: 5px;
content: '';
}
.advanced_search .inputblock.date .input input {
background: none transparent;
padding-right: 38px;
margin-right: -39px;
position: relative;
}
.advanced_search .select dt a {
background-color: white;
font-size: 12px;
line-height: 16px;
color: #4c4c4c;
text-decoration: none;
border: 1px solid #aacad8;
height: 16px;
padding: 9px 40px 10px 15px;
position: relative;
display: block;
white-space: nowrap;
}
.advanced_search .select dt a a {
text-decoration: none;
}
.advanced_search .select dt a:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
width: 13px;
height: 15px;
position: absolute;
top: 10px;
right: 10px;
content: '';
}
.advanced_search .select dt a > span {
display: block;
overflow: hidden;
}
.advanced_search .select dd {
position: relative;
z-index: 1;
}
.advanced_search .select dd div {
width: 100%;
position: absolute;
top: 1px;
left: 0;
display: none;
}
.advanced_search .select dd ul {
background-color: white;
border: 1px solid #aacad8;
/*max-height:140px;*/
position: relative;
overflow: hidden;
overflow-y: auto;
}
.advanced_search .select dd ul li a {
font-size: 12px;
line-height: 16px;
color: #4c4c4c;
text-decoration: none;
padding: 5px 15px 7px;
display: block;
transition: all 0.3s 0s;
-webkit-transition: all 0.3s 0s;
}
.advanced_search .select dd ul li a a {
text-decoration: none;
}
.advanced_search .select dd ul li:hover a,
.advanced_search .select dd ul li.selected a,
.advanced_search .select dd ul li.active a {
background-color: #00476a;
color: white;
}
.advanced_search .cbox {
font-size: 12px;
line-height: 14px;
min-height: 16px;
padding: 0 0 0 31px;
position: relative;
overflow: hidden;
}
.advanced_search .cbox input {
position: absolute;
top: 0;
left: -20px;
}
.advanced_search .cbox.radio label:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -20px 0;
width: 16px;
height: 16px;
position: absolute;
top: 0;
left: 0;
content: '';
}
.advanced_search .cbox.radio.checked label:before {
background-position: -20px -30px;
}
.advanced_search .cbox.checkbox label:before {
background-color: white;
width: 15px;
height: 15px;
position: absolute;
top: 0;
left: 0;
content: '';
}
.advanced_search .cbox.checkbox label:after {
background-color: #00476a;
width: 9px;
height: 9px;
position: absolute;
top: 3px;
left: 3px;
content: '';
display: none;
}
.advanced_search .cbox.checkbox.checked label:after {
display: block;
}
.advanced_search .box:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.advanced_search .box .col {
width: 50%;
float: left;
}
.advanced_search .box .col + .col {
width: 47%;
margin-left: 3%;
}
.advanced_search .box .col_1 {
width: 50%;
float: left;
}
.advanced_search .box .col_2 {
width: 33.2%;
float: left;
}
.advanced_search .box .col_3 {
width: 66.8%;
float: left;
margin-top: 21px;
}
.advanced_search .box .col_3 .label {
font-size: 12px;
line-height: 16px;
}
.advanced_search .box .col_3 > .label {
width: 40%;
float: left;
}
.advanced_search .box .col_3 .label_col {
width: 60%;
float: left;
}
.advanced_search .box .col_3 .label_col .label {
text-align: center;
width: 50px;
margin: 10px -25px 0;
float: left;
}
.advanced_search .box .col_3 .label_col .inputblock {
width: 50%;
float: left;
}
.advanced_search .box .col_3 .label_col .inputblock .input {
margin-left: 25px;
}
.advanced_search .box .col_3 .label_col .inputblock:first-child .input {
margin: 0 25px 0 0;
}
.advanced_search .box .col_3 .label_table {
width: 100%;
height: 36px;
display: table;
}
.advanced_search .box .col_3 .label_table > div {
text-align: right;
vertical-align: middle;
padding: 0 10px;
display: table-cell;
}
.advanced_search .box + h3 {
padding-top: 22px;
}
.advanced_search .box.v2 + .v2 {
margin-top: 21px;
}
.advanced_search .period {
border-top: 1px solid #bcd5e1;
padding: 32px 0 20px;
}
.advanced_search .period:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.advanced_search .period h3 {
padding-left: 45px;
position: relative;
float: left;
}
.advanced_search .period h3:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -800px 0;
width: 30px;
height: 31px;
position: absolute;
top: -3px;
left: 0;
content: '';
}
.advanced_search .period .fields {
margin-top: -5px;
float: right;
}
.advanced_search .period .fields .inputblock {
float: left;
}
.advanced_search .period .fields .inputblock label {
text-align: center;
width: 49px;
margin: 10px -49px 0 0;
float: left;
}
.advanced_search .period .fields .inputblock .input {
width: 110px;
margin-left: 49px;
}
.advanced_search .period .fields .inputblock + .inputblock {
margin: 0;
}
.advanced_search .period .fields .cbox {
padding-left: 24px;
margin: 11px 0 0 10px;
float: left;
}
.advanced_search .dropbox {
border-top: 1px solid #bcd5e1;
}
.advanced_search .dropbox .title:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.advanced_search .dropbox .title h3 {
color: #01476b;
padding: 25px 60px 28px 0;
margin: 0;
position: relative;
cursor: pointer;
}
.advanced_search .dropbox .title h3:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -880px 0;
width: 53px;
height: 30px;
position: absolute;
top: 23px;
right: 0;
content: '';
display: none;
}
.advanced_search .dropbox .title h3:hover {
color: #626668;
}
.advanced_search .dropbox .title h3:hover:before {
display: block;
}
.advanced_search .dropbox .title .hide {
display: none;
}
.advanced_search .dropbox .title.sel .hide {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -840px 0;
text-indent: -9999px;
width: 27px;
height: 27px;
margin-top: -10px;
float: right;
display: block;
cursor: pointer;
}
.advanced_search .dropbox .title.sel .hide:hover {
background-position: -840px -40px;
}
.advanced_search .dropbox .title.sel h3,
.advanced_search .dropbox .title.sel h3:hover {
color: #626668;
padding: 0;
margin-right: 40px;
cursor: auto;
}
.advanced_search .dropbox .title.sel h3:before,
.advanced_search .dropbox .title.sel h3:hover:before {
display: none;
}
.advanced_search .dropbox .drop {
height: 0;
overflow: hidden;
}
.advanced_search .dropbox .drop.opn {
height: auto;
overflow: visible;
}
.advanced_search .dropbox .drop_content {
padding: 19px 0 8px;
}
.advanced_search .dropbox.opn {
padding: 25px 0 28px;
}
.advanced_search .dropbox.opn .title h3 {
padding-top: 0;
pabbing-bottom: 0;
}
.advanced_search .section {
border-top: 1px solid #bcd5e1;
padding: 25px 0 0;
}
.advanced_search .section:first-child {
padding-bottom: 36px;
}
.advanced_search .section a.btn_2 {
border-color: #01476b;
color: #01476b;
display: block;
}
.advanced_search .section a.btn_2:hover {
background-color: #01476b;
color: white;
}
.advanced_search .cbox_list_1 {
padding: 9px 0 13px;
}
.advanced_search .cbox_list_1:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.advanced_search .cbox_list_1 .col1 {
width: 26%;
float: left;
}
.advanced_search .cbox_list_1 .col2 {
width: 35.2%;
margin-left: 2%;
float: left;
}
.advanced_search .cbox_list_1 .col3 {
width: 34.8%;
margin-left: 2%;
float: left;
}
.advanced_search .cbox_list_1 .cbox + .cbox {
margin-top: 24px;
}
.advanced_search .cbox_list_2 {
margin-top: 13px;
}
.advanced_search .cbox_list_2:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.advanced_search .cbox_list_2 .cbox {
padding-left: 22px;
margin-right: 22px;
float: left;
}
.advanced_search .cbox_list_2.v2 {
margin-top: 32px;
}
.advanced_search .cbox_list_2.v2 .cbox {
margin: 0 0 0 20px;
}
.mobile .cbox input {
left: -1000px !important;
}
/*html, body {min-width:3480px;}*/
#overlay {
display: none;
}
#left_menu {
display: none;
}
._form_bl {
padding: 24px 15px 30px;
/*#anchor3 {._bgc(@white);._ti;._wh(38px, 35px);._rel;margin:-10px 0 0;._right;
&:before {._sprite(-800px, -40px);._wh(30px, 28px);._abs;top:3px;right:4px;._cont;}
}*/
}
._form_bl h3 {
font-size: 28px;
line-height: 32px;
color: #00476a;
margin-bottom: 20px;
}
._form_bl legend {
font-size: 18px;
line-height: 22px;
margin: 0;
padding: 0;
margin-bottom: 27px;
display: block;
}
._form_bl label.input_label {
font-size: 12px;
line-height: 16px;
margin-bottom: 4px;
display: block;
cursor: auto;
}
._form_bl input[type="text"],
._form_bl input[type="file"],
._form_bl input[type="password"],
._form_bl textarea {
background-color: white;
font-size: 12px;
line-height: 18px;
color: #4c4c4c;
border: 1px solid #aacad8;
width: 100%;
height: 37px;
padding: 8px 12px 9px;
display: block;
box-sizing: border-box;
}
._form_bl input[type="text"] ._phcolor,
._form_bl input[type="file"] ._phcolor,
._form_bl input[type="password"] ._phcolor,
._form_bl textarea ._phcolor {
color: #4c4c4c;
opacity: 1;
}
._form_bl input[type="text"]::-webkit-input-placeholder,
._form_bl input[type="file"]::-webkit-input-placeholder,
._form_bl input[type="password"]::-webkit-input-placeholder,
._form_bl textarea::-webkit-input-placeholder {
color: #4c4c4c;
opacity: 1;
/*padding-top:1px;*/
}
._form_bl input[type="text"]:-moz-placeholder,
._form_bl input[type="file"]:-moz-placeholder,
._form_bl input[type="password"]:-moz-placeholder,
._form_bl textarea:-moz-placeholder {
color: #4c4c4c;
opacity: 1;
}
._form_bl input[type="text"]::-moz-placeholder,
._form_bl input[type="file"]::-moz-placeholder,
._form_bl input[type="password"]::-moz-placeholder,
._form_bl textarea::-moz-placeholder {
color: #4c4c4c;
opacity: 1;
}
._form_bl input[type="text"]:-ms-input-placeholder,
._form_bl input[type="file"]:-ms-input-placeholder,
._form_bl input[type="password"]:-ms-input-placeholder,
._form_bl textarea:-ms-input-placeholder {
color: #4c4c4c;
opacity: 1;
}
._form_bl input[type="text"].placeholder,
._form_bl input[type="file"].placeholder,
._form_bl input[type="password"].placeholder,
._form_bl textarea.placeholder {
color: #4c4c4c;
opacity: 1;
}
._form_bl input[type="text"] + label.input_label,
._form_bl input[type="file"] + label.input_label,
._form_bl input[type="password"] + label.input_label,
._form_bl textarea + label.input_label {
margin-top: 23px;
}
._form_bl input[type="submit"] {
background: none transparent;
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
color: #4c4c4c;
text-transform: uppercase;
text-align: center;
border: 3px solid #278ec1;
height: 46px;
padding: 7px 25px 8px;
margin-right: 7px;
display: inline-block;
transition: all 0.3s 0s;
-webkit-transition: all 0.3s 0s;
box-sizing: border-box;
}
._form_bl input[type="submit"]:hover {
background-color: #278ec1;
color: white;
}
._form_bl textarea {
height: 123px;
overflow: hidden;
overflow-y: auto;
resize: none;
}
._form_bl #form_errors {
font-size: 12px;
line-height: 16px;
color: red;
}
._form_bl #form_errors p {
padding-left: 39px;
}
._form_bl #form_errors p + p {
margin-top: 5px;
}
._form_bl #form_errors p:first-child {
position: relative;
}
._form_bl #form_errors p:first-child:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: 0 -100px;
width: 27px;
height: 24px;
position: absolute;
top: -6px;
left: 0;
content: '';
}
._form_bl #form_errors p:last-child {
padding-bottom: 30px;
}
._form_bl input[type="submit"] {
margin-top: 31px;
}
._form_bl table {
font-size: 12px;
line-height: 16px;
border-width: 0;
border-spacing: 0;
margin-top: 28px;
}
._form_bl table td {
background-color: white;
font-size: 12px;
line-height: 16px;
border: 0;
padding: 8px 12px 10px;
position: relative;
}
._form_bl table td:before {
border-top: 1px solid #f9fcfe;
border-bottom: 1px solid #eaf5fa;
position: absolute;
bottom: 0;
left: 0;
right: 0;
content: '';
}
._form_bl table td + td:after {
border-left: 1px solid #bcd5e1;
position: absolute;
top: 8px;
bottom: 8px;
left: 0;
content: '';
}
._form_bl table a {
color: #00476a;
text-decoration: underline;
}
._form_bl table a:hover {
text-decoration: none;
}
._form_bl table a:hover a {
text-decoration: none;
}
.form_1 {
padding: 24px 15px 30px;
/**/
}
.form_1 h1 {
font-size: 28px;
line-height: 32px;
color: #00476a;
margin-bottom: 24px;
}
.form_1 h2 {
font-size: 28px;
line-height: 32px;
margin-bottom: 24px;
}
.form_1 h3,
.form_1 legend {
font-size: 18px;
line-height: 22px;
margin-bottom: 23px;
}
.form_1 h3.ico,
.form_1 legend.ico {
padding-left: 45px;
position: relative;
}
.form_1 h3.ico img,
.form_1 legend.ico img {
position: absolute;
top: -4px;
left: 0;
}
.form_1 label {
font-size: 12px;
line-height: 16px;
margin-bottom: 4px;
display: block;
cursor: auto;
}
.form_1 input[type="text"],
.form_1 input[type="file"],
.form_1 input[type="password"],
.form_1 textarea {
background-color: white;
font-size: 12px;
line-height: 18px;
color: #4c4c4c;
border: 1px solid #aacad8;
width: 100%;
height: 37px;
padding: 8px 12px 9px;
display: block;
box-sizing: border-box;
}
.form_1 input[type="text"] ._phcolor,
.form_1 input[type="file"] ._phcolor,
.form_1 input[type="password"] ._phcolor,
.form_1 textarea ._phcolor {
color: #4c4c4c;
opacity: 1;
}
.form_1 input[type="text"]::-webkit-input-placeholder,
.form_1 input[type="file"]::-webkit-input-placeholder,
.form_1 input[type="password"]::-webkit-input-placeholder,
.form_1 textarea::-webkit-input-placeholder {
color: #4c4c4c;
opacity: 1;
/*padding-top:1px;*/
}
.form_1 input[type="text"]:-moz-placeholder,
.form_1 input[type="file"]:-moz-placeholder,
.form_1 input[type="password"]:-moz-placeholder,
.form_1 textarea:-moz-placeholder {
color: #4c4c4c;
opacity: 1;
}
.form_1 input[type="text"]::-moz-placeholder,
.form_1 input[type="file"]::-moz-placeholder,
.form_1 input[type="password"]::-moz-placeholder,
.form_1 textarea::-moz-placeholder {
color: #4c4c4c;
opacity: 1;
}
.form_1 input[type="text"]:-ms-input-placeholder,
.form_1 input[type="file"]:-ms-input-placeholder,
.form_1 input[type="password"]:-ms-input-placeholder,
.form_1 textarea:-ms-input-placeholder {
color: #4c4c4c;
opacity: 1;
}
.form_1 input[type="text"].placeholder,
.form_1 input[type="file"].placeholder,
.form_1 input[type="password"].placeholder,
.form_1 textarea.placeholder {
color: #4c4c4c;
opacity: 1;
}
.form_1 .cbox {
font-size: 12px;
line-height: 14px;
min-height: 16px;
padding: 0 0 0 27px;
position: relative;
overflow: hidden;
}
.form_1 .cbox input {
position: absolute;
top: 0;
left: -20px;
}
.form_1 .cbox label {
margin: 0;
padding: 0;
display: inline;
cursor: default;
}
.form_1 .cbox.radio label:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -20px 0;
width: 16px;
height: 16px;
position: absolute;
top: 1px;
left: 0;
content: '';
}
.form_1 .cbox.radio.checked label:before {
background-position: -20px -30px;
}
.form_1 .cbox.checkbox label:before {
background-color: white;
width: 15px;
height: 15px;
position: absolute;
top: 1px;
left: 0;
content: '';
}
.form_1 .cbox.checkbox label:after {
background-color: #00476a;
width: 9px;
height: 9px;
position: absolute;
top: 4px;
left: 3px;
content: '';
display: none;
}
.form_1 .cbox.checkbox.checked label:after {
display: block;
}
.form_1 fieldset > input[type="radio"],
.form_1 fieldset > input[type="checkbox"] {
vertical-align: bottom;
padding: 0;
margin: 0 15px 0 0;
position: relative;
top: -3px;
}
.form_1 fieldset > input[type="radio"] + label.check_label,
.form_1 fieldset > input[type="checkbox"] + label.check_label {
margin: 0;
}
.form_1 fieldset .check_label {
margin-right: 18px;
display: inline;
}
.form_1 .captcha:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.form_1 .captcha input[type="text"] {
width: 131px;
float: left;
}
.form_1 .captcha img {
margin: 3px 0 0 10px;
float: left;
}
.form_1 .date_field {
width: 165px;
position: relative;
}
.form_1 .date_field input[type="text"] {
padding-right: 40px;
}
.form_1 .date_field a {
background-color: white;
text-indent: -9999px;
width: 38px;
height: 35px;
position: absolute;
top: 1px;
right: 1px;
display: inline-block;
}
.form_1 .date_field a:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -800px -40px;
width: 30px;
height: 28px;
position: absolute;
top: 3px;
right: 4px;
content: '';
}
.form_1 .search_field:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.form_1 .search_field input[type="text"] {
float: left;
}
.form_1 .search_field .image_button {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -40px -100px;
text-indent: -9999px;
width: 22px;
height: 22px;
margin: 7px 0 0 1.5%;
float: left;
}
.form_1 .search_field .image_button:hover {
background-position: -70px -100px;
}
.form_1 .search_field.v2 {
padding-right: 44px;
}
.form_1 .search_field.v2 .image_button {
margin: 7px -30px 0 0;
float: none;
float: right;
}
.form_1 .add_field:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.form_1 .add_field input[type="text"] {
float: left;
}
.form_1 .add_field input[type="text"] + .image_button {
margin: 0 0 0 1.5%;
}
.form_1 .add_field .image_button {
text-indent: -9999px;
border: 3px solid #278ec1;
width: 37px;
height: 37px;
position: relative;
float: left;
box-sizing: border-box;
transition: background-color 0.3s 0s;
-webkit-transition: background-color 0.3s 0s;
}
.form_1 .add_field .image_button:before {
background-color: #08496d;
width: 16px;
height: 2px;
position: absolute;
top: 15px;
left: 8px;
content: '';
transition: background-color 0.3s 0s;
-webkit-transition: background-color 0.3s 0s;
}
.form_1 .add_field .image_button:after {
background-color: #08496d;
width: 2px;
height: 16px;
position: absolute;
top: 8px;
left: 15px;
content: '';
transition: background-color 0.3s 0s;
-webkit-transition: background-color 0.3s 0s;
}
.form_1 .add_field .image_button:hover {
background-color: #278ec1;
}
.form_1 .add_field .image_button:hover:before,
.form_1 .add_field .image_button:hover:after {
background-color: white;
}
.form_1 .cbox_list_1 {
padding-top: 3px;
}
.form_1 .cbox_list_1:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.form_1 .cbox_list_1 .cbox {
margin-right: 18px;
float: left;
}
.form_1 .cbox_list_2 {
padding-top: 3px;
}
.form_1 .cbox_list_2:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.form_1 .cbox_list_2 .cbox + .cbox {
margin-top: 15px;
}
.form_1 .cbox_list_3 {
padding-top: 7px;
}
.form_1 .cbox_list_3:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.form_1 .cbox_list_3 .col {
width: 11.2%;
float: left;
}
.form_1 .cbox_list_3 .cbox + .cbox {
margin-top: 15px;
}
.form_1 .time_field {
width: 144px;
}
.form_1 .time_field:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.form_1 .time_field .sbHolder {
width: 63px;
float: left;
}
.form_1 .time_field .span {
font-size: 12px;
line-height: 36px;
text-align: center;
width: 18px;
height: 36px;
float: left;
}
.form_1 .txt {
line-height: 24px;
padding-top: 3px;
margin-bottom: 30px;
}
.form_1 .txt p + p {
margin-top: 15px;
}
.form_1 .txt a {
color: #00476a;
}
.form_1 .attach .attach_txt {
font-size: 12px;
line-height: 16px;
margin-bottom: 19px;
}
.form_1 .attach .attach_txt span {
color: #278ec1;
}
.form_1 .attach .file {
height: 0;
overflow: hidden;
visibility: hidden;
}
.form_1 .attach .file_list:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.form_1 .attach .thumb_example {
display: none;
}
.form_1 .attach .thumb {
font-size: 12px;
line-height: 16px;
padding-left: 39px;
margin: 0 40px 30px 0;
position: relative;
float: left;
}
.form_1 .attach .thumb:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -690px -40px;
width: 28px;
height: 34px;
position: absolute;
top: 4px;
left: 0;
content: '';
}
.form_1 .attach .thumb .name {
color: #00476a;
white-space: nowrap;
text-overflow: ellipsis;
}
.form_1 .attach .thumb .size {
margin-top: -1px;
}
.form_1 .attach .thumb a {
color: red;
text-decoration: none;
display: inline-block;
}
.form_1 .attach .thumb a a {
text-decoration: none;
}
.form_1 .attach .thumb a:hover {
color: #00476a;
}
.form_1 .attach a.btn_2 {
color: #4c4c4c;
padding: 12px 25px;
}
.form_1 .attach a.btn_2:hover {
color: white;
}
.form_1 .bttn {
padding-top: 3px;
}
.form_1 .bttn:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.form_1 .bttn a.btn_1 {
color: #4c4c4c;
min-width: 73px;
margin-right: 7px;
float: left;
}
.form_1 .bttn a.btn_1:hover {
color: white;
}
.form_1 .bttn .msg {
padding-left: 15px;
overflow: hidden;
}
.form_1 .bttn .msg > div {
width: 100%;
height: 46px;
display: table;
}
.form_1 .bttn .msg > div > div {
vertical-align: middle;
display: table-cell;
}
.form_1 .bttn .error_msg {
font-size: 12px;
line-height: 16px;
color: red;
padding-left: 39px;
margin: 6px 0;
position: relative;
}
.form_1 .bttn .error_msg:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: 0 -100px;
width: 27px;
height: 24px;
position: absolute;
top: -6px;
left: 0;
content: '';
}
.form_1 fieldset {
border-bottom: 1px solid #a5beca;
padding: 0 0 40px;
margin: 0 0 28px;
}
.form_1 fieldset.last {
border-bottom: 0;
padding-bottom: 29px;
margin-bottom: 0;
}
.form_1 fieldset fieldset:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.form_1 .inputblock.s1 .sbHolder,
.form_1 .inputblock.s1 select,
.form_1 .inputblock.s1 input[type="text"],
.form_1 .inputblock.s1 input[type="file"],
.form_1 .inputblock.s1 input[type="password"] {
width: 71%;
}
.form_1 .inputblock.s2 {
width: 105px;
}
.form_1 .inputblock.s3 .sbHolder,
.form_1 .inputblock.s3 select,
.form_1 .inputblock.s3 input[type="text"],
.form_1 .inputblock.s3 input[type="file"],
.form_1 .inputblock.s3 input[type="password"] {
width: 31%;
}
.form_1 .inputblock.s4 {
width: 110px;
}
.form_1 .inputblock.f1 {
width: 51%;
}
.form_1 .inputblock.f2 {
width: 23%;
}
.form_1 .inputblock.f3 {
width: 23%;
}
.form_1 .inputblock + .inputblock,
.form_1 .row + .inputblock,
.form_1 .inputblock + .row,
.form_1 .row + .row {
margin-top: 23px;
}
.form_1 .row:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.form_1 .row .inputblock {
float: left;
}
.form_1 .row .inputblock.s1 {
width: 71%;
}
.form_1 .row .inputblock.s1 .sbHolder,
.form_1 .row .inputblock.s1 select,
.form_1 .row .inputblock.s1 input[type="text"],
.form_1 .row .inputblock.s1 input[type="file"],
.form_1 .row .inputblock.s1 input[type="password"] {
width: 100%;
}
.form_1 .row .inputblock.s3 {
width: 31%;
}
.form_1 .row .inputblock.s3 .sbHolder,
.form_1 .row .inputblock.s3 select,
.form_1 .row .inputblock.s3 input[type="text"],
.form_1 .row .inputblock.s3 input[type="file"],
.form_1 .row .inputblock.s3 input[type="password"] {
width: 100%;
}
.form_1 .row .inputblock + .inputblock {
margin: 0 0 0 1.5%;
}
.form_1 ._form_bl {
padding-left: 0;
padding-right: 0;
}
.form_1 ._form_bl:first-child {
padding-top: 1px;
}
.form_1 .data_table_2 {
padding-left: 0;
padding-right: 0;
}
.form_1 .data_table_2:first-child {
padding-top: 1px;
}
.form_1 p#parts_warning {
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: red;
padding-left: 39px;
margin: 20px 0 0;
position: relative;
}
.form_1 p#parts_warning:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: 0 -100px;
width: 27px;
height: 24px;
position: absolute;
top: -6px;
left: 0;
content: '';
}
.form_1 ._form_bl input[type="text"],
.form_1 ._form_bl input[type="file"],
.form_1 ._form_bl input[type="password"],
.form_1 ._form_bl textarea {
width: auto;
display: inline;
}
.form_1 ._form_bl input[type="text"] + a:not(.tip),
.form_1 ._form_bl input[type="file"] + a:not(.tip),
.form_1 ._form_bl input[type="password"] + a:not(.tip),
.form_1 ._form_bl textarea + a:not(.tip) {
margin-left: 10px;
position: relative;
top: 7px;
}
.form_1 ._form_bl input[type="text"] + a:not(.tip) + a,
.form_1 ._form_bl input[type="file"] + a:not(.tip) + a,
.form_1 ._form_bl input[type="password"] + a:not(.tip) + a,
.form_1 ._form_bl textarea + a:not(.tip) + a {
margin-left: 10px;
position: relative;
top: 7px;
}
.form_1 ._form_bl input[type="text"] + #main_add_button,
.form_1 ._form_bl input[type="file"] + #main_add_button,
.form_1 ._form_bl input[type="password"] + #main_add_button,
.form_1 ._form_bl textarea + #main_add_button {
margin-left: 15px;
}
.form_1 ._form_bl input[type="text"] + #additional_button,
.form_1 ._form_bl input[type="file"] + #additional_button,
.form_1 ._form_bl input[type="password"] + #additional_button,
.form_1 ._form_bl textarea + #additional_button,
.form_1 ._form_bl input[type="text"] + #get_contract_name,
.form_1 ._form_bl input[type="file"] + #get_contract_name,
.form_1 ._form_bl input[type="password"] + #get_contract_name,
.form_1 ._form_bl textarea + #get_contract_name {
margin-left: 15px;
top: 0;
}
.form_1 ._form_bl input[type="text"] + #anchor1,
.form_1 ._form_bl input[type="file"] + #anchor1,
.form_1 ._form_bl input[type="password"] + #anchor1,
.form_1 ._form_bl textarea + #anchor1,
.form_1 ._form_bl input[type="text"] + #anchor2,
.form_1 ._form_bl input[type="file"] + #anchor2,
.form_1 ._form_bl input[type="password"] + #anchor2,
.form_1 ._form_bl textarea + #anchor2,
.form_1 ._form_bl input[type="text"] + #anchor3,
.form_1 ._form_bl input[type="file"] + #anchor3,
.form_1 ._form_bl input[type="password"] + #anchor3,
.form_1 ._form_bl textarea + #anchor3,
.form_1 ._form_bl input[type="text"] + #anchor4,
.form_1 ._form_bl input[type="file"] + #anchor4,
.form_1 ._form_bl input[type="password"] + #anchor4,
.form_1 ._form_bl textarea + #anchor4 {
top: -3px;
}
.form_1 ._form_bl input[type="text"] + #anchor1 + #start_date_delete,
.form_1 ._form_bl input[type="file"] + #anchor1 + #start_date_delete,
.form_1 ._form_bl input[type="password"] + #anchor1 + #start_date_delete,
.form_1 ._form_bl textarea + #anchor1 + #start_date_delete,
.form_1 ._form_bl input[type="text"] + #anchor2 + #start_date_delete,
.form_1 ._form_bl input[type="file"] + #anchor2 + #start_date_delete,
.form_1 ._form_bl input[type="password"] + #anchor2 + #start_date_delete,
.form_1 ._form_bl textarea + #anchor2 + #start_date_delete,
.form_1 ._form_bl input[type="text"] + #anchor3 + #start_date_delete,
.form_1 ._form_bl input[type="file"] + #anchor3 + #start_date_delete,
.form_1 ._form_bl input[type="password"] + #anchor3 + #start_date_delete,
.form_1 ._form_bl textarea + #anchor3 + #start_date_delete,
.form_1 ._form_bl input[type="text"] + #anchor4 + #start_date_delete,
.form_1 ._form_bl input[type="file"] + #anchor4 + #start_date_delete,
.form_1 ._form_bl input[type="password"] + #anchor4 + #start_date_delete,
.form_1 ._form_bl textarea + #anchor4 + #start_date_delete,
.form_1 ._form_bl input[type="text"] + #anchor1 + #end_date_delete,
.form_1 ._form_bl input[type="file"] + #anchor1 + #end_date_delete,
.form_1 ._form_bl input[type="password"] + #anchor1 + #end_date_delete,
.form_1 ._form_bl textarea + #anchor1 + #end_date_delete,
.form_1 ._form_bl input[type="text"] + #anchor2 + #end_date_delete,
.form_1 ._form_bl input[type="file"] + #anchor2 + #end_date_delete,
.form_1 ._form_bl input[type="password"] + #anchor2 + #end_date_delete,
.form_1 ._form_bl textarea + #anchor2 + #end_date_delete,
.form_1 ._form_bl input[type="text"] + #anchor3 + #end_date_delete,
.form_1 ._form_bl input[type="file"] + #anchor3 + #end_date_delete,
.form_1 ._form_bl input[type="password"] + #anchor3 + #end_date_delete,
.form_1 ._form_bl textarea + #anchor3 + #end_date_delete,
.form_1 ._form_bl input[type="text"] + #anchor4 + #end_date_delete,
.form_1 ._form_bl input[type="file"] + #anchor4 + #end_date_delete,
.form_1 ._form_bl input[type="password"] + #anchor4 + #end_date_delete,
.form_1 ._form_bl textarea + #anchor4 + #end_date_delete {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -760px 0;
text-indent: -9999px;
width: 27px;
height: 28px;
top: 0;
display: inline-block;
}
.form_1 ._form_bl input[type="text"] + #anchor1 + #start_date_delete:hover,
.form_1 ._form_bl input[type="file"] + #anchor1 + #start_date_delete:hover,
.form_1 ._form_bl input[type="password"] + #anchor1 + #start_date_delete:hover,
.form_1 ._form_bl textarea + #anchor1 + #start_date_delete:hover,
.form_1 ._form_bl input[type="text"] + #anchor2 + #start_date_delete:hover,
.form_1 ._form_bl input[type="file"] + #anchor2 + #start_date_delete:hover,
.form_1 ._form_bl input[type="password"] + #anchor2 + #start_date_delete:hover,
.form_1 ._form_bl textarea + #anchor2 + #start_date_delete:hover,
.form_1 ._form_bl input[type="text"] + #anchor3 + #start_date_delete:hover,
.form_1 ._form_bl input[type="file"] + #anchor3 + #start_date_delete:hover,
.form_1 ._form_bl input[type="password"] + #anchor3 + #start_date_delete:hover,
.form_1 ._form_bl textarea + #anchor3 + #start_date_delete:hover,
.form_1 ._form_bl input[type="text"] + #anchor4 + #start_date_delete:hover,
.form_1 ._form_bl input[type="file"] + #anchor4 + #start_date_delete:hover,
.form_1 ._form_bl input[type="password"] + #anchor4 + #start_date_delete:hover,
.form_1 ._form_bl textarea + #anchor4 + #start_date_delete:hover,
.form_1 ._form_bl input[type="text"] + #anchor1 + #end_date_delete:hover,
.form_1 ._form_bl input[type="file"] + #anchor1 + #end_date_delete:hover,
.form_1 ._form_bl input[type="password"] + #anchor1 + #end_date_delete:hover,
.form_1 ._form_bl textarea + #anchor1 + #end_date_delete:hover,
.form_1 ._form_bl input[type="text"] + #anchor2 + #end_date_delete:hover,
.form_1 ._form_bl input[type="file"] + #anchor2 + #end_date_delete:hover,
.form_1 ._form_bl input[type="password"] + #anchor2 + #end_date_delete:hover,
.form_1 ._form_bl textarea + #anchor2 + #end_date_delete:hover,
.form_1 ._form_bl input[type="text"] + #anchor3 + #end_date_delete:hover,
.form_1 ._form_bl input[type="file"] + #anchor3 + #end_date_delete:hover,
.form_1 ._form_bl input[type="password"] + #anchor3 + #end_date_delete:hover,
.form_1 ._form_bl textarea + #anchor3 + #end_date_delete:hover,
.form_1 ._form_bl input[type="text"] + #anchor4 + #end_date_delete:hover,
.form_1 ._form_bl input[type="file"] + #anchor4 + #end_date_delete:hover,
.form_1 ._form_bl input[type="password"] + #anchor4 + #end_date_delete:hover,
.form_1 ._form_bl textarea + #anchor4 + #end_date_delete:hover {
background-position: -760px -40px;
}
.form_1 ._form_bl b {
font-weight: 400;
}
.form_1 ._form_bl select {
width: auto;
}
.form_1 ._form_bl select#procurement_year {
width: auto;
}
.form_1 ._form_bl select#procurement_year + b {
margin: 0 9px 0 5px;
}
.form_1 ._form_bl input#procurement_id {
width: auto;
display: inline;
}
.form_1 ._form_bl .tip {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -150px -100px;
border-radius: 50%;
-webkit-border-radius: 50%;
width: 21px;
height: 21px;
margin: 0 0 0 10px;
position: relative;
top: 1px;
display: inline-block;
cursor: pointer;
}
.form_1 ._form_bl .tip img {
visibility: hidden;
}
.form_1 ._form_bl .tip:hover {
background-position: -180px -100px;
}
.form_1 ._form_bl #additional_codes > div + div,
.form_1 ._form_bl #additional_cpv > div + div {
margin-top: 15px;
}
.form_1 ._form_bl label.check_label {
margin: 0 0 0 10px;
display: inline;
}
.form_1 ._form_bl select + fieldset {
margin-top: 28px;
}
.form_1 ._form_bl a + .input_label,
.form_1 ._form_bl select + .input_label,
.form_1 ._form_bl input + .input_label {
margin-top: 28px;
}
.form_1 ._form_bl input[type="text"] + div,
.form_1 ._form_bl input[type="file"] + div,
.form_1 ._form_bl input[type="password"] + div,
.form_1 ._form_bl textarea + div,
.form_1 ._form_bl select + div {
margin-top: 28px;
}
.form_1 ._form_bl input[type="text"] + br + .input_label {
margin-top: 28px;
}
.form_1 ._form_bl div + label.input_label {
margin-top: 28px;
}
.form_1 ._form_bl #midd_set {
margin-top: 28px;
}
.form_1 ._form_bl #anchor1,
.form_1 ._form_bl #anchor2,
.form_1 ._form_bl #anchor3,
.form_1 ._form_bl #anchor4 {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -800px -40px;
text-indent: -9999px;
width: 30px;
height: 28px;
display: inline-block;
}
.form_1 ._form_bl form > input[type="text"] + br {
margin-bottom: 28px;
}
.form_1 ._form_bl #parts_set_big {
margin-bottom: 28px;
}
.form_1 ._form_bl #add_part_button + #parts_container {
border-top: 1px solid #a5beca;
padding-top: 28px;
margin-top: 40px;
}
.form_1 ._form_bl #add_part_button + #parts_container fieldset fieldset {
border: 0;
padding: 0;
margin: 28px 0 0;
}
.form_1 ._form_bl #add_part_button + #parts_container fieldset > div {
margin-top: 15px;
}
.form_1 ._form_bl fieldset#auth_info {
padding-bottom: 0;
margin-bottom: 0;
}
.form_1 ._form_bl span.input_prefix > a {
text-indent: -9999px;
border: 3px solid #278ec1;
width: 37px;
height: 37px;
position: relative;
top: -3px;
display: inline-block;
box-sizing: border-box;
transition: background-color 0.3s 0s;
-webkit-transition: background-color 0.3s 0s;
}
.form_1 ._form_bl span.input_prefix > a:before {
background-color: #08496d;
width: 16px;
height: 2px;
position: absolute;
top: 15px;
left: 8px;
content: '';
transition: background-color 0.3s 0s;
-webkit-transition: background-color 0.3s 0s;
}
.form_1 ._form_bl span.input_prefix > a:after {
background-color: #08496d;
width: 2px;
height: 16px;
position: absolute;
top: 8px;
left: 15px;
content: '';
transition: background-color 0.3s 0s;
-webkit-transition: background-color 0.3s 0s;
}
.form_1 ._form_bl span.input_prefix > a:hover {
background-color: #278ec1;
}
.form_1 ._form_bl span.input_prefix > a:hover:before,
.form_1 ._form_bl span.input_prefix > a:hover:after {
background-color: white;
}
.form_1 ._form_bl span.input_prefix p {
margin-top: 15px;
}
.form_1 ._form_bl #middleman_set + br {
display: none;
}
.form_1 ._form_bl #middleman_set + br + input[type="submit"] {
margin-top: 0;
}
.form_1 ._form_bl #middleman_set + br + input[type="submit"] + input[type="submit"] {
margin-top: 0;
}
.form_1 ._form_bl #main_add_button {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -40px -100px;
text-indent: -9999px;
width: 22px;
height: 22px;
display: inline-block;
}
.form_1 ._form_bl #main_add_button:hover {
background-position: -70px -100px;
}
.form_1 ._form_bl #additional_button,
.form_1 ._form_bl #get_contract_name {
text-indent: -9999px;
border: 3px solid #278ec1;
width: 37px;
height: 37px;
position: relative;
display: inline-block;
box-sizing: border-box;
transition: background-color 0.3s 0s;
-webkit-transition: background-color 0.3s 0s;
}
.form_1 ._form_bl #additional_button:before,
.form_1 ._form_bl #get_contract_name:before {
background-color: #08496d;
width: 16px;
height: 2px;
position: absolute;
top: 15px;
left: 8px;
content: '';
transition: background-color 0.3s 0s;
-webkit-transition: background-color 0.3s 0s;
}
.form_1 ._form_bl #additional_button:after,
.form_1 ._form_bl #get_contract_name:after {
background-color: #08496d;
width: 2px;
height: 16px;
position: absolute;
top: 8px;
left: 15px;
content: '';
transition: background-color 0.3s 0s;
-webkit-transition: background-color 0.3s 0s;
}
.form_1 ._form_bl #additional_button:hover,
.form_1 ._form_bl #get_contract_name:hover {
background-color: #278ec1;
}
.form_1 ._form_bl #additional_button:hover:before,
.form_1 ._form_bl #get_contract_name:hover:before,
.form_1 ._form_bl #additional_button:hover:after,
.form_1 ._form_bl #get_contract_name:hover:after {
background-color: white;
}
.form_1 ._form_bl fieldset + br {
display: none;
}
.form_1 ._form_bl fieldset + input[type="submit"],
.form_1 ._form_bl fieldset + br + input[type="submit"] {
margin-top: 0;
}
.form_1 ._form_bl fieldset + input[type="submit"] + input[type="submit"],
.form_1 ._form_bl fieldset + br + input[type="submit"] + input[type="submit"] {
margin-top: 0;
}
.form_1 ._form_bl * + fieldset {
margin-top: 28px;
}
.form_1.filter_form {
padding-bottom: 10px;
/*fieldset {padding-bottom:32px;margin-bottom:0;}*/
}
.form_1.filter_form .row + .inputblock {
margin-top: 16px;
}
.sbHolder {
height: 37px;
position: relative;
}
.sbHolder .sbSelector {
background-color: white;
font-size: 12px;
line-height: 34px;
color: #4c4c4c;
border: 1px solid #aacad8;
text-decoration: none;
height: 35px;
padding: 0 36px 0 12px;
position: relative;
display: block;
}
.sbHolder .sbSelector a {
text-decoration: none;
}
.sbHolder .sbSelector:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
width: 13px;
height: 15px;
position: absolute;
top: 11px;
right: 11px;
content: '';
}
.sbHolder .sbOptions {
background-color: white;
border: 1px solid #aacad8;
max-height: 140px;
position: relative;
top: 1px!important;
overflow: hidden;
overflow-y: auto;
}
.sbHolder .sbOptions li a {
font-size: 12px;
line-height: 16px;
color: black;
text-decoration: none;
padding: 5px 12px 7px;
display: block;
transition: all 0.3s 0s;
-webkit-transition: all 0.3s 0s;
}
.sbHolder .sbOptions li a a {
text-decoration: none;
}
.sbHolder .sbOptions li:hover a,
.sbHolder .sbOptions li.selected a,
.sbHolder .sbOptions li.active a,
.sbHolder .sbOptions li .sbFocus {
background-color: #00476a;
color: white;
}
.sbHolder.sbToggleOpen {
z-index: 1;
}
.form_1 select {
font-size: 12px;
line-height: 34px;
color: #4c4c4c;
border: 1px solid #aacad8;
width: 100%;
height: 35px;
padding: 0 36px 0 12px;
position: relative;
/*&:before {._bgc(@white);._wh(35px, 35px);._abs;top:0;right:0;._cont;}*/
}
.form {
font-size: 14px;
line-height: 1.2;
padding: 24px 15px 30px;
/*#additional_button, #get_contract_name, #add_button, #add_button_cand2, #add_part_button, #add_part_button2 {._ti;border:3px solid #278ec1;._wh(37px, 37px);._rel;._inb;box-sizing:border-box;._trans(background-color, 0.3s, 0s);
&:before {._bgc(#08496d);._wh(16px, 2px);._abs;top:15px;left:8px;._cont;._trans(background-color, 0.3s, 0s);}
&:after {._bgc(#08496d);._wh(2px, 16px);._abs;top:8px;left:15px;._cont;._trans(background-color, 0.3s, 0s);}
&:hover {._bgc(#278ec1);
&:before, &:after {._bgc(@white);}
}
}
#cand_delete, #delete_button {._sprite(-760px, 0);._ti;._wh(27px, 28px);._inb;
&:hover {._bgp(-760px, -40px);}
}
#main_add_button {._sprite(-40px, -100px);._ti;._wh(22px, 22px);._inb;
&:hover {._bgp(-70px, -100px);}
}*/
/*table {._text(12px, 16px);border-width:0;border-spacing:0;margin-top:28px;
th, thead td {._bgc(#278ec1);._n;._text(12px, 16px);color:@white;._all;padding:13px 12px 17px;._rel;
&:before {border-bottom:3px solid #eaf5fa;._abs;bottom:0;left:0;right:0;._cont;}
div {margin:0;}
&.brdr {._rel;
&:after {border-left:1px solid @white;._abs;top:0;bottom:0;left:0;._cont;}
}
}
td {._bgc(@white);._text(11px, 16px);color:#585858;border:0;padding:8px 12px 17px;._rel;
&:before {border-bottom:5px solid #eaf5fa;._abs;bottom:0;left:0;right:0;._cont;}
& + td:after {border-left:1px solid #bcd5e1;._abs;top:8px;bottom:13px;left:0;._cont;}
div {margin:0;
& + div {margin-top:5px;}
}
}
a {color:@color2;text-decoration:underline;
&:hover {._xu;}
}
b {._n;._robotoSlabB2;}
.delete a {color:#fe2704;}
.tooltip_txt {height:16px;margin:0;._rel;
> div {margin:0;._abs;top:0;bottom:0;left:0;right:0;._ovh;._wrapx;text-overflow:ellipsis;}
}
& + table {margin-top:37px;}
}*/
/*table {width:100%;
th {._bgc(#278ec1);._n;._text(12px, 16px);color:@white;._all;border:1px solid @white;padding:13px 12px 12px;}
td {._bgc(@white);._text(11px, 16px);color:#585858;border:1px solid #bcd5e1;padding:8px 12px 12px;}
div {margin:0;}
& + table {margin-top:37px;}
}*/
}
.form h1 {
font-size: 28px;
line-height: 32px;
color: #00476a;
margin-bottom: 24px;
}
.form h1 + form > fieldset:first-child {
padding-top: 0;
margin-top: 0;
}
.form h1 + form > fieldset:first-child > label.input_label:first-child {
margin-top: 0;
}
.form h3 {
font-size: 28px;
line-height: 32px;
color: #00476a;
margin-bottom: 23px;
}
.form legend {
font-size: 18px;
line-height: 22px;
border-top: 1px solid #a5beca;
width: 100%;
padding-top: 28px;
margin-bottom: 23px;
display: block;
}
.form legend + label.input_label {
margin-top: 0;
}
.form legend + fieldset {
margin-top: 0;
}
.form legend + fieldset > legend:first-child {
border: 0;
padding-top: 0;
}
.form legend + div {
margin-top: 0;
}
.form fieldset {
border-bottom: 1px solid #a5beca;
padding: 0 0 40px;
margin: 28px 0 28px;
}
.form fieldset + fieldset {
margin-top: 0;
}
.form fieldset + fieldset > legend {
border: 0;
padding-top: 0;
}
.form fieldset:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.form label {
cursor: auto;
}
.form label.input_label {
margin: 23px 0 4px;
display: block;
cursor: auto;
}
.form input[type="text"],
.form input[type="file"],
.form input[type="password"],
.form textarea {
background-color: white;
font-size: 12px;
line-height: 18px;
color: #4c4c4c;
border: 1px solid #aacad8;
/*width: 55em;*/
height: 37px;
padding: 8px 12px 9px;
box-sizing: border-box;
}
.form input[type="text"] ._phcolor,
.form input[type="file"] ._phcolor,
.form input[type="password"] ._phcolor,
.form textarea ._phcolor {
color: #4c4c4c;
opacity: 1;
}
.form input[type="text"]::-webkit-input-placeholder,
.form input[type="file"]::-webkit-input-placeholder,
.form input[type="password"]::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
color: #4c4c4c;
opacity: 1;
/*padding-top:1px;*/
}
.form input[type="text"]:-moz-placeholder,
.form input[type="file"]:-moz-placeholder,
.form input[type="password"]:-moz-placeholder,
.form textarea:-moz-placeholder {
color: #4c4c4c;
opacity: 1;
}
.form input[type="text"]::-moz-placeholder,
.form input[type="file"]::-moz-placeholder,
.form input[type="password"]::-moz-placeholder,
.form textarea::-moz-placeholder {
color: #4c4c4c;
opacity: 1;
}
.form input[type="text"]:-ms-input-placeholder,
.form input[type="file"]:-ms-input-placeholder,
.form input[type="password"]:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
color: #4c4c4c;
opacity: 1;
}
.form input[type="text"].placeholder,
.form input[type="file"].placeholder,
.form input[type="password"].placeholder,
.form textarea.placeholder {
color: #4c4c4c;
opacity: 1;
}
.form input[type="text"] + label.input_label,
.form input[type="file"] + label.input_label,
.form input[type="password"] + label.input_label,
.form textarea + label.input_label {
margin-top: 23px;
}
.form input[type="text"] + a,
.form input[type="file"] + a,
.form input[type="password"] + a,
.form textarea + a {
margin-left: 10px;
}
.form input[type="text"] + a + a,
.form input[type="file"] + a + a,
.form input[type="password"] + a + a,
.form textarea + a + a {
margin-left: 10px;
}
.form input[type="text"] + .image_button,
.form input[type="file"] + .image_button,
.form input[type="password"] + .image_button,
.form textarea + .image_button,
.form input[type="text"] + .image_button + .image_button,
.form input[type="file"] + .image_button + .image_button,
.form input[type="password"] + .image_button + .image_button,
.form textarea + .image_button + .image_button {
display: inline-block;
}
.form input[type="text"] + .image_button img,
.form input[type="file"] + .image_button img,
.form input[type="password"] + .image_button img,
.form textarea + .image_button img,
.form input[type="text"] + .image_button + .image_button img,
.form input[type="file"] + .image_button + .image_button img,
.form input[type="password"] + .image_button + .image_button img,
.form textarea + .image_button + .image_button img {
margin: 0 0 -15px;
float: left;
}
.form input[type="text"] + #anchor1,
.form input[type="file"] + #anchor1,
.form input[type="password"] + #anchor1,
.form textarea + #anchor1,
.form input[type="text"] + #anchor2,
.form input[type="file"] + #anchor2,
.form input[type="password"] + #anchor2,
.form textarea + #anchor2,
.form input[type="text"] + #anchor3,
.form input[type="file"] + #anchor3,
.form input[type="password"] + #anchor3,
.form textarea + #anchor3,
.form input[type="text"] + #anchor4,
.form input[type="file"] + #anchor4,
.form input[type="password"] + #anchor4,
.form textarea + #anchor4 {
margin-left: 10px;
position: relative;
top: -7px;
}
/*.image_button img {
display: none;
}*/
.remove-button {
margin-top: 7px;
}
.form fieldset .remove-button {
margin-top: 4px !important;
}
.form input[type="text"] + #anchor1 + .image_button,
.form input[type="file"] + #anchor1 + .image_button,
.form input[type="password"] + #anchor1 + .image_button,
.form textarea + #anchor1 + .image_button,
.form input[type="text"] + #anchor2 + .image_button,
.form input[type="file"] + #anchor2 + .image_button,
.form input[type="password"] + #anchor2 + .image_button,
.form textarea + #anchor2 + .image_button,
.form input[type="text"] + #anchor3 + .image_button,
.form input[type="file"] + #anchor3 + .image_button,
.form input[type="password"] + #anchor3 + .image_button,
.form textarea + #anchor3 + .image_button,
.form input[type="text"] + #anchor4 + .image_button,
.form input[type="file"] + #anchor4 + .image_button,
.form input[type="password"] + #anchor4 + .image_button,
.form textarea + #anchor4 + .image_button,
.remove-button {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -760px 0;
text-indent: -9999px;
width: 27px;
height: 28px;
margin-left: 10px;
position: absolute;
display: inline-block;
/*&:hover {._bgp(-760px, -40px);}*/
}
.form input[type="text"] + #main_add_button,
.form input[type="file"] + #main_add_button,
.form input[type="password"] + #main_add_button,
.form textarea + #main_add_button {
margin-left: 10px;
position: relative;
top: 8px;
}
.form input[type="submit"],
.form input[type="reset"],
.btn-primary {
background: none transparent;
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
color: #4c4c4c;
text-transform: uppercase;
text-align: center;
border: 3px solid #278ec1;
height: 46px;
padding: 7px 25px 8px;
margin: 4px 7px 0 10px;
display: inline-block;
transition: all 0.3s 0s;
-webkit-transition: all 0.3s 0s;
box-sizing: border-box;
}
a.btn-primary {
line-height: 27px;
text-decoration: none;
}
.form input[type="submit"]:hover,
.form input[type="reset"]:hover,
.btn-primary:hover {
background-color: #278ec1;
color: white;
}
.form select {
font-size: 12px;
line-height: 34px;
color: #4c4c4c;
border: 1px solid #aacad8;
height: 35px;
padding: 0 36px 0 12px;
box-sizing: border-box;
}
.form input[type="radio"],
.form input[type="checkbox"] {
margin: 0;
position: relative;
top: -2px;
}
.form label.check_label {
margin: 0 0 0 10px;
}
.form p {
margin: 10px 0;
}
.form div {
margin: 15px 0 0;
}
.form div:first-child {
martin-top: 0;
}
.form #anchor1,
.form #anchor2,
.form #anchor3,
.form #anchor4,
.form #anchor5,
.form #anchor6,
.form #anchor7,
.form #anchor8,
.form #anchor9,
.form #anchor10 {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -800px -40px;
text-indent: -9999px;
width: 30px;
height: 28px;
display: inline-block;
}
.calendar {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -800px -40px;
text-indent: -9999px;
width: 30px;
height: 28px;
display: inline-block;
}
.form p#parts_warning {
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: red;
min-height: 16px;
padding-left: 39px;
margin: 23px 0;
position: relative;
}
.form p#parts_warning:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: 0 -100px;
width: 27px;
height: 24px;
position: absolute;
top: -6px;
left: 0;
content: '';
}
.form .user_message {
color: red;
padding-left: 39px;
position: relative;
}
.form .user_message:before {
/*background-image: url("../images/design/sprite.png");*/
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: 0 -100px;
width: 27px;
height: 24px;
position: absolute;
top: -6px;
left: 0;
content: '';
}
.form p.user_message {
min-height: 16px;
}
.form span.user_message {
padding: 0;
}
.form span.user_message:before {
display: none;
}
.form .user_message:first-child,
.form #form_errors + .user_message {
margin-bottom: 23px;
}
.form .tip {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -150px -100px;
border-radius: 50%;
-webkit-border-radius: 50%;
width: 21px;
height: 21px;
margin: 0 0 0 10px;
position: relative;
top: 1px;
display: inline-block;
cursor: pointer;
}
.form .tip img {
visibility: hidden;
}
.form .tip:hover {
background-position: -180px -100px;
}
.form .select_container {
display: inline;
}
.form b {
font-weight: 400;
}
.form span.input_prefix > a {
text-indent: -9999px;
border: 3px solid #278ec1;
width: 37px;
height: 37px;
margin-left: 10px;
position: relative;
top: -6px;
display: inline-block;
box-sizing: border-box;
transition: background-color 0.3s 0s;
-webkit-transition: background-color 0.3s 0s;
}
.form span.input_prefix > a:before {
background-color: #08496d;
width: 16px;
height: 2px;
position: absolute;
top: 15px;
left: 8px;
content: '';
transition: background-color 0.3s 0s;
-webkit-transition: background-color 0.3s 0s;
}
.form span.input_prefix > a:after {
background-color: #08496d;
width: 2px;
height: 16px;
position: absolute;
top: 8px;
left: 15px;
content: '';
transition: background-color 0.3s 0s;
-webkit-transition: background-color 0.3s 0s;
}
.form span.input_prefix > a:hover {
background-color: #278ec1;
}
.form span.input_prefix > a:hover:before,
.form span.input_prefix > a:hover:after {
background-color: white;
}
.form .data_table_2 {
padding-left: 0;
padding-right: 0;
}
html .form table {
background-color: white;
}
html .form table th {
background-color: #278ec1;
font-weight: 400;
/*font-size: 12px;*/
line-height: 16px;
color: white;
text-align: left;
border: 1px solid white;
border-width: 0 1px;
padding: 13px 12px 12px;
}
html .form table td {
/*font-size: 11px;*/
line-height: 16px;
color: #585858;
border: 1px solid transparent;
border-width: 0 0;
padding: 13px 12px 12px;
position: relative;
}
html .form table td:before {
border-bottom: 5px solid #eaf5fa;
position: absolute;
top: 0;
left: 0;
right: 0;
content: '';
}
html .form table td + td:after {
border-left: 1px solid #bcd5e1;
position: absolute;
top: 13px;
bottom: 8px;
left: -1px;
content: '';
}
html .form table td div + div {
margin-top: 5px;
}
html .form table td .delete a {
color: #fe2704;
}
html .form table th:first-child,
html .form table td:first-child {
border-left: 0;
}
html .form table th:last-child,
html .form table td:last-child {
border-right: 0;
}
html .form table tr:first-child th,
html .form table tr:first-child td {
border-top: 0;
}
html .form table tr:last-child th,
html .form table tr:last-child td {
border-bottom: 0;
}
html .form table tr + tr th {
border-top: 1px solid white;
/*&:before {border-top:1px solid @white;._abs;top:0;left:0;right:0;._cont;}*/
}
html .form table div {
margin: 0;
}
html .form table input[type="text"],
html .form table textarea {
background-color: #eaf5fa;
font-size: 1em;
border: 1px solid #eaf5fa;
width: 100%!important;
min-width: 85px;
padding-left: 4px!important;
padding-right: 4px!important;
}
html .form table input[type="text"] {
height: 33px;
}
html .form table textarea {
min-width: 215px;
/*height: 118px!important;*/
}
html .form table select {
background-color: #eaf5fa;
font-size: 14px;
border: 1px solid #eaf5fa;
width: 100%;
min-width: 85px;
height: 33px;
padding-right: 0;
}
html .form table + table {
margin-top: 37px;
}
html .form table + .scrollfield {
margin-top: 37px;
}
html .form .scrollfield {
margin: 0;
}
html .form .scrollfield + .scrollfield {
margin-top: 37px;
}
html .form .scrollfield div {
margin: 0;
}
html .form .scrollfield table {
width: auto!important;
/*min-width:100%;*/
margin: 0;
}
#filter_form:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#filter_form > div {
width: 32%;
margin: 0 0 23px 2%!important;
float: left;
}
#filter_form > div:first-child {
margin-left: 0!important;
}
#filter_form > div + div + div {
margin-right: -10px;
}
#filter_form > div div {
margin: 0!important;
float: none!important;
}
#filter_form > div label {
margin-bottom: 4px;
display: block;
}
#filter_form > div select,
#filter_form > div input[type="text"] {
width: 100%;
}
#filter_form br {
display: none;
}
#filter_form .short {
width: 96.5%;
}
#filter_form input[type="submit"]:not(.stbtn),
.form input[type="submit"].btn-search {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -40px -100px;
text-indent: -9999px;
border: 0;
width: 22px;
height: 22px;
padding: 0;
margin: 6px 0 0 0;
float: none;
float: right;
transition: all 0s 0s;
-webkit-transition: all 0s 0s;
}
.form input[type="submit"].btn-search {
float: none;
margin-left: 10px;
}
#filter_form input[type="submit"]:hover {
background-position: -70px -100px;
}
#filter_form + table {
margin-top: 44px;
}
.data_table_2 {
padding: 3px 15px 30px;
}
.data_table_2 .c1 {
width: 129px;
}
.data_table_2 .c2 {
width: 94px;
padding-left: 0!important;
padding-right: 0!important;
}
.data_table_2 .c3 {
width: 96px;
}
.data_table_2 .c4 {
width: 159px;
}
.data_table_2 .c5 {
width: 71px;
}
.data_table_2 .c6 {
width: 79px;
}
.data_table_2 .c7 {
width: 54px;
}
.data_table_2 .c8 {
width: 56px;
}
.data_table_2 .c9 {
width: 68px;
}
.data_table_2 .thead {
font-size: 12px;
line-height: 16px;
color: #00476a;
border-bottom: 1px solid #00476a;
}
.data_table_2 .thead > section {
/*width:100%;*/
display: table;
}
.data_table_2 .thead > section > div {
padding: 0 12px 11px;
display: table-cell;
}
.data_table_2 .thead div {
vertical-align: bottom;
}
.data_table_2 .tbody {
font-size: 11px;
line-height: 16px;
color: #585858;
width: 100%;
display: table;
}
.data_table_2 .tbody .thead {
display: table-row;
}
.data_table_2 .tbody .thead > div {
font-size: 12px;
line-height: 16px;
color: #00476a;
border-bottom: 1px solid #00476a;
vertical-align: bottom;
padding: 0 12px 11px;
display: table-cell;
}
.data_table_2 .tbody .tr {
display: table-row;
}
.data_table_2 .tbody .tr > div {
background-color: white;
border-bottom: 3px solid #eaf5fa;
padding: 9px 12px 28px;
position: relative;
display: table-cell;
}
.data_table_2 .tbody .tr > div + div:before {
border-left: 1px solid #bcd5e1;
position: absolute;
top: 13px;
bottom: 13px;
left: 0;
content: '';
}
.data_table_2 .tbody .tr .c1 {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
}
.data_table_2 .tbody .tr .c2 {
color: black;
text-align: center;
}
.data_table_2 .tbody .tr .c5,
.data_table_2 .tbody .tr .c7,
.data_table_2 .tbody .tr .c8 {
text-align: center;
}
.data_table_2 .tbody .tr .c9 div + div {
margin-top: 5px;
}
.data_table_2 .tbody .tr .c9 div a {
color: #00476a;
}
.data_table_2 .tbody .tr .c9 div.delete a {
color: red;
}
.ie9 .data_table_2 .tbody .tr > div + div {
border-left: 1px solid #eaf5fa;
/*&:after {._bgc(#eaf5fa);border:0 solid @white;border-width:13px 0;height:3px;._abs;top:0;left:0;right:0;._cont;}*/
}
.ie9 .data_table_2 .tbody .tr > div + div:before {
display: none;
}
.page_container {
border-left: 0 solid white;
position: relative;
}
.page_container:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.page_container .form {
width: 100%;
float: left;
box-sizing: border-box;
}
.page_menu {
width: 250px;
margin-left: -250px;
float: left;
/*&:before {._bgc(@white);width:250px;._abs;top:0;bottom:0;._cont;}*/
}
.page_menu .menu {
font-size: 15px;
line-height: 18px;
padding: 23px 15px 30px 30px;
position: relative;
z-index: 1;
}
.page_menu .menu li + li {
margin-top: 12px;
}
.page_menu .menu li a {
text-decoration: none;
}
.page_menu .menu li a a {
text-decoration: none;
}
.page_menu .menu li a:hover {
color: #00476a;
}
.page_menu .menu li.sel > a {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
color: #00476a;
}
.page_menu .sidebar {
width: auto;
padding: 16px 0 30px 30px;
float: none;
display: block !important;
}
.page_menu .sidebar:before {
background-color: white;
width: 23.6%;
position: absolute;
top: 0;
bottom: 8px;
left: 0;
z-index: -1;
content: '';
}
.page_menu .sidebar:after {
background-color: white;
width: 2000px;
position: absolute;
top: 0;
bottom: 8px;
right: 100%;
z-index: -1;
content: '';
}
.page_menu .sidebar h2 {
font-size: 24px;
line-height: 28px;
color: #00476a;
margin: 0 14px 15px 0;
}
.page_menu .sidebar .menu {
font-size: 15px;
line-height: 18px;
border-top: 1px solid #bcd5e1;
margin-right: 14px;
}
.page_menu .sidebar .menu > ul > li {
border-bottom: 1px solid #bcd5e1;
padding: 11px 0 12px;
}
.page_menu .sidebar .menu div {
height: 0;
overflow: hidden;
}
.page_menu .sidebar .menu div ul {
font-size: 12px;
line-height: 16px;
padding: 21px 0 12px;
}
.page_menu .sidebar .menu div li + li {
margin-top: 12px;
}
.page_menu .sidebar .menu div a {
color: #676767;
}
.page_menu .sidebar .menu div a:hover {
color: #00476a;
}
.page_menu .sidebar .menu div.opn {
height: auto;
}
.page_menu .sidebar .menu a {
text-decoration: none;
}
.page_menu .sidebar .menu a a {
text-decoration: none;
}
.page_menu .sidebar .menu a:hover {
color: #00476a;
}
.page_menu .sidebar .menu .sel > a,
.page_menu .sidebar .menu a.sel {
color: #00476a;
}
.page_menu .sidebar .filter_menu {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
margin-right: 14px;
}
.page_menu .sidebar .filter_menu > ul {
border-bottom: 1px solid #00476a;
}
.page_menu .sidebar .filter_menu > ul > li {
border-top: 1px solid #00476a;
padding: 9px 0 10px;
}
.page_menu .sidebar .filter_menu > ul > li.sel > a,
.page_menu .sidebar .filter_menu > ul > li > a.sel {
color: #4c4c4c;
}
.page_menu .sidebar .filter_menu > ul > li.sel > a:hover,
.page_menu .sidebar .filter_menu > ul > li > a.sel:hover {
color: #00476a;
}
.page_menu .sidebar .filter_menu > ul > li > div {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
}
.page_menu .sidebar .filter_menu > ul > li > div > ul {
padding: 9px 0 0;
}
.page_menu .sidebar .filter_menu > ul > li > div > ul > li {
border-top: 1px solid #dde5e8;
padding-top: 9px;
}
.page_menu .sidebar .filter_menu > ul > li > div > ul > li + li {
margin-top: 10px;
}
.page_menu .sidebar .filter_menu > ul > li > div > ul > li > a {
color: #6f6f6f;
}
.page_menu .sidebar .filter_menu > ul > li > div > ul > li.sel > a,
.page_menu .sidebar .filter_menu > ul > li > div > ul > li > a.sel {
color: #00476a;
}
.page_menu .sidebar .filter_menu > ul > li > div > ul > li > div {
font-family: 'RobotoSlab-Regular-2', Arial, Helvetica, sans-serif;
}
.page_menu .sidebar .filter_menu > ul > li > div > ul > li > div ul {
border-top: 1px solid #dde5e8;
padding-left: 26px;
margin-top: 13px;
}
.page_menu .sidebar .filter_menu > ul > li > div > ul > li > div li {
padding-top: 2px;
}
.page_menu .sidebar .filter_menu > ul > li > div > ul > li > div li + li {
border-top: 1px solid #dde5e8;
padding-top: 2px;
margin-top: 2px;
}
.page_menu .sidebar .filter_menu > ul > li > div > ul > li > div li a {
padding: 4px 10px 6px;
display: block;
transition: all 0s 0s;
-webkit-transition: all 0s 0s;
}
.page_menu .sidebar .filter_menu > ul > li > div > ul > li > div li.sel a,
.page_menu .sidebar .filter_menu > ul > li > div > ul > li > div li a:hover {
background-color: #e9af10;
color: white;
}
.page_menu .sidebar .filter_menu div {
height: 0;
overflow: hidden;
}
.page_menu .sidebar .filter_menu div.opn {
height: auto;
}
.page_menu .sidebar .filter_menu a {
color: #6f6f6f;
text-decoration: none;
}
.page_menu .sidebar .filter_menu a a {
text-decoration: none;
}
.page_menu .sidebar .filter_menu a:hover {
color: #00476a;
}
.page_menu .sidebar + #main {
width: 76.4%;
}
.page_menu .sidebar + #main > section {
padding-left: 29px;
}
/*#filter_menu {._bgc(@white);width:250px;margin:0;float:none;._fix;top:0;bottom:0;left:-500px;z-index:1001;
.close {._bgc(@white);._robotoSlabL2;._text(18px, 22px);color:#8299a4;height:34px;padding:16px 20px 0 54px;._abs;left:100%;top:407px;._wrapx;cursor:pointer;
&:before {._sprite(-760px, 0);._wh(27px, 27px);._abs;top:12px;left:10px;._cont;}
&:hover {color:@color2;}
}
.sidebar {padding-left:15px;}
&.sel + #overlay {._bgc(rgba(0,76,112,0.59));._abs;top:0;bottom:0;left:0;right:0;z-index:1000;left:0;._blo;}
}*/
#filter_menu {
position: fixed;
top: 0;
bottom: 0;
left: -500px;
right: 0;
z-index: 1001;
overflow: hidden;
display: none;
}
#filter_menu:before {
background-color: white;
width: 250px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
content: '';
}
#filter_menu .filter_overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
#filter_menu .filter_menu_content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
overflow-y: scroll;
}
#filter_menu .page_menu {
background-color: white;
width: 250px;
margin: 0;
position: relative;
z-index: 1;
float: none;
}
#filter_menu .page_menu .sidebar:before {
display: none;
}
#filter_menu .close {
background-color: white;
font-family: 'RobotoSlab-Light-2', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
color: #8299a4;
height: 34px;
padding: 16px 20px 0 54px;
position: absolute;
left: 250px;
top: 0;
z-index: 10;
white-space: nowrap;
cursor: pointer;
}
#filter_menu .close:before {
/*._sprite(-500px, -100px);*/
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -760px 0;
width: 27px;
height: 27px;
position: absolute;
top: 12px;
left: 10px;
content: '';
}
#filter_menu .close:hover {
color: #00476a;
}
#filter_menu .sidebar {
padding-left: 15px;
}
#filter_menu.sel {
display: block;
}
#filter_menu.sel + #overlay {
background-color: rgba(0, 76, 112, 0.59);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
display: block;
}
#filter_menu .menu {
border: 0;
padding: 0;
}
#filter_menu .menu > ul > li {
border: 0;
padding: 0;
margin: 0;
}
#filter_menu .menu > ul > li + li {
margin-top: 12px;
}
#filter_menu .menu ul ul {
padding: 0 0 0 10px;
}
.ie8 #filter_menu.sel + #overlay {
background: url("../images/design/opc_59b.png") transparent repeat center 0;
}
#promo_inner {
background-color: #cccccc;
max-height: 340px;
position: relative;
overflow: hidden;
}
#promo_inner img {
width: 100%;
min-width: 800px;
margin-left: 50%;
position: relative;
left: -50%;
display: block;
}
#promo_inner > section {
font-size: 48px;
line-height: 1.1em;
color: white;
text-align: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-shadow: 0 5px 5px rgba(0, 0, 0, 0.75);
}
#promo_inner > section > section {
width: 100%;
height: 100%;
display: table;
}
#promo_inner > section > section > section {
vertical-align: middle;
display: table-cell;
}
#promo_inner .container > div {
max-width: 690px;
padding-bottom: 8px;
margin: 0 auto;
}
#promo_inner h1 {
font-size: 48px;
line-height: 1.1em;
color: white;
}
.promo_inner {
background-image: url("../images/design/promo.jpg");
background-color: transparent;
background-repeat: no-repeat;
background-position: center -110px;
background-size: cover;
font-size: 24px;
line-height: 28px;
text-align: center;
color: white;
}
.promo_inner > section {
padding: 22px 0 26px;
}
.promo_inner h1 {
font-size: 24px;
line-height: 28px;
color: white;
}
#body_inner {
text-align: center;
}
#body_inner > section {
padding: 36px 0 50px;
}
#body_inner .txt {
font-size: 16px;
line-height: 26px;
max-width: 690px;
margin: 0 auto;
}
#body_inner .txt a {
color: #278ec1;
text-decoration: none;
}
#body_inner .txt a a {
text-decoration: none;
}
#body_inner .txt a:hover {
color: #00476a;
}
#body_inner .phone {
padding-bottom: 3px;
margin-top: 31px;
}
#body_inner .phone p {
font-size: 13px;
line-height: 18px;
}
#body_inner .phone div {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 36px;
line-height: 38px;
color: #278ec1;
margin-top: 6px;
}
#body_inner .bttn {
margin-top: 52px;
}
#body_inner a.btn_1,
#body_inner a.btn_2 {
color: black;
min-width: 160px;
padding: 12px 40px 12px;
}
#body_inner form {
margin-top: 32px;
}
#body_inner form .cbox {
font-size: 13px;
line-height: 16px;
min-height: 16px;
padding: 0 0 0 31px;
margin-bottom: 42px;
position: relative;
overflow: hidden;
display: inline-block;
}
#body_inner form .cbox input {
position: absolute;
top: 0;
left: -20px;
}
#body_inner form .cbox label {
color: #4c4c4c;
cursor: default;
}
#body_inner form .cbox.radio label:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -20px 0;
width: 16px;
height: 16px;
position: absolute;
top: 0;
left: 0;
content: '';
}
#body_inner form .cbox.radio.checked label:before {
background-position: -20px -30px;
}
#body_inner form .cbox.checkbox label:before {
background-color: white;
width: 15px;
height: 15px;
position: absolute;
top: 1px;
left: 0;
content: '';
}
#body_inner form .cbox.checkbox label:after {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -130px -100px;
width: 8px;
height: 8px;
position: absolute;
top: 5px;
left: 3px;
content: '';
display: none;
}
#body_inner form .cbox.checkbox.checked label:after {
display: block;
}
#body_inner form .fieldset {
text-align: left;
width: 302px;
margin: 0 auto;
}
#body_inner form .inputblock:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#body_inner form .inputblock label {
font-size: 12px;
line-height: 16px;
margin-bottom: 3px;
display: block;
cursor: auto;
}
#body_inner form .inputblock input[type="text"],
#body_inner form .inputblock input[type="file"],
#body_inner form .inputblock input[type="password"],
#body_inner form .inputblock textarea {
background-color: white;
font-size: 12px;
line-height: 18px;
color: #4c4c4c;
border: 1px solid #aacad8;
width: 100%;
height: 37px;
padding: 8px 12px 9px;
box-sizing: border-box;
}
#body_inner form .inputblock input[type="text"] ._phcolor,
#body_inner form .inputblock input[type="file"] ._phcolor,
#body_inner form .inputblock input[type="password"] ._phcolor,
#body_inner form .inputblock textarea ._phcolor {
color: #4c4c4c;
opacity: 1;
}
#body_inner form .inputblock input[type="text"]::-webkit-input-placeholder,
#body_inner form .inputblock input[type="file"]::-webkit-input-placeholder,
#body_inner form .inputblock input[type="password"]::-webkit-input-placeholder,
#body_inner form .inputblock textarea::-webkit-input-placeholder {
color: #4c4c4c;
opacity: 1;
/*padding-top:1px;*/
}
#body_inner form .inputblock input[type="text"]:-moz-placeholder,
#body_inner form .inputblock input[type="file"]:-moz-placeholder,
#body_inner form .inputblock input[type="password"]:-moz-placeholder,
#body_inner form .inputblock textarea:-moz-placeholder {
color: #4c4c4c;
opacity: 1;
}
#body_inner form .inputblock input[type="text"]::-moz-placeholder,
#body_inner form .inputblock input[type="file"]::-moz-placeholder,
#body_inner form .inputblock input[type="password"]::-moz-placeholder,
#body_inner form .inputblock textarea::-moz-placeholder {
color: #4c4c4c;
opacity: 1;
}
#body_inner form .inputblock input[type="text"]:-ms-input-placeholder,
#body_inner form .inputblock input[type="file"]:-ms-input-placeholder,
#body_inner form .inputblock input[type="password"]:-ms-input-placeholder,
#body_inner form .inputblock textarea:-ms-input-placeholder {
color: #4c4c4c;
opacity: 1;
}
#body_inner form .inputblock input[type="text"].placeholder,
#body_inner form .inputblock input[type="file"].placeholder,
#body_inner form .inputblock input[type="password"].placeholder,
#body_inner form .inputblock textarea.placeholder {
color: #4c4c4c;
opacity: 1;
}
#body_inner form .inputblock img {
margin: 3px 0 0 10px;
float: right;
}
#body_inner form .inputblock img + div {
overflow: hidden;
}
#body_inner form .inputblock + .inputblock {
margin-top: 11px;
}
#body_inner form .bttn {
margin-top: 24px;
}
#body_inner form a.btn_1,
#body_inner form a.btn_2 {
display: block;
}
#demo {
position: relative;
}
#demo:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
@media screen and (min-width: 971px) {
#search {
border-bottom: 2px solid white;
width: 315px;
padding-bottom: 8px;
margin: 40px 0 0 94px;
float: left;
}
#search label {
display: none;
}
#search a {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -320px 0;
text-indent: -9999px;
width: 24px;
height: 24px;
margin: -2px 0;
float: right;
}
#search a:hover {
background-position: -320px -30px;
}
#search .input {
padding-right: 20px;
margin-right: 24px;
}
#search .input input {
background: none transparent;
font-size: 14px;
line-height: 20px;
color: white;
border: 0;
width: 100%;
height: 20px;
display: block;
}
#search .input input ._phcolor {
color: white;
opacity: 1;
}
#search .input input::-webkit-input-placeholder {
color: white;
opacity: 1;
/*padding-top:1px;*/
}
#search .input input:-moz-placeholder {
color: white;
opacity: 1;
}
#search .input input::-moz-placeholder {
color: white;
opacity: 1;
}
#search .input input:-ms-input-placeholder {
color: white;
opacity: 1;
}
#search .input input.placeholder {
color: white;
opacity: 1;
}
#search_ico {
display: none;
}
#menu {
position: relative;
}
#menu > ul > .sub > a {
padding-right: 18px;
position: relative;
transition: color 0s 0s;
-webkit-transition: color 0s 0s;
}
#menu > ul > .sub > a:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
width: 13px;
height: 15px;
position: absolute;
top: 2px;
right: 0;
content: '';
}
#menu > ul > .sub > a:hover:before {
background-position: 0 -30px;
}
#menu > ul > .sub:hover {
padding-bottom: 20px;
margin-bottom: -20px;
}
#menu > ul > .sub:hover > a {
color: #00476a;
}
#menu > ul > .sub:hover > a:before {
background-position: 0 -30px;
}
#menu > ul > .sub:hover .item {
display: block;
}
#menu > ul > .sub {
padding-right: 12px;
margin-right: 0;
cursor: pointer;
position: relative;
}
#menu > ul > .sub + li {
margin-left: 12px;
}
#menu > ul > .sub + .sub {
padding-left: 12px;
margin-left: 0;
}
#menu > ul > .sub + .sub .item {
left: -14px;
}
#menu .item {
background-color: #eaf5fa;
font-family: 'RobotoSlab-Regular-2', Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
text-transform: uppercase;
/*width:796px;*/
padding: 10px 0 16px;
position: absolute;
top: 32px;
left: -24px;
display: none;
box-shadow: 0 17px 16px rgba(0, 0, 0, 0.45);
}
#menu .item .col {
width: 279px;
}
#menu .item h2 {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 20px;
color: #00476a;
margin: 0 21px 5px;
}
#menu .item ul {
padding-bottom: 19px;
/*li + li {margin-top:16px;}*/
/*.sub > a {padding-right:13px;._rel;._inb;
&:before {._sprite(-540px, -70px);._wh(7px, 12px);margin-top:-6px;._abs;top:50%;right:0;._cont;._none;}
&:hover:before {._blo;}
}*/
}
#menu .item ul li + li {
margin-top: -4px;
}
#menu .item ul + ul {
border-top: 1px solid #a5beca;
padding-top: 6px;
margin-top: -10px;
}
#menu .item ul a {
padding: 10px 25px;
display: block;
}
#menu .item ul a:hover {
background-color: #bed3dd;
/*._robotoSlabB2;*/
color: #00476a;
/*padding:10px 15px 10px 25px;*/
position: relative;
}
#menu .item ul .sub > a {
/*._bgc(#bed3dd);._robotoSlabB2;color:@color2;padding-right:15px;*/
position: relative;
}
#menu .item ul .sub > a:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -540px -70px;
width: 7px;
height: 12px;
margin-top: -6px;
position: absolute;
top: 50%;
right: 7px;
content: '';
display: none;
}
#menu .item ul .sub:hover > a {
background-color: #bed3dd;
/*._robotoSlabB2;*/
color: #00476a;
/*padding:10px 15px 10px 25px;*/
position: relative;
}
#menu .item ul .sub:hover > a:before {
display: block;
}
#menu .item ul .sub:hover > .sub_item {
display: block;
}
#menu .item .sub_item {
width: 263px;
padding: 19px 0 26px 1px;
position: absolute;
top: 0;
bottom: 0;
left: 279px;
display: none;
}
#menu .item .sub_item:before {
border-left: 1px solid #a5beca;
position: absolute;
top: 20px;
bottom: 16px;
left: 0;
content: '';
}
#menu .item .sub_item .sub_item {
width: 253px;
top: 0;
bottom: 0;
left: 263px;
}
#menu .item .sub_item ul a,
#menu .item .sub_item ul a:hover,
#menu .item .sub_item ul .sub > a,
#menu .item .sub_item ul .sub:hover > a {
padding-left: 21px;
}
#sidebar {
width: 23.6%;
padding: 16px 0 30px;
float: left;
}
#sidebar:before {
background-color: white;
width: 23.6%;
position: absolute;
top: 0;
bottom: 8px;
left: 0;
z-index: -1;
content: '';
}
#sidebar:after {
background-color: white;
width: 2000px;
position: absolute;
top: 0;
bottom: 8px;
right: 100%;
z-index: -1;
content: '';
}
#sidebar h2 {
font-size: 24px;
line-height: 28px;
color: #00476a;
margin: 0 14px 15px 0;
}
#sidebar .menu {
font-size: 15px;
line-height: 18px;
border-top: 1px solid #bcd5e1;
margin-right: 14px;
}
#sidebar .menu > ul > li {
border-bottom: 1px solid #bcd5e1;
padding: 11px 0 12px;
}
#sidebar .menu div {
height: 0;
overflow: hidden;
}
#sidebar .menu div ul {
font-size: 12px;
line-height: 16px;
padding: 21px 0 12px;
}
#sidebar .menu div li + li {
margin-top: 12px;
}
#sidebar .menu div a {
color: #676767;
}
#sidebar .menu div a:hover {
color: #00476a;
}
#sidebar .menu div.opn {
height: auto;
}
#sidebar .menu a {
text-decoration: none;
}
#sidebar .menu a a {
text-decoration: none;
}
#sidebar .menu a:hover {
color: #00476a;
}
#sidebar .menu .sel > a,
#sidebar .menu a.sel {
color: #00476a;
}
#sidebar .filter_menu {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
margin-right: 14px;
}
#sidebar .filter_menu > ul {
border-bottom: 1px solid #00476a;
}
#sidebar .filter_menu > ul > li {
border-top: 1px solid #00476a;
padding: 9px 0 10px;
}
#sidebar .filter_menu > ul > li.sel > a,
#sidebar .filter_menu > ul > li > a.sel {
color: #4c4c4c;
}
#sidebar .filter_menu > ul > li.sel > a:hover,
#sidebar .filter_menu > ul > li > a.sel:hover {
color: #00476a;
}
#sidebar .filter_menu > ul > li > div {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
}
#sidebar .filter_menu > ul > li > div > ul {
padding: 9px 0 0;
}
#sidebar .filter_menu > ul > li > div > ul > li {
border-top: 1px solid #dde5e8;
padding-top: 9px;
}
#sidebar .filter_menu > ul > li > div > ul > li + li {
margin-top: 10px;
}
#sidebar .filter_menu > ul > li > div > ul > li > a {
color: #6f6f6f;
}
#sidebar .filter_menu > ul > li > div > ul > li.sel > a,
#sidebar .filter_menu > ul > li > div > ul > li > a.sel {
color: #00476a;
}
#sidebar .filter_menu > ul > li > div > ul > li > div {
font-family: 'RobotoSlab-Regular-2', Arial, Helvetica, sans-serif;
}
#sidebar .filter_menu > ul > li > div > ul > li > div ul {
border-top: 1px solid #dde5e8;
padding-left: 26px;
margin-top: 13px;
}
#sidebar .filter_menu > ul > li > div > ul > li > div li {
padding-top: 2px;
}
#sidebar .filter_menu > ul > li > div > ul > li > div li + li {
border-top: 1px solid #dde5e8;
padding-top: 2px;
margin-top: 2px;
}
#sidebar .filter_menu > ul > li > div > ul > li > div li a {
padding: 4px 10px 6px;
display: block;
transition: all 0s 0s;
-webkit-transition: all 0s 0s;
}
#sidebar .filter_menu > ul > li > div > ul > li > div li.sel a,
#sidebar .filter_menu > ul > li > div > ul > li > div li a:hover {
background-color: #e9af10;
color: white;
}
#sidebar .filter_menu div {
height: 0;
overflow: hidden;
}
#sidebar .filter_menu div.opn {
height: auto;
}
#sidebar .filter_menu a {
color: #6f6f6f;
text-decoration: none;
}
#sidebar .filter_menu a a {
text-decoration: none;
}
#sidebar .filter_menu a:hover {
color: #00476a;
}
#sidebar + #main {
width: 76.4%;
}
#sidebar + #main > section {
padding-left: 29px;
}
#main {
width: 100%;
float: right;
}
#main > section {
padding: 16px 0 30px 0;
}
}
@media screen and (max-width: 1050px) and (min-width: 731px) {
.advanced_search .period h3 {
float: none;
}
.advanced_search .period .fields {
width: 100%;
margin-top: 12px;
}
.advanced_search .period .fields .inputblock:first-child label {
width: auto;
margin-right: 15px;
}
.advanced_search .period .fields .inputblock:first-child .input {
margin: 0;
float: left;
}
}
@media screen and (max-width: 970px) and (min-width: 731px) {
html:not(.fixed) #size {
display: none;
}
html:not(.fixed) #languages {
font-family: 'RobotoSlab-Regular-2', Arial, Helvetica, sans-serif;
font-size: 22px;
line-height: 24px;
margin: 0;
position: absolute;
top: 41px;
right: 130px;
cursor: pointer;
}
html:not(.fixed) #languages:before {
background: url("../images/design/pixel.png") transparent repeat center 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
content: '';
}
html:not(.fixed) #languages li {
display: none;
}
html:not(.fixed) #languages li + li {
margin: 0;
}
html:not(.fixed) #languages li.sel {
position: relative;
display: block;
}
html:not(.fixed) #languages li.sel a {
color: white;
}
html:not(.fixed) #languages.opn {
background-color: rgba(0, 0, 0, 0.86);
text-transform: uppercase;
text-align: center;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 600;
display: none;
overflow-y: scroll;
display: block;
cursor: auto;
}
html:not(.fixed) #languages.opn:before {
display: none;
}
html:not(.fixed) #languages.opn ul {
margin-top: 31px;
display: inline-block;
}
html:not(.fixed) #languages.opn li {
float: left;
display: block;
}
html:not(.fixed) #languages.opn li a {
background-color: #002d44;
font-size: 18px;
line-height: 56px;
color: #cce9f8;
text-decoration: none;
width: 56px;
height: 57px;
float: left;
}
html:not(.fixed) #languages.opn li.sel a {
background-color: #cce9f8;
color: #002d44;
}
html:not(.fixed) #languages.opn li + li a {
border-left: 1px solid #054667;
}
html:not(.fixed) .ie8 #languages.opn {
background: url("../images/design/opc_86.png") transparent repeat center 0;
}
.advanced_search .box .col_1 {
width: 47%;
margin: 0 0 0 3%;
}
.advanced_search .box .col_2 {
width: 50%;
}
.advanced_search .box .col_3 {
width: 47%;
margin: 0 0 0 3%;
}
.advanced_search .box .col_3 > .label {
width: 100%;
}
.advanced_search .box .col_3 .label_table {
height: 16px;
margin-bottom: 5px;
}
.advanced_search .box .col_3 .label_table > div {
text-align: left;
padding: 0;
}
.advanced_search .box .col_3 .label_col {
width: 100%;
}
.advanced_search .box .col_4 {
width: 100%;
}
.advanced_search .box .col_4 .inputblock.s1 {
width: 50%;
}
.advanced_search .box .col_4 .inputblock.s2 {
width: 47%;
margin-left: 3%;
}
.advanced_search .cbox_list_2.v2 {
margin-top: 0;
}
.advanced_search .cbox_list_2.v2 .cbox {
margin: 21px 0 0 0;
float: none;
}
}
@media screen and (max-width: 1180px) {
#header .logo_title {
display: none;
}
#header .logo_title.opn {
width: auto;
display: block;
}
}
@media screen and (max-width: 970px) {
#wrapper_content {
position: relative;
overflow: hidden;
}
#wrapper_box {
width: 100%;
padding-left: 374px;
margin-left: -374px;
position: relative;
}
#wrapper_box.sel #overlay {
display: block;
}
#overlay {
background: url("../images/design/pixel.png") transparent repeat center 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 900;
left: 374px;
}
#left_menu {
background-color: #002d44;
width: 374px;
position: fixed;
top: 0;
left: -374px;
bottom: 0;
z-index: 1000;
display: block;
overflow: hidden;
position: absolute;
left: 0;
}
#left_menu > section {
overflow-y: scroll;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: -20px;
}
#left_menu > section > section {
padding: 0 18px;
position: relative;
}
#left_menu h2 {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
color: #01476b;
text-transform: uppercase;
}
#left_menu h2 a {
color: #01476b;
text-decoration: none;
padding: 21px 45px 22px 0;
position: relative;
display: block;
transition: all 0s 0s;
-webkit-transition: all 0s 0s;
}
#left_menu h2 a a {
text-decoration: none;
}
#left_menu h2 a:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -610px 0;
width: 38px;
height: 30px;
margin-top: -16px;
position: absolute;
top: 50%;
right: 0;
content: '';
}
#left_menu h2 a:hover {
color: white;
}
#left_menu h2 a:hover:before {
background-position: -610px -40px;
}
#left_menu .home {
font-size: 24px;
line-height: 28px;
border-top: 1px solid #054667;
padding: 17px 0 20px;
}
#left_menu .home a {
color: #cce9f8;
text-decoration: none;
text-transform: uppercase;
}
#left_menu .home a a {
text-decoration: none;
}
#left_menu .home a:hover {
color: #eaba3c;
}
#left_menu .menu {
font-size: 24px;
line-height: 28px;
display: none;
}
#left_menu .menu > ul {
border-top: 1px solid #054667;
}
#left_menu .menu > ul > li {
padding: 17px 0 20px;
}
#left_menu .menu > ul > li > a {
color: #cce9f8;
text-decoration: none;
text-transform: uppercase;
}
#left_menu .menu > ul > li > a a {
text-decoration: none;
}
#left_menu .menu > ul > li + li {
border-top: 1px solid #054667;
}
#left_menu .menu a:hover {
color: #eaba3c;
}
#left_menu .menu a.sel {
color: #eaba3c;
}
#left_menu .menu.opn {
display: block;
}
#left_menu .menu li.active > a {
color: #eaba3c;
}
#left_menu .sub_item {
text-transform: none;
height: 0;
padding-left: 34px;
overflow: hidden;
}
#left_menu .sub_item h2 {
display: none;
}
#left_menu .sub_item > ul {
padding: 27px 0 12px;
}
#left_menu .sub_item > ul li + li {
margin-top: 25px;
}
#left_menu .sub_item a {
color: white;
text-decoration: none;
text-transform: none;
}
#left_menu .sub_item a a {
text-decoration: none;
}
#left_menu .sub_item .sub_item {
font-size: 20px;
line-height: 24px;
}
#left_menu .sub_item .sub_item > ul {
padding-top: 45px;
}
#left_menu .sub_item .sub_item > ul li + li {
margin-top: 24px;
}
#left_menu .sub_item .sub_item > ul .sel {
position: relative;
}
#left_menu .sub_item .sub_item > ul .sel:before {
background-color: white;
width: 11px;
height: 11px;
position: absolute;
top: 7px;
left: -34px;
content: '';
}
#left_menu .sub_item .sub_item > ul .sel a {
color: white;
}
#left_menu .sub_item .sub_item a {
color: #a2d1e9;
}
#left_menu .sub_item .sub_item a:hover {
color: white;
}
#left_menu .sub_item.opn,
#left_menu .sub_item.active {
height: auto;
}
#left_menu.fix {
background: none transparent;
width: auto;
position: fixed;
top: 0;
bottom: 0;
left: -374px;
right: 0;
z-index: 800;
overflow-y: scroll;
}
#left_menu.fix:before {
background-color: #002d44;
width: 374px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
content: '';
}
#left_menu.fix > section {
background-color: #002d44;
width: 374px;
position: relative;
top: 0;
bottom: 0;
left: 0;
right: auto;
z-index: 1;
overflow: hidden;
}
#left_menu.fix > section > section {
width: 338px;
}
.mobile #left_menu > section {
right: 0;
}
html:not(.fixed) #header a.btn_1 {
text-indent: -9999px;
width: 47px;
height: 0;
padding: 40px 0 0;
margin-top: 31px;
position: relative;
overflow: hidden;
}
html:not(.fixed) #header a.btn_1:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -540px -30px;
width: 25px;
height: 26px;
margin-left: -13px;
position: absolute;
top: 8px;
left: 50%;
content: '';
}
html:not(.fixed) #search {
background-color: rgba(0, 0, 0, 0.86);
text-transform: uppercase;
text-align: center;
width: 100% !important;
height: 100% !important;
margin: 0!important;
position: fixed;
top: 0;
left: 0!important;
z-index: 600;
display: none;
overflow-y: scroll;
}
html:not(.fixed) #search > section {
margin: 31px 15px 0;
}
html:not(.fixed) #search > section > section {
background-color: white;
max-width: 425px;
margin: 0 auto;
}
html:not(.fixed) #search > section > section:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
html:not(.fixed) #search label {
display: none;
}
html:not(.fixed) #search a {
display: none;
}
html:not(.fixed) #search .input {
padding: 0 66px 0 22px;
position: relative;
z-index: 1;
}
html:not(.fixed) #search .input:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -320px -60px;
width: 24px;
height: 24px;
position: absolute;
top: 18px;
right: 22px;
z-index: -1;
content: '';
}
html:not(.fixed) #search .input input {
background: none transparent;
font-size: 16px;
line-height: 22px;
color: #868686;
border: 0;
width: 100%;
height: 22px;
padding: 19px 66px 18px 22px;
margin: 0 -66px 0 -22px;
display: block;
}
html:not(.fixed) #search .input input ._phcolor {
color: #868686;
opacity: 1;
}
html:not(.fixed) #search .input input::-webkit-input-placeholder {
color: #868686;
opacity: 1;
/*padding-top:1px;*/
}
html:not(.fixed) #search .input input:-moz-placeholder {
color: #868686;
opacity: 1;
}
html:not(.fixed) #search .input input::-moz-placeholder {
color: #868686;
opacity: 1;
}
html:not(.fixed) #search .input input:-ms-input-placeholder {
color: #868686;
opacity: 1;
}
html:not(.fixed) #search .input input.placeholder {
color: #868686;
opacity: 1;
}
html:not(.fixed) #search.opn {
display: block;
}
#search_ico {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -320px 0;
text-indent: -9999px;
width: 24px;
height: 24px;
margin: 42px 18px 0 0;
float: right;
display: block;
cursor: pointer;
}
.ie8 #search {
background: url("../images/design/opc_86.png") transparent repeat center 0;
}
#menu .item {
display: none;
}
html.fixed #menu {
position: relative;
}
html.fixed #menu > ul > .sub > a {
padding-right: 18px;
position: relative;
transition: color 0s 0s;
-webkit-transition: color 0s 0s;
}
html.fixed #menu > ul > .sub > a:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
width: 13px;
height: 15px;
position: absolute;
top: 2px;
right: 0;
content: '';
}
html.fixed #menu > ul > .sub > a:hover:before {
background-position: 0 -30px;
}
html.fixed #menu > ul > .sub:hover {
padding-bottom: 20px;
margin-bottom: -20px;
}
html.fixed #menu > ul > .sub:hover > a {
color: #00476a;
}
html.fixed #menu > ul > .sub:hover > a:before {
background-position: 0 -30px;
}
html.fixed #menu > ul > .sub:hover .item {
display: block;
}
html.fixed #menu > ul > .sub {
padding-right: 12px;
margin-right: 0;
cursor: pointer;
position: relative;
}
html.fixed #menu > ul > .sub + li {
margin-left: 12px;
}
html.fixed #menu > ul > .sub + .sub {
padding-left: 12px;
margin-left: 0;
}
html.fixed #menu > ul > .sub + .sub .item {
left: -14px;
}
html.fixed #menu .item {
background-color: #eaf5fa;
font-family: 'RobotoSlab-Regular-2', Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
text-transform: uppercase;
/*width:796px;*/
padding: 10px 0 16px;
position: absolute;
top: 32px;
left: -24px;
display: none;
box-shadow: 0 17px 16px rgba(0, 0, 0, 0.45);
}
html.fixed #menu .item .col {
width: 279px;
}
html.fixed #menu .item h2 {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 20px;
color: #00476a;
margin: 0 21px 5px;
}
html.fixed #menu .item ul {
padding-bottom: 19px;
/*li + li {margin-top:16px;}*/
/*.sub > a {padding-right:13px;._rel;._inb;
&:before {._sprite(-540px, -70px);._wh(7px, 12px);margin-top:-6px;._abs;top:50%;right:0;._cont;._none;}
&:hover:before {._blo;}
}*/
}
html.fixed #menu .item ul li + li {
margin-top: -4px;
}
html.fixed #menu .item ul + ul {
border-top: 1px solid #a5beca;
padding-top: 6px;
margin-top: -10px;
}
html.fixed #menu .item ul a {
padding: 10px 25px;
display: block;
}
html.fixed #menu .item ul a:hover {
background-color: #bed3dd;
/*._robotoSlabB2;*/
color: #00476a;
/*padding:10px 15px 10px 25px;*/
position: relative;
}
html.fixed #menu .item ul .sub > a {
/*._bgc(#bed3dd);._robotoSlabB2;color:@color2;padding-right:15px;*/
position: relative;
}
html.fixed #menu .item ul .sub > a:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -540px -70px;
width: 7px;
height: 12px;
margin-top: -6px;
position: absolute;
top: 50%;
right: 7px;
content: '';
display: none;
}
html.fixed #menu .item ul .sub:hover > a {
background-color: #bed3dd;
/*._robotoSlabB2;*/
color: #00476a;
/*padding:10px 15px 10px 25px;*/
position: relative;
}
html.fixed #menu .item ul .sub:hover > a:before {
display: block;
}
html.fixed #menu .item ul .sub:hover > .sub_item {
display: block;
}
html.fixed #menu .item .sub_item {
width: 263px;
padding: 19px 0 26px 1px;
position: absolute;
top: 0;
bottom: 0;
left: 279px;
display: none;
}
html.fixed #menu .item .sub_item:before {
border-left: 1px solid #a5beca;
position: absolute;
top: 20px;
bottom: 16px;
left: 0;
content: '';
}
html.fixed #menu .item .sub_item .sub_item {
width: 253px;
top: 0;
bottom: 0;
left: 263px;
}
html.fixed #menu .item .sub_item ul a,
html.fixed #menu .item .sub_item ul a:hover,
html.fixed #menu .item .sub_item ul .sub > a,
html.fixed #menu .item .sub_item ul .sub:hover > a {
padding-left: 21px;
}
#promo .search .fields {
width: 100%;
}
#promo .search .bttn {
width: 100%;
}
#promo .search .select {
margin-right: 0;
}
/*#news {
.list > section {margin-right:45%;}
.info_list {width:41%;}
}*/
#auto .calc a {
padding-left: 115px;
}
#auto .calc a:after {
left: 25px;
}
#slider {
height: 0;
}
html.fixed_2 #auto .col {
width: 47%;
}
html.fixed_2 #auto .col + .col {
width: 45.5%;
margin-left: 7.5%;
}
html.fixed_2 #auto .link {
padding-top: 5px;
}
html.fixed_2 #auto .link a {
margin-left: 0;
}
html.fixed_2 #slider {
height: auto;
}
#tools {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
color: #00476a;
display: block;
}
#tools > section {
padding: 26px 0 26px;
}
#tools a {
color: #00476a;
text-decoration: none;
display: inline-block;
}
#tools a a {
text-decoration: none;
}
#tools a.up {
padding-left: 27px;
position: relative;
}
#tools a.up:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -540px 0;
width: 14px;
height: 19px;
position: absolute;
top: 0;
left: 0;
content: '';
}
#tools span {
margin: 0 20px;
}
#sidebar {
display: none;
}
#main > section {
padding: 16px 0 30px;
}
.pager #submenu_ico {
background-color: #e9af10;
width: 61px;
height: 61px;
margin: -16px 15px -10px 0;
position: relative;
float: left;
display: block;
cursor: pointer;
}
.pager #submenu_ico:before {
border: 0 solid #00476a;
border-width: 4px 0;
height: 16px;
position: absolute;
top: 18px;
left: 15px;
right: 15px;
content: '';
}
.pager #submenu_ico:after {
border-top: 4px solid #00476a;
position: absolute;
top: 28px;
left: 15px;
right: 15px;
content: '';
}
.pager.fixed.fix {
position: fixed;
top: 16px;
left: 15px;
right: 15px;
z-index: 1;
}
.pager.fixed.fix:before {
background-color: #eaf5fa;
position: absolute;
top: -16px;
bottom: 0;
left: -15px;
right: -15px;
z-index: -1;
content: '';
}
.pager.fixed.fix + * {
margin-top: 61px;
}
#filter_2 {
display: none;
}
#filter_2.fix + #body {
padding-top: 0;
}
#filter_menu {
display: none;
}
#filter_menu.sel + #overlay {
display: none;
}
html.fixed #filter_2 {
display: block;
}
html.fixed #filter_menu.sel + #overlay {
display: block;
}
html.fixed #search {
border-bottom: 2px solid white;
width: 315px;
padding-bottom: 8px;
margin: 40px 38px 0 94px;
float: left;
float: none;
float: right;
}
html.fixed #search label {
display: none;
}
html.fixed #search a {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -320px 0;
text-indent: -9999px;
width: 24px;
height: 24px;
margin: -2px 0;
float: right;
}
html.fixed #search a:hover {
background-position: -320px -30px;
}
html.fixed #search .input {
padding-right: 20px;
margin-right: 24px;
}
html.fixed #search .input input {
background: none transparent;
font-size: 14px;
line-height: 20px;
color: white;
border: 0;
width: 100%;
height: 20px;
display: block;
}
html.fixed #search .input input ._phcolor {
color: white;
opacity: 1;
}
html.fixed #search .input input::-webkit-input-placeholder {
color: white;
opacity: 1;
/*padding-top:1px;*/
}
html.fixed #search .input input:-moz-placeholder {
color: white;
opacity: 1;
}
html.fixed #search .input input::-moz-placeholder {
color: white;
opacity: 1;
}
html.fixed #search .input input:-ms-input-placeholder {
color: white;
opacity: 1;
}
html.fixed #search .input input.placeholder {
color: white;
opacity: 1;
}
html.fixed.v2 .pager #submenu_ico {
display: none;
}
html.fixed #search_ico {
display: none;
}
html.fixed_2 #search {
float: none;
float: left;
}
.mobile .advanced_search .dropbox .title h3:before {
display: none !important;
}
.promo_inner {
background-position: center center;
}
html.ind #search .input {
margin: 0;
}
}
@media screen and (max-width: 840px) {
#news .col {
width: 100%;
}
#news .col + .col {
width: 100%;
margin: 25px 0 0;
}
#news .item.top h3 {
font-size: 18px;
line-height: 24px;
}
#news .item.top .txt {
display: none;
}
#news > section {
padding-bottom: 15px;
}
#news .list > section {
margin-right: 0%;
}
#news .info_list {
width: 100%;
margin-top: 40px;
}
#news .info_list > a {
width: 50%;
float: left;
box-sizing: border-box;
}
#news .info_list > a + a {
margin-top: 0;
}
#news .info_list .about {
display: none;
}
#auto .col {
width: 100%;
}
#auto .col + .col {
width: 100%;
margin: 0;
}
#auto .link {
height: auto;
padding-top: 0;
}
#auto .link > div {
height: 92px;
}
#auto .link a {
padding: 5px 20px 5px 90px;
margin-left: 25px;
}
#auto .link a:before {
background-position: -420px -100px;
width: 70px;
height: 70px;
margin-top: -35px;
}
#auto .calc a {
height: auto;
min-height: 92px;
padding: 5px 20px 5px 115px;
}
#auto .calc a:after {
top: 14px;
left: 25px;
}
#auto .calc a > div {
height: 92px;
}
}
@media screen and (min-width: 731px) {
.opendoc table .title {
display: none;
}
.data_table {
padding-top: 18px;
}
.data_table .thead {
font-size: 12px;
line-height: 16px;
color: #00476a;
}
.data_table .thead > section {
width: 100%;
display: table;
}
.data_table .thead > section > div {
padding: 0 12px 12px;
display: table-cell;
}
.data_table .thead > section > div:first-child {
padding-left: 0;
padding-right: 0;
}
.data_table .thead div {
vertical-align: bottom;
}
.data_table .tbody {
font-size: 11px;
line-height: 16px;
border-top: 1px solid #00476a;
}
.data_table .tbody .tr {
background-color: white;
width: 100%;
margin-bottom: 1px;
display: table;
}
.data_table .tbody .tr:nth-child(even) {
background-color: #f8fbff;
}
.data_table .tbody .tr > div {
padding: 8px 12px 20px;
position: relative;
display: table-cell;
}
.data_table .tbody .tr > div:first-child {
padding-left: 14px;
}
.data_table .tbody .tr > div + div:before {
border-left: 1px solid #bcd5e1;
position: absolute;
top: 13px;
bottom: 16px;
left: 0;
content: '';
}
.data_table .tbody .col > div > div + div:before {
border-left: 1px solid #bcd5e1;
margin-left: -12px;
position: absolute;
top: 13px;
bottom: 16px;
content: '';
}
.data_table .tbody .date {
font-size: 14px;
line-height: 18px;
margin-top: 3px;
}
.data_table .tbody .code {
font-size: 12px;
line-height: 16px;
margin-top: 3px;
}
.data_table .tbody img {
margin-top: 9px;
display: block;
}
.data_table .tbody a {
color: #00476a;
text-decoration: none;
padding: 1px 0;
}
.data_table .tbody a a {
text-decoration: none;
}
.data_table .tbody a:hover,
.data_table .tbody a a:hover {
text-decoration: underline;
}
.data_table .tbody b {
font-weight: 400;
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
color: black;
}
.data_table .c1 {
width: 19.5%;
}
.data_table .c2 {
width: 14%;
}
.data_table .c2 div + div {
margin-top: 5px;
}
.data_table .c2 .sel_1 a {
color: #a5dc23;
}
.data_table .c4 div a + a {
display: inline-block;
}
.data_table .col {
width: 51.5%;
position: relative;
}
.data_table .col > div {
width: 100%;
display: table;
}
.data_table .col > div > div {
padding: 0 12px 0 0;
display: table-cell;
}
.data_table .col > div > div + div {
padding: 0 0 0 12px;
}
.data_table .col .c3 {
width: 63%;
}
.data_table .col .c4 {
width: 37%;
}
.data_table .col .c3 div + div,
.data_table .col .c4 div + div {
margin-top: 17px;
}
.data_table .c5 {
width: 15%;
}
.data_table .c5 div + div {
margin-top: 5px;
}
.data_table .name {
word-wrap: break-word;
}
.data_table .name a {
text-decoration: underline;
}
.data_table .name a:hover {
text-decoration: none;
}
.data_table .name a:hover a {
text-decoration: none;
}
.data_table .supplier {
color: #e9af10;
}
.data_table .supplier a {
color: #e9af10;
text-decoration: none;
}
.data_table .supplier a a {
text-decoration: none;
}
.data_table .supplier a:hover,
.data_table .supplier a a:hover {
text-decoration: underline;
}
.data_table .status {
color: black;
text-transform: uppercase;
}
.data_table .date_2 {
color: #e9af10;
}
.data_table .watch a {
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
color: black;
}
.data_table + .pager {
margin-top: 13px;
}
.data_table + .pager #submenu_ico,
.data_table + .pager .label {
display: none !important;
}
.ie9 .data_table .tbody .tr {
position: relative;
}
.ie9 .data_table .tbody .tr > div {
position: static;
}
.ie9 .data_table .tbody .tr > div:before {
margin-left: -12px;
left: auto;
}
}
@media screen and (max-width: 730px) {
#header {
position: relative;
}
#menu {
margin: 16px 0 14px;
}
#menu > ul > li {
margin-top: 8px;
margin-bottom: 8px;
}
#menu .home a {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -570px 0;
text-indent: -9999px;
width: 30px;
height: 27px;
margin: -7px -2px -2px 0;
float: left;
}
html:not(.fixed) #size {
display: none;
}
html:not(.fixed) #languages {
font-family: 'RobotoSlab-Regular-2', Arial, Helvetica, sans-serif;
font-size: 22px;
line-height: 24px;
margin: 0;
position: absolute;
top: 41px;
right: 130px;
cursor: pointer;
}
html:not(.fixed) #languages:before {
background: url("../images/design/pixel.png") transparent repeat center 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
content: '';
}
html:not(.fixed) #languages li {
display: none;
}
html:not(.fixed) #languages li + li {
margin: 0;
}
html:not(.fixed) #languages li.sel {
position: relative;
display: block;
}
html:not(.fixed) #languages li.sel a {
color: white;
}
html:not(.fixed) #languages.opn {
background-color: rgba(0, 0, 0, 0.86);
text-transform: uppercase;
text-align: center;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 600;
display: none;
overflow-y: scroll;
display: block;
cursor: auto;
}
html:not(.fixed) #languages.opn:before {
display: none;
}
html:not(.fixed) #languages.opn ul {
margin-top: 31px;
display: inline-block;
}
html:not(.fixed) #languages.opn li {
float: left;
display: block;
}
html:not(.fixed) #languages.opn li a {
background-color: #002d44;
font-size: 18px;
line-height: 56px;
color: #cce9f8;
text-decoration: none;
width: 56px;
height: 57px;
float: left;
}
html:not(.fixed) #languages.opn li.sel a {
background-color: #cce9f8;
color: #002d44;
}
html:not(.fixed) #languages.opn li + li a {
border-left: 1px solid #054667;
}
html:not(.fixed) .ie8 #languages.opn {
background: url("../images/design/opc_86.png") transparent repeat center 0;
}
#promo {
background-position: 0 0;
}
#promo > section {
padding: 14px 0;
}
#promo .news_line {
margin-top: 55px;
}
#promo .news_line .label {
font-size: 16px;
}
#promo .filter {
margin-top: 55px;
}
#promo .filter .cancel {
display: none;
}
#promo .filter .list:after {
display: none;
}
#promo .search {
padding: 21px 16px 16px;
position: relative;
}
#promo .search .fields {
width: 100%;
}
#promo .search .col {
width: 100%;
}
#promo .search .col + .col {
margin-top: 15px;
}
#promo .search .inputblock .input {
margin: 0;
}
#promo .search .select {
margin: 0;
}
#promo .search .bttn {
width: 100%;
}
#promo .search a.btn_2 {
min-width: 0;
display: block;
}
#promo .search .adv {
text-align: center;
margin: 0;
position: absolute;
top: 100%;
left: 0;
right: 0;
}
#promo .search .adv a {
background-color: rgba(0, 0, 0, 0.27);
padding: 10px 22px 11px 45px;
}
#promo .search .adv a:before {
top: 13px;
left: 19px;
}
#news .info_list {
width: 100%;
margin-top: 40px;
}
#news .info_list > a {
width: 100%;
float: left;
box-sizing: border-box;
}
#news .info_list > a + a {
margin-top: 15px;
}
#news .info_list > a > div {
height: 110px;
}
#news .info_list .about {
display: none;
}
#body + #tools,
#body + #slider + #tools {
background-color: #eaf5fa;
}
#main > section {
padding-bottom: 7px;
}
.path {
margin-bottom: 27px;
}
.opendoc {
font-size: 16px;
}
.opendoc h1 {
font-size: 30px;
line-height: 34px;
margin-bottom: 21px;
}
.opendoc h2 {
margin-bottom: 22px;
}
.opendoc table.v2 thead th {
padding-left: 10px;
padding-right: 10px;
}
.opendoc table.v2 thead th:first-child {
display: none;
}
.opendoc table.v2 tbody th,
.opendoc table.v2 > tr th,
.opendoc table.v2 tbody td,
.opendoc table.v2 > tr td {
padding-left: 10px;
padding-right: 10px;
}
.opendoc table.v2 tbody th:first-child + td:after,
.opendoc table.v2 > tr th:first-child + td:after,
.opendoc table.v2 tbody td:first-child + td:after,
.opendoc table.v2 > tr td:first-child + td:after {
display: none;
}
.opendoc table.v2 tbody th,
.opendoc table.v2 > tr th {
display: none;
}
.opendoc table.v2 .title td,
.opendoc table.v2 .title th {
background-color: #cbe0ea;
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
color: #00476a;
text-align: center;
padding-top: 7px;
padding-bottom: 9px;
}
.opendoc table.v2 .title td:before,
.opendoc table.v2 .title th:before {
border-color: #eaf5fa;
}
.opendoc .attach {
margin: 26px -15px;
}
.opendoc .attach div {
padding-left: 60px;
padding-right: 15px;
}
.opendoc .attach a:before {
left: 15px;
}
.opendoc .attach + h3 {
margin-top: 26px;
}
.opendoc *:first-child {
margin-top: 0;
}
.opendoc *:last-child {
margin-bottom: 0;
}
.pager {
margin-left: -15px;
margin-right: -15px;
}
.pager .label {
float: left;
display: block;
}
.pager .count {
margin-right: 15px;
float: none;
float: right;
}
.pager .count div {
margin: 0 0 0 7px;
float: none;
float: right;
}
.pager .nav {
text-align: center;
border-top: 1px solid #bcd5e1;
width: 100%;
padding-top: 15px;
margin: 9px 0 5px;
}
.pager .nav > a.prev {
margin-left: 15px;
}
.pager .nav > a.next {
margin-right: 15px;
float: none;
float: right;
}
.pager .nav ul {
float: none;
display: inline-block;
}
.pager.fixed.fix {
position: fixed;
top: 16px;
left: 15px;
right: 15px;
z-index: 1;
}
.pager.fixed.fix:before {
background-color: #eaf5fa;
position: absolute;
top: -16px;
bottom: 0;
left: -15px;
right: -15px;
z-index: -1;
content: '';
}
.pager.fixed.fix + * {
margin-top: 116px;
}
/*html:not(.fixed.v2) {*/
.data_table {
padding-top: 18px;
}
.data_table .thead {
font-size: 12px;
line-height: 16px;
color: #00476a;
}
.data_table .thead .col > div {
width: 100%;
display: table;
}
.data_table .thead .col > div > div {
vertical-align: bottom;
padding: 0 12px 12px;
display: table-cell;
}
.data_table .thead .col > div > div:first-child {
padding-left: 0;
}
.data_table .thead .c1,
.data_table .thead .c2,
.data_table .thead .c5 {
display: none;
}
.data_table .tbody {
font-size: 11px;
line-height: 16px;
border-top: 1px solid #00476a;
}
.data_table .tbody .tr {
background-color: white;
margin-bottom: 5px;
}
.data_table .tbody .tr:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.data_table .tbody .col {
width: 100%;
margin-bottom: 9px;
position: relative;
float: left;
}
.data_table .tbody .col:before {
border-top: 1px solid #bcd5e1;
position: absolute;
bottom: 0;
left: 15px;
right: 15px;
content: '';
}
.data_table .tbody .col > div {
width: 100%;
display: table;
}
.data_table .tbody .col > div > div {
padding: 7px 15px 11px;
position: relative;
display: table-cell;
}
.data_table .tbody .col > div > div + div:before {
border-left: 1px solid #bcd5e1;
position: absolute;
top: 13px;
bottom: 16px;
left: 0;
content: '';
}
.data_table .tbody .col .c3 div + div,
.data_table .tbody .col .c4 div + div {
margin-top: 17px;
}
.data_table .tbody .col .c3 {
width: 68%;
}
.data_table .tbody .col .c4 {
width: 32%;
}
.data_table .tbody b {
font-weight: 400;
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
color: black;
}
.data_table .tbody a {
color: #00476a;
padding: 1px 0;
text-decoration: none;
}
.data_table .tbody a a {
text-decoration: none;
}
.data_table .tbody a:hover,
.data_table .tbody a a:hover {
text-decoration: underline;
}
.data_table .tbody .name a {
text-decoration: underline;
}
.data_table .tbody .name a:hover {
text-decoration: none;
}
.data_table .tbody .name a:hover a {
text-decoration: none;
}
.data_table .tbody .supplier {
color: #e9af10;
}
.data_table .tbody .supplier a {
color: #e9af10;
}
.data_table .tbody .status {
text-transform: uppercase;
}
.data_table .tbody .date_2 {
color: #e9af10;
}
.data_table .tbody .sel_1 a {
color: #a5dc23;
}
.data_table .tbody .c1,
.data_table .tbody .c2,
.data_table .tbody .c5 {
margin-bottom: 10px;
float: left;
}
.data_table .tbody .c1 {
width: 38%;
position: relative;
}
.data_table .tbody .c1 img {
position: absolute;
top: 4px;
left: 15px;
}
.data_table .tbody .c1 div {
margin-left: 50px;
}
.data_table .tbody .c2 {
width: 21%;
}
.data_table .tbody .c5 {
width: 41%;
margin-right: -10px;
}
.data_table + .pager #submenu_ico,
.data_table + .pager .label {
display: none;
}
.ie9 .data_table .tbody .col > div {
position: relative;
}
.ie9 .data_table .tbody .col > div > div {
position: static;
}
.ie9 .data_table .tbody .col > div > div:before {
margin-left: -15px;
left: auto;
}
/*}
html.fixed.v2 {
.data_table {padding-top:18px;
.thead {._text(12px, 16px);color:@color2;
> section {width:100%;display:table;
> div {padding:0 12px 12px;display:table-cell;
&:first-child {padding-left:0;padding-right:0;}
}
}
div {._vab;}
}
.tbody {._text(11px, 16px);border-top:1px solid @color2;
.tr {._bgc(@white);width:100%;margin-bottom:1px;display:table;
&:nth-child(even) {._bgc(#f8fbff);}
> div {padding:8px 12px 20px;._rel;display:table-cell;
&:first-child {padding-left:14px;}
& + div:before {border-left:1px solid #bcd5e1;._abs;top:13px;bottom:16px;left:0;._cont;}
}
}
.col > div > div + div:before {border-left:1px solid #bcd5e1;margin-left:-12px;._abs;top:13px;bottom:16px;._cont;}
.date {._text(14px, 18px);margin-top:3px;}
.code {._text(12px, 16px);margin-top:3px;}
img {margin-top:9px;._blo;}
a {color:@color2;._xuh;padding:1px 0;}
b {._n;._robotoSlabB2;color:@black;}
}
.c1 {width:19.5%;}
.c2 {width:14%;
div + div {margin-top:5px;}
.sel_1 a {color:#a5dc23;}
}
.c4 div a + a {._inb;}
.col {width:51.5%;._rel;
> div {width:100%;display:table;
> div {padding:0 12px 0 0;display:table-cell;
& + div {padding:0 0 0 12px;}
}
}
.c3 {width:63%;}
.c4 {width:37%;}
.c3, .c4 {
div + div {margin-top:17px;}
}
}
.c5 {width:15%;
div + div {margin-top:5px;}
}
.name {._break;}
.name a {text-decoration:underline;
&:hover {._xu;}
}
.supplier {color:#e9af10;
a {color:#e9af10;._xuh;}
}
.status {color:@black;._up;}
.date_2 {color:#e9af10;}
.watch a {._robotoSlabB2;color:@black;}
& + .pager {margin-top:13px;
#submenu_ico, .label {._none!important;}
}
}
.ie9 .data_table .tbody .tr {._rel;
> div {position:static;
&:before {margin-left:-12px;left:auto;}
}
}
.pager {margin-left:0;margin-right:0;
.count {margin-right:0;}
}
}*/
.advanced_box {
top: 14px;
}
.advanced_search .close {
right: 25px;
}
.advanced_search h2 {
padding-left: 25px;
padding-right: 60px;
}
.advanced_search h3 {
font-size: 22px;
line-height: 26px;
}
.advanced_search form {
padding: 25px 25px 44px;
}
.advanced_search .inputblock .label {
min-height: 0!important;
}
.advanced_search .box .col {
width: 100%;
}
.advanced_search .box .col + .col {
width: 100%;
margin: 13px 0 0;
}
.advanced_search .box .col_1 {
width: 100%;
}
.advanced_search .box .col_2 {
width: 100%;
}
.advanced_search .box .col_3 {
width: 100%;
}
.advanced_search .box .col_3 > .label {
width: 50%;
margin-bottom: 5px;
}
.advanced_search .box .col_3 .label_table {
height: 16px;
}
.advanced_search .box .col_3 .label_table > div {
text-align: left;
padding: 0;
}
.advanced_search .box .col_3 .label_col {
width: 100%;
position: relative;
}
.advanced_search .box .col_3 .label_col .inputblock {
width: 40%;
margin-left: 5%;
}
.advanced_search .box .col_3 .label_col .inputblock .input {
margin-left: 0;
}
.advanced_search .box .col_3 .label_col .inputblock:first-child {
width: 55%;
margin: 0;
}
.advanced_search .box .col_3 .label_col .inputblock:first-child .input {
margin-right: 0;
}
.advanced_search .box .col_3 .label_col .label {
text-align: left;
width: 40%;
margin: 0 0 5px;
position: absolute;
bottom: 100%;
right: 0;
}
.advanced_search .cbox {
font-size: 14px;
line-height: 16px;
padding-bottom: 1px;
}
.advanced_search .cbox.checkbox label:before {
top: 1px;
}
.advanced_search .cbox.checkbox label:after {
top: 4px;
}
.advanced_search .cbox_list_1 .col1,
.advanced_search .cbox_list_1 .col2,
.advanced_search .cbox_list_1 .col3 {
width: 100%;
margin: 0;
}
.advanced_search .cbox_list_1 .col2,
.advanced_search .cbox_list_1 .col3 {
margin-top: 24px;
}
.advanced_search .cbox_list_2 {
margin-top: 21px;
}
.advanced_search .cbox_list_2.v2 {
width: 100%;
}
.advanced_search .cbox_list_2.v2 .cbox {
width: 50%;
padding: 0;
margin: 0 4% 0 0;
}
.advanced_search .cbox_list_2.v2 .cbox label {
margin-left: 25px;
display: inline-block;
}
.advanced_search .cbox_list_2.v2 .cbox + .cbox {
width: 46%;
margin: 0;
}
.advanced_search .section:first-child {
padding-bottom: 28px;
}
.advanced_search .period {
padding: 17px 0 28px;
}
.advanced_search .period h3 {
padding-left: 39px;
float: none;
}
.advanced_search .period h3:before {
top: 0;
}
.advanced_search .period .fields {
width: 100%;
margin-top: 12px;
}
.advanced_search .period .fields .inputblock {
width: 50%;
}
.advanced_search .period .fields .inputblock .input {
width: auto;
}
.advanced_search .period .fields .inputblock:first-child label {
width: auto;
margin-right: 15px;
}
.advanced_search .period .fields .inputblock:first-child .input {
margin: 0;
overflow: hidden;
}
.advanced_search .period .fields .cbox {
margin: 28px 0 0;
}
.advanced_search .dropbox .title h3 {
padding-top: 22px;
padding-bottom: 28px;
}
.advanced_search .dropbox .title.sel .hide {
margin-top: 4px;
}
.advanced_search .dropbox.opn {
padding: 22px 0 28px;
}
.advanced_search .dropbox.opn .title h3 {
padding-top: 0;
pabbing-bottom: 0;
}
html.ind #filter h2 {
margin-right: 0;
}
html.ind #filter .ico {
margin-bottom: 20px;
}
html.ind #filter .title {
position: relative;
padding-bottom: 50px;
}
html.ind #filter .title h2 {
margin: 0;
}
html.ind #filter .title .ico {
position: absolute;
bottom: 0;
left: 0;
}
html.ind #filter .inputblock_box {
margin-right: -8px;
float: left;
}
html.ind #filter .inputblock_box .inputblock {
width: 50%;
}
html.ind #filter .box > .inputblock {
width: 100%;
margin-right: -8px;
}
html.ind #filter .box > .inputblock .select {
margin: 0;
}
html.ind #filter .list form .tools {
margin: 139px 0 -200px;
}
html.ind #filter .list form .tools a {
margin: 0 0 0 8px;
float: left;
}
html.ind .shopping .title h2 {
width: 100%;
}
html.ind .shopping .title .sum {
margin-top: 5px;
}
}
/*@media screen and (max-width:500px){
#logo {width:76px;._ovh;}
}
@media screen and (max-width:440px){
#news .item .title > a {._none;}
}*/
html.ovh,
html.ovh body {
height: auto;
}
html.ovh {
margin-right: 17px;
overflow: hidden;
}
html.ovh body {
overflow: hidden;
}
html.ovh .popup {
overflow-y: scroll;
}
html.ovh #filter_2.fix {
right: 17px;
}
/*html.ovhm {height:100%;._ovh;
body {height:100%;._ovh;}
#wrapper_content {._wh(100%, 100%);._abs;._ovh;}
#wrapper_box {height:100%;._abs;top:0;left:0;._ovh}
}*/
html.ovhm {
overflow-x: hidden;
}
html.ovhm body {
overflow-x: hidden;
}
html.ovha {
overflow-x: hidden;
}
html.ovha body {
overflow-x: hidden;
}
.popup {
background-color: rgba(0, 0, 0, 0.74);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
overflow: hidden;
display: none;
}
.popup.ovv {
overflow: hidden;
}
.popup > section {
width: 100%;
height: 100%;
display: table;
}
.popup > section > section {
vertical-align: middle;
display: table-cell;
}
.popup .popup_content {
background-color: #eaf5fa;
max-width: 848px;
margin: 30px auto;
position: relative;
}
.popup .popup_content .close {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -760px 0;
text-indent: -9999px;
width: 27px;
height: 27px;
position: absolute;
top: 24px;
right: 36px;
z-index: 1;
cursor: pointer;
}
.popup .popup_content h2 {
background-color: white;
font-size: 24px;
line-height: 28px;
color: #165372;
padding: 21px 32px 25px 40px;
}
.popup .popup_content .code_list {
font-size: 18px;
line-height: 22px;
padding: 40px 65px 71px 40px;
}
.popup .popup_content .code_list > ul > li > ul {
font-size: 16px;
line-height: 20px;
margin-top: 35px;
}
.popup .popup_content .code_list > ul > li > ul > li + li {
margin-top: 31px;
}
.popup .popup_content .code_list > ul > li > ul > li > .ico {
top: -5px;
}
.popup .popup_content .code_list > ul > li > ul > li > ul {
font-size: 14px;
line-height: 18px;
}
.popup .popup_content .code_list > ul > li > ul ul {
margin-top: 29px;
}
.popup .popup_content .code_list > ul > li > ul ul .ico {
top: -5px;
}
.popup .popup_content .code_list > ul ul {
margin-left: 48px;
display: none;
}
.popup .popup_content .code_list li {
position: relative;
}
.popup .popup_content .code_list li + li {
margin-top: 33px;
}
.popup .popup_content .code_list li .ico {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -210px -100px;
width: 34px;
height: 28px;
position: absolute;
top: -4px;
left: 0;
cursor: pointer;
}
.popup .popup_content .code_list li a {
text-indent: -9999px;
border: 3px solid #278ec1;
width: 31px;
height: 31px;
position: absolute;
top: -10px;
right: 0;
}
.popup .popup_content .code_list li a:before {
background-color: #00476a;
width: 16px;
height: 2px;
position: absolute;
top: 15px;
left: 8px;
content: '';
}
.popup .popup_content .code_list li a:after {
background-color: #00476a;
width: 2px;
height: 16px;
position: absolute;
top: 8px;
left: 15px;
content: '';
}
.popup .popup_content .code_list li a:hover {
background-color: #278ec1;
}
.popup .popup_content .code_list li a:hover:before,
.popup .popup_content .code_list li a:hover:after {
background-color: white;
}
.popup .popup_content .code_list li.sel > .ico {
background-position: -250px -100px;
}
.popup .popup_content .code_list li.sel > div {
color: #00476a;
}
.popup .popup_content .code_list li.sel > ul {
display: block;
}
.popup .popup_content .code_list ul.hidden > li > a {
display: none;
}
.popup .popup_content .code_list div {
padding: 0 48px 0;
}
/*html.open_popup {min-width:1000px;
body {min-width:1000px;}
}*/
#open .container {
/*min-width:970px;*/
min-width: 0;
max-width: 1000px;
margin: 0 auto;
}
#open .heading {
background-color: #eaf5fa;
}
#open .heading > section {
padding: 28px 0 35px;
position: relative;
}
#open .heading > section:before {
border-bottom: 1px solid #a5beca;
position: absolute;
bottom: 17px;
left: 15px;
right: 15px;
content: '';
}
#open .heading h1 {
font-size: 28px;
line-height: 32px;
color: #00476a;
}
#open .heading p {
font-size: 12px;
line-height: 16px;
margin-top: 7px;
}
#open .heading p span {
color: #00476a;
}
#open .heading p a {
color: #00476a;
text-decoration: none;
}
#open .heading p a a {
text-decoration: none;
}
#open .heading p a:hover,
#open .heading p a a:hover {
text-decoration: underline;
}
#open .heading .print {
font-size: 12px;
line-height: 16px;
text-decoration: none;
min-width: 48px;
padding-top: 51px;
margin: -12px 0 0;
position: relative;
float: right;
}
#open .heading .print a {
text-decoration: none;
}
#open .heading .print:before {
background-image: url("../images/design/sprite.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-position: -290px -100px;
width: 48px;
height: 44px;
margin-left: -24px;
position: absolute;
top: 0;
left: 50%;
content: '';
}
#open .heading .print:hover {
color: #00476a;
}
#open .content {
font-size: 13px;
line-height: 20px;
padding: 42px 15px 40px;
}
#open .content h2 {
font-size: 24px;
line-height: 28px;
color: #00476a;
margin-bottom: 29px;
}
#open .content h2.mbs {
margin-bottom:10px;
}
#open .content h3 {
font-size: 20px;
line-height: 24px;
margin-bottom: 29px;
}
#open .content h3 + p {
margin-top: -21px;
}
#open .content h4 {
font-size: 16px;
line-height: 20px;
color: #00476a;
margin: 18px 0 6px;
}
#open .content h4 b {
font-weight: 700;
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
color: #4c4c4c;
}
#open .content h2 + .cblist,
#open .content h3 + .cblist {
margin-top: 37px;
}
#open .content p span {
color: #00476a;
}
#open .content .tr:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#open .content .tr + .tr {
border-top: 1px solid #a5beca;
padding-top: 20px;
margin-top: 23px;
}
#open .content .tr + .tr h2 {
margin-top: 40px;
}
#open .content .tr .col {
float: left;
}
#open .content .tr .col + .col {
margin-left: 5%;
}
#open .content .tr .col.c1 {
width: 24%;
}
#open .content .tr .col.c2 {
width: 24%;
}
#open .content .tr .col.c3 {
width: 42%;
}
#open .content .tr .col.c4 {
width: 71%;
}
#open .content .tr .col.c5 {
width: 45.5%;
}
#open .content .cb > div {
min-height: 25px;
padding: 2px 0 0 35px;
position: relative;
/*&:before {._sprite(-350px, -100px);._wh(26px, 25px);._abs;top:0;left:0;._cont;}*/
}
#open .content .cb > div img {
position: absolute;
top: 0;
left: 0;
}
#open .content .cblist {
margin-top: 10px;
}
#open .content .cblist:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#open .content .cblist.v1 .cb {
margin-right: 34px;
float: left;
}
#open .content .cblist.v2 .cb + .cb {
margin-top: 16px;
}
#open .content .cblist.v3 .cb + .cb {
margin-top: 9px;
}
#open .content .cblist.v3 .col + .col {
margin-left: 5.8%;
}
#open .content .cblist + h4 {
margin-top: 27px;
}
#open .content .cblist + p {
margin-top: 23px;
}
#open .content table {
width: 100%;
}
#open .content table th {
background-color: #eaf5fa;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #00476a;
text-align: center;
border: 1px solid #00476a;
padding: 11px 20px 13px;
}
#open .content table td {
text-align: center;
border: 1px solid #00476a;
padding: 12px 20px 12px;
}
#open .content *:first-child {
margin-top: 0;
}
#open #content {
max-width: 1000px;
margin: 0 auto;
font-size: 13px;
line-height: 20px;
padding: 42px 15px 40px;
}
#open #content h2 {
font-size: 24px;
line-height: 28px;
color: #00476a;
border-top: 1px solid #a5beca;
padding-top: 60px;
margin: 23px 0 29px;
}
#open #content h2:first-child {
border: 0;
padding: 0;
margin-top: 0;
}
#open #content h2 + h3 {
border: 0;
padding-top: 0;
}
#open #content h3 {
font-size: 20px;
line-height: 24px;
border-top: 1px solid #a5beca;
padding-top: 28px;
margin: 23px 0 29px;
}
#open #content h3:first-child {
border: 0;
padding: 0;
margin-top: 0;
}
#open #content h4 {
font-size: 16px;
line-height: 20px;
color: #00476a;
margin: 18px 0 6px;
}
#open #content h4 b {
font-weight: 700;
font-family: 'RobotoSlab-Bold-2', Arial, Helvetica, sans-serif;
color: #4c4c4c;
}
#open #content table {
width: 100%;
}
#open #content table table {
margin-top: 10px;
}
#open #content td {
padding: 5px 20px 5px 0;
}
#open #content p + p {
margin-top: 10px;
}
#open #content i {
font-style: normal;
}
#open #content .cpv_table {
width: 100%;
}
#open #content .cpv_table thead td {
background-color: #eaf5fa;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #00476a;
text-align: center;
border: 1px solid #00476a;
padding: 11px 20px 13px;
}
#open #content .cpv_table thead td strong {
font-weight: 400;
}
#open #content .cpv_table td {
text-align: center;
border: 1px solid #00476a;
padding: 12px 20px 12px;
}
#open #content *:first-child {
margin-top: 0;
}
._scrollW {
width: 6px;
}
.scrollfield {
padding-bottom: 0;
margin: 0;
overflow: auto;
/*height:200px;*/
width: 100%;
position: relative;
overflow: hidden;
}
.scrollfield.mCustomScrollbar,
.scrollfield.mCS_destroyed {
padding-bottom: 0;
}
.scrollfield div {
margin: 0;
}
.scrollfield.mCustomScrollbar {
padding: 0 0 14px;
}
.scrollfield.mCustomScrollbar .mCSB_scrollTools {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.scrollfield.mCustomScrollbar.top {
padding: 14px 0 0;
}
.scrollfield.mCustomScrollbar.top .mCSB_scrollTools {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.mCSB_container {
margin: 0;
word-wrap: break-word;
overflow: hidden;
}
.mCustomScrollBox > .mCSB_scrollTools {
background-color: #badff2;
height: 14px;
margin-top: 1px;
position: relative;
}
.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #00476a;
border-radius: 4px;
-webkit-border-radius: 4px;
width: auto;
height: 8px;
margin: 4px 5px;
}
/*.mCustomScrollBox > .mCSB_scrollTools {width:0;height:auto;._scrollW;._abs;top:0;bottom:30px;right:0;._ovh;}
.mCSB_scrollTools .mCSB_draggerContainer {width:0;}
.mCSB_scrollTools .mCSB_draggerRail {._bgc(#fff);width:0;._rel;}
.mCSB_scrollTools .mCSB_dragger {._rad(9px);width:0;._scrollW;left:0;z-index:1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {._bgc(red);._scrollW;margin:0;left:0;._ovh;
&:hover {}
}
.mCSB_container.mCS_no_scrollbar {margin-right:-18px;}*/
/*html, body {min-width:1480px;}*/
.ml5 {
margin-left: 5px !important;
}
.p0 {
padding: 0px !important;
}
.p10 {
padding: 10px !important;
}
.m0 {
margin: 0px !important;
}
html .form table input[type="text"].wp80 {
width: 58% !important;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.actualization_popup {
padding: 30px;
}
.status_ok {
color: #00CC00;
}
.status_error {
color: #FF0000;
}
.background_ok {
background: #00CC00;
}
.background_error {
background: #FF0000;
}
.square_20 {
width: 20px;
height: 20px;
}
.normal {
font-weight: normal;
}
#consent_container {
display: none;
padding: 20px;
position: fixed;
z-index: 2;
bottom: 0px;
background: #eaf5fa;
color: #0d4d6e;
font-weight: bold;
}
#consent_container a {
color: #0d4d6e;
}
#consent_container button {
font-weight: bold;
color: #ffffff;
background-color: #0d4d6e;
border-color: #0d4d6e;
padding: 3px;
}
@media screen and (min-width: 731px) {
#consent_container {
width: 100%;
}
#consent_container button {
width: 120px;
margin: 0 0 0 20px;
font-size: 100%;
}
}
@media screen and (max-width: 730px) {
#consent_container {
width: auto;
text-align: center;
}
#consent_container button {
width: 160px;
display: block;
margin: 0 auto;
font-size: 120%;
}
}
.bright_green {
color: #00CC00;
}
.vpm-link {
padding: 20px 60px;
width: 300px;
margin: auto;
height: auto;
}