html, body {
    width: 100%;
}

html {
    min-height: 100%;
}

body {
    min-height: 100%;
    font-size: 10px;
    font-family: "RobotoLight";
}

b {
    font-weight: normal;
    font-family: "RobotoCondensedBold";
}

* {
    margin: 0;
    padding: 0
}

#container {
    position: relative;
    display: block;
    min-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

/*Надстройка над гридом*/
img, object, embed {
    height: auto;
    max-width: 100%;
    display: inline-block;
}

.grid {
    max-width: 1170px;
    min-width: 320px;
    background-color: transparent;
    /*overflow: inherit;*/
}

.grid.big {
    max-width: 1200px;
    padding-right: 0;
}

/******/

/** colors **/

.c-white {
    color: #ffffff;
}

.c-2c {
    color: #2c2c2c;
}

.c-76 {
    color: #767676;
}

.c-84 {
    color: #848484;
}

.c-link {
    color: #025090;
}

.c-link2 {
    color: #03659f;
}

.c-a {
    color: #0d70af;
}

.c-blue {
    color: #63b0e3;
}

/** end colors **/

/** size **/

.fs-0_6 {
    font-size: 0.6em;
}

.fs-1_125 {
    font-size: 1.125em;
}

.fs-14 {
    font-size: 1.4em
}

.fs-16 {
    font-size: 1.6em
}

.fs-18 {
    font-size: 1.8em;
}

.fs-20 {
    font-size: 2em;
}

.fs-22 {
    font-size: 2.2em;
}

.fs-25 {
    font-size: 2.5em;
}

.fs-30 {
    font-size: 3em;
}

.fs-37 {
    font-size: 3.7em;
}

.lh-16 {
    line-height: 16px;
}

.lh-18 {
    line-height: 18px;
}

.lh-20 {
    line-height: 20px;
}

.lh-22 {
    line-height: 22px;
}

.lh-24 {
    line-height: 26px;
}

.lh-26 {
    line-height: 26px;
}

.lh-28 {
    line-height: 28px;
}

.lh-30 {
    line-height: 30px;
}

.lh-33 {
    line-height: 33px;
}

.lh-38 {
    line-height: 38px;
}

.lh-40 {
    line-height: 40px;
}

/** end size **/

.bc-white {
    background-color: white;
}

.bc-blue {
    background-color: #e5f5ff;
}

/**icons**/
i.icon {
    display: inline-block;
    position: relative;
    background: no-repeat center center transparent;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slider, .slider * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/** end icons **/

/** button **/

.button {
    padding: 0 45px;
    background-color: #63b0e3;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: RobotoCondensedBold;
    font-size: 1.6em;
    line-height: 55px;
    position: relative;
    text-align: center;
    border: medium none;
    text-transform: uppercase;
    text-decoration: none;
}

.button img {
    vertical-align: sub;
}

.button.sendButton {
    padding: 0 33px;
    line-height: 50px;
    font-family: RobotoRegular;
    font-size: 1.6em;
    text-transform: none;
}

.button.sendButton:hover {
    background-color: #4f8db6;
    box-shadow: 1px -1px #3e6d8e inset;
}

/** end button **/

/** input **/

select, input[type="text"], input[type="password"], input[type="email"] {
    background-color: #ffffff;
    border: medium none;
    font-family: RobotoLight;
    color: #767676;
    display: inline-block;
    font-size: 1.6em;
    line-height: 16px;
    overflow: hidden;
    padding: 12px 10px;
    white-space: nowrap;
    width: 100%;
    outline: none;
    height: 40px;
}

.popup select, .popup input[type="text"], .popup input[type="password"], .popup input[type="email"] {
    border: 2px solid #d9d9d9;
    line-height: 24px;
}

.popup select:focus, .popup input[type="text"]:focus, .popup input[type="password"]:focus, .popup input[type="email"]:focus {
    border: 2px solid #63b0e3;
}

textarea {
    background-color: #f5f7f8;
    width: 100%;
    color: #767676;
    display: inline-block;
    font-size: 1.6em;
    resize: none;
    border: none;
    outline: none;
    padding: 10px 15px;
}

.popup textarea {
    background-color: #ffffff;
    border: 2px solid #d9d9d9;
}

.input-error > select,
.input-error > input[type="text"],
.input-error > input[type="password"],
.input-error > input[type="email"],
.input-error > textarea {
    border: 2px solid #e27171;
}

/** end input **/

.i-b {
    display: inline-block;
    position: relative;
}

.pt3 {
    padding-top: 3px;
}

.pt5 {
    padding-top: 5px;
}

.pt7 {
    padding-top: 7px;
}

.pt10 {
    padding-top: 10px;
}

.pt12 {
    padding-top: 12px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt22 {
    padding-top: 22px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt34 {
    padding-top: 34px;
}

.pt38 {
    padding-top: 38px;
}

.pt40 {
    padding-top: 40px;
}

.pt45 {
    padding-top: 45px;
}

.pt50 {
    padding-top: 50px;
}

.pt53 {
    padding-top: 53px;
}

.pt57 {
    padding-top: 57px;
}

.pt60 {
    padding-top: 60px;
}

.pt65 {
    padding-top: 65px;
}

.pt75 {
    padding-top: 75px;
}

.pt80 {
    padding-top: 80px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-60 {
    padding-left: 60px;
}

.pb60{
    padding-bottom: 60px;
}

.tr {
    text-align: right;
}

hr {
    border: none;
    border-top: 1px solid #e1e1e1;
    display: block;
    height: 0;
}

h1.simple {
    font-family: RobotoRegular;
    font-size: 4.5em;
    color: #2c2c2c;
    text-transform: none;
    line-height: 50px;
    margin-top: 13px;
    text-align: center;
}

h1.home {
    font-family: RobotoCondensedBold;
    color: #ffffff;
    font-size: 5.5em;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    margin-top: 34px;
}

h1.home span {
    background-color: #63b0e3;
    line-height: 72px;
    padding: 0 10px;

}

h2 {
    font-family: RobotoCondensedBold;
    color: #2c2c2c;
    font-size: 3em;
    line-height: 38px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/*header*/

header {
    background-color: #ffffff;
    height: 80px;
    position: relative;
    margin: 0 auto;
    max-width: 1170px;
    min-width: 320px;
}

#headerWrap {
    border-bottom: 1px solid #e0e0e0;
}

header a.btn {
    width: auto;
    padding: 0 23px;
    background-color: #ffffff;
    color: #63b0e3;
    cursor: pointer;
    display: inline-block;
    font-family: RobotoCondensedBold;
    font-size: 1.4em;
    line-height: 31px;
    position: relative;
    text-align: center;
    border: 2px solid #63b0e3;
    text-decoration: none;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-right: 10px;
}

header a.btn:hover {
    background-color: #63b0e3;
    color: #ffffff;
}

/*end header*/

ul > li {
    list-style: none;
    padding-left: 30px;
    background: transparent url("../images/main/li.png") no-repeat left 6px;
}

/** menu **/

#menu {
    border-collapse: collapse;
    display: table;
    position: relative;
    width: 100%;
    height: 35px;
    z-index: 2;
    margin-top: 22px;
}

#menu > li {
    display: table-cell;
    float: none;
    height: 35px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

#menu > li > a {
    color: #2c2c2c;
    display: block;
    height: 100%;
    line-height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    text-decoration: none;
    width: 100%;
    font-size: 1.4em;
    z-index: 1;
    text-transform: uppercase;
    font-family: RobotoRegular;
    letter-spacing: 0.1em;
    white-space: nowrap;
}

#menu > li:hover > a, #menu > li.active > a {
    background-color: #63b0e3;
    color: #ffffff;
}

#menu > li ul {
    margin-top: 12px;
    background-color: #ffffff;
    position: absolute;
    text-align: left;
    z-index: 1;
    box-shadow: 0 0 8px #797979;
    display: none;
}

#menu > li ul:before {
    content: '';
    width: 100%;
    height: 12px;
    display: block;
    position: absolute;
    top: -12px;
    background: transparent url("../images/main/i/menu-tail.png") no-repeat 15px bottom;
}

#menu > li > ul a {
    color: #424242;
    display: block;
    font-family: RobotoRegular;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;
}

#menu > li > ul a:hover {
    text-decoration: underline;
    color: #0d70af;
}

#menu > li:hover ul {
    display: block;
}

#menu > li .icon.arrow {
    background: transparent url("../images/main/i/menu-ul.png") no-repeat scroll right top;
    height: 6px;
    margin-left: 4px;
    margin-right: -4px;
    width: 10px;
}

#menu > li.active .icon.arrow {
    background-position: left top;
}

#menu > li:hover .icon.arrow {
    background-position: left bottom;
}

#menu ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 1.4em;
    list-style: outside none none;
    padding: 0;
    border-bottom: 1px solid #eaeaea;
}

#menu ul li:last-child {
    border-bottom: none;
}

/*****/

.mobileMenuBlock {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    float: right;
    margin-top: 20px;
    background: #63b0e3 url("../images/main/i/mobile-menu.png") no-repeat center center;
}

.mobileMenu {
    display: none;
    position: absolute;
    width: auto;
    background-color: #ffffff;
    right: 30px;
    top: 0;
    z-index: 4;
    min-width: 250px;
}

.mobileMenu .icon.close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: -30px;
    top: 0;
    background: #63b0e3 url("../images/main/i/mobile-menu-close.png") no-repeat center center;
}

.mobileMenu li {
    list-style: none;
    background: none;
    padding: 0;
}

.mobileMenu menu {
    padding: 18px 27px 20px;
}

.mobileMenu menu > li {
    line-height: 35px;
}

.mobileMenu menu > li > a {
    color: #2c2c2c;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: RobotoRegular;

}

.mobileMenu menu > li.active > a {
    color: #63b0e3;
}

.mobileMenu ul > li {
    line-height: 30px;
}

.mobileMenu ul > li > a {
    color: #424242;
    font-size: 14px;
    text-decoration: none;
}

header .mobileMenu a.btn {
    border: none;
    background-color: #63b0e3;
    line-height: 40px;
    color: #ffffff;
    font-size: 14px;
    width: 100%;
    text-align: center;
}

.mobileMenu .searchForm input[type="text"] {
    border: none;
    padding-left: 45px;
    background: transparent url("../images/main/i/search.png") no-repeat 19px center;
}

/** end menu **/

/** slider **/

.slider_wrap, #sliderMain {
    display: block;
    height: 620px;
    margin: 0 auto;
    max-width: 2000px;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-width: 320px;
}

.slider_wrap .slider, #sliderMain .slider {
    height: 100%;
    top: 0;
    position: relative;
}

#sliderMain .slider {
    transition: top 0.5s ease-out, left 0.5s ease-out;
}

.slider .slide {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    max-width: 2000px;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#sliderMain .slide {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    max-width: 2000px;
    background-size: auto 100%;
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    /*transition: background-size 2s ease-out 0.5s;*/
}

.slider .slide .grid {
    height: 100%;
    display: block;
    position: relative;
}

.slider .slide .inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.slideButton {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: #f79548;
    font-family: PTSansBold;
    font-size: 2em;
    border: 3px solid #f79548;
    line-height: 34px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    bottom: 27%;
    left: 2%;
}

.slideButton:hover, .slideButton.active {
    background-color: #f79548;
    color: #FFFFFF;
}

.slideButton.right {
    left: 600px;
}

.slideButton.tabItem {
    bottom: auto;
    display: block;
    float: left;
    left: auto;
    line-height: 1.1em;
    margin-left: 11px;
    min-height: 50px;
    padding: 8px 15px;
    position: relative;
}

#sliderMain .sliderControlsWrap {
    background: rgba(0, 0, 0, 0) url("../images/main/slideControls.png") repeat scroll 0 0;
    top: 0;
    height: 100%;
    right: 0;
    display: block;
    position: absolute;
    text-align: center;
    width: 50px;
}

#sliderMain ul.sliderControls {
    top: 50%;
    position: relative;
    width: 50px;
    transform: translateY(-50%);
}

#sliderMain ul.sliderControls li {
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    line-height: 50px;
    list-style: outside none none;
    margin-right: 0;
    width: 100%;
    text-align: center;
    font-size: 2em;
    padding: 0;
    background: none;
}

#sliderMain ul.sliderControls li.active, #sliderMain ul.sliderControls li:hover {
    background-color: #63b0e3;
}

#sliderMain ul.sliderControls li:before {
    background: none;
}

.banner-shadow-left {
    background: transparent url("../images/main/home/banner-shadow-left.png") repeat-y left 0;
}

.banner-shadow-right {
    background: transparent url("../images/main/home/banner-shadow-right.png") repeat-y left 0;
}

/** end slider **/

.mainMore {
    color: #0d70af;
    font-size: 1.4em;
    font-family: RobotoRegular;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 34px;
    letter-spacing: 0.1em;
}

.mainMore.light {
    color: #63b0e3;
}

.mainMore:hover {
    text-decoration: underline;
}

.activities {

}

.activities li {
    margin-top: 24px;
}

.activities h4 {
    color: #2c2c2c;
    font-family: RobotoRegular;
    font-size: 1.8em;
    line-height: 20px;
}

.activities .text {
    color: #767676;
    font-size: 16px;
    line-height: 20px;
    padding-top: 10px;
}

/*quotations*/

.quotationsBlock {
    position: relative;
    overflow: hidden;
}

.quotationsBlock .slider {
    position: relative;
    left: 0;
    transition: left 0.5s ease-out;
}

.quotationsBlock .author {
    color: #2c2c2c;
    font-size: 2em;
    line-height: 18px;
    font-family: RobotoRegular;
    padding-top: 23px;

}

.quotationsBlock .status {
    color: #767676;
    font-size: 1.4em;
    line-height: 28px;
    font-family: RobotoRegular;
    text-transform: uppercase;
    padding-top: 6px;
}

.quotationsBlock .text {
    color: #2c2c2c;
    font-size: 2em;
    line-height: 29px;
    padding-left: 55px;
    background: transparent url("../images/main/home/quote.png") no-repeat 0 9px;
}

.quotationsBlock .icon.left {
    background-image: url("../images/main/home/quote-slide-left.png");
    left: 0;
}

.quotationsBlock .icon.right {
    background-image: url("../images/main/home/quote-slide-right.png");
    right: 0;
}

.quotationsBlock .icon {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    background-repeat: no-repeat;
    background-position: left center;
    height: 38px;
    width: 20px;
    top: 50%;
    margin-top: 16px;
}

.quotationsBlock .icon:hover {
    background-position: right center;
}

/*end quotations*/

.newsItem {
    position: relative;
}

.newsItem.blue {
    background-color: #e5f5ff;
    padding: 15px;
}

.newsItem time, .articleItem time {
    color: #767676;
    font-size: 1.4em;
    font-family: RobotoRegular;
    text-transform: uppercase;
}

.newsItem h3 {
    font-family: RobotoRegular;
    font-size: 2em;
    line-height: 26px;
    padding-top: 9px;
}

.newsItem h3 a {
    color: #2c2c2c;
    text-decoration: none;
}

.newsItem h3 a:hover {
    color: #0d70af;
    text-decoration: underline;
}

.newsItem .count, .articleItem .count {
    text-align: right;
    color: #767676;
    font-size: 1.4em;
    font-family: RobotoRegular;
    text-transform: uppercase;
}

.newsItem .text {
    color: #2c2c2c;
    font-size: 1.6em;
    line-height: 22px;
    padding-top: 15px;
}

.newsItem .published {
    color: #767676;
    font-size: 1.1em;
    line-height: 16px;
    padding-top: 15px;
    font-family: RobotoRegular;
    text-transform: uppercase;
}

.articleItem h3 {
    font-size: 2em;
    color: #2c2c2c;
    font-family: RobotoRegular;
    line-height: 25px;
    margin-top: 11px;
    float: left;
    width: 100%;
}

.articleItem h3 a {
    color: #2c2c2c;
    text-decoration: none;
}

.articleItem h3 a:hover {
    color: #0d70af;
    text-decoration: underline;
}

.articleItem .text {
    font-size: 1.6em;
    color: #2c2c2c;
    line-height: 23px;
    margin-top: 16px;
    float: left;
    width: 100%;
}

.articleItem .text > a {
    color: #2c2c2c;
    text-decoration: none;
}

.articleItem .happen {
    font-size: 1.4em;
    color: #767676;
    font-family: RobotoRegular;
    line-height: 25px;
    margin-top: 8px;
    /*float: left;*/
    /*width: 100%;*/
}

.articleItem .description {
    font-size: 1.1em;
    color: #767676;
    font-family: RobotoRegular;
    line-height: 14px;
    margin-top: 14px;
    float: left;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.articleItem .image {
    margin-bottom: 22px;
    position: relative;
}

.articleItem .image .icon.video {
    background: transparent url("../images/main/i/video.png") no-repeat scroll 0 0;
    bottom: 9px;
    height: 28px;
    position: absolute;
    left: 7px;
    width: 32px;
}

.articleItem .image .icon.picture {
    background: transparent url("../images/main/i/picture.png") no-repeat scroll 0 0;
    bottom: 9px;
    height: 24px;
    position: absolute;
    left: 6px;
    width: 32px;
}

/* sliderMediaBlock**/

.sliderMediaBlock {
    position: relative;
    padding-bottom: 9px;
    overflow: hidden;
}

.sliderMediaBlock .slider {
    position: relative;
    left: 0;
    transition: left 0.5s ease-out;
}

.sliderMediaBlock .title {
    font-size: 1.4em;
    color: #767676;
    font-family: RobotoRegular;
    text-transform: uppercase;
    padding-top: 18px;
}

.sliderMediaBlock .controls {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    font-size: 2em;
    color: #767676;
    font-family: RobotoRegular;
}

.sliderMediaBlock .controls .from {
    display: inline-block;
    line-height: 32px;
    padding: 0 6px;
}

.sliderMediaBlock .controls b {
    color: #2c2c2c;
    font-family: RobotoRegular;
}

.sliderMediaBlock .controls .icon.left {
    background-image: url("../images/main/home/media-slide-left.png");
}

.sliderMediaBlock .controls .icon.right {
    background-image: url("../images/main/home/media-slide-right.png");
}

.sliderMediaBlock .controls .icon {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
    vertical-align: bottom;
}

.sliderMediaBlock .controls .icon:hover {
    background-position: right center;
}

/*end  sliderMediaBlock**/

/** partnersBlock **/
.partnersBlock {
    position: relative;
    margin-top: 42px;
    overflow: hidden;
}

.partnersBlock .sliderMain {
    margin: 0 84px;
    max-width: 1030px;
    overflow: hidden;
}

.partnersBlock .slider {
    position: relative;
    left: 0;
    transition: left 0.5s ease-out;
}

.partnersBlock .slider .slide {
    position: relative;
    float: left;
    width: 100px;
    margin-left: 28px;
    text-align: center;
}

.partnersBlock .slider .slide:first-child {
    margin-left: 0;
}

.partnersBlock .slider .slide img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

.partnersBlock .icon.left {
    background-image: url("../images/main/home/quote-slide-left.png");
    left: 0;
}

.partnersBlock .icon.right {
    background-image: url("../images/main/home/quote-slide-right.png");
    right: 0;
}

.partnersBlock .icon {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    background-repeat: no-repeat;
    background-position: left center;
    height: 38px;
    width: 20px;
    top: 50%;
    margin-top: -19px;
}

.partnersBlock .icon:hover {
    background-position: right center;
}

/** end partnersBlock **/

/** map **/
#map {
    position: relative;
}

#map > .inner {
    display: block;
    height: 650px;
    margin: 0 auto;
    max-width: 2000px;
    min-width: 320px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: transparent url("../images/main/map.jpg") no-repeat scroll center center;
}

#map .formBlock {
    position: relative;
    margin-top: 135px;
}

#map .descriptionBlock {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/** end map **/

/** authors **/
.authorItem {
    position: relative;
    max-width: 370px;
}

.authorItem .main {
    display: block;
    position: relative;
}

.authorItem .main:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 160px;
    bottom: 0;
    left: 0;
    background: transparent url("../images/main/authors/bg.png") repeat-x 0 0;
}

.authorItem img {
    display: block;
}

.authorItem .info {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    z-index: 1;
}

.authorItem .info .name {
    font-size: 20px;
    color: #ffffff;
    background-color: #63b0e3;
    line-height: 28px;
    font-family: RobotoRegular;
    display: inline;
    padding: 0 4px 2px;
}

/** end authors **/

/** article **/

.articleHead {
    position: relative;
    color: #2c2c2c;
}

.articleHead .inner {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0 170px;
}

.articleHead h1 {
    font-family: RobotoRegular;
    font-size: 4.5em;
    line-height: 55px;
}

.articleHead time {
    font-family: RobotoRegular;
    font-size: 1.4em;
    color: #848484;
    display: block;
    margin-top: 58px;
}

.articleHead.light .inner {
    position: absolute;
    bottom: 73px;
    left: 0;
}

.articleHead.light h1 {
    color: #ffffff;
}

.articleHead.light time {
    color: #8f8f8f;
}

.article h2 {
    font-size: 25px;
    color: #2c2c2c;
    font-family: RobotoRegular;
    letter-spacing: 0;
    text-transform: none;
}

.quote {
    display: block;
    position: relative;
    border-top: 4px solid #a4c1f1;
    border-bottom: 4px solid #a4c1f1;
    padding-top: 40px;
    padding-bottom: 34px;
}

.quote .text {
    color: #2c2c2c;
    font-size: 2em;
    font-family: RobotoRegular;
    line-height: 28px;
    position: relative;
    padding-left: 45px;
    background: transparent url("../images/main/article/quote.png") no-repeat left 1px;
}

.quote .description {
    font-size: 2em;
    color: #767676;
    padding-left: 45px;
    margin-top: 14px;
}

.article .video {
    width: 100%;
    height: 420px;
}

.tags {
    position: relative;
}

.tags .item {
    color: #0d70af;
    font-family: RobotoRegular;
    font-size: 1.4em;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 16px;
    border: 2px solid #d9e7ef;
    line-height: 26px;
    display: inline-block;
    margin-right: 6px;
    margin-top: 6px;
}

.tags .item:hover {
    border-color: #0d70af;
}

.satellite {
    display: block;
    position: relative;
    height: 120px;
    clear: both;

    background: transparent url("../images/main/satellite.png") no-repeat center center;
}

.sliderMediaArticle {

}

.sliderMediaArticle .main {

}

.sliderMediaArticle .title {
    color: #2c2c2c;
    font-family: RobotoRegular;
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.sliderMediaArticle .slides {
    position: relative;
    overflow: hidden;
    max-height: 79px;
}

.sliderMediaArticle .slider {
    position: relative;
    left: 0;
    transition: left 0.5s ease-out;
}

.sliderMediaArticle .slides .slide {
    border: 2px solid transparent;
    float: left;
    margin-left: 25px;
    max-height: 104px;
    max-width: 104px;
    padding: 2px;
    position: relative;
    /*width: 16.66%;*/
}

.sliderMediaArticle .slides .slide:first-child {
    margin-left: 0;
}

.sliderMediaArticle .slides .slide.active {
    border: 2px solid #85b8d7;
}

.sliderMediaArticle .slides .slide img {
    cursor: pointer;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

.sliderMediaArticle .mainPic {
    position: relative;
    text-align: center;
}

.sliderMediaArticle .mainPic:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.sliderMediaArticle .mainPic img {

}

.sliderMediaArticle .mainPic .icon.left {
    background-image: url("../images/main/article/slide/arrow-left.png");
    left: -77px;
}

.sliderMediaArticle .mainPic .icon.right {
    background-image: url("../images/main/article/slide/arrow-right.png");
    right: -77px;
}

.sliderMediaArticle .mainPic .icon {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    background-repeat: no-repeat;
    background-position: left center;
    height: 31px;
    width: 47px;
    top: 50%;
    margin-top: -15px;
}

.sliderMediaArticle .mainPic .icon:hover {
    background-position: right center;
}

/** end article **/

/** comments **/

.commentsBlock {
    background-color: #e6edf8;
    margin-top: 60px;
}

.commentsBlock .comments {
    border-top: 1px solid #b8d1e0;
}

.comment {
    display: block;
    margin-top: 30px;
}

.comment .name {
    color: #2c2c2c;
    font-family: RobotoRegular;
    font-size: 1.6em;
    line-height: 18px;

}

.comment time {
    color: #767676;
    font-family: RobotoRegular;
    font-size: 1.1em;
    line-height: 20px;
    letter-spacing: 0.1em;
    display: block;
}

.comment .text {
    color: #2c2c2c;
    font-size: 1.6em;
    line-height: 24px;
}

.comment .answer {
    color: #0d70af;
    font-size: 1.6em;
    line-height: 30px;
    text-decoration: none;
}

.comment .answer:hover {
    text-decoration: underline;
}

.comments .showMore {
    color: #0d70af;
    font-family: RobotoRegular;
    font-size: 1.4em;
    line-height: 23px;
    letter-spacing: 0.1em;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
}

/** end comments **/

/** breadcrumbs **/
.breadcrumbs {
    display: block;
    width: 100%;
    position: relative;
    font-size: 1.4em;
    font-family: RobotoRegular;
    text-transform: uppercase;
    color: #848484;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 58px;
}

.breadcrumbs a {
    color: #03659f;
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

/** end breadcrumbs **/

/** filter **/
.filter {
    display: block;
    position: relative;
    text-align: center;
    font-size: 16px;
}

.filter .item {
    margin-right: 30px;
}

.filter .item:last-child {
    margin-right: 0;
}

.filter a.item {
    text-decoration: none;
    color: #0d70af;
    border-bottom: 1px dashed #0d70af;
}

.filter a.item.active {
    color: #2c2c2c;
    border-bottom: none;
}

.filter a.item:hover {
    border-bottom: none;
}

.filter-mobile {
    position: relative;
}

.filter-mobile .value {
    position: relative;
    color: #0d70af;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px dashed #0d70af;
}

.filter-mobile .menu {
    box-shadow: 0 0 8px #797979;
    left: 0;
    position: absolute;
    top: 36px;
    z-index: 1;
    display: none;
}

.filter-mobile .menu:before {
    background: transparent url("../images/main/i/menu-tail.png") no-repeat scroll 15px bottom;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    top: -12px;
    width: 100%;
}

.filter-mobile .menu a {
    display: block;
    height: 37px;
    line-height: 37px;
    white-space: nowrap;
    font-size: 14px;
    color: #424242;
    text-decoration: none;
    padding: 0 17px;
    background-color: #ffffff;
    border-bottom: 1px solid #eaeaea;
}

.filter-mobile .menu a:last-child {
    border: none;
}

.filter-mobile .menu a:hover {
    background-color: #63b0e3;
    color: #ffffff;
}

/** end filter **/

/** pagination **/
.pagination {
    position: relative;
    text-align: center;
}

.pagination .item {
    color: #767676;
    display: inline-block;
    line-height: 35px;
    padding: 0 12px;
    font-family: RobotoRegular;
    font-size: 2em;
    text-decoration: none;
}

.pagination .item.active, .pagination .item:hover {
    color: #ffffff;
    background-color: #63b0e3;
}

/** end pagination **/
h3.b22 {
    color: #2c2c2c;
    font-family: RobotoCondensedBold;
    font-size: 2.2em;
    letter-spacing: 0.08em;
    line-height: 38px;
    text-transform: uppercase;
}

.dotted {
    margin-top: 55px;
    margin-bottom: 60px;
    height: 1px;
    background: transparent url("../images/main/dotted.png") repeat-x 0 0;
}

/** searchForm **/
.searchForm {
    padding-right: 50px;
    position: relative;
}

.searchForm input[type="text"] {
    border: 2px solid #d9d9d9;
    display: block;
    float: left;
    line-height: 22px;
    border-right: none;
    height: 50px;
}

.searchForm .button {
    line-height: 50px;
    padding: 0 18px;
    position: absolute;
    right: 0;
    top: 0;
}

.searchFormHeader {
    padding-right: 36px;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    overflow: hidden;
    transition: width 0.2s ease-out;
}

.searchFormHeader.active {
    width: 100%;
}

.searchFormHeader input[type="text"] {
    line-height: 17px;
    padding: 7px 10px;
    height: 35px;
}

.searchFormHeader .button {
    line-height: 35px;
    padding: 0 11px;
    width: 36px;
    background: #e5f5ff url("../images/main/i/search.png") no-repeat center;
}

.searchFormHeader.active .button, .searchFormHeader .button:hover {
    background: #63b0e3 url("../images/main/i/search-white.png") no-repeat center;
}

/** end searchForm **/

/*** footer ***/

footer {
    background-color: #2a3034;
    color: #ffffff;
}

footer h3 {
    color: #ffffff;
    font-family: RobotoCondensedBold;
    font-size: 20px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

footer a {
    color: #ffffff;
}

footer a:hover {
    color: #63b0e3;
}

footer .btn {
    display: inline-block;
    color: #63b0e3;
    border: 2px solid #63b0e3;
    padding: 0 25px;
    font-family: RobotoCondensedBold;
    font-size: 1.4em;
    line-height: 36px;
    text-transform: uppercase;
    margin-top: 26px;
    cursor: pointer;
}

footer .btn:hover {
    color: #ffffff;
    background-color: #63b0e3;
}

footer menu {
    display: block;
    position: relative;
    margin-top: 12px;
}

footer menu li {
    list-style: none;
    font-size: 1.6em;
    line-height: 28px;
}

footer .subscribe {

}

footer .subscribe input[type="email"] {
    float: left;
    width: 49%;
    outline: none;
    box-shadow: none;
}

footer .subscribe .button {
    float: left;
    font-size: 1.4em;
    line-height: 40px;
    padding: 0 29px;
    letter-spacing: 0.1em;
}

footer .subscribe .button:hover {
    box-shadow: 1px -1px #3e6d8e inset;
}

footer .links {

}

footer .links a {
    display: inline-block;
    text-decoration: none;
    line-height: 41px;
}

footer .links a img {
    vertical-align: middle;
}

footer .logoSmall {
    width: 134px;
    height: 41px;
    background: transparent url("../images/main/logo-small.png") no-repeat left top;
}

footer .logoSmall:hover {
    background-position: left bottom;
}

/*** end footer ***/

.topLine {
    border-top: 1px solid #e0e0e0;
}

/** popup **/

#popup_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 3;
    left: 0;
    top: 0;
    overflow: hidden;
}

#popup_bg.show {
    background: rgba(0, 0, 0, 0) url("../images/main/popup.png") repeat scroll 0 0;
    display: block;
}

.popup {
    display: block;
    left: 20%;
    max-height: 100%;
    max-width: 570px;
    min-width: 320px;
    padding: 0 15px;
    position: absolute;
    top: 10px;
    width: 100%;
}

#popup_bg i.close {
    position: absolute;
    right: 30px;
    top: 15px;
    cursor: pointer;
    z-index: 2;
    background: url("../images/main/i/close.png") no-repeat center top;
    height: 15px;
    width: 15px;
}

#popup_bg i.close:hover {
    background-position: center bottom;
}

.popup > .main {
    background-color: #fff;
    min-width: 250px;
    padding: 40px 50px 30px;
}

.popup label {
    color: #767676;
    font-size: 1.6em;
    font-family: RobotoRegular;
    line-height: 18px;
    display: block;
    margin-bottom: 17px;
    margin-top: 24px;
}

/** end popup **/

/** **/
.tdn {
    text-decoration: none;
}

.ffb {
    font-family: "RobotoCondensedBold";
}

.ffr {
    font-family: "RobotoRegular";
}

.ttu{
    text-transform: uppercase;
}

.ttn{
    text-transform: none;
}

.h-tdu:hover {
    text-decoration: underline;
}

.clear {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

.center {
    text-align: center;
}

.hide {
    display: none !important;
}

.db {
    display: block;
}

.cp {
    cursor: pointer;
}

.uppercase {
    text-transform: uppercase;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.mt2 {
    margin-top: 2px;
}

.mt22 {
    margin-top: 22px;
}

.mr7 {
    margin-right: 7px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mb50 {
    margin-bottom: 50px;
}

#jsonData {
    display: none;
}

#temp {
    display: none;
}

.show-on-pad {
    display: none;
}

.show-on-mobile {
    display: none;
}

@media handheld, only screen and (max-width: 1150px) {
    body {
        font-size: 8px;
    }

    header, .grid {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media handheld, only screen and (max-width: 980px) {
    body {

    }

    header a.btn {
        padding: 0 3px;
    }

    #menu > li > a {
        letter-spacing: 0;
    }

    .w-980-1 {
        width: 1%;
    }

    .w-980-59 {
        width: 59%;
    }

    h1.home {
        padding: 0 50px;
    }

    footer .btn {
        margin-top: 18px;
    }

    footer menu li {
        font-size: 14px;
    }

    .dotted {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .authorItem .info {
        padding-bottom: 10px;
        padding-left: 10px;
    }
}

/** animation **/

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    100% {
        opacity: 1;
    }
}

.zoomIn {
    animation: zoomIn 0.5s ease-out
}

@keyframes sliderRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px) translateY(-50%);
        transform: translateX(2000px) translateY(-50%);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px) translateY(-50%);
        transform: translateX(-30px) translateY(-50%);
    }

    80% {
        -webkit-transform: translateX(10px) translateY(-50%);
        transform: translateX(10px) translateY(-50%);
    }

    100% {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
    }
}

.sliderRight {
    animation: sliderRight 1s ease-out
}

@keyframes sliderLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px) translateY(-50%);
        transform: translateX(-2000px) translateY(-50%);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px) translateY(-50%);
        transform: translateX(30px) translateY(-50%);
    }

    80% {
        -webkit-transform: translateX(-10px) translateY(-50%);
        transform: translateX(-10px) translateY(-50%);
    }

    100% {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
    }
}

.sliderLeft {
    animation: sliderLeft 1s ease-out
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInRight {
    animation: bounceInRight 1s ease-out
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInLeft {
    animation: bounceInLeft 1s ease-out
}

@keyframes bgSizeSlider {
    0% {
        background-size: auto 100%
    }

    100% {
        background-size: auto 101%
    }
}

#sliderMain .slide.bgSizeSlider {
    /*animation: bgSizeSlider 2s ease-out;*/
    /*background-size: auto 101%*/
}

/** end animation **/

/** pad **/
@media handheld, only screen and (max-width: 800px) {
    header {
        height: 70px;
    }

    h1.home {
        padding: 0;
    }

    #expertSlide {
        background-size: cover !important;
        background-image: url('../images/main/home/experts-pad.jpg') !important;
    }

    #statusSlide {
        background-size: cover !important;
        background-image: url('../images/main/home/status-pad.jpg') !important;
    }

    #magazineSlide {
        background-size: cover !important;
        background-image: url('../images/main/home/magazine-pad.jpg') !important;
    }

    .banner-shadow-left {
        background: none !important;
    }

    .banner-shadow-right {
        background: none !important;
    }

    #quotationsBlock::after {
        background-color: #ffffff;
        content: "";
        height: 100%;
        opacity: 0.5;
        position: absolute;
        right: 0;
        top: 0;
        width: 60px;
    }

    .quotationsBlock .text {
        background: none !important;
    }

    .sliderMediaBlock .controls {
        right: 40px;
    }

    .sliderMediaBlock .slider::after {
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
    }

    .partnersBlock {
        margin-top: 25px;
    }

    .partnersBlock .slider {
        position: relative;
        transition: left 0.5s ease-out;
        left: 0;
    }

    #map .descriptionBlock {
        position: relative;
        transform: none;
        top: auto;
        left: auto;
    }

    .button {
        line-height: 40px;
        font-size: 14px;
    }

    footer .btn {
        background-color: #63b0e3;
        color: #FFFFFF;
    }

    .button.sendButton {
        line-height: 40px;
    }

    .popup label {
        font-size: 14px;
        margin: 15px 0 6px;
    }

    .articleHead .inner {
        padding: 0 50px;
    }

    .satellite {
        height: 60px;
    }

    .quote {
        padding-bottom: 20px;
    }

    .quote .text {
        padding-left: 35px;
        background: transparent url("../images/main/home/quote-pad.png") no-repeat scroll left 4px;
    }

    .tags .item {
        font-size: 11px;
    }

    .comment {
        margin-top: 25px;
    }

    .comment .name {
        font-size: 14px;
    }

    .comment time {
        font-size: 11px;
        text-transform: uppercase;
    }

    .comment .text {
        font-size: 14px;
        line-height: 22px;
    }

    .articleItem h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .articleItem .happen {
        font-size: 14px;
        margin-top: 1px;
        font-family: RobotoLight;
    }

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

    .articleItem .description {
        margin-top: 3px;
    }

    .filter .item {
        font-size: 14px !important;
        margin-right: 10px !important;
        white-space: nowrap;
    }
}

/** mobile **/
@media handheld, only screen and (max-width: 480px) {
    #sliderMain {
        height: 250px;
    }

    select, input[type="text"], input[type="password"], input[type="email"] {
        padding: 6px 8px;
        height: 38px !important;
    }

    .activities h4 {
        font-size: 16px;
    }

    .activities li {
        margin-top: 19px;
    }

    .mainMore {
        line-height: 31px;
    }

    ul > li {
        padding-left: 23px;
    }

    #sliderMediaBlock::after, #partnersBlock::after, #sliderMediaArticle::after {
        background-color: #ffffff;
        content: "";
        height: 100%;
        opacity: 0.5;
        position: absolute;
        left: 0;
        top: 0;
        width: 25px;
        z-index: 1;
    }

    #partnersBlock::after {
        width: 35px;
    }

    #sliderMediaBlock::before, #partnersBlock::before, #sliderMediaArticle::before {
        background-color: #ffffff;
        content: "";
        height: 100%;
        opacity: 0.5;
        position: absolute;
        right: 0;
        top: 0;
        width: 25px;
        z-index: 1;
    }

    #partnersBlock::before {
        width: 35px;
    }

    #partnersBlock .sliderMain {
        width: 100%;
        margin: 0;
    }

    .partnersBlock .slider .slide img {
        max-height: 72px;
    }

    .partnersBlock .slider .slide {
        margin-left: 3px;
        width: 81px;
    }

    #partnersBlock .slider::after, #sliderMediaArticle .slider::after {
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
    }

    .sliderMediaArticle .slides {
        max-height: 184px;
    }

    .sliderMediaArticle .slides .slide.active {
        border-color: transparent;
    }

    .sliderMediaArticle .slides .slide {
        max-height: 180px;
        max-width: 240px;
        width: 240px;
        padding: 0;
        border: none !important;
    }

    footer .subscribe .button {
        padding: 0;
        width: 14%;
        height: 40px;
        text-align: center;
    }

    footer .subscribe .button img {
        margin: 0 auto;
    }

    footer .subscribe input[type="email"] {
        width: 86%;
        padding: 12px 10px;
        height: 40px !important;
    }

    .articleHead.light .inner {
        bottom: 15px;
    }

    .articleHead .inner {
        padding: 0 10px;
    }

    .articleItem .image {
        margin-bottom: 0;
    }

    .articleHead time {
        margin-top: 25px;
    }

    .breadcrumbs {
        display: none;
    }

    .searchForm {
        padding-right: 38px;
    }

    .searchForm .button {
        line-height: 38px;
        padding: 0 12px;
    }
}