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

Project:	Harmony 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 Like
		 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; word-wrap: break-word; overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */ overflow-x: hidden;}
a, a:hover { text-decoration: none; } 

.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%;
}

/*****************/
/* 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 */
.teamKraftt-brand { padding: 167px 0; text-align: center; overflow: hidden; background-repeat:no-repeat; background-image: url("http://www.jeitodemae.com.br/wp-content/themes/harmony/img/topo-2.jpg"); background-position:center top; height:345px; }
.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: #fff; 
margin-bottom: 56px;
-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);
}

.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: 'Raleway', sans-serif; font-size: 12px; font-weight: 600; line-height: 1; padding: 24px 24px 23px 20px;
-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; }
.header-1 .navbar-nav>li:not(:last-child)>a:after {
color: #9a9a9a;
display: inline-block;
content: "\f111";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
float: left;
font-size: 5px;
line-height: 11px;
position: absolute;
right: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.dropdown-menu { 
margin: 0px;
padding: 0px;
border-radius: 0;
-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);
border:0;
min-width: 180px;
}

.dropdown-menu>li>a {
color: #9a9a9a;
padding: 15px 20px;
font-family: 'Raleway', sans-serif;
font-weight: 500;
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 #eaeaea; }

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
background: transparent;
color: #3ccb89;
}

.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; }
.is-sticky .container { width: 100%; z-index: 9999; background-color: inherit; 
-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); 
}

.krafttBox .is-sticky .container { left: 0; right: 0; max-width: 1200px; }
.logged-in .is-sticky .container { top:33px !important;}
/*****************/
/*    2. Blog    */
/*****************/

/*  2.1 classic style */
.sidebar-inner{margin-bottom:40px;}
.blog-standard-right-sidebar .post-item {
border-radius:3px;
background:#fff;
padding:3px 40px 40px 40px;
margin-bottom:40px;
-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);}
.blog-standard-right-sidebar h1.blog-title { margin-bottom: 2px; font-size: 24px; }
.blog-standard-right-sidebar .blog-title a{color:#000;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 .blog-meta {font-size:12px; margin-bottom: 35px}
.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:#000;
-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: #3ccb89;}
.blog-standard-right-sidebar .blog-thumbnail { margin-bottom: 32px; }
.blog-standard-right-sidebar .blog-excerpt{line-height:26px;}
.read-more-button{float:left; margin-top:22px; }
.read-more-button a{
color: #bababa;
font-size: 12px;
background: #f5f5f5;
padding: 12px 20px 13px 20px;
border-radius: 3px;
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;}
.read-more-button a:hover{color:#fff;background:#3ccb89;}
.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: #3ccb89; }
.quoto-link-over {
position: absolute;
width: 100%; height: 100%;
top: 0;
left: 0;
z-index: 11;
text-align: center;
color: #fff;
padding: 80px 50px;
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{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);}

/* 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:hover .flex-prev { opacity: 0.5; left: 20px; }
.post-slider:hover .flex-next { opacity: 0.5; right: 20px; }
.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 li { margin-bottom: 20px; display: inline-block; position: relative; overflow: hidden; }
.post-grid-thumbnails li:nth-child(3n+1) { width: 48%; margin-right: 3.4%; }
.post-grid-thumbnails li:nth-child(3n+2) { width: 48%; }
.post-grid-thumbnails li:nth-child(3n+3) { width: 100%; }
.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(2), .post-grid-thumbnails li:nth-last-child(1) { margin-bottom: 0; }
.post-grid-thumbnails li:hover .kraftt-caption { bottom: 0; }

.masonry-blog .post-grid-thumbnails li:nth-child(3n+1) { width: 48%; margin-right: 2.4%; }

/* audio video */

.mejs-overlay-button{display:none;}
.mejs-container .mejs-controls{height:50px!important;background:#000!important; visibility:visible!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:14px!important;border-radius:4px!important;}
.mejs-controls .mejs-time-rail span{height:8px!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:#3ccb89!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;}

/********************/
/* 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:#000;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:#000;
-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: #3ccb89;}
.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: #000; }

.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: #3ccb89; 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: 92px; background: #fff; }
.featured-posts { position: relative;  }
.featured-posts .featured-item { width: 600px; float: left; position: relative; }

.featured-meta {
font-size: 14px;
display: block;
position: absolute;
height: 145px;
line-height: 50px;
background: rgba(0,0,0,0.7);
width: 100%;
color: #fff;
padding-left: 30px;
font-weight: 400;
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 i { 
font-size: 4px;
vertical-align: middle;
margin: 0 11px; 
}

.featured-meta p { line-height: 26px; font-size: 14px; }
.featured-meta p i { line-height: 26px; font-size: 14px; }

.featured-slider .flex-control-nav { bottom: 45px; }
.flex-control-paging li a { background: #d5d5d5; }
.flex-control-paging li a.flex-active { background: #bababa; }


.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: #000; }
.featured-meta-alternative p { font-size: 12px; }
.featured-meta-alternative p a { color: #000; }
.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: #3ccb89; 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 LIKE       */
/**********************/

.krafttLike{
margin-left: 5px;
float: right;
cursor: pointer;
height: 40px;
width: 64px;
border-radius: 3px;
background: #f5f5f5;
text-align: center;
line-height: 40px;
margin-top: 18px;
}

.krafttLike .zilla-likes, .krafttLike .zilla-likes:hover, .krafttLike .zilla-likes.active { 
padding: 0 60% 0 0 !important;
width: 40px;
height: 40px;
background-position: 86% 49% !important;;
}

.krafttLike a { color: #bababa; }
/***********************/
/* 2.4.2 Related Posts */
/***********************/
.related-posts {
border-radius:3px;
background:#fff;
padding:40px 40px 23px 40px;
margin-bottom:40px;
-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);
}

.related-posts h6 {
line-height:1;
margin: 0 0 21px 0;  
color: #000;
font-weight: 900;
}
.related-posts ul {
	padding: 0;
  margin: 0;
}
.related-posts ul li {
padding-bottom: 11px;
list-style-type: none;
margin-top: 11px;
border-bottom: 1px solid #f5f5f5;
font-size: 14px;
}

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

.related-posts ul li:before {
content: "\f105";
color: #9a9a9a;
font-family: FontAwesome;
font-size: 12px;
line-height: 12px;
margin-right:4px;
}

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

.related-posts ul li a:hover i {
	color: #000;
}
.related-posts ul li a:hover{color:#3ccb89;}

.related-posts 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;}

/**********************/
/* 2.4.3 social share */
/**********************/
.socials{float:right; display: none; }
.facebook-share, .twitter-share, .pinterest-share, .google-share, .tumblr-share, .linkedin-share, .stumbleupon-share, .mail-share{display:inline-table;cursor:pointer;height:40px; width:40px;margin-right:5px;border-radius:3px;background:#f5f5f5;text-align:center;line-height:40px;margin-top:18px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;}
.share-button{float:right;cursor:pointer;height:40px; width:40px;border-radius:3px;background:#f5f5f5;text-align:center;line-height:40px;margin-top:18px;
-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;}
.twitter-share:hover {background:#00aced;color:#fff;}
.pinterest-share:hover {background:#cb2027;color:#fff;}
.google-share:hover {background:#dd4b39;color:#fff;}
.tumblr-share:hover {background:#32506d;color:#fff;}
.linkedin-share:hover {background:#007bb6;color:#fff;}
.stumbleupon-share:hover {background:#eb4924;color:#fff;}
.stumbleupon-share:hover {background:#eb4924;color:#fff;}
.mail-share:hover  {background:#3ccb89;color:#fff;}
.mail-share:hover a { color: #fff; }
.share-button:hover {background:#3ccb89;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: 3px;
padding: 14px 18px;
background: #3ccb89;
-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);}
.page-numbers .current{background: #f5f5f5;color: #a5a5a5;
position: relative;
font-size: 14px;
line-height: 1;
margin-right: 10px;
font-weight: 600;
border-radius: 3px;
padding: 14px 18px;
-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);-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:5px;
margin-right:10px;
font-weight: 600;
padding: 14px 18px;
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);}
.page-numbers > li a.prev {border-radius:3px;}
.page-numbers > li a.next{border-radius:3px;}
.page-numbers > li:hover a{background:#3ccb89;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;}

/* single blog */
.single-post .blog-excerpt { padding-bottom: 22px; border-bottom: 1px solid #f5f5f5; }
.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; }
/* archives search category */
.archive .masonry-container, .search .masonry-container { padding-top: 80px; }

.query-title {
text-align: center;
text-transform: uppercase;
margin-bottom: 40px;
}



/***************************/
/*   3. Comment Section    */
/***************************/
/* Comment */
h3.comment-title {font-size:12px; color:#000;font-weight:800;padding-top:40px;padding-left:40px;margin-bottom:30px;}

h3.comment-reply-title {font-weight: 800;font-size: 12px;color: #000;}
ol.commentlist { padding-left:0; margin-top: 30px; list-style: none;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);}
ol.commentlist ul, ol.commentlist ul li { list-style: none; }
ol.commentlist li {}
.avatar {border-radius: 3px;}
.media { margin-bottom: 40px;border-radius:5px;}
.media-body {padding-bottom: 20px; border-bottom: 2px solid #f5f5f5; 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: #000;margin-bottom:0px;}
.comment-date { }
.media-body p{color: #9a9a9a; font-size: 14px; font-weight: 400;}
.comment-date a { color: #9a9a9a; font-size: 12px; font-weight: 400;}
.logged-in-as { margin-left: 15px;}
#respond{padding:40px;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);margin-bottom:40px;}
.comment-text { line-height: 24px; font-size: 16px; font-weight: 300; }
.comment-respond input#submit {color: #fff;background: #3ccb89;text-align: center;font-size: 14px;font-weight: bold;padding: 0px;}
.comment-respond .buton { margin-left: 15px; margin-top: 15px;width:115px; }
.comment-respond form { margin-left: -15px; margin-top: 25px; }
.comment-respond input { width: 33%;
height: 40px;
font-size: 14px;
color: #9a9a9a;
margin-bottom: 5px;
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);
padding-left: 15px;
-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{-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);}
.comment-respond textarea { color: #9a9a9a; padding-left: 10px; font-size:14px;border-radius: 3px; border:none;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);-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;}
.comment-respond textarea: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);}
.blog-wrapper .reply a{color:#000;}
.comment-reply-link {
position: absolute;
width: 96px;
height: 96px;
top: 0px;
text-align: center;
font-size: 0px;
border-radius: 3px; 
background:rgba(0, 0, 0, 0.7);
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;
}
.comment-reply-link:after{
font-family: FontAwesome;
content: "\f064";
font-size: 24px;
color: #fff;
line-height: 96px;
}
.comment-reply-link:hover{opacity:1;}
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{border-radius:3px;float: left;text-align:center;float: left; text-align: center; padding: 15px; 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);-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{border-radius:3px;float: right;text-align:center; padding: 15px; 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);-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 a, .blog-right a{}
.blog-left:hover a, .blog-right:hover a{background:#3ccb89;color:#fff;}

/*****************/
/*  4. Sidebar   */ 
/*****************/
.teamKraftt_aboutme_widget img{border-radius:3px;}

.sidebar-widget  {
overflow:hidden;
border-radius: 3px;
background: #fff;
padding: 20px;
margin-bottom: 35px;
-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);
}

.instagram-pics {padding:15px;}


.sidebar-widget h6 { font-weight: 700; color: #000; 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: 14px;
}

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

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

.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: #000;
}
.sidebar-widget ul li a:hover, .footer-widget ul li a:hover{color:#3ccb89;}

.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 {margin-bottom:30px;}
.twitter-widget .tweet a{color:#000;}
.twitter-widget .tweet i{color:#3ccb89;margin-right:15px;line-height: 24px;}
.twitter-widget .tweet p{display:table;color:#9a9a9a; font-size:14px; line-height: 24px;}
.twitter-widget .tweet_meta { margin-left: 30px; }
.twitter-widget .tweet_meta a { color: #3ccb89; font-size: 12px; }
.twitter-widget .tweet_meta i { font-size: 4px; margin: 0 5px; line-height: 12px; vertical-align: middle; }
/* 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: 5px;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 15px;font-weight: 400;font-size: 12px !important;border-radius: 3px;
-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: #3ccb89; 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: #3ccb89;
border: none;
line-height: 40px;
width: 40px;
position: absolute;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;padding:0px;}
.search-icon i{color:#fff;font-size:12px;}

/* 4.5 Instagram Flickr Widget */
.instagram-pics, .teamKraftt_flickr_item_box { overflow: hidden; }
.instagram-pic, .teamKraftt_flickr_item_small { float: left; max-width: 125px; width: 48.07%; ; height: auto; margin-right: 3.846%; margin-bottom: 10px; }
.instagram-pic:nth-child(2n+2), .teamKraftt_flickr_item_small:nth-child(2n+2) { margin-right: 0; }


/* 4.6 Popular Posts */
#teamKraftt-layout .sidebar-widget.popular-posts { padding-bottom: 20px; }
#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: #000; }
#teamKraftt-layout .wpp-list .wpp-thumbnail { margin-bottom: 14px; }

/* 4.7 About Me */
.teamKraftt_aboutme_widget p { margin-top: 22px; font-size: 14px; color: #9a9a9a; text-align: center; 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: #3ccb89;}
#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: #3ccb89;}
#wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px; color: #3ccb89;}
#wp-calendar tfoot #next a{color: #3ccb89;}
#wp-calendar tfoot #prev a{color: #3ccb89;}

/***************/
/* 5. Archives */
/***************/
.custom-archives {
border-radius:3px;
background:#fff;
padding:3px 40px 40px 40px;
margin-bottom:40px;
-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);
}
h3.archives-page-title { color: #000; font-weight: 500; margin-top: 30px; margin-bottom: 23px; }

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

.panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 0; }
/********************/
/* 6. Contact Form  */
/********************/
.contact-form-style{width: 33%;
height: 40px;
font-size: 14px;
color: #9a9a9a;
margin-bottom: 5px;
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);
padding-left: 15px;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
border: none;}
.contact-form-style-area{font-size: 14px;
color: #9a9a9a;
  width:100%;
margin-bottom: 5px;
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);
padding-left: 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: #bababa;
background: #f5f5f5;
text-align: center;
font-size: 14px;
font-weight: bold;
padding: 12px 20px;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: #3ccb89;}
.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;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);padding:40px;margin-bottom:40px;}
h3.page-single-title{color:#000; margin-top: 0; margin-bottom: 30px; }
iframe { max-width: 100%; }
.page iframe { margin: 20px 0; }
.alignright { float:right;}
.alignleft { float:left;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}

img.aligncenter { margin: 5px auto; }
img.alignleft { margin: 5px;}
img.alignright { margin: 5px;}

.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 { -webkit-box-shadow: 0 10px 6px -6px #777!important;
-moz-box-shadow: 0 10px 6px -6px #777!important;
box-shadow: 0 10px 6px -6px #777!important; padding: 0 30px;}
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: "\f105";
color: #9a9a9a;
font-family: FontAwesome;
font-size: 12px;
line-height: 12px;
margin-right:4px;
}

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

.custom-archives ul li a:hover i {
	color: #000;
}
.custom-archives ul li a:hover{color:#3ccb89;}

.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:600;
padding-left: 60px;
font-size: 16px;
position:relative;}
blockquote:before{
font-family: FontAwesome;
content: "\f10d";
position: absolute;
left: 0;
margin: auto;
top: 40%;
font-size: 36px;
color: #d2d2d2;
}
/*************/
/* 8. Footer */
/*************/
.footer-widget{margin-top:40px; overflow: hidden; margin-bottom:60px; }
.footer-widget img{float:left;margin-right:24px;margin-bottom:15px;padding-top: 7px;}
.footer_dark{background:#252525;}
.footer_dark .footer-widget h4 {font-size: 12px;font-weight: 800;color: #fff;margin-bottom: 22px;}
.footer-widget p{font-size:14px;}
.footer_dark .comment-author-link{color:#fff;}
.footer_dark .recentcomments a{color:#fff;}
.light .comment-author-link{color:#000;}
.light .recentcomments a{color:#00;}
.footer_dark .footer-widget ul li{border-bottom:1px solid #6DBCAC;}
.footer_dark .footer-widget a{color:#fff;}
.footer_dark .twitter-widget a{color:#fff;}
.light .footer-widget a{color:#000;}
.light .twitter-widget a{color:#000;}
.footer_dark .twitter-widget .tweet_meta a{color:#3ccb89;}
.footer_dark .twitter-widget a:hover{color:#3ccb89;}
.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-widget .social-facebook, .footer-widget .social-twitter, .footer-widget .social-pinterest, .footer-widget .social-instagram, .footer-widget .social-flickr, .footer-widget .social-dribbble, .footer-widget .social-linkedin, .footer-widget .social-digg, .footer-widget .social-skype, .footer-widget .social-vimeo, .footer-widget .social-youtube, .footer-widget .social-stumbleupon, .footer-widget .social-yahoo, .footer-widget .social-foursquare, .footer-widget .social-rss, .footer-widget .social-google-plus{float: left;
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;}
.footer-widget .social-facebook i, .footer-widget .social-twitter i, .footer-widget .social-pinterest i, .footer-widget .social-instagram i, .footer-widget .social-flickr i, .footer-widget .social-dribbble i, .footer-widget .social-linkedin i, .footer-widget .social-digg i, .footer-widget .social-skype i, .footer-widget .social-vimeo i, .footer-widget .social-youtube i, .footer-widget .social-stumbleupon i, .footer-widget .social-yahoo i, .footer-widget .social-foursquare i, .footer-widget .social-rss i, .footer-widget .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;}
.footer-widget .social-widget a:hover .social-facebook, .footer-widget .social-widget a:hover .social-twitter, .footer-widget .social-widget a:hover .social-pinterest, .footer-widget .social-widget a:hover .social-instagram, .footer-widget .social-widget a:hover .social-flickr, .footer-widget .social-widget a:hover .social-dribbble, .footer-widget .social-widget a:hover .social-linkedin, .footer-widget .social-widget a:hover .social-digg, .footer-widget .social-widget a:hover .social-skype, .footer-widget .social-widget a:hover .social-vimeo, .footer-widget .social-widget a:hover .social-youtube, .footer-widget .social-widget a:hover .social-stumbleupon, .footer-widget .social-widget a:hover .social-yahoo, .footer-widget .social-widget a:hover .social-foursquare, .footer-widget .social-widget a:hover .social-rss, .footer-widget .social-widget a:hover .social-google-plus{-webkit-animation: scale 3000ms linear both; animation: scale 3000ms linear both;}

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

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

.footer-widget .social-widget a:hover .social-facebook i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#3b5998;}
.footer-widget .social-widget a:hover .social-twitter i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#00aced;}
.footer-widget .social-widget a:hover .social-pinterest i {-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#cb2027;}
.footer-widget .social-widget a:hover .social-instagram i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both; color:#517fa4;}
.footer-widget .social-widget a:hover .social-flickr i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both; color:#ff0084;}
.footer-widget .social-widget a:hover .social-google-plus i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both; color:#dd4b39;}
.footer-widget .social-widget a:hover .social-dribbble i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both; color:#ea4c89;}
.footer-widget .social-widget a:hover .social-linkedin i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both; color:#007bb6;}
.footer-widget .social-widget a:hover .social-digg i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;; color:#000;}
.footer-widget .social-widget a:hover .social-skype i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#01aef2;}
.footer-widget .social-widget a:hover .social-vimeo i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#aad450;}
.footer-widget .social-widget a:hover .social-youtube i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#bb0000;}
.footer-widget .social-widget a:hover .social-stumbleupon i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#eb4923;}
.footer-widget .social-widget a:hover .social-yahoo i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#720e9e;}
.footer-widget .social-widget a:hover .social-foursquare i{-webkit-animation: animation 3000ms linear both; animation: animation 3000ms linear both;color:#fc4575;}
.footer-widget .social-widget 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;}
.footer_dark .copyright-section a,.footer_dark .copyright-section i{color:#fff;}
.light .copyright-section a, .light .copyright-section i{color:#000;}
.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;}
/********************/
/* 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; }      
}

@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; }    
/* 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;}
}

@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; }    
/* 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 */
.instagram-pic, .teamKraftt_flickr_item_small { margin-right: 2.86% !important; }
.scrollToTop { z-index: 2000; right: 20px; }
.cssanimations *[data-anim="true"] {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}  
}

@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; }  
/* 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 */
.scrollToTop { z-index: 2000; right: 20px; }
.cssanimations *[data-anim="true"] {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.teamKraftt-brand { padding: 167px 0; text-align: center; overflow: hidden; background-repeat:no-repeat; background-image: url("http://www.jeitodemae.com.br/wp-content/themes/harmony/img/topo-3.jpg"); background-position:center top; height:345px; }
.logo { min-width:446px; }
.teamKraftt-brand img {margin-left:-150px;}

}