/*

    Theme Name: Flatbase (shared on wplocker.com)
    Theme URI: http://nicethemes.com/theme/flatbase/
    Description: Designed by <a href="http://nicethemes.com">NiceThemes</a>
    Version: 1.0.2
    Author: NiceThemes
    Author URI: http://nicethemes.com
    Text Domain: nicethemes
    Domain Path: /lang/

    Copyright: (c) 2014 NiceThemes.
    License: GNU/GPL Version 2 or later.
    License URI: http://www.gnu.org/licenses/gpl.html

    *************************************************************************

    WARNING! DO NOT EDIT THIS FILE!

    To make it easy to update your theme, you should not edit the styles in this file.

    Instead:

    * Create a child theme, or
    * Use the custom.css file to add your styles.

    You can copy a style from this file and paste it in custom.css and it will override the style in this file.
    You have been warned! :)

    *************************************************************************

    0.  CSS Reset
    1.  Document Setup
    2.  Header Styles
    3.  Navigation & Menus
    4.  Main Content Styles
    5.  Comments
    6.  Grid Styles
    7.  Post Content Styles
    8.  Slider
    9.  Pagination
    10. Footer Styles
    11. Page Templates & Special styles
    12. Contact form
    13. Widgets
    14. Responsive

*/

/*-------------------------------------------------------------------------------------------*/
/* 0. RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
/*-------------------------------------------------------------------------------------------*/

body,html{height:100%; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body{line-height:1; }
ol,ul{list-style:none; }
blockquote,q{quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{content: '';content: none; }
:focus{outline:0; }
ins { text-decoration: none; }
del{text-decoration:line-through; }
table{border-collapse:collapse;border-spacing:0; }

/* Floating & Alignment  */
.fl, .alignleft {float:left; }
.fr, .alignright{float:right; }
.ac{text-align:center; }
.aligncenter {margin-left: auto;margin-right: auto;display: block;clear: both; }
.ar{text-align:right; }

/* Clear Floats  */
.col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden; }
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0; }
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/*-----------------------------------------------------------------------------------*/
/*  1.  Document Setup
/*-----------------------------------------------------------------------------------*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}

body {
    font: 15px/20px 'Lato', sans-serif;
    background: #fff;
    color: #8b989e;
}

#wrapper {
    background: #fff;
}

#container {
    margin: 25px auto 0;
    max-width: 1080px;
    padding: 30px 0;
}

#content {
    width: 61.583%;
    float: left;
    overflow: hidden;
}

#sidebar {
    float: right;
    width: 31.25%;
    overflow: hidden;
}

input,
textarea {
    font: 12px/20px 'Lato', serif;
    background: #fff;
    color: #999;
    border: 1px solid #fff;
}

.hidden { display: none; }

.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}

hr {
	display: none;
    // background-color: #e3e3e3;
    // border: 0 none;
    // height: 1px;
    // margin-bottom: 20px;
}

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

a {
    text-decoration: none;
    color: #5bc4be;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
}

a img { border: none; }

a > img {
    vertical-align: bottom;
}

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery-row,
.post-thumb { margin-bottom: 20px; }

.hentry,
.navigation-links,
.hfeed,
.pinglist { margin-bottom: 40px; }

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

@font-face {
    font-family: 'AvenirLTStd-Book';
    src: url('/assets/fonts/avenir/AvenirLTStd-Book.otf');
}
@font-face {
    font-family: 'AvenirLTStd-Medium';
    src: url('/assets/fonts/avenir/AvenirLTStd-Medium.otf');
}
@font-face {
    font-family: 'AvenirLTStd-Black';
    src: url('/assets/fonts/avenir/AvenirLTStd-Black.otf');
}
@font-face {
    font-family: 'AvenirLTPro-Heavy';
    src: url('/assets/fonts/avenir/AvenirLTPro-Heavy.otf');
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    padding: 0;
    color: #4b4d4b;
}

h1 {
    font-size: 32px;
    line-height: 28px;
}

h2{
    font-size: 28px;
    line-height: 24px;
}

h3 {
    font-size: 24px;
    line-height: 20px;
}

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

h5 {
    font-size: 16px;
    line-height: 16px;
}

h6 {
    font-size: 12px;
    line-height: 14px;
}

h1 a, h1 a:hover,
h2 a, h2 a:hover,
h3 a, h3 a:hover,
h4 a, h4 a:hover,
h5 a, h5 a:hover,
h6 a, h6 a:hover{ border: none; }

.full-width {
    width: 100% !important;
}

.col-full {
    margin: 0 auto;
    max-width: 1080px;
}

body.sidebar-left #content { float: right; width: 65.583% }
body.sidebar-left #sidebar { float: left;  }

/*-----------------------------------------------------------------------------------*/
/*  2.  Header
/*-----------------------------------------------------------------------------------*/

#header{
    min-height: 120px;
    background: #35a49e;
}

#header #top{
    position: relative;
}

#header a{ border: none; }

#header #top #logo{ padding-top: 30px; }

#header #top #logo a .text-logo{
    color: #fff;
    display: inline-block;
    font-size: 30px;
    vertical-align: middle;
}

#header #top #logo img{
    vertical-align: middle;
}

#header #top #logo #retina-logo { display: none; }

/* Retina logo */
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #header #top #logo #retina-logo { display: block; height: 65px; }
    #header #top #logo #default-logo { display: none; }
}

/*-----------------------------------------------------------------------------------*/
/*  3.  Navigation                                                                   */
/*-----------------------------------------------------------------------------------*/

.backtotop{
    bottom: -41px;
    border: none;
    color: #ccc;
    display: block;
    font-size: 35px;
    height: 40px;
    min-width: 29px;
    position: fixed;
    right: 25px;
    text-align: center;
    -webkit-transition: all 0.1s linear;
    -moz-transition:    all 0.1s linear;
    -o-transition:      all 0.1s linear;
    transition:         all 0.1s linear;
    z-index: 999;
}

.backtotop:hover{
    color: #8a8a8a;
    border: none;
}

.backtotop i.icon-angle-up{
    display: inline-block;
    margin: 5px 1px 0 0;
}

#header #top #toggle-nav {
    display: none;
    height: 45px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 18px;
    width: 45px;
    background: #eff2f3;
    -webkit-border-radius:  2px;
    -moz-border-radius:     2px;
    border-radius:          2px;
    color: #4b4d4b;
    font-size: 24px;
    line-height: 45px;
}

#header #top #toggle-nav:before,
#header #top #toggle-nav:after {
    content: '';
    left: 7px;
    position: absolute;
}

#navigation{ font-size: 12px; float: right;}
.nav { z-index: 99; margin: 0; padding: 0; list-style: none; line-height: 1; }

#top #navigation .nav > li a {
    position: relative;
    text-transform: uppercase;
    color: #eff2f3;
    display: block;
    z-index: 100;
    line-height: 120px;
    padding: 0;
    margin-top: 23px !important;
    text-decoration: none;
    margin-right: 25px;
    font-size: 14px;
}

#navigation .nav li ul li a{
    line-height: 26px !important;
}

#navigation .nav li:last-child > a {
    margin-right: 0;
}

#navigation .nav li:hover a,
#navigation .nav li.current_page_item a,
#navigation .nav li.current_page_parent a,
#navigation .nav li.current-menu-ancestor a,
#navigation .nav li.current-menu-item a,
#navigation .nav li.sfHover {
    color: #eee;
}
#navigation .nav li  { float: left; width: auto; }
#navigation .nav li a.sf-with-ul {  }

#navigation .nav li a.sf-with-ul:after {
    font-family:'FontAwesome';
    content: '\f107';
    display: inline-block;
    text-decoration: inherit;
    margin-left: 5px;
}

#navigation .nav li ul li a.sf-with-ul:after{
    margin-right: 5px;
    content: '\f105';
    float: right;
}

#navigation ul li a .bar, #navigation ul li a .bar:before, #navigation ul li a .bar:after{
    background: #5bc4be;
}

#navigation ul ul li .bar {
    display: none;
}
#navigation ul li a .bar {
    background: none repeat scroll 0 0 #5bc4be;
    height: 6px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -10px;
    transition: top 0.19s ease-in-out 0s, opacity 0.25s ease-in-out 0s;
    -moz-transition: top 0.19s ease-in-out 0s, opacity 0.25s ease-in-out 0s;
    -o-transition: top 0.19s ease-in-out 0s, opacity 0.25s ease-in-out 0s;
    -ms-transition: top 0.19s ease-in-out 0s, opacity 0.25s ease-in-out 0s;
    -webkit-transition: top 0.19s ease-in-out 0s, opacity 0.25s ease-in-out 0s;
    width: 100%;
}
#navigation ul a:hover .bar, #navigation ul li.sfHover .bar, #navigation ul li.current-cat .bar, #navigation ul li.current_page_item .bar, #navigation ul li.current-menu-item .bar, #navigation ul li.current-page-ancestor .bar, #navigation ul li.current-menu-ancestor .bar {
    opacity: 1;
    top: 0;
}

.nav li ul  {
    background: #384047;
    line-height: 16px;
    position: absolute; left: -999em; width: 200px; z-index:999; margin:0;
}

.nav li ul li  {
    border-bottom: 1px solid #4f4f4f;
    border: none;
    padding: 0 10px; display:block;
    background-image: none;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

.nav li ul li:hover a  {
    background-image: none;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
#top #navigation .nav li ul li a  {
    background: none;
    border-radius: 0px;
    padding: 8px 10px;
    width: 180px;
    color: #fff;
    font-size: 12px;
    border-bottom: 1px solid #4f4f4f;
    text-shadow: none !important;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    line-height: 26px;
}
#top #navigation .nav li ul li:last-child a { border: none; }
.nav li ul li a.sf-with-ul { padding: 5px 10px; }
#top #navigation .nav li ul li a:hover,
.nav li ul li.current_page_item a,
.nav li ul li.current-menu-item a { color: #fff;}
.nav li ul ul  { margin: -42px 0 0 190px; }
.nav li ul ul li a  {  }
.nav li ul li ul li a  {  }

.nav li:hover,.nav li.hover  { position: static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul  { left: auto; }

#footer-navigation{
    float: right;
}

#footer-navigation ul li{
    float: left;
}

#footer-navigation ul li:first-child .separator{
    display: none;
}

#footer-navigation ul li a{
    margin: 0 15px;
    color: #888;
    display: inline-block;
    padding: 3px 0;
}

#footer-navigation ul li:last-child a{ margin-right: 0;}

#footer-navigation ul li a{ border-bottom: none; }
#footer-navigation ul li ul{ display: none; }

/*-----------------------------------------------------------------------------------*/
/*  4.  Main Content Styles
/*-----------------------------------------------------------------------------------*/

/* Responsive images. Fluid images for posts, comments, and widgets */

.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption {
    max-width: 100%;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {
    height: auto;
}

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
    height: auto;
    max-width: 100%;
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object,
video {
    margin-bottom: 24px;
    max-width: 100%;
}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
    margin-bottom: 0;
}


address { font-style: italic; }

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

blockquote {
    min-height: 40px;
    font-style: italic;
    margin-left: 15px;
    padding: 0 40px;
    color: #999;
}

strong { font-weight: bold; }

em,
dfn,
cite { font-style: italic; }

dfn { font-weight: bold; }

sup {
    font-size: 11px;
    vertical-align: top;
}

sub {
    font-size: 11px;
    vertical-align: bottom;
}

small { font-size: 11px; }

del { text-decoration: line-through; }

ins { text-decoration: underline; }

code,
pre { line-height: 18px; }

var,
kbd,
samp,
code,
pre {
    font: 14px/18px Monaco, Courier, "Courier New", monospace;
}

kbd { font-weight: bold; }

samp,
var { font-style: italic; }

pre {
    white-space: pre-wrap;
    overflow: auto;
    word-break: break-all;
    word-wrap: break-word;
    padding: 15px;
    border: 1px solid #e8e8e8;
    clear: both;
    line-height: 1.5;
    background: #eff2f3;
}

code {
}

pre, code {
    white-space: pre-line;
    word-wrap: break-word;
}

pre code{ font-size: 14px; }

ul,
ol,
dl { margin-left: 30px; }

table {
    border: 1px solid #ccc;
    border-width: 1px;
    line-height: 18px;
    margin: 0 0 22px 0;
    text-align: left;
    padding: 0 5px;
}

table .even { background: #F4F4F4; }

caption { text-align: left; }

tr { border-bottom: 1px solid #ccc; }

th,
td {
    padding: 5px;
    vertical-align: middle;
    text-align: center;
}

input,
textarea,
button {
    background: #f5f5f5;
}

input,
textarea,
select {
    padding: 5px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

button {
    padding: 2px 10px;
    cursor: pointer;
}

select {
    background: url(images/select.png) no-repeat scroll right top #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #B3B3B3;
    height: 35px;
    padding: 8px;
    width: auto;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    select {
        background-size: 33px 33px;
        background-image: url(images/select@2x.png) !important;
    }
}

select:hover {
    border: 1px solid #B3B3B3;
}

select option {
    cursor: pointer;
    padding: 5px 7px;
}

input:focus,
textarea:focus,
button:hover {
}

input:focus,
textarea:focus { color: #444; }

input,
textarea {
    background: #fff;
}

input[type="submit"]{ box-shadow: 0 0 0; }

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

.comments-area {
    margin: 40px auto;
}

.comment-reply-title,
.comments-title {
    font: 16px/1.5;
    margin: 0;
}

.comment-list {
    list-style: none;
    margin: 0 0 48px 0;
}

.comment-author {
    font-size: 14px;
    line-height: 1.7142857142;
}

.comment-list .reply,
.comment-metadata {
    font-size: 12px;
    line-height: 2;
    text-transform: uppercase;
}

.comment-list .reply {
    margin-top: 24px;
}

.comment-list .reply a ,
.comment-list .edit-link a {
    color: #ccc;
}

.comment-author .fn {
    font-weight: 900;
}

.comment-author a {
    color: #2b2b2b;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
    color: #767676;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
    color: #777;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    border-top: 1px solid #f9f9f9;
    margin-bottom: 24px;
    padding-top: 24px;
}

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
    border-top: 0;
}

.comment-author {
    position: relative;
}

.comment-author .avatar {
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 50px;
    padding: 2px;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
}

.says {
    display: none;
}

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
    padding-left: 70px;
}

.comment-edit-link {
    margin-left: 10px;
}

.comment-edit-link:before {
    font-family: 'FontAwesome';
    content: '\f040';
    margin-right: 3px;
}

.comment-reply-link:before,
.comment-reply-login:before {
    font-family: 'FontAwesome';
    content: "\f064";
    margin-right: 2px;
}

.comment-content {
    -webkit-hyphens: auto;
    -moz-hyphens:    auto;
    -ms-hyphens:     auto;
    hyphens:         auto;
    word-wrap: break-word;
}

.comment-content ul,
.comment-content ol {
    margin: 0 0 24px 22px;
}

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

.comment-content > :last-child {
    margin-bottom: 0;
}

.comment-list .children {
    list-style: none;
    margin-left: 15px;
}

.comment-respond {
    margin-bottom: 24px;
    padding: 0;
}

.comment .comment-respond {
    margin-top: 24px;
}

.comment-respond h3 {
    margin-top: 0;
    margin-bottom: 24px;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
    color: #767676;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
    font-size: 14px;
    line-height: 1.7142857142;
}

.no-comments {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    margin-top: 24px;
    text-transform: uppercase;
}

.comment-form p{
    width: 100%
}

.comment-form label {
    display: block;
}

.comment-form .comment-form-comment label{
    display: none;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    width: 94%;

    color: #666; max-width: 240px; margin: 0 5px 10px 0; padding: 5px 7px;
}

.comment-form textarea, #respond textarea {
    color: #666666;
    padding: 5px 7px;
    width: 94%;
}

.form-allowed-tags,
.form-allowed-tags code {
    font-size: 12px;
    line-height: 1.5;
}

span.required {
    color: #c0392b;
}

.comment-reply-title small a {
    color: #2b2b2b;
    float: right;
    height: 26px;
    overflow: hidden;
    width: 14px;
}

.comment-reply-title small a:hover {
    color: #41a62a;
}

.comment-reply-title small a:before {
    font-family: 'FontAwesome';
    content: "\f00d";
    font-size: 18px;
}

.comment-navigation {
    font-size: 12px;
    line-height: 2;
    margin-bottom: 48px;
    text-transform: uppercase;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
    display: inline-block;
}

.comment-navigation .nav-previous a {
    margin-right: 10px;
}

#comment-nav-above {
    margin-top: 36px;
    margin-bottom: 0;
}

input[type=submit], button,
#commentform .button,
#respond input[type="submit"],
.nice-contact-form input[type="submit"] {
    width: auto;
    padding: 7px 10px;
    line-height: 25px;
    font-size: 15px;
    cursor: pointer;
    border: none;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background: #333;
    color: #fff;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.nice-contact-form input[type="submit"]:hover,
#commentform .button:hover, #respond input[type="submit"]:hover {
    background: #5bc4be;
}

input[type=submit], button,
#commentform .button:active, #respond input[type="submit"]:active,
.nice-contact-form input[type="submit"]:active { margin-top: 10px; }

/*-------------------------------------------------------------------------------------------*/
/* 6.  Grid Styles */
/*-------------------------------------------------------------------------------------------*/

.grid {
    overflow: hidden;
    margin-left: -3%; /* same as your gutter */
}

.grid:after {
    content: "";
    display: table;
    clear: both;
}

.grid-pad {
    padding: 20px 0 20px 20px;
}

.grid-pad > [class*='col-']:last-of-type {
  padding-right: 20px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.row{
    padding-bottom: 3%;
}

[class*='columns-'] {
    float: left;
    padding-left: 3%;
}

[class*='columns-']:last-of-type {
    padding-right: 0;
}

[class*='columns-'] {
}

[class*='columns-'] img{
    max-width: 100%;
    height: auto;
}

.col-2-3 {
    width: 66.66%;
}

.columns-1 {
    width: 100%;
}

.columns-2 {
    width: 50%;
}

.columns-3 {
    width: 50%;
}
.columns-3-footer {
    width: 33.33%;
}

.columns-4 {
    width: 25%;
}

.columns-5 {
    width: 20%;
}

.columns-6 {
    width: 16.66%;
}

.columns-7 {
    width: 14.28%;
}

.columns-8 {
    width: 12.5%;
}

.columns-9 {
    width: 11.11%;
}

.columns-10 {
    width: 10%;
}

.columns-11 {
    width: 9.09%;
}

.columns-12 {
    width: 8.33%;
}

/*-------------------------------------------------------------------------------------------*/
/* 7.  Post */
/*-------------------------------------------------------------------------------------------*/
.post{
    display: block;
    margin: 0px;
}

.entry a{
    padding-bottom: 1px;
    border-bottom: 1px solid transparent;
}

.entry a:hover { border-bottom: 1px solid #efefef; }

.sticky, .hentry{
}

.post-meta{
    margin: 0 0 20px;
}

.post-content{
}

.post .post-content{
    display: block;
}

.has-video{ margin-top: 20px; }

.post h2 a{
    color: #4b4d4b;
}

.archive h2{
    margin-bottom: 20px;
}

.post .wp-post-image {
}

body.home .post h2,
body.page-template-template-blog-php .post h2{
    font-size: 28px;
    margin-bottom: 10px;
}

body.page-template-template-blog-php .featured-image,
body.home .featured-image{
    float: left;
    margin-right: 3%;
    width: 45%;
}

@media screen and (max-width: 480px) {
    body.home .featured-image {
    width: 100%;
    text-align: center;
    }
    .category-label {
        margin-left: 20px;
    }
}

.single .featured-image,
.post .featured-image{
    margin: 0 0 30px;
}

.single .featured-image a,
.post .featured-image a{
     background: #5bc4be;
     display: inline-block;
     position: relative;
     border: none;
     padding: 0;
}

body.page-template-template-blog-php .featured-image img,
body.home .featured-image img{
    width: 100% !important;
}

a[href$=".jpg"], a[href$=".jpg"]:hover {
    border-bottom: none !important;
}

.single .featured-image img, .post .featured-image img {
    max-width: 665px;
    margin: 0;
    padding: 0;
    display: block;
}

.entry-title{ margin: 0 0 40px; text-transform: capitalize; font-size: 32px; }
.entry ul  { margin-bottom: 1.5em; padding: 0; }
.entry ul ul  { margin: 0 15px; }
.entry ul li  { list-style-type: disc; }
.entry ul ul li  { list-style-type: circle; }

.entry ol  { margin-bottom: 1.5em; padding: 0; }
.entry ol ol  { margin: 0 15px; }
.entry  ol li  { list-style-type: decimal; }
.entry  ol li ol li  { list-style-type: lower-latin; }

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    line-height: 1.5em;
    margin: 0 0 0.5em;
}

.entry blockquote {
    border-left: 3px solid #5bc4be;
    color: #999;
    font-size: 14px;
    margin: 0 20px;
    padding: 0 20px;
}

.post-content a{
    padding-bottom: 1px;
}

.post-content a img{
    padding: 0;
    border: none;
}

.post-content a:hover{
    border-bottom-color: #ccc;
}

.wp-caption.alignleft {
    margin: 0 20px 20px 0;
}

.wp-caption.alignright {
    margin: 0 0 20px 20px;
}

.wp-caption-text { padding-bottom: 5px; }

.wp-caption {
    text-align: center;
    font-style: italic;
    color: #999;
    font-size: 11px;
    max-width: 500px;
    background: #f2f2f2;
}

.wp-caption img.size-large {
    margin: 10px 0 0 -180px;
}

.wp-caption img,
.wp-caption img a {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
    text-align: center;
    font-weight: normal;
    margin: 0;
    padding: 0 5px 5px;
}

.wp-caption img{
    padding: 5px 5px 0;
    margin-bottom: 0;
}

.entry-content img { max-width: 680px; }

img.alignleft {
    float: left;
    margin: 10px 25px 20px 0;
}

img.alignright {
    display: block;
    margin: 10px 0 25px 20px;
}

img.size-large { margin: 10px 0 20px -180px; }

img.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    margin-top: 5px;
}

.wp-caption img.size-large {
    margin: 10px 0 0 -180px;
}

.wp-smiley {
    max-height: 13px;
    margin: 0 !important;
}

.gallery { margin: auto; }

.gallery-image {
    border: 2px solid #efefef;
    margin-left: 0;
}

.gallery-caption { margin-left: 0; }

.gallery-item {
    float: left;
    text-align: center;
    margin-left: 0;
}

.gallery-columns-2 dl{ width: 50%; }
.gallery-columns-3 dl{ width: 33%; }
.gallery-columns-4 dl{ width: 25%; }
.gallery-columns-5 dl{ width: 20%; }
.gallery-columns-6 dl{ width: 16%; }
.gallery-columns-7 dl{ width: 14%; }
.gallery-columns-8 dl{ width: 12%; }
.gallery-columns-9 dl{ width: 11%; }

.post-meta {
    color: #bbb;
}

.post-meta{
    color: #d9dada;
    font-size: 13px;
}

.post-meta i{
    margin-right: 4px;
    font-size: 15px;
}

.post-meta a{
    color: #d9dada;
}

.post-meta span{
    margin-right: 7px;
}

body.single .post-meta {
    font-size: 15px;
    padding: 3px 0 8px;
    margin: 0 0 20px;
}

body.single-post .entry-title{
    margin-bottom: 10px;
}

.post-meta a{
    color: #d9dada;
    border: none;
}

.post-meta a:hover{
    color: #757575;
    border: none;
}

/* 3.4 Post Author */
#post-author { display: none; }
// #post-author {  padding: 0 15px 15px 0; clear: both; margin-bottom: 30px; }
// #post-author h4 { margin-bottom: 5px; }
// #post-author .profile-image { float: left; margin: 0 15px 5px 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; // border-radius: 100%; }
// #post-author .profile-image img{ display: block; margin: 0; padding: 0; -webkit-border-radius: 100%; -moz-border-radius: // 100%; border-radius: 100%; }
// #post-author .profile-content { margin-left: 100px; }
// #post-author .profile-link { margin-top: 15px; }
// #post-author .profile-link a{ color: #ccc; font-size: 13px; }

/*-----------------------------------------------------------------------------------*/
/*  9.  Navigation
/*-----------------------------------------------------------------------------------*/

.wp-pagenavi {
    clear: both;
    padding-bottom: 20px;
}

.wp-pagenavi span.pages {
    background: none;
    border: none;
}

.wp-pagenavi a, .wp-pagenavi span {
    padding: 0 10px !important;
    border: none !important;
    height: 26px;
    line-height: 24px;
    display: inline-block;
    background: #eff2f3;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 5px;
    color: #717F86;
    color: #bbb;
    font-size: 13px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current { background: #f0f0f0 !important; }

.wp-pagenavi span.current { font-weight: normal !important; color: #5bc4be; }

.post-entries{
    padding: 0 0 20px;
    float: right;
    width: 40px;
}

.post-entries a{
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #eff2f3;
    background-repeat:no-repeat;
    background-position: 5px center;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 18px;
    width: 18px;
    text-indent: -999;
}

.post-entries .nav-prev a{
    float: left;
    background-image: url(images/left-arrow.png);
}

.post-entries .nav-next a{
    float: right;
    background-image: url(images/right-arrow.png);
}

.post-entries a:hover{ background-color: #e5e5e5; }

.nav-entries .nav-prev,
.nav-entries .nav-next{
    min-height: 40px;
}

.nav-entries a{
    background: #eff2f3;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 5px;
    color: #717F86;
    color: #bbb;
    font-size: 13px;
}

/*-----------------------------------------------------------------------------------*/
/*  10. Footer Styles
/*-----------------------------------------------------------------------------------*/

#footer {
    background: #384047;
    color: #fff;
    clear: both;
    margin: 0 auto;
}

#footer a{
    color: #fff;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

#footer a:hover{
    color: #ccc;
}

#footer h4{
    color: #fefefe;
    font-size: 18px;
    text-shadow: 1px 1px black;
    border-bottom: 1px solid #555555;
    padding: 15px 0;
}

#extended-footer{ color: #757575; padding: 25px 0; font-size: 13px; }
#extended-footer .inner{ margin: 0 auto; max-width: 1080px; display: block; }
#extended-footer p{ margin: 0px; float: left; }
#extended-footer a{ color: #777; }
#extended-footer a:hover{ color: #5bc4be; }

/*-----------------------------------------------------------------------------------*/
/*  11.  Page Templates & special styles
/*-----------------------------------------------------------------------------------*/

/*
    Home
*/

.home-block{
    border-bottom: 1px solid #eff2f3;
    padding: 40px 0;
}

/*
    Home Videos
*/

#home-videos{
    background: #eff2f3;
    padding: 50px 0;
}

#home-videos .video-content{
    float: left;
    width: 52%;
}

#home-videos .video-list{
    float: right;
    width: 38%;
    padding-top: 50px;
}

#home-videos .video-list h2{
    margin-bottom: 30px;
    font-size: 30px;
}

#home-videos .video-list ul{
    margin: 0;
    padding: 0;
}

#home-videos .video-list ul li{
    padding: 10px 0;
}

#home-videos .video-list ul li a{
    font-size: 18px;
    color: #888;
}

#home-videos .video-list ul li i{
    font-size: 20px;
    margin-right: 10px;
}

/* Blog - masonry template */

#masonry-grid{
    width: 100%;
}

.blog-masonry{
    position: relative;
}

.blog-masonry .masonry-item {
    padding-bottom: 3%;
}

.blog-masonry .post{
    border: 1px solid #eff2f3;
    padding: 15px 20px;
    margin: 0;
}

.blog-masonry .post .featured-image{
    margin-bottom: 10px;
}

.blog-masonry .post .featured-image img{
    width: 100%;
}

.blog-masonry .post .entry{
    font-size: 14px;
    padding-bottom: 5px;
}

.blog-masonry .post-title{
    margin-bottom: 20px;
    margin-top: 10px;
    display: inline-block;
}

.blog-masonry .post-title a{
    color: #565656;
    font-size: 24px;
}

.blog-masonry .post-meta{
    color: #d9dada;
    font-size: 13px;
}

.blog-masonry .post-meta i{
    margin-right: 4px;
    font-size: 15px;
}

.blog-masonry .post-meta a{
    color: #d9dada;
}

.blog-masonry .post-meta span{
    margin-right: 7px;
}

.blog-masonry .post-footer-meta{
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}

.blog-masonry .post-footer-meta i{
    font-size: 18px;
}

.blog-masonry .post-footer-meta .comment-count i{
    font-size: 15px;
    margin-right: 5px;
}

.blog-masonry article.format-quote h2:before {
    display: none;
}

.blog-masonry article.format-quote h2 {
    font-size: 22px;
    line-height: 28px;
    margin-left: 0;
    padding-top: 0;
}

.blog-masonry article.format-quote .quote-author{
    font-size: 13px;
    margin: 0;
}

.blog-masonry .post .post-content{
}

.blog-masonry .post-content a{
    border-bottom: 0 none;
    color: #d9dAdA;
    font-size: 14px;
}

.blog-masonry .post-content .read-more-link{
    border-bottom: 0 none;
    display: block;
    font-size: 13px;
    margin-top: 20px;
}

.blog-masonry #posts-ajax-loader {
    background: url(images/loader.gif) no-repeat center center;
    bottom: 0;
    top: -20px;
    display: none;
    height: 40px;
    left: 49%;
    position: relative;
    width: 40px;
    clear: both;
}

.blog-masonry #posts-ajax-loader-button {
    display: block !important;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 200px;
    margin: 50px auto 0;

}

.blog-masonry #posts-ajax-loader-button:hover {
    background-color: #5bc4be;
}

.blog-masonry .no-more-posts {
    margin-top: 50px;
    text-align: center;
    min-height: 50px;
}

.blog-masonry .no-more-posts span {
    background: #eff2f3;
    padding: 10px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.blog-masonry .masonry-item .view{
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

/* Welcome Message */

.welcome-message{
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px rgba(0,0,0,0.1);
}

.welcome-message .col-full{
    max-width: 930px;
}

.welcome-message h2{
    color: #fff;
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 1.2;
}

.welcome-message p{
    font-size: 16px;
    color: #ddd;
    margin-bottom: 35px;
}

.welcome-message p a{
    color: #ddd;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}


/* Call to action */

#call-to-action{
    background-color: #eff2f3;
    padding: 60px 0;
    text-align: center;

}

#call-to-action .cta-wrapper {
    display: table;
    width: 100%;
}

.cta-text{
    color: #44463F;
    display: table-cell;
    font-size: 20px;
    font-weight: 200;
    text-align: left;
    vertical-align: middle;
    line-height: 1.3;
}

.has-cta-button .cta-text{
    min-width: 80%;
    padding-right: 5.6%;
}

.cta-button-wrapper{
    display: table-cell;
    vertical-align: middle;
}

.cta-button{
    border: 2px solid;
    -webkit-border-radius:  20px;
    -moz-border-radius:     20px;
    border-radius:          20px;
    color: #3A3B3C;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    min-height: 45px;
    min-width: 240px;
    padding: 10px 45px;
    vertical-align: middle;
}


/* FAQ */

.faq-title{
    font-size: 20px;
    padding: 15px 0;
    display: block;
    cursor: pointer;
}

.faq-title a{
    color: #4b4d4b;
    border: none;
}

.faq-title a:hover{
    text-decoration: none;
}

ul.faq-questions{
    list-style: none;
    margin: 0 0 40px;
    padding: 0;
}

ul.faq-questions li {
    border-bottom: 1px solid #efefef;
    list-style: none;

}

ul.faq-questions li a{
    font-size: 16px;
    padding: 15px 15px 15px 0;
    color: #777;
    border: none;
    display: block;
}

ul.faq-questions li a:hover,
ul.faq-questions li a:visited{
    text-decoration: none;
    border: none;
}

.faq-entry{
    margin-bottom: 50px;
}

.faq-entry h3 {
    margin-bottom: 20px;
}

.faq-entry h3 a{
    font-size: 22px;
    color: #4b4d4b;
}

/*
    Related Posts
*/

#related-posts ul{
    margin: 0;
    padding: 0;
}

#related-posts ul li i{
    margin-right: 10px;
    display: inline-block;
    margin-left: 2px;
    color: #dfdfdf;
    font-size: 18px;
}

/* Buttons */

/* General button style (reset) */
.btn {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 25px 80px;
    display: inline-block;
    margin: 15px 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* TAGS */

.entry-meta .tag-links,
.entry-meta .category-links{
    display: block;
    margin-bottom: 2px;
}

.entry-meta .tag-links i,
.entry-meta .category-links i{
    width: 25px;
}

.entry-meta .tag-links a,
.entry-meta .category-links a {
    background-color: #eff2f3;
    border-radius: 0 2px 2px 0;
    color: #ccc;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2727272727;
    margin: 2px 4px 2px 2px;
    padding: 5px 7px;
    position: relative;
    text-transform: uppercase;
}

.entry-meta .tag-links a:hover {}

body.single-article h1{
    font-size: 38px;
    line-height: 48px;
}

body.single-article #sidebar{ width: 25%; }

.entry-meta{
    margin-bottom: 40px;
}

footer.entry-meta{
    margin-top: 40px;
}

.entry-meta .nice-views,
.entry-meta .nice-reading-time,
.entry-meta .nice-like,
.entry-meta .edit-link{
    background: #eff2f3;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 5px;
    color: #717F86;
    color: #bbb;
    font-size: 13px;
}

.entry-meta .nice-views i,
.entry-meta .nice-reading-time i,
.entry-meta .nice-like i,
.entry-meta .edit-link i{
    font-size: 15px;
    margin-right: 4px;
}

.entry-meta .edit-link a{
    color: #bbb;
    border: none;
    text-decoration: none;
}

.nice-breadcrumb{ margin-bottom: 20px; color: #aaa; text-transform: uppercase; font-size: 12px; }
.nice-breadcrumb a,
.nice-breadcrumb .sep{ color: #D0D0D0; margin-right: 4px; border: none }
.nice-breadcrumb a:hover{ border: none; }

body.page-template-template-home-php #container { border-top: none; padding-top: 10px; }

.nice-like { cursor: pointer; }
.liked{ cursor: default; }
.liked i{ color: #5bc4be;}

.entry { font-size: 15px; line-height: 25px; }

/* Home Page Template Elements */

.infoboxes{
    background-color: #eff2f3;
    padding-top: 40px;
    background-repeat: repeat;
}

.nice-infoboxes{
    text-align: center;
}

.nice-infoboxes .item{
    padding-right: 4%;
    padding-bottom: 3%;
}

.nice-infoboxes .infobox-title{
    font-size: 21px;
    display: block;
    margin: 0 0 25px;
    padding-top: 30px;
    color: #4b4d4b;
}

.nice-infoboxes .infobox-title a{ color: #4b4d4b; border: none; }
.nice-infoboxes .infobox-title a:hover{ border: none; }
.nice-infoboxes .infobox-content { margin-top: 15px; }
.nice-infoboxes .infobox-content p{ margin-bottom: 15px; }

.nice-infoboxes a.read-more{
    display: inline-block;
    color: #aaa;
    padding: 10px 0;
    font-size: 15px;
    border-bottom: 3px solid transparent;
    margin-top: 15px;
}

.nice-infoboxes .item:hover a.read-more{
    border-bottom-color: #5BC4BE;
    color: #4b4d4b;
}

.nice-infoboxes a.read-more:after{
    font-family: 'FontAwesome';
    content: '\f054';
    font-size: 12px;
    margin-left: 5px;
}

.nice-infoboxes .thumb a > img:hover {}

.nice-infoboxes .thumb a { position: relative; display: inline-block; border: none; padding: 0; }

.nice-infoboxes .thumb img{
    width: 80%;
    height: auto;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.nice-infoboxes .item:hover .thumb img{
    -webkit-transform: scale(1.15,1.15);
    -moz-transform:    scale(1.15,1.15);
    -o-transform:      scale(1.15,1.15);
    -ms-transform:     scale(1.15,1.15);
    transform:         scale(1.15,1.15);
}

/*
    Gallery
*/

.nice-gallery [class*='columns-']{
    padding-bottom: 3%;
}

.nice-gallery .thumb a {
    background: #5bc4be;
    display: block;
}

.nice-gallery a > img:hover {
    opacity: .6;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.archive-header {
    border-bottom: 1px solid #efefef;
    display: block;
    float: left;
    font-size: 18px;
    margin: 0 0 30px;
    padding: 0 0 10px;
    width: 100%;
}

.two-col{}
.col-1, .col-2 { width: 48%; }
.col-1 { float: left;  }
.col-2 { float: right; }

/*
    Pre Footer Widgets
*/

.pre-footer-widgets .widget-section .widgettitle{
    font-size: 20px;
    display: block;
    margin: 0 0 20px;
    padding-top: 15px;
}

/* FAQs */
article.faq { border-bottom: 1px solid #E6E6E6; }
article.faq .entry-content{ display: none; }
body.single article.faq{ border: none; }

/*
    buttons
*/

.button-secondary {
    background-color: #AAB3BB !important;
    border-color: #9AA7B1 !important;
}

.button-primary, .button-secondary, .cta-button {
    font-size: 16px !important;
    padding: 21px 35px 19px;
}

.button-primary, .button-blue, .button-secondary, .header .nav li.current-page a, .header .nav-callout, .cta-button,
input[type="submit"], button, #commentform .button, #respond input[type="submit"], .nice-contact-form input[type="submit"],
.blog-masonry #posts-ajax-loader-button {
    -moz-box-sizing: border-box;
    background: #c6ccd2;
    border-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px 1px 1px 1px !important;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.button-secondary, .cta-button {
    background-color: #c6ccd2 !important;
    border-color: rgba(0,0,0,0.1);
}

/*
    Related Posts
*/

#related-posts ul{
    margin: 0;
    padding: 0;
}

#related-posts h3{
    font-size: 21px;
    margin-bottom: 15px;
}

#related-posts li{
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #f9f9f9;
}

#related-posts li:last-child,
#related-posts a:hover{
    border: none;
}

#related-posts a{
    color: #8a8a8a;
}

/* Live search */

/* = Live Search
-------------------------------------------------------------- */

#live-search {
    padding: 70px 0 90px;
}

#live-search #searchform {
    max-width: 750px;
    width: 100%;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    border: 1px solid #d7d7d7;
}

#live-search .input{ position: relative; display: inline-block; margin: 0; width: 100%; }

#live-search .input label {
    color: #A9A9A9;
    display: inline-block;
    left: 26px;
    position: absolute;
    top: 20px;
    z-index: 1;
    text-transform: none;
    cursor: text;
    font-size: 16px;
}

#live-search .input label.focus {
    color: #ccc;
}

#live-search .input label.has-text {
    display: none;
}

#live-search #s {
    float: left;
    width: 90%;
    background: none;
    color: #595959;
    font-size: 16px;
    padding: 20px 0 20px 25px;
    border: none;
    box-shadow: none;
}

#live-search #s.loading {
    background: url(images/loader-light.gif) no-repeat right 30px;
}

#live-search #searchsubmit {
    font-family: 'FontAwesome';
    background-color: transparent;
    background-repeat: no-repeat;
    float: right;
    margin: 12px 15px 0 0;
    padding: 9px 18px 9px 34px;
    border: none;
    height: 32px;
    width: 32px;
    border: none;
    cursor: pointer;
    color: #bbb !important;
    background-color: transparent !important;
    font-size: 20px !important;
    position:relative;
    text-shadow: none !important;
}

#live-search #searchsubmit:hover {
    background-color: transparent;
    color: #aaa !important;
}

#search-wrap {
    position: relative;
}
#search-result {
    position: absolute;
    background: #fff;
    list-style: none;
    font-size: 13px;
    top: 0;
    left: -1px;
    margin: 0;
    border: 1px solid #d7d7d7;
    z-index: 9999;
    border-top: none;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 750px;
}

#search-result li {
    margin: 0;
    border-bottom: 1px solid #f4f4f4;
}
#search-result li:last-child {
    margin: 0;
    border-bottom: none;
}

#search-result li.format-faq{}

#search-result li.format-article{}

#search-result li.no-results {
    display: block;
    color: #646464;
    padding: 15px 15px 20px 25px;
    font-size: 14px;
    border: none;
}

#search-result a {
    display: block;
    color: #646464;
    padding: 15px 15px 15px 25px;
    font-size: 14px;
    border: none;
}

#search-result a i,
#search-result li.no-results i {
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    width: 15px;
    color: #888;
}

#search-result a:hover {
    text-decoration: none;
    background: #F5F5F5;
    border: none;
}
#search-result img {
    vertical-align: middle;
    margin: 0 10px 0 0;
}

#search-result .nothing-here {
    padding: 0 5px;
}

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

    #live-search #s {
        width: 100%;
    }
    #live-search #searchsubmit {
        display: none;
    }

}

/*
    Knowledgebase
*/

.nice-knowledgebase ul{
    margin: 0;
    padding: 0;
}

.nice-knowledgebase ul li {
    display: block;
    padding: 8px 5px 8px 0;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.nice-knowledgebase ul li a{ color: #8b989e; border: none; display: inline-table; width: 85%; }
.nice-knowledgebase ul li i{ margin-top: 1px; }
.nice-knowledgebase ul li i.fa-youtube-play{ margin-top: 3px; }

.nice-knowledgebase ul li a:hover, .widget ul li a:focus  { border: none; color: #5a5a5a; }

.nice-knowledgebase ul li:hover i{
    color: #5bc4be;
}

#knowledgebase h2{
    margin-bottom: 60px;
    font-size: 30px;
}

body.home #knowledgebase{
    padding-top: 70px;
}

.nice-knowledgebase h3 a,
.nice-knowledgebase h3{
    color: #4B4D4B;
    font-size: 21px;
    line-height: 1.5em;
    margin: 0 0 0.5em;
}

.nice-knowledgebase [class*="columns-"]{
    padding-bottom: 30px;
}

.nice-knowledgebase .row .list {
    width: 100%;
    margin-right: 0px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 25px;
    margin-right: 0;
    padding-bottom: 30px;
}

.nice-knowledgebase .row h3 .cat-count{
    font-size: 14px;
    margin-left: 7px;
    position: relative;
    top: -2px;
    color: #ddd;
}

.nice-knowledgebase ul{
    margin: 0;
    list-style: none;
}

.nice-knowledgebase ul li{
    list-style: none;
}

.nice-knowledgebase ul li i{
    margin-right: 10px;
    display: inline-block;
    margin-left: 2px;
    color: #dfdfdf;
    font-size: 18px;
}

.nice-knowledgebase ul li i.fa-youtube-play{
    font-size: 15px;
}

/* Gallery */
.gallery-container{ width: 1120px; }

/* Fancybox */
.fancybox-overlay a{ border: none; }

/*-----------------------------------------------------------------------------------*/
/*  12.  Contact Form
/*-----------------------------------------------------------------------------------*/

.display-ie8 {
    display: none;
}

.ie7 .display-ie8,
.ie9 .display-ie8,
.ie8 .display-ie8{
    display:block;
}

.nice-contact-map { width: 100%; margin-bottom: 20px; }

.nice-contact-sidebar .box { margin-bottom: 30px; }

.nice-contact-form label {
    width: 100%;
    margin-bottom: 10px;
    clear: both;
    color: #777;
}

span.required{
    color: #5bc4be;
    margin-left: 5px;
}

.nice-contact-form input, .nice-contact-form textarea {
    width: 94%;
    padding: 10px 0 10px 10px;
    margin: 1px 0 0;
    font-size:100%;
    display: block;
}

.nice-contact-form input{
    padding: 10px;
    font-size: 16px;
}

.nice-contact-form input:focus, .nice-contact-form textarea:focus,
.nice-contact-form input:active, .nice-contact-form textarea:active {
}

.nice-contact-form textarea {
    height: 150px;
}
.nice-contact-form #node {
    float: left;
    width: 100%;
    display: none;
    color: #fb6022;;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.nice-contact-form #success {
    background: #48B855;
    color: #fff;
    float: left;
    font-size: 15px;
    margin-bottom: 20px;
    padding: 10px;
    width: 95%;
    display: none;
}
.nice-contact-form input[type=submit] {
    width: 150px;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
    clear: both;
    height: auto;
    padding: 10px;
    box-shadow: 0 0 0 ;
}

.nice-contact-form input[type=submit]:active {
    margin-top: 1px;
}

.nice-contact-form label.error{
    color: #bbb;
    width: 350px;
}


.nice-contact-form input.valid{
    background-image: url(images/tick.png);
    background-repeat: no-repeat;
    background-position: right center;
}

/*-------------------------------------------------------------------------------------------*/
/* 13. Widgets */
/*-------------------------------------------------------------------------------------------*/

#sidebar .widget h4 {
    margin: 0 0 20px;
    color: #4B4D4B;
}

.widget{
    clear: both;
    margin: 0 0 2em;
}

.widget ul {
    clear: both;
    list-style-position: inside;
    list-style-type: none;
    margin: 0px;

}

.widget ul li {
    border-bottom: 1px solid #f9f9f9;
    padding: 10px 10px 10px 0;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.widget ul li a{ color: #8a8a8a; border: none; }

.widget ul li a:hover, .widget ul li a:focus  { border: none; color: #5a5a5a; }

.widget ul li:last-child { border-bottom: none; }

.widget select {
    font: 12px/20px 'Lato', serif;
    color: #8a8a8a;
    width: 100%;
}

/* SEARCH */
/* Assistive text */
.screen-reader-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.widget a.screen-reader-text:active,
.widget a.screen-reader-text:focus {
    border-bottom: 1px solid #ddd;
    color: #1982d1;
    clip: auto !important;
    font-size: 12px;
    position: absolute;
    text-decoration: underline;
    top: 0;
    left: 7.6%;
}

.widget input#s {
    background: #fff url(images/search.png) no-repeat 7px 7px;
    font-size: 14px;
    padding: 7px 10px 8px 30px;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    .widget input#s {
        background-size: 16px 18px;
        background-image: url(images/search@2x.png) !important;
    }
}

.widget input#searchsubmit { display: none; }

.widget #s { width: 86%; }

.widget #s:focus {
    background-color: #f9f9f9;
}

.widget #searchsubmit { display: none; }

.widget .only-search #searchform {
    top: 5px;
    z-index: 1;
}

.widget .only-search #s {
    background-color: #666;
    border-color: #000;
    color: #222;
}

.widget .only-search #s,
.widget .only-search #s:focus {
    width: 85%;
}

.widget .only-search #s:focus { background-color: #bbb; }


/*
    Popular Articles
*/

.nice_popular_articles .meta{
    font-size: 12px;
    margin-top: 8px;
    color: #ccc;
    float: left;
    width: 100%;
}

.nice_popular_articles .meta span{
    margin-right: 8px;
}

.nice_popular_articles .meta i{
    font-size: 11px;
    margin-right: 2px;
}

/* FLICKR */
.widget_nice_flickr h3 span { color: #0061d8; padding: 0; }
.widget_nice_flickr h3 span span{ color: #ff1183; padding: 0; }
.widget_nice_flickr .wrap  { position: relative; padding: 0; }
.widget_nice_flickr .flickr_badge_image{ float: left; margin: 5px; background:#fff; padding: 2px; border: 1px solid #efefef; }
.widget_nice_flickr .flickr_badge_image:hover { border-color: #eff2f3; }
#footer-widgets .widget_nice_flickr .flickr_badge_image{ background: #4f4f4f; }
#footer-widgets .widget_nice_flickr .flickr_badge_image:hover{ background: #3f3f3f; }
#sidebar .widget_nice_flickr .s div.flickr_badge_image:nth-of-type(3n) { margin-rigth: 0px; }
#sidebar .widget_nice_flickr .s div.flickr_badge_image:nth-of-type(3n+1) { margin-left: 0px;  }

#footer-widgets .widget_nice_flickr .s div.flickr_badge_image:nth-of-type(2n) { margin-rigth: 0px; }
#footer-widgets .widget_nice_flickr .s div.flickr_badge_image:nth-of-type(2n+1) { margin-left: 0px; }

.widget_nice_flickr a img{
    float: left;
    border: 2px solid #fff;
    margin: 0;   display: block;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

#footer-widgets .widget_nice_flickr h3 span{ color: #0061d8; }
#footer-widgets .widget_nice_flickr h3 span span{ color: #ff1183; }

#footer-widgets .widget_nice_flickr a img  { border-color: #3f3f3f; background: #4f4f4f; }
#footer-widgets .widget_nice_flickr a:hover img  { background: #3B444B; }

/* Calendar */
.widget #calendar_wrap{
    padding: 10px;
    background: #eff2f3;
}

.widget_calendar #wp-calendar {
    color: #555;
    width: 100%;
    text-align: center;
    border: none;
    background: #fff;
    margin: 0 auto;
}

.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
    text-align: center;
    background: #fff;
}
.widget_calendar #wp-calendar caption {
    font-size: 11px;
    font-weight: 500;
    padding: 5px 0 3px 0;
    text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ECECEC;
}

.widget_calendar #wp-calendar tr {
    border: none;
}

/* Twitter */
.widget_nice_twitter ul li { background: #fff; padding: 8px 0; }
.widget_nice_twitter ul li:hover { background: #fff; }
.widget_nice_twitter p.tw-follow { margin-top: 10px; margin-bottom: 0px; color: #888; }
.widget_nice_twitter .one-tweet { font-size: 16px; }

/* BLOG AUTHOR */

.widget_nice_blogauthor .left { float: left; padding-right: 15px; }
.widget_nice_blogauthor .right{ float: right; padding-left: 15px; }
.widget_nice_blogauthor img{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* Categories */
/* nice categories */
.widget_nice_article_categories li a  { position: relative;left: 0; transition:  left .25s, color .5s; -moz-transition:  left .25s, color .5s; -webkit-transition:  left .25s, color .5s; border: none; }
.widget_nice_article_categories li a:hover, .widget_nice_article_categories li.current-cat a , .widget_nice_article_categories li.current-menu-item a   { left: 3px; transition:  left .25s, color .25s; -webkit-transition:  left .25s, color .25s; -moz-transition:  left .25s, color .25s; }
.widget_nice_article_categories li  { position: relative; }
.widget_nice_article_categories li span  { position: absolute; padding: 0 7px; right: 5px;  font-weight: bold; font-size: 8px; color: #ccc; background: #eff2f3; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; }
.widget_nice_article_categories li span.one-digit  { padding: 2px 9px;}
.widget_nice_article_categories li span.two-digit  { padding: 3px 7px;}
.widget_nice_article_categories li a:hover span  { background-color: #ddd; }

#footer-widgets .widget_nice_article_categories li span{
    color: #555;
}

/* Text Widget */

.textwidget{}

/* Ads */
.widget_nice_ad img{ max-width: 100%; }

/* Tags */
#pre-footer-widgets .widget .tagcloud a,
#sidebar .widget .tagcloud a{
    background-color: #eff2f3;
}

.widget .tagcloud a{
    background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius:       2px;
    color: #aaa !important;
    display: block;
    float: left;
    font-size: 14px !important;
    margin: 5px 10px 5px 0;
    padding: 6px 10px;
    text-transform: capitalize;
}

/* NiceTABS */
#tabs { height: auto; display: block; }
#tabs ul.niceTabs { padding: 0px; }
#tabs ul.niceTabs li {
    float: left; display: inline; color: #fff;
    margin: 0px; cursor: pointer;
    padding:0;
    border:0 none;
    background: #f8f8f8;
}
#tabs ul.niceTabs li a { color: #bbb; display: block; float: left; padding: 10px 8px; text-transform: none; font-size: 13px; line-height: 18px; border: 1px solid #e7e7e7; border-width: 1px 1px 1px 0; }
#tabs ul.niceTabs li a.active { padding-bottom: 11px; color: #555; }
#tabs ul.niceTabs li a.active,
#tabs ul.niceTabs li a:hover { background: #fff; text-decoration: none; border-width: 1px 1px 0 0; }
#tabs ul.niceTabs li:first-child a { border-width: 1px 1px 0px 1px; }

#tabs .inside { background: #fff; border: 1px solid #e7e7e7; margin-top: -1px;  }
#tabs .inside ul, #tabs .inside .tags { margin: 0; padding: 0; display: none; }
#tabs .inside ul:first-child { display: inline; }
#tabs .inside .tags {  border-width: 1px; padding:10px; }
#tabs .inside li { border-bottom: 1px solid #e7e7e7; padding: 12px; list-style: none; background: #fff; }
#tabs .inside li a { color: #535353; font-size: 13px; line-height: 18px; padding: 0; }
#tabs .inside a:hover{}
#tabs .inside .tags a { padding: 4px 8px; margin: 3px 1px; display: inline-block; background: #dbdbdb; color: #fff; font-size: 12px !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: none; }
#tabs .inside .tags a:hover{ text-decoration: none; background-color: #5bc4be; }
#tabs .inside li span.meta { display: block; font-size: 11px; line-height: 20px; text-transform: normal; color: #bbb; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { background-color: #fff; padding: 4px; float: left; border: 1px solid #e7e7e7; margin: 0 10px 0 0; }
#tabs .inside li:hover img.avatar, #tabs .inside li:hover img.thumbnail{ border-color: #eff2f3; }

#footer-widgets .widget .widget_nice_social #social,
.widget_nice_social #social{
    margin: 0;
    background: none;
    padding: 0;
}

.social-links{
    margin:0 auto;
    list-style: none;
}

#footer-widgets .widget .widget_nice_social #social,
.widget_nice_social #social {
    list-style: none;
    margin: 0;
}

#footer-widgets .widget .widget_nice_social #social > li,
.widget_nice_social #social > li {
    display: inline-block !important;
    position: relative !important;
    background-image: none;
    padding: 0 !important;
    background-color: transparent;
    border: none !important;
}

#footer-widgets .widget .widget_nice_social #social > li a,
.widget_nice_social #social > li a {
    background-color: #eff2f3;
    color: #fff !important;
    text-align: center;
    line-height: 45px;
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    display: block;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
    /*text-indent: -999em;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#footer-widgets .widget .widget_nice_social #social > li i,
.widget_nice_social #social > li {
    font-size: 22px;
}

#social > li {
    margin-right: 3px;
    margin-bottom: 3px;
}

#social #facebook a         { background-color: #4064af !important; }
#social #twitter a          { background-color: #46c7f4 !important; }
#social #dribbble a         { background-color: #e94c89 !important; }
#social #vimeo a            { background-color: #87c8ee !important; }
#social #tumblr a           { background-color: #33526f !important; }
#social #flickr a           { background-color: #ed1e83; }
#social #google a           { background-color: #db4a38 !important; }
#social #youtube a          { background-color: #c4302a !important; }
#social #linkedin a         { background-color: #0f76a8 !important; }
#social #android a          { background-color: #a3c539 !important; }
#social #mac a              { background-color: #333 !important; }
#social #dropbox a          { background-color: #4c96d1 !important; }
#social #foursquare a       { background-color: #00b9e0 !important; }
#social #instagram a        { background-color: #634d40 !important; }
#social #pinterest a        { background-color: #c9222d !important; }
#social #skype a            { background-color: #2aace3 !important; }
#social #bitbucket a        { background-color: #205081 !important; }
#social #github a           { background-color: #444 !important; }
#social #stack-exchange a   { background-color: #3A6DA6 !important; }
#social #stack-overflow a   { background-color: rgba(217,163,46,1); }
#social #trello a           { background-color: #24688F !important; }
#social #rss a              { background-color: #ed7f2d !important; }

#footer-widgets {
    padding-top: 40px;
    padding-bottom: 40px;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

#footer-widgets .widget {
    font-style: normal;
    color: #c9c9c9;
}

#footer-widgets .widget-wrap { max-width: 1080px; }
#footer-widgets .widget a { color: #ffffff; }
#footer-widgets .widget li a { color: #c9c9c9; }
#footer-widgets .widget li a:hover { color: #fff; }

#footer-widgets h3 {
    color: #fff;
    font-size: 21px;
    margin: 0 0 30px 0;
    text-transform: capitalize;
}

#footer-widgets .widget ul{
    padding: 0;
    background: none;
}

#footer-widgets .widget ul li {
    border-bottom: 1px solid #3c3c3c;
    background: none;
    padding: 8px 8px 8px 0;
    display: block;
}

#footer-widgets .widget ul li:last-child {
    border-bottom: none;
}

#footer-widgets .last {
    clear: right;
    margin-right: 0 !important;
}

/*-------------------------------------------------------------------------------------------*/
/* 14. Responsive */
/*-------------------------------------------------------------------------------------------*/

.single .video,
.video-content .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.single .video iframe, .single .video object, .single .video embed,
.video-content .video iframe, .video-content .video object, .video-content .video embed{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* --- iPad Landscape --- */
@media screen and (max-width: 1024px) {

    #content {
        float: none !important;
        overflow: hidden;
        width: 100% !important;
        margin: 0 auto 25px;
        padding: 0 20px;
    }

    #container{
        padding: 30px 0 0;
        width: 100%;
    }

    #sidebar{
        float: none !important;
        width: 100%;
        margin: 0 auto;
    }

    .col-full{
        width: 100%;
        padding: 0 20px;
    }

    .single .featured-image {
        width: 100%;
    }

    #extended-footer .inner{
        width: 100%;
    }

    #footer .col-full{
        max-width: 100%;
    }

    .post .video iframe, .post .video object, .post .video embed,
    .video-content .video iframe, .video-content .video object, .video-content .video embed{
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .single .featured-image img, .post .featured-image img {
        max-width: 100%;
    }

    .post .wp-post-image {
        background: none;
        padding: 0;
    }

    #navigation ul li a .bar{
        display: none;
    }

    #top #navigation .nav > li a{
        line-height: 50px;
        margin-right: 0;
    }

    #top #navigation .nav li ul li a{
        border: none;
    }

    .infoboxes, .home-block {
        margin: 0 auto;
        max-width: 100%;
    }

    .widget #s {
        width: 93%;
    }

    #footer-widgets .widget {
        padding-right: 20px;
    }

    .three-col .row .column{
        width: 29%;
    }

    #home-videos .video-list{
        padding-top: 15px;
    }

    #sidebar { display: none; }

    .gallery-container{ width: 100%; }

    #header #top #toggle-nav {
        display: block;
    }

    #top #navigation .nav li ul li a{
        padding: 15px 10px;
        width: auto;
    }

    #top #navigation .nav li ul li:last-child a {
        border-bottom: none;
    }

    #header #navigation{
        clear: both;
        display: none;
        float: none;
    }

    #header #navigation ul{
        width: 100%;
    }

    #header #navigation li{
        float: none;
        width: 100%;
    }

    #navigation .nav li a{
        border-bottom: 1px solid rgba(255,255,255,0.2);
        padding: 15px 10px;
        line-height: 20px;
        margin-right: 0;
    }

    #top #navigation .nav li ul li a,
    #top #navigation .nav li ul li a:hover{ color: #ccc; }

    #navigation .nav li:last-child a{
        border-bottom: none;
    }

    #navigation .nav li a.sf-with-ul{
        background-image: none;
    }

    #header #navigation li ul{
        background-color: transparent;
        left: 0;
        margin-left: 30px;
        position: relative;
        top: 0;
        width: auto;
    }

    #navigation{
        margin: 0 auto;
        max-width: 100%;
    }

    .backtotop{
        display: none
    }

    .nice-infoboxes .item{
        padding-right: 0;
    }

    .nice-infoboxes .thumb img{
        width: 100%;
    }

    .nice-infoboxes .item:hover .thumb img{
        -webkit-transform: ;
        -moz-transform:    scale(1,1);
        -o-transform:      scale(1,1);
        -ms-transform:     scale(1,1);
        transform:         scale(1,1);
    }

}

/* --- iPad Portrait --- */
@media screen and (max-width: 880px) {

    #content, #sidebar, .col-full, #extended-footer .inner { width: 100%; }
    #extended-footer .inner, #footer { width: 100%; }
    #sidebar{ padding: 0; }

    .post .video,
    .video-content .video {
        height: 100%;
    }

    #extended-footer .inner p{ padding: 0 4%; }
    #footer-widgets .widget {
        padding: 0 4%;
    }

    .entry p,
    .entry ul,
    .entry ol{ font-size: 110%; }

}

/* --- Galaxy Landscape --- */
@media screen and (max-width : 685px) {

    #live-search #s{ width: 80%; }
}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px) {

    #content, .slider, #sidebar, .col-full, #extended-footer .inner {
        width: 100% !important;
    }

    #extended-footer .inner, #footer { width: 100%; }
    .content { width: 80%; padding-top: 20px; }

}

/* --- Kindle Landscape --- */
@media screen and (max-width : 600px) {

    #footer #footer-widgets .widget_nice_flickr .flickr_badge_image {
        margin-left: 0;
        margin-right: 6px;
    }

    #home-videos .video-content{
        float: none;
        width: 100%;
    }

    #home-videos .video-list,
    #call-to-action{
        display: none;
    }

}

/* Android Landscape */
@media screen and (max-width: 515px) {

    .widget #s {
        width: 90%;
    }

    .nice-contact-sidebar,
    .nice-contact-form { width: 100%}

    [class*='columns-'] {
        width: 100%;
    }

}

/* iPhone Landscape */
@media screen and (max-width: 480px) {

    #commentform input.txt{
        width: 60%;
    }

    #commentform textarea {
        width: 90%;
    }

}

/* Masonry */

@media screen and (max-width: 480px) {
    #sub-header {
        display:none;
    }
    #s {
        display:none;
    }
    #default-logo {
        display: none !important;
    }
    #retina-logo {
        display: none !important;
    }
    #category-label {
        margin-left: 0px !important;
    }
}
/* iPhone portrait */
@media screen and (max-width: 320px) {

    .widget #s { width: 83.5%; }

}

.mobile-image {
    display: none;
}
@media screen and (max-width:540px) {
    .mobile-image {
        display: block !important;
        padding-top: 25px;
    }
}
/* --- Hubspot form styling --- */

.hbspt-form label {
	color: #333;
}