/*
Theme Name: Aero Safety Systems
Theme URI: https://www.eldowebdesign.co.uk
Author: Eldo Web Design Ltd
Author URI: https://www.eldowebdesign.co.uk
Description: Eldo Web Design Ltd for Aero Safety Systems
Version: 1.0.0
License: Private
License URI: https://www.eldowebdesign.co.uk
Text Domain: changeme
Tags:Bespoke
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;line-height:1.7}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}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}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{border:0}svg:not(:root){overflow:hidden}figure{margin:0}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:none;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-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}h1,h2,h3,h4,h5,h6{clear:both;line-height:1.3}p{margin-bottom:1.5em}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 #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:#fff}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 1em}ul{list-style:circle}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{height:auto;max-width:100%}table{margin:0 0 1.5em;width:100%}button,input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc;border-radius:3px;background:#eee;padding:5px}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa;background:#ccc}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}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{border:1px solid #ccc;border-radius:0px;padding:5px}select{border:1px solid #ccc}textarea{width:100%;max-height:160px}a{color:royalblue}a:visited{color:purple}a:hover,a:focus,a:active{color:midnightblue}a:focus{outline:thin dotted}a:hover,a:active{outline:0}.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%}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.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;table-layout:fixed}.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both}.widget{margin:0 0 30px 0}.widget select{max-width:100%}.sticky{display:block}.hentry{margin:0}.byline,.updated:not(.published){display:none}.single .byline,.group-blog .byline{display:inline}.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:20px;max-width:100%}.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:0}.wp-caption-text{text-align:center;padding:10px;background:#eee;font-size:0.8em}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-item img{display:block;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}
/*--------------------------------------------------------------
# MAIN
--------------------------------------------------------------*/
body {
	font-size:16px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	color:#444;
	border-top:3px solid #3A5A88;
}
#tinymce {
	padding:10px!important;
	background:#fff!important
}
#content {
	padding-bottom:60px
}
/*--------------------------------------------------------------
# LAYOUT
--------------------------------------------------------------*/
.section {
	float:left;
	width:100%;
	position:relative;
}
.full {
	float:left;
	width:100%
}
.half {
	float:left;
	width:50%
}
.third{
	float:left;
	width:33.33%
}
.two-third{
	float:left;
	width:66.66%
}
.quarter {
	float:left;
	width:25%
}
.inner {
	display:block;
	margin:0 auto;
	max-width:1064px;
}
.center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.center > * {
	max-width: 100%; /* 1 */
}

.equal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: visible;
	position:relative;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.cover {
	background-repeat: no-repeat;
	background-position: center center!important;
	background-attachment: scroll;
	background-size: cover!important;
}
.column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.bottom {
	margin-top:auto;
}
button, a.button, .button a, a:visited.button, .button a:visited, input.button, input[type="submit"] {
	background: #3A5A88;
	font-weight:600;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	padding:6px 10px;
	border-radius:3px;
	border:0;
	width:auto;
	display:inline-block;
	-webkit-transition: all ease 0.2s;
	transition: all ease 0.2s;
	line-height:1.7;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
}
button:hover, a.button:hover, .button a:hover, input.button:hover, input[type="number"]:hover {
	color:#fff;
	background:#999999
}
a.button:active, .button a:active, button:active {
	box-shadow: inset 0px 2px 0px 0px rgba(0,0,0,0.2), inset 0px 5px 3px rgba(0,0,0,0.2);
}
blockquote {
	width:60%;
	margin:15px 20%;
	background:#f5f5f5;
	padding:20px 50px;
	font-weight:600;
	text-align:center;
	position:relative
}
blockquote p:first-child {
	margin-top:0
}
blockquote p:last-child {
	margin-bottom:0
}
blockquote:before {
	content:"\f10D";
	font-family: "fontAwesome";
	position:absolute;
	top:0px;
	left:10px;
	color:#3A5A88;
	font-size:30px
}
blockquote:after {
	content:"\f10E";
	font-family: "fontAwesome";
	position:absolute;
	bottom:0px;
	right:10px;
	color:#3A5A88;
	font-size:30px
}
iframe {
	display:block;
	margin:0 auto;
	float:none;
}
iframe.instagram-media {
	margin:0 auto!important;
	display:block;
	float:none!important;
}
hr {
	background-color: #3A5A88;
	border: 0;
	height: 1px;
	width:60%;
	margin-left: 20%;
	margin-right: 20%;
	margin-bottom: 1.5em
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	-webkit-appearance: none
}
input[type="submit"] {
	padding:3px 10px;
}
/*--------------------------------------------------------------
# FONTS
--------------------------------------------------------------*/
a, a:visited {
	color:#3A5A88;
	text-decoration:none;
	-webkit-transition: all ease 0.2s;
	transition: all ease 0.2s;
}
a:hover {
	color:#999999
}

p {
	margin-top:0.8em;
	margin-bottom:1em
}
h1, h2, h3, h4 {
	font-weight:400;
	color:#41575D;
	font-family: 'Ek Mukta', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	line-height:1.2
}
h1 {
	font-size:3em;
}
h2 {
	font-size:1.7em;
}
h3 {
	font-size:1.3em;
}
h4 {
	font-size:1em;
}
h5 {
	font-size:0.8em;
}
h6 {
	font-size:0.6em;
}
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
#header {
	min-height:100px;
	padding:10px 20px;
	background:#fafafa
}
h1.black {
	color:#222!important
}
#branding {
	float:left;
	width:220px;
	text-align:center
}
#branding h1 {
	font-size:18px;
	margin:0;
	color:#3A5A88
}
#branding img {
	max-width:120px
}
#header-navigation {
	float:right;
	width:auto;
	margin-top:36px;
}
#social .fa{
	font-size:20px;
	width:26px;
	height:26px;
	text-align:center;
	margin:0px 2px 0px 2px;
	padding-top:3px;
	-webkit-transition:all ease 0.3s;
	transition:all ease 0.3s;
	color:#fff
}
#social .fa.fa-facebook:hover {
    color: #3b5998;
}
#social .fa.fa-twitter:hover {
    color: #1da1f2;
}
#social .fa.fa-pinterest:hover {
    color: #bd081c;
}
#social .fa.fa-instagram:hover {
    color: #833ab4;
}
#social .fa.fa-linkedin:hover {
    color: #0077b5;
}
#social .fa.fa-google-plus:hover {
    color: #dd4b39;
}
#social .fa.fa-youtube:hover {
    color: #cd201f;
}
/*--------------------------------------------------------------
# MENU
--------------------------------------------------------------*/
.menu-toggle {
	width:auto;
	text-align:center;
	background:#3A5A88;
	color:#fff;
	padding:10px;
	display:inline-block;
	cursor:pointer;
	border-radius:4px;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;	
	float:right;
	margin-top:28px;
	text-transform:uppercase
}
.main-navigation {
	display:none;
}
 /* core SM, do not edit */
.sm{position:relative;z-index:9999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
 /* end */

.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active {
  padding: 13px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  color: #555555;
  font-family: 'Ek Mukta', sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 17px;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}
.sm-clean a.current {
  color: #3A5A88;
}
.sm-clean a.disabled {
  color: #bbbbbb;
}
.sm-clean a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.sm-clean a.highlighted span.sub-arrow:before {
  display: block;
  content: '-';
}
.sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.sm-clean > li:last-child > a.highlighted, .sm-clean > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.sm-clean li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-clean > li:first-child {
  border-top: 0;
}
.sm-clean ul {
  background: rgba(162, 162, 162, 0.1);
}
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {
  border-left: 8px solid transparent;
}
.sm-clean ul ul a,
.sm-clean ul ul a:hover,
.sm-clean ul ul a:focus,
.sm-clean ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-clean ul ul ul a,
.sm-clean ul ul ul a:hover,
.sm-clean ul ul ul a:focus,
.sm-clean ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-clean ul ul ul ul a,
.sm-clean ul ul ul ul a:hover,
.sm-clean ul ul ul ul a:focus,
.sm-clean ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-clean ul ul ul ul ul a,
.sm-clean ul ul ul ul ul a:hover,
.sm-clean ul ul ul ul ul a:focus,
.sm-clean ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}
@media (min-width: 1023px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  
  .menu-toggle {
	  display:none;
  }
  .main-navigation {
	  display:block!important;
  }
  .sm-clean ul {
    position: absolute;
    width: 12em;
  }

  .sm-clean li {
    float: left;
  }

  .sm-clean.sm-rtl li {
    float: right;
  }

  .sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li {
    float: none;
  }

  .sm-clean a {
    white-space: nowrap;
  }

  .sm-clean ul a, .sm-clean.sm-vertical a {
    white-space: normal;
  }

  .sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */
  .sm-clean {
    padding: 0 10px;
  }
  .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    padding: 12px 12px;
    color: #2A2C2A;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    text-transform:uppercase
  }
  .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    color: #3A5A88;
  }
  .sm-clean a.current {
    color: #3A5A88;
  }
  .sm-clean a.disabled {
    color: #bbbbbb;
  }
  .sm-clean a.has-submenu {
    padding-right: 24px;
  }
  .sm-clean a span.sub-arrow {
    top: 50%;
    margin-top: -2px;
    right: 12px;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .sm-clean a.highlighted span.sub-arrow:before {
    display: none;
  }
  .sm-clean li {
    border-top: 0;
  }
  .sm-clean > li > ul:before,
  .sm-clean > li > ul:after {
    content: '';
    position: absolute;
    top: -18px;
    left: 30px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 9px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #bbbbbb transparent;
  }
  .sm-clean > li > ul:after {
    top: -16px;
    left: 31px;
    border-width: 8px;
    border-color: transparent transparent white transparent;
  }
  .sm-clean ul {
    border: 1px solid #bbbbbb;
    padding: 5px 0;
    background: white;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
    -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
  }
  .sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
    border: 0 !important;
    padding: 10px 20px;
    color: #555555;
  }
  .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
    background: #eeeeee;
    color: #3A5A88;
  }
  .sm-clean ul a.current {
    color: #3A5A88;
  }
  .sm-clean ul a.disabled {
    background: white;
    color: #cccccc;
  }
  .sm-clean ul a.has-submenu {
    padding-right: 20px;
  }
  .sm-clean ul a span.sub-arrow {
    right: 8px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555555;
  }
  .sm-clean span.scroll-up,
  .sm-clean span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: white;
    height: 20px;
  }
  .sm-clean span.scroll-up:hover,
  .sm-clean span.scroll-down:hover {
    background: #eeeeee;
  }
  .sm-clean span.scroll-up:hover span.scroll-up-arrow, .sm-clean span.scroll-up:hover span.scroll-down-arrow {
    border-color: transparent transparent #3A5A88 transparent;
  }
  .sm-clean span.scroll-down:hover span.scroll-down-arrow {
    border-color: #3A5A88 transparent transparent transparent;
  }
  .sm-clean span.scroll-up-arrow, .sm-clean span.scroll-down-arrow {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 6px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #555555 transparent;
  }
  .sm-clean span.scroll-down-arrow {
    top: 8px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }
  .sm-clean.sm-rtl a.has-submenu {
    padding-right: 12px;
    padding-left: 24px;
  }
  .sm-clean.sm-rtl a span.sub-arrow {
    right: auto;
    left: 12px;
  }
  .sm-clean.sm-rtl.sm-vertical a.has-submenu {
    padding: 10px 20px;
  }
  .sm-clean.sm-rtl.sm-vertical a span.sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }
  .sm-clean.sm-rtl > li > ul:before {
    left: auto;
    right: 30px;
  }
  .sm-clean.sm-rtl > li > ul:after {
    left: auto;
    right: 31px;
  }
  .sm-clean.sm-rtl ul a.has-submenu {
    padding: 10px 20px !important;
  }
  .sm-clean.sm-rtl ul a span.sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }
  .sm-clean.sm-vertical {
    padding: 10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .sm-clean.sm-vertical a {
    padding: 10px 20px;
  }
  .sm-clean.sm-vertical a:hover, .sm-clean.sm-vertical a:focus, .sm-clean.sm-vertical a:active, .sm-clean.sm-vertical a.highlighted {
    background: white;
  }
  .sm-clean.sm-vertical a.disabled {
    background: #eeeeee;
  }
  .sm-clean.sm-vertical a span.sub-arrow {
    right: 8px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555555;
  }
  .sm-clean.sm-vertical > li > ul:before,
  .sm-clean.sm-vertical > li > ul:after {
    display: none;
  }
  .sm-clean.sm-vertical ul a {
    padding: 10px 20px;
  }
  .sm-clean.sm-vertical ul a:hover, .sm-clean.sm-vertical ul a:focus, .sm-clean.sm-vertical ul a:active, .sm-clean.sm-vertical ul a.highlighted {
    background: #eeeeee;
  }
  .sm-clean.sm-vertical ul a.disabled {
    background: white;
  }
}
li.current-menu-item a {
	color:#999
}
/*--------------------------------------------------------------
# HOME
--------------------------------------------------------------*/
#home {
	background:url(images/features-bg.jpg);
	min-height:250px
}
#home h2 {
	color:#999;
	text-shadow:0 0 10px rgba(0,0,0,0.2);
	font-size:34px;
}
#home .slides li {
	background:url(images/features-bg.jpg);
	text-align:center;
	color:#fff;
	padding:20px 20px 40px 20px
}
#home .slides li img {
	max-height:200px;
	width:auto;
	display:block;
	margin:0 auto
}
#home .slides li h3 {
	color:#fff
}
#home .slides li .inner {
	max-width:600px;
	min-height:250px
}
#home-intro {
	background:#fff;
	padding:20px;
}
#home-latest {
	background:#f5f5f5;
	padding:20px 20px 40px 20px;
	text-align:center
}
.excerpt-home {
	width:47%;
	margin:10px 1%;
	background:#fff;
	display:inline-block;
	vertical-align: top
}
.excerpt-home img {
	display:block;
	margin:0 auto;
	width:100%
}
.excerpt-home .text {
	padding:15px
}
.excerpt-home h1.excerpt-title {
	font-size:20px;
	margin:0
}
body.home #content {
	padding:0
}
#home-intro .half {
	padding:10px 20px
}
#home-intro img {
	display:block;
	margin:0 auto;
}
#home-intro h2, #home-intro h3 {
	margin-top:0
}
#home-intro a.button {
	margin:3px
}
/*--------------------------------------------------------------
# CONTACT
--------------------------------------------------------------*/
.gform_wrapper {
	margin:0 auto!important;
	max-width:600px!important
}
.gform_wrapper label.gfield_label {
	font-size:1.2em!important;
	font-weight:400!important;
}
.gform_wrapper .gfield_required {
	color:red!important
}
#contact {
	padding:40px 20px
}
#contact .half {
	padding:15px
}
#contact .half span.info.large {
	display:block;
	float:left;
	width:100%;
	font-size:1.2em;
	margin:10px 0
}
#location {
	background:#f5f5f5;
	padding:40px 20px;
}
#location .half {
	padding:15px
}
/*--------------------------------------------------------------
# EXAMPLES
--------------------------------------------------------------*/
#acfs .quarter {
	min-height:300px;
}
#equals .third {
	width:31.33%;
	margin:1%;
	background:#f5f5f5;
}
/*--------------------------------------------------------------
# CAREERS
--------------------------------------------------------------*/
#careers {
	padding:0 20px
}
/*--------------------------------------------------------------
# PAGES
--------------------------------------------------------------*/
#banner {
	text-align:center;
	padding:20px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999
}
#banner header {
	background:rgba(58, 90, 136, 0.9);
	padding:10px;
	display:inline;
	width:auto
}
body.single #banner {
	margin-bottom:40px
}
#banner .inner {
	height:300px;
}
#nobanner {
	text-align:center;
	padding:0 20px
}
#banner .entry-header {
	float:left;
	width:100%;
	text-align:center
}
#banner h1 {
	color:#fff;
	margin:0;
	padding:0 20px;
	font-size:40px;
	display:inline
}
.header {
	width:100%;
	text-align:center
}
.flexible-wrap .item {
	padding:0 20px
}
.flexible-wrap .section {
	padding:10px 0
}
.quote {
	padding-left:55px!important;
	padding-right:55px!important;
}
.map {
	position:relative
}
.map iframe {
	width:100%!important;
	height:450px;
	
}
.scroll-protect {
   background:transparent; 
   position:absolute;
   top:0;
   bottom:0;
   left:0;
   right:0;
}
.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
.acf-map img {
   max-width: inherit !important;
}
.gallery {
	text-align:center;
}
.gallery-item {
	display:inline-block;
	float:none;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.gallery-item:hover {
	opacity:0.8;
}
/*-----------------------
ACCORDION
-----------------------*/
.accordionmain {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.accordion {
	width:100%;
}
.accordionmain .accordion-toggle:last-child {
    margin-bottom: 0px;
}
.accordion-toggle {
	width:100%;
    cursor: pointer;
    position: relative;
    padding: 8px 40px 8px 20px;
    border-radius: 3px;
    background: #3A5A88;
    margin: 0px;
    margin-top: 15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    color:#fff;
    font-weight: 600;
	font-size: 1.1em;
	line-height:1.3
}
.accordion-toggle:hover {
	background:#999999
}
.accordion-toggle.active {
    background: #41575D;
}
.accordion-toggle.active-panel {
    background: #ddd;
}
.accordion-content {
    padding: 20px 20px;
    overflow: hidden;
    display: none;
    background: rgba(255,255,255,0.9);
}
.accordion-content .button a {
	background:#999999;
}
.accordion-content .button a:hover {
	background:#3A5A88;
}
.accordion-content.default {
    display: block;
}
.accordion-content p:first-child {
    margin-top: 0px;
}
.accordion-toggle .fa {
    position: absolute;
    right: 15px;
    top: 4px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    font-size:30px!important;
}
.accordion-toggle .fa.fa-user {
	position: relative;
    right: auto;
    top: auto;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    font-size:18px!important;
    color:#fff
}
.accordion-toggle .fa.rotate180 {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.quote {
	color:#fff;
	background:#3A5A88;
	margin:30px 0;
	text-align:center;
	font-size:1.2em;
	padding:40px;
	position:relative;
}
.quote .fa {
	font-size:30px;
	position:absolute;
	color:#fff
}
.quote i.fa.fa-quote-right {
	bottom:20px;
	right:20px
}
.quote i.fa.fa-quote-left {
	top:20px;
	left:20px
}
/*--------------------------------
## Tabs
--------------------------------*/
.tabs {
    float: left;
    width: 100%;
    background: #f5f5f5;
}
.tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
    float: left;
    width: 100%;
}
.tabs li {
    float: left;
    text-align: center;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    margin-right:8px;
}
.tabs li:hover {
    background: #fff;
}
.tabs li a {
    display: block;
    text-decoration: none;
    color:#fff;
    font-weight: 600;
	font-size: 1.1em;
	background: #3A5A88;
	padding: 10px 20px;
    border-radius: 3px;
}
.tabs ul li.active a{
    background: #41575D;
}
.tabs ul li a:hover {
	background:#999999
}
.tabs .panel {
    float: left;
    width: 100%;
    padding: 15px;
    min-height: 100px;
}
.tabs .panel h2 {
	margin-top:0
}
/*--------------------------------------------------------------
# TEAM
--------------------------------------------------------------*/
#team h2 {
	text-align:center;
}
.member {
	width:46%;
	margin:20px 2%;
	background:#f5f5f5;
	padding:15px;
	position:relative;
	border-left:1px solid #999999
}
.member h2 {
	color:#3A5A88;
	margin:0
}
.member h3 {
	text-transform: none;
	margin:10px 0
}
.member h3 span {
	color:#999;
	font-size:18px
}
.profile {
	position:absolute;
	top:-15px;
	right:-15px;
	background:#fff;
	padding:8px;
	width: 170px
}
.profile img {
	display:block
}
.member .title {
	padding-right:155px;
	min-height:140px
}
/*--------------------------------------------------------------
# DRAWINGS
--------------------------------------------------------------*/
.part {
	float:left;
	width:100%;
	border-bottom:1px solid #999999;
	padding:2px;
	line-height:2
}
.part a.button {
	font-size:13px;
	width:100%;
	max-width:124px
}
.part a.button .fa {
	font-size:inherit;
	display:inline
}
.part .name {
	width:calc(100% - 596px);
	float:left;
	display:inline-block;
	min-height:34px;
	padding:0 3px;
}
.part .date {
	width:100px;
	float:left;
	display:inline-block;
	min-height:34px;
	padding:0 3px;
}
.part .download {
	width:124px;
	float:left;
	display:inline-block;
	min-height:34px;
	text-align:center;
	padding:0 3px;
}
body.page-template-downloads-template .part .name {
	width:calc(100% - 224px);
}
/*--------------------------------------------------------------
# BLOG
--------------------------------------------------------------*/
#intro {
	padding:20px 20px
}
#main {
	padding:0 20px
}
#primary {
	width:calc(100% - 320px);
	float:left;
}
#secondary {
	width:280px;
	float:right;
	background:#fafafa;
	padding:15px;
	border-left: 1px solid #999999
}
#secondary .side-search {
	overflow:hidden;
}
#secondary input.search-submit {
	width:72px;
	float:right;
}
#secondary input.search-field {
	width: calc(100% - 80px);
	float:left
}
.bread {
	font-size:0.9em;
	color:#707571
}
.excerpt {
	float:left;
	width:100%;
	margin:0 0 30px 0;
	background:#f5f5f5;
}
.excerpt .half {
	padding:10px
}
.excerpt img {
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	width:100%
}
.excerpt img:hover {
	opacity:0.9
}
h1.excerpt-title {
	font-size:24px;
	margin-bottom:0
}
.thumbnail {
	position:relative;
}
.thumbnail img {
	display:block;
	position:relative
}
.thumbnail .fa {
	font-size:50px;
	color:#fff
}
.excerpt-meta {
	margin:10px 0;
	color:#777;
	font-size:0.9em
}
.pagination {
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin-top:20px
}
.pagination, .page-links {
    float: left;
    width: 100%;
    padding: 20px 0;
    position: relative;
    text-align: center;
}
.pagination a, .page-links a {
    display: inline-block;
    margin: 2px;
    padding: 5px;
    text-decoration: none;
    min-width: 30px;
    background:#3A5A88;
    color:#fff
}
.pagination a.inactive {
	background:#3A5A88;
	height:35px;
	min-width:35px;
	border-radius:50%
}
.pagination span {
    display: inline-block;
    margin: 2px;
    padding: 5px;
    text-decoration: none;
    min-width: 30px;
}
.pagination a.inactive:hover {
    color: #fff;
    background: #999999;
}
.pagination .current {
    color: #999;
}
#related-posts {
	background:#f5f5f5;
	padding:15px;
	margin-bottom:20px
}
#related-posts h4 {
	margin:0;
}
#post-nav h3, #post-nav h4 {
	margin:0
}
#post-nav {
	margin:20px 0;
	border-top:1px solid #3A5A88;
	padding-top:20px
}
.related {
	width:33.33%;
	padding:10px;
	float:left
}
.previous {
	width:50%;
	float:left;
	text-align:left;
	padding:15px
}
.next {
	width:50%;
	float:right;
	text-align:right;
	padding:15px
}
#comments {
	padding:20px;
	float:left;
	width:100%;
	position:relative;
	margin-top:50px
}
ol.comment-list {
	list-style:none;
	padding:0;
	margin:0
}
ol.comment-list a {
	text-decoration:none
}
ol.comment-list > li {
	margin: 10px 0;
	padding: 10px;
	background:#f5f5f5
}
li.bypostauthor p, li.bypostauthor .comment-author {
	color:#555;
}
li.bypostauthor .comment-author:before {
	content:"\f040";
	text-align:center;
	font-family: "fontAwesome";
	margin-right:0px;
	border-radius:50%;
	padding:4px
}
ol.children {
	list-style:none;
	border-left:1px dashed #ccc
}
.reply {
	text-align:right;
}
time {
	pointer-events: none;
	color:#999
}
a.comment-reply-link:before {
	content:"\f0e6";
	font-family: "fontAwesome";
	margin-right:0px;
	margin-right:3px
}
h3#reply-title:before {
	content:"\f0e6";
	font-family: "fontAwesome";
	margin-right:0px;
	margin-right:3px
}
h1.single-title {
	margin:0;
	font-size:40px
}
/*--------------------------------------------------------------
# SIDEBAR
--------------------------------------------------------------*/
h2.widget-title {
	font-size:20px;
	margin-top:0
}
#secondary ul {
	margin-left:0;
	padding-left:25px;
}
/*--------------------------------------------------------------
# SERVICES
--------------------------------------------------------------*/
body.page-id-2245 #distributor {
	display:none;
}
/*--------------------------------------------------------------
# PRODUCTS
--------------------------------------------------------------*/
#intro span {
	float:left;
	width:100%
}
#intro h1 {
	font-size:28px;
	color:#3A5A88
}
#intro h2 {
	font-size:20px;
	text-transform: none
}
.embed-container { 
	position: relative; 
	padding-bottom: 19%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	width:31.3%;
	float:left;
	margin:10px 1%
} 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#prod-intro h1.title {
	margin:0
}
#prod-intro {
	text-align:center;
	background:#f5f5f5;
	padding:20px 20px 40px 20px
}
#prod-intro a.button {
	padding: 2px 7px;
	margin:2px
}
#gallery {
	padding:20px
}
#gallery {
	padding:20px;
	text-align:center;
	overflow:hidden
}
#gallery h3 {
	margin-top:0px;
	color:#41575D;
	position: relative;
	display:inline-block;
}
#gallery .inner {
	max-width:770px
}
.bullet {
	float:left;
	margin-bottom:20px;
	width:100%;
	color:#707571
}
#carousel {
	border-top:1px solid #ccc
}
#carousel .slides li {
	opacity:0.9;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	height:210px;
	line-height:210px
}
#carousel .slides li:hover {
	opacity:1;
}
#carousel .slides li img {
	display:block; margin:0 auto
}
#description {
	padding:20px 20px 40px 20px;
	background:#f5f5f5
}
#benefits {
	padding:20px 20px 40px 20px;
	background:#fff
}
#features {
	background:#2A2C2A;
	background:url(images/features-bg.jpg);
	color:#fff;
	padding:20px 20px 40px 20px
}
#features h2 {
	color:#fff
}
.feature {
	float:left;
	width:50%;
	padding:3px;
	font-size:17px;
	text-indent: -11px;
	padding-left: 17px;
}
.feature .fa {
	color:#3A5A88
}
#downloads .feature {
	width:100%
}
#downloads .two-third {
	padding-left:30px
}
#videos {
	padding:0 20px
}
#video {
	background:#f5f5f5;
	padding: 20px 20px 40px 20px
}
#video h2 span, #downloads h2 span, #specs h2 span {
	font-size:17px
}
#video h2 a, #downloads h2 a, #specs h2 a {
	font-size:17px;
}
.play {
	width:30%;
	margin:10px 1.5%;
	background:#fff;
	text-align:center;
	float:left;
	position:relative;
	color:#fff;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	font-size:17px
}
.play .overlay {
	padding:40px 20px;
	background:rgba(42, 44, 42, 0.6);
	min-height:176px
}
.play span {
	font-size:14px;
	color:#ccc
}
.play .fa {
	font-size:40px;
	display:block;
	margin:0 auto;
	color:#3A5A88;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.play a {
	color:#fff!important
}
.play:hover .fa{
	color:#999999
}
#tables {
	padding:0 20px
}
#downloads {
	padding:20px 20px 40px 20px;
	background:#fff
}
.download-prod {
	float:left;
	width:25%;
	text-align:center;
	padding:10px;
	margin:10px 0;
	line-height:1.3em;
}
.download-prod .fa {
	font-size:40px;
	display:block;
	margin:0 auto
}
.download-prod a {
	color:#3A5A88
}
.download-prod a:hover {
	color:#999999
}
#specs {
	padding:20px 20px 40px 20px;
}
#qa {
	padding:20px 20px 40px 20px;
	background:#2A2C2A;
	background:url(images/features-bg.jpg);
}
#qa h2 {
	color:#fff
}
.single-product {
	width:48%;
	margin:12px 1%;
	float:left;
	background:#fff;
	padding:20px;
	text-align:center;
	box-shadow:0px 0px 5px rgba(0,0,0,0.2);
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	border-left:1px solid #999999
}
.single-product:hover {
	box-shadow:0px 0px 5px rgba(0,0,0,0);
}
.single-product img {
	max-height:200px;
	margin:0 auto;
	display:block;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.single-product img:hover {
	opacity:0.9
}
.single-product h2 {
	min-height:96px;
	text-align:center
}
.single-product h3 {
	text-transform: none;
	font-weight:400;
	font-size:19px
}
body.page-template-products-template  {
	background:#f5f5f5;
}
.single-product h2 {
	margin:0
}
.single-product h3 {
	margin:0
}
.single-product a h2 {
	color:#3A5A88;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.single-product a h2:hover {
	color:#999999
}
.single-product img {
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.single-product img:hover {
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
#other {
	border-top:2px dashed #41575D;
	padding:20px 20px 40px 20px;
	text-align:center;
	background:#fafafa
}
#other .single-product {
	width:31%
}
.other-product h2 {
	margin:0
}
#other h2 {
	color:#41575D!important
}
body.page-template-product-template h2 .fa {
	color:#999999;
	font-size:22px
}
body.page-template-product-template h2 .fa.fa-angle-right {
	color:#3A5A88;
	font-size:inherit
}
/*--------------------------------------------------------------
# DISTRIBUTORS
--------------------------------------------------------------*/
.country {
	border-top:1px solid #999999;
	padding-bottom:30px
}
.country h2 {
	color:#3A5A88
}
.country h3 {
	margin:0
}
.country span {
	float:left;
	width:100%;
	margin-bottom:7px
}
.distributor {
	padding-right:20px;
	margin-bottom:30px
}
.distributor .fa {
	color:#ccc;
	width:20px;
	text-align:center
}
#distributor-wrap {
	padding:0 20px
}
.distributor wrap {
	
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
.follow {
	display:none
}
#footer a {
	color:#fff
}
#footer a:hover {
	color:#999
}
.flag {
	text-align:center;
}
.flag img {
	width:165px
}
#distributor {
	padding:40px 20px;
	background:url(images/distributor.jpg);
	color:#fff;
}
#distributor h2, #distributor h3 {
	color:#999999
}
#distributor .third {
	text-align:center;
}
#footer {
	background:#41575D;
	font-size:0.9em;
	padding:20px;
	color:#fff;
}
#footer .quarter, #footer .half {
	padding:15px
}
#footer h3 {
	font-size:17px;
	color:#ccc
}
ul#footer-menu {
	margin:0;
	padding-left:20px
}
ul#footer-menu li {
	width:50%;
	float:left
}
#copyright {
	font-size:0.9em;
	background:#41575D;
	text-align:center;
	padding:10px;
	color:#999
}
#copyright a {
	color:#fff
}
#copyright a:hover {
	color:#999
}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #3A5A88;
    width: 50px;
    height: 50px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity:0;
    font-size:40px;
    line-height:1;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    color:#fff!important;
    text-align:center;
    padding-top:3px;
    z-index:9999;
}
#return-to-top.show {
	opacity:0.8;
	-webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;   
}
#return-to-top.show:hover {
	opacity:1;
}
#return-to-top:hover {
    background: #666;
    padding-top:0;
}
/*--------------------------------------------------------------
# ANIMATIONS
--------------------------------------------------------------*/
.anim {
	position:relative;
	visibility: hidden
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}
/*--------------------------------------------------------------
# MEDIA QUERIES
--------------------------------------------------------------*/
.mobile {
	display:none!important;
}

@media screen and (max-width: 1023px) {
#other .single-product {
	width:48%
}
#primary {
	float:left;
	width: 100%;
}
#secondary {
	float:left;
	width: 100%;
}
.excerpt-home {
	width:97%
}
#footer .quarter {
	width:50%
}
#header-navigation {
	width:100%;
	float:left
}
#home-intro .half {
	width:100%;
	padding:20px 0
}

}

@media screen and (max-width: 900px) {	
#downloads .two-third, #downloads .third {
	padding:0;
	width:100%
}	
#downloads .third {
	margin-bottom:20px
}	
#downloads .feature {
	text-indent:0px;
}
.distributor {
	width:50%
}
.part a.button span, .top {
	display:none!important;

}
.part .name {
	width:calc(100% - 160px);
	float:left;
	display:inline-block;
	min-height:34px;
	padding:0 3px;
}
.part .date {
	display:none
}
.part .download {
	width:40px;
	float:left;
	display:inline-block;
	min-height:34px;
	text-align:center;
	padding:0 3px;
}
body.page-template-downloads-template .part .name {
	width:calc(100% - 40px);
}
}

@media screen and (max-width: 767px) {
.excerpt .half {
	width:100%
}
.feature {
	width:100%;
	text-indent:-5px
}
.play {
	width:47%
}
#carousel {
	display:none
}	
.single-product {
	width:98%;
}
.member {
	width:96%;
}

ul, ol {
	margin:0 0 1.5em 0
}
.mobile {
	display:block!important;
}
.desktop {
	display:none!important;
}
blockquote {
	width: 90%;
	margin: 15px 5%;
}
.flexible-wrap .half, .flexible-wrap .third {
	width:100%
}
.flexible-wrap .center {
	display:block;
}
.alignleft, .alignright {
	display:block;
	margin:15px auto;
	float:none
}
.quote .fa {
	font-size:1.2em;
}
.quote {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.map iframe {
	width:100%!important;
	height:350px;
}
.tabs {
	background:none
}
.tabs ul {
	display:none;
}
.tabs .panel, #tabs {
	display:block!important;
	padding:0;
	border:0
}
.tabs .panel {
	margin-bottom:40px
}
#return-to-top {
    bottom: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font-size:20px;
    padding-top:3px;
}
#banner .inner {
	min-height:250px
}	
.previous {
	width:100%;
	float:left;
	text-align:center
}
.next {
	width:100%;
	float:left;
	text-align:center
}
.related {
	width:100%;
	float:left;
	text-align:center
}
#comments {
	padding:0
}
.gallery-item {
	max-width:50%!important
}
#distributor .third, #distributor .two-third {
	width:100%;
	text-align:center
}
#home .slides li {
	padding:20px 60px 40px 60px
}
#home h2 {
	font-size:20px
}
#home .slides li h3 {
	font-size:17px
}
#other .single-product {
	width:98%
}

#contact .half {
	padding:20px 0
}
#location .half {
	width:100%
}

}

@media screen and (max-width: 600px) {	
.distributor {
	width:100%;
	padding-right:0px;
	margin-bottom:30px
}
#location {
	padding:40px 0
}
body.single #main {
	padding: 0 15px
}
.download-prod {
	width:50%
}
.play {
	width:97%
}
#banner h1 {
	font-size:30px
}
#footer {
	padding:5px;
}
#footer .quarter, #footer .half {
	width:100%
}	
.excerpt-home div {
	width:100%
}	
#branding img {
    max-width: 80px;
}
.menu-toggle {
	margin-top:16px
}
#header {
	padding:10px
}
body {
	font-size:15px;
}
.profile {
    position: relative;
    top: 0;
    right: 0;
    background: #fff;
    padding: 8px;
    width: 170px;
    margin-bottom:10px
}
.member .title {
	min-height:10px;
	padding-right:0
}
.accordion-content {
	padding:20px 10px
}
}

/*--------------------------------------------------------------
# FANCYBOX
--------------------------------------------------------------*/
.fancybox-slide--video .fancybox-content {
	width  : 100%;
	height : 90%;
	max-width  : 100%;
	max-height : 90%;
}
/*--------------------------------------------------------------
# FLEXSLIDER
--------------------------------------------------------------*/
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
.flexslider .slides > li { 
	-webkit-transition: opacity 1s ease; 
-moz-transition: opacity 1s ease;
 transition: opacity 1s ease; 
 }
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  position: relative;
  zoom: 1;
  float:left;
  width:100%
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  height: 0;
}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 1;
    margin: 0;
    position: absolute;
    top: calc(50% - 30px);
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    color: #3A5A88;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
    font-family: "fontAwesome";
    font-size: 60px;
    display: inline-block;
    content: '\f104';
    color: #3A5A88;
}
.flex-direction-nav a.flex-next:before {
    content: '\f105';
}
.flex-direction-nav .flex-prev {
  left: 10px;
}
.flex-direction-nav .flex-next {
  right: 10px;
  text-align: right;
  padding-left:30px;
}
#gallery .flex-direction-nav .flex-prev {
  left: -30px;
}
#gallery .flex-direction-nav .flex-next {
  right: -10px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 1;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 1;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "fontAwesome";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 0px;
  text-align: center;
  z-index:100;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ===========================================
 * RESPONSIVE
 * ==========================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}


#location, #home-latest, #footer, #copyright, #header img, #header-navigation, #nobanner, .menu-toggle {
	display:none!important
}
#branding {
	width:100%;
}
#branding h1 {
	font-size:24px!important
}
#header {
	text-align:center!important;
	font-size:24px;
	min-height:1px
}