@charset "utf-8";

/* CSS Document */



/* :: 3.0 Jarallax CSS */

.jarallax {

	position: relative;

	z-index: 0;

}

/* :: 3.0 Preloader CSS */

#preloader {

	position: fixed;

	width: 100%;

	height: 100%;

	z-index: 9999999999;

	top: 0;

	left: 0;

	background-color: #ffffff;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

}

.wrapper {

	padding-left: 1em;

	padding-right: 1em;

	margin: auto;

	display: block;

	width: 195px;

}

.cssload-loader {

	width: 128px;

	height: 56px;

	transform: translateY(-50%);

	display: inline-block;

	margin: 0 auto 0;

	position: absolute;

	top: 50%;

	right: 0;

	left: 0;

}

 @keyframes cssload-loader {

 from {

 transform: scale(0);

 opacity: 1;

}

to {

	transform: scale(1);

	opacity: 0;

}

}

@-o-keyframes cssload-loader {

 from {

 -o-transform: scale(0);

 opacity: 1;

}

to {

	-o-transform: scale(1);

	opacity: 0;

}

}

@-ms-keyframes cssload-loader {

 from {

 -ms-transform: scale(0);

 opacity: 1;

}

to {

	-ms-transform: scale(1);

	opacity: 0;

}

}

@-webkit-keyframes cssload-loader {

 from {

 -webkit-transform: scale(0);

 opacity: 1;

}

to {

	-webkit-transform: scale(1);

	opacity: 0;

}

}

@-moz-keyframes cssload-loader {

 from {

 -moz-transform: scale(0);

 opacity: 1;

}

to {

	-moz-transform: scale(1);

	opacity: 0;

}

}

/* :: 5.0 Backtotop CSS */

#scrollUp {

	bottom: 50px;

	font-size: 22px;

	line-height: 42px;

	right: 0;

	width: 40px;

	background: url(../images/scrollup-arrow1.jpg) no-repeat center / cover;

	color: #ffffff;

	text-align: center;

	height: 40px;

	-webkit-transition-duration: 500ms;

	-o-transition-duration: 500ms;

	transition-duration: 500ms;

}

#scrollUp:focus, #scrollUp:hover {

	background: url(../images/scrollup-arrow11.jpg) no-repeat center / cover;

}

/* :: 8.0 Hero CSS */

.welcome-slides {

	width: 100%;

	float: left;

	text-align: center;

	position: relative;

}

.welcome-slides p {

	float: none;

	font-size: 19px;

	color: #ffffff;

	letter-spacing: 0.6px;

	line-height: 30px;

	margin: 0 0 26px;

}

.welcome-slides p a {

	color: #ffffff;

}

.welcome-slides p span {

	display: block;

	margin: 0 0 0;

}

.welcome-slides .owl-prev {

	left: 5%;

}

.welcome-slides .owl-next {

	right: 15%;

}

.welcome-slides .owl-prev, .welcome-slides .owl-next {

	-webkit-transition-duration: 500ms;

	-o-transition-duration: 500ms;

	transition-duration: 500ms;

	position: absolute;

	bottom: 0;

	width: 100px;

	height: 100px;

	background-color: #ffffff;

	text-align: center;

	line-height: 100px;

	color: #232323;

	font-size: 30px;

	z-index: 10;

}

.single-welcome-slide {

	width: 100%;

	float: left;

	background-color: #000080;

	overflow: hidden;

	position: relative;

}

.single-welcome-slide .bg-curve {

	position: absolute;

	width: 60%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: top right;

	background-size: contain;

	top: 0;

	right: 0;

}

.single-welcome-slide .main-bg-img {

	width: 100%;

	float: left;

	position: relative;
	    height: 958px;

}
.single-welcome-slide .main-bg-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.mona-actor-slide .owl-next, .mona-actor-slide .owl-prev, .mona-all-model-slide .owl-next, .mona-all-model-slide .owl-prev, .mona-models-slide .owl-next, .mona-models-slide .owl-prev, .mona-singer-slide .owl-next, .mona-singer-slide .owl-prev {

	-webkit-transition-duration: 500ms;

	-o-transition-duration: 500ms;

	transition-duration: 500ms;

	width: 17px;

	height: 24px;

	color: #ffffff;

	text-align: center;

	line-height: 60px;

	font-size: 24px;

	position: absolute;

}



/*Smartphone css*/

@media screen and (max-width: 480px) {

.welcome-slides p span { display:inline;}

.welcome-slides p { font-size:15px; line-height:26px; margin:0 0 23px;}

}



@media screen and (min-width:481px) and (max-width:600px) {

.welcome-button1 { width:100%; margin:0 0 0;}

}



@media screen and (min-width:601px) and (max-width:767px) {

.welcome-button1 { width:100%; margin:0 0 0;}

}



@media screen and (min-width:768px) and (max-width:900px) {

.welcome-slides p { font-size:15px; letter-spacing:0.4px; line-height:26px;}

}



@media screen and (min-width:901px) and (max-width:1024px) {

.welcome-slides p { font-size:17px; letter-spacing:0.5px; line-height:28px;}

}



@media screen and (min-width:1025px) and (max-width:1240px) {

}