/**
 * Created by ertaserdi on 05.07.2015.
 *
 * * Versiyon: 1.0.1
 *
 * Contact for support. / Katkı sağlamak için iletişime geçebilirsiniz.
 * Email: ertaserdi@gmail.com
 * Download: https://github.com/ertaserdi/jQuery-PageLoading
 *
 * Kullandığınız için teşekkürler... / Thank you for using...
 *
 * LICENSE: https://github.com/ertaserdi/jQuery-PageLoading/blob/master/LICENSE
 */
 .pageLoadingid14,.pageLoadingid11,.pageLoadingid13,.pageLoadingid15,.pageLoadingid16,.pageLoadingid17{
	
    position: fixed;
    top: 0;
    left: 0;
    visibility: visible;
}

.pageLoadingid16 {
    width: 100%;
    height: 100%;
	background-color: #000;
	opacity: 0.5;
	box-sizing: border-box;
    z-index: 100001;
}


.pageLoadingid17 {
}


.pageLoadingid15 {
	top: 50%; left: 50%;
    width: 300px; height: 76px;
	box-sizing: border-box;
    z-index: 100002;


    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pageLoadingid15 > img.img_01 {
	width: 300px; height: 76px;
	float: left;
	box-sizing: border-box;

	
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position : 215% top;
	-webkit-mask-position : 215% top;
	mask-image: url('../images/loading_bg.png');
	-webkit-mask-image: url('../images/loading_bg.png');
	mask-size: 557px;
	-webkit-mask-size: 557px;
	z-index: 100;
}


.pageLoadingid15 > img.img_02 {
	width: 300px; height: 76px;
	margin-top: -76px;

	float: left;
	box-sizing: border-box;


	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position : 52% top;
	-webkit-mask-position : 52% top;
	mask-image: url('../images/loading_bg2.png');
	-webkit-mask-image: url('../images/loading_bg2.png');
	mask-size: 557px;
	-webkit-mask-size: 557px;

	z-index: 99;
}




.pageLoadingid14{
    width: 100%;
    height: 100%;

	background-image: url(../images/section_bg_01.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-sizing: border-box;
    z-index: 100000;

}

/* base */
.pageLoadingid11{
	display: none;
    background-color: #dfe8ea;
    width: 100%;
    height: 5px;
    z-index: 99999998;
}

/* line */
.pageLoadingid13{
	display: none;
    background-color: #79c4df;
    height: 5px;
    width: 10%;
    z-index: 99999999;
}

.pageLoadingid12{
	display: none;
    position: fixed;
    top: 50px;
    right: 2%;
    color: #333;
    font-size: 16px;
    font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    padding: 5px;
    background-color: #FFFFFF;
    visibility: visible;
    z-index: 99999999;
}





@media (max-width: 749px) { 
	.pageLoadingid15 > img.img_02,
	.pageLoadingid15 > img.img_01{
		transform: scale(0.6);
		-webkit-transform: -webkit-scale(0.6);
		-moz-transform: -moz-scale(0.6);
		-o-transform: -o-scale(0.6);
	}
}

@media (max-width: 1023px) and (min-width: 750px) { 
	.pageLoadingid15 > img.img_02,
	.pageLoadingid15 > img.img_01{
		transform: scale(0.8);
		-webkit-transform: -webkit-scale(0.8);
		-moz-transform: -moz-scale(0.8);
		-o-transform: -o-scale(0.8);
	}
}