

/* Start:/bitrix/templates/ntc/template_styles.css?177213305810696*/
/* font-family: "LatoRegular"; */
@font-face {
    font-family: "LatoRegular";
    src: url("/fonts/LatoRegular/LatoRegular.eot");
    src: url("/fonts/LatoRegular/LatoRegular.eot?#iefix")format("embedded-opentype"),
    url("/fonts/LatoRegular/LatoRegular.woff") format("woff"),
    url("/fonts/LatoRegular/LatoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "LatoBold"; */
@font-face {
    font-family: "LatoBold";
    src: url("/fonts/LatoBold/LatoBold.eot");
    src: url("/fonts/LatoBold/LatoBold.eot?#iefix")format("embedded-opentype"),
    url("/fonts/LatoBold/LatoBold.woff") format("woff"),
    url("/fonts/LatoBold/LatoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "LatoItalic"; */
@font-face {
    font-family: "LatoItalic";
    src: url("/fonts/LatoItalic/LatoItalic.eot");
    src: url("/fonts/LatoItalic/LatoItalic.eot?#iefix")format("embedded-opentype"),
    url("/fonts/LatoItalic/LatoItalic.woff") format("woff"),
    url("/fonts/LatoItalic/LatoItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "LatoLight"; */
@font-face {
    font-family: "LatoLight";
    src: url("/fonts/LatoLight/LatoLight.eot");
    src: url("/fonts/LatoLight/LatoLight.eot?#iefix")format("embedded-opentype"),
    url("/fonts/LatoLight/LatoLight.woff") format("woff"),
    url("/fonts/LatoLight/LatoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "LatoBoldItalic"; */
@font-face {
    font-family: "LatoBoldItalic";
    src: url("/fonts/LatoBoldItalic/LatoBoldItalic.eot");
    src: url("/fonts/LatoBoldItalic/LatoBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("/fonts/LatoBoldItalic/LatoBoldItalic.woff") format("woff"),
    url("/fonts/LatoBoldItalic/LatoBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "LatoLightItalic"; */
@font-face {
    font-family: "LatoLightItalic";
    src: url("/fonts/LatoLightItalic/LatoLightItalic.eot");
    src: url("/fonts/LatoLightItalic/LatoLightItalic.eot?#iefix")format("embedded-opentype"),
    url("/fonts/LatoLightItalic/LatoLightItalic.woff") format("woff"),
    url("/fonts/LatoLightItalic/LatoLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
div.clearblock {
    height: 70px;
}
div.clearblock:after {
clear: both;
display: table;
content: "";
line-height: 0;
}
html {
    overflow-y: scroll;
    position: relative;
    min-height: 100%;
    
}
html, body {
    color: #303433;
    font-family: 'LatoLight', 'Helvetica', 'Arial', serif;
    font-size: 18px;
}
.osn {
    min-height: 100%;
}
a {
    text-decoration: none;
}
h1, h2 {
    font-size: 28px;
    color: #1382a4;
    text-transform: uppercase;
}
h3 {
    font-size: 18px;
    color: #1382a4;
    text-transform: uppercase;
    font-family: 'LatoRegular', 'Helvetica', 'Arial', serif;
}
.logo {
    float: left;
    margin: 0 10px 0 0;
}
.top {
    padding-top: 10px;
}
.top:after {
clear: both;
display: table;
content: "";
line-height: 0;
}
.name {
    color: #1382a4;
}
.name div {
    margin-top: 15px;
}
.name span {
    font-family: 'LatoRegular', 'Helvetica', 'Arial', serif;
}
.en_ru {
    float: right;
    font-family: 'LatoRegular', 'Helvetica', 'Arial', serif;
}
.en_ru a, .en_ru a:visited {
    color: #717a81;
}
.en_ru img {
    padding-right: 25px;
}
.navbar {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: rgba(182, 226, 231, 0.8);
    border-bottom: 5px solid rgba(182, 226, 231, 0.8);
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: #1382a4;
}
.dropdown-menu {
    background-color: rgba(182, 226, 231, 0.8);
    border: none;
    min-width: 156px;
}
.dropdown-menu a {
    color: #1382a4!important;
    font-size: 18px;
}
.dropdown-menu>li>a {
    padding: 3px 15px;
}
.top_menu {
    background-color: #1382a4;
    /*margin: 0px auto;
    list-style: none;
    text-align: center;
    padding: 0;*/
}
.top_menu .navbar-nav>li>a {
    color: #ffffff; 
    padding-bottom: 10px;
}
.navbar-nav>li>a:hover {
    border-bottom: 5px solid rgba(182, 226, 231, 0.8);
    background-color: #1382a4;
}
.selected {
    background-color: rgba(182, 226, 231, 0.8)!important;
    cursor: pointer;
    border-bottom: 5px solid rgba(182, 226, 231, 0.8);
}
.top_menu a:visited {
    color: #ffffff;
}
#content {
    margin: 0 auto;
    width: 100%;
    max-width: 1250px;
    margin-bottom: 30px;
}
.slide {
    width: 100%;
}
p.blue {
    font-family: 'LatoRegular', 'Helvetica', 'Arial', serif;
    color: #1382a4;
    font-style: italic;
    border-left: 4px solid;
    padding-left: 15px;
}
a.blue {
    font-family: 'LatoRegular', 'Helvetica', 'Arial', serif;
    color: #1382a4;
    font-style: italic;
    text-decoration: underline;
}
.pripis {
    text-align: right;
}
.menu_left {
    font-family: 'LatoRegular', 'Helvetica', 'Arial', serif;
}
.menu_left ul {
    padding: 0;
}
.menu_left li {
    border-bottom: 1px solid #1382a4;
    list-style: none;
    padding: 15px 0;
}
.menu_left a:first-child li {
    border-top: 1px solid #1382a4;
}
.description {
margin-top: 20px;
}
.block {
    background-color: #e2e7e8;
    font-family: 'LatoRegular', 'Helvetica', 'Arial', serif;
    color: #1382a4;
    font-style: italic;
    padding: 15px 35px;
}
#left {
    float: left;
    width: 60%;
}

#right {
    float: right;
    width: 40%;
}
.mfeedback {
    margin-top: 35px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;
    background: #b7bbbe;
    color: #ffffff;
    font-family: 'LatoRegular', 'Helvetica', 'Arial', serif;
    margin: 0 auto;
    padding-top: 30px;
}

footer img {
    float: left;
    margin: -8px 20px 0 0;
}
#content:after, footer:after, .clear:after, .n1:after, .n2:after, .n3:after, .n4:after, .n5:after {
clear: both;
display: table;
content: "";
line-height: 0;
}
.ist_sveta {
    height: 326px;
    background-color: #e2e7e8;
    font-family: 'LatoRegular', 'Helvetica', 'Arial', serif;
    margin: 40px 0;
}
.ist_sveta img {
    padding-right: 50px;
}
.ist_sveta table {
    padding-right: 20px;
}
.ist_sveta h3 {
    padding-top: 25px;
    margin-bottom: 5px;
}
.ist_sveta2 {
    height: 392px;
}
.ist_sveta2 div {
    width: 47%;
    float: left;
    padding-top: 20px;
}
.ist_sveta2 ol {
    padding-left: 20px;
    font-style: italic;
        font-family: 'LatoRegular', 'Helvetica', 'Arial', serif;
}

.n1, .n2, .n3, .n4, .n5 {
    font-size: 24px;
    font-style: italic;
    font-family: 'LatoRegular', 'Helvetica', 'Arial', serif;
    color: #1382a4;
    /*margin-bottom: -20px;*/
}
.n1 p {
    padding-top: 60px;
    padding-left: 120px;
    cursor: pointer;
}
.n2 p {
    padding-top: 40px;
    cursor: pointer;
}
.n3 p {
    padding-top: 60px;
    cursor: pointer;
}
.n4 p {
    padding-top: 40px;
    cursor: pointer;
}
.n5 p {
    padding-top: 65px;
    cursor: pointer;
}
.n1 p:hover, .n2 p:hover, .n3 p:hover, .n4 p:hover, .n5 p:hover {
    /*background-color: #e2e7e8;*/
}
.n1 span, .n2 span, .n3 span, .n4 span, .n5 span {
    font-size: 178px;
    color: #a4b9c1;
    font-style: italic;
    font-family: 'LatoLight', 'Helvetica', 'Arial', serif;
    display: block;
    float: left;
}
.n2 span {
    /*height: 600px;*/
    margin: 0 30px 0 100px;
}
.n3 span {
    margin: 0 30px 0 180px;
}
.n4 span {
    margin: 0 50px 0 0;
}
.n5 span {
    margin: 0 30px 0 100px;
}
.n2 .simple {
    font-size: 18px;
    color: #303433;
    font-style: normal;
    padding-top: 0!important;
    display: none;
}
.nr {
    font-size: 24px;
    font-style: italic;
    font-family: 'LatoRegular', 'Helvetica', 'Arial', serif;
    color: #1382a4;
    margin-bottom: -20px;
}
.nr span {
    font-size: 178px;
    color: #a4b9c1;
    font-style: italic;
    font-family: 'LatoLight', 'Helvetica', 'Arial', serif;
    display: block;
    float: left;
}
.nr1 p {
    padding-top: 70px;
    padding-left: 120px;
}
.nr2 p {
    padding-top: 70px;
    padding-left: 120px;
}
.nr3 p {
    padding-top: 60px;
    padding-left: 120px;
}
.nr4 p {
    padding-top: 70px;
    padding-left: 120px;
}
.fon {
    display: none;
    width: 1070px;
    height: 610px;
    background-color: #e2e7e8;
    margin-top: -600px;
    margin-left: 190px;
}

#slide { height:480px; width:100%; position:relative; overflow:hidden; z-index:2}
.slider {
    width:100%;
    margin:0 auto;
    position:relative;
    z-index:2
}
.items {
    display:none;
}
.pagination, .prev, .next, .play, .paused, .progbar, .numStatus {display:none;}
.banner{
    width:500px;
    overflow:hidden;
    position:absolute;
    top:170px;
    color:#fff;
    left:0px;
    z-index:15;
    background-color: #1382a4;
    opacity: 0.7;
    padding:0px;
}
    .banner span {
        display:block;
        padding:30px;
    }
ul.metrolog {
    list-style: none;
    padding-left: 0px;
}
ul.metrolog a {
    color: black;
}
ul.metrolog li {
    border-bottom: 1px solid #1382a4;
    padding: 15px 10px;
}
ul.metrolog li:hover {
    background-color: #b7bbbe;
}
ul.metrolog a:first-child li {
    border-top: 1px solid #1382a4;
}
.managerment {
    height: 383px;
    background-color: #e2e7e8;
    margin: 40px 0;
}
.managerment img {
    padding-right: 50px;
}
.managerment p {
    padding-top: 50px;
}
.managerment p a {
    font-style: italic;
    font-weight: bold;
    color: #1382a4;
}
.slide-text {
    position:absolute;
    top:350px;
    left:320px;
    width:540px;
    height:140px;
    z-index:0;
    background-color: #1382a4;
    opacity: 0.7;
    line-height: 1.2;
    color: #fff;
    font-size: 20px;
}
.slide-text div {
    width: 520px;
    margin-left: 15px;
    margin-top: 15px;
}
p.blue_header {
    background-color: #bddee7;
    padding: 7px 4px;
}
span.blue_header {
    color: #1382a4;
    font-weight: bold;
}
.img_padding {
    padding: 15px 0;
}

/* Партнеры под названием (ряд по центру) */
.partners-row{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap: 12px 14px;
  padding: 10px 0 6px;
  border-top: 1px solid rgba(0,0,0,.08);
}

.partner-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
}

.partner-btn img{
  height: 63px;    /* единая высота всех логотипов */
  width: auto;
  display:block;
}

.partner-btn:hover{
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
/* End */
/* /bitrix/templates/ntc/template_styles.css?177213305810696 */
