/*
Theme Name: Prism
Theme URI: http://ideaboxthemes.com/themes/prism-lite-wordpress-theme/
Author: IdeaBox Themes
Author URI: http://ideaboxthemes.com/
Description: Prism is a One Page WordPress Theme - beautiful, easy to use, mobile responsive, one page, multipurpose theme with WooCommerce integration. You can either use it as a one page theme or a standard theme. It comes with unique one click installation and live cusotmization features which makes it easy to use and setup for all kind of users. Multiple color schemes and beautiful typography make it a perfect fit for all kind of websites. 
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, red, pink, green, purple, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: prism

Prism WordPress theme, Copyright (C) 2014 Ideabox Creations
Prism WordPress theme is licensed under the GPL.

*/

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/* ==========================================================================
   Default stylings from HTML5 Boilerplate
   ========================================================================== */

/* Apply a natural box layout model to all elements - http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

::-webkit-selection { background: #009cee; color: #fff; text-shadow: none; }
::-moz-selection { background: #009cee; color: #fff; text-shadow: none; }
::selection { background: #009cee; color: #fff; text-shadow: none; }

a { color: #009cee; text-decoration: none; }
/* a:visited { color: #009cee; } */
a:hover { color: #222146; }

menu { padding: 0; }

td { vertical-align: top; }

/* ==========================================================================
   Column & Row Setup
   ========================================================================== */

.col {
    display: block;
    float:left;
    margin: 0 0 0 1.6%;
}

/* Remove the margin on the first column. Works on all browsers incl. IE7+ */
.col:first-child { margin-left: 0; }

.row {
    clear: both;
    margin: 0 auto;
    *zoom: 1;
}

.row:before,
.row:after {
    content: "";
    display: table;
}

.row:after { clear: both; }


/* ==========================================================================
   Twelve Column Grid
   ========================================================================== */

.grid_12_of_12 { width: 100%; }
.grid_11_of_12 { width: 91.46%; }
.grid_10_of_12 { width: 83%; }
.grid_9_of_12  { width: 74.54%; }
.grid_8_of_12  { width: 66.08%; }
.grid_7_of_12  { width: 57.62%; }
.grid_6_of_12  { width: 49.16%; }
.grid_5_of_12  { width: 40.7%; }
.grid_4_of_12  { width: 32.24%; }
.grid_3_of_12  { width: 23.78%; }
.grid_2_of_12  { width: 15.32%; }
.grid_1_of_12  { width: 6.86%; }


/* ==========================================================================
   Basic page styles
   ========================================================================== */

body { 
    margin: 0 auto;
    padding: 0;
    font: 15px/1.5 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #333;
    background: url('assets/images/cream_pixels.png') repeat;
}

.admin-bar #headercontainer{
    top:32px !important;
}
/* Set the default behavior for touch-based browsing in IE10 on devices running Windows 8 */
canvas {
    -ms-touch-action: double-tap-zoom;
}

/* Make sure videos and embeds fit their containers */
embed, iframe, object, video {
    max-width: 100%;
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Responsive images */
img {
    border: 0;
    max-width: 100%;
    height: auto;
}

.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
    max-width: 100%;
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
    margin-bottom: 10px; 
}

img.wp-smiley,
.rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Header */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #333;
    margin-top: 0;
}

h1 { 
    margin-bottom: 15px;
    font-size: 36px;
    line-height: 1.5;
}

h2 { 
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 28px;
    line-height: 1.1666;
}

h3 { 
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 24px;
    line-height: 1.2857;
}


h4 { 
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 18px;
    line-height: 1.25;
}

h5 { 
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.25;
}

h6 { 
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.2142;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 24px;
}

ol, ul {
    list-style: none outside none;
}

p, ol, ul, dl, address {
    margin: 0 0 14px 0;
    line-height: 1.7;
}

ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0;
}

dt {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
}

b, strong { 
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
}

em {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: 400;
}

strong em, b em {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: 700;
}

ins {
    background:#009cee;
    text-decoration: none;
}

a { 
    color: #333;
    outline: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -moz-transitiokn: all 0.5s ease;      
}

ul{
    padding-left:0px;
}

a:focus { 
    outline: thin dotted;
    color: #111;
}

a:hover, a:active { 
    outline: 0;
    color: #222146;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -moz-transitiokn: all 0.5s ease;    
}

.alignleft {
    display: inline;
    float: left;
    margin: 0 20px 16px 0;
}

.alignright {
    display: inline;
    float: right;
    margin: 0 0 16px 20px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

blockquote {
    border-left: 5px solid #666;
    margin: 0 0 18px 20px;
    padding: 0 0 0 16px;
}

blockquote.pull-right {
    border-left: 0 none;
    border-right: 5px solid #666;
    margin: 0 20px 18px 0;
    padding: 0 16px 0 0;
    float: none;
}

blockquote p {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 10px; 
}

blockquote.pull-right p, blockquote.pull-right small {
    text-align: right;
}

blockquote cite:before {
    content: "\2014 ";
}

blockquote cite {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.125;
    color: #999;
    display: block;
    padding-top: 10px; 
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

code, pre {
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    color: #555;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 12px;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

pre {
    white-space: pre;
    word-wrap: normal;
    overflow-x: scroll;
    line-height: 1.3;
    margin: 1em 0;
}

code {
    background-color: #eee;
    border: 1px solid #e1e1e8;
    padding: 2px 4px;
}

abbr,
dfn,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

.wp-caption {
    max-width: 100%; /* Keep wide captions from overflowing their container. */
    padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #777;
    text-align: center;
}

img.wp-smiley, .rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.entry-content dl.gallery-item {
    margin: 0;
}

.gallery-columns-1 .gallery-item a {
    max-width: 100%;
    width: auto;
}

.gallery .gallery-icon img {
    height: auto;
}

#primary .entry-content [id^="gallery-"] img {
    border: none;
}

/* Text meant only for screen readers */
.assistive-text {
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

/* Form fields 
--------------------------------------------- */

input,
select,
textarea {
    border: 1px solid #ddd;
    box-shadow: 1px 1px 3px #eee inset;
    color: #222;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding: 16px;
    width: 100%;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
    width: auto;
}

input:focus,
textarea:focus {
    border: 1px solid #999;
    outline: none;
}

::-moz-placeholder {
    color: #999;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button {
    background-color: #fff;
    border:1px solid #ccc;
    border-radius: 0px;
    box-shadow: none;
    color: #333;
    cursor: pointer;
    padding: 10px 15px;
    width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover {
    background-color: #009cee;
    border: 1px solid #ccc;
    text-decoration: none;
    color:#fff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transitiokn: all 0.3s ease;
}

.button {
    border-radius: 3px;
    display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
    display: none;
}
select {
    max-width: 100%;
}

/* Small headers */
.archive-title,
.page-title,
.entry-content th,
.comment-content th {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 2;
    text-transform: uppercase;
}


/* ==========================================================================
   Site specific styles
   ========================================================================== */
#maincontentcontainer{
    padding:30px 0;
}
.site-content {
    clear: both;
    width: 90%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 20px;
    color: #333;
    position: relative;
    background:#fff;
}

#wrapper {
    width: 100%;
    position: relative;
    text-align: left;
    margin: 0 auto; 
}

.social-wrapper{
    background:#333;
}
.header-contact{
    max-width: 1140px;
    margin: 0 auto;
    color:#fff;
    padding:5px 0;
    width:90%;
}

.header-contact .fa-phone{
    margin-right:5px;
}
.header-contact p{
    font-size: 14px; 
    margin:10px 0;
}

.header-contact p:before{
    font-family:"FontAwesome";
    content:"\f095";
    margin-right:10px;
}

.header-contact .social-links{
    float:right;
    margin-top:5px;
}


#headercontainer {
    width: 100%;
    background: #fff;
    top: 0px; 
    margin: 0 auto; 
    z-index: 9999; 
    border-bottom: solid 1px #ddd;
    box-shadow: 0 0 3px #888;
}

#headercontainer:after{
    content:".";
    height:0px;
    display:block;
    clear:both;
    visibility:hidden;
}


.site-header {
    clear: both;
    width: 90%;
    font-size: 16px;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    color: #000;
}

.site-title {
    margin-top: 20px;
    margin-bottom: 0px; 
    font-style: inherit; 
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transitiokn: all 0.3s ease;
}

.site-title img {
    vertical-align: text-bottom;
}

.site-title a {
    color: #009cee;
    font-size: 30px;
    font-weight: 400; 
    text-decoration: none;
}

.header-extras{
    text-align:right;
}

.header-extras .social-links{
    margin-top:20px;
    float:right;
}

.social-links li a:hover{
    opacity:0.5;
}

.home-featured-title-area{
    background:#009cee;
}

.home-featured-title{
    max-width: 1140px;
    margin: 0 auto;
    padding: 10px 0;
}

.home-featured-title h3{
    text-align: center;
    font-size: 40px;
    color: #fff;
}

.home-featured-title h3 a{
    color:#fff;
}
/* Home Featured Area */

.home-featured{
    padding: 80px 0;
    max-width: 1140px;
    margin: 0 auto;
}

.home-featured:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0px;
}

.home-featured .home-featured-one,
.home-featured .home-featured-two,
.home-featured .home-featured-three,
.home-featured .home-featured-four {
    padding-bottom: 20px;
}

.home-featured h3{
    font-size:26px;
    margin:10px 0;
    text-align:center;
    font-style: inherit; 
}

.home-featured .featured-image{
    text-align:center;
}

.home-featured img{
    width: 200px;
    height: 200px;
    border-radius: 100%;
    border: 4px solid #009cee;
    padding: 2px;
}

.home-featured p{
    margin: 0 12px 20px;
}

.home-featured .read-more {
    background: #009cee;
    padding: 10px;
    display: block;
    text-align: center;
    color: #fff;
}

.home-featured .read-more:hover {
    background: #111 !important;
}
/* Home Testimonial Area */

.business-tagline-area .business-tagline{
    padding: 60px 0;
    max-width: 1140px;
    margin: 0 auto;
}

.business-tagline h3{
    text-align: center;
    font-size: 40px;
    margin-bottom: 20px;
}

.business-tagline p{
    font-size: 20px; 
    text-align:center;
}

.client-feedback-area{
    background: #009cee;
}

.client-feedback-title{
    max-width: 1140px;
    margin: 0 auto;
    padding: 10px 0;
}

.client-feedback-title h3{
    text-align:center;
    font-size:40px;
    color:#fff;
}

.testimonial-slider .flex-direction-nav{
    display:none;
}
#reviewslider{
    max-width:1140px;
    margin:0 auto;
    background:none;
    border-radius:0px;
    box-shadow:none;
    padding:80px 0;
}

#reviewslider .slides{
    background:none;
}

#reviewslider .slides img{
    width: 150px;
    float: left;
    border-radius: 100px;
    height: 150px;
    padding: 2px;
    border: 3px solid #009cee;
    opacity:1;
}

#reviewslider .flex-caption{
    width: 85%;
    margin: 10px 0;
    background: #fff;
    float: right;
    border-radius: 5px;
    position: relative;
    padding: 20px;
    min-height: 130px;
}

#reviewslider .flex-caption:after {
    content: "";
    display: block;
    border: solid 10px transparent;
    border-right-color: #fff;
    position: absolute;
    bottom: 40%;
    left: -20px;
}
#reviewslider .flex-caption p{
    font-size:16px;
    color: #111; 
}

#reviewslider .flex-control-nav li a{
    width:10px;
    height:10px;
}
.home-contact-area{
    background:#009cee;
}

.home-contact-title{
    max-width:1140px;
    margin:0 auto;
    padding:10px 0;
}

.home-contact-title h3{
    text-align:center;
    font-size:40px;
    color:#fff;
}


/* Home Video Area */
.contact-detail-wrap{
    padding:80px 0;
    max-width:1140px;
    margin:0 auto;
}

.contact-detail-wrap:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0px;
}

.contact-detail-wrap h3{
    font-size:24px;
    margin:10px 0;
}

.home-contact h3{
    font-size:28px;
}

.contact-details #email:before{
    font-family:"FontAwesome";
    content:"\f0e0";
    margin-right:10px;
    color:#009cee;
}

.contact-details #phone:before{
    font-family:"FontAwesome";
    content:"\f095";
    margin-right:10px;
    color:#009cee;
}

.contact-details #address:before{
    font-family:"FontAwesome";
    content:"\f041";
    margin-right:10px;
    color:#009cee;
}

.home-contact-form{
    padding-right:30px;
}
.contact-details .fa{
    margin-right: 5px;
    font-size: 15px;
    color: #009cee;
}

.contact-map{
    width: 451px;
    padding: 10px;
    border: 3px solid #ddd;
}

.home-cta-title-area{
    background:#009cee;
}

.home-cta-title{
    max-width:1140px;
    margin:0 auto;
    padding:10px 0;
}

.home-cta-title h3{
    text-align:center;
    font-size:40px;
    color:#fff;
}

/* Home CTA Area */
.home-cta{
    padding: 30px 0;
    max-width: 1140px;
    margin: 0 auto 20px;
}

.cta-wrapper{
    background: #fff; 
    border:1px solid #eee;
    border-left:5px solid #818181;
    padding:20px;
}

.cta-wrapper:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0px;
}

.home-cta p{
    font-size: 18px; 
    color: #111; 
    margin:20px 0;
}
.home-cta .cta-button{
    background: #009cee;
    border-radius: 3px;
    padding: 10px 15px;
    float: right;
    color: #fff;
    margin:10px 0;
}

.home-cta .cta-button:hover{
    color:#333;
}

.slider-wrapper .flexslider{
    margin:0;
}

.flex-control-nav{
    z-index:2000;
}
.flexslider .slides > li{
    position:relative;
}
.slider-wrapper .flex-caption{
    padding: 10px;
    margin-bottom: 0;
    position: absolute;
    right: auto;
    color: #fafafa;
    font-size: 13px;
    line-height: 18px;
    width: 306px;
    height: auto;
    border-radius: 10px;
    width:100%;
    top: 20%; 
}

#main-slider .slider-text-container {
    width: 90%;
    max-width: 1000px; 
    margin: 0 auto; 
    background: rgba(0,0,0,0.7);
    text-align: center;
    padding: 20px; 
}

.flex-caption p{
    font-size:20px;
}

.flex-caption h2{
    font-size:50px;
    margin:20px 0;
    color:#fff;
}

.flex-caption .slider-button{
    background:#009cee;
    padding:20px 40px;
    border-radius:3px;
    color:#fff;
    font-size:16px;
    display:inline-block;
}

.flex-caption .slider-button:hover{
    color:#333;
}
.slider-wrapper .flex-caption h2 a{
    color:#fff;
}



.content{
    max-width: 1140px;
    margin: 0 auto;
}

.content-container{
    margin-top: -105px;
    background: #fff;
    position: relative;
}


.prism-front-page .site-content article {
    margin-bottom: 0;
    margin-right: 0;
}


/* ================================
* Featured posts on front page 
================================== */
.home-post-title-area{
    background: #009cee;
}

.home-post-title{
    max-width: 1140px;
    margin: 0 auto;
    padding: 10px 0;
}

.home-post-title h3 {
    text-align: center;
    font-size: 40px;
    color: #fff;
}
.main-content #front-featured-posts {
    background: #eee; 
}


#featured-posts-container {
    max-width: 1140px;
    padding: 80px 0 40px;
}

.featured-section-title {
    color: #333; 
    font-weight: 700;
    font-size: 26px;
    margin-bottom:10px;
    letter-spacing: 1px; 
    margin-bottom: 20px;
    margin-top: 0; 
}

#featured-posts .post-meta {
    display: block;
    margin-bottom: 10px; 
}
#featured-posts .hentry
{
    margin-left:0px;
    padding-bottom: 20px; 
}
.home-featured-post:nth-of-type(3n+1) {
    margin-left: 0;
}

.home-featured-post {
    background: #fff; 
    padding: 10px; 
    border: solid 1px #eee;
    min-height: 430px; 
    margin-bottom: 20px;
    color: #111; 
}
.featured-post-content {
    position: relative; 
}

.home-featured-post-title {
    font-size: 20px; 
    margin-bottom:10px; 
    font-weight:300;    
}

.post-content p{
    margin-bottom: 20px;
}
.feature-more-link {
    background: #009cee; 
    position: absolute;
    bottom: 0;
    right: 0; 
    font-weight: 300;
    font-size: 14px; 
    letter-spacing: 1px;
    padding: 10px 15px; 
    color: #fff;
    opacity: 0.9;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -moz-transitiokn: all 0.5s ease;
}

.feature-more-link:hover {
    opacity: 1; 
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -moz-transitiokn: all 0.5s ease;
}

/* ==========================================================================
   Main Content
   ========================================================================== */

.main-content {
    padding: 20px 30px 20px 20px;  
}

.main-content:after
{
    display:block;
    content:".";
    clear:both;
    height:0px;
    visibility:hidden;
}
.entry-meta {
    clear: both;
}

.comments-link {
    font-size: 14px;
    float: right;
}

.entry-header .entry-title,
.entry-header .entry-title a {
    text-decoration: none;
    color: #009cee;
    margin-bottom: 16px;
}

.entry-header h1 a:visited {
    color: #009cee;
}

.entry-header h1 a:hover {
    color: #111;
}

article.sticky .featured-post {
    color: #333;
    line-height: 1.6;
    margin-bottom: 24px;
    text-align: center;
}

article.sticky {
    margin-top: 10px; 
    padding: 20px 30px;
    background: #eee;
    border: solid 1px #f1f1f1;
}

.site-content article {
    margin-bottom: 40px;
    margin-right: 20px; 
    -ms-word-wrap: break-word;
    -webkit-hyphens: auto;
    word-wrap: break-word;
}

.header-meta {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #999;
    margin-bottom: 20px;
    padding: 15px 0;
    *zoom: 1;
}

.header-meta:before,
.header-meta:after {
    content: "";
    display: table;
}

.header-meta:after { clear: both; }

.header-meta a {
    color: #999;
    text-decoration:none;
    letter-spacing: 1px; 
    font-weight: 300; 
}

.header-meta a:visited {
    color: #999;
}

.header-meta a:hover {
    color: #009cee;
}

.header-meta .fa{
    color:#009cee;
}
.entry-content {
    margin-bottom: 20px;
    *zoom: 1;
}

.entry-content:before,
.entry-content:after {
    content: "";
    display: table;
}

.entry-content:after { clear: both; }

.post-categories a,
.post-tags a {
    font-size: 14px;
    margin: 0 3px 0 0;
    display: inline;
    text-decoration: none;
}

.post-tags a {
    background: #eee;
    padding: 3px 10px;
    border: solid 1px #ddd;
    color: #999;
}

.entry-header address,
.comment-content address {
    font-style: normal; 
    font-weight: 400;
    display: block;
}

.entry-header address {
    display: inline;
}

.entry-header time,
.entry-header address {
    font-size: 14px;
    margin: 0 20px 0 0;
}

.page-links {
    clear: both;
    line-height: 1.75;
    color: #999;
    padding: 20px 0;
    border-top: solid 1px #ddd; 
}

.page-links .page-numbers {
    padding: 5px 20px;
    border: 1px solid #999;
    margin-left: 10px; 
}

.page-links a {
    text-decoration: none;
}

.page-links a:hover .page-numbers {
    background-color: #009cee;
    color: #fff;
}

.more-link {
    text-decoration: none;
    color:#009cee;
}


.post-edit-link {
    text-decoration: none;
}

.entry-content dl,
.comment-content dl {
    margin: 0 24px;
}

.entry-content dt,
.comment-content dt {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
}

.entry-content dd,
.comment-content dd {
    line-height: 1.5;
    margin-bottom: 24px;
}


.entry-content table,
.comment-content table {
    font-size: 14px;
    line-height: 2;
    margin: 0 0 24px;
    width: 100%;
}

.entry-content table caption,
.comment-content table caption {
    font-size: 16px;
    margin: 24px 0;
}

.entry-content td,
.entry-content th
.comment-content td {
    border: 1px solid #ddd;
    padding: 8px;
}

.entry-content table th {
    background: #eee;
    font-weight: bold;
    padding: 10px; 
    border: solid 1px #ddd; 
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul {
    margin: 0 0 24px;
    line-height: 1.5;
    padding: 0;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
    margin-bottom: 0;
}

.entry-content ul,
.comment-content ul {
    list-style: disc outside;
}

.entry-content ol,
.comment-content ol {
    list-style: decimal outside;
}

.entry-content li,
.comment-content li {
    margin: 0 0 0 28px;
    padding-top: 10px; 
}

.comment-reply-title {
    font-size: 34px;
    text-transform: uppercase;
    font-weight: 700;
}

/* Author profiles */
.author .archive-header {
    margin-bottom: 24px;
}

.author-info {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 24px 0;
    padding: 24px 0;
    overflow: hidden;
    *zoom: 1;
}

.author-info:before,
.author-info:after {
    content: "";
    display: table;
}

.author-info:after { clear: both; }

.author-description h2 {
    font-size: 24px;
}

.author-description p {
    color: #777;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 8px;
}

.author-link {
    font-size: 14px;
}

.author-link a {
    color: #777;
    text-decoration: none;
}

.author-link a:visited { 
    color: #666;
}

.author-link a:focus,
.author-link a:hover,
.author-link a:active { 
    outline: 0;
    color: #111;
}

.author.archive .author-info {
    border-top: 0;
    margin: 0 0 48px;
}

.author.archive .author-avatar {
    margin-top: 0;
}

.author.archive .author-link {
    display: none;
}

.author-avatar {
    float: left;
    margin-top: 8px;
}

.author-description {
    float: right;
    width: 80%;
}

.social-meta a {
    text-decoration: none;
    margin-right: 5px;
}


/* ==========================================================================
   Post Formats
   ========================================================================== */

.entry-media {
    margin: 0 auto 16px;
    max-width: 792px;
    width: 100%;
}

.entry-media .wp-caption,
.entry-media .wp-caption-text,
.entry-media [class*="align"] {
    margin: 0 auto;
}

/* Aside */
.format-aside .entry-content {
    margin: 20px 0 18px 0;
}

.format-aside .entry-content p:last-child {
    margin-bottom: 0;
}

/* Status */
.format-status .entry-content {
    border-left: 5px solid #ddd;
    margin: 20px 0 18px 0;
    padding: 0 0 0 15px;
}

.format-status .entry-content p {
    font-size: 20px;
    font-style: italic;
}

.format-status .entry-content p:last-child {
    margin-bottom: 0;
}

/* Quote */
.format-quote .entry-content blockquote:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    speak: none;
    vertical-align: top;
    font-size: 40px;
    content: "\f10d";
    color: #ddd;
    top: -15px;
    left: 0;
    position: absolute;
    z-index: -1;
}

.format-quote .entry-content {
    margin-top: 24px;
    position: relative;
}

.format-quote .entry-content blockquote {
    border: none;
    margin-left: 40px;
}

/* Audio */
.format-audio .wp-audio-shortcode {
    margin-bottom: 16px;
}

/* ==========================================================================
   404 page
   ========================================================================== */
.error404 input[type="text"]{
    width:86%;
}

.error404 input[type="submit"]{
    padding:15px;
}

.pagination
{
    padding: 20px 30px 20px 40px;
}
.pagination .page-numbers{
    padding: 5px 20px;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
}

.pagination .page-numbers:hover
{
    color:#fff;
    background:#009cee;
}
/* ==========================================================================
   Archives
   ========================================================================== */

.archive-header,
.page-header {
    margin-bottom: 32px;
    border-bottom: 1px solid #CCCCCC;
}

.archive-meta {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: 400;
    color: #777;
    font-size: 14px;
    line-height: 2;
    margin-top: 16px;
}

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 10px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 24px;
    padding: 0.8em;
    display: none;
    cursor: pointer;
}
/* ==========================================================================
   Comments
   ========================================================================== */

#comments {
    padding: 20px 0;
}
.comments-title {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    font-family:'Open Sans', sans-serif;
}

.comments-area article {
    padding-bottom: 16px;
    margin: 24px 0;
    border-bottom: 1px solid #ccc;
}

.comments-area article header {
    margin: 0 0 24px;
    overflow: hidden;
    position: relative;
}

.comments-area article header img {
    float: right;
    padding: 0;
    line-height: 0;
    border-radius:100%;
}

.comments-area article header cite,
.comments-area article header time {
    display: block;
    margin-left: 0px;
}
.comments-area article header cite {
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
}

.comments-area article header time {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.8;
    text-decoration: none;
    font-size: 14px;
    color: #5e5e5e;
}

.comments-area article header a {
    text-decoration: none;
    color: #5e5e5e;
}

.comments-area article header a:hover {
    color: #21759b;
}

.comments-area article header cite a {
    color: #444;
}

.comments-area article header cite a:hover {
    text-decoration: underline;
}

.comments-area article header h4 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    background-color: #0088d0;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #009cee, #0088d0);
    background-image: -ms-linear-gradient(top, #009cee, #0088d0);
    background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
    background-image: -o-linear-gradient(top, #009cee, #0088d0);
    background-image: linear-gradient(top, #009cee, #0088d0);
    border-radius: 3px;
    border: 1px solid #007cbd;
}

.comments-area li.bypostauthor cite span {
    position: absolute;
    margin-left: 6px;
    padding: 2px 6px;
    font-size: 12px;
}

a.comment-reply-link {
    font-size: 14px;
    line-height: 1.8;
    color: #686868;
    text-decoration: none;
}

a.comment-reply-link:hover {
    color: #21759b;
}

.commentlist .pingback {
    line-height: 1.8;
    margin-bottom: 24px;
    padding-bottom: 0;
}

.commentlist .children {
    margin-left: 48px;
}

.commentlist {
    padding-left: 0;
}

/* Comment form */
#respond {
    margin-top: 48px;
}

#respond h3#reply-title #cancel-comment-reply-link {
    margin-left: 12px;
    font-weight: normal;
    font-size: 12px;
}

#respond form {
    margin: 24px 0 32px 0;
}

#respond form p {
    margin: 12px 0;
}

#respond form p.logged-in-as {
    margin-bottom: 24px;
}

#respond form label {
    display: block;
    line-height: 1.8;
    margin-bottom:5px;
}

#respond form input[type="text"],
#respond form textarea {
    font-family: inherit;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.8;
    padding: 8px;
    width: 100%;
}

#respond form input[type="text"] {
    width:48%;
}

#respond form p.form-allowed-tags {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #5e5e5e;
    display:none;
}

#respond form p.form-allowed-tags code {
    background: none;
    border: none;
    color: #5e5e5e;
}

label .required,
span.required {
    color:#009cee;
}

form label.error {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    display:block;
    padding: 0 10px 0 10px;
    margin: 5px 0 5px 0;
    font-size: 14px;
    border-left: 4px solid #bb0504;
    display: none;
}

#respond form label.error {
    line-height: 1.3;
}

/* ==========================================================================
  Contact form
   ========================================================================== */
.gform_footer top_label input[type="submit"]
{
    background:#fff;
    color:333;
    border:1px solid #ccc;
}

.gform_footer top_label input[type="submit"]:hover
{
    background:#009cee;
    color:#fff;
}

.gform_wrapper .top_label .gfield_label{
    margin: 10px 0 5px 0 !important;
    font-weight: 400 !important;
}

div.gform_wrapper .ginput_complex label {
    font-weight:300;
}
/* ==========================================================================
   Footer
   ========================================================================== */

#footercontainer {
    background: #009cee;
    width: 100%;	
    clear:both;
}

.site-footer {
    clear: both;
    width: 90%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 30px 0;
    color: #fff;
}

.site-footer .widget-title { 
    margin-top: 0;
    color: #fff;
}

.site-footer .widget li {
    padding-bottom: 5px; 
    margin-bottom: 5px;
    border-bottom: dotted 1px #fff; 
}
.site-footer a { 
    color: #fff;
}

.site-footer a:visited { 
    color: #fff;
}

.site-footer a:hover { 
    color: #eee;
}

.site-footer a:focus { 
    outline: thin dotted;
    color: rgb(0,0,0);
}

.site-footer .widget-area .widget {
    margin-bottom: 16px;
}

.footer-wrap-container{
    max-width:1140px;
    margin:0 auto;
    width:90%;
}

.smallprint {
    color: #fff;
    width:50%;
    float:left;
}

.smallprint p {
    font-size: 14px;
    padding: 20px 0;
    margin-bottom:0;
}

.smallprint a { 
    color: #fff;
}

.smallprint a:visited { 
    color: #fff;
}

.smallprint a:hover { 
    color: #eee;
}

.footer-wrap{
    background: rgba(0,0,0,0.5);
}

.footer-extras{
    width:50%;
    float:right;
    text-align:right;
}

.footer-extras p{
    margin:20px 0;
}

.footer-extras a{
    color:#fff;
}
.footer-wrap .social-links{
    float:right;
    margin-top:15px;
}
/* ==========================================================================
   Sidebar
   ========================================================================== */
.sidebar{
    padding:40px 30px 0 0;
}


.sidebar a {
    color: #009cee;
}

.sidebar .widget {
    margin-bottom: 50px;
}

.sidebar .widget li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #efefef;
}

.sidebar .widget ul {
    margin: 0;
    padding-left:0; 
    list-style: none outside none;
}

/* ==========================================================================
   Widgets
   ========================================================================== */

.sidebar .widget-title {
    margin-bottom: 20px; 
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.widget-area ul {
    list-style: none outside none;
    padding-left: 0;
    margin: 0; 
}

.widget-area .widget {
    overflow: hidden;
    -moz-hyphens: auto;
    -ms-word-break: break-all;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap:break-word;
    word-break: break-word;
    margin-bottom: 20px;
}

.widget select {
    margin-left: 1px;
}

.widget-area .widget ul ul {
    margin-left: 12px;
}

.widget_rss li {
    margin: 12px 0;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
    font-size: 12px;
    margin-left: 12px;
}

#wp-calendar {
    margin: 0;
    width: 100%;
    font-size: 14px;
    line-height: 2;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
    text-align: center;
}

#wp-calendar thead {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#wp-calendar caption {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
}

#wp-calendar #today {
    background-color: #ddd;
}

#wp-calendar tfoot {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#wp-calendar #next {
    padding-right: 24px;
    text-align: right;
}

.widget_search label {
    display: block;
    font-size: 14px;
    line-height: 1.5;
}

.widget_twitter li {
    list-style-type: none;
}

.widget_twitter .timesince {
    display: block;
    text-align: right;
}


/* ==========================================================================
   Content Navigation
   ========================================================================== */

.site-content nav {
    clear: both;
    line-height: 2;
    overflow: hidden;
    padding: 30px 0px; 
}

#nav-above {
    padding: 24px;
}

#nav-above {
    display: none;
}

.paged #nav-above {
    display: block;
}

.nav-previous,
.previous-image {
    float: left;
    width: 50%;
    line-height: 1.3;
}

.nav-previous a,
.nav-next a {
    text-decoration: none;
}

.nav-previous a:hover,
.nav-next a:hover{
    color:#009cee;
}
.nav-next,
.next-image {
    float: right;
    text-align: right;
    width: 50%;
    line-height: 1.3;
}

.nav-single + .comments-area,
#comment-nav-above {
    margin: 48px 48px 48px 0;
}

ul.page-numbers {
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 2;
}

li a.page-numbers,
li span.page-numbers {
    padding: 5px 20px;
    border: 1px solid #999;
    text-decoration: none;
}


li a:hover.page-numbers {
    background-color: #009cee;
    color: #fff;
}

li a:hover.prev,
li a:hover.next {
    background-color: transparent;
    color: #222146;
}

.page-numbers li {
    display: inline;
}

li span.current {
    background-color: #009cee;
    color: #fff;
}

li a.prev,
li a.next,
li span.dots {
    border: none;
}


/* ==========================================================================
   Main Navigation
   ========================================================================== */
.menu,
.home-menu{
    float:right;
}
.nav-container{
    background: #239ACD;
}

.main-navigation {
    text-align: left; 
    margin-top: 20px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transitiokn: all 0.3s ease;
}

.main-navigation h1 {
    font-size: 32px;
    line-height: 1.25;
}

.nav-menu {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px; 
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-navigation li {
    float: left;
    position: relative;
    margin: 0 0 0 20px; /* Margin on the left side of each top level menu item (since it's floated right) */
}

.main-navigation li:first-child {
    margin: 0;
}

.main-navigation ul ul li {
    margin: 0;
}

.main-navigation li.menu-parent-item > a:after { /* If you don't want the arrows on the top level drop down, simply remove this style */
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    speak: none;
    vertical-align: middle;
    font-size: 9px;
    content: " \f078";
}

.main-navigation ul li li.menu-parent-item > a:after { /* If you don't want the arrows on the sub-menu options, simply remove this style */
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    speak: none;
    vertical-align: middle;
    font-size: 9px;
    content: " \f054";
}

.main-navigation ul a {
    padding: 10px;
}

.main-navigation ul a:hover{
    color:#333;
}
.main-navigation ul ul a {
    padding: 10px; /* Padding around each dropdown menu option */
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

.main-small-navigation a
{
    display: block;
    text-decoration: none;
    color: #009cee;
}

.main-small-navigation a:hover
{
    color:#333;
}
.main-navigation ul ul {
    display: none;
    position: absolute;
    left: 0;
    z-index: 99999;
    line-height: 1.7;
    background-color: #009cee; /* Nav bar dropdown background color */
}

.main-navigation ul ul a
{
    color:#fff;
}
.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}

.main-navigation ul ul a {
    color: #fff; /* Nav bar dropdown link color */
    width: 200px; /* Nav bar dropdown width */
}

.main-navigation ul ul li {
}


.main-navigation ul ul :hover > a {
    color: #333; /* Nav bar dropdown level 2 link color on level 3 hover */
    background-color: #fff; /* Nav bar dropdown link background color on hover */
}

.main-navigation ul ul a:hover {
    color: #fff;
    background: rgba(255,255,255,0);
    opacity: 0.7;
}

.main-navigation ul li:hover > ul {
    display: block;
}

.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
    color: #333; /* Nav bar link color for current menu item or ancestor */
}

.main-navigation ul .divider {
    border-bottom: 1px solid #aaa;
    height: 0;
    line-height: 0.0625;
    overflow: hidden;
}

.main-navigation ul li.dropdown-header a,
.main-navigation ul li.current-menu-item ul .dropdown-header a {
    color: #aaa; /* Nav bar dropdown header color */
    background-color: #333; /* Nav bar dropdown header background color */
}

/* Small menu toggle for mobile devices */
.menu-toggle {
    cursor: pointer;
    color:#fff;
}

.main-small-navigation .nav-menu {
    display: none;
}

.main-navigation li ul li a {
    border-bottom: 1px solid rgba(255,255,255,0.4);
    display: block;
    font-size: 14px;
    line-height: 2;
    padding: 12px 10px;
    white-space: normal;
    color: #fff;
}



/* ==========================================================================
   Social Links Navigation - Intelligence overloaded. Thanks to Justin Tadlock 
   ========================================================================== */

.screen-reader-text {
    position: absolute;
    top:      -9999em;
    left:     -9999em;
}

.social-links ul {
    list-style: none;
    margin-top: -15px;
    text-align: center;
    margin-bottom:0;
}

.social-links ul li {
    display:  inline-block;
    position: relative;
    margin-right:5px;
}

.social-links li a {
    display: block; 
}
.social-links li a::before {
    content:        '\f408';
    display:        inline-block;
    padding:        0 5px;
    font-family:    'FontAwesome';
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
}

.social-links li a[href*="facebook.com"]::before {
    content: '\f09a';
    background:   #3b5998;
    border-radius: 4px;
    width: 17px;
    color:#fff;
}
.social-links li a[href*="twitter.com"]::before {
    content: '\f099';
    background:   #33ccff;
    border-radius: 4px;
    width: 17px;
    color:#fff;
}
#menu-social li a[href*="dribbble.com"]::before {
    content: '\f17d';
    background:   #ea4c89;
    border-radius: 4px;
    width: 17px;
    color:#fff;
}
.social-links li a[href*="plus.google.com"]::before {
    content: '\f0d5';
    background: #dd4b39;
    border-radius: 4px;
    width: 17px;
    color:#fff;
}
.social-links li a[href*="pinterest.com"]::before {
    content: '\f0d2';
    background:   #c8232c;
    border-radius: 4px;
    width: 17px;
    color:#fff;
}
.social-links li a[href*="github.com"]::before {
    content: '\f113';
    background:   #171515;
    border-radius: 4px;
    width: 17px;
    color:#fff;
}
.social-links li a[href*="tumblr.com"]::before {
    content: '\f173';
    background:   #34526f;
    border-radius: 4px;
    width: 17px;
    color:#fff;
}
.social-links li a[href*="youtube.com"]::before {
    content: '\f16a';
    background:   #c4302b;
    border-radius: 4px;
    width: 20px;
    color:#fff;
}
.social-links li a[href*="flickr.com"]::before {
    content: '\f16e';
    background:   #ff0084;
    border-radius: 4px;
    width: 17px;
    color:#fff;
}
.social-links li a[href*="vimeo.com"]::before {
    content: '\f194';
    background:   #1AB7EA;
    border-radius: 4px;
    width: 20px;
    color:#fff;
}
.social-links li a[href*="instagram.com"]::before {
    content: '\f16d';
    background:   #3f729b;
    border-radius: 4px;
    width: 17px;
    color:#fff;
}
.social-links li a[href*="linkedin.com"]::before {
    content: '\f0e1';
    background:   #0e76a8;
    border-radius: 4px;
    width: 17px;
    color:#fff;
}


/* ==========================================================================
   IdeaBox Social Icons
   ========================================================================== */

.ideabox-social-icons {
    overflow: hidden;
}

.ideabox-social-icons ul {
    margin: 0;
    padding: 0;
}

.ideabox-social-icons ul li {
    background: none !important;
    border: none !important;
    float: left;
    list-style-type: none !important;
    margin: 0 6px 12px !important;
    padding: 0 !important;
}

.ideabox-social-icons ul li a {
    border: none !important;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    line-height: 1em;
    speak: none;
    text-align: center;
    text-decoration: none !important;
    text-transform: none !important;
    width: 1em;
}

.ideabox-social-icons ul.aligncenter {
    text-align: center;
}

.ideabox-social-icons ul.aligncenter li {
    display: inline-block;
    float: none;
}

/* ==========================================================================
   Gravity Forms
   ========================================================================== */

div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea,
div.gform_wrapper .ginput_complex label {
    font-size: 16px;
    padding: 16px;
}

div.gform_wrapper .ginput_complex label {
    padding: 0;
}

div.gform_wrapper li,
div.gform_wrapper form li {
    background: none;
    margin: 16px 0 0;
    padding: 0;
}

div.gform_wrapper .gform_footer input[type="submit"] {
    font-size: 14px;
}

div.gform_body input[type="text"]
{
    padding:7px 10px;
}


/* ==========================================================================
  Jetpack
   ========================================================================== */

img#wpstats {
    display: none;
}

/*
    Mobile Menu Core Style
*/

.slicknav_btn { display: inline-block; vertical-align: middle; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; margin: -5px 10px; }
.slicknav_menu .slicknav_icon { float: right; margin: -0.4em 0 0em 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
    margin:30px 0;

}
/* Button */
.slicknav_btn {
    margin:0;	
    text-decoration:none;	
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
    background-color: #37414e;
    width: 100%;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
    color: #FFF;
    font-weight: bold;	
    text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
    background-color: #f5f5f5;
}
.slicknav_nav {
    color:#fff;
    margin:0;	
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
    padding:5px 10px;
    margin:2px 15px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 15px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_item:hover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:#37414e;
    color:#fff;	
}
.slicknav_nav a:hover{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:#37414e;
}
.slicknav_nav .slicknav_txtnode {
    margin-left:15px;   
}

.slicknav_nav a:hover{
    color:#fff !important;
}

.slicknav_nav{
    background:#425368;
}

.slicknav_nav ul{
    background:#425368 !important;
}

/* ==========================================================================
   Color Schemes
   ========================================================================== */
/* ! Prism red	*/
.prism-red .cta-button,
.prism-red .feature-more-link,
.prism-red #footercontainer,
.prism-red .pagination .page-numbers:hover,
.prism-red li span.current,
.prism-red li a:hover.page-numbers,
.prism-red button:hover,
.prism-red input:hover[type="button"],
.prism-red input:hover[type="reset"],
.prism-red .entry-content .button:hover,
.prism-red .main-navigation ul ul,
.prism-red .page-links .page-numbers:hover,
.prism-red .flex-caption .slider-button,
.prism-red .home-featured .read-more,
.prism-red .home-featured-title-area,
.prism-red .client-feedback-area,
.prism-red .home-contact-area,
.prism-red .home-post-title-area
{
    background: #e55252;
}

.prism-red ::selection
{
    background:#e55252 !important;
    color:#fff;
}

.prism-red .home-featured img{
    border:4px solid #e55252;
}

.prism-red #reviewslider .slides img{
    border:3px solid #e55252;
}

.prism-red .main-navigation ul ul a
{
    color:#fff;
}
.prism-red .site-title a,
.prism-red .home-featured-post-title,
.prism-red .sidebar a,
.prism-red .entry-header .entry-title a,
.prism-red .entry-header .entry-title,
.prism-red .entry-header h1 a:visited,
.prism-red .more-link,
.prism-red label .required,
.prism-red span.required,
.prism-red .header-meta .fa,
.prism-red .header-meta a:hover,
.prism-red .nav-previous a:hover,
.prism-red .nav-next a:hover,
.prism-red .contact-details .fa,
.prism-red .contact-details #address:before,
.prism-red .contact-details #phone:before,
.prism-red .contact-details #email:before
{
    color:#e55252;
}

.prism-red .entry-header h1 a:hover{
    color:#111;
}

/* ! Prism green	*/
.prism-green .cta-button,
.prism-green .feature-more-link,
.prism-green #footercontainer,
.prism-green .pagination .page-numbers:hover,
.prism-green li span.current,
.prism-green li a:hover.page-numbers,
.prism-green button:hover,
.prism-green input:hover[type="button"],
.prism-green input:hover[type="reset"],
.prism-green input:hover[type="submit"],
.prism-green .entry-content .button:hover,
.prism-green .main-navigation ul ul,
.prism-green .page-links .page-numbers:hover,
.prism-green .flex-caption .slider-button,
.prism-green .home-featured .read-more,
.prism-green .home-featured-title-area,
.prism-green .client-feedback-area,
.prism-green .home-contact-area,
.prism-green .home-post-title-area
{
    background: #3bb59c;
}

.prism-green .main-navigation ul ul a
{
    color:#fff;
}

.prism-green ::selection
{
    background:#3bb59c;
    color:#fff;
}

.prism-green .home-featured img{
    border:4px solid #3bb59c;
}

.prism-green #reviewslider .slides img{
    border:3px solid #3bb59c;
}

.prism-green .site-title a,
.prism-green .home-featured-post-title,
.prism-green .sidebar a,
.prism-green .entry-header .entry-title a,
.prism-green .entry-header .entry-title,
.prism-green .entry-header h1 a:visited,
.prism-green .more-link,
.prism-green label .required,
.prism-green span.required,
.prism-green .header-meta .fa,
.prism-green .header-meta a:hover,
.prism-green .nav-previous a:hover,
.prism-green .nav-next a:hover,
.prism-green .contact-details .fa,
.prism-green .contact-details #address:before,
.prism-green .contact-details #phone:before,
.prism-green .contact-details #email:before
{
    color:#3bb59c;
}

.prism-green .entry-header h1 a:hover{
    color:#111;
}


/* ! Prism purple	*/
.prism-purple .cta-button,
.prism-purple .feature-more-link,
.prism-purple #footercontainer,
.prism-purple .pagination .page-numbers:hover,
.prism-purple li span.current,
.prism-purple li a:hover.page-numbers,
.prism-purple button:hover,
.prism-purple input:hover[type="button"],
.prism-purple input:hover[type="reset"],
.prism-purple input:hover[type="submit"],
.prism-purple .entry-content .button:hover,
.prism-purple .main-navigation ul ul,
.prism-purple .page-links .page-numbers:hover,
.prism-purple .flex-caption .slider-button,
.prism-purple .home-featured .read-more,
.prism-purple .home-featured-title-area,
.prism-purple .client-feedback-area,
.prism-purple .home-contact-area,
.prism-purple .home-post-title-area
{
    background: #a678d3;
}


.prism-purple .main-navigation ul ul a
{
    color:#fff;
}

.prism-purple ::selection
{
    background:#a678d3;
    color:#fff;
}

.prism-purple .home-featured img{
    border:4px solid #a678d3;
}

.prism-purple #reviewslider .slides img{
    border:3px solid #a678d3;
}

.prism-purple .site-title a,
.prism-purple .home-featured-post-title,
.prism-purple .sidebar a,
.prism-purple .entry-header .entry-title a,
.prism-purple .entry-header .entry-title,
.prism-purple .entry-header h1 a:visited,
.prism-purple .more-link,
.prism-purple label .required,
.prism-purple span.required,
.prism-purple .header-meta .fa,
.prism-purple .header-meta a:hover,
.prism-purple .nav-previous a:hover,
.prism-purple .nav-next a:hover,
.prism-purple .contact-details .fa,
.prism-purple .contact-details #address:before,
.prism-purple .contact-details #phone:before,
.prism-purple .contact-details #email:before
{
    color:#a678d3;
}

.prism-purple .entry-header h1 a:hover{
    color:#111;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Hide mobile menu */
.slicknav_menu {
    display:none;
}

/*  Breakpoints are set based on the design, not based on device sizes */
@media only screen and (max-width: 1100px) {
    .site-title a {
        font-size: 52px;
    }


    .home-featured,
    #featured-posts-container,
    #reviewslider,
    .contact-detail-wrap{
        padding:70px 30px;
    }

    .home-cta,
    .business-tagline-area .business-tagline{
        padding:40px 30px;
    }

    #reviewslider .flex-caption{
        width:80%;
    }

}

@media only screen and (max-width: 980px) {

    .menu,
    .home-navigation{
        display:none;
    }

    .slicknav_menu {
        display:block;
    }

    .slicknav_menu a{
        padding:24px;
    }

    .main-navigation li{
        float:none;
        margin:0;
    }


    .main-navigation{
        width:100%;
        padding:0;
    }

    .main-navigation ul li:last{
        margin-bottom:0;
    }

    .main-navigation ul ul {
        position:relative;
        background:none;
    }

    .main-navigation li ul li a{
        border-bottom:none;
        width:100%;
    }
    .main-navigation ul ul a:hover{
        background:#37414e;
    }

    .main-navigation li ul li a{
        padding:10px;
    }

    .slicknav_nav ul{
        background:#425368 !important;
    }

    .contact-map{
        width:auto;
    }
}

@media only screen and (max-width: 900px) {
    .slider-wrapper .flex-caption{
        margin-bottom:15%;
    }

    .flex-caption h2{
        font-size:30px;
    }

    #reviewslider .flex-caption {
        width: 70%;
    }
}

@media only screen and (max-width: 800px) {

    .header-title,
    .header-extras{
        width:100%;
    }
    .menu {
        display:none;
    }

    .slicknav_menu {
        display:block;
    }

    .site-title, .site-description
    {
        text-align:center
    }
    header .grid_5_of_12 {
        width: 100%; 
    }
    header .grid_7_of_12 {
        width: 100%;
        margin-left: 0;
    }
    header .main-navigation {
        margin-top: 0;
        float: none;
    }
    .main-navigation .nav-menu > li:first-child {
        margin-left: 0;
    }
    .social-media-icons {
        float: none;
        text-align: left;
    }
    .social-media-icons li {
        margin: 0.1em 0.5em 0 0;
    }
    .container-slim .site-content {
        width: 90%; 
    }
    .main-navigation{
        margin:0 auto;
    }



    .home-sidebar .col:nth-of-type(2n+1){
        margin-left:0px;
    }



    .assistive-text {
        position: relative !important;
    }

    .paging-navigation .assistive-text{
        position:absolute !important;
    }
    .menu-toggle {
        display: block;
        border-radius: 0px;
        border:none;
    }

    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
        display: none;
    }

    .main-navigation {
        width: 100%;
        padding: 0;
    }

    .main-navigation ul.nav-menu.toggled-on {
        display: block;
    }

    .main-navigation ul ul,
    .main-navigation li ul li a {
        width: 100%;
    }

    .home-featured-post{
        width: 350px;
        float: none;
        margin: 0 auto 20px !important;
        display: block;
    }

    .home-featured .home-featured-one, 
    .home-featured .home-featured-two, 
    .home-featured .home-featured-three, 
    .home-featured .home-featured-four{
        width:49%;
    }

    .home-featured .home-featured-one,
    .home-featured .home-featured-three{
        margin-left:0;
    }
    
    .slider-wrapper .flex-caption{
        padding:0;
        position:relative;
        margin-bottom:0;
    }
    
    #main-slider .slider-text-container{
        width:100%;
    }
    
    .flex-control-nav{
        bottom:15px;
    }
}

/*  Go full Width at less than 650px */
@media only screen and (max-width: 650px) {
    img.size-full, 
    img.size-large, 
    img.header-image, 
    img.wp-post-image {
        width: 100%; 
    }
    .grid_1_of_12,
    .grid_2_of_12,
    .grid_3_of_12,
    .grid_4_of_12,
    .grid_5_of_12,
    .grid_6_of_12,
    .grid_7_of_12,
    .grid_8_of_12,
    .grid_9_of_12,
    .grid_10_of_12,
    .grid_11_of_12,
    .grid_12_of_12 {
        width: 100%; 
    }
    .col {
        margin: 0;
    }
    #headercontainer {
        position: relative;
    }
    .site-title {
        text-align: center;
    }
    .site-description {
        margin-bottom: 10px;
    }

    .nav-menu {
        text-align: center;
    }

    #maincontentcontainer {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .site-content {
        width: 100%; 
    }
    .sidebar {
        border-top: solid 1px #ddd; 
        padding: 30px 30px 0;
    }
    .main-small-navigation .nav-menu, .nav-menu ul {
        padding: 0;
    }
    .main-small-navigation .nav-menu ul {
        padding-left: 16px;
    }
    .home-featured-post {
        margin-bottom: 30px;
        min-height:inherit;
    }
    .home-featured-post-title {
        font-size: 24px; 
        text-align: center; 
    }
    .home-featured-post .featured-post-content,
    #featured-posts .wp-post-image{
        float:none;
        margin-right:0;
    }

    #featured-posts .post-meta{
        text-align:center;
    }

    .featured-section-title{
        text-align:center;
    }


    .full-width.page-template-page-templatesedd-store-php .main-content{
        padding-left:0;
    }


    .boxed .main-content{
        padding:20px 0;
    }

    .header-extras{
        text-align:center;
    }

    .home-featured .home-featured-one,
    .home-featured .home-featured-two,
    .home-featured .home-featured-three,
    .home-video-one,
    .home-video-two{
        margin-bottom:20px;
    }

    .home-cta .cta-button{
        float:none;
    }

    .cta-wrapper{
        text-align:center;
    }

    .home-cta p{
        margin:0 0 24px 0;
    }

    .slider-wrapper .flex-caption{
        right:0;
    }

    .smallprint,
    .footer-extras{
        width: 100%;
        float: none;
        text-align: center;
    }

    .header-extras .social-links,
    .footer-wrap .social-links{
        float:none;
        margin-top:0;
    }

    .smallprint p{
        margin:0;
    }

    .flex-caption h2{
        font-size:20px;
    }

    .header-contact p{
        text-align:center;
    }
    .header-contact .social-links{
        float:none;
    }

    .social-links ul{
        margin-bottom:10px;
    }

    #reviewslider{
        padding:40px 30px;
    }
    #reviewslider .slides img{
        margin:0 auto;
        float:none;
    }

    #reviewslider .flex-caption{
        margin:30px auto 0;
        float:none;
        width:100%;
    }

    #reviewslider .flex-caption p{
        text-align:center;
    }

    #reviewslider .flex-caption:after{
        display:none;
    }

    .home-featured .home-featured-one, 
    .home-featured .home-featured-two, 
    .home-featured .home-featured-three, 
    .home-featured .home-featured-four{
        float: none;
        margin: 0 auto;
        width: 100%;
        margin-bottom: 20px;
    }
    
    .slider-wrapper .flex-caption{
        display:none;
    }
    
    .flex-control-nav{
        bottom:10px;
    }
    
    .header-title{
        display:none;
    }
    
    .site-header{
        width:100%;
    }
    
    .slicknav_menu{
        margin:0;
    }
}


/*  Adjust the menu at less than 520px */
@media only screen and (max-width: 520px) {
    .slicknav_menu {
        display:block;
    }

    .site-title {
        text-align: center;
    }
    .main-small-navigation .nav-menu,
    .main-small-navigation .nav-menu ul,
    .nav-menu,
    .nav-menu ul {
        padding: 0;
    }
    .main-small-navigation,
    .main-navigation li {
        width: 100%;
    }
    .main-small-navigation {
        text-align: center;
        margin-bottom: 20px;
    }
    .main-small-navigation ul li,
    .main-navigation ul li {
        margin: 15px 0;
        text-align: center;
    }


    .main-navigation ul ul, .main-navigation ul ul li ul {
        position: relative;
    }
    .main-navigation ul ul li ul {
        left: 0;
    }
    .main-navigation ul ul a {
        color: #fff; /* Nav bar dropdown link color */
        width: 100%; /* Nav bar dropdown width */
    }
    .social-media-icons {
        text-align: center;
    }

    #main-slider .flex-caption { 
        display: none; 
    }

    .full-width #featured-posts-container{
        width:100%;
    }

    .slicknav_nav ul{
        margin:0;
    }

    .slick-nav a{
        padding:10px;
    }
    
    

}

@media only screen and (max-width: 320px) {
    .author-description {
        float: left;
        width: 100%;
    }
}


/* ==========================================================================
   Non-semantic helper classes wrom HTML5 Boilerplate
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* ==========================================================================
   Print styles from HTML5 Boilerplate
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    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: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    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; }
}