@charset "utf-8";
/* CSS Document */
.mb-slideshow,
.mb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.mb-slideshow:after {
    content: '';
    background: transparent url('../plugin/CSS3FullscreenSlideshow/images/pattern_6.png') repeat top left;
}

.mb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnime 24s linear infinite 0s;
    -moz-animation: imageAnime 24s linear infinite 0s;
    -o-animation: imageAnime 24s linear infinite 0s;
    -ms-animation: imageAnime 24s linear infinite 0s;
    animation: imageAnime 24s linear infinite 0s;
}
.mb-slideshow li:nth-child(1) span {
	background-image: url('../record/backgr/momed_91948466.jpg');
/*	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s; */
}
.mb-slideshow li:nth-child(2) span {
	background-image: url('../record/backgr/picjumbo.com_P1010041.jpg');
	-webkit-animation-delay: 8s;
	-moz-animation-delay: 8s;
	-o-animation-delay: 8s;
	-ms-animation-delay: 8s;
	animation-delay: 8s;
}
.mb-slideshow li:nth-child(3) span {
	background-image: url('../record/backgr/mb02-jinggangshan_china.jpg');
	-webkit-animation-delay: 16s;
	-moz-animation-delay: 16s;
	-o-animation-delay: 16s;
	-ms-animation-delay: 16s;
	animation-delay: 16s;
}
.mb-slideshow li:nth-child(4) span {
	background-image: url('../record/backgr/photo5.jpg');
	-webkit-animation-delay: 32s;
	-moz-animation-delay: 32s;
	-o-animation-delay: 32s;
	-ms-animation-delay: 32s;
	animation-delay: 32s;
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnime {
	0%   { opacity: 0; -webkit-animation-timing-function: ease-in; }
	8%   { opacity: 1; -webkit-transform: scale(1.05); }
	17%  { opacity: 1; -webkit-transform: scale(1.1); -webkit-animation-timing-function: ease-out; }
	40%  { opacity: 0; -webkit-transform: scale(1.1); }
	100% { opacity: 0 }
}
@-moz-keyframes imageAnime {
	0%   { opacity: 0; -moz-animation-timing-function: ease-in; }
	8%   { opacity: 1; -moz-transform: scale(1.05); }
	17%  { opacity: 1; -moz-transform: scale(1.1);  -moz-animation-timing-function: ease-out; }
	40%  { opacity: 0; -moz-transform: scale(1.1); }
	100% { opacity: 0 }
}
@-o-keyframes imageAnime {
	0%   { opacity: 0; -o-animation-timing-function: ease-in; }
	8%   { opacity: 1; -o-transform: scale(1.05); }
	17%  { opacity: 1; -o-transform: scale(1.1); -o-animation-timing-function: ease-out; }
	40%  { opacity: 0; -o-transform: scale(1.1); }
	100% { opacity: 0 }
}
@-ms-keyframes imageAnime {
	0%   { opacity: 0; -ms-animation-timing-function: ease-in; }
	8%   { opacity: 1; -ms-transform: scale(1.05); }
	17%  { opacity: 1; -ms-transform: scale(1.1); -ms-animation-timing-function: ease-out; }
	40%  { opacity: 0; -ms-transform: scale(1.1); }
	100% { opacity: 0 }
}
@keyframes imageAnime { 
	0%   { opacity: 0; animation-timing-function: ease-in; }
	8%   { opacity: 1; transform: scale(1.05); }
	17%  { opacity: 1; transform: scale(1.1); animation-timing-function: ease-out; }
	40%  { opacity: 0; transform: scale(1.1); }
	100% { opacity: 0 }
}

/* for the title */
.mb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnime 32s linear infinite 0s;
    -moz-animation: titleAnime 32s linear infinite 0s;
    -o-animation: titleAnime 32s linear infinite 0s;
    -ms-animation: titleAnime 32s linear infinite 0s;
    animation: titleAnime 32s linear infinite 0s;
}
.mb-slideshow li div h3 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px;
	color: rgba(52,204,204, 0.8);
	text-shadow: 1px 1px 0px #333;
}

/* Animation for the title */
.mb-slideshow li:nth-child(1) div {
/* 8 sn sure var 1 sn gecikme ile baslasin
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-delay: 1s; */
}
.mb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s;
}
.mb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s;
}
.mb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}

@-webkit-keyframes titleAnime { 
	0%   { opacity: 0; -webkit-transform: translateY(200px); }
	8%   { opacity: 1; -webkit-transform: translateY(0px); }
	17%  { opacity: 1; -webkit-transform: scale(1); }
	19%  { opacity: 0.1 }
	25%  { opacity: 0; -webkit-transform: scale(10); }
	100% { opacity: 0 }
}
@-moz-keyframes titleAnime { 
	0%   { opacity: 0; -moz-transform: translateY(200px); }
	8%   { opacity: 1; -moz-transform: translateY(0px); }
	17%  { opacity: 1; -moz-transform: scale(1); }
	19%  { opacity: 0.1 }
	25%  { opacity: 0; -moz-transform: scale(10); }
	100% { opacity: 0 }
}
@-o-keyframes titleAnime { 
	0%   { opacity: 0; -o-transform: translateY(200px); }
	8%   { opacity: 1; -o-transform: translateY(0px); }
	17%  { opacity: 1; -o-transform: scale(1); }
	19%  { opacity: 0.1 }
	25%  { opacity: 0; -o-transform: scale(10); }
	100% { opacity: 0 }
}
@-ms-keyframes titleAnime { 
	0%   { opacity: 0; -ms-transform: translateY(200px); }
	8%   { opacity: 1; -ms-transform: translateY(0px); }
	17%  { opacity: 1; -ms-transform: scale(1); }
	19%  { opacity: 0.1 }
	25%  { opacity: 0; -webkit-transform: scale(10); }
	100% { opacity: 0 }
}
@keyframes titleAnime { 
	0%   { opacity: 0; transform: translateY(200px); }
	8%   { opacity: 1; transform: translateY(0px); }
	17%  { opacity: 1; transform: scale(1); }
	19%  { opacity: 0.1 }
	25%  { opacity: 0; transform: scale(10); }
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .mb-slideshow li span{
	opacity: 1;
}
@media screen and (min-width: 1140px) { 
	.mb-slideshow li div h3 { font-size: 96px }
}
@media screen and (max-width: 1140px) { 
	.mb-slideshow li div h3 { font-size: 72px }
}
@media screen and (max-width: 600px) { 
	.mb-slideshow li div h3 { font-size: 50px }
}