d@import url(https://fonts.googleapis.com/css?family=Roboto:400);
html {box-sizing: border-box; height:100%;}
*,*:before,*:after {box-sizing: inherit;}
*{ outline:none;} img { border:none;} a { text-decoration:none;}
ul,ol,p { margin:0px; padding:0px; list-style:none;}
body,html { width:100%; height:100%; margin:0px; padding:0px; background:#fff; font-family: Arial; }
.mobele-logo{ display:none;}
a{ text-decoration:none;}
body { margin:0; padding:0;}
.slider{ position:absolute; top:0; left:0; z-index:0;}

.wraper { width:100%; float:left;  }
.principle-img {width: 100%;text-align: center; float: left; margin-bottom: 14px;}

a.mailto:before {position: absolute;content: "";background: url(/images/mailimg.png) no-repeat top left;height: 14px; width: 18px; left: 0; top: 2px;}
a.mailto { padding-left: 28px; color: #b72a2a; position: relative; line-height: 30px;}
.mailbg { position: absolute; top: 0;left: 83px;background: url(/images/mailbg.png) no-repeat top center; width: 322px; height: 30px;text-align: center;}


.logo{display:none; font-family: Arial; width:382px; float:left; max-width:100%; text-align:center}
.logo > h2{font-size:28px; font-weight:700; color: #009538; text-transform:uppercase; margin-top:6px; letter-spacing:0.5px}
.Mlogo{width: 434px; height:101px; background:url(/images/Nis-logo-shadow.png) no-repeat top center; text-align:center; margin:0 auto;left: 0;right: 0;top: 0px; margin: 5px auto;}

.Menu{width:100%; float:left; margin-top:0px; background-color:rgba(255, 255, 255, 0.43);box-shadow: 0 0 2px #000;}
.Menu > ul{width:1200px; margin: 0 auto; text-align:center; max-width:100%}
.Menu > ul > li{display:inline-block; text-transform:uppercase; margin:0 15px; line-height:38px; color:#fff;; position:relative; font-size:15px; text-align:left;font-weight: 600;font-family: Arial;}
.Menu > ul > li:after{background:url(/images/mmsi.jpg) no-repeat left; height: 10px; width:1px; position:absolute; right:-20px; content:""; top:14px}
.Menu > ul > li:first-child{margin-left:0}
.Menu > ul > li:last-child{margin-right:0}
.Menu > ul > li:last-child:after{background:none}
.Menu > ul > li > a {color: #1e1e1e;}
 .Menu > ul > li:before {position: absolute;content: "";background-color: #b7292a;height: 3px;width: 0%;bottom: 8px;}
.Menu > ul > li:hover:before {width:100%; transition: all .5s ease;}
.Menu > ul > li:hover > a { color: #b7292b !important;}

.sub-menu{visibility:hidden; opacity:0; position:absolute; top:110px; background-color: #b7292a; box-sizing:border-box; z-index:7; left:0; min-width:255px;}
.sub-menu ul {width:auto; display:block}
.sub-menu ul li {display:block; text-align:left}
.sub-menu > ul > li.sm_li{position:relative; text-transform: uppercase; border-bottom: 1px solid #a11213;}
.sub-menu > ul > li.sm_li:before{position: absolute;content: "";bottom: 0;left: 0;width: 0;height: 100%;background: #a11213; z-index:-1}
.sub-menu > ul > li.sm_li > a{padding-left:10px; display:block;color: #ffbcbc;}
.sub-menu > ul > li {line-height: 35px;}
.sub-menu > ul > li.sm_li > a:before{position: absolute;content: "";left: 0px;z-index: 9;top: 10px;height: 15px;width: 10px;}

.sub2{visibility:hidden; opacity:0; position:absolute; top:0; background-color: #b7292a; box-sizing:border-box; z-index:7; left:0; min-width:410px;}
.sub2 > ul > li.sb_li2{position:relative; text-transform: uppercase; border-bottom: 1px solid #a11213; width:auto; text-align:left}
.sub2 > ul > li.sb_li2:before{position: absolute;content: "";bottom: 0;left: 0;width: 0;height: 35px;background: #a11213; z-index:-1}
.sub-menu > ul > li.sb_li2 > a{padding-left:10px; display:block;color: #ffbcbc;}
.sub2 > ul > li.sb_li2 > a:before{position: absolute;content: ""; left: 0;z-index: 9;top: 10px;height: 15px;width: 10px;}
li.sb_li2 > a {display: block;padding-left: 10px; color:#ffbcbc}

.sub3{visibility:hidden; opacity:0; position:absolute; top:0; background-color: #b7292a; box-sizing:border-box; z-index:7; left:0; min-width:220px;}
.sub3 > ul > li.sb_li3{position:relative; text-transform: uppercase; border-bottom: 1px solid #a11213;}
.sub3 > ul > li.sb_li3:before{position: absolute;content: "";bottom: 0;left: 0;width: 0;height: 35px;background: #a11213; z-index:-1}
.sub2 > ul > li.sb_li3 > a{padding-left:10px; display:block;color: #ffbcbc;}
.sub3 > ul > li.sb_li3 > a:before{position: absolute;content: ""; left: 0;z-index: 9;top: 10px;height: 15px;width: 10px;}
li.sb_li3 > a {display: block;padding-left: 10px; color:#ffbcbc}

.mn_linh{min-width:340px}


@media screen and (min-width:1200px) {
    .Menu > ul > li:hover .sub-menu{visibility:visible; opacity:1; transition:all .3s ease; -webkit-transition:all .3s ease;-o-transitionm:all .3s ease;-moz-transition:all .3s ease; top:38px; font-size:13px;}

    .sub-menu > ul > li:hover .sub2{visibility:visible; opacity:1; transition:all .3s ease; -webkit-transition:all .3s ease;-o-transitionm:all .3s ease;-moz-transition:all .3s ease; left:100%; font-size:13px;}

    .sub2 > ul > li:hover .sub3{visibility:visible; opacity:1; transition:all .3s ease; -webkit-transition:all .3s ease;-o-transitionm:all .3s ease;-moz-transition:all .3s ease; left:100%; font-size:13px;}

    .sub-menu > ul > li.sm_li:hover:before{width:100%;transition:all 0.8s ease 0s}
    .sub-menu > ul > li.sm_li > a:hover:before {left:15px; background: url(/images/lileftimg.png) no-repeat top center; transition: all .5s ease;}
    .sub-menu > ul > li.sm_li > a:hover {padding-left: 34px;transition: all .5s ease;color:#fff}

    .sub2 > ul > li.sb_li2:hover:before{width:100%;transition:all 0.8s ease 0s}
    .sub2 > ul > li.sb_li2 > a:hover:before {left:15px; background: url(/images/lileftimg.png) no-repeat top center; transition: all .5s ease;}
    .sub2 > ul > li.sb_li2 > a:hover {padding-left: 34px;transition: all .5s ease;color:#fff}

    .sub3 > ul > li.sb_li3:hover:before{width:100%;transition:all 0.8s ease 0s}
    .sub3 > ul > li.sb_li3 > a:hover:before {left:15px; background: url(/images/lileftimg.png) no-repeat top center; transition: all .5s ease;}
    .sub3 > ul > li.sb_li3 > a:hover {padding-left: 34px;transition: all .5s ease;color:#fff}



    /*last LI of menu position change css*/
    li.m_li.lir.opnlft .sub-menu {left: auto;right: 0;}
            li.sm_li.lft {text-align: right;}
            .sub-menu > ul > li.sm_li.lft:before {left: auto;right: 0;}
            .sub-menu > ul > li.sm_li.lft > a {padding-right: 10px;padding-left: 0;}
            .sub-menu > ul > li.sm_li.lft > a:hover {padding-right: 34px;padding-left: 0;}
            .sub-menu > ul > li.sm_li.lft > a:before {left: auto;right: 0;transform: rotate(180deg);}
            .sub-menu > ul > li.sm_li.lft > a:hover:before{left:auto; right:15px;transform: rotate(180deg);}

}

@media screen and (max-width:1199px) {
    .Menu > ul > li:hover .sub-menu{visibility:visible; opacity:1; top:38px}
    .sub-menu > ul > li:hover .sub2{visibility:visible; opacity:1; left:100%; font-size:13px;}
   


    /*last LI of menu position change css*/
    li.m_li.lir.opnlft .sub-menu {left: auto;right: 0;}
            li.sm_li.lft {text-align: right;}
            .sub-menu > ul > li.sm_li.lft:before {left: auto;right: 0;}
            .sub-menu > ul > li.sm_li.lft > a {padding-right: 10px;padding-left: 0;}
            .sub-menu > ul > li.sm_li.lft > a:hover {padding-right: 34px;padding-left: 0;}
            .sub-menu > ul > li.sm_li.lft > a:before {left: auto;right: 0; transform: rotate(180deg);}
            .sub-menu > ul > li.sm_li.lft > a:hover:before{left:auto; right:15px;transform: rotate(180deg);}

} 



.Menu > ul > li:first-child a{ color:#b72a2a;}
.left-h span {
    line-height: 29px;
    border-left: 1px solid #b4b4b4;
    margin-left: 10px;
    padding-left: 10px;
}  

a.right-h.span {
    position: relative;
    float: left;
    background: none;
    top: -18px;
}
.testomnl {
    
    margin: 0 auto;
    text-align: center;
    line-height: 20px;
     width: 100% !important;
}
.testi-img{width:125px}

.tstmln{ width:100%; float:left;}
.testomnl p {
    color: #505050;
    font-size: 15px;
   font-family: Arial;
    text-align: justify;
    margin-top: 0;
    line-height: 19px;
    margin: 15px;
    letter-spacing:.3px;
}
.testomnl img {
    padding-bottom: 10px;
}
span {
    color: #505050;
     font-size: 15px;
    font-family: Arial;
}
.testomnl a {
        
        width: 100px;
        background: #cd3436;
        text-align: center;
        color: #fff;
        font-size: 13px;
        font-family: Arial;
        font-weight: 300;
        margin: 0 auto;
        padding: 8px 20px;

}

.principle .prnici a {
    position: relative;
    left: inherit;
    color: #616161;
    font-size: 12px;
    font-weight: normal;
   font-family: Arial;
    transition: all 0.5s ease 0s;
    width: auto;
    background: none;
    margin: 0px;
    bottom: inherit;
}

/*.principle .prnici a:hover { color: #a70002; font-weight: bold;}*/

.testomnl a:hover {background: #4c4c4c;}
p.copyright {
    position: relative;   
    font-size: 12px;
    font-weight: 400;
    margin: 15px auto;
    font-family: Arial;
    letter-spacing: 0.3px;
    
}
.principle-img ul li p {
    text-align: center;
    font-size: 13px;
   font-family: Arial;
   color:#505050;
}

.accordionHeader_Y {
    border: 1px solid rgba(124, 114, 205, 0.33);
    color: #000;
    background: rgba(188, 188, 188, 0.28) url(/images/ajax-arrow.png) 99% center no-repeat;
    width: 100%;
   font-family: Arial;
    line-height: 21px;
    padding: 5px;
    margin-top: 2px;
    cursor: pointer;
}


.vistaletter {
    width: 45%;     padding: 15px 10px;     display: inline-block;box-sizing: border-box;}

    .vistaletter img { width:100%;
    }

.vistaletter1 {
    width: 205px;
    float: left;
    max-width: 100%;
    padding-right: 0px;
}

    .vistaletter1 img { width:100%;
    }





.logo-area{ width:990px; margin:0 auto; position:relative; margin:40px; z-index:1;}
.logo-in{ width:569px; right:50%; position:fixed; height:149px; background:url(/images/name-bg.png) no-repeat; margin-right:-544px;  top:75px}
.logo{ width: 252px; height: 94px;text-align: center; margin: 26px auto;}
.logo-name{ width:293px; height:60px; float:left; margin:47px 0 10px 3px;  padding-right:14px;}
.reachus-t{ float:left; margin:60px 0 0 16px;}
.wrapper{ width:100%; float:left; position:relative; display:block;}
.wrapper-in{ width:995px; margin:0 auto;}
#parallax-bg1 {z-index: 0;position: fixed;width:486px;	}
#bg1-1 {position: absolute;  width: 100%;top:630px; z-index:0;}
.welcome h3 {margin-bottom: 7px; font-size:20px; font-family: Arial; font-weight: 400;}
.welcome{width: 485px;float: left;background: rgba(255, 255, 255, 0.85);height: 165px;box-shadow: 0 0 3px #000;position: relative;padding: 16px 20px 0 20px;box-sizing: border-box;}
.principle{ height:363px; margin-top:24px;}
.principle-img{ width:100%; text-align:center; float:left;  }
.principle-img ul li:nth-child(2) { margin-top: 10px;}
.Director-msg{ text-align:center;}
.Director-msg img{ margin:0 auto 15px auto; width: 100%;}

.heading-h{ margin:0; padding:0; font-size:20px; font-family: Arial; color:#be0000; /*font-weight:bold;*/}
.welcome p{color:#505050; font-size:15px; font-family: Arial; text-align:justify; line-height:20px; letter-spacing: .3px;}
.welcome a{ width:100px; line-height:30px; background:#cd3436; text-align:center; color:#fff; font-size:13px; font-family: Arial; position:absolute; left:50%; margin-left:-47px; bottom:20px; transition: all 0.5s ease 0s; font-weight: 300;}
.welcome a:hover{ background:#4c4c4c;}
.right-container{ position:relative;width:486px; float:right; margin-top:500px; margin-bottom:16px; background:rgba(255, 255, 255, 0.85); z-index:0; box-shadow: 0 0 3px #000;}
.box-right{ width:486px; height:130px; border-bottom:1px solid #c7c7c7; float:left;}
.right-h{ margin:16px 0 0 20px;}
.right-h span{ line-height:29px; border-left:1px solid #b4b4b4; margin-left: 10px;padding-left: 10px}
.right-h span a{ color:#616161; font-size:12px; font-weight:normal;font-family: Arial;    transition: all 0.5s ease 0s;}
/*.right-h span a:hover { color:#a70002; font-weight:bold;}*/
.news-update-date, .months, .news-txt{ font-size:11px;font-family: Arial; font-weight:400; color: #505050;}
.months, .news-txt{ color:#e53147; position:relative;}
.news-top{ display:block; width:100%;font-size:14px;font-family: Arial;color:#1D1D1D;letter-spacing: 0.3px; }
.news-top a{color: #505050;}
#notice ul li{ min-width:431px; position:relative;min-height:55px; top:12px}
.months img{position: absolute;right: -25px;top: -17px; }
#notice{ margin:0 auto; width:370px !important;}
.previous-photo{ position:absolute; left:20px; top:60px; cursor:pointer;z-index:9}
.next-photo{ position:absolute; right:20px; top:60px; cursor:pointer;z-index:9}


.box-right.img-btn {width: 486px;height: 110px; border-bottom: 1px solid #c7c7c7; float: left; box-shadow: 0 0 3px #00000047; padding: 0 20px; box-sizing:border-box}

.news-notice { width: 100%; position:relative; top:10px;line-height: 18px;}

.img-btn ul{ text-align:center; margin:0; padding:0; list-style:none; display:table; width:100%;}
.img-btn ul li{ margin:0; padding:0; display:inline-block; text-align:center; margin-right:28px; float:left}
.img-btn ul li:last-child{margin-right:0;}
.img-btn ul li a{ color:#131515;font-family: Arial; font-size:14px; display:block; padding:20px 0; position:relative;}
.img-btn ul li .imp-img{ width:55px; height:50px; display:inline-block; background-image:url(/images/iconsdec.png); background-repeat:no-repeat;}
.imp-btn-name{ width:auto; display:block; clear:both; margin-top:5px;font-family: Arial; font-size:13px;letter-spacing: .3px; }
.img-btn ul .event .imp-img{ background-position:-160px 0;}
.img-btn ul .alumni .imp-img{ background-position:-80px 0; width: 60px;}
.img-btn ul .kidscorner .imp-img{ background-position:-240px 0; }
.img-btn ul li a:before { bottom: 0;content: "";left: 0;position: absolute;right: 0; top: 0;transform: scaleX(0);transform-origin: 50% 50% 0;transition-duration: 0.3s;transition-property: transform;transition-timing-function: ease-out;}
.img-btn ul li a:hover:before {border-bottom: 3px solid #a70002;transform: scaleX(1);}
.gallery{ height:337px;}
.box-right.gallery {height: 320px;}
.box-right.gallery121 {height: 330px;}
.box-right.bday121 {height: 390px;}
.box-right.gallery1 {height: 230px;}

.gallery-in-h{ width:100%; float:left; }
.vistaniscort{    width: 100%; float: left;text-align: center;}
.home-photo-img{ width:138px; height:91px; float:left; margin:5px; overflow:hidden; text-align:center;}
.home-photo-img img{ max-height:91px;}
.gallery-details{ width:100%; float:left; margin-top:9px; margin-bottom: 20px;}
.gallery-title-h{ color:#505050b8; font-size:15px; font-family: Arial; text-align:center;}
.gallery-updt-h{color:#535353; font-size:13px; font-family: Arial; text-align:center;}
.toppers{ border-bottom:none; height:260px}
.class-name{ color:#889679; font-size:18px;font-family: Arial;margin:5px 0 4px 0;}
.top-img{ width:103px; margin:0 auto;}
.topper{ width:100%; float:left;}
.topper-box-in{ width:50%; float:left; text-align:center; position:relative; z-index:0;}
.achievements {
    width: 420px;
    float: left;
    margin-left: 40px;
    margin-bottom: 50px;
}
.achievements img {
    float: left;
    margin-right: 25px;
}

.cmpus { width: 100%; float: left; padding: 10px;}

span#LBTitle {text-transform: uppercase;}


#topper-10, #topper-12{ width:136px; margin:0 auto;}
#topper-10 ul li, #topper-12 ul li{ min-height:166px;}
.top-name{ color:#6c795e; font-size:13px; text-align:center; width:100%; float:left; font-family: Arial; text-align:center; margin-top:15px;}
.topper-class{ color:#4f4f4f; font-size:11px;font-family: Arial; display:block; }
.previous-topper12, .previous-topper10{ left:43px; top:93px;}
.next-topper12, .next-topper10{ right:43px; top:93px;}
.ecare {
    width: 486px;
    height: 370px;   
    float: left;
    position: relative;
    border-bottom: 1px solid #c7c7c7;
}

.ecare:after{ width:13px; height:12px; content:""; position:absolute;  bottom:-11px; left:0;}
.ecare:before{ width:13px; height:12px; content:""; position:absolute; bottom:-11px; right:0;}
.ecare-app-l{ width:300px; float:left; text-align:center;margin-left:17px;}
.ecare-app-r{ width:177px; float:right; margin-right:17px; text-align:center;}
.mobile-app-img{ margin:37px 0 17px 0;}
.mobile-app-icon{ height:60px; width:100%;}
.app-content{ width:100%; height:105px; color:#333333; font-size:16px; font-style:italic;font-family: Arial; line-height:22px; padding:0 10px;}
.mobile-icon-d h3{ margin:0; padding:0; color:#346730; text-transform:uppercase; font-weight:normal; font-family: Arial; margin:5px 0;}
.mobile{ width:137px; height:265px; background:url(/images/phone.png) no-repeat; float:right; margin: 50px 21px 0 0; padding-top:27px;}
.school-code{ width:100%; text-align:center; font-size:16px; font-family: Arial; color:#000000; text-transform:uppercase; margin-top:9px; float:left;}
.bday{ height:390px;}
.bday-in {
    width: 100% !important;
    float: left;
    margin-top: 15px;
    position: relative;
    height: 320px;
}
.achieve{ width:100%; float:left; margin-top:50px; position:relative; border-bottom: 1px solid #c7c7c7;}
.directorss a{
    width: 95px;
    line-height: 28px;
    background: #cd3436;
    color: #fff;
    font-size: 13px;
    font-family: Arial;
    position: absolute;
    left: 50%;
    margin-left: -47px;
    transition: all 0.5s ease 0s;
    text-align: center;
    float: left;
    bottom: 12px;
    max-width:100%;
}
.directorss a:hover {
    background: #4c4c4c;
}
.directorss {
    width: 465px;
    margin: 0 auto;
    margin-top: 30px;
     max-width:100%;
}
    .directorss p {
        line-height: 20px;
        margin-bottom: 15px;
        margin-top: 10px;
      font-family: Arial;
        font-size: 13px;
        color: #4e4b4b;
    }
    .directorss img {
    border: 1px solid black;
    width: 115px;
    margin-bottom: 10px;
}


.bday-sld-in{ width:350px; float:left;}
.img-bday{ width:103px; float:left; height:121px;}
.img-bday img{ height:121px; overflow:hidden;}
.bday-name{ width:220px; float:right; margin-top:44px;}
#bday-student{ width:350px; margin:0 auto;}
.bday-student-name{font-family: Arial; width:100%; float:left; text-align:center; text-transform:capitalize; font-size:13px; color:#fff; height:31px; line-height:31px; background:#cd3436;}
.bday-class{font-family: Arial; width:147px; float:left; margin-left:35px; text-align:center; text-transform:capitalize; font-size:11px; color:#4f4f4f; height:26px; line-height:26px; background:#e3e3e3;}
.footer{ height:60px; text-align:center; color:#585858; font-size:13px;font-family: Arial;}
.footer a{   color: #ff2323;}
.footer a:hover{ color:#1a709c;}
.wrapper-in-master{ width:990px; margin:0 auto;}
.logo-m{ width:164px; margin:0 auto; padding-top:7px; text-align:center; float:left;}
.menu-right{ width:826px; float:right;}
.wrapper-in-master .menu{ position:relative; background:none; box-shadow: 0 0 0 #fff; margin-top:20px;}
.menu-right .menu ul li a{ padding:0 14px;}
.menu-right .menu ul li:first-child a{ padding-left:2px;}
.menu-right .menu ul li ul li:first-child a{ padding-left:16px;}
.header-m{ width:100%; float:left; height:90px; box-shadow: 0 0 5px #bbbbbb;}
.master-left{ width:163px; float:left; border-left:1px solid #a70002;border-right:1px solid #a70002; border-bottom:1px solid #a70002; padding:51px 0 42px 0;}
.master-left .img-btn ul li{ width:100%; display:inline-block;}
.master-left .img-btn ul li a { font-size:20px;}
.master-right{ width:805px; float:right; padding-top:20px;}
.heroshot{ width:100%; float:left; margin-bottom:15px;}
.conternt-container{ width:100%; float:left; border:1px solid #a70002; padding:11px 11px 34px 11px; /*min-height:358px;*/ min-height:auto; box-sizing:border-box}
.conternt-container-hd{font-family: Arial;width: 100%;float: left;min-height: 37px;line-height: 37px;color: #cd3436;text-transform: uppercase;font-size: 20px;padding-left: 30px;background: #FFFFFF;border-bottom: 1px solid #a70002;border-left: 8px solid #a70002; }
.container-main{ width:100%; float:left; color:#2b2b2b; font-size:16px; margin-top:10px;font-family: Arial;} 
.container-main p{ text-align:justify; line-height:23px; word-spacing:1px;    padding: 0 0px 0px 10px;}   
.footer-m{ padding:22px 0; width:100%; float:left;}


a.link {
    display: block;
    text-align: center;
    margin: 530px 0px 0px 0px;
    position: absolute;
}


.ajax__validatorcallout_error_message_cell {
  font-family: Arial;
    font-size: 10px;
    padding: 5px;
    border-right: none !important;
    border-left: none !important;
    width: 100%;
    text-align: left !important;
}



/*............faculty.....*/
.faculty { width:100%; float:left;border: 1px solid black;
    margin: 10px 0px 10px -5px;padding-right: 7px;
}
 .left{float: left;margin: 10px 15px 0px 10px;border: 5px inset #ec3b3a;  margin-bottom: 10px;}   
 .rigt{float: right;margin: 10px 0px 2px 15px;border: 5px inset #ec3b3a; margin-bottom: 10px;}
 .faculty b  {color:#f92b2d;}



 /*<demooooooooooooo>*/

.tabss {position: fixed;right: 0;top: 160px;}
ul.socialmed{width:47px; position:fixed; top:357px; right:0px;}
ul.socialmed li{margin-top:10px; display:block;}

 .wraper {
    width: 100%;
    float: left;
    position:fixed;
    z-index: 9999;   
   
}
.logo{ width:400px; margin:0 auto;}
.menu-iner{ width:1200px; margin:0 auto; }
.Admission-Process h2 {
    color: #b90d06;
     font-family: Arial;
}
.back-to-top {
    position: fixed;
    bottom: 19px;
    right: 90px;
    display: none;
    transition: all .5s ease 0;
    z-index: 9999;
}
span#Span1 {
    text-transform: uppercase;
}
span#Span3{
    text-transform: uppercase;
}
.VISTA {height: 320PX;}

  @-moz-document url-prefix(){
      .Txt_bx_1{ padding:0 !important;}
.right-containe {margin-bottom: 10px;}
.VISTA {height: 300PX;}

  }


    @media screen and (min-width:0\0) { .footer{height: 68px !important}
                                       p.copyright{margin: 19px auto !important}
                                       .principle {height:370px; }
       }