/*
Theme Name: F&P Robotics
Theme URI: http://underscores.me/
Author: taywa
Author URI: http://taywa.ch
Description: Theme for F&P Robotics, developed by taywa.ch
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fprobot
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

F&P Robotics is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img, video {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/




/**
 * @license
 * MyFonts Webfont Build ID 2963967, 2015-02-02T05:21:02-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Graphie-Regular by Flat-it
 * URL: http://www.myfonts.com/fonts/flat-it/graphie/regular/
 * 
 * Webfont: Graphie-SemiBold by Flat-it
 * URL: http://www.myfonts.com/fonts/flat-it/graphie/semi-bold/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2963967
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2014 by Ryoichi Tsunekawa. All rights reserved.
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2d39ff");

  
@font-face {font-family: 'Graphie-Regular';src: url('webfonts/2D39FF_0_0.eot');src: url('webfonts/2D39FF_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2D39FF_0_0.woff2') format('woff2'),url('webfonts/2D39FF_0_0.woff') format('woff'),url('webfonts/2D39FF_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Graphie-SemiBold';src: url('webfonts/2D39FF_1_0.eot');src: url('webfonts/2D39FF_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2D39FF_1_0.woff2') format('woff2'),url('webfonts/2D39FF_1_0.woff') format('woff'),url('webfonts/2D39FF_1_0.ttf') format('truetype');}

/* FP Icons */
@font-face {
	font-family: 'FP-icons';
	src: url('iconfont/FP-icons.eot');
	src:	url('iconfont/FP-icons.eot?#iefix') format('embedded-opentype'),
			url('iconfont/FP-icons.woff') format('woff'),
			url('iconfont/FP-icons.ttf') format('truetype'),
			url('iconfont/FP-icons.svg#FP-icons') format('svg') /* Legacy iOS */;
	font-weight: normal;
	font-style: normal;
}




body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: Graphie-Regular, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

.fpicon {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'FP-icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;


	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}

.fpicon.x2 {
	font-size: 2em;
}
.fpicon.x3 {
	font-size: 3em;
}
.fpicon.x4 {
	font-size: 4em;
}
.fpicon.x5 {
	font-size: 5em;
}
.fpicon.x6 {
	font-size: 6em;
}


.FP-messages:before {
  content: "\e900";
}
.FP-edit:before {
  content: "\e901";
}
.FP-delete:before {
  content: "\e902";
}
.FP-power:before {
  content: "\e903";
}
.FP-shut-down:before {
  content: "\e903";
}
.FP-database:before {
  content: "\e904";
}
.FP-reset:before {
  content: "\e905";
}
.FP-hard-reboot:before {
  content: "\e905";
}
.FP-download:before {
  content: "\e906";
}
.FP-upload:before {
  content: "\e907";
}
.FP-gripper-open:before {
  content: "\e908";
}
.FP-gripper-close:before {
  content: "\e909";
}
.FP-copy:before {
  content: "\e90a";
}
.FP-code:before {
  content: "\e90b";
}
.FP-dropdown-open:before {
  content: "\e90c";
}
.FP-dropdown-close:before {
  content: "\e90d";
}
.FP-task:before {
  content: "\e90e";
}
.FP-grid:before {
  content: "\e90f";
}
.FP-record:before {
  content: "\e910";
}
.FP-next:before {
  content: "\e911";
}
.FP-back:before {
  content: "\e912";
}
.FP-object:before {
  content: "\e913";
}
.FP-item:before {
  content: "\e913";
}
.FP-lesson:before {
  content: "\e914";
}
.FP-skill:before {
  content: "\e914";
}
.FP-play:before {
  content: "\e915";
}
.FP-stop:before {
  content: "\e916";
}
.FP-resume:before {
  content: "\e917";
}
.FP-pause:before {
  content: "\e918";
}
.FP-close:before {
  content: "\e919";
}
.FP-plus:before {
  content: "\e91a";
}
.FP-minus:before {
  content: "\e91b";
}
.FP-language:before {
  content: "\e91c";
}
.FP-volume-up:before {
  content: "\e91d";
}
.FP-volume-down:before {
  content: "\e91e";
}
.FP-search:before {
  content: "\e91f";
}
.FP-save:before {
  content: "\e920";
}
.FP-restart:before {
  content: "\e921";
}
.FP-soft-reboot:before {
  content: "\e921";
}
.FP-desktop-logo:before {
  content: "\e922";
}
.FP-massimo-logo:before {
  content: "\e923";
}
.FP-panel-logo:before {
  content: "\e924";
}
.FP-panel-interface:before {
  content: "\e925";
}
.FP-massimo-interface:before {
  content: "\e926";
}
.FP-guido-logo:before {
  content: "\e927";
}
.FP-guido-interface:before {
  content: "\e928";
}
.FP-desktop-interface:before {
  content: "\e929";
}
.FP-pose:before {
  content: "\e92a";
}
.FP-spinner:before {
  content: "\e92b";
}
.FP-home-logo:before {
  content: "\e92c";
}
.FP-home-interface:before {
  content: "\e92d";
}
.FP-user:before {
  content: "\e92e";
}
.FP-path:before {
  content: "\e92f";
}
.FP-sensor:before {
  content: "\e930";
}
.FP-settings:before {
  content: "\e931";
}
.FP-release:before {
  content: "\e932";
}
.FP-hold:before {
  content: "\e933";
}
.FP-robot:before {
  content: "\e934";
}
.FP-password:before {
  content: "\e935";
}
.FP-house:before {
  content: "\e936";
}
.FP-smile-happy:before {
  content: "\e937";
}
.FP-smile-neutral:before {
  content: "\e938";
}
.FP-smile-sad:before {
  content: "\e939";
}
.FP-record-face:before {
  content: "\e93a";
}
.FP-calendar:before {
  content: "\e93b";
}
.FP-camera:before {
  content: "\e93c";
}
.FP-compass:before {
  content: "\e93d";
}
.FP-marker:before {
  content: "\e93e";
}
.FP-battery:before {
  content: "\e93f";
}
.FP-phone-call:before {
  content: "\e940";
}
.FP-video-call:before {
  content: "\e941";
}
.FP-exercise:before {
  content: "\e942";
}
.FP-weather:before {
  content: "\e943";
}
.FP-food:before {
  content: "\e944";
}
.FP-entertainment:before {
  content: "\e945";
}
.FP-glass:before {
  content: "\e946";
}
.FP-heart:before {
  content: "\e947";
}
.FP-bring-something:before {
  content: "\e948";
}
.FP-clean-table:before {
  content: "\e949";
}
.FP-massage:before {
  content: "\e94a";
}
.FP-grab-something:before {
  content: "\e94b";
}
.FP-battery-mobile:before {
  content: "\e94c";
}
.FP-lio-logo:before {
  content: "\e94d";
}
.FP-pcare-logo:before {
  content: "\e94e";
}
.FP-microphone:before {
  content: "\e94f";
}
.FP-lio-interface:before {
  content: "\e950";
}
.FP-pcare-interface:before {
  content: "\e951";
}
.FP-application:before {
  content: "\e952";
}
.FP-script:before {
  content: "\e952";
}
.FP-application-select:before {
  content: "\e953";
}
.FP-script-select:before {
  content: "\e953";
}
.FP-folder-close:before {
  content: "\e954";
}
.FP-folder-open:before {
  content: "\e955";
}
.FP-info-circle-contour:before {
  content: "\e956";
}
.FP-warning-circle-contour:before {
  content: "\e957";
}
.FP-dropdown-close-circle:before {
  content: "\e958";
}
.FP-dropdown-open-circle:before {
  content: "\e959";
}
.FP-checkmark-circle:before {
  content: "\e95a";
}
.FP-close-circle:before {
  content: "\e95b";
}
.FP-error-circle:before {
  content: "\e95b";
}
.FP-plus-circle:before {
  content: "\e95c";
}
.FP-minus-circle:before {
  content: "\e95d";
}
.FP-warning-triangle-contour:before {
  content: "\e95e";
}
.FP-connect:before {
  content: "\e95f";
}
.FP-checkmark:before {
  content: "\e960";
}
.FP-disconnect:before {
  content: "\e961";
}
.FP-clock:before {
  content: "\e962";
}
.FP-compact:before {
  content: "\e963";
}
.FP-eye:before {
  content: "\e964";
}
.FP-bar-extension:before {
  content: "\e965";
}
.FP-sun:before {
  content: "\e966";
}
.FP-drinks:before {
  content: "\e967";
}
.FP-setup:before {
  content: "\e968";
}
.FP-actions:before {
  content: "\e969";
}
.FP-notification:before {
  content: "\e96a";
}
.FP-contact:before {
  content: "\e96b";
}
.FP-order:before {
  content: "\e96c";
}
.FP-close-triangle:before {
  content: "\e96d";
}
.FP-error-triangle:before {
  content: "\e96d";
}
.FP-info-circle:before {
  content: "\e96e";
}
.FP-tickling:before {
  content: "\e96f";
}
.FP-warning-circle:before {
  content: "\e970";
}
.FP-warning-triangle:before {
  content: "\e971";
}
.FP-circle-1:before {
  content: "\e972";
}
.FP-circle-2:before {
  content: "\e973";
}
.FP-circle-3:before {
  content: "\e974";
}
.FP-circle-4:before {
  content: "\e975";
}


h1 {
	font-size: 2.6rem;
	margin: 0;
	text-align: center;
	/*color: #023b7e;*/
	color: #404040;
	font-weight: normal;
	padding: 4rem 0 1.5rem 0;;
}
h2 {
	/*color: #023b7e;*/
	color: #404040;
	font-size: 1.8rem;
	font-family: Graphie-SemiBold, sans-serif;
	font-weight: normal;
	border-top: 1px solid #a3abb5 ;/* dotted #023b7e;*/
	padding: 0.5rem 0 1.5rem 0;
	margin-top: 6rem;
	clear: both;
}
h3 {
	font-size: 1.5rem;
	/*color: #023b7e;*/
	color: #404040;
	font-weight: normal;
	padding: 0.25rem 0 0.75rem 0;
	line-height: 1.4;
}
h4 {
	text-transform: uppercase;
	color: #404040;
	font-weight: normal;
	border-top: 1px solid #a3abb5 ;/* dotted #023b7e;*/
	padding: 0.25rem 0;
	margin-top: 2rem;
	clear: both;
	font-family: Graphie-SemiBold, sans-serif;
	font-size: 0.9rem;

}
/*
h4 a{
	color: #404040;
}
*/
h5 {
	font-size: 1.2rem;
	font-family: Graphie-SemiBold, sans-serif;
}

p {
	padding: 0 0 1rem 0;
}

a {
	color: #023b7e;
	text-decoration: none;
}
a:hover,
#scrollnav a:hover,
.current-menu-item a {
	color: #b70e0c;
}
p a,
h3 a {
	color: inherit;
	text-decoration: underline;
}
h3.entry-title a {
	text-decoration: none;
}

.feature h1 {
	font-size: 2.4rem;
	line-height: 2.4rem;
	font-family: Graphie-SemiBold, sans-serif;
	margin: 0;
	padding: 0 0 1rem 0;
}
.fpred {
	color: #b70e0c;
}
.fpblue {
	color: #023b7e;
}
.fpblack {
	color: #000;
}
.fpgray {
	color: #a3abb5;
}

.bglight {
	background: #f5f7fb;
	padding: 1em; 
}

.bgdark {
	background: #404040;
	padding: 1em; 
}
.bgblue {
	padding: 1em; 
	background: #023b7e;
	background: -moz-linear-gradient(top, #004899 0%, #03326c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004899), color-stop(100%,#03326c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #004899 0%,#03326c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #004899 0%,#03326c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #004899 0%,#03326c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #004899 0%,#03326c 100%); /* W3C */
}
.fpicon.bglight,
.fpicon.bgdark,
.fpicon.bgblue {
	padding: 0.3em;
	border-radius: 50%;
}
.bgblue,
.bgdark,
.bgblue *,
.bgdark * {
	color: #fff;
}

.more-link,
.feature .txt a,
a.butt,
#category_filer {
	color: #FFF;

	display: inline-block;
	text-decoration: none;
	padding: 0.3rem 0.75rem 0.2rem 0.75rem;
	border-radius: 0.25rem;
	font-family: Graphie-SemiBold, sans-serif;
	text-transform: uppercase;

	font-size: 0.9rem;

	background: #023b7e;
	background: -moz-linear-gradient(top, #004899 0%, #03326c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004899), color-stop(100%,#03326c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #004899 0%,#03326c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #004899 0%,#03326c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #004899 0%,#03326c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #004899 0%,#03326c 100%); /* W3C */
}

.more-link:hover,
.feature > div:hover .txt a,
a.butt:hover,
#category_filer:hover {
	color: #FFF;
	background: #b70e0c;

	background: -moz-linear-gradient(top, #d20a11 0%, #8a1002 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d20a11), color-stop(100%,#8a1002)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d20a11 0%,#8a1002 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d20a11 0%,#8a1002 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d20a11 0%,#8a1002 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d20a11 0%,#8a1002 100%); /* W3C */
}


.more-link,
a.butt {
	margin-top: 1rem;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #9d9d9c;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #FFF; /*url('img/bg_gradient.jpg') center top scroll repeat-x ;*/ /*#eaeaea;*/
	text-align: center;
}

#page {
	max-width: 1200px;
	text-align: left;
	margin: 0 auto;
	padding: 10px 30px;
	padding-bottom: 0;
}

#masthead {
	position: relative;
}



#site-navigation {
	position: absolute;
	top: 50px;
	right: 0;
}
#meta-navigation {
	position: absolute;
	top: 0px;
	right: 0;
}


#primary-menu {
    overflow: visible;
    position: relative;
	min-height: 33px;
}

#primary-menu > li {
	position: relative;
} 
#primary-menu .sub-menu {
    left: 0;
    position: absolute;
    top: 32px;
	display: none;
}
#primary-menu .current-menu-item .sub-menu {
	display: block;
}
#primary-menu .sub-menu a {
	color: #9d9d9c;
	font-family: Graphie-Regular,sans-serif;
	font-size: 1rem;
}

/* .logged-in #primary-menu .menu-item-has-children > a,
.logged-in #fixedhead.fixed .menu-item-has-children > a{
	padding-right: 20px;
}*/

#primary-menu .menu-item-has-children > a:after {
	content: '\f107';
	font-family: 'FontAwesome';
	display: inline-block;
	margin-left: 0.3em;
	transition: transform .3s;
}
#primary-menu .menu-item-has-children.open > a:after {
	transform: rotateZ(180deg);
}
#primary-menu .sub-menu a {
	color: #023b7e;
}


#scrollnav {
	display: none;
}

#primary-menu .sub-menu {
	display: block;
	max-height: 0px;
	background: rgba(255,255,255, 0.8);
	transition: max-height 0.3s;
	min-width: 15em;
}
.fixed #primary-menu .sub-menu {
	margin-top: 16px;
}

#primary-menu .open .sub-menu {
	max-height: 10em;
}

#primary-menu .sub-menu li {
	float: none;
}


#fixedhead.fixed #site-navigation {
	top: 14px;
}


.site-branding a,
.site-branding img {
	display: block;
}
#logo {
	width: 250px;
	height: auto;
}

#logofixed {
	width: 50px;
	height: auto;
}

#fixedhead {
	z-index: 10000; /* over bxslider navigation */
	position: relative;
	top: 0px;
}

#fixedhead .fixed {
	display: none;
}


@media (min-width:1100px){
	#fixedhead.fixed {
		position: fixed;
		width: 100%;
		background: rgba(255,255,255, 0.8);
		top: -80px;
		left: 0;
		padding: 10px;
		text-align: center;
	}
	body.admin-bar #fixedhead.fixed {
		-webkit-transform: translateY(32px);
		-moz-transform: translateY(32px);
		transform: translateY(32px);
	}

	#fixedhead.fixed #masthead {
		max-width: 1140px;
		text-align: left;
		margin: 0 auto;
		padding: 0;
	}
	#fixedhead.fixed #site-navigation {
		top: 0;
	}
	#fixedhead.noscrollnav.fixed #site-navigation {
		top: 12px;
	}


	#fixedhead.fixed .fixed {
		display: block;
	}

	#fixedhead.fixed .static {
		display: none;
	}

	#fixedhead.fixed .headnav a {
		padding: 1px 10px;
	}
	#fixedhead.fixed + #content {
		padding-top: calc(4rem + 80px);
	}
}



/* #main > article:first-child > .entry-content > div:first-child, */
#content {
	/*padding-top: 2.5rem;  for old, slimer logo*/
	padding-top: 1rem;
}

.col2,
.col3,
.col4{
	overflow: hidden;
}
.col1 > div {
	float: left;
	padding-bottom: 2rem;
	overflow: hidden;
}

.col2 > div,
.col3 > div,
.col4 > div {
	float: left;
	margin-left: 4%;
	padding-bottom: 2rem;
	overflow: hidden;
}
.col2.rtl > div {
	float: right;
	margin-right: 4%;
	margin-left: 0;
}

.col2 > div {
	width: 48%;
}
.col2 > div:nth-child(2n+1) {
	margin-left: 0;
	clear: both;
}
.col2.rtl  > div:nth-child(2n+1) {
	margin-right: 0;
}
.col3 > div {
	width: 30.6%;
}
.col3 > div:nth-child(3n+1) {
	margin-left: 0;
	clear: both;
}

.col4 > div {
	width: 22%;

}
.col4 > div:nth-child(4n+1) {
	margin-left: 0;
	clear: both;
}

/*
.single-post .entry-content > h2,
.single-post .entry-content > h3,
.single-post .entry-content > p {
	padding-left: 25%;
	padding-right: 25%;
}
*/

body.page article.type-post iframe {
	width: 30.6%;
	margin-right: 4%;
	height: 200px;
	float: left;
}

.feature a {
	display: block;
	overflow: hidden;
	text-align: center;
}

.feature img {
	transform: scale(1);
	transition: transform 1s;
}

.feature > div:hover img {
	transform: scale(1.2);
}

.feature > div {
	position: relative;
}
.feature .txt {
	position: absolute;
	background: rgba(255,255,255, 0.5);
	border-radius: 50%;
	text-align: center;
	width: 300px;
	height: 300px;
	margin: -150px 0 0 -150px;
	top: 45%;
	left: 50%;
    pointer-events: none;
	transform: scale(1);
	transition: background 1s, transform 1s;
}

.feature > div:hover .txt {
	background:  rgba(255,255,255, 0.8);
	transform: scale(0.8);
}

.feature .txt a {
	transform: scale(1);
	transition: transform 1s;
}
.feature > div:hover .txt a {
	transform: scale(1.4);
}

.feature img + p {
	display: none;
}
.feature p {
	padding-bottom: 0;
}
.feature .center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 2rem  1rem 0  1rem;
}



#main img {
	border-radius: 0.25rem;
}


$scroll-bar: 20px;

:root {
    --scroll-bar: 8px;
}

#main .fullwidth,
#colophon .fullwidth {
	width: 100vw;
	max-width: 100vw;
	margin: 0 calc(-50vw + 50%);
	box-sizing: border-box;
}
.has-scrollbar #main .fullwidth,
.has-scrollbar #colophon .fullwidth  {
	width: calc(100vw - #{$scroll-bar});
	max-width: calc(100vw - #{$scroll-bar});
	margin: 0 calc(-50vw + 50% + #{$scroll-bar / 2});
}

@supports (color: var(--scroll-bar)) {
	.has-scrollbar #main .fullwidth,
	.has-scrollbar #colophon .fullwidth  {
		width: calc(100vw - var(--scroll-bar));
		max-width: calc(100vw - var(--scroll-bar));
		margin: 0 calc(-50vw + 50% + (var(--scroll-bar) / 2));
	}
}


.txtoverimg {
	position: relative;
	overflow: hidden;
}
.txtoverimg img {
	min-width: 100%;
	display: block;
}
.txtoverimg .txt {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}
.maxwidth{
	max-width: 1140px;
	text-align: left;
	margin: 0 auto;
}
.txtoverimg .txt .card {
	float: left;
	width: 66%;
	max-width: 570px;
	background: rgba(255,255,255, 0.7);
	padding: 2em;
	margin: 0 0 30px 0; 
}
.txtoverimg .card *  {
	padding-bottom: 8px;
	line-height: 1.2em;
}
.txtoverimg .card *:last-child  {
	padding-bottom: 0;
}

.txtoverimg .card p:first-child {
	margin-top: -0.8em;
}
.txtoverimg .card h1 {
	padding-top: 0;
	text-align: left;
	line-height: 1.1em;
}


.accordion {
	cursor: pointer;
	transition: color 0.3s;
}
.accordion:hover {
	color: #b70e0c;
}


.accordion + div {
	display: none;
}

.accordion:after {
	content: '\f107';
	font-family: 'FontAwesome';
	display: inline-block;
	margin-left: 0.3em;
	transition: transform .3s;
}
.accordion.open:after  {
	transform: rotateZ(180deg);
}


.previewimg {
	float: left;
	width: 30.6%;
	margin-right: 4%;
}
.entry-text.right {
	float: left;
	width: 65.3%;
}

.edit-link {
	float: right;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img, video {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.type-page .entry-header {
	display: none;
}




#colophon {
	margin-top: 4rem;
	border-top: 1px dotted #023b7e;
	padding: 1rem 0 0 0;
	overflow: visible;
}

#socialfooter {
/*
	float: left;
	padding-bottom: 1rem;
*/
    position: absolute;
    top: 8em;
	right: 0.7rem;
}

#socialfooter a {
	display: inline-block;
	color: #FFF;
	background: #AAA;
	text-align: center;
	border-radius: 50%;
	box-sizing: border-box;

	width: 28px;
	height: 28px;
	line-height: 33px;
	font-size: 0.5rem;
	margin-right: 0.2rem;
	overflow: hidden;
	transition: width 0.3s, height 0.3s, padding 0.3s, margin 0.3s;
}

#socialfooter a.big {
	/* position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -150px;
	*/
	/* position: absolute;*/
	width: 130px;
	height: 130px;
	padding-top: 20px;
	margin-left: 0;
	margin-bottom: -102px;
}
#socialfooter a p {
	display: none;
	font-size: 1.6em;
	margin-top: -5px;
}
#socialfooter a.big p {
	display: block;
}



@media (min-width:1300px){
	#socialfooter {
		position: fixed;
		right: 12px;
		top: 50vh;
		width: 50px;
		margin-top: -210px;
		padding-left: 0;
	}
	#socialfooter a {
		margin-bottom: 12px;
		width: 48px;
		height: 48px;
		line-height: 60px;
		font-size: 0.8rem;
		margin-right: 0.6rem;
	}
	#socialfooter a.big {
		width: 200px;
		height: 200px;
		padding-top: 30px;
		margin-left: -152px;
		margin-bottom: 0;
	}
	#socialfooter a p {
		margin-top: -20px;
	}
}

#footer-navigation {
	padding-top: 0.8rem;
	float: left;
}

.site-info {
	display: block;
	float: right;
	color: #AAA;
	font-size: 0.8rem;
	margin-top: 1.1rem;
}

.site-info a {
	color: #AAA;
}


#category_filter {
	position: relative;
}
#category_filter_toggle:after {
	content: '\f0d7';
	font-family: FontAwesome;
	display: inline-block;
	padding-left: 1em;
}
#category_filter_toggle.open:after {
	content: '\f0d8';
}
#category_options {
	background: #FFF;
	padding: 0.5rem 2rem;
	position: absolute;
	left: 0;
	top: 3.5rem;
	display: none;
}
#category_options a {
	display: block;
	padding: 0.2rem 1rem 0.2rem 0;
	border-top: 1px dotted #888;
}
#category_options br {
	display: none;
}
#category_options a:first-child {
	border-top: 0px none;
}


#partnerfinder {
	padding-top: 3rem;
}
#filter ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	padding-top: 1rem;
}
#filter li {
	cursor: pointer;
	padding: 0.2rem 0;
	border-top: 1px dotted #888;
}
#filter li:before {
	content: '\f10c';
	font-family: FontAwesome;
	display: inline-block;
	padding: 0 1rem;
}
#filter li.act:before {
	content: '\f192';
}
/* hansruedi does not want a hover or color - just the dot*/
/*
#filter li.act {
	color: #b70e0c;
}
#filter li.act:before,
#filter li:hover:before {
	content: '\f192';
}
#filter li.act:hover:before {
	content: '\f10c';
}
*/

#partners {
	overflow: hidden;
}
#partners > div {
	display: none;
	float: left;
	width: 23%;
	margin: 0 1%;
	height: 25rem;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #9d9d9c;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	outline: 0;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.menu-main-container a {
	font-family: 'Graphie-SemiBold', sans-serif;
	font-size: 1.2rem;
}
.meta-navigation a,
#scrollnav a,
.footnav a {
	color: #9d9d9c;
}


.meta-navigation .current-menu-item a,
.footnav .current-menu-item a {
	color: #333;
}
.qtranxs-lang-menu {
	margin-left: 15px;
}
.qtranxs-lang-menu-en .qtranxs-lang-menu-item-en a{
	color: #333;
}
.qtranxs-lang-menu-de .qtranxs-lang-menu-item-de a{
	color: #333;
}
.qtranxs-lang-menu-zh .qtranxs-lang-menu-item-zh a{
	color: #333;
}


#page .qtranxs-lang-menu > a,
.qtranxs-lang-menu img {
	display: none;
}


.headnav ul,
.footnav ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	overflow: hidden;
}

.headnav li,
.footnav li {
	float: left;
	position: relative;
}

.headnav a,
.footnav a {
	display: block;
	text-decoration: none;
	padding: 2px 10px;
}







.footnav a {
	padding: 2px 15px 2px 0;
}
.qtranxs-lang-menu a {
	padding: 2px 5px;
}
/*
.headnav ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.headnav ul ul ul {
	left: -999em;
	top: 0;
}

.headnav ul ul a {
	width: 200px;
}

.headnav ul ul li {

}
*/

.headnav li:hover > a,
.headnav li.focus > a {
}

.headnav ul ul :hover > a,
.headnav ul ul .focus > a {
}

.headnav ul ul a:hover,
.headnav ul ul a.focus {
}

.headnav ul li:hover > ul,
.headnav ul li.focus > ul {
	left: auto;
}

.headnav ul ul li:hover > ul,
.headnav ul ul li.focus > ul {
	left: 100%;
}

.headnav .current_page_item > a,
.headnav .current-menu-item > a,
.headnav .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle {
	display: none;
	position: absolute;
	right: 0;
	top: 1rem;
	cursor: pointer;
	color: #023b7e;
}
.headnav.toggled ul {

}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}










/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.center {
	text-align: center;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0.25rem 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


.gallery-size-zoom-image {
	overflow: hidden;
}
.gallery-size-zoom-image .bigpreviewimg {
	width: 80%;
	float: right;
	position: relative;
}
.gallery-size-zoom-image figure.gallery-item {
	width: 20%;
	display: block;
	float: left;
	clear: left;
	margin: 0;
}

#main .gallery-size-zoom-image .gallery-item img {
	display: block;
	border-radius: 0;
}

.gallery-size-zoom-image .gallery-icon {
	border: 1px solid transparent;
	margin: 0 1em 1em 0;
}

.gallery-size-zoom-image .act .gallery-icon {
	border-color: #023b7e;
}

.zoomImg {
	background: #FFF;
}


.bx-wrapper {
	margin-bottom: 5rem;
	border-bottom: 1px solid transparent;
}

.bx-wrapper .bx-viewport {
    background: transparent;
    border: 0 none;
    box-shadow: none;
    left: 0;
}

.bx-wrapper .bx-viewport figure {
	margin: 0;
}
.bx-wrapper .bx-viewport  img {
	width: 100% !important;
	height: auto !important;
	
}


.tabs {
	position: relative;
	overflow: hidden;
	transition: height 0.3s;
}

.tabs > * {
	position: absolute;
	width: 100%;
	top: 0;
	left: -100%;
	transition: left 0.3s;
}
.tabs .noani {
	transition: none;
}

.tabnav {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='128' height='3' viewbox='0 0 128 3'><rect fill='%23CCC' x='0' y='0' width='128' height='3'/></svg>") center bottom repeat-x;
	margin-bottom: 2em;
}
.tabnav > li {
	display: inline-block;
	font-size: 1.8rem;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='128' height='3' viewbox='0 0 128 3'><rect fill='%2306355a' x='0' y='0' width='128' height='3'/></svg>") center bottom no-repeat;
	background-size: 0 3px;
	margin-right: 2em;
	padding-bottom: 10px;
	cursor: pointer;
	color: rgb(2, 59, 126);
	transition: background-size 0.3s;
}

.tabnav > li:hover {
	background-size: 30% 3px;
}
.tabnav > .act,
.tabnav > .act:hover {
	background-size: 100% 3px;
	font-family: 'Graphie-SemiBold', sans-serif;
}




.components ul {
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 2em 0;
}

.components li {
	width: 14.16%;
	margin: 0 0 3% 3%;
	text-align: center;
	float: left;
	position: relative;
	padding-bottom: 1.2em;
}
.components li:nth-child(6n-5) {
	margin-left: 0;
	clear: left;
}

.components a {
	text-indent: -999px;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top:0;
	left: 0;
}
.components a:after {
	content: '\f15b'; /* neutral file */
	/* content: '\f15c'; pdf file */
	/*  content: '\f019';  download */
	font-family: FontAwesome;
	display: block;
	text-indent: 0;
	bottom: 0;
	position: absolute;
	width: 100%;
	transform: scale(1);
	transition: all 0.3s;
	transform-origin: center bottom;
	transition-timing-function: cubic-bezier(0, 1.03, 0.62, 1.61);
	transition-timing-function: cubic-bezier(0, 0.6, 0.42, 1.54);
}
.components a:hover:after {
	transform: scale(5);
	bottom: 30%;
}



/*
	TABLE PRESS
*/

#main .tablepress tfoot th, #main .tablepress thead th {
	background-color: transparent;
	font-size: 1.5rem;
	font-weight: normal;
}

.tablepress tbody td,
.tablepress thead th {
	border-right: 1px solid #ddd;
}
.tablepress tbody td:last-child,
.tablepress thead th:last-child {
	border-right: 0 none;
}


@media (max-width:1100px){

	.menu-toggle {
		display: block;
	}
	#scrollnav {
		display: none;
	}
	#navbox {
		display: none;
		background: #FFF;
		padding: 30px;
		margin: 0 -30px;
		position: relative;
	}
	#site-navigation,
	#meta-navigation {
		position: static;
	}
	#site-navigation {
		padding-bottom: 2rem;
		border-top: 1px dotted #023b7e;
	}
	#meta-navigation {
		border-top: 1px dotted #888;
	}
	.headnav > div > ul > li {
		float: none;
		border-bottom: 1px dotted #888;
		overflow: hidden;
	}
	#site-navigation li{
		border-color: #023b7e;
	}
	#meta-menu .qtranxs-lang-menu {
		margin: 2rem 0 0 0; 
		border-bottom: 0 none;
	}
	.headnav a {
		padding: 3px 0;
	}
	.headnav .qtranxs-lang-menu a {
		padding: 3px 1rem 2px 0;
	}

	#primary-menu .sub-menu {
		position: static;
	}


	
	.col4 > div {
		width: 48%;

	}
	.col4 > div:nth-child(2n+1) {
		margin-left: 0;
		clear: left;
	}
}

@media (min-width:1100px){
	#navbox {
		display: block !important;
	}
}

@media (max-width:760px){

	#page {
		padding: 10px 20px;
		padding-bottom: 0;
	}

	.col2 > div,
	.col2.rtl > div {
		width: 100%;
		float: none;
		margin: 0;
	}
	
	.col3 > div,
	.previewimg,
	.entry-text.right {
		width: 100%;
		float: none;
		margin: 0;
	}

	h1 {
		font-size: 2.2rem;
		line-height: 2.4rem;
	}

	h3 {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}

	.txtoverimg .txt .card {
		padding: 10px;
		margin-bottom: 10px;
	}
	.txtoverimg .card * {
		display: none;
	}
	.txtoverimg .card h1 {
		display: block;
		padding-bottom: 0;
		font-size: 1.8rem;
	}
	.txtoverimg img {
		min-width: 130%;
		margin-left: -15%;
	}
}


@media (max-width:420px){

	#page {
		padding: 10px;
		padding-bottom: 0;
	}

	.col4 > div {
		width: 100%;
		float: none;
		margin: 0;
	}

	h1 {
		font-size: 2rem;
		line-height: 2.2rem;
	}

	.feature .txt {
		width: 200px;
		height: 200px;
		margin: -100px 0 0 -100px;
	}
	.feature h1 {
		font-size: 1.8rem;
		line-height: 1.8rem;
	}
}

/* fixed crellyslider loader / spinner misalignment */
.crellyslider > .cs-preloader > .cs-loader > .cs-spinner {	
	margin-left: -50px;
}

.tech-spec-download {
	background: #EAEAEA;
}

.tech-spec-download .wrapper-content {
	max-width: 1200px; 
	text-align: left; 
	margin: 0 auto; 
	padding: 50px 30px 20px;
}

/* download link custom form styles */

.email_download_link #name,
.email_download_link #email {
    width: 100%;
    padding: 8px;
    border-radius: 4px;
  }

.email_download_link input[type="submit"] {
    background: linear-gradient(to bottom, #004899 0%, #03326c 100%);
    color: #ffffff;
    border: none;
    display: inline-block;
    text-decoration: none;
    padding: 0.3rem 0.75rem 0.2rem 0.75rem;
    border-radius: 0.25rem;
    font-family: Graphie-SemiBold, sans-serif;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 1.5;
    box-shadow: none;
    text-shadow: none;
}

.email_download_link input[type="submit"]:hover {
    background: linear-gradient(to bottom, #d20a11 0%, #8a1002 100%);
}