/*
Theme Name: PopinUps
Theme URI: http://ideaboxthemes.com/themes/superb-wordpress-theme/
Author: IdeaBox Themes
Author URI: http://ideaboxthemes.com/
Description: Superb is a mobile responsive WordPress theme with beautiful design and easy to use Theme options. Superb is a perfect fit for all kind of business and personal websites. It comes with multiple color schemes, built in social icons, a well laid out static front page design and live customization with Theme Customizer. Superb has built in styling for WooCommerce so you can start selling your products easily. 
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, orange, brown, red, pink, purple, yellow, green, 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: superb

Superb WordPress theme, Copyright (C) 2014 Ideabox Creations
Superb 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: 16px/1.5 'Raleway',sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #333;
    background:#fff;
}

/* 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 */
}

img.wp-post-image{
    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: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 700;
    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: 'Raleway', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
}

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

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

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

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

a { 
    color: #989896;
    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: 'Raleway', 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: 'Raleway', 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: 'Raleway', 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;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

input[type="button"] {
    width: auto;
}


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

input,
select,
textarea {
    border: 1px solid #ddd;
    color: #222;
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding: 10px;
    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;
}

.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: 'Raleway', 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;
    background: url('http://www.popinups.co.uk/wp-content/uploads/2015/08/popinsbg.jpg') !important;
}

.site-content {
    background: #efeae0; 
    clear: both;
    width: 90%;
    font-size: 16px;
    max-width: 1140px;
    margin: 0 auto;
    padding: 20px;
    color: #333;
    line-height: 1.5;
    position: relative;
    border: solid 1px #ddd;
    box-shadow: 0 0 8px #ddd;
}

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

#headercontainer {
    width: 100%;
    background: url('http://www.popinups.co.uk/wp-content/uploads/2015/08/popinsbg.jpg') #fff;
    top: 0px; 
    margin: 0 auto; 
    z-index: 1; 
}

#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: 10px;
    position: relative;
    color: #000;
}


.site-title {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0px;
    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;
}

.site-description {
    text-align: center; 
}

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

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

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

.header-contact{
    padding-top: 40px; 
}


/* Home Featured Area */

.home-featured{
    padding:30px;
}

.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{
    padding: 10px;
    text-align: center; 
}

.home-featured h3{
    font-size:26px;
    margin:20px 0 5px;
    font-weight:400;
    text-align:center;
}


.home-featured img{
    width:100%;
}

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

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

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

.business-tagline-area{
    background: #efefef;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
.business-tagline-area .business-tagline{
    padding:30px 80px;
}

.business-tagline h3{
    color: #fff;	
    font-weight: 400;
    text-align:center;
    font-size:30px;
}

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

/* Home Video Area */
.home-video{
    padding:30px 30px 50px;
}

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

.home-video .video-code { 
    width: 100%;
    min-height: 250px;
}

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

.home-contact .fa{
    margin-right:10px;
    font-size:20px;
    color:#009cee;
}

/* ==========================================================================
   Featured Post on front page
   ========================================================================== */

#front-featured-posts {
    padding: 30px 30px 50px;
    background: #efefef; 
}

#featured-posts .post-meta{
    position: absolute;
    background: #2a2a2a;
    color: #fff;
    padding: 10px 15px;
    font-size:14px;
    top: 0;
    left: 0;
}

.home-featured-post {
    padding: 20px;
    background: #fff;
}

.home-featured-post .entry-header {
    margin: -20px -20px 10px; 
    position: relative;
}

.home-featured-post .wp-post-image {
    margin: 0; 
}

.home-featured-post-title {
    clear: both;
    padding: 20px; 
    margin: 0;
} 

.home-featured-post .more-link {
    background: #009CEE;
    color: #fff !important;
    display: block;
    margin: 10px -20px -35px; 
    text-transform: uppercase;
    font-weight: 700; 
    padding: 20px; 
}

.home-featured-post .more-link:hover {
    background: #333 !important;
    color: #fff; 
}

/* Home CTA Area */

.home-cta-area{
    background:#009cee;
}
.contact-area:before {
    content: "";
    display: block;
    border: solid 30px transparent;
    border-top-color: #009cee;
    width:0px;
    margin:0 auto;
}

.home-cta{
    padding:30px;
}

.cta-wrapper{
    padding:20px;
    text-align:center;
}

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

.home-cta p{
    margin:20px 0;
    color:#fff;
    font-size:30px;
    font-weight:300;
}
.home-cta .cta-button{
    background: #333;
    padding: 10px 25px;
    display:inline-block;
    color: #fff;
    margin:10px 0;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:20px;
}

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

.flexslider .slides > li{
    position:relative;
}
.slider-wrapper .flex-caption{
    position: absolute;
    width: 100%;
    height: 100%;
}

.slider-wrapper .caption-content {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
}

.slider-wrapper .caption-inner {
    width: 600px;
    position: absolute;
    left: 0px;
    bottom: 100px; 
    background: rgba(0,0,0, 0.8);   
    padding: 20px; 
}

.slider-wrapper .flex-caption h2{
    font-size:30px;
    margin:0 0 10px;
    color:#fff;
}

.slider-wrapper .flex-caption p {
    color: #fff; 
    margin-bottom: 10px; 
}

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

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

.content{
    max-width: 1140px;
    margin: 0 auto;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd; 
    box-shadow: 0 0 8px #ddd; 
}

.content-wrapper{
    background: url('http://www.popinups.co.uk/wp-content/uploads/2015/08/popinsbg.jpg');
    margin-bottom:0px;
}
.content-container:after{
    content:".";
    display:block;
    visibility:hidden;
    clear:both;
    height:0px;
}
.content-container{
    /* margin-top: -105px; - Only if slider present! */
    background: #efeae0;
    position: relative;
}

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


.contact-wrap .home-contact {
    margin:0 auto;
    width:620px;
    padding: 30px 0 50px; 
}

.home-contact-form {    
    background: #333;
    padding: 30px 0;
}

.contact-form-wrapper{
    margin: 0 auto;
    padding: 0 20px;
    max-width: 620px;
    color: #fff; 
}

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

.home-contact ul{
    text-align:center;
}
.home-contact li{
    list-style:none;
    margin-bottom:10px;
    float:none;
    margin-right:10px;
    display:inline-block;
}

.home-contact .social-links {
    margin-bottom: 20px; 
}

.home-contact .social-links li{
    float:none;
}

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

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

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

.home-contact #address{
    text-align:center;
}
.home-contact h3{
    text-align:center;
    margin-top:0;
}

.home-contact-form{
    clear:both;

}


.home-contact-form input,
.home-contact-form textarea{
    margin-top: 5px;
    padding: 15px;
    background: #333;
    border: solid 1px #444;
    color: #fff; 
}

.home-contact-form input[type="submit"]{
    width: 150px;
    margin: 0 auto;
    float: none;
    display: block;
    background:#009cee;
    color:#fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s ease; 
}

.home-contact-form input[type="submit"]:hover{
    background:#fff !important;
    color:#111 !important;
    transition: all 0.3s ease; 
}


/** Home Page Contact Form 7 Styling **/

.home-contact-form div.wpcf7 {
    margin-top: 20px; 
}

.home-contact-form .wpcf7 p {
    color: #888;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 30px; 
}

/** Home Page Gravity Forms styling **/
.contact-form-wrapper div.gform_wrapper .top_label .gfield_label {
    color: #888;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
}

.contact-form-wrapper div.gform_wrapper h2.gsection_title, 
.contact-form-wrapper div.gform_wrapper .gsection_description, 
.contact-form-wrapper div.gform_wrapper h3.gform_title {
    color: #aaa; 
    text-align: center; 

}

.contact-form-wrapper div.gform_wrapper .ginput_complex label {
    font-size: 14px; 
    color: #aaa; 
}

.contact-form-wrapper div.gform_wrapper :focus,
.contact-form-wrapper input:focus, 
.contact-form-wrapper textarea:focus {
    border: solid 1px #666; 
    transition: all 0.3s ease; 
}

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

.main-content {
    padding: 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: 10px;
    word-wrap: normal;
}

.entry-header{
    position:relative;
}

.entry-header .post-meta-header{
    position: absolute;
    background: rgba(2,64,78,0.49);
    top: 0px;
    left: 0px;
    padding:10px;
    border-bottom: 2px solid rgba(0,0,0,0.3);
    text-shadow: 0px 1px 0px rgb(0,0,0);
    color:#fff;
}

.entry-header .post-meta-header a{
    color:#fff !important;
}

.entry-header .post-meta{
    font-size:14px;
}

.entry-header .posted-by a{
    color: #989696;
    font-size: 14px;
    transition: all .5s;
}

.entry-header .comment-count{
    float: right;
    bottom: 0;
    position: absolute;
    right: 0;
    font-size: 14px;
    color: #989696;
    line-height: 24px;
}

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

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

article.sticky .featured-post {
    font-style: normal;
    font-weight: 400;
    color: #777;
    font-size: 16px;
    line-height: 3;
    margin-bottom: 24px;
    text-align: center;
}

.site-content article {
    margin-bottom: 0px;
    margin-right: 0px;
    -ms-word-wrap: break-word;
    -webkit-hyphens: auto;
    word-wrap: break-word;
    border-bottom: none;
    padding-bottom:0px;
}

body.blog .site-content article { margin-bottom: 38px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}

body.single-post .site-content article {margin-right: 20px;}

.header-meta {
    color: #999;
    margin-bottom: 20px;
    padding: 10px 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;
    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:#333;
    padding-top: 8px;
    display: block;
    font-weight: 700;
    line-height: 15px;
}


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

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

.entry-content dt,
.comment-content dt {
    font-family: 'Raleway', 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"],
.error404 input[type="submit"]{
    padding:15px;
}

.error404 input[type="text"]{
    width:auto;
}

.error404 input[type="submit"]{
    background:#009cee;
    color:#fff;
}
.error404 .entry-header,
.error404 .entry-content,
.error404 form div{
    text-align:center; 
}



.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: 'Raleway', Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: 400;
    color: #777;
    font-size: 14px;
    line-height: 2;
    margin-top: 16px;
}


/* ==========================================================================
   Comments
   ========================================================================== */

#comments {
    padding: 20px 0;
}
.comments-title {
    margin-bottom: 48px;
    font-size: 32px;
    line-height: 1.5;
    font-weight: normal;
    font-family:'Raleway', 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: 'Raleway', 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:100%;
}

#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: 'Raleway', 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;
}


/* ==========================================================================
   Footer
   ========================================================================== */

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

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

.site-footer .col{
    padding-right:20px;
}

.site-footer .col:last-child{
    padding-right:0;
}

.site-footer h3 { 
    color: #fff;
    font-size: 16px; 
    text-transform: uppercase;
    margin-bottom: 20px; 
}

.site-footer li{
    margin-bottom:5px;
}

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

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

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

.site-footer li:hover{
    padding-left:20px !important;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -moz-transitiokn: all 0.5s ease;  
}

.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;
}
.footer-wrap .social-links{
    margin-top: 15px; 
    float:right;
}


/* ==========================================================================
   Sidebar
   ========================================================================== */
.sidebar{
    padding:20px 30px 0 0;
}

.sidebar input{
    width:auto;
}

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

.sidebar a {
    color: #989696;
    transition: all .3s;
}

.sidebar li a:hover {
    color: #009cee;
}

.sidebar li:hover{
    padding-left:17px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -moz-transitiokn: all 0.5s ease;
}

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

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

.sidebar .widget li:before{
    color:#009cee;
}

.sidebar .widget ul {
    border: 1px solid #d5d6d7;
    padding: 1.176em;
    margin-bottom: 17px;
}

.searchform {
    padding: 20px;
    border: 1px solid #d5d6d7;
}


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

.sidebar .widget-title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
}

.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;
    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: 'Raleway', 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;
    text-decoration: none;
    background:#009cee;
    color:#fff;
}


li a:hover.page-numbers {
    background-color: #fff !important;
    color: #111;
}

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
   ========================================================================== */

.nav-container{
    background: #009cee;
}

.main-navigation {
    max-width:1140px;
    width:90%;
    text-align: left;
    margin:0 auto;
    clear: right;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transitiokn: all 0.3s ease;
    padding:10px 0;
}

.main-navigation:after{
    content:".";
    height:0px;
    display:block;
    clear:both;
    visibility:hidden;
}
.main-navigation h1 {
    font-size: 20px;
    line-height: 1.25;
}

.nav-menu {
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px; 
}

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

.main-navigation li {
    float: none;
    display: inline-block;
    position: relative;
    margin: 0 0 0 50px; /* 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;
    background:#009cee;
    padding:10px 20px 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: 14px;
    content: "\f107";
}

.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; /* Padding around each top level menu option (if needed) */
    color:#fff;
}

.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;
    color: #fff; /* Nav bar link color */
}

.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;
    padding-top:10px;
}

.main-navigation ul ul a
{
    color:#fff;
}
.main-navigation ul ul ul {
    left: 100%;
    top: 0;
    padding-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: #fff; /* 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 0px;
    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:0;
    text-align: center;
}

.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: 2px 0;
    font-family: 'FontAwesome';
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    width: 30px;
    color:#fff !important;
}

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


.home-contact .social-links li a::before {
    display: inline-block;
    font-family: 'FontAwesome';
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    width: 50px;
    padding: 17px 21px;
    font-size: 33px;
    border: none; 
}

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

/* ==========================================================================
   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-bottom: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
   ========================================================================== */
/* ! Superb red	*/
.superb-red .home-cta-area,
.superb-red .feature-more-link,
.superb-red #footercontainer,
.superb-red .pagination .page-numbers:hover,
.superb-red li span.page-numbers,
.superb-red li a.page-numbers,
.superb-red button:hover,
.superb-red input:hover[type="button"],
.superb-red input:hover[type="reset"],
.superb-red .entry-content .button:hover,
.superb-red .page-links .page-numbers:hover,
.superb-red .superb-caption .slider-button,
.superb-red .home-featured .read-more,
.superb-red .home-contact-form input[type="submit"],
.superb-red input[type="submit"],
.superb-red .main-navigation ul ul li,
.superb-red .home-featured-post .more-link,
.superb-red .slider-wrapper .flex-caption .slider-button
{
    background: #e55252;
}


.superb-red .nav-container
{
    background:#cc4343;
}

.superb-red .contact-area:before{
    border-top-color:#e55252;
}

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

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

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

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

/* ! Superb green	*/
.superb-green .home-cta-area,
.superb-green .feature-more-link,
.superb-green #footercontainer,
.superb-green .pagination .page-numbers:hover,
.superb-green li span.page-numbers,
.superb-green li a.page-numbers,
.superb-green button:hover,
.superb-green input:hover[type="button"],
.superb-green input:hover[type="reset"],
.superb-green input:hover[type="submit"],
.superb-green .entry-content .button:hover,
.superb-green .page-links .page-numbers:hover,
.superb-green .superb-caption .slider-button,
.superb-green .home-featured .read-more,
.superb-green .home-contact-form input[type="submit"],
.superb-green input[type="submit"],
.superb-green .main-navigation ul ul li,
.superb-green .home-featured-post .more-link,
.superb-green .slider-wrapper .flex-caption .slider-button
{
    background: #48B74D;
}

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

.superb-green #reviewslider .slides img{
    border:3px solid #48B74D;
}

.superb-green ::selection
{
    background:#48B74D;
    color:#fff;
}

.superb-green .contact-area:before{
    border-top-color:#48B74D;
}

.superb-green .nav-container
{
    background:#48B74D;
}
.superb-green .site-title a,
.superb-green .home-featured-post-title,
.superb-green .sidebar li a:hover,
.superb-green .entry-header .entry-title a,
.superb-green .entry-header .entry-title,
.superb-green .entry-header h1 a:visited,
.superb-green label .required,
.superb-green span.required,
.superb-green .header-meta .fa,
.superb-green .header-meta a:hover,
.superb-green .nav-previous a:hover,
.superb-green .nav-next a:hover,
.superb-green .home-contact .fa,
.superb-green .header-contact p:before,
.superb-green .home-contact #address:before,
.superb-green .home-contact #phone:before,
.superb-green .home-contact #email:before,
.superb-green .sidebar .widget li:before
{
    color:#48B74D;
}

.superb-green .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;
    }

}

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

    .menu {
        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;
    }

    .main-navigation li.menu-parent-item > a:after{
        display:none;
    }

    .main-navigation ul ul li {
        background: #425368 !important;
    }

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

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

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

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

    .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;
    }
    .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%;
    }

}

/*  Go full Width at less than 767px */
@media only screen and (max-width: 767px) {
    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;
        margin-top:0;
    }
    .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: 20px;
    }
    .home-featured-post-title {
        font-size: 24px; 
        text-align: center; 
    }

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

    #footer-widget1,
    #footer-widget2,
    #footer-widget3,
    #footer-widget4{
        border-bottom:1px solid #e3e3e3;
    }


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


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

    .header-extras{
        text-align:center;
	margin-top: 0px;
    }

    .home-featured .home-featured-one,
    .home-featured .home-featured-two,
    .home-featured .home-featured-three,
    .home-video-one,
    .home-video-two,
    .home-intro-text-section{
        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;
    }

    .slider-wrapper .flex-caption{
        margin-bottom:10%;
    }

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

    .testimonial-slider{
        padding-right:0;
        margin-bottom:20px;
    }

    .contact-wrap .home-contact, 
    .contact-wrap .home-contact-form{
        width:auto;
    }
    .header-extras .social-links{
        margin-bottom:20px;
    }

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

    .flex-control-nav{
        bottom:240px;
    }

    .slider-wrapper .caption-inner{
        width:100%;
        position:relative;
        bottom:0;
    }

    .slider-wrapper .flex-caption{
        position:relative;
        height:auto;
    }

    .slider-wrapper .caption-content{
        text-align:center;
    }
}


/*  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;
    }


    .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; }
}

/* CUSTOM CSS */

body.page-id-148 .entry-title, body.page-id-150 .entry-title, body.page-id-152 .entry-title, body.page-id-133 .entry-title {text-align: center;}
body.page-id-17 #comments {padding: 0;}
body.page-id-17 #article {padding-bottom: 0; margin-bottom: 0;}
.wpcf7-mail-sent-ok {border-style:none;}

/* RESPONSIVE MENU */
@media screen and (max-width: 1180px) and (min-width: 1051px) {
.main-navigation li {margin-left: 30px;}
.main-navigation li:first-child {margin: 0;}
.alignnone {margin: 0 auto;}
}

@media screen and (max-width: 910px) and (min-width: 768px) {
.main-navigation ul a {padding: 10px 0;}
.home-contact ul li a {font-size: 13px;}
.align-none {margin: 0 auto;}
}

@media screen and (max-width: 767px) {
.main-navigation li { width: 100%;}
.main-navigation ul li {margin: 0px!important;}
.align-none {margin: 0 auto;}
p {text-align: justify;}
.tabcontent p {text-align: left;}
.home-featured p {text-align: center;}
.home-cta p {text-align: center;}
.footer-wrap p {text-align: center;}
}


/* HOMEPAGE SECTIONS */
.flexslider {display:none;}
.home-video {display:none;}

header .home-contact ul {text-align:left; font-weight: 500}

@media only screen and (min-width: 768px) {
	.mob-contact {display:none;}
	}

@media only screen and (max-width: 767px) {
	header .home-contact ul {text-align:center !important;}
	.mob-contact ul li {margin-top: 20px;}
	.header-contact {display:none;}
	.entry-title {text-align: center; font-size: 20px;}
	}

@media only screen and (max-width: 500px) {
	.mob-contact ul li {font-size: 14px; margin-top: 0;}
}

.home-contact ul li a {color:#333;}

.nav-container, .home-featured .read-more, .home-cta-area, .feature-more-link, .business-tagline-area, .featured-post-content .more-link, .footer-wrap, .superb-green input[type="submit"] {background: #b9b2a3!important; }, 

button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover {background: #C3C1E7!important; }

.main-navigation ul {line-height: 1.4em;}
.main-navigation li {letter-spacing: 2px; text-transform: uppercase;}
.main-navigation ul a {color:#f5f1e7;}

.superb-green .home-contact #address:before, .superb-green .home-contact #phone:before, .superb-green .home-contact #email:before {color: #a29edb!important;}

.contact-area:before{
    border-top-color:#b9b2a3!important;
}

.entry-title, .entry-header .entry-title,
.entry-header .entry-title a {
    color: #333!important; }
h3.home-featured-post-title {color: #837e74!important; font-size: 17px;}
#featured-posts .post-meta {opacity: 0.8;}

.post-meta-header {display:none}
.sidebar li a:hover { color: #333!important; }

/* Bounce In */
.main-navigation li {
  
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.main-navigation li:hover, .main-navigation li:focus, .main-navigation li:active {
  
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}



/*No comments on pages
.comments-area {display:none}*/

/*** EVENTS ***/

.events_slideshow {float: right; width: 350px; height: 386px; background: url('http://www.popinups.co.uk/wp-content/uploads/2016/01/events_slider_bg.png'); padding-top: 17px;}

@media screen and (max-width:768px) {.events_slideshow {float: none; margin:0 auto;} }

@media screen and (max-width:400px) {.events_slideshow {width: 100%; height: auto; background:none; margin-bottom: 20px;} }

/* ------ wordpress.org/plugins/tabby-responsive-tabs/ ------ */

.responsive-tabs .responsive-tabs__heading {
	display: none;
}

.responsive-tabs .responsive-tabs__list__item {
	display: inline;
	cursor: pointer;
}

.responsive-tabs-wrapper {
	clear: both;
	margin-bottom: 20px;
	zoom: 1;
}

.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
	content: "";
	display: table;
}

.responsive-tabs-wrapper:after {
	clear: both;
}

.responsive-tabs .responsive-tabs__heading:focus,
.responsive-tabs .responsive-tabs__list__item:focus {
	outline: 1px solid transparent;
}

.responsive-tabs .responsive-tabs__heading--active:focus,
.responsive-tabs .responsive-tabs__list__item--active:focus {
	outline: none;
}

.responsive-tabs ul.responsive-tabs__list {
	font-size: 18px;
	line-height: 18px;
	margin: 20px 0 0 12px;
	padding: 0;
}

.responsive-tabs .responsive-tabs__list__item {
	background: transparent;
	border: 1px solid transparent;
	border-bottom: none;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #999;
	font-size: 18px;
	line-height: 19px;
	text-transform: inherit;
	margin: 1px 12px 0 0;
	padding: 10px 12px 10px;
	white-space: nowrap;
	float: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.responsive-tabs .responsive-tabs__list__item .fa {
	margin-right: 8px;
	line-height: 0.8;
}

.responsive-tabs .responsive-tabs__list__item:hover {
	color: #333;
	background: transparent;
}

.responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item--active:hover {
	background: #fff;
	border-color: #ddd;
	color: #666;
	padding-bottom: 11px;
	margin-top: 0;
	position: relative;
	top: 1px;
}

.responsive-tabs .responsive-tabs__panel {
	background: #fff;
	border: 1px solid #ddd;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	clear: left;
	margin-bottom: 0;
	padding: 20px 20px 0;
	word-wrap: break-word;
}

.responsive-tabs .responsive-tabs__panel:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

@media (min-width: 1280px) {

	.responsive-tabs .responsive-tabs__panel--closed-accordion-only {
		display: block;
	}
}

@media (max-width: 1279px) {

	.responsive-tabs .responsive-tabs__list {
		display: none;
	}

	.responsive-tabs .responsive-tabs__heading {
		display: block;
		cursor: pointer;
	}

	.responsive-tabs-wrapper {
		border-top: 1px solid #ccc;
	}

	.responsive-tabs .responsive-tabs__heading {
		background: #fff;
		border: 1px solid #ccc;
		border-top: none;
		color: #777;
		font-size: 18px;
		font-weight: normal;
		text-transform: inherit;
		margin: 0;
		padding: 10px 0;
		padding-left: 20px;
		position: relative;
	}

	.responsive-tabs .responsive-tabs__heading .fa {
		margin-right: 8px;
		display:none;
		}

	.responsive-tabs .responsive-tabs__heading:after {
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #777;
		content:"";
		display: block;
		position: absolute;
		right: 20px;
		top: 20px;
		height: 0;
		width: 0;
	}

	.responsive-tabs .responsive-tabs__heading:hover {
		background: #eee;
		color: #777;
	}

	.responsive-tabs .responsive-tabs__heading:hover:after {
		border-top: 6px solid #777;
	}

	.responsive-tabs .responsive-tabs__heading--active,
	.responsive-tabs .responsive-tabs__heading--active:hover {
		background: #ccc;
		color: #fff;
	}

	.responsive-tabs .responsive-tabs__heading--active:after,
	.responsive-tabs .responsive-tabs__heading--active:hover:after {
		border-bottom: 6px solid #fff;
		border-top: 0;
		top: 18px;
	}

	.responsive-tabs .responsive-tabs__panel {
		background: #fff;
		border: 1px solid #ccc;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		border-top: none;
		margin: 0;
		padding: 0 20px;
		padding-top: 20px;
	}
}

@media (min-width: 1280px) {
.responsive-tabs-wrapper {clear:none!important;}
.responsive-tabs .responsive-tabs__panel { float:left; max-width:650px;}
}

@media (max-width: 1279px) and (min-width: 950px) {
.responsive-tabs-wrapper {clear:none!important; margin-right:375px;}
}

@media (max-width: 949px) and (min-width: 768px) {
.responsive-tabs-wrapper {clear:both}
}


/***** NG GALLERY *****/

.gallery-caption {font-size: 26px; color: #333; font-style: normal;}

.ngg-galleryoverview {text-align:center;}
.ngg-gallery-thumbnail-box {float:none!important; display: inline-block;}

@media screen and (max-width: 605px) { .gallery-caption {font-size: 18px; }
@media screen and (max-width: 450px) { #gallery-2 .gallery-item {width: 100%!important;} .ngg-gallery-thumbnail img {width: 100%;} .business-tagline-area .business-tagline {padding: 30px;} }