.application{
    padding-bottom: 0 !important;
}

.application .main-frame{
  width: 351px !important;
  height: 613px !important;
  -ms-zoom: 0.75;
  -moz-transform: scale(0.75);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.75);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.75);
  -webkit-transform-origin: 0 0;
  background-color:#000000;
  margin-left:auto;
  margin-right:auto;
  display:block;
  position:relative;
  z-index:1;
}

.application .second-frame{
  height:600px;
  width: 320px;
  border:solid 20px #000;
  border-radius:40px;
  border-bottom:solid 80px #000;
  border-top:solid 60px #000;
  margin-left:0px;
  margin-right:auto;
  position:relative;
  z-index:2;
  transition: all .2s ease-in-out;
}

.application .third-frame{
  height:100%;
  background-color:#333;
  padding:4px;
  border-radius:45px;
  margin-left:auto;
  margin-right:auto;
  margin-top:40px;
}

.application .frame-scroll-correction{
  position:absolute;
  height:100%;
  width:22px;
  background-color:#000;
  z-index:99;
  right:-20px;
}

.application .logo {
  /*
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
  animation:mymove 2s ease-out forwards;
  position: relative;
  -webkit-animation:mymove 2s;
}

@keyframes mymove
{ from {top:200px;}
  to {top:0px;}
}

@-webkit-keyframes mymove
{
  from {top:200px;}
  to {top:0px;}*/
}

.application .panels{
  position:absolute;
  right:20px;
  top:20px;
  z-index:9999;
}

.application .panels .panel-selecter {
  opacity: 0;
  transition: all 1s;
}

.application .panels:hover .panel-selecter {
  opacity: 1;
}

.application .panel-selecter:hover {
  z-index: 10000;
}


.application .panel-selecter-button em{
  float:right;
  padding-right:20px;
  font-size:19px;
  font-style:normal;
}

.application .panel-selecter-button{
  width:200px;
  height:50px;
  background-color:#202428;
  color:#efefef;
  font-family:'Roboto', sans-serif;
  text-decoration:none;
  line-height:50px;
  font-size:12px;
  padding-left:20px;
  padding-right:00px;
  display:block;
}


.application .panel-selecter{
  margin-top: 20px;
}

.application .options{
  height:0px;
  transition:all 500ms ease;
  overflow:hidden;
  position: absolute;
  width: 220px;
}

.application .options a{
  transition:all 600ms ease;
}

.application .options a:hover{
  background-color:#ca064d !important;
}

.application textarea {
  width: 90%;
  min-height: 150px;
  font-size: 18px;
  padding: 3%;
}

.application .active-option{
  background-color:#ca064d !important;
  transition:all 200ms ease;
}

.application .show-options{
  height:auto;
  transition:all 500ms ease;
}

.application .options a{
  font-family:'Roboto', sans-serif;
  font-size:12px;
  display:block;
  margin-top:0px;
  margin-bottom:0px;
  background-color:#202428;
  opacity:1;
  line-height:40px;
  color:#ffffff;
  text-decoration:none;
  padding:10px 20px;
}

.application .remove-border *{
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  margin:0px;
  border:none!important;
  width:100%!important;
  height:100%!important;
  background-color:transparent;
  z-index:0;
  transition:all 200ms ease;
}

.application .mobiles-disabled{display:none;}

.application .tablets-disabled .inch-80{	display:none!important;	}

.application .overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url('http://openmove.com/images/backgrounds/hero-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .6;
  z-index: 0;
  transition: opacity .1s;
  -webkit-transition: opacity .1s;
   -moz-transition: opacity .1s;
    -ms-transition: opacity .1s;
     -o-transition: opacity .1s;
        transition: opacity .1s;
}

.application .focusonapp .overlay {
  opacity: .1;
}

.application .focusonapp .second-frame {


}

.application .leftText, .application .rightText {
  position: fixed;
  width: 20%;
  font-size: 40px;
  display: flex;
  height: 70%;
  align-items: center;
  color: #fff;
  transition: all .3s;
}

.application .leftText {
  left: 3%;
}

.application .rightText {
  right: 3%;
}

.application .focusonapp .leftText,
.application .focusonapp .rightText {
  opacity: .2;
}

.application .save {
  background: #669900;
  color: #fff;
}

.application .reset {
  background: #CC3300;
  color: #fff;
}

.application iframe{
    width: 280px !important;
    border: none !important;
}

.application .app_description{
    position: absolute;
    left: 315px;;
    margin-right: 5px;
}

.application .change{
    margin-left: 20px;
}
.application td{
    text-align: left;
}

.application .change_col1{
    width: 5%;
}
.application .change_col2{
    width: 5%;
    text-align: center;
}
.application .change_col3{
    width: 20%;
    text-align: left;
}
.application .change_col4{
    width: 70%;
}