Team:Aix-Marseille/cssmobile

/*========== DEFAULT BROWSER STYLE==========*/ article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video,main{display:block}mark,rp,rt,ruby,summary,time{display:inline} a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, header, hgroup, html,i, iframe, img, ins,kbd, keygen, legend, li, meter,nav,object, ol, output, pre, progress,q, s, samp, section, small,source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{ 

   /*background: transparent;*/
   border: 0 none;
   margin: 0;

padding: 0; border: 0; outline: 0; 

   vertical-align: top;

} ul,ol{ list-style: none; } q { quotes: none; } b{ font-weight: bold; }

table, table td { padding:0; border-collapse:collapse; }

img{ vertical-align:top; }

input:focus, textarea:focus, keygen:focus, select:focus { outline-offset:0px; }

input,button{ outline: none; border:0; }

button::-moz-focus-inner{ border:0; } html,body{ height:100%; } .table > tbody > tr > td{ padding:5px; vertical-align: middle; } .table > tbody > tr > th{ padding:15px; } /*==========END DEFAULT BROWSER STYLE========== */


/*========== BASIC CLASSES ==========*/

/* ========================================= */ /* =============SPACE CLASSES============== */ /* ========================================= */ .space5{ margin-top: 5px; } .space10{ margin-top: 10px; } .space15{ margin-top: 15px; } .space20{ margin-top: 20px; } .space25{ margin-top: 25px; } .space30{ margin-top: 30px; } .space40{ margin-top: 40px; } .space50{ margin-top: 50px; } .space60{ margin-top: 60px; } .space70{ margin-top: 70px; } .space80{ margin-top: 80px; } .space100{ margin-top: 100px; }


/* ========================================= */ /* =============PADDING CLASSES============== */ /* ========================================= */ .pad0{ padding: 0 !important; } .padleft0{ padding-left: 0px !important; } .padright10{ padding-right: 5px !important; }

.padleft10{ padding-left: 5px !important; } .padright0{ padding-right: 0px !important; } .padtop0{ padding-top: 0px !important; } .padbottom0{ padding-bottom: 0px !important; } .padding10{ padding: 10px; } .padding15{ padding: 10px; } .padding20{ padding: 10px; } .padding25{ padding: 10px; } .padding30{ padding: 10px; }


/* ========================================= */ /* =============MARGIN CLASSES============== */ /* ========================================= */ .m0{ margin: 0; } .mbtm0{ margin-bottom: 0px; } .mtop0{ margin-top:0px; } .mtop10{ margin-top:10px; } .mbtm10{ margin-bottom:10px; } .mleft10{ margin-left:10px; } .mright10{ margin-right:10px; } .mauto img{ margin: 0px auto !important; width: 100% !important; } .mautomargin{ margin: 0px auto !important; }


/* ========================================= */ /* =============COLOR CLASSES============== */ /* ========================================= */

.greyclr{ color:#ABABAB; } .whiteclr{ color: #fff; } .blueclr{ color:#092930; } .lightblueclr{ color:#5bbcc9; } .blackclr{ color: #333; } .backblue{ background: #092930; } .backlightblue{ background: #5bbcc9; } .backwhite{ background: #fff; } .backblack{ background: #2c2c2c; } .backgrey{ background:#f7f5f5; }


/* ========================================= */ /* =============FORM / INPUT / SELECT CLASSES============== */ /* ========================================= */ .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active{ z-index: 0 ; } .form-control{ box-shadow: none; color: #333; height: 50px; border-radius: 0px; /*border-color: #742C5B;*/ /*border-width: 1px;*/ } .form-control:focus{

box-shadow:none !important; outline: none; border-color:#5bbcc9; } input{ height: 40px; } select { min-width:1.5em; 

 }

/* ========================================= */ /* =============FONT SIZE CLASSES============== */ /* ========================================= */ .fsize8{ font-size: 8px; } .fsize10{ font-size: 10px; } .fsize12{ font-size: 12px; } .fsize13{ font-size: 13px; } .fsize14{ font-size: 14px; } .fsize16{ font-size: 16px; } .fsize18{ font-size: 18px } .fsize20 { font-size: 20px; } .fsize22{ font-size: 22px; } .fsize24{ font-size: 24px; } .fsize26{ font-size: 26px; } .fsize28{ font-size: 28px; } .fsize30{ font-size: 30px; } .fsize36{ font-size: 36px; } .fsize40{ font-size: 40px; } .fsize50{ font-size: 50px; } .fsize60{ font-size: 60px; } .fsize70{ font-size: 70px; } .fsize80{ font-size: 80px; } .fsize90{ font-size: 90px; } .fsize100{ font-size: 1000px; }

/* ========================================= */ /* =============FONT WEIGHT CLASSES============== */ /* ========================================= */ .f100{ font-weight: 100; }

.f200{ font-weight: 200; } .f300{ font-weight: 300; } .f400{ font-weight: 400; } .f500{ font-weight: 500; } .f600{ font-weight: 500; } .f700{ font-weight: 700; } .f800{ font-weight: 800; }

/* ========================================= */ /* =============BUTTON CLASSES============== */ /* ========================================= */ 

button,.btn{
	border-radius: 0px;
	color: ;

-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; } button:hover,.btn:hover{ /*color: !important;*/ -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; } .blockbtn{ background: #f0f0f0; border:2px solid #f0f0f0; color:#134e67; font-size: 18px; 

   padding: 15px 20px;

} .blockbtn:hover{ background:transparent; border:2px solid #f0f0f0; color: #fff;

} .outlinebtn{ border:1px solid #fff; background: transparent; color: ; padding: 10px 20px; } .outlinebtn:hover{ border:; background: ; }

/* ========================================= */ /* =============LETTERSPACE CLASSES============== */ /* ========================================= */ .lspace03{ letter-spacing: 0.3px; } .lspace06{ letter-spacing: 0.6px; } .lspace1{ letter-spacing: 1px; } .lspace2{ letter-spacing: 2px; } .lspace3{ letter-spacing:3px; }

/* ========================================= */ /* =============LINEHEIGHT CLASSES============== */ /* ========================================= */ .lheight15{ line-height: 15px; } .lheight20{ line-height: 20px; } .lheight22{ line-height: 22px; } .lheight25{ line-height: 25px; } .lheight30{ line-height: 30px; } .lheight35{ line-height: 35px; } .lheight40{ line-height: 40px; } .lheight45{ line-height: 45px; } .lheight50{ line-height: 50px; }


/* ========================================= */ /* =============ANIMATION CLASSES============== */ /* ========================================= */ a, img, button, .btn, a:hover, img:hover, button:hover, .btn:hover{ -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; }

/* ========================================= */ /* =============CSS FOR SOCIAL ICON============== */ /* ========================================= */ .social ul li i{ height: 20px; width: 20px; border-radius: 100%; padding: 8px 5px; font-size: 20px; color: #3a3a3a; } /*.social ul li .fa-facebook:hover{ background: #3b5998; } .social ul li .fa-twitter:hover{ background: #5dd7fc; } .social ul li .fa-linkedin:hover{ background: #007bb6; } .social ul li .fa-google-plus:hover{ background: #d43e1b; } .social ul li i:hover{ color: #fff; }*/

/*FONT FAMILY*/ h1,h2,h3{ /*color: #9E1919;*/ }

-webkit-input-placeholder {
  color: #333 !important;
  font-size: 20px;
  line-height: 18px;

}

-moz-placeholder { /* Firefox 18- */
color: #333 !important;
  font-size: 20px;
  line-height: 18px;

}

-moz-placeholder { /* Firefox 19+ */
  color: #333 !important;
  font-size: 20px;
  line-height: 18px;

}

-ms-input-placeholder { 
 color: #333 !important;
  font-size: 20px;
  line-height: 18px;

}


/* ============================================ */ /* ============================================ */ /* ============================================ */

body{ border: none;

font-family: 'Open Sans', sans-serif; color: #373839; cursor: auto; font-family: arial; line-height: 20px; outline: 0; vertical-align: top; }

a{ color: #3a3a3a; }

a:focus{ text-decoration: none; }

p { 

   color: #373839;
   font-size: 15px;
   margin: 0 0 9px;

   line-height: 22px;
   font-family: 'Open Sans', sans-serif;

} h1,h2,h3,h4,h5 { font-family: 'Open Sans', sans-serif; } body a:hover{ text-decoration: none; cursor: pointer; color:#a05540; } body a:focus{ color:#5bbcc9; } a:focus,.btn:focus,.btn:active:focus, button:focus,input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus{ outline: none; }

.uppercase{ text-transform: uppercase; } /*============================= css for header ==============================*/ header { background-color: #134e67; color: #fff; padding:10px 0px; }



.dropdown-menu > li > a { font-size: 13px; 

 font-weight: 700;
 padding:10px 20px;
 text-align: center;


} .dropdown-menu li{ 

border-bottom:1px solid #f7f7f7 ;

} .dropdown-menu,#dropdown .dropdown-menu { box-shadow: none !important; 

right: auto;

   padding: 0px;

border-bottom:1px solid #285484; }


ul.dropdown-menu li:hover {


background-color: #f6f6f6; }


.navbar-collapse { max-height: none !important; }

.navbar { margin-bottom: 0px; background: none; border: none; border-radius: 0px;

}

/* .login-nav li a:hover { color: #428bca !important; background: none; }*/ .navbar-default #nav > li > a { 

   font-size: 15px;
   letter-spacing: 0.5px;
   text-decoration: none;
   line-height: 26px;
   text-transform: uppercase;
      margin: 0px 13px;

} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: none; } .nav > .active > a, .nav > .active > a:hover, .nav > .active > a:focus,.filter-1 li .active { background: none; color: #33bfc4 !important; } .nav > li > a:hover { background:none; color: #33bfc4 !important; }

  1. nav >li > a{
 position: relative;
 font-size: 17px;
 margin-top: 3px;
 color: #fff;
 letter-spacing: 1px;

} .navbar-brand { padding:10px 15px; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background:none; } .logo { display: none !important; } @media(min-width:768px) and (max-width: 2100px){ .navbar .nav, .navbar .nav > li { 

 float:none;
 display:inline-block;
 *display:inline; /* ie7 fix */
 *zoom:1; /* hasLayout ie7 trigger */
 vertical-align: top;

} .logo { display: block !important; padding: 10px !important; }

.navbar-inner { 

 text-align:center;

} }

@media (max-width: 767px){ .navbar-default .navbar-nav .open .dropdown-menu > li > a { 

   color: #33bfc4 !important;

} }


.affix { 

 background-color: #134e67;
 z-index: 9999;
 width: 100%;
 top: 0;
 left: 0px;

} .affix .navbar-default #menu1 > li > a { padding:20px 15px; } .affix .navbar-brand { 

 padding: 10px;

} /* .affix #menu1 >li >a,.affix .navbar-brand{ 

 line-height: 27px;
 margin: 0px !important;

}*/ .affix .navbar-brand { 

-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transform:scale(1.1);
   -moz-transform:scale(1.1);
   -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
  transform:scale(1.1);

} @media(min-width:200px) and (max-width: 600px){ 

 .affix {

position:inherit !important;

} } /*css for hero section*/

.bg-1 { 

   background: url(NRP-UEA-Norwich-headerimage.png);
   padding: 0px 0px 50px 0px;
       background-position: 50% 0%;
   /* height: 100%; */
   background-repeat: no-repeat;

}

  1. project

{ padding: 50px 0px 50px; 

   margin-top: -42px;
   z-index: -9999;

} .head-1 { 

   line-height: 45px;
   text-align: center;
   margin: 0 auto;
   font-size: 40px;

} .title { color: #2c7183; font-weight: 800; text-transform: uppercase; } .left { 

   padding: 0px 54px;

} .arrow_box { position: relative; background: #fff;

} .arrow_box:after, .arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; z-index: 999; position: absolute; pointer-events: none; }

.arrow_box:after { border-color: rgba(136, 183, 213, 0); border-top-color: #fff; border-width: 30px; margin-left: -30px; } .arrow_box:before { border-color: rgba(194, 225, 245, 0); border-top-color: #296073; border-width: 36px; margin-left: -36px;

}


.arrow_box-2 { position: relative; background: #f4f4f4;

} .arrow_box-2:after, .arrow_box-2:before { top: 0px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.arrow_box-2:after { border-color: rgba(136, 183, 213, 0); border-top-color: #fff; border-width: 30px; margin-left: -30px; } .arrow_box-2:before { border-color: rgba(194, 225, 245, 0);

border-width: 36px; margin-left: -36px;

} .arrow_box-3 { position: relative; background: #fff;

} .arrow_box-3:after{ top: 0px ; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 

.arrow_box-3:before {

top: 0px ; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; top: 100%; pointer-events: none; z-index: 999; } .arrow_box-3:after { border-color: rgba(136, 183, 213, 0); border-top-color: #fff; border-width: 30px; margin-left: -30px; } .arrow_box-3:before { border-color: rgba(194, 225, 245, 0); border-top-color: #fff; border-width: 36px; margin-left: -36px; }


.arrow_box-1 { position: relative; background: #fff;

} .arrow_box-1:after{ top: 0px ; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 

.arrow_box-1:before {

top: 0px ; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; top: 100%; pointer-events: none; z-index: 999; } .arrow_box-1:after { border-color: rgba(136, 183, 213, 0); border-top-color: #296073; border-width: 30px; margin-left: -30px; } .arrow_box-1:before { border-color: rgba(194, 225, 245, 0); border-top-color: #296073; border-width: 36px; margin-left: -36px; }

.bg-2 { background-color: #296073; color:#fff; } .bg-2 .left p,.bg-2 .left h2,.f-text p { color: #fff; }

.blue { 

   color: #7F7F80;
   font-weight: 900;
   margin: 20px 0px;
       font-size: 43px;

} .gray { color: #ccc; font-weight: 900; } .icon > li { 

   margin-right: 35px;

} .dark-gray { color: #6a6a6a; }

/*css for hover effect*/ /*effect-4*/

.success-work-desc > a:hover { color: #fff; } .success-work-desc { float: left; /*width: 100%;*/ position: relative; overflow: hidden;

}

.science .success-work-desc:before { background: none repeat scroll 0 0 rgba(36, 65, 100, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; z-index: 9; } .project .success-work-desc:before { background: none repeat scroll 0 0 rgba(100, 41, 63, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; z-index: 9; } .success-work-desc:before { background: none repeat scroll 0 0 rgba(95, 135, 42, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; z-index: 9; }

.success-work:hover .success-work-desc > a { -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -ms-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); -webkit-transition: all 0.5s ease 0.2s; -moz-transition: all 0.5s ease 0.2s; -ms-transition: all 0.5s ease 0.2s; -o-transition: all 0.5s ease 0.2s; transition: all 0.5s ease 0.2s; } .success-work-desc > a { 


   color: #fff;
   font-size: 20px;
   left: 35%;
   text-align: center;
   /* line-height: 50px; */
   margin-left: -25px;
   margin-top: -25px;
   position: absolute;
   text-align: center;
   top: 50%;
   text-transform: uppercase;
   -webkit-transform: rotateY(90deg);
   -moz-transform: rotateY(90deg);
   -ms-transform: rotateY(90deg);
   -o-transform: rotateY(90deg);
   transform: rotateY(90deg);
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -ms-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
   z-index: 9;
   border: 2px solid #fff;

} .success-work:hover .success-work-desc:before { -webkit-transform: rotatex(0deg); -moz-transform: rotatex(0deg); -ms-transform: rotatex(0deg); -o-transform: rotatex(0deg); transform: rotatex(0deg); color: #fff; }


.item-hover.circle { 

   position: relative;
  
   border-radius: 50%;

} .item-hover { 

   display: inline-block;

} .item-hover, .item-hover * { 

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

} .item-hover { 

   position: relative;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;

} .item-hover a { 

   color: #333;

} .item-hover, .item-hover * { 

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

} .item-hover.circle .img { 

   position: relative;
   border: 14px solid #296073;
   border-radius: 100%;
   display: inline-block;
   border-radius: 50%;

} .item-hover.circle.effect13 a:hover .info { 

   opacity: 1;

}


.item-hover.circle .img:before { 

   position: absolute;
   display: block;
   content: ;
   width: 100%;
   height: 100%;
   border-radius: 50%;
  
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;

} .item-hover a:hover { 

   text-decoration: none;

}

.item-hover.circle .img img { 

   border-radius: 50%;

} .item-hover img { 

   width: 100%;
   height: 100%;

} .item-hover.circle.effect13 .info { 

   background: #333333;
   background: rgba(54, 98, 113, 0.6);
   opacity: 0;
   pointer-events: none;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;

} .item-hover.circle .info { 

   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   text-align: center;
   border-radius: 50%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;

} .item-hover.circle.effect13.top_to_bottom a:hover h3 { 

   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);

} .item-hover.circle.effect13.top_to_bottom .info h3 { 

   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   transform: translateY(-100%);

} .item-hover.circle.effect13 a:hover h3 { 

   visibility: visible;

} .item-hover.circle.effect13 .info h3 { 

   visibility: hidden;
   color: #fff;
   text-transform: uppercase;
   position: relative;
   letter-spacing: 2px;
   position: relative;
   font-size: 22px;
   margin: 0 30px;
       font-weight: 700;
   padding: 61px 0 0 0;
   height: 0px;
   top: 42px;
   /* text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); */
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;

} .item-hover.circle.effect13.top_to_bottom a:hover p { 

   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);

} .item-hover.circle.effect13.top_to_bottom .info p { 

   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   transform: translateY(-100%);

} .item-hover.circle.effect13 a:hover p { 

   visibility: visible;

} .item-hover.circle.effect13 .info p { 

   visibility: hidden;
   color: #fff;
   padding: 10px 5px;
   /* font-style: italic; */
   margin: 0 59px;
   position: absolute;
   font-size: 25px;
   /* border-top: 1px solid rgba(255, 255, 255, 0.5); */
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
   top: 48%;
   text-align: center;

} /*css for footer*/ footer { background-color: #383838; padding:100px 0px 30px 0px; color: #fff; } .f-menu li > a { color: #fff; font-size: 18px; line-height: 30px; } .f-text { padding:27px; color: #fff; }

@media(min-width: 601px) and (max-width: 1200px){ .head-1 { 

   line-height: 45px;
   text-align: center;
   margin: 0 auto;
   font-size: 30px;

}

.bg-1 { 

   background: url(NRP-UEA-Norwich-headerimage.png);
   padding: 0px 0px 60px 0px;
       background-position: 50% 0%;
   /* height: 100%; */
   background-repeat: no-repeat;

}

.space50 { 

   margin-top: 30px;

} }


@media(min-width: 200px) and (max-width: 600px){ .head-1 { 

   line-height: 45px;
   text-align: center;
   margin: 0 auto;
   font-size: 21px;

} .bg-1 { 

   background: url(NRP-UEA-Norwich-headerimage.png);
   padding: 0px 0px 50px 0px;
   /* height: 100%; */
   background-position: 48% 0%;
   background-repeat: no-repeat;

} .space50 { 

   margin-top: 35px;

} } 

#content,#globalWrapper {
  width:100%;
  height:100%;
  border:0;
  background-color:ff.;
  margin:0;
  padding:0;
  font-size:100%
}
#catlinks,#contentSub,#footer-box,#p-logo,#search-controls,#sitesub,.firstHeading,.printfooter,.visualClear {
  display:none
}
h1,h2,h3,h4,h5,h6 {
  border-bottom:none
}

h1 {
  padding-bottom: 0em;
}

#top_menu_under {
  height: 0px;
}

.img-grey {

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 

 	filter: gray; 
 	-webkit-filter: grayscale(100%); 
}

.img-grey:hover {

filter: none; -webkit-filter: grayscale(0%); 

}

@media (min-width: 768px) 
  {
   .navbar-nav .caret {
    display: none;
     }
       
      
    .navbar-nav .hovernav:hover > .dropdown-menu {
       display: block;
     }
    #nav .open > .dropdown-menu {
        display: none !important; 
        }
   }