/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.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 {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * 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 audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

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

/*
 * Remove default fieldset styles.
 */

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

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

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

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

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

*, *:before, *:after {

    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
    margin:0;
    padding:0;
}
html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:geometricPrecision;font-smooth:always}
body{margin:0;padding:0;font-size:1.2em}

@font-face {
    font-family: 'HusqvarnaGothic-Bold';
    src: url('../font/HusqvarnaGothic/HusqvarnaGothic-Bold.eot'); /* IE9 Compat Modes */
    src: url('../font/HusqvarnaGothic/HusqvarnaGothic-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/HusqvarnaGothic/HusqvarnaGothic-Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/HusqvarnaGothic/HusqvarnaGothic-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('../font/HusqvarnaGothic/HusqvarnaGothic-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../font/HusqvarnaGothic/HusqvarnaGothic-Bold.svg#svgHusqvarnaGothic-Bold') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'HusqvarnaGothic-Regular';
    src: url('../font/HusqvarnaGothic/HusqvarnaGothic-Regular.eot'); /* IE9 Compat Modes */
    src: url('../font/HusqvarnaGothic/HusqvarnaGothic-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/HusqvarnaGothic/HusqvarnaGothic-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/HusqvarnaGothic/HusqvarnaGothic-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../font/HusqvarnaGothic/HusqvarnaGothic-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../font/HusqvarnaGothic/HusqvarnaGothic-Regular.svg#svgHusqvarnaGothic-Regular') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'HusqvarnaGothic-Light';
    src: url('../font/HusqvarnaGothic/HusqvarnaGothic-Light.eot'); /* IE9 Compat Modes */
    src: url('../font/HusqvarnaGothic/HusqvarnaGothic-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/HusqvarnaGothic/HusqvarnaGothic-Light.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/HusqvarnaGothic/HusqvarnaGothic-Light.woff') format('woff'), /* Pretty Modern Browsers */
    url('../font/HusqvarnaGothic/HusqvarnaGothic-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../font/HusqvarnaGothic/HusqvarnaGothic-Light.svg#svgHusqvarnaGothic-Regular') format('svg'); /* Legacy iOS */
}

h1{font-size:30pt;font-family:HusqvarnaGothic-Bold,sans-serif;line-height:1.2em}
h2{font-size:30pt;font-family:HusqvarnaGothic-Bold,sans-serif}
h3{font-size:18pt;font-family:HusqvarnaGothic-Bold,sans-serif;line-height:1.2em}
h4{font-size:20pt;font-family:HusqvarnaGothic-Bold,sans-serif}
h5,a{font-size:16pt;font-family:HusqvarnaGothic-Bold,sans-serif}
h6{font-size:13pt;font-family:HusqvarnaGothic-Regular,sans-serif}
span{font-size:11pt;font-family:HusqvarnaGothic-Light,sans-serif}

/* Green: #003d37 / Grey: #edebee / Orange: #f35321 */
.green{color:#003d37 !important}
.orange{color:#f35321}
ul{list-style:none}
a{text-decoration:none;color:#fff}
.regular{font-family:HusqvarnaGothic-Regular,sans-serif}
.bold{font-family:HusqvarnaGothic-Bold,sans-serif}

.wrapper{position:relative;max-width:1170px;height:inherit;margin:0 auto}


/*HEADER*/
header{position:fixed;top:0;left:0;width:100%;height:160px;z-index:10}
header .headerContact{position:relative;width:100%;height:60px;background:#edebee;text-align:right}
header .headerContact .center{position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:100%}
header .headerContact .center h5,header .headerContact .center h5 a{font-size:13pt !important;line-height:16pt}
header .headerContact .center .green,header .headerContact .center .green a{color:#003d37 !important}
header .headerContact .media{position:absolute;top:50%;right:-50px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
header .headerNav{position:relative;width:100%;height:100px;background:#003d37}
header .headerNav .logo{position:absolute;left:0;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:inherit}
header .headerNav .logo img{width:auto}
header .headerNav nav{position:absolute;right:0;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
header .headerNav ul{position:relative;right:-25px}
header .headerNav li{display:inline-block;vertical-align:top;padding:10px 18px}
header .headerNav a{text-transform:uppercase;letter-spacing:.1em}
header .headerNav ul li a:hover,header .headerNav a.hover,header .headerNav li ul a.hover{color:#f35321 !important}
header .headerNav .liDropdown{position:relative}
header .headerNav .dropdown{display:none;position:absolute;top:100%;left:0;background:#fff}
header .headerNav .dropdown li{display:block}
header .headerNav .dropdown li:first-child{border-bottom:2px solid #003d37}
header .headerNav .liDropdown:hover .dropdown{display:block;width:125%}

header #menu-btn{display:none}
header .menu-btn {
    position: absolute;
    display: inline-block;
    right: 0;
    width: 25px;
    height: 21px;
    top: 30px;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 200;
    vertical-align: middle;
    cursor: pointer;
    z-index: 99;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.menu-btn span {
    position: absolute;
    left: 0;
    display: block;
    width: 22px;
    height: 3px;
    background: #edebee;
    opacity: 1;
    z-index: 99;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.menu-btn span:nth-child(1) {
    top: -2px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.menu-btn span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.menu-btn span:nth-child(3) {
    top: 14px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.menu-btn.open span:nth-child(1) {
    top: 0px;
    left: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menu-btn.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}
.menu-btn.open span:nth-child(3) {
    top: 16px;
    left: 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.responsive-menu {
    -webkit-transition: top 0.5s;
    -moz-transition: top 0.5s;
    -ms-transition: top 0.5s;
    -o-transition: top 0.5s;
    transition: top 0.5s;
    position: fixed;
    top: -100%;
    right: 0;
    left: 0;
    height: 100%;
    z-index: 9;
    background: #003d37;
}

.responsive-menu ul{position:absolute;top:calc(50% - 100px);left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}
.responsive-menu li{text-align:center;margin-bottom:10px}
.responsive-menu li a {font-size:16pt;text-transform:uppercase;letter-spacing:.1em}



/*CONTAINER*/
#container{position:relative;top:0;margin-top:160px;padding-bottom:200px}


/*FOOTER*/
footer{position:relative;background:#003d37;width:100%}
footer .robot{position:absolute;top:-115px;left:0}
footer .column{display:inline-block;vertical-align:top;color:#fff;width:25%}
footer .column h3{text-transform:uppercase;padding-top:40px;padding-bottom:30px}
footer .column h5{color:#fff;letter-spacing:1px;}
footer .column a, footer .column img{display:block}
footer .column:last-child img{margin-right:0;margin-left:auto}
footer .column:last-child{text-align:right}
footer .marginTop{margin-top:10px}
footer .copyright{color:#fff;padding:75px 0 20px}
footer .copyright a{font-size:11pt;font-family:HusqvarnaGothic-Regular,sans-serif}
footer .copyright a:hover{color:#f35321}


/*HOMEPAGE*/
.homeBanner{position:relative;top:0;bottom:0}
.homeBanner img{position:relative;width:100%;height:auto;z-index:1}
.homeBanner .bannerContent{position:absolute;top:0;left:50%;width:1170px;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;padding:50px 0;z-index:2}
.homeBanner .orangeBtn{margin-top:50px}
.homeBanner .orangeBtn a{padding:20px;background:#f35321}

.homeProduits{position:relative;top:-125px;width:100%;margin-bottom:50px;z-index:3}
.homeProduits h2{margin-bottom:20px;text-transform:uppercase;color:#f35321}
.homeProduits .homeItem,.homeProduits .homeIcon,.homeVideo{width:30%}
.homeProduits .spacer,.homeAccessoires .spacer,.homeVideos .spacer{width:5%}
.homeProduits .homeItem,.homeProduits .spacer,.homeProduits .homeIcon,.homeVideo,.homeVideos .spacer,.itemAccessoires,.homeAccessoires .spacer{display:inline-block;vertical-align:top}
.homeProduits .homeItem{padding:20px;text-align:center;background:#edebee;border:4px solid #003d37}
.homeProduits .homeItem h6{padding-bottom:20px}
.homeProduits .homeItem img{width:100%}
.homeProduits .homeItem .infoItem{text-align:right;margin-top:20px}
.homeProduits .mainVideo{width:100%;margin-bottom:20px}
.homeProduits .homeIcon{padding:20px;text-align:center}
.homeProduits .homeIcon h3{padding:10px 0}

.homeAccessoires{position:relative;width:100%;padding:30px 0 90px;background:#003d37}
.wrapperAccessoires{display:flex;flex-wrap:wrap;width:100%;height:100%}
.homeAccessoires h2{margin-bottom:20px;text-transform:uppercase;color:#f35321}
.homeAccessoires h4{padding-bottom:20px;color:#fff}
.itemAccessoires{display:flex;flex-direction:column;width:21.25%;padding:20px;text-align:center;background:#edebee}
.itemAccessoires h5{min-height:100px;color:#f35321}
.itemAccessoires img{width:100%}
.homeAccessoires .black{color:#000}
.itemAccessoires .infoItem{text-align:right;margin-top:30px}

.container-youtube{position:relative;width:100%;height:0;padding-bottom:56.25%;margin-bottom:50px}
.container-youtube .video-youtube{position:absolute;top:0;left:0;width:100%;height:100%}

.homeVideos{position:relative;width:100%;padding:40px 0}
.homeVideos h2{margin-bottom:20px;text-transform:uppercase;color:#f35321}
.homeVideo{position:relative}
.homeVideo img{width:100%}
.homeVideo h3{position:absolute;top:70%;width:100%;text-align:center;color:#fff}



.contentServices h2{padding-top:50px;margin-bottom:20px;text-transform:uppercase;color:#f35321}
.contentServices ul{list-style-type:circle}
.contentServices li{font-family:HusqvarnaGothic-Regular,sans-serif;margin-bottom:10px}
.contentServices p{font-size:13pt}
.contentServices p a:hover{color:#f35321 !important}
.serviceLeft,.serviceRight{display:inline-block;vertical-align:top}
.serviceLeft{width:70%}
.serviceRight{width:30%;text-align:center}
.serviceRight img{margin-top:50px}



/*ACCESSOIRES*/
.accessoires{background:#fff !important}
.itemAccessoires{margin-bottom:5%}


/*PRINCIPE*/
.contentPrincipe .wrapper{width:70%;margin:0 auto}
.contentPrincipe h2{padding-top:50px;margin-bottom:20px;text-transform:uppercase;color:#f35321}
.contentPrincipe p{font-family:HusqvarnaGothic-Regular,sans-serif;margin-bottom:20px}
.principeLeft,.principeRight,.principeLeft2,.principeRight2{display:inline-block;vertical-align:top}
.principeLeft{width:50%;margin-right:10%}
.principeRight2{width:50%;margin-left:10%}
.principeRight,.principeLeft2{width:40%}
.principeRight img,.principeLeft2 img{margin-bottom:10%}
.principeRight,.principeRight2{text-align:right}


/*TONDEUSES*/
.pageProduits{top:0;padding-top:30px}
.tondeuses .homeItem{padding:20px;text-align:center;background:#edebee;border:none;margin-bottom:5%}
.highlightItem{position:relative;height:100%;padding:20px;background:#edebee}
.highlightItem img,.hlContent{display:inline-block;vertical-align:top;text-align:center}
.highlightItem img{width:50%}
.hlContent{height:inherit}
.hlWrapper{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:30%;margin:0 10%}
.homeProduits .batterie-last .homeItem{width:47.5% !important}

.r_mention_legale{margin-bottom:25px}

@-moz-document url-prefix() {
    .wrapperAccessoires {
        margin-bottom: 5%;
    }
}










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

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.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:
 * https://www.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 screen readers, 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;
}

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

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

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

@media only screen and (max-width: 1170px) {
    .wrapper,.homeBanner .bannerContent{width:90%;margin-right:auto;margin-left:auto;padding:0}
    .homeProduits{position:relative;top:25px}
    h1{font-size:25pt !important;line-height:1.3em}
    h2{font-size:22pt;font-family:HusqvarnaGothic-Bold,sans-serif}
    h3{font-size:18pt;font-family:HusqvarnaGothic-Bold,sans-serif}
    h4{font-size:16pt;font-family:HusqvarnaGothic-Bold,sans-serif}
    h5,a{font-size:14pt;font-family:HusqvarnaGothic-Bold,sans-serif}
    h6{font-size:11pt;font-family:HusqvarnaGothic-Regular,sans-serif}
    span{font-size:10pt;font-family:HusqvarnaGothic-Light,sans-serif}

}

@media only screen and (max-width: 1250px) {
    h1{font-size:40pt}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .contentPrincipe .wrapper{width:90%;margin:0 auto}
    .principeRight img, .principeLeft2 img{width:100%;margin-bottom:10%}
}

@media only screen and (max-width: 980px) {
    header .headerNav li{padding:10px 8px}
    header .headerNav a{font-size:12pt}
    .itemAccessoires{width:47%}
    .spacer:nth-child(4){display:none}
}

@media only screen and (max-width: 780px) {
    header .headerNav li{padding:10px 10px}
    .itemAccessoires{width:47%}
    .spacer:nth-child(4){display:none}
    .headerNav nav, header .media{display:none}
    header #menu-btn{display:block}

    .expand{-webkit-transition:top 0.5s;-moz-transition:top 0.5s;-o-transition:top 0.5s;transition:top 0.5s;top:160px;height:100%}
    .homeBanner {overflow:hidden}
    .homeBanner img {position:relative;width:auto;height:100%;z-index:1}
    .homeBanner .bannerContent {padding:0}
    h1{font-size:30pt !important}
    h2{font-size:24pt;font-family:HusqvarnaGothic-Bold,sans-serif}
}

/* for all screens */
#infoScreen{display:none}

/* only when orientation is in landscape mode */
@media screen  and (max-device-width:736px) and (orientation:landscape) {
    #infoScreen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block;z-index:9999;
        background:url("../img/landscape.png") #fff;background-repeat:no-repeat;background-size:auto 100%;background-position-x: 50%;}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
    .highlightItem img {
        width: 40%;
    }
    .hlWrapper {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        width: 50%;
        margin: 0 5%;
    }
	.pageProduits {
    padding-top: 30px !Important;
}
.homeProduits {
    position: relative;
    top: 0 !important;
}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    header .headerNav li {
        display: inline-block;
        vertical-align: top;
        padding: 10px 12px;
    }
}

@media screen and (max-device-width:414px){
    html,body{position:relative}
    h1{font-size:22pt !important}
    h2{font-size:18pt}
    h3{font-size:16pt}
    h4{font-size:14pt}
    h5, a{font-size:11pt}
    .spacer{display:none}
    .homeProduits .homeItem{width:100%}
    header .headerContact,header .headerNav{width:100%;padding:0;text-align:center}
    header .headerContact .center {text-align:left}
    header .headerContact .center .green{color:#003d37 !important}
    .headerNav .wrapper{position:relative}
    header .headerNav .logo {width:75%}
    header .headerNav .logo img{width:100%}
    .headerNav nav, header .media{display:none}
    header #menu-btn{display:block}
    header .headerContact .center h5, header .headerContact .center h5 a{font-size:11pt !important;line-height:16pt}

    .expand{-webkit-transition:top 0.5s;-moz-transition:top 0.5s;-o-transition:top 0.5s;transition:top 0.5s;top:159px;height:100%}

    .homeBanner{overflow:hidden}
    .homeBanner img{position:relative;width:auto;height:100%;z-index:1}
    .homeBanner .bannerContent{padding:0}
    .homeIcon img{width:auto}
    .spacer{display:none}
    .homeProduits .homeItem, .homeProduits .homeIcon, .homeVideo, .itemAccessoires{width:100%}
    .homeProduits .batterie-last .homeItem{width:100% !important}

    .serviceLeft, .serviceRight{width:100%}
    .serviceLeft{padding-left:10px}
    .serviceLeft li{font-size:13pt}
    .highlightItem img{width:100%}
    .highlightItem img, .hlContent{display:block}
    .hlWrapper{position:relative;top:0;-webkit-transform:none;transform:none;width:100%;margin:0}

    .pageProduits{padding-top:0}

    .contentPrincipe .wrapper{width:90%;margin:0 auto}
    .principeLeft,.principeLeft2,.principeRight,.principeRight2{display:block;width:100%}
    .principeRight img, .principeLeft2 img{width:100%}
    .principeRight2{margin-left:0;text-align:left}

    footer .column{width:50%}
    footer .column:nth-child(2){text-align:right}
    footer .column img {display:inline-block}
    footer .copyright{padding:75px 0 20px 0}
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        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 that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

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

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

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}