 
/*
Theme Name: knowledgedesk
Theme URI: https://themeforest.net/user/xenioushk
Author: Md Mahbub Alam Khan
Author URI: http://bluewindlab.net
Description: Fully Functional Knowledge Base WordPress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://themeforest.net/user/xenioushk
Text Domain: knowledgedesk
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

knowledgedesk is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Layout
        1.1 Common
        1.2 Left / Right Sidebar
        1.3 Fullwidth and Boxed
        1.4 Sticky Header, Header & Site Top
        1.5 Template Homepage
        1.6 Toolbar
        1.7 Custom Button
        1.8 Custom Heading
        1.9 Bootstrap 5 column
        1.10 Social Icons
        1.11 Footer
2.0 Plugins
        2.1 WooCommerce
        2.2 Knowledge Base
        2.3 Contact Form 7
        2.4 Donate (seamless donation)
        2.5 MailChimp
        2.6 Events Calender Home
        2.7 Bottom News (special recent post)
        2.8 Twitter (latest tweet widget)
        2.9 VC Hack
        2.10 Projects Page Single Donation (paypal donation)
3.0 Content
        3.1 Posts and pages
        3.2 Search
        3.3 Post Meta
        3.4 Widgets
        3.5 Asides
        3.6 Comments
        3.7 Infinite scroll
        3.8 Media
        3.9 Captions
        3.10 Galleries
        3.11 404 Page
        3.12 Contact Page
4.0 Navigation
        4.1 Links
        4.2 Main Menu
        4.3 Mobile Menu
5.0 Media Queries
        5.1 Custom, iPhone Retina
        5.2 Extra Small Devices, Phones 
        5.3 Small Devices, Tablets 
        5.4 Medium Devices, Desktops
        5.5 Large Devices, Wide Screens
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Layout
--------------------------------------------------------------*/

/*1.1 Common*/

body{

    font: 16px/28px 'Source Sans Pro', sans-serif;
    color: #444444;
    font-style: normal;
    font-weight: 500;

}

a,
a:hover,
a:visited,
a:active
{
    color: #40c1f0;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white {color: #ffffff; }

.borderB { border-bottom: 1px solid #cccccc; padding-bottom: 10px;}

.marginRB30 {margin: 0 30px 30px 0;}

.no-margin{margin: 0;}

.marginB20{margin-bottom: 20px;}

.marginTB20{ margin-top: 20px; margin-bottom: 20px;}

.marginT20{margin-top: 20px;}

.color-text {color: #40c1f0;}

.site-content{
    overflow: hidden;
}

#primary, #secondary{
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

#primary{
    margin: 0 0 0px 0;
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.entry-header,
.entry-content,
.entry-footer,
.edit-link{
    clear: both;
}
.post-edit-link{
   border:0px;
   color: #FFFFFF !important;
   text-transform: uppercase;
   padding: 1px 5px !important;
}

.page .post-edit-link{
    margin-left: 24px;
    margin-right: 6px;
}
.edit-link{
    margin-left: 0px;
    float: none;
}
.post .edit-link{
    margin-left: 0px;
    float: none;
}

embed, object, img {
    max-width: 100%;
    height: auto;
    border: 0;
}

iframe{
    max-width: 100%;
    border: 0;    
}

.theme-help-block {
    display: block;
    vertical-align: middle; 
    margin: 32px 0; 
    line-height: 32px;
}

/*Default Table style*/
table {
    border-collapse: collapse !important;
}
table td,
table th {
    background-color: #fff !important;
}

table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

table > tbody + tbody {
    border-top: 2px solid #ddd;
}

table table {
    background-color: #fff;
}

table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

.content-spacing{
    padding-top: 70px;
    padding-bottom: 0px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

.admin-bar .header-sticky.sticky-header {
    margin-top: 30px;
}

/*1.2 Left / Right Sidebar*/

#secondary,
#secondary_2{
    margin: 0 0 25px 0px;
}

.well {
    background: #f9fafb;
    border: 1px solid #ebebeb;
    box-shadow: none;
}

/*1.3 Fullwidth and Boxed*/

.container{
    border: 0px solid red;
}

.container-fluid{
    border: 0px solid red;
}

#wide #page,
#boxed #page
{
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

#boxed #page{
    max-width: 1170px;
}

.site-header{
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}

/*1.4 Sticky Header, Header & Site Top */

.header-style1 .site-header
{
    box-shadow: none;
    z-index: 1000;
    position: relative;
}

.header-sticky{
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.header-sticky.sticky-header{
    position: fixed;
    top:0;
    left:0;
    z-index: 1000;
    width: 100%;
}

/*1.5 Template Homepage*/

.page-template-template-homepage header.entry-header,
.page-template-template-homepage-header1 header.entry-header,
.page-template-template-homepage-header2 header.entry-header,
.page-template-template-onepage header.entry-header,
.page-template-template-onepage-header1 header.entry-header,
.page-template-template-onepage-header2 header.entry-header,
.page-template-template-custom-bottom header.entry-header
{
    display: none;
}

.page-template-template-homepage .page-content,
.page-template-template-homepage .entry-content,
.page-template-template-homepage .entry-summary,
.page-template-template-homepage-header1 .page-content,
.page-template-template-homepage-header1 .entry-content,
.page-template-template-homepage-header1 .entry-summary,
.page-template-template-homepage-header2 .page-content,
.page-template-template-homepage-header2 .entry-content,
.page-template-template-homepage-header2 .entry-summary,
.page-template-template-onepage .page-content,
.page-template-template-onepage .entry-content,
.page-template-template-onepage .entry-summary,
.page-template-template-onepage-header1 .page-content,
.page-template-template-onepage-header1 .entry-content,
.page-template-template-onepage-header1 .entry-summary,
.page-template-template-onepage-header2 .page-content,
.page-template-template-onepage-header2 .entry-content,
.page-template-template-onepage-header2 .entry-summary,
.page-template-template-custom-bottom .page-content,
.page-template-template-custom-bottom .entry-content,
.page-template-template-custom-bottom .entry-summary
{
    margin: 0;
}

/*1.6 Toolbar*/

#toolbar{
    z-index: 2;
    position: relative;
}

.margin-right20{
    margin-right: 20px;
}

#toolbar .top-email-info,
#toolbar .top-phone-no {
    display: inline-block;
    line-height: 41px;
}

#toolbar .top-phone-no {
    margin-left: 18px;
}

#toolbar .toolbar-left i {
    color: #40c1f0;
    display: inline-block;
    margin-right: 5px;
}

#toolbar .top-ask-question-btn {
    background: #40c1f0;
    color: #ffffff;
    padding: 10px 16px;
    font-size: 15px;
    border: 0px solid #FFF;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

#toolbar .top-ask-question-btn:hover {
    color: #40c1f0;
    background: #ffffff;
}

/*1.7 Custom Button*/

.button-style1,
.button-style2,
.button-style3
{
    display: inline-block;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 14px 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
    vertical-align: middle;
}

.button-style1 {
    background: #40c1f0;
    border: 3px solid #40c1f0;
    border-radius: 10px;
    color: #ffffff;
}

.button-style2 {
    background: none;
    border: 3px solid #40c1f0;
    border-radius: 0px;
    color: #40c1f0;
}

.button-style3 {
    background: #40c1f0;
    border-right: 5px solid #274472;
    border-radius: 0px;
    color: #ffffff;
}

.button-style1:hover {
    background: #ff0000;
    border: 3px solid #ff0000;
    color: #ffffff;
}

.button-style2:hover {
    background: #274472;
    border-right: 3px solid #40c1f0;
    color: #ffffff;
}

.button-style3:hover {
    background: #274472;
    border-right: 5px solid #40c1f0;
    color: #ffffff;
}

/*1.8 Custom Heading*/

.heading-style-center1,
.heading-style-center2,
.heading-style-left1,
.heading-style-left2 {
    position: relative;
    margin-bottom: 30px;
    font-size: 45px;
    line-height: 55px;
}

.heading-style-center1:before,
.heading-style-center1:after,
.heading-style-center2:before,
.heading-style-center2:after{
    left: 50%;
    margin-left: -50px;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    width: 100px;
}

.heading-style-left1:before,
.heading-style-left1:after,
.heading-style-left2:before,
.heading-style-left2:after{
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    width: 100px;
}

.heading-style-center1:before,
.heading-style-center1:after,
.heading-style-left1:before,
.heading-style-left1:after{
    background: #626262;
}

.heading-style-center2:before,
.heading-style-center2:after,
.heading-style-left2:before,
.heading-style-left2:after{
    background: #ffffff;
}

/*1.9 Bootstrap 5 column*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/*1.10 Social Icons*/

.social-icons {
    clear: both;
}

.social-icons a{
    padding: 0;
    line-height: inherit;
}

/*1.11 Footer*/

.footer-menu {
    margin-left:0;
    padding:0;
}

ul.footer-menu,
ol.footer-menu{
    margin-bottom: 0px;
}

.footer-menu li {
    display:inline;
    list-style-type:none;
}

.footer-menu li:nth-child(n+2) {
    margin-left: 9px;
}

.footer-menu li:nth-child(n+2)::before {
    border-left: 1px solid #666666;
    content: "";
    display: inline-block;
    height: 8px;
    margin-right: 10px;
}

.footer-menu .sub-menu{display: none;}

/*--------------------------------------------------------------
2.0 Plugins
--------------------------------------------------------------*/

/*2.1 WooCommerce*/

.woocommerce h1.page-title{
    border-bottom: 3px solid #eee;
    margin-bottom: 24px;
    margin-top: 0;
    padding-bottom: 12px;
    position: relative;
}


.woocommerce h1.page-title:after {
    bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 120px;
    background: #40c1f0;
}


.woocommerce h1.product_title {
    border-bottom: 3px solid #eee;
    margin-bottom: 24px;
    margin-top: 24px !important;
    padding-bottom: 12px !important;
    position: relative;
    font-size: 24px;
}


.woocommerce h1.product_title:after {
    bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 120px;
    background: #40c1f0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #dddddd;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #40C1F0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #40C1F0;
}

.woocommerce .price_slider_wrapper{
    margin-top: 30px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background-color: #40C1F0;
    color: #ffffff;
    padding: 12px 30px;
    text-transform: uppercase;
    transition: all;
    margin-top: 5px;
    border-radius: 0px;
}

.woocommerce .widget_price_filter .price_slider_amount .price_label {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    position: relative;
    text-align: right;
    top: 6px;
}

.woocommerce select,
.woocommerce input,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce textarea{
    border: 1px solid #cccccc;
    padding: 7px 10px;
}

.products .product{
    border: 1px solid #EEE;
}

.products .product h3{
    font-size: 16px !important;
    padding:  0 0 0 12px !important;
}

.products .product span.price{
    padding:  0 0 0 12px !important;
}
.products .product .star-rating{
    margin-left: 12px  !important;
}

.products .product a.product_type_variable,
.products .product a.ajax_add_to_cart{
    display: block;
    text-align: center;
    padding: 16px 12px;
    border: 0px solid #FFF !important;
    background: #40c1f0;
    color: #FFF;
    text-transform: capitalize;
    transition: all 0.2s ease-in-out 0s;
}

.products .product a.ajax_add_to_cart:hover{
    background: #FBFBFB;
    color: #40c1f0;
}

.ajax_add_to_cart{
    border-radius: 0px;
    border: 0px solid #FFF;
}

.product .images{
    width: 32% !important;
}

.product .summary{
    width: 64% !important;
    margin-top: 0px !important;
}


.woocommerce .quantity .qty{
    height: 46px !important;
    text-align: center;
    width: 64px !important;
}

.single_add_to_cart_button{
    border-radius: 0px !important;
    padding: 16px 24px !important;
    border: 0px solid #FFF !important;
    background: #40c1f0 !important;
    color: #FFF;
    text-transform: capitalize;
    transition: all 0.2s ease-in-out 0s;
    margin-left: 12px !important;
}

.woocommerce-tabs{

}

.woocommerce-tabs #tab-description{
    padding-bottom: 12px !important;
}

.woocommerce-tabs #tab-reviews h2,
.woocommerce-tabs #tab-additional_information h2,
.woocommerce-tabs #tab-description h2{
    font-size: 22px !important;
    line-height: 32px !important;
    margin-bottom: 24px;
    font-weight: 500;
}

.woocommerce table.shop_attributes td, 
.woocommerce table.shop_attributes th{
    vertical-align: middle !important;
}

.related h2 {
    border-bottom: 3px solid #eee;
    margin-bottom: 24px;
    margin-top: 24px !important;
    padding-bottom: 12px !important;
    position: relative;
    font-size: 24px;
}


.related h2:after {
    bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 120px;
    background: #40c1f0;
}

.product .onsale{
    background: #40c1f0 !important;
    color: #FFF;
    border-radius: 0px !important;
    padding: 3px 8px  !important;
}

.woocommerce-message{
    border-top-color: #40c1f0 !important;
}

.wc-forward{
    border-radius: 0px !important;
    padding: 10px 24px !important;
    border: 0px solid #FFF !important;
    background: #40c1f0 !important;
    color: #FFF  !important;
    margin-top: 12px;

}


.shop_table_responsive #coupon_code{
    line-height: 22px !important;
    padding: 5px 4px !important;
    width: 122px !important;
}

.woocommerce-Reviews .submit,
.checkout_coupon .button,
.shop_table_responsive .button{
    border-radius: 0px !important;
    padding: 10px 24px !important;
    border: 0px solid #FFF !important;
    background: #40c1f0 !important;
    color: #FFF  !important;
}

.checkout  h3{
    font-size: 24px  !important;
}

#place_order{
    border-radius: 0px !important;
    padding: 10px 24px !important;
    border: 0px solid #FFF !important;
    background: #40c1f0 !important;
    color: #FFF  !important;
}


// My Account.

nav.woocommerce-MyAccount-navigation{
    padding: 0px 0px 12px 0px !important;
}

nav.woocommerce-MyAccount-navigation ul{
    margin: 0px !important;
    padding: 0px !important;
}
nav.woocommerce-MyAccount-navigation ul li{
    background: #fafafa none repeat scroll 0 0;
    border-left: 2px solid #40c1f0 !important;
    font-weight: bold;
    list-style-type: none !important;
    margin: 0 0 6px;
    transition: all 0.2s ease-in-out 0s;
}

nav.woocommerce-MyAccount-navigation ul li:hover{
    border-left: 2px solid #2c2c2c !important;
}

nav.woocommerce-MyAccount-navigation ul li a{
    display: block;
    font-weight: normal;
    color: #2c2c2c;
    padding: 6px;
}

.woocommerce-Address-title h3{
    font-size: 24px  !important;
}

.woocommerce-Button{
    border-radius: 0px !important;
    padding: 10px 24px !important;
    border: 0px solid #FFF !important;
    background: #40c1f0 !important;
    color: #FFF  !important;
}

/*2.2 Knowledge Base*/

.bwl-single-kb{
    clear: both;
    margin-top: 0px;
    padding: 24px 16px 1px;
}

.bwl-single-kb img.wp-post-image{
    margin: 0px;
}

.bwl-single-kb .bkb-ques-form-container{
    margin: 0px;
}

.bkb-ques-form-container{
    position: relative;
}

.bkb-ques-form-message-box{
    position: absolute;
}


/*2.3 Contact Form 7*/

.wpcf7-form p{
    margin-bottom: 12px;
}

.wpcf7-form-center{
    text-align: center;
}

.contact-address-block li{
    list-style: none;
    line-height: 32px;
    display: block;
}

.wpcf7-form input[type=email],
.wpcf7-form input[type=text],
.wpcf7-form textarea{
    background: nonr;
    border-radius: 0px;
    height: auto;
    line-height: 24px;
    padding: 12px 0px;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
    box-shadow: none;
    color: #626262;
    border: 0;
    border-bottom: 1px solid #cbcbcb;
    display: block;
    margin-top: 12px;
    box-sizing: border-box;
}

.wpcf7-form input[type=submit]{
    display: inline-block;
    letter-spacing: 4px;
    padding: 15px 40px;
    margin-top: 20px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
    background-color: #40c1f0;
    color: #ffffff;
    border: 0;
    box-shadow: none;
    line-height: 22px;
    text-shadow: none;
    font-family: inherit;
}

.wpcf7-form input[type=submit]:hover{
    background-color: #28292a;
}


/*2.5 MailChimp*/
.mc4wp-form .input-group{
    margin-top: 20px;
}

.mc4wp-form .form-control{
    transition: all 0.2s ease-in-out 0s;
    box-shadow: none;
    border: 0;
    height: 50px;
    background: #444444;
    color: #FFF;
}

.mc4wp-form .btn-default {
    border:0 ;
    color: #ffffff;
}

.mc4wp-form .btn{
    background: #40c1f0 ;
    letter-spacing: 2px;
    text-transform: uppercase;
    height: 50px;
    padding: 0 18px;
    transition: all 0.2s ease-in-out 0s;
    border-radius: 0px;
}
.mc4wp-form .btn:hover{
    background: #ffffff;
    color: #40c1f0;
}

/*------------------------------  Media Queries---------------------------------*/


/*2.7 Bottom News (special recent post)*/

.srp-widget-singlepost {
    border-bottom: 1px dotted #444444;
    padding-bottom: 10px;
}

h4.srp-post-title{
    font-weight:400; font-size: 16px; line-height: 24px;
}

.srp-post-date,
time {
    font-size: 15px;
}

/*2.8 Twitter (latest tweet widget)*/

.latest-tweets ul li{
    position:relative;
    padding-left: 30px;
}

.latest-tweets ul li:before{
    font-family: FontAwesome;
    content: "\f099";
    position:absolute;
    left: 0px 
}

/*2.9 VC Hack*/

#wide .vc_row,
#boxed .vc_row
{
    margin-right:0;
    margin-left:0;
}

.vc_progress_bar.knowledgedesk-pbar .vc_single_bar .vc_label,
.vc_progress_bar.knowledgedesk-pbar2 .vc_single_bar .vc_label
{
    padding: 0;
    padding-left: 10px;
}

/*2.10 Projects Page Single Donation (paypal donation)*/

.donationP {
    background: #f5f5f5;
    border: 1px solid #dddddd;
    padding: 30px;
    text-align: center;
}

/*--------------------------------------------------------------
3.0 Content
--------------------------------------------------------------*/

/*3.1 Posts and pages*/

.default-blog{
    margin-top: 120px;
}

.page-header {
    margin: 24px 0;
    padding: 0;
}

.breadcrumb-container {
    margin: 0;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-attachment: scroll;
    background-color: transparent;
    
    background-repeat: repeat;
    background-size: initial;
    border: 0px solid #FFF;
}
.breadcrumb-container:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    content: '';
    z-index: -1;
}
.breadcrumb-container h3 {
    color: #ffffff;
    text-align: center;
    font-size: 36x;
    line-height: 36px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    margin: 24px 0 12px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.breadcrumb-container .page-breadcrumb {
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 0.02em;
}
.breadcrumb-container .page-breadcrumb a {
    color: #ffffff;
}
.breadcrumb-container .page-breadcrumb a:hover {
    color: #40c1f0;
}


a,.btn, input, textarea{
    border-radius: 0px !important;
}

article.sticky {
    display: block; 
    background: #f8f9fa !important; 
    padding: 0px; 
    margin-top: 0px;
    border: 1px solid #EEEEEE !important; 
    border-radius: 0px;
    position: relative;
    padding-bottom: 6px;
}

article.sticky:after{
     content: "\f08d";
    font-family: 'FontAwesome';
    top: 12px;
    right: 12px;
    position: absolute;
    width: 32px;
    height: 32px;
    text-align: center;
    display: inline-block;
    font-size: 24px;
}

.search-results article.post,
.search-results article.bwl_kb{
    border: 1px solid #f9fafb;
    background: #f9fafb;
    margin-bottom: 24px !important;
}

.search-results .entry-content{
    padding: 0 12px;
}

.search-results article{
    margin-bottom: 24px !important;
    border: 1px solid #f1f1f1;
}

article.post{
    border: 1px solid #f9fafb;
    background: #f9fafb;
}

article.post .entry-header{
    padding: 0px;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
}

article.post .entry-header img{
    margin-top: 0px;
}

article.bwl_kb .entry-content,
article.post .entry-content,
article.post .entry-summary{
    padding: 0 12px;
}

article.post .entry-footer{
    border-top: 2px solid #000;
    padding: 16px 12px 1px;
    background: #f3f3f3cc;
}

article.hentry {
    margin-bottom: 48px;
}

article.type-page {
    margin-bottom: 0px;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0 0 12px 0;
    letter-spacing: 0.02em;
}

.db{
    display: block;
}

.entry-header .entry-title{
    font-size: 24px;
}

.entry-header .entry-title a{
    color: #000000;
}

.entry-header .entry-title a:hover{
    color: #40c1f0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.page-links a{
    background: #40c1f0;
    color: #FFF;
    display: inline-block;
    margin: 0 2px;
    padding: 0 12px;
    text-align: center;
}
.page-links a:hover{
    
    color: #000000;
    
}


.post-password-form input[type=password] {
    border: 1px solid #EEE;
}

.post-password-form input[type=submit] {
    border: 1px solid #EEE;
    color: #FFF;
    background: #40c1f0;
}

.single-post-inner {
    background: #f9fafb;
    padding: 0px;
    margin-bottom: 28px !important;
}

article.single-post-inner .entry-content{
    padding-top: 18px;
}

.entry-content img.img-responsive,
.single-post-inner img.img-responsive,
img.wp-post-image {
    margin: 5px 0 0 0;
    max-width: 100%;
    display: inline-block;
}

div.post-feat-img{
    display: block;
    margin-bottom: 32px;
}

div.post-feat-img img{
    display: block;
    margin-bottom: 24px;
    width: auto;
    max-width: 100%;
}

div.post-feat-img img.wp-post-image{
    margin: 0;
}

.single-post-inner .tags-links{
    padding: 12px 0;
    display: block;
}

.author-meta {
    margin-top: 40px;
}

.author-meta .avatar {
    border-radius: 50%;
}

.author-meta .fa{
    font-size: 22px;
}

.article-author {
    margin-top: 24px;
    background: #f9fafb;
    padding: 30px 0px;
    min-height: 100px;
    padding:12px 24px 24px;
}
.article-author .author-avatar img {
    max-width: 100%;
    max-height: auto;
    float: right;
    border: 1px solid #ebebeb;
    padding: 3px;
    margin-top: 0px;
    margin-left: 12px;
}
.article-author .about_author {
    margin-bottom: 24px;
}
.article-author .social-icons a {
    display: inline-block;
    width: 32px;
    text-align: center;
    border: 1px solid #b8b8b8;
    color: #626262;
    margin-right: 3px;
}
.article-author .social-icons a:hover {
    color: #40c1f0;
}


.posts-navigation{
    clear: both;
}

nav.post-navigation .nav-links{
    clear: both;
}

.nav-previous{
    display: inline-block;
    border: 1px solid #f1f1f1;
}

.nav-next{
    display: inline-block;
    float: right;
    border: 1px solid #f1f1f1;
}

.nav-previous a,
.nav-next a{
    display: block;
    
    padding: 12px 24px;
}

/*3.2 Search*/

.search-highlight {
    background:#FFFF00  
}

/*3.3 Post Meta*/
.entry-meta{
    margin-bottom: 16px;
    color: #11a0d7;
}

.entry-meta span {
    margin-right: 12px;
    display: inline-block; 
    text-transform: capitalize;
}

.entry-meta span:last-child {
    margin-right: 0;
}

.entry-meta span .fa{
    color: #666666;
    margin-right: 3px;
}

.entry-meta span a {
    color: #11a0d7;
}

.entry-meta span a:hover {
    color: #777;
}


/*----------3.4 Widgets-------------*/

#secondary .widget,
#secondary_2 .widget {
    background: #f9fafb;
    margin-bottom: 30px;
    padding: 20px;
}

#secondary h2.widgettitle,
#secondary h3.widget-title,
#secondary_2 h3.widget-title {
    border-bottom: 3px solid #eeeeee;
    color: #5c5c5c;
    font-weight: 500;
    font-size: 20px;
    padding-bottom: 12px;
    margin-top: 0px;
    margin-bottom: 12px;
    position: relative;
}
#secondary h2.widgettitle:after ,
#secondary h3.widget-title:after ,
#secondary_2 h3.widget-title:after {
    bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 32px;
    background: #40c1f0;
}

.search-form {
    margin: 12px 0;
}
.search-form span.input-group-addon {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background: #40c1f0;
    border-right: 0px;
    color: #ffffff;
    font-weight: bold;
    width: 10%;
    padding: 0 20px;
}
.search-form input[type="text"] {
    box-shadow: 0;
    margin-bottom: 0;
    font-size: 14px;
    padding-left: 5px;
    height: 42px;
    border: 0px;
    box-shadow: none;
    border: 1px solid #eeeeee;
    border-right: 0px;
    width: 100%;
    -webkit-transition: 0.3s 0.2s ease-out;
    -moz-transition: 0.3s 0.2s ease-out;
    -o-transition: 0.3s 0.2s ease-out;
    transition: 0.3s 0.2s ease-out;
}
.search-form input[type="text"]:focus {
    box-shadow: none;
    border-bottom: 1px solid #d5d5d5;
}

.kb-sidebar .widget {
    background: #f9fafb;
    margin-bottom: 42px;
    padding: 20px;
}
.site-sidebar .badge {
    background: #40c1f0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.03em;
    padding: 8px;
}

.widget ul {
   
    margin: 0;
    padding: 0;
}
.widget ul li {
    padding: 5px 0;
}

.widget ul li ul{
    padding-left: 12px;
}

.widget ul li ul.sub-menu li{
    text-indent: 3px;
    padding: 0px;
}

.widget ul li a {
    color: #626262;
}
.widget ul li a:hover {
    color: #40c1f0;
} 


.widget-post-category {
    margin: 11px auto;
}
.widget-post-category li {
    margin: 5px 0;
    padding: 0;
    text-transform: capitalize;
}
.widget-post-category li a {
    font-size: 15px;
    position: relative;
    -webkit-transition: 0.3s 0.2s ease-out;
    -moz-transition: 0.3s 0.2s ease-out;
    -o-transition: 0.3s 0.2s ease-out;
    transition: 0.3s 0.2s ease-out;
}
.single-recent-post {
    margin-bottom: 26px;
    overflow: hidden;
}
.single-recent-post a {
    color: #626262;
    margin-bottom: 8px;
    display: block;
}
.single-recent-post a:hover {
    color: #40c1f0;
}
.single-recent-post span {
    font-size: 12px;
    display: block;
    color: #40c1f0;
}
.single-post-thumb {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: 5px;
    width: 100px;
}
.widget-recent-tags {
    margin: 0 auto;
}
.widget-recent-tags li {
    margin: 0px 5px 7px 0px;
    float: left;
}
.widget-recent-tags li a {
    padding: 3px 7px;
    text-transform: capitalize;
    text-align: center;
    border: 1px solid #40c1f0;
    display: block;
    background: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.widget-recent-tags li a:hover,
.widget-recent-tags li a:active {
    background: transparent;
    border: 1px solid #40c1f0;
    background: #ffffff;
}
.user-login-form .btn-custom {
    width: 120px;
}
.user-login-form .remember-label {
    text-align: right;
    float: right;
}
.user-login-form .remember-label .remember-me {
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    top: 6px;
}
.user-login-form .hr-alt {
    border: 0px;
    border-bottom: 1px solid #40c1f0;
}


.widget select {
    max-width: 100%;
    width: 100%;
    height: 42px;
    margin-top: 6px;
    border: 1px solid #EEE;
}

.widget_search .search-submit {
    display: none;
}

.widget ul{
    list-style: none;
    padding-left: 0px;
}


// Widget Menu.

ul.sub-menu{
    background: red;
}

#bottom .widget{
    color: #FFFFFF;
}

#bottom .widget .fa-footer {
    color: #58c9f2;
    display: inline;
    height: 12px;
    margin-right: 6px;
    padding: 4px 6px 6px 0;
    text-align: center;
    width: 12px;
}

#bottom .widget-title {
    position: relative;
    font-weight: 400;
}

#bottom .widget-title:before,
#bottom .widget-title:after{
    left: 0%;
    content: "";
    display: block;
    position: absolute;
}

#bottom .widget-title:after{
    bottom: -4px;
}

.about-sep{
    border-color: #444444;
}

.latest-tweets ul li {
    border-bottom: 1px solid #444444;
    margin-bottom: 12px;
}

.latest-tweets ul li:last-child {
    border-bottom: 0;
}


/*----------------- Calendar Widget.------------*/

#calendar_wrap {
    margin: 0 auto 5px auto;
}
#calendar_wrap #wp-calendar {
    width: 100%;
    border: 1px solid #ebebeb;
    padding: 2px;
}
#calendar_wrap #wp-calendar caption{
    border-color: #ebebeb;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}
#calendar_wrap #wp-calendar thead {
    border-right: 1px solid #ebebeb;
}
#calendar_wrap #wp-calendar thead th {
    border-right: 1px solid #ebebeb;
}
#calendar_wrap #wp-calendar th {
    background: #F9F9F9;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}
#calendar_wrap #wp-calendar tr th,
#calendar_wrap #wp-calendar thead th {
    font-weight: bold;
    padding: 9px 0;
    text-align: center;
}
#calendar_wrap #wp-calendar tbody {
    color: #aaa;
}
#calendar_wrap #wp-calendar tbody tr td {
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding: 6px;
    background: #f5f5f5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-align: center;
    -webkit-transition: 0.3s 0.2s ease-out;
    -moz-transition: 0.3s 0.2s ease-out;
    -o-transition: 0.3s 0.2s ease-out;
    transition: 0.3s 0.2s ease-out;
}
#calendar_wrap #wp-calendar tbody tr td:hover {
    background: #fafafa;
}
#calendar_wrap #wp-calendar tbody .pad {
    background: none;
}
#calendar_wrap #wp-calendar tfoot tr td {
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding: 6px;
    text-align: center;
}
#calendar_wrap #wp-calendar tfoot #next {
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}
#calendar_wrap #wp-calendar tfoot #prev {
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 10px;
}
#calendar_wrap #wp-calendar #today {
    background-color: #40c1f0;
    color: #ffffff;
    font-weight: bold;
}


/*-------- Bottom Calender ------------*/

#bottom select{
    color: #2c2c2c;
}

#bottom table#wp-calendar{
    color: #2c2c2c;
}

#bottom table#wp-calendar caption{
    background: #FFFFFF;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

/*3.5 Asides*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*3.6 Comments*/

.comments-area{
    margin-bottom: 36px;
}

.comments-area label{
    font-weight: normal;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comments-title, .comment-reply-title {
    padding-bottom: 9px;
    margin: 40px 0 20px 0;
    border-bottom: 1px solid #eee;
}

ol.comment-list {
    list-style:none;
    padding-left: 0;
}

.comment-author .avatar {
    margin-right: 12px;
    border: 1px solid #ddd;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 2px;
    border-radius: 100%;
}

.comment-meta {
    margin-top: 0px;
    margin-bottom: 12px;
    text-transform: capitalize;
}

.comment-details {
    overflow: hidden;
    zoom: 1;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}

.comment-details .reply {
    margin-top: 10px;
}

.comment-date{
    clear: both;
}

.comment-date .edit-link{

    display: inline-block;
    float: none;
    margin-left: 6px;
    padding: 0;
}

.comment-date .edit-link a{
    display: block;
    background: #eee none repeat scroll 0 0;
    line-height: 20px;
    text-align: center;
    width: 32px;
}

.comment-date a {
    font-size: 11px;
    color: #777;
    margin-right: 10px;
}

#commentform #comment {
    width: 100% !important;
}

#commentform #submit {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;

    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

#commentform #submit:hover{
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/*3.7 Infinite scroll*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*3.8 Media*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/*3.9 Captions*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

/*3.10 Searchable Accordion.*/

.bwl_acc_container{
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
}

.acc_title_bar a{
    font-size: 18px;
}

.acc-ctrl-btn .acc-expand-all, .acc-ctrl-btn .acc-collapsible-all{
    line-height: 24px;
}

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*3.11 404 Page*/

.section-404 {
    background: #f9fafb;
}
.message-container-404 {
    margin: 48px 0;
}
.message-container-404 .text-404 {
    font-size: 170px;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-family: 'Trirong', serif;
    text-align: center;
    margin: 80px 0;
    color: #40c1f0;
}
.message-container-404 .text-404 span {
    color: #1095c7;
}
.message-container-404 .search-form-404 {
    margin: 0 auto;
    padding: 5px 5px;
    width: 40%;
}

.message-container-404 .search-form-404 .search-form input[type="text"] {
    
    border: 1px solid #eeeeee;
    border-left: 0px;
    box-shadow: none;
}

.message-container-404 .message-text-404 {
    padding: 24px 160px;
    display: block;
    text-align: center;
}

/*------- 3.12 Contact Page ------*/

.section-contact-block{
    padding-top: 60px;
    padding-bottom: 60px;
}
.section-contact-block .contact-title {
    font-size: 24px;
    border-bottom: 3px solid #eeeeee;
    color: #5c5c5c;
    padding-bottom: 15px;
    position: relative;
    font-weight: 500;
}
.section-contact-block .contact-title:after {
    bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 32px;
    background: #40c1f0;
}
.section-contact-block .contact-info {
    padding-left: 0px;
}
.section-contact-block .contact-info li {
    list-style-type: none;
    margin-bottom: 8px;
}
.section-contact-block .contact-info .icon-container {
    display: inline-block;
    background: #40c1f0;
    color: #ffffff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-right: 16px;
}
.section-contact-block .contact-info .icon-container i {
    font-size: 14px;
}
.section-contact-block .contact-info address {
    display: inline-block;
}
.section-contact-block .contact-info a {
    color: #1a1a1a;
}
.section-contact-block .contact-info a:hover {
    color: #40c1f0;
}
.btn-social-icon {
    border: 0 none;
    border-radius: 0;
    height: 42px;
    margin: 3px;
    width: 42px;
}
.btn-social-icon .fa {
    line-height: 42px;
    color: #ffffff;
}
.btn-goggle-plus {
    background-color: #26b84b;
}
.btn-goggle-plus:hover {
    background-color: #20993e;
}

/*--------------------------------------------------------------
4.0 Navigation
--------------------------------------------------------------*/
/*4.1 Links*/

a {

}

a:visited {

}

a:hover,
a:focus,
a:active { 

}

/*4.2 Main Menu*/

.menu-knowledgedesk {
    height: auto; 
    display: table; 
    content: "";
    width: 100%;
}

.menu-knowledgedesk-head3 {
    height: auto; 
    display: table; 
    content: "";
    max-width: 100%;
    margin: 0 auto;
}

.main-navigation {
    position: relative;
    display: block;
    width: 100%;
/*    clear: both;
    display: table;
	*/
    content: "";
}

.main-navigation ul {
    float: right;
    margin: 0;
    padding-left: 0;
    list-style: none;	
    height: auto;
    display: table;
    content: "";
}

.header-style2 .main-navigation ul {
    float: left;
}

.main-navigation li {
    position: relative;
    float: left;
}

.main-navigation .menu a {
    display: block;
    text-decoration: none;
}

.main-navigation ul a{

}

.main-navigation ul ul {
    position: absolute;
    left: 0;
    z-index: 99999;
    display: none;
    float: left;
    padding: 0;
}

.main-navigation ul ul ul {
    top: 0;
    left: 100%;
}

.main-navigation ul ul a { display:block  }

.main-navigation ul ul li { }

.main-navigation li:hover > a,
.main-navigation li > a:focus {

}

.main-navigation ul ul :hover > a { }

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {

}

.main-navigation ul li:hover > ul { display: block; }

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover,
.main-navigation .current_page_item > a:focus,
.main-navigation .current-menu-item > a:focus {

}

.main-navigation ul ul .current_page_item > a:hover,
.main-navigation ul ul .current-menu-item > a:hover,
.main-navigation ul ul .current_page_item > a:focus,
.main-navigation ul ul .current-menu-item > a:focus {

}

.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a
{

}

.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {

}

.main-navigation ul ul .current_page_parent a{

}

/*4.3 Mobile Menu */

.menu-toggle {
    display: none;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .menu-toggle {
        background: none;
        display: inline-block;
        height: 3.9em;
        padding: 0 1em;
        font-weight: 700;
        font-size: 16px;
        text-decoration: none;
        line-height: 3.75em;
        color: #f5f5f5;
        border: 1px solid #cccccc;
        transition: all 0.3s ease-in-out 0s;
        width: 100%;
    }

    .menu-toggle.one-page {
        display: none;
    }

    .menu-toggle:hover,
    .menu-toggle:focus {
        border: 1px solid #000000;
    }

    .main-navigation .nav-menu{
        transform: translateX(-100%);
        transition: transform 0.3s ease-in-out 0s;
    }

    .main-navigation.toggled .nav-menu{
        bottom: 0;
        left: 0;
        max-width: 100%;
        overflow-y: auto;
        position: fixed;
        transform: translateX(0%);
        top: 0;
        transition: transform 0.3s ease-in-out 0s;
        width: 260px;
        z-index: 1001;
    }

    .main-navigation.toggled .nav-menu {
        display: block;
    }

    .main-navigation ul {
        display: none;
        padding-left: 0;
        float:none;
        background: #1a1a1a;
    }

    .main-navigation ul a{
        padding: 7px 15px;
    }

    .main-navigation ul ul{padding-left: 15px;}

    .main-navigation li { float: none; }

    .main-navigation li a { }

    .main-navigation li:hover > a,
    .main-navigation li > a:focus {

    }

    .main-navigation ul ul,
    .main-navigation ul ul ul {
        position: relative;
        top: inherit;
        left: 0;
        display: block;
        float: none;
        background: #f7f7f7;
    }

    .main-navigation ul ul a { width: 100%; }

    .main-navigation ul a:hover,
    .main-navigation ul ul a:hover,
    .main-navigation ul a:focus,
    .main-navigation ul ul a:focus{

    }

    .main-navigation .current_page_ancestor { background: inherit; }

    .main-navigation ul ul .current_page_parent {

    }

    .main-navigation .current_page_item > a,
    .main-navigation .current_page_item > a:hover,
    .main-navigation .current_page_item li:hover,
    .main-navigation .current_page_item > a:focus,
    .main-navigation .current_page_item li:focus,
    .main-navigation .current_page_parent .current_page_item > a  {

    }

}

/*--------------------------------------------------------------
5.0 Media Queries 
--------------------------------------------------------------*/

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 0px) and (max-width: 479px) {

    .default-blog{
        margin-top: 0px;
    }

    .main-navigation ul#menu-primary-menu{
        padding-top: 24px !important;
    }

    .main-navigation ul a{
        padding: 8px 0px 8px 16px !important;
    }

    .main-navigation{
        margin-top: 0;
        margin-bottom: 24px;
    }

    .breadcrumb-container{
        padding: 80px 0;
    }

    .message-container-404 .message-text-404 {
        padding: 24px 10px;
    }
    .message-container-404 .search-form-404{
        width: 90%;
    }

    .kdesk_support_person{
        display: none;
    }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    .default-blog{
        margin-top: 0px;
    }

    .main-navigation ul#menu-primary-menu{
        padding-top: 24px !important;
    }

    .main-navigation ul a{
        padding: 8px 0px 8px 16px !important;
    }

    .main-navigation{
        margin-top: 0;
        margin-bottom: 24px;
    }

    .breadcrumb-container{
        padding: 80px 0;
    }

    .message-container-404 .message-text-404 {
        padding: 24px;
    }

    .message-container-404 .search-form-404{
        width: 90%;
    }

    .kdesk_support_person{
        display: none;
    }

}

/*5.3 Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

@media only screen and (max-width : 768px) {

    .main-navigation { margin-top: 20px;}

    .header-sticky.sticky-header{
        position: static;
    }

    .mobile-pad{
        padding-left:25px;
        padding-right: 25px;
    }

}

/*5.4 Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    .footer-menu {
        float: right;
    }

    .social-icons {
        float: left;
    }

    .toolbar-right{
        float: right;
    }

    .header-style1{
        left: 0%;
        position: absolute;
        top: 0;
        width: 100%;
        height: auto;
        z-index: 1000;
    }

}

@media only screen and (max-width : 992px) {

    /* Menu Background */

    .header-style1 .header-sticky {
        background: #3a3a3a !important;
    }

    #toolbar{
        background: #2b2b2b !important;
    }

    .site-logo{text-align: center;}

}

@media only screen and (min-width : 1150px) {

}

@media only screen and (max-width : 1150px) {

}

/*5.5 Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

@media only screen and (max-width : 1200px) {

}

/* Between 768 and 992 */
@media only screen and (min-width: 768px) and (max-width: 992px) {

    .default-blog{
        margin-top: 0px;
    }

    .breadcrumb-container{
        padding: 80px 0;
    }
    .main-navigation{
        text-align: center;
    }

    .main-navigation ul {
        display: inline-block;
        float: none;
    }

}

/* our html css */

body {
	font-size: 14px;
	font-family: 'Titillium Web', sans-serif;
	color: #4d4d4d;
}
img {
	vertical-align: middle;
	max-width: 100%;
}
a {
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
a:focus, a:hover {
	text-decoration: none;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.top_bar {
	background: #1a4791;
	padding: 0 0;
	text-align: right;
}
.top_bar a {
	color: #fff;
	font-size: 12px;
	padding: 8px 20px;
	margin: 0 -2px;
}
a.bg-drkblue,a.top-ask-question-btn {
	background: #0a2d66;
}
.top_bar .bg-drkblue,.top_bar .top-ask-question-btn {
	font-weight: 600;
	color: #7dcfdd;
	text-transform: uppercase;
}
.bg-lightblue {
	background: #7dcfdd;
}
.top_bar .bg-lightblue {
	font-weight: 700;
	color: #1a4791;
	text-transform: uppercase;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin: 0;
    min-height: auto;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #1a4791;
}
 .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #1a4791;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    padding: 31px 25px;
}
.navbar-nav {
    float: right;
    margin: -1px 0 0;
}
.loginbtn, .registerbtn {
    display: inline-block;
    float: right;
    position: relative;
}
.loginbtn a, .registerbtn {
    background: #0a2d66;
    display: block;
    padding: 3px 20px 4px 35px;
    margin: 0px 1px;
}
.loginbtn:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 6px;
    width: 22px;
    height: 22px;
    background: url(img/sprite.png) no-repeat -86px -244px;
    z-index: 999;
    }
.registerbtn:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 6px;
    width: 22px;
    height: 22px;
    background: url(img/sprite.png) no-repeat -86px -244px;
    z-index: 999;
    }
.menu_bar {
    background: rgba(0, 0, 0, 0.21);
}

.logo {
    padding: 10px 0;
}
.home_banner {
	background: url(img/home-banner.jpg) no-repeat;
	min-height: 711px;
	background-size: cover;
	color: #fff;
	padding: 0 0 135px 0;
}
 
 .bner-text {
    background: rgba(0, 0, 0, 0.4);
    padding: 20px 0 20px 158px;
    margin: 164px 0 0 0;
}
 
.home_banner p {
	font-size: 18px;
	font-weight: 100;
	margin: 0 0 0;
	padding: 0 0 0 0;
}
.home_banner h1 {
	border-bottom: 3px solid #0d439c;
	display: inline-block;
	margin: 0 0 10px;
	padding: 0 0 10px;
	text-transform: uppercase;
	font-weight: 200;
	font-size: 31px;
	color: #7dcfdd;
}
 
.landing_form {
	margin: 237px 0 0 15px;
	width: 802px;
}
 
.landing_form input.inptfield {
	border: none;
	border: 1px solid #dedede;
	width: 100%;
	margin: 0 auto;
	display: block;
	text-transform: uppercase;
	padding: 16px 10px;
	color: #fff;
	background: rgba(116, 208, 218, 0.47);
	font-size: 13px;
	text-shadow: 1px 1px 2px #000;
}
.landing_form input.sbmtbuton:hover {
	background: #01a7b8;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.landing_form input.sbmtbuton {
	background: #184794;
	border: none;
	text-transform: uppercase;
	width: 167px;
	padding: 16px 0;
	font-size: 13px;
	font-weight: 500;
	margin: -61px 2px 0 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	float: right;
}
 

.services {
    padding: 70px 0 0;
    clear: both;
    overflow: hidden;
}

.services h2 {
    font-size: 26px;
    font-weight: 200;
    color: #7dcfdd;
    text-align: center;
    margin: 00 00 45px 0;
}

.services h1 {
    font-size: 50px;
    font-weight: 200;
    color: #1a4791;
    text-align: center;
}
.no-padding { padding:0}

.services img {
    width: 100%;
}

.services h3 {
    font-size: 36px;
    font-weight: 200;
    color: #7dcfdd;
    position: relative;
    margin: 100px 20px 10px;
    border-bottom: 2px solid #1a4791;
    padding: 0 0 20px;
    display: inline-block;
}

.services p {
    font-size: 14px;
    font-weight: 400;
    color: #b4b4b4;
    padding: 0 23px;
    line-height: 30px;
}
 .services h3:after {
    content: "";
}

a.view_detail {
    color: #1a4791;
    font-size: 16px;
    font-weight: 300;
    display: block;
    position:relative;
    margin: 50px 0 0 70px;
}
 a.view_detail:after {
    content: "";
    background: url(img/sprite.png) no-repeat 0px -229px;
    width: 28px;
    height: 26px;
    position: absolute;
    top: -1px;
    left: -51px;
}
 
.text-right h3:after {
}

.text-right a.view_detail:after {
    left: auto;
    right: -58px;
    background-position: -25px -228px;
}

.text-right a.view_detail {
    margin: 45px 70px 0 0;
}
.testimonials {background: #1a4791;padding: 90px 0 60px;margin: -35px 0;}

div#owl-demo .item { padding:30px 0}

.test_image {
    float: left;
    width: 19%;
    text-align: right;
}

.test_text {
    float: left;
    width: 70%;
    margin: 15px 0 0 30px;
    color: #fff;
    position:relative;
}
.test_text:before {    content: "";
    background: url(img/sprite.png) no-repeat 1px -260px;
    width: 28px;
    height: 26px;
    position: absolute;
    top: -48px;
    left: -3px;}
.test_text:after {
    content: "";
    background: url(img/sprite.png) no-repeat -27px -265px;
    width: 28px;
    height: 26px;
    position: absolute;
    bottom: -5px;
    right: -2px;
    }

.test_text p {
    font-size: 18px;
    font-weight: 200;
}

.test_text h4 {
    color: #7dcfdd;
    font-size: 14px;
    font-weight: 500;
    margin: 30px 0 0;
}

.test_text h4 span {
    font-size: 14px;
    color: #fff;
}

.owl-controls.clickable {
    text-align: center;
    padding: 77px 0 10px;
}

.owl-controls .owl-page {
    width: 7px;
    height: 7px;
    background: #585858;
    display: inline-block;
    margin: 0 5px;
    border-radius: 50%;
    border: 1px solid #a7a7a7;
}
.owl-controls .owl-page.active {background: #fff; }

.section3 {
    padding: 90px 0;
    background: #f4f4f2;
}

.section3 h1 {
    font-size: 50px;
    font-weight: 200;
    color: #1a4791;
    text-align: left;
    margin: 0 0 20px;
    line-height: 50px;
}

.section3 h1 span {
    color: #7dcfdd;
}

.section3 p {
    font-size: 16px;
    font-weight: 300;
    color: #9d9d9d;
    padding: 0 80px 0 0;
    text-align: justify;
}

.section3 ul {
    list-style: none;
    margin: 15px 0 0;
}

.section3 ul li {
    position: relative;
    font-size: 16px;
    font-weight: 300;
    color: #9d9d9d;
    padding: 10px 0 0 25px;
}

.section3 h2 {
    font-size: 28px;
    font-weight: 200;
    color: #1a4791;
    text-align: left;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.section3 ul li:after {
    content: "";
    position: absolute;
    left: -3px;
    top: 16px;
    width: 15px;
    height: 12px;
    background: url(img/sprite.png) no-repeat -67px -252px;
}

.section3 a {
    background: #7dcfdd;
    color: #fff;
    padding: 15px 45px;
    margin: 21px 0 0;
    display: inline-block;
    text-transform: uppercase;
}

.section4 {
    border-top: 1px solid #b5b5b5;
    margin: 50px 0 0 0;
    padding: 65px 0 0 0;
}

.section5 {
    padding: 65px 0;
    text-align: CENTER;
}

.section5 h1 {
    font-size: 36px;
    font-weight: 200;
    color: #1a4791;
    text-align: center;
    margin: 0 0 55px 0;
    text-transform: uppercase;
    position: relative;
}

.section5icons {
    position: relative;
    padding: 125px 0 0;
}

.section5icons:before {
    content: "";
    right: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 94px;
    height: 110px;
    background: url(img/sprite.png) no-repeat 0 0;
    margin: 0 auto;
    transition: 0.35s linear;
}

.section5icons p {
    color: #acacac;
    font-size: 14px;
    font-weight: 300;
}

.section5icons h2 {
    font-size: 16px;
    font-weight: 400;
    color: #1a4791;
    margin: 5px 0;
}.section5 h1:after {
    content: "";
    background: #1a4791;
    width: 62px;
    height: 2px;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.section3 a:hover {
    background: #1a4791;
}

.section5icons.icon2:before {
    background-position: -95px 0px;
}

.section5icons.icon3:before {
    background-position: -190px 0px;
}

.section5icons.icon4:before {
    background-position: -284px 0px;
}
.section5icons:hover:before {
    background-position: 0 -107px;
    transition: 0.35s linear;
}

.section5icons.icon2:hover:before {
    background-position: -95px -106px;
}

.section5icons.icon3:hover:before {
    background-position: -190px -107px;
}

.section5icons.icon4:hover:before {
    background-position: -284px -107px;
}
footer {
	background: #001c4b;
	text-align: center;
	color: #cccccc;
	padding: 0 0 1px;
}
.footer_top {
    padding: 40px 0;
}

.footer_top h3 {
    margin: 5px 0;
    font-size: 16px;
    font-weight: 200;
    color: #7dcfdd;
}

.footer_top h2 {
    margin: 0;
    font-weight: 200;
    color: #fff;
}

.footer_mid {
    background: #0681ff;
    color: #fff;
    padding: 25px 0;
    position: relative;
}

.footer_mid p {
    font-weight: 300;
    font-size: 14px;
    padding: 20px 0 0;
    margin: 0;
    line-height: 26px;
}

.footer_mid p span {
    display: block;
    font-weight: 600;
    font-size: 16px;
}
footer p {
    margin: 10px 0;
}
.footer_mid:before {
    content: "";
    right: 0;
    position: absolute;
    left: 0;
    top: -26px;
    width: 49px;
    height: 26px;
    background: url(img/sprite.png) no-repeat -386px 1px;
    margin: 0 auto;
    transition: 0.35s linear;
}
.social_links {
}
.social_links .fa {
	color: #cccccc;
	font-size: 19px;
	padding: 10px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.achievement li span {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #86878b;
}
.achievement li {
	float: left;
	width: 25%;
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	color: #184794;
	position: relative;
}
.achievement ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.achievement {
	padding: 5px 0 7px;
	background: #efefef;
}
.footer_top p {
	font-size: 12px;
}
.achievement h3 {
	font-size: 20px;
	font-weight: 600;
	color: #7dcfdd;
	margin: 5px 0 0 0;
}
.achievement h3 span {
    color: #1a4791;
    display: block;
}
.achievement li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 41px;
	background: url(img/achievement.png) no-repeat 0px 0px;
}
li.one:before {
	background-position: 0px 0px;
	left: 8px;
	top: 9px;
}
li.two:before {
	background-position: -54px 1px;
	left: -8px;
	top: 10px;
}
li.three:before {
	background-position: -98px 2px;
	left: 5px;
	top: 8px;
}
li.four:before {
	background-position: -145px 2px;
	left: 8px;
	top: 9px;
}
.home_banner a:hover {
}
.social_links .fa:hover {
	color: #01a7b8;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.landing_form input.inptfield:focus {
	border: 2px solid #01a7b8;
	outline: none;
	background: rgba(116, 208, 218, 0.59);
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
p.copyright {
    color: #7dcfdd;
    font-size: 12px;
}
div#owl-demo {
    overflow: hidden;
}
/* extra css */
.header-sticky { padding:0 !important;}




table#pmpro_levels_table th {
    background: #1a4791 !important;
    color: #fff;
    text-align: center;
    font-size: 20px;
    border-bottom: 4px solid #62a9c8;
    margin: 0;
}

table#pmpro_levels_table  tbody {
    text-align: center;
}

table#pmpro_levels_table thead {
    margin: 0 0 0;
}

#pmpro_levels_table td {
    background: rgba(26, 72, 148, 0.81) !important;
    color: #fff;    font-size: 16px;
    text-transform: capitalize;
}
.home .sad {
    display: none;
}
#pmpro_levels_table .pmpro_btn {
    display: block;
    background: #7dcfdd;
    color: #fff;
    border: none;
    border-bottom: 2px solid #1a4791;
    font-size: 15px;
}
.pmpro_thead-name {
    float: left;
    width: 55%;
    font-size: 36px;
    font-weight: 300;
    color: #7dcfdd;
}
table#pmpro_pricing_fields p {
    font-size: 16px;
    font-weight: 300;
    color: #7b7b7b;
}
input.pmpro_btn.pmpro_btn-submit-checkout {
    background: #7dcfdd;
    color: #fff;
    padding: 10px 30px;
    margin: 0 0 25px;
    display: inline-block;
    text-transform: uppercase;
}
#pmpro_license {height:100px !important;}