/*Reset*/
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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    -webkit-overflow-scrolling: touch
}

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: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 0;
    border: 0;
    border-top: 1px solid #dfdfdf;
    margin: 0;
    padding: 0
}

input, select {
    vertical-align: middle
}

body {
    font-size: 14px;
    line-height: 1.2
}

table {
    font-size: inherit
}

select, input, textarea {
    font: 99% sans-serif
}

pre, code, kbd, samp {
    font-family: monospace, sans-serif
}

html {
    -webkit-font-smoothing: antialiased
}

small {
    font-size: 85%
}

strong, th {
    font-weight: 700
}

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
}

label, input[type=button], input[type=submit], button {
    cursor: pointer
}

html {
    overflow-y: scroll
}

button {
    width: auto;
    overflow: visible
}

.clearfix:after, .c:after, .c {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix, .c {
    display: inline-block
}

.clearfix, .c {
    display: block
}

input:focus, textarea:focus {
    outline: 0
}

ul, ul li {
    display: block;
    list-style: none
}

.css3 {
    position: relative
}

a, a:hover, a:focus, a:visited, a:active {
    color: #0861c4;
    outline: 0
}

a {
    text-decoration: underline
}

a:hover, a:focus, a:active, a:visited {
    text-decoration: none
}

._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
}

._w9 {
    font-weight: 900
}

._w7 {
    font-weight: 700
}

._w5 {
    font-weight: 500
}

._w4 {
    font-weight: 400
}

._w3 {
    font-weight: 300
}

._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
}

._cur {
    cursor: pointer
}

._lsx {
    list-style: none
}

._u {
    text-decoration: underline
}

._xu {
    text-decoration: none
}

._ovh {
    overflow: hidden
}

._all {
    text-align: left
}

._alc {
    text-align: center
}

._alr {
    text-align: right
}

._mid {
    margin-left: auto;
    margin-right: auto
}

._vat {
    vertical-align: top
}

._vam {
    vertical-align: middle
}

._vab {
    vertical-align: bottom
}

._boxn {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

._cont {
    content: ''
}

._clear:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

._clearbefore:before {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

._nosel {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

._arial {
    font-family: Arial, Helvetica, 'Trebuchet MS', sans-serif
}

._helve {
    font-family: Helvetica, Arial, 'Trebuchet MS', sans-serif
}

._roboto {
    font-family: 'Roboto', Arial, Helvetica, 'Trebuchet MS', sans-serif
}

._robotoimp {
    font-family: 'Roboto', Arial, Helvetica, 'Trebuchet MS', sans-serif !important
}

._osans, ._opensans {
    font-family: 'OpenSans', Arial, Helvetica, 'Trebuchet MS', sans-serif
}

._osansimp, ._opensansimp {
    font-family: 'OpenSans', Arial, Helvetica, 'Trebuchet MS', sans-serif !important
}

._fa {
    font-family: 'FontAwesome'
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

a.reverse_u {
    text-decoration: none
}

a.reverse_u:hover {
    text-decoration: underline
}

figure {
    font-size: 0;
    line-height: 0
}

figure img {
    max-width: 100%
}

table {
    width: 100%
}

.hidden {
    display: none
}

.btn, a.btn, button.btn {
    display: block;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    padding: 14px 10px 13px;
    text-align: center;
    text-decoration: none;
    position: relative
}

.btn:hover, a.btn:hover, button.btn:hover, .btn:active, a.btn:active,
button.btn:active, .btn:focused, a.btn:focused, button.btn:focused,
.btn:visited, a.btn:visited, button.btn:visited {
    color: #fff
}

.btn.inb, a.btn.inb, button.btn.inb {
    display: inline-block
}

.btn.plr0, a.btn.plr0, button.btn.plr0 {
    padding-left: 0;
    padding-right: 0
}

.btn.pl36, a.btn.pl36, button.btn.pl36 {
    padding-left: 36px
}

.btn.pr16, a.btn.pr16, button.btn.pr16 {
    padding-right: 16px
}

.btn.sz2451, a.btn.sz2451, button.btn.sz2451 {
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 24px;
    line-height: 29px
}

.btn.sz1442, a.btn.sz1442, button.btn.sz1442 {
    padding-top: 13px;
    padding-bottom: 12px
}

.btn.sz1433, a.btn.sz1433, button.btn.sz1433 {
    padding-top: 8px;
    padding-bottom: 8px
}

.btn.info_icon:before, a.btn.info_icon:before, button.btn.info_icon:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 9px;
    width: 17px;
    height: 17px;
    background-image: url("../img/design/info_icon.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%
}

.btn.datepicker_btn, a.btn.datepicker_btn, button.btn.datepicker_btn {
    padding-left: 35px;
    text-align: left
}

.btn.datepicker_btn:before, a.btn.datepicker_btn:before, button.btn.datepicker_btn:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 9px;
    width: 17px;
    height: 17px;
    background-image: url("../img/design/calendar_icon.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0
}

.btn.print_btn, a.btn.print_btn, button.btn.print_btn {
    padding-left: 35px;
    text-align: left
}

.btn.print_btn:before, a.btn.print_btn:before, button.btn.print_btn:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 8px;
    width: 19px;
    height: 18px;
    background-image: url("../img/design/print_icon.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0
}

.btn.blue, a.btn.blue, button.btn.blue {
    background-color: #0861c4
}

.btn.blue:hover, a.btn.blue:hover, button.btn.blue:hover {
    background-color: #014ea5
}

.btn.blue:active, a.btn.blue:active, button.btn.blue:active {
    background-color: #033d7d
}

.btn.purple, a.btn.purple, button.btn.purple {
    background-color: #ac75cb
}

.btn.purple:hover, a.btn.purple:hover, button.btn.purple:hover {
    background-color: #892586
}

.btn.purple:active, a.btn.purple:active, button.btn.purple:active {
    background-color: #691366
}

.btn.orange, a.btn.orange, button.btn.orange {
    background-color: #fcaa28
}

.btn.orange:hover, a.btn.orange:hover, button.btn.orange:hover {
    background-color: #e76c4f
}

.btn.orange:active, a.btn.orange:active, button.btn.orange:active {
    background-color: #f05a1f
}

.btn.blueborderwhite, a.btn.blueborderwhite, button.btn.blueborderwhite {
    background-color: #fff;
    border: 2px solid #6dacf2;
    color: #4f8fec;
    padding-top: 9px;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 14px
}

.btn.disabled, a.btn.disabled, button.btn.disabled {
    background-color: #bebfc0;
    color: #eaecee;
    cursor: not-allowed
}

.btn.disabled.blue, a.btn.disabled.blue, button.btn.disabled.blue,
.btn.disabled.purple, a.btn.disabled.purple, button.btn.disabled.purple,
.btn.disabled.orange, a.btn.disabled.orange, button.btn.disabled.orange {
    background-color: #bebfc0;
    color: #eaecee
}

.btn.disabled.blue:hover, a.btn.disabled.blue:hover, button.btn.disabled.blue:hover,
.btn.disabled.purple:hover, a.btn.disabled.purple:hover, button.btn.disabled.purple:hover,
.btn.disabled.orange:hover, a.btn.disabled.orange:hover, button.btn.disabled.orange:hover,
.btn.disabled.blue:active, a.btn.disabled.blue:active, button.btn.disabled.blue:active,
.btn.disabled.purple:active, a.btn.disabled.purple:active, button.btn.disabled.purple:active,
.btn.disabled.orange:active, a.btn.disabled.orange:active, button.btn.disabled.orange:active,
.btn.disabled.blue:focused, a.btn.disabled.blue:focused, button.btn.disabled.blue:focused,
.btn.disabled.purple:focused, a.btn.disabled.purple:focused, button.btn.disabled.purple:focused,
.btn.disabled.orange:focused, a.btn.disabled.orange:focused, button.btn.disabled.orange:focused,
.btn.disabled.blue:visited, a.btn.disabled.blue:visited, button.btn.disabled.blue:visited,
.btn.disabled.purple:visited, a.btn.disabled.purple:visited, button.btn.disabled.purple:visited,
.btn.disabled.orange:visited, a.btn.disabled.orange:visited, button.btn.disabled.orange:visited {
    background-color: #bebfc0;
    color: #eaecee
}

button.btn {
    width: 100%;
    outline: 0;
    border: 0
}

.cinput {
    position: relative;
    font-size: 0;
    line-height: 0;
    border: 1px solid #c2ced5;
    padding: 12px 14px 12px;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    background-color: #fff
}

.cinput input {
    font-size: 14px;
    line-height: 20px;
    font-family: 'Roboto', Arial, Helvetica, 'Trebuchet MS', sans-serif;
    font-weight: 400;
    color: #152026;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    width: 100%
}

.cinput input:default, .cinput input:focus, .cinput input:hover, .cinput input:active {
    font-size: 14px !important
}

.cinput.default input {
    color: #bebfc0
}

.cinput.focused {
    border-color: #033d7d
}

.cinput.wrong {
    border-color: #e76c4f;
    background-color: #f3e4e1
}

.cinput.disabled {
    cursor: not-allowed
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type="number"] {
    -moz-appearance: textfield
}

.ios input {
    font-size: 16px !important
}

.ios input:default, .ios input:focus, .ios input:hover, .ios input:active {
    font-size: 16px !important
}

.datepicker_cont {
    position: relative
}

.datepicker_cont .datepicker_input {
    position: absolute;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -99
}

.datepicker_cont.open .datepicker_btn.purple {
    background-color: #892586
}

.ui-datepicker {
    width: 201px;
    margin: 8px 0 0 -1px;
    padding: 0 8px 9px 8px;
    background-color: #892586;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    z-index: 15 !important
}

.ui-datepicker .ui-datepicker-header {
    height: 36px;
    padding: 0
}

.ui-datepicker .ui-datepicker-title {
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    padding: 9px 0 10px;
    margin: 0 30px;
    font-weight: 700
}

.ui-datepicker .ui-datepicker-month:after {
    content: ','
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 0;
    width: 38px;
    height: 36px;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before {
    font-family: 'FontAwesome';
    color: #eaecee;
    position: absolute;
    top: 13px;
    font-size: 13px;
    line-height: 13px
}

.ui-datepicker .ui-datepicker-prev {
    left: -8px
}

.ui-datepicker .ui-datepicker-prev:before {
    content: '\f053';
    left: 14px
}

.ui-datepicker .ui-datepicker-next {
    right: -8px
}

.ui-datepicker .ui-datepicker-next:before {
    content: '\f054';
    right: 14px
}

.ui-datepicker table {
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    background-color: #fff
}

.ui-datepicker th {
    padding: 10px 0 5px
}

.ui-datepicker td {
    padding: 1px 0 1px;
    vertical-align: middle;
    width: .142857%
}

.ui-datepicker td a {
    text-align: center;
    padding: 4px 0;
    color: #152026;
    width: 22px;
    margin: 0 auto
}

.ui-datepicker td.ui-datepicker-other-month a {
    color: #bebfc0
}

.ui-datepicker td.ui-datepicker-current-day a {
    color: #fff;
    font-weight: 700;
    background-color: #ac75cb;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px
}

.ui-datepicker tbody tr:last-child td {
    padding-bottom: 3px
}

.custom_checkbox {
    width: 28px;
    height: 28px;
    position: absolute;
    top: -4px
}

.custom_checkbox:before {
    content: '';
    background-color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #c2ced5
}

.custom_checkbox:focus:before {
    border-color: #c2ced5
}

label.checkbox_cont {
    position: relative;
    padding-left: 40px
}

label.checkbox_cont input[type=checkbox] {
    position: absolute;
    left: -9999px;
    opacity: 0
}

label.checkbox_cont .custom_checkbox {
    left: 0
}

label.checkbox_cont_right {
    position: relative;
    padding-right: 40px
}

label.checkbox_cont_right input[type=checkbox] {
    position: absolute;
    left: -9999px;
    opacity: 0
}

label.checkbox_cont_right .custom_checkbox {
    right: 0
}

label.checkbox-line {
    display: block
}

label.wrong .custom_checkbox:before {
    background-color: #f3e4e1;
    border-color: #f05a1f
}

label.checked .custom_checkbox.checked:before {
    border-color: #033d7d
}

label.checked .custom_checkbox.checked:after {
    content: '';
    background-image: url("../img/design/checkmark.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 19px;
    height: 15px;
    position: absolute;
    top: 7px;
    left: 5px
}

label.fs1214vam {
    font-size: 12px;
    line-height: 14px
}

label.fs1214vam .custom_checkbox {
    top: 0
}

label.fs1214vam .outer {
    height: 28px
}

.svg label.checked .custom_checkbox:after {
    background-image: url("../img/design/checkmark.svg")
}

.checkboxes_inb {
    margin-left: -25px
}

.checkboxes_inb label.checkbox_cont, .checkboxes_inb label.checkbox_cont_right {
    display: inline-block;
    margin-left: 25px
}

.outer {
    display: table;
    width: 100%
}

.outer > .inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.color-black {
    color: #000
}

.color-white {
    color: #fff
}

.color-red {
    color: #f05a1f
}

.color-grayblue {
    color: #8895ad
}

.color-purple {
    color: #92278f
}

.hcolor-black:hover, .hcolor-black:focus {
    color: #000
}

.hcolor-white:hover, .hcolor-white:focus {
    color: #fff
}

.hcolor-red:hover, .hcolor-red:focus {
    color: #f05a1f
}

.hcolor-grayblue:hover, .hcolor-grayblue:focus {
    color: #8895ad
}

.hcolor-purple:hover, .hcolor-purple:focus {
    color: #92278f
}

.fs5465 {
    font-size: 54px;
    line-height: 65px
}

.fs4453 {
    font-size: 44px;
    line-height: 53px
}

.fs3643 {
    font-size: 36px;
    line-height: 43px
}

.fs3238 {
    font-size: 32px;
    line-height: 38px
}

.fs3036 {
    font-size: 30px;
    line-height: 36px
}

.fs2429 {
    font-size: 24px;
    line-height: 29px
}

.fs2226 {
    font-size: 22px;
    line-height: 26px
}

.fs2024 {
    font-size: 20px;
    line-height: 24px
}

.fs1822 {
    font-size: 18px;
    line-height: 22px
}

.fs1820 {
    font-size: 18px;
    line-height: 20px
}

.fs1619 {
    font-size: 16px;
    line-height: 19px
}

.fs1424 {
    font-size: 14px;
    line-height: 24px
}

.fs1420 {
    font-size: 14px;
    line-height: 20px
}

.fs1417 {
    font-size: 14px;
    line-height: 17px
}

.fs1416 {
    font-size: 14px;
    line-height: 16px
}

.fs1216 {
    font-size: 12px;
    line-height: 16px
}

.fs1214 {
    font-size: 12px;
    line-height: 14px
}

.fs00 {
    font-size: 0;
    line-height: 0
}

.sp500 {
    height: 500px
}

.sp450 {
    height: 450px
}

.sp400 {
    height: 400px
}

.sp350 {
    height: 350px
}

.sp300 {
    height: 300px
}

.sp250 {
    height: 250px
}

.sp200 {
    height: 200px
}

.sp150 {
    height: 150px
}

.sp100 {
    height: 100px
}

.sp50 {
    height: 50px
}

.sp49 {
    height: 49px
}

.sp48 {
    height: 48px
}

.sp47 {
    height: 47px
}

.sp46 {
    height: 46px
}

.sp45 {
    height: 45px
}

.sp44 {
    height: 44px
}

.sp43 {
    height: 43px
}

.sp42 {
    height: 42px
}

.sp41 {
    height: 41px
}

.sp40 {
    height: 40px
}

.sp39 {
    height: 39px
}

.sp38 {
    height: 38px
}

.sp37 {
    height: 37px
}

.sp36 {
    height: 36px
}

.sp35 {
    height: 35px
}

.sp34 {
    height: 34px
}

.sp33 {
    height: 33px
}

.sp32 {
    height: 32px
}

.sp31 {
    height: 31px
}

.sp30 {
    height: 30px
}

.sp29 {
    height: 29px
}

.sp28 {
    height: 28px
}

.sp27 {
    height: 27px
}

.sp26 {
    height: 26px
}

.sp25 {
    height: 25px
}

.sp24 {
    height: 24px
}

.sp23 {
    height: 23px
}

.sp22 {
    height: 22px
}

.sp21 {
    height: 21px
}

.sp20 {
    height: 20px
}

.sp19 {
    height: 19px
}

.sp18 {
    height: 18px
}

.sp17 {
    height: 17px
}

.sp16 {
    height: 16px
}

.sp15 {
    height: 15px
}

.sp14 {
    height: 14px
}

.sp13 {
    height: 13px
}

.sp12 {
    height: 12px
}

.sp11 {
    height: 11px
}

.sp10 {
    height: 10px
}

.sp9 {
    height: 9px
}

.sp8 {
    height: 8px
}

.sp7 {
    height: 7px
}

.sp6 {
    height: 6px
}

.sp5 {
    height: 5px
}

.sp4 {
    height: 4px
}

.sp3 {
    height: 3px
}

.sp2 {
    height: 2px
}

.sp1 {
    height: 1px
}

.mt0 {
    margin-top: 0
}

.mt-1 {
    margin-top: -1px
}

.mt-2 {
    margin-top: -2px
}

.mt-3 {
    margin-top: -3px
}

.mt-4 {
    margin-top: -4px
}

.mt-5 {
    margin-top: -5px
}

.mt-6 {
    margin-top: -6px
}

.mt-7 {
    margin-top: -7px
}

.mt-8 {
    margin-top: -8px
}

.mt-9 {
    margin-top: -9px
}

.mt-10 {
    margin-top: -10px
}

.mt-11 {
    margin-top: -11px
}

.mt-12 {
    margin-top: -12px
}

.mt-13 {
    margin-top: -13px
}

.mt-14 {
    margin-top: -14px
}

.mt-15 {
    margin-top: -15px
}

.mt-16 {
    margin-top: -16px
}

.mt-17 {
    margin-top: -17px
}

.mt-18 {
    margin-top: -18px
}

.mt-19 {
    margin-top: -19px
}

.mt-20 {
    margin-top: -20px
}

.ml20 {
    margin-left: 20px
}

.ml28 {
    margin-left: 28px
}

.mr20 {
    margin-right: 20px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.pl38 {
    padding-left: 38px
}

.pl40 {
    padding-left: 40px
}

.pl42 {
    padding-left: 42px
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr18 {
    padding-right: 18px
}

.pr30 {
    padding-right: 30px
}

.pr40 {
    padding-right: 40px
}

.mnw134 {
    min-width: 134px
}

.mxw215 {
    max-width: 215px
}

.mxw348 {
    max-width: 348px
}

.mxw352 {
    max-width: 352px
}

.mxw740 {
    max-width: 740px
}

.mxw772 {
    max-width: 772px
}

.mxw1011 {
    max-width: 1011px
}

.w216 {
    width: 216px
}

.w220 {
    width: 220px
}

.w352 {
    width: 352px
}

html {
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html.popup_open {
    overflow: hidden
}

html .popup_cont {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 970;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    padding-top: 40px;
    padding-bottom: 40px
}

html .popup_cont_msg {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 990;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    padding-top: 40px;
    padding-bottom: 40px
}

html .popup_cont .popup {
    position: relative;
    z-index: 10;
    left: 0;
    width: 100%
}

html .popup_cont_msg .popup {
    position: relative;
    z-index: 10;
    left: 0;
    width: 100%
}

html .popup_cont .popup .popup_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 34px;
    cursor: pointer
}

html .popup_cont .popup .popup_close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 21px;
    height: 20px;
    margin: -10px 0 0 -10px;
    background-image: url("../img/design/close.png");
    background-color: #0861c4;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px
}

html .popup_cont .popup .popup_close:hover:before {
    background-color: #014ea5
}

html .popup_cont .popup .popup_close:active:before {
    background-color: #033d7d
}

html .popup_cont .popup .popup_close2, html .popup_cont_msg .popup .popup_close2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 34px;
    cursor: pointer
}

html .popup_cont .popup .popup_close2:before, html .popup_cont_msg .popup .popup_close2:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 12px;
    margin: -6px 0 0 -7px;
    background-image: url("../img/design/close2.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0
}

html .popup_cont .popup.vmid_fixed, html .popup_cont_msg .popup.vmid_fixed {
    position: fixed;
    top: 50%
}

html .popup_bg {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 960;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(1, 23, 48, .7)
}

html .popup_bg_msg {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 980;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(1, 23, 48, .7)
}

html .mobmenu_bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 18;
    background-color: rgba(1, 23, 48, .7)
}

html.mobmenu_open .mobmenu {
    display: block
}

html.mobmenu_open .mobmenu_bg {
    display: block
}

body {
    height: 100%;
    font-family: 'Roboto', Arial, Helvetica, 'Trebuchet MS', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #152026;
    background-color: #eaecee;
    position: relative
}

#page {
    min-height: 100%;
    position: relative
}

header {
    position: relative;
    z-index: 20
}

header .line_a1 {
    background-color: #033d7d;
    text-align: center
}

header .line_b1 {
    font-size: 13px;
    line-height: 16px;
    background-color: #033d7d;
    color: #fff;
    font-family: 'OpenSans', Arial, Helvetica, 'Trebuchet MS', sans-serif
}

header .line_b1:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

header .line_b2 {
    font-size: 14px;
    line-height: 18px;
    background-color: #fff;
    color: #979595
}

header .line_b2:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

header .logo {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

header .logo h1 {
    font-size: 0;
    line-height: 0
}

header .lang_menu {
    font-size: 0;
    line-height: 0;
    text-align: center;
    font-family: 'OpenSans', Arial, Helvetica, 'Trebuchet MS', sans-serif
}

header .lang_menu > a {
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    text-decoration: none;
    padding: 0 16px
}

header .link1 {
    float: left;
    position: relative;
    color: #fff;
    text-decoration: none;
    padding-top: 14px;
    padding-bottom: 10px
}

header .link1:hover, header .link1:active {
    text-decoration: underline
}

header .link1.phone {
    padding-left: 23px
}

header .link1.phone:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    background-image: url("../img/design/phone_icon.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 13px;
    height: 20px
}

header .link1.mail {
    padding-left: 36px
}

header .link1.mail:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    background-image: url("../img/design/mail_icon.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 21px;
    height: 13px
}

header .link1 + .link1 {
    margin-left: 80px
}

header .link1 + .lang_menu2 {
    margin-left: 55px
}

header .lang_menu2 {
    float: left
}

header .lang_menu2:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

header .lang_menu2 > a {
    float: left;
    padding: 14px 0 10px;
    color: #fff;
    text-decoration: none
}

header .lang_menu2 > a:hover {
    text-decoration: underline
}

header .lang_menu2 > a.active {
    color: #82aff0
}

header .lang_menu2 > a.active:hover {
    text-decoration: none
}

header .lang_menu2 > a + a {
    margin-left: 16px
}

header .link2 {
    float: left;
    font-weight: 500;
    padding: 10px 0 9px;
    color: #979595;
    text-decoration: none;
    text-transform: uppercase
}

header .link2.active {
    color: #0861c4
}

header .link2:hover {
    text-decoration: underline
}

header .link2 + .user {
    margin-left: 39px
}

header .link2 + .link2 {
    margin-left: 48px
}

header .user {
    float: left;
    position: relative
}

header .user .trigger {
    cursor: pointer;
    color: #979595;
    padding: 14px 49px 13px 14px;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    font-weight: 500;
    text-transform: uppercase
}

header .user .trigger:before {
    content: '\f078';
    font-family: 'FontAwesome';
    color: #bebfc0;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 15px;
    right: 18px
}

header .user .trigger:hover {
    color: #fff;
    background-color: #4f8fec
}

header .user .trigger:hover:before {
    color: #fff
}

header .user .expand {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 11px;
    border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    font-size: 14px;
    line-height: 18px;
    padding: 17px 0 16px;
    background-color: #033d7d;
    font-weight: 700;
    display: none
}

header .user .expand:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 13px;
    border-bottom: 6px solid #033d7d;
    width: 1px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

header .user .expand .userlink {
    color: #fff;
    text-decoration: none;
    padding: 8px 12px 7px;
    position: relative;
    display: block
}

header .user .expand .userlink.iconcog {
    padding-left: 45px
}

header .user .expand .userlink.iconcog:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 12px;
    width: 19px;
    height: 19px;
    background-image: url("../img/design/cog_icon.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0
}

header .user .expand .userlink.iconuser {
    padding-left: 45px
}

header .user .expand .userlink.iconuser:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 12px;
    width: 16px;
    height: 17px;
    background-image: url("../img/design/user_icon.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0
}

header .user .expand .userlink:hover {
    text-decoration: underline
}

header .user.open .trigger {
    color: #fff;
    background-color: #033d7d
}

header .user.open .trigger:before {
    color: #fff
}

header .user.open .expand {
    display: block
}

header .user + .logout {
    margin-left: 20px
}

header .logout {
    float: left
}

header .logout .btn {
    min-width: 93px
}

header .mobmenu_trigger {
    position: relative;
    width: 47px;
    height: 47px;
    background-color: #033d7d;
    cursor: pointer;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px
}

header .mobmenu_trigger:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 27px;
    height: 24px;
    background-image: url("../img/design/menu_icon.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: -12px 0 0 -14px
}

header .mobmenu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    display: none
}

header .mobmenu:before {
    content: '';
    position: absolute;
    top: -8px;
    right: 71px;
    border-bottom: 8px solid #033d7d;
    width: 1px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

header .mobmenu .mobmenu_link {
    display: block;
    background-color: #033d7d;
    color: #fff;
    padding: 23px 40px 22px;
    text-decoration: none;
    text-transform: uppercase
}

header .mobmenu .mobmenu_link:hover, header .mobmenu .mobmenu_link.c2 {
    background-color: #0861c4
}

header .mobmenu .mobmenu_link + .mobmenu_link {
    border-top: 2px solid #4f8fec
}

footer {
    position: relative;
    z-index: 10
}

footer .line_a1 {
    font-size: 12px;
    line-height: 16px;
    color: #000
}

footer .line_a1:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

footer .line_b1 {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    background: #0861c4;
    background: -moz-linear-gradient(top, #0861c4 0, #033d7d 100%);
    background: -webkit-linear-gradient(top, #0861c4 0, #033d7d 100%);
    background: linear-gradient(to bottom, #0861c4 0, #033d7d 100%);
    filter: progid: dximagetransform.microsoft.gradient(startColorstr='#0861c4', endColorstr='#033d7d', GradientType=0)
}

footer .line_b1:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

footer .copy {
    float: left;
    margin-left: 26px
}

footer .contact {
    float: right;
    margin-right: 30px
}

footer .contact > a {
    color: #000;
    text-decoration: none
}

footer .contact > a:hover {
    text-decoration: underline
}

footer .footer_cols1:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

footer .footer_cols1 .col {
    float: left
}

footer .footer_cols1 .col.col1 {
    width: 280px;
    padding-right: 20px
}

footer .footer_cols1 .col.col2 {
    width: 282px;
    padding-right: 20px
}

footer .footer_cols1 .col.col3 {
    width: 568px
}

footer .link1 {
    position: relative;
    padding-left: 45px;
    color: #fff
}

footer .link1.icon_i:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 23px;
    height: 23px;
    background-image: url("../img/design/info_icon.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%
}

footer .link1.icon_clock:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 22px;
    height: 22px;
    background-image: url("../img/design/clock_icon.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0
}

footer .link1.icon_mail:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 21px;
    height: 13px;
    background-image: url("../img/design/mail_icon.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0
}

footer .link1.icon_pin:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 23px;
    height: 23px;
    background-image: url("../img/design/pin_icon.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0
}

footer .link1.icon_fb:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 23px;
    height: 23px;
    background-image: url("../img/design/fb_icon.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0
}

footer .link1.icon_dr:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 23px;
    height: 23px;
    background-image: url("../img/design/dr_icon.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0
}

footer a.link1 {
    text-decoration: none
}

footer a.link1:hover {
    text-decoration: underline
}

.login_reg_msg {
    padding: 0 17px;
    background-color: #033d7d;
    position: relative;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    color: #fff
}

.login_reg_msg:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 20px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #033d7d;
    width: 1px
}

.red_error_msg {
    padding: 0 17px;
    background-color: #e76c4f;
    position: relative;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    color: #fff
}

.red_error_msg a {
    color: #fff
}

.red_error_msg:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 12px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #e76c4f;
    width: 1px
}

.whitecont {
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    background-color: #fff
}

.whitecont.b1 {
    border: 1px solid #c2ced5
}

.textpage {
    font-size: 14px;
    line-height: 20px
}

.textpage h2 {
    font-size: 24px;
    line-height: 29px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase
}

.textpage h2 + p, .textpage h2 + ul, .textpage h2 + ol {
    margin-top: 14px
}

.textpage p + ul, .textpage p + ol {
    margin-top: 18px
}

.textpage ul li {
    padding-left: 20px;
    position: relative
}

.textpage ul li:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    background-color: #8592ab
}

.textpage ul li + li {
    margin-top: 4px
}

.textpage ul + p, .textpage ul + ul, .textpage ul + ol {
    margin-top: 10px
}

.agreement_cols:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.agreement_cols .col {
    float: left
}

.agreement_cols .col.col1 {
    width: 270px;
    padding-right: 30px
}

.agreement_cols .col.col2 {
    width: 772px
}

.icon_paper {
    position: relative;
    padding-left: 40px
}

.icon_paper:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 21px;
    height: 27px;
    background-image: url("../img/design/paper_icon.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0
}

.agreement_list {
    position: relative;
    z-index: 11
}

.agreement_list .cont {
    border: 1px solid #c2ced5;
    border-top: 0;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    background-color: #fff;
    padding: 20px 20px 25px;
    position: relative
}

.agreement_list .cont:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #0861c4;
    background: -moz-linear-gradient(left, #0861c4 0, #96bdf6 100%);
    background: -webkit-linear-gradient(left, #0861c4 0, #96bdf6 100%);
    background: linear-gradient(to right, #0861c4 0, #96bdf6 100%);
    filter: progid: dximagetransform.microsoft.gradient(startColorstr='#0861c4', endColorstr='#96bdf6', GradientType=1)
}

.agreement_list .text_and_tag {
    position: relative
}

.agreement_list .text_and_tag .text {
    padding-left: 20px
}

.agreement_list .text_and_tag .tag {
    right: -44px;
    top: 0;
    width: 283px;
    position: absolute;
    z-index: 6
}

.agreement_list .text_and_tag .tag .tagcont {
    padding: 10px 23px 10px 14px;
    background-color: #4f8fec;
    color: #fff;
    position: relative
}

.agreement_list .text_and_tag .tag .tagcont:before {
    content: '';
    border-top: 8px solid #607da7;
    border-left: 12px solid #607da7;
    border-right: 12px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 100%;
    right: 0
}

.agreement_list .text_and_tag .tag .tagcont .top {
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
    font-family: 'OpenSans', Arial, Helvetica, 'Trebuchet MS', sans-serif
}

.agreement_list .text_and_tag .tag .tagcont .top .sz2 {
    font-size: 32px;
    line-height: 38px
}

.agreement_list .text_and_tag .tag .tagcont .top + .btm {
    margin-top: 5px
}

.agreement_list .text_and_tag .tag .tagcont .btm {
    position: relative;
    font-size: 14px;
    line-height: 18px
}

.agreement_list .text_and_tag .tag .tagcont .btm .shorttext {
    display: block;
    display: -webkit-box;
    height: 36px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.agreement_list .text_and_tag .tag .tagcont .btm .fulltext {
    display: none;
    position: absolute;
    z-index: 15;
    right: -56px;
    left: -84px;
    top: 3px;
    background-color: #f4f5f6;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    padding: 13px 20px 12px
}

.agreement_list .text_and_tag .text .btm .shorttext {
    display: block;
    display: -webkit-box;
    height: 36px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.agreement_list .text_and_tag .text .btm .fulltext  {
    display: none;
    position: absolute;
    z-index: 15;
    background-color: #f4f5f6;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    padding: 13px 20px 12px
}



.agreement_list .text_and_tag .tag.orange .tagcont {
    background-color: #e76c4f
}

.agreement_list .text_and_tag .tag.orange .tagcont:before {
    border-top-color: #ba6955;
    border-left-color: #ba6955
}

.agreement_list .item {
    position: relative;
    z-index: 1
}

.agreement_list .item.showtagfulltext {
    z-index: 2
}

.agreement_list .item.showtagfulltext .text_and_tag .tag .tagcont .btm .fulltext {
    display: block
}

.open_block {
    background-color: #f0f1f3;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    position: relative
}

.open_block .trigger_el {
    cursor: pointer
}

.open_block .trigger {
    cursor: pointer;
    color: #030000;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    position: relative;
    padding: 10px 48px 11px 19px;
    z-index: 1
}

.open_block .trigger:before {
    content: '\f053';
    font-family: 'FontAwesome';
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 15px;
    right: 28px;
    color: #8592ab
}

.open_block .trigger:hover {
    color: #4f8fec
}

.open_block .trigger:hover:before {
    color: #4f8fec
}

.open_block .trigger:active {
    color: #033d7d
}

.open_block .trigger:active:before {
    color: #033d7d
}

.open_block .trigger.animating {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0
}

.open_block .trigger_arrow {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 48px;
    height: 43px
}

.open_block .trigger_arrow:before {
    content: '\f078';
    font-family: 'FontAwesome';
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 28px;
    right: 24px;
    color: #8592ab
}

.open_block.bluebg {
    background-color: #e1e8f3
}

.open_block .expand {
    display: none;
    position: relative;
    z-index: 2
}

.open_block .expand .expand_cont {
    padding-left: 20px;
    padding-right: 20px
}

.open_block.b1 {
    border: 1px solid #c2ced5
}

.open_block.b1 .trigger:before {
    top: 14px;
    right: 27px
}

.open_block.b1 .expand .expand_cont {
    padding-left: 19px;
    padding-right: 19px
}

.open_block.sz55 .trigger {
    padding: 16px 61px 17px 41px
}

.open_block.sz55 .trigger:before {
    top: 22px;
    right: 45px
}

.open_block.b1.sz55 .trigger {
    padding: 15px 60px 16px 40px
}

.open_block.b1.sz55 .trigger:before {
    top: 21px;
    right: 44px
}

.open_block.open.onopen_expand_only > .trigger {
    display: none
}

.open_block.open.onopen_expand_only > .trigger.animating {
    display: block
}

.open_block.open .trigger {
    color: #030000
}

.open_block.open .trigger:before {
    content: '\f078';
    right: 27px
}

.open_block.open .expand {
    display: block
}

.open_block.open.b1 .trigger:before {
    right: 26px
}

.open_block.open.sz55 .trigger:before {
    right: 44px
}

.open_block.open.b1.sz55 .trigger:before {
    right: 43px
}

.agreements_table {
    word-break: break-word
}

.agreements_table .col_a, .agreements_table .col_b, .agreements_table .col_c {
    float: left;
    position: relative
}

.agreements_table .col_a, .agreements_table .col_b {
    padding-right: 2%
}

.agreements_table .col1a {
    width: 12%
}

.agreements_table .col2a {
    width: 17%
}

.agreements_table .col3a {
    width: 13%;
    padding-right: 1%
}

.agreements_table .col4a {
    width: 22%
}

.agreements_table .col5a {
    width: 13%
}

.agreements_table .col6a {
    width: 14%;
    padding-right: 0
}

.agreements_table .col1b {
    width: 17%
}

.agreements_table .col2b {
    width: 16%
}

.agreements_table .col3b {
    width: 26%
}

.agreements_table .col4b {
    width: 23%
}

.agreements_table .col5b {
    width: 10%;
    padding-right: 0
}

.agreements_table .col1c {
    width: 44%
}

.agreements_table .col2c {
    width: 54%;
    padding-left: 2%
}

.agreements_table .col_d {
    float: left;
    min-height: 1px
}

.agreements_table .col1d {
    width: 22%
}

.agreements_table .col2d {
    width: 62%
}

.agreements_table .col_e {
    float: left;
    padding-right: 1%
}

.agreements_table .col1e {
    width: 3%
}

.agreements_table .col2e {
    width: 11%
}

.agreements_table .col3e {
    width: 5%
}

.agreements_table .col4e {
    width: 30%
}

.agreements_table .col5e {
    width: 30%
}

.agreements_table .col6e {
    width: 11%
}

.agreements_table .col7e {
    width: 4%;
    padding-right: 0
}

.agreements_table .col_e_cont {
    padding-top: 13px;
    padding-bottom: 12px
}

.agreements_table .col_f {
    float: left
}

.agreements_table .col1f {
    width: 37%;
    padding-right: 3%
}

.agreements_table .col2f {
    width: 60%
}

.agreements_table .col1g {
    float: left;
    width: 83%;
    padding-right: 1%;
    text-align: right
}

.agreements_table .col2g {
    float: right;
    width: 16%
}

.agreements_table .col1h {
    width: 71%;
    margin-left: 12%
}

.agreements_table .col_i {
    float: left
}

.agreements_table .col1i {
    width: 48%;
    padding-right: 2%
}

.agreements_table .col2i {
    width: 50%
}

.agreements_table .col_j {
    float: left;
    position: relative;
    padding-right: 2%
}

.agreements_table .col1j {
    width: 8%
}

.agreements_table .col2j {
    width: 14%
}

.agreements_table .col3j {
    width: 13%;
    padding-right: 1%
}

.agreements_table .col4j {
    width: 32%
}

.agreements_table .col5j {
    width: 13%;
    padding-right: 1%
}

.agreements_table .col6j {
    width: 12%;
    padding-right: 0
}

.agreements_table .trow:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.agreements_table .trow .blueinrow {
    background-color: #e1e8f3
}

.agreements_table .trow.white {
    background-color: #fff
}

.agreements_table .trow.white:hover {
    background-color: #d2d7df
}

.agreements_table .trow.grayblue {
    background-color: #e1e8f3
}

.agreements_table .trow.hovergray:hover {
    background-color: #eaecee
}

.agreements_table .trow.hovergray:hover .blueinrow {
    background-color: #c7d9f6
}

.agreements_table .table_sort {
    position: absolute;
    top: 3px;
    left: -12px;
    width: 8px;
    height: 17px
}

.agreements_table .table_sort:before, .agreements_table .table_sort:after {
    content: '';
    display: none;
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.agreements_table .table_sort:before {
    top: 0;
    border-bottom: 7px solid #8693ac
}

.agreements_table .table_sort:after {
    bottom: 0;
    border-top: 7px solid #8693ac
}

.agreements_table .table_sort:hover:before, .agreements_table .table_sort.active:before {
    border-bottom-color: #0861c4
}

.agreements_table .table_sort:hover:after, .agreements_table .table_sort.active:after {
    border-top-color: #0861c4
}

.agreements_table .table_sort.up:before {
    display: block
}

.agreements_table .table_sort.down:after {
    display: block
}

.agreements_table .tab_tabs {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700
}

.agreements_table .tab_tabs:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.agreements_table .tab_tabs .tab {
    float: left;
    width: 50%
}

.agreements_table .tab_tabs .tab_cont {
    padding-left: 14px
}

.agreements_table .mob_tabs_head {
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    padding-right: 7px;
    border-bottom: 2px solid #0861c4
}

.agreements_table .mob_tabs_head:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.agreements_table .mob_tabs_head .tab {
    cursor: pointer;
    float: left;
    width: 50%
}

.agreements_table .mob_tabs_head .tab + .tab {
    margin: 0 -7px 0 7px
}

.agreements_table .mob_tabs_head .tab.active .tab_cont {
    background-color: #0861c4
}

.agreements_table .mob_tabs_head .tab_cont {
    padding: 6px 0 6px;
    background-color: #bebfc0;
    text-align: center;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    color: #fff
}

.agreements_table .mob_tabs_body {
    background-color: #fff
}

.block-label {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    padding: 4px 3px 5px;
    text-align: center;
    color: #fff;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px
}

.block-label.green {
    background-color: #a1d405
}

.block-label.red {
    background-color: #e76c4f
}

.whiteborder {
    border: 1px solid #fff;
    border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px
}

.agreement_ico_cols {
    margin-left: -50px
}

.agreement_ico_cols:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.agreement_ico_cols .col_a {
    float: left;
    width: 33.33%
}

.agreement_ico_cols .col_a_cont {
    padding-left: 50px
}

.text_with_left_icon {
    position: relative;
    padding-left: 58px;
    font-size: 14px;
    line-height: 20px
}

.text_with_left_icon .icon {
    position: absolute;
    top: 2px;
    left: 0
}

.text_with_left_icon .outer {
    display: table;
    width: 100%;
    height: 40px
}

.text_with_left_icon .inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.popup_error .popup_inner {
    padding: 50px 40px 76px;
}

.popup_error .logo_line {
    margin-bottom: 42px;
}

.popup_error .logo_cont {
    text-align: center;
}

.popup_error .logo_cont .img {
    height: 80px;
}

.popup .popup_sizer_pin {
    width: 100%;
    max-width: 380px;
    padding: 10px;
    margin: auto;
    box-sizing: border-box;
    height: 816px;
    max-height: 100%;
    display: flex;
    flex-direction: column;
}
.popup_error .logo_line_pin {
    height:40px;
    padding-bottom: 20px;
}

.popup_error .logo_pin {
    float: left;
    text-align: left;
}
.popup_error .logo_pin .img {
    height: 40px;
}
.popup_error .logo_smart {
    float: right;
    text-align: right;
}

.popup_error .logo_smart .img {
    height: 40px;
}

.popup_error .content_pin {
    display: flex;
    width: 100%;
}
.popup_error .popup_text_pin {
    font-family: 'Roboto', Arial, Helvetica, 'Trebuchet MS', serif;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
}
.popup_error .popup_text_pin.pin_header{
    font-weight: 700;
}
.popup_error .popup_text_pin.pin_pin{
    font-size: 50px;
    line-height: 50px;
}
.popup_error .popup_text_pin.pin_sec{
    font-size: 10px;
}
.popup_error .popup_text_pin.pin_sec span{
    font-weight: 700;
}
.popup_error .popup_text_pin.pin_message{
    font-size: 13px;
}

.font_lateko {
    color: #0861c4;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.popup_error .pinspinner {
    width: 80px;
    height: 80px;
    animation: spin 3s linear infinite;
}

.popup_error .content_cols {
    display: -webkit-box;
    display: moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-left: 42px;
}

.popup_error .img_part {
    width: 25.48%;
    box-sizing: border-box;
    padding-right: 30px;
    flex-shrink: 0;
}

.popup_error .img_part .img {
    width: 152px;
    max-width: 100%;
}

.popup_error .text_part {
    flex-grow: 1;
    font-size: 18px;
    line-height: 24px;
    align-self: center;
}

.popup_error .text_part .popup_title {
    margin: 12px 0;
}

.popup_error .text_part p {
    margin: 12px 0;
}

.popup_error .text_part>*:first-child {
    margin-top: 0;
}

.popup_error .text_part>*:last-child {
    margin-bottom: 0;
}




.mxw380 {
    max-width: 380px;
}

.popup_cont .tab_cont {
    padding: 30px 30px 60px;
}

.logo_link_list {
    display: -webkit-box;
    display: moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: -17px 0 0 -20px;
    flex-wrap: wrap;
}

.logo_link_list .item {
    display: -webkit-box;
    display: moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 17px 0 0 20px;
    box-sizing: border-box;
    width: 120px;
    height: 50px;
    padding: 4px;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    background-color: #ffffff;
    border: 1px solid #c2ced5;
    font-size: 0;
    line-height: 0;
}

.logo_link_list .item img {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.logo_link_list .item:hover {
    border-color: #2293e8;
}



.bluebottom {
    border-bottom: 1px solid #c7d9f6;
}
    
.bluetop {
    border-top: 1px solid #c7d9f6;
}
    
.blueleft {
    border-left: 1px solid #c7d9f6;
}
    
.blueright {
    border-right: 1px solid #c7d9f6;
}
    
.agreements_grid {
    display: grid;
    grid-template-columns: 3% 1fr 1fr 1fr 1fr 1fr 1fr auto;
    gap: 0;
    overflow: hidden;
}
.agreements_grid .row{
    display: contents;
}
.agreements_grid .highlight.row:hover > div{
    background-color: #eaecee
}
.agreements_grid .highlight.row:hover > div._gr{
    background-color: #c7d9f6
}
.agreements_grid ._gr{
    background-color: #e1e8f3;
}
.agreements_grid ._bbl{
    border-left: 1px solid #c7d9f6;
}
.agreements_grid ._bbb{
    border-bottom: 1px solid #c7d9f6;
}
.agreements_grid .row > div.tab1{
    justify-content: center;
    display: flex;    
    grid-row: 1;
    grid-column: 3 / 5;
    text-align: center;
}
.agreements_grid .row > div.tab2{
    justify-content: center;
    display: flex;    
    grid-row: 1;
    grid-column: 5 / 7;
    text-align: center;
}
.agreements_grid .row > div.tab3{
    grid-row: 1;
    grid-column: 7 / 9;
    text-align: center;
}
.agreements_grid .row > div.tab32{
    grid-column: 7 / 9;
    text-align: center;
}
.agreements_grid .row > div.header{
    font-weight: 700;
    color: #8895ad;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;    
    padding: 8px;
}
.agreements_grid .row > div{
    justify-content: left;
    display: flex;    
    padding: 8px 8px 8px 8px;
}










@media (min-width: 1280px) {
    .hidden-dt {
        display: none !important
    }

    .hidden-dttab {
        display: none !important
    }

    .hidden-dtmob {
        display: none !important
    }

    .dttab_clear:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

    .dt_left {
        float: left
    }

    .wrap {
        width: 1170px;
        margin: 0 auto
    }

    .mobmenu_bg {
        display: none !important
    }

    header .mobmenu {
        display: none !important
    }

    .agreements_table .trow .blueinrow.dt_nobg {
        background-color: transparent
    }

    .agreements_table .trow.hovergray:hover .blueinrow.dt_nobg {
        background-color: transparent
    }

}

@media (min-width: 768px) and (max-width: 1279px) {
    .hidden-tab {
        display: none !important
    }

    .hidden-dttab {
        display: none !important
    }

    .hidden-tabmob {
        display: none !important
    }

    .dttab_clear:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

    .tab_mid {
        margin-left: auto;
        margin-right: auto
    }

    .tab_wrap {
        margin: 0 54px
    }

    .wrap {
        margin: 0 54px
    }

    .cinput.tsz1444 {
        padding-top: 11px;
        padding-bottom: 11px
    }

    .tcolor-black {
        color: #000
    }

    .tfs1216 {
        font-size: 12px;
        line-height: 16px
    }

    .tsp400 {
        height: 400px
    }

    .tsp350 {
        height: 350px
    }

    .tsp300 {
        height: 300px
    }

    .tsp250 {
        height: 250px
    }

    .tsp200 {
        height: 200px
    }

    .tsp150 {
        height: 150px
    }

    .tsp100 {
        height: 100px
    }

    .tsp50 {
        height: 50px
    }

    .tsp49 {
        height: 49px
    }

    .tsp48 {
        height: 48px
    }

    .tsp47 {
        height: 47px
    }

    .tsp46 {
        height: 46px
    }

    .tsp45 {
        height: 45px
    }

    .tsp44 {
        height: 44px
    }

    .tsp43 {
        height: 43px
    }

    .tsp42 {
        height: 42px
    }

    .tsp41 {
        height: 41px
    }

    .tsp40 {
        height: 40px
    }

    .tsp39 {
        height: 39px
    }

    .tsp38 {
        height: 38px
    }

    .tsp37 {
        height: 37px
    }

    .tsp36 {
        height: 36px
    }

    .tsp35 {
        height: 35px
    }

    .tsp34 {
        height: 34px
    }

    .tsp33 {
        height: 33px
    }

    .tsp32 {
        height: 32px
    }

    .tsp31 {
        height: 31px
    }

    .tsp30 {
        height: 30px
    }

    .tsp29 {
        height: 29px
    }

    .tsp28 {
        height: 28px
    }

    .tsp27 {
        height: 27px
    }

    .tsp26 {
        height: 26px
    }

    .tsp25 {
        height: 25px
    }

    .tsp24 {
        height: 24px
    }

    .tsp23 {
        height: 23px
    }

    .tsp22 {
        height: 22px
    }

    .tsp21 {
        height: 21px
    }

    .tsp20 {
        height: 20px
    }

    .tsp19 {
        height: 19px
    }

    .tsp18 {
        height: 18px
    }

    .tsp17 {
        height: 17px
    }

    .tsp16 {
        height: 16px
    }

    .tsp15 {
        height: 15px
    }

    .tsp14 {
        height: 14px
    }

    .tsp13 {
        height: 13px
    }

    .tsp12 {
        height: 12px
    }

    .tsp11 {
        height: 11px
    }

    .tsp10 {
        height: 10px
    }

    .tsp9 {
        height: 9px
    }

    .tsp8 {
        height: 8px
    }

    .tsp7 {
        height: 7px
    }

    .tsp6 {
        height: 6px
    }

    .tsp5 {
        height: 5px
    }

    .tsp4 {
        height: 4px
    }

    .tsp3 {
        height: 3px
    }

    .tsp2 {
        height: 2px
    }

    .tsp1 {
        height: 1px
    }

    .tsp0 {
        height: 0
    }

    .tab_alc {
        text-align: center
    }

    .tab_all {
        text-align: left
    }

    .tab_blo {
        display: block
    }

    .tpl10 {
        padding-left: 10px
    }

    .tpl20 {
        padding-left: 20px
    }

    .tpl24 {
        padding-left: 24px
    }

    .tpr10 {
        padding-right: 10px
    }

    .tpr15 {
        padding-right: 15px
    }

    .tpr20 {
        padding-right: 20px
    }

    .tml0 {
        margin-left: 0
    }

    .tmxw613 {
        max-width: 613px
    }

    .tmxw665 {
        max-width: 665px
    }

    .tmxw1011 {
        max-width: 1011px
    }

    .tmxwn {
        max-width: none
    }

    .tw180 {
        width: 180px
    }

    footer .copy {
        margin-left: 55px
    }

    footer .contact {
        margin-right: 54px
    }

    footer .footer_cols1 .col.col2 {
        width: 43%;
        padding-right: 0
    }

    footer .footer_cols1 .col.col3 {
        width: 54%;
        float: right
    }

    .textpage h2 + p, .textpage h2 + ul, .textpage h2 + ol {
        margin-top: 16px
    }

    .agreement_cols .col.col2 {
        width: auto;
        float: none
    }

    .agreement_list .text_and_tag .tag .tagcont .btm .fulltext {
        right: -54px;
        left: -84px
    }

    .agreements_table .col1c {
        width: 52%
    }

    .agreements_table .col2c {
        width: 47%;
        padding-left: 1%
    }

    .agreements_table .col1d {
        width: 30%
    }

    .agreements_table .col2d {
        width: 47%
    }

    .agreements_table .col1e {
        width: 5%
    }

    .agreements_table .col2e {
        width: 14%
    }

    .agreements_table .col3e {
        width: 8%
    }

    .agreements_table .col4e {
        width: 47%;
        padding-right: 2%
    }

    .agreements_table .col5e {
        width: 47%;
        padding-right: 2%
    }

    .agreements_table .col6e {
        width: 17%
    }

    .agreements_table .col7e {
        width: 3%;
        padding-right: 0
    }

    .agreements_table .col_e_cont {
        padding-top: 13px;
        padding-bottom: 12px
    }

    .agreements_table .col1f {
        width: 50%
    }

    .agreements_table .col2f {
        width: 47%
    }

    .agreements_table .col1g {
        width: 77%;
        padding-right: 2%
    }

    .agreements_table .col2g {
        width: 21%
    }

    .agreements_table .col1j {
        width: 12%
    }

    .agreements_table .col2j {
        width: 18%
    }

    .agreements_table .col3j {
        width: 12%
    }

    .agreements_table .col4j {
        width: 22%
    }

    .agreements_table .col5j {
        width: 14%
    }

    .agreements_table .col6j {
        width: 13%;
        padding-right: 0
    }

    .agreements_table .tab_tabs {
        padding-right: 3px;
        border-bottom: 2px solid #0861c4
    }

    .agreements_table .tab_tabs .tab {
        cursor: pointer
    }

    .agreements_table .tab_tabs .tab + .tab {
        margin: 0 -3px 0 3px
    }

    .agreements_table .tab_tabs .tab.active .tab_cont {
        background-color: #0861c4
    }

    .agreements_table .tab_tabs .tab_cont {
        padding: 10px 0 6px;
        background-color: #bebfc0;
        text-align: center;
        border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        color: #fff
    }

    .agreement_ico_cols {
        margin-left: -38px
    }

    .agreement_ico_cols .col_a_cont {
        padding-left: 38px
    }



    .agreements_grid {
	grid-template-columns: 3% 1fr 1fr 1fr 0 0 1fr auto;
    }
    .agreements_grid.clicked {
	grid-template-columns: 3% 1fr 0 0 1fr 1fr 1fr auto;
    }

    .agreements_grid .row > div.tab1{
	grid-column: 3 / 4;
	color: white;
	background-color: #2A60BE;
	margin-bottom: 0;
	align-items: center;
	justify-content: center;
	display: flex;    
	margin-left: 2px;
	margin-right: 1px;
	border-radius: 6px 6px 0 0;
    }
    .agreements_grid .row > div.tab2{
	grid-column: 4 / 5;
	color: white;
	background-color: #BEBFC0;
	margin-bottom: 0;
	align-items: center;
	justify-content: center;
	display: flex;    
	margin-left: 1px;
	margin-right: 2px;
	border-radius: 6px 6px 0 0;
    }
    .agreements_grid .row > div.tab3{
        grid-column: 5 / 9;
	border-left: 0;
    }	

    .agreements_grid .row > div.tab1.clicked{
	grid-column: 3 / 6;
	background-color: #BEBFC0;
    }
    .agreements_grid .row > div.tab2.clicked{
	grid-column: 6 / 7;
	background-color: #2A60BE;
    }
    .agreements_grid .row > div.tab3.clicked{
        grid-column: 7 / 9;
    }	

    .agreements_grid .row > div.clicked:not(.tab1):not(.tab2) {
	visibility: hidden;  /* hides the item’s contents but keeps the 200px reserved */
	padding-left: 0;
    }

}

@media (max-width: 767px) {
    .hidden-mob {
        display: none !important
    }

    .hidden-dtmob {
        display: none !important
    }

    .hidden-tabmob {
        display: none !important
    }

    .mob_clear:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

    .mob_wrap {
        margin-left: 40px;
        margin-right: 40px
    }

    .wrap {
        margin: 0 20px
    }

    .btn, a.btn {
        padding: 14px 10px 13px
    }

    .btn.mpr8, a.btn.mpr8 {
        padding-right: 8px
    }

    .btn.msz1233, a.btn.msz1233 {
        padding-top: 9px;
        padding-bottom: 10px;
        font-size: 12px;
        line-height: 14px
    }

    .btn.msz1443, a.btn.msz1443 {
        padding-top: 13px;
        padding-bottom: 13px
    }

    .btn.msz1851, a.btn.msz1851 {
        padding-top: 14px;
        padding-bottom: 15px;
        font-size: 18px;
        line-height: 22px
    }

    .btn.msz1842, a.btn.msz1842 {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 18px;
        line-height: 22px
    }

    .cinput.msz1444 {
        padding-top: 11px;
        padding-bottom: 11px
    }

    .mcolor-black {
        color: #000
    }

    .mhcolor-black:hover, .mhcolor-black:focus {
        color: #000
    }

    .mfs1822 {
        font-size: 18px;
        line-height: 22px
    }

    .mfs1418 {
        font-size: 14px;
        line-height: 18px
    }

    .mfs1417 {
        font-size: 14px;
        line-height: 17px
    }

    .mfs1320 {
        font-size: 13px;
        line-height: 20px
    }

    .mfs1218 {
        font-size: 12px;
        line-height: 18px
    }

    .mfs1214 {
        font-size: 12px;
        line-height: 14px
    }

    .mfs1212 {
        font-size: 12px;
        line-height: 12px
    }

    .msp400 {
        height: 400px
    }

    .msp350 {
        height: 350px
    }

    .msp300 {
        height: 300px
    }

    .msp250 {
        height: 250px
    }

    .msp200 {
        height: 200px
    }

    .msp150 {
        height: 150px
    }

    .msp100 {
        height: 100px
    }

    .msp50 {
        height: 50px
    }

    .msp49 {
        height: 49px
    }

    .msp48 {
        height: 48px
    }

    .msp47 {
        height: 47px
    }

    .msp46 {
        height: 46px
    }

    .msp45 {
        height: 45px
    }

    .msp44 {
        height: 44px
    }

    .msp43 {
        height: 43px
    }

    .msp42 {
        height: 42px
    }

    .msp41 {
        height: 41px
    }

    .msp40 {
        height: 40px
    }

    .msp39 {
        height: 39px
    }

    .msp38 {
        height: 38px
    }

    .msp37 {
        height: 37px
    }

    .msp36 {
        height: 36px
    }

    .msp35 {
        height: 35px
    }

    .msp34 {
        height: 34px
    }

    .msp33 {
        height: 33px
    }

    .msp32 {
        height: 32px
    }

    .msp31 {
        height: 31px
    }

    .msp30 {
        height: 30px
    }

    .msp29 {
        height: 29px
    }

    .msp28 {
        height: 28px
    }

    .msp27 {
        height: 27px
    }

    .msp26 {
        height: 26px
    }

    .msp25 {
        height: 25px
    }

    .msp24 {
        height: 24px
    }

    .msp23 {
        height: 23px
    }

    .msp22 {
        height: 22px
    }

    .msp21 {
        height: 21px
    }

    .msp20 {
        height: 20px
    }

    .msp19 {
        height: 19px
    }

    .msp18 {
        height: 18px
    }

    .msp17 {
        height: 17px
    }

    .msp16 {
        height: 16px
    }

    .msp15 {
        height: 15px
    }

    .msp14 {
        height: 14px
    }

    .msp13 {
        height: 13px
    }

    .msp12 {
        height: 12px
    }

    .msp11 {
        height: 11px
    }

    .msp10 {
        height: 10px
    }

    .msp9 {
        height: 9px
    }

    .msp8 {
        height: 8px
    }

    .msp7 {
        height: 7px
    }

    .msp6 {
        height: 6px
    }

    .msp5 {
        height: 5px
    }

    .msp4 {
        height: 4px
    }

    .msp3 {
        height: 3px
    }

    .msp2 {
        height: 2px
    }

    .msp1 {
        height: 1px
    }

    .msp0 {
        height: 0
    }

    .mmt0 {
        margin-top: 0
    }

    .mob_alc {
        text-align: center
    }

    .mob_all {
        text-align: left
    }

    .mob_blo {
        display: block
    }

    .mob_inb {
        display: inline-block
    }

    .mpl0 {
        padding-left: 0
    }

    .mpl10 {
        padding-left: 10px
    }

    .mpl20 {
        padding-left: 20px
    }

    .mpr0 {
        padding-right: 0
    }

    .mpr5 {
        padding-right: 5px
    }

    .mpr14 {
        padding-right: 14px
    }

    .mpr20 {
        padding-right: 20px
    }

    .mml0 {
        margin-left: 0
    }

    .mml20 {
        margin-left: 20px
    }

    .mmr20 {
        margin-right: 20px
    }

    .mmr-10 {
        margin-right: -10px
    }

    .mmnwa {
        min-width: 0
    }

    .mwa {
        width: auto
    }

    html .popup_cont .popup .popup_close2 {
        width: 28px;
        height: 42px
    }

    header .line_b1 {
        font-size: 18px;
        line-height: 22px
    }

    header .lang_menu2 > a {
        padding: 14px 18px 8px 24px;
        color: #fff;
        text-decoration: none
    }

    header .lang_menu2 > a:hover {
        text-decoration: none
    }

    header .lang_menu2 > a.active {
        color: #fff;
        background-color: #4793ed
    }

    header .lang_menu2 > a + a {
        margin-left: 14px
    }

    header .mobmenu:before {
        right: 37px
    }

    footer .line_a1 {
        text-align: center
    }

    footer .copy {
        float: none;
        margin-left: 0
    }

    footer .contact {
        float: none;
        margin-right: 0
    }

    footer .footer_cols1 .col.col2 {
        width: auto;
        float: none;
        padding-right: 0
    }

    .whitecont.mgray {
        background-color: #eaecee
    }

    .textpage {
        font-size: 12px;
        line-height: 18px
    }

    .textpage h2 {
        font-size: 18px;
        line-height: 22px
    }

    .textpage h2 + p, .textpage h2 + ul, .textpage h2 + ol {
        margin-top: 16px
    }

    .textpage ul li:before {
        top: 7px
    }

    .agreement_cols .col.col2 {
        width: auto;
        float: none
    }

    .icon_paper.mfs1822 {
        padding-left: 38px
    }

    .icon_paper.mfs1822:before {
        top: -2px
    }

    .agreement_list .cont {
        padding-bottom: 21px
    }

    .agreement_list .text_and_tag:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

    .agreement_list .text_and_tag .text {
        margin-right: 20px;
        padding-left: 20px
    }

    .agreement_list .text_and_tag .tag {
        margin-right: -41px;
        right: auto;
        top: auto;
        width: 283px;
        position: relative;
        float: right
    }

    .agreement_list .text_and_tag .tag .tagcont:before {
        border-width: 6px 10px 7px 11px
    }

    .agreement_list .text_and_tag .tag .tagcont .btm .fulltext {
        right: -23px;
        left: -34px
    }

    .open_block .trigger_arrow {
        width: 32px;
        height: 43px
    }

    .open_block .trigger_arrow:before {
        top: 21px;
        right: 12px
    }

    .open_block .expand .expand_cont.mplr8 {
        padding-left: 8px;
        padding-right: 8px
    }

    .open_block.msz49 .trigger {
        padding: 13px 26px 14px 24px
    }

    .open_block.msz49 .trigger:before {
        top: 18px;
        right: 10px
    }

    .open_block.open.msz49 .trigger:before {
        right: 9px
    }

    .agreements_table .col1a {
        width: 26%
    }

    .agreements_table .col2a {
        width: 37%
    }

    .agreements_table .col3a {
        width: 33%;
        padding-right: 0
    }

    .agreements_table .col4a {
        width: 52%
    }

    .agreements_table .col5a {
        width: 32%
    }

    .agreements_table .col6a {
        width: 12%
    }

    .agreements_table .col1b {
        width: 38%
    }

    .agreements_table .col4b {
        width: 28%
    }

    .agreements_table .col5b {
        width: 30%;
        padding-right: 0
    }

    .agreements_table .col1c {
        width: auto;
        float: none
    }

    .agreements_table .col2c {
        width: auto;
        float: none;
        padding-left: 0
    }

    .agreements_table .col1e {
        width: 11%
    }

    .agreements_table .col2e {
        width: 29%
    }

    .agreements_table .col3e {
        width: 16%
    }

    .agreements_table .col6e {
        width: 40%
    }

    .agreements_table .col7e {
        display: none
    }

    .agreements_table .col_e_cont {
        padding-top: 0;
        padding-bottom: 0
    }

    .agreements_table .col1g {
        width: auto;
        float: right;
        padding-right: 2%
    }

    .agreements_table .col2g {
        width: auto;
        min-width: 15%;
        text-align: right
    }

    .agreements_table .col1j {
        width: 26%
    }

    .agreements_table .col2j {
        width: 37%
    }

    .agreements_table .col3j {
        width: 33%;
        padding-right: 0
    }

    .agreements_table .col4j {
        width: 52%
    }

    .agreements_table .col5j {
        width: 32%
    }

    .agreements_table .col6j {
        width: 12%
    }

    .whiteborder.mob_normal {
        border: 0;
        border-radius: 0;
        -webkit-border-radius: 0
    }

    .agreement_ico_cols {
        margin-left: 0
    }

    .agreement_ico_cols .col_a {
        float: none;
        width: auto
    }

    .agreement_ico_cols .col_a + .col_a {
        margin-top: 33px
    }

    .agreement_ico_cols .col_a_cont {
        padding-left: 0
    }

    .agreement_ico_cols .col_a_cont:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

    .agreement_ico_cols .col1b {
        float: left
    }

    .agreement_ico_cols .col2b {
        margin-left: 68px
    }


    .agreements_grid {
	grid-template-columns: 0 1fr 1fr 1fr 0 0 auto 0;
    }
    .agreements_grid.clicked {
	grid-template-columns: 0 1fr 0 0 1fr 1fr auto 0;
    }

    .agreements_grid .row > div.tab0{
	padding: 0;
	overflow: hidden;
    }	
    .agreements_grid .row > div.tab1{
	grid-column: 3 / 4;
	color: white;
	background-color: #2A60BE;
	margin-bottom: 0;
	align-items: center;
	justify-content: center;
	display: flex;    
	margin-left: 2px;
	margin-right: 1px;
	border-radius: 6px 6px 0 0;
    }
    .agreements_grid .row > div.tab2{
	grid-column: 4 / 5;
	color: white;
	background-color: #BEBFC0;
	margin-bottom: 0;
	align-items: center;
	justify-content: center;
	display: flex;    
	margin-left: 1px;
	margin-right: 2px;
	border-radius: 6px 6px 0 0;
    }
    .agreements_grid .row > div.tab3{
        grid-column: 5 / 9;
	border-left: 0;
    }	

    .agreements_grid .row > div.tab1.clicked{
	grid-column: 3 / 6;
	background-color: #BEBFC0;
    }
    .agreements_grid .row > div.tab2.clicked{
	grid-column: 6 / 7;
	background-color: #2A60BE;
    }
    .agreements_grid .row > div.tab3.clicked{
        grid-column: 7 / 9;
    }	

    .agreements_grid .row > div.clicked:not(.tab1):not(.tab2) {
	visibility: hidden;  /* hides the item’s contents but keeps the 200px reserved */
	padding-left: 0;
    }


}

/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */