/*------------------------------------------------------------------
[Main Stylesheet]

Project:  Mango Blog Theme
Version:  1.0
Author: Kraftt

1. Font and Common Elements
   1.1 Header Style

2. Blog Styles
   2.1 Classic
   2.2 Post Formats
   2.3 Masonry Blog - Featured Slider
   2.4 Misc
     2.4.1 Author
     2.4.2 Social Share
     2.4.3 Related Posts
     2.4.4 Pagination

3. Comment Section

4. Sidebar and Widgets
   4.1 List
   4.2 Twitter
   4.3 Tags
   4.4 Search
   4.5 Flickr and Instagram
   4.6 Popular Posts
   4.7 About Me
   4.8 Calender

5. Custom Archives Page

6. Contact Form

7. Wordpress Common Elements ( List, Sticky, Image )

8. Footer and Widgets

- Responsive Queries

-------------------------------------------------------------------*/



/***********************/
/* 1. Fonts and Common */
/***********************/
body { background: #f5f5f5; color: #2f2f2f; word-wrap: break-word; overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */ overflow-x: hidden; font-size: 14px; -webkit-font-smoothing: antialiased; }
a, a:hover { text-decoration: none; -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;} 
a:active { text-decoration: none; }
a:active, a:focus {
outline: thin dotted;
outline: 0 !important;
outline-offset: 0 !important;
}
.full .container { width: 100% !important; }
#teamKraftt-layout .wpb_row.vc_row-fluid.full .wpb_column { padding: 0 !important; margin: 0; }
.container .container { width: 100%; padding-left:0; padding-right:0; }
.wpb_row{ margin-left:0 !important; margin-right:0 !important; }
.krafttBox { 
background: #fff;
-webkit-box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6);
-moz-box-shadow:    0px 0px 3px 0px rgba(210, 210, 210, 0.6);
box-shadow:         0px 0px 3px 0px rgba(210, 210, 210, 0.6);
width: 1200px;
margin: 60px auto; 
}
#kraftt-loader {
    background: #fff;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index: 99999;
    pointer-events: none;
    margin: 0;
    padding: 0;
}
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

img{
  display: block;
  max-width: 100%;
  height: auto;
}
textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover
{outline:0px !important;-webkit-appearance:none;}

input, button, select, textarea {
max-width: 100%;
}

input, select, textarea { box-shadow: none !important; background: #f5f5f5 !important; color: #9a9a9a !important; border-radius: 0 !important; }
input[placeholder], [placeholder], *[placeholder] {
color: #9a9a9a; font-size: 12px;
}

.form-group { margin-bottom: 5px; }
/*****************/
/* Scroll To Top */
/*****************/
.scrollToTop{
width: 40px;
border-radius: 3px;
height: 40px;
line-height: 40px;
text-align: center;
background: rgba(0, 0, 0, 0.4);
color: #fff;
text-decoration: none;
position: fixed;
bottom: 75px;
right: 200px;
display: none;
}
.scrollToTop:hover{
  color:#fff;
}
/**************/
/* 1.1 Header */
/**************/
/* reset */
.navbar { margin-bottom: 0; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; } 
.navbar-default { background: transparent; border: none; }  /* use this for boxed version of theme */
.navbar-collapse { padding: 0; }

/* logo */
a.logo-text { font-size: 30px; line-height: 100px; color: #fff; font-family: 'Permanent Marker', cursive; }
.teamKraftt-brand { padding: 167px 0; text-align: center; overflow: hidden; }
.teamKraftt-brand img { margin: 0 auto; display: inline-block; }
.cssanimations *[data-anim="true"] {
opacity: 0;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-transform: translate3d(0, 90px, 0);
-moz-transform: translate3d(0, 90px, 0);
transform: translate3d(0, 90px, 0);
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

.cssanimations .anim-in[data-anim="true"] {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.logo-back {
  position: absolute;
  top:10px;
  left:0;
  transform: scale3d(1.01, 1.01, 1) translate3d(0px, 0px, 0px);
  width: 100%;
  min-height: 100%;
}
/* header style */
.teamKraftt-header.header-1 {
background: #54b7a6; 
-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 4px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}
.is-sticky .teamKraftt-header.header-1 { left:0; width: 100%; z-index: 3000;}
.navbar-nav.navbar-center { float: none; text-align: center; }
.navbar-nav>li { float: none; display: inline-block; }

.header-1 .navbar-nav>li>a {
font-family: 'Ubuntu', sans-serif; font-size: 12px; font-weight: 700; line-height: 1; padding: 44px 23px; color: #c6e4de;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.header-1 .navbar-nav>li>:last-child>a { padding-right:0; }

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { background: #4ca697; color: #fff; }
.dropdown-menu { 
margin: 0px;
padding: 0px;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 2px solid rgba(0,0,0,0.1);
border-top:0;
min-width: 180px;
}
.navbar-nav>li>.dropdown-menu { margin-top: -0; }

.navbar-right .dropdown-menu { left: 0; right: auto; }
.dropdown-menu>li>a {
color: #9a9a9a;
padding: 15px 20px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
font-size: 11px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.dropdown-menu>li>a:not(last-child) { border-bottom: 1px solid #f5f5f5; }

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
background: #4ca697;
color: #fff;
}

.dropdown-menu .dropdown-menu { left: 100%; top: 0; margin-left: 0; }
.dropdown-menu>li.dropdown>a:after { 
content: "\f0da"; 
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 5px;
}
.sticky-wrapper { height: auto !important; min-height: 50px; }
.is-sticky { background-color: inherit; }

.logged-in .is-sticky { top:33px !important;}

.kraftt-header-search { 
position: relative; float: right; cursor: pointer;  height: 100px;
line-height: 100px;
font-size: 16px;
color: #fff;
margin-left: 50px;
}
.kraftt-header-search i { display: block; line-height: 100px; color: #fff; }
.kraftt-header-search:hover i { color: #fff; }
.kraftt-header-search .search { 
position: absolute; top: 73px; visibility: hidden; opacity: 0;
z-index: 1000;
width: 200px;
left: -284px; 
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
 transition: all 0.4s ease-out;  
}
.kraftt-header-search .search .search-query { 
height: 48px;
line-height: 48px;
background: #fff !important;
font-family: "Source Sans Pro", sans-serif;  
width: 300px;
max-width: 300px;
font-weight: 500;
border: 2px solid rgba(0,0,0,0.1);
border-top:0;
}
.kraftt-header-search.acik .search { visibility: visible; opacity: 1; }
/*****************/
/*    2. Blog    */
/*****************/
.blog-excerpt { font-weight: 400; } 
/*  2.1 classic style */
.sidebar-inner{margin-bottom:40px;}
.blog-standard-right-sidebar .post-item {
background:#fff;
padding:18px 0 30px 0;
margin-bottom:40px;
}
.blog-standard-right-sidebar .blog-content { padding-left: 50px; padding-right: 50px; }
.blog-standard-right-sidebar h1.blog-title { margin-bottom: 2px; font-size: 24px; }
.blog-standard-right-sidebar .blog-title { padding: 0 53px; } 
.blog-standard-right-sidebar .blog-title a{color:#323b42;line-height:40px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;}
.blog-standard-right-sidebar .postdata{text-align:center;}
.blog-standard-right-sidebar .blog-meta {text-transform:uppercase;font-size:11px;font-weight:700;color:#6e818f; margin-bottom: 45px}
.blog-standard-right-sidebar .blog-meta i{
font-size: 4px;
margin-left: 10px;
margin-right: 10px;
vertical-align: middle;}
.blog-standard-right-sidebar .blog-meta a{color:#6e818f;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;}
.blog-standard-right-sidebar .blog-meta a:hover, .blog-standard-right-sidebar .blog-title a:hover {
color: #54b7a6;}
.blog-standard-right-sidebar .blog-thumbnail { margin-bottom: 45px; }
.blog-standard-right-sidebar .blog-excerpt{line-height:28px; color: #2f2f2f;}
.read-more-button{ text-align: center; padding: 20px 0 25px 0; border-bottom: 2px solid #f5f5f5; font-weight: 600; }
.read-more-button a{ color: #279361; }
.read-more-button a:hover{color:#323b42; text-decoration: underline; }
.read-more-button i{margin-left:7px;}

/*
 * 2.2 Post Formats
 */

/* 
/* quote */
.blog-standard-right-sidebar .post-item.format-quote, .blog-standard-right-sidebar .post-item.format-link { padding: 0; }
.quoto-link-image { position: relative; background: #54b7a6; }
.quoto-link-over {
position: absolute;
width: 100%; height: 100%;
top: 0;
left: 0;
z-index: 11;
text-align: center;
color: #fff;
padding: 107px 50px 80px;
background: rgba(0,0,0,0.3);
}
.quoto-link-over h3.quoto-link-content { font-weight: 600; margin-top: 17px;color:#fff; }
.quoto-link-over h5.quoto-link-name { font-weight: 400; line-height: 36px; }
.quoto-link-over .fa { font-size: 36px; line-height: 1; }

.quoto-link-over.no-image { position: relative; height: auto; overflow: hidden; background: transparent; }
.quoto-link-over img {border-radius:3px;}
.masonry-blog .quoto-link-over img {border-radius:0;}
.quoto-link-image{-webkit-box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6);
-moz-box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6);
box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6);}

/* Gallery Post Type  */
.post-slider { position: relative; overflow: hidden; }
.post-slider .flex-direction-nav a, .portfolio-slider .flex-direction-nav a { display: block; }
.masonry-blog .flex-direction-nav a{top:90%;}
.masonry-blog .post-slider:hover .flex-prev { opacity: 0.5; left: 74%; }
.masonry-blog .post-slider:hover .flex-next { opacity: 0.5; right: 0px; }
.masonry-blog .flex-direction-nav .flex-prev{left:70%;}

.post-slider .flex-direction-nav a { top: auto; bottom: 0; opacity: 0.5; display: block; }
.post-slider .flex-direction-nav .flex-prev{ left: auto; right: 42px }
.post-slider .flex-direction-nav .flex-next { right: 0; }
.post-slider:hover .flex-prev { opacity: 0.5; left: auto; right: 42px }
.post-slider:hover .flex-next { opacity: 0.5; right: 0; }
.post-slider:hover .flex-next:hover, .post-slider:hover .flex-prev:hover { opacity: 1; }
.post-slider .flex-direction-nav a.flex-next:before { content:'';background:url(../img/slider-right-arrow.png) no-repeat 0 0 !important;height: 40px!important;width: 40px!important;}
.post-slider .flex-direction-nav a.flex-prev:before { content:'';background:url(../img/slider-left-arrow.png) no-repeat 0 0 !important;height: 40px!important;width: 40px!important; }


.post-grid-thumbnails { padding: 0 50px; }
.post-grid-thumbnails li { width: 33%; margin-right: 0.35%; margin-bottom: 2px; float: left; position: relative; overflow: hidden; }

.post-grid-thumbnails li:nth-child(3n+3) { margin-right: 0; }
.kraftt-caption { display: none; }
.post-grid-thumbnails li .kraftt-caption { 
position: absolute; bottom: -40px; width: 100%; left: 0; line-height: 40px; padding-left: 20px; display: block; background: rgba(0,0,0,0.7); font-size: 14px; color: #fff;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.post-grid-thumbnails li:nth-last-child(3), .post-grid-thumbnails li:nth-last-child(2), .post-grid-thumbnails li:nth-last-child(1) { margin-bottom: 0; }
.post-grid-thumbnails li:hover .kraftt-caption { bottom: 0; }

/* audio video */

.mejs-overlay-button{display:none;}
.mejs-container .mejs-controls{height:50px!important;background:#rgba(0,0,0,0.7)!important; visibility:visible!important;}
.mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { background: rgba(0,0,0,0.7)!important; } 
.mejs-controls .mejs-button button{margin:15px 5px!important;}
.mejs-container .mejs-controls .mejs-time{padding: 16px 3px 0 3px!important;display:none!important;}
.mejs-controls .mejs-time-rail .mejs-time-total{margin-top:16px!important;border-radius:0!important;}
.mejs-controls .mejs-time-rail span{height:4px!important;}
.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#2c2c2c!important;border-radius:4px!important;}
.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff!important;border-radius:4px!important;}
.mejs-container .mejs-controls .mejs-playpause-button{padding-left:12px!important;margin-right:20px!important;}
.mejs-container .mejs-controls .mejs-fullscreen-button{margin-right:12px;}
.mejs-controls div.mejs-horizontal-volume-slider{margin-top:8px!important;}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { top: 13px  !important; height: 4px !important; } 

/********************/
/* 2.3 MASONRY BLOG */
/********************/
.masonry-container { padding: 0; background: #fff; }
.masonry-blog { position: relative; }
.masonry-blog .post-item { width: 30.7692%; float: left; margin-bottom: 40px;}
.masonry-blog h3.blog-title { margin-bottom: 6px; font-size: 16px;margin-top:0px; }
.masonry-blog .blog-title a{color:#323b42;font-weight:600;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;}
.masonry-blog .blog-meta {font-size:12px; margin-bottom: 8px}
.masonry-blog .blog-meta i{
font-size: 4px;
margin-left: 10px;
margin-right: 10px;
vertical-align: middle;}
.masonry-blog .blog-meta a{color:#323b42;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;}
.masonry-blog .blog-meta a:hover, .masonry-blog .blog-title a:hover {
color: #54b7a6;}
.masonry-blog .blog-thumbnail { margin-bottom: 16px; }
.masonry-blog .blog-excerpt{line-height:26px;font-size:14px;}
.masonry-blog .blog-content a {font-weight: 600;font-style: italic;font-size: 14px;}
.masonry-blog .blog-content a i{margin-left:4px;}
.masonry-blog .blog-content a:hover { color: #323b42; }

.masonry-blog .quoto-link-over { padding: 17px 40px; text-align: left; }
.masonry-blog .quoto-link-over h3.quoto-link-content { font-size: 14px; line-height: 24px; font-weight: 600; margin-top: 17px; }
.masonry-blog .quoto-link-over .fa { font-size: 24px; position: absolute; bottom: 40px; right: 40px; }
.masonry-blog .quoto-link-over h5.quoto-link-name { font-family: 'Lato', sans-serif; }

a.teamKraftt-loading-button { font-weight:700;border-radius: 3px;font-size: 12px;line-height: 40px; color: #fff; width: 55%; background: #54b7a6; display: block;
margin: 0 auto; webkit-box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6); -moz-box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6); box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6);-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
a.teamKraftt-loading-button:hover{background:#fff;color:#9a9a9a;}
.teamKraftt-loadblog { padding: 20px 0 40px 0; text-align: center; background: #fff;}
.teamKraftt-loading-button #infscr-loading{ position: absolute; left: 50%; margin-left: -8px; margin-top: -26px; }


/* Featured Slider */
.featured-slider { position: relative; padding-bottom: 75px; }
.featured-posts { position: relative;  }
.featured-posts .featured-item { width: 600px; float: left; position: relative; }

.featured-meta {
font-size: 12px;
display: block;
position: absolute;
height: 145px;
line-height: 1.1;
background: rgba(0,0,0,0.7);
width: 100%;
color: #fff;
padding-left: 20px;
padding-top: 19px;
padding-right: 20px;
font-weight: 500;
top: 100%;
left: 0;  
margin: -50px 0 0 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;  
}
.featured-item:hover .featured-meta { margin-top: -145px; }
.featured-meta a { color: #fff; }
.featured-meta a:hover { color: #54b7a6; }
.featured-meta i { 
font-size: 4px;
vertical-align: middle;
margin: 0 11px; 
}

.featured-meta p { line-height: 24px; font-size: 12px; font-weight: 400; padding-top: 19px;}
.featured-meta p i { line-height: 26px; font-size: 14px; }
.featured-meta p a { color: #54b7a6; }
.featured-meta p a:hover { color: #fff; }

.featured-slider .flex-control-nav { bottom: 33px; }
.featured-slider .flex-control-paging li a { background: #d5d5d5; }
.featured-slider .flex-control-paging li a.flex-active { background: #bababa; }
.featured-slider .flex-control-paging li a { width: 30px; height: 6px; 	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

.featured-slider-alternative {
margin-bottom: 56px;  
border-radius: 3px;
background: #fff;  
-webkit-box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6);
-moz-box-shadow:    0px 0px 3px 0px rgba(210, 210, 210, 0.6);
box-shadow:         0px 0px 3px 0px rgba(210, 210, 210, 0.6);
overflow: hidden;
position: relative;  
}

.featured-right { width: 680px; height: 400px; float: right; }
.featured-left { width: 360px; height: 400px; float: left; padding: 40px; }

.featured-meta-alternative h4 a, .featured-meta-alternative h4 { margin-top: 0; line-height: 1; color: #323b42; }
.featured-meta-alternative p { font-size: 12px; }
.featured-meta-alternative p a { color: #323b42; }
.featured-meta-alternative i { font-size: 4px; vertical-align: middle; margin: 0 10px; }
.featured-slider-alternative .blog-excerpt p { font-size: 14px; line-height: 24px; }

.featured-slider-alternative .flex-direction-nav a { opacity: 1; margin:-74px 0 0; top: 100%; color: #bababa; background: #f5f5f5; text-align: center; border-radius: 4px; }
.featured-slider-alternative .flex-direction-nav a:hover { background: #54b7a6; color: #fff; }
.featured-slider-alternative .flex-direction-nav .flex-prev { left: 235px; }
.featured-slider-alternative .flex-direction-nav .flex-next { right: auto; left: 280px; }
.featured-slider-alternative .flex-direction-nav a.flex-next:before { content:"\f061"; font-family: 'FontAwesome'; background-image:none; font-size: 12px; line-height: 40px; }
.featured-slider-alternative .flex-direction-nav a.flex-prev:before { content:"\f060"; font-family: 'FontAwesome'; background-image:none; font-size: 12px; line-height: 40px; }
.featured-left .blog-excerpt a { color: #9a9a9a; }


/*
 * 2.4 MISC
 */


/**********************/
/*   2.4.1 Author       */
/**********************/

.about-the-author {
background: #fff;
padding: 0 0 50px 0;
margin-bottom: 40px;
}

.about-the-author h6 {
font-family: 'Source Sans Pro', sans-serif;
line-height: 70px;
margin: 0;
color: #323b42;
padding-left: 50px;
font-size: 12px;
font-weight: 700;
border-bottom: 2px solid #f5f5f5;
}

.author-meta { padding: 50px 50px 0 50px; }

.author-meta .avatar  { float: left; margin-right: 30px; }

.author-bio { float: left; width: 82%;}
.author-bio i { line-height: 40px; }

p.about-author { font-size: 12px; color: #323b42; font-weight: 600; }
p.about-author-desc { color: #9a9a9a; font-size: 12px; line-height: 24px; }
/***********************/
/* 2.4.2 Related Posts */
/***********************/
.related-posts {
background:#fff;
padding: 0 0 50px 0;
margin-bottom:40px;
}

.related-posts h6 {
font-family: 'Source Sans Pro', sans-serif;  
line-height:70px;
margin: 0 ;  
color: #323b42;
padding-left: 50px;
font-size: 12px;
font-weight: 700;
border-bottom: 2px solid #f5f5f5;
}

.related-box { padding: 0 50px; margin-top: 50px; }
.related-posts .related-item {
width: 33%;
margin-right: 0.5%; 
position: relative; 
float: left;
min-height: 68px;
}

.related-posts .related-item:nth-child(3) { margin-right:0;  }


.related-title { position: absolute; bottom: 0; height: 77px; width: 100%; background: rgba(0,0,0,0.76); padding: 13px 20px 20px 20px; }
.related-title a { color: #fff; font-size: 12px; line-height: 26px; }
/**********************/
/* 2.4.3 social share */
/**********************/
.socials{display: block; text-align: center; padding: 20px; }
.socials i { line-height: 40px; }
.facebook-share, .twitter-share, .pinterest-share, .google-share, .tumblr-share, .linkedin-share, .stumbleupon-share, .mail-share{display:inline-block;cursor:pointer;height:40px; width:40px;margin-right:8px;margin-top:10px; border-radius:40px;background:#fff; color: #dadada; border: 1px solid #dbdbdb; text-align:center;line-height:40px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;}
.facebook-share:hover {background:#3b5998;color:#fff; border-color: #3b5998; }
.twitter-share:hover {background:#00aced;color:#fff; border-color: #00aced;}
.pinterest-share:hover {background:#cb2027;color:#fff; border-color: #cb2027;}
.google-share:hover {background:#dd4b39;color:#fff; border-color: #dd4b39;}
.tumblr-share:hover {background:#32506d;color:#fff; border-color: #32506d;}
.linkedin-share:hover {background:#007bb6;color:#fff; border-color: #007bb6;}
.stumbleupon-share:hover {background:#eb4924;color:#fff; border-color: #eb4924;}
.mail-share:hover  {background:#54b7a6;color:#fff;}
.mail-share:hover a { color: #fff; }
.mail-share a { color: #9a9a9a; }

/********************/
/* 2.4.4 Pagination */
/********************/
.index-pagination{margin-bottom: 49px;margin-top: 9px;}
.page-numbers{list-style: none;padding-left: 0;}
.page-numbers > li{display: inline;}
.page-numbers .current:hover{position: relative;
color: #fff;
font-size: 14px;
line-height: 1;
margin-right: 10px;
font-weight: 600;
border-radius: 0;
padding: 14px 18px;
background: #54b7a6;
}
.page-numbers .current{background: #f5f5f5;color: #a5a5a5;
position: relative;
font-size: 14px;
line-height: 1;
margin-right: 10px;
font-weight: 600;
border-radius: 0;
padding: 14px 18px;
moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;}
.page-numbers > li a{position: relative;
color: #a5a5a5;
font-size: 14px;
line-height: 1;
border-radius:0;
margin-right:10px;
font-weight: 600;
padding: 14px 18px;
background: #fff;
}
.page-numbers > li a.prev {border-radius:0;}
.page-numbers > li a.next{border-radius:0;}
.page-numbers > li:hover a{background:#54b7a6;color:#fff;-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;}


.newer-page { float: left; position: relative; }
.older-page { float: right; position: relative; }
.newer-page a, .older-page a { background: #fff; color: #6e818f; display: block; line-height: 50px; font-size: 14px; padding: 0 20px 0 20px;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.older-page a { }
.newer-page:hover a, .older-page:hover a { color: #fff; background: #54b7a6; }

.newer-page a:before, .older-page a:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f178";
padding-left: 5px;
}

.newer-page a:before { content: "\f177"; padding-right: 5px; padding-left: 0; }
/* single blog */
.single-post .blog-excerpt { border-bottom: 2px solid #f5f5f5; padding-bottom: 15px; }
.single-post .socials { 
display: block;
margin: 12px auto 0;
float: none;
text-align: center; 
}
.single .post-pagination { margin-top: 30px; text-align: center; line-height: 100px; }
.single .post-pagination span { margin: 0 2px; }

/* Next Prev with Content */
.prev-item, .next-item { width: 50%; float: left; position: relative; }
.nexthover, .prevhover { position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); text-align: center; padding-top: 25%; padding-left: 85px;
padding-right: 85px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;}
.prev-next-posts h2 { margin-top: -37px; margin-bottom: 19px; }
.prev-next-posts h2 a { color: #fff; font-size: 24px; margin-bottom: 18px; }
.prev-next-posts p, .prev-next-posts p a { color: #fff; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.prev-next-posts p i { font-size: 4px; margin-left: 10px; margin-right: 10px; vertical-align: middle; }

.prevhover:before, .nexthover:after { 
position: absolute; left: 56px; top: 50%; margin-top: -23px; width: 24px; height: 46px; opacity: 1; color: #fff; content: ""; display: block; background: url('../img/singleLeft.png') no-repeat;
font-family: "FontAwesome", sans-serif;
line-height: 1;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 50px;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s  
}

.nexthover:after { background: url('../img/singleRight.png') no-repeat; left: auto; right: 50px; }
.prev-item:hover .prevhover, .next-item:hover .nexthover { background: rgba(0,0,0,0.8); }
.prev-item:hover .prevhover:before, .next-item:hover .nexthover:after { opacity: 1; }

.prevhover.blanky:before, .nexthover.blanky:after { background-image: none; }
.prev-next-posts .blanky p, .prev-next-posts .blanky p a { font-family: "Raleway", sans-serif; font-size: 13px; font-weight: 700; color: #4b4b4b; }
/* archives search category */
.archive .masonry-container, .search .masonry-container { padding-top: 80px; }

.query-title {
text-align: center;
text-transform: uppercase;
margin: 40px 15px;
background: #fff;
}

.query-title h4 {
color: #9a9a9a;
font-size: 12px;
line-height: 70px;  
}
.single-tags { margin-top: 43px; margin-bottom: 18px; display: block; }
.single-tags a { color: #9a9a9a; background: #f5f5f5;padding: 10px 10px;font-weight: 400;font-size: 12px !important;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }

.single-tags a:hover{ background: #54b7a6; color: #fff;}
/********************/
/*    2.5 Gallery   */
/********************/

.teamKraftt-gallery-item { padding: 10px; width: 31.5%; float: left; background: #fff; text-align: center; margin-bottom: 30px; }

.teamKraftt-item-thumb { position: relative; }
.teamKraftt-item-hover { position: absolute; top: 0; left:0; height: 100%; width: 100%; text-align:center; opacity: 0; background: rgba(0,0,0,0.78); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.teamKraftt-item-thumb:hover .teamKraftt-item-hover { opacity: 1; }
.teamKraftt-item-hover a { color: #fff; display: block; height: 100%; }
.teamKraftt-item-hover i { padding-top: 50%; margin-top: -34px; }

.teamKraftt-gallery-item h3 { font-size: 14px; color: #323b42; line-height: 1; margin: 35px 0 5px 0; font-weight: 700; }
.teamKraftt-gallery-item .teamKraftt-item-cat span { color: #9a9a9a; font-size: 12px; font-style: italic; }
.teamKraftt-gallery-item .teamKraftt-item-cat span:after { content: ", " }
.teamKraftt-gallery-item .teamKraftt-item-cat span:last-child:after { content: ""; }
.teamKraftt-item-content { margin-bottom: 23px; }
/* filter */
.gallery-filter { text-align: left; margin-bottom: 30px; font-family: "Raleway", sans-serif; font-weight: 700; }
.gallery-filter ul { display: block; overflow: hidden; margin: 0; background: #fff; }
.gallery-filter ul li { float: left; list-style-type: none; height: 70px; }

.gallery-filter ul li a { position: relative; color: #9a9a9a; font-size: 12px; line-height: 70px; text-transform: uppercase;  
-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
}

.gallery-filter ul li a:after { content: "/"; display: inline; color: #9a9a9a; margin-left: 20px; margin-right: 20px; }
.gallery-filter ul li:last-child a:after{ content:""; display: none; }

.gallery-filter ul li.active a, .gallery-filter ul li:hover a, .gallery-filter ul li:first-child:hover a:before, .gallery-filter ul li:last-child:hover a:after { color:#323b42; }

.gallery-filter ul li.active:first-child a:before { }

.gallery-filter ul li.active:last-child a:after {  }

/***************************/
/*   3. Comment Section    */
/***************************/
/* Comment */
h3.comment-title {
font-family: 'Ubuntu';
font-size: 12px;
line-height: 70px;
color: #323b42;
font-weight: 700;
padding-left: 40px;
margin-bottom: 50px;
border-bottom: 2px solid #f5f5f5;
}

h3.comment-reply-title {
font-family: 'Ubuntu', sans-serif;
line-height: 70px;
margin: 0;
color: #323b42;
padding-left: 50px;
font-size: 12px;
font-weight: 700;
border-bottom: 2px solid #f5f5f5;
}
ol.commentlist { padding-left:0; margin-top: 30px; list-style: none;background:#fff; }
ol.commentlist ul, ol.commentlist ul li { list-style: none; }
ol.commentlist li {}
.avatar { }
.media { margin-bottom: 40px; }
.media:not(last-child) { border-bottom: 2px solid #f5f5f5; }
.media-body {padding-bottom: 20px; position: relative; margin-right: 30px;}
.media>.pull-left { position: relative; padding: 0px 20px 0px 40px;margin-right:0px;}
.media-heading {font-size: 12px; font-weight: 800; color: #323b42;margin-bottom:0px; display: inline-block;}
p.comment-date { display: inline-block; margin-bottom:7px; }
.media-body p{color: #9a9a9a; font-size: 12px; font-weight: 400;}
.comment-date a { color: #9a9a9a; font-size: 12px; font-weight: 400;}
.logged-in-as { margin-left: 15px;}
#respond{ padding:0 0 40px; background:#fff; margin-bottom:40px;}
p.comment-text { line-height: 24px; font-size: 16px; font-weight: 300; margin-bottom: 0; }
.comment-respond input#submit {color: #fff !important;background: #54b7a6 !important;text-align: center;font-size: 12px;font-weight: 600;padding: 0px; margin-top: 5px; }
.comment-respond .buton { margin-left: 15px; margin-top: 15px;width:115px; }
.comment-respond form { margin-left: -6px; margin-top: 50px; padding: 0 40px; }
.comment-respond input { 
height: 50px;
font-size: 12px;
color: #9a9a9a;
margin-bottom: 5px;
line-height: 50px;
background: #fff;

padding-left: 20px;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;border:none;}
.comment-respond input:focus{ }
.comment-respond textarea { color: #9a9a9a; padding-left: 10px; font-size:12px; border:none;background:#fff; padding: 20px 0 0 20px;
 -moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;}
.comment-respond textarea:focus{}
.blog-wrapper .reply a{color:#323b42;}
a.comment-reply-link {
text-align: center;
font-size: 12px;
color: #9a9a9a;
padding: 10px;
background: #eeeeee;
display: inline-block;
margin-top: 5px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
a.comment-reply-link:hover { background: #54b7a6; color: #fff; }

span.comment_note { 
font-weight: 400 !important;
font-size: 14px;
display: block;
color: #aaa;
margin-top: 12px; 
line-height: 24px;
}
.pagination-container{background:#f5f5f5;height:100px;}
.pagination-container i{font-size: 18px;
color: #a5a5a5;
width: 50px;
line-height: 42px;
height: 40px;
-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.20); -moz-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.20); box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.20);
border-radius: 20px;
background: #fff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;}
.pagination-single{margin-bottom:40px;}
.blog-left a{ float: left;text-align:center;float: left; text-align: center; padding: 15px; background: #fff; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;font-size:12px;color:#bababa;font-weight:600;}
.blog-right a{ float: right;text-align:center; padding: 15px; background: #fff; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;font-size:12px;color:#bababa;font-weight:600;}
.blog-left:hover a, .blog-right:hover a{background:#54b7a6;color:#fff;}

/*****************/
/*  4. Sidebar   */ 
/*****************/

.sidebar-widget  {
overflow:hidden;
background: #fff;
padding: 50px 50px 41px 50px;
margin-bottom: 35px;
}

.sidebar-widget p { margin-bottom: 0; }
.sidebar-widget h6 { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; color: #323b42; line-height: 1; margin-top:0; margin-bottom: 30px; }

/* 4.1 Sidebar List */
.sidebar-widget ul, .footer-widget ul {
  padding: 0;
  margin: 0;
}
.sidebar-widget ul li, .footer-widget ul li {
padding-bottom: 11px;
list-style-type: none;
margin-top: 11px;
border-bottom: 1px solid #f5f5f5;
font-size: 12px;
}

.sidebar-widget ul li:last-child, .footer-widget ul li:last-child { border-bottom: none; padding-bottom: 0; }

.sidebar-widget ul li:before, .footer-widget ul li:before {
content: "\f0f6";
color: #9a9a9a;
font-family: FontAwesome;
font-size: 12px;
line-height: 12px;
margin-right:10px;
}

.sidebar-widget ul li i, .footer-widget ul li i {
  font-size: 11px;
  padding-top: 3px;
  padding-right: 11px;
}

.sidebar-widget ul li a:hover i, .footer-widget ul li a:hover i {
  color: #323b42;
}
.sidebar-widget ul li a:hover, .footer-widget ul li a:hover{color:#54b7a6;}

.sidebar-widget ul li a, .footer-widget ul li a {-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;color: #9a9a9a;}

/* 4.2 Twitter Widget */
.twitter-widget .tweet_meta i { font-size: 4px; margin: 0 5px; line-height: 12px; vertical-align: middle; }
.kraftt_twitter .twitter-widget .tweet { margin-top: 16px; margin-bottom:13px; border-bottom: 1px solid #f5f5f5; padding-bottom: 14px; } 
.kraftt_twitter .twitter-widget .tweet a, .kraftt_twitter .twitter-widget .tweet .tweet_meta a:hover {color:#323b42;} 
.kraftt_twitter .twitter-widget .tweet a:hover { color: #54b7a6; }
.kraftt_twitter .twitter-widget .tweet p{ color:#9a9a9a; font-size:12px; line-height: 24px;}
.tweet_meta { margin-top: 5px; } 
.kraftt_twitter .twitter-widget .tweet .tweet_meta a { color: #54b7a6; }
.kraftt_twitter .twitter-widget:nth-child(2) .tweet { margin-top: 0; } 
.kraftt_twitter .twitter-widget:last-child .tweet { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; }
/* 4.3 Popular Tags */
.sidebar-widget .kraftt-tag-cloud { overflow: hidden; }
.sidebar-widget .kraftt-tag-cloud ul { overflow:hidden; }
.sidebar-widget .kraftt-tag-cloud ul li {padding-left: 0;float: left;margin-right: 3px;border-bottom: none;}
.sidebar-widget .kraftt-tag-cloud ul li:before { content: ""; padding:0; margin:0; border:0; }
.sidebar-widget .kraftt-tag-cloud ul li a {background: #f5f5f5;padding: 10px 10px;font-weight: 400;font-size: 12px !important;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.sidebar-widget .kraftt-tag-cloud ul li a:hover{ background: #54b7a6; color: #fff;}
.sidebar-widget .kraftt-tag-cloud ul li:hover { padding-left:0; }
/* 4.4 Search Widget */
.sidebar-widget.widget_search { 
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;  
padding: 0;
border-radius: 0;
background: transparent;
}
.search-query{position: relative;
width: 88%;
padding-left: 15px;
line-height: 40px;
height: 40px;
border: none;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6);
-moz-box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6);
box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6);}
.search-query::-webkit-input-placeholder {font-size:14px;}
.search-query:-moz-placeholder {font-size:14px;}
.search-query::-moz-placeholder {font-size:14px;}
.search-query:-ms-input-placeholder {font-size:14px;}
.search-icon{background: #54b7a6;
border: none;
line-height: 40px;
width: 40px;
position: absolute;
padding:0px;}
.search-icon i{color:#fff;font-size:12px;}

/* 4.5 Instagram Flickr Widget */
.teamKraftt_flickr_item_box { overflow: hidden; }
.teamKraftt_flickr_item_small { float: left; max-width: 125px; width: 32.5%; ; height: auto; margin-right: 1%; margin-bottom: 3px; }
.teamKraftt_flickr_item_small:nth-child(3n) { margin-right: 0; }
.teamKraftt_flickr_item_box img { margin-bottom: 0 !important; }

.instagram-slider { overflow: hidden; position: relative; }
.instagram-pics:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.instagram-pic { float: left; width: 250px; ; }

.sidebar-widget .instagram-slider ul li, .footer-widget .instagram-slider ul li { padding: 0; margin: auto; border: none; }
.sidebar-widget .instagram-slider ul li:before, .footer-widget .instagram-slider ul li:before { display: none; }
.instagram-slider .flex-direction-nav a { top: auto; bottom: 0; opacity: 0.5; display: block; }
.instagram-slider .flex-direction-nav .flex-prev{ left: auto; right: 42px }
.instagram-slider .flex-direction-nav .flex-next { right: 0; }
.instagram-slider:hover .flex-prev { opacity: 0.5; left: auto; right: 42px }
.instagram-slider:hover .flex-next { opacity: 0.5; right: 0; }
.instagram-slider:hover .flex-next:hover, .instagram-slider:hover .flex-prev:hover { opacity: 1; }
.instagram-slider .flex-direction-nav a.flex-next:before { content:'';background:url(../img/slider-right-arrow.png) no-repeat 0 0 !important;height: 40px!important;width: 40px!important;}
.instagram-slider .flex-direction-nav a.flex-prev:before { content:'';background:url(../img/slider-left-arrow.png) no-repeat 0 0 !important;height: 40px!important;width: 40px!important; }

/* 4.6 Popular Posts */
#teamKraftt-layout .sidebar-widget.popular-posts { padding-bottom: 27px; }
#teamKraftt-layout .wpp-list .wpp_def_noPath, #teamKraftt-layout .sidebar-widget ul.wpp-list li:before, #teamKraftt-layout .footer-widget ul.wpp-list li:before { display: none; }
#teamKraftt-layout .wpp-list span { font-size: 12px; font-weight: 400; }
#teamKraftt-layout .wpp-list .pop-excerpt { font-size: 14; line-height:24px; }
#teamKraftt-layout .wpp-list h3 { font-size: 14px; margin-top: 4px; line-height: 24px; }
#teamKraftt-layout .wpp-list h3 a { color: #323b42; }
#teamKraftt-layout .wpp-list .wpp-thumbnail { margin-bottom: 14px; }
#teamKraftt-layout .wpp-post-title {
position: absolute;
left: 0;
bottom: -1px;
font-size: 12px;
padding: 14px 20px 14px 20px;
line-height: 26px;
background: rgba(0,0,0,0.78);
width: 100%;
color: #fff;
}

#teamKraftt-layout .wpp-list li {
float: none;
clear: left;
position: relative;
width: auto;
height: 200px;
margin: -2px 0 24px;
}

/* 4.7 About Me */
.teamKraftt_aboutme_widget p { margin-top: 22px; font-size: 12px; color: #9a9a9a; text-align: left; line-height: 24px; }

/* 4.8 Calender */
.widget_calendar {float: left; width: 100%;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: center; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; text-align: center; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; }
#wp-calendar tbody td a{color: #54b7a6;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; color: #54b7a6;}
#wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px; color: #54b7a6;}
#wp-calendar tfoot #next a{color: #54b7a6;}
#wp-calendar tfoot #prev a{color: #54b7a6;}

/* 4.9 Recent Post */
.sidebar-widget .teamKraftt-recent-post-widget .teamKraftt-recent-post {
border-bottom: 1px solid #f5f5f5;
padding-bottom: 21px;
margin-bottom: 20px;
}
.sidebar-widget .teamKraftt-recent-post-widget .teamKraftt-recent-post:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}

.sidebar-widget .teamKraftt-recent-post img {
	height: 82px;
	width: 100px;
	float: left;
	margin-right: 20px;
}

.sidebar-widget .teamKraftt-recent-post h6, .sidebar-widget .teamKraftt-recent-post h6 a {
  font-family: 'Source Sans Pro',sans-serif;
	color: #323b42;
	font-weight: 400;
	margin-bottom: 0;
  margin-top: 0;
	font-size: 12px;
  line-height: 24px;
}
.sidebar-widget .teamKraftt-recent-post h6 a:hover { color: #54b7a6; }
.sidebar-widget .teamKraftt-recent-post .teamKraftt-recent-date {
	color: #9a9a9a;
	font-size: 12px;
  line-height: 24px;
	margin: 0;
}

/* 4.9.1 Tabs Widget */
.sidebar-widget.teamKraftt-tabs-widget {
  padding: 0 0 50px 0; 
}

.teamKraftt-tabs { margin-bottom: 50px; overflow: hidden; }
.teamKraftt-tabs-content { padding: 0 50px; }

.teamKraftt-tab:nth-child(1) { width: 32%; border-right: 2px solid #f5f5f5; }
.teamKraftt-tab:nth-child(2) { width: 40%; border-right: 2px solid #f5f5f5; }
.teamKraftt-tab:nth-child(3) { width: 28%; }

.teamKraftt-tab { font-family: 'Ubuntu', sans-serif; font-weight: 700; color: #6e818f; text-align: center; border-bottom: 2px solid #f5f5f5; float: left; font-size: 12px; line-height: 58px; height: 58px; cursor: pointer; 

}
.teamKraftt-tab.aktif { color: #323b42; border-bottom: 0; height: auto; opacity: 1; }

.teamKraftt-tab-content { height: 0; width:0; opacity: 0; visibility: hidden; display: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.teamKraftt-tab-content.aktif { height: auto; width: auto; opacity:1; visibility: visible; display: block; }
.sidebar-widget .teamKraftt-tab ul li:first-child { margin-top: 0; } 
/***************/
/* 5. Archives */
/***************/
.custom-archives {
background:#fff;
padding:0 40px 40px 40px;
margin-bottom:40px;
overflow: hidden;
}
h3.archives-page-title { color: #323b42; margin-top: 50px; margin-bottom: 50px; line-height: 1; text-align: center; }

.panel { border: none; box-shadow: none; }
.panel-heading { padding: 0; border:0; border-radius: 0; }
.panel-title>a { display: block; font-size: 12px; color:#a5a5a5; font-weight: 700; margin: 0; line-height: 50px; padding-left: 20px; }

.panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 0; }
/********************/
/* 6. Contact Form  */
/********************/
.contact-form-style{width: 40%;
height: 50px;
font-size: 12px;
color: #9a9a9a;
margin-bottom: 10px;
border-radius: 0;
background: #fff;
-webkit-box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6);
-moz-box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6);
box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6);
padding-left: 15px;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
border: none;
display: block;}
.contact-form-style-area{font-size: 12px;
color: #9a9a9a;
  width:100%;
margin-bottom: 10px;
border-radius: 0;
background: #fff;
-webkit-box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6);
-moz-box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6);
box-shadow: 0px 0px 3px 0px rgba(210, 210, 210, 0.6);
padding-left: 15px;
padding-top: 15px;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
border: none}
.contact-form-submit{color: #fff !important;
background: #54b7a6 !important;
color: #fff;
text-align: center;
font-size: 12px;
padding: 15px 15px;border:none;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
border-radius:3px;}

.contact-form-submit:hover{color: #fff;
background: #323b42 !important;}
.contact-form-style-area:focus, .contact-form-style:focus{-webkit-box-shadow: 0px 0px 3px 0px rgba(60, 203, 137, 0.6);
-moz-box-shadow: 0px 0px 3px 0px rgba(60, 203, 137, 0.6);
box-shadow: 0px 0px 3px 0px rgba(60, 203, 137, 0.6);}

/**********************/
/* 7. Wordpress Style */
/**********************/
.page-outer{background:#fff; padding:50px;margin-bottom:40px;}
.page-outer .blog-thumbnail { margin: 0 -50px 45px -50px; }
h3.page-single-title{color:#323b42; margin-top: 0; margin-bottom: 50px; line-height: 1; text-align: center; }
iframe { max-width: 100%; }
.page iframe { margin: 0 0 45px 0; width: 100% !important; }
.mango-maps { margin: 0 -50px; }
.page div.wpcf7 { margin-top: 40px; }
.alignright { float:right;}
.alignleft { float:left;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}

img.aligncenter { margin: 20px auto; }
img.alignleft { margin: 15px 20px 15px 0;}
img.alignright { margin: 15px 0 15px 20px;}

.wp-caption { max-width: 100% !important; padding: 5px; text-align: center;}
.gallery img { margin-left: auto; margin-right: auto;}
.wp-caption-text, .gallery-caption, .bypostauthor { color: #7d7d7d;}
.sticky { border-top: 2px solid #54b7a6; }
.sticky:after { position: absolute; top: 0; right: 15px; width: 36px; height: 34px; background: #54b7a6; color: #fff; content:"\f08d"; line-height: 34px; font-family: "FontAwesome";
text-align: center;}
video{ width: 100%; height: 100%; max-width: 100%; }
.wp-video{width: 100% !important; height: auto; }
.disable-css { pointer-events: none; cursor: default; }
.custom-archives ul {
  padding: 0;
}
.custom-archives ul li {
padding-bottom: 11px;
list-style-type: none;
margin-top: 11px;
border-bottom: 1px solid #f5f5f5;
font-size: 14px;
}

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

.custom-archives ul li:before {
content: "\f0f6";
color: #9a9a9a;
font-family: FontAwesome;
font-size: 12px;
line-height: 12px;
margin-right:10px;
}

.custom-archives ul li i {
  font-size: 11px;
  padding-top: 3px;
  padding-right: 11px;
}

.custom-archives ul li a:hover i {
  color: #323b42;
}
.custom-archives ul li a:hover{color:#54b7a6;}

.custom-archives ul li a {-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;color: #9a9a9a;}

blockquote{border-left:none;border-left: none;
font-weight:900;
padding-left: 60px;
font-size: 14px;
position:relative;}
blockquote:before{
font-family: FontAwesome;
content: "\f10d";
position: absolute;
left: 0;
margin: auto;
top: 17px;
font-size: 24px;
color: #323b42;
}

.single .teamKraftt-header, .page .teamKraftt-header { margin-bottom: 40px; }
/*************/
/* 8. Footer */
/*************/

.footer_dark{background:#161616; padding-top: 30px;}
.footer_dark .footer-widget h4 { font-family: 'Ubuntu', sans-serif; font-size: 12px;font-weight: 700;color: #fff; margin-bottom: 22px;}
.widgetscontainer { padding-bottom: 50px; overflow: hidden; }
.footer-widget{margin-top:20px; overflow: hidden; color: #9a9a9a; }
.footer-widget img{ margin-bottom:15px;}
.footer-widget p{ font-size: 12px; line-height: 24px;}
.footer_dark .comment-author-link{color:#fff;}
.footer_dark .recentcomments a{color:#fff;}

.footer_dark .footer-widget ul li{border-bottom:1px solid #202020;}
.footer_dark .footer-widget ul li:last-child { border-bottom: 0; }
.footer_dark .footer-widget a{color:#fff;}
.footer_dark .twitter-widget a{color:#fff;}
.footer-widget ul li:before { content: "\f105"; color: #9a9a9a; font-family: FontAwesome; font-size: 12px; line-height: 12px; margin-right:10px; float: left; margin-bottom: 10px; } 
.footer-widget ul li a:hover i { color: #323b42; } 
.footer-widget ul li a:hover{color:#54b7a6;} 
.footer-widget ul li a {-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;color: #9a9a9a;}

.footer_dark .twitter-widget .tweet_meta a{color:#54b7a6;}
.footer_dark .twitter-widget a:hover{color:#54b7a6;}
.footer_dark .twitter-widget .tweet_meta a:hover{color:#fff;-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;}

/* Footer Social Widget */
.footer-social { border-bottom: 1px solid #202020; padding: 40px 0; text-align: center; }
.footer-social i { line-height: 40px; }
.social-facebook, .social-twitter, .social-pinterest, .social-instagram, .social-flickr, .social-dribbble, .social-linkedin, .social-digg, .social-skype, .social-vimeo, .social-youtube, .social-stumbleupon, .social-yahoo, .social-foursquare, .social-rss, .social-google-plus{ display: inline-block;
width: 40px;
height: 40px;
border-radius: 3px;
background: #f5f5f5;
margin-right: 10px;
text-align: center;
line-height: 40px;
margin-bottom: 10px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.social-facebook i, .social-twitter i, .social-pinterest i, .social-instagram i, .social-flickr i, .social-dribbble i, .social-linkedin i, .social-digg i, .social-skype i, .social-vimeo i, .social-youtube i, .social-stumbleupon i, .social-yahoo i, .social-foursquare i, .social-rss i, .social-google-plus i{color: #fff;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;}
a:hover .social-facebook, a:hover .social-twitter, a:hover .social-pinterest, a:hover .social-instagram, a:hover .social-flickr, a:hover .social-dribbble, a:hover .social-linkedin, a:hover .social-digg, a:hover .social-skype, a:hover .social-vimeo, a:hover .social-youtube, a:hover .social-stumbleupon, a:hover .social-yahoo, a:hover .social-foursquare, a:hover .social-rss, a:hover .social-google-plus{-webkit-animation: scale 3000ms linear both; animation: scale 3000ms linear both;}

a .social-facebook{background:#3b5998;}
a .social-twitter{background:#00aced;}
a .social-pinterest{background:#cb2027;}
a .social-instagram{background:#517fa4;}
a .social-flickr{background:#ff0084;}
a .social-google-plus{background:#dd4b39;}
a .social-dribbble {background:#ea4c89;}
a .social-linkedin {background:#007bb6;}
a .social-digg {background:#323b42;}
a .social-skype {background:#01aef2;}
a .social-vimeo {background:#aad450;}
a .social-youtube {background:#bb0000;}
a .social-stumbleupon {background:#eb4923;}
a .social-yahoo {background:#720e9e;}
a .social-foursquare {background:#fc4575;}
a .social-rss {background:#fe9900;}

a:hover .social-facebook, a:hover .social-twitter, a:hover .social-pinterest, a:hover .social-instagram, a:hover .social-flickr, a:hover .social-dribbble, a:hover .social-linkedin, a:hover .social-digg, a:hover .social-skype, a:hover .social-vimeo, a:hover .social-youtube, a:hover .social-stumbleupon, a:hover .social-yahoo, a:hover .social-foursquare, a:hover .social-rss, a:hover .social-google-plus{background: #fff;}

a:hover .social-facebook i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#3b5998;}
a:hover .social-twitter i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#00aced;}
a:hover .social-pinterest i {-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#cb2027;}
a:hover .social-instagram i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both; color:#517fa4;}
a:hover .social-flickr i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both; color:#ff0084;}
a:hover .social-google-plus i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both; color:#dd4b39;}
a:hover .social-dribbble i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both; color:#ea4c89;}
a:hover .social-linkedin i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both; color:#007bb6;}
a:hover .social-digg i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;; color:#323b42;}
a:hover .social-skype i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#01aef2;}
a:hover .social-vimeo i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#aad450;}
a:hover .social-youtube i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#bb0000;}
a:hover .social-stumbleupon i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#eb4923;}
a:hover .social-yahoo i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#720e9e;}
a:hover .social-foursquare i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#fc4575;}
a:hover .social-rss i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#fe9900;}

.copyright-section {text-align: center;padding: 20px 0px;color: #9a9a9a;font-size: 12px;font-weight: 400;}
.footer_dark .copyright-section p{color: #767676; font-weight: 600;}
.footer_dark .copyright-section a,.footer_dark .copyright-section i{color:#fff;}
.light .copyright-section a, .light .copyright-section i{color:#323b42;}
.footer_dark .copyright-background {background: #1f1f1f;}
.footer-minimal{padding:120px 0px;}
.footer-minimal .footer-widget{display: table;margin: 0 auto;}
.footer-minimal .footer-widget .textwidget{margin-top: 40px;}
.footer-minimal .footer-widget p{text-align: center;line-height: 30px;}
.light{background:#fff;}

.footer_dark  a.logo-text { color: #fff !important;
line-height: 1;
margin-top: 15px;
margin-bottom: 25px;
display: block; }
/********************/
/* Responsive Query */
/********************/
@media (min-width: 1200px) and (max-width: 1280px) {
/* Header */  

/* Blog */
.masonry-blog .post-item { width: 48%; }
}


@media (max-width: 1200px) {
.krafttBox { width: 992px; }  
/* Header */  

/* Blog */
.masonry-blog .post-item { width: 48%; }
.featured-right { width: 580px; padding-top: 30px; }
.author-bio { float: left; width: 75%;}
.nexthover, .prevhover { padding-top: 10px; }  
}

@media (min-width: 768px) and (max-width: 992px) {
.krafttBox { width: 768px; }   
/* Header */  
.navbar-nav>li { display: block; }
.header-1 .navbar-nav>li>a { padding: 10px 0; }
.navbar-collapse { overflow-x: hidden; }
.dropdown-menu { width: 100%; text-align: center; }
.dropdown-menu .dropdown-menu { left: auto; position: relative; }
.navbar-nav { margin-left: 50px; }    
/* Blog */ 
.masonry-blog .post-item { width: 48%; }
.featured-right { width: 100%; height: auto; padding: 0; }
.featured-left { width: 100%; height: auto; }
/* Misc */
.scrollToTop { display: none; z-index: 1000;}
.teamKraftt-gallery-item { width: 45%; }
.author-meta { text-align: center; }
.author-bio { width: 100%; }
.author-meta .avatar { float: none; margin: 0 auto; }
.nexthover, .prevhover { padding-top: 10px; }
.kraftt-header-search { display: none; }
#teamKraftt-layout .wpp-list li { width: 270px; }    
}

@media (max-width: 767px) {
.krafttBox { width: auto; margin-right: auto; margin-left: auto; padding: 0 10px; }   
/* Header */  
.navbar-nav>li { display: block; }
.header-1 .navbar-nav>li>a { padding: 10px 0; }
.navbar-collapse { overflow-x: hidden; }
.dropdown-menu { width: 100%; text-align: center; } 
.dropdown-menu .dropdown-menu { left: auto; position: relative; }
.navbar-nav { margin-left: 50px; }    
/* Blog */   
.quoto-link-over { position: relative; background: transparent; }
.masonry-blog .post-item { width: 100%; }
.featured-right { width: 100%; height: auto; padding: 0; }
.featured-left { width: 100%; height: auto; } 
/* Misc */
.teamKraftt_flickr_item_small { margin-right: 2.86% !important; }
.scrollToTop { display: none; }
.teamKraftt-gallery-item { width: 45%; }
.prev-item, .next-item { width: 100%; }
.author-meta { text-align: center; }
.author-bio { width: 100%; }
.author-meta .avatar { float: none; margin: 0 auto; }
.nexthover, .prevhover { padding-top: 10px; }  
.prev-next-posts h2 a { font-size: 16px; } 
.kraftt-header-search { display: none; }  
}

@media (max-width: 480px) {
.krafttBox { width: auto; margin-right: auto; margin-left: auto; padding: 0; }   
/* Header */  
.navbar-nav>li { display: block; }
.header-1 .navbar-nav>li>a { padding: 10px 0; }
.navbar-collapse { overflow-x: hidden; }
.dropdown-menu { width: 100%; text-align: center; }
.dropdown-menu .dropdown-menu { left: auto; position: relative; }
.navbar-nav { margin-left: 50px; }  
/* Blog */  
.quoto-link-over { position: relative; background: transparent; }
.masonry-blog .post-item { width: 100%; }
.featured-right { width: 100%; height: auto; padding: 0; }
.featured-left { width: 100%; height: auto; }  
.blog-standard-right-sidebar .blog-title { padding: 0 25px; }  
/* Misc */
.scrollToTop { display: none; }
.teamKraftt-gallery-item { width: 100%; }
.prev-item, .next-item { width: 100%; }
.author-meta { text-align: center; }
.author-bio { width: 100%; }
.author-meta .avatar { float: none; margin: 0 auto; }
.nexthover, .prevhover { padding-top: 10px; }
.prev-next-posts h2 a { font-size: 13px; }
.kraftt-header-search { display: none; }
#teamKraftt-layout .wpp-list li { width: 100%; }   
}