.liteBoxOfir{position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: rgba(0,0,0,0.4); z-index:800; display: none;}
.ofirModal{position: absolute; left: 50%; width: 800px; margin-left: -400px; box-sizing: border-box; background-color: white; border-radius: 3px; border-bottom: 3px solid transparent; z-index:1002; display: none; transition: all 0.4s ease-in-out; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);}
.ofirModal *{box-sizing: border-box;}
.ofirModal.init{transform: scale(0.75);}
.ofirModal.Active{transform: scale(1);}

.ofirModal_title{border-radius: 3px 3px 0px 0px; padding: 10px 20px 12px 86px; color: #ffffff; position: relative; box-shadow: 0 -10px 15px -12px rgba(0, 0, 0, 0.3) inset, 0 0 0 #555;}
.ofirModal_title h2{padding: 0px; margin: 0px;}

a.ofirModal_close{position: absolute; left: 10px; top: 10px; width: 34px; height: 34px; text-decoration: none; font-size: 0px; background: url(ofirModal_panel.png) center 6px repeat-y; background-size: 22px auto; opacity: 1; transition: transform 0.5s cubic-bezier(0.16, 0.81, 0.32, 1) 0s, opacity 0.5s ease 0s;}
a.ofirModal_close:hover{opacity: 0.5; transform: rotate(180deg);}

a.ofirModalCloseBtn{position: absolute; width: 34px;  height: 34px;  text-decoration: none;  font-size: 0px; background: url(ofirModal_panel2.png) center 5px repeat-y; background-size: 24px auto;  opacity: 0.5; transition: transform 0.5s cubic-bezier(0.16, 0.81, 0.32, 1) 0s, opacity 0.5s ease 0s;}
a.ofirModalCloseBtn:hover{opacity: 1; transform:rotate(180deg);}
a.top_btn{right: 2px; top: 0px;}
a.btm_btn{left: 2px; bottom: 0px;}

a.ofirModal_resize{position: absolute; left: 50px; top: 10px; width: 34px; height: 34px; text-decoration: none; font-size: 0px; background: url(ofirModal_panel.png) center -24px repeat-y; background-size: 22px auto; opacity: 1; transition: transform 0.5s cubic-bezier(0.16, 0.81, 0.32, 1) 0s, opacity 0.5s ease 0s;}
a.ofirModal_resize:hover{opacity: 0.5;}

.ofirModal_content{overflow: auto; padding: 5px 7px}

.ofirModal.expanded{position:fixed; left: 0px !important; top: 0px !important; margin: 0px; width: 100%; height: 100%;}
.ofirModal.expanded a.ofirModal_resize{background-position: center -56px;}

@media screen and (max-width: 800px) {
	.ofirModal{width: 90%; margin-left: -45%;}
}


@media screen and (max-width: 414px) {
	.ofirModal{width: 100%; margin-left: 0px; left: 0px;}
}