/* FRONTEND CSS
*********************************************/

html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
}

form#search {
    display: inline-block;
    float: right;
}
form#search input {
	background:none;
	border:none;
	border-bottom:1px solid #aaa;
	color:white;
}
form#search input:focus {
	outline: none !important;
}
.popover {
background: white;
padding: 1em;
/* border: 1px solid black; */
width: auto;
display: none;
visibility: hidden;
}

dd.result-created {
	visibility:hidden;
}
span.small {
	font-size:80%;
	font-weight:bold;
}

form#search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #aaa;
  }
  form#search input::-moz-placeholder { /* Firefox 19+ */
	color: #aaa;
  }
  form#search input:-ms-input-placeholder { /* IE 10+ */
	color: #aaa;
  }
  form#search input:-moz-placeholder { /* Firefox 18- */
	color: #aaa;
  }
input#searchword {
    margin-top: 0.5em;
    margin-right: 1em;
}

ul.menutop {
	float:right;
}
.menu-wrap {
	clear:both;
}

iframe {
	border:none;
}

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

img#brochurethumb {
    max-width: 130px;
}

.templatelink {
	float:left;
	margin-top:-1em;
}

#shimstockimg {
	width:50%;
	max-width:300px;
}

body {
	font-family: 'Open Sans', sans-serif;
}
#sidebarright {
	padding-left:2em;
}
#sidebarright ul {
	list-style:none;
	margin:0;
}
#sidebarright ul li {
	padding-bottom:1em;
}
dd.createdby {
	font-size:0.9rem;
	font-weight:bold;
}

.pagination ul {
	list-style:none;
}
.pagination ul li {
	padding-right:3em;
	float:left;
}
.items-row {
	margin-bottom:2em;
}

.metric {
	display:none;
}
.imperial {
	display:inline;
}
#tinymce .metric {
	background:orange;
}
#tinymce .imperial {
	background:lightgreen;
}
#tinymce .imperial, #tinymce .metric {
	padding:0.3em;
	margin:0.3em;
	display:inline !important;
}

.link-to-us textarea {
	font-size:12px;
	height:50px;
	width:80%;
	margin-left:20px;
}

.item-page ul {
	margin-left:0;
}

.menu--viola .item-114 a:hover {
	cursor:default !important;
}

#switch_measurements {
	position:absolute;
	right:12px;
	top:0;
	max-width:33%;
}
#switch_measurements a {
	font-size:0.5rem;
	text-decoration:none;
	color:white !important;
	text-transform: uppercase;
	background:#e9963e;
	padding:0.4em 1em;
	display:inline-block;
	opacity:1;
	transition:all 0.3s ease;
	vertical-align:top;
}
#switch_measurements a:hover {
	opacity:0.7;
}
.breadcrumb {
	display:none;
}

#slider {
	display:none;
}

@font-face {
	font-family: Enriqueta-Bold;
	src: url("../fonts/Enriqueta-Bold.otf") format("opentype");
}

h1 {
	font-family:Rockwell,Enriqueta-Bold,serif;
	color:#007fbd;
	color:#60aa55;
	font-weight:900;
	font-size:2.5rem;
	margin-top:0;
	padding-top:2rem;
	clear:both;
}

h2 {
	text-transform:uppercase;
	font-size:1.5rem;
    margin-bottom: 10px;
}

h4 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.jumbotron h1 {
    margin-bottom: 5px;
}

.nav .item-101 {
	display:none;
}

#copyright p {
	text-align:center;
	margin-top:2em;
}
.installation .ii img {
	max-width:120px;
}
#content p, #content ul, #buckets p, #content ol {
	font-size:0.9rem;
}
.home .item-page ul {
	list-style:none;
}
.installation .ii img {
	max-width:120px;
}

#content a, #buckets a {
	color:#007fbd;
	font-weight:bold;
}
#content a:hover, #buckets a:hover {
	text-decoration:none;
}

div#logo {
    margin-top: 14px;
}

p.chrono_credits {
	display:none;
}

p.introhome {
    color: grey;
}

.home li {
    padding-bottom: 10px;
}

.home ul {
    margin-bottom: 0px;
}

ul.breadcrumb {
    padding-left: 15px;
    padding-top: 25px;
    margin-bottom: 0px;
}

#header {
	display:block;
}
#header .top-menu-wrap, #header .menu-wrap {
	display:none;
}
#dropdown-wrap {
	position:absolute;
	width:900px;
	display:flex;
	padding:2rem;
	background:rgba(255,255,255,0.95);
	overflow:hidden;
	box-shadow:0 0 20px rgba(0,0,0,0.3);
	right:0;
	left:0;
	margin:0 auto;
	z-index:9999;
	opacity:0;
	max-height:0;
	transition:all 0.3s ease;
	margin-top:-3em;
	z-index:-1;
}
#dropdown-wrap.active {
	display:flex;
	max-height:800px;
	opacity:1;
	margin-top:0;
	z-index:999;
}
#dropdown-wrap > div {
	margin-right:2rem;
}
#dropdown-right {
	margin-right:0;
}
#dropdown-wrap ul {
	list-style:none;
	margin:0;
	padding:0;
}
#dropdown-wrap h3 {
	font-size:1rem;
	color:#007fbd;
	text-transform: uppercase;
	margin-top:0;
}
#dropdown-wrap h3 a {
	color:#007fbd;
	text-decoration:none;
}
#dropdown-wrap h3 a:hover {
	text-decoration:underline;
}
#dropdown-wrap li a {
	text-transform:uppercase;
	text-decoration:none;
	color:#555;
	font-size:0.8rem;
	font-weight:bold;
}
#dropdown-wrap li a:hover {
	text-decoration:underline;
	color:#000;
}
#dropdown-close {
	position:absolute;
	top:2rem;
	right:1rem;
}
#dropdown-close a {
	text-decoration:none;
}
#dropdown-close a:hover {
	opacity:0.7;
}

#footer {
	background:#505050;
	overflow:hidden;
	padding-top:2rem;
	padding-bottom:2rem;
}
#footer h3 {
	color:#4399d4;
}
#footer ul {
	list-style:none;
	margin:0;
	padding:0;
}
#footer ul li {
	padding-bottom:0.2rem;
}
#footer ul li a {
	color:white;
	text-decoration:none;
	font-size:0.9rem;
}
#footer ul li a:hover {
	text-decoration:underline;
}
#footer p {
	color:white;
	font-size:0.9rem;
}
#footer img {
	max-width:200px;
	margin-left:-18px;
}

#copyright a {
    color: white;
    text-decoration: none;
}

#copyright a:hover {
    text-decoration: underline;
}

.preps_popout {
	max-height:0;
	overflow:hidden;
	transition:all 0.5s ease;
	margin-left:2.3rem;
}
.preps_popout.active {
	max-height:500px;
}
.hinge_wrap {
	overflow:hidden;
	margin-bottom:2rem;
	clear:both;
	border-top:1px solid #aaa;
}
#content .hinge_wrap ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-left:0;
}
img.hinge-icon {
    max-height: 1.5rem;
	vertical-align: middle;
	padding-right:0.75rem;
}
#content .hinge_links > ul > li > a {
	text-decoration:none;
	color:black;
	font-weight:bold;
	transition:all 0.2s ease;
}
#content .hinge_links > ul > li > a:hover {
	opacity:0.5;
	text-decoration:underline;
}
#content .hinge_links li {
	margin-left:0;
	margin-top:0;
	margin-bottom:0.3rem;

}
.hinge_wrap .col-9 {
	padding-left:3rem;
}
#content .sdhdlrating a {
	color:black;
	font-size:0.9rem;
	background:#cbdbec;
	text-decoration:none;
	padding:0.2rem 0.5rem;
	transition:all 0.5s ease;
}
#content .sdhdlrating a:hover {
	opacity:0.7;
}

.customhingesidebar {
	text-align:center;
}
.customhingesidebar img {
	max-width:60%;
	border-bottom:1px solid black;
}
.contentsidebarcaption {
	font-size:0.8rem;
	color:#999;
	font-style: italic;
	font-weight:bold;
}

#buckets {
	background:#dcdcdc;
	overflow:hidden;
	
}
#buckets img {
	float:right;
	max-width:100px;
	padding-left:2rem;
}

/*#buckets .row {
    padding: 0 20px;
}*/

#buckets .col {
	border-left:none;
	width:100%;
	display:block;
	clear:both;
	max-width:500px;
	margin:0 auto;
	padding-bottom:2rem;
	padding-right:40px;
}
#buckets .col:first-child {
	padding-left:0;
	border-left:none;
}

.menu__list .item-114 > ul > li:first-child {
	display:none; /* hide products sub-heading on mobile */
}
.menu__list .item-157 > ul > li:first-child {
	display:none; /* hide accessories sub-heading on mobile */
}


.pull-left {
float:left;
margin-right:2em;
margin-bottom:9em;
margin-left:0em;	
}

.litwrap a:hover {	
	outline:2px solid #e9963e;

}
.litwrap h5 {
	margin-top:0;
}
.litwrap img {
	object-fit:cover;
	object-position:center top;
	max-width:130px;
}

#slider {
	border-bottom: 12px solid #339933;
}

.login fieldset {
	border:none;
}
.login .control-group {
	margin-bottom:1em;
}

.login input[type=password], .login #username {
	width:15em;
}

.login button {
	border:none;
	background:#4399d4;
	color:white;
	padding:1em 3em;
	text-transform: uppercase;
	transition:opacity 0.3s ease;
}
.login button:hover {
	opacity:0.8;
}

.hingebrowserwrap {
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.hingebrowseritemwrap {
		width:47%;
		padding:0.6rem;
		border:1px solid #aaa;
		background:#eee;
		margin-bottom:2rem;
	}
	.hingebrowseritemwrap img {
		float:left;
		margin-right:1.2em;
		max-width:25%;
	}
	.hingebrowseritemwrap h4 {
		margin-top:0;
		margin-bottom:0.5em;
	}
	.hingebrowseritemwrap ul {
		margin-left:0;
		padding-left:1em;
		margin-top:0;
		overflow:hidden;
	}
	.hingebrowseritemwrap ul li {
		font-size:0.9rem;
		margin-left:0.5em;
		list-style-type: disc;
	}
	.hingebrowseritemwrap .linkwrap a {
		text-decoration:none;
		text-transform: uppercase;
		color:#e9963e !important;
		background:#555;
		transition:all 0.3s ease;
		padding:0.2em 0.5em;
	}
	.hingebrowseritemwrap .linkwrap {
		text-align:right;
	}
	.hingebrowseritemwrap .linkwrap a:hover {
		background:#000;
	}


.replitbrowserwrap {
        display:flex;
    }
    .replitbrowseritemwrap {
        width:23%;
        padding:0.6rem;
        margin-bottom:2rem;
    }
    .replitbrowseritemwrap img {
        margin-right:1.2em;
        max-width:76%;
    }
    .replitbrowseritemwrap h5 {
        margin-top:0;
        margin-bottom:0.5em;
    }
    


/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */

.nomobile {
	display:none;
}

section {
	width:100%;
	padding:0 2em;
	clear:both;
	overflow:hidden;
}

.row {
	width:100%;
	/*margin:20px;*/
	position:relative;
	margin-top:0;
}
.col {
	width:100%;
	float:none;
}
.col-m {
	float:left;
}
.col-m-6 {
	width:50%;
}
.col-m-4 {
	width:33.3333%;
}
.col-m-12 {
	width:100%;
}
.col-m-3 {
	width:25%;
}
.col-m-3 {
	width:33%;
	float:left;
}
.col-m-9 {
	width:66%;
	float:left;
}

.grid {
	display:flex;
}
.cell {
	flex:1;
}
.grid.gutters {
	margin:-1em 0 0 -1em;
}
.grid.gutters > .cell {
	padding:1em 0 0 1em;
}
.grid--top {
	align-items:flex-start;
}
.grid--bottom {
	align-items:flex-end;
}
.grid--center {
	align-items:center;
}
.cell.top {
	align-self:flex-start;
}
.cell.bottom {
	align-self:flex-end;
}
.cell.center {
	align-self:center;
}
.grid.fit > .cell {
	flex:1;
}
.grid.full > .cell {
	flex:0 0 100%;
}
.grid.half > .cell {
	flex:0 0 50%;
}
.grid.third > .cell {
	flex:0 0 33.3333%;
}
.grid.quarter > .cell {
	flex:0 0 25%;
}


img {
	max-width:100%;
	max-height:100%;
}

.home img.pull-left {
	display:none;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.landing_page_container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  }
  
.landing_product {
	padding: 0.5em;
	width: 216px;
  }

.landing_product_3 {
	padding: 0.5em;
	width: 270px;
  }

.landing_product_2 {
	padding: 0.5em;
	width: 430px;
  }

.landing_button_area {
	display: flex;
	width: 216px;
	justify-content: center;
	text-align: center;
	margin:auto;

}
a.l_button {
	background: #e9963e;
	text-decoration: none;
	padding: 0.5em 1.5em;
	color: white !important;
	display: inline-block;
}
.l_button:hover {
	opacity:0.7;
}

a.detailed_button {
	background: #e9963e;
	text-decoration: none;
	padding: 0.5em 1.5em;
	color: black !important;
	display: inline-block;
	margin-left: 1em;
	border-style: solid;
	border-radius: 1em;
	border-color: gray;
	font-weight: normal !important;
}
a.detailed_button strong {
	font-size: 1.2em;
	color: white;
}
.detailed_button:hover {
	opacity:0.7;
}

.three_wide_container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  }

.item_3_wide {
	width: 33%;
	padding: 0.75em;
  }

.item_title {
	position: relative;
	font-size: .85em;
	width: 100%;
	font-weight: bold;
	text-align: center;
	margin:auto;
}



.bilt_container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  }

.bilt_container::after{
	content: '';
	width: 325px;
  }

.bilt_3_wide {
	padding: 0.75em;
	width: 325px;
  }

.bilt_title {
	position: relative;
	top:-5px;
	background: #70a85f;
	width: 100%;
	text-transform: uppercase;
	color: white !important;
	font-weight: bold;
	justify-content: center;
	text-align: center;
	margin:auto;
}

.bilt_info {
	font-weight: bold;
	justify-content: center;
	text-align: center;
  }

.bilt_lang {
	position: relative;
	top:-8px;
	font-weight: bold;
	justify-content: center;
	text-align: center;
	color: #70a85f;
  }

.YouTubeWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
  }
.YouTubeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }

a.green {
	color: #70a85f !important;
  }

#header {
	overflow:hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00608e+0,007fbc+49,00608e+100 */
	background: #00608e; /* Old browsers */
	background: -moz-linear-gradient(top,  #00608e 0%, #007fbc 49%, #00608e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00608e 0%,#007fbc 49%,#00608e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00608e 0%,#007fbc 49%,#00608e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00608e', endColorstr='#00608e',GradientType=0 ); /* IE6-9 */
}
#header #logo a {
	z-index:1;
	/*padding:15px 0;*/
	padding:0;
	height:75px;
	display:inline-block;
	max-width:100%;
}
#header #logo a img {
	/*height:50px;
	width:178px;*/
	max-width:178px;
	margin-top:4px;
}

hr {
	clear:both;
	margin-top:2em;
}

.menu-wrap ul.nav > li > ul {
	display:none;
}
/* Viola */

.menu--viola  {
	line-height: 1;
	margin: 0 auto ;
}

.menu--viola ul {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
	align-items: flex-end;
    justify-content: flex-end;
}

.menu--viola li {
	display: block;
	margin: 1em 0;
}

.menu--viola a, .menu--viola .nav-header  {
	font-size: 0.9rem;
	font-weight: bold;
	display: block;
	padding: 1em 0.8em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-transform:uppercase;
}



.menu--viola > li {
	position: relative;
	margin: 0 1em;
}

.menu--viola a, .menu--viola .nav-header  {
	position: relative;
	display: block;
	text-align: center;
	color: #fff;
	-webkit-transition: color 0.4s;
	transition: color 0.4s;
	text-decoration:none;
}

.menu--viola a:hover,
.menu--viola a:focus,
.menu--viola .nav-header:hover {
	color: #ddd;
}

.menu--viola  li.current a {
	color: #ddd;
}

.menu--viola  li::before,
.menu--viola  li::after,
.menu--viola a::before,
.menu--viola a::after, 
.menu-viola .nav-header::before,
.menu-viola .nav-header::after {
	content: '';
	position: absolute;
	background: #ddd;
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

.menu--viola  li::before,
.menu--viola  li::after {
	top: 0;
	width: 2px;
	height: 100%;
	-webkit-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
}

.menu--viola  li::before {
	left: 0;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.menu--viola  li::after {
	right: 0;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.menu--viola a::before,
.menu--viola a::after,
.menu--viola .nav-header::before,
.menu--viola .nav-header::after {
	left: 0;
	width: 100%;
	height: 2px;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
}

.menu--viola a::before,
.menu--viola .nav-header::before {
	top: 0;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.menu--viola a::after,
.menu--viola .nav-header::after {
	bottom: 0;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.menu--viola ul > li:hover::before,
.menu--viola ul > li:hover::after,
.menu--viola ul > li:hover a::before,
.menu--viola ul > li:hover a::after,
.menu--viola ul > .nav-header:hover a::before,
.menu--viola ul > .nav-header:hover a::after {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

/*
.menu--viola ul > li.current::before,
.menu--viola ul > li.current::after,
.menu--viola ul > li.current a::before,
.menu--viola ul > li.current a::after {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
*/


.top-menu-wrap ul {
	list-style:none;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	align-items: flex-end;
    justify-content: flex-end;
}
.top-menu-wrap ul li {
	display:block;
	
	margin-left:2px;
}
.top-menu-wrap ul li a {
	display:inline-block;
	text-decoration: none;
	color:black;
	text-transform: uppercase;
	font-size: 0.8rem;
    font-weight: bold;
	background:#99c5da;
	padding:0.5rem 1rem;
	transition:all 0.2s ease;
}
.top-menu-wrap ul li a:hover {
	opacity:0.8;
}

#hero {
	background:#000;
}

/*.productBrowse {
    border-radius: 0 3px 3px 0;
    border: 1px solid #cccccc;
    padding: 12px 12px 0 12px;
}*/

.productBrowse ul {
    padding-left: 20px;
}

#content {
	margin-bottom:2rem;
}

p {
	margin-top:0;
}

.col-12.col.nosidebar {
    padding-top: 0.1rem;
}

.col-sm-2 h4, .col-sm-4 h4 {
	margin-bottom:0;
} 
.row > h2 {
	margin-top:1em;
	margin-bottom:0;
	clear:both;
}

body.specifications #content ul li {
	margin-bottom:1em;
}

.hingebrowseritemwrap {
		width:100%;
	}

/* traffic calculator */



.traffic button {
	border: 1px solid #D3D3D3;
	background-color: #EEEEEE;
	width:150px;
	width:49%;
	text-align:center;
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding:4px !important;
}
.traffic button:hover {
	cursor:pointer;
	bordeR:1px solid #333;
}
.traffic button:active {
	background:lightyellow;
}

.bottom_section {
	padding-top:20px;
}

.bottom_section h2 {
	margin-top:0 !important;
}

.traffic h2 {
	margin:1em 0;
	clear:both;
	padding:0 !important;
}

.traffic h3 {
	margin:0.7em 0;
}

.traffic label {
	
}
.traffic input {
	width:22%;
}
.traffic * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.half {
	width:45%;
	float:left;
	margin-top:0.2em;
	
}
.half.left {
	clear:both;
}
.half.right {
	padding:0;
	margin:0;
	margin-top:0.2em;
	margin-left:25px;
}
.half label {
	display:block;
	width:100%;
}

.bottom_section {
	clear:both;
	margin-top:0em;
}

.top_section .half.left input {
	float:right;
	width:100%;
}
.top_section .half.right input {
	float:left;
	width:100%;
}


.half.left label {
	width:100%;
}

.half.right label {
	padding-left:2em;
	padding-left:0em;
}

#years {
	font-size:200%;
	width:60%;
	background:#ee8;
  text-align:center;
  height:2em;
}

#moreinfo {
	margin-top:1em;
	padding:1em;
	border:1px solid #115;
	background:#459ACC;
	color:#fff;
}
#moreinfo p, #moreinfo h2, #moreinfo h3 {
	color:#fff;
}
#moreinfo input {
	float:none;
	color:#000;
	width:18em;
}

#moreinfo label {
	display:inline-block;
	width:4em;
}

.traffic input[disabled=disabled] {
	border:1px solid transparent;
}

.bottom_section .left.half input {
	width:40%;
}

.bottom_section .left.half tr td input {
	width:65%;
}
label[for=building_name] {
	padding-left:0px;
}

table#geared_hinge {
	width: 100% ;
	border: 1px black solid ;
}
table#geared_hinge td {
	width: 33% !important;
	border: 1px black solid ;
	padding: 5px ;
}
table#pin_hinge {
	width: 100% ;
	border: 1px black solid ;
}
table#pin_hinge td {
	width: 50% !important;
	border: 1px black solid ;
	padding: 5px ;
}

.bottom_section .left.half table {
	margin-top:1em;
}

.bottom_section .left.half table td {
	padding:0.2em;
}

.bottom_section .right.half label {
	padding:0;
	margin:0;
}

#username, #email {
	width:30%;
}

#percentage_label {
	padding-right:30px;
}

.bottom_section .left.half {
	border:1px solid #ccc;
	background:#cde;
	padding:1em;
}

.invalid {
	border:1px solid #f77;
	background:#fee;
}

#requestinfo {
    background-color: #0082AF;
    border: medium none;
    color: #FFFFFF;
    font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
    font-size: 1.25714em;
    font-weight: normal;
    margin-top: 25px;
    outline: medium none;
    padding: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
}

.calculatornames input {
}

/*:::::::::::::::::: End Calculator :::::::::::::::::::*/

.duty_info h5, .duty_info h4 {
	margin-bottom:0;
}

.hide {
    display: none;
}

.hingphotos {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 20px;
}

.hingphotos p {
    text-align: center;
    font-weight: 800;
}

.hingphoto {
    width: 100%;
    max-width: 200px;
}

.alert {
    width: 100%;
    background: #e9963e;
    padding: 10px;
    text-align: center;
    color: black;
    font-weight: 700;
}

.alert p {
    margin: 0;
}

.alert a {
    color: white;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	.hingebrowseritemwrap {
		width:47%;
	}
	.row {
		clear:both;
		max-width:1200px;
		margin:0 auto;
		overflow:hidden;
	}
	#slider .row {
		overflow:visible;
	}
	.col, .col-sm-4, .col-sm-2 {
		float:left;
	}
	#buckets .col {
		float:none;
	}
	.col-2 {
		width:16.6666%;
	}
	.col-10 {
		width:83.3333%;
	}
	.col-3 {
		width:25%;
	}
	.col-9 {
		width:75%;
	}
	.col-4, .col-sm-4 {
		width:33.3333%;
	}
	.col-8 {
		width:66.66666%;
	}
	.col-sm-2 {
		width:20%;
	} 
	.home img.pull-left {
		display:inline;
	}
}

#open-menu {
	background:none !important;
	text-decoration:none;
	font-weight:bolder;
	border:none !important;
	font-size:40px;
	padding:0 !important;
	margin:0 !important;
	position:relative;
	top:15px;
	color:white;
}




/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#buckets {
		padding:2rem ;
	}
	#buckets .col {
		margin-left:5%;
		padding-left:5%;
		border-left:1px solid #aaa;
		width:30%;
		float:left;
		max-width:30%;
		clear:none;
	}
	#buckets img {
		float:right;
		max-width:40%;
		padding-left:2rem;
	}
	#buckets .col:first-child {
		margin-left:0;
		padding-left:0;
		border-left:none;
		float:left;
	}
	.slicknav_menu {
		display:none;
	}
	#slider {
		display:block;
	}
	.nomobile {
		display:block;
	}

	#switch_measurements a {
		font-size:0.9rem;
	}

	
	
	.breadcrumb {
		list-style:none;
		display:flex;
		position:relative;
	}
	.breadcrumb .divider {
		padding-left:1em;
	}
	.breadcrumb li {
		padding-right:1em;
		text-transform: uppercase;
	}
	.breadcrumb li:first-child {
		font-weight:bold;
	}
	.breadcrumb li a {
		color:black !important;
		font-weight:normal !important;
		text-decoration:none;
	}
	.breadcrumb li a:hover {
		text-decoration:underline !important;
	}
	section#content > .row > .col {
		margin-top: 1.5rem;
	}
	.lit {
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.litwrap {
		display:block;
		width:22%;
	}
	body .col-12.nosidebar {
		margin:0 auto;
		max-width:918px;
		float:none;
		clear:both;
		overflow:hidden;
		margin-top:0 !important;
		padding-top:2rem;
	}

	.steps_wrap {
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.steps {
		width:30%;
		margin-bottom:2rem;
	}
	.steps img {
		float:right;
		max-width:50%;
		margin-left:1rem;
		margin-bottom:1rem;
	}
	.steps h4 {
		margin-top:0;
	}
	.ii {
		float: left;
		margin-right: 25px;
		height: auto;
		padding: 14px;
		border: 1px solid #999;
		margin-top: 25px;
		max-width:172px;
	}
	#download_instructions {
		margin-bottom:2rem;
		overflow:hidden;
	}
	#advantages_list {
		display:flex;
		margin:0;
		list-style:none;
		flex-wrap:wrap;
		justify-content: space-between;
		
	}
	#advantages_list li {
		max-width:30%;
	}
	
}

@media (min-width: 1145px) {
	#header {
		display:block;
	}
	#header .top-menu-wrap, #header .menu-wrap {
		display:block;
	}
	#open-menu {
		display:none;
	}
	#header #logo a {
		padding:15px 0;
	}

}

/* fixes bug causing overflow off page on mobile */
@media (max-width: 1145px) {
	#dropdown-wrap {
		max-width: 100%;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

@media (max-width: 700px){
	.item_3_wide {
		width: 100%;
	}
	.replitbrowserwrap {
        display:flex;
    }
    .replitbrowseritemwrap {
        width:44%;
        padding:0.6rem;
        margin-bottom:2rem;
    }
    .replitbrowseritemwrap img {
        margin-right:1.2em;
        max-width:76%;
    }
    .replitbrowseritemwrap h5 {
        margin-top:0;
        margin-bottom:0.5em;
    }
}

@media (max-width: 500px) {
	html {
		font-size:11px;
	}
	table.hinge_multitemplates_table {
		width:100%;
		margin-left:0px !important;
	}
}


/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}


table.Basic-Table {  
    color: #333; /* Lighten up font color */
    font-family: Helvetica, Arial, sans-serif; /* Nicer font */
    width: 640px; 
    border-collapse: 
    collapse; border-spacing: 0; 
} 
table.Basic-Table{
	white-space: nowrap;
	text-align:center;
}
.conversionlink {
	clear:both;
	margin-top:-0.5em;
}
.conversionlink p {
	text-align:left;
}

table.Basic-Table td, table.Basic-Table tr:first-child { border: 1px solid #888; height: 30px; } /* Make cells a bit taller */

table.Basic-Table tr:first-child  {  
    background: #F3F3F3; /* Light grey background */
    font-weight: bold; /* Make sure they're bold */
}
table.Basic-Table tr:first-child td {
	background:#ccc;
}
table.Basic-Table tr:first-child td:first-child {
	background:#0093d0;
	color:white;
}
table.Basic-Table tr td:first-child {
	background:#89c9ea;
	font-weight:bold;
}
table.Basic-Table td {  
    background: #FAFAFA; /* Lighter grey background */
    text-align: center; /* Center our text */
}
table.Basic-Table td p {
	  vertical-align: middle;
	  padding:0.5em;
	  margin:0;
	  text-align:center;
}
table.Basic-Table td.empty {
	background:#d1e8f6;
}
table.Basic-Table tr:last-child td {
	background:white;
	font-weight:normal;
}
table.Basic-Table span.CharOverride-2, table.Basic-Table span.CharOverride-1 {
	color:#d1e8f6;
	font-size:200%;
}



#menu_wrap form#search {
	float:none;
	display:block;
	padding:20px 0 10px 30px;
	width: 400px;
	max-width: 80vw;
	margin: 0;
}

table.hinge_multitemplates_table {
	margin-left: 40px;
}

table.hinge_multitemplates_table td {
	padding: 8px 30px;
	border: solid 1px #c4bfbf;
	text-align: center;
}

table.hinge_multitemplates_table th {
	padding-bottom: 10px;
	text-align: center;
	padding-top: 10px;
}

.ATW:after, .CTW:after {
	background: url(/images/ATW.png) no-repeat;
	content: "";
    width: 15px;
    height: 15px;
    display: block;
    background-size: cover;
    margin-left: 5px;
}

.atwcap {
	margin-left:45px; 
	font-size: 0.8rem;
}

.atwcap img {
	width: 15px;
	margin-right: 5px;
	margin-top: 4px;
}

a.ATW, a.CTW {
    display: flex;
    align-items: center;
}

#content .hinge_wrap .hinge_description ul {
	list-style:disc;
	margin-left:2rem;
}
body.latch-guard #content .row .nosidebar {
	margin-top:2rem !important;
}
body.latch-guard .col-12.nosidebar {
    max-width: 1200px;
}

/* additions / fixes for alba */

img {
    height:auto;
}
body.view_4 {
    /* hinge cat view */
    .nomobile.col.col-3 {
        img {
            max-width:60%;
        }
        text-align:center;
        font-size:0.9rem;
    }
}
body.installation .install-body-copy a img {
    height:60px;
}
nav#menu_top-menu {
    float: left;
}