/*
Theme Name: Keysoft
Author: Jaime Aramburo
Author URI: http://www.keysoft.com.au
Version: 1.0
*/

html, body{
	height:100%;
	font-size:13px;
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-family: 'Roboto', sans-serif;
}

.main-wrapper{
	height:100%;
	min-height:100%;
	height:auto !important;
	margin-bottom:-172px;
    background-color: #fcfcfc;
}

.site-content{
	/*font-family:Arial, Helvetica, sans-serif;*/
}

.page-content{
	/*padding:10px 0;*/
}

a{color:#427fed;}
a.button{display:inline-block;}
.strong{font-weight:bold;}
.clearfix{clear:both;}
.thin{font-weight:300;}
.open-sans{font-family: 'Open Sans', sans-serif;}
.roboto{font-family: 'Roboto', sans-serif;}
.left{float:left !important;}
.right{float:right !important;}
.full-width{box-sizing:border-box; width:100%; height:auto;}
.blue-border{border:1px solid #427FED;}

.page-content p{
	line-height:1.4em;
}

.page-content ul{
	padding:0;
	margin-left:2em;
	line-height:1.8em;
}

.page-content ul li{
	margin:.5em 0;
	line-height:1.3em;
}

.spaced li{
	margin:1em 0 !important;
}

.page-content ul,
.page-content p{
	color:#444;
}

/*header/footer*/
.site-header{
	background-color:#f9f9f9;
	border-bottom:1px solid #f1f1f1;
	border-bottom:none;
}

.header-logos{
	border-bottom:1px solid #f1f1f1;
	padding:5px 0;
}

.site-logo{
	float:left;
}

.site-logo a{
	display:block;
	margin:5px 0;
}

.site-footer, .footer-spacer{
	overflow:hidden;
	height:172px;
	font-size:11px;
	color:#e0e0e0 !important;
	background-color:#444;
	text-shadow:1px 1px rgba(0,0,0,1);
}

.footer-spacer{
	background-color:transparent;	
}

.site-footer .filemaker-certifications{
	overflow:hidden;
	background-color:#fff;
	border-top:1px solid #f0f0f0;
}

.site-footer .filemaker-certifications .fm-cert-item{
	float:left;
	width:16.5%;
	height:45px;
	text-align:center;
	box-sizing:border-box;
}

.site-footer .filemaker-certifications .fm-cert-item img{
	margin:10px;
	max-width:130px;
	display:inline-block;
}

/*menu*/
#fixed-navigation{
	background-color:#fff;
    box-shadow: 0 8px 6px -8px rgba(0,0,0,.3);
    position: relative;
}

#fixed-navigation.top-fixed{
	top:-100px;
	width:100%;
	position:fixed;
	z-index:999999;
	transition:top .8s ease;
	
	background: #167fc0; /* Old browsers */
	background: -moz-linear-gradient(top, #167fc0 0%, #1068a3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#167fc0), color-stop(100%,#1068a3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #167fc0 0%,#1068a3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #167fc0 0%,#1068a3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #167fc0 0%,#1068a3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #167fc0 0%,#1068a3 100%); /* W3C */	
}

#fixed-navigation.top-fixed .nav-menu ul li a{color:#fff;}
#fixed-navigation.top-fixed .nav-menu ul li:hover > a{color:#000;}
#fixed-navigation.top-fixed .nav-menu ul ul li:hover > a{color:#fff;}
#fixed-navigation.top-fixed .nav-menu ul li.current-menu-item > a{font-weight:normal;}

.nav-menu{
	float:left;
	/*margin-left:-10px;*/
}

/*1ST LEVEL MENU STYLES*/

/*main ul*/
.nav-menu ul{
	margin:0;
	padding:0;
	display:block;
	list-style:none;
	position: relative;
}

/*show child ul on hover*/
.nav-menu ul li:hover ul {
	display:block;
}

/*clearfix for the ul*/
.nav-menu ul:after {
	content:"";
	clear:both;
	display:block;
}

/*lsit items floated to the left*/
.nav-menu ul li {
	float:left;
	position:relative;
	display:inline-block;
	border-bottom:2px solid transparent;
}

/*top level menu a*/
.nav-menu ul li a {
	color:#000;
	display:block;
	font-size:13px;
	position:relative;
	font-weight:normal;
	text-transform:none;
	text-decoration:none;
	padding:10px;
}

/*current-item highlight*/
.nav-menu ul li.current-menu-item,
.nav-menu ul li.current-page-ancestor{
	border-bottom-color:#4683ea;
}

.nav-menu ul li.current-menu-item > a{
	font-weight:bold;
}
/**/

/*MENU SECOND LEVEL STYLES*/

/*second level ul - not visible by default*/
.nav-menu ul ul {
	left:0;
	top:100%;
	float:none;
	display:none;
	position:absolute;
	background-color:#222;
	box-sizing:border-box;
	padding:15px 10px 15px 10px;
	width:700px;
}

.nav-menu .menu > li > .sub-menu {
	border-top:2px solid #4683ea;
	box-shadow:0 1px 3px rgba(0,0,0,.5);
	border-radius:0 0 2px 2px;
	z-index:999;
}

/*level 2 list items*/
.nav-menu ul ul li{
	width:165px;
	margin-right:30px;
	position:relative;
	width:auto;
}

/*level 3 ul*/
.nav-menu ul ul ul{
	position:static;
	float:none;
	width:100%;
	padding:0;
}

/*level 3 list items*/
.nav-menu ul ul ul li{
	position:relative;
	float:left;
	width:100%;
	float:none;
	display:block;
}

/*2nd and 3rd level links*/
.nav-menu ul ul li a{
	color:#fff;
	padding:3px;
	font-size:13px;
}

.nav-menu ul ul li.current-menu-item > a{
	font-weight:normal;
}

/*3rd level links small font size*/
.nav-menu ul ul ul li a{
	font-size:11px;
	color:#ccc;
}

/*2nd and 3rd level menu underline on hover*/
.nav-menu ul ul li a:hover{
	text-decoration:underline;	
}

/*2nd and 3rd list items no border bottom*/
.nav-menu ul ul li {
	border-bottom:none;	
}

.nav-menu ul li:hover {
	background-color:#f3f3f3;
}

.nav-menu ul ul li:hover {
	background-color:transparent;
}

.submenu-button{
	display:none;	
}

.nav-menu .menu > li.menu-item-has-children > a{padding-right:0;}
.nav-menu .menu > li.menu-item-has-children{padding-right:30px;}
.nav-menu .menu > li.menu-item-has-children::after{
  content: "";
  top: 16px;
  right: 16px;
  width: 4px;
  height: 4px;
  position: absolute;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Footer Nav Menu */
.footer-nav{
	float:right;
}

.footer-nav ul {
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
}

.footer-nav ul li {
	float:left;
	margin-left: 20px;
	display:inline-block;
}

.footer-nav ul li a{
	color:#e0e0e0;
	text-decoration:none;
	text-transform:lowercase;
	text-shadow:1px 1px rgba(0,0,0,1);
}

.footer-nav ul li a:hover{
	text-decoration:underline;
}

.search-footer{
	right:5px;
	bottom:5px;
	position:absolute;
}

.footer-widgets{
	position:relative;	
}

.copyright-info{
	padding:5px 0;	
}

/**/
.button{
	color:#333;
	cursor:pointer;
	font-size:13px;
	padding:7px 15px;
	padding:7px 30px;
	border-radius:1px;
	text-decoration:none;
	border:solid 1px #ccc;
	background-color:#e8e8e8;
	box-shadow:0px 1px 1px rgba(0,0,0,0.1);
}

.button:hover{
	background-color:#e3e3e3;
	box-shadow: 0px 1px 1px rgba(255,255,255,.2), inset 0px 1px 3px rgba(0,0,0,.05);
}

.button:active{
	background-color:#e8e8e8;
}

.button.big{
	font-size:17px;
}

.button.blue{
	color:#fff !important;
	background-color:#4683ea !important;
	border:solid 1px #3079ed !important;
}

.button.blue:hover{
	border-color:#1075DA !important;
	background-color:#4D90FE !important;
}

.content-980{
	margin:0 auto;
	max-width:1000px;
	padding:0 10px 0 10px;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
}

.page-content{background-color:#fcfcfc;}

.page-content .content-980{
	/*box-shadow:0 0 15px rgba(0,0,0,.1);*/
	/*background-color:#fff;*/
}

#s{
	border-radius:2px;
	border:1px solid #ddd;
	padding:7px;
}

.page-title{
	background-color:#333;
	padding:10px 0 10px 0;
	border-top:0px solid #555;
	border-bottom:5px solid #333;
	background-image:url('images/dark-tile-pattern.jpg');
	background-repeat:repeat;
}

.page-title h1{
	margin:0;
	color:#fff;
	font-size:45px;
	font-weight:200;
	display:inline-block;
	padding:0 10px;
	/*font-family: 'Open Sans', sans-serif;*/
}

.page-summary{
	color:#555;
	font-size:15px;
	font-weight:normal;
	padding-bottom:5px;
}

/*layout columns*/
.col-4{
	width:25%;
	float:left;
	box-sizing:border-box;
}

.col-3{
	width:33%;
	float:left;
	box-sizing:border-box;	
}

.col-2{
	width:50%;
	float:left;
	box-sizing:border-box;	
}

.col-2 p{margin-right:20px;}

.keysoft-tag{
	color:#fff;
	border:none;
	font-size:13px;
	padding:2px 7px;
	font-weight:normal;
	border-radius:2px;
	margin-right:3px;
	display:inline-block;
	text-decoration:none;
	background-color:#4c69ba;
}

/*homepage slider*/
.slider-inner{
	overflow:hidden;
	position:relative;
}

.slider-item-text{
	width:470px;
	font-size:17px;
	border-radius:2px;
	box-sizing:border-box;
	color:#fff !important;
	padding:0 10px 3px 10px;
	background-color:rgba(0,0,0,.5);
	font-family: 'Open Sans', sans-serif;
	font-family: 'Roboto', sans-serif;
}

.slider-link{
	font-weight:300;
	margin-bottom:10px;
}

.slider-item-text h1, .slider-item-text p{
	font-weight:300 !important;
}

.slider-image{
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	height:450px !important;
}

.keysoft-slider{
	overflow:hidden;
}

.features-box{
	background-color:#f5f5f5;
	border-bottom:1px solid #f0f0f0;
}

.feature-title{
	margin:0;
	padding:10px 0;
	font-weight:400;
	font-size:1.4em;
}

.feature-title i{
	margin:0 8px 0 8px;
}

.feature-item-inner{
	margin:20px 15px 20px 25px;
	padding-left:0px;
	position:relative;
}

.feature-image{
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
}

.feature-image img{
	width:44px;
	height:auto;
	max-width:44px;
	display:block;
}

.feature-text p{
	margin:0;
	color:#555;
	line-height:1.5em;
	letter-spacing:.4px;
}

.feature-text{
	padding:10px 0;
	box-sizing:border-box;
}

.feature-separator{
	height:0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #fff;	
}

.feature-link a{
	color:#09F;
	font-size:14px;
	margin-top:13px;
	padding:7px 12px;
	border-radius:1px;
	display:inline-block;
	text-decoration:none;
	border:1px solid #09f;
	background-color:#fdfdfd;
	transition:background-color .2s ease, color .8s ease;
}

.feature-link a:hover{
	color:#fff;
	background-color:#4683ea;	
}

/*products page*/
.product-item-inner{
	position:relative;
	margin:0 40px 0px 40px;
}

.product-item{
	position:relative; overflow:hidden;
}

.products-content{
	background-color:#fff;
	padding-bottom:15px;
}

/*responsive menu toggle*/
#toggle-menu{
	float:left;
	width:40px;
	height:40px;
	border:none;
	display:none;
	cursor:pointer;
	margin-top:5px;
	border-radius:1px;
	/*border:2px solid #000;*/
	box-sizing:border-box;
	background-size:28px 28px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('images/menu-1.png');
	background-color:transparent;
}

.mobile-menu-on{background-image:url('images/close-1.png') !important;}

/*contact page*/
.contact-details{
	width:30%;
	float:left;
	margin-top:30px;
}

.contact-form-wrapper{
	width:70%;
	float:left;
	margin-top:20px;
	position:relative;
	box-sizing:border-box;
}

.contact-form-inner{
	margin-left:30px;
}

.contact-form-inner .form-row{
	padding:10px 5px;
}

.contact-form-inner .form-row label{
	font-weight:bold;
	display:block;
	padding:2px 0;
}

.contact-form-inner input[type=text],
.contact-form-inner textarea{
	width:100%;
	padding:10px;
	border-radius:1px;
	border:1px solid #ddd;
	box-sizing:border-box;
	background-color:#fbfbfb;
	box-shadow:inset 0 1px 3px rgba(0,0,0,.08);
}

.location-map{
	background-color:#f9f9f9;
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #e5e5e5;	
}

ul.slick-dots{
	margin:0;
	padding:0;
	display:block;
	list-style:none;	
	text-align:center;
	position:absolute;
	bottom:0;
	z-index:999;
	width:100%;
}

ul.slick-dots li{
	display:inline-block;
	margin:6px 10px 5px 10px;
	line-height:8px;
}

ul.slick-dots li button{
	padding:0;
	width:8px;
	height:8px;
	border:none;
	outline:none;
	cursor:pointer;
	color:transparent;
	border-radius:50%;
	background-color:#999;
}

ul.slick-dots li:hover button{
	background-color:#666;	
}

ul.slick-dots li.slick-active:hover button{
	background-color:#fff;
}

ul.slick-dots li.slick-active button{
	box-sizing:content-box;
	border:1px solid #08c;
	background-color:#fff;
}

/*quotations*/
blockquote {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	width: 450px;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	background:#ececec;
	border-radius:2px;
	border:1px solid #e5e5e5;
	box-shadow:0 1px 2px rgba(0,0,0,.2);
	box-sizing:border-box;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -10px;
	top: -10px;
	color: #7a7a7a;
}

blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
blockquote cite:before {
	content: "\2014 \2009";
}

.side-menu{
	float:left;
	width:230px;
	border-radius:2px;
	display:none;
}

.side-menu ul{
	margin:0;
	padding:0;
	display:block;
	list-style:none;
	overflow:hidden;
}

.side-menu ul.side-menu-list{
	border-radius:2px;
	box-shadow:0 1px 1px rgba(0,0,0,.3);
}

.side-menu ul ul li a{
	background-color:#fff;
	border-top:1px solid #f0f0f0;
	border-bottom:none;
	color:#333;
	padding:5px 0 5px 20px;
}

.side-menu ul ul li:first-child a{
	border-top:none;
}

.side-menu ul li{
	margin:0;	
}

.side-menu ul li a{
	display:block;
	padding:10px 15px;
	border-top:1px solid #444;
	border-bottom:1px solid #222;
	background-color:#333;
	text-decoration:none;
	color:#fff;
}

.side-menu .current_page_item > a{
	text-decoration:underline;
	font-weight:bold;
}

.side-menu a.side-menu-parent-page-link{
	color:#fff;
	font-size:18px;
	border-top:none;
	font-weight:300;
	border-radius:2px 2px 0 0;
	background-color:#4A8CF7;
	border-bottom:1px solid #3479EB;
	background: -webkit-linear-gradient(#4D90FE, #4787F7); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#4D90FE, #4787F7); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#4D90FE, #4787F7); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#4D90FE, #4787F7); /* Standard syntax */
}

.side-menu ul li a:hover{
	text-decoration:underline;
}

.home-content-1{padding-right:40px;}
.home-content-2{padding-left:40px;}

.page-content-inner{
	/*margin-left:240px;*/
	position:relative;
}

.filemaker-features-table{
	width:600px;
	overflow:hidden;
	background-color:#fff;
	border-collapse:separate;
	border-spacing:0;
	border:1px solid #ccc;
	border-radius:5px;
}

.filemaker-features-table .fa-times{
	color:#FF4940;
	margin-right:10px;
}

.filemaker-features-table .fa-check{
	color:#139E1C;
	margin-right:10px;
}

.filemaker-features-table tr td{
	padding:20px;
	background-color:#fff;
	border-left:solid 1px #ccc;
	width:50%;
}

.filemaker-features-table tr:first-child td{
	border-bottom:solid 1px #ccc;
}

.filemaker-features-table tr:nth-child(even) td{
	background-color:#f2f2f2 !important;
}

.filemaker-features-table tr td:first-child{
	border-left:none;
}

.filemaker-features-table tr td h3, .filemaker-features-table tr td p{
	margin:0;
}

.welcome-section{background-image:url('images/shape-background.png'); background-size:cover; border-bottom:1px solid #e9e9e9;}
.welcome-section a.button{margin-bottom:5px;}
.welcome-section .services-list{text-align:center;}
.welcome-section .services-list ul{list-style-type:none; margin:0; padding:0;}
.welcome-section .services-list ul li .fa-check{color:#139E1C; margin:0 10px 0 10px;}

.filemaker-go-section .section-text{max-width:400px; padding:15px 10px; margin-top:50px;}
.filemaker-go-section .section-image{padding-left:10px;}
.filemaker-go-section .section-image img{width:100%; height:auto; max-width:410px; margin-top:30px;}
.filemaker-go-section{
	height:430px; overflow:hidden;
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(left,  #ccc 0%, #fcf9f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ccc), color-stop(100%,#fcf9f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ccc 0%,#fcf9f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ccc 0%,#fcf9f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ccc 0%,#fcf9f1 100%); /* IE10+ */
	background: linear-gradient(to right,  #fcf9f1 0%,#F8F0DC 100%); /* W3C */
}

.filemaker-block{
	overflow:hidden;
	position:relative;
	margin:20px 0;
}

.filemaker-block h1{font-size:40px; font-weight:300;}

.filemaker-block .image{
	overflow:hidden;
	box-sizing:border-box;
	float:left; width:50%; text-align:center;
	padding:0 5px;
}

.filemaker-block .image img{
	max-height:300px; width:100%;
	max-width:380px; height:auto;
}

.filemaker-block .content{
	overflow:hidden;
	padding:0 5px;
	box-sizing:border-box;
	width:50%; float:right; max-width:520px;
}

.filemaker-block .content p{
	line-height:1.5em;
}

.filemaker-block:nth-of-type(odd) .image{float:right;}
.filemaker-block:nth-of-type(odd) .content{float:left;}

.industry-item-wrap{position:relative; width:24.7%; display:inline-block; vertical-align:top;}
.industry-item-inner{margin:0 0 20px 20px; overflow:hidden;}
.industry-item-content{padding:5px; background-color:#fff; position:relative;}
.industry-image img{width:100%;	height:auto; display:block;}

.story-content{float:left; width:75%; position:relative; box-sizing:border-box;}
.story-content .project-title{font-size:4em; margin:0 0 10px 0; font-weight:300;}
.story-content-inner{box-shadow:0px 1px 5px rgba(0,0,0,.09); margin-right:10px; background-color:#fff; padding:0 15px;}
.story-content h1{color:#555; font-size:2em; margin:.3em 0;}
.story-sidebar{float:right; width:25%; box-sizing:border-box; padding:10px; background-color:#fff; border:solid 1px #f6f6f6; border-radius:2px; box-shadow:0 1px 5px rgba(0,0,0,.15);}
.story-sidebar a{text-decoration:none;}
.story-sidebar a:hover{text-decoration:underline;}
.story-type{font-size:15px; margin-bottom:1em;}
.justified{text-align:justify;}
.case-study-wrap{margin-bottom:10px;}
.bordered{border:1px solid #555;}
.max-350{max-width:350px; height:auto;}
.system-technologies li{margin:20px 0 !important;}
.system-features .fa{margin-right:10px;}
ul.help-list li{margin:1em 0;}
ul.help-list h2{font-weight:300; margin:0;}
.blue-gradient{
	color:#fff;
	background: #167fc0; /* Old browsers */
	background: -moz-linear-gradient(top, #167fc0 0%, #1068a3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#167fc0), color-stop(100%,#1068a3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #167fc0 0%,#1068a3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #167fc0 0%,#1068a3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #167fc0 0%,#1068a3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #167fc0 0%,#1068a3 100%); /* W3C */	
}
.nav-mobile-on ul.menu li a{color:#000 !important;}

/*repsonsive styles*/
@media screen and (min-width: 1200px) {
	.content-980{max-width:1200px;}
}

/*repsonsive styles*/
@media screen and (max-width: 1000px) {
	.content-980{width:100%; padding:0px 10px;}
}

@media screen and (max-width: 800px){
	.col-4{	width:50%;}
	.home-content-1, .home-content-2{padding:0;}
	
	.products-content{padding-bottom:0;}
	.product-item-inner{margin:0 5px;}
	
	.product-item{
		padding:20px 10px;
		border-top:1px solid #f0f0f0;
	}
	
	.product-item:first-child{border-top:none;}
	
	.site-footer .filemaker-certifications{padding-top:5px;}
	.site-footer .filemaker-certifications .fm-cert-item{width:33%;	margin-bottom:15px;}
	
	.main-wrapper{margin-bottom:0;}
	
	.site-footer{height:auto;}
	
	.footer-spacer{display:none;}
	
	.keysoft-slider, .slider-image{height:310px;}
	
	.welcome-section .services-list, .welcome-section .section-text{width:50% !important;}
	.welcome-section .image{width:100% !important; margin-top:20px;}
}

/*ipad portrait*/
@media screen and (max-width: 768px){
	.col-3, .col-4{width:100%;}
	
	.contact-details{
		width:100%;
		margin-top:10px;
		margin-left:5px;
	}
	
	.contact-form-wrapper{
		float:none;
		clear:both;
		width:100%;
		margin-top:20px;
		position:relative;
		box-sizing:border-box;
	}
	
	.contact-form-inner{
		margin-left:0px;
	}
	
	.site-logo{display:none;}
	
	/*menu*/
	#toggle-menu{display:block;}
	
	.content-nav{
		background-color:#f5f5f5;
	}
	
	.nav-menu{
		width:100%;
		display:none;
		margin:5px 0;
		background-color:#fff;
		border:1px solid #e5e5e5;
		border-radius:3px;
		overflow:hidden;
	}

	.nav-menu ul li {
		float:none;
		display:block;
		text-align:left;
		border-bottom:none;
		position:relative;
		border-left:2px solid transparent;
	}
	
	.nav-menu ul li a {
		color:#000;
		font-weight:300;
		letter-spacing:1px;
		background-color:#fff;	
		border-top:1px solid #f0f0f0;
		font-weight:bold;
	}
	
	.nav-menu ul li:first-child a{
		border-top:none;
	}
	
	.nav-menu ul li.current-menu-item,
	.nav-menu ul li.current-page-ancestor{
		font-weight:bold;
		border-left-color:#222;
	}
	
	.nav-menu ul li:hover {
		border-left-color:#e5e5e5;
	}
	
	.submenu-button{
		top:0;
		right:0;
		width:40px;
		height:100%;
		cursor:pointer;
		position:absolute;
		padding:10px 15px;
		font-weight:normal;
		display:inline-block;
		box-sizing:border-box;
		border-left:1px solid #f0f0f0;
	}
	
	.nav-menu .menu > li.menu-item-has-children::after{
		display:none;
	}
	
	.nav-menu .menu > li.menu-item-has-children > a{padding-right:10px;}
	.nav-menu .menu > li.menu-item-has-children{padding-right:0px;}

	.nav-menu ul li:hover ul {
		display:none;
	}
	
	.nav-menu .menu > li > .sub-menu {
		border-top:none;
		box-shadow:none;
		border-radius:0;
		z-index:999;
	}
	
	.nav-menu ul ul {
		width:100%;
		display:none;
		position:relative;
		background-color:#f5f5f5;
		box-sizing:border-box;
		padding:0;
	}
	
	.nav-menu .submenu-on ul{
		display:block !important;
	}
	
	.nav-menu ul ul li{
		width:100%;
		position:relative;
		margin-right:10px;
		box-sizing:border-box;
		border:none;
	}
	
	.nav-menu ul ul li a{
		color:#333;
		font-size:14px;
		padding:10px;
		padding-left:15px;
		text-decoration:underline;
		background-color:#f5f5f5;
		font-weight:normal;
		border-top:none;
	}
	
	.nav-menu ul ul ul{
		position:static;
		width:100%;
		float:none;
		padding:0;
	}
	
	.nav-menu ul ul ul li{
		position:relative;
		display:block;
		width:100%;
		float:none;
	}
	
	.nav-menu ul ul ul li a{
		color:#555;
		font-size:11px;
		padding-left:20px;
		text-decoration:none;
	}
	
	.nav-mobile-off{display:none;}
	.nav-mobile-on{display:block;}
	
	/*homepage slider*/
	.slider-item-content h1 ,slider-item-content p{margin:.5em 0;}
	.slider-item-content h1{font-size:1.5em;}
	.slider-item-content p{font-size:.85em;}
	
	.page-content-inner{
		margin-left:0 !important;
		min-height:0;
	}
	
	.side-menu{
		display:none !important;
	}
	
	.feature-item{border-bottom:1px solid #333; padding:10px 0;}
	
   	.story-content{float:none; width:100%;}
   	.story-sidebar{float:none; display:none; width:100%;}
}

@media screen and (max-width: 700px){
	.industry-item-wrap{width:49%}
	
	.col-2{width:100%;}
	.col-2 p{margin-right:0;}
	.col-2 .col-text{margin:0 !important;}
	
	blockquote {width:100%;}
	
	.search-footer{
		float:none;
		clear:both;
		right:auto;
		bottom:auto;
		position:relative;
		padding:10px 0 5px 0;
	}
	
	.footer-nav{
		margin:0;
		float:left;
		padding:5px 0 0 0;
	}
	
	.project-item{
		width:50% !important;
	}
	
	.filemaker-go-section{height:auto !important;}
	.filemaker-go-section .section-text{max-width:none; padding:15px 10px; margin-top:0px;}
	.filemaker-go-section .section-image{padding-left:5px;}
	.filemaker-go-section .section-image img{margin-top:0px; margin-bottom:10px;}
	
	.footer-nav ul li:first-child{margin-left:0;}
	.copyright-info{padding:5px 0 10px 0;}
}

@media screen and (max-width: 500px){
	.industry-item-wrap{width:100%}
	
	.welcome-section .services-list, .welcome-section .section-text{width:100% !important; text-align:left;}
	
	.site-footer .filemaker-certifications .fm-cert-item{width:50%;}
	
	.slider-item-text{width:100%;}
	
	.search-footer input[type=text], .search-footer .button{
		box-sizing:border-box;
		margin-bottom:5px;
		width:100%;	
	}
	
	.project-item{
		width:100% !important;
	}
	
	.clients-content .project-item .industry-title h2{
		margin-left:5px !important;
		margin-right:5px !important;
	}
	
	.project-item-inner{
		margin-left:5px !important;
		margin-right:5px !important;
	}
	
	.industries-navigation ul li{
		width:50%;
	}
	
	.filemaker-block .image{
		overflow:hidden;
		float:none; width:100%; max-width:none;
	}
	
	.filemaker-block .image img{
		max-height:none; width:100%;
		max-width:none; height:auto;
	}
	
	.filemaker-block .content{
		overflow:hidden;
		width:100%; float:none; max-width:none;
	}
}