@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../fonts/ProximaNova/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ProximaNova/ProximaNova-Regular.woff') format('woff'),
    url('../fonts/ProximaNova/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova-Bold';
    src: url('../fonts/ProximaNova/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ProximaNova/ProximaNova-Bold.woff') format('woff'),
    url('../fonts/ProximaNova/ProximaNova-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Light';
    src: url('../fonts/ProximaNova/ProximaNova-Light.eot');
    src: url('../fonts/ProximaNova/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ProximaNova/ProximaNova-Light.woff') format('woff'),
    url('../fonts/ProximaNova/ProximaNova-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url('../fonts/ProximaNova/ProximaNova-Semibold.eot');
    src: url('../fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ProximaNova/ProximaNova-Semibold.woff') format('woff'),
    url('../fonts/ProximaNova/ProximaNova-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 16px;
    font-family: "calibri";
    
}
#header{
    position:relative;
    background-color: #fafafc;
    /*background-image: url('../images/header.gif');*/
    background-repeat: no-repeat;
    background-position: top center;
    /*min-height: 750px;*/
   
}
#header:after{
    content: "";
    clear:both;
    position: relative;
    display: block;
    
}
.video{
    position: relative;
    top: 0;
    margin: 0 ;
    z-index:2;
    
}
video{
    width:100%;
}
.afterVideo{
   /* position: relative;
    height: 466px;*/

}

.backMenu{
    
    display:flex;
    flex-wrap:wrap;
    align-items: flex-start;
    min-height: 213px;

}
.blueLight{
    height: 30px;
    background-color: #5767ac;
}
.blueLine{
    height: 15px;
    background-color: #2e3192;
}
.navbar-nav > li > a{
    color:rgb(41, 145, 214);
    text-transform: uppercase;
    
}
.navbar-nav > li.active > a{
    color: rgb(68, 68, 68);;
}
.nav > li > a:hover, .nav > li > a:focus{
    background-color: transparent;
}
.backMenu{
    background-image: url('../images/header-bg.png');
    background-repeat: no-repeat;
    width:100%;
    background-position: top center;
    z-index: 9999999;
    position: relative;
    top:35px;
    position:absolute;
    margin:0 ;
} 
.backMenu img {
    margin-top: 30px;
    width: 300px;
}
.navbar-nav{
    float:right;
    text-align:center;
}
#navbar{
  margin: 20px -30px;
}

.dropdown li:hover .sub-menu {
  visibility: visible;
}

.dropdown:hover .dropdown-menu {
  display: block;
}
.navbar-nav > li{
    width: 126px;
    padding: 0 5px;
}
.navbar-nav > li > a {
    font-size:15px;
    padding:10px 0;
    
}
.navbar-nav > li:hover > a{
    color:rgb(68, 68, 68);
    text-decoration: underline;
}
.content{
    padding:20px 15px;
}
.eventTitle{
    background-color: #e8f4ff;
padding: 20px;
color: #337ab7;
text-transform: uppercase;
font-size: 22px;
    margin:0 0 20px;
}
.eventFeildVal, .eventFeildLable{
    font-size:18px;
}
.glyphicon-edit{
    padding-right:50px;
}

#addEvent
{
    float:right;
    margin: 0 0 10px;
}
@media (max-width:749px)
{
    h1{
        font-size:30px;
    }
    
    .navbar-nav > li {
    text-align:left;
}
    body{
        font-size: 14px;
    }
    .t50{
        padding-top: 10px;
    }
    .t90{
        padding-top: 10px;
    }
    .m20{
		margin-top:-20px;  
  	}
    h2{
        text-align: center;
    }
    
      .page-header h2{
         font-size: 20px;
     }   
     p {
        text-align: left;
     }
     .itemNewsIntro p{
         font-size: 14px;
     }
     .itemNewsTitle {
        font-size: 20px;
    }
    h2 {
        text-transform: uppercase;
        font-size: 20px;
    }
    #project h2 {
        padding: 10px 0px 0px 0px;
        font-size: 30px;
        
    }
    .navbar-nav{
        float:none;
    }

    .navbar-nav > li
    {
        width:auto;
    }
    .news {
        z-index:0;
    }
    .news h2{
        padding: 10px;
        font-size: 33px;
    }
    .newsflash {
        padding-top: 70px;
    }
    .preFooter {
        padding-top: 20px;
    }
    .preFooter li {
        font-size: 15px;
        line-height: 30px;
    }
    #footer{
        padding: 0;
        margin-top: 0;
        text-align:center;
        background-color: #333;
    }
    .navbar-inverse {
        background-color: #cacaca;
        border-color: #cacaca;
        box-shadow: 0px 5px 20px #d0d0d0;
    }
    .navbar-inverse .navbar-toggle {
        border-color: none;
    }
    .navbar-inverse .navbar-toggle:hover {
        background-color: #fff;
    }
    .navbar-inverse .navbar-toggle:focus {
        background-color: #fff0;
    }
    .navbar-inverse .navbar-toggle {
        border-color: #3330;
    }
    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: #333;
        background-color: #fff;
    }
    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
    }  
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #003d7f;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #cacaca;
    }
    .cleanDivMenu{
        height:50px;
    }
    .itemNews{
        height:255px;
        padding:10px 0;
        margin:10px 0;
    }
    .navbar-brand{
        padding:0  0 0 15px;
    }
    .navbar-brand >img{
        width:100px;
    }
    #project li {
     list-style-type: none; /* Убираем маркеры */
    }
    #project ul {
     margin-left: 0; /* Отступ слева в браузере IE и Opera */
     padding-left: 0; /* Отступ слева в браузере Firefox, Safari, Chrome */
    }
    #footer{
        background-image: url('../images/footer-bg-mobile.jpg');
        padding:10px 0;
        margin-top:20px;
    }
    .dropdown-menu{
        position:relative;
        float: initial;
        text-align: center;
    }
    .foot_contact {
        color: #fff;
        padding-bottom: 50px;
    }
    .news{
        margin:0;
    }
    ul.nav-child > li{
        margin:10px 0;
    }
     .navbar-nav li {
    margin: 0 7px 0 0;
}
.content{
    margin-top:50px;
}
    #addEvent{
        margin:20px 0;
        float:left;
    }
    #footer{
    min-height: 300px;
    }
}
.form-group:after{
    content: "";
    clear:both;
    position: relative;
}
.clear{
    clear:both;
}
#fixedMenu{
    background-color: #cacaca;
border-color: #cacaca;

}
.icon-bar{
    border:1px solid #003d7f;
}



#fixedMenu .navbar-nav li.imgFixMenu{
    background-color: #edf1f4;
padding: 0;
margin: 0;
    margin-right: 20px;
}
#fixedMenu .navbar-nav li.imgFixMenu::after{
    content: '';
    position: relative;
    border-top: none;
    border-right: none;
    left: 0;
    top: 0;

}
#fixedMenu .navbar-nav li.imgFixMenu::before {
    content: '';
position: absolute;
right: -30px;
border-bottom: 92px solid transparent;
border-left: 30px solid #edf1f4;
bottom: 0;
}
#fixedMenu .navbar-nav li a, #fixedMenu .nav-child li a{
    color:#FFF;
    font-family: "ProximaNova-Semibold";
}
#fixedMenu .navbar-nav li a:hover, #fixedMenu .navbar-nav li:hover a{
    color: #fff;
}
#fixedMenu .nav-child li a{
    color:#FFF;
    font-size:14px;
    line-height: 20px;
}
#fixedMenu .nav{
    height: calc(100%-20px);
    display: flex;
    align-items: center;
    flex-wrap:wrap;
    background-color: #cacaca;
border-color: #cacaca;

max-height:98%;
overflow: hidden;
}

#fixedMenu .nav-child {

}
.navbar-nav li .nav-child a:hover{
    text-decoration: underline;
}

.nav-child{
    display:block;
    padding:0 0 0 10px;
    margin: 0;
    color:#000;
    z-index: 999;
}
.navbar-nav li .nav-child a {
    color:#fff;
 font-size:14px;   
 font-family: "ProximaNova-Regular";
 margin:10px 0;
}

.nav-child li{
    display: block;
    width: 100%;
}
ul.nav-child > li::before{
    content: "— ";
    color:#fff;
    
}
#fixedMenu .nav li:hover .nav-child{
   
}
#fixedMenu .navbar-nav > li
{
    width:100%;
    
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 520px;
}
.navbar-fixed-top .navbar-collapse:after, .navbar-fixed-bottom .navbar-collapse {
    content: " ";
    clear:both;
    position:relative;
    display:block;
    max-height: 100%;
}

.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hamRotate.active {
  transform: rotate(45deg);
}
.ham1 .top {
  stroke-dasharray: 40 139;
}
.ham1 .bottom {
  stroke-dasharray: 40 180;
}
.ham1.active .top {
  stroke-dashoffset: -98px;
}
.ham1.active .bottom {
  stroke-dashoffset: -138px;
}
.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #003d7f;
    stroke-width: 5.5;
    stroke-linecap: round;
   
}
.navbar-toggle {
    position: relative;
    float: right;
    margin: 0 0 0 10px;
    padding:0;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
svg{
    width:50px;
    height:50px;
}
#filter_tag, #limit, #filter_tag > option{
font-family: "ProximaNova-Regular";
}
#flex-containernew{
    justify-content: center;
}
#adminMenu{
    
}

#adminMenu .navbar-nav{
    float:left;
}
.bootstrap-datetimepicker-widget{
    position:absolute;
    top:0;
}
#flex-containernew:after{
    content: "";
    position:relativ;
    display:block;
}
#category, #category_dop{
    max-width: 100%;
    background-color: #ffffff;
background-image: none;
border: 1px solid #ccc;
border-radius: 3px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: "calibri";
}
.city{
    background: #5cb85c;
padding: 2px 12px;
color: #fff;
border-radius: 3px;
margin-left: 5px;
}