/**

 * @author ( Angie Radtke )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2019 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=cyrillic,cyrillic-ext');


html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
th,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

html {
    background: #ffffff;
    font-size: 100.01%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: #f3f5f6;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
font-family: 'Roboto', sans-serif;
    position: relative;
    width: 100%;
    line-height: 1.5em;
    background: #eee
}

/* ###################### general ###################### */
#all {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
    text-align: left;
    font-size: 0.8em
}

#header {
    display: block !important;
    position: relative;
    padding: 50px 0px 0 0;
    overflow: hidden;
}

#back {
    margin: 0;
    padding: 0;
}

#contentarea,
#contentarea2 {
    position: relative;
      overflow: visible;
    padding: 0 0px !important;
    margin: 0;
    background: #d3def8;
    z-index: 124;
}

#wrapper {
    width: 78%;
    float: left;
    position: relative;
    max-width: 925px;
}

#wrapper2 {
    width: 76%;
    float: left;
    position: relative;
    padding-bottom: 0px;

}

#wrapper2 .item-page {
      max-width: 896px;
}
div#top .breadcrumbs {
    background: white;
    padding: 5px 15px;
}
#main {
    padding-top: 10px;
    padding-bottom: 0px;
    position: relative;

}

#right {
    float: left;
    width: 19%;
    margin: 10px 0 10px 10px;
    padding: 0 0 5px 0px;
    position: relative;
    max-width: 220px;
}

.unseen,
.hidelabeltxt,
#line label {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;
}

/* ++++++++++++++  nav after content  ++++++++++++++ */
.left {
    padding-top: 0;
    float: right;
    margin: 10px 0 10px 0;
    width: 22%;
    position: relative;

}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1 {
padding: 0;
    float: left;
    margin: 10px 10px 10px 12px;
    width: 20%;
    position: relative;
}

.leftbigger {
    width: 21%
}

/* ###################### header ###################### */

.skiplinks,
.skiplinks li {
    display: inline;
    height: 0;
    line-height: 0;
    padding: 0 !important;
}

.skiplinks li a.u2 {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;

}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus {
    position: absolute;
    width: 13em;
    top: -4em;
    left: 10px;
    line-height: 1.5em;
    padding: 5px;
    font-weight: bold;
    height: 3em;

}

.wrap {
    border: 0;
    clear: both;
    float: none;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

#logo {
    margin-top: 0;
    margin-left: 10px;
    display: block;
    padding: 1em 20px 20px 10px;
    width: 425px;
    font-weight: normal;
    line-height: 1em;

}

#logo img {
    display: block;
}

#logo span {
    padding-left: 2px
}

#logo span.header1 {
    display: block;
    top: 0;
    line-height: 0.8em;
    font-size: 0.7em;
    padding-left: 55px
}

.logoheader {
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: normal;
    line-height: 1.5em;
}
.header1 {
	font-size: 1.5em;
	margin-left: 10px;
}

#line {
    padding: 0px 0px 5px;
    position: absolute;
    right: 0px;
    top: 0em;
    max-width: 100%;
    text-align: left;
    min-width: 100%;
background: #d3def8;
   
}
#fontsize,
#line .search {
    display: inline;
    margin: 0;
}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close {
    margin-right: 0;
    text-transform: uppercase;
}

#close span {
    position: absolute;
    right: 20px;
    z-index: 10000;
    top: 5px;
    font-weight: bold;
    text-align: right;
    line-height: 1.5em;
    margin-top:20px;
    padding: 5px
}

#close > a {
    display: block;
    overflow: hidden
}

#close > a:hover span {
    background: #095197
}

/* ###################### main ###################### */

/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured {
    padding: 0;
}

.items-leading {
    padding: 0 5px 10px 5px;
    overflow: hidden;
    margin-bottom: 10px
}

.row-separator {
    display: block;
    clear: both;
    margin: 0;
    border: 0;
    height: 1px
}

.item-separator {
    display: none;
    margin: 0;
}

.shownocolumns {
    width: 98% !important;
}
#top {
    margin: 0 0 0px 0;
    overflow: hidden;
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    width: 46%;
    float: left;
}

.cols-2 .column-2 {
    width: 46%;
    float: right;
    margin: 0
}

.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0 5px;
    margin-right: 4%

}

.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0 5px
}

.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0 5px
}

.items-row {
    overflow: hidden;
    margin-bottom: 10px !important;
}

.column-1,
.column-2,
.column-3 {
    padding: 10px 5px
}

.column-2 {
    width: 55%;
    margin-left: 40%;
}

.column-3 {
    width: 30%
}

.blog-more {
    padding: 10px 5px
}

/* ++++++++++++++  footer  ++++++++++++++ */

#bottom {
    overflow: hidden
}

.box {
    width: 27%;
    float: left;
    margin-right: 10px;
    min-height: 100px
}

.box1 {
    width: 35%
}

.box2 {
    width: 32%
}

.box3 {
    float: right
}

#footer-inner, #footer {
    max-width: 1025px;
    margin: 0 auto;

    padding: 10px 15px 10px 10px;
}

img {
    border: 0 none;
    max-width: 100%;
}

/* hide the mobile menu button */
#mobile_select {
    display: none
}
/**/
div#line .custom ul li {
    display: inline-block;
    margin-right: 10px;
}
div#line .search {
    float: right;     width: 30%;
}
div#line .custom {
    float: left;
    width: 70%;
    position: relative;
}
div#line .custom ul {
    margin: 0;
    padding: 8px 20px;
}
div#line .custom ul li img {
    float: left;
    padding-right: 10px;
}
div#line .custom ul li a {
    color: #004f64;
    text-decoration: none;
    font-size: 16px;
    position: relative;
    top: 5px;
}
div#line .search form.form-inline {
width: 100%;
    float: right;
    margin: 4px;
    margin-right: 14px;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 7px;
    background: #eaeaea;
}
div#line .search form.form-inline input {
        margin: 0;
    max-width: 320px;
}
.logoheader .djslider-end {
    display: none;
    clear: none!important;
}
header#header .logoheader > div {
    width: 100%;
    float: right;
}
header#header .navigation-container {
    top: 40%!important;
}
header#header .logoheader .custom ul {
    background: white;
    padding: 3px 10px 0px;
    border-radius: 7px;
    margin: 20px 15px;
    color: grey;
    font-size: 18px;
    border: 1px solid #d8d8d8;
}
header#header .logoheader .custom ul li {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
}
header#header .logoheader .custom ul li p {
    margin-bottom: 0px;
    line-height: 1.2;
    font-size: 14px;
}
header#header .logoheader .djslider.djslider-default {
    border-radius: 7px;
    overflow: hidden;
margin: 10px 5px;
}
header#header .logoheader  .slide-desc-text-default {
    padding: 5px 15px 2px;
}
header#header .logoheader .slide-desc-text-default p {
    margin-bottom: 5px;
}
header#header .logoheader .slide-desc-text-default .slide-title {
    margin-bottom: 2px;
}
div#breadcrumbs nav#jawnav {
background: linear-gradient(to bottom, #1551a5, #001a4b );
    color: #fff; max-width: 1174px;
    margin: auto;
    /*margin: auto 12px;*/
  /*width: calc(100% - 26px);*/
}
div#breadcrumbs #jawnav > ul > li.has-sub > a::after {display:none;}
div#breadcrumbs nav#jawnav ul li > a {
    color: #fff;     border: 0;
}
div#breadcrumbs #jawnav ul ul li a {
    font-size: 16px;
    color: #000;
}
div#breadcrumbs #jawnav ul ul li a {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}
div#breadcrumbs #jawnav > ul > li:hover > a, div#breadcrumbs #jawnav > ul > li.active > a {
    background-color: transparent;
    background: transparent;
}
div#breadcrumbs nav#jawnav ul li ul li a {
    color: #203f61;
    background: #f4f7fb;
}
div#breadcrumbs nav#jawnav ul li ul li  a {color: #203f61;}
div#breadcrumbs #jawnav > ul > li.has-sub > a::after {
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
div#breadcrumbs #jawnav span.inner {
    background: #f4f7fb;
}
div#breadcrumbs  #jawnav ul ul {
    padding: 0px 0px;
}
div#breadcrumbs  #jawnav > ul > li {
    display: table-cell;
    float: none;
    white-space: normal;
    text-align: center;
    vertical-align: middle;     border-left: 1px solid #fff;
}
div#breadcrumbs #jawnav > ul {
    text-align: center;
}
#jawnav ul ul li a {
    padding: 10px 20px;
}
div#breadcrumbs nav#jawnav ul li ul li {
    text-align: left;
}
.left1 #jawnav > ul > li > a {
    border: 0;
    padding: 15px 12px;
    font-size: 14px;
    text-transform: inherit;
    display: block;
    width: 100%;
}
.left1 #jawnav > ul > li  {
    background: linear-gradient(to bottom, #1551a5, #001a4b );
    display: block;
    width: 100%;
    border-bottom: 1px solid white;
}
.left1 nav#jawnav {
    border-radius: 1px;
    background: linear-gradient(to bottom, #31557d 0, #18385a 60%) no-repeat;
}
.left1 #jawnav > ul > li > a {
    color: #ffffff;
}
.left1 #jawnav > ul > li.has-sub > a::after {
    border-bottom: 1px solid #f4f7fb;
    border-right: 1px solid #f4f7fb;
}
#jawnav > ul > li:hover > a, #jawnav > ul > li.active > a {
    color: #18385a;
}
div#breadcrumbs #jawnav > ul > li:last-child > a {
    border: 0;
}
.left1  #jawnav ul ul li a {
    padding: 14px 10px;
    transition: none!important;
    font-size: 14px;
    color: #f4f7fb;
    background: linear-gradient(to bottom, #1551a5, #001a4b)!important;
}
.left1  #jawnav li:hover > ul {
left: 260px;
    padding-top: 0;
    top: 0;
}
.left1  #jawnav ul ul {
    padding: 0px;
    margin-left: -8px;
}
.left1 #jawnav ul ul ul {
    margin-top: 0px;
}
.left1  #jawnav span.inner {
    border-radius: 1px;
    box-sizing: border-box;
    display: block;
    padding: 0px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    border: 0;
}
.left1  #jawnav ul ul li a {
       width: 220px;
    border: 1px solid white;
    margin-top: -1px;
 }
.left1 #jawnav > ul > li:hover > a, .left1 #jawnav > ul > li.active > a {
    color: #ffffff!important;
    background: #4d84af;
}
#jawnav ul ul li:hover > a, #jawnav ul ul li a:hover, #jawnav ul ul li.current > a {
    color: #ffffff!important;
}
 #jawnav ul ul li:hover > a, #jawnav ul ul li a:hover, #jawnav ul ul li.current > a {
    color: #ffffff;
    background: #4d84af!important;
}
.left1 #jawnav > ul > li:hover > a, .left1 #jawnav > ul > li.active > a {
    color: #001a4c;
}
button.button.btn.btn-primary {
    background: url(/images/system/search20.png) white center;
    border: 0;
    width: 30px;
    height: 24.5px;
    box-shadow: none;
    border-radius: 0;
    background-repeat: no-repeat;
    border-radius: 3px;
    margin-left: 3px; position: absolute;
}
header#header .slide-desc {
    bottom: inherit;
    top: 0px;
}
header#header .djslider-default .navigation-container-custom  {
    top: inherit;
    right: 45%;
    bottom: 9px;    opacity: 1;
}
.djslider-loader-default .showOnHover {
    opacity: 1;
}
div#breadcrumbs nav#jawnav ul li ul li a {
    padding: 14px 15px;
}
div#breadcrumbs {
    position: relative;
    z-index: 999999;
    margin-top: -1px;
}
div#contentarea2 div#close {
    display: none;
}
div#breadcrumbs .breadcrumbs  {
    padding: 5px 5px;
margin: 0 0 0px;}
header#header ul.skiplinks {
    display: none;
}
#jawnav {font-family: 'Roboto', sans-serif;}
footer#footer p {
    line-height: 1.3;
    margin-bottom: 22px;
}
div#breadcrumbs #jawnav ul ul li.has-sub > a::after {
    top: 12px;
}
div#breadcrumbs #jawnav {
    border-radius: 1px;
}
.left1  #jawnav > ul > li.has-sub > a::after {
    top: 20px;
}
.left1 #jawnav ul ul ul {
padding: 10px;}
div#footer-outer {
    max-width: 1200px;
    margin: auto;
}

.moduletablecustomhome-mod-bl .mfp-table-cell {
    display: inline-block!important;
}
.moduletablecustomhome-mod-bl span.mfp-date-author {
    display: inline-block;
    border-top: 1px solid #e0e0e0;
    width: 100%;
    padding-top: 5px;
}
.moduletablecustomhome-mod-bl span.mfp-date-author:before {
    content: "Дата публикации: ";
}
footer#footer .custom ul li:nth-child(2) {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding-right: 25px;
}
section.blog .article-info dd {
    border-right: 0;
}
.moduletablehome-mod-bl .minifrontpage-default .mfp-table-cell-inner .mfp-img-left {
    margin: 7px 10px 10px 0;
}
.search .btn-toolbar {
    width: 100%;
    float: left;
}
article.item-page .article-info {
    background: transparent!important;
    border: 0!important;
    color: #2b4e74;
    padding-bottom: 15px;
}
/**/
p.mod-articles-category-introtext {
    display: inline-block;
}
body#shadow {
      background: url(/templates/trip/images/fon2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}
div#breadcrumbs #jawnav > ul > li:hover {
    background: #4d84af;
}
#breadcrumbs #jawnav ul ul {
    margin-top: 0px; 
} 
#breadcrumbs #jawnav ul ul ul{
    margin-top: 0px;
}
#jawnav span.inner {
   padding: 0px 0px;
}
#jawnav span.inner {
    border-radius: 0px;
    padding: 0px;
}
#jawnav ul ul {
    margin-left: -5px;
}
div#breadcrumbs #jawnav span.inner {
    padding: 0px;
}
div#breadcrumbs #jawnav ul ul ul {
    margin-left: insherit;
}
div#breadcrumbs #jawnav > ul > li > a {
    height: 57px;
    display: table-cell;
    float: none;
    white-space: normal;
    text-align: center;
    vertical-align: middle;
}
div#breadcrumbs #jawnav ul > ul > .inner {
    margin-left: 12px;
}
div#breadcrumbs #jawnav > ul > li.has-sub ul li a:hover {
    opacity: 1;
    background: #4d84af!important;
}
.moduletablecustomhome h2, .moduletablehome-mod-bl h2 {
text-transform: uppercase;
    text-align: left;
    padding: 5px 0 5px 5px;
    color: #fe1919;
    background-color: #e7e5e5;
    background: linear-gradient(to bottom, #1551a5, #001a4b );
    padding: 18px 0 18px 0px;
    font-family: Arial;
    font-size: 20px;
    color: #fff;
    TEXT-ALIGN: CENTER;
    margin: -10px -15px 20px -15px;
}
div#line .custom ul li img {
    height: 18px;
    top: 1px;
    position: relative;
    left: 5px;
}
.customhome-mod-bl h3 {
    font-size: 20px;
    color: #004f64;
    text-align: left;
    margin-bottom: 5px;
    padding-top: 5px;
    font-weight: 600;
}
.bannergroup {
    background: white;
    text-align: center;
}
.subfooter a.mod-articles-category-title {
    font-size: 14px;
    color: black;
    padding: 0;
    margin: 0;     border: 0;     font-weight: 600;
}
.subfooter .category-module li {
    list-style-type: disc;
    margin-left: 20px;
    padding: 3px;
    border: 0;
}
.subfooter {
    background: #d3def8; padding-bottom: 5px;
}
.subfooter ul {
    max-width: 1150px;
    background: white;
    margin: auto;
    padding: 45px 15px 20px; margin-top: -40px;
}
.left1  #jawnav > ul > li.has-sub > a::after {
    transform: rotate(-45deg);
}
ul.newsfeedhome-mod-bl span.feed-link a {
    color: black;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}
.subfooter h2 {
    background: url(/images/system/novoe-saite.png);
    display: inline-block;
    margin: 0px 48px;
    padding: 7px 12px 15px;
    position: relative;
    color: white;
    font-size: 16px;
    font-weight: 500;
    background-size: cover;
   
    background-repeat: no-repeat; border: 0;
}
ul.latestnewsnovoe {
    margin-left: 20px;
}
div#breadcrumbs #jawnav ul > li > ul {
    margin-left: -3px;
}
#jawnav > ul > li:hover > a, #jawnav > ul > li.active > a {
    background-color: #4d84af;
}
p.mod-articles-category-readmore a {
    font-size: 14px;
    border: 0;
    font-weight: 400;
}
p.mod-articles-category-readmore {
    text-align: right;
    margin: 0;
    border: 0;
    line-height: 1;
}
#phocagallery.pg-categories-view.pg-csv {
    background: #ffffff!important;
;
}
#phocagallery.pg-category-view.pg-cv {
    background: #ffffff!important;
}
/*
div#breadcrumbs #jawnav ul li:last-child ul li:hover > ul {
    top: 0px;
    right: 219px;
    left: inherit;
}
div#breadcrumbs #jawnav ul li:last-child ul li {max-width:220px;}
div#breadcrumbs #jawnav ul li:nth-last-child(2) ul li:hover > ul {
    top: 0px;
    right: 219px;
    left: inherit;
}
div#breadcrumbs #jawnav ul li:nth-last-child(2) ul li {max-width:220px;}
#jawnav li:hover  ul ul {
    -webkit-animation-duration: .005s;
    animation-duration: .005s;
}
*/

.categories-list {
    padding: 0px;
}  
  
  
@media (max-width: 768px) {
	#wrapper2 {
    width: 100%;
	}
.left1 #jawnav ul ul ul {
    padding: 0px;
}
.left1 #jawnav ul ul li a {
    width: 100%;
}
.left1 #jawnav ul ul {
    padding: 0px;
    margin-left: 0px;
}
footer#footer .custom ul li:nth-child(2) {
    border-left: 0px solid #dddddd;
    border-right: 0px solid #dddddd;
    padding-right: 25px;
}
.categories-list {
    padding: 0px;
    width: 100%;
}
div#breadcrumbs #jawnav ul ul ul {
    padding-left: 0px!important;
}

}

	div#breadcrumbs #jawnav ul li:last-child ul li:hover > ul {
        top: 0px;
        right: 219px;
        left: inherit;
    }
    div#breadcrumbs #jawnav ul li:last-child ul li {max-width:220px;}
    div#breadcrumbs #jawnav ul li:nth-last-child(2) ul li:hover > ul {
        top: 0px;
        right: 219px;
        left: inherit;
    }
    div#breadcrumbs #jawnav ul li:nth-last-child(2) ul li {max-width:220px;}
    #jawnav li:hover  ul ul {
        -webkit-animation-duration: .005s;
        animation-duration: .005s;
}
/*позиционирование дочерних пунктов меню (боковое меню)*/
.left1  #jawnav ul ul li a {
       width: 220px;
    border: 1px solid white;
    margin-top: 0px;
 }
 .left1 #jawnav ul ul ul li a
 {
  margin-left: -43px;
}
.left1 #jawnav ul ul ul ul li a
{
 margin-left: -86px;
}