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

/* Global Area */

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
body {
	background:url(../img/bg.jpg) repeat;
	font-size:100%;
}
address {
	font-size:14px;
	line-height:24px;
}
textarea {
	min-width:240px;
}
.right {
	float:right;
}
ul.nolist {
	margin:20px;
}
ul.nolist li {
	list-style:square;
	padding:5px 0;
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:14px;
}
img {
    max-width: 100%;
}
/*.wrapper, footer {
	width:100%;
}*/
.headwrap {
	border-top:4px solid #657b99;
}
.tophead {
	border-bottom:1px dashed #CCC;
	padding-bottom:10px;
}
nav {
	float:right;
}
nav ul li {
	font-family:'open_sans_semiboldregular', Arial, Helvetica, sans-serif;
}
nav ul li a:link, nav ul li a:visited {
	color:#485e88;
}
nav ul li a:hover, nav ul li a.active {
	background:#485e88 !important;
	color:#FFF;
}
h1 {
	font-family:'tekiaregular', Arial, Helvetica, sans-serif;
	color:#364a71;
	padding:10px 0;
}
h2 {
	font-family:'tekiaregular', Arial, Helvetica, sans-serif;
	color:#485e88;
	/*text-transform:capitalize;*/
	padding:10px 0;
}
h3 {
	font-family:'open_sans_semiboldregular', Arial, Helvetica, sans-serif;
	color:#333;
	padding:10px 0;
}
h4 {
	font-family:'open_sans_semiboldregular', Arial, Helvetica, sans-serif;
	color:#333;
	padding:10px 0;
	font-size:16px;
}
.bluewrap {
	background:#657b99;
	padding:15px 0 0 0;
	color:#FFF;
}
.bluewrap h2 {
	font-family:'tekiaregular', Arial, Helvetica, sans-serif;
	color:#FFF;
}
.portfolio h2 {
	font-family:'tekiaregular', Arial, Helvetica, sans-serif;
	color:#657b99;
}
.mission {
	border-top:1px dashed #CCC;
	margin-top:35px;
}
.mission h4 {
	font-family:'tekiaregular', Arial, Helvetica, sans-serif;
	font-size:14px;
}
.address ul li {
	list-style:none;
	margin:0;
	padding:0;
}
.address ul li h5, .address ul li h6, .address ul li h4 {
	font-family:'open_sans_semiboldregular', Arial, Helvetica, sans-serif;
	color:#333;
	margin:3px 0;
}
footer {
	color:#333;
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	border-top:1px dashed #CCC;
}
footer span {
	margin-left:20px;
}
.navbar-toggle {
        position: relative;
        top: auto;
        left: auto;
        display: none;
}
.footdiv .logo {
	float:none !important;
}

.alert {
	margin-top:30px;
}
.ca-menu{
    padding:0;
	margin-top:30px;
}
.ca-menu li{
    /*width: 230px;*/
    height: 200px;
    overflow: hidden;
    position: relative;
    float:left;
    background: #efeff0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
} 
.ca-menu li a{
    text-align: left;
    height: 89%;
    display: block;
    color: #333;
    position: relative;
    text-decoration: none;
}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 60px;
    color: #e1e4ea;
    line-height: 150px;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 0px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-content{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 50%;
    top: 50%;
}
.ca-main{
    font: normal 30px "CodeBoldRegular", Arial, Helvetica, Sans-Serif;
    opacity: 0.8;
    color: #697EA5;
    padding: 45px 0 0 0;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-sub{
    text-align:center;
    font-size: 14px;
    color: #666;
    line-height: 40px;
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-menu li:hover{
    background-color: #FFF;
}
.ca-menu li:hover .ca-icon{
    color: #d2c491;
    font-size: 90px;
    text-decoration: none !important;
    outline: none;
}
.ca-menu li:hover .ca-main{
    color: #2f2f2f;
    -webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -ms-animation: moveFromBottom 300ms ease;
}
@-webkit-keyframes moveFromLeftRotate{
    from {
        -webkit-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -webkit-transform: translateX(0%) rotate(0deg);
    }
}
@-moz-keyframes moveFromLeftRotate{
    from {
        -moz-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -moz-transform: translateX(0%) rotate(0deg);
    }
}
@-ms-keyframes moveFromLeftRotate{
    from {
        -ms-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -ms-transform: translateX(0%) rotate(0deg);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

#hover-cap-4col .thumbnail {
	position:relative;
	overflow:hidden;	
}
.caption {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	width: 93%;
	height: 100%;
	color:#fff !important;
}
#hover-cap-4col .thumbnail h5, #hover-cap-4col .thumbnail p, #hover-cap-4col ul li {
	color:#FFF;
	font-size:11px;
	line-height:16px;
}
address a {
	padding-left:5px;
}


/* Large desktop */
@media (min-width: 1200px) {
.margleft {
	margin-left:50px !important;
}
.margleft li {
	line-height:36px;
	padding:5px;
	border-bottom:1px dashed #CCC;
}
	
	.logo {
	background:url(../img/logo.png) no-repeat;
	display:block;
	width:321px;
	height:76px;
	margin-top:30px;
	text-indent:-9999px;
	float:left;
}
.toppad {
	padding-top:137px;
}
p, ul li {
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:14px;
}
p {
	line-height:24px;
}
.quote {
	padding:10px 0;
}
.quote blockquote, .quote h4 {
	margin-left:50px;
}
blockquote.pull-right { padding: 11px 15px 0px 25px; border: none; margin: 10px 20px 25px 25px; background: url(../img/quotes_begin.png) no-repeat 20px 0px; }
blockquote.pull-right p { padding: 0px 60px 20px 30px; background: url(../img/quotes_end.png) no-repeat right bottom; }
.innerimg {
	padding-left:130px;
	padding-top:45px;
}
.inner_content {
	padding:30px 0;
}
nav {
	padding-top:80px;
	padding-left:135px;
}
nav ul li {
	font-size:16px;
}
.banner {
	padding:20px 0;
}
.banright {
	padding-top:80px;
}
h1 {
	font-size:80px;
	line-height:86px;
}
.banner h1 {
	text-align:right;
}
.banner h2 {
	text-align:right;
	font-size:52px;
	padding:10px 0;
}
.banner h3 {
	text-align:right;
	font-size:22px;
	padding:6px 0;
}
.banner ul {
	float:right;
}
.banner ul li {
	display:inline;
	margin-left:10px;
}
.banner ul li a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:10px 20px;
}
.bluewrap h2, .portfolio h2 {
	font-size:56px;
	line-height:70px;
	padding:20px 0;
}
.bluewrap p {
	font-size:16px;
	line-height:24px;
	padding:0 355px 0 0;
}
.bluewrap .span12 {
	background:url(../img/about-bg.png) bottom right no-repeat;
	padding:40px 0;
}
.footdiv {
	padding:10px 0;
	margin-top:20px;
	margin-bottom:10px;
	border-top:1px dashed #CCC;
}
.footleft {
	margin-top:25px;
	float:right !important;
}
.address ul {
	margin:20px 14px;
}
.address ul li h5, .address ul li h6 {
	font-size:13px;
}
.address ul li h4 {
	font-size:20px;
	color:#4b6588;
}
footer {
	padding:10px 0;
}
.navbot {
	padding:20px 0 0 0;
}
footer {
	font-size:13px;
}

}

/* Landscape phone to portrait tablet */
@media (min-width: 978px) and (max-width: 1199px) {
.margleft {
	margin-left:50px !important;
}
.margleft li {
	line-height:36px;
	padding:5px;
	border-bottom:1px dashed #CCC;
}
.toppad {
	padding-top:80px;
}
.logo {
	background:url(../img/logo-small.png) no-repeat;
	display:block;
	width:212px;
	height:51px;
	margin-top:30px;
	text-indent:-9999px;
	float:left;
}
.quote {
	padding:10px 0;
}
.quote blockquote, .quote h4 {
	margin-left:50px;
}
blockquote.pull-right { padding: 11px 15px 0px 25px; border: none; margin: 10px 20px 25px 25px; background: url(../img/quotes_begin.png) no-repeat 20px 0px; }
blockquote.pull-right p { padding: 0px 60px 20px 30px; background: url(../img/quotes_end.png) no-repeat right bottom; }
p {
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
}
.innerimg {
	padding-left:130px;
	padding-top:26px;
}
.inner_content {
	padding-top:30px
}
nav  {
	padding:45px 0 0 10px;
}
nav ul li {
	font-size:14px;
}
.banner {
	padding:20px 0;
}
.banright {
	padding-top:120px;
}
.banner h1 {
	text-align:right;
	font-size:50px;
	line-height:54px;
	padding:5px 0;
	margin:3px 0;
}
.banner h2 {
	text-align:right;
	font-size:42px;
	padding:3px 0;
	margin:3px 0;
}
.banner h3 {
	text-align:right;
	font-size:18px;
	padding:3px 0;
	margin:3px 0;
}
.banner ul {
	float:right;
}
.banner ul li {
	display:inline;
	margin-left:10px;
}
.banner ul li a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:10px 20px;
}
.bluewrap h2, .portfolio h2 {
	font-size:38px;
	line-height:46px;
	padding:20px 0;
}
.bluewrap p {
	font-size:14px;
	line-height:18px;
	padding:0 210px 5px 0;
}
.bluewrap .span12 {
	background:url(../img/about-bg-tab.png) bottom right no-repeat;
	padding-bottom:100px;
}
.footdiv {
	padding:20px 0;
	margin:20px 0;
	border-top:1px dashed #CCC;
}

.footleft {
	margin-top:25px;
	float:right !important;
}
.address ul {
	margin:20px 14px;
}
.address ul li h5, .address ul li h6 {
	font-size:12px;
}
.address ul li h4 {
	font-size:20px;
	color:#4b6588;
}
.navbot {
	padding:15px 0 0 0;
	font-size:13px;
}
footer {
	font-size:13px;
	width:940px;
	margin:0 auto;
	padding:10px 0;
}

}

/* Landscape phones and down */
@media (min-width: 768px) and (max-width: 978px) {
	footer {
	width:724px;
	margin:0 auto;
}
.margleft {
	margin-left:50px !important;
}
.margleft li {
	line-height:36px;
	padding:5px;
	border-bottom:1px dashed #CCC;
}
.tophead {
	width:100%;
	position:relative;
}
.toppad {
	padding-top:80px;
}
.logo {
	background:url(../img/logo-small.png) no-repeat;
	display:block;
	width:212px;
	height:51px;
	margin-top:30px;
	text-indent:-9999px;
}
.quote {
	padding:10px 0;
}
.quote blockquote, .quote h4 {
	margin-left:50px;
}
blockquote.pull-right { padding: 10px; border: none; margin: 10px 0; background: url(../img/quotes_begin.png) no-repeat 0px 0px; }
blockquote.pull-right p { padding: 0px 48px 0 37px; background: url(../img/quotes_end.png) no-repeat right bottom; }
p {
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
}
.innerimg {
	padding-left:130px;
	padding-top:100px;
}
.inner_content {
	padding-top:30px
}
nav {
	padding:20px 0 10px 0;
}
nav ul li {
	font-size:12px;
}
nav ul li a:link, nav ul li a:visited {
	padding:6px;
	margin:2px;
}
nav {
	float:none;
}
nav ul li.active a:link {
	background:#18bdca;
	color:#FFF;
}
nav ul li a:link, nav ul li a:visited {
	color:#333;
	font-weight:normal !important;
}
nav ul li a:hover {
	color:#333;
}
.navbar-toggle {
	position: absolute;
    top: 50px;
    right: 0px;
    padding: 8px 12px;
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 4px;
	display:block !important;
}
.navbar-toggle:hover,.navbar-toggle:focus {
    background-color: #ddd;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    background-color: #ccc;
    border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
nav ul li a:link, nav ul li a:visited {
	color:#FFF !important;
	background:#5e7299 !important;
}
nav ul li a:hover, nav ul li a.active {
	background:#32476f !important;
	color:#FFF !important;
}
.banner {
	padding:40px 0;
}
.banright {
	padding-top:55px;
}
.banner h1 {
	text-align:right;
	font-size:50px;
	line-height:50px;
	padding:2px 0;
	margin:1px 0;
}
.banner h2 {
	text-align:right;
	font-size:32px;
	padding:2px 0;
	margin:1px 0;
}
.banner h3 {
	text-align:right;
	font-size:13px;
	padding:2px 0;
	margin:1px 0;
}
.banner ul {
	float:right;
}
.banner ul li {
	display:inline;
	margin-left:10px;
}
.banner ul li a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:10px 20px;
}
.bluewrap h2, .portfolio h2 {
	font-size:30px;
	line-height:46px;
	padding:20px 0;
}
.bluewrap p {
	font-size:14px;
	line-height:18px;
	padding:0 0 5px 0;
}
.bluewrap .span12 {
	background:url(../img/about-bg-tab.png) bottom center no-repeat;
	padding-bottom:120px;
}
.footdiv {
	padding:10px 0;
	margin:30px 0 0 0;
	border-top:1px dashed #CCC;
}

.footleft {
	margin-top:25px;
	float:right !important;
}
.address ul {
	margin:20px 0;
}
.address ul li h5, .address ul li h6 {
	font-size:12px;
}
.address ul li h4 {
	font-size:20px;
	color:#4b6588;
}
.footleft .span2 {
	margin-left:15px !important;
}
.navbot {
	padding:10px 0 0 0;
}
.navbot ul li, footer {
	font-size:12px;
}

}
/* Landscape phones and down */
@media (max-width: 767px) {

body {
	padding:0 !important;
	margin:0 auto;
}
.margleft {
	margin-left:10px !important;
}
.margleft li {
	line-height:36px;
	padding:5px;
	border-bottom:1px dashed #CCC;
}
.container {
	width:98% !important;
}

.logo {
	background:url(../img/logo-small.png) no-repeat;
	display:block;
	width:212px;
	height:51px;
	margin:20px 0 10px 10px;
	text-indent:-9999px;
	float:left;
}
.quote {
	padding:10px 0;
}
.quote blockquote, .quote h4 {
	margin-left:50px;
}
blockquote.pull-right { padding: 10px; border: none; margin: 10px 0; background: url(../img/quotes_begin.png) no-repeat 0px 0px; }
blockquote.pull-right p { padding: 0px 55px 0 37px; background: url(../img/quotes_end.png) no-repeat right bottom; }
p {
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
}
.innerimg {
	display:none;
	visibility:hidden;
}
nav {
	padding:20px 0 0 0;
	width:98%;
	margin:0 auto;
}
nav ul.nav {
	margin-top:20px !important;
}
nav ul li {
	font-size:12px;
}
nav ul li a:link, nav ul li a:visited {
	padding:6px;
	margin:2px;
}
nav {
	float:none;
}
nav ul li.active a:link {
	background:#18bdca;
	color:#FFF;
}
nav ul li a:link, nav ul li a:visited {
	color:#333;
	font-weight:normal !important;
}
nav ul li a:hover {
	color:#333;
}
.navbar-toggle {
	position: absolute;
    top: 40px;
    right: 5px;
    padding: 8px 12px;
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 4px;
	display:block !important;
}
.navbar-toggle:hover,.navbar-toggle:focus {
    background-color: #ddd;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    background-color: #ccc;
    border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
nav ul li a:link, nav ul li a:visited {
	color:#FFF !important;
	background:#5e7299 !important;
}
nav ul li a:hover, nav ul li a.active {
	background:#32476f !important;
	color:#FFF !important;
}
.banner {
	padding:40px 0;
}
#banpic {
	visibility:hidden;
	display:none;
}
.banright {
	padding-top:40px;
}
.banner h1 {
	text-align:center;
	font-size:40px;
	line-height:50px;
	padding:2px 0;
	margin:0;
}
.banner h2 {
	text-align:center;
	font-size:24px;
	padding:4px 0;
	margin:0;
}
.banner h3 {
	text-align:center;
	font-size:16px;
	padding:2px 0;
	margin:0;
}
.banner ul {
	margin:10px auto;
	width:290px;
}
.banner ul li {
	display:inline;
	margin-left:10px;
}
.banner ul li a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:10px 20px;
}
.bluewrap h2, .portfolio h2 {
	font-size:24px;
	line-height:32px;
	padding:15px;
}
.bluewrap p {
	font-size:14px;
	line-height:18px;
	padding:0 15px 0 15px;
}
.bluewrap .span12 {
	background:url(../img/about-bg-tab.png) bottom center no-repeat;
	padding-bottom:200px;
}
.thumbnails li {
	margin:10px auto;
	width:90%;
}
.footdiv {
	padding:10px 0;
	margin:30px 0 0 0;
	border-top:1px dashed #CCC;
}
.btn-success {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px 4px;
}
.footleft {
	visibility:hidden;
	display:none;
}
.address ul {
	margin:20px 15px;
}
.address ul li h5, .address ul li h6 {
	font-size:12px;
}
.address ul li h4 {
	font-size:20px;
	color:#4b6588;
}
footer {
	padding:10px 0;
	font-size:12px;
	width:94%;
	margin:5px auto;
}
.footleft .span2 {
	margin-left:15px !important;
}
.navbot {
	display:none;
	visibility:hidden;
}
footer span {
	display:none;
	visibility:hidden;
}
.inner_content {
	padding:15px;
}
.ban-img {
display:none;
}

}

/* CUSTOM */
.webapp-dev {border:7px solid #657b99} /* #468847 - green */

#success, #error {
display:none
}
#success span, #erro span {
display:block;
position:absolute;
top:0;
width:100%
}
#success span p, #error span p {
margin-top:6em
}
#success span p {
color:#9bd32d;
}
#error span p {
color:#c0392b;
}