@import url('html5boilerplate.css');

/*
======================================================
>>	Isotope styles
======================================================
*/

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/*
======================================================
>>	Lectric styles
======================================================
*/

	.lectric-slider,.lectric-slider .items {
	  position: relative;
	}
	.lectric-slider .items {
	  left: 0;
	  width: 100000px;
	}
	.lectric-slider-touch {
	  -webkit-transform: translate3d(0, 0, 0);
	}
	.lectric-slider-touch .items {
	  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
	  -webkit-font-smoothing: antialiased;
	}
	.lectric-slider-touch .item {
	  -webkit-transform: translate3d(0, 0, 0);
	}

	#banner {
      	position: relative;
    	width: 508px;
    }

    #frontpage_slider {
      	height: 300px;
      	width: 500px;
    }
    #frontpage_slider .item {
      	height: 300px;
      	width: 940px;
      	margin-right: 0px;
      	padding: 10px;
      	background-color: #ccc;
    }

    #scrubber {
      	margin: -32px auto 0;
      	height: 31px;
      	width: 850px;
      	z-index: 2;
      	background: url(../graphics/scrubber-bg.png) 15px 13px no-repeat;
    }
    #scrubber .items {
      	height: 50px;
      	background: url(../graphics/scrubber.png) 2px 0px no-repeat;
    }
    #scrubber .item {
      	height: 31px;
      	width: 136px;
    }
    
    #frontpage_slider_wrapper{
    	height: 300px;
    	margin: 0 auto;
    	width: 988px;
    }
    
    .next, .previous {
      	position: relative;
      	display: block;
      	float: left;
      	text-decoration: none;
      	text-indent: 9999px;
      	width: 32px;
      	height: 300px;
      	overflow: hidden;
      	background: url(../graphics/frontpage-teaser-arrows-sprite.png) 0 0 no-repeat;
      	margin: -300px 0;
    }
    
    .next { 
		float: right;
    	background-position: -58px 0;
    }
    .previous { left: 0; }


/*
======================================================
>>	Basic styles/Typography
======================================================
*/
html, body{
	height:100%;
}

body {
	font-family: Arial,Helvetica,sans-serif;
	background: #000;
	margin-top: 0px;
    text-align: center;
}

h1 {
	font-size: 36px;
	color: #77829c;
	line-height: 41px;
	margin: 0;
}

h2 {
	font-size: 26px;
	color: #ddd;
	line-height: 41px;
	margin-top: -6px;
}

h3 {
	font-size: 20px;
	color: #77829c;
	font-weight: bold;
	line-height:20px;
	padding-bottom:3px;
}

h4 {
	font-size: 15px;
	color: #77829c;
	line-height: 20px;
	margin: 0;
	font-weight: bold;
	padding-bottom:1px;
}

h5 {
	color: #77829C;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 12px;
    padding-bottom: 1px;
    margin-bottom: 0;
}

h6 {
	font-size: 15px;
	color: #77829c;
	line-height: 20px;
	margin-top: 5px;
	font-weight: bold;
	padding-bottom:1px;
	margin: 0;
}

dt {
	font-size: 22px;
	color: #77829c;
	line-height: 20px;
}

a:link, a:visited, a:active{
	color:#77829c;
	text-decoration: underline;
}

a:visited{
	color:#77829c;
}

a:hover{
	color:#77829c;
	text-decoration: none;
}

p{
	font-size: 12px;
	color: #ccc;
	line-height: 18px;
}

p.teaser{
	font-size: 15px;
	color: #ccc;
	line-height: 20px;
	padding-bottom: 5px;
	font-weight: bold;
}

ul, ol{
	margin: 0;
	padding: 0;
}

li{
	list-style: none;
}

dd{
	margin: 0;
}
/*
======================================================
>>	Global layout
======================================================
*/
#layout_wrapper {
	height:auto !important;
	margin:0 auto;
	position:relative;
	width:100%;
	min-height:100%;
	text-align: left;
}

section{
	text-align: left;
	display: block;
	overflow: hidden;
}

#header_wrapper{
	width: 100%;
	height: 96px;
	background: url(../graphics/top_bg_tile.png) 0 0 repeat-x;
}

.subpage #header_wrapper{
	width: 100%;
	height: 193px;
	background: url(../graphics/top_bg_tile_subpage.png) 0 0 repeat-x;
}

.subpage #headers{
	position: absolute;
	margin-top: 110px;
}

#header_wrapper section{
	margin: 0 auto;
	clear: both;
	padding:0 10px;
	width:940px;
}

#banner{
	width: 100%;
	height: 300px;
	background: url(../graphics/frontpage-banner-bg-tile.png) 0 0 repeat-x;
	border-top: 1px solid #292F34;
	overflow: hidden;
}

#banner section{
	margin: 0 auto;
	clear: both;
}

#banner #shadow_top{
	background: url(../graphics/shadow_banner_top.png) 0 0 repeat-x;
	width: 100%;
	height: 2px;
	position: absolute;
	z-index: 10;
}

#banner #shadow_bottom{
	background: url(../graphics/shadow_banner_bottom.png) 0 0 repeat-x;
	width: 100%;
	height: 2px;
	position: absolute;
	z-index: 10;
	margin-top: -42px;
}

#content_wrapper{
	width: 100%;
	background: url(../graphics/content_bg_tile.png) 0 0 repeat-x;
}

#content_wrapper:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#content_wrapper {display:inline-block;}
/* Hide from IE Mac \*/
#content_wrapper {display:block;}
/* End hide from IE Mac */

#content_wrapper section{
	padding:40px 10px 0;
	width:940px;
	margin: 0 auto;
	clear: both;
}

#global_logo{
	width: 199px;
	height: 60px;
	padding-top: 19px;
	float:left;
}

#global_logo a{
	display: block;
	width: 199px;
	height: 60px;
	background: url(../graphics/global_logo_subpage.png) 0 0 no-repeat;
	text-indent: -9999px;
}

/*
======================================================
>>	Global Tools
======================================================
*/
#global_tools {
	float: right;
	height: 20px;
	margin-left:350px;
	margin-top: 4px;
	position: absolute;
	width: 600px;
}

#global_tools ul{
	position:absolute;
	right: 0;
}

#global_tools li{
	float: left;
	margin-right: 22px;
}

#global_tools li a{
	font-size: 11px;
	color: #cbcbcb;
	text-decoration: underline;
}

#global_tools li#newsletter{
	margin-right: 15px;
}

#global_tools li#newsletter_icon a{
	background: url(../graphics/arrow_small_white_right.gif) 0 4px no-repeat;
	padding-left: 8px;
}

#global_tools li a:hover{
	text-decoration: none;
}

#global_tools li.english_icon{
	margin-right: 20px;
}

li.english_icon a{
	background: url(../graphics/bi_sprite.png) 0 -137px no-repeat;
	padding-left: 21px;
}

li.linkedin_icon, li.twitter_icon, li.delicious_icon{
	margin-right: 10px!important;
}

li.linkedin_icon a{
	background: url(../graphics/bi_sprite.png) -33px -103px no-repeat;
}

li.linkedin_icon a:hover{
	background-position: -134px -103px;
}

li.twitter_icon a{
	background: url(../graphics/bi_sprite.png) 0 -103px no-repeat;
}

li.twitter_icon a:hover{
	background-position: -101px -103px;
}

li.delicious_icon a{
	background: url(../graphics/bi_sprite.png) -65px -103px no-repeat;
}

li.delicious_icon a:hover{
	background-position: -166px -103px;
}

li.icon a{
	text-indent: -9999px;
	display: block;
	width: 16px;
	height: 20px;
}

/*
======================================================
>>	Global navigation
======================================================
*/
#global_nav {
	float:right;
	height:20px;
	margin-left:250px;
	margin-top:52px;
	overflow:hidden;
	position:absolute;
	text-align:right;
	width:710px;
}

#global_nav ul{
	position:absolute;
	right:0;
}

#global_nav li{
	float: left;
	margin-right: 22px;
}

#global_nav li a{
	color: #d8d8d8;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#global_nav li a:hover{
	color: #77829C;
}

#global_nav li a.active{
	color:#AB0000;
}

/*
======================================================
>>	Top teaser images
======================================================
*/
#banner #banner_cycle{
	width: 100%;
	height: 227px;
	overflow: hidden;
}

#banner #frontpage_slider{
	width: 940px;
	height: 300px;
	margin: 0 auto;
}

#banner #atfront section{
	background: #2a5407 url(../images/frontpage_atfront.jpg) center 0 no-repeat;
	height: 227px;
}

#banner #works section{
	background: #9a1777 url(../images/frontpage_atfront_2.jpg) center 0 no-repeat;
	height: 227px;
}

#banner #dgs section{
	background: #995516 url(../images/frontpage_atfront_3.jpg) center 0 no-repeat;
	height: 227px;
}

#banner #bar{
	background: url(../graphics/frontpage-teaser-bar.png) 0 0 repeat-x;
	width: 100%;
	height: 47px;
	margin-top: -40px;
	position: relative;
	z-index: 1;
}

/*
======================================================
>>	Local navigation
======================================================
*/
#local_nav {
	
}

/*
======================================================
>>	Content
======================================================
*/
#content_copy {
	float: left;
	width: 700px;
	margin-right: 20px;
	padding-bottom: 24px;
}

#related_content{
	float: left;
	width: 220px;
	padding-bottom: 24px;
}

#related_content dd a{
	color: #77829c;
}

#related_content dd a:hover{
	color: #AB0000;
}

#related_content li{
	font-size: 12px;
	color: #77829c;
	padding-bottom: 3px;
	line-height: 17px;
}

#related_content li a{
	background: url(../graphics/arrow_small_blue_right.gif) 0 6px no-repeat;
	display: block;
	font-size: 12px;
	text-decoration: underline;
	padding-left: 10px;
	line-height: 17px;
	color: #77829c;
}

#related_content li a:hover{
	text-decoration: none;
	color: #AB0000!important;
}

#related_content dt{
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 25px;
}

#related_content dd{
	padding-bottom: 20px;
}

#related_content dd p{
	color: #77829c;
	margin-top: 0;
    padding-bottom: 5px;
}

.content_4col{
	width: 220px;
	margin-right: 20px;
	float:left;
}

.content_4col_project{
	width: 220px;
	margin-right: 20px;
	float:left;
	height: 183px;
}

.content_4col_project img{
	border: 5px solid #242424;
}

.floating_boxes{
	width: 960px;
}

.floating_boxes_3col{
	width: 720px;
	clear: both;
}

.floating_boxes_3col .content_4col{
	height:120px;
	border-bottom: 1px solid #545c6e;
	padding-bottom: 8px;
	margin-bottom: 5px;
	overflow:hidden;
}

.floating_boxes_3col_project .content_4col{
	height: 173px;
    margin-bottom: 5px;
    overflow: hidden;
    padding-bottom: 8px;
}

.last_3col .content_4col{
	border-bottom: none;
}

a.send_email_btn{
	width: 133px;
	height: 30px;
	background: url(../graphics/bi_sprite.png) 0 -164px no-repeat;
	text-indent: -9999px;
	display: block;
}

a.send_email_btn:hover{
	background-position: -158px -164px;
}

.projects_wrapper{
	padding-top: 20px!important;
}

#projects{
	width: 720px;
	clear: both;
}

#projects .overlay{
	width: 210px;
	height: 128px;
	background: #000;
	filter:alpha(opacity=74);
	opacity:0.74;
	margin-left: 5px;
    margin-top: 5px;
    position: absolute;
}

.se_slideshow{
	display: block;
	width: 58px;
	height: 73px;
	background: url(../graphics/overlay-slideshow.png) 0 0 no-repeat;
	text-indent: -9999px;
	margin-left: 28px;
    margin-top: 36px;
    position: absolute;
}

.besog_website{
	display: block;
	width: 58px;
	height: 73px;
	background: url(../graphics/overlay-link.png) 0 0 no-repeat;
	text-indent: -9999px;
	margin-left: 133px;
    margin-top: 36px;
    position: absolute;
}

#filter_wrapper{
	margin-bottom: 20px;
	height: 30px;
}

#sort{
	width: 126px;
	height: 30px;
	background: url(../graphics/sort-sprite.png) 0 -117px no-repeat;
}

#filters{
	width: 228px;
	height: 30px;
	background: url(../graphics/sort-sprite.png) 0 0 no-repeat;
}

#layouts{
	width: 100px;
	height: 30px;
	background: url(../graphics/sort-sprite.png) 0 -194px no-repeat;
}

#sort li, #filters li, #layouts li{
	float: left;
}

#sort #dato{
	display: block;
	width: 57px;
	height: 30px;
	text-indent: -9999px;
}

#sort #kunde{
	display: block;
	width: 67px;
	height: 30px;
	text-indent: -9999px;
	margin-left: 2px;
}

#filters #alle{
	display: block;
	width: 75px;
	height: 30px;
	text-indent: -9999px;
}

#filters #websites{
	display: block;
	width: 87px;
	height: 30px;
	text-indent: -9999px;
	margin-left: 2px;
}

#filters #flash{
	display: block;
	width: 60px;
	height: 30px;
	text-indent: -9999px;
	margin-left: 2px;
}

#layouts #enkelt{
	display: block;
	width: 49px;
	height: 30px;
	text-indent: -9999px;
}

#layouts #detaljer{
	display: block;
	width: 47px;
	height: 30px;
	text-indent: -9999px;
	margin-left: 2px;
}

.sorter_label{
	float: left;
	color: #77829c;
	font-size: 15px;
	font-weight: bold;
	margin-right: 7px;
    margin-top: 7px;
}

#sort, #filters, #layouts{
	float: left;
}

#sort{
	margin-right: 30px;
}

#filters{
	margin-right: 20px;
}

#layouts{
	margin-right: 0px;
}

.large{
	width: 700px;	
}

.content_4col_project img{
	float: left;
}

.content_4col_project .img_spacetop{
	margin-top: 26px;
}

.content_4col_project .overlay_spacetop{
	margin-top: 31px!important;
}

.content_4col_project .overlay_btns_spacetop{
	margin-top: 60px!important;
}

.content_4col_project .detaljer{
	float:left;
	padding-left: 20px;
	width: 450px;
	padding: 12px 15px 15px;
	border-bottom: 1px solid #242424;
	height: 155px;
}

.content_4col_project .detaljer p{
	margin-top: 0;
}

.content_4col_project .detaljer .head_date_wrapper{
	margin-bottom: 10px;
}

.content_4col_project .detaljer .head_date_wrapper:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.content_4col_project .detaljer .head_date_wrapper {display:inline-block;}
/* Hide from IE Mac \*/
.content_4col_project .detaljer .head_date_wrapper {display:block;}
/* End hide from IE Mac */

.content_4col_project .detaljer h5{
	float: left;
}

.content_4col_project .detaljer .tech_header{
	margin-top: 0;
}

.content_4col_project .detaljer ul{
	margin-left: -11px;
}

.content_4col_project .detaljer li{
	float: left;
	color: #CCCCCC;
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 15px;
    list-style: circle inside none;
    padding-left: 11px;
}

.content_4col_project .detaljer .date{
	color: #ccc;
	font-size: 11px;
	padding-bottom: 0;
	padding-top: 9px;
	float:right;
}

.content_4col_project .detaljer .date .project_tools{
	display: block;
	float:left;
	margin-top: 0;
	padding-right: 5px;
}

.content_4col_project .detaljer .date .project_tools .slideshow{
	background: url(../graphics/slideshow-icon.png) 0 2px no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -9999px;
}

.content_4col_project .detaljer .date .project_tools .link{
	background: url(../graphics/link-icon.png) 0 3px no-repeat;
	width: 16px;
	height: 18px;
	display: block;
	text-indent: -9999px;
}

.content_4col_project .detaljer .date .project_tools img{
	border: none;
}

.content_4col_project .display_none{
	display: none;
}

#fancybox-content{
	border: 15px solid #242424!important;
}

/*
======================================================
>>	Special for frontpage
======================================================
*/
.frontpage #global_logo{
	width: 319px;
	height: 88px;
	margin: 0 auto;
	float: none;
	padding-top: 50px;
}

.frontpage #global_logo a{
	width: 319px;
	height: 88px;
	background: url(../graphics/frontpage-global-logo.png) 0 0 no-repeat;
	display: block;
}

.frontpage #header_wrapper{
	background: #000000; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1f24', endColorstr='#000000'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#1c1f24), to(#000)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #1c1f24,  #000); /* for firefox 3.6+ */ 
	
	height: 263px;
}

.frontpage header{
	height: 263px;
    margin: 0 auto;
    width: 940px;
}

.frontpage #teaser_header p{
	font-size: 24px;
	color: #8b96aa;
	text-align: center;
	line-height: 29px;	
}

.frontpage #teaser_header strong, .frontpage #teaser_header span{
	color: #fff;
}

.frontpage #teaser_header span{
	font-size: 21px;
}

.frontpage #content_copy{
	width: 960px;
	overflow: hidden;
}

.frontpage dl{
	float: left;
	width: 220px;
	margin-right: 20px;
}

.frontpage dl h2{
	margin-bottom: 0;
    margin-top: 0;
}

.frontpage dl h2 a{
	font-size: 26px;
	color: #77829c;
	margin-bottom: 0;
    margin-top: 0;
    display: block;
    text-decoration: none;
}

.frontpage dl h2 a:hover{
	color: #fff;
}

.frontpage dt a{
	background: url("../graphics/arrow_small_black_right.png") no-repeat scroll 8px 7px #8B96AA;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 21px;
    padding-left: 18px;
    padding-top: 2px;
    text-transform: uppercase;
    width: 201px;
    color: #000000;
    display: block;
    text-decoration: none;
}

.frontpage dt a:hover{
	background: url("../graphics/arrow_small_black_right.png") no-repeat scroll 8px 7px #fff;
}

.frontpage dd li{
	line-height: 22px;
	font-size: 12px;
}

.frontpage dd li p{
	color: #77829c;
	line-height: 17px;
	margin: 0;
}

.frontpage dd .links li a{
	background: url(../graphics/arrow_small_blue_right.gif) 0 4px no-repeat;
	padding-left: 10px;
}

.frontpage dd li span a{
	color: #ab0000;
	background: none!important;
	padding-left: 0!important;
}

.frontpage dd li a:hover{
	color: #fff;
}

.frontpage dd .send_email_btn{
	margin: 10px 0;
}

#contact_banner a{
	display: block;
	width: 940px;
	height: 102px;
	text-indent: -9999px;
	background: url(../graphics/kontakt-banner.jpg) 0 0 no-repeat;
	clear: both;
}

#contact_banner a:hover{
	background-position: 0 -102px;
}
/*
======================================================
>>	Page footer
======================================================
*/
#content_footer_push{
	clear:both;
	height:205px;/*before: 24px*/
}

footer {
	width: 100%;
	background: url(../graphics/footer_bg_tile.png)	0 0 repeat-x;
	height: 24px;
	display: block;
	position:absolute;/*relative*/
	padding-top: 8px;
}

#small_footer{
	margin-top:-32px;
	display:none;/*Remove*/
}

#fat_footer{
	background:none repeat scroll 0 0 #16191F !important;
	border-top:1px solid #384151;
	display:block;
	height:164px !important;
	margin-top:-173px;
}

footer section{
	width:940px;
	margin: 0 auto;
	clear: both;
}

footer p{
	float:left;
	font-size: 12px;
	color: #cbcbcb;
	line-height: 17px;
	width:390px;
	margin-top: 2px;
}

#fat_footer p{
	width:200px!important;
}

#tweet ul{
	margin-top: 2px;
}

footer a{
	color: #cbcbcb!important;
}

footer a:hover{
	color: #AB0000!important;
}

footer #footer_nav{
	float: right;
	height: 20px;
	margin-left:350px;
	margin-top: 3px;
	position: absolute;
	width: 600px;
}

#footer_nav ul{
	position:absolute;
	right: 0;
}

#footer_nav li{
	float: left;
	margin-right: 22px;
	color: #cbcbcb;
	padding-left: 10px;
	background: url(../graphics/arrow_small_white_down.gif) 0 4px no-repeat;
	font-size: 12px;
}

#fat_footer li{
	color: #cbcbcb;
	font-size: 12px;
	line-height: 17px;
	padding-bottom: 3px;
}

.twitter_bird{
	padding-left: 27px;
	background: url(../graphics/bi_sprite.png) 0 -77px;
}

#twitter span{
	display: block;
}

#fat_footer li.linkedin_icon, #fat_footer li.twitter_icon, #fat_footer li.delicious_icon{
	float:left;
}

.newsletter_wrapper{
	height: 30px;
	clear:both;
}

.newsletter_wrapper input{
	float:left;
	border:0 none;
	background: url(../graphics/bi_sprite.png) 0 0 no-repeat;
	margin-right:0;
	height:30px;
}

.newsletter_email{
	width: 149px;
	padding:0 5px;
	color: #fff;
	font-size: 12px;
}

input.newsletter_submit{
	width: 29px;
	background: url(../graphics/bi_sprite.png) -289px 0px no-repeat;
	cursor: pointer;
}

input.newsletter_submit:hover{
	width: 29px;
	background: url(../graphics/bi_sprite.png) -289px -35px no-repeat;
	cursor: pointer;
}

h4 a{
	font-size: 15px!important;
	color: #77829c!important;
	line-height: 20px!important;
	font-weight: bold!important;
	text-decoration: none!important;
}

/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}