/** GENERAL ROW and COLUMN LAYOUT */

.img-border img {
    border: solid thin #ddd;
}

#modularside{
	margin-top:15px;
}

.modular-row{
	width:100%;
}

.modular-column{
	display:inline-block;
	vertical-align: top;
	margin-bottom:20px;
}

.modular-column.Whole {
	width:100%;
}
.modular-column.Half {
	width:47.5%;
	margin-right:5%;
}
.modular-column.Half:last-child{
	margin-right:0%;
}
.modular-column.Third {
	width:30%;
	margin-right:5%;
}
.modular-column.Third:last-child{
	margin-right:0%;
}
.modular-column.Two-Thirds{
	width:65%;
	margin-right:5%;
}
.modular-column.Two-Thirds:last-child{
	margin-right:0%;
}

.modular-column.Quarter{
	width:21%;
	margin-right:5%;
}
.modular-column.Quarter:last-child{
	margin-right:0%;
}

.modular-hotspots-section, 
.modular-heading-section, 
.modular-subheading-section, 
.modular-text-section, 
.modular-image-section,  
.modular-video-section,
.modular-carousel-section,
.modular-html-section{
	position:relative;
}

.modular-image-section, 
.modular-image-section img,
.modular-video-section, 
.modular-video-section img,
.modular-carousel-section,
.modular-carousel-section img{
	width:100%;
}

#modular h3 {
	border:none;
	padding-top: 0px;
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 1.2em;

}





#modular h4 {
	border:none;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 1.2em;
	color: #fff;
}

#modular .modular-row h1{
	margin:0px;
}
#modular .modular-row h3 {
	margin:0px;
	margin-top: 0px;
}

#modular .modular-row .modular-text-section h3{
	margin-top: 20px;
	margin-bottom: 20px;
}

#modular .modular-row .modular-text-section h3:first-child{
	margin-top: 0px;
}

.modular-image-holder {
	display:inline-block; 
	float:left;
	margin-bottom:20px;
}

.modular-image-holder.Whole {
	width:100%;
}
.modular-image-holder.Half {
	width:49.5%;
	margin-right:1%;
}
.modular-image-holder.Half:last-child{
	margin-right:0%;
}
.modular-image-holder.Third {
	width:33%;
	margin-right:0.5%;
}
.modular-image-holder.Third:last-child{
	margin-right:0%;
}

.modular-image-holder.Two-Thirds{
	width:66.5%;
	margin-right:0.5%;
}
.modular-image-holder.Two-Thirds:last-child{
	margin-right:0%;
}

.modular-image-holder img{
	width:100%
}
.modular-image-caption{
	padding:10px;
	line-height: 1.2em;
	height:auto;
	background:#191919;
	color:#fff;
	padding:20px;
}

#modular .modular-image-caption h4 {
	color:#fff;
}

.modular-video-caption{
	background:#3276b1;
	color:#fff;
	padding:10px;
	line-height: 1.2em;
	height:auto;
	background:#191919;
	color:#fff;
	padding:20px;
}
#modular .modular-video-caption h4 {
	color:#fff;
}

/** HOTSPOTS */

.modular-hotspots-section {

}

.modular-hotspot-image-container {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.large-image-container-hotspots {
    overflow: hidden;
}


.modular-hotspot-image-container img{
	 width: 100%;
}


.hotspot-reveal{
	background:#e4dcd3;
	color:#000;
	background:#191919;
	color:#fff;
    position: relative;
}

.hotspot-reveal-content{
	padding:20px;
    position: relative;
}
.hotspot-reveal #hotspots-overlay-title{
	line-height: 1.2em;
	color: #fff;
	margin:0px;
	padding:0px;
}

.hotspot-reveal #hotspots-overlay-content, 
.hotspot-reveal #hotspots-overlay-content a{
	line-height: 1.2em;
	color: #fff;
}

.hotspot-reveal #hotspots-overlay-content a:hover, 
.hotspot-reveal #hotspots-overlay-content a:focus{
	border-bottom: 1px solid #fff;
    text-decoration: none;
}

.hotspot-reveal a.hotspots-overlay-close{
    background:none;
	background:#fff;
    position: relative;
    top: 0px;
	right:0px;
    cursor: pointer;
    box-shadow: none;
	display:inline-block;
	width:auto;
	height:auto;
	float:right;
	padding:8px;
	line-height:1em;
	background:#191919;
	color:#fff;
}
.hotspot-reveal a.hotspots-overlay-close:hover{
   text-decoration:none;
}



.modular-hotspot-link { 
	display: none;
	text-align: center;
	font-size:20px;
	line-height: 20px;
	width:20px;
	height:20px;
	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
	color:#000;
}
.modular-hotspot-link:hover {
	text-decoration: none;
	color:#000;
}
.modular-hotspot-link:focus {
	text-decoration: none;
	color:#000;
	outline: none;
}


.modular-hotspot-link.hotspot-link-large {
	color:#000;
	-webkit-transform: scale(1.6);
	-moz-transform: scale(1.6);
  	-o-transform: scale(1.6);
  	transform: scale(1.6);

}

.modular-hotspot-link.hotspot-link-select, 
.modular-hotspot-link.hotspot-link-selected {
	color:#fff;
}

/** ANCHOR LINKS */

#pagemenufix {
    background: #f6f3f2;
    padding-top: 20px;
    padding-bottom: 20px;
}

.modular-anchor-links {
}

.modular-anchor-links a{
	display:inline-block;
	padding:8px;
	width:100%;
	background:#f6f3f2;
	color:#000;
	line-height: 1.2em;
	margin-bottom:1px;
}

.modular-anchor-links a:hover,
.modular-anchor-links a:focus{
	text-decoration:none;
	color: #000;
	background: #e4dcd3;
}


@media (max-width: 800px) {

	.modular-column.Quarter {
		width:47.5%;
		margin-right:5%;
	}
	.modular-column.Quarter:nth-child(2n){
		margin-right:0%;
	}

}

/**@media (max-width: 480px) {*/
@media (max-width: 992px) {
	.modular-image-holder.Half, 
	.modular-image-holder.Third, 
	.modular-image-holder.Two-Thirds{
		width:100%;
		margin-right:0px;
	}
	.modular-column.Whole, 
	.modular-column.Half, 
	.modular-column.Third, 
	.modular-column.Two-Thirds, 
	.modular-column.Quarter{
		width:100%;
		margin-right:0px;
	}
	.side-pagelinks {
    	display: block;
	}
}


.top-section{
	display:table;
	vertical-align:middle;
	background:#e5e5e5;
	width:100%;
}
.top-image{
	display:table-cell;
	vertical-align:middle;
	width:50%;
}
.top-image img{
	width:100%;
}

h2 {
	color:#595959;
	font-size:20px;
	margin-top:30px;
	margin-bottom:30px;
}

.quote-box{
	background:#e5e5e5;
	padding:30px 70px;
	padding:30px 35px;
	display:table-cell;
	vertical-align:middle;
	width:50%;
}

.home .quote-box {
    background: #e5e5e5;
    padding: 30px 30px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.quote-mark{
	width:14%;
	display:inline-block;
	margin-right:4%;
	vertical-align:top;
}
.quote-mark img{
	width:100%;
	max-width:64px;
}
.quote-mark-end{
	width:14%;
	display:inline-block;
	margin-left:4%;
	vertical-align:bottom;
}
.quote-mark-end img{
	width:100%;
	max-width:30px;
}
.quote-content{
	width:60%;
	display:inline-block;
	vertical-align:top;
}
.quote-copy{
	color:#191919;
	font-size:16px;
	font-weight:bold;
	line-height:1.4em;
}
.quote-author{
	margin-top:10px;
	line-height:1.4em;
}


.homelinks {
	margin-bottom:20px;
}


#modular.content,
.home .content{
	padding-left: 15px;
	padding-right:15px;
}


.csv-table th:first-child,
.csv-table td:first-child{
	width:30%;
}

.csv-table h2{
	text-transform:none;
	margin-bottom:15px;
	font-size: 15px;
	line-height: 1.2em;
	font-weight:500;
	color:#000;
}

.csv-table h2 a.no-link{
	color:#000 !important;
}

#top-content.specifications h2{
	margin-bottom:0px;
}

a.no-link {
	font-family: "InfinitiBrandLight","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

@media (max-width:992px){
	.quote-mark{
		width:14%;
	}
	.quote-mark-end{
		width:10%;
	}
}

/**@media (max-width:768px){*/
@media (max-width:992px){
	#top-content{
		padding-right: 50px;
	}
	#modular.content{
		padding-right: 50px;
	}

	#modular.content,
	.home .content{
		padding-right: 50px;
	}

	.top-section{
		display:inline-block;
	}
	.top-image{
		display:inline-block;
		width:100%;
	}
	.quote-box{
		display:inline-block;
		width:100%;
		padding:30px;
	}
	.quote-mark{
		width:14%;
	}
	.quote-mark-end{
		width:10%;
	}
}