/*
Theme Name: Business Card
Theme URI: http://ketchupthemes.com/business-card/
Author: Alexandros Itsios
Author URI: http://ketchupthemes/alex-itsios
Description: Business Card is a business WordPress Theme that helps bussinesses build their online identity. Some features of business card include multiple page layouts, responsive (Twitter Bootstrap Boilerplate) functionality, theme options, multiple columns, shortcodes and much more. Business Card is an elegant and professional business theme.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, silver, dark, light, one-column, two-columns, three-columns, four-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
TextDomain: businesscard
*/
/***
*
GENERAL
*
***/
@font-face {
    font-family: 'Open Sans',sans-serif;
    src: url('css/web_fonts_opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('css/web_fonts_opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/web_fonts_opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('css/web_fonts_opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('css/web_fonts_opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: 'Open Sans', sans-serif;
    color:#9aa7af;
    font-weight:400;
    word-wrap:break-word;
}
img {
    max-width: 100%;
    height: auto;
}
a {
    color:#2f383d;
    text-decoration:none;
}
a:hover{
    text-decoration: none;
}
ul,ol{
    list-style:none;
    padding:0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 700;
}
.kt-white{
    color:#fff;
}
.kt-blacky{
   color:#2f383d;
}
.kt-divider {
    border-top: 3px dotted #ccc;
    display: block;
    height: 3px;
    margin: 10px 0 10px 0;
}

/***
*
DEFAULT WORDPRESS CLASSES
*
***/
.wp-post-image {
    height: auto;
    max-width: 100%;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 10px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    max-width: 96%; 
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}

/***
*
HEADER
*
***/
#kt-logo-area{
    line-height:100px;
    font-weight:700;
}
#kt-logo{
    line-height:80px;
    font-size:26px;
}
#kt-search-field{
    margin-top:40px;
}
#kt-main-nav ul{
    padding:0;
    list-style:none;
    line-height:69px;
    float:right;
}
#kt-main-nav ul li{
    float:left;
    position:relative;
    margin-right:25px; 
}
#kt-main-nav ul li:hover > .sub-menu{
    display:inline-block;
    position:absolute;
    top:auto;
    left:auto;
    z-index:10000;
}
#kt-main-nav .sub-menu li:hover > .sub-menu{
    display:inline-block;
    position:absolute;
    top:0px;
    left:auto;
    z-index:10000;
}
#kt-main-nav ul li a{
    display:block;
    padding:0 15px;
}
.slicknav_menu{
    display:none;
}
/**Second Level**/
#kt-main-nav ul.sub-menu{
    display:none;
    top:0;
}
#kt-main-nav .sub-menu {
    border-bottom:2px solid #0E4FA3;
    background:#ffffff;
}
#kt-main-nav .sub-menu li{
    position:relative;
    width:160px;
    float:none;
    margin-right:0px !important;
    border-bottom:1px solid rgba(5, 79, 2,0.2);
}
#kt-main-nav .sub-menu li a{
    font-size:14px;
    line-height:40px;
}

/**Third Level**/
#kt-main-nav .sub-menu li > .sub-menu{
    background:#fdfdfd;
    position:absolute;
    top:0;
    left:160px !important;
}

.kt-search-form{
    line-height:20px;
    margin-top:40px;
}
.kt-search-form input[type="text"]{
    background:#f0f0f0;
    padding:5px 15px;
    border:none;   
    width:99%;
}

/***
*
BREADCRUMBS
*
***/
#kt-breadcrumbs{
  font-size:20px;
  margin:0 0 20px 0;  
}
#kt-breadcrumb-container{
    background-color:#feeff0;
    padding:10px 5px;
}
#kt-breadcrumb-container > a{
    color:#94a8ce !important;
    text-decoration:none;
}
/***
*
BELOW HEADER IMAGE 
*
***/
#kt-below-slider{
    margin: 0 0 0px 0;
    padding:5px 0 10px 0;
    color:#fbfcfc;
    font-size:12px;
}
#kt-below-slider p{
    margin:10px 0 0 0;
}
.kt-portfolio-description{
    padding:10px 0;
    color:#2f383d;
    font-size:13px;
}
.kt-portfolio-description h2{
    text-align:right;
    margin:5px 0;
    font-weight:400;
}
.kt-portfolio-description p{    
    text-align:right;
    line-height:20px;
}
.kt-portfolio-description .portfolio-more-btn{
    float:right;
    padding:10px 25px;
    background:#336ab1;
    color:#fdfcfc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/***
*
MAIN
*
***/
.kt-article{
    margin:0 0 50px 0;
}
#kt-main-articles{
    margin:20px 0;
}
.nopadding{
    padding:0;
}
    /*------*/
    /* Date */
    /*------*/
    .kt-article-date{
        position:relative;
    }
    .date-icon{
        position:absolute;
        display:block;
        background:#2f383d;
        height:25px;
        width:25px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color:#ffffff;
        top:4px;
        right:-11px;
        font-size:12px;
        padding:7px;
    }
    .the_date{
        color:#ffffff;
        background-color:#0c4da2;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        text-align:center;
        padding:4px;
        height:61px;
        width:65px;
    }
    .the_date > .day{
        font-size:19px; 
        display:block;
    }
    .the_date > .month_year{
        font-size:8px;
    }  
a.kt-article-title{
    margin:8px 0 2px 0;
    font-weight:bold;
    display:block;
}
.kt-article-meta, .kt-article-categories{
    font-size:13px;
    color:#a5b1b9;
}
.kt-article-categories,
.kt-article-tags{
    margin:20px 0;
    border-top:1px solid #e5ecef;
    border-bottom:1px solid #e5ecef;
    padding:8px 0;
}
.kt-article-tags p{
    margin:0;
}
span.post-categories{
    margin-left:30px;
}
span.post-categories i{
    margin-right:10px;
}
span.post-categories a{
    color:#a5b1b9;
}
blockquote{
    font-size:14px;
    padding:20px 70px;
    background-color:#f5f5f5;
    border-left:5px solid #1050a3;
    color:#9aa7af;
    border-top:1px solid #e4ebed;
    border-bottom:1px solid #e4ebed;
    border-right:1px solid #e4ebed;
    background-color:#f3f3f3;
    background:url('./img/quote_img.png') no-repeat;
    background-position: 1% 50%;
    margin:10px 0;
    font-weight:800;
    position:relative;
    font-style: italic;
}
blockquote:before{
    position:absolute;
    top:30px;
    left:10px;
    font-family: 'ElegantIcons';
    content: '\7c';
    color: #ffffff;
    background:#1050a3;
    font-size:30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-style: normal;
    width:40px;
    height:40px;
    text-align:center;
}

/****
*
COMMENTS
*
***/
p.comment-form-author{
    width:30%;
    display: inline-block;
    margin-right:5px;
}
p.comment-form-email{
    width:30%;
    display: inline-block;
    margin-right:5px;
}
p.comment-form-url{
    width:30%;
    display: inline-block;
}
p.comment-form-comment textarea{
    width:93%;
    padding:5px 10px;
    background:#ffffff;
    color:inherit;
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}
p.form-allowed-tags{
    display:none;
}
p.form-submit input[type="submit"]{
   padding:5px 10px;
   background:#1050a3;
   color:#fff;
   border:none;
}
p.form-submit input[type="submit"]:hover{
   color:#fff;
}
p.comment-form-author input[type="text"],
p.comment-form-email input[type="text"],
p.comment-form-url input[type="text"]{
    padding:5px 10px;
    background:#ffffff;
    color:#fff;
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}
.comment-body{
    padding:10px 0 20px 0;
}   
.comment-body p{
    padding:30px 15px;
    margin:12px 30px;
    background:#f8f8f8;
}
.comments-area {
    margin: 20px auto;
    max-width: 100%;
    padding: 0 10px;
}
.comment_num{
    display:inline-block;
    background-color: #07a2d6;
    font-size:14px;
    padding:8px 10px;
    color:#191919;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.comment-reply-title,
.comments-title {
    margin: 10px 0 30px 0;
    padding-bottom:20px;
    font-size:16px;
    color:#7F8C8C;
    border-bottom:1px solid #323232;
}
.comment-list {
    list-style: none;
    margin: 0 0 48px 0;
}
.comment-author {
    font-size: 13px;
    line-height: 1.5;
}
.comment-reply-link{
    float:right;
}
.comment-list .reply,
.comment-metadata {
    font-size: 12px;
    line-height: 2;
    text-transform: uppercase;
}
.commentmetadata {
    font-size: 10px;
    width:65%;
    display:inline-block;
    vertical-align: sub;
    margin-top:25px;
}
.comment-list .reply {
    margin: 10px 0 10px 0;
}
.comment-author .fn {
    color:#7f8c8c;
    font-weight: bold;
    display: block;
    font-size:15px;
    margin-top: -59px;
    padding-left: 89px;
}
.comment-author a {
    color: #2b2b2b;
    float:right;
    font-size:14px;
}
.comment-author.vcard{
    width:30%;
    float:left;
    display:inline-block;
}
.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
    color: #767676;
}
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
    color: #07a2d6;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
    padding-top: 24px;
}
.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
    border-top: 0;
}
.comment-author {
    position: relative;
}
.comment-author .avatar {
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 80px;
    padding: 2px;
    top: 0;
    left: 0;
    width: 80px;
}
.says {
    display: none;
}
.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
    padding-left: 10px;
}
.comment-content {
    -webkit-hyphens: auto;
    -moz-hyphens:    auto;
    -ms-hyphens:     auto;
    hyphens:         auto;
    word-wrap: break-word;
}
.comment-content ul,
.comment-content ol {
    margin: 0 0 15px 15px;
}
.comment-content li > ul,
.comment-content li > ol {
    margin-bottom: 0;
}
.comment-content > :last-child {
    margin-bottom: 0;
}
.comment-list .children {
    list-style: none;
    margin-left: 10px;
}
.comment-respond {
    margin-bottom: 24px;
    padding: 0;
}
.comment .comment-respond {
    margin-top: 12px;
}
.comment-respond h3 {
    margin-top: 0;
    margin-bottom: 24px;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
    color: #767676;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
    font-size: 14px;
    line-height: 1.7142857142;
}
.no-comments {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    margin-top: 24px;
    text-transform: uppercase;
}
.comment-form label {
    display: block;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    width: 100%;
}
.form-allowed-tags,
.form-allowed-tags code {
    font-size: 12px;
    line-height: 1.5;
}
.required {
    color: #c0392b;
}
.comment-reply-title small a {
    color: #2b2b2b;
    float: right;
    height: 24px;
    overflow: hidden;
    width: 24px;
}
.comment-reply-title small a:hover {
    color: #41a62a;
}
.comment-reply-title small a:before {
    content: "\f405";
    font-size: 32px;
}
.comment-navigation {
    font-size: 12px;
    line-height: 2;
    margin-bottom: 48px;
    text-transform: uppercase;
}
.comment-navigation .nav-next,
.comment-navigation .nav-previous {
    display: inline-block;
}
.comment-navigation .nav-previous a {
    margin-right: 10px;
}
#comment-nav-above {
    margin-top: 25px;
    margin-bottom: 0;
}

/***
*
SIDEBAR & WIDGETS
*
***/
#kt-sidebar{
    padding-left:60px;
}
.widget{
    margin: 0 0 30px 0;
    font-size:13px;
}
.widget h3{
    margin-top:0;
    font-size:18px;
    font-weight:400;
    color:#2f383d;
}
.widget .widget_text{
    text-align:justify;
}
.widget p, 
.widget ul, 
.widget ol, 
.widget table, 
.widget form, 
.tagcloud {
    padding: 5px;
}
.widget ul, .widget ol  {
  list-style:none;  
}
.tagcloud a{
    padding:5px 10px;
    background:#0C4DA2;
    color:#ffffff;
}
.tagcloud a:hover{
    padding:5px 10px;
    color:#0C4DA2;
    background:#ffffff;
    border:1px solid #0C4DA2;
}
.widget_search form input[type="text"]{
    width:80%;
    display:inline-block;
}
.widget_search form input[type="submit"]{
    width:18%;
    padding:8px 5px;
    display:inline-block;
    border:none;
    margin-left:-5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#kt-footer #kt-sidebar{
    padding-left:0;
}

/***
*
FOOTER & WIDGETS
*
***/
#kt-footer{
    background:#34373c;
    padding:20px 0;
    color:#fcfcfc;
}
#kt-footer .widget h3{
	font-size:18px;
	font-weight:400;
	color:#efefef;
}
#kt-footer .widget{
    font-size:13px;
}
#kt-copyright{
    font-size:12px;
    color:#6d7a83;
    padding:15px 0;
    background:#202629;
    border-bottom:5px solid #ffffff;
}
#kt-copyright a{
    color:#6d7a83;
}
#social_footer a > i{
    font-size:14px;
    color:#fff;
    margin-right:5px;
}
.footerwidget{
    color:#efefef;
}
.footerwidget a{
    color:#efefef;
}

/***
*
SHORTCODES
*
***/
.section_bg{
    background-size:cover !important;
}
.spacer{
    margin:10px 0;
    display:block;
}

/***
*
BOOTSTRAP OVERRIDES
*
***/
@media only screen and (min-device-width: 320px) and (max-device-width: 768px), (max-width: 900px) {
    
    .slider h1, .slider h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .slider ul li {
        width:100%;
        height:auto;
    }
    .slider .inner {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .slider p {
        font-size: 15px;
        width: 80%;
        margin: 0 auto;
    }
      .slicknav_menu{
       display:block;
   }
   #kt-main-nav{
       display:none;
   }
   #kt-search-field{
    margin-top:5px;
}
}