@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=cyrillic);

@font-face {
    font-family: 'header';
    src: url(/fonts/header.woff2) format("woff2"), url(/fonts/header.woff) format("woff"), url(/fonts/header.ttf) format("truetype"), url(/fonts/header.svg#header) format("svg");
    font-weight: 400;
    font-style: normal
}

dl,
figure,
form,
menu,
ol,
ul {
    margin: 0
}

a:active,
a:hover {
    outline: 0
}

b,
strong {
    font-weight: 700
}

blockquote {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

p,
pre {
    margin: 1em 0
}

small {
    font-size: 80%
}

#menu-toolbar li,
nav ol,
nav ul {
    list-style: none
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle
}

button,
input,
select {
    vertical-align: baseline
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    *vertical-align: middle
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    *border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #333;
    font-size: 16px;
    font-family: 'Open Sans', 'sans-serif'
}

a,
a:hover {
    text-decoration: none;
    color: #385996
}

a:hover {
    color: #4579c3
}

::selection {
    background: #104a9c;
    color: #fff
}

::-moz-selection {
    background: #104a9c;
    color: #fff
}

h1,
h2 {
    font-weight: lighter
}

h1 {
    font-size: 1.5rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #385996;
    text-align: center
}

h2 {
    font-size: 1.375rem
}

h3,
h4,
h5,
h6 {
    font-size: 1.125rem
}

h4,
h5,
h6 {
    font-size: 1rem
}

h5,
h6 {
    font-size: .75rem
}

h6 {
    font-size: .688rem
}

article {
    font-size: 18px;
    line-height: 1.5
}

.btn {
    display: inline-block;
    margin-bottom: 20px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    background: #f5f5f5;
    color: #333;
    font-size: .813rem;
    cursor: pointer
}

.btn:hover {
    background-color: #e6e6e6;
    color: #333
}

#layout {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    overflow-x: hidden;
    overflow-y: scroll;
    width: auto;
    height: auto;
    background: #fff;
    transform: translate3d(0, 0, 0)
}

#wrapper {
    margin: 0 auto;
    min-height: 100%;
    background: #fff
}

#wrapper-inner {
    background: 0 0 #fff
}

.snap-drawer li a:hover,
header {
    color: #fff
}

#logo {
    background: url(/img/logo.png);
    background-image: url(/img/logo.svg);
    background-repeat: no-repeat;
    margin: 14px 0 2px 20px;
    overflow: hidden;
    text-indent: -9999px;
    font-size: 0;
    display: block;
    height: 68px;
    width: 286px
}

.center {
    display: block;
    margin: 0 auto
}

.text-center {
    text-align: center
}

.clearfix {
    clear: both
}

.hidden {
    display: none;
    visibility: hidden
}

.visible-sm {
    display: block !important
}

tr.hidden-lg,
tr.hidden-md,
tr.visible-sm {
    display: table-row !important
}

td.hidden-lg,
td.hidden-md,
td.visible-sm,
th.hidden-lg,
th.hidden-md,
th.visible-sm {
    display: table-cell !important
}

.hidden-sm,
.visible-lg,
.visible-md {
    display: none !important
}

.hidden-lg,
.hidden-md {
    display: block !important
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: none !important
    }

    .visible-md {
        display: block !important
    }

    tr.hidden-lg,
    tr.hidden-sm,
    tr.visible-md {
        display: table-row !important
    }

    td.hidden-lg,
    td.hidden-sm,
    td.visible-md,
    th.hidden-lg,
    th.hidden-sm,
    th.visible-md {
        display: table-cell !important
    }

    .visible-lg {
        display: none !important
    }

    .hidden-sm {
        display: block !important
    }

    .hidden-md {
        display: none !important
    }

    .hidden-lg {
        display: block !important
    }

    #main-nav img {
        margin: 25px 10px 0 !important
    }

    #infobox {
        margin-top: 0 !important
    }

    #contacts.html ul {
        text-align: center !important
    }

    #logo {
        background: url(/img/logosm.png) !important;
        background-image: url(/img/logosm.svg) !important;
        background-size: contain !important;
        width: 130px !important
    }
}

@media (min-width:992px) {

    .visible-md,
    .visible-sm {
        display: none !important
    }

    .hidden-md,
    .hidden-sm,
    .visible-lg {
        display: block !important
    }

    tr.hidden-md,
    tr.hidden-sm,
    tr.visible-lg {
        display: table-row !important
    }

    td.hidden-md,
    td.hidden-sm,
    td.visible-lg,
    th.hidden-md,
    th.hidden-sm,
    th.visible-lg {
        display: table-cell !important
    }

    .hidden-lg {
        display: none !important
    }
}

@media (max-width:768px) {
    .detail {
        border-bottom: 0 !important;
        background-color: #fbfbfb
    }

    .text_area,
    .text_input {
        width: 90% !important
    }

    .submit {
        width: 50% !important
    }

    #blog img {
        float: none !important;
        margin: 20px 0 !important
    }

    #blog h3:first-child {
        margin-top: 50px !important
    }

    .detail {
        margin: 10px !important
    }

    #contacts.html ul,
    footer .footer-contacts.html {
        text-align: center !important
    }

    #headline {
        background: #104a9c !important
    }

    .modal {
        width: 80% !important
    }

    .hl-contacts.html {
        width: 0 !important
    }
}

@media (max-width:480px) {

    .imgctr-a,
    .imgctr-b,
    .imgctr-c,
    .imgctr-d,
    .imgctr-e,
    .imgctr-f {
        width: 100% !important
    }
}

@media (min-width:481px) and (max-width:767px) {

    .imgctr-a,
    .imgctr-b,
    .imgctr-c,
    .imgctr-d,
    .imgctr-e,
    .imgctr-f {
        width: 372px !important
    }
}

.snap-drawer,
.snap-drawers {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto
}

.snap-drawer {
    right: auto;
    left: auto;
    overflow: auto;
    width: 265px;
    transition: width .3s ease
}

.snap-drawer-left {
    left: 0;
    z-index: 1
}

.snap-drawer-right {
    right: 0;
    z-index: 1
}

.snapjs-left .snap-drawer-right {
    display: none
}

.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right {
    width: 100%
}

.snapjs-right .snap-drawer-left {
    right: 0;
    left: auto;
    display: block
}

#menu-toolbar {
    line-height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    width: auto;
    background: #104a9c
}

#open-left {
    color: #fff;
    padding: 0 0 0 35px;
    background: url(/img/icons/icons.png) 0 -190px no-repeat
}

#menu-toolbar ul {
    padding-left: 10px
}

.snapjs-expand-left .drawer-inner {
    opacity: 0
}

.snap-drawer {
    background: #162e6d;
    color: #fff
}

.snap-drawer ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.snap-drawer li a {
    display: block;
    padding: 15px;
    color: #fff;
    text-decoration: none;
    border-bottom: #2a4280 1px solid
}

.snap-drawer p {
    font-size: 1rem;
    background: #1255b3;
    padding: 10px
}

.snap-drawer-logo {
    display: block;
    margin: 20px auto
}

.clr:after,
.col:after,
.group:after,
.row:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ""
}

.row {
    margin-bottom: 1.5em;
    padding-right: 2%;
    padding-left: 2%
}

.mb {
    margin-bottom: 2rem
}

.nm {
    margin: 0 !important
}

.nmb {
    margin-bottom: 0 !important
}

.nml {
    margin-left: 0 !important
}

.nmt {
    margin-top: 0 !important
}

.pmt {
    margin-top: 3rem
}

.col,
.col-fll,
.col-flr {
    display: block;
    float: left;
    width: 100%
}

.col-fll,
.col-flr {
    float: right
}

.col-fll {
    float: left
}

@media (min-width:768px) {
    .col {
        margin-left: 2%
    }
}

.col:first-child {
    margin-left: 0
}

@media (min-width:768px) {
    .span-1 {
        width: 6.5%
    }

    .span-2 {
        width: 15%
    }

    .span-3 {
        width: 23.5%
    }

    .span-4 {
        width: 32%
    }

    .span-5 {
        width: 40.5%
    }

    .span-6 {
        width: 49%
    }

    .span-7 {
        width: 57.5%
    }

    .span-8 {
        width: 66%
    }

    .span-9 {
        width: 74.5%
    }

    .span-10 {
        width: 83%
    }

    .span-11 {
        width: 91.5%
    }

    .span-12 {
        width: 100%
    }
}

.call-us {
    margin-top: 60px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    color: #104a9c;
    border: 1px dashed #104a9c
}

#call-us span {
    display: block;
    font-size: 1.5rem;
    padding-top: 20px
}

.span-12 img {
    max-width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.span-2 img {
    display: block;
    margin: 20px auto;
    max-width: 100%
}

.span-3 img,
.span-4 img,
.span-5 img {
    display: block;
    margin: 30px auto;
    max-width: 100%
}

.span-4 img,
.span-5 img {
    margin: 7% auto;
    height: auto;
    border: 6px solid #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-sizing: border-box
}

.nbs {
    box-shadow: none !important
}

.awdt {
    width: auto !important
}

footer {
    color: #fff;
    background: #162e6d;
    text-decoration: none
}

footer p,
footer ul {
    font-size: .875rem;
    line-height: 2em
}

footer a {
    color: inherit;
    transition: all .3s ease-in 0s
}

footer a:focus,
footer a:hover {
    color: #fff;
    text-shadow: 1px 1px 10px #fff;
    transition: width .3s ease 0s
}

footer ul {
    padding: 0;
    list-style: none
}

footer .col {
    padding: 0 !important
}

footer h3 {
    color: inherit;
    margin-bottom: 0 !important;
    font-weight: 400;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px
}

footer .row {
    margin-bottom: 0
}

footer #footer-bottom,
footer .info p {
    border-top: 1px solid rgba(255, 255, 255, .5)
}

footer .info p {
    text-align: justify;
    font-size: .625rem;
    letter-spacing: .1em
}

footer .footer-logo {
    margin-top: 20px;
    border: 0;
    box-shadow: none;
    margin-bottom: 0;
    width: auto
}

footer .footer-contacts.html {
    text-align: left;
    line-height: 32px;
    margin: 10px 0 10px 10%
}

footer .footer-form {
    text-align: center
}

footer #footer-bottom {
    margin-top: 30px
}

.footer-nav {
    display: inline-block;
    float: right;
    padding: 0
}

.footer-nav li {
    display: inline-block;
    padding-left: 8px
}

.footer-nav li a {
    text-decoration: none
}

.footer-nav li:after {
    padding: 0 0 0 8px;
    content: "/";
    font-size: .875rem
}

.footer-nav li:last-child:after {
    content: ""
}

footer .footer-recent p {
    margin-left: 20px
}

footer .footer-recent p:last-child {
    border-bottom: none
}

form#contact {
    clear: both;
    margin: 0 0 30px;
    max-width: 450px
}

form#contact label {
    color: #444;
    font-size: .875rem;
    line-height: 1.5
}

form#contact input,
form#contact textarea {
    box-sizing: border-box;
    padding: 7px;
    max-width: 500px;
    width: 100%
}

form#contact input {
    -moz-box-sizing: border-box;
    line-height: normal;
    height: 30px;
    font-size: .875rem
}

form#contact textarea {
    margin-bottom: 15px;
    height: 200px;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
    color: #333;
    font-size: .75rem;
    line-height: 1.375rem
}

form#contact :focus {
    outline: 0
}

.send {
    float: right;
    margin-right: 10px;
    width: 100px !important
}

.msg-green,
.msg-red {
    position: relative;
    margin-top: 20px;
    padding: 15px;
    color: #f4f2eb
}

.msg-green {
    background: #418140;
    text-align: center
}

.msg-red {
    background: #af0101
}

#form-container {
    padding: 20px;
    border: 1px solid #ccc
}

#form-container p,
.top-info span {
    font-size: .875rem
}

.input-sm {
    margin-left: 10px;
    max-width: 35px !important;
    width: 100%
}

.text_input:hover {
    border: 1px solid #d7d7d7
}

.text_area {
    height: 40px
}

.error,
.submit {
    padding: 5px;
    color: #d3d1d1
}

.submit {
    margin-bottom: 20px;
    background: #2d2d2d;
    cursor: pointer;
    width: 30%;
    border: 1px solid #848484;
    font-size: .813rem
}

.submit:hover {
    background: #3d3d3d;
    cursor: pointer
}

.error {
    margin: 10px auto;
    width: 70%;
    border: 1px solid #d3d1d1;
    background: #ab0000;
    text-align: left;
    font-size: .875rem;
    line-height: 20
}

#success {
    padding: 110px 0 0 80px;
    height: 100%;
    background: #162e6d
}

#success h3 {
    font-weight: 700;
    color: green;
    text-align: center;
    font-size: 1.5rem
}

#success p {
    font-size: 1.125em;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.375rem
}

footer .text_area,
footer .text_input {
    margin-bottom: 20px;
    padding: 5px;
    width: 70%;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 0;
    background: rgba(0, 0, 0, .2);
    box-shadow: none;
    color: #fff;
    font-size: .813rem
}

.text_area:hover,
footer .submit:hover,
footer .text_input:hover {
    border: 1px solid #fff
}

footer .text_area {
    height: 70px
}

footer .submit {
    margin-bottom: 20px;
    padding: 5px;
    width: 30%;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, .2);
    font-size: .813rem;
    cursor: pointer
}

footer .submit:hover {
    background: rgba(0, 0, 0, .1);
    cursor: pointer
}

footer .error {
    margin: 10px auto;
    padding: 5px;
    width: 70%;
    border: 1px solid rgba(255, 255, 255, .5);
    background: #ab0000;
    color: #fff;
    text-align: left;
    font-size: .875rem;
    line-height: 2rem
}

.sitemap li,
.sitemap ul {
    display: block;
    margin: .5rem 1rem .5rem 0;
    padding: .25rem .5rem;
    border: 1px solid #e4e4e4;
    list-style: none
}

.sitemap li {
    background: linear-gradient(to bottom, #fff 0%, #f4f4f4 100%) 0 0
}

.sitemap li a,
.sitemap ul a {
    color: #333
}

.sitemap li a:hover,
.sitemap ul a:hover {
    text-decoration: underline
}

.border-top {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.top-info {
    padding: 5px 0;
    text-align: right
}

.top-info span {
    margin: 15px
}

.hl-info li,
.top-info li {
    border: 1px solid #1366ca;
    background: #104a9c;
    display: inline;
    margin: 1px;
    padding: 2px 0
}

.hl-info {
    margin-top: 25px;
    text-align: center
}

.hl-info li {
    padding: 12px 7px 7px
}

.i-mail,
.i-mphone,
.i-phone {
    color: #fff;
    font-size: 24px
}

.i-mail:hover,
.i-mphone:hover,
.i-phone:hover {
    color: #fff
}

.i-mphone,
.i-phone {
    width: 24px;
    height: 24px;
    padding: 0 0 0 35px
}

.i-phone {
    background: url(/img/icons/icons.png) no-repeat 0 -476px
}

.i-mphone {
    background: url(/img/icons/icons.png) no-repeat 0 -505px
}

.i-mail {
    padding: 0 0 0 35px;
    background: url(/img/icons/icons.png) no-repeat 0 -533px
}

.i-mphonetop {
    padding: 0 0 0 28px;
    background: url(/img/icons/icons.png) -5px -597px no-repeat
}

.i-mailtop {
    padding: 0 0 0 28px;
    background: url(/img/icons/icons.png) -5px -620px no-repeat
}

.i-phonetop {
    padding: 0 0 0 28px;
    background: url(/img/icons/icons.png) -5px -573px no-repeat
}

.contacts.html {
    list-style: none;
    font-size: 1.1rem;
    line-height: 1.8rem
}

footer .footer-recent li {
    margin: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    text-align: left;
    font-size: .875rem;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 0 10px 25px;
    background: url(/img/icons/icons.png) 0 -220px no-repeat
}

#main-nav {
    background: #fff;
    font-style: normal;
    text-transform: uppercase;
    font-size: .813rem
}

#headline {
    padding: 0;
    color: #fff;
    height: 100%
}

.hls {
    display: table;
    width: 100%;
    height: 100%;
    background: url(/img/headline.png) repeat-x
}

.hl {
    display: table-cell
}

.hl-left {
    background: url(/img/left.png) no-repeat top right;
    width: auto;
    overflow: hidden
}

.hl-center {
    width: 900px;
    height: 360px;
    color: #fff
}

.hl-right {
    background: url(/img/right.png) no-repeat top left;
    width: auto;
    overflow: hidden
}

.hl-center h1 {
    font-family: 'Header', sans-serif;
    font-size: 5rem;
    margin-top: 20px;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
    color: #fff
}

.hl-center h2 {
    font-size: 2em
}

.hl-center h3 {
    font-size: 1.5em;
    font-weight: 400;
    margin: .5em;
    line-height: 40px;
    color: #fff
}

.headlinesm {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    border-left: 1px solid rgba(255, 255, 255, .2);
    border-right: 1px solid rgba(255, 255, 255, .2);
    background: #104a9c
}

.headlinesm h1,
.hl-center h2 {
    color: #fff;
    margin: 0
}

#top-nav {
    padding: 0;
    margin: 0;
    background: #104a9c;
    border-top: 1px solid rgba(255, 255, 255, .2)
}

#top-nav li {
    float: right;
    position: relative;
    border-left: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 1px 0 0 rgba(255, 255, 255, .2) inset
}

#top-nav li:first-child {
    float: left;
    border-left: rgba(255, 255, 255, .2)
}

#top-nav li:nth-child(2) {
    border-right: 1px solid rgba(255, 255, 255, .2)
}

#top-nav li a {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

#top-nav li a p {
    margin-left: 7px;
    margin-top: 74px
}

#top-nav li li p {
    color: #fff;
    text-align: center;
    position: absolute
}

.flv,
.flvd {
    width: 96px;
    height: 96px;
    text-align: left
}

#svs,
.flv a,
.flvd a,
.rep {
    position: absolute;
    width: 100%;
    height: 100%
}

#svs,
.rep {
    border: 1px solid rgba(255, 255, 255, .2);
    height: 380px;
    background: #104a9c;
    top: 104px;
    left: -98px;
    width: 485px;
    display: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 8px 30px -5px rgba(0, 0, 0, .3)
}

#inst:after,
#svs:after,
.rep:after,
.svs:after {
    border-bottom: 10px solid #4579c3;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    display: inline-block;
    left: 138px;
    position: absolute;
    top: -10px
}

#svs li,
.rep li {
    float: left;
    width: 46%;
    height: 62px;
    border: 1px solid rgba(255, 255, 255, .3) !important;
    box-shadow: none !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: -20px;
    margin: 2%
}

#svs {
    height: 82px;
    width: 470px
}

.prod {
    height: auto;
    max-width: 100%;
    margin-bottom: 2em;
    margin-top: 5em
}

#inst.selected,
#top-nav li.selected div.submenu {
    display: block
}

.container {
    background: #fff;
    padding-top: 1px
}

.bs {
    background: url(/img/icons/icons.png) no-repeat 10px 8px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(255, 255, 255, .2) inset, -5px 0 5px -5px rgba(0, 0, 0, .2), 5px 0 5px -5px rgba(0, 0, 0, .2);
    margin: 0 !important
}

#main-nav img {
    margin: 15px 20px 0
}

.fl-hp {
    background: url(/img/nav.png) 0 -388px
}

.fl-hp:hover {
    background: url(/img/nav.png) 0 -485px #1255b3
}

.fl-hp,
.fl-hp:hover,
.fl-rp,
.fl-rp:hover {
    width: 96px;
    height: 96px
}

.fl-rp {
    background: url(/img/nav.png) 0 -776px
}

.fl-rp:hover {
    background: url(/img/nav.png) 0 -873px #1255b3
}

.fl-sv {
    background: url(/img/nav.png) 0 -97px
}

.fl-sv:hover {
    background: url(/img/nav.png) 0 -970px #1255b3
}

.fl-pr,
.fl-pr:hover,
.fl-sv,
.fl-sv:hover {
    width: 96px;
    height: 96px
}

.fl-pr {
    background: url(/img/nav.png) 0 -582px
}

.fl-pr:hover {
    background: url(/img/nav.png) 0 -679px #1255b3
}

.fl-bl {
    background: url(/img/nav.png) 0 0
}

.fl-bl:hover {
    background: url(/img/nav.png) 0 -1067px #1255b3
}

.fl-bl,
.fl-bl:hover,
.fl-ct,
.fl-ct:hover {
    width: 96px;
    height: 96px
}

.fl-ct {
    background: url(/img/nav.png) 0 -194px
}

.fl-ct:hover {
    background: url(/img/nav.png) 0 -291px #1255b3
}

.sl-gd {
    background: url(/img/nav.png) -100px 0 no-repeat
}

.sl-gd:hover {
    background: url(/img/nav.png) -100px 0 no-repeat #1255b3
}

.sl-gd p,
.sl-ov p {
    bottom: 0;
    left: 44%
}

.sl-ov {
    background: url(/img/nav.png) -100px -120px no-repeat
}

.sl-ov:hover,
li.sl-test:hover {
    background: url(/img/nav.png) -100px -120px no-repeat #1255b3
}

.sl-rv {
    background: url(/img/nav.png) -100px -240px no-repeat
}

.sl-rv:hover {
    background: url(/img/nav.png) -100px -240px no-repeat #1255b3
}

.sl-rv p {
    bottom: 0;
    left: 43%
}

.sl-sh {
    background: url(/img/nav.png) -100px -360px no-repeat
}

.sl-sh:hover {
    background: url(/img/nav.png) -100px -360px no-repeat #1255b3
}

.sl-sh p {
    bottom: 0;
    left: 30%
}

li.sl-at-hl {
    width: 428px;
    height: 2rem
}

li.sl-at-hl p {
    bottom: -.4rem;
    left: 25%
}

.sl-at-came {
    background: url(/img/nav.png) 25px -1162px no-repeat
}

.sl-at-came:hover {
    background: url(/img/nav.png) 25px -1162px no-repeat #1255b3
}

.sl-at-came p,
.sl-at-faac p,
.sl-at-nice p,
li.sl-test p {
    bottom: 0;
    left: 44%
}

.sl-at-faac {
    background: url(/img/nav.png) 4px -1232px no-repeat
}

.sl-at-faac:hover {
    background: url(/img/nav.png) 4px -1232px no-repeat #1255b3
}

.sl-at-nice {
    background: url(/img/nav.png) 7px -1290px no-repeat
}

.sl-at-nice:hover {
    background: url(/img/nav.png) 7px -1290px no-repeat #1255b3
}

.sl-at-drh {
    background: url(/img/nav.png) 8px -1355px no-repeat
}

.sl-at-drh:hover {
    background: url(/img/nav.png) 8px -1355px no-repeat #1255b3
}

.sl-at-drh p {
    bottom: 0;
    left: 47%
}

.sl-svs {
    background: url(/img/nav.png) -100px -480px no-repeat
}

.sl-svs:hover {
    background: url(/img/nav.png) -100px -480px no-repeat #1255b3
}

.sl-svs p {
    bottom: 0;
    left: 32%
}

.sl-md {
    background: url(/img/nav.png) -100px -600px no-repeat
}

.sl-md:hover {
    background: url(/img/nav.png) -100px -600px no-repeat #1255b3
}

.sl-md p {
    bottom: 0;
    left: 30%
}

#inst,
.svs {
    border: 1px solid rgba(255, 255, 255, .2);
    position: absolute;
    background: #104a9c;
    display: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 8px 30px -5px rgba(0, 0, 0, .3)
}

#inst {
    padding-top: 5px;
    top: 82px;
    left: -31px
}

#inst ul {
    display: inline-block;
    width: 230px
}

#inst li,
.svs li {
    float: left;
    width: 100%;
    height: 62px;
    border: 1px solid rgba(255, 255, 255, .3) !important;
    box-shadow: none !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: -20px;
    margin: 2%
}

#inst p {
    left: 70px;
    margin-left: 0
}

.inst-lg,
.svs {
    width: 470px
}

.svs {
    height: 82px;
    top: 104px;
    left: -98px
}

.svs li {
    width: 46%
}

li.sl-test {
    background: url(/img/nav.png) -100px -120px no-repeat
}

.i-home,
.i-sep {
    width: 16px;
    height: 16px
}

.i-sep {
    background: url(/img/icons/icons.png) no-repeat 10px -32px;
    content: "";
    padding: 0 30px 0 5px
}

.check {
    list-style-image: url(/img/icons/check.png);
    line-height: 2rem
}

.i-phonesm {
    background: url(/img/icons/icons.png) no-repeat 0 -565px
}

.i-mailsm,
.i-mphonesm,
.i-phonesm {
    padding: 3px 3px 3px 35px
}

.i-mphonesm {
    background: url(/img/icons/icons.png) no-repeat 0 -592px
}

.i-mailsm {
    background: url(/img/icons/icons.png) no-repeat 0 -616px
}

.i-skype {
    padding: 0 0 0 10%;
    background: url(/img/icons/icons.png) no-repeat 0 -640px
}

.i-viber {
    padding: 3px 3px 3px 35px;
    background: url(/img/icons/icons.png) no-repeat 0 -712px
}

.nav,
.nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav li,
.nav ul a {
    position: relative
}

.nav li {
    float: left
}

.nav li a,
.nav li:hover>ul {
    display: block
}

.nav ul {
    position: absolute;
    display: none;
    width: 300px;
    left: 1px
}

.nav ul ul {
    top: 0;
    left: 180px
}

ul#bs,
ul#bs li {
    margin: 0;
    float: left
}

ul#bs {
    padding: 5px 15px !important;
    list-style: none
}

ul#bs li {
    padding: 0;
    line-height: 24px
}

ul#bs li a {
    color: #104a9c
}

.bs-home {
    white-space: nowrap
}

#img-rv {
    background: url(/img/sl-rv.jpg) no-repeat
}

#img-gd,
#img-ov,
#img-rv {
    width: 37%;
    height: 210px
}

#img-gd {
    background: url(/img/sl-gd.jpg) no-repeat
}

#img-ov {
    background: url(/img/sl-ov.jpg) no-repeat
}

.button,
.img-vs {
    display: inline-block
}

.img-vs {
    visibility: visible
}

.button {
    overflow: visible;
    padding: .4em 1em;
    text-align: center;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    background: #f3f3f3;
    border: solid 1px #d9d9d9;
    font-size: .875rem;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: border-color .2s;
    -moz-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s
}

.bordered {
    border: solid #ccc 1px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc
}

.tc {
    text-align: center
}

.th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.button.active,
.button:focus,
.button:hover {
    background: #f4f4f4;
    border-color: silver;
    color: #333
}

.alert,
.inf {
    margin: 40px 0;
    color: #000
}

.alert {
    background: url(/img/alert.png) 20px center no-repeat #ffffcb;
    border: 1px solid #d5d514;
    padding: 10px 10px 10px 90px
}

.inf {
    background: #e3eefa;
    border: 1px solid #3ea0fc;
    padding: 20px
}

.bordered td,
.bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left
}

.center_1200 {
    max-width: 1200px;
    margin: 0 auto
}

.test {
    background: #f2f2f2
}

.imgctr-a,
.imgctr-b,
.imgctr-c,
.imgctr-d,
.imgctr-e,
.imgctr-f {
    height: 250px;
    background-size: cover;
    border: 6px solid #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    display: block;
    margin: 7% auto
}

.imgctr-d,
.imgctr-e,
.imgctr-f {
    height: 192px
}

.imgctr-a {
    background: url(/img/content/img-001.jpg) no-repeat
}

.imgctr-b {
    background: url(/img/content/img-002.jpg) no-repeat
}

.imgctr-c,
.imgctr-d,
.imgctr-e {
    background: url(/img/content/img-003.jpg) no-repeat
}

.imgctr-f {
    background: url(/img/content/img-035.jpg) no-repeat
}

.tag,
.tag-int {
    height: 20px;
    padding: 10px;
    display: block;
    position: relative;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tag-red {
    background: rgba(149, 3, 10, .9) url(/img/icons/icons.png) 330px -410px no-repeat
}

.tag-orange {
    background: rgba(218, 59, 1, .9) url(/img/icons/icons.png) 330px -410px no-repeat
}

.tag-green {
    background: rgba(0, 113, 51, .9) url(/img/icons/icons.png) 330px -410px no-repeat
}

.tag {
    top: 198px
}

.tag-int {
    background: rgba(16, 74, 156, .8) url(/img/icons/icons.png) 330px -410px no-repeat;
    top: 140px
}

.tag-int:hover,
.tag:hover {
    color: #fff;
    text-shadow: 1px 1px 15px #fff
}

.bbb:hover {
    box-shadow: 0 0 10px 5px #a0d7ff;
    cursor: pointer
}

.bbb,
.ccc {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-sizing: border-box
}

.ccc {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .5)
}

.ddd {
    padding: 5px 10px
}

.ss {
    background: 0 0 #104a9c;
    padding-top: 3px;
    padding-bottom: 3px
}

.ss h2 {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff
}

#a1 p,
#a1 ul {
    margin: 20px
}

.check_green {
    list-style-image: url(/img/icons/check_green.png)
}

.select {
    padding: 3px 10px
}

.item p,
.sep {
    font-size: 1.25rem
}

.item,
.sep {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

.select,
.sep {
    color: #fff;
    background: #104a9c
}

.sep {
    height: 40px;
    line-height: 40px;
    padding-left: 40px
}

.item {
    padding-bottom: 2rem;
    background: #fdfdfd;
    color: #385996
}

.item img {
    box-shadow: none;
    margin: 0
}

.item p {
    margin: 1rem 0;
    text-align: center
}

.item ul {
    padding-left: 1rem
}

.item li {
    line-height: 1.75rem;
    list-style: none
}

.item li:before {
    content: '✓ '
}

.item li span {
    margin-left: 1rem
}

.step-desc {
    max-width: 1200px;
    margin: 0 auto;
    padding-right: 3%;
    padding-left: 0
}

.step-desc p {
    text-align: center;
    font-size: 1.2em
}


@media (min-width: 768px) {
    .span_1 {
      width: 6.5%;
    }
    .span_2 {
      width: 15.0%;
    }
    .span_3 {
      width: 23.5%;
    }
    .span_4 {
      width: 32.0%;
    }
    .span_5 {
      width: 40.5%;
    }
    .span_6 {
      width: 49.0%;
    }
    .span_7 {
      width: 57.5%;
    }
    .span_8 {
      width: 66.0%;
    }
    .span_9 {
      width: 74.5%;
    }
    .span_10 {
      width: 83.0%;
    }
    .span_11 {
      width: 91.5%;
    }
    .span_12 {
      width: 100%;
    }
  }