html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
p { font-size: inherit; line-height: 1.6; margin-bottom: 1rem; text-rendering: optimizeLegibility; }
em, i { font-style: italic; line-height: inherit; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; font-style: normal; color: inherit; text-rendering: optimizeLegibility; margin-top: 0; padding-bottom: 10px; /* margin-bottom: 30px; */ line-height: 1.4; }
h1 { font-size: 1.5rem; }
h2 { font-size: 1.25rem; }
h3 { font-size: 1.1875rem; }
h4 { font-size: 1.125rem; }
h5 { font-size: 1.0625rem; }
h6 { font-size: 1rem; }

@media screen and (min-width: 40em) {
  h1 { font-size: 3rem; }
  h2 { font-size: 2.5rem; }
  h3 { font-size: 1.9375rem; }
  h4 { font-size: 1.5625rem; }
  h5 { font-size: 1.25rem; }
  h6 { font-size: 1rem; } 
}

a { color: #2ba6cb; text-decoration: none; line-height: inherit; cursor: pointer; }
a:hover, a:focus { color: #258faf; text-decoration: none; }
a img { border: 0; }

/* global titles style */
    .title{ font-weight: lighter; text-align: center; display:inline-block; border-bottom:1px solid; padding-bottom:10px; margin-bottom: 40px !important; }

/* section style */
section{ padding-top: 30px; padding-bottom: 30px; }
.section-footer{ background-color: #e41d34; padding-bottom: 0; }
.section-about{
    background-image: url('/img/about/bg_idnex.png'); /* Путь к фоновому рисунку */
    background-position: left top; /* Положение фона */
    background-size: cover;
    background-repeat: no-repeat; /* Отменяем повторение фона */
    color: #ffffff;
}
.section-orbit{ position: relative; border-bottom:1px solid #b2b2b2; border-top:1px solid #b2b2b2; }

/* colors using */
.blue{ color: #4256a1;}
.red{color: #e41d34;}
.withe{ color: #ffffff;}
.dark{ color: #1b1b1b;}
.grey{ color: #b2b2b2;}
.light{color: #ebecec;}
.blue-gradient{
    height: 10px;
    weight: 100%;
    background: #4256a1; /* Old browsers */
    background: -moz-linear-gradient(left,  #304285 0%, #304285 33.33%, #4256a1 33.33%, #4256a1 66.66%, #98a4d3 66.66%, #98a4d3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #304285 0%, #304285 33.33%, #4256a1 33.33%, #4256a1 66.66%, #98a4d3 66.66%, #98a4d3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #304285 0%, #304285 33.33%, #4256a1 33.33%, #4256a1 66.66%, #98a4d3 66.66%, #98a4d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.red-gradient{
    height: 10px; weight: 100%; background: #e41d34; /* Old browsers */
    background: -moz-linear-gradient(left,  #e41d34 0%, #e41d34 33.33%, #e95f62 33.33%, #e95f62 66.66%, #f4aaaf 66.66%, #f4aaaf 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #e41d34 0%, #e41d34 33.33%, #e95f62 33.33%, #e95f62 66.66%, #f4aaaf 66.66%, #f4aaaf 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #e41d34 0%, #e41d34 33.33%, #e95f62 33.33%, #e95f62 66.66%, #f4aaaf 66.66%, #f4aaaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.row { max-width: 62.5rem; margin-left: auto; margin-right: auto; }
  .row::before, .row::after {
    content: ' ';
    display: table;
    flex-basis: 0;
    order: 1; }
  .row::after { clear: both; }
  .row.collapse > .column, .row.collapse > .columns {padding-left: 0; padding-right: 0; }
  .row .row { margin-left: -0.9375rem; margin-right: -0.9375rem; }
    .row .row.collapse { margin-left: 0; margin-right: 0; }
  .row.expanded { max-width: none; }
    .row.expanded .row { margin-left: auto; margin-right: auto; }

.column, .columns { width: 100%; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child { float: left; }
.column.row.row, .row.row.columns { float: none; }
  .row .column.row.row, .row .row.row.columns { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }


@media screen and (min-width: 64em) {
  .large-1 { width: 8.33333%; }
  .large-push-1 { position: relative; left: 8.33333%; }
  .large-pull-1 { position: relative; left: -8.33333%; }
  .large-offset-0 { margin-left: 0%; }
  .large-2 { width: 16.66667%; }
  .large-push-2 { position: relative; left: 16.66667%; }
  .large-pull-2 { position: relative; left: -16.66667%; }
  .large-offset-1 { margin-left: 8.33333%; }
  .large-3 { width: 25%; }
  .large-push-3 { position: relative; left: 25%; }
  .large-pull-3 { position: relative; left: -25%; }
  .large-offset-2 { margin-left: 16.66667%; }
  .large-4 { width: 33.33333%; }
  .large-push-4 { position: relative; left: 33.33333%; }
  .large-pull-4 { position: relative; left: -33.33333%; }
  .large-offset-3 { margin-left: 25%; }
  .large-5 { width: 41.66667%; }
  .large-push-5 { position: relative; left: 41.66667%; }
  .large-pull-5 { position: relative; left: -41.66667%; }
  .large-offset-4 { margin-left: 33.33333%; }
  .large-6 { width: 50%; }
  .large-push-6 { position: relative; left: 50%; }
  .large-pull-6 { position: relative; left: -50%; }
  .large-offset-5 { margin-left: 41.66667%; }
  .large-7 { width: 58.33333%; }
  .large-push-7 { position: relative; left: 58.33333%; }
  .large-pull-7 { position: relative; left: -58.33333%; }
  .large-offset-6 { margin-left: 50%; }
  .large-8 { width: 66.66667%; }
  .large-push-8 { position: relative; left: 66.66667%; }
  .large-pull-8 { position: relative; left: -66.66667%; }
  .large-offset-7 { margin-left: 58.33333%; }
  .large-9 { width: 75%; }
  .large-push-9 { position: relative; left: 75%; }
  .large-pull-9 { position: relative; left: -75%; }
  .large-offset-8 { margin-left: 66.66667%; }
  .large-10 { width: 83.33333%; }
  .large-push-10 { position: relative; left: 83.33333%; }
  .large-pull-10 { position: relative; left: -83.33333%; }
  .large-offset-9 { margin-left: 75%; }
  .large-11 { width: 91.66667%; }
  .large-push-11 { position: relative; left: 91.66667%; }
  .large-pull-11 { position: relative; left: -91.66667%; }
  .large-offset-10 { margin-left: 83.33333%; }
  .large-12 { width: 100%; }
  .large-offset-11 { margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns { width: 100%; float: left; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left; }
  .large-up-2 > .column, .large-up-2 > .columns { width: 50%; float: left; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left; }
  .large-up-3 > .column, .large-up-3 > .columns { width: 33.33333%; float: left; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left; }
  .large-up-4 > .column, .large-up-4 > .columns { width: 25%; float: left; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left; }
  .large-up-5 > .column, .large-up-5 > .columns { width: 20%; float: left; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left; }
  .large-up-6 > .column, .large-up-6 > .columns { width: 16.66667%; float: left; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left; }
  .large-up-7 > .column, .large-up-7 > .columns { width: 14.28571%; float: left; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left; }
  .large-up-8 > .column, .large-up-8 > .columns { width: 12.5%; float: left; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left; }
  .large-collapse > .column, .large-collapse > .columns { padding-left: 0; padding-right: 0; }
  .large-collapse .row { margin-left: 0; margin-right: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; }
  .large-centered { float: none; margin-left: auto; margin-right: auto; }
  .large-uncentered, .large-push-0, .large-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; }
}

/* positions */
    .center{ text-align: center;}

/* top nav */
    .slash{ font-size: 40px; font-weight: lighter; font-family: "Open Sans "; margin-left: 10px; margin-right: 10px; margin-top: 10px;}
    .top-nav:hover{display:inline-block; border-bottom:1px solid; padding-bottom:10px;}
    .action{ color: #3b3b3b; display:inline-block; border-bottom:1px solid; padding-bottom:10px; }

/* footer nav */
    .footer-nav:hover{ display:inline-block; border-bottom:1px solid; padding-bottom:10px; color: #ffffff; }
    .footer-nav:hover{ display:inline-block; border-bottom:1px solid; padding-bottom:10px; }

/* intro */
    .intro-link-bloc{ position: relative; }
    .intro-link-bloc:before{ content: ""; display: block; padding-top: 100%; /* initial ratio of 1:1*/ }

.intro-link{ position:  absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; /* desired width */ height: 100%; }
.nr{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-image: url('/img/intro/nr_blue.png'); background-position: center; background-repeat: no-repeat;}
.nr:hover{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border: 50px solid #ebecec; background-image: url('/img/intro/nr_red.png'); background-position: center; background-repeat: no-repeat; }
.vf{
    -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-image: url('/img/intro/vf_blue.png');
    background-position: center; background-repeat: no-repeat;
}
.vf:hover{
    -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border: 50px solid #ebecec;
    background-image: url('/img/intro/vf_red.png'); background-position: center; background-repeat: no-repeat;
}
.pp{
    -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
    background-image: url('/img/intro/pp_blue.png'); background-position: center; background-repeat: no-repeat;
}
.pp:hover{
    -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border: 50px solid #ebecec;
    background-image: url('/img/intro/pp_red.png'); background-position: center; background-repeat: no-repeat;
}
.si{
    -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
    background-image: url('/img/intro/si_blue.png'); background-position: center; background-repeat: no-repeat;
}
.si:hover{
    -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border: 50px solid #ebecec;
    background-image: url('/img/intro/si_red.png'); background-position: center; background-repeat: no-repeat;
}
.intro-title{ height: 67px; font-weight: normal; }

.carousel  { max-width: 1080px; width:100%; }
.arrow-lt{ margin-top: 80px; margin-left: -30px; float: left; vertical-align: middle; }
.arrow-lt:hover img{ transform: scale(1.2); }
.arrow-rt{ margin-top: 80px; margin-right: -10px; float: right; vertical-align: middle; }
.arrow-rt:hover img{ transform: scale(1.2); }
.carousel-wrapper { margin: 10px 30px; overflow: hidden; position:relative;}
.carousel-items {width: 10000px; position: relative; }
.carousel-block { float: left; width: 240px; padding: 10px 10px 10px 0px; }
.carousel-block img{ display:block; }

/*********** BUTTONS ***********/
    .carousel-button-left a, .carousel-button-right a{ width: 25px; height: 36px; position: relative; top: 80px; cursor: pointer; text-decoration:none; }

    .copyright{ text-align: center; font-size: 12px; padding-top: 10px; }
    .copyright a{ color: #ffffff; }
    .copyright a:hover{ color: #ffffff; text-decoration: underline; }

.title-img{ background-position: center; background-repeat: no-repeat; margin-bottom: 20px; }