body {
position: relative;
background: #fff;
font-weight: 300;
font-family: "Roboto", sans-serif;
font-size: 16px;
line-height: 1.5em; }
a {
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
color: #24A5E2; }
a:hover {
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
text-decoration: none;
color: #5CD158; }
section {
padding-top: 10px; }
aside {
margin: 20px 0; }
.lead-title {
text-align: center;
padding: 0 0 30px;
margin: 0; }
.footnote {
font-size: 12px;
color: #aaa; }
label {
font-weight: normal;
font-size: 13px; }
img {
max-width: 100%; }
blockquote p {
font-size: 16px;
font-weight: 300;
line-height: inherit;
font-style: italic; }
.alert {
border-radius: 0; }
.screenshot img {
border: 0; }
.blog-title {
font-size: 15px; }
.capital {
text-transform: uppercase; }
#s {
width: 70%; }
hr {
border: 0;
border-top: 1px dotted #ccc;
border-bottom: 1px solid #fff;
margin: 15px 0; }
.header {
padding: 30px 0;
background: #f5f5f5; }
.content-block {
padding: 30px 0; }
.content-wrap {
background: #f5f5f5; }
.logo img {
max-height: 130px; }
.inner-page .logo img {
max-height: 110px;
width: auto; }
.inner-page.header {
height: auto;
padding: 15px 0; }
.inner-page .testimonial {
font-size: 25px; }
.muted {
color: #aaa; }
.latest-blog {
padding: 20px 0;
border-top: 1px solid #ddd; }
.overlap {
margin-top: -100px;
background: #fff; }
.background-image {
background: #fff;
margin-top: 350px; }  .nav > li > a:hover {
background: inherit; }
.navbar {
border-radius: 0;
margin-bottom: 0;
min-height: inherit; }
.mobile-toggle {
margin: 10px; }
.mobile-toggle:hover, .mobile-toggle:active {
background: #24A5E2 !important; }
.nav a:hover {
text-decoration: none;
background: none; }
.nav {
text-align: right;
margin-bottom: 0; }
.nav > li > a {
padding: 20px 10px;
color: #fff; }
.nav .current-menu-parent a, .nav .current_page_item a {
color: #8AD2FF; }
.nav a:hover, .nav a:focus {
color: #8AD2FF; }
.nav > li {
float: none;
display: inline-block;
padding: 0 10px;
position: relative; }
.top-nav {
background: #5CD158;
padding: 0;
text-transform: uppercase;
font-size: 11px; }
.top-nav li a {
padding: 10px;
color: #fff; }
.top-nav li a:hover {
padding: 10px;
color: #ccc; }
.sub-menu {
display: none;
position: absolute;
width: 200px;
top: 100%;
z-index: 200;
margin: 0;
padding: 0; }
.sub-menu li {
position: relative;
list-style: none; }
.sub-menu li a {
display: block;
background-color: #0f0;
width: 200px;
padding: 10px;
border-bottom: 1px solid #ccc;
height: auto;
color: #fff !important;
text-align: left; }
.sub-menu li a:hover {
color: #000;
background: #0a0; }
li.menu-item:hover .sub-menu {
display: block; }
.main-nav-wrap {
background: #24A5E2; }
.main-nav.nav {
text-align: left; }
.mobile-nav {
padding: 0;
margin: 10px 0 0; }
.mobile-nav li {
list-style: none;
padding: 0;
margin: 0; }
.mobile-nav li a {
display: block;
padding: 10px 20px;
border-bottom: 1px dotted #ddd;
color: #fff; }
.mobile-nav li.active a {
color: #000;
font-weight: bold; }
#site-wrapper {
position: relative;
overflow: hidden;
width: 100%; }
#site-canvas {
width: 100%;
height: 100%;
position: relative;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: .3s ease all;
transition: .3s ease all;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
#site-menu {
width: 300px;
height: 100%;
position: absolute;
top: 0;
right: -300px;
background: #24A5E2; }
#site-wrapper.show-nav #site-canvas {
-webkit-transform: translateX(-300px);
transform: translateX(-300px); } h1, h2, h3, h4 {
font-family: "Roboto", sans-serif;
font-weight: 300; }
h1 {
margin: 30px 0; }
.quick-contact {
font-size: 1.5em;
line-height: 1.5em;
text-align: right; }
.quick-contact .prompt {
font-size: 1.5em;
line-height: 1.5em;
font-weight: 500;
color: #aaa; }
.panorama {
max-height: 400px;
overflow: hidden; }
.panorama img {
width: 100%; }
.featured-image {
margin-bottom: 30px; }
.sidebar-widget h3 {
background: transparent;
color: #24A5E2;
padding: 10px 0 5px 0;
margin: 20px 0 0;
border-bottom: 3px solid #24A5E2;
font-weight: 400; }
.widget-content {
background: #efefef;
padding: 15px;
font-size: .8em; }
.widget-content li {
list-style: none;
list-style-type: circle; } ul.gallery {
padding: 0;
margin: 20px 0; }
li.gallery-item {
list-style: none;
float: left; }
.gallery-icon {
margin: 3px; }
.gallery-icon img {
padding: 5px;
background: #ccc;
max-width: 108px;
height: auto; }
.gallery-icon img:hover {
background-color: #999;
-webkit-transition: background-color 200ms linear;
-moz-transition: background-color 200ms linear;
-o-transition: background-color 200ms linear;
-ms-transition: background-color 200ms linear;
transition: background-color 200ms linear; }
.latest-posts {
padding: 0 10px;
margin: 0; }
.latest-posts li {
padding: 10px 0;
display: block;
font-size: 1.2em;
border-bottom: 1px solid #ddd; }
.latest-posts li:last-child {
border-bottom: 0; }
.latest-tn {
width: 60px;
height: auto;
vertical-align: top;
margin: 0 10px 0px 0;
border: 2px solid #fff;
float: left; }
.lead-story {
position: relative;
margin-bottom: 20px;
padding: 0;
height: 450px;
overflow: hidden; }
.lead-story img {
width: 100%; }
.lead-story .title {
position: absolute;
bottom: 0;
left: 0;
padding: 20px;
background-color: rgba(0, 0, 0, 0.6);
width: 100%; }
.lead-story h2 {
padding: 0;
margin: 0;
font-size: 36px;
line-height: 1.2em; }
.lead-story h2 a {
color: #fff;
text-transform: uppercase;
font-weight: 400; } .single-testimonial {
background: #f0f0f0;
padding: 20px;
margin: 0 0 20px;
border-radius: 20px; }
.testimonial-text {
font-style: italic; }
.testifier {
text-align: right;
font-weight: bold; }
.sidebar-testimonial {
font-size: .9em;
background: #fff;
font-style: italic;
padding: 20px;
margin-bottom: 10px;
border-radius: 10px;
border-bottom: 3px solid #e0e0e0; } .cff {
display: block;
width: 95%;
border: 1px solid #ccc; }
.cff:focus, .form-control:focus {
border: 1px solid #aaa;
outline: none;
background: #f5f5f5;
box-shadow: none; }
.contact-form-wrap {
width: 100%;
margin: 25px auto; }
input, textarea {
border-radius: 0 !important;
padding: 10px !important; }
.search-box {
margin: 20px 0;
width: 80%; } footer {
background: #eee;
clear: both;
min-height: 200px;
padding: 20px 0;
color: #f00;
margin-top: 30px; }
footer ul {
list-style: none;
padding: 0;
margin: 0; }
footer a {
color: #f00; }
footer a:hover {
color: #000;
text-decoration: underline; }
.custom-footer {
font-size: 12px; }
.bottom-footer {
background: #999;
padding: 10px 0;
color: #666;
font-size: .8em;
text-align: center;
font-weight: 300;
color: #fff; }
.bottom-footer a {
color: #ddd; }
.bottom-footer a:hover {
color: #fff; }
.clear {
clear: both; }
.header-bg {
color: #fff; }
.masthead {
padding-top: 10px; }
.push-down {
margin-bottom: 20px; }
.push-up {
margin-top: 20px; }
.push-right {
margin-right: 20px; }
.push-left {
margin-left: 20px; }
blockquote:before {
content: '\f10e';
font-family: FontAwesome;
font-size: 4em;
float: left;
margin: 20px 20px 20px 0; }
.fa-2 {
font-size: 3em; }
.fa-3 {
font-size: 4.5em; }
.fa-4 {
font-size: 6em; }
.fa-5 {
font-size: 7.5em; }
.fa-6 {
font-size: 9em; }
.fa-7 {
font-size: 10.5em; }
.column-icon, .column-title {
text-align: center; }
.column-blurb {
text-align: justify; }
.related-posts {
margin: 0;
padding: 0;
list-style: none; } .theme-default .nivoSlider {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important; }
.slider {
background: #030;
padding: 20px; }
.slider-text {
font-size: 40px;
padding: 20px !important;
font-weight: 400;
background: transparent;
color: #454545;
line-height: 1.5em;
text-shadow: 1px 1px 0 #fff; }
.slides .layer {
text-shadow: 1px 1px 0 #fff; } .share_icons {
margin: 20px 0;
padding: 10px;
background: #f0f0f0; }
.share_icons li {
list-style: none;
display: inline-block;
margin: 0 10px;
font-size: 20px;
vertical-align: middle; }
.follow ul {
padding: 5px 0 0;
margin: 0; }
.follow li {
list-style: none;
display: inline-block;
vertical-align: middle;
padding: 0 10px 0 0; }
.follow li a {
font-size: 28px; }
.follow li a:hover {
color: #3DAE3A; }
.btn {
border-radius: 0; }
.btn-info {
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
background: #24A5E2;
border: 0;
color: #fff; }
.btn-info:hover {
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
background: #5CD158; }
#zenbox_tab {
top: 15%; }
.backtotop {
position: fixed;
right: 0;
bottom: 50px;
background: #000;
text-align: center;
margin-right: 20px;
float: left;
display: none; }
.backtotop a {
display: block;
padding: 10px 15px; }
.tags a {
display: inline-block;
background: #24A5E2;
color: #fff;
line-height: 1em;
padding: 4px 7px;
border-radius: 3px;
font-size: 12px;
font-weight: 400; }
.tags a:hover {
background: #5CD158; } ::selection {
background: #666;
color: #FFF;
text-shadow: none; }
::-webkit-selection {
background: #D31245;
color: #FFF;
text-shadow: none; }
::-moz-selection {
background: #D31245;
color: #FFF;
text-shadow: none; } input:focus {
outline: 0; }  .alignnone {
margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
.aligncenter {
display: block;
margin: 5px auto 5px auto; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #FFF;
border: 1px solid #F0F0F0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center; }
.wp-caption.alignnone {
margin: 5px 20px 20px 0; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text, .gallery-caption {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; }   @media (min-width: 992px) {
.case-study-item {
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
width: 100%;
height: 100%;
margin-left: 0;
border-width: 1px; }
.case-study-item:hover {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 105%;
height: 105%;
margin-left: -2.5%;
border-width: 2px; }
.background-image section {
padding: 20px 40px; } } @media (max-width: 992px) {
.container {
padding: 0 20px; }
.content-wrap {
background: none; }
.contact-form-wrap {
width: auto; }
.background-image {
margin-top: 0; }
.header .testimonial {
padding-top: 30px;
text-align: center;
font-size: 25px; }
.inner-page.header {
height: auto; }
.logo img {
height: 150px;
width: auto; }
.column-blurb {
padding-bottom: 30px; }
.navigation {
padding: 10px 0; }
.alignright, .alignleft {
float: none;
margin: 20px 0;
display: block;
text-align: center; }
.follow ul {
padding-top: 15px; }
.contact-form-wrap {
margin: 25px auto; }
section {
padding-left: 10px;
padding-right: 10px; }
.header, .inner-page.header { }
.overlap {
margin-top: 0; } }
@media (max-width: 600px) {
#wpadminbar {
position: fixed !important; } } @media (max-width: 767px) {
.backtotop {
margin-right: 10px;
bottom: 20px; }
.backtotop a {
padding: 3px 7px; }
.quick-contact {
margin-top: 1em;
text-align: center;
font-size: 1em;
line-height: 1.5em; }
.logo {
text-align: center; }
.lead-story {
height: 250px; }
.lead-story .title {
padding: 15px; }
.lead-story .title h2 {
font-size: 20px;
padding: 0;
margin: 0; } }  @media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; }
a, a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: ""; }
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr, img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p, h2, h3 {
orphans: 3;
widows: 3; }
h2, h3 {
page-break-after: avoid; } }