/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}



/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*** 
GLOBAL 
***/

body {font-family:Arial, Helvetica, sans-serif; background: #f9f6ef; min-width:960px;/*  padding-top:65px;*/}

.wrapper {width:100%; position:relative;}
.content {width:960px; margin:0 auto; position:relative;}
.content:after {content:''; clear:both;}

.clouds {
	 background: #82d3e8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyZDNlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY2ZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #82d3e8 0%, #f9f6ef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82d3e8), color-stop(100%,#f9f6ef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #82d3e8 0%,#f9f6ef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #82d3e8 0%,#f9f6ef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #82d3e8 0%,#f9f6ef 100%); /* IE10+ */
background: linear-gradient(to bottom, #82d3e8 0%,#f9f6ef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82d3e8', endColorstr='#f9f6ef',GradientType=0 ); /* IE6-8 */

position:absolute;
width:100%;
height:450px;

}
.clouds {background:url('/assets/images/uploads/clouds.jpg') repeat-x;}
.section {float:left;}

.full {width:100%;}
.half {width:50%; padding:0 2%;}
.third {padding: 0 1%;width:33%;}
.two-third {padding: 0 1%;
    width: 66%;}
.quarter {width:25%; padding:0 1%;}

.clear {clear:both;}
.clear:after {content:''; }

.no-margin {margin:0;}	
/*** floats ***/
.float-left {float:left;}
.float-right {float: right;}
img.float-left {margin: 0 10px 10px 0;}
img.float-right {margin: 0 0 10px 10px;}
img.treatment {border:1px solid #74c045; padding:5px;}



/*** typography ***/

.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}

.blue {color:#48b2d1;}
.purple {color:#3f5698;}
.green {color:#74c045;}

.bold {font-weight:bold;}
.italic {font-style:italic;}

.huge {font-size:47px;}
.big {font-size:20px;}
.small {font-size:10px;}

/*** links ***/
.main a, .main a:visited, .breadcrumb a, .breadcrumb a:visited, .secondary a, .secondary a:visited, a:visited {color:#74c045; font-weight:bold;}
/*.secondary a:visited, a:visited {color:#fff; font-weight:bold;}*/
a:hover {text-decoration:none;}

.main a.button, .secondary a.button {background: none repeat scroll 0 0 #4E63A0;
    border: 1px solid #CCCCCC;
    color: #FFFFFF !important;
    display: inline-block;
	font-weight:normal;
    font-size: 22px;
    padding: 15px 70px 15px 15px;
    text-align: right;
    text-decoration: none;
	position:relative;
	overflow:hidden;}

.main a.button:after, .secondary a.button:after {content:'\25B8'; background:#1c284a; border-radius:100%; display: inline-block;
    font-size: 45px;
	 color: #FFFFFF;
    height: 40px;
	font-weight:normal;
    line-height: 40px;
    position: absolute;
    right: -40px;
    text-align:left;
	padding-left:15px;
    top: 50%;
    transform: scaleY(2);
    width: 100px;
	margin-top:-20px;
	}

.main a.button:hover:after, .secondary a.button:hover:after {background:#74c045;}

.interior-links a, a.oval {color:#fff; text-align:right; text-decoration:none; font-size:20px; display:block; position:relative; text-transform:uppercase; padding-right:55px; margin:15px 0; font-weight:normal;}
.interior-links a:after, .oval:after {content:''; display: inline-block; position:absolute;width:35px; height:64px; background:url('/assets/images/uploads/link-hover-cheat.png') no-repeat -35px -64px; top:50%; right:0; z-index:10; margin-top:-30px;}
.interior-links a:hover:after, .oval:hover:after {background-position: -35px 0;}
.interior-links a span, .oval span {display:block; font-size:1.5em;}
.interior-links a:hover span, .oval:hover span {color:#74c045;}

/*** Interior-links ***/
.interior-links-wrap {background:#4a67a9; border-bottom: 5px double #ccc;}
.interior-links {text-align:center;}
.interior-links a {display:inline-block; margin:10px;}


a.oval {display:inline-block; text-transform:uppercase; padding:40px 75px 40px 30px; font-weight:normal; background:#1c284a; border-radius:100%; }
.main a.oval, .secondary a.oval {color:#fff !important;}
.oval:after {right:10%;}




/*** offset ***/
.offset {background:#bec8e0; border: 1px solid #ccc; margin:40px 0; color:#000; padding:20px;}
.offset a, .offset a:visited {color:#3b4e92;}

.border-left {border-left:1px solid #ccc;}
.border-right {border-right:1px solid #ccc;}


/*** tables ***/
table.treatment {border-collapse: separate;
    border-spacing: 1px;
    width: 100%;}
table.treatment td.corner {
    visibility: hidden;
}
table.treatment th, table.treatment td {border: 1px solid #555555;
    min-width: 15%;
    padding: 0.5em;
    text-align: left;}
table.treatment th {background: none repeat scroll 0 0 #74c045;
    color: #FFFFFF;}
table.treatment td {background: none repeat scroll 0 0 #eee;
    color: #000000;
    font-weight: bold;}
	
/*** accepted/non-accepted ***/
.acceptable li {list-style-image: url("/assets/images/uploads/accepted.png"); line-height:2em;}
.non-acceptable li {list-style-image: url("/assets/images/uploads/non-accepted.png"); line-height:2em;}

/*** accordion ***/
.ui-accordion-header {background:#74c045; color:#fff; border: 1px solid #555555; /*border-radius:10px;*/ padding:10px; margin-bottom:0;}
.ui-accordion-header.ui-state-hover {cursor:pointer; background:#47B1D2;}
.ui-accordion-header.ui-state-active, .ui-accordion-header.ui-corner-top {/*border-radius:10px 10px 0 0;*/}
.ui-accordion-content {border: 1px solid #555555; /*border-radius:0 0 10px 10px;*/ padding:10px; background:#eee; border-top:none;}

/**** NAV ****/

.nav-wrap {background:#3f5698; z-index:20;/* position:fixed; top:0;*/}
.nav ul {margin:0; padding:0; text-align:center;}
.nav li {display:inline-block;  *display: inline; zoom: 1; position:relative;}
.nav a {display:inline-block;  *display: inline; zoom: 1; padding: 16px; text-decoration:none; color:#fff; font-size:17px;  font-weight:bold;}
.nav .selected {color:#47b1d2;}
.nav li:hover a {background:#47b1d2; color:#fff;}

.expandable > ul {display:none;left: 0; position: absolute; z-index:20; padding:0; margin:0; width:240px;}
.expandable:hover  > ul {display:block;}
.expandable > ul li {display:block; text-align:left;}
.expandable > ul a {display:block; padding:10px 30px; color:#fff;}
.expandable:hover  > ul a {color:#fff;}
.expandable > ul .selected {background:#74c045 !important; color:#fff;}
.expandable > ul li:hover a {background:#74c045; color:#fff;}



/*** MOBILE NAV ***/
.mobile-nav-wrap {background:#3f5698; z-index:20;/* position:fixed; top:0;*/}
.mobile-nav-wrap, .mobile-nav ul {display:none;}
.mobile-nav ul, .mobile-nav p {margin:0; padding:0;}
.mobile-nav ul {width:100%; margin:0 auto;}
.mobile-nav p {padding:15px;}
.mobile-nav li {padding: 10px 0 0 0; position:relative;}
.mobile-nav a {text-decoration:none; color:#fff; font-size:17px; font-weight:bold; padding:2px;}
/*.mobile-nav .selected {color:#47b1d2;}
.mobile-nav a:hover {color:#74c045;}*/

.mobile-nav ul li a {background:#74c045; padding:10px;  margin:5px 0;}

.mobile-nav .expandable > ul {left: 0;
    position: relative;
    top: 0;
	left: 20px;
    width: 100%;}
	.mobile-nav .expandable > ul li {display:inline-block; }
.mobile-nav .expandable > ul li a {display: inline-block;}
.mobile-nav .expandable > ul a:hover {color:#fff;}


/**** HEADER *****/

.header-wrap {height: 175px;}
.header-wrap:before {content:''; background:url('/assets/images/uploads/clouds.jpg') repeat-x; position:absolute;}
.header-address {font-size:20px; position:absolute; top:0; left:0; text-shadow:2px #fff;}
.header-text {position:absolute; top:0; right:0; color:#032c58;  text-shadow:2px #fff;}
.header-logo {background:#3f5698; border-radius:100%; width:300px; height:300px; text-align:center; top:-150px; position:absolute; z-index:10; left:50%; margin-left:-160px;}
.header-logo:hover {background:#74c045;}
.header-logo a {display:block; width:100%; height:100%;}
.header-logo img {position:relative; top:50%;}

/*** MAIN ***/
.main-wrap {padding-bottom:30px;}
/*.main-wrap:before {content:''; background:url('/assets/images/uploads/clouds.jpg') repeat-x; position:absolute;}*/
.main {}


/*** SECONDARY ***/
.secondary-wrap {background:#4a67a9; padding:30px 0;}
.secondary {color:#fff;}

/*** FOOTER ***/
.footer-wrap {background:#1c284a;}
.footer {overflow:hidden;}
.footer p {color:#fff; text-align:center; font-weight:bold;}


/*** SLIDER ***/
.slides {display:none; text-align:center; position: relative;}

.slidesjs-previous, .slidesjs-next { display:block; height: 64px; width:35px; text-indent:-9999px; position:absolute; top:50%; z-index:10;}
.slides a:hover, .slides a:active, .slides a:focus {outline:0;}
.slidesjs-previous {background:url('/assets/images/uploads/link-hover-cheat.png') no-repeat 0 0; left:0;}
.slidesjs-next {background:url('/assets/images/uploads/link-hover-cheat.png') no-repeat -35px 0; right:0;}
.slidesjs-previous:hover {background-position: 0 -64px;}
.slidesjs-next:hover {background-position: -35px -64px;}
.slidesjs-pagination {margin:0; padding:0; position:absolute;  z-index:10; bottom:0;}
.slidesjs-pagination-item {display:inline-block; margin:0 2px;}
.slidesjs-pagination a {display:block; height:20px; width:20px; text-indent:-9999px; text-decoration:none; background:#48b2d1;}
.slidesjs-pagination .active { background:#3f5698;}
.slidesjs-pagination a:hover {background:#74c045;}

.slider-text {margin: 20px 0; padding: 0 70px;}
.slider-text h2 {color:#1c284a; font-size:32px; margin:0;}
.slider-text p {margin:0;}

.slider-text {display:none;}

/*** NEWS ***/
.news {margin: 0 auto 20px; 
column-count:3;
column-gap:20px;
-moz-column-count: 3;
       -moz-column-gap: 20px;
       -webkit-column-count: 3;
       -webkit-column-gap: 20px;}
.news .item {display:inline-block; width: 300px; vertical-align:top;}
.news .header {background:#74c045; color:#fff; border: 1px solid #555555; /*border-radius:10px;*/ padding:10px; margin-bottom:0;}
.news .article {border: 1px solid #555555; /*border-radius:0 0 10px 10px;*/ padding:10px; background:#eee; border-top:none;}


/*** MISC ***/
#img-residential {width:350px; float:right; margin-bottom: 20px;}
#img-commercial {display:block;  margin:0 auto; width:300px;}
#img-construction {display:block; margin:0 auto; width:300px;}
#holiday {width:100%;}

/* Notifications */

a.alert.show {
  visibility:hidden;
  z-index:10000;
  -webkit-border-radius:0 0 5px 5px;
  -moz-border-radius:0 0 5px 5px;
  -ms-border-radius:0 0 5px 5px;
  -o-border-radius:0 0 5px 5px;
  border-radius:0 0 5px 5px;
  position:absolute;
  top:0;
  left:5px;
  display:inline-block;
  padding:5px 0 20px 0;
  width:80px;
  text-align:center;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  background:#a90329;
  background:-moz-radial-gradient(center,ellipse cover,#a90329 0%,#8f0222 44%,#6d0019 100%);
  background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#a90329),color-stop(44%,#8f0222),color-stop(100%,#6d0019));
  background:-webkit-radial-gradient(center,ellipse cover,#a90329 0%,#8f0222 44%,#6d0019 100%);
  background:-o-radial-gradient(center,ellipse cover,#a90329 0%,#8f0222 44%,#6d0019 100%);
  background:-ms-radial-gradient(center,ellipse cover,#a90329 0%,#8f0222 44%,#6d0019 100%);
  background:radial-gradient(ellipse at center,#a90329 0%,#8f0222 44%,#6d0019 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329',endColorstr='#6d0019',GradientType=1);
  border:solid .5px #333;
}
a.alert.show:after {
  content:"";
  display:block;
  position:absolute;
  bottom:5px;
  left:27.5px;
  width:0px;
  height:0px;
  border-style:solid;
  border-width:10px 12.5px 0 12.5px;
  border-color:#ffffff transparent transparent transparent;
  -webkit-transform:rotate(360deg);
  border-style:outset;
}
#notification-wrapper {
  display:none;
  position:relative;
  background:#a90329;
  background:-moz-radial-gradient(center,ellipse cover,#a90329 0%,#8f0222 44%,#6d0019 100%);
  background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#a90329),color-stop(44%,#8f0222),color-stop(100%,#6d0019));
  background:-webkit-radial-gradient(center,ellipse cover,#a90329 0%,#8f0222 44%,#6d0019 100%);
  background:-o-radial-gradient(center,ellipse cover,#a90329 0%,#8f0222 44%,#6d0019 100%);
  background:-ms-radial-gradient(center,ellipse cover,#a90329 0%,#8f0222 44%,#6d0019 100%);
  background:radial-gradient(ellipse at center,#a90329 0%,#8f0222 44%,#6d0019 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329',endColorstr='#6d0019',GradientType=1);
  z-index: 20;
}
#notification-wrapper #notifications {
  position:relative;
  width:960px;
  margin:0 auto;
  padding:15px 0 95px 0;
}
#notification-wrapper #notifications .notification {
  color:#fff;
  padding:6px 0 10px 0;
  text-align:center;
}
#notification-wrapper #notifications a.hide {
  -webkit-border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -ms-border-radius:5px 5px 0 0;
  -o-border-radius:5px 5px 0 0;
  border-radius:5px 5px 0 0;
  position:absolute;
  bottom:0;
  display:inline-block;
  padding:40px 20px 10px 20px;
  width:160px;
  left:400px;
  text-align:center;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  background:#000000;
  background:-moz-linear-gradient(top,#000000 0%,#333333 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#000000),color-stop(100%,#333333));
  background:-webkit-linear-gradient(top,#000000 0%,#333333 100%);
  background:-o-linear-gradient(top,#000000 0%,#333333 100%);
  background:-ms-linear-gradient(top,#000000 0%,#333333 100%);
  background:linear-gradient(to bottom,#000000 0%,#333333 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#333333',GradientType=0);
  border:solid .5px #333;
}
#notification-wrapper #notifications a.hide:before {
  content:"";
  display:block;
  position:absolute;
  top:5px;
  left:42.5px;
  width:0px;
  height:0px;
  border-style:solid;
  border-width:0 37.5px 25px 37.5px;
  border-color:transparent transparent #ffffff transparent;
  -webkit-transform:rotate(360deg);
  border-style:inset;
}

.notification a {color:#fff;}
/*#normal-schedule-mobile, #holiday-schedule-mobile {display:none;}*/

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.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: h5bp.com/p
 */

.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;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (max-width: 900px) {
    /* Style adjustments for viewports that meet the condition */
	.global {min-width:500px;}
	.content {width:500px;}
	.half, .third, .two-third, .quarter {width:100%; margin:0;}
	#home .main-wrap, .nav {display:none;}
	
	.header-logo {margin:0 auto; width:200px; height:200px; left:0; top:-100px;}
	.header-logo img {width:132px;}
	.mobile-nav-wrap {display:block; overflow:hidden;}
	
	.mobile-nav-cheat {margin:20px 0;} 
	.mobile-nav li {margin:10px 0;}
	.expandable > ul li {margin:0;}
	
	.expandable > ul .selected {background-color:transparent!important;}
	
	.interior-links a, a.oval {font-size:15px;}
	.header-address, .header-text {position:static;}
	.header .align-left {text-align:right;}
	
	.main a.button {font-size:20px;}
	
	.border-right {border:none;}
	
	.news {column-count:1; -moz-column-count:1; -webkit-column-count:1;}
	.news .item {width:100%;}
	
	.offset img {display:block; margin:0 auto;}
	#home .offset img {width:296px;}
	
	#notification-wrapper #notifications {width:500px;}
	#notification-wrapper #notifications a.hide {left: 35%;  }
	
	/*.mobile-nav .expandable .sub-nav {display:none !important;}*/
	
}

@media only screen and (max-width: 600px) {
    /* Style adjustments for viewports that meet the condition */
	.global {min-width:300px;}
	.content {width:300px;}
	
	.header-wrap {height:265px;}
	
	.header-logo {left:50%; margin-left:-100px;}
	.header-address, .header-text {position:relative; top:107px;}
	.header .align-left, .header .align-right {margin:0; padding:0; text-align:center;}
	
	a.alert.show span, a.alert.show br {display:none;}
	
	table.treatment th, table.treatment td {padding:0.2em; font-size:0.8em;}
	
	#notification-wrapper #notifications {width:300px;}
	#notification-wrapper #notifications a.hide {left: 20%;}
	
	.offset img, #home .offset img  {width:100%;}
	#img-residential {width:100%;}
	
	#th-res, #th-com {font-size:10px;}
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    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;
    }
}