@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600);

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display:block
}
audio, canvas, video {
	display:inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
display:none
}
html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
a:focus {
	outline:thin dotted #333;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px
}
a:hover, a:active {
	outline:0
}
a. {
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}
a {
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}
sub, su
 {
	position:relative;
	font-size:75%;
	line-height:0;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
img {
	max-width:100%;
	width:auto\9;
	height:auto;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic
}
#map_canvas img {
	max-width:none
}
button, input, select, textarea {
	margin:0;
	font-size:100%;
	vertical-align:middle
}
button, input {
*overflow:visible;
	line-height:normal
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor:pointer;
	-webkit-appearance:button;
	    border: none;
}
}
input[type="search"] {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-appearance:textfield
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none
}
textarea {
	overflow:auto;
	vertical-align:top
}
.clearfix {
*zoom:1
}
.clearfix:before, .clearfix:after {
	display:table;
	content:"";
	line-height:0
}
.clearfix:after {
	clear:both
}
.hide-text {
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0
}
.input-block-level {
	display:block;
	width:100%;
	min-height:30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;

}


h1{text-align:center;	margin-top:20px;}
h2{text-align:center;	margin-top:20px;}
p{color:#999;}
	
	
html{ height:100%;}

body {
	margin:0 0 00px 0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	background:#fff;
	color:#7a7a7a;
}
.container{ max-width:1175px;}

.navbar{ margin-bottom:0;}
.navbar-brand{ padding:5px 0;; margin:0;}
.navbar-default{ background-color: #fff;   border-color: #67c82f; font-family: 'Open Sans', sans-serif;  text-transform:uppercase;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;    background-color: #89e554;}
.nav>li>a { padding: 28px 17px;}
.nav>li>a:hover {   color: #fff !important;    background-color: #89e554 !important;}

#carousel-example-generic { border-top:#67c82f 2px solid; border-bottom:#67c82f 2px solid;}
.carousel-caption{ left:10%; right:10%; text-align:left; top:35%; bottom:auto; text-shadow:none;}
.carousel-caption h2 { text-align:left; font-size:30px; color:#000; padding-bottom:15px; text-transform:uppercase;}
.carousel-caption p{ color:#514f4f; font-size:18px; max-width:500px;}
.carousel-caption a { display:inline-block; padding:10px 30px; background:#67c82f; color:#fff; border-radius:15px; font-size:18px;}
.carousel-caption a:hover { background:#333; text-decoration:none;}
.carousel-indicators .active { width:17px; height:17px; background:#67c82f;}
.carousel-indicators li { width:13px; height:13px; background:#8a9196;}
.item  img{ width:100%; }

#gmc-inspire { background:#eeeeee; padding:35px 0; line-height:26px;}
#gmc-inspire h3{ color:#67c82f; font-weight:bold; text-transform:uppercase; text-align:center;}
#gmc-inspire p{ padding:15px 0; font-size:18px; text-align:center;}
#gmc-inspire ul { margin:0; padding:0; font-size:18px;}
#gmc-inspire ul  li{ margin:0; padding:0; list-style:none; background:url(../images/gmc-list-arrow.png) no-repeat 0 5px; padding-left:15px; margin:8px 0;}

.know-more-btn { display:inline-block; padding:10px 30px; background:#67c82f; color:#fff; border-radius:15px; font-size:18px;}
.know-more-btn:hover { background:#333; text-decoration:none;}


#dedupe { padding:35px 0; line-height:26px;}
#dedupe h3{ color:#67c82f; font-weight:bold; text-transform:uppercase; text-align:center;}
#dedupe p{ padding:15px 0; font-size:18px; }


#solutions { background:#67c82f; padding:35px 0; line-height:23px; color:#fff; font-size:16px;}
#solutions h3{ color:#fff; font-weight:bold; text-transform:uppercase; text-align:center;}
#solutions p{ padding:15px 0; font-size:18px; text-align:center; color:#fff;}
#solutions ul { margin:0; padding:0; font-size:18px;}
#solutions ul  li{ margin:0; padding:0; list-style:none; background:url(../images/solutions-list-arrow.png) no-repeat 0 5px; padding-left:15px; margin:8px 0; text-align:left; }
#solutions img{ border:#fff 8px solid;}
#solutions .know-more-btn { display:inline-block; padding:10px 30px; background:#fff; color:#67c82f; border-radius:15px; font-size:18px;}
#solutions .know-more-btn:hover { background:#333; text-decoration:none; color:#fff;}

#services { padding:35px 0; line-height:26px;}
#services h3{ color:#67c82f; font-weight:bold; text-transform:uppercase; text-align:center;}
#services p{ padding:15px 0; font-size:18px; }

#about-us { background:#eeeeee; padding:35px 0; line-height:26px;}
#about-us h3{ color:#67c82f; font-weight:bold; text-transform:uppercase; text-align:center;}
#about-us p{ padding:15px 0; font-size:18px; text-align:center;}

#home-contact { background:#eeeeee; padding:35px 0; line-height:23px; }
#home-contact h3{ color:#67c82f; font-weight:bold; text-transform:uppercase; text-align:center; padding-bottom:15px;}
#home-contact p{ font-size:16px; text-align:center; }

#contact-form {  padding:35px 0; line-height:23px; }
#contact-form h3{ color:#67c82f; font-weight:bold; text-transform:uppercase; text-align:center; padding-bottom:15px;}
#contact-form p{ font-size:18px; text-align:center; }
#contact-form  .form-input{ width:100%; background:#f3f3f3; padding:8px; border:0; outline:0; margin:10px 0; height:40px;}
#contact-form .form-submit { width:100%; background:#67c82f; padding:8px; border:0; outline:0; margin:10px 0; font-weight:bold; text-align:center; color:#fff; height:40px;}
#contact-form .name { background:#f3f3f3 url(../images/contact-name.png) no-repeat right center;}
#contact-form .email { background:#f3f3f3 url(../images/contact-email.png) no-repeat right center;}
#contact-form .phone { background:#f3f3f3 url(../images/contact-phone.png) no-repeat right center;}
#contact-form .message { background:#f3f3f3 url(../images/contact-message.png) no-repeat right center;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
input[type=number] {-moz-appearance: textfield;}


#blog { background:#67c82f; padding:35px 0 25px 0; line-height:23px; color:#fff;}
#blog h3{ color:#fff; font-weight:bold; text-transform:uppercase; text-align:center;}
#blog p{ padding:15px 0; font-size:18px; color:#fff;}
#blog h4 { text-transform:uppercase; font-size:20px; padding:15px  0 0 0; font-weight:bold;}
#blog  .pic {border:#fff 1px solid; position:relative;}
#blog  .pic img { border:#67c82f 2px solid; width:100%}
#blog .date{ position:absolute; width:48px; background:#67c82f; text-align:center; right:10px; top:10px; font-size:20px; font-weight:bold; line-height:35px;}
#blog .date span{ display:block; padding:5px 0; background:#fff; color:#7a7a7a; font-size:18px; font-weight:bold;  line-height:20px;}
#blog .read-more{ display:block; color:#fff; font-weight:bold; font-size:16px;}
#blog .read-more img { float:right; margin-top:5px; }
#blog .sep{ height:1px; background:#a4de82; margin-bottom:5px;}

footer{ background:#696969; padding:30px 0 0 0; color:#fff; font-size:16px;}
.footer-logo{ text-align:center;}
footer .sep { height:1px; background:#868686; margin:20px 0;}
footer ul { margin:0; padding:0 0 20px 0; overflow:hidden;}
footer  li { margin:0 15px 0 0; padding:0; float:left; list-style:none; text-transform:uppercase; border-right:#868686 1px solid; padding-right:15px;}
footer li:last-child{ border-right:none; margin:0;}
footer  li a{ color:#fff; text-align:center; text-decoration:none;}
footer  li a:hover{ color:#fff; text-decoration:underline; }
footer .footer-btm{ background:#535353; color:#fff; padding:15px 0; font-size:14px;}
footer .footer-btm .left { text-align:left;}
footer .footer-btm .right { text-align:right;}


#body { border-top:#67c82f 2px solid; padding:25px 0; font-size:15px;}
#body  h1{ text-align:left; font-weight:bold; color:#67c82f; padding-bottom:7px; border-bottom:#ddd 1px solid; margin-bottom:25px; text-transform:uppercase;}
#body h1 span{ border-bottom:#67c82f 3px solid;}
#body h3 { text-align:left;  color:#67c82f; padding:20px 0 15px 0;}
#body ul { margin:0; padding:0; font-size:15px;}
#body ul  li{ margin:0; padding:0; list-style:none; background:url(../images/gmc-list-arrow.png) no-repeat 0 5px; padding-left:15px; margin:8px 0; text-align:left; }
.dedupe-pic{ margin-right:15px; margin-bottom:15px;}

.client-logo { margin:25px 35px;}
#map { margin:30px 0 20px 0;}
.list-box{ background:#fcfcfc ; border:#eee 1px solid; padding:8px 15px; margin-bottom:15px;}

.link-btn  { overflow:hidden;}
.link-btn a { padding:15px; background:#67c82f; display:block; float:left; color:#fff; border-radius:5px; margin:10px 2% 20px 0px; width:18%; text-align:center; font-weight:bold; font-size:16px; }
.link-btn a:hover { background:#333; text-decoration:none;}

.img-shadow {-webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow:    0px 0px 13px 0px rgba(50, 50, 50, 0.25); box-shadow:         0px 0px 13px 0px rgba(50, 50, 50, 0.25); }

#dynamic-statements,  #inspire-designer, #inspire-automation, #inspire-interactive, #inspire-storefront { padding:15px; margin:15px 0; background:#fcfcfc; border:#eee 1px solid;}


@media(max-width:1200px)
{	.container{ width:100%;}}

@media(max-width:1060px)
{	.nav>li>a { padding: 16px 7px;}
  .navbar-brand img{ width:200px;}
  .carousel-caption { top:10%;}
}

@media(max-width:870px)
{	.nav>li>a { padding: 16px 2px 16px 3px; font-size:13px;}
  .navbar-brand img{ width:160px;}
}

@media(max-width:768px)
{
	footer ul li{ margin:5px ; }
	footer .footer-btm .left { text-align:center;}
	footer .footer-btm .right { text-align:center; padding-top:5px;}
	.navbar-brand img{ width:160px;}
	.nav>li>a { padding: 16px 15px;}
	.carousel-caption { top:-30px;}
	.carousel-caption h2 { text-align:left; font-size:20px; color:#000; padding-bottom:5px; text-transform:uppercase;}
	.carousel-caption p{ color:#514f4f; font-size:13px; max-width:500px;}
	.carousel-caption a { padding:5px 20px; background:#67c82f; color:#fff; border-radius:10px; font-size:14px;}
	.link-btn a { width:95%;  font-size:14px; }

}
@media(max-width:400px)
{
	.carousel-caption h2 { text-align:left; font-size:16px; color:#000; padding-bottom:5px; text-transform:uppercase;}
	.carousel-caption p{ color:#514f4f; font-size:12px; max-width:500px;}
	.carousel-caption a { padding:3px 15px;font-size:13px;}	
}