li {
    list-style: none;
}
.bgimage{
    width: 100%;
    background: none;
    background: #191919 url(../images/bg_body.jpg) left top no-repeat;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 250px 0 0px 0;
}
/*#window {*/
/*    width: 100%;*/
/*    background: none;*/
/*    background: #191919 url(../images/bg_window.jpg) left top no-repeat;*/
/*    margin: 0 auto;*/
/*    overflow: hidden;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/


/*#window{ min-height:100%;}*/
/*.window_wrapper{ min-height:100%; }*/
/*.window_inner{ min-height:100%; }*/
/*.window_inner{*/
/*  background: url(../images/bg_body.jpg) no-repeat center center fixed;*/
/*  -webkit-background-size: cover;*/
/*  -moz-background-size: cover;*/
/*  -o-background-size: cover;*/
/*  background-size: cover;*/
/*  padding: 250px 0 0px 0;*/
/*  }*/

.hover_image:hover {text-decoration: none} /* Optional (avoid undesired underscore if a is used as wrapper) */
.hide {display:none}
/* Do the shift: */
.hover_image:hover img:first-child{display:none}
.hover_image:hover img:last-child{display:inline-block}

@media screen and (min-width: 601px){
.ml-n{
    /*margin: 0 0 0 -30px;*/
    /*float: left;*/
    margin-left: -12px;
    margin-bottom: -2px;
}
.ml-na{
    /*margin: 0 0 0 -64px;*/
    /*float: left;*/
    margin-left: -12px;
    margin-bottom: -2px;
}
.ml-nb{
    /*margin: 0 0 -8px -60px;*/
    /*float: left;*/
    margin-left: -12px;
    margin-bottom: -2px;
}
.ml-nc{
    /*margin: 0 0 -35px -68px;*/
    /*float: left;*/
    margin-left: -12px;
    margin-bottom: -2px;
}
.ml-nd{
        /*margin: 0 0 -67px -72px;*/
        /*float: left;*/
    margin-left: -20px;
    margin-bottom: -2px;
}
.ml-ne{
    /*margin: 0 0 -25px -61px;*/
    /*float: left;*/
    margin-left: -30px;
    margin-bottom: -2px;
}
.ml-nf{
    /*margin: 0 0 -32px -66px;*/
    /*float: left;*/
        margin-left: -15px;
    margin-bottom: -2px;
}
.ml-ng{
        /*margin: 0 0 -25px -60px;*/
        /*float: left;*/
    margin-left: -15px;
    margin-bottom: -2px;
}
.ml-nh{
    /*margin: 0 0 -7px -60px;*/
    /*float: left;*/
    margin-left: -20px;
    margin-bottom: -2px;
}
.ml-ni{
    /*margin: 0 0 -29px -60px;*/
    /*float: left;*/
    margin-left: -12px;
    margin-bottom: -2px;
}
.ml-nj{
    /*margin: 0 0 -24px -52px;*/
    /*float: left;*/
    margin-left: -12px;
    margin-bottom: -2px;
}
.ml-nk{
    /*margin: 0 0 -29px -75px;*/
    /*float: left;*/
    margin-left: -12px;
    margin-bottom: -2px;
}
.card1 {
        width: auto;
        height: auto;
        position: relative;
        display: inline-block;
        background-color: transparent;
        border:none;
        vertical-align:bottom;
        margin-bottom: 0;
    }
    .card1 .img-top {
        display: none;
        position: absolute;
        top: -10;
        left: 0;
        z-index: 99;
    }
    .card1:hover .img-top {
        display: inline;
        background-color: transparent;
        border:none;
        vertical-align:bottom;
    }
}


@media only screen and (max-width: 600px) {
.bgimage{padding:0px;}
.mobile{
        display: none!important;
    }

.h10{
    width:100%;
    height:10%;
}

.scaled
{
  transform: scale(0.3); /* Equal to scaleX(0.7) scaleY(0.7) */
}
.mb-35{
    margin: 0 0 35px 0;
}
.ml-n{
    /*margin: 0 0 0 -30px;*/
    /*float: left;*/
    margin-left:-9px;
    margin-bottom: -38px;
}
.ml-na{
    /*margin: 0 0 0 -64px;*/
    /*float: left;*/
    margin-left: -67px;
    margin-bottom: -38px;
}
.ml-nb{
    /*margin: 0 0 -8px -60px;*/
    /*float: left;*/
    margin-left: -69px;
    margin-bottom: -45px;
}
.ml-nc{
    /*margin: 0 0 -35px -68px;*/
    /*float: left;*/
    margin-left: -80px;
    margin-bottom: -71px;
}
.ml-nd{
        /*margin: 0 0 -67px -72px;*/
        /*float: left;*/
    margin-left: -88px;
    margin-bottom: -104px;
}
.ml-ne{
    /*margin: 0 0 -25px -61px;*/
    /*float: left;*/
    margin-left: -93px;
    margin-bottom: -62px;
}
.ml-nf{
    /*margin: 0 0 -32px -66px;*/
    /*float: left;*/
    margin-left: -77px;
    margin-bottom: -69px;
}
.ml-ng{
        /*margin: 0 0 -25px -60px;*/
        /*float: left;*/
    margin-left: -76px;
    margin-bottom: -61px;
}
.ml-nh{
    /*margin: 0 0 -7px -60px;*/
    /*float: left;*/
    margin-left: -76px;
    margin-bottom: -47px;
}
.ml-ni{
    /*margin: 0 0 -29px -60px;*/
    /*float: left;*/
    margin-left: -68px;
    margin-bottom: -67px;
}
.ml-nj{
    /*margin: 0 0 -24px -52px;*/
    /*float: left;*/
    margin-left: -68px;
    margin-bottom: -58px;
}
.ml-nk{
    /*margin: 0 0 -29px -75px;*/
    /*float: left;*/
    margin-left: -73px;
    margin-bottom: -63px;
}
.window_inner{
  /*background: url(../images/bg_body.jpg) no-repeat center center fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  /*background-size: cover;*/
  padding: 100px 0 0px 0;
  }
}