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

*{
    margin: 0px;
    padding: 0px;
}

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

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

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

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

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

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

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

textarea {
    resize: vertical;
}

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


/* ==========================================================================
   TEMPORAL
   ========================================================================== */

#logo{
	position:fixed;
	top:20px;
	left:20px; 
	width:72px;
	height:30px;
	z-index:10;
	background-image:url(../img/doo.png);
	background-repeat:no-repeat;
	background-size:cover;}

#address{
	position:fixed;
	top:20px;
	right:20px;
	z-index:10;}

#coming{
	position:fixed;
	display:block;
	width:320px;
	height:100px;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-160px;
	z-index:20;
	text-align:center;}

#background{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:5;
	background-image:url(../img/render.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;}


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

html {-webkit-font-smoothing: antialiased; 	overflow-x:hidden; height:100%;}

body{
	font-family:"roboto", Arial, Helvetica, sans-serif; 
	font-size:12px;
	line-height:16px;
	color:#fff;
	margin:0;
	padding:0;
	background-color:#4f413e;
	font-style:normal;
	font-weight:normal;
	height:100%;}	

h1,h2,h3,h4,p,input,label,select
{font-family: "roboto", Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; margin:0; padding:0;}

h1{font-family: "doo"; font-size:50px; line-height:50px; letter-spacing:-2px;}
h2{font-family: "doo"; font-size:18px; line-height:24px;}
h3{font-size:16px; line-height:24px;}
h4{font-size:14px; line-height:20px;}
p{font-size:14px; line-height:24px;}

a {color:#fff; text-decoration:underline;}

em {font-family: 'didot_italic'; font-style:normal;}

img, img a, img a:hover {border:0;}

hr {width:100%; margin:30px auto; color:#8ce; border-color:#8ce;}

strong {font-family:"roboto_bold", Arial, Helvetica, sans-serif;  font-style:normal; font-weight:normal;}


.clear {margin:0!important;}

@font-face {
    font-family: 'doo';
    src: url('../fonts/gt_walsheim_bold-webfont.eot');
    src: url('../fonts/gt_walsheim_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gt_walsheim_bold-webfont.woff2') format('woff2'),
         url('../fonts/gt_walsheim_bold-webfont.woff') format('woff'),
         url('../fonts/gt_walsheim_bold-webfont.ttf') format('truetype'),
         url('../fonts/gt_walsheim_bold-webfont.svg#doo') format('svg');
    font-weight: normal;
    font-style: normal;}
	
@font-face {
    font-family: 'didot_italic';
    src: url('../fonts/BiltmoreDidot_Italic-webfont.eot');
    src: url('../fonts/BiltmoreDidot_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BiltmoreDidot_Italic-webfont.woff2') format('woff2'),
         url('../fonts/BiltmoreDidot_Italic-webfont.woff') format('woff'),
         url('../fonts/BiltmoreDidot_Italic-webfont.ttf') format('truetype'),
         url('../fonts/BiltmoreDidot_Italic-webfont.svg#didot_italic') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'roboto_light';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'roboto_bold';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;}
	

div, ul, li{
	display:block;
	margin:0;
	padding:0;
	list-style:none;}
	
.container {
	width:100%;
	max-width:1024px;
	margin:auto;}
	
.left {float:left}
.right {float:right}

.fixed {position:fixed!important;}
.top {top:0}
.bottom {bottom:0}

#header, #footer, #slider, #content, #team {display:inline-block;float:left;}


	
/* ==========================================================================
   Header
   ========================================================================== */
   
#header {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:115px;
	color:#826d4b;
	background-color:#eedeca;
	z-index:100;}
	
/*
	transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;*/
	
#header a {color:#826d4b; cursor:pointer;}
	
#header a:hover {color:#826d4b; text-decoration:underline;}	

#header .center {position:absolute; top:20px; left:50%; width:170px; margin-left:-85px;}
#header .left {position:absolute; top:20px; right:50%; margin-right:90px; height:75px;}
#header .right {position:absolute; top:20px; left:50%; margin-left:90px; height:75px;}

#header .logo {
	display:block;
	width:170px;
	height:75px;
	background:url(../img/biltmoreparc.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
	
#header .left a, #header .right a {
	display:block;
	float:left;
	height:75px;
	line-height:75px;}
	
#header .left a {margin-right:20px;}
#header .right a {margin-left:20px;}

#header .open, #header .close {
	position:absolute;
	top:10px;
	right:10px;
	width:60px;
	height:60px;
	cursor:pointer;}
	
#header .open {
	display:block;
	background:url(../img/open.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
	
#header .close {
	display:none;
	background:url(../img/close.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

/* ==========================================================================
   Footer
   ========================================================================== */

#footer {
	display:inline-block;
	margin:0;
	padding:0;
	width:100%;
	height:40px;
	color:#eedeca;
	background-color:#826d4b;
}

#footer .left, #footer .right {height:10px; line-height:10px; margin:15px 40px;}
#footer .left {opacity:0.5}
#footer .left p {font-family:"roboto_light"; font-size:12px; line-height:10px; float:left;}
#footer .right a {color:#eedeca; margin-right:15px;}
#footer .right a:hover {color:#fff; text-decoration:none;}

	
/* ==========================================================================
   Slider
   ========================================================================== */
 	
#slider {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:100%;
	color:#826d4b;
	background-color:#eedeca;}

#slider li {
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:580px;
	background-color:#aaa;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;}	
	
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #826d4b;
	text-indent: -9999px;
	display: block;
	margin: 0 10px;
	outline: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 8px;
	height: 8px;
	border:2px solid #826d4b;}

.bx-wrapper .bx-pager.bx-default-pager a:hover {
	width: 6px;
	height: 6px;
	background: #eedeca;
	border:3px solid #826d4b}
	
.bx-wrapper .bx-pager.bx-default-pager a.active {
	width: 8px;
	height: 8px;
	background: #eedeca;
	border:2px solid #826d4b;}
	
.slides .hover {display:table; width:100%; height:100%; background-color:rgba(132,109,75,0.8);}
.slides .center {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.slides h1 {width:50%; max-width:480px; font-size:32px; line-height: 36px;margin:auto; text-align:center; color:#fff;}
.slides h2 {width:50%; max-width:480px; font-size:24px; margin:auto; text-align:center; color:#fff;}

.button {position:absolute; top:20px; right:20px; display:block; background-color:#eedeca; color:#826d4b; padding:8px 10px; z-index:200;}
.button:hover {background-color:#fff;}

.video-button {position:absolute; top:20px; left:20px; display:block; background-color:#eedeca; color:#826d4b; padding:8px 10px; z-index:200;}
.video-button:hover {background-color:#fff;}

#amenities, #features {position:relative; width:100%; display:inline-block;}

div#map_canvas {height:80%!important}

/* ==========================================================================
   Content
   ========================================================================== */
#content {
	margin:0;
	padding:0;
	width:100%;
	background-color:#fff;}
	
#content .more, #content .less {position:relative; display:block; background:#fff; margin:auto; padding:0 0 20px 0; text-align:center; z-index:100}

#content .more span, #content .less span {
	display:block;
	position:absolute;
	width:40px;
	left:50%;
	font-size:12px;
	line-height:20px;
	margin-left:-20px;
	top:-10px;
	z-index: 200;}

#content .more:after, #content .less:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
	
#content .title {padding:40px; text-align:center; clear:both;}
#content .title h1 {margin:auto; max-width:420px;}
	
#content .col1,#content .col2 {
	width:50%;
	float:left;
	padding:0 40px 80px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	
#content a {color:#826d4b; text-decoration:underline;}
#content a:hover {color:#999; text-decoration:underline;}

#content ul {
	width:100%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	  
/* ==========================================================================
   The Team
   ========================================================================== */
   
#team {
	margin:0;
	padding:0;
	width:100%;
	background-color:#fff;}
   
.teammate p {
	float:left;
	width:50%;
	color:#fff;
	padding:10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

.partners {border-top:1px solid #826d4b; padding: 40px 40px 80px;}		

.partners li {float:left;}
.partners li.long {width:40%;}
.partners li.short {width:30%;}
	
.partners li .mgdm {background:url(../img/mgdm.png) no-repeat center center; width:300px;}
.partners li .udm {background:url(../img/udm.png) no-repeat center center; width:300px;}
.partners li .avanzato {background:url(../img/avanzato.png) no-repeat center center; width:200px;}
.partners li .bellinpratt {background:url(../img/bellinpratt.png) no-repeat center center; width:160px;}
.partners li .tabuilders {background:url(../img/tabuilders.png) no-repeat center center; width:190px;}

.partners li .img {
	height:50px;
	margin:10px 0 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
	
  
/* ==========================================================================
   Floorplans
   ========================================================================== */

#content .table {
	display:block;
	width:100%;
	max-width:780px;
	margin:auto;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	
#content .table ul {
	width:50%;
	float:left;
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	
#content .table ul li {border-bottom:1px solid #ccc; display:block; width:100%; float:left; clear:both;}
#content .table ul li:last-child {border:none; padding-bottom:40px;}

#content .table ul li .unit, .table ul li .specs {font-size:14px; line-height:30px; height:30px; float:left;}
#content .table ul li .unit {font-family:"roboto_bold";width:80px; margin-right:40px;}

#content .siteplan {
	display:block;
	width:100%;
	max-width:680px;
	margin:auto;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

#content .siteplan a {
	display:block;
	float:left;
	margin:0;
	padding:0;
	transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	background:url(../img/siteplan-01.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
	
#content .siteplan .unit01 {width:180px;height:90px; background-image:url(../img/siteplan-01.jpg);}
#content .siteplan .unit02 {width:142px;height:90px; background-image:url(../img/siteplan-02.jpg);}
#content .siteplan .unit03 {width:142px;height:90px; background-image:url(../img/siteplan-03.jpg);}
#content .siteplan .unit04 {width:216px;height:90px; background-image:url(../img/siteplan-04.jpg);}

#content .siteplan .unit05 {width:180px;height:90px; background-image:url(../img/siteplan-05.jpg);}
#content .siteplan .unit06 {width:142px;height:90px; background-image:url(../img/siteplan-06.jpg);}
#content .siteplan .unit07 {width:142px;height:90px; background-image:url(../img/siteplan-07.jpg);}
#content .siteplan .unit08 {width:160px;height:90px; background-image:url(../img/siteplan-08.jpg);}

#content .siteplan .unit01:hover {background-image:url(../img/siteplan-10.jpg);}
#content .siteplan .unit02:hover {background-image:url(../img/siteplan-11.jpg);}
#content .siteplan .unit03:hover {background-image:url(../img/siteplan-12.jpg);}
#content .siteplan .unit04:hover {background-image:url(../img/siteplan-13.jpg);}

#content .siteplan .unit05:hover {background-image:url(../img/siteplan-14.jpg);}
#content .siteplan .unit06:hover {background-image:url(../img/siteplan-15.jpg);}
#content .siteplan .unit07:hover {background-image:url(../img/siteplan-16.jpg);}
#content .siteplan .unit08:hover {background-image:url(../img/siteplan-17.jpg);}

#content .siteplan .north {
	display:block;
	float:left;
	width:56px;
	height:90px;
	background:url(../img/siteplan-09.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

  
/* ==========================================================================
   Boxes
   ========================================================================== */

.box{
    position: relative;
    overflow: hidden;
	background-position: center 85%;
	background-repeat: no-repeat;
	background-size: cover;
	float:left;
	color:#333;
	background-color:#EFEFEF;
	text-align:left;
	/*transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;*/
}

.teammate{width:33.3%;}
.teammate:before{content:"";display:block;padding-top:52%;}

.interior{width:50%;}
.interior:before{content:"";display:block;padding-top:52%;}
.interior:hover {opacity:0.8;}

.full {width:100%;}
.full:before{content:"";display:block;padding-top:33%;}

.half {width:50%;}
.half:before{content:"";display:block;padding-top:68%; }

.half2 {width:50%;}
.half2:before{content:"";display:block;padding-top:50%; }

.trio {width:33.3%;}
.trio:before{content:"";display:block;padding-top:68%; }

.trio2 {width:33.3%;}
.trio2:before{content:"";display:block; padding-top:68%; }

.trio:hover {opacity:0.8;}
.trio2:hover {opacity:0.8;}

.tall {width:50%;}
.tall:before{content:"";display:block;padding-top:90%; }

.free {width:50%; height:auto;}
.free:before{display:none;}
.free .box-content{position:relative;}

.fullfree {width:100%; height:auto;}
.fullfree:before{display:none;}
.fullfree .box-content{position:relative;}

.policies {background-color:#333333;float:left;}

#boxes .lightgrey {background-color:#E0E0E0;}
#boxes .grey {background-color:#F2F2F2;}
#boxes .darkgrey {background-color:#E0E0E0;}
#boxes .black {background-color:#333333; color:#fff;}

/*#boxes .darkgrey {background-color:#424242;color:#fff;}*/

#boxes a {color:#9C6535;}
#boxes a:hover {text-decoration:underline;}

.box-content{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;}
	
a.box-content:hover {opacity:0.5;}

.box-margin {margin:8%;}

#map {
    position: relative;
	width:100%;}

#map_canvas {
  	  position: absolute;
	  width:100%!important;
	  height:580px!important;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;}


/* ==========================================================================
   Disclaimer
   ========================================================================== */	
   
#disclaimer {
	color:#fff;
	/*padding:0 80px 80px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

/* ==========================================================================
   Contact
   ========================================================================== */
   
label {font-size:14px; line-height:20px; display:block; clear:both; margin-bottom:5px;}
   
input, textarea {
	width:100%;
	max-width:420px;
	display:block;
	clear:both;
	margin:0 0 10px 0;
	font-family:"roboto";
	font-size:14px;
	line-height:20px;
	border:1px solid #ccc;
	padding:5px 8px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
	
textarea {width:100%; max-width:420px;}

input.send {
	width:auto;
	padding:8px 20px;
	border:none;
	margin:20px 20px 20px 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color:#eedeca;
	color:#826d4b;
	float:left;
	clear:none;}
	
input.send:hover {color:#fff;background-color:#999; cursor:pointer;}

.error {border:1px solid #F00;}
	
	
	
	
/* ==========================================================================
   Responsive
   ========================================================================== */
   
@media only screen and (max-width: 1080px) {
	
body {font-size:14px; line-height:20px;}
#header {height:auto;}
#header .center, #header .left, #header .right {
	position:relative;
	display:block; 
	float:none;
	top:auto;
	left:auto;
	right:auto;
	margin:auto;
	text-align:center;
	height:auto;}

#header .center {padding:20px 0;}
#header .menu {padding-bottom:20px;}

#header .left a, #header .right a {
	float:none;
	font-size:14px;
	line-height:16px;
	height:auto;
	margin:15px auto;}
	
#footer {height:auto;}
#footer .left {height:auto;}
#footer .left p {font-size:14px; line-height:24px; clear:both;}
#footer .right {line-height:24px; float:left; clear:both; margin:20px 40px 40px;}
	

.teammate{width:100%;}
.interior{width:100%;}
.interior:nth-child(2) {display:none;}

.partners li.long {width:100%;}
.partners li.short {width:100%;}

#content .col1, #content .col2 {width:100%; padding-bottom:0; border:none;}
#content .col2 {padding-bottom:40px;}

.slides h1 {font-size:24px; line-height:30px;}
.slides h2 {font-size:18px; line-height:24px;}


#content .table {max-width:440px;}
#content .table ul {width:100%; padding:0 40px;}
#content .table ul:last-child {padding-bottom:40px;}
#content .table ul:first-child li:last-child {border-bottom:1px solid #ccc;}

}

@media only screen and (max-width: 720px) {
	
.slides h1 {font-size:20px; line-height:26px;}
.slides h2 {font-size:16px; line-height:22px;}

h1 {font-size:20px; line-height:26px;}
h2 {font-size:16px; line-height:22px;}

#footer .left {margin:15px 25px;}
#footer .right {margin:10px 25px 40px;}

#content .col1, #content .col2 {padding-left:25px; padding-right:25px;}

.trio {width:100%;}
.trio2 {width:100%;}

#content .table ul li .unit {width:65px; margin-right:20px;}

#content .siteplan {max-width:340px;}
	
#content .siteplan .unit01 {width:90px;height:45px; background-image:url(../img/siteplan-01.jpg);}
#content .siteplan .unit02 {width:71px;height:45px; background-image:url(../img/siteplan-02.jpg);}
#content .siteplan .unit03 {width:71px;height:45px; background-image:url(../img/siteplan-03.jpg);}
#content .siteplan .unit04 {width:108px;height:45px; background-image:url(../img/siteplan-04.jpg);}

#content .siteplan .unit05 {width:90px;height:45px; background-image:url(../img/siteplan-05.jpg);}
#content .siteplan .unit06 {width:71px;height:45px; background-image:url(../img/siteplan-06.jpg);}
#content .siteplan .unit07 {width:71px;height:45px; background-image:url(../img/siteplan-07.jpg);}
#content .siteplan .unit08 {width:80px;height:45px; background-image:url(../img/siteplan-08.jpg);}

#content .siteplan .north {width:28px;height:45px;}
   
   
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

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

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

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

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

@media only screen and (max-width: 1024px) {
.half:before{padding-top:100%; }
}