@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Vidaloka');
body, html{
	margin:0;
	padding:0;
	width:100vw;
	overflow-x: hidden;
	overflow-y: auto;
	color:#FFFFFF;
	font-family: 'Vidaloka', serif;
	font-size:18px;
}
.clr{clear:both;}
.page{
	width:100vw;
	height:100vh;
	background-size: cover;
	background-attachment:fixed;
	box-sizing:border-box;
	overflow: hidden;
    position: relative;
	background-repeat:no-repeat;
	
}
.page .overlay{
	width:57%;
	height:100vh;
	background-image:url(../img/black_overlay.png);
	background-repeat:repeat;	
	box-sizing:border-box;
}
.page .full_overlay{
	width:100%;
	height:100vh;
	background-image:url(../img/black_overlay.png);
	background-repeat:repeat;
	box-sizing:border-box;
}
.page .overlay2{
	background-image:url(../img/black_overlay.png);
	background-repeat:repeat;	
	
}
.page .up_btn{
	position:absolute;
	left:50%;
	top:5px;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	z-index:99;
	-webkit-transition: 300ms;
	  -moz-transition: 300ms;
	  -o-transition: 300ms;
	  transition: 300ms;
}
.page .up_btn img, .page .down_btn img{
	width:50px;	
}
.page .down_btn{
	position:absolute;
	left:50%;
	bottom:5px;	
	-webkit-transition: 300ms;
	  -moz-transition: 300ms;
	  -o-transition: 300ms;
	  transition: 300ms;
}
.page .up_btn:hover, .page .down_btn:hover{
	opacity:0.7;	
}
.page h1{
	font-size:38px;	
	line-height:38px;
	margin:0;
	text-transform:uppercase;
	font-weight:normal;
}
.page h2{
	font-size:28px;	
	line-height:28px;
	margin:10px 0px;
	font-weight:normal;
}
.page .right_block{
	float:right;
	width:60%;	
	padding-right:5%;
	box-sizing:border-box;
}
.page .title_bottom{
	width:400px;	
}
.menu img{
	width:50px;	
}
/*menu*/
header{
	width:100%;
	
	font-weight:bold;
}
header nav{
	position:fixed;
	float:right;
	
	z-index:99;
	top:0;
	right:20px;
	text-align:right;
	
}
header nav .menu img{
	width:60px;	
	margin:10px;
}
header nav ul{
	list-style:none;
	margin:auto;
	text-align:left;
	display:none;
}
header nav ul li{
	display:block;
}
header nav ul li a{
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../img/menu_img.png);
	border-bottom:1px solid #FFFFFF;
	
	padding:15px 20px 15px 20px;
	display:block;
	transition:0.2s all ease-out;
}
header nav ul li:last-child a{
	border-bottom-width:0px	;
}
header nav ul li:hover a{
	background-color:#FF95C5;
	color:#FFFFFF;
}
header nav ul li:hover ul{
	display:block;
}

header nav ul .active a{
	background-color:#FF60A8;
	color:#FFFFFF;
}

/*menu end*/
.home .logo{
	width:130px;	
}
.home .logo_text{
	width:250px;	
}

.home{
	background-image:url(../img/home_page_bg.jpg);
	text-align:center;
}
.home .overlay{
	padding-top:6%;	
}
.home .overlay2{
	width:80%;	
	margin:auto;
	padding:40px 30px;
	box-sizing:border-box;
	position:relative;
}
.home .overlay2 .pink_bar{
	background-color:#ff3591;
	width:60%;
	height:20px;
	margin:auto;
	position:absolute;
	bottom:-10px;
	border-radius:5px;
	left:20%;
}
.home .icon img{
	width:40px;
	margin:20px 10px;	
}
.about_us{
	background-image:url(../img/about_us.jpg);	
	text-align:justify;
}
.about_us .full_overlay{
	padding-top:6%;	
	line-height:30px;
	
}
.about_us h1{
	border-bottom:3px solid #ff3591;	
	margin-bottom:20px;
	padding-bottom:15px;
}
.about_us .logo{
	width:40px;	
	vertical-align:middle;
}
.about_us .logo_text{
	width:120px;
	vertical-align:middle;	
}
.about_us .pink_bar{
	background-color:#ff3591;
	width:31%;
	height:20px;
	
	position:absolute;
	bottom:24%;
	border-radius:5px;
	
}
.service{
	background-image:url(../img/service_bg.jpg);	
	text-align:justify;
	
}
.service .logo{
	text-align:left;	
}
.service .overlay{
	padding:20px 20px;	
	text-align:center;
}
.service .overlay h1{
	margin-top:20px;
	text-align:center;	
}
.service .overlay .overlay2{
	width:600px;	
	margin:auto;
	padding:20px;
	margin-bottom:40px;
}
.service .service_icon{
	width:90px;	
	margin:10px;
}
.photo_edit{
	background-image:url(../img/photo_edit_bg.jpg);	
	text-align:justify;
}

.page .page_left_top_logo{
	width:40px;
	vertical-align:middle;
	margin-right:10px;	
}
.page .page_left_top_logotext{
	vertical-align:middle;
	width:120px;	
	margin:auto;
}
.page .description{
	float:left;
	width:60%;	
	margin:auto;
	box-sizing:border-box;
	padding-right:3%;
	padding-left:8%
}
.page .vedio{
	float:left;
	width:40%;	
	margin:auto;
	box-sizing:border-box;
	padding-right:8%;
}
.page .vedio img{
	width:100%;	
}
.service_page{
	text-align:left;
	
}
.service_page .overlay{
	text-align:center;
	padding:2% 20px 0px 10px;	
	display:inline-block;
}
.service_page .logo{
	width:200px;
}

.service_page h2{
	margin-top:3%;
	margin-bottom:4%	
}

.service_page .store img{
	width:150px;	
	margin:0px 10px;
}
.service_page .right_animation_block{
	float:right;
	width:42%;
	box-sizing:border-box;
	position:relative;
	text-align:center;
}
.service_page .right_animation_block .mobile{
	width:40%;
	
	z-index:88;
	margin:auto;
	margin-top:40%;
}
.service_page .right_animation_block .popup{
	width:70%;	
	position:absolute;
	z-index:89;
	left: 12%;
    bottom: 12%;
}
.get_in_touch{
	background-image:url(../img/get_in_touch_bg.jpg);	
}
.get_in_touch .col1{
	float:left;
	width:40%;
	box-sizing:border-box;	
	text-align:center;
	padding-top:6%;
}
.get_in_touch .col2{
	float:left;
	width:60%;
	box-sizing:border-box;
	padding-left:5%;
	padding-top:6%;
}
.get_in_touch .col1 .social_icon{
	margin:10px;	
	width:60px;
}
.get_in_touch .col2 hr{
	color:#ff3591;	
	background: #ff3591;
    
    height: 3px;
    border: none;
}
.get_in_touch .app_feature {
	font-size:24px;
		
}
.get_in_touch .app_feature img{
	width:80px;
	vertical-align:middle;
	margin:10px;	
}