.preview,.title{}*,:after,:before{box-sizing:border-box}.pull-left{float:left}.pull-right{float:right}.clearfix:after,.clearfix:before{content:'';display:table}.clearfix:after{clear:both;display:block}.main-title{margin-top:0}.button,.select,.textarea{color:#777;padding:5px;min-width:122px;font-weight:700;margin-bottom:0;border:2px solid #888}.button{color:#fff;padding:10px 15px;background:rgba(0,0,0,.5);text-transform:uppercase;transition:all .4s ease-in-out 0s}.button:hover{background:rgba(0,0,0,.8)}.textarea{width:100%;resize:none;min-height:140px}.preview{padding:15px;background:#fff;min-height:140px}.col{width:50%;float:left;padding:15px}.col.no-gutter{padding:0}.colors>.color{width:40px;height:40px;cursor:pointer;overflow:hidden;position:relative;margin:0 10px 5px 0;display:inline-block}.colors>.color:after,.colors>.color:before{content:'';position:absolute;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all .3s ease-in-out 0s}.colors>.color:before{top:5px;z-index:1;right:5px;color:#fff;content:'\f08d';text-shadow:none;font-family:FontAwesome}.colors>.color:after{width:0;height:0;border:20px solid transparent;border-top:20px solid rgba(0,0,0,.4);border-right:20px solid rgba(0,0,0,.4);transition-duration:.1s}.colors>.color.active{cursor:default}.colors>.color.active:after,.colors>.color.active:before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.label-text{display:none}.label-text input{top:-10px;padding:5px 10px;position:relative;border:2px solid #999}.alert-msg{font-size:13px;font-weight:400;padding:4px 8px;border-radius:2px;font-style:normal;background:#f9edbe;border:2px solid #f0c36d}.mk-trc{height:25px;line-height:25px;margin-bottom:0;display:inline-block}.mk-trc label{height:inherit;display:block}.mk-trc input[type=radio],.mk-trc input[type=checkbox]{display:none}.mk-trc i{float:left;width:55px;height:25px;margin-right:5px;font-style:normal;position:relative;display:inline-block;background:rgba(0,0,0,.3)}.mk-trc[data-style=radio] i,.mk-trc[data-style=check] i{width:25px}.mk-trc i:after,.mk-trc i:before{content:'';position:absolute}.mk-trc i:before{top:2px;left:2px;z-index:1;width:21px;height:21px;background:#eee;transition:all .2s ease-in-out 0s}.mk-trc input:checked+label i{background:#2196f3}.mk-trc input:checked+label i:before{left:32px}.mk-trc[data-style=radio] i:before{background:#ddd;border:2px solid transparent}.mk-trc[data-style=radio] input:checked+label i:before{border-color:#fff;background:#2196f3;left:2px!important}.mk-trc[data-style=check] i{background:#ddd;border:2px solid #7f8c8d;border:2px solid rgba(0,0,0,.2)}.mk-trc[data-style=check] i:after,.mk-trc[data-style=check] i:before{width:0;background:0 0;border-right:2px solid transparent}.mk-trc[data-style=check] i:before{top:10px;left:7px;height:6px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mk-trc[data-style=check] i:after{top:5px;padding:0!important;left:12px!important;height:12px!important;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition:all .2s ease-in-out 0s}.mk-trc[data-style=check] input:checked+label i:after,.mk-trc[data-style=check] input:checked+label i:before{border-color:#fff}.mk-trc[data-style=check] input:checked+label i:before{left:7px}.mk-trc[data-align=right] i{float:right;margin-right:0;margin-left:5px}.mk-trc[data-text=true] i:after{left:22px;color:#eee;height:25px;content:'Off';padding:0 4px;font-size:13px;font-weight:700;line-height:25px;text-transform:uppercase;color:rgba(255,255,255,.8);transition:all .2s ease-in-out 0s}.mk-trc[data-text=true] input:checked+label i:after{left:0;content:'On'}.mk-trc[data-style=radio] i:after,.mk-trc[data-style=radio] input:checked+label i:after,.mk-trc[data-style=check] i:after,.mk-trc[data-style=check] input:checked+label i:after{content:''}.mk-trc[data-radius=true] i{border-radius:25px}.mk-trc[data-radius=true] i:before{border-radius:inherit}.mk-trc input:disabled+label{color:#888;cursor:not-allowed}.mk-trc input:disabled+label i{background:#
ccc}.mk-trc input:disabled+label i:after{color:#ddd}.mk-trc[data-style=check] input:disabled+label i{background:#ddd;border-color:#ccc}.mk-trc[data-size="2"]{height:30px;line-height:30px}.mk-trc[data-size="2"] label i{width:60px;height:inherit}.mk-trc[data-size="2"][data-style=radio] label i,.mk-trc[data-size="2"][data-style=check] label i{width:30px}.mk-trc[data-size="2"] label i:after{left:28px;height:inherit;line-height:30px}.mk-trc[data-size="2"] label i:before{width:26px;height:26px}.mk-trc[data-size="2"][data-style=check] label i:before{width:0;height:7px}.mk-trc[data-size="2"][data-style=check] label i:after{top:5px;left:15px!important;height:15px!important}.mk-trc[data-size="2"][data-style=check] input:checked+label i:before,.mk-trc[data-size="2"][data-style=check] label i:before{top:12px;left:8px;border-radius:0}.mk-trc[data-size="2"] label i[data-after-check]:before,.mk-trc[data-size="2"] label i[data-before-check]:before{line-height:26px}.mk-trc[data-size="2"][data-style=radio] input:checked+label i[data-after-check]:before,.mk-trc[data-size="2"][data-style=radio] input:checked+label i[data-before-check]:before,.mk-trc[data-size="2"][data-style=check] input:checked+label i[data-after-check]:before,.mk-trc[data-size="2"][data-style=check] input:checked+label i[data-before-check]:before{left:2px}.mk-trc[data-size="2"][data-style=check] label i[data-after-check]:before,.mk-trc[data-size="2"][data-style=check] label i[data-before-check]:before{width:inherit}.mk-trc[data-size="3"]{height:40px;line-height:40px}.mk-trc[data-size="3"] label i{width:80px;height:inherit}.mk-trc[data-size="3"][data-style=radio] label i,.mk-trc[data-size="3"][data-style=check] label i{width:40px}.mk-trc[data-size="3"] input:checked+label i:before{left:42px}.mk-trc[data-size="3"] label i:after{left:42px;font-size:16px;height:inherit;line-height:40px}.mk-trc[data-size="3"] label i:before{width:36px;height:36px}.mk-trc[data-size="3"][data-style=check] label i:before{width:0;height:7px}.mk-trc[data-size="3"][data-style=check] label i:after{top:10px;left:21px!important;height:20px!important}.mk-trc[data-size="3"][data-style=check] input:checked+label i:before,.mk-trc[data-size="3"][data-style=check] label i:before{top:20px;left:12px;border-radius:0}.mk-trc[data-size="3"] label i[data-after-check]:before,.mk-trc[data-size="3"] label i[data-before-check]:before{font-size:24px;line-height:36px}.mk-trc[data-size="3"][data-style=radio] input:checked+label i[data-after-check]:before,.mk-trc[data-size="3"][data-style=radio] input:checked+label i[data-before-check]:before,.mk-trc[data-size="3"][data-style=check] input:checked+label i[data-after-check]:before,.mk-trc[data-size="3"][data-style=check] input:checked+label i[data-before-check]:before{left:2px}.mk-trc[data-size="3"][data-style=check] label i[data-after-check]:before,.mk-trc[data-size="3"][data-style=check] label i[data-before-check]:before{width:inherit}.mk-trc i[data-after-check]:after,.mk-trc i[data-after-check]:before,.mk-trc i[data-before-check]:after,.mk-trc i[data-before-check]:before{border:none}.mk-trc i[data-before-check]:before{color:#7f8c8d;font-size:16px;line-height:20px;text-align:center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);font-family:FontAwesome;content:attr(data-before-check)}.mk-trc input:checked+label i[data-after-check]:before{color:#fff;background:rgba(0,0,0,.1);content:attr(data-after-check)}.mk-trc[data-style=check] input:checked+label i[data-after-check]:before{height:100%;background:0 0!important}.mk-trc[data-style=check] i[data-before-check]:before{width:inherit;height:inherit;line-height:25px;top:-2px!important;left:-2px!important}.mk-trc[data-color] input:disabled+label i:after{color:rgba(0,0,0,.3)}.mk-trc[data-color] i[data-before-check]:before{color:#fff;background:rgba(255,255,255,.2)}.mk-trc[data-color=red] i{background:rgba(243,66,53,.6)}.mk-trc[data-color=red] input:checked+label i,.mk-trc[data-style=radio][data-color=red] input:checked+label i:before{background:rgba(243,66,53,1)}.mk-trc[data-color=red] input:
disabled+label i{background:rgba(243,66,53,.4)}.mk-trc[data-color=pink] i{background:rgba(233,30,99,.6)}.mk-trc[data-color=pink] input:checked+label i,.mk-trc[data-style=radio][data-color=pink] input:checked+label i:before{background:rgba(233,30,99,1)}.mk-trc[data-color=pink] input:disabled+label i{background:rgba(233,30,99,.4)}.mk-trc[data-color=black] i{background:rgba(54,63,69,.6)}.mk-trc[data-color=black] input:checked+label i,.mk-trc[data-style=radio][data-color=black] input:checked+label i:before{background:rgba(54,63,69,1)}.mk-trc[data-color=black] input:disabled+label i{background:rgba(54,63,69,.4)}.mk-trc[data-color=purple] i{background:rgba(156,39,176,.6)}.mk-trc[data-color=purple] input:checked+label i,.mk-trc[data-style=radio][data-color=purple] input:checked+label i:before{background:rgba(156,39,176,1)}.mk-trc[data-color=purple] input:disabled+label i{background:rgba(156,39,176,.4)}.mk-trc[data-color=deep-purple] i{background:rgba(103,58,183,.6)}.mk-trc[data-color=deep-purple] input:checked+label i,.mk-trc[data-style=radio][data-color=deep-purple] input:checked+label i:before{background:rgba(103,58,183,1)}.mk-trc[data-color=deep-purple] input:disabled+label i{background:rgba(103,58,183,.4)}.mk-trc[data-color=indigo] i{background:rgba(63,81,181,.6)}.mk-trc[data-color=indigo] input:checked+label i,.mk-trc[data-style=radio][data-color=indigo] input:checked+label i:before{background:rgba(63,81,181,1)}.mk-trc[data-color=indigo] input:disabled+label i{background:rgba(63,81,181,.4)}.mk-trc[data-color=blue] i{background:rgba(32,149,242,.6)}.mk-trc[data-color=blue] input:checked+label i,.mk-trc[data-style=radio][data-color=blue] input:checked+label i:before{background:rgba(32,149,242,1)}.mk-trc[data-color=blue] input:disabled+label i{background:rgba(32,149,242,.4)}.mk-trc[data-color=light-blue] i{background:rgba(3,169,244,.6)}.mk-trc[data-color=light-blue] input:checked+label i,.mk-trc[data-style=radio][data-color=light-blue] input:checked+label i:before{background:rgba(3,169,244,1)}.mk-trc[data-color=light-blue] input:disabled+label i{background:rgba(3,169,244,.4)}.mk-trc[data-color=cyan] i{background:rgba(0,188,212,.6)}.mk-trc[data-color=cyan] input:checked+label i,.mk-trc[data-style=radio][data-color=cyan] input:checked+label i:before{background:rgba(0,188,212,1)}.mk-trc[data-color=cyan] input:disabled+label i{background:rgba(0,188,212,.4)}.mk-trc[data-color=teal] i{background:rgba(0,149,135,.6)}.mk-trc[data-color=teal] input:checked+label i,.mk-trc[data-style=radio][data-color=teal] input:checked+label i:before{background:rgba(0,149,135,1)}.mk-trc[data-color=teal] input:disabled+label i{background:rgba(0,149,135,.4)}.mk-trc[data-color=green] i{background:rgba(76,175,80,.6)}.mk-trc[data-color=green] input:checked+label i,.mk-trc[data-style=radio][data-color=green] input:checked+label i:before{background:rgba(76,175,80,1)}.mk-trc[data-color=green] input:disabled+label i{background:rgba(76,175,80,.4)}.mk-trc[data-color=light-green] i{background:rgba(139,195,74,.6)}.mk-trc[data-color=light-green] input:checked+label i,.mk-trc[data-style=radio][data-color=light-green] input:checked+label i:before{background:rgba(139,195,74,1)}.mk-trc[data-color=light-green] input:disabled+label i{background:rgba(139,195,74,.4)}.mk-trc[data-color=lime] i{background:rgba(205,220,57,.6)}.mk-trc[data-color=lime] input:checked+label i,.mk-trc[data-style=radio][data-color=lime] input:checked+label i:before{background:rgba(205,220,57,1)}.mk-trc[data-color=lime] input:disabled+label i{background:rgba(205,220,57,.4)}.mk-trc[data-color=yellow] i{background:rgba(255,235,59,.6)}.mk-trc[data-color=yellow] input:checked+label i,.mk-trc[data-style=radio][data-color=yellow] input:checked+label i:before{background:rgba(255,235,59,1)}.mk-trc[data-color=yellow] input:disabled+label i{background:rgba(255,235,59,.4)}.mk-trc[data-color=amber] i{background:rgba(255,193,7,.6)}.mk-trc[data-color=amber] input:checked+label i,.mk-trc[data-style=radio][data-color=amber] input:checked+label i:before{background:rgba(255,193,7,1)}.mk-trc[data-color=amber] input:
disabled+label i{background:rgba(255,193,7,.4)}.mk-trc[data-color=orange] i{background:rgba(255,152,0,.6)}.mk-trc[data-color=orange] input:checked+label i,.mk-trc[data-style=radio][data-color=orange] input:checked+label i:before{background:rgba(255,152,0,1)}.mk-trc[data-color=orange] input:disabled+label i{background:rgba(255,152,0,.4)}.mk-trc[data-color=deep-orange] i{background:rgba(255,87,34,.6)}.mk-trc[data-color=deep-orange] input:checked+label i,.mk-trc[data-style=radio][data-color=deep-orange] input:checked+label i:before{background:rgba(255,87,34,1)}.mk-trc[data-color=deep-orange] input:disabled+label i{background:rgba(255,87,34,.4)}.mk-trc[data-color=brown] i{background:rgba(121,85,72,.6)}.mk-trc[data-color=brown] input:checked+label i,.mk-trc[data-style=radio][data-color=brown] input:checked+label i:before{background:rgba(121,85,72,1)}.mk-trc[data-color=brown] input:disabled+label i{background:rgba(121,85,72,.4)}.mk-trc[data-color=grey] i{background:rgba(158,158,158,.6)}.mk-trc[data-color=grey] input:checked+label i,.mk-trc[data-style=radio][data-color=grey] input:checked+label i:before{background:rgba(158,158,158,1)}.mk-trc[data-color=grey] input:disabled+label i{background:rgba(158,158,158,.4)}.mk-trc[data-color=blue-grey] i{background:rgba(96,125,139,.6)}.mk-trc[data-color=blue-grey] input:checked+label i,.mk-trc[data-style=radio][data-color=blue-grey] input:checked+label i:before{background:rgba(96,125,139,1)}.mk-trc[data-color=blue-grey] input:disabled+label i{background:rgba(96,125,139,.4)}


.row{
  padding:0px !important;
}
    
    
	
	
	
    
#tools{
height:720px;


	display:none;
}
.panel-heading{
  
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */





  text-transform:uppercase;
  font-weight:300;
}

.panel{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */



color:black !important;



}

.form-control{
  -moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;


  
}
.panel h4{
  color:#333 !important;
  font-weight:bolder;
  font-size:18px;
  }

.row .sp {
   height:720px;
   min-height:45px;
   padding-right:0;
   padding-left: 0;
   background-color: #222;
  
}


.row .sp.toolbar {

    height:300x;
}

.last {
	height:100%;
}

.outer {
  border:0px #000 solid;
  height:100%;
}

.preview {
  overflow-y: auto;
  overflow-x: hidden;
  /*height:100%;
  position: relative;*/
}

.resize {

}

.pane-settings {
  background: #002B36;
  color:#b3b1b1;
  position: absolute;
  z-index: 199;
  padding: 3px;
  font-size: 16px;
  opacity: .8;
  right: 5px;
  top: 0;
  margin: 0;
}
  
.pane-panel {
  background: #001a25;
  color:#b3b1b1;
  position: absolute;
  z-index: 198;
  right: 5px;
  top: 28px;
  margin: 0;
  width:220px;
  min-height:100px;
  display:none;
}

input[type=radio], input[type=checkbox] {
	vertical-align:middle;
    margin-top:-1px;
}
.pane-panel .row > [class*='col-']{
	color:#000;
    padding:4px;
    font-size:12px;
}
.pane-panel .row > [class*='col-']:nth-child(1) {
    background-color: rgba(240,240,240,.4);
}
.pane-panel .row > [class*='col-']:nth-child(2) {
    background-color: rgba(240,240,240,.5);
}
.pane-panel .row > [class*='col-']:nth-child(3) {
    background-color: rgba(240,240,240,.6);
}
.pane-panel .row > [class*='col-']:nth-child(4) {
    background-color: rgba(240,240,240,.7);
}
.pane-panel .row > [class*='col-']:nth-child(5) {
    background-color: rgba(240,240,240,.8);
}
    
.pane-label {
  font-family: monospace;
  background: #002B36;
  color:#b3b1b1;
  position: absolute;
  z-index: 199;
  padding: 3px;
  font-size: 11px;
  opacity: .7;
  right: 10px;
  bottom: 10px;
  margin: 0;
}

.wrapper {
	width:100%;
    margin-top:44px;
    min-height: 100%;
	height: 100%;
    overflow:hidden;
}

.inner {
	overflow-y:auto;
    overflow-x:hidden;
    /*height:100%;*/
    min-height:100%;
}
      
.navbar-block {
    background-color:#FC1298;
	position:absolute;
    z-index:2;
    border:0 #eee solid;
    right:24px;
    top:24px;
    height:215px;
    width:150px;
    display:none;
}

.ui-resizable { }
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
/*.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }*/
.ui-resizable-e {
	background-color: #666;
	border-right: 1px solid #222;
	border-left: 1px solid #222;
	/*box-shadow: inset 0 1px 0 #6e6e6e,0 2px 2px rgba(0,0,0,0.4);*/
    width:10px;
    z-index: 88 !important;
}
.ui-resizable-e:after {
    content: "-";
    display: block;
    position: absolute;
    top: calc(50% - 16px);
    left: 0;
    height: 25px;
    width: 2px;
    background-color:rgba(0,0,0,0.4);
    margin:3px;
}
.ui-resizable-s {
	background-color: #666;
    border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	/*box-shadow: inset 0 1px 0 #6e6e6e,0 2px 2px rgba(0,0,0,0.4);*/
    height:10px;
}
.ui-resizable-s:after {
    content: "-";
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 12px);
    height: 2px;
    width: 25px;
    background-color:rgba(0,0,0,0.4);
    margin:3px;
}

#cssEditor {
    /* add space to bottom since this is not resizeable */
	border-bottom:10px solid transparent;
}
#htmEditor {
	
}

#descBar > div,#infoBar > div {
    text-overflow:ellipsis;
    white-space:nowrap;
  	line-height: 1.1;
    padding:1px;  
}

#descBar > div {
	overflow:hidden;
}

#descBar,#infoBar {
    border:0 #eee solid;
    border-bottom-width:0px;
    padding-bottom:3px;
    font-size:12px;
}

#infoBar small,#descBar small {
	font-size:8px;
    text-transform:uppercase;
    color:#ccc;
    display:none;
}

#infoBar .btn {
	background-color:#eee;
}

.input-xs {
  height: 21px;
  padding: 1px 4px;
  font-size: 9px;
  line-height: 1;
  border-radius:2px;
  width:120px;
  display:inline;
}


.editable {
  float:left;
  margin-right:2px;
  border:1px #ddd solid;
  padding:1px;
  line-height: 1.5;
  border-radius:2px;
}


.ace_autocomplete {
  width: 270px;
  z-index: 200000;
  background: #666;
  color: #eee;
  border: 0 lightgray solid;
  position: fixed;
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  line-height: 1.4;
}





@-webkit-keyframes bounce {
	0% {
		-webkit-transform:translateY(-100%);
	}
	5% {
		-webkit-transform:translateY(-100%);
	}
	15% {
		-webkit-transform:translateY(0);
		padding: 4px auto;
	}
	20% {
		-webkit-transform:translateY(-80%);
	}
	25% {
		-webkit-transform:translateY(0%);
		padding: 4px auto;
	}
	30% {
		-webkit-transform:translateY(-70%);
	}
	35% {
		-webkit-transform:translateY(0%);
		padding: 5px auto;
	}
	40% {
		-webkit-transform:translateY(-60%);
	}
	45% {
		-webkit-transform:translateY(0%);
		padding: 5px auto;
	}
	50% {
		-webkit-transform:translateY(-50%);
	}
	55% {
		-webkit-transform:translateY(0%);
		padding: 6px auto;
	}
	60% {
		-webkit-transform:translateY(-30%);
	}
	65% {
		-webkit-transform:translateY(0%);
		padding: 6px auto;
	}
	70% {
		-webkit-transform:translateY(-15%);
	}
	75% {
		-webkit-transform:translateY(0);
		padding: 8px auto;
	}
	80% {
		-webkit-transform:translateY(-10%);
	}
	85% {
		-webkit-transform:translateY(0);
		padding: 8px auto;
	}
	90% {
		-webkit-transform:translateY(-5%);
	}
	95% {
		-webkit-transform:translateY(0);
		padding: 10px;
	}
	100% {
		-webkit-transform:translateY(0);
		padding: 10px;
	}
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
	-moz-transform:translateY(-100%);
    opacity: 0;
  }
  5% {
  	-moz-transform:translateY(-100%);
    opacity: 0;
  }
  15% {
  	-moz-transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
  	-moz-transform:translateY(-50%);
  }
  40% {
  	-moz-transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
  	-moz-transform:translateY(-30%);
  }
  70% {
  	-moz-transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
  	-moz-transform:translateY(-15%);
  }
  90% {
  	-moz-transform:translateY(0%);
  	padding-bottom: 8px;
  }
  95% {
  	-moz-transform:translateY(-10%);
  }
  97% {
  	-moz-transform:translateY(0%);
  	padding-bottom: 9px;
  }
  99% {
  	-moz-transform:translateY(-5%);
  }
  100% {
  	-moz-transform:translateY(0);
  	padding-bottom: 9px;
    opacity: 1;
  }
}

/* Opera 12.0 */
@-o-keyframes bounce {
  0% {
	-o-transform:translateY(-100%);
    opacity: 0;
  }
  5% {
  	-o-transform:translateY(-100%);
    opacity: 0;
  }
  15% {
  	-o-transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
  	-o-transform:translateY(-50%);
  }
  40% {
  	-o-transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
  	-o-transform:translateY(-30%);
  }
  70% {
  	-o-transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
  	-o-transform:translateY(-15%);
  }
  90% {
  	-o-transform:translateY(0%);
  	padding-bottom: 8px;
  }
  95% {
  	-o-transform:translateY(-10%);
  }
  97% {
  	-o-transform:translateY(0%);
  	padding-bottom: 9px;
  }
  99% {
  	-o-transform:translateY(-5%);
  }
  100% {
  	-o-transform:translateY(0);
  	padding-bottom: 9px;
    opacity: 1;
  }
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
  0% {
	transform:translateY(-100%);
    opacity: 0;
  }
  5% {
  	transform:translateY(-100%);
    opacity: 0;
  }
  15% {
  	transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
  	transform:translateY(-50%);
  }
  40% {
  	transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
  	transform:translateY(-30%);
  }
  70% {
  	transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
  	transform:translateY(-15%);
  }
  90% {
  	transform:translateY(0%);
  	padding-bottom: 8px;
  }
  95% {
  	transform:translateY(-7%);
  }
  97% {
  	transform:translateY(0%);
  	padding-bottom: 9px;
  }
  99% {
  	transform:translateY(-3%);
  }
  100% {
  	transform:translateY(0);
  	padding-bottom: 9px;
    opacity: 1;
  }
}
.closePrd{
	display: inline-block;


  height: 40px;
  line-height: 40px;
  padding: 0 23px;
  color: #fff;
  background-color:red;
  text-shadow: 1px 1px 1px #444;
  font-weight: bold;
  font-size: 1.1em;
  text-indent: -6px;
  position: absolute;
  right:60px;
  margin-top:-10px;
  -moz-transform-origin: 88% 10%;
  -ms-transform-origin: 88% 10%;
  -webkit-transform-origin: 88% 10%;
  transform-origin: 88% 10%;
	}
 
.price-tag {
  display: inline-block;

  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  color: #fff;
  background-color: #299a0b;
  text-shadow: 1px 1px 1px #444;
  font-weight: bold;
  font-size: 1.1em;
  text-indent: -6px;
  position: absolute;
  right:110px;
  margin-top:-10px;
  -moz-transform-origin: 88% 10%;
  -ms-transform-origin: 88% 10%;
  -webkit-transform-origin: 88% 10%;
  transform-origin: 88% 10%;

}
.price-tag::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #299a0b;
}
.price-tag::after {
  content: "";
  position: absolute;
  top: 10%;
  left: 88%;
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
  background-color: #299a0b;
  box-shadow: inset -1px 1px 0 #8e8e8e;
}