.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; 
}
#czia {
    position: relative;
    top: 0px;
    z-index: 100;
}
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 */
#topicin { top: -175px!important;}
#duzen { padding: 0;}
.cziab { padding: 167px 0 136px; text-align: center; overflow: hidden; }
.cziab img { margin: 0 auto; display: inline-block; }
.cziac { text-align: center; overflow: hidden; }
.cziac 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: 80%;
}
/* header style */
.czia-header.header-1 {
}


/*  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);}
/*
 * 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 */
/**********************/
@media only screen and (min-width:319px) and (max-width:479px) {
    #czia {
        top: -112px;
    }
    .cziab {
        margin-bottom: 30px;
        padding: 150px 0;
    }
}
@media only screen and (min-width:479px) and (max-width:767px) {
    #czia {
        top: -112px;
    }
    .cziab {
        margin-bottom: 30px;
        padding: 150px 0;
    }

}

@media only screen and (min-width: 767px) and (max-width: 1023px) {
    #czia {
        top: -112px;
    }
    .cziab {
        margin-bottom: 30px;
        padding: 150px 0;
    }
}