/*
	Theme Name: Luex
	Theme URI: http://luex.be/
	Description: Website van Luex
	Version: 1.0
	Author: Quadus
	Author URI: https://www.quadus.be
	Tags: Luex
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

body {
    background-color:#fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    box-sizing: border-box;   
}


p, span {
    font-family: 'Roboto', sans-serif;
    font-weight:300;
	font-size:1em;
	line-height: 1.7;
	color:#333;
    margin:0 0 15px 0;
}


ul {
    font-family: 'Roboto', sans-serif;
    font-weight:300;
	font-size:0.9em;
	line-height: 1.5;
	color:#333;
    padding:0;
    margin:0;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
    display: block;
    list-style-type: disc;    
}


ul li, ol li {
    margin-top:5px;
    padding-left:5px;
}

ol {
    display: block;
	font-size:1.1em;
	line-height: 1.7;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}

strong, b {
    color:#333;
    font-weight:600
}


div.shadow h3 {
    text-shadow: 3px 3px 5px #333;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}

img {
	max-width:100%;
	vertical-align:bottom;
    height: auto;    
}

a {
	color:#999;
	text-decoration:none;
    transition-duration: .2s;
    transition-timing-function: linear;      
}

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

a:focus {
	outline:0;
}

a:hover,
a:active {
	outline:0;
}

input:focus {
	outline:0;
	border:1px solid #04A4CC;
}




/*------------------------------------*\
    Luex
\*------------------------------------*/

.hoogteheaderpage {
	padding-top:40%;
}


div.diensten {
	margin-top:3%;
}

.para {
	padding-top:40%;
	padding-bottom:40%;
	margin-top:10%;
}

.para2 {
	padding-top:0%;
	padding-bottom:80%;
	margin-top:10%;
}

div.ruimteboven {
    margin-top:100px;
}

div.ruimteboven2 {
    margin-top:30px;
}


div.buttonwit a {
	background-color:transparent !important;
	border: 2px solid #fff !important;
	color:#fff !important;
    font-family: 'Roboto', sans-serif;
	border-radius:0px !important;
	margin-top:20px;
	font-size:1em !important;
}


div.buttonwit a:hover {
	background-color:#fff !important;
	border: 2px solid #fff !important;
	color:#333 !important;
}



div.buttongoud a {
	background-color:transparent !important;
	border: 2px solid #ddc125 !important;
	color:#ddc125 !important;
    font-family: 'Roboto', sans-serif;
	border-radius:0px !important;
	margin-top:40px;
	font-size:1em !important;
}


div.buttongoud a:hover {
	background-color:#ddc125 !important;
	border: 2px solid #ddc125 !important;
	color:#fff !important;
}

.vp-portfolio__items-style-fade .vp-portfolio__item-overlay {
	background-color: rgba(0,0,0,0.5) !important;
}

div.contactpage {
	margin-bottom:50px !important;
}

.vp-portfolio__items-style-fade .vp-portfolio__item-meta-title {
    font-size:2em;
    text-shadow:3px 3px 5px #333;
}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
    .wrapper {
    position: relative;
    min-height: 96vh;
    }

    #content-wrap {
    padding-bottom: 50px;    /* Footer height */
    }

    footer {
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    background-color: #fff;    
    color:#333;
    border:none;
    position: relative;
    bottom: 0;
    width: 100%;
    height: auto;  
    border-top: 1px solid #ccc;        
    }



/*------------------------------------*\
    BASIS
\*------------------------------------*/
    .vc_row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    }



    p.center {
    text-align:center;
    }

    .wit {
    color:#fff !important;
    }
    
    div.rijmarge {
    margin: 60px 0 80px 0;
    }

    div.rijpadding {
    padding: 60px 0 80px 0;
    }

    div.rijpaddingtop {
    padding: 60px 0 0 0;
    }

    div.rijpaddinghome {
    padding: 80px 0 0px 0;
    }

    div.rijpaddingtitel {
    padding: 60px 0 10px 0;
    }

    div.titelgroot h2 {
    font-size: 3.5em;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    line-height: 1.1;
    letter-spacing: 2px;
    font-style: normal;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    text-shadow: 4px 4px 8px #333;    
    }
    
    .wpb_content_element {
    margin-bottom: 0px !important;
    }

    div.paddingtop {
    padding-top:80px;
    }


    div.knop {
    margin-top:40px;
    }

    div.paddingvoordelen {
    padding-bottom:60px;
    }

    div.paddingvoordelen1 {
    padding-bottom:30px;
    }

    div.afbtoestel {
    width:80%;
    margin:0 auto 30px auto !important;
    }

    div.quote h3 {
    font-size:  2em;
    font-family: 'Italiana', serif;
    font-weight:300;
    line-height: 1.5;
    font-style: normal;
    color:#333;
    text-align:left;
    text-transform:none;
    margin-top:60px;
	margin-bottom:15px !important;	
    }

/*------------------------------------*\
    NAVIGATIE
\*------------------------------------*/
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    font-weight: 600;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover {
    font-weight: 600;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    font-family: 'Roboto', sans-serif;
    font-weight:600;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing: 1px;
    }
    
    /* Submenu */
	#mega-menu-wrap-header-menu #mega-menu-header-menu.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
    display:block !important;
    visibility:visible;
	}


/*------------------------------------*\
    SCROLL TO TOP
\*------------------------------------*/
    .scrolltotop{
    width:36px;
    height:36px;
    display:block;
    position:fixed;
    right:20px;
    bottom:20px;
    background:url('img/ToTopGrijsHoek.png') no-repeat;
    background-size:contain;
    text-indent:-999em;
    cursor:pointer;
    z-index:99999;
    }





/*------------------------------------*\
    FORM
\*------------------------------------*/
	form.wpcf7-form input, form.wpcf7-form textarea {
	border-radius:0px;	
	width:100%;
	padding:1em;
    outline:none;
    border:0;
    font-size:1em;    
	}


	form.wpcf7-form input, form.wpcf7-form textarea {
    border-bottom:1px solid #eee;
	border-radius:0px;	
	width:100%;
	padding:1em;
    outline:none;
    margin-bottom:15px;
    margin-top:10px;
    font-size:1em;
	}
	
	.wcp-carousel-main-wrap .post-style-2 .wcp-post-contents p, p.klein {
	text-align:center;
	}

    form.wpcf7-form input[type=submit] {
	border:1px solid #eee;	
	font-size:1em;   
	}

	form.wpcf7-form input[type=submit]:hover, input[type=submit]:active {
	border:1px solid #ddc125;	
	background-color:#ddc125;
	color:#fff;   
	}
	
	
	form.wpcf7-form input:focus,
	form.wpcf7-form select:focus,
	form.wpcf7-form textarea:focus,
	form.wpcf7-form button:focus {
    outline: none;
	border-radius:0px;
	}

	div.formtekst {
    margin:5px 0 0 0;
    padding:0;
	}

	div.formulier{
    margin-top:25px;
	}

	label {
    font-family: 'Roboto', sans-serif;
	font-size:0.8em;
	line-height: 1.5;
	color:#ddc125;
	font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
	}

	div.wpcf7 {
	margin-right:30px;
	}
	

	input, textarea {
    font-family: 'Roboto', sans-serif;
	font-size:0.8em;
	line-height: 1.2;
	color:#333;
    margin:0;
	}
	
    input.btn {
    border:0 !important;
    }



/*------------------------------------*\
    FOOTER 
\*------------------------------------*/
    div.copyright{
    color:#333;
    background-color: #fff;
    border:none;
    padding:30px 15px;
    text-align:center;
    font-size:14px;
    margin-top:0px;
    }

    footer p {
    font-size: 1em;
    line-height: 1.5;
    }

    #footer-widgets {
    height: auto;
    overflow:auto;
    margin: 0 150px;
	background-color:#fff;
    }

    .sidebar-widget1 {
    float:left;
    width: 33%;
    margin-top:0px;
    }

    .sidebar-widget1 img {
    width:20%;
    }

    .sidebar-widget2 {
    float:left;
    width: 33%;
    margin-top:0px;
    padding-left:0;
    }

    .sidebar-widget3 {
    float:left;
    width: 33%;
    margin-top:0px; 
    padding-left:0;    
    }

    div.copyright a {
        color:#333;
    }

    div.copyright a:hover {
        color:#328CD8;
    }



/*------------------------------------*\
    HEADINGS
\*------------------------------------*/

    H1 {
    font-family: 'Italiana', serif;
    font-weight:300;
    line-height: 1.5;
    font-style: normal;
    color:#333;
    text-align:left;
    text-transform:none;
    margin-top:60px;
	margin-bottom:15px !important;
    }

    H2 {
    font-family: 'Italiana', serif;
    font-weight:300;
    line-height: 1.5;
    font-style: normal;
    color:#333;
    text-align:left;
    text-transform:none;
    margin-top:60px;
	margin-bottom:15px !important;	
    }


    H3 {
    font-family: 'Italiana', serif;
    font-weight:300;
    line-height: 1.5;
    letter-spacing: none;
    font-style: normal;
    color:#fff;
    text-align:left;
    text-transform:none;
	margin-top:10px;
    margin-bottom:30px;
    }


    H4 {
    font-size: 0.8em;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    line-height:1.3;
    font-style: normal;
    color:#fff;
    text-transform:uppercase;
    text-align:left;
    padding-bottom:0;
    margin-bottom:0px;
    margin-top:0px;
    letter-spacing:1px;  
    }


    H5 {
    font-size: 1em;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5;    
    font-style: bold;
	font-weight:normal;
    color:#333;
    padding:0;
    text-align:left;
    margin:0;
    text-transform:normal;
    margin-top:35px !important;            
    margin-bottom:15px !important;  
    }


    H6 {
    font-size: 0.8em;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    line-height:1.3;
    font-style: normal;
    color:#333;
    text-transform:uppercase;
    text-align:left;
    padding-bottom:0;
    margin-bottom:15px;
    margin-top:0px;
    letter-spacing:1px;  
    }



/*------------------------------------*\
    TABLES & LISTS
\*------------------------------------*/
    table, tr, td {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    padding: 5px 0px 5px 0px;
    background-color:#fff;
    }

    td + td {     
    padding: 5px 0px 5px 25px;
    }

    table th {
    border: 1px solid #dcdcdc;
    background: #f6f6f6;
    padding: 20px;
    text-align: left;
    }

    table tr td { 
    width: 70%; 
    }

    table tr td:first-child { 
    width: 30%; 
    }






/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {
    /* Header */
    .logo {
    float: none;
    margin: 30px auto;
    width: 30%;
    display: block;
    }
    
    .nav {
    width: 100%;
    float:none;
    padding:0;
	position:relative;
    margin:20px 0;
    }
    
    header {
    max-width:100%;
    position: absolute;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	left: 0;
	right: 0;
	text-align: center;
	z-index:999999;
    }
    
    
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 0 20px;
    font-size:11px;
    }
    
    /* Main */
    main {
    max-width:100%;
    margin: 0 auto;   
    }

    
	/* Footer */
	div.copyright {
	font-size:0.7em;
	line-height:1.3;
	text-align: center;		
	color:#333;
	}

	.sidebar-widget1 {
	float:none;
	width: 100%;
	text-align: center;
	margin-top:40px;
	}

	.sidebar-widget2 {
	float:none;
	width: 100%;
	text-align: center;	
    margin-top:30px;     
    padding-left:0;    
	}

	.sidebar-widget3 {
	float:none;
	width: 100%;
	text-align: center;	
    margin-top:20px;  
    padding-left:0;        
	}
    
    .footerwrap {
	margin-left:10px;
	margin-right:10px;
	}

	#footer-widgets {
	height: auto;
    margin:0 15px;
	}
    
	#mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu {
    display: block !important;
	}
    
    div.kolomlinks {
    padding-right:15px !important;
    }

    div.kolomrechts {
    padding-left:15px !important;
    }
    
    .wpb_single_image img {
    margin-top:20px;
    }
    
    .blokabout {
    padding:50px !important;
    }
    
    .dagpas {
    padding:20px;
    }
    
    footer h3 {
    text-align:center;
    }
    
    .blok1, .blok3 {
    padding:20px 30px !important;
    background-color:#f7f7f7;
    }

    .blok2 {
    padding:20px 30px !important;
    background-color:#EBEBEB;
    }
    
    div.hoogteblok {
    height:320px;
    }
    
    .vc_btn3-container.vc_btn3-right {
    text-align: center !important;
    margin-right:0px;    
    }
    
    .vc_btn3-container.vc_btn3-left {
    text-align: center !important;
    margin-left:0px;           
    }
	
	.hoogteheader {
	height:130vh;
	}
	.vc_column_container>.vc_column-inner {
    padding-left: 15px !important;
    padding-right: 15px !important;
	}
	
	.wp-block-wpzoom-blocks-social-icons {
    margin: 0 auto;
    display: block;
	}
    
    H1, H2 {
    font-size: 2em;
    line-height:1.1;
    }
    
    
    H3 {
    font-size: 3em;
    }
    

    div.ruimtefoto {
    padding:0px 0px 20px 0;
    }

}



@media only screen and (min-width:768px) {
    
    div.ruimtefoto {
    padding:20px;
    }

    
    
	.wp-block-wpzoom-blocks-social-icons {
    margin: 0 auto;
    display: flex;
    box-sizing: content-box;
    flex-flow: row wrap;
    justify-content: var(--wpz-social-icons-alignment);
	}
	
	
	.vc_column-inner {
    padding-left: 0px !important;
    padding-right:0px !important;
    }
	
	.hoogteheader {
	height:100vh;
	}

    div.hoogteblok {
    height:320px;
    }

    .blok1, .blok3 {
    padding:40px 80px !important;
    background-color:#f7f7f7;
    }

    .blok2 {
    padding:40px 80px !important;
    background-color:#EBEBEB;
    }

    
    .blokabout {
    padding:120px !important;
    }
    
    /* Header */
    .logo {
    float: none;
    margin: 15px auto;
    width: 100%;
    display: block;
    }
    
    .logo img {
    width:100px;
    }
    
    .nav {
    width: 100%;
    float: none;
    padding:0;
	position:relative;
    margin:13px 0;
    text-align:center;        
    }
    
        
    header {
    max-width:100%;
    position: relative;
	margin-left: 0;
	margin-right: 0;
	margin-top:0px;
	z-index:999999;
    background-color:#fff;
    text-align:center;
    }
    
    #mega-menu-wrap-header-menu #mega-menu-header-menu {
    text-align:center;
    }
    
    
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 0 5px;
	font-size:10px;
    }
    
    
    /* Main */
    main {
    max-width:600px;
    }

    
	/* Footer */
	p.copyright {
	font-size:1em;
	text-align: center;		
	color:#fff;
	}

	.sidebar-widget1 {
	float:left;
	width: 33%;
	text-align: center;
	margin-top:0px;
	}

	.sidebar-widget2 {
	float:left;
	width: 33%;
	text-align: left;	
    margin-top:0px;   
    padding-left:2em;
	}

	.sidebar-widget3 {
	float:left;
	width: 33%;
	text-align: left;	
    margin-top:0px;   
    padding-left:3em;        
	}
    
    .footerwrap {
    margin-top: 50px;
    margin-bottom: 0px;
    }
    
    
    div.topmarge {
    margin-top:-20px;
    margin-bottom:-80px;
    }
    

    
}




@media only screen and (min-width:1024px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu {
    text-align:right;
    }
    
    
    H1, H2 {
    font-size: 3em;
    line-height:1.1;
    }
    
    
    div.hoogteblok {
    height:320px;
    }

    .blok1, .blok3 {
    padding:40px 80px !important;
    background-color:#f7f7f7;
    }

    .blok2 {
    padding:40px 80px !important;
    background-color:#EBEBEB;
    }

    
    .blokabout {
    padding:120px !important;
    }
    
    /* Header */
    .logo {
    float: left;
    margin: 15px auto;
    width: 15%;
    display: block;
    }
    
    .nav {
    width: 84%;
    float: right;
    padding:0;
	position:relative;
    margin:20px 0;
    }
    
        
    header {
    max-width:100%;
    position: relative;
	margin-left: 2%;
	margin-right: 2%;
	margin-top:0px;
	z-index:999999;
    background-color:#fff;
    }
    
    
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 0 7px;
	font-size:11px;
    }
    
    
    /* Main */
    main {
    max-width:800px;
    }

    
	/* Footer */
	p.copyright {
	font-size:1em;
	text-align: center;		
	color:#fff;
	}

	.sidebar-widget1 {
	float:left;
	width: 33%;
	text-align: center;
	}

	.sidebar-widget2 {
	float:left;
	width: 33%;
	text-align: left;	
    margin-top:0px;   
    padding-left:2em;
	}

	.sidebar-widget3 {
	float:left;
	width: 33%;
	text-align: left;	
    margin-top:0px;   
    padding-left:3em;        
	}
    
    .footerwrap {
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 50px;
    margin-bottom: 0px;
    }
    
    
    div.topmarge {
    margin-top:-20px;
    margin-bottom:-80px;
    }

}



@media only screen and (min-width:1300px) {
    H3 {
    font-size: 5em;
    }
    
    div.hoogteblok {
    height:320px;
    }

    .blok1, .blok3 {
    padding:40px 80px !important;
    background-color:#f7f7f7;
    }

    .blok2 {
    padding:40px 80px !important;
    background-color:#EBEBEB;
    }

    
    .blokabout {
    padding:120px !important;
    }
    
    /* Header */
    .logo {
    float: left;
    margin: 15px auto;
    width: 100px;
    display: block;
    }
    
    .nav {
    width: 85%;
    float: right;
    padding:0;
	position:relative;
    margin:25px 0;
    }
    
    header {
    max-width:100%;
    position: relative;
	margin-left: 8%;
	margin-right: 8%;
	margin-top:0px;
	z-index:999999;
    background-color:#fff;
    }
    
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 0 10px;
    font-size:11px;
    }
    
    
    /* Main */
    main {
    max-width:1024px;
    }

    
	/* Footer */
	p.copyright {
	font-size:1em;
	text-align: center;		
	color:#fff;
	}

	.sidebar-widget1 {
	float:left;
	width:40%;
	text-align: center;
	}

	.sidebar-widget2 {
	float:left;
	width: 27%;
	text-align: left;	
    margin-top:0px;   
    padding-left:2em;
	}

	.sidebar-widget3 {
	float:left;
	width: 33%;
	text-align: left;	
    margin-top:0px;   
    padding-left:3em;        
	}
    
    .footerwrap {
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 50px;
    margin-bottom: 0px;
    }
    
    
    div.topmarge {
    margin-top:-20px;
    margin-bottom:-80px;
    }
    
}



@media only screen and (min-width:1500px) {
	
}

@media only screen and (min-width:1750px) {
	
}

@media only screen and (min-width:2000px) {
	
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}



/*------------------------------------*\
    MISC
\*------------------------------------*/
    ::selection {
	background:#222;
	color:#FFF;
	text-shadow:none;
    }
    ::-webkit-selection {
	background:#222;
	color:#FFF;
	text-shadow:none;
    }
    ::-moz-selection {
	background:#222;
	color:#FFF;
	text-shadow:none;
    }



/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}



/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		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) ")";
	}
	.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;
	}
	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;
	}
}