@media only screen 
and (min-device-height: 640px)
and (orientation : portrait){
/*.blueimp-gallery > .slides > .slide {
    margin-top: 0.3%;
}*/
#homescreen footer #homeArrow{
	top:-40%;
}
}
html, body { height: 100%; }

body {
    color: #fff;
    font-family: "Fira Sans", "Fira Sans Light", "Fira Sans Medium", "Fira Sans OT", sans-serif;
    font-size: 1.4rem;
    font-weight: 300;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 { font-weight: 300; }

label {
    color:#000;
}
a {
    color: #FFF;
    text-decoration: none;
	outline:none;
}

input, button, select, textarea {
    border-radius: 0;
    box-shadow: none;
}
input[type=text], textarea, select {
    border: none;
    padding: .7rem .8rem;
}

.left{
	float:left;
}
.right{
	float:right;
}
.clr{
	clear:both;
	line-height:1;
	font-size: 1;
}
.hidden{
	display:none;
}
/*View Module*/
#splashScreen img{
	width:100%;
	height:100%;
}
#bgBlack{
	background:#141619;
	width:100%;
	height:100%;
}
[role=region],#homeScreen {
    background:#141619;
    top: 0; right: 0; bottom: 0; left: 0;
    position: fixed;
    overflow-x: hidden;
    background-size: auto 100%;
}
[role=region] > header,#homeScreen > header{
    background:url(../img/headerbg.png) repeat-x;
	background-size:100% 57px;
    position:fixed;
	width:100%;
}

[role=region] > header > .head {
	font-size: 1.6rem;
	margin:0.6rem;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 84%;
}
[role=region] > header > .commonHead{
	font-size: 1rem;
	margin:0 0 0 2rem;
}

[role=region] > .view-content{
   margin: 3.4rem 0 0;
}

[role=region] > footer, #homeScreen > footer {
	width:100%;
    right: 0; bottom: 0; left: 0;
    position: fixed;
	text-align:center;
}
[role=region] > footer > button{
	color:#fff;
	padding: 70px 0 30px;	
}
#homeScreen > footer > button{
	color:#fff;
	width:49.5%;
	height:100px;
	font-size:0.8rem;
}
/* #homeScreen > footer > #editBtn{
	width: 32%;
} */
/*Button Module*/
.btn {
    border: none;
    width: 1.5rem;
    height: 3.3rem;
}

button span{
	display:block;
	line-height:2;
}
button img{
	margin: 30px 0 0;
}
.settingBtnBg{
    background: url(../img/icon_setting.png) no-repeat center center;
	padding:0 0.5rem;
}
.shareBtnBg{
	background:url(../img/icon_share.png) no-repeat center center;
	padding:0 0.5rem;
}
.feedbackBtnBg{
	background:url(../img/feedback.png) no-repeat center center;
	padding:0 0.5rem;
}
.cameraBtnBg,.pickBtnBg,.editBtnBg{
    background: url(../img/footer_bg.png) repeat-x bottom;
	padding:0;
}
/* .editBtnBg{
	 background: url(../img/footer_bg.png) repeat-x bottom;
	padding: 70px 0 30px;
} */
.cameraBtnChangeBg,.pickBtnChangeBg,.editBtnChangeBg{
    background: url(../img/footer_bg_press.png) repeat-x bottom;
	padding:0;
}
/* .editBtnChangeBg{
	background:url(../img/footer_centerbg_press.png) no-repeat bottom;
	padding: 70px 0 30px;
} */

.settingBtnChangeBg{
	background: url(../img/icon_setting_press.png) no-repeat center center;
	padding:0 0.5rem;
}
.shareBtnChangeBg{
	background: url(../img/icon_share_press.png) no-repeat center center;
	padding:0 0.5rem;
}
.feedbackBtnChangeBg{
	background: url(../img/feedback_press.png) no-repeat center center;
	padding:0 0.5rem;
}
/**
 * Utility
 */
.reset-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
[aria-hidden=true] {
    display: none !important;
}



/* CSS fo drag list*/

.handles {
	margin:0;
	width:auto;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.handles li{
	list-style: none;
	border-bottom:1px solid #5C5C5C;
	background: none;
	color:#fff;
	clear:both;
	padding: 0.5rem 0.8rem 0.5rem 0;
}

.pl {
	padding: 0.62rem 0 0.62rem 2rem;
}

.pr {
	padding:0 0.5rem 0 0;
}

.view-content .options{
	padding:0;
}
.borderBottom{
	border-bottom: 1px solid #5C5C5C;
	font-size: 1.1rem;
}
.border0{
	font-size: 1.1rem;
}
.block{
	display:block;
}

#menuOptions .borderBottom{
	padding: 0.85rem;
	margin: 0 1.4rem;
}
#menuOptions #divToolOrder,#menuOptions #divVibration{
	padding: 1.42rem 0.85rem;
}

#fileformatData .borderBottom{
	padding: 0.85rem 0.8rem 0.85rem 2rem;
}

#menuOptions .border0{
	padding:0.85rem;
	border:0;
	margin: 0 1.4rem;
	font-size: 1.1rem;
}
#menuOptions .pad0{
	padding:0;
}

#divHelp a,#divDeveloper a,#divReview a{
	display: block;
	padding: 0.85rem;
}
.popupView header{
	padding: 1.45rem 0;
	background: #292831;
}
.popupView section.view-content{
	padding: 0 1.5rem;
	margin: 4.4rem 0 0;
}
.popList > div{
	padding:0.85rem 0.5rem;
}
#imageData > div{
	padding:0.7rem 0.5rem;
}
.divider{
	padding: 0.2rem 2.25rem;
}
.desc{
	font-size:0.95rem;
	color:#706E6E;
}
.subHead{
	background: #212021;
}
.subHead h2{
	margin:0;
	font-size: 1.2rem;
}
#toolList .dragArea{
	padding: 0 1rem 0 0.8rem;
	cursor: move;
}
.handles span.bgDrag{
	background:url(../img/icon_tool-order_rearrange.png) no-repeat;
	padding: 1.1rem 0.2rem;
	display:inline-block;
}
.handles span#enhance{
	background:url(../img/icon_tool-order_enhance.png) no-repeat;
}
.handles span#effects{
	background:url(../img/icon_tool-order_effects.png) no-repeat;
}
.handles span#frames{
	background:url(../img/icon_tool-order_frames.png) no-repeat;
}
.handles span#stickers{
	background:url(../img/icon_tool-order_stickers.png) no-repeat;
}
.handles span#orientation{
	background:url(../img/icon_tool-order_orientation.png) no-repeat;
}
.handles span#focus{
	background:url(../img/icon_tool-order_focus.png) no-repeat;
}
.handles span#resize{
	background:url(../img/icon_tool-order_resize.png) no-repeat;
}
.handles span#crop{
	background:url(../img/icon_tool-order_crop.png) no-repeat;
}
.handles span#warmth{
	background:url(../img/icon_tool-order_warmth.png) no-repeat;
}
.handles span#brightness{
	background:url(../img/icon_tool-order_brightness.png) no-repeat;
}
.handles span#contrast{
	background:url(../img/icon_tool-order_contrast.png) no-repeat;
}
.handles span#saturation{
	background:url(../img/icon_tool-order_saturation.png) no-repeat;
}
.handles span#sharpness{
	background:url(../img/icon_tool-order_sharpness.png) no-repeat;
}
.handles span#colorsplash{
	background:url(../img/icon_tool-order_splash.png) no-repeat;
}
.handles span#draw{
	background:url(../img/icon_tool-order_draw.png) no-repeat;
}
.handles span#text{
	background:url(../img/icon_tool-order_text.png) no-repeat;
}
.handles span#redeye{
	background:url(../img/icon_tool-order_redeye.png) no-repeat;
}
.handles span#whiten{
	background:url(../img/icon_tool-order_whiten.png) no-repeat;
}
.handles span#blemish{
	background:url(../img/icon_tool-order_blemish.png) no-repeat;
}

.handles span.itemIcon{
	display:inline-block;
	padding:1rem;
	margin: 0 0.5rem 0 0.3rem;
}
.handles .listItem{
	color: #fff;
	padding: 0.3rem 0;
	font-size: 1rem;
}
ul.handles .listItem{
	text-transform:capitalize;
	padding: 0.3rem 0.8rem;
}
.handles .toolCheck{
	margin: 0.65rem 0;
}

#view-fileFormat header,#view-toolOrder header{
	z-index:1000;
}
.separator{
	background: url(../img/footer_pipe.png) no-repeat;
	padding: 40.5px 1px;
	display: inline-block;
	margin: 19px 0 0;
}
.separatorHead,#separatorHead{
	background: url(../img/head_pipe.png) no-repeat;
	margin: 0.25rem 0px;
	padding: 1.4rem 0.07rem;
}
#separatorHead{
	width: 4.8rem;
	margin: 0.4rem 0;
}
.imgOptions{
	background-color:#524c52;
	margin: 0.7rem 1rem;
	font-size: 1rem;
	border: 1px solid #292c29;
}
#shareDiv{
	padding:0.3rem 0.5rem;
	line-height: 1.6rem;
}
#editDiv{
	padding:0.25rem 0.5rem;
	line-height: 1.6rem;
}
#detailDiv{
	padding:0.45rem 0.5rem;
	line-height: 1.3rem;
}
#deleteDiv{
	padding:0.4rem 0.5rem;
	line-height: 1.4rem;
}
#view-imageDetails article{
	position: fixed;
	bottom:4.1rem;
	width: 100%;
}
.foot .btn{
	background:url(../img/btn_cancle.png) no-repeat;
	padding: 0 9.07rem 0;
	margin: 0.9rem 0;
	color: #000;
	height: 57%;
	font-size: 1rem;
	width: 90%;
	background-size: 100%;
}
.commonView footer.foot{
	background:#292831;
	position:fixed;
	height: 13%;
}
#imageInfo{
	margin:0 0 0 1.35rem;
}
#deleteImage{
	margin:0 0 0 1rem;
}
#editImage{
	margin:0 0 0 0.5rem;
}
#shareImage{
	margin:0 0 0 0.88rem;
}
.commonView{
	background:#393839;
}
.popupView{
	opacity: 0.95;
}
#bck{
	background:url(../img/btn_back.png) no-repeat;
	padding: 30px 15px;
	margin: 5px 1px 0 0;
	width:auto;
	height:auto;
	border:0;
	box-shadow:none;
}
#avpw_all_effects{
	background:url(../img/btn_back.png) no-repeat;
	padding: 30px 15px;
	left: -0.1px;
	top: 46%;
	width:auto;
	height:auto;
	border:0;
	box-shadow:none;
}
#avpw_save_button,#avpw_apply_container{
	background: url(../img/headerbg.png) repeat-x bottom;
	background-size: 100% 57px;
	border: 0;
	box-shadow: none;
	width:3.5rem;
	font-size:1.1rem;
	padding:0.5rem 0.3rem 0.35rem;
	height:46px;
	margin-top:-28px
}
#avpw_title{
	position: fixed;
	top:0;
	margin:1.1rem 2.5rem;
}
#avpw_title h1{
	font-size:1.6rem;
	font-weight:300;
}
#editHeader{
	background:url(../img/headerbg.png) repeat-x;
	background-size:100% 63px;
	height:59px;
	width:100%;
}
#avpw_controls .avpw_primary_save{
	width:auto;
}
#avpw_filter_body_scroll_region{
	width: 2100px !important;
	padding-right:0 !important;
}
#divNoPics{
	font-size: 1rem;
	color: #7e7e7e;
	text-align:center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40%;
}
#divNoPics p{
	margin:0.5rem 0 0;
}
#noImageArrowIcon{
	 margin-right: 30%;
}
#homeArrow{
	top:-35%;
	left:20%;
	position:absolute;
}
#avpw_temp_loading_image {
	top: 42.8% !important;/*157px*/
}
#divAppVer{
	color: #7e7e7e;
}
#avpw_effects_effects .avpw_clip{
	overflow-x:scroll;
}
#blueimp-image-carousel{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
}
#avpw_font_popup {
    left: 18% !important;
	top: 98% !important;
}
