/* ==========================================================================
   Base
   ========================================================================== */

body
{
   -webkit-animation-duration: 0.1s;
   -webkit-animation-name: fontfix;
   -webkit-animation-iteration-count: 1;
   -webkit-animation-timing-function: linear;
   -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix{
   from{    opacity: 1; }
   to{   opacity: 1; }
}

body {
   line-height: 1.6em;
   font-weight: 300;
   color: #222;
}
h1, h2, h3, h4, h5, h6 {
   color: #121212;
   font-weight: 700;
}
h1, h2, h3 {
   margin-top: 0;
}
h1 { 
   font-size: 36px;
}
h2 { 
   font-size: 28px;
}
h3 { 
   font-size: 22px;
}
h4 { 
   font-size: 18px;
}
h5 { 
   font-size: 14px;
}


li {
   line-height: 1.8em;
}

img {
   width: auto\9;
   height: auto;
   max-width: 100%;
}

/* ==========================================================================
   Input fields
   ========================================================================== */

textarea, .form-control, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}
textarea, .form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
   border: 1px solid #ccc;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}
textarea:focus, .form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus {
   border: solid 1px #999;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
} 



.form-control {
   height: 42px;
   padding: 8px 12px;
   font-size: 16px;
   line-height: 1.428571429;
   color: #555;
}




.btn {
   border-radius: 0;
   padding: 10px 16px;
}
.btn-lg {
   padding: 14px 20px;
   font-size: 18px;
   line-height: 1.33;
   border-radius: 0;
}
.btn-sm {
   padding: 7px 12px;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 0;
}
.btn-xs {
   padding: 3px 5px;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 0;
}
.btn-xxs {
   padding: 1px 4px;
   font-size: 12px;
   line-height: 1.45;
   border-radius: 0;
   margin-bottom: 4px;
}

.btn-primary:hover {
   opacity: 0.9;
}

/* =============================================================================
   Bootstrap
   ========================================================================== */

.alert {
   line-height: 1.4em;
   border: 0;
   border-radius: 0;
}
blockquote p {
   line-height: 1.6;
}
pre {
   border-radius: 0;
}
.container .jumbotron {
   border-radius: 0;
}
.jumbotron p {
   line-height: 1.6;
   margin-bottom: 15px;
}
.presentation h1 {
   font-size: 60px;
}

/* ==========================================================================
   Unused
   ========================================================================== */
.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}


/* =============================================================================
   Header
   ========================================================================== */

.banner {
   background-color: #222;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.navbar {
   margin-bottom: 0;
}
.navbar-brand {
   padding-top: 0;
   padding-bottom: 0;
}
.navbar-brand h1 {
   margin: 22px 0 0;
   font-size: 24px;
   font-weight: 500;
   color: #fff;
}
.navbar-brand h1 a, .navbar-brand h1 a:hover {
   color: #fff;
   text-decoration: none;
}

/* .navbar-brand h1.site-title{ margin-top: 0px; font-weight: bold; } */

.navbar-static-top {
   border-width: 0;
}
/* =============================================================================
   Main navigation
   ========================================================================== */

/* reset bootstrap menu */
.navbar-nav {
   float: right;
}
.navbar-nav>li>.dropdown-menu {
   margin-top: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
   display: inline-block;
}

.dropdown-menu .dropdown-menu {
   top: -2px;
   left: 100%;
   margin-top: 0;
   margin-left: -1px;
   border-left: solid 1px rgba(255, 255, 255, 0.05);
}
.dropdown-menu li:first-child {
   border-top: solid 1px rgba(255, 255, 255, 0.05);
}
.dropdown-menu li {
   border-bottom: solid 1px rgba(255, 255, 255, 0.05);
}
.dropdown-menu li:last-child {
   border-bottom: none;
}
.dropdown-submenu {
   position: relative;
}

.banner.navbar {
}
.navbar-nav>li>a {
   padding: 25px 15px;
}
/* force dropdown on hover */
.nav-main .dropdown:hover > .dropdown-menu {
   display: block;
}
/*
.nav-select select {
   width:100%;
}
*/
.dropdown-menu {
   padding: 0;
   border-radius: 0px;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.navbar-nav .dropdown-menu {
   background-color: #59616D;
}
.dropdown-menu>li>a {
   padding: 12px 20px;
   color: rgba(255, 255, 255, 0.8);
}
.navbar-nav>li>a {
   color: rgba(255, 255, 255, 0.8);
}
.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus,
.navbar-nav>li>a:hover {
   color: #fff;
}


/* =============================================================================
   Main header
   ========================================================================== */

.main-header {
   padding: 15px 0 15px;
}
.main-header h1 {
   color: #fff;
   margin-bottom: 6px;
}
.main-header .tagline {
   color: #fff;
   margin-bottom: 0;
}
.main-header .append-icon {
   margin: 14px 0 6px; 
   position: relative;
}
.main-header .form-search span {
   position: absolute;
   right: 10px;
   top: 9px;
   color: #aaa;
   font-size: 18px;
}


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

.autocomplete-suggestions { border: 1px solid #bbb; background: #FFF; cursor: default; overflow: auto; overflow-y: scroll;overflow-x: hidden;width: 100%!important;}
.autocomplete-suggestion { padding: 8px 10px 0; overflow: hidden; border-bottom:1px solid #ddd }
.autocomplete-suggestion h4{ line-height:1em;margin: 5px 0; /*white-space: nowrap;*/}
.autocomplete-suggestion p{ line-height:18px}
.autocomplete-suggestion:last-child{ border:none}
.autocomplete-selected { background: WhiteSmoke; }
.autocomplete-suggestions strong { }

#hero .form-search .autocomplete-suggestion  .btn-primary{ font-size: 13px; line-height: 18px; padding: 8px 10px; min-height: auto; float: right; clear: both; }


/* ==========================================================================
   Responsive navigation
   ========================================================================== */

.navbar-toggle {
   top: 10px;
   border: 1px solid #FFF;
   border-radius: 0;
}
.navbar-toggle:hover {
   background-color: rgba(0, 0, 0, 0.2);
}
.navbar-toggle .icon-bar {
background-color: #fff;
border-radius: 0;
}

.nav-responsive > ul > li:last-child {
   padding-bottom: 18px;
}

.nav-responsive >.nav>li>a {
   padding-top: 15px;
   padding-bottom: 15px;
   color: rgba(255, 255, 255, 0.8);
}
.nav-responsive >.nav>li>a:hover {
   background-color: rgba(0, 0, 0, 0.2);
   color: #fff;
}
.nav .responsive-submenu {
   padding-left: 40px;
}



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

.content {
   margin-top: 60px;
   margin-bottom: 70px;
}


/* ==========================================================================
   Primary Content
   ========================================================================== */

.main { }
.page-header {
   margin-top: 0;
   margin-bottom: 5px;
   border-bottom: none;
}

/* Gallery Shortcode */
.gallery-row { padding: 15px 0; }


/* ==========================================================================
   Blog Content
   ========================================================================== */

article.post {
   background-color: #fff;
   padding: 25px 25px 10px;
   margin-bottom: 30px;
   overflow: hidden;
}
.loop-comments {
   position: relative;
   float: right;
   top: 3px;
   right: 0;
   padding: 0 7px;
   font-size: 13px;
}
.loop-comments, .loop-comments i {
   color: #fff;
}
article.post header h2 {
   margin-bottom: 30px;
}
article.post footer {
   font-size: 0.85em;
   color: #aaa;
   padding-top: 5px;
}
.author {
   display: inline-block;
   margin: 0 0 0 25px;
}
.tags {
   display: inline-block;
   float: right;
   margin: 0;
   width: 60%;
}

/* Search */
.search article.page {
   background-color: #fff;
   padding: 25px 25px 10px;
   margin-bottom: 30px;
}

/* ==========================================================================
   Defaults Page
   ========================================================================== */

.page-main {
   background-color: #fff;
   padding: 23px 25px 20px;
}
/* ==========================================================================
   404 Page
   ========================================================================== */

.error404 .page-header h1 {
   font-size: 100px;
   font-weight: 700;
   text-align: center;
   margin-top: 50px;
}
.not-found h3 {
   font-size: 36px;
   text-align: center;
   margin: 60px 0 100px
}
.not-found .form-control {
   height: 56px;
}
.not-found .btn {
   padding: 16px 32px;
   font-size: 16px;
}
.not-found .search-form {
   margin-bottom: 50px;
}

/* ==========================================================================
   Home Page Template
   ========================================================================== */

#hero {
   padding: 70px 0 90px;
}
#hero h1 {
   text-align: center;
   margin: 0 0 26px;
   color: #fff;
   font-size: 90px;
}
#hero .subtitle {
   text-align: center;
   color: rgba(255, 255, 255, 0.85);
   font-size: 1.4em;
   font-weight: 300;
   font-style: italic;
}
#hero .form-search {
   margin-top: 50px;
}
#hero .form-search .form-control {
   height: 67px;
   font-size: 18px;
   border:none;
}
#hero .form-search .btn {
   padding: 21px 50px;
   font-size: 18px;
   background-color: #222;
   margin-left: 8px;
   color: #fff;
   font-weight: 500;
   min-height: 45px;
}
#hero .form-search .btn:hover {
   background-color: #000;
}


#boxes {
   color: #fff;
   padding-top: 100px;
   text-align: center;
}
.box {
   padding: 0 20px;
}
.box a {
   color: #fff;
}
.box a:hover {
   text-decoration: none;
}

.box i {
   font-size: 86px;
}
.box i:hover {
   color: rgba(255, 255, 255, 0.85);
}
.box h2 {
   margin: 40px 0 20px;
   font-size: 36px;
}
.box h2 a:hover {
   color: rgba(255, 255, 255, 0.85);
}
.box p {
   margin-bottom: 40px;
   line-height: 1.8em;
}
.box .btn {
   font-weight: 500;
   border: solid 1px #fff;
}
.box .btn:hover {
   border: solid 1px rgba(255, 255, 255, 0.85);
   color: rgba(255, 255, 255, 0.85);
}

#home-content {
   padding: 60px 0 50px;
   background-color: #fff;
}

#home-featured {
   padding: 50px 0 40px;
   background-color: WhiteSmoke;
}
#home-featured article.post {
   background-color: transparent;
   padding: 0 5px 0;
}
.recent-title h2 {
   font-size: 34px;
   text-align: center;
   margin-bottom: 50px;
}


/*
.entry-title:after{
	content: " \2192";
	opacity: 0.2;
}

.entry-title:hover:after{
	opacity: 0.65;
}
*/

body.page-template-template-knowledgebase-2017 article.post{
	padding: 0;
	margin: 0;
}

body.page-template-template-knowledgebase-2017 .entry-title h2{
   font-size: 18px;
}




#home-featured .entry-title {
   margin: 0;
}
#home-featured .entry-media {
   margin-top: 30px
}
#home-featured .entry-content {
   margin-top: 25px;
}
#home-video {
   padding: 50px 0 70px;
   background-color: #eee;
}
.video-title h2 {
   font-size: 34px;
   text-align: center;
   margin-bottom: 50px;
}
.box-video {
   padding-top: 110px;
}
.box-video i {
   text-align: center;
   font-size: 110px;
   text-decoration: none;
   color: #fff;
}
.box-video h3 {
   margin-top: 30px;
}
.box-video h3 a {
   color: #fff;
}
.box-video h3 a:hover, .box-video i:hover {
   color: rgba(255, 255, 255, 0.85);
   text-decoration: none;
}
.box-video-list {
   padding: 0 25px;
   height: 390px;
}
.box-video-list .icon-chevron-right {
   color: #fff;
}
#home-video h3 {
   font-size: 26px;
   margin-bottom: 20px;
}
#home-video ul {
   list-style: none;
   padding-left: 0;
   margin-bottom: 16px;
}
#home-video h4 {
   line-height: 1.6em;
}
#home-video span.label a {
   color: #fff;
}
#home-video span.label a:hover {
   color: #fff;
   text-decoration: none;
}
#home-video span.label:hover {
   background-color: #222;
}

.box-video {
   margin-top: 0px;
   background-color: #222;
   height: 390px;
   text-align: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
}


/* ==========================================================================
   Home Page 2 Template
   ========================================================================== */

.page-template-template-home2-php #hero {
   padding: 110px 0 125px;
}
.page-template-template-home2-php #hero .subtitle {
   font-style: normal;
   line-height: 1.7em;
   font-size: 1.2em;
   margin: 0 5% 10px;
}
.page-template-template-home2-php #boxes {
   color: #464141;
   padding-top: 50px;
   padding-bottom: 57px;
   text-align: center;
   margin-top: -70px;
   margin-bottom: 70px;
   background-color: #fff;
   position: relative; 
   box-shadow:0px 0px 6px #dddddd;
}
.page-template-template-home2-php .box i {
}
.page-template-template-home2-php .box a {
   color: #333;
}
.page-template-template-home2-php .box h3 a:hover {
   opacity: 0.85;
}
.page-template-template-home2-php .box .btn {
   border: solid 1px #333;
}
.page-template-template-home2-php .box .btn:hover {
   background-color: #333;
   color: #fff!important;
}

.page-template-template-home2-php #hero h1 {
   font-size: 60px;
}
.home-title {
   margin-bottom: 50px;
   padding: 0 4%;
   text-align: center;
}
.home-title h2 {
   font-size: 34px;
}
.home-title p {
   font-size: 1.1em;
   line-height: 1.6em;
   margin: 0;
}
.page-template-template-home2-php #hero .form-search {
   margin-top: 60px;
}
.box h3 {
   margin: 40px 0 20px;
   font-size: 28px;
}
.circles h3 a {
   color: #000;
}
.circle {
   margin: 0 auto 20px;
   width: 100px;
   height: 100px;
   text-align: center;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-color: #3498db;
}
.circle:hover {
   opacity: 0.85;
}
.circle i {
   color: #fff;
   font-size: 40px;
}
.circle i:hover {
   color: #fff;
}
.circle a:hover {
   text-decoration: none;
}

.circle span { 
   height: 100px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; 
}
.circle i { 
   display: inline-block; zoom: 1; *display: inline; vertical-align: middle; color: #fff; 
}

.page-template-template-home2-php #home-featured,
.page-template-template-home2-php #home-featured h2,
.page-template-template-home2-php #home-featured a,
.page-template-template-home2-php #home-featured a:hover,
.page-template-template-home2-php #home-featured i {
   color: #fff;
}
.page-template-template-home2-php #home-featured {
   padding-top: 60px;
}
.page-template-template-home2-php #home-video {
   background-color: #fff;
   padding: 60px 0;
}
.page-template-template-home2-php #home-featured .btn-primary {
   background-color: transparent;
   border-color: #fff;
}
.page-template-template-home2-php #home-featured .btn-primary:hover {
   background-color: #fff;
   border-color: #fff;
   color: #000!important;
}
.recent-posts p {
   font-size: 0.9em;
}
.btn-videos {
   border: solid 1px #333;
   color: #333;
   font-weight: 700;
   padding: 3px 8px;
   font-size: 12px;
   line-height: 1.5;
}
.btn-videos:hover {
   color: #fff;
   background-color: #333;
   text-decoration: none;
}
.btn-videos i {
   color: #333!important;
}
.btn-videos:hover i {
   color: #fff!important;
}

/* ==========================================================================
   Knowledge Base Page Template
   ========================================================================== */

.knowledge-base-row {
   /* margin-bottom: 50px; */
}
.knowledge-base-row span.label {
   border-radius: 2px;
   padding: .2em .5em;
}
.knowledge-base-row span.label a {
   color: #fff;
}
.knowledge-base-row span.label a:hover {
   color: #fff;
   text-decoration: none;
}
.knowledge-base-row span.label:hover {
   background-color: #222;
}
.knowledge-base-row h2 {
   margin-bottom: 15px;
}
.knowledge-base-row ul {
   list-style: none;
   padding-left: 0;
}
.knowledge-base-row li a {
   color: #222;
}
ul.sub-categories {
   margin-bottom: 0;
}
ul.category-posts li, ul.sub-categories li {
   line-height: 1.8em;
}
ul.subcat {
   margin-left:15px;
}


.row .latest-updates{
/*    border-top: 1px solid #ececec;*/
    border-bottom: 1px solid #ccc;
    padding: 0 0 36px;
    margin: 0 0 36px;
}

.latest-updates h1{
    margin-bottom: 50px;
}

.latest-updates ul{

    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.latest-updates ul li{
/*    background-color: red;*/
    display: inline-block;
    text-align: left;
    width: 100%;
    margin: 0px 0px 9px;
    padding: 0 30px;
}

.latest-updates ul li time{ color: #666; clear: none; float: left; width: 25%; margin: 5px 20px; text-align: right; }

.latest-updates ul li h4{ float: left; clear: none; font-weight: normal; font-size: 18px;  width: 65%; }

.latest-updates .box .btn{
    border-color: #0091d2;
    color: #0091d2;
    font-size: 16px;
}


/* ==========================================================================
   Contact Page Template
   ========================================================================== */

.contact-form .form-group label {
   font-weight: normal;
}
.contact-error {
   color:#B94A48;
}

/* ==========================================================================
   Sidebar
   ========================================================================== */

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

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

.sidebar .widget {
   margin-bottom: 35px;
}
.widget-inner > h3 {
   margin-bottom: 17px;
}
.sidebar .widget-inner > ul > li {
   background-color: #fff;
   padding-left: 14px;
   padding-right: 5px;
   margin-bottom: 5px;
}
.sidebar .widget-inner ul li ul li {padding-left: 10px;}
.sidebar .widget-inner > ul > li > ul {background-color: transparent;}
.sidebar .widget-inner > ul > li > ul:hover {background-color: transparent;}

.sidebar .crpw-item a, .sidebar .widget_nav_menu li a {
   text-decoration: none;
}
.sidebar .crpw-item:hover a, .sidebar .widget_nav_menu li:hover a {color: #fff;}
.sidebar .crpw-item:hover i, .sidebar .widget_nav_menu li:hover i {color:#fff;}
.sidebar .crpw-item:hover, .sidebar .widget_nav_menu li:hover {color:#fff;}



.sidebar li {
   line-height: 2.5em;
}
.widget_rss li, .pressapps_tweet_widget li {
   line-height: 1.8em;
}
.widget_rss li {
   padding: 10px;
}
/* Twitter widget */
.pressapps_tweet_widget ul {margin: 0 0 5px 0;}
.pressapps_tweet_widget li { padding: 10px; }
.pressapps_tweet_widget li span { display: block; }
.pressapps_tweet_widget li > a {font-style: italic;font-weight: normal;text-decoration: none;}
.twitter-link {font-weight: normal;line-height: 30px;height: 30px;padding-top: 8px;text-decoration: none;}

.footer-widgets .pressapps_tweet_widget li { padding: 0 0 10px;}
.footer-widgets .pressapps_tweet_widget a {color: #fff;}


/* contact */
.sidebar .widget_roots_vcard {
   background-color: #fff;
   padding: 12px 14px 1px;
}
.vcard {
   line-height: 1.8;
}



.footer-widgets .widget-inner > h3 {
   color: #fff;
}
/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header { border-bottom: #ccc 1px solid; margin-bottom: 18px; }
.hentry time { color: #999; }
.hentry .byline { }
.hentry .entry-content {  }
.hentry footer { }


.single-post article header h1 {
   margin-bottom: 25px;
}
.single-post article.post {
   padding-bottom: 25px;
}

.single-post article.post h3{
	color: #ccc;
}


.author-box-image {
float: left;
margin-right: 25px;
margin-bottom:15px;
}
#author-box { 
margin:25px 0 0;
padding:30px 0 0;
border-top: 1px solid #e6e6e6;
}
.author-box-name { margin:0 0 8px;}
.author-box-description { padding-left:97px;}
.author-links { 
   padding-left:97px;
   margin-bottom: 0;
}

#comments, #respond { 
   margin:25px 0 0;
   padding:25px 0 0;
   border-top: 1px solid #e6e6e6;
}
#comments h4.media-heading {
   margin-bottom: 0;
}
#comments li.comment {
   margin-top: 25px;
   padding-top: 25px;
   border-top: 1px solid #e6e6e6;
}
.comment.media {
   margin-top: 0;
}
.comment-reply-link {
   padding: 3px 6px;
   color: #fff;
   font-size: 12px;
   background-color: #666;
}
.comment-reply-link:hover {
   color: #fff;
   opacity: 0.9;
   text-decoration: none;
}

body.page-template-template-knowledgebase-2017 .hentry header{ border: none; }

body.page-template-template-knowledgebase-2017 .entry-content{
    border-top: #ccc 1px solid;
    height: 0;
}

/* ==========================================================================
   Featured Media Content
   ========================================================================== */

.featured-media {
   margin-bottom: 25px;
}   
.featured-caption {
   position: absolute;
   margin-top: -48px;
   margin-left: 20px;
   padding: 5px 10px;
   color: #fff;
   background: rgba(0, 0, 0, 0.6);
}


/* ==========================================================================
   Pagination
   ========================================================================== */

.pagination-lg > li > a, .pagination-lg > li > span {
   padding: 8px 16px;
   font-size: 18px;
}
.pagination > li:first-child>a, .pagination >li:first-child>span {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}
.pagination >li:last-child>a, .pagination >li:last-child>span {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   border:none;
}
.pagination >.active>a, .pagination >.active>span,
.pagination >li>a:hover, .pagination >li>a:focus {
   color: #fff;
}
.pagination >li>a, .pagination >li>span {
   border: none;
   margin-left: 1px;
}


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

.content-info { }

.footer-widgets {
   padding: 70px 0 60px;
}
.footer-widgets, .footer-widgets a, .footer-widgets a:hover {
   color: #fff;
}
.footer-widgets ul {
   list-style: none;
   margin-bottom: 0;
   padding-left: 0;
}
.footer-widgets li {
   line-height: 2em;
}
.footer-info {
   background-color: #282828;
   color: #fff;
   min-height: 80px;
}
.footer-info a, .footer-info a:hover {
   color: #fff;
}
.copyright {
   margin: 29px 0;
   float: left;
}
.footer-info nav {
   float: right;
   margin: 29px 0;
}
.footer-info nav ul {
   padding: 0;
   margin: 0;
}
.footer-info nav li {
   display: inline-block;
   margin-left: 15px; 
}

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

.social-icons {
   margin: 0;
   list-style: none;
   float: right;
   padding: 0;
}
.social-icons li {
   display: inline-block;
   margin: 23px 0 0 12px;
}
.btn-social {
   padding: 2px 2px 1px;
}
.btn-social img {
   margin-bottom: 1px;
}
.btn-social a, .btn-social a:hover {
   text-decoration: none;
   color: #fff;
}

/* Buttons Colors */
.btn-facebook {
   background-color: #3c589d;
}
.btn-facebook:hover {
   background-color: #314982;
}
.btn-twitter {
   background-color: #2eaaf4;
}
.btn-twitter:hover {
   background-color: #2999db;
}
.btn-google {
   background-color: #333;
}
.btn-google:hover {
   background-color: #2a2a2a;
}
.btn-linkedin {
   background-color: #005180;
}
.btn-linkedin:hover {
   background-color: #013b5d;
}
.btn-vimeo {
   background-color: #1BB7EA;
}
.btn-vimeo:hover {
   background-color: #18a2cf;
}
.btn-youtube {
   background-color: #C81414;
}
.btn-youtube:hover {
   background-color: #ac1212;
}
.btn-flickr {
   background-color: #F1628B;
}
.btn-flickr:hover {
   background-color: #dc5e8a;
}
.btn-dribbble {
   background-color: #f26798;
}
.btn-dribbble:hover {
   background-color: #dc5e8a;
}
.btn-rss {
   background-color: #FE9900;
}
.btn-rss:hover {
   background-color: #dc8501;
}
.btn-email {
   background-color: #444;
}
.btn-email:hover {
   background-color: #333;
}



/* ==========================================================================
   Custom Styles - Sub Categories/Tags Nav
   ========================================================================== */

nav.inline-sub-nav{
	display: inline-block;
	height: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	overflow: hidden;	
} 

nav.inline-sub-nav ul, nav.inline-sub-nav ul li{
	clear: none;
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	
}


nav.inline-sub-nav ul::before{
	clear: none;
	color: #666;
	content: "Filter: ";
	display: block;
	float: left;
	font-size: 13px;
	height: auto;
	letter-spacing: 1px;
	text-transform: uppercase;
	overflow: hidden;
}

nav.inline-sub-nav ul{
	padding-bottom: 20px;
	padding-top: 10px;
	height: auto;
	overflow: hidden;	
}

nav.inline-sub-nav ul li{
	margin: 0 0 20px 20px; 
	list-style: none;
}

nav.inline-sub-nav ul li a, nav.inline-sub-nav ul li a:link, nav.inline-sub-nav ul li a:visited{
	background-color: #fff;
	border-radius: 8px;
	border: 1px #0091d2 solid;
	color: #0091d2;
	padding: 7px 16px 8px;
	text-decoration: none;
}

nav.inline-sub-nav ul li.selected a, nav.inline-sub-nav ul li a:hover{
	background-color: #0091d2;
	color: #fff;
}

@media (max-width: 767px) {


	nav.inline-sub-nav ul li a{
		width: 30%;
	}
}

/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }

.wp-embedded-content{ max-width: 88%; }



/*Search Filters styling*/
form.form-search .input-group{
   display: flex;
   flex-wrap: nowrap;
}

.main-header form.form-search .input-group{
   margin-top: 15px;
}

form.form-search .input-group .input-group-btn{
   width: auto;
}

form.form-search .input-group button.dropdown-toggle{
   background: #fff!important;
   color: #000!important;
   margin-left: 0!important;
   margin-right: 8px!important;
   font-weight: bold!important;
   font-size: 14px!important;
   padding-left:0px!important;
   padding-right:10px!important;
   width: 165px;
}

form.form-search .input-group button.dropdown-toggle:after{
   content: "";
   display: block;
   height: 0;
   width: 0;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 6px solid #333;
   position: absolute;
   right: 20px;
   top: 20px;
}



form.form-search .input-group .search-box{
   flex: 1;
   position: relative;
}

form.form-search .input-group .append-icon{
   margin: 0!important;
}

form.form-search .input-group .input-group-prepend{
   position: relative;
}

form.form-search .input-group .dropdown-menu{
   width: calc(100% - 7px);
   padding: 10px 20px;
}

form.form-search .input-group .dropdown-menu .dropdown-item{
   display: block;
   color: black;
   padding: 3px 0;
}




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

@media (max-width: 767px) {

	#hero h1{
		font-size: 60px;
	}

	.latest-updates ul li time{
		width: 25%;
	}
	.latest-updates ul li h4{
		width: 60%;
	}
	
   .box {
      padding: 40px 0 10px;
   }
   .box-video-list {
      padding: 50px 25px 0;
   }
   .knowledge-base-row {
      margin-bottom: 0;
   }
   .kb-category {
      padding-bottom: 50px; 
   }

   form.form-search .input-group{
      flex-wrap: wrap;
   }
   form.form-search .input-group .input-group-btn{
      width: 100%;
   }
   form.form-search .input-group .input-group-btn input[type="submit"]{
      margin-left: 0!important;
      width: 100%;
      margin-top: 8px;
   }
   
}

@media (max-width: 991px) {

   /* Footer */
   .copyright, .footer-info nav, .social-icons {
      float: none;
      text-align: center;
   }
   .box {
      margin-bottom: 25px;
   }

}

@media (min-width: 768px) { }

@media (min-width: 992px) { }

@media (min-width: 1200px) { }



@keyframes blinker {
   50% {
     opacity: 0;
   }
 }
/* ======================================
    HOMEPAGE NOTIFICATIONS
========================================= */
.site-homepage-notice {
	background: #cc0;
	color: #333;
	font-size: 16px;
	line-height: 16px;
	padding-top: 16px;
	text-align: center
}

.site-homepage-notice strong {
	font-weight: 700
}

.site-homepage-notice a.btn {
	background-color: transparent;
	border: 1px #333 solid;
	color: #333;
	margin-left: 18px
}

.site-homepage-notice i.alert {
	animation: blinker 1s linear infinite;
	padding: 6px 10px 0 0;
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	position: relative;
	top: 2px;
}

@media(max-width:767px) {
	.site-homepage-notice a.btn {
		display:block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		max-width: 500px;
		margin-bottom: 19px;
	}
    
}