body{
    background:#f1f1f1;
}
body.modal-open #wrap{
    -webkit-filter: blur(7px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}
  
.modal-backdrop {background: #f7f7f7;}
.mobile-menu{
    display:none;
}
.close {
    font-size: 50px;
    display:block;
}
.mycont{
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    background-image: url(../images/white_bg.png);
    position: relative;
    box-shadow: 0 0 5px #a1a1a1;
}
.logo{    
    padding:30px 0;
}
.nav-menu{
    clear: both;
    background-image: url(../images/menu_bg.png);
    width: 907px;
    height: 50px;
    margin: 0 auto;
}
.nav-menu ul{
    padding:0;
    list-style-type: none;
    margin: 0px auto;
    width: 836px;
}
.nav-menu ul li{
    float: left;
    margin: 0 11px;
    position: relative;
    top: -2px;
    left: 8px;
}
.nav-menu ul li:hover{}
.nav-menu ul li a{
    display: block;
    height: 45px;
    background: url(../images/nav_2.png) no-repeat;
    background-position: center -20px;
    color: #767676;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 56px;
}
.nav-menu ul li a:hover{
    background-position: center -90px;
    color: #a7a7a7;
}
.nav-menu ul li a.active{
    background-position: center top;
    color: #1b84bf;
}
.myslider{
    width: 900px;
    margin: 0 auto;
    background-image: url(../images/grey_transparent_bg.png);
}
.mysoft{
    color: #1b84bf;
    font-size: 13px;
    padding-top:50px;
}
.mob-act{
    color:#2185c2!important;
}
/*=======SLIDER========*/
.slider-wrap {
    position: relative;  
    height: 300px;
    margin: 50px auto;
    overflow: hidden;
    width: 100%;
}
.single-slide {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    animation: slider-animation;
    animation-duration: 25s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    background-size: cover;
}

/*=======END SLIDER========*/
.footer{
    background-image: url(../images/footer_bg.png);
    background-position: top;
    background-repeat: no-repeat;
    padding: 40px 0 5px 0;
    color: #135174;
    font-size: 10px;
    text-align: center;
    clear: both;
    margin-top: 30px;
}
/*=======IMAGES PAGE========*/
.gallery{
    width: 800px;
    margin: 0 auto;
    background-image: url(../images/grey_transparent_bg.png);
}
.gallery > div{
    height: 117px;
    overflow: hidden;
}
.gallery > div img{
    filter: none;
    -webkit-filter: grayscale(0);
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 5px;
}
.gallery > div img:hover{
    -webkit-filter: grayscale(1);
}
a.thumbnail{
    border:none;
}
a.thumbnail:hover{
    border:none;
}
/*=======VIDEOS PAGE========*/
.videos{
    width: 800px;
    margin: 0 auto;
    background-image: url(../images/grey_transparent_bg.png);
}
.videos > div{
    padding:5px;
}
.videos > div iframe{
    height:150px!important;
    width:100%!important;
}
.contact{
    width: 800px;
    padding: 50px 0;
    margin: 0 auto;
    background-image: url(../images/grey_transparent_bg.png);
}
/*============APP============*/
.app{
    background: rgb(205, 211, 230);
}
.app-head{
    height: 278px;
    background: url(../images/app-bg.jpg) no-repeat;
    background-size: cover;
    background-position: top;
}
.blank{    
    border-top:10px solid rgb(59, 85, 160);
    width:640px;
    padding:0 20px;
    margin:0 auto;
    background: white;
    position: relative;
    top: -100px;
}
.blank form{
    margin-top:100px;
}
#home > div{
    border-bottom:1px solid gray;
    padding:20px;
}
#home > div:hover{
    box-shadow: -2px 4px 5px -1px grey;
}
/*==RESPONSIVE DESIGN==*/
@media (max-width: 1600px){}
@media (max-width: 1440px){}
@media (max-width: 1280px){}
@media (max-width: 768px){
    .myslider {
        width: 100%;
    }
    .nav-menu {
        display:none;
    }
    .mobile-menu{
        display:block;
    }
}
@media (max-width: 600px){
    .mycont {
        width: 600px;
    }
}
@media (max-width: 480px){
    .mycont {
        width: 480px;
    }
}
@media (max-width: 320px){
    .mycont {
        width: 320px;
    }
    .app-head {
        height: 180px;
        background: url(../images/app-bg.jpg) no-repeat;
        background-size: 100%;
        background-position: top;
    }
    .blank {
        border-top: 10px solid rgb(59, 85, 160);
        width: 100%;
        padding: 0 20px;
        margin: 0 auto;
        background: white;
        position: relative;
        top: -100px;
    }
}