/*@import "application.css";
.black{
	background: #1f1919;
}
.tabs{
	display: table;
	text-align: justify
}
.tabs li{
	display: table-cell;
}
.tabs li a{
	color: #fff;
	text-decoration: none
}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700&subset=latin,cyrillic-ext,cyrillic);

@font-face {
  font-family: 'Franklin Gothic Medium';
  font-style: normal;
  font-weight: 400;
  src: local('Franklin Gothic Medium'), local('FranklinGothicMedium-Regular'),
     url('../fonts/franklin-gothic-medium.woff') format('woff'),
     url('../fonts/franklin-gothic-medium.ttf') format('truetype');
}
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot');
    src:url('../fonts/icomoon.eot') format('embedded-opentype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html,
   button,
   input,
   select,
   textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

 ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

 img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

 fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

 textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

   .chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   input:focus { outline: none; }

   @font-face {
    font-family: 'LiberationSerifRegular';
    src: url('/fonts/liberationserif-regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/liberationserif-regular.woff') format('woff'),
    url('/fonts/liberationserif-regular.ttf') format('truetype'),
    url('/fonts/liberationserif-regular.svg#LiberationSerifRegular') format('svg');
}
@font-face {
    font-family: 'LiberationSansRegular';
    src: url('/fonts/liberationsans-regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/liberationsans-regular.woff') format('woff'),
    url('/fonts/liberationsans-regular.ttf') format('truetype'),
    url('/fonts/liberationsans-regular.svg#LiberationSansRegular') format('svg');
}
@font-face {
    font-family: 'FranklinGothicMediumCondRegular';
    src: url('/fonts/framdcn.eot?#iefix') format('embedded-opentype'),
    url('/fonts/framdcn.woff') format('woff'),
    url('/fonts/framdcn.ttf') format('truetype'),
    url('/fonts/framdcn.svg#FranklinGothicMediumCondRegular') format('svg');
}
@font-face {
    font-family: 'FranklinGothicDemiCondRegular';
    src: url('/fonts/fradmcn.eot?#iefix') format('embedded-opentype'),
    url('/fonts/fradmcn.woff') format('woff'),
    url('/fonts/fradmcn.ttf') format('truetype'),
    url('/fonts/fradmcn.svg#FranklinGothicDemiCondRegular') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueCyrRoman';
    src: url('/fonts/helveticaneuecyr-roman_0.eot');
    src: url('/fonts/helveticaneuecyr-roman_0.eot') format('embedded-opentype'),
    url('/fonts/helveticaneuecyr-roman_0.woff') format('woff'),
    url('/fonts/helveticaneuecyr-roman_0.ttf') format('truetype'),
    url('/fonts/helveticaneuecyr-roman_0.svg#HelveticaNeueCyrRoman') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('/fonts/helveticaneuelight_0.eot');
    src: url('/fonts/helveticaneuelight_0.eot') format('embedded-opentype'),
    url('/fonts/helveticaneuelight_0.woff') format('woff'),
    url('/fonts/helveticaneuelight_0.ttf') format('truetype'),
    url('/fonts/helveticaneuelight_0.svg#HelveticaNeueLight') format('svg');
}


/*------- STICKY FOOTER -------*/

html, body {height: 100%;}

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

#main-wrapper {
    padding-bottom: 150px;}  /* must be same height as the footer */

    footer {
        position: relative;
        margin-top: -144px; /* negative value of footer height */
        height: 144px;
        clear:both;
    } 

    /*Opera Fix*/
    body:before {
        content:"";
        height:100%;
        float:left;
        width:0;
        margin-top:-32767px;/
    }

    /*------- /STICKY FOOTER -------*/
    body{
        margin: 0 auto;
        width: 940px;
        overflow-x: hidden; 
    }


    /*--- header ---*/
    header{
/*        height: 152px;*/
        background: #fff;
    }
    #logo{
        display: block;
/*        background: url(/img/logo.jpg) no-repeat 0 0;*/
        width: 235px;
        height: 68px;
        margin: 16px 0 16px;
        text-indent: -9999px;
    }

    #search-wrap{
        width: 430px;
        position: absolute;
        right: 0;
        top: 25px;
        text-align: right;
    }

    .lang{
        text-decoration: none;
        font: 12px/12px "FranklinGothicMediumCondRegular";
        color: #a1a1a1;
        display: inline-block;
        padding: 0 7px;
        text-transform: uppercase;
    }
    .lang.f{
        border-right: 1px dotted #ccc;
    }
    .lang.current{
        color: #0f8793;
    }

    .lang:hover{
     color: #006a75;   
    }

    .soc{
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        background: url(/img/soc.png) no-repeat 0 0;
    }
    .y{
        background-position: 0 0;
    }
    .y:hover{
        background-position: 0 100%;
    }
    .fb{
        background-position: -20px 0;
    }
    .fb:hover{
        background-position: -20px 100%;
    }
    .t{
        background-position: -40px 0;
    }
    .t:hover{
        background-position: -40px 100%;
    }
    
    .iss{
        background-position: -60px 0;
    }
    .iss:hover{
        background-position: -60px 100%;
}	
    
    .instg{
        background-position: -80px 0;
    }
    .instg:hover{
        background-position: -80px 100%;
}	

    #search-wrap > div{
        display: inline-block;
        position: relative;
    }
    #search-wrap > div.s{
        float: left;
        padding-top: 3px;
    }
    #search-wrap input[type="submit"]{
        width: 10px;
        height: 6px;
        position: absolute; 
        top: 5px;
        right: 4px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
    input[type="search"]{
        width: 185px;
        height: 24px;
        border-radius: 13px;
        border: 0;
        padding-left: 15px;
        box-shadow: inset 0 1px 1px 0 rgba(197,197,197,1), 0 1px 0 0 rgba(242,242,242,1);
        font: 11px 'LiberationSansRegular';
        background: url(/img/search.jpg) no-repeat 180px 50%;

    }
    input[type="search"]::-webkit-input-placeholder {
     color: #c9c9c9;
 }

 input[type="search"]:focus{
    box-shadow: inset 0 1px 5px 0 rgba(197,197,197,1), 0 1px 0 0 rgba(242,242,242,1);
 }

 input[type="search"]:-moz-placeholder { /* Firefox 18- */
     color: #c9c9c9;  
 }

 input[type="search"]::-moz-placeholder {  /* Firefox 19+ */
     color: #c9c9c9;  
 }

 input[type="search"]:-ms-input-placeholder {  
     color: #c9c9c9;  
 }
 /* menu */
 #main-menu{

 }
 #main-menu>ul{
    margin: 0;
    padding: 0px;
    border-top: 4px solid #1e1919;
    height: 35px;
    width: 100%;
    overflow: hidden;
    background: url(/img/dot.png) repeat-x bottom left;
}
#main-menu>ul>li{
    float: left;
    height: 35px;
    background: url(/img/menu-splitter.png) no-repeat 100% 50%;
    /*padding: 4px 44px 0 56px;*/
    text-align: center;
/*    width: 12%;*/
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main-menu>ul>li:first-child{
   /* width: 17%;*/
    text-align: left;
    padding-left: 40px;
    padding-right: 20px;
    /*padding-right: 62px;*/
}
#main-menu>ul>li:last-child{
    background: none;
   /* width: 12.363% !important;*/
    text-align: right;
}

.about #main-menu>ul>li.active{
    background: #deebe2;
}
.about .active .submenu{
    background: #deebe2!important
}

.about .active .submenu a:hover{
    color: #c3bdbb;

}
.about #main-menu .active .submenu  a{
    color: #232323
}

.about #main-menu>ul>li.active span{
    color: #2a2323;
}
.programs #main-menu>ul>li.active{
    background: #f7f3f2;
}
.grants #main-menu>ul>li.active{
    background: #ebebdd;
}

.grants #main-menu>ul>li.active a{
  
}
.knowledgebase #main-menu>ul>li.active{
    background: #e4ecef;
}

.contacts #main-menu>ul>li.active{
    background: #e4ecef;
}


.allevents #main-menu>ul>li.active{
    background: #e4ecef;
}

.allevents #main-menu>ul>li.active{
    background: #deebe2;
}
.allevents .active .submenu{
    background: #deebe2!important
}

.allevents .active .submenu a:hover{
    color: #c3bdbb;

}
.allevents #main-menu .active .submenu  a{
    color: #232323
}

.allevents #main-menu>ul>li.active span{
    color: #2a2323;
}


.knowledgebase .submenu .active a{color: #c3bdbb!important;}


.contacts #main-menu span, .contacts #main-menu span:hover{
    color: #2a2323!important;
}

#main-menu>ul>li:hover, #main-menu>ul>li.active{
    background: #1e1919;
}
#main-menu>ul>li>a,#main-menu>ul>li>span{
    text-decoration: none;
    text-transform: uppercase;
    color: #2a2323;
    font-size: 12px;
    font-family: 'LiberationSerifRegular';
    /*padding: 4px 44px 0 56px;*/
    height: 35px;
    display: block;
    line-height: 32px;
    cursor: pointer;
    /*padding-right: 16px;

    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAHElEQVQI12PQUlb+z4AFwMXRFWBogAngMglDAgB8PAoK1RedNwAAAABJRU5ErkJggg==') no-repeat 100% 50%;*/

}
#main-menu>ul>li.active a, #main-menu>ul>li.active span, #main-menu>ul>li.active:hover a{
    color: #2a2323;
}

/* .about .submenu li a{
    color: #fff!important;
} */

.about .submenu li a:hover{
    color: #c3bdbb!important;
}

#main-menu>ul>li:hover>a,#main-menu>ul>li:hover>span{
    color: #fff;
    /*padding-right: 16px;

    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAHElEQVQI12PQUlb+z4AFwMXRFWBogAngMglDAgB8PAoK1RedNwAAAABJRU5ErkJggg==') no-repeat 100% 50%;*/

}
#main-menu>ul>li>a:after, #main-menu>ul>li>span:after{
    content: "";
    display: inline-block;
    width: 21px;
    height: 6px;
    background: url(/img/arrow-down.png) no-repeat 100% 50%;
}

#main-menu>ul>li>a.single-item{
    background: transparent;

}
#main-menu>ul>li.ie-last-item{
    width: 18%;
    text-align: right;
}
#main-menu>ul>li>a.single-item:after{
    display: none;
}



#main-menu>ul>li:hover> ul, #main-menu>ul>li.active> ul{
 /*height: 216px;*/
 height: auto;
 padding: 17px 0 0;
 /*display: block;*/
}
#main-menu>ul>li.active> ul{
    z-index: 5;
}
#main-menu > ul > li > ul{
    width: 100%;
    position: absolute;
    top: auto;
    left: 0;
    padding: 0;
    margin: 0;
    /*margin-top: -22px\0/; /*------- ie8 fix -------*/
    
    background: #1e1919;
    height: 0px;
    overflow: hidden;
    z-index: 10;
    text-align: left;
    -webkit-transition: all .7 ease;
    -moz-transition: all .7 ease;
    -o-transition: all .7 ease;
    -ms-transition: all .7 ease;
    transition: all .7s ease;
    /*display: none;*/
}

.programs .inner-page{
    margin-bottom: 0
}

.programs #main-menu>ul>li.active> ul{
    background: #f7f3f2;
}
.grants #main-menu>ul>li.active> ul{
    background: #ebebdd;
}
.knowledgebase #main-menu>ul>li.active> ul{
    background: #e4ecef;
}

.contacts #main-menu>ul>li.active> ul{
    background: #e4ecef;
}


#main-menu > ul > li > ul > li{
 display: block;
 float: left;

}
#main-menu > ul > li > ul > li > a{
 text-decoration: none;
 font: 13px 'FranklinGothicMediumCondRegular';
 text-transform: uppercase;
 color: #fff;
}
#main-menu > ul > li > ul > li.video{
 width: 346px;
 height: 196px;
 margin: 0 0 17px 17px;
 position: relative;
}
#main-menu > ul > li > ul > li.video .play{
 position: absolute;
 width: 49px;
 height: 49px;
 top: 50%;
 left: 50%;
 margin-top: -24.5px;
 margin-left: -24.5px;
 background: url(/img/play.png) no-repeat 50% 50%;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity: 0;
 -webkit-transition: opacity .3s ease;
 -moz-transition: opacity .3s ease;
 -o-transition: opacity .3s ease;
 -ms-transition: opacity .3s ease;
 transition: opacity .3s ease;
}
#main-menu > ul > li > ul > li.video:hover .play{
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 opacity: 1;
}

#main-menu .inner ul{
    margin: 0;
    padding: 0;
    width: 380px;
    margin-left: 17px;
}
#main-menu .inner ul li{
    width: 142px;
    float: left;
    margin-right: 48px;
    border-top: 1px dotted #534f4f;
    line-height: 16px;
    padding: 9px 0;
}
#main-menu .inner ul li:first-child, #main-menu .inner ul li:nth-child(2){
    border-top: 1px dotted transparent;
}
#main-menu .inner + li{
    padding-top: 30px;
    float: none;
}
#main-menu .inner a{
    color: #b4b4b4;
    font: 12px/12px 'LiberationSansRegular';
    text-decoration: none;
}
#main-menu .inner>a{
    color: #fff;
    font: 13px 'FranklinGothicMediumCondRegular';
    text-transform: uppercase;
    padding-left: 17px;
}


/* submenu */

#main-menu > ul > li > ul.submenu > li {
    width: 25%;
    background: url(/img/submenu_split.jpg) no-repeat 0 0;
    height: 25px;
    margin-bottom: 10px;
}
#main-menu > ul > li > ul.submenu.autowidth > li{
    width: auto;
    padding: 0 14px;
    
}
/*#main-menu > ul > li > ul.submenu > li:nth-child(4n+1) {

    background: transparent;
}*/

.contacts #main-menu > ul > li > ul.submenu > li:nth-child(4n+1){
    background: url(/img/submenu_split.jpg) no-repeat 0 0!important;
}

li.last3{
    background: url(/img/submenu_split.jpg) no-repeat 0 0!important;
}

#main-menu > ul > li > ul.submenu > li > a{
    display: block;
    width: 83%;
    margin: 0 auto;
    font: 12px/14px 'LiberationSansRegular';
    text-transform: none;
    text-decoration: none;
}
#main-menu > ul > li > ul.submenu.autowidth > li > a{
    width: 100%;
}
#main-menu > ul > li > ul.submenu > li > a:hover, #main-menu > ul > li > ul.submenu > li > a.active{
    color: #c3bdbb;
}

.submenu li span{
    color: #c3bdbb!important;
    display: block;
    margin: 0 auto;
    font: 12px/14px 'LiberationSansRegular';
    text-transform: none;
    text-decoration: none;
}





/* slider */   
#slider{
    height: 456px;
    width: 940px;
    position: relative;
}
.slides>li{
    height: 440px;
    width: 940px;
    position: relative;
}
.slides>li>div{
    width: 310px;
    height: auto;
    position: absolute;
    top: 30px;
    left: 30px;
    background: url(/img/slider-caption-bg.png) no-repeat 0 90%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    font-size: 28px;
    line-height: 28px;
    color: #fff;
    padding: 40px 30px;
    font-family: 'LiberationSerifRegular';
}
.slides>li>div>a{
    color: #5dbbaf;
    text-decoration: none;
    border-bottom: 1px dashed #5dbbaf;
}
.slides>li>div>a:hover{
    color: #a9efe7;
}
#slider .flex-control-paging li {
    background: url('data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAABAAEDAREAAhEBAxEB/8QAFAABAAAAAAAAAAAAAAAAAAAAA//EABQQAQAAAAAAAAAAAAAAAAAAAAD/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AQH//2Q==') repeat-x 50% 50%;
    background: transparent\0/;
}
#slider .flex-control-nav{
    top: 400px;
    right: 20px;
    width: auto;
}
#slider .flex-control-nav li{
 margin: 0;
 padding: 0 10px;
}
#slider .flex-control-nav li:first-child{
    padding-left: 0;
}
#slider .flex-control-nav li:last-child{
    padding-right: 0;
}

#slider .flex-control-paging li a {
    background-color: #838383;
    background: url(/img/ie-slider-nav.png) no-repeat 0 0\0/;
    width: 10px\0/;
}
#slider .flex-control-paging li a.flex-active {
    background-color: #5dbbaf;
    background: url(/img/ie-slider-nav.png) no-repeat -10px 0\0/;
}
#slider .flex-control-paging li a.flex-active:hover {
    background-color: #5dbbaf;
    background: url(/img/ie-slider-nav.png) no-repeat -20px 0\0/;
}
#slider .flex-control-paging li a:hover {
    background-color: #fff;
    background: url(/img/ie-slider-nav.png) no-repeat -20px 0\0/;
}
/*--- /header ---*/



/*------- CONTENT -------*/

/*------- mainpage -------*/

/*------- main news -------*/

section:after{
    content: "";
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
}
#main-news{
    margin-bottom: 15px;
    font-family: 'FranklinGothicMediumCondRegular';
}
#news-block{
    width: 540px;
    float: left;
    background: #fff;
}

#news-block.no-color{
    background:transparent!important;
}
#media-news{
    width: 400px;
    background: #7a9;
    float: right;
    *float: none;
}
#primary{
    height: 226px;
    overflow: hidden;
    position: relative;
    display: block;
    text-decoration: none;
}

#primary img{
    width: 273px;
}
#primary article{
    height: 186px;
    position: absolute;
    right: 0;
    top: 0;
    width: 220px;
    padding: 20px 25px 20px 57px;
    background: url(/img/primary-news-bg1.png) no-repeat 100% 0;
}
#primary:hover article{
    background-position: 100% -227px;
}

#primary h1, .publications h1, .vizitki h1{
    font-size: 18px;
    line-height: 16px;
    color: #fff;
    margin: 2px 0 0;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "FranklinGothicMediumCondRegular";

}

 .programs .vizitki .title{
    font: normal 20px/1px "LiberationSerifRegular";
    color: #303030;
    margin: 10px 0 15px 0;
    border-bottom: 1px dotted #959595;
    text-transform: none;
    padding:  0 0 0 0
}

#primary h1:after, #news-set article h1:after, #video-link h1:after, .publications h1:after, .vizitki h1:after{
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
}
.publications h1{
    color: #323232;
    overflow: hidden;
}

.publications  article p{
    padding: 0;
}
.publications h1:after{
    background-color: #323232;
    margin-bottom: 0;
}
#primary:hover h1:after{

}
#primary .date, .publications .date{
    color: #b5e6de;
}
#primary .desc, .publications .desc{
    font: 13px/16px 'LiberationSansRegular', Helvetica;
    color: #fff;
}
.publications .desc{
    color: #323232;
}
.more{
    text-transform: uppercase;
    color: #105d5c;
    font-size: 12px;
    padding-right: 10px;
    background: url(/img/more-arr.png) no-repeat 100% 50%;
    text-decoration: none;
}



#news-set{
    background: #213345;
    height: 242px;
}

.publications + .news-set.white {
    margin-top: 22px;
}

.news-set.white p{
    padding-left: 0;
}
#news-set:after, .news-set:after{
 content: "";
 display: block;
 height: 0;
 line-height: 0;
 clear: both;
}
#news-set article, .news-set article{
    width: 50%;
    float: left;
    height: 117px;
    overflow: hidden;
}
#news-set article:nth-child(3),#news-set article:nth-child(4){
    background: url(/img/line.jpg) no-repeat 19px 0;
}
#news-set article h1{
    line-height: 16px;
    font-size: 15px;
    margin: 2px 0 0 0;
    padding: 0 0 8px 25px;
    margin-bottom: 0;
    font-weight: normal;
}
#news-set article h1 a:hover{
    color: #b2bcc6;
}
#news-set article h2 a,
#news-set article h2{
    font-size: 11px;
    text-transform: uppercase;
    color: #64c0b2;
    padding: 0 0 10px 25px;
    margin: 0;
    font-weight: normal;
}
#news-set article h2 a { padding: 0px 0px; text-decoration: none; }
#news-set article h1 a{
    color: #fff;
    font: 15px/16px 'LiberationSansRegular', Helvetica;
    text-decoration: none;

}
#news-set article h1:after{
    margin-bottom: 0;
}
#news-set p, .news-set p{
    padding: 10px 0 0 25px;
}

#video-link{
    display: block;
    height: 226px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}
#video-link img{
    position: absolute;
    top: 0;
    left: 0;
}
#video-link div{
    position: absolute;
    width: 160px;
    height: 134px;
    right: 0;
    top: 0;
    background: url(/img/video-bg1.png) no-repeat 0 0;
    padding: 10px 5px 0 35px;
}
#video-link:hover div{
    background-position: 0 100%;
}
#video-link h1:after{
    background-color: #9b9b9b;
}

#video-link div a{
    text-decoration: none;
}

#video-link h1{
    font-size: 18px;
    line-height: 16px;
    color: #474747;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "FranklinGothicMediumCondRegular";
}
#video-link h1 span{
    color: #9b9b9b;
}
#video-link:hover h1{
    color: #fff;
}
#video-link h1 a:after{
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background-color: #000;
    margin-top: 10px;
    margin-bottom: 20px;
}
#video-link .date{
    padding-top: 10px;
    font-family: 'FranklinGothicMediumCondRegular';
}

#media-news article{
    background: #eee;
    height: 232px;
    overflow: hidden;
    padding: 10px 20px 0 20px;
    position: relative;
}
#media-news article:hover{
    box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
}
#media-news article .date{
    color: #40a8a5;
    font-family: 'FranklinGothicMediumCondRegular';
    font-size: 11px;
}


#media-news article h1, #media-news article h1 a{
    margin: 2px 0 0;
    font-size: 18px;
    line-height: 16px;
    color: #3a3e41;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "FranklinGothicMediumCondRegular";
}
#media-news article h1:after{
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background-color: #3a3e41;
    margin-top: 10px;
    margin-bottom: 20px;
}
#media-news article p{
    font-size: 14px;
    font-family: 'LiberationSansRegular';
}
#media-news article .more.btn{
    width: 76px;
    height: 23px;
    background: url(/img/read-more-btn.png) no-repeat 0 0;
    display: block;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    position: absolute;
    bottom: 15px;
    right: 10px;
    text-decoration: none;
}
#media-news article .more.btn:hover{
    background-position: 0 100%;
}

/*------- /main news -------*/



/*------- news -------*/
#news{
/*    height: 180px;*/
    margin-bottom: 15px;

    font-family: 'FranklinGothicMediumCondRegular';
}
#news:after{
    content: "";
    display: block;

    height: 0;
    line-height: 0;

    clear: both;
}

#news article{
    float: left;
    width: 270.6px;
    height: 170px;
    background: #d5e2e7;
    margin-left: 4px;
    overflow: hidden;
    padding: 20px;
}
#news article:first-child{
    margin-left: 0;
}
#news article:last-child{  
    width: 270.8px;
}
#news h1{
    margin: 2px 0 0;

}
#news h1 a, #news h1{
    font-size: 19px;
    line-height: 19px;
    color: #3a3e41;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'FranklinGothicMediumCondRegular';
}
#news h1 a:after{
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background-color: #000;
    margin-top: 10px;
    margin-bottom: 20px;
}
#news h1 a:hover:after{
    background-color: #787878;
}
#news h1 a:hover{
    color: #787878;
}
#news p{
    font: 12px/14px 'LiberationSansRegular', sans-serif;
    color: #787878;
    max-height: 53px;
    overflow: hidden;


}
#news p.date{
    font-family: 'FranklinGothicMediumCondRegular';
}
.date{
    font-size: 11px;
    color: #8a979c;
    margin: 0;
    height: auto;
    text-transform: uppercase;
    font-family: 'FranklinGothicMediumCondRegular';
}
/*------- /news -------*/
/*------- photo -------*/
#photo{
    overflow: hidden;
    height: 158px;
    margin-bottom: 15px;
}
#photo>a{
    display: block;
    float: left;
    width: 313.33px;
    height: 158px;
    position: relative;
    overflow: hidden;
}
#photo>a>img{
    top: 0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9  !!!!!!! NOT WORKING!!!! WTF?*/ 
    -webkit-filter: grayscale(100%);
    width: 100%;
    display: block;
}
#photo>a:hover>p{
    bottom: 0;
}
#photo>a:hover>img{
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
   -webkit-filter: grayscale(0%);
}
#photo>a>p{
    position: absolute;
    overflow: hidden;
    bottom: -100px;
    height: 35px;
    padding: 45px 7px 20px;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
    background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(6,129,146,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(100%,rgba(6,129,146,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(6,129,146,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(6,129,146,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(6,129,146,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(6,129,146,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#068192',GradientType=0 ); /* IE6-9 */
    font-size: 15px;
    color: #fff;
    font-family: 'FranklinGothicMediumCondRegular';
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;

}
#photo>a>p:after{
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background-color: #fff;
    margin-top: 5px;
}
/*------- /photo -------*/
/*------- /mainpage -------*/

/*------- inner pages -------*/

h1{
    font: normal 31px/25px 'LiberationSansRegular';
}
h1 span.contacts { display: block; f loat: right; font: normal 14px/24px 'LiberationSansRegular'; margin-top: 12px; }
#main-wrapper > h1{
    margin-top: 0;
}

.about .inner-page{
    background: url(/img/about-inner-bg.jpg) repeat-y 100% 0;
}

.inner-page{
    margin-bottom: 60px;
}

.h-block:after{
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
}
.h-block{
    overflow: hidden;
}
.v-block{
    float: left;
    width: 50%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.h-block.__news{

}

.h-block.__news .v-block {
    width: 72%;
    float: right;
} 

.col_30{
    float: left;
    width: 25%;
    margin-right: 20px;
}

.v-block article{

}
.v-block.l-b{
    width: 49%;
    margin-right: 2%; 
}
.v-block.r-b{
    width: 49%;
}
.dot h1,
.v-block>h1, .news-set > h1{
    font: 20px/30px "LiberationSerifRegular";
    color: #303030!important;
    padding-bottom: 8px; 
    border-bottom: 1px dotted #959595;
}
.dot h1 { margin-top: 0px; }
.important{
    background-color: #dbebe1;
    padding: 17px;
    min-height: 189px;
    height: 190px;
    overflow: hidden;
}
.programs .important{
    background-color: #526d8a;
}
.programs .important h1, .programs .important p{
    color: #fff;
}
.programs .important h1:after{
     display: block;
    content: "";
    width: 20px;
    height: 2px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #fff;
    display: none;
}

.important h1, .important h1 a,.important h2{
    font: normal 18px/20px "FranklinGothicMediumCondRegular";
    text-transform: uppercase;
    color: #3a3e41;
    *padding-bottom: 18px;
}
.important h1 a { text-decoration: none; }
.important h1:after, .important h1:after a, .important h2:after, .similar-links > a:after{
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background-color: #3a3e41;
    margin-top: 10px;
    margin-bottom: 20px;
}

.important p{
    font: 14px/16px "LiberationSansRegular";
    color: #2e2e2e;
    margin: 1em 0;
}

.description,
.description p,
article > p, article ul, article ol{
    color: #4c4c4c;
    font: 12px/16px "LiberationSansRegular";
    margin: 20px 0;
}
.v-block article p{
    padding-right: 20px;
}

.more-link, .see-all{
    color: #40a8a5;
    text-decoration: none;
    border-bottom: 1px dashed #40a8a5;
}
.more-link:hover, .see-all:hover{
    border-bottom: 1px dashed transparent;
}

.video-link{
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    height: 237px;
}

.video-link img{
    display: block;
}
.video-link .play{
    display: block;
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 49px;
    height: 49px;
    background: url(/img/play.png) no-repeat 50% 50%;
}
.video-link > img{
    width: 100%;
}
.video-link .caption{
    position: absolute;
    width: 150px;
    height: 134px;
    right: 0;
    top: 0;
    background: url(/img/video-bg2.png) no-repeat 0 0;
    padding: 10px 5px 0 45px;
}

.caption.darked{
    background: url('/img/video-bg3.png') 0 100% no-repeat;
}

.caption.darked p{
    color: #fff;
}

.caption.darked p:after{
    background: #fff
}
.video-link .with-underline{
    font: normal 18px/20px "FranklinGothicMediumCondRegular";
    color: #474747;
    text-transform: uppercase;
}
.with-underline{
    font-family: "FranklinGothicMediumCondRegular";
    color: #474747;
    text-transform: uppercase;
}
.with-underline:after{
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background-color: #9b9b9b;
    margin-top: 6px;
    margin-bottom: 20px;
}


.video-link .with-underline span{
    color: #9b9b9b;
}

.video-link:hover .with-underline{
    color: #fff;
}
.video-link:hover .caption{
    background-position: 0 100%;
}


.similar-links{
    background-color: #f3f3f3;
    padding: 4px 15px 15px 35px;
}
.similar-links h1{
    color: #303030;
    font: 20px "LiberationSerifRegular";
    position: relative;
    *padding-bottom: 20px;
}

.see-all{
    position: absolute;
    right: 0;
    font: 12px "LiberationSansRegular";
}
.similar-links > a{
    font: normal 15px/16px "FranklinGothicMediumCondRegular";
    color: #3a3e41;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    *padding-bottom: 20px;

}
.similar-links > a:hover{
    color: #787878;

}
.similar-links > a:hover:after{
    background-color: #787878;
}
.similar-links > a span{
    color: #40a8a5;

}
.similar-links > a:after{
    margin-bottom: 15px;
    margin-top: 6px;
}

.news-set.gray{
    background: #f8f8f8;
    padding-top: 7px;
}
.news-set > a{
    display: block;
    width: 50%;
/*    min-height: 117px;*/
        height: 90px;
    float: left;
    text-decoration: none;
}
.news-set p{
    font: 12px/16px 'LiberationSansRegular', sans-serif;
    color: #787878;
    padding-right: 5px;

}
.news-set p.desc{
    padding-top: 0;
    color: #68b8ab;
}

.news-set a:hover p.desc{
    color: #323232
}
.publications{
    display: block;
    text-decoration: none;
    overflow: hidden;
    height: 166px;
}

.publications img{
    float: left;
    margin: 0 20px 10px 0;
}
.publications p{
    margin: 1em 0;
    padding-right: 0;
}

.mb15{
    margin-bottom: 15px;
}
.vizitki p a, .vizitki p a:hover{
    color:#fff;
}

.vizitki .clearfix article{
    width: 23.5%;
    margin-right: 2%;
    background-color: #526d8a;
    padding-bottom: 10px;
    min-height: 160px;
    margin-bottom: 1.83%;
    float: left;
    zoom: 1;
    transition:all.3s ease;
}
.vizitki .last{
    margin-right: 0 !important;
}


.mac.safari.safari6.webkit.webkit5 .vizitki .clearfix article{
     width: 23.6%;
}

.vizitki .clearfix  article:last-child{
    margin-right: 0;
}
.vizitki h1{
    padding: 10px 10px 0;
    font-size: 15px;
}
.vizitki h1:after{
    margin-top: 5px;
}
.vizitki article p{
    padding: 0 10px;
    font: 13px/16px 'HelveticaNeueCyrRoman';
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    margin: 3px 0;
}


.vizitki .mail a{
    padding-left: 7px;
    color: #c9dfed;
    text-decoration: none;
}


.placeholder{
    margin-top: 12px;
    display: block;
    width: 160px!important
}

.placeholder.large{
    margin-top: 2px;
}




.promo{
    background-color: #f5f6ef;
    padding: 20px;
}
.pre-title{
    font: 14px "FranklinGothicMediumCondRegular";
    color: #94958b;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.big{
    font: 26px "FranklinGothicDemiCondRegular";
    text-transform: uppercase;
    margin: 0;
}

.big.left-header{
    font-size: 20px;
}
.big:after{
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background-color: #3a3e41;
    margin-top: 10px;
    margin-bottom: 20px;
}
.left-header{
    width: 448px;
    float: left;
    padding: 0 60px 0 0;
}

.rightP{
    color: #4e4e4a;
    font: 14px/20px 'HelveticaNeueCyrRoman';
    font-family: 'Open Sans', sans-serif;
    margin-top: 0;
}

.promo h1:after, .contests-descr h1:after{
    margin-top: 0px;
}


table.projects{
    width: 100%;
    background: #67c2b3;
    color: #fff;
    font: 12px 'HelveticaNeueCyrRoman';
    font-family: 'Open Sans', sans-serif;
}

table.projects a{
    color: #fff;
}
.projects td{
    padding: 10px 20px;
    border-bottom: 1px dotted #4c8e83;
}

.projects td:first-child{
    width: 150px;
}
.projects td:nth-child(3){
    border-bottom: none;
    width: 70px
}
.projects tr td:nth-child(4){
    padding-left: 0;
    width: 175px;
}
.projects tr td:nth-child(5){
    width: 175px;
}

.berusa{
    color: #64c0b2;
}

.promo .with-underline{
    font-size: 14px;
}
.likeH{
    color: #2e2e2e;
    font: 20px "LiberationSerifRegular";
    clear: both;
}
.promo table{
    width: 100%;
}

.contests{
    font: 15px "HelveticaNeueLight";
   font-family: 'Open Sans', sans-serif;
   font-weight: 300;
}
.contests tr td:first-child{
    color: #575757;
    padding-right: 7px;
}
.contests td{
    color: #282828;
    padding: 5px 0;
}

.contests-grant{
    border-top: 1px solid #dcdcd5;
    width: 100%;
    font: 13px "HelveticaNeueLight";

   font-family: 'Open Sans', sans-serif;
   font-weight: 300;
    margin-top: 10px;
}
.contests-grant td{
    padding: 15px 0 5px;
}

.contests-grant td:nth-child(odd){
    width: 30%;
}
.contests-grant td:nth-child(even){
    width: 15%;
    padding-right: 5%;
}



.contests-descr{
    margin-top: 20px;
}

.contests-descr .man{
    width: 290px;
    float: left;
    padding-right: 10px;
}
.man h1{ 
    font-size: 14px;
    margin-top: 0;
}
.man h1 span{ 
    color: #7b7b7b;
    font: 13px "HelveticaNeueCyrRoman";
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
}
.man table{
    width: 100%;
    font-size: 12px;
    color: #7b7b7b;
}
.man table tr td:nth-child(even), .man p{
    color: #404040;
    font-size: 13px;
    font-family: "HelveticaNeueCyrRoman";
    font-family: 'Open Sans', sans-serif;
}
.man table tr td:nth-child(even){
    text-align: right;
}
.man table a{
    color: #64c0b2;
    text-decoration: none;
}
.contests-descr >article{
    margin-left: 300px;
    padding-left: 20px;
}
.contests-descr >article p:first-child{
    color: #303030;
}
.contests-descr >article p{
    color: #575757;
    font-size: 13px;
    font-family: "HelveticaNeueLight";
   font-family: 'Open Sans', sans-serif;
   /*font-weight: 300;*/
}

.grants .important{
    background-color: #f2f2ea;
    min-height: 190px;
    overflow: hidden;
    margin-bottom: 15px;
}

article > p, article .description p, article p {
color: #4c4c4c;
font: 12px/16px "LiberationSansRegular";
margin: 20px 0;
}


.to-left{
    float: left;
}

.to-right{
    float: right;
}


.promo .back{
    line-height: :;
}

#datepicker .ui-widget{
    width: 100%;
    background: #213445;
    color: #fff;
    font: 13px "FranklinGothicMediumCondRegular";

}
#datepicker{
    margin-bottom: 15px;
}

#datepicker .ui-datepicker .ui-datepicker-header{
    width: 300px;
    margin: 0 auto;
}

#datepicker .ui-widget-header{
    background: transparent;
    border: 0;
    font-weight: normal;
    font: 31px "LiberationSerifRegular";
}
#datepicker .ui-corner-all, #datepicker .ui-corner-bottom, #datepicker .ui-corner-right, #datepicker .ui-corner-br{
    border-radius: 0;

}
#datepicker .ui-datepicker .ui-datepicker-title{
    margin: 0;
}
#datepicker .ui-datepicker-year{
    color: #9db6bb;
}
#datepicker .ui-datepicker .ui-datepicker-prev span{
    background: url(/img/calendar-arr-left.jpg) no-repeat 0 0;
    cursor: pointer;
    margin-top: 0;
}
#datepicker .ui-datepicker .ui-datepicker-next span{
    background: url(/img/calendar-arr-right.jpg) no-repeat 0 0;
    cursor: pointer;
    margin-top: 0;
}
#datepicker .ui-state-hover,
#datepicker .ui-widget-content .ui-state-hover,
#datepicker .ui-widget-header .ui-state-hover,
#datepicker .ui-state-focus,
#datepicker .ui-widget-content .ui-state-focus,
#datepicker .ui-widget-header .ui-state-focus {
    border: 1px solid transparent;
    background: none;
}
#datepicker .ui-widget-content{
    border: 0;
    border-bottom: 17px solid #213445;
}
#datepicker .ui-datepicker td{
    text-align: center;
}
#datepicker .ui-datepicker-calendar th span{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
}
#datepicker .ui-datepicker-calendar th{
    background: url(/img/th-border.jpg) no-repeat 100% 50%;
}
#datepicker .ui-datepicker-calendar th:last-child{
    background: none;
}
#datepicker .ui-datepicker-calendar thead tr{ 
    border-bottom: 1px solid #465664;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
}
#datepicker .ui-datepicker td span, #datepicker .ui-datepicker td a{
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    line-height: 30px;
}
#datepicker .ui-state-default, #datepicker .ui-widget-content .ui-state-default, #datepicker .ui-widget-header .ui-state-default{
    background: transparent;
    border: 0;
    color: #fff;
    font-weight: normal;
}
#datepicker .ui-state-active, #datepicker .ui-widget-content .ui-state-active, #datepicker .ui-widget-header .ui-state-active{
    background: #198b95;
}






.knowledgebase-news{
    background: #d5e2e8;
    margin-bottom: 15px;
}
.knowledgebase-news article img{
    float: left;
    margin-right: 20px;
    width: 384px;
}
.knowledgebase-news p.date{
    padding-top: 17px;
    font-size: 11px;
    margin: 0 0 0 384px;
}
.knowledgebase-news h1 a{
    color: #323232;
    font-size: 18px;
    text-decoration: none;
}
.knowledgebase-news h1{
    font-size: 18px;
    line-height: 18px;
    margin-left: 404px;
}
p.darken{
    color: #2b2a2a;
}
.knowledgebase-news p{
    color: #323232;
    font-family: "LiberationSansRegular";
    font-size: 13px;
    margin: 15px 0 15px 384px;
}


.k-new{
    margin: 2px 0 10px;
    overflow: hidden;
    width: 466px;
    float: left;
    min-height: 205px;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    position: relative;
    transition: all .3s ease;
}

 .k-new:hover{
    background-color: #d4e1e7!important;
}


.k-new:nth-child(even){
    padding-left: 9px;
    width: 465px;
    background: url('/img/v-dot.jpg') repeat-y 0 0;
}
.k-new:after{
    content: "";
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}
.k-new h1{
    width: 43%;
    float: left;
    font-size: 18px;
    line-height: 18px;
    margin-right: 0;
   color: #4fab9c;
}
.k-new h1 a{
    color: #4fab9c;
    text-decoration: none;

}

.k-new h1 a:hover{
    color: #397e73;
}

.k-new p:not(.date){
    margin: 12px 0 12px 0;
    float: right;
    width: 220px;
}

.map{
    height: 430px;
    background: #ccc;
    border-bottom: 4px solid #1d1818;
}


.department-item{
    width: 305px;
    height: 36px;
    line-height: 36px;
    float: left;
    margin-right: 12px;
    position: relative;
    border-top: 1px dotted #959595;
}
.department-item:nth-child(1), .department-item:nth-child(2), .department-item:nth-child(3){
   border-top: 0;
}
.department-item:nth-child(3n){
   margin-right: 0;
}
.department-item.even-row{
    background: #fbfaf8;
}
.department-item a{
    color: #4eaba0;
    text-decoration: none;
    font: 14px/1 "LiberationSerifRegular";
    padding-left: 10px;
    display: inline-block;
    zoom:1;
    max-width: 250px;
    vertical-align: middle;

}

.department-item a:hover, .department-item.active a{
    color: #000;
}
.department-item .index{
    position: absolute;
    right: 10px;
    top: 14px;
    color: #c6c3bf;
    font: 11px "HelveticaNeueCyrRoman";
    font-family: 'Open Sans', sans-serif;
}

.current-dep-news{
    border-top: 1px solid #959595;
    border-bottom: 1px solid #959595;
/*    margin: 40px 0 20px;*/
}

.current-dep-news article{
    width: 306px;
    height: 127px;
    margin-right: 11px;
    margin-bottom: 5px;
    overflow: hidden;
    float: left;
    border-top: 1px dotted #959595;
}
.current-dep-news article:nth-child(1), .current-dep-news article:nth-child(2), .current-dep-news article:nth-child(3){
   border-top: 0;
}
.current-dep-news article:nth-child(3n){
    margin-right: 0;
}
.current-dep-news h1, .current-dep-news article h1 a{
    font-size: 16px;
    line-height: 16px;
    color: #383b3c;
}

.current-dep-news h1, .current-dep-news article h1 a:hover{
    color: #7a7b7b
}
.current-dep-news h1:after{
    margin-bottom: 14px;
}
.current-dep-news article a{
    text-decoration: none;
    color: #4eaba0;
}
.current-dep-news article p{
    margin: 3px 0;
}
.grants .k-new{
    overflow: visible;
    height: auto;
    margin-bottom: 10px;
    background: none;
    position: relative;
}

.k-new:hover{

}

.k-new .rollover_link{
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    transition: all .3s ease;
    height: 100%;
    width: 100%;
}

.k-new .rollover_link:hover{
   
/*    background: #d4e1e7;*/
    cursor: pointer;
    opacity: .3;
    
}
.grants .k-new h1{
    margin-bottom: 0px;
    margin-right: 2%;
    width: 43%;
}
.grants .k-new .with-underline:after{
    background-color: #4FAB9C;
    margin-bottom: 0;
}
.grants .k-new:nth-child(2n){
    width: 464px;
/*    padding-left: 0;*/
}


.irf-icon{
    background: url(/img/plus-minus.png) no-repeat 0 0!important;
    width: 28px;
    height: 28px;
}
.irf-icon-active{
    background: url(/img/plus-minus.png) no-repeat 0 100%!important;

    width: 28px;
    height: 28px;
    display: inline-block;
}
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default{
    background: transparent;
    border: 0;
    font: 15px "LiberationSansRegular";
    font-weight: bold;
    color: #323232;
}

.ui-widget-header .ui-state-default{
    background: transparent;
    border: 0;
    font: 15px "LiberationSansRegular";
    font-weight: bold;
    color: #323232;
}
.ui-accordion .ui-accordion-header.ui-state-hover{
    color: #dbe7f5;
    background: #1e2f3f;
    border-radius: 0;
}
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active{
    color: #dbe7f5;
    background: #1e2f3f;
    border-radius: 0;

}
.ui-accordion .ui-accordion-icons {
    padding-left: 45px;
    padding-right: 15px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{
    margin-top: -14px;
}
.ui-widget-content{
    border-radius: 0;
    border: 0;
    background: #1e2f3f;
    color: #dbe7f5;
    font: 12px "LiberationSansRegular";
}


.v-block.bigger-block{
    width: 540px;
}
.v-block.smaller-block{
    width: 400px;
}



/*------- gallery -------*/
#gallery{
    height: 290px;
    background-color: #fff;
    position: relative;
    margin-bottom: 15px;
}

.knowledgebase .important{
    background-color: #d5e2e8;
    height: 253px;
    overflow: hidden;
    margin-bottom: 15px;
}
.knowledgebase .flexslider{
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    background: transparent;
}
.knowledgebase .slides > li{
    height: 290px;
}
.knowledgebase #carousel-gallery .slides > li{
    height: auto;
    margin-right: 23px;
    cursor: pointer;
}
#carousel-gallery {
    width: 500px;
    overflow: hidden;
    margin: 0 auto;
}
.carousel-cover{
    padding: 10px 0;
    width: 540px;
    position: relative;
    background-color: rgba(0,0,0,.5);
    margin-top: -80px;

}
#carousel-gallery .flex-direction-nav a{
    top: 63%;
}
.knowledgebase .paginator{
    margin-bottom: 20px;
}

.knowledgebase .vizitki{
    margin-bottom: 35px;
}

.contacts .paginator a, .contacts .paginator strong{
    width: auto;
    padding: 5px;
}

.contacts #main-menu > ul > li > ul.submenu.autowidth > li{
    padding: 0 16px;
}

 .contacts ul.submenu.autowidth > li.first{
    background: none!important;
 }

article.gallery-item{
  /*  height: 145px;*/
  overflow: hidden;
  padding-bottom: 0;
  position: relative;
  cursor: pointer;
  margin-bottom: 2%;
  background: transparent;
  height: 145px!important;
  min-height: 140px;
  width: 23.5%;
  margin-right: 2%;
  float: left;
}

.gallery-item img{
    width: 100%;
    /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    /*filter: gray;  IE6-9  !!!!!!! NOT WORKING!!!! WTF? 
    -webkit-filter: grayscale(100%);*/
}
.gallery-item:hover img{
    /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);*/
}
.gallery-item:hover p{
    bottom: 0;
    margin: 0;
    padding: 0 10px 0px;
}
.gallery-item p{
    position: absolute;
    overflow: hidden;
    bottom: -69px;
    height: 53px;
    padding: 45px 7px 0;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(6,129,146,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(100%,rgba(6,129,146,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(6,129,146,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(6,129,146,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(6,129,146,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(6,129,146,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#068192',GradientType=0 ); /* IE6-9 */
    font-size: 15px!important;
    color: #fff;
    font-family: 'FranklinGothicMediumCondRegular'!important;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}
.gallery-item p:after{
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background-color: #fff;
    margin-top: 5px;
}

h1 a.back{
    line-height: 2.3
}

.cv{
    margin-right: 20px;
}

.info2{
    float: left;
    width: 450px;
}

.info2 p:first-child{
    margin-top: 0;
}

.gallery-item p a, .gallery-item p a:hover{
    color: #fff!important;
    text-decoration: none;
}
/*------- /inner pages -------*/





/*------- pagenator ------*/
.paginator, .gsc-cursor-box {
    text-align: center!important;
    clear: both;
}
.paginator a, .paginator strong, .gsc-cursor-page {
    display: inline-block ;
    font-weight: normal!important;
    height: 14px!important;
    padding: 0 2px!important;
    background: #1d1918;
    color: #fff!important;
    text-align: center!important;
    font: 11px/15px "LiberationSansRegular"!important;
    text-decoration: none!important;
}
.paginator a.current-page, .paginator strong, .gsc-cursor-current-page {
    background: #0d8190;
}

.paginator a:hover, .gsc-results .gsc-cursor-box .gsc-cursor-page:hover{
 background: #0d8190;
 text-decoration: underline;   
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  cursor : default;
  color : #fff!important;
  padding: 0 2px!important;
  text-decoration: none;
}
/*------- /pagenator ------*/
/*--------google search -------*/
.gs-title {
    color: #68b8ab!important;
    text-decoration: none!important;
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}

.gs-result{
    padding: 0 0 10px 0;
    margin-bottom: 15px;
    background: url(/img/dot.png) repeat-x bottom left;
}


a.gs-title:hover{
    color: #323232!important;
    text-decoration: underline!important;
}



/*------- /CONTENT -------*/



/*------- footer -------*/
footer{
    height: 140px;
    border-top: 4px solid #1e1919;
}

#footer-links{
    position: absolute;
    top: 15px;
    left: 0;
    width: 235px;
    height: 74px;
    overflow: hidden;
}
#footer-links ul{
    margin: 0;
    width: 100%;
    padding: 0;
}

#footer-links ul li{
    float: left;
    width: 50%;
    *width: 48%;
}
#footer-links a{
    color: #1e1919;
    float: left;
    list-style: none;
    font-size: 11px;
    text-decoration: none;
    padding-right: 20px;
    font-family: 'LiberationSansRegular';
}
#footer-links a:hover{
    color: #9d9d9d;
}

#footer-links span{
    float: left;
    list-style: none;
    font-size: 11px;
    text-decoration: none;
    padding-right: 20px;
    font-family: 'LiberationSansRegular';
        color: #9d9d9d;
}

#footer-article{
    display: block;
    width: 460px;
    height: 74px;
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -240px;
    overflow: hidden;
    padding: 0 10px;
    text-decoration: none;
    
}
#footer-article p{
    margin: 0;
    font-size: 11px;
    color: #606060;
    font-family: 'LiberationSansRegular';
}
#footer-article p img{
    margin-left: 10px;
    margin-right: 20px; 
    float: left;
}
#footer-article:before, #footer-article:after{
    content: "";
    height: 100px;
    width: 1px;
    display: block;
    background: url('/img/v-dot.jpg') repeat-y 0 0;
    position: absolute;
    top: 0;

}
#footer-article:before{
    left: 0;
}
#footer-article:after{
    right: 0;
}

#footer-contacts{
    position: absolute;
    top: 15px;
    right: 0;
    width: 220px;
    overflow: hidden;
    font-size: 11px;
    color: #606060;
    text-align: right;
    font-family: 'LiberationSansRegular';
}
#footer-contacts p a{
    color: #58b8ae;
}
#footer-contacts p{
    margin: 2px 0 0;
    line-height: 20px;
}
#f-phone{
    color: #535353;
    text-decoration: none;
   /*  font-size: 20px;
   font-weight: bold;
   text-decoration: none;
   font-family: 'LiberationSansRegular'; */
}

#footer-contacts a:hover{
    color: #2e887f
}

#copyright{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 34px;   
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAIAAACUgoPjAAAAD0lEQVQIW2OYNm3afzAAACMFB722nzO2AAAAAElFTkSuQmCC') repeat-x 0 0; 
    font: 11px/54px 'Myriad Pro';
    color: #7d7d7d;
}

#zeema{
    width: 85px;
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    overflow: hidden;
}
#zeema a{
    background: url(/img/zeema.jpg) no-repeat 100% 21px;
    height: 50px;
    width: 50px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -99999px;

}
/*------- /footer -------*/

/*------- datepicker -------*/
.calendar-holder{
    background: #213445;
    border-bottom: 17px solid #213445;
    margin-bottom: 15px
}

.datepicker-header{
    text-align: center;
    font: 31px "LiberationSerifRegular";
    padding: 10px 0;
    margin-bottom: 10px;
}

.datepicker-header .light{
    color: #fff;
}

.datepicker-header .dark{
    color: #9db6bb;
}

a[class*="datepicker-"]{
    font-size: 0;
    display: inline-block;
    zoom: 1;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.datepicker-prev{
    background: url('/img/calendar-arr-left.jpg') no-repeat 0 0;
    margin-right: 2px;
}


.datepicker-next{
    background: url('/img/calendar-arr-right.jpg') no-repeat 0 0;
    margin-left: 5px;
}

.datepicker-body table{
    width: 100%
}

.datepicker-week-days thead{
    border-bottom: 1px solid #465664;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
}

.datepicker-body table td{
    padding: 10px;
    text-align: center;
    color: #fff
}

.datepicker-body table th{
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 8px;
    font: 13px "FranklinGothicMediumCondRegular";
    background: url('/img/th-border.jpg') no-repeat 100% 50%;
}

.datepicker-body table th:last-child {
background: none;
}

.calendar-holder td a{
 color: #fff;
 text-decoration: none;
 display: inline-block;
 zoom:1;
 line-height: 30px;
 width: 32px;
 height: 32px;


}


.datepicker-week-days a:hover{
    display: inline-block;
    zoom:1;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    line-height: 30px;
    background: #198b95;
}


.mt20{
    margin-top: 20px;
}

.publication{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 46s0px;
    height: 550px;
    text-align: left;
    overflow: hidden;
    background: #e2e2e2;
}


.publication:nth-child(2n){
    margin-right: 0;
}



.publication .title a,
.publication .title{
    color: #474747;
    text-decoration: none;
    display: block;
    height: 60px;
    margin-bottom: 10px;
    font: normal 18px/20px "FranklinGothicMediumCondRegular";
	padding: 0 20px;
	width: 420px;
	text-decoration: none;
}
.publication .title a:hover {  color: #5F5E5C; }

.publication .title > a {
    width: auto;
}
/* .publication .title:hover{
    text-decoration: underline;
} */


.middle-desc{
    position: relative;
    top: 30%;
    padding: 0 20px;
}

.middle-desc p{
    line-height: 18px;
}


/*------- /datepicker -------*/


/*------- fancyselect -------*/
div.fancy-select {
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    color: #46565D;
}

div.fancy-select.disabled {
    opacity: 0.5;
}

div.fancy-select select:focus + div.trigger {
    box-shadow: 0 0 0 2px #4B5468;
}

div.fancy-select select:focus + div.trigger.open {
    box-shadow: none;
}

div.fancy-select div.trigger {
    cursor: pointer;
    padding: 10px 22px 9px 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    background: transparent;
    border-bottom:1px solid #bcc9cf;
    color: #4B5468;
    box-shadow: none;
    width: 200px;

    transition: all 240ms ease-out;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
}

div.fancy-select div.trigger:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #fff;
    top: 16px;
    right: 9px;
    background: none;
}

div.fancy-select div.trigger:before{
    content: "";
    display: block;
    position: absolute;
    width: 17px;
    height: 17px;
    top: 10px;
    right: 6px;
    background: #0b8592;
    border-radius: 3px;
}

div.fancy-select div.trigger.open {
    background: #979494;
    border: none;
    color: #fff;
    box-shadow: none;
}

div.fancy-select div.trigger.open:after {
    border-top-color: #7A8498;
    border-top-color: #fff
}

div.fancy-select ul.options {
    list-style: none;
    margin: 0;
    position: absolute;
    top: 40px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 50;
    max-height: 200px;
    overflow: auto;
    background: #fff;
    border-radius: 4px;
    border-top: 1px solid #7DD8D2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    min-width: 200px;

    transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    padding: 0;
}

div.fancy-select ul.options.open {
    visibility: visible;
    top: 50px;
    opacity: 1;

    /* have to use a non-visibility transition to prevent this iOS issue (bug?): */
    /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
    transition: opacity 300ms ease-out, top 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, top 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out;
}

div.fancy-select ul.options.overflowing {
    top: auto;
    bottom: 40px;

    transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.overflowing.open {
    top: auto;
    bottom: 50px;

    transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
}

div.fancy-select ul.options li {
    padding: 8px 12px;
    color: #2B8686;
    cursor: pointer;
    white-space: nowrap;

    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
}

div.fancy-select ul.options li.selected {
    background: rgba(43,134,134,0.3);
    color: rgba(255,255,255,0.75);
}

div.fancy-select ul.options li.hover {
    color: #fff;
    background: #c3c5bb;
}
/*-------/fancyselect -------*/










/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

 .ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

 .hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

 .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

 .invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

 .clearfix:before,
 .clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

 .clearfix {
    *zoom: 1;
    *clear:both;
    *display: block;
    *height: 0;
    *line-height: 0;
    *font-size: 0;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

   @media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

   @media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

     .ir a:after,
     a[href^="javascript:"]:after,
     a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.feedback{
    margin-top: 20px;
}
.feedback .btn-submit{
    width: 78px;
    height: 23px;
    background: url(/img/read-more-btn.png) no-repeat 0 0;
    display: block;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
    float: right;
    margin: 10px 0 ;
}

.feedback .btn-submit:hover{
    background-position: 0 -23px;
}

.row{
    float: left;
    margin: 0 10px 10px 0;
    width: 306px; 
}

.row.last{
    margin-right: 0;
}


.area-row{
    float: none;
    clear: both;
    width:100%;
}

input[type='text'], textarea{
    border: 1px solid #0d8190; 
    padding: 3px 5px;
}

input[type='text']{
    width: 296px;
    outline: none
}

textarea{
    width: 98.8%;
    outline: none
}

.error, .req{
    color: red
}

.required{
    font-size: 12px;
    margin-top: 5px;
    float: left
}
.codes{
    float: left;
    clear: both;
    margin-top: 13px;
    text-align: right
}

.code-holder{
    float: left;
}

.code-holder +.btn-submit{
    margin-top: 30px;
}

.codes input{
    width: 66px;
}

.area-row .error_log{
    float: left
}

.error_log{
    font-size: 12px;
    color: red;
    margin-top: 10px
}

.feedback input, .feedback textarea{
    outline: 0;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 10px 5px;
    box-shadow: 0px 2px 8px -3px #c4c4c4 inset
}
.feedback textarea{
    resize: none;
}



.filter{
    background: #d4e1e7;
    padding: 8px;    
    margin-bottom: 20px;
}
.filter td{
    padding-right: 17px;
}
.filter input{
    padding: 8px;
    border: 1px solid #c3c5bb;
}

button.search{
background: #35aae0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1YWFlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzQ2OTVkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY3YTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #35aae0 0%, #4695d6 51%, #0067a9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35aae0), color-stop(51%,#4695d6), color-stop(100%,#0067a9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #35aae0 0%,#4695d6 51%,#0067a9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #35aae0 0%,#4695d6 51%,#0067a9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #35aae0 0%,#4695d6 51%,#0067a9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #35aae0 0%,#4695d6 51%,#0067a9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35aae0', endColorstr='#0067a9',GradientType=0 ); /* IE6-8 */
color: #fff;
border-radius: 3px;
padding: 5px 10px 5px 7px;
text-transform: uppercase;
font-size: 11px;
position: relative;
border: 0; 
}

button.search:hover{
    background: #35aae0; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1YWFlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzQ2OTVkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY3YTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #2882ab 0%, #4695d6 51%, #0067a9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2882ab), color-stop(51%,#4695d6), color-stop(100%,#0067a9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2882ab 0%,#4695d6 51%,#0067a9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2882ab 0%,#4695d6 51%,#0067a9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2882ab 0%,#4695d6 51%,#0067a9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2882ab 0%,#4695d6 51%,#0067a9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2882ab', endColorstr='#0067a9',GradientType=0 ); /* IE6-8 */
}

.ico-search{
    width: 22px;
    height: 15px;
    background: url('/img/ico-search.png') 0 0 no-repeat;
    display: inline-block;
    zoom: 1;
    margin-left: 8px;
    vertical-align: middle;    
}

.catalog{
    margin-top: 20px;
}

.catalog h2{
    font:bold 28px/30px 'FranklinGothicMediumCondRegular';
    text-transform: uppercase;
}

.catalog h2:after{
display: block;
content: "";
width: 20px;
height: 2px;
background-color: #3a3e41;
margin-top: 10px;
margin-bottom: 20px;
}

.left-descr{
    float: left;
    width: 250px;
    font: 14px/16px "LiberationSansRegular" 
}

.right-map-holder{
    float: right;
}


.post .visual{
    float: left;
    margin: 0 20px 20px 0;
}

.visual +p{
    margin-top: 0
}

.post .short-descr{
    clear: right
}

.post .short-descr h3{
    margin-top: 0;
    margin-bottom: 10px;
}

.post .date{
    display: block;
    line-height: 2.5;

    margin-bottom: 5px;
}

.back{
    text-decoration: none;
    color:#c3bdbb;
    font: 12px/14px 'LiberationSansRegular'
}

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

.video-holder{ margin-top: 20px; }
.news .video-holder{ margin-top: 3px; }

p a{
    color: #40a8a5;
}

p a:hover{
    color: #205250;
}

.roll_text{
    padding: 0 20px 0 0;
}


p.rollover{
    color: #40a8a5;
    border-bottom: 1px dashed #40a8a5;
    display: inline;  
    padding: 0!important;
    cursor: pointer;
}

p.rollover:hover{
    color: #328583
}

.expander{
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 0;
    height: 0;
    cursor: pointer;
    border: 5px solid transparent;
    border-top-color: #40a8a5;
    position: relative;
    margin-left: 1px;
    background: #fff;
    margin-top: 5px;
}

/* .expander:before{
    content: '..';
    position: absolute;
    top: -9px;
    left: -15px; 

} */

.expander.expanded{
    -webkit-transform: rotate(180deg);
}

.grants .nav-box{
    padding: 10px 0
}

h2.title{
    font: normal 26px/22px 'LiberationSansRegular'
}

.rollover-img{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    text-align: center;
    z-index: 9999;
    color: #fff;
    top: 0;
    transition: all .3s ease;
    opacity: 0;
    font: 14px/17 "LiberationSerifRegular";
    *top: -100%;
}

.fancybox:hover .rollover-img{
        opacity: 1;
        *top:0;
    }


/*
*PLUGINS
*/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #fff;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 0;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('/img/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('/img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('/img/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('/img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('/img/fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('/img/fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}
/* .clearfix article.gallery-item:last-child {
    margin-right: 0;
} */



article.gallery-item:nth-of-type(4n) {
    margin-right: 0;
}


.black{
    background: #1f1919;
}

.tabs{
    display: table;
    text-align: justify
}
.tabs li{
    display: table-cell;
}

.tabs a{
    color: #fff;
    text-decoration: none;
}


.col_to_left{
    float: right;
    width: 270px;
        margin-left: 20px;
}


#additional_news article{
    float: left;
    width: 230px;
/*    height: 140px;*/
    background: #d5e2e7;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 20px;
}
#additional_news article:first-child{
    margin-left: 0;
}
#additional_news article:last-child{  
    width: 230px;
}
#additional_news h1{
    margin: 2px 0 0;

}
#additional_news h1 a, #additional_news h1{
    font-size: 19px;
    line-height: 19px;
    color: #3a3e41;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'FranklinGothicMediumCondRegular';
}
#additional_news h1 a:after{
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background-color: #000;
    margin-top: 10px;
    margin-bottom: 20px;
}
#additional_news h1 a:hover:after{
    background-color: #787878;
}
#additional_news h1 a:hover{
    color: #787878;
}
#additional_news p{
    font: 12px/14px 'LiberationSansRegular', sans-serif;
    color: #787878;
    max-height: 53px;
    overflow: hidden;


}
#additional_news p.date{
    font-family: 'FranklinGothicMediumCondRegular';
}

.content-holder{
    width: 650px;

}

.content-holder h1{
    margin-top: 0;
    line-height: 1.2;
}

.filter .trigger:hover{
    background: #979494;
}

.ico-video{
    position: absolute;
    top: 50px;
    left: 38%;
    opacity: .5
}

h1.abs{

}

div.no-ovrflow{
    overflow: hidden;
    height: 175px;
}

.issuuembed span{
    display: none!important;
}

.it .link a{
    color: #68b8ab;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}

.it{
    padding: 0 0 10px 0;
    margin-bottom: 15px;
    background: url(/img/dot.png) repeat-x bottom left;
}
.it .descr{
    margin-bottom: 5px;
}

.it .link a:hover{
    color: #323232;
    text-decoration: underline;
}

.it .url{
    display: none
}

.it .url a{
    color: #68b8ab;
    text-decoration: none;
}

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

.social_share { background: #d5e2e7; float: left; padding: 10px; width: 88px; }
.social_share div { margin-bottom: 5px; }
.social_share.social_share2 { float: none; width: auto; display: inline-block; margin-bottom: 10px; }
.social_share.social_share2 div { float: left; margin-right: 10px; }
.social_share.social_share2 div.last { clear: right; }

.post_date{
    margin: 5px 0;
}

.post_date +p{
    margin-top: 0
}
.catalog-item .it{
    background: none;
}
h1 a.as-h1 {
    font: 20px/30px "LiberationSerifRegular";
    color: #303030!important;
    padding-bottom: 8px; 
	text-decoration: none;
}


.right-map-holder{

    height: 559px;
}
#interactiveMap{
    width: 760px;
    height: 509px;
    position: absolute;
    right: -50px;
    margin-top: 50px;
}

.regions_select div.fancy-select div.trigger{
    width: 120px;
}
.year_select div.fancy-select div.trigger{
    width: 70px;
}


/************************
******* F*cking IE ******
************************/
.msie7 #page-wrapper, .msie7 footer{
    display: none;
}
.msie .flex-direction-nav{
    display: none;
} 
.msie9 .head-search-input, .msie8 .head-search-input{
    width: 150px;
}
.msie8 #primary h1, .msie7 #primary h1{
    font-size: 14px;
}
.msie8 #news h1 a, .msie7 #news h1 a{
    font-size: 14px;
    line-height: 13px;
}
.msie #news p{
    max-height: 60px;
}
.msie8 #photo a p, .msie7 #photo a p{
    font-size: 12px;
}
.msie8 article.gallery-item{
   margin-right: 1.5%;
}
.msie8 .publication{
    width: 460px;
}
.msie8 .k-new{
    width: 430px;
}
 .msie8 .head-search-input{
    border: 1px solid #ccc;
    height: 18px;
}

.msie8 .rightpub{
    margin-right: 0 !important;
}











/********************************/

.sponsor_logos a{
    display: block;
    height: 80px;
    position: relative;
    /*border: 2px solid transparent;*/
    float: left;
    margin: 4px;

}
.sponsor_logos a img{
    height: 100%;  
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9  !!!!!!! NOT WORKING!!!! WTF?*/ 
    -webkit-filter: grayscale(100%);
        transition: all .3s ease;
}

.sponsor_logos a:hover img{
    /*border: 2px solid #1e2f3f;*/
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.sponsor_logos_txt{
    color: #fff;
    font: 12px/16px "LiberationSansRegular";
    padding-bottom: 5px;
    font-style: italic;
}
.sponsor_logos_left{
    text-align: left;
    position: absolute;
    bottom: 47px;
    left: 17px;
}

.r-b .sponsor_logos{
    margin: 30px 0;
}



.twitterList{
    margin-bottom: 10px;
}




.two-columns{
    margin-top: 30px;
    -webkit-columns:2;
    -moz-columns:2;
    columns:2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
.two-columns .item {
    border-bottom: 1px dotted #959595;
    margin-bottom: 60px;
    padding: 10px 10px 0;
    display: inline-block;
    -webkit-transition: background 0.3s ease 0s;
    -moz-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
    cursor: pointer;
}
.two-columns .item:hover {
    background: #d4e1e7;
}
.two-columns h2.title {
    margin-top: 0;
}

.two-columns .title > a:before {
    background: #a0a0a0 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 25px;
}
.publication-item h2,
.two-columns .title > a {
    color: #414141;
    font: 16px "FranklinGothicMediumCondRegular";
    display: inline-block;
    padding-bottom: 9px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
.publication-item h2{
    margin: 0;
}
 

.two-columns .item:hover .title > a:before {
    width: 100%;
}
.publication-item p,
.two-columns p {
    font: 14px/20px "LiberationSansRegular";
}
.publication-item p{
    margin-top: 0;
}
.publication-item{
    margin-top: 40px;
}



/*----------------------------------------------------------------*/
.cf:before, .cf:after {
    content: " ";
    display: table
}
.cf:after {
    clear: both
}
.f_left {
    float: left
}
.f_right {
    float: right
}
.years_block.cf {
    display: block;
    margin-top: 10px;
    min-height: 410px;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
}
.years_block a{
    color: #255404;
    font-size: 26px;
    text-decoration: none;
}
.years_block a:hover{
    color: #2a2323;
}
.years_block a::before {
    background: #ffffff;
    content: "";
    display: block;
    float: none;
    height: 10px;
    position: absolute;
    top: 30px;
    width: 10px;
    font-size: 64px;
}
.years_block img {
    display: block;
    height: 247px;
    margin: 73px auto 0;
    width: 309px;
}
.publications_link {
    left: 190px;
    position: absolute;
    /*padding-bottom: 60px;*/
}
.film_ans_video_link{
    top: 350px;
    left: 215px;
    position: absolute;
}
.topography_link {
    right: 190px;
    position: absolute;
}
.photo_link{
    top: 350px;
    right: 228px;
    position: absolute;
}
.years_en .photo_link{
    right: 214px;
}
.years_block .publications_link::before {
    font-family: "icomoon";
    content: "\e901";
    /*background: rgba(0, 0, 0, 0) url("/img/years/001.png") no-repeat scroll 0 0 / 45px auto;*/
    height: 52px;
    left: 37px;
    position: absolute;
    top: 38px;
    width: 45px;
}
.years_block .film_ans_video_link::before{
    font-family: "icomoon";
    content: "\e904";
    /*background: rgba(0, 0, 0, 0) url("/img/years/004.png") no-repeat scroll 0 0 / 60px auto;*/
    height: 56px;
    left: -1px;
    position: absolute;
    top: -80px;
    width: 60px;
}
.years_block .topography_link::before {
    font-family: "icomoon";
    content: "\e903";
    /*background: rgba(0, 0, 0, 0) url("/img/years/003.png") no-repeat scroll 0 0 / 50px auto;*/
    height: 50px;
    left: 52px;
    position: absolute;
    top: 39px;
    width: 50px;
}
.years_block .photo_link::before{
    font-family: "icomoon";
    content: "\e902";
    /*background: rgba(0, 0, 0, 0) url("/img/years/002.png") no-repeat scroll 0 0 / 60px auto;*/
    height: 52px;
    left: -3px;
    position: absolute;
    top: -72px;
    width: 60px;
    font-size: 56px;
}
.years_en .years_block .photo_link::before{
    left: -1px;
}
.content_wrap .with-underline {
    float: none;
    margin-top: 0;
    width: 100%;
}
.content_wrap .with-underline::after{
    background: none;
    margin: 0;
    height: 0;
    padding: 0;
}
.content_wrap.f_right {
    width: 220px;
}
.years_video .important {
    background-color: #dbebe1;
    box-sizing: border-box;
    height: 190px;
    min-height: 99%;
    overflow: hidden;
    padding: 17px;
}
.years_video .v-block.smaller-block {
    height: 100%;
}
.years_video .v-block.smaller-block > article {
    height: 100%;
}
.years_video .slides > li {
    height: 290px;
}
.years_photo .flexslider {
    border-top: 0 none;
}
.years_photo .v-block.smaller-block {
    height: 99%;
}
.years_photo .v-block.smaller-block > article {
    height: 100%;
}
.years_photo .important {
    background-color: #dbebe1;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    padding: 17px;
}
.years_photo .slides > li {
    height: 290px;
}
.years_photo .flexslider {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}
.years_photo #carousel-gallery .slides > li {
    cursor: pointer;
    height: auto;
    margin-right: 23px;
}
.about #main-menu > ul > li > ul.submenu > li.active > a{
    color: #c3bdbb;
}
.menu_years .item{
    list-style-type: none;
}
.menu_years .item {
    color: #232323;
    font-size: 12px;
    line-height: 14px;
    list-style-type: none;
    margin-right: 5px;
}
.menu_years .item a{
    color: #232323;
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
}
.menu_years.cf.f_right {
    margin: -15px 0 10px 0;
    padding: 0;
}
.active.item.f_left {
    color: #c3bdbb;
}