/* =========================================================
***************************COMMON**************************
============================================================ */

html {

}

body {

}

a {
}

/*==========  Font ==========*/
body {
	/*font-size: 16px;*/ /* Change this with CAUTION!!! */
	/* font-family: 'Open Sans', Arial, sans-serif; */
}
h1, h2, h3, h4, h5, h6 {
	/* font-family: 'Ubuntu', Verdana, sans-serif; */
}
.font-primary {
	/* font-family: 'Open Sans', Arial, sans-serif; */
}
.font-secondary {
	/* font-family: 'Ubuntu', Verdana, sans-serif; */
}
.font-tertiary {
	/* font-family: 'Merriweather', Georgia, serif; */
}
.article-content-text-alter *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.btn):not(code):not(kbd):not(samp) {
	/* font-family: 'Merriweather', Georgia, serif; */
}	
/*==========  Vertical rhythm & Reset (independent on Vertical rhythm ) ==========*/
/*  Vertical rhythm - http://type-scale.com/ */

html {
	font-size: 1em;
}
body, .thumbnail, .lead, .badge {
	line-height: 1.50;
}
label {
	line-height: 1.35;
}
/* h1, h2, h3, h4, h5, h6 .modal-title {
	line-height: 1.2;
	margin-top: 1.5em;
	margin-bottom: 0.4em;
} Joe */
.help-block {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
.selector {
	margin-top: 0.4em;
}
.list-group-item-heading {
	margin-bottom: 0.4em;
}
/*h1 {
	margin-top: 0;
	font-size: 2.441em;
	font-weight: 700;
} Joe */
h2 {
	font-size: 1.953em;
}
h3 {
	font-size: 1.563em;
}
h4 {
	font-size: 1.25em;
}
small, .font_small, .help-block {
	font-size: 0.875em; /* 14 px */
}
.selector {
	font-size: 0.8em; /* 12 px */
}
/* Very small sizes */
.selector {
	font-size: 0.64em
} /* 10 px */
.selector {
	font-size: 0.512em
} /* 8 px */
/* Article/Blog */ 
.article-content-text figcaption, .article-content-text-alter figcaption {
	font-style: italic;
	font-weight: 300;
}
/* Alternate */
.article-content-text-alter, .article-content-text-alter blockquote {
	font-size: 18px;
}
.article-content-text-alter figcaption, .article-content-text-alter code {
	font-size: 16px;
}
.article-content-text-alter .lead {
	font-size: 30px;
}
.article-content-text-alter {
	line-height: 1.70;
}
.article-content-text-alter p, .article-content-text-alter ul, .article-content-text-alter ol, .article-content-text-alter table {
	margin-top: 0.9em;
}
.article-content-text-alter li, .article-content-text-alter ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.article-content-text p, .article-content-text ul, .article-content-text ol, .article-content-text table {
	margin-top: 0.9em;
}
.article-content-text li, .article-content-text ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
/*==========  Margins ==========*/

/* Margin Bottom */
p:last-child, ul:last-child, ol:last-child, blockquote:last-child, address:last-child, pre:last-child, form:last-child {
	margin-bottom: 0;
}
/*p, ul, ol, blockquote, address, pre, form, table, .items-offset *, .article-content-text-alter img, .article-content-text-alter figure, .article-content-text img, .article-content-text figure {
	margin-bottom: 1.3em;
} Joe */

.columns-offset > div[class*="col-"] {
	margin-bottom: 2em;
}

.article-content-text-alter figure img, .article-content-text figure img {
	margin-bottom: 0.5em;
}
/* Margin Top */
h2:first-child, h3:first-child, h4:first-child, div + h2, div + h3, div + h4, h1 + h2, h2 + h3, h3 + h4 {
	margin-top: 0.4em;
}
h1 + p {
}
h2 + p {
}
/*==========  Helper classes ==========*/

/* Individual font weights */
/* Depend on font available weights */
.fw100 {
	font-weight: 100
}
.fw200 {
	font-weight: 200
}
.fw300 {
	font-weight: 300
}
.fw400 {
	font-weight: 400
}
.fw500 {
	font-weight: 500
}
.fw600 {
	font-weight: 600
}
.fw700 {
	font-weight: 700
}
.fw800 {
	font-weight: 800
}
.fw900 {
	font-weight: 900
}
/* Individual font sizes */
.fs14 {
	font-size: 14px
}
.fs16 {
	font-size: 16px
}
.fs18 {
	font-size: 18px
}
.fs24 {
	font-size: 24px
}
.fs30 {
	font-size: 30px
}
.fs36 {
	font-size: 36px
}
.fs40 {
	font-size: 40px
}
.fs50 {
	font-size: 50px
}
.fs60 {
	font-size: 60px
}
.fs14, .fs16, .fs18, .fs24, .fs30, .fs36, .fs40, .fs50, .fs60 {
	line-height: 1.50;
}
/* Heights */

.height-100 {
	height: 100%;
}
.height-50 {
	height: 50%;
}
/* Z-index */

.z-index-0 {
	z-index: 0
}
.z-index-1 {
	z-index: 1
}
.z-index-2 {
	z-index: 2
}
.z-index-3 {
	z-index: 3
}
.z-index-4 {
	z-index: 4
}
.z-index-5 {
	z-index: 5
}
.z-index-99999 {
z-index:99999!
}
/* Position absolute & relative */
.pos-absolute {
	position: absolute!important;
}
.pos-relative {
	position: relative!important;
}
/* Set individual margins */

/* Top */	
.marg-t2 {
	margin-top: 2px!important;
}
.marg-t5 {
	margin-top: 5px!important;
}
.marg-t10 {
	margin-top: 10px!important;
}
.marg-t15 {
	margin-top: 15px!important;
}
.marg-t20 {
	margin-top: 20px!important;
}
.marg-t25 {
	margin-top: 25px!important;
}
.marg-t30 {
	margin-top: 30px!important;
}
.marg-t35 {
	margin-top: 35px!important;
}
.marg-t40 {
	margin-top: 40px!important;
}
.marg-t50 {
	margin-top: 50px!important;
}
.marg-t60 {
	margin-top: 60px!important;
}
.marg-t70 {
	margin-top: 70px!important;
}
.marg-t80 {
	margin-top: 80px!important;
}
.marg-t90 {
	margin-top: 90px!important;
}
.marg-t100 {
	margin-top: 100px!important;
}
.marg-t110 {
	margin-top: 110px!important;
}
.marg-t120 {
	margin-top: 120px!important;
}
.marg-t130 {
	margin-top: 130px!important;
}
.marg-t140 {
	margin-top: 140px!important;
}
.marg-t150 {
	margin-top: 150px!important;
}
.marg-t200 {
	margin-top: 200px!important;
}
.marg-t250 {
	margin-top: 250px!important;
}
.marg-t300 {
	margin-top: 300px!important;
}
.marg-t400 {
	margin-top: 400px!important;
}
.marg-t500 {
	margin-top: 500px!important;
}
/* Bottom */	
.marg-b2 {
	margin-bottom: 2px!important;
}
.marg-b5 {
	margin-bottom: 5px!important;
}
.marg-b10 {
	margin-bottom: 10px!important;
}
.marg-b15 {
	margin-bottom: 15px!important;
}
.marg-b20 {
	margin-bottom: 20px!important;
}
.marg-b25 {
	margin-bottom: 25px!important;
}
.marg-b30 {
	margin-bottom: 30px!important;
}
.marg-b35 {
	margin-bottom: 35px!important;
}
.marg-b40 {
	margin-bottom: 40px!important;
}
.marg-b50 {
	margin-bottom: 50px!important;
}
.marg-b60 {
	margin-bottom: 60px!important;
}
.marg-b70 {
	margin-bottom: 70px!important;
}
.marg-b80 {
	margin-bottom: 80px!important;
}
.marg-b90 {
	margin-bottom: 90px!important;
}
.marg-b100 {
	margin-bottom: 100px!important;
}
.marg-b110 {
	margin-bottom: 110px!important;
}
.marg-b120 {
	margin-bottom: 120px!important;
}
.marg-b130 {
	margin-bottom: 130px!important;
}
.marg-b140 {
	margin-bottom: 140px!important;
}
.marg-b150 {
	margin-bottom: 150px!important;
}
.marg-b200 {
	margin-bottom: 200px!important;
}
.marg-b250 {
	margin-bottom: 250px!important;
}
.marg-b300 {
	margin-bottom: 300px!important;
}
.marg-b400 {
	margin-bottom: 400px!important;
}
.marg-b500 {
	margin-bottom: 500px!important;
}
/* Left */
.marg-l2 {
	margin-left: 2px!important;
}
.marg-l5 {
	margin-left: 5px!important;
}
.marg-l10 {
	margin-left: 10px!important;
}
.marg-l15 {
	margin-left: 15px!important;
}
.marg-l20 {
	margin-left: 20px!important;
}
.marg-l25 {
	margin-left: 25px!important;
}
.marg-l30 {
	margin-left: 30px!important;
}
.marg-l35 {
	margin-left: 35px!important;
}
.marg-l40 {
	margin-left: 40px!important;
}
.marg-l50 {
	margin-left: 50px!important;
}
.marg-l60 {
	margin-left: 60px!important;
}
.marg-l70 {
	margin-left: 70px!important;
}
.marg-l80 {
	margin-left: 80px!important;
}
.marg-l90 {
	margin-left: 90px!important;
}
.marg-l100 {
	margin-left: 100px!important;
}
/* Right */	
.marg-r2 {
	margin-right: 2px!important;
}
.marg-r5 {
	margin-right: 5px!important;
}
.marg-r10 {
	margin-right: 10px!important;
}
.marg-r15 {
	margin-right: 15px!important;
}
.marg-r20 {
	margin-right: 20px!important;
}
.marg-r25 {
	margin-right: 25px!important;
}
.marg-r30 {
	margin-right: 30px!important;
}
.marg-r35 {
	margin-right: 35px!important;
}
.marg-r40 {
	margin-right: 40px!important;
}
.marg-r50 {
	margin-right: 50px!important;
}
.marg-r60 {
	margin-right: 60px!important;
}
.marg-r70 {
	margin-right: 70px!important;
}
.marg-r80 {
	margin-right: 80px!important;
}
.marg-r90 {
	margin-right: 90px!important;
}
.marg-r100 {
	margin-right: 100px!important;
}
/* All */	
.marg-2 {
	margin: 2px!important;
}
.marg-5 {
	margin: 5px!important;
}
.marg-10 {
	margin: 10px!important;
}
.marg-15 {
	margin: 15px!important;
}
.marg-20 {
	margin: 20px!important;
}
.marg-25 {
	margin: 25px!important;
}
.marg-30 {
	margin: 30px!important;
}
.marg-35 {
	margin: 35px!important;
}
.marg-40 {
	margin: 40px!important;
}
.marg-50 {
	margin: 50px!important;
}
/* Negative margins*/	

/* Top */	
.marg-t-2 {
	margin-top: -2px!important;
}
.marg-t-5 {
	margin-top: -5px!important;
}
.marg-t-10 {
	margin-top: -10px!important;
}
.marg-t-15 {
	margin-top: -15px!important;
}
.marg-t-20 {
	margin-top: -20px!important;
}
/* Bottom */	
.marg-b-2 {
	margin-bottom: -2px!important;
}
.marg-b-5 {
	margin-bottom: -5px!important;
}
.marg-b-10 {
	margin-bottom: -10px!important;
}
.marg-b-15 {
	margin-bottom: -15px!important;
}
.marg-b-20 {
	margin-bottom: -20px!important;
}
/* Set individual paddings */

/* Top */
.padd-t2 {
	padding-top: 2px!important;
}
.padd-t5 {
	padding-top: 5px!important;
}
.padd-t10 {
	padding-top: 10px!important;
}
.padd-t15 {
	padding-top: 15px!important;
}
.padd-t20 {
	padding-top: 20px!important;
}
.padd-t25 {
	padding-top: 25px!important;
}
.padd-t30 {
	padding-top: 30px!important;
}
.padd-t35 {
	padding-top: 35px!important;
}
.padd-t40 {
	padding-top: 40px!important;
}
.padd-t50 {
	padding-top: 50px!important;
}
.padd-t60 {
	padding-top: 60px!important;
}
.padd-t70 {
	padding-top: 70px!important;
}
.padd-t80 {
	padding-top: 80px!important;
}
.padd-t90 {
	padding-top: 90px!important;
}
.padd-t100 {
	padding-top: 100px!important;
}
.padd-t110 {
	padding-top: 110px!important;
}
.padd-t120 {
	padding-top: 120px!important;
}
.padd-t130 {
	padding-top: 130px!important;
}
.padd-t140 {
	padding-top: 140px!important;
}
.padd-t150 {
	padding-top: 150px!important;
}
.padd-t200 {
	padding-top: 200px!important;
}
.padd-t250 {
	padding-top: 250px!important;
}
.padd-t300 {
	padding-top: 300px!important;
}
.padd-t400 {
	padding-top: 400px!important;
}
.padd-t500 {
	padding-top: 500px!important;
}
/* Bottom */	
.padd-b2 {
	padding-bottom: 2px!important;
}
.padd-b5 {
	padding-bottom: 5px!important;
}
.padd-b10 {
	padding-bottom: 10px!important;
}
.padd-b15 {
	padding-bottom: 15px!important;
}
.padd-b20 {
	padding-bottom: 20px!important;
}
.padd-b25 {
	padding-bottom: 25px!important;
}
.padd-b30 {
	padding-bottom: 30px!important;
}
.padd-b35 {
	padding-bottom: 35px!important;
}
.padd-b40 {
	padding-bottom: 40px!important;
}
.padd-b50 {
	padding-bottom: 50px!important;
}
.padd-b60 {
	padding-bottom: 60px!important;
}
.padd-b70 {
	padding-bottom: 70px!important;
}
.padd-b80 {
	padding-bottom: 80px!important;
}
.padd-b90 {
	padding-bottom: 90px!important;
}
.padd-b100 {
	padding-bottom: 100px!important;
}
.padd-b110 {
	padding-bottom: 110px!important;
}
.padd-b120 {
	padding-bottom: 120px!important;
}
.padd-b130 {
	padding-bottom: 130px!important;
}
.padd-b140 {
	padding-bottom: 140px!important;
}
.padd-b150 {
	padding-bottom: 150px!important;
}
.padd-b200 {
	padding-bottom: 200px!important;
}
.padd-b250 {
	padding-bottom: 250px!important;
}
.padd-b300 {
	padding-bottom: 300px!important;
}
.padd-b400 {
	padding-bottom: 400px!important;
}
.padd-b500 {
	padding-bottom: 500px!important;
}
/* Left */
.padd-l2 {
	padding-left: 2px!important;
}
.padd-l5 {
	padding-left: 5px!important;
}
.padd-l10 {
	padding-left: 10px!important;
}
.padd-l15 {
	padding-left: 15px!important;
}
.padd-l20 {
	padding-left: 20px!important;
}
.padd-l25 {
	padding-left: 25px!important;
}
.padd-l30 {
	padding-left: 30px!important;
}
.padd-l35 {
	padding-left: 35px!important;
}
.padd-l40 {
	padding-left: 40px!important;
}
.padd-l50 {
	padding-left: 50px!important;
}
.padd-l60 {
	padding-left: 60px!important;
}
.padd-l70 {
	padding-left: 70px!important;
}
.padd-l80 {
	padding-left: 80px!important;
}
.padd-l90 {
	padding-left: 90px!important;
}
.padd-l100 {
	padding-left: 100px!important;
}
/* Right */	
.padd-r2 {
	padding-right: 2px!important;
}
.padd-r5 {
	padding-right: 5px!important;
}
.padd-r10 {
	padding-right: 10px!important;
}
.padd-r15 {
	padding-right: 15px!important;
}
.padd-r20 {
	padding-right: 20px!important;
}
.padd-r25 {
	padding-right: 25px!important;
}
.padd-r30 {
	padding-right: 30px!important;
}
.padd-r35 {
	padding-right: 35px!important;
}
.padd-r40 {
	padding-right: 40px!important;
}
.padd-r50 {
	padding-right: 50px!important;
}
.padd-r60 {
	padding-right: 60px!important;
}
.padd-r70 {
	padding-right: 70px!important;
}
.padd-r80 {
	padding-right: 80px!important;
}
.padd-r90 {
	padding-right: 90px!important;
}
.padd-r100 {
	padding-right: 100px!important;
}
/* All */	
.padd-2 {
	padding: 2px!important;
}
.padd-5 {
	padding: 5px!important;
}
.padd-10 {
	padding: 10px!important;
}
.padd-15 {
	padding: 15px!important;
}
.padd-20 {
	padding: 20px!important;
}
.padd-25 {
	padding: 25px!important;
}
.padd-30 {
	padding: 30px!important;
}
.padd-35 {
	padding: 35px!important;
}
.padd-40 {
	padding: 40px!important;
}
.padd-50 {
	padding: 50px!important;
}
/* Set individual margins to 0 */
.no-marg {
	margin: 0!important
}
.no-marg-l {
	margin-left: 0!important
}
.no-marg-r {
	margin-right: 0!important
}
.no-marg-t {
	margin-top: 0!important
}
.no-marg-b {
	margin-bottom: 0!important
}
.no-marg-lr {
	margin-left: 0!important;
	margin-right: 0!important
}
.no-marg-tb {
	margin-top: 0!important;
	margin-bottom: 0!important
}
/* Set individual paddings to 0 */	
.no-padd {
	padding: 0!important
}
.no-padd-l {
	padding-left: 0!important
}
.no-padd-r {
	padding-right: 0!important
}
.no-padd-t {
	padding-top: 0!important
}
.no-padd-b {
	padding-bottom: 0!important
}
.no-padd-lr {
	padding-left: 0!important;
	padding-right: 0!important
}
.no-padd-tb {
	padding-top: 0!important;
	padding-bottom: 0!important
}
/* Custom border, shadow, horizontal rules, dividers... */	

/* Borders */
.border-w1 {
	border-width: 1px;
}
.border-w2 {
	border-width: 2px;
}
.border-w5 {
	border-width: 5px;
}
.border-w10 {
	border-width: 10px;
}
.border-w15 {
	border-width: 15px;
}
.border-w20 {
	border-width: 20px;
}
.border-t {
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
}
.border-b {
	border-right: 0;
	border-left: 0;
	border-top: 0;
}
.border-l {
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
}
.border-r {
	border-left: 0;
	border-top: 0;
	border-bottom: 0;
}
.border-lr {
	border-top: 0;
	border-bottom: 0;
}
.border-tb {
	border-left: 0;
	border-right: 0;
}
.border-solid {
	border-style: solid;
}
.border-dashed {
	border-style: dashed;
}
.border-dotted {
	border-style: dotted;
}
.border-rd {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.border-rd-tlr {
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
}
.border-rd-brl {
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}
.border-rd-trbr {
	border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
}
.border-rd-tlbl {
	border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
}
.no-border, .no-border-child * {
	border: 0 none transparent!important
}
.no-border-rd {
	border-radius: 0!important;
	-moz-border-radius: 0!important;
	-webkit-border-radius: 0!important;
}
.no-shadow {
	box-shadow: none!important;
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
}
.no-backg {
	background: transparent!important
}
/* Display */
.display-block {
	display: block;
}
.display-inline {
	display: inline;
}
.display-inline-block {
	display: inline-block;
}
/* Dividers */
.divider-row, .divider-def {
	-moz-user-select: none;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	box-sizing: border-box;
	height: 0;
	line-height: 1;
	display: block;
	clear: both;
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
}
.divider-row {
	margin-left: -15px;
	margin-right: -15px;
}
.divider-def {
}
.divider-marg10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.divider-marg20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.divider-marg40 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.divider-marg50 {
	margin-top: 50px;
	margin-bottom: 50px;
}
.divider-dashed {
	border-style: dashed;
	border-left-color: transparent;
	border-right-color: transparent;
}
.divider-on-backg.divider-row, .divider-on-backg.divider-def {
	border-bottom-color: rgba(255, 255, 255, 0.2);
	border-top-color: rgba(0, 0, 0, 0.2);
}
.divider-blank {
	border-color: transparent!important;
}
/* Horizontal Rule - Use it only in texts (paragraphs) */
.hr-10, .hr-20, .hr-30, .hr-40, .hr-50, .hr-blank, hr {
	display: block
}
.hr-10 {
	margin: 10px 0 10px 0!important;
}
.hr-20 {
	margin: 20px 0 20px 0!important;
}
.hr-30 {
	margin: 30px 0 30px 0!important;
}
.hr-40 {
	margin: 40px 0 40px 0!important;
}
.hr-50 {
	margin: 50px 0 50px 0!important;
}
.hr-blank {
	border-color: transparent!important;
}
.hr-flat {
	margin: 0!important;
}
hr {
  border-top: 1px dashed rgba(0,0,0,.2);
}
/* Vertical/Horizontal centering */
.vertical-parent {
	text-align: center;
}
.vertical-parent:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing *//* For visualization 
  background: #808080; width: 5px;
  */
}
.vertical-center, .vertical-bottom, .vertical-bottom {
	display: inline-block;
}
/* Center */
.vertical-center {
	vertical-align: middle;
}
/* Bottom */
.vertical-bottom {
	vertical-align: bottom;
}
/* Top */
.vertical-top {
	vertical-align: top;
}
/* Visually hidden */
/* http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/  */
.hide-visual {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

/* Transitions */
.trans-def, .trans-def:before, .trans-def:after, /* Individual default */ body, td, th, input, button, textarea, select, option, a, .logo-invert img, .btn, .btn:before, .btn:after, [class*='btn-'], .selectboxit-container .selectboxit, a.nav-expander, nav.off-canvas, body.nav-expanded, .row-offcanvas, .cd-top, .owl-theme .owl-controls .owl-buttons div, .owl-backg-light .owl-item .item, .fa, .panel-heading {
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -ms-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.no-trans, .no-trans-child * {
	-webkit-transition: none!important;
	-moz-transition: none!important;
	-ms-transition: none!important;
	-o-transition: none!important;
	transition: none!important;
}
/* 
For full width containers. 
-- It is not replacement for .container-fluid 
*/
.container-fullwidth:before, .container-fullwidth:after {
	content: " ";
	display: table;
}
.container-fullwidth:after {
	clear: both;
}
.container-fullwidth {
	margin-right: auto;
	margin-left: auto;
}
/*==========  Other Helpers ==========*/

a:hover, a:focus {
	text-decoration: none
}
.logo img {
	width: 100%;
}
 
blockquote.blockquote {
	/*
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  */
	quotes: "\201C""\201D""\2018""\2019";
	border: none;
	margin-top: 0.2em;
}
blockquote.blockquote:before {
	color: #ddd;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.05em;
	vertical-align: -0.4em;
}
blockquote.blockquote p {
	display: inline;
	color: #666;
}
blockquote p {
	font-style: italic;
}
.browsehappy {
	background-color: #ddd;
	padding: 30px;
	text-align: center;
	font-size: 24px;
}
.text-transform-reset {
	text-transform: none;
}
.txt-vertical-sep {
	margin-right: 11px;
	margin-left: 9px; /* color:rgba(0,0,0,.4); */
	border-left: 1px solid rgba(0,0,0,.4)
}
.full-width {
	width: 100%;
	height: auto;
}
.overflow-hidden {
	overflow: hidden;
}
.no-wrap-text {
	white-space: nowrap;
}
/* =========================================================
*************************ARTICLE/BLOG************************
============================================================ */

.article-content {
}
.article-content-text {
}
.article-content-text-alter {
}
.article-content-info {
}

.article-content-text .lead:first-child,
.article-content-text-alter .lead:first-child{
	margin-top: 0;
}

.article-content-text,
.article-content-text-alter,
.article-content-info {
	margin-bottom: 30px;
}

.article-grid-content {
}

/* JV: article-grid-content-news & publi neu eingebaut */
@media only screen and (min-width: 768px) {
    .article-grid-content-news {
        height: 425px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    .article-grid-content-publi {
        height: 315px;
    }
}

.article-grid-content-text {
}
.article-grid-content-info {
}
.article-date-pub, .article-author, .article-comments-num {
	/* JV white-space: nowrap;*/
}
/* =========================================================
**************************BACKGROUNDS*************************
============================================================ */
.backg-1 {
	background: url("../img/backgrounds/backg-pattern-1.jpg") repeat fixed;
}
.backg-2 {
	background: url("../img/backgrounds/backg-pattern-2.jpg") repeat fixed;
}
.backg-3 {
	background: url("../img/backgrounds/full-backg/full-backg-3.jpg") no-repeat;
}
.blog-background-image {
	background: url("../img/backgrounds/full-backg/full-backg-3.jpg") no-repeat center center;
}
.backg-footer {
	/* background: url("../img/logo-footer.png") no-repeat; */
}
.backg-top {
	background-position: top center;
}
.backg-bottom {
	background-position: bottom center;
}
.backg-center {
	background-position: center center;
}
.backg-responsive-fullscreen {
	background-size: cover;
}
.backg-responsive {
	background-size: 100%;
}

 
/*==========  HEADER ==========*/

/* Header background with heading */

@media only screen and (min-width : 992px) {
.heading-backg h1 {
	margin-top: 400px;
}
}
 @media only screen and (max-width : 991px) {
.heading-backg h1 {
	margin-top: 215px;
}
}
/* Individual section heading */
.section-heading {
	margin-top: 0!important;
	margin-bottom: 1.5em
}
.heading-crossbar:before, .heading-crossbar:after {
	background: none repeat scroll 0 0 #ccc;
	content: " ";
	display: block;
	height: 0.05em;
	position: absolute;
	top: 0.7em;
	width: 9999%;
}
.heading-crossbar {
	display: table;
	padding: 0 1em;
	position: relative;
	width: auto;
	/* Style */
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: 300;
	/* Centering */
	margin-left: auto;
	margin-right: auto;
}
.heading-crossbar:before {
	left: -9999%;
}
.heading-crossbar:after {
	right: -9999%;
}
/* Intro */

/*
.intro-header-backg-1 {
background: url(../img/backgrounds/full-backg/full-backg-1.jpg) no-repeat center center; 
}
.intro-header-backg-5 {
background: url(../img/backgrounds/full-backg/full-backg-5.jpg) no-repeat center center;
}
.intro-header-backg-8 {
background: url(../img/backgrounds/full-backg/full-backg-8.jpg) no-repeat center center;
}
*/

.intro-header {
	display: table;
	table-layout: fixed;
	width: 100%;
	text-align: center;
}
.intro-header-full {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	padding: 50px 0;
	text-align: center;
}
.intro-header-bottom {
	display: table;
	table-layout: fixed;
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	overflow: hidden;
}
.intro-header-full, .intro-header, .intro-header-bottom {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.intro-header-full .intro-body, .intro-header .intro-body {
	display: table-cell;
	vertical-align: middle;
}
.intro-header-bottom .intro-body {
	display: table-cell;
	height: 100%
}
.intro-header-bottom .pos-bottom {
	width: 100%;
	height: 100%;
	padding-top: 125px
}
.intro-shadow {
	box-shadow: inset 0 -30px 50px rgba(0,0,0,.5);
	height: 100%
}
.intro-header-bottom .intro-shadow {
	box-shadow: inset 0 -50px 50px -20px rgba(0,0,0,.5);
	position: absolute;
	bottom: 0;
	height: 20%;
	width: 100%
}
.intro-padd {
	padding: 10% 0;
	height: 100%
}
/* Zoom-Out intro */

#zoom-out-header {
	position: relative;
	margin-top: 0;
	z-index: 1;
	background-color: #333;
}
#zoom-out-header #zoom-out-background {
	height: 100%;
	width: 100%;
	/* background: url("../img/backgrounds/full-backg/full-backg-3.jpg") no-repeat center center; */
	background-size: cover;
}
#zoom-out-header #zoom-out-tagline {
	position: absolute;
	width: 100%;
	/* max-width: 1270px; */
	left: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
#zoom-out-header h1 {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
}
 @media only screen and (max-width : 767px) {
#zoom-out-header {
	height: 300px;
	margin-top: 0;
}
#zoom-out-header #zoom-out-tagline {
	top: 50%;
}
}
 @media only screen and (min-width: 768px) {
#zoom-out-header {
	height: 300px;
	margin-top: 0;
}
#zoom-out-header #zoom-out-tagline {
	top: 50%;
}
}
 @media only screen and (min-width: 992px) {
#zoom-out-header {
	position: fixed;
	/* do not overlap the header */
	top: 0;
	left: 0;
	width: 100%;
	height: 550px;
	margin-top: 0;
}
#zoom-out-header #zoom-out-tagline {
	top: 60%;
}
.zoom-out-header-content {
	margin-top: 417px;
	/* background: url("../img/backgrounds/backg-pattern-1.jpg") repeat fixed; */
}
.zoom-out-header-content:before {
	background: linear-gradient(to top, rgba(46, 49, 61, 0.8), rgba(46, 49, 61, .0)) repeat scroll 0 0 rgba(0, 0, 0, 0);
	bottom: 100%;
	content: "";
	height: 50px;
	left: 0;
	position: absolute;
	width: 100%;
}
}
 @media only screen and (min-width: 1200px) {
#zoom-out-header {
	height: 620px;
}
.zoom-out-header-content {
	margin-top: 487px;
}
}
/* =========================================================
****************************TINT****************************
============================================================ */

.tint-primary {
	position: relative;
	cursor: pointer;
	width: 100%;
	height: 100%;
}
.tint-primary::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: transparent;
	transition: all .3s linear;
	z-index: 9;
}
.tint-blue::before {
	background: transparent; /* background: rgba(0,107,180, 0.7); */
}
.tint-green::before {
	background: transparent; /* background: rgba(133,187,43, 0.7); */
}
.tint-yellow::before {
	background: transparent; /* background: rgba(255,239,0, 0.7); */
}
.tint-grey::before {
	background: transparent; /* background: rgba(0,0,0, 0.5); */
}
.tint-primary:hover::before {
}
.tint-blue:hover::before {
	background: rgba(0,107,180, 0.7);
}
.tint-green:hover::before {
	background: rgba(133,187,43, 0.7);
}
.tint-yellow:hover::before {
	background: rgba(255,239,0, 0.7);
}
.tint-grey:hover::before {
	background: rgba(0,0,0, 0.5);
}
/* =========================================================
*************************HOVER EFFECT************************
============================================================ */
/* http://tympanus.net/Development/HoverEffectIdeas/ */


/* Hover grid */
.hover-grid {
	overflow: hidden;
	margin: 0;
}
.hover-grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
}
.hover-grid figure {
	width: 100%;
}
.hover-grid figure img {
	position: relative;
	display: block;
	/* min-height: 100%; */
	opacity: 1;
}
.hover-grid figure figcaption {
	padding: 10px;
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 99;
}
.hover-grid figure figcaption::before, .hover-grid figure figcaption::after {
	pointer-events: none;
}
.hover-grid figure figcaption, .hover-grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hover-grid figure h3, .hover-grid figure p {
	margin: 0;
}
/* Hover item */

.no-padding-grid .hover-item {
	padding: 0; /* Remove bootstrap columns paddings */
	line-height: 0; /* Remove other white spaces */
}
.hover-item figure figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0);
}
.hover-item figure h3 {
	position: absolute;
	bottom: 2%;
	left: 10px;
	width: 90%;
	color: #666;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	text-align: center;
}
.hover-item figure h3 span {
	font-size: 14px;
	line-height: normal;
	text-transform: uppercase;
	display: block;
	margin-top: 5px;
}
.hover-item figure figcaption::before, .hover-item figure h3 {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.hover-item figure:hover h3 {
	color: #fff;
	opacity: 1;
	-webkit-transform: translate3d(0, -55px, 0);
	transform: translate3d(0, -55px, 0);
}
.hover-item figure figcaption::before {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.hover-item figure:hover figcaption::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 5px, 0);
	transform: translate3d(0, 5px, 0);
}
/* Gradient for better visibility of content (text) in bottom area of block */
.hover-item figure.tint-primary figcaption::before {
}
.hover-item figure.tint-blue figcaption::before {
	background: -webkit-linear-gradient(top, rgba(0,78,130, 0) 0%, rgba(0,78,130, 0.8) 85%);
	background: linear-gradient(to bottom, rgba(0,78,130, 0) 0%, rgba(0,78,130, 0.8) 85%);
}
.hover-item figure.tint-green figcaption::before {
	background: -webkit-linear-gradient(top, rgba(97,135,31, 0) 0%, rgba(97,135,31, 0.8) 85%);
	background: linear-gradient(to bottom, rgba(97,135,31, 0) 0%, rgba(97,135,31, 0.8) 85%);
}
.hover-item figure.tint-yellow figcaption::before {
	background: -webkit-linear-gradient(top, rgba(153,143,0, 0) 0%, rgba(153,143,0, 0.8) 85%);
	background: linear-gradient(to bottom, rgba(153,143,0, 0) 0%, rgba(153,143,0, 0.8) 85%);
}
/* =========================================================
***********************HOVER EFFECT 1***********************
============================================================ */

/* Image hover - text slide up */

.thmb-hover figure {
	position: relative;
	overflow: hidden;
}
.thmb-hover figure img {
	position: relative;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.thmb-hover figure,
.thmb-hover figure img {
	margin-bottom: 0;
}

/* .cs-hover is added from JS for touch effect on mobile */
.thmb-hover figure:hover img, .no-touch .thmb-hover figure:hover img, .thmb-hover figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}
.thmb-hover figcaption {
	position: absolute;
	height: auto; /* Set it to px or % */
	/* max-height:50%; */ 
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
.thmb-hover figure:hover figcaption, .no-touch .thmb-hover figure:hover figcaption, .thmb-hover figure.cs-hover figcaption {
	opacity: 1;
	/* Set translateY to px or % */
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}
/* Image hover - fade */
.thmb-hover-1 figure {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.thmb-hover-1 figcaption {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(000,000,000,.6 );
	border: 1px solid #ddd;
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
.thmb-hover-1 figure:hover figcaption, .no-touch .thmb-hover-1 figure:hover figcaption, .cs-style-1 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
/* Image hover - icon fade only */
.thmb-hover-2 figure {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.thmb-hover-2 figcaption {
	position: absolute;
	top: 0;
	left: 0;
	/* 
	background: rgba(255,255,255,.6 ); 
	border:1px solid #ddd;
	*/
	height: 100%;
	width: 100%;
	opacity: 0;
	/* text-align: center; */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
.thmb-hover-2 figure:hover figcaption, .no-touch .thmb-hover-2 figure:hover figcaption, .cs-style-2 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
/* =========================================================
******************CUSTOM HOVER.CSS*******************
============================================================ */

.bubble-float-bottom.fa-4x {
	padding-top: 2px
}
.bubble-float-bottom.fa-5x {
	padding-top: 4px
}
.bubble-float-bottom:before {
	left: 42%; /* Mobile fix */
	left: calc(50% - 10px);
}
/* =========================================================
************************PARALLAX SCROLL***********************
============================================================ */
		
.parallax {
	height: auto;
	margin: 0 auto;
	width: 100%;
	display: block;
}
.parallax-padd {
	padding: 20px 0;
}
.parallax-shadow {
	box-shadow: inset 0 0 100px rgba(0,0,0,.9);
}
.parallax-pattern {
	background: url("../img/backgrounds/overlay_pattern.png") repeat;
}
.parallax-backg {
	/* background-image: url("../img/backgrounds/parallax-backg.jpg"); */
	position: static;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/* =========================================================
****************************MASONRY**************************
============================================================ */

/*==========  Masonry CSS ==========*/
/* Doesn't work in IE9 and below */
.css-masonry *, .css-masonry *:before, .css-masonry *:after {
	box-sizing: border-box !important;
}
.css-masonry {
	/* Change this to make biger or smaller panels */
	-moz-column-width: 25em;
	-webkit-column-width: 25em;
	/* */
	-moz-column-gap: .5em;
	-webkit-column-gap: .5em;
	margin-left: -.5em;
}
.css-masonry .item {
	display: inline-block;
	margin: 0 .5em 0 .5em;
	padding: 0;
	width: 97%;
}
/* =========================================================
********************CONTENT SLIDER/CAROUSEL******************
============================================================ */

/*==========  Bootstrap ==========*/
.myCarousel .thumbnail {
	margin-bottom: 0;
}
.myCarousel .carousel-control {
	opacity: 1;
	width: 30px;/*
	height:30px;
	top:45%;
	bottom:auto;
	*/
}
.myCarousel .carousel-control {
	background-image: none;
	filter: none
}
.myCarousel .carousel-control:hover, .myCarousel .carousel-control:focus {
}
.myCarousel .carousel-control.left:hover, .myCarousel .carousel-control.left:focus {
	background-image: -webkit-linear-gradient(left, color-stop(rgba(255, 255, 255, 0.9) 0%), color-stop(rgba(255, 255, 255, 0.0001) 100%));
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.0001) 100%);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90ffffff', endColorstr='#00ffffff', GradientType=1);
}
.myCarousel .carousel-control.right:hover, .myCarousel .carousel-control.right:focus {
	background-image: -webkit-linear-gradient(left, color-stop(rgba(255, 255, 255, 0.0001) 0%), color-stop(rgba(255, 255, 255, 0.9) 100%));
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.9) 100%);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#90ffffff', GradientType=1);
}
.myCarousel .carousel-control.right {
	right: -27px;
	border-radius: 0 4px 4px 0;
}
.myCarousel .carousel-control.left {
	left: -29px;
	border-radius: 4px 0 0 4px;
}
.myCarousel .carousel-control .glyphicon-chevron-left, .myCarousel .carousel-control .icon-prev {
	margin-left: -15px;
	margin-top: -15px;
}
.myCarousel .carousel-control .glyphicon-chevron-right, .myCarousel .carousel-control .icon-prev {
	margin-left: 0;
	margin-right: -15px;
	margin-top: -15px;
}
.myCarousel-product-slider .carousel-indicators {
	bottom: -60px;
}
.myCarousel-product-slider .carousel-indicators li {
	width: 20px;
	height: 20px;
	margin: 0
}
.myCarousel-product-slider .carousel-indicators .active {
}
/*==========  OWL Carousel ==========*/
.owl-theme .owl-controls .owl-buttons div {
	opacity: 1;
	font-size: inherit;
	line-height: inherit;
	padding: 5px 14px;
	text-transform: uppercase
}
.owl-item.loading {
	min-height: 144px;
}
/*==========  Testimonial carousel ==========*/
#quote-carousel {
	padding: 0 40px 30px 40px;
	margin-top: 0;
	margin-bottom: 0;
}
/* Control buttons  */
#quote-carousel .carousel-control {
	background: none;
	color: #222;
	font-size: 2.3em;
	text-shadow: none;
	margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left {
	left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right {
	right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li {
	background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active {
	background: #333333;
}
#quote-carousel img {
	width: 100px;
	height: 100px
}
#quote-carousel .item blockquote {
	border-left: none;
	margin: 0;
}
#quote-carousel .item blockquote img {
	margin-bottom: 10px;
}
#quote-carousel .item blockquote p:before {
	content: "\f10d";
	font-family: 'Fontawesome';
	float: left;
	margin-right: 10px;
}
 

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {
/* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
#quote-carousel .carousel-indicators {
	bottom: -20px !important;
}
#quote-carousel .carousel-indicators li {
	display: inline-block;
	margin: 0px 5px;
	width: 15px;
	height: 15px;
}
#quote-carousel .carousel-indicators li.active {
	margin: 0px 5px;
	width: 20px;
	height: 20px;
}
}
/*========== Arrow effect for Bootstrap Acoordion  ==========*/

.faq-trigger {
	position: relative;
	display: block;
	margin: 0;
}
.faq-trigger::before, .faq-trigger::after {
	content: '';
	/* arrow icon on the right */
	position: absolute;
	right: 24px;
	top: 50%;
	height: 2px;
	width: 13px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	background-color: #999;
}
.faq-trigger::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 32px;
}
.faq-trigger::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.faq-trigger-collapse-in::before {
	content: '';
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.faq-trigger-collapse-in::after {
	content: '';
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.faq-trigger-collapse-in::before,  .faq-trigger-collapse-in::after {
	background-color: #fff;
}
/* =========================================================
*************************MENU*************************
============================================================ */

/*==========  Headeroom ==========*/

.headroom {
	transition: all .2s ease-in-out, box-shadow .1s, padding .1s ease-in, opacity .2s ease-in;
}
.headroom--pinned {
	transform: translateY(0%);
	top: 0;
	opacity: 1;
}
.headroom--unpinned {
	transform: translateY(-100%);
	top: -49px;
	opacity: 0;
}
/* HACK: FF 3.5+*/
body:not(:-moz-handler-blocked) .headroom--unpinned {
	top: 0;
}
.headroom a.navbar-brand {
	transition-duration: .1s;
}
/* Padding */
.headroom--not-top.headeroom-padd {
	padding: 0;
}
/* Shadow */
.headroom--not-top {
	box-shadow: 5px 5px 5px rgba(0,0,0,.15);
}
.headroom--not-top.headroom--unpinned {
	box-shadow: none;
}
/* Opacity */
.headroom--not-top.headroom--unpinned {
	opacity: 0;
}
.headroom--top, .headroom--top.headroom--pinned {
	opacity: 1;
}
.headroom--not-top, .headroom--not-top.headroom--pinned {
	opacity: 1;
}
/* INTRO Menu */

.navbar-intro {
	background: transparent;
}
.headroom--not-top.headroom--unpinned.navbar-intro, .headroom--not-top.headroom--unpinned.navbar-intro-full {
	background: transparent;
}
.navbar-inverse.headroom--not-top.navbar-intro, .navbar-inverse.headroom--not-top.navbar-intro-full {
 
}
.navbar-default.headroom--not-top.navbar-intro, .navbar-default.headroom--not-top.navbar-intro-full {
 
}
.navbar--light.headroom--not-top.navbar-intro, .navbar--light.headroom--not-top.navbar-intro-full {
 
}
.navbar-intro {
	border-bottom-color: rgba(255,255,255,.3);
}
.navbar-intro-full {
	border-bottom-color: rgba(0,0,0,.3);
}
/* Search in Menu */
/* http://codepen.io/CBeghin/pen/HeuiF */

#search-wrap {
	margin: 0 0 0 75px;
	display: inline-block;
	position: relative;
	height: 50px;
	float: right;
	padding: 0;
	position: relative;
}
#search-wrap input[type="text"] {
	font-size: 18px;
	height: 50px;
	display: inline-block;
	border: none;
	outline: none;
	padding: 0;
	padding-right: 50px;
	width: 0;
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	z-index: 3;
	transition: width .4s ease-out-in, border .2s ease, margin .2s ease, background .4s ease-in-out;
	cursor: pointer;
	border-radius: 6px;
	color: #555;
}
#search-wrap input[type="text"]:focus {
	z-index: 1;
	cursor: text;
	padding-left: 10px;
}
.navbar-default #search-wrap input[type="text"] {
	border: 1px solid rgba(0,0,0,.2);
}
.navbar-default #search-wrap input[type="text"]:focus:hover {
	border-color: rgba(0,0,0,.3);
}
.navbar-default #search-wrap input[type="text"]:focus {
	border-color: rgba(0,0,0,.1);
}
.navbar-inverse #search-wrap input[type="text"] {
	border: 1px solid rgba(255,255,255,.2);
}
.navbar-inverse #search-wrap input[type="text"]:focus:hover {
	border-color: rgba(0,0,0,.6);
	background-color: #E8E8E8;
}
.navbar-inverse #search-wrap input[type="text"]:focus {
	border-color: rgba(0,0,0,.1);
}
 #search-wrap input[type="text"]::-webkit-input-placeholder {
color:transparent;
}
#search-wrap input[type="text"]:-moz-placeholder {
color:transparent;
} /* FF 4-18 */
#search-wrap input[type="text"]::-moz-placeholder {
color:transparent;
} /* FF 19+ */
#search-wrap input[type="text"]:-ms-input-placeholder {
color:transparent;
} /* IE 10+ */
 #search-wrap input[type="text"]:focus::-webkit-input-placeholder {
color: #555;
}
#search-wrap input[type="text"]:focus:-moz-placeholder {
color: #555;
} /* FF 4-18 */
#search-wrap input[type="text"]:focus::-moz-placeholder {
color: #555;
} /* FF 19+ */
#search-wrap input[type="text"]:focus:-ms-input-placeholder {
color: #555;
} /* IE 10+ */
#search-wrap input[type="text"]:focus {
	background-color: #F9F9F9;
	border-radius: 6px 0 0 6px;
}
#search-wrap input[type="submit"] {
	height: 50px;
	width: 52px;
	display: inline-block;
	color: red;
	float: right;
	text-indent: -99999px;
	border: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	cursor: pointer;
	opacity: 0.4;
	cursor: pointer;
	transition: opacity .4s ease, background .4s ease;
	border-radius: 0 6px 6px 0;
}
.navbar-default #search-wrap input[type="submit"] {
	background: rgba(0,0,0,.1) url(../img/search-black.svg) no-repeat center center;
}
.navbar-default #search-wrap:hover input[type="submit"] {
	background-color: rgba(0,0,0,.2);
}
.navbar-inverse #search-wrap input[type="submit"] {
	background: rgba(255,255,255,.1) url(../img/search-white.svg) no-repeat center center;
}
.navbar-inverse #search-wrap:hover input[type="submit"] {
	background-color: rgba(255,255,255,.2);
}
#search-wrap:hover input[type="submit"]:hover {
	opacity: .7;
}
/*========== Back to top ==========*/
.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/cd-top-arrow.svg) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	z-index: 9999/*
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  */
}
.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
	background-color: #e9e9e9; /* JV */
}
.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .5;
}
.no-touch .cd-top:hover {
	background-color: #777;
	opacity: 1;
}
.cd-top.cd-is-visible:hover {
	background-color: #777;
}
@media only screen and (min-width: 768px) {
.cd-top {
	right: 20px;
	bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
.cd-top {
	height: 60px;
	width: 60px;
	right: 30px;
	bottom: 30px;
}
}
/* =========================================================
***************************FOOTER***************************
============================================================ */

.page-footer {
    padding-bottom: 10px;
    padding-top: 10px;
}
.copyright {
}
.made-by {
}
.made-by img {
	height: 20px;
	width: auto;
}
.footer-links {
}

.bottom-alter .container-marg-t {
	margin: 0;
}

/* =========================================================
***********************LIGHTBOX POP-UP**********************
============================================================ */

/* Magnific Popup CSS */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
	display: none;
}
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur {
	cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
	cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mfp-loading.mfp-figure {
	display: none;
}
.mfp-hide {
	display: none !important;
}
.mfp-preloader {
	color: #cccccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.mfp-preloader a {
	color: #cccccc;
}
.mfp-preloader a:hover {
	color: white;
}
.mfp-s-ready .mfp-preloader {
	display: none;
}
.mfp-s-error .mfp-content {
	display: none;
}
button.mfp-close, button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}
button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: white;
	font-style: normal;
	font-size: 28px;
}
.mfp-close:hover, .mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mfp-close:active {
	top: 1px;
}
.mfp-close-btn-in .mfp-close {
	color: #333333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: white;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}
.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #cccccc;
	font-size: 12px;
	line-height: 18px;
}
.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
	margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}
.mfp-arrow-left {
	left: 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
	border-right: 17px solid white;
	margin-left: 31px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #fff;
}
.mfp-arrow-right {
	right: 0;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
	border-left: 17px solid white;
	margin-left: 39px;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
	border-left: 27px solid #fff;
}
.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
	top: -40px;
}
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: black;
}
.image-source-link {
}
/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}
.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.mfp-figure figure {
	margin: 0;
}
.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}
.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #999;
	word-wrap: break-word;
	padding-right: 36px;
}
.mfp-image-holder .mfp-content {
	max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}
 @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
	padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
	top: 0;
	bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
	display: inline;
	margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	margin: 0;
	top: auto;
	padding: 3px 5px;
	position: fixed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
	padding: 0;
}
.mfp-img-mobile .mfp-counter {
	right: 5px;
	top: 3px;
}
.mfp-img-mobile .mfp-close {
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	text-align: center;
	padding: 0;
}
}
 @media all and (max-width: 900px) {
.mfp-arrow {
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
}
.mfp-arrow-left {
	-webkit-transform-origin: 0;
	transform-origin: 0;
}
.mfp-arrow-right {
	-webkit-transform-origin: 100%;
	transform-origin: 100%;
}
.mfp-container {
	padding-left: 6px;
	padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
	padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
	padding: 0;
}
.mfp-ie7 .mfp-content {
	padding-top: 44px;
}
.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}
/* Transitions/Opacity: shadow behind the image, image zoom */
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
	opacity: 0.001;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}


/* Transition between images */
/* https://github.com/dimsemenov/Magnific-Popup/issues/112/ */
@-webkit-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-moz-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-o-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
.mfp-open .mfp-figure {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}
/* =========================================================
***************************OTHER**************************
============================================================ */ 

/*========== Isotope  ==========*/
 
#container-isotope .item.col-lg-3, #container-isotope .item.col-md-3, #container-isotope .item.col-sm-3, #container-isotope .item.col-xs-3, #container-isotope .item.col-xxs-3  #container-isotope .item.col-lg-2, #container-isotope .item.col-md-2, #container-isotope .item.col-sm-2, #container-isotope .item.col-xs-2, #container-isotope .item.col-xxs-2  #container-isotope .item.col-lg-1, #container-isotope .item.col-md-1, #container-isotope .item.col-sm-1, #container-isotope .item.col-xs-1, #container-isotope .item.col-xxs-1 {
	margin-right: -1px;
}
/* Isotope items animation */
#container-isotope {
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
#container-isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
/*========== Skills ==========*/
.skills {
	padding-top: 20px;
}
.percentage.easyPieChart > span, .percentage.easyPieChart {
	font-size: 48px;
}
.percentage.easyPieChart {
	font-size: 27px;
}
.easyPieChart {
	position: relative;
	text-align: center;
	margin: 0 auto 20px;
}
.easyPieChart canvas {
	position: absolute;
	top: 0;
	left: 0;
}
.skills small {
	text-align: center;
	font-size: 18px;
	display: block;
	padding-top: 10px;
}
/* =========================================================
***************************GOOGLE MAP**************************
============================================================ */

#map-outer {
	height: 440px;
}
#map-container {
	height: 400px
}

.map-container-fullwidth {
	height: 500px!important;
	width: 100%;
	/*margin-top: 50px; JV*/
}

@media all and (max-width: 768px) {
#map-outer {
	height: 650px
}
}
/*========== Maplace ==========*/
.gmap {
	height: 300px;
	width: 100%;
	padding: 3px;
	border: 5px solid #ddd;
	font-size: 90%;
}
.gmap + .gmap {
	margin: 5px 0;
}
.canvas_map {
	width: 100% !important;
}
.gmap img, .gmap object, .gmap embed {
	max-width: none;
	height: auto
}
.gmap *, .gmap *:before, .gmap *:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.tabs-content li {
	list-style-type: none !important;
}
.line {
	border-bottom: 3px solid #ddd;
	margin-top: 10px;
}
.install h2 {
}
.panel h2 {
}
.code h3 {
	margin: 15px 0 12px;
	font-weight: normal;
}
.description {
	margin-bottom: 20px;
}
.description ul {
	padding-left: 20px;
}
.description strong {
	font-weight: normal;
}
.tabs.pill {
	margin-bottom: 20px;
}
.tabs.pill.small a {
	padding: 0 8px;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
}
.tabs.pill dd.active, .tabs.pill li.active, .tabs.pill dd, .tabs.pill li {
	margin-top: 24px;
}
.gmap section {
	padding-bottom: 20px;
}
.gmap section.last {
	padding-bottom: 0;
}
.gmap header .line {
	border-bottom: 3px solid #444;
}
.gmap section.last .line {
	border: none;
}
.mobile-one .right {
	float: right!important
}
.adp-directions {
	width: 100%;
}
#controls {
	margin-bottom: 20px;
	float: left;
	width: 100%;
}
#controls .ullist {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#controls-9 .wrap_controls {
	margin-bottom: 20px;
}
#route table tbody tr td.adp-text {
	padding: 9px 25px;
	vertical-align: middle;
}
 @media only screen and (max-width: 767px) {
.socials {
	position: static;
}
.gmap_controls.tabs .ullist li a {
	padding: 0px 6px !important;
}
#directions h2 {
	height: auto;
}
}
/* Examples */

.gmap * {
	font-size: 100%;
}
.ullist {
	width: 100%;
}
.tab-content {
	margin: 0 0 20px;
}
.menu .ullist li {
	width: 49%;
	float: left;
	margin-right: 1%
}
.menu .ullist li.active a, .menu .ullist li a:hover {
	color: #B82200 !important;
	background-color: #eee !important;
}
.tabs .ullist li a {
	padding: 0px 23.8px !important;
}
.tabs .ullist li a:hover {
	color: #6f6f6f !important;
	background-color: transparent !important;
}
.tabs .ullist li.active a {
	font-weight: bold;
	color: #3c3c3c !important;
	background-color: #fff !important;
}
.ullist li.active a {
	font-weight: bold;
}
.ullist li.active a, .ullist li a:hover {
	color: #B82200 !important;
	background-color: #eee !important;
}


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

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 322px) {
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.made-by img, .footer-links ul {
	float: right;
}
#filters.items-offset * {
	margin-bottom: 0;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
body {
	/*padding-top: 130px; Joe *//* Only when using .navbar-fixed-top, or/and with .navbar-short */
/* Padding must be the same as min-height in .navbar-short.navbar */
}
.headeroom-padd {
	padding: 43px 0; /* If you change this then you have to change top padding accordingly to top padding on <body> element */
}
#search-wrap input[type="text"]:focus {
	width: 650px;
}
#search-wrap:active input[type="text"], #search-wrap input[type="text"]:focus {
	margin-right: 52px;
	padding-right: 0;
	width: 650px;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
#search-wrap input[type="text"]:focus {
	width: 850px;
}
}


/* Custom Large Devices, Wide Screens */
@media only screen and (min-width: 1440px) {
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1439px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {

.columns-offset-breakpoint-1199 > div[class*="col-"] {
	margin-bottom: 2em;
}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

.columns-offset-breakpoint-991 > div[class*="col-"] {
	margin-bottom: 2em;
}

body {
	/*padding-top: 51px Joe */ /* Only when using .navbar-fixed-top, or/and with .navbar-short */
}
#search-wrap {
	margin: 20px 0 0 0;
	width: 100%;
	float: none;
}
#search-wrap input[type="text"] {
	width: 85%;
	padding-left: 10px;
	padding-right: 0;
	border: 1px solid transparent;
	cursor: text;
	right: 15%;
	border-radius: 6px 0 0 6px;
}
#search-wrap input[type="submit"] {
	width: 15%;
}
.parallax-backg {
	/* Scroll with element: background-attachment & background-position */
	background-attachment: scroll!important;
	/* Fixed backg: Only background-position */
	 background-position: 0 0!important;
	/* Bigger backg size */
	/* -webkit-background-size:150% 150%;-moz-background-size:150% 150%;-o-background-size:150% 150%;background-size:150% 150%; */
}



}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
/* Set bottom margin for bootstrap columns */
.columns-offset-breakpoint-767 > div[class*="col-"] {
	margin-bottom: 2em;
}
/*==========  Font size ==========*/

body, .article-content-text-alter figcaption, .article-content-text-alter code {
	font-size: 14px; /* Change this with CAUTION!!! */
}
.article-content-text-alter {
	font-size: 15px;
}
.article-content-text-alter .lead {
	font-size: 21px;
}
.fs14 {
	font-size: 10px
}
.fs16 {
	font-size: 12px
}
.fs18 {
	font-size: 14px
}
.fs24 {
	font-size: 20px
}
.fs30 {
	font-size: 26px
}
.fs36 {
	font-size: 32px
}
.fs40 {
	font-size: 36px
}
.fs50 {
	font-size: 46px
}
.fs60 {
	font-size: 56px
}
.made-by, .footer-links {
	margin-top: 10px
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 479px) {
#search-wrap input[type="text"] {
	width: 80%;
	right: 20%;
	font-size: 18px;
}
#search-wrap input[type="submit"] {
	width: 20%;
}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 321px) {
}