/* Fonts import */

@import url(http://fonts.googleapis.com/css?family=Marmelad&subset=latin,cyrillic);

@font-face {
    font-family: "RotisSansSerif"; 
    /*src: url("//db.onlinewebfonts.com/t/d979624d1cb77d6523f9b3adc2bcef31.eot"); */
    src: url("/assets/template/fonts/Rotis.otf"); 
    /*src: url("//db.onlinewebfonts.com/t/d979624d1cb77d6523f9b3adc2bcef31.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/d979624d1cb77d6523f9b3adc2bcef31.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/d979624d1cb77d6523f9b3adc2bcef31.woff") format("woff"), url("//db.onlinewebfonts.com/t/d979624d1cb77d6523f9b3adc2bcef31.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/d979624d1cb77d6523f9b3adc2bcef31.svg#RotisSansSerif") format("svg"); */
} 


/* Global */

html {
    background: #88a8ce;
    background: -moz-linear-gradient(top, #88a8ce 0%, #b8e4ed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88a8ce), color-stop(100%, #b8e4ed));
    background: -webkit-linear-gradient(top, #88a8ce 0%, #b8e4ed 100%);
    background: -o-linear-gradient(top, #88a8ce 0%, #b8e4ed 100%);
    background: -ms-linear-gradient(top, #88a8ce 0%, #b8e4ed 100%);
    background: linear-gradient(to bottom, #88a8ce 0%, #b8e4ed 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#88a8ce', endColorstr='#b8e4ed', GradientType=0);
}
body {
    font-family: 'Marmelad', sans-serif;
    /*font-family: 'RotisSansSerif', 'Marmelad', sans-serif;*/
    background: #89a9cf;
    font-size: 16px;
}
.container {
    max-width: 1140px;
}
.nopadding {
    padding-right: 0;
    padding-left: 0;
}
.hoverfade:hover {
    opacity: 0.7;
}
.wrapper {
    float: left;
    width: 100%;
}
.table {
    display: table;
}
h1 {
    font-size: 27px;
    margin: 10px 0 10px 0;
}
/* Header */

#header .header-wrapp {
    height: 247px;
    background: url(/assets/template/img/obolon.jpg) no-repeat top;
}
#header .header-wrapp-parallax2 {
    height: 247px;
    z-index: -999;
}
#header .header-col {
    margin-top: 10px;
}
#header a.logo {
    display: block;
    position: absolute;
    background: url(/assets/template/img/logoru.png) 0 0 no-repeat;
    top: 82px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 354px;
    padding-top: 75px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
}
.content-wrapper {
    background: #a5b6c6 url(/assets/template/img/fbg.jpg) bottom left no-repeat;
}
/* Navigation */

#nav .navbar-nav {
    padding: 0;
    margin: 0;
}
#nav .navbar-collapse {
    padding: 0;
}
#nav .navbar-nav li {
    background: #355c83;
    margin-top: 2px;
    display: block;
    width: 100%;
    position: relative;
}
#nav .navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    background: none;
}
#nav .navbar-nav li.active,
#nav .navbar-nav li:hover {
    background: #003366;
}
#nav .navbar-inverse .navbar-nav>li>a {
    display: block;
    width: 100%;
    padding-left: 15px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    height: 41px;
    line-height: 41px;
}
#nav .navbar-header {
    background: #355c83;
}
#nav .navbar-inverse {
    background: none;
    border: none;
}
#nav .navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #003366;
}
#nav .navbar-inverse .navbar-toggle {
    border-color: #ccc;
}
#nav .navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    border-color: #ccc;
}
#nav .navbar-nav>li>a {
    padding: 0;
}
/* Central-col */

#col-c {
    padding:20px 30px;
    background: #d2dbe4;
    padding-bottom: 40px;
}
#col-c a {
    text-decoration: underline;
}
#col-c img {
    max-width: 100%;
    height: auto;
}
/* Right-col */

#col-r .article-item {
    background: #a5b6c6;
    padding: 20px 20px 0;
}
#col-r .article-item a h2 {
    text-transform: none;
    color: #404348;
    font-size: 16px;
    margin: 10px 0 10px 0;
}
#col-r .article-item .date {
    color: #84a3c6;
    font-size: 11px;
    margin: 5px 0 0 0;
    background: #fff;
    padding: 1px 1px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    width: 60px;
}

#col-r img {
    max-width:100%;
    height:auto;
}

/* Central-col-blocks */

#articles .article-row-item {
    margin-bottom: 40px;
}
#articles .article-row-item-date {
    display: table-cell;
    vertical-align: top;
    width: 60px;
}
#articles .article-row-item-date-box {
    color: #84a3c6;
    font-size: 11px;
    background: #fff;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 60px;
    margin-top: 4px;
}
#articles .article-row-item-h2 {
    display: table-cell;
    vertical-align: top;
}
#articles .article-row-item h2 {
    color: #404348;
    font-size: 22px;
    margin: 0 0 0 15px;
    padding: 0;
}
#articles .article-row-item h2 a {
    color: #000;
    text-decoration: none;
}
#articles .article-row-item-img {
    display: table-cell;
    vertical-align: top;
    width: 170px;
}
#articles .article-row-item-introtext {
    display: table-cell;
    vertical-align: top;
}
#articles .article-row-item-infoblock {
    display: table-row;
}
#gallery .photogallery-row {
    margin-bottom: 30px;
}
#gallery .photogallery-row-caption {
    margin-top: 10px;
    height: 45px;
}
/* Pagination */

.pagination-wrapper {
    text-align: center;
}
/* Breadcrumbs */

.breadcrumb {
    background: none;
    padding: 0;
    margin: 0 0 20px 0;
    color: #000;
}
.breadcrumb a {
    text-decoration: underline;
    color: #446b99;
}
/* Other */

.photo-thumb a {
    color: #333;
    text-decoration: none;
}
.photo-thumb a:hover {
    text-decoration: underline;
}
.right-col h3 {
    padding: 4px 0 4px 1px;
    line-height: 110%;
    text-transform: none!important;
    margin: 2px 0 0px 0;
    color: #fff;
    font-size: 18px;
    background: #355C83;
    text-align: center;
}
.right-col-box {
    padding: 10px;
    background: #fff;
}
.nameofgallery {
    margin-top: 10px;
}
.nameofgallery a {
    color: #000;
    font-size: 15px;
}
.gallery-ico {
    position: relative;
}
.videoplay {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: url(/assets/template/img/video-play.png) 0 0 no-repeat;
}
.gallery-ico:hover .videoplay {
    background-position: 0 -40px;
}
/* Search */

.sisea-search-form {
    margin: 20px 5px;
}
/* Footer */

#footer {
    padding: 45px 0 30px 0;
    color: #fff;
}
#footer .footer-l ul {
    list-style: none;
    float: left;
    padding: 2px;
    background: rgba(255, 255, 255, 0.6);
    margin: 0 0 0 5px;
}
#footer .footer-l ul li {
    margin-bottom: 4px;
}
#footer .footer-l a {
    background: #355C83;
    color: #fff;
    padding: 0 3px;
    font-size: 16px;
    text-decoration: underline;
}
#footer .yashare-auto-init {
    margin: 30px 0;
}
#footer .footer-r {
    text-align: right;
}
@media only screen and (min-width: 768px) {
    #nav .navbar-nav>li>a {
        padding: 0;
    }
}
@media only screen and (min-width: 992px) {
    #nav .navbar-nav li.active a:after {
        content: url('/assets/template/img/active-lm.png');
        position: absolute;
        right: -13px;
        z-index: 999;
    }
}
@media only screen and (max-width: 1200px) {} @media only screen and (max-width: 992px) {} @media only screen and (max-width: 768px) {
    #footer .footer-r {
        text-align:center;
    }
    #nav .navbar-nav {
        text-align: center;
    }
    .content-box {
        margin-top: 20px;
    }
    #nav .navbar-inverse .navbar-nav>li>a {
        padding-left: 0;
    }
}
/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    #header a.logo {
        position: absolute;
        background: url(/assets/template/img/logoru-xs.png) no-repeat center;
        top: 0;
        display: block;
        width: 250px;
        padding-top: 120px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 16px;
        z-index:1;
    }
    #articles .article-row-item-introtext, #articles .article-row-item-img, #articles .article-row-item-h2, #articles .article-row-item-date {
        display:block;
        margin:0 0 10px 0;
    }
    #articles .article-row-item h2 {
        margin:0;
    }

}

/* responsive iframe video */
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

.lang a {
border: 1px solid #000;
padding: 7px 10px;
background: #fff;
border-radius: 3px;
margin-right: 4px;
position:relative;
    z-index:2;
}