@import url(GGS.css);
@import url(fonts/stylesheet.css);
/* ------------------------------------------------------------------ 
*
* HANDLE BASICS
*
 ------------------------------------------------------------------*/
 body{background: #F4F4F4 url(../img/core/bg_body.png) repeat; color: #666; font-weight: normal; font-family: Arial;}
 
 h1, h2, h3, h4, h5{font-family: "TitilliumText22LRegular"; font-weight: normal;}
 h2, h3, h4{font-size: 1.5em; line-height: 1.2em; color: #999; margin-bottom: 0.625em;}
 
 h1{font-size: 1.75em; line-height: 1.2em;  margin: 0 0 1em 0; color: #393939;}
 h1 img{margin: 0 0.28em 0  0;}
 h1 a img{display: block; margin-bottom: 10px;}
 h1 a:hover{border: 0;}
 
 h2{padding-top: 0.625em; color: #666;}
 h3{}
 h4{padding-top: 0.625em; font-size: 1.5em; line-height: 1.2em;}
 h4 span{font-family: Georgia, serif; font-style: italic; color: #666; font-size: 0.66em;}

 h5{font-size: 1.31em; line-height: 1.2em; margin-bottom: 1em; color: #666;}
 
 
 .threeway h3{  margin-bottom: 1.66em; line-height: 1em; text-transform: uppercase;font-family: "TitilliumText22LLight"; font-size: 1.5em;}
 .services .content h4{margin:0 0 0.625em 0; padding: 0;}
 /*.quicklink h4{margin:0  0 0 1em; float: left; padding-top: 1.5em; }*/
 .ntt-security .quicklink h4, .blogpost h4{margin: 0 0 0.45em 0;  float: none; padding-top: 0.625em; font-size: 1.5em; line-height: 1.2em;}
 .rss h4, .tweets h4, .categories h4{background-repeat: no-repeat; background-position: left center; padding-left: 1.75em; height: 1.875em; }
 
  .content h5{margin-bottom: 0.5em;}
 
 a{color: #F7941D; text-decoration: none;}
 a:hover,  a.active, h1 span a:hover{border-bottom: 1px solid #fcd4a5;}
 .last a:hover,  a.active, h1 span a:hover{border-bottom:none}
 
 p, ul, ol{font-size: 1em;   margin-bottom: 1.42em;}
body.blog .wrapper.blog .blogpost p, body.blog .wrapper.blog .blogpost ol, body.blog .wrapper.blog .blogpost ul{font-size: 1em;   margin-bottom: 1.42em;}
 p.highlight{background: #F4F4F4; padding: 1em; margin-bottom: 1.78em; /*float: left; width: 100%;*/}
 p.highlight img,ul img{max-width: 100%;}
 
 

 p.highlight a.image img{margin: 0; padding: 0;}
 ul, ol{margin-left: 2em; line-height: 1.5em;}
 ol { /*font-weight: bold;*/ color: #393939;max-width: 75%;}
 ol span { ;font-weight: normal;color: #999;}
 /*ol li { padding-left: 0.5em;margin-bottom: 1em;font-size: 0.75em;}*/
 
 cite{font-size: 2em; line-height: 1.4em; background: url(../img/core/icn_quote.png) no-repeat left top; /*margin: 0.93em 0 1.56em 0;*/ padding: 0.31em 0 0  0; float: left; font-family: Georgia, serif; font-style: italic; color: #666; text-align:center}
 cite span{padding-left: 1.52em;}
 cite span.author{
	 			font-size: 0.80em;  
				line-height: 1.4em; 
				padding: 0;
				text-align:center;
				color:#7BC143;
			}
 
 article{float: left;}
 .intro{color: #666;}
 
 pre{ background: #F4F4F4 url(../img/core/bg_quicklink.png) repeat-x; padding: 1.56em; width: 100%; width: auto; display: inline-block; margin-bottom: 1.42em; white-space: normal; }
 
/* ------------------------------------------------------------------ 
*
* HANDLE TETRIS BLOCK
*
 ------------------------------------------------------------------*/
 .tetris{width: 9.375em; height: 9.375em; display: block;}
 .tetris.head{position: absolute; top:0;}
 .tetris.bottom{width: 6.25em; height: 6.25em; float: right; margin-top: -6.25em;}
 .tetris .block{width: 3.125em; height: 3.125em; background-position: left top; background-repeat: no-repeat; display: block; float: left;}
 
 .threeway .tetris{margin: 3.125em auto;}

 /* ------------------------------------------------------------------ 
*
* HANDLE BUTTONS
*
 ------------------------------------------------------------------*/
.primary-button{background: #FAB461; color: #FFF; text-transform: uppercase; font-family: "TitilliumText22LRegular"; line-height: 1em; padding: 0.5em 0.75em; position: relative;}
.primary-button:hover{border: 0; background-color: #F7941D; color: #FFF;}
.primary-button:active{top:1px; left:1px;}

/*.cta_button{}*/

 /* ------------------------------------------------------------------ 
*
* HANDLE HEADER
*
 ------------------------------------------------------------------*/
 header article.wrapper{/*margin-top: 9.375em;*/ margin-top: 6.25em;}
 header article.wrapper p{margin-left:7em;margin-top:5em}
 header article.wrapper h1{text-transform:uppercase; font-size:20px; font-weight:bold}
 header .wrapper{margin-bottom: 0.625em; width: 100%;}
 
 a.social{display: block; overflow: hidden; background-repeat: no-repeat; position: relative;}
 a.social:hover{border: none;}
 a.social img{width: 100%; height: 100%;}
 a.social.twitter{left:33em; top:10.75em; width: 4.75em; height: 5em; }
 a.social.linkedin{ left: 35.625em; top:10.4375em; width: 4.4375em; height: 4.75em;}
 a.social.google{left:33.25em; top:10.725em; width: 4.25em; height: 3.875em; }
  
 /* ------------------------------------------------------------------ 
*
* HANDLE FOOTER
*
 ------------------------------------------------------------------*/
 footer{background: #DFDFDF; padding-top: 3.125em; color:#666; }
 footer section{width: 30%; margin-right: 5%; float: left;}
 footer section.last{margin-right: 0;}
 footer .blocks{margin-bottom: 1.875em; float: left; width: 100%;}
 footer ul li, ul.followus li{list-style: url(../img/core/icn_li.png); background: url(../img/core/bg_li.png) repeat-x left bottom; padding: 0.8334em 0;}
 ul.followus li{background:none; padding: 0.5em 0;}
 footer ul li a, ul.followus li a{color: #808080; } 
 footer ul li a:hover, ul.followus li a:hover{border-bottom-color: #B3B3B3; color: #666;}
 
 footer .copywrite{text-align: center; font-size: 0.875em;}
 footer .copywrite p{margin-bottom: 0; padding-bottom: 1.6667em;}
 footer .share p{font-size: 0.875em; line-height: 1.5em; width: 100%;}
 footer .share div{width: 100%;}
 footer h5{text-transform:uppercase}
 footer .copywrite .top{width: 2.5em; height: 2.5em; background-repeat: no-repeat; background-position: center top; overflow: hidden; text-indent: -99999px; display: block; margin: 0 auto; max-height: 30px; margin-bottom: 0.714em;}
 footer .copywrite .top:hover{background-position: center bottom; border: 0; }
 
 
 /* ------------------------------------------------------------------ 
*
* HANDLE LANGUAGE BLOCKS
*
 ------------------------------------------------------------------*/ 
 
 /* ------------------------------------------------------------------ 
*
* HANDLE MAINBAR BLOCKS
*
 ------------------------------------------------------------------*/
 .mainbar{ height: 8.75em; width: 100%; position: absolute; font-size: 1em;  line-height: 1em; z-index: 999;}
 .mainbar .navigation{height: 100%; width: 27.7778%; float: left;  display: block; }
 .mainbar .title{background: #393a3a url(../img/core/bg_title.png) no-repeat left top; height: 6.25em; display: block; width: 72.2222%; float: left; margin: 1.25em 0;}
 .mainbar .title h2{font-size:2em}
 .mainbar .end{width: 6.25em; height: 7.5em; display: block;  position: absolute; right: 0; margin-top:  1.25em;}
 
 .mainbar .title h2{margin: 0 0.75em; margin-right: 6.25em; line-height: 1.8em; text-transform:uppercase}
 
 .secure-software .title, .secure-software .navigation.sub nav ul, .secure-software .navigation.sub nav ul li{background: #B9DA9A; /*background-image: url(../img/core/bg_title-color-green.png);*/}
 .technical-security .title, .technical-security .navigation.sub nav ul, .technical-security .navigation.sub nav ul li{background: #F68E1E; /*background-image: url(../img/core/bg_title-color-orange.png);*/}
 .compliance .title,  .compliance .navigation.sub nav ul, .compliance .navigation.sub nav ul li{background: #0073AD; /*background-image: url(../img/core/bg_title-color-blue.png);*/ }
 
 .secure-software h2, .secure-software h3, .secure-software .highlight strong, .secure-software .navigation.sub nav ul li a{color: #00A84F;}
 .technical-security h3, .technical-security .highlight strong{color: #F68E1E;}
 .compliance h3, .compliance .highlight strong{color: #0073AD;}
 .technical-security h2, .technical-security .navigation.sub nav ul li a{color: #FFE080;}
 .compliance h2, .compliance .navigation.sub nav ul li a{color: #9AD2F1; text-transform:uppercase} 
 
 /* ------------------------------------------------------------------ 
*
* HANDLE NAVIGATION ARROWS
*
 ------------------------------------------------------------------*/
 .navigation .arrow{background-repeat: no-repeat; background-position: center top; width: 100%; height: 1.25em; display: block; text-indent: -99999px; overflow: hidden; cursor: default;}
 .navigation .arrow.more{background-position: center bottom; /* cursor: pointer; */ /* NAVIGATION AUTO OPENS WHEN THIS IS ON - SO PLEASE DO NOT TOUCH */ }
 

 
 /* ------------------------------------------------------------------ 
*
* HANDLE NAVIGATION
*
 ------------------------------------------------------------------*/
 .navigation nav{width: 100%; display: block; height: 6.25em;   overflow: hidden; }
 .navigation a:hover{border-bottom: 0;}
 
 .navigation nav ul{list-style: none;  margin: 0;  background: #383939 url(../img/core/bg_nav.png) repeat-y right top;  width: 100%; font-size: 1em; text-transform: uppercase;} 
 .navigation nav ul li{margin: 0; padding: 0;  background: #383939; width: 100%;  height: 3.57142857em; display: block;  line-height:3.57142857em; }
 .navigation nav ul li.active {font-size: 1.75em;}
 
 .navigation nav ul li a{color: #666; font-family: "TitilliumText22LBold"; text-decoration: none; width: 100%; height: 100%; text-align: center; display: block; }
 .navigation nav ul li a:hover,  .navigation nav ul li.active a{color: #F5F5F5;}
 .navigation nav ul li a span{ font-family: "TitilliumText22LLight"; line-height: 1em;}
 
 
 .mainbar .navigation.sub{margin-top:-1.25em; width: 100%;} /* JS -6.25em */ 
  .navigation.sub nav ul{ text-transform: none;}
  .navigation.sub nav ul li{  margin-left: 1.5em;   height: 3.125em;  line-height:3.125em;}
 .navigation.sub nav ul li.active {font-size: 2em; margin: 0 6.25em 0 0.75em;}
 .navigation.sub nav ul li a{text-align: left;font-family: "TitilliumText22LRegular"; font-weight: normal;}
 

 

 
  a.subpage{font-weight: bold;}
 .secure-software a.subpage{color: #00A84F; }
.secure-software a.subpage:hover{border-color: #B9DA9A;}
 .technical-security a.subpage{color: #F68E1E; }
 .compliance a.subpage{color: #0073AD;}
 .compliance a.subpage:hover{border-color: #9AD2F1;}
 .static .sidebar .blogpost h4{padding-top: 0;} 
 .sidebar .blogpost.last{background: none; border-bottom: 0;}
 .sidebar .blogpost.download{padding-left: 0; padding-right: 1.5em; width: auto; background: none;}
/* ------------------------------------------------------------------ 
*
* HANDLE SERVICES BLOCKS
*
 ------------------------------------------------------------------*/
 /*.services .content h3{text-transform: uppercase; font-family: "TitilliumText22LLight";}*/
 
 
 /* ------------------------------------------------------------------ 
*
* HANDLE BLOCKS
*
 ------------------------------------------------------------------*/
 .threeway .wrapper{border-right: 1px solid #E1E1E1; /*background: url(../img/core/splitter_service.png) repeat-y right top;*/  text-align: center; padding-bottom: 5em; padding-top: 1.875em; -webkit-tap-highlight-color: rgba(0,0,0,0);}
 .threeway .wrapper.last{/*background: none;*/ border: 0;}
 .threeway .wrapper:hover{cursor: pointer;}
 

 .threeway .secure-software h3{ color: #00A84F;}
 .threeway .technical-security h3{color: #F68E1E;}
 .threeway .compliance h3{color: #0073AD;}
 
 a.knowmore{text-transform: uppercase; color: #666; }
 a.knowmore:hover{border: 0; color: #383939;}
 
 
 .content{color: #999; margin-top: 10.625em;}
 .content article{margin-bottom: 5em;}
 .content article img{/*height: 18.75em;*/ margin-bottom: 0.875em;border: none;max-width: 100%;}

.static .content, .blog .content{margin-top: 0;}
.blog .content, .blog .content .twoway{float: left;} /* EDIT FOR IPHONE */
.static .content{width: 100%;}


/*.blog header article.wrapper{width:100%;}*/
.static header article.wrapper{width: 100%;}

 .ntt-security .content{margin-top: 7.5em;}
 .ntt-security .content article{margin-bottom: 0;} 
 
 /*.blog h1{width: 66.66%; margin-right: 1.5em;}*/
 
 article.blogpost{margin-bottom: 1.5625em; /*background: url(../img/core/bg_li-light.png) left bottom repeat-x;*/ border-bottom: 1px solid #e1e1e1; float: left; width: 100%;}
 article.blogpost.guide, article.blogpost.downloads{background: none; border-bottom: none;}
 .content article.blogpost.downloads{width: 100%;}
 
/* .buttons{margin-bottom: 1.5625em; padding-top: 1.5625em; background: url(../img/core/bg_li-light.png) left top repeat-x;}*/
 
 
 .blog article.blogpost{float: left; width: 100%;}
 .blog article.blogpost.odd{width: 45%;  margin-right: 10%;}
 .blog article.blogpost.last{margin-right: 0;}
 .blog article.blogpost .thumb{background: #FFF;float:left; margin-right: 1.2em; margin-bottom: 1.2em; border: 0; /*padding: 0.625em;*/  width: 20em; display: block;}
 
 .blog .columns article.blogpost .thumb, .image.thumb{margin: 0; width: 100%;}
 .blog article.blogpost .thumb img{  /*width: 100%;*/  margin: 3%; width: 94%; }
 .ntt-security  article.blogpost{background: none;}


 /*.thumb.image, .blog article.blogpost .thumb{width: 15em;}*/
 .maincontainer #quote{text-align:center}
 .maincontainer #quote h3{text-transform:uppercase}
 .maincontainer #quote a{width:35%; text-align:center}
 
  /* ------------------------------------------------------------------ 
*
* HANDLE QUICKLINKS
*
 ------------------------------------------------------------------*/
 .quicklink{/*min-height: 7.8125em;*/ width: 100%; background: #F4F4F4 url(../img/core/bg_quicklink.png) repeat-x; display: block; padding: 3.125em 0; color: #999; float: left;}
 .quicklink h4{line-height: 1.5em; display: inline; margin-right: 0.625em; margin-left:2%}
 .quicklink a.link{font-size: 0.875em; line-height: 0.875em; text-transform: uppercase; background: url(../img/core/icn_quicklink.png) no-repeat left top; padding:0.2857em 0 0 2.143em; margin: 3.086em 0 1em 0; color: #FAB461; /*float: left;*/ height: 1.1428em; /*display: block;*/ }
 .quicklink a.link:hover{border:0; color: #F7941D; background-position: left bottom;}
.quicklink article.twoway{padding:0 0.625em;}
.ntt-security .quicklink article.twoway{padding: 0;}
  .blog .quicklink{height: auto; /*padding-bottom: 2.5em;*/}
 /*.ntt-security .quicklink,.readers-corner .quicklink{height: auto; padding-bottom: 2.5em;}*/

 /*.ntt-security .downloads h4.readers-corner .downloads h4{font-size: 1.2em;}*/
 .ntt-security .quicklink p,.readers-corner .quicklink p{font-size: 0.875em; line-height: 1.5em;}


 
 .downloads ul,  ul.moremedia{margin-left: 0; }
 .downloads ul li, ul.moremedia li{background: url(../img/core/bg_li-light.png) left bottom repeat-x; list-style: none; text-transform: uppercase; padding: 1em; } 
 .downloads ul li a{min-height: 3.8125em; display: block; padding:1em 0 0 5em; background-position: left center; background-repeat: no-repeat; }
 ul li.pdf a{background-image: url(../img/core/icn_pdf.png); }
 .download.pdf{background-image: url(../img/core/icn_pdf.png); }
 .ntt-security .downloads ul li a{color: #FAB461;}
 .downloads ul li a, ul.moremedia li a{color: #F7941D;}
 .downloads ul li a span, ul.moremedia li a span{color: #999; text-transform: none;}
 .downloads ul li a:hover, ul.moremedia li a:hover{color: #F7941D; border: 0;}

 .buttons{float: left; width: 100%; margin-bottom: 1.42em;}
 .buttons a{font-size: 0.875em; line-height: 1em; color: #999;  padding-left: 1.428em; height: 1.0714em; display: block; float: left; background-repeat: no-repeat; background-position: left top; float: left;}
 .buttons a:hover{border: 0; color: #666; background-position: left bottom;}
 
 a.new-entries,div.new-entries a{float: right; padding-right: 1.428em; padding-left: 0; background-position: right top;}
 a.new-entries:hover,div.new-entries a:hover{background-position: right bottom;}

 /* ------------------------------------------------------------------ 
*
* HANDLE READERS CORNER
*
 ------------------------------------------------------------------*/  
 .downloads ul.small{font-size: 0.75em; line-height: 1.5em; margin-bottom: 0;}
 .downloads ul.small li a{min-height: 2.58em; display: block; padding:0 0 0 3.5em; background-repeat: no-repeat; background-position: left center;}
 ul.small li.pdf a{background-image: url(../img/core/icn_pdf-small.png); }
  
 
 .primary-button.download{background-image: url(../img/core/icn_downloadbtn.png); background-repeat: no-repeat; background-position: 0.75em 0.7em; padding-left: 2.5em;}
   /* ------------------------------------------------------------------ 
*
* HANDLE MEDIA
*
 ------------------------------------------------------------------*/  
   ul.moremedia{font-size: 0.75em; line-height: 1.5em; margin-bottom: 2.84em;}
 ul.moremedia li{text-transform: none;}
 ul.moremedia li a{min-height: 2.58em; display: block; padding:0 0 0 3.5em; background-repeat: no-repeat; background-position: left center;}
 ul li.image a, ul.moremedia li.image a{background-image: url(../img/core/icn_image-small.png);}
 ul li.video a, ul.moremedia li.video a{background-image: url(../img/core/icn_video-small.png);}
 
 ul.files{width: 28.125em;}
 
 article.download{  background-repeat: no-repeat; padding-left: 5em;}
.readers-corner article.download{ /*width: auto;*/ background-position: left 0.625em; padding-left: 0;} 

/*article.download h4{padding-top: 0;}*/
 
  
  #disqus_thread {width: 100%; float: left;}
  
  article.blogpost.visual img{float: left; width: 100%; height: auto; position: relative; margin: 0; max-width: 380px; max-height: 312px; }
  article.blogpost.visual {margin-top: -11.75em;}
 
/* ------------------------------------------------------------------ 
*
* HANDLE FILES
*
 ------------------------------------------------------------------*/
  #hash_link { display: none;height: 0;width: 60px;background: url(http://staging.studentseats.be/img/arrowPopular.png) no-repeat scroll 0 15px;position: absolute;display: block; opacity: 0;
}

.tags { margin-left: 0; float: left; margin-top: 0.45em;}
.tags li{margin: 0 1em 1em 0; float: left; list-style: none;}
.tags li a { text-decoration: none; color: #FFF; padding: 0.5em 1em; background: #bebebe;
border-radius: 0.5em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-khtml-border-radius: 0.5em;
-webkit-box-shadow: inset -1px -1px 1px 1px rgba(180, 180, 180, 1);
-moz-box-shadow: inset -1px -1px 1px 1px rgba(180, 180, 180, 1);
box-shadow: inset -1px -1px 1px 1px rgba(180, 180, 180, 1);
}
.tags li a:hover { background: #8e8e8e; border-bottom: 0;

-webkit-box-shadow: inset -1px -1px 1px 1px rgba(127, 127, 127, 1);
-moz-box-shadow: inset -1px -1px 1px 1px rgba(127, 127, 127, 1);
box-shadow: inset -1px -1px 1px 1px rgba(127, 127, 127, 1);
}

.tags li a.active{border-bottom: 0; background: #FAB461;
-webkit-box-shadow: none;
-moz-box-shadow: none ;
box-shadow: none;}

.tags li a.active:hover{background: #F7941D;}

span.lastupdate{font-style: italic; color: #AAA;}
 
/* ------------------------------------------------------------------ 
*
* HANDLE TWEETS
*
 ------------------------------------------------------------------*/  
 article.tweets, .ntt-security article.blogpost.tweets{
 	background: url(../img/core/bg_tweet.png) no-repeat left center; 
 }
 article.tweets h4{padding: 0; background: none; height: auto; }
 
 /* ------------------------------------------------------------------ 
*
* HANDLE PARRALLAX
*
 ------------------------------------------------------------------*/
.wrapper.visual{/*margin-top:3.125em;*/ /*height: 100%;*/ max-height: 525px;  max-height: 525px;max-width: 640px; height: 32.825em; width: 40em;}
/*.bottomvisual{width: 100%; max-height: 525px;max-width: 640px;}*/
/*.topvisual{width: 100%; position: absolute; margin-top:0; max-height: 525px;max-width: 640px;}*/
.visual img{/*width: 100%;*/ position: absolute; margin-top:10px; max-height: 525px;max-width: 640px; height: 32.825em; width: 40em;}

.parallax-viewport {position: relative;overflow: hidden;}
.parallax-level {position: absolute;}
 
 #viewport {background: none;overflow: hidden;position: relative;z-index: 99;max-height: 525px;max-width: 640px;width: 100%;}
 #viewport img.parallax-level{width: 80%;}

 /* ------------------------------------------------------------------ 
*
* HANDLE CERTIFICATE
*
 ------------------------------------------------------------------*/
 
.certificate .content { margin-top: 9em;}
.certificate h1 { font-size: 2em;margin: 0 0 0.3em 0;font-family: "TitilliumText22LRegular";}
.certificate h6 { font-size: 1.2em;color: #999999;margin: 0 1em 1.5em 0;line-height: 0.9em;font-weight: normal;font-family: "TitilliumText22LRegular";}
.certificate h3 {font-family: "Trebuchet MS"; font-weight: bold;font-size: 0.9em;line-height: 18px; color: #000100;text-transform: uppercase;}
.certificate h3 span a{ color: #59595C;font-size: 0.875em;line-height: 16px;text-transform: none;text-decoration: none; }
.certificate h4 { color: #929497;font-size: 0.875em;}
.certificate h5 { color: #6E6E71;text-transform: uppercase;font-size: 0.875em;margin-bottom: 1em;}
.certificate .right_col { margin-top: 2em;float: left;width: 60%;}

.certificate ol { margin-left: 0;max-width: 95%; font-size: 1.2em;}
.certificate ol li { padding-left: 0;}
.certificate ol li span {font-weight: normal;color: #999999;margin-left: -0,5em;}

.signature,.sig { margin-top: 1.58em;}
.signature{float: left; width: 100%;}
.signature p { border-top: 1px solid #999999;display: inline-block;}
.signature a { float: right;}

.certificate section.wrapper.sidebar { width: 23%; margin: 0 7% 0 0;}

.certificate_footer .wrapper.blog { width: 73%!important;margin-top: 1em!important;}

.certificate_footer{width:100%;position: relative;height: 6em!important;float: left;background: #333333;margin-top: 2em!important;padding-bottom: 1em;}
.certificate_footer .right_col { float: right!important;}
ul.sponsors li {float: left; margin-right: 3em;list-style: none;}
ul.sponsors{float: left;margin: 1em 0 0 0;width: 100%; }

.sidebar.invalid { opacity: 0.6;}
.certificate a{border: none;}

body.certificate.technical-security { background: url('../img/core/technical.png') 0 20px!important;}
body.certificate.compliance{ background: url('../img/core/bg_comliance.png') 0 20px!important;}
body.certificate.secure-software{ background: url('../img/core/bg_security.png') 0 20px!important;}

/*----------------------------------------------------------------------
*
* HANDLE LAVA
*
----------------------------------------------------------------------*/
#lavawrap{width: 25px; height: 17px; right: 10px; margin-top: -27px; float: right; position: relative;}
#lava{z-index: 9999999; margin: 0; float: right;}
#lava img{width: 25px; height: 17px;}
#lava:hover{padding: 0; background: none; text-decoration: none; border-bottom: 0;}


.exportbar{height: 30px;  position: absolute; width: 100%; top:0; text-align: center;}
.exportbar span{background: #393A3A; color: #F2F2F2; text-transform: uppercase; padding: 10px; cursor:pointer;   width: 150px; text-align: center; display: block; margin: 0 auto;}
.exportbar a:hover{background:#458aff;}
/* ------------------------------------------------------------------ 
*
* HANDLE OVERRULE
*
 ------------------------------------------------------------------*/
 .clear{clear: both;}

ul.moremedia li.last{background: none;}

.addthis_toolbox {margin-bottom: 1.42em; min-width: 260px;}
 .addthis_toolbox a, #disqus_thread a{border: none; }
 .social ul, ul.social{margin-left: 0;}
 .social ul li, ul.social li{list-style: none; list-style-image: none;}
 .social .addthis_button_google_plusone{border: none;}
 
 span.follow-twitter{background: url(../img/core/icn_follow-twitter.png) no-repeat; display: block; float: left; width: 16px; height: 16px; margin-right: 8px;}
 span.follow-facebook{background: url(../img/core/icn_facebook.png) no-repeat; display: block; float: left; width: 16px; height: 16px; margin-right: 8px;}
 span.follow-googleplus{background: url(../img/core/icn_googleplus.png) no-repeat; display: block; float: left; width: 16px; height: 16px; margin-right: 8px;}
 span.li-connect-mark{background: url(../img/core/icn_linkedin.png) no-repeat; display: block; float: left; width: 16px; height: 16px; margin-right: 8px;}
 
 .static .blogpost{background: none; border: none;}
 /*.static h4{padding-top: 0; }*/

/*
.fixedbox{right: 0; position: fixed; top:150px; background: none; z-index: 99999; padding: 0;} 
.fixedbox .at-floatingbar-share{width: auto;}*/

.addthis_toolbox.fixedbox{z-index: 99999; right: 0; top: 6.375em; padding: 0 5px; min-width: 36px; background: none;}
.fixedbox .at-floatingbar-share {}


.addthis_toolbox #widget{width: auto;}

 /* OVERLAY */
 /*#dsq-account-dropdown{display: none;}*/
 
 .blog .mainbar{display: none;}
 
 
 /* ------------------------------------------------------------------ 
*
* HANDLE WINDOW SIZES
*
 ------------------------------------------------------------------*/
 
/* @media screen and (min-width: 320px) */
@media screen and (min-width: 20em) {
	
	/* 	.twoway{margin: 0;}	
	header article.wrapper{padding: 0;}*/
	
	.blog article.blogpost .thumb img {
margin: 0;
width: 100%;
}	
	header article.wrapper p{margin-left:3.5em}
	header article.wrapper img{width:13em}
	.blog article.blogpost .thumb {
float: left;
margin-right: 0;
margin-bottom: 1.2em;
width: 100%;
}
ul.files {
width: 100%;
}	
.mainbar .navigation{width:30%}
.navigation nav ul li a{
	font-size:16px}
.sub nav{width:14em}

.mainbar .title{width:70%}
.mainbar .title h2{font-size:1em;}
footer section, header .wrapper.visual,.mainbar .end, .tetris, article.blogpost.visual{display: none;}
footer section.quicknav{display: block; width: 100%; margin-right: 0;}
header article.wrapper{width: 100%;}
.ntt-security .content{margin-top: 7em;}
.blog .content .wrapper{margin-bottom: 5em;}
	
	.quicklink h4{font-size: 1.5em; /*line-height: 1.2em;*/  }
	.quicklink a.link{/*margin-top:1.75em;*/ /*margin-top: 1em;*/ /* clear:both;*/ /*margin-top: 1em;*/}
	
	.addthis_toolbox{min-width: 220px; width: 220px; overflow: hidden; height: 20px;}
	
	article.download{padding-left: 3.5em; background-position: left  0.625em;}
	 
	 .readers-corner article.download h4{margin-left: 4em; }
 	.readers-corner article.download p{margin-left: 6.5em;}
	
	/*.blog .sidebar, .blog .content .wrapper{float: left;}*/
	.blog .content .wrapper{margin-bottom: 0;}
	
	.navigation .arrow.above{background-image: url(../img/core/nav_arrow-t.png);}
	.navigation .arrow.below{background-image: url(../img/core/nav_arrow-b.png);}
	
	.secure-software .navigation.sub .arrow.above{background-image: url(../img/visuals/secure-software/nav_arrow-t.png);}
	.secure-software .navigation.sub .arrow.below{background-image: url(../img/visuals/secure-software/nav_arrow-b.png);}
	.technical-security .navigation.sub .arrow.above{background-image: url(../img/visuals/technical-security/nav_arrow-t.png);}
	.technical-security .navigation.sub .arrow.below{background-image: url(../img/visuals/technical-security/nav_arrow-b.png);}
	.compliance .navigation.sub .arrow.above{background-image: url(../img/visuals/compliance/nav_arrow-t.png);}
	.compliance .navigation.sub .arrow.below{background-image: url(../img/visuals/compliance/nav_arrow-b.png);}
	
	 .downloads ul li a, article.download{background-image: url(../img/core/icn_file-10.png);}
	ul li.pdf a{background-image: url(../img/core/icn_pdf-10.png);}
	
	 ul li.image a, ul.moremedia li.image a{background-image: url(../img/core/icn_image-small-10.png);}
 	ul li.video a, ul.moremedia li.video a{background-image: url(../img/core/icn_video-small-10.png);}
	
	
	ul.moremedia li a, .downloads ul.small li a{background-image: url(../img/core/icn_file-small-10.png);}
	ul.small li.pdf a{background-image: url(../img/core/icn_pdf-small-10.png)}
	footer .copywrite .top{background-image: url(../img/core/icn_top-10.png); max-height: 23px;}
	a.new-entries,div.new-entries a{ background-image: url(../img/core/arrow_next-20.png);}
	a.older-entries,div.older-entries a{ background-image: url(../img/core/arrow_previous-20.png);}
	.quicklink a.link{background-image: url(../img/core/icn_quicklink-20.png); background-position: left 0.16666667em;}
	
	.rss h4{background-image: url(../img/core/icn_rss-10.png);}
	.tweets h4{background-image: url(../img/core/icn_twitter-10.png);}
	.categories h4{background-image: url(../img/core/icn_categories-10.png);}
	
	.threeway .wrapper{border-right: none; border-bottom: 1px solid #E1E1E1; padding-top:5em;}
}

/* @media screen and (min-width: 720px) */
@media screen and (min-width: 45em) {
	body {
		font-size: 75%;
	}
	header article.wrapper p{margin-left:5.5em}
	header article.wrapper img{width:20em}
	.blog article.blogpost .thumb img {
margin: 3%;
width: 94%;
}
	.blog article.blogpost .thumb {
float: left;
margin-right: 1.2em;
margin-bottom: 1.2em;
width: 20em;
}

	.mainbar .title h2{font-size:1.75em;}
	.sub nav{width:100%}
	 .navigation nav ul li a{
		 font-size:1em}	

	ul.files {
width: 28.125em;
}
	article.download{padding-left: 5em;}
	.blog .content .wrapper{margin-bottom: 5em;}
	
	.blog .content {width: 100%;}
	.blog header{width: 66.666666666666666%;
 float: left;
}
	.blog header article.wrapper{width: 66.66%;}
	

	
	.threeway .wrapper{border-bottom: none; border-right: 1px solid #E1E1E1; padding-top: 1.875em;}
	
	 .columns{-webkit-column-count:2; -webkit-column-gap: 3.125em; -webkit-column-fill:balanced; width: 100%;
 		 -moz-column-count:2; -moz-column-gap: 3.125em; -moz-column-fill:balanced;
 		 column-count:2;column-gap: 3.125em; column-fill:balanced; }
 
 .columns article{
 column-break-inside:avoid;
 -moz-column-break-inside:avoid;
				-webkit-column-break-inside:avoid;				
				display: inline-block; }
	
	.readers-corner .content .twoway{margin-bottom: 5em; float: left;}
	
	footer section, header .wrapper.visual, .mainbar .title, .mainbar .end, .tetris, article.blogpost.visual{display: block;}
	footer section.quicknav{width: 30%;margin-right: 5%; }
	header article.wrapper{width: 33.33%;}
	
	.mainbar .navigation{ width: 27.7778%;}
	
	.twoway .wrapper {
		float: left;
		width: 33%;
	}
	
	header .wrapper, .threeway .wrapper, .quicklink .wrapper.downloads, .blog .wrapper.sidebar {
		float: left;
		width: 33.33%;
	}
	
	header .wrapper.visual, .quicklink .wrapper.blog, .blog .wrapper.blog {
		float: left;
		width: 66.66%;
	}
  
  	
	
  
	header .wrapper.visual {padding-top: 3.125em; }
	
	.quicklink h4{font-size: 2em; /*line-height: 1.8em;*/ }
	.quicklink a.link{ /*margin-left: 0;*/ background-position: left top; /*clear: none; float: left;*/ /*margin-top:3.086em;*/ }
	.ntt-security .content{margin-top: 7.5em;}
	.navigation .arrow{ height: 1.25em;}
	.quicklink a.link{background-image: url(../img/core/icn_quicklink-10.png); }
	.navigation .arrow.above{background-image: url(../img/core/nav_arrow-t-10.png);}
	.navigation .arrow.below{background-image: url(../img/core/nav_arrow-b-10.png);}
	
	.secure-software .navigation.sub .arrow.above{background-image: url(../img/visuals/secure-software/nav_arrow-t-10.png);}
	.secure-software .navigation.sub .arrow.below{background-image: url(../img/visuals/secure-software/nav_arrow-b-10.png);}
	.technical-security .navigation.sub .arrow.above{background-image: url(../img/visuals/technical-security/nav_arrow-t-10.png);}
	.technical-security .navigation.sub .arrow.below{background-image: url(../img/visuals/technical-security/nav_arrow-b-10.png);}
	.compliance .navigation.sub .arrow.above{background-image: url(../img/visuals/compliance/nav_arrow-t-10.png);}
	.compliance .navigation.sub .arrow.below{background-image: url(../img/visuals/compliance/nav_arrow-b-10.png);}
	
	a.older-entries,div.older-entries a{ background-image: url(../img/core/arrow_previous-10.png);}
	a.new-entries,div.new-entries a{ background-image: url(../img/core/arrow_next-10.png);}
}

/*@media screen and (min-width: 1024px) */
@media screen and (min-width: 64em) {
	footer{
		padding-left: 16.666666666666664%;
		padding-right: 16.666666666666664%;
	}
  
  	.blog header{width: 66.666666666666666%;
margin: 0 16.666666666666664%; float: left;
}
  
  	.addthis_toolbox{min-width: 260px; width: 100%; height: auto; overflow: visible;}
  
	.twoway, .threeway {
		width: 66.666666666666666%;
		margin: 0 16.666666666666664%;
	}
  
	header{
		margin-left: 16.666666666666664%;
	}
   
	header .wrapper.visual {
		float: left;
		width: 50%;
	}
}
@media screen and (min-width: 79em) and (max-width: 80) {
.threeway .green. tetris{display:none}
}
/*@media screen and (min-width: 1280px) 13" */ /* @media screen and (min-width: 1440px) 15 inch */ 
@media screen and (min-width: 80em) {
	body {
		font-size: 87.5%;
	}
	
	header .wrapper.visual {padding-top: 1.5em;}
	/* use smaller background- images */
	.navigation .arrow.above{background-image: url(../img/core/nav_arrow-t-20.png);}
	.navigation .arrow.below{background-image: url(../img/core/nav_arrow-b-20.png);}
	
	.secure-software .navigation.sub .arrow.above{background-image: url(../img/visuals/secure-software/nav_arrow-t-20.png);}
	.secure-software .navigation.sub .arrow.below{background-image: url(../img/visuals/secure-software/nav_arrow-b-20.png);}
	.technical-security .navigation.sub .arrow.above{background-image: url(../img/visuals/technical-security/nav_arrow-t-20.png);}
	.technical-security .navigation.sub .arrow.below{background-image: url(../img/visuals/technical-security/nav_arrow-b-20.png);}
	.compliance .navigation.sub .arrow.above{background-image: url(../img/visuals/compliance/nav_arrow-t-20.png);}
	.compliance .navigation.sub .arrow.below{background-image: url(../img/visuals/compliance/nav_arrow-b-20.png);}
	
	a.new-entries,div.new-entries a{ background-image: url(../img/core/arrow_next-20.png);}
	a.older-entries,div.older-entries a{ background-image: url(../img/core/arrow_previous-20.png);}
	.quicklink a.link{background-image: url(../img/core/icn_quicklink-20.png); }
	
	ul li.image a, ul.moremedia li.image a{background-image: url(../img/core/icn_image-small-20.png);}
 	ul li.video a, ul.moremedia li.video a{background-image: url(../img/core/icn_video-small-20.png);}
	
	.downloads ul li a, article.download{background-image: url(../img/core/icn_file-20.png);}
	ul.moremedia li a, .downloads ul.small li a{background-image: url(../img/core/icn_file-small-20.png);}
	ul li.pdf a{background-image: url(../img/core/icn_pdf-20.png);}
	ul.small li.pdf a{background-image: url(../img/core/icn_pdf-small-20.png)}
	footer .copywrite .top{background-image: url(../img/core/icn_top-20.png); max-height: 26px;}
	
	.downloads ul li a{padding-left: 5.5em;}
	 .readers-corner article.download h4{margin-left: 3.5em; }
 	.readers-corner article.download p{margin-left: 6em;}
	
	.rss h4{background-image: url(../img/core/icn_rss-20.png);}
.tweets h4{background-image: url(../img/core/icn_twitter-20.png);}
.categories h4{background-image: url(../img/core/icn_categories-20.png);}
}

/* @media screen and (min-width: 1680px) 20 inch */ /* @media screen and (min-width: 1920px) 24 inch */ 
@media screen and (min-width: 105em) {
	body {
		font-size: 100%;
	}
  
  	.visual img{margin-top:30px}
	header .wrapper.visual {padding-top: 0;}
  	header article.wrapper p{margin-left:4.5em}
	.navigation .arrow.above{background-image: url(../img/core/nav_arrow-t.png);}
	.navigation .arrow.below{background-image: url(../img/core/nav_arrow-b.png);}
	
	.secure-software .navigation.sub .arrow.above{background-image: url(../img/visuals/secure-software/nav_arrow-t.png);}
	.secure-software .navigation.sub .arrow.below{background-image: url(../img/visuals/secure-software/nav_arrow-b.png);}
	.technical-security .navigation.sub .arrow.above{background-image: url(../img/visuals/technical-security/nav_arrow-t.png);}
	.technical-security .navigation.sub .arrow.below{background-image: url(../img/visuals/technical-security/nav_arrow-b.png);}
	.compliance .navigation.sub .arrow.above{background-image: url(../img/visuals/compliance/nav_arrow-t.png);}
	.compliance .navigation.sub .arrow.below{background-image: url(../img/visuals/compliance/nav_arrow-b.png);}
	
	a.new-entries,div.new-entries a{ background-image: url(../img/core/arrow_next.png);}
	a.older-entries,div.older-entries a{ background-image: url(../img/core/arrow_previous.png);}
	.quicklink a.link{background-image: url(../img/core/icn_quicklink.png); }
	ul li.pdf a{background-image: url(../img/core/icn_pdf.png);}
	
	.downloads ul li a, article.download{background-image: url(../img/core/icn_file.png);}
	ul.moremedia li a, .downloads ul.small li a{background-image: url(../img/core/icn_file-small.png);}
	
	ul li.image a, ul.moremedia li.image a{background-image: url(../img/core/icn_image-small.png);}
 	ul li.video a, ul.moremedia li.video a{background-image: url(../img/core/icn_video-small.png);}
	
	ul.small li.pdf a{background-image: url(../img/core/icn_pdf-small.png)}
	footer .copywrite .top{background-image: url(../img/core/icn_top.png); max-height: 30px;}
	
	.rss h4{background-image: url(../img/core/icn_rss.png);}
	.tweets h4{background-image: url(../img/core/icn_twitter.png);}
	.categories h4{background-image: url(../img/core/icn_categories.png);}
}
 
/* @media screen and (min-width: 2080px) 27 inch */
@media screen and (min-width: 130em) {
  body {
   
    font-size: 100%;
  }
	.maincontainer, .mainbar{max-width: 130em; float: left; width: 100%;}
	
	footer{padding-left: 0; padding-right: 0; width: 100%;}
	footer .maincontainer{float: none; }
	
	footer .maincontainer .blocks{margin-left: 16.6667%; width: 66.666666666666666%;}
	/*header, .mainbar{max-width: 130em; }
 	.content{ max-width: 86.66665em;  margin-left: 16.6667%; margin-right: 16.6667%;}
 	.content .threeway, .content .twoway{padding:0;  max-width: 86.66665em; margin-left: 0; margin-right: 0;}
 	.quicklink .twoway{ max-width: 86.66665em; margin: 0 16.6667%;}
 	footer{padding-left: 0; padding-right: 0;}
 	footer .wrapper{ max-width: 86.66665em; margin:0 16.6667%;}
 	footer .wrapper.blocks{margin-bottom: 1.875em ;}*/	 
}

/* ------------------------------------------------------------------ 
*
* HANDLE LAVA
*
 ------------------------------------------------------------------*/
 a.lava{display: block; background: url(http://resources.lavagraphics.be/signature/credits.png) no-repeat; width: 14px; height: 17px; position: fixed; bottom: 10px; right: 10px; text-indent: -9999px; overflow: hidden; display: block; opacity: 0.1; filter:alpha(opacity=10,style=0);}
 
 
/* ------------------------------------------------------------------ 
*
* HANDLE AWWWARDS
*
 ------------------------------------------------------------------*/
#awwwards{
position:fixed;
top:0;
right:0px;
z-index:99999;
}
#awwwards a{
width:69px;
height:105px;
text-indent:-8000px;
display:block;
background:url(../img/awwwards/awwwards_nominee_g_right.png) no-repeat;
overflow:hidden;
text-decoration: none;
border: 0;
}