.bx-wrapper {
position: relative;
}
.bx-wrapper > img {
display: block;
max-width: 100%;
} .bx-wrapper .bx-viewport {
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
z-index: 100;
bottom: -5px;
width: 100%;
}
#services-slider .bx-wrapper .bx-pager { bottom: 20px; } .bx-wrapper .bx-loading {
position: absolute;
z-index: 2000;
top: 0;
left: 0;
width: 100%;
min-height: 50px;
height: 100%;
background: url(//www.spectrum-ifa.com/wp-content/themes/spectrum-2017/layout/js/bxslider/images/bx_loader.gif) center center no-repeat #fff;
} .bx-wrapper .bx-pager {
color: #666;
text-align: center;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
display: block;
width: 7px;
height: 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
outline: 0;
margin: 0 5px;
background: #dacec5;
text-indent: -9999px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #484f5e;
} .bx-wrapper .bx-prev {
left: 30px;
background: url(//www.spectrum-ifa.com/wp-content/themes/spectrum-2017/layout/js/bxslider/images/bg_direction_nav.png) no-repeat center left;
}
.bx-wrapper .bx-next {
right: 30px;
background: url(//www.spectrum-ifa.com/wp-content/themes/spectrum-2017/layout/js/bxslider/images/bg_direction_nav.png) no-repeat center right;
}
.bx-wrapper .bx-prev:hover {
opacity: 1;
}
.bx-wrapper .bx-next:hover {
opacity: 1;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
z-index: 9999;
top: 50%;
width: 28px;
height: 27px;
outline: 0;
margin-top: -16px;
text-indent: -9999px;
opacity: 0.3;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
width: 10px;
height: 11px;
outline: 0;
margin: 0 3px;
text-indent: -9999px;
background: url(//www.spectrum-ifa.com/wp-content/themes/spectrum-2017/layout/js/bxslider/images/controls.png) -86px -11px no-repeat;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
width: 9px;
height: 11px;
outline: 0;
margin: 0 3px;
text-indent: -9999px;
background: url(//www.spectrum-ifa.com/wp-content/themes/spectrum-2017/layout/js/bxslider/images/controls.png) -86px -44px no-repeat;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
width: 80%;
text-align: left;	
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: rgba(80, 80, 80, 0.75);
}
.bx-wrapper .bx-caption span {
display: block;
padding: 10px;
color: #fff;
font-family: Arial;
font-size: 13px;
} .slidetext {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
}
.slidetext h1 { 
font-size: 72px;
line-height: 100px;
}
.slidetext h1,
.slidetext h2, 
.slidetext h3 {
color: #ffffff;
}
.slidetext a, 
.slidetext h2 a, 
.slidetext h3 a {
color: #ffffff;
text-decoration: none;
}
.slidetext .icon-box-1 { margin-bottom: 20px; }
@media (min-width: 768px) and (max-width: 979px) {
}
@media (max-width: 767px) {
}.mfp-bg{ top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; 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:#ccc; position:absolute; top:50%; width:auto; text-align:center; margin-top:-0.8em; left:8px; right:8px; z-index:1044} .mfp-preloader a{ color:#ccc} .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; font-family:Arial,Baskerville,monospace} .mfp-close:hover,.mfp-close:focus{ opacity:1; filter:alpha(opacity=100)} .mfp-close:active{ top:1px}.mfp-close-btn-in .mfp-close{ color:#333}.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:#ccc; 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 #3f3f3f}.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 #3f3f3f}.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}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}.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:#444} .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:#f3f3f3; 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){  .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}/**
 * Name: base.css
 *	
 *	-
 *
 *	T.O.C
 *	
 *	#CssReset
 *	#Typography
 *		#Links
 *		#Lists
 *		#Images
 *		#Tables
 *		#Forms
 *		#Misc
 */


/* ==========================================================================
   #CssReset
   ========================================================================== */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	caption, tfoot, thead, 
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	
	/* HTML5 display-role reset for older browsers */
	
	article, 
	aside, 
	details, 
	figcaption, 
	figure, 
	footer, 
	header, 
	hgroup, 
	menu, 
	nav, 
	section {
		display: block;
	}
	
	body {
		line-height: 1;
	}
	
	ol, 
	ul {
		list-style: none;
	}
	
	blockquote, 
	q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, 
	q:after {
		content: '';
		content: none;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	/**
	 * 1. Always force vertical scroll
	 * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom.
	 */
	
	html { 
		font-size: 100%; 
		overflow-y: scroll; /* 1  */ 
		-ms-text-size-adjust: 100%; /* 2 */
    	-webkit-text-size-adjust: 100%; /* 2 */
		-webkit-font-smoothing: antialiased; 
	}


/* ==========================================================================
   #Typography
   ========================================================================== */
   
	body {
		background-color: #fff;
		color: #555;
		font: 15px 'Open Sans', Arial, sans-serif; 
		line-height: 26px;	
		text-align: justify;
	}
	
	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6 {
		color: #474D5D;
		/* font-family: 'Open Sans', Arial, sans-serif; */
		font-weight: normal; 
	}
		
	h1 a, 
	h2 a, 
	h3 a, 
	h4 a, 
	h5 a, 
	h6 a { 
		font-weight: inherit; 
	}
	
	h1 {
		margin-bottom: 14px; 	 
		font-size: 34px; 
		line-height: 50px; 
	}
	
	h2 { 
		margin-bottom: 10px;	
		font-size: 28px; 
		line-height: 40px;  
	}
	
	h3 { 
		margin-bottom: 8px;
		font-size: 22px; 
		line-height: 34px;   
	}
	
	h4 {
		margin-bottom: 4px; 
		font-size: 18px; 
		line-height: 30px;   
	}
	
	h5 { 
		font-size: 14px; 
		line-height: 24px; 
	}
	
	h6 { 
		font-size: 10px; 
		line-height: 21px; 
	}
	
	p { margin-bottom:20px; }
	em { font-style:italic; }
	strong { font-weight:bold; }
	small { font-size:90%; }
	
	sub { 
		vertical-align: sub; 
		font-size: 75%; 
	}
	
	sup { 
		vertical-align: super; 
		font-size: 75%; 
	}
	
	abbr[title] {  
		border-bottom: 1px dotted #999; 
		cursor: help;
	}
	
	address { 
		display: block; 
		margin-bottom: 20px; 
	}
	
	blockquote {
		margin-left: 0px;
		border-left: 5px solid #947c00;
		padding-left: 25px;
	}
	
	blockquote p {}
	
	blockquote span { 
		display: block;
		margin-top: 5px;
		color: #999999;  
	}
	
	blockquote span:before { content: '\2013 \00A0'; }

	hr { 
		height: 0; 
		border: solid #efefef; 
		border-width: 1px 0 0 0;
		margin: 30px 0;
	}

	code, 
	pre { 
		-webkit-border-radius: 3px;
			    border-radius: 3px;	
		font-family: Monaco, Menlo, Consolas, "Courier New", monospace;			
	}
	
	code { 
		padding: 1px 4px;
		border: 1px solid #e1e1e8;
		background-color: #f7f7f7;  
		color: #d14;  
	}
	
	pre { 
		display: block;
		padding: 20px;
		border: 1px solid #e1e1e8;   
		margin-bottom: 20px;
		overflow-x: auto; 
		white-space: pre-wrap;
		background-color: #f7f7f7; 
	}
	
	/* Typography Helper Classes */
	
	/**
	 * <div class="hr"></div> acts like an <hr />
	 */
	
	.hr { 
		border-top: 1px solid #efefef;  
		margin: 30px 0;
	}
	
	.text-left { text-align: left; }
	.text-right { text-align: right; }
	.text-center { text-align: center; }
	
	.text-highlight { 
		padding: 1px 5px; 
		background-color: #d5edf8; 
		color: #111111; 
	}

	.text-uppercase { text-transform: uppercase; }
	
	.mute{ color: #aaa; }
	
	p.last,
	h1.last,
	h2.last,
	h3.last,
	h4.last,
	h5.last,
	address.last { margin-bottom: 0; }
	
/* #Links
   ========================================================================== */
	
	a, 
	a:visited { 
		color: #000; 
		text-decoration: none; 
	}
	
   /**
	* 1. Remove the gray background color from active links in IE 10.
	*/
	
	a:active {
 		background: transparent; /* 1 */
	}
	
	a:hover, 
	a:focus { 
		text-decoration: underline;
		outline: 0; 
	}	
	
/* #Lists
   ========================================================================== */
	
	ul, 
	ol { 
		margin-bottom: 20px;
		margin-left: 20px;
	}
	
	ul ul, 
	ul ol, 
	ol ol, 
	ol ul { 
		margin-left: 30px; 
		margin-bottom: 0; 
	}
	
	li {}
	
	ul { list-style-type: disc; }
	ol { list-style-type: decimal; }
	
	dl { margin-bottom: 20px; }

	dt { font-weight: bold; }

	dd  { margin-bottom: 20px; } 
	
	/* List Helper Classes */

	ul.last,
	ol.last { margin-bottom:0; }

/* #Images
   ========================================================================== */
	
	img {
		border: 0;
		max-width: 100%;
		height: auto;	
	}
	
	/* Images Helper Classes */
	
	.img-align-left { 
		float: left;
		margin: 5px 10px 0 0;  
	}
	
	.img-align-right { 
		float: right;
		margin: 5px 0 0 10px; 
	}


/* #Forms
   ========================================================================== */

	form {}
	
	fieldset {}
	
	form p {}
	
	label {
		display: block;
		margin-bottom: 5px;
	}

	label span { color: #947c00; }
	
	select,
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	input[type="radio"],
	input[type="checkbox"] {
	  cursor: pointer;
	}
	
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="text"], 
	input[type="password"], 
	input[type="date"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="month"], 
	input[type="week"], 
	input[type="email"], 
	input[type="number"], 
	input[type="search"], 
	input[type="tel"], 
	input[type="time"], 
	input[type="url"], 
	input[type="color"], 
	textarea {
		-webkit-appearance: none;
	}
	
	input,
	textarea,
	select {
		display: block;
		max-width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 6px 10px;
		border: 1px solid #acacac;
		margin-bottom: 15px;
		background: transparent;
		color: #666;			 
	}
	
	input[type="text"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	textarea:focus {
		/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);*/	
		border-color: #888;
  		outline: 0;	
	}
	
	select { height: 32px; }
	
	select:focus {
	  outline: thin dotted #333;
	  outline: 5px auto -webkit-focus-ring-color;
	  outline-offset: -2px;
	}
	
	textarea { 
		min-height: 100px; 
		overflow: auto; 
	}

	.radio,
	.checkbox {
		min-height: 18px;
		padding-left: 18px;
	}
	
	.radio input[type="radio"],
	.checkbox input[type="checkbox"] {
		float: left;
		margin-left: -18px;
	}
	
	input:-moz-placeholder,
	textarea:-moz-placeholder {
		color: #ccc;
	}
	
	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		color: #ccc;
	}
	
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		color: #ccc;
	}

/* #Misc
   ========================================================================== */
   
   
/**
 * Name: grid.css
 *	
 *	-
 *
 *	T.O.C
 *	
 *	#Base Grid
 *  #Large Display
 *	#Tablet (Portrait)
 *  #Mobile (Portrait and landscape)
 *  #Align
 *	#Responsive Images and embeds
 *	#Clearing
 *  #ResponsiveFormInputs
 */
 
/* ==========================================================================
   #Base Grid
   ========================================================================== */

	.ewf-row { 
		position: relative; 
		width: 940px; 
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	
	.ewf-row .ewf-row { 
		width: auto; 
		margin: 0;
	 }

	.ewf-full-width-section { 
		overflow: hidden;
		position: relative;
		z-index: 0;	
		margin-bottom: 40px; 
	}
	.ewf-full-width-section.nospacing { margin-bottom: 0; }
	
	/**
 	 * 1. Full width sections insert a .ewf-row directly into it so we made this hack to make it 100%
 	 */
	 
	.ewf-full-width-section > .ewf-row { width: 100%; /* 1 */ }
	
	.ewf-full-width-section  .ewf-row .ewf-row { 
		width: 940px; 
		margin: 0 auto; 
	}
	
	.ewf-full-width-section  .ewf-row .ewf-row  .ewf-row{ width:auto; }	
	
	/*  */
	
 	.ewf-span1, 
	.ewf-span2, 
	.ewf-span3, 
	.ewf-span4, 
	.ewf-span5, 
	.ewf-span6, 
	.ewf-span7, 
	.ewf-span8, 
	.ewf-span9, 
	.ewf-span10, 
	.ewf-span11, 
	.ewf-span12 { 
		float: left; 
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		min-height: 1px;		
	}
	
	.ewf-span1 { 
		width: 6.382978723404255%;  
		margin-left: 2.127659574468085%; 
	}
	
	.ewf-span2 { 
		width: 14.893617021276595%; 
		margin-left: 2.127659574468085%; 
	}
	
	.ewf-span3 { 
		width: 23.404255319148934%; 
		margin-left: 2.127659574468085%; 
	}
	
	.ewf-span4 { 
		width: 31.914893617021278%;
		margin-left: 2.127659574468085%; 
	}
	
	.ewf-span5 { 
		width: 40.42553191489362%; 
		margin-left: 2.127659574468085%; 
	}
	
	.ewf-span6 { 
		width: 48.93617021276595%; 
		margin-left: 2.127659574468085%; 
	}
	
	.ewf-span7 { 
		width: 57.44680851063829%; 
		margin-left: 2.127659574468085%; 
	}
	
	.ewf-span8 { 
		width: 65.95744680851064%; 
		margin-left: 2.127659574468085%; 
	}
	
	.ewf-span9 { 
		width: 74.46808510638297%; 
		margin-left: 2.127659574468085%; 
	}
	
	.ewf-span10 { 
		width: 82.97872340425532%; 
		margin-left: 2.127659574468085%; 
	}
	
	.ewf-span11 { 
		width: 91.48936170212765%; 
		margin-left: 2.127659574468085%; 
	}
	
	.ewf-span12 { 
		width: 100%; 
		margin-left: 2.127659574468085%; 
	}
	
	.ewf-span1:first-child, 
	.ewf-span2:first-child, 
	.ewf-span3:first-child, 
	.ewf-span4:first-child, 
	.ewf-span5:first-child, 
	.ewf-span6:first-child, 
	.ewf-span7:first-child, 
	.ewf-span8:first-child, 
	.ewf-span9:first-child, 
	.ewf-span10:first-child, 
	.ewf-span11:first-child, 
	.ewf-span12:first-child { margin-left: 0; }
 
	.visible-phone { display: none !important; }
	.visible-tablet { display: none !important; }
	.hidden-desktop { display: none !important; }
	.visible-desktop { display: inherit !important; } 


/* ==========================================================================
   #Large Display
   ========================================================================== */

	@media (min-width: 1400px) {
	
		/*
		.ewf-full-width-section  .ewf-row .ewf-row,
		.ewf-row { width: 1170px; }
		*/
	
	}
 	
/* ==========================================================================
   #Tablet (Portrait)
   ========================================================================== */

	@media (min-width: 768px) and (max-width: 979px) {
		
		.ewf-full-width-section  .ewf-row .ewf-row,
		.ewf-row { width: 705px; }
		
		.hidden-desktop { display: inherit !important; } 
		.visible-desktop { display: none !important; }
		.visible-tablet { display: inherit !important; } 
		.hidden-tablet { display: none !important; }
		
	}

/* ==========================================================================
   #Mobile (Portrait and Landscape )
   ========================================================================== */

	@media (max-width: 767px) {
		
		.ewf-full-width-section  .ewf-row .ewf-row,
		.ewf-row { width: auto; }
		
		.ewf-span1,
		.ewf-span2,
		.ewf-span3,
		.ewf-span4,
		.ewf-span5,
		.ewf-span6,
		.ewf-span7,
		.ewf-span8,
		.ewf-span9,
		.ewf-span10,
		.ewf-span11,
		.ewf-span12 { 
			float: none;
			display: block;
			width: 100%;
			margin-left: 0;
		}
		
		.ewf-full-width-section  .ewf-row .ewf-row, 
		.ewf-row { padding: 0 20px; }

		.ewf-full-width-section  .ewf-row .ewf-row  .ewf-row , 
		.ewf-row .ewf-row { 
			width: auto; 
			padding: 0; 
			margin: 0; 
		}
		
		
		.hidden-desktop { display: inherit !important; }
		.visible-desktop { display: none !important; }
		.visible-phone { display: inherit !important; }
		.hidden-phone { display: none !important; }
		
	}
	
/* ==========================================================================
   #Align
   ========================================================================== */

	.float-left { float: left; }
	.float-right { float: right; }

/* ==========================================================================
   #Responsive Images and Embeds
   ========================================================================== */

	.responsive-img { 
		max-width: 100%; 
		height: auto; 
	}
	
	/**
 	 * 1. 16/9 ratio
 	 */
	 
	.responsive-embed {
		position: relative;
		overflow: hidden;
		height: 0;
		padding: 0;
		padding-bottom: 56.25%; /* 1 */	
		margin-bottom: 20px;
	}

	.responsive-embed iframe,
	.responsive-embed object,
	.responsive-embed embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/* ==========================================================================
   #Clearing
   ========================================================================== */

	/**
 	 * Automatically Clear Fix ewf-rows
 	 */
	
	.ewf-full-width-section:after,	
	.ewf-row:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

	/**
 	 * Clear Fix hack
	 * Usage:  add  class="fixed"  to div's that have floated elements in them
 	 */
	 
	.fixed:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	/**
 	 * Clear content
	 * Usage:  <br class="clear"> 
 	 */	
	 
	.clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
	} 
	
/* ==========================================================================
   #ResponsiveFormInputs
   ========================================================================== */
	
	/**
	 * 1. Reset float inherited from .ewf-span*	
 	 * 2. Reset margin-left inherited from .ewf-span*
 	 */
	 
	input.ewf-span1,
	textarea.ewf-span1,
	select.ewf-span1,
	input.ewf-span2,
	textarea.ewf-span2,
	select.ewf-span2,
	input.ewf-span3,
	textarea.ewf-span3,
	select.ewf-span3,
	input.ewf-span4,
	textarea.ewf-span4,
	select.ewf-span4,
	input.ewf-span5,
	textarea.ewf-span5,
	select.ewf-span5,
	input.ewf-span6,
	textarea.ewf-span6,
	select.ewf-span6,
	input.ewf-span7,
	textarea.ewf-span7,
	select.ewf-span7,
	input.ewf-span8,
	textarea.ewf-span8,
	select.ewf-span8,
	input.ewf-span9,
	textarea.ewf-span9,
	select.ewf-span9,
	input.ewf-span10,
	textarea.ewf-span10,
	select.ewf-span10,
	input.ewf-span11,
	textarea.ewf-span11,
	select.ewf-span11,
	input.ewf-span12,
	textarea.ewf-span12,
	select.ewf-span12 {
		float: none; 	/* 1 */
		margin-left: 0; /* 2 */
	}
/**
 * Name: elements.css
 *	
 *	-
 *
 *	T.O.C
 *	
 *	#Accordions
 *  #Alerts
 *	#Buttons
 *	#Callout Boxes
 *	#Custom Lists
 *	#Dividers
 *	#Google Maps
 *  #Headlines
 *	#Icon Boxes
 *	#Milestones
 *	#Our Process
 *	#Parallax
 *	#Pie charts
 *	#Pricing Tables
 *	#ProgressBars
 *	#SocialMedia
 *	#Styled Tables
 *	#Tabs
 *	#Testimonials
 *  #WordPress Classes
 *  #WordPress Widgets
 *  #WordPress Comments
 *  #WordPress Comment Form
 */

/* ==========================================================================
   #Accordions
   ========================================================================== */

	
/* ==========================================================================
   #Alerts
   ========================================================================== */

	.alert {
		padding: 13px 15px;
		border: 1px solid #d1d1d1;
		border-radius: 3px;
		-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
		        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
		margin-bottom: 30px;
		background-color: #f8f8f8;
		font-size: 13px;
	}
	
	.alert i {
		position: relative;
		top: 1px;
		margin-right: 7px;
		font-size: 16px;
	}
	
	.alert.info {
		border: 1px solid #86cde3;
		background-color: #cce9f2;
		color: #3194B1;
	}
	
	.alert.success {
		border: 1px solid #b3cda1;
		background-color: #d8f1c6;
		color: #749958;
	}
	
	.alert.error {
		border: 1px solid #e1a1a1;
		background-color: #f9d9d9;
		color: #B55454;
	}
	
	.alert.warning {
		border: 1px solid #d1c9ae;
		background-color: #fbf4dd;
		color: #978c68;
	} 
	
	.error-no-menu {
		padding-top:40px;
		text-align:right;
	}

/* ==========================================================================
   #Buttons
   ========================================================================== */

	.btn { 
		display: inline-block; 
		padding: 6px 12px;
		border: 1px solid #bbbbbb;
		margin: 0 5px 20px 0;
		background-color: transparent;
		color: #444;
		line-height: 18px; 
		text-decoration: none !important;
		cursor: pointer; 
		-webkit-transition: background-color 0.2s;
			 -o-transition: background-color 0.2s;
				transition: background-color 0.2s;
	}
	
	a.btn { color: #444; }
	
	.btn:focus { outline: 0; }
	
	
	.btn-custom:hover {
		opacity:1;
	}
	
	.btn-custom {
		border:none;
		transition:all .4s;
		opacity:.7;
	}
	
	.btn-large {
		padding: 12px 24px;
		font-size: 16px;
	}
	
	.btn i,
	.btn-large i { 
		float: left; 
		margin: 2px 8px 0 -4px;
		font-size: 14px; 
		line-height: 14px; 
	}
	
	.btn:hover {
		border-color: #222; 
		color: #444;
	}

	/* Buton Colors */

	.btn-green-light {
		border: none;
		background-color: #6dd487;
		color: #fff;
	}
	
	a.btn-green-light { color: #fff !important; }
	.btn-green-light:hover { 
		background: #3db0b4;
		color: #fff;
	}
	
	.btn-green-dark {
		border: none;
		background-color: #947c00;
		color: #fff !important;
	}
	
	a.btn-green-dark { color: #fff; }
	.btn-green-dark:hover { 
		background: #55b892;
		color: #fff !important;
	}
	
	.btn-black {
		border: none;
		background-color: #947c00;
		color: #fff !important;
	}
	
	a.btn-black{ color: #fff; }
	.btn-black:hover { 
		background: #947c00; 
		color: #fff !important;
	}	
	
/* ==========================================================================
   #Callout Boxes
   ========================================================================== */

	.callout-box {
		padding: 40px 0;
	}
	
	/**
 	 * Callout box with one background image
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .callout-box
	 *
	 */
	 
	.callout-box.bg-img {
		background-repeat: no-repeat; /* 1 */ 
		background-position: center center;
		-webkit-background-size: cover;
		background-size: cover;
		color: #fff;
	}
	
	/**
 	 * Callout box with repeating background image
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .callout-box
	 *
	 */
	 
	.callout-box.bg-pattern {
		background: repeat top left; /* 1 */	
		color: #fff;
	}
	
	.callout-box.bordered {
		border: 1px solid #efefef;
		background-color: #f5f5f5;
	}
	
	/**
 	 * Callout box grid system
 	 *
	 * 1. overwriting inherited .row width to 100% in order to make it fluid
	 *
	 */
	
	.callout-box .row { 
		width: 100%; /* 1 */ 
	}
	
	.callout-box .span1,
	.callout-box .span2,
	.callout-box .span3,
	.callout-box .span4,
	.callout-box .span5,
	.callout-box .span6,
	.callout-box .span7,
	.callout-box .span8,
	.callout-box .span9,
	.callout-box .span10,
	.callout-box .span11,
	.callout-box .span12 {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 0 10px;
		margin: 0;	
	}
	
	.callout-box .span12 { width: 100%; }
	.callout-box .span11 { width: 91.6666666667%; }
	.callout-box .span10 { width: 83.3333333333%; }
	.callout-box  .span9 { width: 75%; }
	.callout-box  .span8 { width: 66.6666666667%; }
	.callout-box  .span7 { width: 58.3333333333%; }
	.callout-box  .span6 { width: 50%; }
	.callout-box  .span5 { width: 41.6666666667%; }
	.callout-box  .span4 { width: 33.3333333333%; }
	.callout-box  .span3 { width: 25%; }
	.callout-box  .span2 { width: 16.66666666666667%; }
	.callout-box  .span1 { width: 8.333333333333333%; }
	
	.callout-box a.btn { margin-top: 28px; }
  
	@media (max-width: 767px) {
	
		.callout-box .span1,
		.callout-box .span2,
		.callout-box .span3,
		.callout-box .span4,
		.callout-box .span5,
		.callout-box .span6,
		.callout-box .span7,
		.callout-box .span8,
		.callout-box .span9,
		.callout-box .span10,
		.callout-box .span11,
		.callout-box .span12 { width: 100%; }
	  
	}

/* ==========================================================================
   #Custom Lists
   ========================================================================== */

	/**
 	 * Custom lists
 	 *
	 * 1. unstyled list
	 *
	 */
	 
	ul.unstyled { list-style-type: none; } /* 1 */
	
	ul.check,
	ul.square ,
	ul.plus,
	ul.pin,
	ul.circle { list-style: none; }
	
	ul.plus li:before,
	ul.square li:before,
	ul.pin li:before,
	ul.circle li:before { 
		position: relative;
		top: -1px;
		width: auto;
		height: auto;
		margin-right: 10px;
		color: #947c00;
		font-family: 'FontAwesome';
		font-size: 10px;
		font-style: normal;
	}
	
	ul.check li:before { 
		position: relative;
		display: inline-block;
		top: 2px;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		margin-right: 10px;
		background-color: #947c00;
		color: #fff;
		font-family: 'iconfontcustom';
		font-size: 12px;
		line-height: 22px;
		font-style: normal;
		font-weight: bold;
		text-align: center;
	}
	
	ul.check li,
	ul.circle li { margin-bottom: 20px; }
	
	ul.check li:last-child,
	ul.circle li:last-child { margin-bottom: 0; }
	
	ul.check li:before { content: ""; }
	ul.plus li:before { content: ""; }
	ul.pin li:before { content: ""; }	
	ul.circle li:before { content: ""; }
	ul.square li:before { content: ""; }	

/* ==========================================================================
   #Dividers
   ========================================================================== */

	.divider { margin: 30px 0; }
	
	.divider.single-line { border-top: 1px solid #e2e2e2; }
	
	.divider.double-line { border-top: 4px double #e2e2e2; }
	
	.divider.single-dotted {
		 height: 1px;
		 background: url(//www.spectrum-ifa.com/wp-content/themes/spectrum-2017/layout/images/bg-single-dotted.gif) repeat-x top left ;  
	}
	
	.divider.double-dotted { 
		height: 4px;
		background: url(//www.spectrum-ifa.com/wp-content/themes/spectrum-2017/layout/images/bg-double-dotted.gif) repeat-x top left; 
	}	

/* ==========================================================================
   #Google Maps
   ========================================================================== */

	.map {	}
	
	.google-map { 
		position: relative;
		/*margin-bottom: 30px;*/ 
		border-top: 5px solid #aca374;
		min-height: 450px;	
		width: 100%; 	
	}
	
	.google-map  img { max-width: none; }	/* 1 */
	
	.gmnoprint { display: none; }
	
	.overlay { 
		background-color: rgba(255, 255, 255, 0.5); 
		position: absolute; 
	}
	
	.overlay.top { 
		top: 0; 
		left: 0; 
		right: 0; 
		height: 100px; 
	}
	
	.overlay.bottom { 
		bottom: 0; 
		left: 0; 
		right: 0; 
		height: 100px; 
	}
	
	.overlay.left { 
		top: 100px; 
		left: 0; 
		bottom: 100px; 
		width: 100px;
		border-right: 5px solid #947c00; 
	}
	
	.overlay.right { 
		top: 100px; 
		right: 0; 
		bottom: 100px; 
		width: 100px; 
	}
	
	@media (min-width: 1400px) {
		
		.overlay.left,
		.overlay.right { width: 365px; }
		
	}

/* ==========================================================================
   #Headlines
   ========================================================================== */

	/*
	 * Standard headline
	 * 
	 * 1. Force it to only stretch to max 50% on the desktop 
	 * 
	 */
	
	.headline {
		max-width: 460px; /* 1 */
		margin-bottom: 60px;
		border-bottom: 1px solid #c4c4c4;  
	}
	
	.headline span {
		display: inline-block;
		padding: 0 30px 5px 0;
		border-bottom: 6px solid  #947c00;
		margin-bottom: -1px;
	}
	
	/*
	 * Alternative headline - fullwidth and centered
	 */
	
	.headline-2 {
		margin-bottom: 60px;
		border-bottom: 1px solid #c4c4c4;
		text-align: center;  
	}
	
	.headline-2 span {
		display: inline-block;
		padding: 0 20px 5px 20px;
		border-bottom: 6px solid  #947c00;
		margin-bottom: -1px;
	}

/* ==========================================================================
   #Icon Boxes
   ========================================================================== */

/* Icon Box 1
   ========================================================================== */
   
	.icon-box-1 { 
		position: relative; 
		margin-bottom: 40px; 
	}
	
	.icon-box-1 h2 a { text-decoration: none; }	
	
	.icon-box-1 > i { 
		float: left;
		display: block;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		background-color: #474e5d;
		color: #fff;
		font-size: 24px; 
		line-height: 48px;
		text-align: center;
		-webkit-transition: background-color 0.3s;
			 -o-transition: background-color 0.3s;
				transition: background-color 0.3s; 
	} 
	
	.icon-box-1 > img { 
		float: left; 
		display: block; 
	} 
	
	.icon-box-1 .icon-box-content { margin-left: 65px; }
	.icon-box-1 .icon-box-content h4 { padding-top: 10px; }
	.icon-box-1 .icon-box-content a { color: #535a68; }
	
	.icon-box-1:hover i { background-color: #8bd99f; }	

/* Icon Box 2
   ========================================================================== */
   
	.icon-box-2 { 
		position: relative; 
		margin-bottom: 60px; 
	}
		
	.icon-box-2 h3 a { text-decoration: none; }
	
	.icon-box-2 > i { 
		display: block;
		margin:0 auto 30px; 
		width: 48px;
		height: 48px;
		border-radius: 50%;
		background-color: #474e5d;
		color: #fff; 
		font-size: 24px;
		line-height: 48px;
		text-align: center;
		-webkit-transition: background-color 0.3s;
			 -o-transition: background-color 0.3s;
				transition: background-color 0.3s; 
	}
	
	.icon-box-2 > img {
		margin-bottom: 10px;
	}
	
	.icon-box-2 span {
		display: block;
		width: 78px;
		height: 78px;
		border: 2px solid;
		border-radius: 50%;
		margin: 0 auto 30px;
		line-height: 97px;
		text-align: center;
	}
	
	.icon-box-2 span i {
		display: inline-block;
		width: 64px;
		height: 64px;
		border-radius: 50%;
		background-color: #474e5d;
		color: #fff;
		font-size: 32px;
		line-height: 64px;
		text-align: center;
	}
	
	.icon-box-2 .icon-box-content {}
	.icon-box-2 .icon-box-content a { color: #535a68; }
	.icon-box-2 .icon-box-content h3 { margin-bottom: 30px; }
	
	.icon-box-2:hover i { background-color: #8bd99f; }	

/* Icon Box 3
   ========================================================================== */
   
	.icon-box-3 { 
		position: relative; 
		margin-bottom: 60px; 
	}	
	
	.icon-box-3 h3 a { text-decoration: none; }
	
	.icon-box-3 > i { 
		float: left;
		display: block;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		margin: 0 10px 20px 0;
		background-color: #8bd99f;
		color: #fff;
		font-size: 12px;
		line-height: 32px;
		text-align: center;
	} 
	
	.icon-box-3:hover > i { color: #28a18b; }
	
	.icon-box-3 > img { 
		float: left; 
		margin-right: 10px; 
	} 
	
	.icon-box-3 a { color: #535a68;  }
	
	.icon-box-3 .icon-box-content { }

/* Icon Box 4
   ========================================================================== */
   
	.icon-box-4 { 
		position: relative; 
		margin: 30px 0; 
	}	
	
	/**
	 * 1. Android Browser 2.3 does not support % value for border-radius
	 * 2. Stop bg color from leaking outside the border	
	 */
	
	.icon-box-4 h3 a { text-decoration: none; }
	
	.icon-box-4 > i {
		position: absolute;	 
		z-index: 20; 
		left: 50%; 
		width: 60px; 
		height: 60px;
		border: 1px solid #969696;
		border-radius: 30px; /* 1 */
		-webkit-border-radius: 50%;
				border-radius: 50%;
		margin-top: -30px; 
		margin-left: -30px; 			
		background-color: #e1e1e1;
		background-clip: padding-box; /* 2 */		
		color: #444444;
		font-size: 32px;
		line-height: 60px;
		text-align: center; 
	}
	 
	.icon-box-4 .icon-box-content { 
		position: relative;
		z-index: 10;
		padding: 55px 40px 40px;
		border: 1px solid #e0e0e0; 
		-webkit-border-radius: 50%;
				border-radius: 3px; 
		margin-top: 16px;
		background-color: #f4f4f4;
		text-align: center; 
	}

/* Icon Box 5
   ========================================================================== */
   
	.icon-box-5 { 
		position: relative; 
		margin-bottom: 30px; 
	}	
	
	.icon-box-5 h3 a { text-decoration: none; }
		
	.icon-box-5 > i { 
		position: absolute;
		z-index: 20; 
		top: 50%;
		left: 0; 
		width: 60px; 
		height: 60px;
		border: 1px solid #969696;
		border-radius: 30px;
		-webkit-border-radius: 50%;
				border-radius: 50%;
		margin-top: -30px; 
		background-color: #e1e1e1;
		background-clip: padding-box; 
		color: #444444;
		font-size: 32px;
		line-height: 60px;
		text-align: center;  
	} 
	
	.icon-box-5 .icon-box-content { 
		position: relative;
		z-index: 10;
		padding: 40px 40px 40px 55px;
		border: 1px solid #e0e0e0; 
		-webkit-border-radius: 3px;
				border-radius: 3px;
		margin-left: 30px;	
		background-color: #f4f4f4;
		text-align:center; 
	}

/* Icon Box 6
   ========================================================================== */
	
	.icon-box-6 {
		margin-bottom: 30px;
		list-style: none; 
	}
	
	.icon-box-6 h3 a { text-decoration: none; }
	
	.icon-box-6 li {
		min-height: 80px;
		background: url(//www.spectrum-ifa.com/wp-content/themes/spectrum-2017/layout/images/bg-vertical-dot.png) repeat-y left+23px center;
		padding-bottom: 15px;
	}
	
	.icon-box-6 li:last-child { background: none; padding-bottom: 0; }
	
	.icon-box-6 li i {
		float: left;
		display: block;
		width: 48px;
		height: 48px;
		-webkit-border-radius: 50%;
				border-radius: 50%;
		outline: 10px solid transparent;
		background-color: #474e5d;
		color: #fff;
		font-size: 24px; 
		line-height: 48px;
		text-align: center;
		-webkit-transition: background-color 0.3s;
			 -o-transition: background-color 0.3s;
				transition: background-color 0.3s; 
	}
	
	.icon-box-6 .icon-box-content { margin-left: 80px; }
	.icon-box-6 .icon-box-content a { color: #535a68; }
	
	.icon-box-6 li:hover i { background-color: #8bd99f; }
	
	@media (max-width: 767px) {
		
		.icon-box-6 { margin-top: 30px; }
		
	}

/* ==========================================================================
   #Milestones
   ========================================================================== */

	.milestone {
		position: relative;
		text-align: center;
	}
	
	.milestone i {
		float: left;
		z-index: 20;
		margin-right: 10px;
		font-size: 32px;
	}
	
	.milestone .milestone-content {
		z-index: 10;
		font-size: 50px;
		line-height: 50px;
	}
	
	.milestone .milestone-description {
		font-size: 16px;
		text-transform: uppercase;
	}


/* ==========================================================================
   #Parallax
   ========================================================================== */

	.parallax {
		overflow: hidden;
		margin-bottom: 60px;
		background-color: #333;
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: 50% 0;
		-webkit-background-size: cover;
				background-size: cover;
		color: #fff;		
	}
	
	.parallax  h3.headline,
	.parallax  h3.headline-2  { color: #fff; }
	
	.parallax a { color: #fff !important; }
	
	.parallax.parallax-enabled { background-attachment: fixed !important; }
	
	.parallax .pie-chart { margin-bottom: 0; }
	.parallax .pie-chart .pie-chart-percent { color: #fff; }
	
	.parallax .icon-box-2 > i,
	.parallax .icon-box-6 li i  { background-color: #8bd99f; }
	
	.parallax input,
	.parallax textarea,
	.parallax select { 
		border-color: #fff;
		color: #fff;
	}
	
	.parallax .btn:hover {
		border-color: #fff; 
		color: #fff;
	}
	
	.box {
		margin-bottom: 60px;
		background: #30a98f no-repeat top center;
		color: #fff;
	}
	
	.box h1,
	.box h2,
	.box h3,
	.box h4,
	.box h5,
	.box h6 { color: #fff; }
	
	.box .icon-box-1 { margin-bottom: 10px; }

	.box .icon-box-1 a { color: #fff; }
	
	.box-2 {
		padding: 30px 0;
		margin-bottom: 60px; 
		background-color: #8bd99f;
		color: #fff;
	}
	
	.box-2 .milestone { padding: 30px 0; }
	
	.box-2 .btn:hover {
		border-color: #fff; 
		color: #fff;
	}
	
	.box-overlay { background-color: rgba(255, 255, 255, 0.5); }
	
	.box-3 {
		padding: 30px 0;
		background-color: #f6f1ed;
		margin-bottom: 60px; 
	}
	
	.box-3 h1 { font-size: 48px; }
	
	.box-3 h2 {
		font-size: 30px;
		color: #2fa48b;
	}
	
	.box-3 #testimonial-slider { margin-bottom: 0; }
	

/* ==========================================================================
   #Pie charts
   ========================================================================== */

	.pie-chart {
		position: relative;	
		margin: 0 auto 30px auto;
		text-align: center;
	}
	
	.pie-chart canvas {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
	}
	
	.pie-chart i, 
	.pie-chart .pie-chart-custom-text, 
	.pie-chart .pie-chart-percent {
		position: absolute;
		z-index: 10;
		top: -10px;
		left: 0;
		display: block;
		width: 100%;
		color: #444444;
		text-align: center;
	}
	
	.pie-chart img {
		max-width:100%;
		vertical-align: middle;
	}
	
	.pie-chart .pie-chart-custom-text {
		font-size: 18px;
	}
	
	.pie-chart .pie-chart-percent {
		font-size: 32px;
	}
	
	.pie-chart-description {
		position: absolute;
		top: 20px;
		left: 0;
		display: block;
		width: 100%;
		text-align: center;
	}


/* ==========================================================================
   #ProgressBars
   ========================================================================== */

	.progress-bar-description {
		position: relative;
		display: block;
		margin-bottom: 10px;
		line-height: 14px;
	}
	
	.progress-bar-description span {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.progress-bar {
		position: relative;
		display: block;
		height: 14px;
		margin-bottom: 15px;
		background-color: #eee5dd;
	}
	
	.progress-bar .progress-bar-outer {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		background-color: #947c00;
	}
	
	.progress-bar .progress-bar-outer .progress-bar-inner:after {
		position: absolute;
		top: 0;
		right: 0px;
		width: 0;
		height: 0; 
		border-bottom: 14px solid #eee5dd;
		border-left: 14px solid transparent; 
		content: "";
	}
	
	.progress-bar .progress-bar-outer .progress-bar-inner {
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		display: block;
		overflow: hidden;
		height: 100%;
		width: 100%;
	}

/* ==========================================================================
   #SocialMedia
   ========================================================================== */

	a.social-icon {
		display: inline-block;
		width: 30px;
		padding: 10px 0;
		border: 1px solid transparent;
		margin-right: 1px;
		margin-bottom: 1px;
		color: #5a5e66;
		text-align: center;
	}

	a.social-icon:last-child { margin-right: 0; }

	a.social-icon i {
		font-size: 24px;
		line-height: 30px;
	}
	
	a.social-icon:hover { text-decoration: none; }
	
	a.facebook-icon:hover, 
	a.twitter-icon:hover, 
	a.vimeo-icon:hover, 
	a.flickr-icon:hover, 
	a.github-icon:hover, 
	a.googleplus-icon:hover, 
	a.pinterest-icon:hover, 
	a.tumblr-icon:hover, 
	a.linkedin-icon:hover, 
	a.dribble-icon:hover, 
	a.stumbleupon-icon:hover, 
	a.lastfm-icon:hover, 
	a.instagram-icon:hover, 
	a.evernote-icon:hover, 
	a.skype-icon:hover,
	a.paypal-icon:hover, 
	a.soundcloud-icon:hover, 
	a.behance-icon:hover, 
	a.youtube-icon:hover {
		border-color: #947c00;
		color: #947c00 !important;
	}	


/* ==========================================================================
   #WordPress Default Classes
   ========================================================================== */
   
    .ewf-inline-style { display:none; }
	.wp-caption {}
	.wp-caption-text {}
	.sticky {} 
	.gallery-caption  {}
	.alignright  {}
	.alignleft  {}
	.aligncenter  {}
	.bypostauthor {}
	
	.alignnone {
		margin: 5px 20px 20px 0;
	}

	.aligncenter,
	div.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	a img.alignright {
		float: right;
		margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 5px 20px 20px 0;
	}

	a img.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {
		background: #fff;
		border: 1px solid #f0f0f0;
		max-width: 96%; /* Image does not overflow the content area */
		padding: 5px 3px 10px;
		text-align: center;
	}

	.wp-caption.alignnone {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin: 0;
		max-width: 98.5%;
		padding: 0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		margin: 0;
		padding: 0 4px 5px;
	}
	
/* ==========================================================================
   #WordPress Widgets
   ========================================================================== */
	
	/* WordPress Widget Defaults */
	
	.widget { margin-bottom: 40px; }
	
	.widget-title { 
		margin-bottom: 20px;
		line-height: 18px;  
	}
	
	#header-top .widget:last-child { margin-bottom: 0; }
	
	#header-top input, 
	#header-top textarea, 
	#header-top select,
	#header-top .widget-title,
	#header-top .widget a { color: #fff; }
	
	#content .widget a { color: #666; }
	
	#footer input, 
	#footer textarea, 
	#footer select,
	#footer .widget a { color: #d1d1d1; }
	
	#footer .widget-title {
		border-bottom: 1px solid #5f646e;
		color: #d1d1d1;
		margin-bottom: 40px; 
	}
	
	#footer .widget-title span {
		display: inline-block;
		padding: 0 20px 10px 0;
		border-bottom: 2px solid #947c00;
		margin-bottom: -1px;
	}
	
	#footer .widget:last-child { margin-bottom: 0; }
	
	#footer-top .widget:first-child { padding-top: 50px; }
	#footer-top .widget:last-child { padding-bottom: 50px; }
	
	#footer-top .widget-title { border-bottom-color: #947c00; }
	
	/* Text Widget */
	
	.widget_text {}
	
	#header-top .textwidget { margin-top: 3px; }
	
	.textwidget {}
	
	.textwidget img {
		max-width: 100%;
	}
	
	.textwidget p img {
		margin-right: 15px;
		vertical-align: middle;
	}
	
	#footer-top .textwidget h1 { color: #fff; }
	
	
	/* Search Widget */
	
	.widget_search {}
	
	#searchform { position: relative; }
	
	.screen-reader-text { display: none; }
	
	#s { 
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box; 
		   -moz-box-sizing: border-box; 
		   		box-sizing: border-box;
	}
	
	#searchsubmit {
		display: block;
		padding:5px 10px;
		position: absolute;
		top:1px;
		right:0;
		background-color: #947c00;
		color: #fff;
		border: none;
	}

	
	/* Pages Widget */
	
	.widget_pages {}
	
	.widget_pages ul { 
		margin-left: 20px; 
		list-style: none;
	}
	
	.widget_pages ul li:before {
		position: relative;
		top: -1px;
		width: auto;
		height: auto;
		margin-right: 10px;
		color: #947c00;
		font-family: 'FontAwesome';
		font-size: 10px;
		font-style: normal;
		content: "";
	}
	
	.widget_pages ul li { 
		position: relative;
		margin-bottom: 15px;
	} 
	
	.widget_pages ul li span {
		position: absolute;
		top: 0;
		right: 20%;
	}
	
	.widget_pages ul li:last-child { margin-bottom: 0; }
	
	.widget_pages ul li {}
	
	.widget_pages ul li a {}
	
	/* Archive Widget */
	
	.widget_archive {}
	
	.widget_archive ul { 
		margin-left: 20px; 
		list-style: none;
	}
	
	.widget_archive ul li:before {
		position: relative;
		top: -1px;
		width: auto;
		height: auto;
		margin-right: 10px;
		color: #947c00;
		font-family: 'FontAwesome';
		font-size: 10px;
		font-style: normal;
		content: "";
	}
	
	.widget_archive ul li { 
		position: relative;
		margin-bottom: 15px;
	} 
	
	.widget_archive ul li span {
		position: absolute;
		top: 0;
		right: 20%;
	}
	
	.widget_categories ul li:last-child { margin-bottom: 0; }
	
	.widget_archive ul li {} 
	
	.widget_archive ul li a {}
	
	.widget_archive select {}
	
	.widget_archive option {}	
	
	/* Categories Widget */
	
	.widget_categories {}
	
	.widget_categories ul {
		margin-left: 20px; 
		list-style: none;
	}
	
	.widget_categories ul li:before {
		position: relative;
		top: -1px;
		width: auto;
		height: auto;
		margin-right: 10px;
		color: #947c00;
		font-family: 'FontAwesome';
		font-size: 10px;
		font-style: normal;
		content: "";
	}
	
	.widget_categories ul li { 
		position: relative;
		margin-bottom: 15px;
	} 
	
	.widget_categories ul li span {
		position: absolute;
		top: 0;
		right: 20%;
	}
	
	.widget_categories ul li:last-child { margin-bottom: 0; }
	
	.widget_categories ul ul.children {}
	
	.widget_categories a {}
	
	.widget_categories select{}
	
	.widget_categories select#cat {}
	
	.widget_categories select.postform {}
	
	.widget_categories option {}
	
	.widget_categories .level-0 {}
	
	.widget_categories .level-1 {}
	
	.widget_categories .level-2 {}
	
	.widget_categories .level-3 {}
	
	/* Meta Widget */
	
	.widget_meta {}
	
	.widget_meta ul { list-style: none; }
	
	.widget_meta ul li {}
	
	.widget_meta ul li a {}
	
	/* Recent Comments Widget */
	
	.widget_recent_comments {}
	
	#recentcomments {
		margin-left: 20px;
		list-style: none; 
	}
	
	#recentcomments li:before {
		position: relative;
		top: -1px;
		width: auto;
		height: auto;
		margin-right: 10px;
		color: #947c00;
		font-family: 'FontAwesome';
		font-size: 10px;
		font-style: normal;
		content: "";
	}
	
	#recentcomments li a { color: #947c00 !important; }
	
	.recentcomments {}
	
	
	/* Calendar Widget */
	
	.widget_calendar {}
	
	#calendar_wrap {}
	
	#calendar_wrap th {}
	
	#calendar_wrap td {}
	
	#wp-calendar tr td {}
	
	#wp-calendar caption {}
	
	#wp-calendar a {}
	
	#wp-calendar #today {}
	
	#wp-calendar #prev {}
	
	#wp-calendar #next {}
	
	#wp-calendar #next a {}
	
	#wp-calendar #prev a {}
	
	/* Custom Menu Widget */
	
	.widget_nav_menu {}	
	
	.widget_nav_menu .menu { list-style:none; }
	
	/* EWF Navigation */
	
	.ewf_widget_navigation {}
	
	.ewf_widget_navigation ul {  
		margin-bottom: 30px; 
		list-style-type: none; 
		list-style-position: outside; 
	}
	
	.ewf_widget_navigation li { border-bottom: 1px solid #efefef; }
	
	.ewf_widget_navigation li:last-child { border-bottom: none; }
	
	.ewf_widget_navigation li a { 
		display: block; 
		padding: 10px 0; 
	}
	
	.ewf_widget_navigation li a:hover { text-decoration: none; }
	
	.ewf_widget_navigation li a { color: #222; }
	
	.ewf_widget_navigation li.current a { color: #303030; }
	
	.ewf_widget_navigation li.current a:hover { text-decoration: none; }
	
	/* Custom - EWF Flickr Widget */
	
	.ewf_widget_flickr {}
	
	#flickr-feed {}
	
	#flickr-feed a { display: inline; }
	
	#flickr-feed img { 
		width: 65px; 
		height: auto;
		border: 0;
		padding: 3px 8px 0 0; 
	}
	
	/* Blog Post Widget */
	
	.ewf_widget_latest_posts ul { list-style: none; }
	
	.ewf_widget_latest_posts ul li {
		border-bottom: 1px solid #5f646e;
		margin-bottom: 15px; 
	}
	
	.ewf_widget_latest_posts ul li:last-child { 
		border-bottom: none;
		margin-bottom: 0;
	}
	
	.ewf_widget_latest_posts ul li img { float: left; margin: 0 10px 10px 0; }
	
	.ewf_widget_latest_posts ul li p { 
		margin: 10px 0;
		color: #947c00;
	}
	
	.ewf_widget_latest_posts  p { margin-top: 10px; }
	#footer .ewf_widget_latest_posts  p a { color:#947c00; }
	.ewf_widget_latest_posts  p + p { clear:both; }
	
	.ewf_widget_latest_posts ul li p:last-child { margin-bottom: 15px; }
	.ewf_widget_latest_posts ul p span { color: #947c00; display: block; }
	
	#footer .ewf_widget_latest_posts ul p + p a { color: #d1d1d1; }
	
	/* Social Media Widget */
	
	.ewf_widget_social_media a.social-icon i { font-size: 18px; }
	
	#header-top .ewf_widget_social_media a.social-icon {
		padding: 0;
		border: none;
	}
	
	#header-top .ewf_widget_social_media a.social-icon:hover i { color: #aca374; }	
	
	#footer .ewf_widget_social_media a.social-icon i { color: #62666f; }
	#footer .ewf_widget_social_media a.social-icon:hover i { color: #947c00; }
	
	@media (min-width: 768px) and (max-width: 979px) {
		
		#newsletter-subscribe-form input[type="submit"] { position: relative; }
		
	}
	
	/* Recent Posts Widget */
	
	.ewf_widget_recent_posts .tabs-menu li a { width: 50%; }
	.ewf_widget_recent_posts span {
		display: block;
		color: #947c00;
	}
	
	@media (max-width: 767px) {
		
		.ewf_widget_recent_posts .tabs-menu li a { width: 100%; }
		
	}
	
	/* Call to action widget */

	.ewf_widget_calltoaction h1{ line-height: 40px; }
	.ewf_widget_calltoaction .btn{ margin: 5px 0 0 0; }
	

/* ==========================================================================
   #Contact Form 7
   ========================================================================== */

   .wpcf7-form p { margin-bottom: 5px; }
   
	.wpcf7-form input[type="text"],
	.wpcf7-form input[type="email"],	
	.wpcf7-form textarea {
		width: 100%;
	}
	
	.wpcf7-form-control-wrap{
		display: block !important;	
	}
	
	.wpcf7-form input[type="submit"] {
		background-color: #947c00;
		color: #FFFFFF;
		cursor: pointer;
		display: inline-block;
		line-height: 18px;
		padding: 6px 12px;
		text-decoration: none !important;
		border: none;
	}	
	
	div.wpcf7-response-output {
		margin: 0 !important;
		padding: 5px !important;
	}
	
	div.wpcf7-validation-errors {
		border: none;
	}
	
/* ==========================================================================
   #Revolution Slider
   ========================================================================== */	
   
	.tp-leftarrow.tparrows {
		width: 45px;
		height: 45px;
		border-radius: 50%;
		background: rgba(255,255,255,0.5) no-repeat center center;
		opacity: 0.8;
	}

	.tp-rightarrow.tparrows {
		width: 45px;
		height: 45px;
		border-radius: 50%;
		background: rgba(255,255,255,0.5) no-repeat center center;
		opacity: 0.8;
	}

	.tp-leftarrow.tparrows:before,
	.tp-rightarrow.tparrows:before {
		color: #aca374;
		font-size: 18px;
		line-height: 47px;
		text-align: center;
		font-weight: bold;
	}
	
	.tp-leftarrow:hover,
	.tp-rightarrow:hover {
		opacity: 1;
	}

	.tp-bullets .tp-bullet {
		width: 11px;
		height: 11px;
		border-radius: 50%;
		margin-right: 5px;
		background: #aca374;
	}

	.tp-bullets .tp-bullet:last-child {
		margin-right: 0;
	}

	.tp-bullets .tp-bullet:hover,
	.tp-bullets .tp-bullet.selected {
		background: #947c00;
	}


/**
 * Name: layout.css
 *	
 *	-
 *
 *	T.O.C
 *	
 *	#General Layout 
 *		#Header
 *		#Content
 *		#Footer
 *	#Page Styles
 *		#Index
 *		#About
 *		#Services
 *		#Portfolio
 *		#Blog
 *		#Contact
 *		#Page 404
 *	#Responsive
 *		#Large Display
 *		#Smaller then 1024px width	
 *		#Tablet (Portrait)
 *		#Mobile (Portrait and Landscape )
 *		#Mobile ( Landscape )
 */

/* ==========================================================================
   #General Layout 
   ========================================================================== */

	#wrap { 
		margin: 0 auto;
		background-color: #fff;
	}
	
	.ewf-boxed-layout #wrap{
		max-width: 1120px; 
		margin: 0 auto; 
		 -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);  
			-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);  
				 box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); 
	}

/* #Header Top
   ========================================================================== */	
   
	#header-top {
		background-color: #947c00;
		color: #fff;
	}
	
/* #Header
   ========================================================================== */	
   	
	#header { 
		border-top: 2px solid #9d9d9c; 
		border-bottom: 1px solid #9d9d9c; 
		background-color: #fff;
		}

	
	.ewf-boxed-layout #header {
		max-width: 1120px; 
	}
	
	body.admin-bar.ewf-sticky-header #header.stuck { padding-top:32px; }
	
	@media (min-width: 1025px) {
		
		/*
		 * 1. Position elements to be stuck in the media query as we don't want ... 
		 *
		 */
		
		.stuck { /* 1 */
			position: fixed !important;
			top: 0;
			width: 100% !important;
			z-index: 999;
		}
		
		#header.stuck { 
			background-color: rgba(255, 255, 255, 0.95) !important;
			border-bottom: 1px solid #efefef; 
		}

	}
	
/* #Country Menu
   ========================================================================== */	
#country-menu {
		background-color: #9d9d9c;
		color: #fff;
	}
	
	
	/* Logo */

	#logo { 
		display: block;
		margin: 30px 0;
	}
	
	#logo img { display: block; }
		
	/* Menu basics */

	.sf-menu { 
		float: right;
	}
	
	.sf-menu, 
	.sf-menu *,
	.sf-menu2, 
	.sf-menu2 * {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.sf-menu li, .sf-menu2 li {
		position: relative;
		white-space: nowrap;
	}
	.sf-menu ul, .sf-menu2 ul {
		position: absolute;
		display: none;
		top: 100%;
		left: 0;
		z-index: 99;
	}
	.sf-menu > li, .sf-menu2 > li {
		float: left;
		margin-right: 1px;
	}
	
	.sf-menu > li:last-child, .sf-menu2 > li:last-child { margin-right: 0;  }
	
	.sf-menu li:last-child a {
		font-weight: bold;
	}
	
	.sf-menu li:hover > ul,
	.sf-menu li.sfHover > ul,
	.sf-menu2 li:hover > ul,
	.sf-menu2 li.sfHover > ul {
		display: block;
	}
	
	.sf-menu a, .sf-menu2 a {
		display: block;
		position: relative;
	}
	.sf-menu ul ul, .sf-menu2 ul ul {
		top: 0;
		left: 100%;
	}
	
	/* Menu skin */
	
	ul.sub-menu {
		background-color: #f8f8f9;
	}
	
	.sf-menu {}
	
	.sf-menu a {
		padding: 10px 15px;
		border-bottom: 1px dotted #aca374;  
		font-family: 'Open Sans', Arial, sans-serif;
		font-size: 12px;
		color: #666;  
	}
	
	.sf-menu2 a {
		padding: 10px 15px;
		border-bottom: 1px dotted #aca374;  
		font-family: 'Open Sans', Arial, sans-serif;
		font-size: 12px;
		color: #fff;  
	}
	
	.sf-menu > li > a {
		border: none;
		padding: 56px 15px;
		font-size: 14px;
	}
	
	.sf-menu2 > li > a {
		border: none;
		padding: 6px 0px;
		padding-right:10px;
		padding-left:9px;
		font-size: 14px;
		letter-spacing: -0.03em;
	}
	
	.sf-menu li, .sf-menu2 li {
		-webkit-transition: background .2s;
		transition: background .2s;
	}
	
	.sf-menu li:hover,
	.sf-menu li.sfHover,
	.sf-menu2 li:hover,
	.sf-menu2 li.sfHover  {
		position: relative;  
		text-decoration: none;	
	}
	
	.sf-menu li:hover a,
	.sf-menu li.sfHover a {
		color: #947c00;
		text-decoration: none;
	}
	
	.sf-menu2 li:hover a,
	.sf-menu2 li.sfHover a {
		color: #000;
		text-decoration: none;
	}
	
	.sf-menu > li:hover  > a,
	.sf-menu  >li.sfHover > a, {
		color: #947c00;
		border-top: 2px solid #947c00; 
		margin-top: -2px;
	}
	
	.sf-menu2 > li:hover  > a,
	.sf-menu2  >li.sfHover > a, {
		color: #fff;
		border-top: 2px solid #000; 
		margin-top: -2px;
	}
	
	.sf-menu li.current,
	.sf-menu > li.current-menu-parent,
	.sf-menu > li.current_page_parent,
	.sf-menu > li.current-menu-item > a,{
		border-top: 2px solid #947c00; 
		margin-top: -2px;
		background-color: #fff;
	}
	
	.sf-menu2 li.current,
	.sf-menu2 > li.current-menu-parent,
	.sf-menu2 > li.current_page_parent,
	.sf-menu2 > li.current-menu-item > a	{
		border-top: 2px solid #000; 
		margin-top: -2px;
		background-color: #adadac;
	}
	
	.sf-menu li.current a,
	.sf-menu > li.current-menu-parent > a,
	.sf-menu > li.current-menu-item > a,
	.sf-menu > li.current_page_parent > a,
	.sf-menu2 li.current a,
	.sf-menu2 > li.current-menu-parent > a,
	.sf-menu2 > li.current-menu-item > a,
	.sf-menu2 > li.current_page_parent > a { }
	
	/**
 	 * 1. allow long menu items to determine submenu width
 	 */
	
	.sf-menu ul. .sf-menu2 ul {
		min-width: 200px; /* 1 */
		border: 1px solid rgba(0, 0, 0, 0.1); 
			-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);   
					box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);		
		background-color: rgba(255, 255, 255, 1); 			
	}
	
	.sf-menu ul > li:last-child > a, .sf-menu2 ul > li:last-child > a  { border-bottom: none; }
	
	.sf-menu li ul, .sf-menu2 li ul { border-left: 1px solid #947c00; }
	
	.sf-menu li ul li, .sf-menu2 li ul li { margin: 0 30px; }
	
	.sf-menu li ul li a, .sf-menu2 li ul li a,
	.sf-menu li.current ul li a, .sf-menu2 li.current ul li a {
		position: relative;
		padding-left: 0;
		color: #666;
	}
	
	.sf-menu li ul li a:before, .sf-menu2 li ul li a:before {
		position: absolute;
		top: 10px;
		left: -20px;
		font-family: 'FontAwesome';
		font-size: 9px;
		color: #aca374;
		content: "";
	}
	
	.sf-menu li ul li a:after, .sf-menu2 li ul li a:after {
		position: absolute;
		top: 20px;
		left: -30px;
		width: 10px;
		border-bottom: 1px solid transparent;
		content: "";
	}
	
	.sf-menu li ul li a:hover:before, .sf-menu2 li ul li a:hover:before { color: #947c00; }
	.sf-menu li ul li a:hover:after, .sf-menu2 li ul li a:hover:after { border-bottom-color: #947c00; }
	
	.sf-menu ul ul li, .sf-menu2 ul ul li {}

	/* Menu arrows */
	
	.sf-arrows .sf-with-ul { padding-right: 30px; }
	
	/* Bottom facing arrows */
	
	.sf-arrows .sf-with-ul:after {
		position: absolute;
		top: 50%;
		right: 10px;
		height: 0;
		width: 0;
		margin-top: -13px;
		border: 5px solid transparent;
		border-top-color: rgba(0, 0, 0, 0.5);
		content: '';
	}
	
	/* Right facing arrows */
	
	.sf-arrows ul .sf-with-ul:after {
		margin-top: -5px;
		margin-right: -3px;
		border-color: transparent;
		border-left-color: rgba(0, 0, 0, 0.5);
	}
	
	/* Mobile Menu  */
			
	#mobile-menu {
		z-index: 20;
		margin-bottom: 0;
		margin-left: 0;
		border-bottom: 1px solid #efefef;
		background-color: #947c00;
	}
	
	#mobile-menu li {	
		display: block;
		margin: 0;
	}
		
	#mobile-menu > li > ul, 
	#mobile-menu > li > ul > li > ul {
		display: none;
		margin-left: 0;
	}

	#mobile-menu li a {
		position: relative;
		display: block;
		padding: 15px 25px;
		border-top: 1px solid #efefef;
		color: #fff;;
		font-size: 13px;
		text-align: left;
		text-decoration: none;
	}
	
	#mobile-menu ul a { padding-left:45px; }
	
	#mobile-menu ul li ul a  { padding-left:65px; }
	
	#mobile-menu .mobile-menu-submenu-arrow {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 70px;
		border-left: 1px solid #efefef;
		color: #fff;
		font-size:20px;
		line-height: 50px;
		text-align: center;
		cursor: pointer;
	}
	
	#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #aca374; }
	
	#mobile-menu li a:hover {}
	
	#mobile-menu { display: none; }
	
	/* Mobile menu trigger  */
				
	#mobile-menu-trigger { 
		float: right;
		display: none;
		margin-top: 35px;
		font-size: 32px;
		color: #947c00;
	}		
	
/* #Content
   ========================================================================== */
   		
	#content { 
		min-height: 300px; 
		padding-bottom: 50px;  
	}

	/* Page Header */
	
	#page-header {
		padding: 5px 0;
		margin-bottom: 10px;
		/*
		background: url(//www.spectrum-ifa.com/wp-content/themes/spectrum-2017/layout/images/bg-page-header.png) no-repeat center center; 
		*/
	}
	
	#page-header h2 {
		margin-bottom: 0;
		color: #fff;
		text-transform: uppercase;
	}
		
/* #Footer
   ========================================================================== */		
		
	#footer { color: #d1d1d1; }

	#footer-top { 
		background-color: #aca374; 
	}
	
	#footer-middle { 
		padding: 50px 0;
		background-color: #947c00; 
	}

	#footer-bottom { 
		padding-top: 15px;
		padding-bottom: 0px;
		background-color: #947c00; 
	}
			
/* ==========================================================================
   #Page Styles
   ========================================================================== */
   
/* #Index
   ========================================================================== */

	/* Timeline */
	
	.timeline-2 {
		margin: 10px 0;
		background: url(//www.spectrum-ifa.com/wp-content/themes/spectrum-2017/layout/images/bg-horizontal-dot.png) repeat-x top+48px left;
		list-style: none;
		text-align: center; 
	}
	
	.timeline-2 li { 
		display: inline-block;
		margin-right: 60px;
	}
	
	.timeline-2 li:last-child { margin-right: 0; }
	
	.timeline-2 li i {
		display: block;
		width: 90px;
		height: 90px;
		border: 2px solid #fff;
		border-radius: 50%;
		margin-bottom: 10px;
		background-color: #8bd99f;
		font-size: 50px;
		line-height: 90px;
		text-align: center;
	}
	
	.timeline-2 li.time {
		position: relative;
		font-size: 18px;
		vertical-align: top; 
	}
	
	.timeline-2 li.time:after {
		position: absolute;
		bottom: -35px;
		left: 14px;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color: #fff;
		content: "";
	}
   
/* #About
   ========================================================================== */
   
    .testimonial-slider {
		padding: 20px;
		margin-bottom: 0px;
		background-color: #f6f1ed; 
	}
	
	.team-member {
		position: relative;
		padding: 0 20px 20px 20px;
		margin-bottom: 30px;
		background-color: #eee5dd;
		-webkit-transition: background-color 0.3s;
			 -o-transition: background-color 0.3s;
				transition: background-color 0.3s;
	}
	
	.team-member:hover { 
		background-color: #aca374;
		color: #fff;
	}
	
	.team-member img { 
		float: right;
		max-width: 100%;
		margin: 0 -20px 30px 0;
	}
	
	.team-member .social-media {
		position: absolute;
		top: 50px;
		left: -15px;
		opacity: 0; 
		-webkit-transition: left 0.3s, opacity 0.3s;
			 -o-transition: left 0.3s, opacity 0.3s;
				transition: left 0.3s, opacity 0.3s;
	}
	
	.team-member .social-media a.social-icon { 
		float: none;
		display: block;
		padding: 5px;
		border: none;
		color: #fff;
		background: none;
	}
	
	.team-member .social-media a.social-icon i { font-size: 16px; }
	
	.team-member h1,
	.team-member h2,
	.team-member h3,
	.team-member h4,
	.team-member h5,
	.team-member h6 { margin-bottom: 0; }
	
	.team-member h1 { font-size: 32px; }	
	.team-member h2 { font-size: 28px; }
	
	.team-member:hover h1,
	.team-member:hover h2,
	.team-member:hover h3,
	.team-member:hover h4,
	.team-member:hover h5,
	.team-member:hover h6 { color: #fff; }
	.team-member:hover .social-media { 
		opacity: 1;
		left: -5px;
	}

/* #Services
   ========================================================================== */
   
   .services-list {
	   margin-top: 60px;
	   list-style: none;
	}
   
   .services-list li {
	   margin-bottom: 20px;
	   color: #474f5d;
	}
	
	.services-list li:last-child { margin-bottom: 0; }
   
   .services-list li i {
		display: inline-block;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		background-color: #474e5d;
		margin: 0 10px;
		color: #fff;
		font-size: 24px; 
		line-height: 48px;
		text-align: center;
   }
      
/* #Portfolio
   ========================================================================== */
   
    /* Isotope */
	
	.portfolio-strip { 
		margin-bottom: 60px;
		list-style: none; 
	}
	
	.portfolio-strip li {
		float: left;
		width: 25%;
	}
	
	.portfolio-strip li:last-child { display: none; }
	
	.portfolio-strip li	.portfolio-item { margin-bottom: 0; }
   
    /* Portfolio Item */
	
	.portfolio-item { 
		position: relative; 
		margin-bottom: 30px;
	}
	
	.portfolio-item-preview { 
		position: relative;
		overflow: hidden; 
	}
		
	.portfolio-item-preview > a img {
		display: block;
		width: 100%;
	}
		
	.portfolio-item-overlay {
		position: absolute; 
		top: 0;
		right: 0; 
		bottom: 0; 
		left: 0;
		background-color: rgba(0,0,0,0.3);
		text-align: center;
		opacity: 0; 
		-webkit-transform: translateY(20%); 
			-ms-transform: translateY(20%); 
			 -o-transform: translateY(20%); 
				transform: translateY(20%); 
		-webkit-transition: -webkit-transform 0.5s; 
			-ms-transition: -ms-transform 0.5s;
			 -o-transition: -o-transform 0.5s;  
				transition: transform 0.5s; 	
	}
			
	.portfolio-item-overlay-actions {
		position: absolute;
		bottom: 15%;
		width: 100%;
		-webkit-box-sizing :border-box;
		   -moz-box-sizing: border-box;
			    box-sizing: border-box;
		margin-top: -24px;
		text-align: center;	
	}
	
	.portfolio-item-overlay-actions .portfolio-item-zoom,
	.portfolio-item-overlay-actions .portfolio-item-link {
		display: inline-block;
		width: 48px; 
		height: 48px;  
		border-radius: 50%;
		background-color: #10a084;
		color: #fff;
		text-align: center;
		text-decoration: none; 
	}
			
	.portfolio-item-overlay-actions .portfolio-item-zoom i,
	.portfolio-item-overlay-actions .portfolio-item-link i {
		font-size: 20px; 
		line-height: 48px; 
	}
					
	.portfolio-item-overlay-actions .portfolio-item-zoom:hover,
	.portfolio-item-overlay-actions .portfolio-item-link:hover { background-color: #7ae595; }
					
	.portfolio-item-description { 
		position: absolute; 
		top: 50px; 
		right: 0;
		left: 0; 
		color: #fff; 
	}
	
	.portfolio-item-description h4 { color: #fff; }
								
	.portfolio-item:hover .portfolio-item-overlay { 
		opacity: 1; 
		-webkit-transform: translateY(0); 
			-ms-transform: translateY(0);
			 -o-transform: translateY(0);  
				transform: translateY(0); 
	}
				
	/* Portfolio Pagination */
	
	.pagination {
		float: right;
		list-style: none;
	}
	
	.pagination li { 
		float: left;
		margin-right: 3px;
	}
	
	.pagination li:last-child { margin-right: 0; }

	.pagination a { 
		display: block; 
		padding: 15px 10px; 
		border: 1px solid transparent;
		color: #555;
		font-size: 16px;
		text-decoration: none; 
	}
	
	.pagination li a:hover,
	.pagination li.current a {
		border-color: #947c00;
		color: #947c00; 
	}	
	
/* #Blog
   ========================================================================== */
   
	/* Blog Post */
	
	.blog-post {
		position: relative;
		margin-bottom: 30px;
	}
	
	.blog-post a { color: #424141; }
	.blog-post span a { color: #4d8d7c; }
	
	.blog-post-preview {
		position: relative;
		border-left: 5px solid #947c00;
		margin-bottom: 30px;
		overflow:hidden;
	}
	
	.blog-post-preview .date {
		position: absolute;
		top: 30px;
		left: 0;
		padding: 5px 15px;
		border-bottom: 10px solid #8d9091; 
		background-color: #947c00;
		color: #fff;
	}
	
	.blog-post-preview > img {
		float: left;
		display: block;
		max-width: 100%;
		border-left: 3px solid #8d9091;
		margin-right: 10px;
	}
		
	.blog-post-title {}
	
	.blog-post-thumb { float: left; }
	
	.blog-post-thumb a img { 
		display: block;
		margin-bottom: 12px;
	}
	
	.blog-post-thumb a:last-child img { margin-bottom: 0; }
	
	.blog-post-info {}
	
	.blog-post-readmore {}
	
	/* Timeline */
	
	.timeline {}
	
	.left-side,
	.right-side { float: left; }
	
	.separator { 
		float: left; 
		width: 100px;
		min-height: 10px;
		background: url(//www.spectrum-ifa.com/wp-content/themes/spectrum-2017/layout/images/bg-vertical-line.png) repeat-y top center; 
	}
	
	.left-side .blog-post:before {
		position: absolute;
		top: 30px;
		right: -25px;
		width: 0; 
		height: 0; 
		border-top: 12px solid transparent; 
		border-bottom: 12px solid transparent;
		border-left: 25px solid #ededed; 
		content: "";
		-webkit-transition: border-left-color 0.3s;
			 -o-transition: border-left-color 0.3s;
				transition: border-left-color 0.3s;
	}
	
	.right-side .blog-post:before {
		position: absolute;
		top: auto;
		bottom: 100px;
		left: -25px;
		width: 0; 
		height: 0; 
		border-top: 12px solid transparent; 
		border-bottom: 12px solid transparent;
		border-right: 25px solid #ededed; 
		border-left: none; 
		content: "";
		-webkit-transition: border-right-color 0.3s;
			 -o-transition: border-right-color 0.3s;
				transition: border-right-color 0.3s;
	}
	
	.timeline .blog-post {
		width: 420px; 
		-webkit-box-sizing: border-box; 
		   -moz-box-sizing: border-box; 
				box-sizing: border-box; 
		padding: 25px;
		margin-bottom: 25px;
		background-color: #ededed;
		-webkit-transition: background-color 0.3s;
			 -o-transition: background-color 0.3s;
				transition: background-color 0.3s;
	}
	
	.left-side .blog-post:after {
		position: absolute;
		top: 30px;
		right: -64px;
		width: 8px;
		height: 8px;
		padding: 0;
		border: 10px solid #75d888;
		border-radius: 50%;
		background-color: #03aa8c;
		content: "";
		-webkit-transition: border-width 0.5s, padding 0.3s;
			 -o-transition: border-width 0.5s, padding 0.3s;
				transition: border-width 0.5s, padding 0.3s;
	}
	
	.right-side .blog-post:after {
		position: absolute;
		top: auto;
		bottom: 100px;
		left: -64px;
		width: 8px;
		height: 8px;
		border: 10px solid #75d888;
		border-radius: 50%;
		background-color: #03aa8c;
		content: "";
		-webkit-transition: border-width 0.5s, padding 0.3s;
			 -o-transition: border-width 0.5s, padding 0.3s;
				transition: border-width 0.5s, padding 0.3s;
	}
	
	.timeline .blog-post:last-child { margin-bottom: 0; }
	
	.timeline .blog-post:hover { 
		background-color: #947c00; 
		color: #fff;
	}
	
	.timeline .blog-post-preview { margin-bottom: 50px; }
	.timeline .blog-post-preview > img { 
		float: none;
		width: 100%;
	}
	
	.timeline .blog-post .btn { margin-bottom: 0; }
	.timeline .blog-post:hover a { color: #fff; }
	
	.right-side .blog-post:hover:before { border-right-color: #947c00; }
	.left-side .blog-post:hover:before { border-left-color: #947c00; }
	
	.left-side .blog-post:hover:after,
	.right-side .blog-post:hover:after {
		padding: 4px;
		border-width: 6px;
	}
	
	a.read-more {
		display: block;
		width: 75px;
		border: 5px solid #947c00;
		border-radius: 50%;
		margin: 0 auto;
		background-color: #947c00;
		color: #947c00;
		line-height: 75px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		-webkit-transition: background-color 0.3s;
			 -o-transition: background-color 0.3s;
				transition: background-color 0.3s;
	}
	
	a.read-more:hover { 
		background-color: #947c00;
		color: #fff;
	}
				
	
/* #Contact
   ========================================================================== */
   
	/* Contact Form */
  
	#contact-form { 
		overflow: hidden; 
		margin-bottom: 30px; 
	}
	
	#contact-form fieldset { margin: 0; }
	
	label.validation-error { color: #b55454; }
	
	input.validation-error,
	textarea.validation-error,
	select.validation-error { border: 1px solid #e1a1a1; }
	
	#contact-form input[type="text"] {
		width: 100%;
		font: 12px 'Open Sans', Arial, sans-serif;
	}
	
	#contact-form #formstatus {}
		
	#contact-form textarea {
		font: 12px 'Open Sans', Arial, sans-serif; 
		resize: none; 
	}
	
	/* Social Media */
	.social-media { position: relative; z-index: 9999; }
	.social-media a.social-icon {
		display: inline-block;
		width: 50px;
		height: 50px;
		padding: 0;
		border-radius: 50%;
		border: 10px solid #aca374;
		margin-bottom: -15px;
		margin-right: 10px;
		color: #fff;
		line-height: 55px;
	}
	
	.social-media a.facebook-icon { background-color: #9298a3; }
	.social-media a.twitter-icon { background-color: #9d9d9c; }
	.social-media a.pinterest-icon { background-color: #947c00; }
	.social-media a.googleplus-icon { background-color: #3db0b4; }
	.social-media a.dribble-icon { background-color: #f46899; }
	.social-media a.tumblr-icon { background-color: #2a445f; }
	.social-media a.instagram-icon { background-color: #0a0b10; }
	.social-media a.rss-icon { background-color: #fe9900; }
	
/* #Page 404
   ========================================================================== */
	
	.error-404 {
		width: 110px;
		height: 110px;
		padding: 10px; 
		border: 2px solid #aca374;
		border-radius: 50%;
		margin: 0 auto;
	}
	
	.error-404 span {
		display: inline-block;
		width: 110px;
		height: 110px;
		border-radius: 50%;
		margin: 0 auto;
		background-color: #aca374;
		font-size: 36px;
		line-height: 110px;
		color: #fff;
		text-align: center;
	}
	
/* ==========================================================================
   #Responsive
   ========================================================================== */
   
/* #Large Display
   ========================================================================== */
   	
	@media (min-width: 1400px) {
		
		/* Portfolio */
		
		.portfolio-strip li { width: 20%; }
		.portfolio-strip li:last-child { display: block; }

		
	}

/* #Smaller then 1024px width
   ========================================================================== */
	
	@media (max-width: 1024px) {

		#wrap {}
		
		#header {}
		
		#content {}
		
		#footer {}
		
		.switcher{ display: none; }
		
	}

/* #Tablet (Portrait)
   ========================================================================== */

	@media (min-width: 768px) and (max-width: 979px) {
		
		#wrap {}
		
		#header {}
		
		#menu { display: none; }
		
		#mobile-menu-trigger { display: block; }	
		
		#content {}
		
		#footer {}
		
		/* Index */
		
		.timeline-2 li { margin-right: 21px; }
		
		/* About */
		
		.team-member .social-media { top: 30px; }
		
		/* Services */
		
		.services-list { margin-top: 40px; }
		
		/* Portfolio */
		
		.portfolio-strip li { width: 33.3333333333%; }
		.portfolio-strip li:last-child { display: block; }
		
		.portfolio-item-overlay-actions { top:50%; }
		.portfolio-strip .portfolio-item-overlay-actions { top:75%; }
		
		/* Blog */
		
		.blog-post-thumb a img {
			float: left;
			margin: 20px 20px 0 0;
		}
		
		.blog-post-thumb a:last-child img { margin-right: 0; }
		
		.timeline .blog-post { width: 302.5px; }
		
	}
	
/* #Mobile (Portrait and Landscape )
   ========================================================================== */
	
	@media (max-width: 767px) {
	
		body { 
			background: none; 
			background-color: #fff; 
		}
		
		#wrap {}
		
		#header-top { display: none; }
		
		#header {}	
		
		#logo {
		width: 85%;
		}
		
		#menu { display: none; }
		
		#mobile-menu-trigger { 
			display: block;
			padding: 10px;
			position: absolute;
			right: 10px;
			top: -35px;
		}
		
		#mobile-menu ul {
		margin-left: 0px;
		}
		
		#content {}

		#footer{}	

		.row { padding: 0 40px; }
		
		.row .row { 
			width: auto; 
			padding: 0 20px; 
			margin: 0; 
		}
		
		p.last, 
		h1.last, 
		h2.last, 
		h3.last, 
		h4.last, 
		h5.last, 
		address.last, 
		ul.last, 
		ol.last { margin-bottom: 20px; }
		
		.text-right{ text-align:left; }
		
		h1 {
			margin-bottom: 14px;
			font-size: 22px;
			line-height: 36px;
			text-align: center;
		}
		
		/* Index */
		
		/*.client-logo li { 
			display: block;
			margin: 0;
			margin-bottom: 15px; 
		}*/
		
		.timeline-2 { background: none; }
		
		.timeline-2 li { 
			display: block;
			margin: 0 auto 20px;
			text-align: center;
		}
		
		.timeline-2 li i { margin: 0 auto; }
		.timeline-2 li.time:after { display: none; }
		
		/* About */
		
		.team-member .social-media a.social-icon { margin-bottom: 15px; }
		
		/* Portfolio Items */
		
		.portfolio-strip { margin-top: 40px; }
		
		.portfolio-strip li {
			float: none;
			width: 100%;
		}
		
		.portfolio-strip li:last-child { display: block; }
		
		.portfolio-item-description { top: 30px; }
		
		/* Blog */
		
		.blog-post-thumb { margin-top: 10px; }
		
		.separator { display: none; }
		
		.timeline .blog-post { width: 100%; }
		.timeline .blog-post:last-child { margin-bottom: 25px; }
		
		.blog-post:before,
		.blog-post:after { display: none; }

		/* Contact */
		
		#contact-form .row { padding: 0; }
		
		#content a.social-icon {
			width: 30px;
			height: 30px;
			line-height: 30px;
			border-width: 5px;
		}
		
		#content a.social-icon i { font-size: 18px; }
		
		.vc_column_container>.vc_column-inner {
			padding-left: 7px !important;
			padding-right: 7px !important;
		}
		
		.vfb-col-12, .vfb-col-7,  .vfb-col-6, .vfb-col-5, .vfb-col-4, .vfb-col-3  {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}
	}
	
/* #Mobile ( Landscape )
  ========================================================================== */

	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.row { padding: 0 40px; }
		
		#mobile-menu-trigger { right: 30px; }
		
		/* Portfolio Items */
		
		.portfolio-strip li {
			float: left;
			width: 50%;
		}
		
	}	
/*
Spectrum CF7
*/ 


.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 select
{
    background-color: #fff;
    color: #000;
    width: 100%;
}

.wpcf7 textarea,
{
    background-color: #fff;
    color: #000;
    width: 100%;
}

.wpcf7-form input[type="submit"]
{
    width: 100px !important;
}

#cfbuttxt {
  position: absolute;
  top:20px;
  width: 290px;
	}

#cfbuttxt2 {
  position: absolute;
  top:160px;
  width: 290px;
	}
		

#cformbutton, #cformbutton a {
  background: #aca374;
  background-image: -webkit-linear-gradient(top, #aca374, #947c00);
  background-image: -moz-linear-gradient(top, #aca374, #947c00);
  background-image: -ms-linear-gradient(top, #aca374, #947c00);
  background-image: -o-linear-gradient(top, #aca374, #947c00);
  background-image: linear-gradient(to bottom, #aca374, #947c00);
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  text-shadow: 1px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 17px;
  padding: 5px 21px 5px 21px;
  border: solid #746100 2px;
  text-decoration: none;
  position: absolute;
  top:80px;
  width: 250px;
	}
	
#cformbutton2, #cformbutton2 a {
  background: #aca374;
  background-image: -webkit-linear-gradient(top, #aca374, #947c00);
  background-image: -moz-linear-gradient(top, #aca374, #947c00);
  background-image: -ms-linear-gradient(top, #aca374, #947c00);
  background-image: -o-linear-gradient(top, #aca374, #947c00);
  background-image: linear-gradient(to bottom, #aca374, #947c00);
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  text-shadow: 1px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 17px;
  padding: 5px 21px 5px 21px;
  border: solid #746100 2px;
  text-decoration: none;
  position: absolute;
  top:190px;
  width: 250px;
  margin-bottom:20px;
	}

#cf7left {
	float: left;
	width: 48%;
	}
	
#cf7leftcaptcha {
	float: left;
	width: 78%;
	}
	
#cf7right {
	float: right;
	width: 48%;
	}

#cf7rightsubmit {
	float: right;
	width: 20%;
	}		
	
#cf7full {
	float: left;
	width: 100%;
	}
		
#cf7postcode {
	float: left;
	width: 100%;
	font-family: Arial;
	font-size: 10px;
	font-style: italic; 
	margin-top:-20px;
	padding-bottom:20px;
	}

/*
Nomads Widget
*/ 


#wn-insurance-quote-editor input[type="text"] {
color: orange;
}

/*
Spectrum Custom CSS files
*/ 

#ofloc {
	font-size: 12px;
	line-height:12px;
	padding-left:110px;
	margin-top: -16px;
	padding-bottom: 10px;
}


#blog-post-line {
	padding-left:50px;
	padding-top:70px;
	}

div#ewf_widget_social_media-2.widget.ewf_widget_social_media {
	padding-top: 15px;
	}

#footer-legal {
	font-size: 9px;
	line-height:12px;
	text-align: center;
	width:100%;
	max-width:960px;
	margin: 0 auto;
	margin-top:10px;
	margin-bottom:10px;
	}

.author_details {
	font-size: 14px;
	line-height:23px;
	text-align: justify;
	margin-right:10px;
	}

.vfbp-form .btn-primary {
	color: #fff !important;
	background-color: #947c00 !important;
	border-color: #947c00 !important;
	margin-top:16px;
	}


#tagline {
	font-family: 'Cormorant Garamond script=all rev=3';
	font-weight: 600;
	font-style: italic;
	font-size: 133%;
	line-height:22px;
	padding-top:5px;
	margin-bottom:-5px;
	}

#black-studio-tinymce-4.widget.widget_black_studio_tinymce p {
	margin-bottom:-5px;
	}
	

.bottommenu {
	font-size: 75%;
	line-height:22px;
	}
	
.bottommenu:hover {
	color:#fff !important;
	}
	
.wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
	border-radius: 10px !important;
	-webkit-box-shadow: none;
	box-shadow: none
	}
	
figcaption.vc_figure-caption {
	font-size: 200% !important;
	text-align: left !important;
	font-weight: bold;
	color: #fff;
	line-height:22px;
	padding-left:5px;
	margin-top: -22px !important;
	margin-bottom:0px;
	}

.vc_column-inner {
	padding-top: 5px !important;
	}

#toplink2 {	
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 0.039em;
	word-spacing: 0.058em;
	color: #be9213;
	line-height: 1.45em;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
	padding-bottom: 3px;
	}
	
/* Author bio */

.authorquote {
  background: #00427C;
  background-image: -webkit-linear-gradient(top, #00427C, #4506e);
  background-image: -moz-linear-gradient(top, #00427C, #4506e);
  background-image: -ms-linear-gradient(top, #00427C, #4506e);
  background-image: -o-linear-gradient(top, #00427C, #4506e);
  background-image: linear-gradient(to bottom, #00427C, #4506e);
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  text-shadow: 1px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 5px 21px 5px 21px;
  margin-right:15px;
  border: solid #00427C 2px;
  text-decoration: none;
}

.authorquote a {
	color:#fff;
	}
	
.authorquote:last-child {
	margin-right:0px;
	}

.authorquote:hover {
  background: #00427C;
  text-decoration: none;
}
.authorbtn {
  background: #aca374;
  background-image: -webkit-linear-gradient(top, #aca374, #947c00);
  background-image: -moz-linear-gradient(top, #aca374, #947c00);
  background-image: -ms-linear-gradient(top, #aca374, #947c00);
  background-image: -o-linear-gradient(top, #aca374, #947c00);
  background-image: linear-gradient(to bottom, #aca374, #947c00);
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  text-shadow: 1px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 5px 21px 5px 21px;
  margin-right:15px;
  border: solid #746100 2px;
  text-decoration: none;
}


.authorbtn-off {
  background: #aca374;
  background-image: -webkit-linear-gradient(top, #aca374, #947c00);
  background-image: -moz-linear-gradient(top, #aca374, #947c00);
  background-image: -ms-linear-gradient(top, #aca374, #947c00);
  background-image: -o-linear-gradient(top, #aca374, #947c00);
  background-image: linear-gradient(to bottom, #aca374, #947c00);
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  text-shadow: 1px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 5px 21px 5px 21px;
  margin-right:15px;
  border: solid #746100 2px;
  text-decoration: none;
  opacity: 0.5;
}

.authorbtn a {
	color:#fff;
	}
	
.authorbtn:last-child {
	margin-right:0px;
	}

.authorbtn:hover {
  background: #947c00;
  text-decoration: none;
}

.author_bio_section{
background: none repeat scroll 0 0 #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}
.author_name{
font-size:16px;
font-weight: bold;
}
.avatar {
    float: left;
    margin: 0 10px 10px 0;
}

	#ifmobile {
 		display: none;
	}

	#ifscreen {
 		display: block;
	}


/* Mobile */

@media (max-width: 767px) {
	
	#cformbutton {
 		display: none;
	}
	
	#cformbutton2 {
 		display: none;
	}
	
	#cf7left {
	float: left;
	width: 100%;
	}
	
	#cf7right {
	float: left;
	width: 100%;
	}	
	
	
	#ifscreen {
 		display: none;
	}
	
	#ifmobile {
 		display: block;
	}
		
	}