/* Jet Cache: catalog/view/theme/newstore/stylesheet/csseditor.css */
body{background-image: url("");}body{background-image: url("");}.product-name-modules,.product-grid .product-name-category{text-align:left}.container-modules .rating,.product-grid .product-block .rating{text-align:left}.product-thumb .price,.product-grid .price{text-align:left}.product-thumb .model-product{text-align:left}.button-group-modules,.product-grid .button-group-category{text-align:left}.btn-general{background-color:#3cb868}.btn-theme2-general{background-color:#3cb868;background-image:linear-gradient(to bottom, #3cb868, #3cb868)}.btn-general:hover{background-color:#4ae53b} .btn-theme2-general:hover, .btn-theme2-general:active, .btn-theme2-general.active, .btn-theme2-general.disabled, .btn-theme2-general[disabled] {box-shadow:none;background-color: #4ae53b;background-image: linear-gradient(to bottom, #4ae53b, #4ae53b);}
/* Jet Cache: catalog/view/theme/newstore/stylesheet/sticker_on_off_hover.css */
.product-thumb:hover .sticker_special, .product-block:hover .sticker_special , .thumbnails:hover .sticker_special{
	opacity:0;
	transition: opacity 0.2s;
}
.product-thumb:hover .sticker_newproduct , .product-block:hover .sticker_newproduct, .thumbnails:hover .sticker_newproduct{
	opacity:0;
	transition: opacity 0.2s;
}
.product-thumb:hover .sticker_popular , .product-block:hover .sticker_popular, .thumbnails:hover .sticker_popular{
	opacity:0;
	transition: opacity 0.2s;
}
.product-thumb:hover .sticker_bestsellers , .product-block:hover .sticker_bestsellers, .thumbnails:hover .sticker_bestsellers{
	opacity:0;
	transition: opacity 0.2s;
}
.product-thumb:hover .sticker_manual , .product-block:hover .sticker_manual, .thumbnails:hover .sticker_manual{
	opacity:0;
	transition: opacity 0.2s;
}
/* Jet Cache: catalog/view/javascript/jquery/owl-carousel/owl.carousel.css */
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}


.carousel-container .owl-buttons div {
  position: absolute;
} 
.carousel-container .owl-buttons .owl-prev{
  left: 10px;
  top: 50%; 
}
 
.carousel-container .owl-buttons .owl-next{
  right: 10px;
  top: 50%;
}
.carousel-container .owl-buttons div {
	opacity: 0; 
	color: rgba(0,0,0,0.8);
	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
	transition: all .3s ease;
}
.carousel-container:hover .owl-buttons div {
	opacity: 0.7;
}
.carousel-container .owl-buttons div i {
	font-size: 40px;
	margin: -20px 0 0;
}

.carousel-container  .owl-buttons .owl-prev {
	left: -50px;  
}
.carousel-container .owl-buttons .owl-next {
	right: -50px; 
}
.carousel-container:hover .owl-buttons .owl-prev {
	left: 10px; 
}
.carousel-container:hover .owl-buttons .owl-next {
	right: 10px; 
}


.slideshow-mod .owl-buttons div {
  position: absolute;
} 
.slideshow-mod .owl-buttons .owl-prev{
  left: 10px;
  top: 50%; 
}
 
.slideshow-mod .owl-buttons .owl-next{
  right: 10px;
  top: 50%;
}
.slideshow-mod .owl-buttons div {
	opacity: 0; 
	color: rgba(0,0,0,0.8);
	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
	transition: all .3s ease;
}
.slideshow-mod:hover .owl-buttons div {
	opacity: 0.7;
}
.slideshow-mod .owl-buttons div i {
	font-size: 40px;
	margin: -20px 0 0;
}

.slideshow-mod  .owl-buttons .owl-prev {
	left: -50px;  
}
.slideshow-mod .owl-buttons .owl-next {
	right: -50px; 
}
.slideshow-mod:hover .owl-buttons .owl-prev {
	left: 10px; 
}
.slideshow-mod:hover .owl-buttons .owl-next {
	right: 10px; 
}
/*-----MODULES-----*/

.container-modules .owl-buttons i {
	font-weight:bold;
	font-size:14px;
}
.container-modules .owl-buttons .owl-prev {
	right:53px
}

.container-modules .owl-buttons .owl-prev:hover i{	
	color:#fff;
}
.container-modules .owl-buttons .owl-next  {
	right:29px
}

.container-modules .owl-buttons .owl-next:hover i {
	color:#fff;
}
/*---------*/


.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(https://mobioptom.com/catalog/view/javascript/jquery/owl-carousel/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* OpenCart Code */
.owl-carousel {
	margin: 0 0 10px; 
	background: #fff; 
	position: relative;
	direction: ltr !important;
}
.owl-pagination {
	text-align: center;
	top: 40px;
	position: relative;
}
.owl-controls .owl-page {
	display: inline-block;
	margin: 0px 6px;
}
.owl-controls .owl-page span {
	display: block;
	width: 11px;
	height: 11px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);	
}
.owl-controls .owl-page.active span {
	background: rgba(0, 0, 0, 0.9);
}


/* Jet Cache: catalog/view/theme/default/stylesheet/jetcache.css */
#jetcache-informer {
	font-size: 12px;
}
.sc-flex-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.sc-flex-container-left {
	background-color: #16a9de;
	color: #fff;
	justify-content: flex-start;
	align-items: flex-start;
	text-align: left;
}
.sc-flex-container-right {
	color: #129856;
	background-color: #125689;
	justify-content: flex-start;
	align-items: flex-start;
	text-align: right;
}
.sc-jetcache-heading a {
	font-size: 1.2em;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #fff;
	text-decoration: none;
}
.sc-jetcache-bottom-heading {
    background-color: #16a9de;
    color: #fff;
    overflow: hidden;
    z-index: 10000;
    bottom: 0;
    width: 100%;
    position: fixed;
    text-align: center;
    padding-left: 2px;
    padding-right: 10px;
}
a.jetcache-button-buy, a.jetcache-button-buy:visited, a.jetcache-button-buy:focus {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #21bef2;
    color: #fff;
    padding: 2px 8px;
    border: 1px solid #fff;
    text-decoration: none;
    font-size: 1em;
}
a.jetcache-button-buy:hover {
    color: #21bef2;
    background-color: #fff;
}
#round_cache_all {
	display: none;
}
/* Jet Cache: system/cache/seocms.css */
/* css file module SEO CMS */

.seocmspro_content {
	word-wrap: break-word;
}
.cmswidget {
	word-wrap: break-word;
}
.seocmspro_content img {
    max-width: 100%;
    height: auto;
}
.cmswidget .box-ul ul, .blog-list ul {
    list-style: none;
    margin: 0;
}



.blog-ins_rating {
    color: #555;
    font-size: 110%;
    margin-left: -5px;
}
.blog-record-description {
    font-size: 110%;
    font-weight: normal;
}
#content ins, .sc-modal-ins ins {
    text-decoration: none;
}
a.hrefajax {
    /*
 text-decoration: none;
 border-bottom:1px dashed;
 */
}
.hrefajax {
    /*
 text-decoration: none;
 border-bottom:1px dashed;
 */
    /* color: #4DA1D6; */
}
.asc_displaynone {
	display: none;
}
.marginright2 {
	margin-right: 2px;
}
.marginbottom2 {
	margin-bottom: 2px;
}

.fontsize_15 {
    font-size: 120%;
}
.textdecoration_none {
    text-decoration: none;
}
.textdecoration_none a {
    text-decoration: none;
}
a.textdecoration_none {
    text-decoration: none;
}
a .textdecoration_none {
    text-decoration: none;
}
a.seocms_further {
    text-decoration: none;
    float: right;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 0.8em;
    font-weight: normal;

}
a:link span.textdecoration_none,
a:visited span.textdecoration_none,
a:active span.textdecoration_none,
a:hover span.textdecoration_none {
    text-decoration: none;
}
.lowercase {
    text-transform: lowercase;
}

a.blog-title {
    word-spacing: 1px;
    letter-spacing: 0px;
}
.blog-description {
    font-size: 110%;
    line-height: 120%;
}

.blog-author {
    font-size: 100%;
    color: #777;
    font-style: italic;
}




/*  ---------------------------------------   Added ver. 4.12 -------------------------------------- */

.margintop2 {
    margin-top: 2px;
}
.margintop4 {
    margin-top: 4px;
}
.margintop5 {
    margin-top: 5px;
}
.margintop10 {
    margin-top: 10px;
}
.marginbottom5 {
    margin-bottom: 5px;
}
.marginbottom10 {
    margin-bottom: 10px;
}
.marginleft10 {
    margin-left: 10px;
}

.marginright5 {
    margin-right: 5px;
}
.marginleft5 {
    margin-left: 5px;
}
.marginright100 {
    margin-right: 100%;
}

.width100 {
    width: 100%;
}
.width50 {
    width: 50%;
}
.width90 {
    width: 90%;
}
.width80 {
    width: 80%;
}
.width70 {
    width: 70%;
}
.width60 {
    width: 60%;
}
.width40 {
    width: 40%;
}
.width30 {
    width: 30%;
}
.width20 {
    width: 20%;
}
.width10 {
    width: 10%;
}
.height30px {
    height: 30px;
}
.width95px {
    width: 95px;
}
.paddingtop5px {
    padding-top: 5px;
}
.lineheight1 {
    line-height: 1px;
}
.overflowhidden {
    overflow: hidden;
}
.bordernone {
    border: none;
}
.record_description {
    font-size: 110%;
}
.floatleft {
    float: left;
}
.floatnone {
    float: none;
}
.padding10 {
    padding: 10px;
}
.padding2 {
    padding: 2px;
}
.floatright {
    float: right;
}

.color_entry_name {
    color: #777;
}
.color_bad {
    color: red;
}
.color_good {
    color: green;
}
.field_title {
    font-size: 90%;
    /* font-weight: bold; */
}
.field_text {
    font-size: 90%;
}
input[type="text"],
input[type="password"],
textarea {
    /* background: none repeat scroll 0 0;*/
    /* border: 1px solid #CCCCCC;*/
    /* padding: 3px;*/
}
input[name=rating] {
    /*background: #FFF;*/
}
.text_note {
    font-size: 85%;
    opacity: 0.50;
}

.bubble a {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-size: 85%;
    line-height: 1;
    padding: 3px 7px;
    text-decoration: none;
}
.mbubble {
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid black;
    border-right: 10px solid transparent;
    margin-top: 2px;
    margin-left: 5px;
}


.sc-form-control {
    width: auto;
}
.sc-clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


.align_center {
    vertical-align: center;
    text-align: center;
}

.sc-cbtn {
    margin-right: 1px;
    margin-top: 2px;
    width: 23px;
    padding: 0px 5px 0px 5px;
}

.comment_buttons {
    /* color: #4DA1D6;
 border-bottom: 1px dashed #4DA1D6; */

    text-decoration: none;
    margin-right: 5px;
}
.comment_content {

    padding: 0px;
}

.comment_block {
	border-bottom: 1px solid #EEEEEE;
}

.com_date_added {
    color: #555;
    font-size: 85%;
    margin-bottom: 5px;
}
.com_text {
    font-size: 110%;
    line-height: 130%;
}
.height1 {
    height: 1px;
}
.displayinline {
    display: inline;
}
.color_000 {
    color: #000;
}
.color_AAA {
    color: #AAA;
}
.voting .karma_plus {
    width: 11px;
    height: 15px;
    display: block;
    float: right;
    margin-top: 2px;
    margin-left: 7px;
}
.voting .karma_minus {
    width: 11px;
    height: 15px;
    display: block;
    float: right;
    margin-top: 2px;
    margin-left: 2px
}

.voting .mark {
    float: right;
    color: #A9A9A9;

    padding-top: 1px;
    font-size: 110%;

}
.voting .mark span {
    color: #A9A9A9;
}
.voting .mark a {
    text-decoration: none;
    color: #A9A9A9;
}
/* общий бал выше нуля */

.voting .mark.positive span {
    color: #339900;
}
/* общий балл - ниже нуля */

.voting .mark.negative span {
    color: #CC0000;
}
.level_0 {
    margin-left: 0px;
}
.level_1 {

    margin-left: 10%;
}
.level_2 {

    margin-left: 10%;
}
.level_3 {

    margin-left: 10%;
}
.level_4 {

    margin-left: 10%;
}
.level_5 {

    margin-left: 10%;
}
.level_6 {
    margin-left: 5%;
}
.level_7 {
    margin-left: 5%;
}
.level_8 {
    margin-left: 5%;
}
.level_9 {
    margin-left: 5%;
}
.level_10 {
    margin-left: 5%;
}
.level_11 {
    margin-left: 5%;
}
.level_12 {
    margin-left: 5%;
}
.level_13 {
    margin-left: 5%;
}
.level_14 {
    margin-left: 5%;
}
.level_15 {
    margin-left: 5%;
}
.level_16 {
    margin-left: 5%;
}
.level_17 {
    margin-left: 72%;
}
.level_18 {
    margin-left: 74%;
}
.level_19 {
    margin-left: 76%;
}
.level_20 {
    margin-left: 78%;
}
.padding_0 {
    padding-left: 0px;
}
.padding_1 {
    padding-left: 10px;
}
.padding_2 {
    padding-left: 20px;
}
.padding_3 {
    padding-left: 30px;
}
.padding_4 {
    padding-left: 40px;
}
.padding_5 {
    padding-left: 50px;
}
.padding_6 {
    padding-left: 60px;
}
.padding_7 {
    padding-left: 70px;
}
.padding_8 {
    padding-left: 80px;
}
.padding_9 {
    padding-left: 90px;
}
.padding_10 {
    padding-left: 100px;
}
.padding_11 {
    padding-left: 110px;
}
.padding_12 {
    padding-left: 120px;
}
.padding_13 {
    padding-left: 125px;
}
.padding_14 {
    padding-left: 130px;
}
.padding_15 {
    padding-left: 135px;
}
.padding_16 {
    padding-left: 140px;
}
.padding_17 {
    padding-left: 145px;
}
.padding_18 {
    padding-left: 150px;
}
.padding_19 {
    padding-left: 155px;
}
.padding_20 {
    padding-left: 150px;
}
.blogdescription {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
/* set html5 elements to block */

article,
section {
    display: block;
}


#reply_0 {
    border-bottom: 1px dashed;
    text-decoration: none;
}
.clearboth {
    /* clear: both; */
}

.clearboth, .clearboth::before, .clearboth::after {
    box-sizing: border-box;
}
.clearboth::after {
    clear: both;
}

/* added ver. 5.00 */

.form_customer,
.form_customer_signer {
    background-color: #c8edc0;
    padding: 10px;
    border: 1px solid #6ebe5f;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: 0px 5px 5px #DDDDDD;
    -moz-box-shadow: 0px 5px 5px #DDDDDD;
    box-shadow: 0px 5px 5px #DDDDDD;
    z-index: 11000;
}
.form_customer_content {
    padding: 15px;
    border: 2px solid #FFF;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    z-index: 11000;
    overflow: auto;
}
.zindex11000 {
    z-index: 11000;
}
.textright {
    text-align: right;
}
.textleft {
    text-align: left;
}
.text_write_review {
    font-size: 130%;
}
#ctrlcopy {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    display: none;
    margin: 5px 0 0 -1px;
    line-height: 0;
    opacity: 0;
}
.seocmspro_content .quote,
.seocmspro_content .blockquote,
.cmswidget .quote,
.cmswidget .blockquote {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #E0E0E0;
    background-color: #F1F1F1;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 3px;
    margin-left: 30px;
    padding: 15px;
}
.voted {
    display: none;
}
/* add 5.5.0 */

.blog_require {
    color: red;
    font-weight: bold;
}




.record_columns,
.record_columns_center {
    /* display: table; */

    width: auto;
    -moz-box-sizing: border-box;
    /* фикс проблемы для Firefox       */

    -webkit-box-sizing: border-box;
    /* фикс для старых Chrome и Safari */

    box-sizing: border-box;
    /* не поддерживается в CSS2        */

    margin: 0;
    /*  text-align: center; */
}
.record_columns_center {
    text-align: center;
}
/* колонки */

.record_columns > div,
.record_columns_center > div,
.record_columns > noindex > div,
.record_columns_center > noindex > div {
    display: inline-block;
    vertical-align: top;
    min-width: 10%;
    width: auto;
    vertical-align: top;
    /* text-align: left; */
    /* margin-right: 3px;
            margin-bottom: 3px; */

    position: relative;
    -moz-box-sizing: border-box;
    /* фикс проблемы для Firefox       */

    -webkit-box-sizing: border-box;
    /* фикс для старых Chrome и Safari */

    box-sizing: border-box;
    /* background-color: #FFF; */
    /* border-right: 1px solid #DDD; */
}
.record_columns > div,
.record_columns_center > div {} @media screen and (max-width: 600px) {
    .record_columns > div,
    .record_columns_center > div {
        min-width: 100%;
    }
}
.record_columns h2 {
    margin-top: 5px;
}
.width300px {
    width: 300px;
}
.borderleft3pxred {
    border-left: 3px solid red;
    border-top: 1px solid #BBB;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.text_karma {
    font-weight: normal;
    font-size: 100%;
    color: #777;
}
.comment_yes {
    font-weight: normal;
    font-size: 15px;
    color: green;
    margin-left: 3px;
    border-bottom: 1px dashed;
    text-decoration: none;
}
.comment_no {
    font-weight: normal;
    font-size: 15px;
    color: red;
    margin-left: 3px;
    border-bottom: 1px dashed;
    text-decoration: none;
}
.voted_comment_minus,
.voted_comment_plus {
    color: #777;
}
.comments_stat {
    font-weight: normal;
    font-size: 110%;
    color: #777;
    margin-left: 5px;
}
.marginright20per {
    margin-right: 20%;
}
.marginright90px {
    margin-right: 90px;
}
.textalignright {
    text-align: right;
}
.textalignleft {
    text-align: left;
}
.textcatbutton {
    text-align: right;
    width: auto;
}

.no-public {
    font-weight: normal;
    color: #7F7F7F;
}

.paddingright100 {
    padding-right: 100%;
}
.sc_after100 {} .sc_after100:after {
    content: " ";
    clear: both;
    width: 100%;
    visibility: hidden;
    display: inline-block;
    height: 0;
}
.form_reply {
    display: block;
}
.seocmspro_avatar {
    float: left;
    margin-right: 9px;
}
.seocmspro_author {
    float: left;
}
.seocmspro_karma {
    float: right;
}
.seocmspro_buy {
    color: #777;
    font-size: 85%;
}
.blog-heading_title-n {} .blog-category-list {
    min-width: 160px;
    max-width: 32%;
    text-align: center;
    margin-bottom: 5px;
}
#cboxContent .record-content {
    padding: 10px;
}
.seocmspro_content .nav-tabs {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}
.seocmspro_content .tab-content > .tab-content {
    border: none;
    padding: 0;
    margin: 0;
}
.seocmspro_content .box-product {
    margin-top: 5px;
}
.seocmspro_content .ascp_row {
    margin-right: 0;
}
.seocmspro_content a {
    cursor: pointer;
}
.ascp_captcha_title {
    font-size: 85%;
    color: #aaa;
}
.ascp_entry_captcha {
    font-size: 85%;
    color: #ccc;
}
.divider100 {
    content: ' ';
    height: 1px;
    line-height: 1px;
    overflow: hidden;
    border: none;
    width: 100%;
}

.divider100:before {

}

.divider100:after {

}


.borderbottom2 {
    margin-bottom: 2px;
    border-bottom: 1px solid #ddd;
}

.textalignright {
    text-align: right;
}
ul.ascp_horizont {
    list-style: outside none none;
    margin: 0px;
    padding-left: 0px;
    top: 0;
    vertical-align: top;
}
ul.ascp_horizont li {
    display: inline-block;
    top: 0;
    vertical-align: top;
}


ul.ul50 {
    width: 50%;
    float: left;
}
ul.ul55 {
    /* width: 55%; */

    float: left;
}
ul.ul45 {
    /* width: 45%; */

    float: right;
}
ul.ul40 {
    width: 40%;
    float: left;
}

.hrefajax {
    cursor: pointer;
}
.avatar-content .help {
    color: #999;
    display: block;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 75%;
    font-weight: normal;
}
.fontsize1em {
    font-size: 1.6em;
}
.blog_bottom {
    clear: both;
    overflow: hidden;
    width: 100%;
}
.blog-textarea_height {
    height: 150px;
}
.rating-cancel {
    display: none;
}
@media screen and (max-width: 700px) {
    .wysibb,
    .wysibb-toolbar,
    .ascp_bbode,
    .wysibb-text,
    .wysibb-text-editor,
    .wysibb-body {
        min-height: 330px;
    }
    .rating-cancel {
        display: none;
    }
}
/* patch for bootstrap */

.wysibb-toolbar-btn {
    max-width: 100%;
    height: auto;
}
.powered_blog_icon {
    display: none;
}
.ascp_select_search {
    width: 100%;
}


.seocmspro_content ins,
.cmswidget ins {
    text-decoration: none;
}
.container_reviews .quote,
.cmswidget .quote {
    border-left: 3px solid #AFAFAF;
    background-color: #EFEFEF;
    padding: 10px;
    margin-left: 10px;
}
.asc_gallery_min {
    position: relative;
}
.asc_gallery_more {
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0;
    font-weight: normal;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.asc_gallery_more > div {
    display: table;
    height: 100%;
    width: 100%;
}
.asc_gallery_more > div > div {
    color: #fff;
    font-size: 16px;
    /* font-weight: bold; */
    text-shadow: 1px 1px 5px black;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.seocmspro_content #tab-product-related, .seocmspro_content #tab-images {
	overflow: auto;
}

.seocmspro_content  ul#tabs  li  {
	display: inline;
}

.seocmspro_content  #tab-product-related > .box-product  > div {
	float: left;
}

.sc_h_s {
	display: none;
}

.container_reviews .mark {
	background-color: inherit;
}

[data-sc-tooltip] {
    cursor: pointer;
    overflow: visible;
    position: relative;
    /* white-space: nowrap; */
    z-index: 2;

}
[data-sc-tooltip]::before, [data-sc-tooltip]::after {
    margin-bottom: -6px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease-in-out 0s, visibility 200ms ease-in-out 0s, margin-bottom 200ms ease-in-out 0s;
    visibility: hidden;
}
[data-sc-tooltip]::before {
    background-color: rgba(30, 30, 30, 0.6);
    bottom: 50px;
    color: #FFF;
    content: attr(data-sc-tooltip);
    font-weight: 300;
    left: 50%;
    padding: 10px 12px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
}
.sc_pn_icon[data-sc-tooltip]:first-child::before {
    transform: translateX(-19px);
}
.sc_pn_icon.add_to_cart[data-sc-tooltip]::before {
    left: auto;
    right: 50%;
    transform: translateX(19px);
}
[data-sc-tooltip]::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid rgba(30, 30, 30, 0.6);
    bottom: 46px;
    content: " ";
    font-size: 0;
    left: 50%;
    line-height: 0;
    margin-left: -5px;
    position: absolute;
    width: 0;
}
[data-sc-tooltip]:hover::before, [data-sc-tooltip]:hover::after {
    margin-bottom: 0;
    opacity: 1;
    transition: opacity 200ms ease-in-out 0s, margin-bottom 200ms ease-in-out 0s;
    visibility: visible;
}

.blog-next-prev a {
    display: inline-block;
    text-align: center;
}
.blog-next-prev [data-sc-tooltip]::before {
    bottom: 40px;
}
.blog-next-prev [data-sc-tooltip]::after {
    bottom: 36px;
}

.positionabsolute {
	position: absolute;
	z-index: 100000;
}

.sc-padding20 {
	padding: 20px;
}

.sc-padding10 {
	padding: 10px;
}

.paddingleft10 {
	padding-left: 10px;
}

.paddingleft20 {
	padding-left: 20px;
}

.blogs-widget-display-none {
	display: none;
}

.first100 {
	min-width: 100% !important;
	width: 100% !important;
}

.button-comment {
	margin-top: 4px;
}

.modesw {
	font-weight: normal !important;
	width: 60px !important;
	padding: 0px !important;
}

.bbimage {
	min-width: 50px;
}

.seocmspro_content .form-control, .cmswidget .form-control {
	width: auto;
}

.sc-align-right {
	text-align: right;
}

.sc-align-left {
	text-align: left;
}

.sc-float-right select {
	float: right;
}
.sc-float-left select {
	float: left;
}

.sc-blog_result {
	white-space: nowrap;
}

.sc-widget-image-block {
	margin-right: 2px;
	margin-bottom: 2px;
}

.blog-image {
    max-width: 100%;
    float: left;
}
.blog-image-thumb {
    max-width: 100%;
    float: left;
}

.sc-width-max-100 {
	max-width: 100%;
}

.sc-widget-reviews-img-text {

}

.sc-img-rss, .sc-img-stars {
	border: none;
	font-size: 2em;
	color: orange;
}

.seocms-input-search {
	width: 100% !important;
}

.seocms-category-search {
	margin-top: 4px;
}

.sc-widget-image, .record_thumb {
	margin-right: 4px;
	margin-bottom: 2px;
}

.sc_hide {
	display: none;
}

#cboxContent ins {
	text-decoration: none;
}

.captcha_fun {
    height: 30px;
    width: 95px !important;
    font-size: 150% !important;
}

input[type="text"].captchainput {
    border: 1px solid #CCC;
}
input[name="captcha"] {
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0;
}
.captcha_title {
    color: #555;
    font-size: 100%;
    line-height: 120%;
}
.entry_captcha {
    color: #999;
    font-size: 100%;
}

.captcha_img {
    height: 30px;
    vertical-align: top;
    width: 95px;
}


.captcha_left {
    margin-top: 2px;
    margin-left: 93px;
}
/*  */
button.close { 	display: none; }
/*  */

.record-grid a {
	text-decoration: none;
}
.blog-small-record img {
    vertical-align: top;
}
.blog-small-record {
    padding-left: 0px;
    height: 20px;
}
.blog-small-record li {
    float: left;
    padding: 0 15px 0 0;
}

.blog-small-record ul li {
    left: 0;
    list-style: none outside none;
}
.blog-small-record ul {
    padding: 0;
    margin: 0;
}

.blog-small-record li:first-child {
	margin-left: 0;
	left: 0;
	padding-left: 0;
}


a #ascp_list:after {
    content: '\f00b\0020';
    font-family: FontAwesome;
}

a #ascp_grid:after {
    content: '\f00a\0020';
    font-family: FontAwesome;

}

#ascp_list, #ascp_grid {
	color: #aaa;

	font-weight: normal;
	font-size: 1.5em;
}

a:hover #ascp_list, a:hover #ascp_grid, #ascp_list.ascp_list_active, #ascp_grid.ascp_grid_active  {
    color: #555;
}

ul.ascp_list_info li {
    width: auto;
    max-width: 100%;
    margin-right: 8px;
}

ul.ascp_list_info li:first-child {
	margin-left: 0;
	left: 0;
	padding-left: 0;
}

.blog-data-record {
    color: #aaa;
}
.blog-data-record:before {
    content: '\f017\0020';
    font-family: FontAwesome;
    font-size: 1.1em;
}

.blog-comments-record {
    color: #aaa;
}

.blog-comments-record:before {
    content: '\f0e5\0020';
    font-family: FontAwesome;
    font-size: 1.1em;
}


.blog-comments-karma {
    color: #aaa;
}

.blog-comments-karma:before {
    content: '\f087\0020';
    font-family: FontAwesome;
    font-size: 1.1em;
}


.blog-viewed-record {
    color: #aaa;
}

.blog-viewed-record:before {
    content: '\f06e\0020';
    font-family: FontAwesome;
    font-size: 1.1em;
}

.blog-category-record {
    color: #aaa;
}

.blog-category-record:before {
    content: '\f114\0020';
    font-family: FontAwesome;
    font-size: 1.1em;
}

.blog-author-record {
    color: #aaa;
}

.blog-author-record:before {
    content: '\f007\0020';
    font-family: FontAwesome;
    font-size: 1.1em;
}

.blog-list-category {
    color: #aaa;
}

.blog-list-category:before {
    content: '\f114\0020';
    font-family: FontAwesome;
    font-size: 1.1em;
}


.blog-list-record {
    color: #aaa;
}

.blog-list-record:before {
    content: '\f016\0020';
    font-family: FontAwesome;
    font-size: 1.1em;
}


.blog-list-manufacturer {
    color: #aaa;
}

.blog-list-manufacturer:before {
    content: '\f11d\0020';
    font-family: FontAwesome;
    font-size: 1.1em;
}


h9.blog-icon {
    height: 16px;
    width: 16px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 90%;
    font-weight: normal;
}

.record_content {
   /*  */
}

.blog-content {
   /*  */
}
.ascp-list-title {
    	/*  */
        /*  */
        font-size: 120%;
        /*  */
        /*  */
        line-height: 140%;
        /*  */
        /*  */
        text-decoration: none;
        /*  */
        /*  */
        font-weight: normal;
        /*  */
}
.ascp-list-title-widget {
    /*  */
    /*  */
    font-size: 110%;
    /*  */
    /*  */
    line-height: 120%;
    /*  */
    /*  */
    text-decoration: none;
    /*  */
    /*  */
    font-weight: normal;
    /*  */
}
/*  *//* css file widget php html SEO CMS *//* css file widget html SEO CMS *//* css file php latest SEO CMS */
.csslatest { }/* css file widget latest SEO CMS */
.blog-heading_title {
    width: 100%;
    height: 31px;
    margin-bottom: 10px;
}
.blog-description {
    font-size: 110%;
    word-spacing: 1px;
    letter-spacing: 0px;
    line-height: 120%;
}

.seocmspro_content #tab-product-related .row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.image-gallery-main {
	text-align: center;
}

.image-gallery-list {
	display: inline-block;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 4px;
}

.record_content .blog-image {
	margin-right: 6px;
}

/* begin compile css treecomments */



#cmswidget-1 .comment-stat  {
	    background: #f6f6f6 none repeat scroll 0 0;
}



#cmswidget-1 .sc-stat-field {
	background-color: #11C1F3;
}

#cmswidget-1 .sc-stat-comments {
    background: #11C1F3 none repeat scroll 0 0;
}

#cmswidget-1 .sc-stat-comments .sc-reviews-stat__corner {
    border-left-color: #11C1F3;
}



#cmswidget-1 .sc-stat-answer {
    background: #9BE9FF none repeat scroll 0 0;
}
#cmswidget-1 .sc-stat-answer .sc-reviews-stat__corner {
    border-left-color: #9BE9FF;
}



#cmswidget-1 .sc-stat-ratings {
    background: #D6F6FF none repeat scroll 0 0;
}
#cmswidget-1 .sc-stat-ratings .sc-reviews-stat__corner {
    border-left-color: #D6F6FF;
}

#cmswidget-1 .sc-stat-good {
    background: #F2FCFF none repeat scroll 0 0;
}
#cmswidget-1 .sc-stat-good .sc-reviews-stat__corner {
    border-left-color: #F2FCFF;
}


#cmswidget-1 .sc-stat-white {
    background: #FFF none repeat scroll 0 0;
}



#cmswidget-1 .bbimage {
    width: 160px;
}








#cmswidget-3 .comment-stat  {
	    background: #f6f6f6 none repeat scroll 0 0;
}



#cmswidget-3 .sc-stat-field {
	background-color: #11C1F3;
}

#cmswidget-3 .sc-stat-comments {
    background: #11C1F3 none repeat scroll 0 0;
}

#cmswidget-3 .sc-stat-comments .sc-reviews-stat__corner {
    border-left-color: #11C1F3;
}



#cmswidget-3 .sc-stat-answer {
    background: #9BE9FF none repeat scroll 0 0;
}
#cmswidget-3 .sc-stat-answer .sc-reviews-stat__corner {
    border-left-color: #9BE9FF;
}



#cmswidget-3 .sc-stat-ratings {
    background: #D6F6FF none repeat scroll 0 0;
}
#cmswidget-3 .sc-stat-ratings .sc-reviews-stat__corner {
    border-left-color: #D6F6FF;
}

#cmswidget-3 .sc-stat-good {
    background: #F2FCFF none repeat scroll 0 0;
}
#cmswidget-3 .sc-stat-good .sc-reviews-stat__corner {
    border-left-color: #F2FCFF;
}


#cmswidget-3 .sc-stat-white {
    background: #FFF none repeat scroll 0 0;
}



#cmswidget-3 .bbimage {
    width: 160px;
}





/* end compile css treecomments *//* begin 	css file widget treecomments SEO CMS */
.comment-stat {
    background: #f6f6f6 none repeat scroll 0 0;
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    overflow: auto;
}
.comment-stat-left {
float: left;
overflow: auto;
display: inline-block;
}

.comment-stat-right {
	overflow: visible;
}


.sc-reviews-stat::after {
    clear: both;
    content: "";
    display: block;
}

.sc-stat-field {
	background-color: #11C1F3;
	color: #fff;
	font-size: 1em;
	/* font-weight: bold; */
	padding: 2px 4px;
}


td.sc-stat-vertical-middle, .sc-stat-vertical-middle {
    vertical-align: middle;
}

.sc-reviews-stat {
    /* background: #fff none repeat scroll 0 0; */
   /*  border-bottom: 1px solid #ddd; */
    display: inline-block;
    vertical-align: top;
}

.sc-stat-text-center {
    text-align: center;
}

.sc-stat-comments .sc-reviews-stat__value {
    color: #fff;
}

.sc-stat-comments .sc-reviews-stat__description {
    color: #fff;
}

.sc-stat-comments {
    background: #11c1f3 none repeat scroll 0 0;
}
.sc-stat-comments .sc-reviews-stat__corner {
    border-left-color: #11c1f3;
}
.sc-stat-white {
    background: #fff none repeat scroll 0 0;
}

.sc-stat-good {
    background: #F2FCFF none repeat scroll 0 0;
}
.sc-stat-good .sc-reviews-stat__corner {
    border-left-color: #F2FCFF;
}
.sc-stat-answer {
    background: #9BE9FF none repeat scroll 0 0;
}
.sc-stat-answer .sc-reviews-stat__corner {
    border-left-color: #9BE9FF;
}

.sc-stat-ratings {
    background: #D6F6FF none repeat scroll 0 0;
}
.sc-stat-ratings .sc-reviews-stat__corner {
    border-left-color: #D6F6FF;
}

.sc-reviews-stat__description {
    display: block;
}
.sc-stat-big .sc-reviews-stat__description {
    margin-top: -3px;
}
.sc-stat-small .sc-reviews-stat__description {
    margin-top: -3px;
    font-size: 11px;
}


.sc-reviews-stat_column {
    float: left;
    position: relative;
}

.sc-stat-white .sc-reviews-stat__value img {
	margin-top: 9px;
}

.sc-stat-small .sc-stat-white .sc-reviews-stat__value img {
    margin-top: 6px;
}


.sc-stat-big .sc-reviews-stat_column {
    padding: 6px 18px;
}
.sc-stat-small .sc-reviews-stat_column {
    padding: 5px 11px;
}

.sc-stat-big .sc-stat-good-desc {
	line-height: 6px;
	height: 6px;
}

.sc-stat-small .sc-stat-good-desc {
	line-height: 8px;
	height: 8px;
}


.sc-reviews-stat__value {
    color: #5a5a5a;
    display: block;
    font-weight: bold;

}

.sc-stat-big .sc-reviews-stat__value {
    font-size: 36px;
    height: 37px;
    line-height: 100%;
}
.sc-stat-small .sc-reviews-stat__value {
    font-size: 18px;
    height: 19px;
    line-height: 100%;
}


.sc-reviews-stat__corner {
    border: 7px solid transparent;
    height: 0;
    left: 100%;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 1;
}

.wysibb-text, .wysibb-text-editor, .wysibb-body, .wysibb-texarea {
	min-height: 100px !important;
}

.rating-cancel {
	width: 0 !important;
	height: 0 !important;
}
.agoo_displaynone {
	display: none;
}

.sc-border-none {
	border: 0px;
}
.bordertopnone {
border-top: 0px solid;
}
/* end		css file widget treecomments SEO CMS */



/* Jet Cache: catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css */
/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .65;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(https://mobioptom.com/catalog/view/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
 * jQuery UI Resizable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.16
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/* Jet Cache: catalog/view/theme/default/stylesheet/fastorder2.css */
.dispnone {
	display:none;
}
.dispnone_bestseller {
	display:none;
}
.dispnone_featured {
	display:none;
}
.dispnone_latest {
	display:none;
}
.dispnone_special {
	display:none;
}
.min_price_message {
	display:none;
	width:97%;
}
.min_price_message_bestseler {
	display:none;
	width:97%;
}
.min_price_message_featured {
	display:none;
	width:97%;
}
.min_price_message_productany {
	display:none;
	width:97%;
}
.min_price_message_latest {
	display:none;
	width:97%;
}
.min_price_message_special {
	display:none;
	width:97%;
}
.fa-icons {
  float: left;
}
.fa-text {
  float: left;
  font-size: 16px;
}
.btn.btn-default.button-fast.click_fastorder {
  border-right: 0 none;
}
.fastorder_center {
	text-align:center;
}


.veralg {
	vertical-align:middle !important;
	padding-right: 3px;
}
button.contact-button{
	background: #09f;
	border-radius: 3px;
	border:none;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	height: 38px;
	line-height: 30px;
	margin: 0;
	padding: 3px 5px;
	text-align: center;
	cursor:pointer;
} 
.fastorder_left_image {
	display: inline-block;
	text-align: right;
	float:left;
	padding-top:50px;
}
.fastorder_left_image img {
	max-height:250px;
}
.title_fastorder {
	text-align:left;
	padding:5px 15px;
}
.text-you-order {	
	font-size:16px;
	font-weight:500;
}
.fastorder_left_image {
	padding-left:25px;
}
.product_image_fastorder {
	text-align:center;
	
}
.product_name_fastorder {
	text-align:center;
	font-size:16px;
	font-weight:500;
}
.price-quantity-fastorder {
	text-align:center;
}
.price-quantity-fastorder .price_fast{
	font-size:16px;
	font-weight:500;
	background:#f1f1f1;
	border:1px solid #d9d9d9;
	padding:5px;
	margin-top:3px;
	margin-bottom:3px;
	display:inline-block;
	vertical-align: middle;
}
.price-quantity-fastorder .special_fast {
	font-size:16px;
	font-weight:500;
	background:#f1f1f1;
	border:1px solid #d9d9d9;
	padding:5px;
	margin-top:3px;
	margin-bottom:3px;
	display:inline-block;
	vertical-align: middle;
}
.price-quantity-fastorder .price-old{
	font-size:16px;
	font-weight:500;
    text-decoration: line-through;
	vertical-align: middle;
	display:inline-block;
}
.price-quantity-fastorder .price-new{
	font-size:16px;
	font-weight:500;
	color: #f00;
	vertical-align: middle;
	display:inline-block;
}
.price-quantity-fastorder .quantity {
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
}
.quantity > input {
	border: 1px solid #d9d9d9;
	text-align: center;
	height:30px;
	float:left
}
.minus_quantity {
  border-right: 0 none !important;
  width: 20px;
}
.plus_quantity {
  border-left: 0 none !important;
  width: 20px;
}
.quantity > input:hover {
	background:#fff;
}

.test_quick_order {
	text-align:left;
	font-size:14px;
	margin:5px;
}
.button-send {
	text-align:center;
}
.eny_text{
	text-align:center;
	font-size:14px;
	margin:5px;
}
.fastorder-success {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  bottom: 0;
  width: 100%;
  z-index:9;
}
.fastorder-content {
  clear: both;
}
.option-fastorder{
	display:block;
}
.option-fastorder .option {
	float: left;
	margin-left: 20px;
	margin-bottom:10px;
}
.option-fastorder h2 {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin:5px 0px;
}


.sections_block, .sections_block_rquaired {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom:10px;
}
textarea.contact_comment_buyer:hover ,
textarea.contact_comment_buyer:focus  {
	border:2px solid #67ca67;
	transition:border 0.3s ease 0s;
}
.sections_block:hover .fa {
	color:#67ca67;
}
input.contact-name:hover ,
input.contact-name:focus ,
input.contact-phone:hover,
input.contact-phone :focus{
	border:2px solid #fc5c3c;
	transition:border 0.3s ease 0s;
}
.sections_block_rquaired:hover .fa {
	color:#fc5c3c;
}
.icon-user::before {
  box-sizing: content-box;
  content: "";
  margin: 0;
  padding: 0;
  transition: color 0.3s ease 0s;
}
.icon-append_1 {
  border-left-style: solid;
  border-left-width: 1px;
  color: #e5e5e5;
  font-family: FontAwesome;
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  height: 23px;
  line-height: 24px;
  padding-left: 3px;
  position: absolute;
  right: 6px;
  text-align: center;
  top: 6px;
  width: 23px;
}
input.contact-name {
  background: #fff none repeat scroll 0 0 !important;
  border: 2px solid #e5e5e5;
  box-sizing: border-box;
  color: #666;
  display: block;
  font-family: Tahoma,Arial;
  font-style: normal;
  outline: medium none;
  padding: 6px 10px !important;
  transition: border-color 0.3s ease 0s;
  width: 100% !important;
  cursor:text;
}
input.contact-phone {
  background: #fff none repeat scroll 0 0 !important;
  border: 2px solid #e5e5e5;
  box-sizing: border-box;
  color: #666;
  display: block;
  font-family: Tahoma,Arial;
  font-style: normal;
  outline: medium none;
  padding: 6px 10px !important;
  transition: border-color 0.3s ease 0s;
  width: 100% !important;
  cursor:text;
}

textarea.contact_comment_buyer {
  background: #fff none repeat scroll 0 0 !important;
  border: 2px solid #e5e5e5;
  box-sizing: border-box;
  color: #666;
  display: block;
  font-family: Tahoma,Arial;
  font-style: normal;
  height: 50px;
  outline: medium none;
  padding: 6px 10px !important;
  resize: none;
  transition: border-color 0.3s ease 0s;
  width: 100% !important;
}
#error_name {
  background: #fff none repeat scroll 0 0;
  left: 12px;
  line-height: 32px;
  position: absolute;
  top: 2px;
}
#error_phone {
  background: #fff none repeat scroll 0 0;
  left: 12px;
  line-height: 32px;
  position: absolute;
  top: 2px;
}
.options {
  max-width: 450px;
}
/*------------------------------------------*/
/* Jet Cache: catalog/view/theme/default/stylesheet/tooltip/tooltipster.css */
html {
	 -webkit-font-smoothing: antialiased;
}


/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -8px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -8px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
/* Jet Cache: catalog/view/theme/default/stylesheet/tooltip/tooltipster-punk.css */
.tooltipster-punk {
	border-radius: 5px; 
	border-bottom: 3px solid #23A4EF;
	background: #2a2a2a;
	color: #fff;
}
.tooltipster-punk .tooltipster-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 8px 10px;
}

.name-tooltip {
	font-weight:bold;
	text-align:center;
	font-size: 22px;
}

.price-old{
	color: #F00;
	text-decoration: line-through;
}

.price-new {
	font-weight: bold;
}
/* Jet Cache: catalog/view/theme/default/stylesheet/edit_product.css */
.edit-product-button , .join_product{
	padding:10px;
}
#open-dialog input[type="text"], #open-dialog textarea, #open-dialog select  {
  border: 1px solid #cccccc;
  margin-left: 0;
  margin-right: 0;
  padding: 3px;
  background:#fff;
  margin:3px;
}
#open-dialog table.form {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
#open-dialog table.form tr td:first-child {
	width: 150px;
}
#open-dialog table.form > * > * > td {
	color: #000000;
}
#open-dialog table.form td {
	padding: 4px;
}
#open-dialog input.large-field, select.large-field {
	width: 300px;
}
#open-dialog table.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
#open-dialog table.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
#open-dialog table.list thead td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}
#open-dialog table.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
#open-dialog table.list tbody td {
	padding: 0px 5px;
}
#open-dialog table.list .left {
	text-align: left;
	padding: 7px;
}
#open-dialog table.list .right {
	text-align: right;
	padding: 7px;
}
#open-dialog table.list .center {
	text-align: center;
	padding: 7px;
}
#open-dialog table.radio {
	width: 100%;
	border-collapse: collapse;
}
#open-dialog table.radio td {
	padding: 5px;
}
#open-dialog table.radio td label {
	display: block;
}
#open-dialog table.radio tr td:first-child {
	width: 1px;
}
#open-dialog table.radio tr td:first-child input {
	margin-top: 1px;
}
#open-dialog table.radio tr.highlight:hover td {
	background: #F1FFDD;
	cursor: pointer;
}

#open-dialog .button {
	border: 1px solid #0099FF;
	border-radius: 4px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	font-size: 12px;
	padding: 4.5px 6px;
	background:#0099FF;
	font-size:14px;
	color:#fff;
	
	
}

input.but_edit {
	background: rgba(0, 0, 0, 0) url("https://mobioptom.com/catalog/view/theme/default/image/button.png") repeat-x scroll 0 0;
	border-radius: 3px;
	box-shadow: 0 2px 2px #dddddd;
	color: #ffffff;
	cursor: pointer;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	padding:0px;
	border:0px;
	height:24px;
	
}
input.but_edit:hover {
	background-position:0 -24px;
}
.tilda_model {
	background:red;
	border-radius:4px;
	display:block;
	color:#fff;
	padding:5px;
}
.center_edit_thead {
	background:#fff !important;
	padding:7px !important;
}
.price_visible {
	display:none;
}
.price_visible.active {
	display:table-row;
}

.hidden_bprice {
	display:none;
}

.hidden_bprice.active {
	display:table-cell;
}
.hidden_user {
	display:none;
}
.hidden_user.active {
	display:table;
}
.open_base_price {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/bprice.png') center center no-repeat;
	width:50px;
	height:50px;
	float:left;
	cursor:pointer;
}
.icon_price_edit {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/price_slide.png') center center no-repeat;
	width:50px;
	height:50px;
	float:left;
}
.price_edit_currency {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #22acea;
	color: #000;
	display: inline-block;
	font-weight: bold;
	margin-top: 14px;
	padding: 3px 5px;
}
.price_manual {
	padding:3px 5px;
	background:#fff;
	border:1px solid #22acea;
	color:#D606BD;
	font-weight:bold;
	margin-top: 14px;
	display:inline-block;
}
#doc_time {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #22acea;
  border-radius: 12px;
  display: inline-block;
  float: left;
  font-size: 13px;
  font-weight: bold;
  line-height: 13px;
  margin-top: 10px;
  padding: 7px;
}
.prod_desc_provider {
background: none repeat scroll 0 0 #fff;
border: 1px solid #22acea;
border-radius: 6px;
font-size: 14px;
padding: 5px;
text-align: left;
}
.editprod_name {
	padding:0px 5px;
}
.editprod_model {
	padding:0px 5px;
}
.editprod_sku {
	padding:0px 5px;
}
.editprod_date_add {
	padding:0px 5px;
}
.editprod_quantity {
	padding:0px 5px;
	color:#1EBC05 !important;
}
.editprod_quantity_null {
	padding:0px 5px;
	color:#D63D06 !important;
}
/*EDIT USER ICON*/
.top_icon {
	text-align:center;
	 
}
.user_name_editprod {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #22acea;
	border-radius: 6px;
	color: black;
	font-size: 14px;
	padding: 3px;
	text-align: center;
	color: green;
}

/*END EDIT USER ICON*/
.modification-edit-prod {
  display: inline-block;
  margin-left: 10px;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  border:1px solid #22acea;
}
.user_ch {
  color: green;
  font-size: 14px;
}

.box > .heading .buttonses, .foot_heading .buttonses {
	float: right;
	padding-top: 3px;
	margin-right: 5px;
}
.box > .heading .buttonses a + a, .foot_heading .buttonses a + a {
	margin-left: 10px;
}
.box > .contentes h2 { 
	text-transform: uppercase;
	color: #FF802B;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px dotted #000000;	
}
.box > .contentes {
	padding: 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	min-height: 300px;
	overflow: auto;
}
.button_save {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/save_input.png') left 1px no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
}
.button_save:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/save_input.png') left bottom no-repeat;
}
.button_cancel {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/cancel.png') left bottom no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
}
a.button_link_admin_product {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/link_admin.png') left center no-repeat;
}
a.button_link_admin_product:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/link_admin_hover.png') left center no-repeat;
}
.button_cancel:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/cancel.png') left top no-repeat;
}
.button_insert {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/insert.png') left top no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
}
.button_insert:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/insert.png') left bottom no-repeat;
}
.button_repair {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/repair.png') left 1px no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
}
.button_repair:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/repair.png') left bottom no-repeat;
}
.button_copy {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/copy.png') left top no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
}
.button_copy:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/copy.png') left bottom no-repeat;
}
.button_delete {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/delete.png') left top no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
}
.button_delete:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/delete.png') left bottom no-repeat;
}
.button_edites {
	display: inline-block;
	width: 25px;
	height: 25px;
	padding: 0;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/edit.png') left bottom no-repeat;
}
.button_edites:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/edit.png') left top no-repeat;
}
.button_install {
	display: inline-block;
	width: 25px;
	height: 25px;
	padding: 0;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/insertes.png') left top no-repeat;
}
.button_install:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/insertes.png') left bottom no-repeat;
}
.button_uninstall {
	display: inline-block;
	width: 25px;
	height: 25px;
	padding: 0;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/deleted.png') left top no-repeat;
}
.button_uninstall:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/deleted.png') left bottom no-repeat;
}
.button_print {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/print.png') left 1px no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
}
.button_print:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/print.png') left bottom no-repeat;
}
.button_view {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/view.png') left 1px no-repeat;
	height: 25px;
	width: 25px;
	display: inline-block;
}
.button_view:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/view.png') left bottom no-repeat;
}
.button_send {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/send.png') left 1px no-repeat;
	height: 25px;
	width: 25px;
	display: inline-block;
}
.button_send:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/send.png') left bottom no-repeat;
}
.button_sends {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/sends.png') left 1px no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
}
.button_sends:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/sends.png') left bottom no-repeat;
}
.button_restore {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/restore.png') left top no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
}
.button_restore:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/restore.png') left bottom no-repeat;
}
.button_backup {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/backup.png') left top no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
}
.button_backup:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/backup.png') left bottom no-repeat;
}
.button_setting {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/admin_module_setting.png') left center no-repeat;
	height: 25px;
	width: 25px;
	display: inline-block;
}
.button_setting:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/admin_module_setting_hover.png') left center no-repeat;
}
.button_clear {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/clear.png') left 1px no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
}
.button_clear:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/clear.png') left bottom no-repeat;
}
.button_filter {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/filter_list.png') center top no-repeat;
	height: 32px;
	width: 32px;
	display: block;
}
.button_filter:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/filter_list.png') left bottom no-repeat;
}
.button_download {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/download.png') 0 bottom no-repeat;
	height: 32px;
	width: 36px;
	display: inline-block;
	vertical-align: middle;
}
.hidden, tr.hidden {
	display: none;
}
.quick-button-icon {
	padding: 3px;
	text-align: right;
}
.quick-button-icon a {
	text-decoration: none;
}
.button-action {
	display: inline-block;
}
.button_edit {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/product_edit.png') left bottom no-repeat;
	height: 32px;
	width: 32px;
	display: inline-block;
	text-indent: -9999px;
}
.button_edit:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/product_edit.png') left top no-repeat;
}
a.product-edit {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/product_edit.png') left bottom no-repeat;
	height: 32px;
	width: 32px;
	display: inline-block;
}
a.product-edit:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/product_edit.png') left top no-repeat;
}
a.product-view {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/product_view.png') left bottom no-repeat;
	height: 32px;
	width: 32px;
	display: inline-block;
}
a.product-view:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/product_view.png') left 2px no-repeat;
}
.save {
	position: relative;
	z-index: 9;
	float: right;
	background: #ffffff url('https://mobioptom.com/catalog/view/theme/default/image/icon/save.png') right bottom no-repeat;
	width: 50px;
	height: 32px;
}
.save:hover {
	background: #ffffff url('https://mobioptom.com/catalog/view/theme/default/image/icon/save.png') right top no-repeat;
}
a.button_general_list {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/live_edit.png') left top no-repeat;
}
a.button_general_list:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/live_edit.png') left bottom no-repeat;
}
a.button_data {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/data.png') left top no-repeat;
}
a.button_data:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/data.png') left bottom no-repeat;
}


a.button_general_data {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/general_data.png') left top no-repeat;
}
a.button_general_data:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/general_data.png') left bottom no-repeat;
}
a.button_price_data {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/dollarsign.png') center top no-repeat;
}
a.button_price_data:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/dollarsign_hover.png') center top no-repeat;
}


a.button_category {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/category.png') left top no-repeat;
}
a.button_category:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/category.png') left bottom no-repeat;
}
a.button_filters {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/filter.png') left top no-repeat;
}
a.button_filters:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/filter.png') left bottom no-repeat;
}
a.button_related {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/related.png') left top no-repeat;
}
a.button_related:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/related.png') left center no-repeat;
}
a.button_related_none {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/related.png') left bottom no-repeat;
}
a.button_related_none:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/related.png') left center no-repeat;
}
a.button_code {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/code.png') left top no-repeat;
}
a.button_code:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/code.png') left bottom no-repeat;
}
a.button_tax {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/tax.png') left top no-repeat;
}
a.button_tax:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/tax.png') left center no-repeat;
}
a.button_tax_none {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/tax.png') left bottom no-repeat;
}
a.button_tax_none:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/tax.png') left center no-repeat;
}
a.button_minimum {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/minimum.png') left top no-repeat;
}
a.button_minimum:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/minimum.png') left bottom no-repeat;
}
a.button_subtract {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/subtract.png') left top no-repeat;
}
a.button_subtract:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/subtract.png') left bottom no-repeat;
}
a.button_dimension {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/dimension.png') left top no-repeat;
}
a.button_dimension:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/dimension.png') left bottom no-repeat;
}
a.button_weight {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/weight.png') left top no-repeat;
}
a.button_weight:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/weight.png') left bottom no-repeat;
}
a.button_date_available {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/date_available.png') left top no-repeat;
}
a.button_date_available:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/date_available.png') left bottom no-repeat;
}
a.button_attribute {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/attribute.png') left top no-repeat;
}
a.button_attribute:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/attribute.png') left center no-repeat;
}
a.button_attribute_none {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/attribute.png') left bottom no-repeat;
}
a.button_attribute_none:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/attribute.png') left center no-repeat;
}
a.button_options {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/options.png') left top no-repeat;
}
a.button_options:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/options.png') left center no-repeat;
}
a.button_options_none {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/options.png') left bottom no-repeat;
}
a.button_options_none:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/options.png') left center no-repeat;
}
a.button_special {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/special.png') left top no-repeat;
}
a.button_special:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/special.png') left center no-repeat;
}
a.button_special_none {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/special.png') left bottom no-repeat;
}
a.button_special_none:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/special.png') left center no-repeat;
}
a.button_discount {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/discount.png') left top no-repeat;
}
a.button_discount:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/discount.png') left center no-repeat;
}
a.button_discount_none {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/discount.png') left bottom no-repeat;
}
a.button_discount_none:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/discount.png') left center no-repeat;
}
a.button_images_none {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/image.png') left bottom no-repeat;
}
a.button_images_none:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/image.png') left center no-repeat;
}
a.button_stores {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/stores.png') left top no-repeat;
}
a.button_stores:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/stores.png') left bottom no-repeat;
}
a.button_downloads {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/downloads.png') left top no-repeat;
}
a.button_downloads:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/downloads.png') left center no-repeat;
}
a.button_downloads_none {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/downloads.png') left bottom no-repeat;
}
a.button_downloads_none:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/downloads.png') left center no-repeat;
}
a.button_reward {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/reward.png') left top no-repeat;
}
a.button_reward:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/reward.png') left bottom no-repeat;
}
a.button_images {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/image.png') left top no-repeat;
}

a.button_images:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/image.png') left center no-repeat;
}
a.button_images_google {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/google-icon.png') left top no-repeat;
}
a.button_images_google:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/google-icon-hover.png') left center no-repeat;
}
a.button_sticker {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/icon_sticker.png') left top no-repeat;
}
a.button_images_url {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/url-image-icon.png') left center no-repeat;
}
a.button_images_url:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/url-image-icon-hover.png') left center no-repeat;
}
a.button_design {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/design.png') left top no-repeat;
}
a.button_design:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/design.png') left bottom no-repeat;
}
.select-option {
	color: #2db533;
	text-align: left;
}
table.popup-form {
	width: 100%;
	border-collapse: collapse;
}
table.popup-form > tbody > tr > td:first-child {
	width: 200px;
}
table.popup-form > tbody > tr > td {
	padding: 10px;
	color: #000000;
	border: none;
	background: #fff;
}
tr.change {
	border-top: 1px dotted #aaa;
}
.button-save-name {
	position: relative;
	left: 257px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/save_input.png') right bottom no-repeat;
	display: block;
	width: 29px;
	height: 29px;
}
.button-save-name:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/save_input.png') right top no-repeat;
}
.button-save-left {
	position: relative;
	left: 157px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/save_input.png') right bottom no-repeat;
	display: block;
	width: 29px;
	height: 29px;
}
.button-save-left:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/save_input.png') right top no-repeat;
}
.button-save-right {
	position: relative;
	right: 30px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/save_input.png') right bottom no-repeat;
	display: block;
	width: 29px;
	height: 29px;
}
.button-save-right:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/save_input.png') right top no-repeat;
}
.button-save-available {
	position: relative;
	left: 98px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/save_input.png') right bottom no-repeat;
	display: block;
	width: 29px;
	height: 29px;
}
.button-save-available:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/save_input.png') right top no-repeat;
}
.input-edit-left {
	float: left;
}
.input-edit-right {
	float: right;
}
.ajax-edit-left {
   display: none;
   float: left;
}
.ajax-edit-left input {
   text-align: left;
   cursor: text;
   padding: 6px 32px 5px 3px;
}
.ajax-edit-left + span {
   cursor: pointer;
   padding: 7px 32px 7px 0;
}
.ajax-edit-left + span:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/input_edit.png') right top no-repeat;
	-webkit-transition: background linear 0.2s;
	-moz-transition: background linear 0.2s;
}
.ajax-edit-right {
	display: none;
	float: right;
}
.ajax-edit-right input {
   text-align: right;
   cursor: text;
}
.ajax-edit-right + span {
   cursor: pointer;
}
.ajax-edit-right + span:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/input_edit.png') right top no-repeat;
	padding: 7px 32px 7px 0;
}
.ajax-edit:hover {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/input_edit.png') right top no-repeat;
	padding: 7px 32px 7px 0;
}
.enabled_en {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/status_en.png') center top no-repeat;
	height: 32px;
	width: 60px;
	display: block;
	text-indent: -9999px;
}
.disabled_en {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/status_en.png') center bottom no-repeat;
	height: 32px;
	width: 60px;
	display: block;
	text-indent: -9999px;
}
.enabled_ru {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/status_ru.png') center top no-repeat;
	height: 32px;
	width: 60px;
	display: block;
	text-indent: -9999px;
}
.disabled_ru {
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/status_ru.png') center bottom no-repeat;
	height: 32px;
	width: 60px;
	display: block;
	text-indent: -9999px;
}
.prices .sale {
	position: relative;
	float: left;
	left: 0;
	top: -15px;
	width: 10px;
	height: 10px;
	background: #f93615;
	border: 1px solid #d82e12;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
.info-name {
	position: relative;
	float: right;
	width: 15px;
	height: 15px;
	background: url('https://mobioptom.com/catalog/view/theme/default/image/icon/info.png') center center no-repeat;
}

/*ADDDDDDDDDDDDDDDDD*/
.scrollbox {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #cccccc;
  height: 100px;
  overflow-y: scroll;
  width: 350px;
}
/* Jet Cache: catalog/view/theme/default/stylesheet/tooltip_edit_product/tooltipster.css */
html {
	 -webkit-font-smoothing: antialiased;
}


/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -8px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -8px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
/* Jet Cache: catalog/view/theme/default/stylesheet/tooltip_edit_product/tooltipster-punk-edit-prod.css */
.tooltipster-punk-edit-prod{
	border-radius: 5px; 
	border-bottom: 2px solid #2a2a2a;
	border-left: 1px solid #2a2a2a;
	border-top: 1px solid #2a2a2a;
	border-right: 1px solid #2a2a2a;
	background: #fff;
	color: #000;
	box-shadow:0px 1px 2px rgba(0,0,0,0.35);
}
.tooltipster-punk-edit-prod .tooltipster-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 8px 10px;
}

.name-tooltip {
	font-weight:bold;
	text-align:center;
	font-size: 22px;
}

/* Jet Cache: catalog/view/javascript/datetimepicker-master/jquery.datetimepicker.css */
.xdsoft_datetimepicker {
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #fff;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 8px;
	padding-left: 0;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

.xdsoft_datetimepicker iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 210px;
	background: transparent;
	border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
	border: none !important;
}

.xdsoft_noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
	display: inline-block;
	position: static;
	box-shadow: none;
}

.xdsoft_datetimepicker * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
	display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
	display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
	width: 224px;
	float: left;
	margin-left: 8px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
	width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
	width: 58px;
	float: left;
	text-align: center;
	margin-left: 8px;
	margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
	margin-top: 8px;
	margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
	opacity: 0.5;
	background-position: -92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
	vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
	float: left;
	background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
	float: left;
	background-position: -70px 0;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
	float: right;
	background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	outline: medium none;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
	min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
	float: none;
	background-position: -40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left: 14px;
	margin-top: 7px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
	background-position: -40px 0;
	margin-bottom: 7px;
	margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
	height: 151px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	cursor: pointer;
	border-bottom-width: 0;
	height: 25px;
	line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
	border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
	display: inline;
	position: relative;
	z-index: 9999;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #fff;
	float: left;
	width: 182px;
	text-align: center;
	cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
	text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
	opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
	border: 1px solid #ccc;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 101;
	display: none;
	background: #fff;
	max-height: 160px;
	overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #fff;
	background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
	padding: 2px 10px 2px 5px;
	text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
	width: 100px;
	text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
	clear: both;
}

.xdsoft_datetimepicker .xdsoft_year{
	width: 48px;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
	border-collapse: collapse;
	width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
	padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
	width: 14.2857142%;
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	padding: 0;
	border-collapse: collapse;
	cursor: pointer;
	height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
	width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
	color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #fff !important;
	background: #ff8000 !important;
	box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
	background: #33aaff !important;
	box-shadow: #178fe5 0 1px 3px 0 inset !important;
	color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
	color: inherit	!important;
	background: inherit !important;
	box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
	color: #ccc !important;
	font-size: 10px;
	clear: both;
	float: none;
	margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }

.xdsoft_time_box {
	position: relative;
	border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
	background: #ccc !important;
	height: 20px;
	border-radius: 3px;
}
.xdsoft_scrollbar {
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.xdsoft_scroller_box {
	position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
	background: #000;
	border-bottom: 1px solid #444;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
	border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #0a0a0a;
	border-top: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
	background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
	border: 1px solid #333;
	background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #000;
	background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0a0a0a;
	border: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
	color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #000 !important;
	background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }

.xdsoft_dark .xdsoft_time_box {
	border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
	background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
	font-family: "museo-sans", "Book Antiqua", sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #82878c;
	height: 28px;
	position: relative;
	padding: 4px 17px 4px 33px;
	border: 1px solid #d7d8da;
	background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */
}

/* Jet Cache: catalog/view/javascript/jquery/animate/animate.css */
@charset "UTF-8";
/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
	-webkit-backface-visibility: hidden;
}

.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

.animated.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.animated.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.animated.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.animated.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }
	80% { -webkit-transform: rotate(-5deg); }
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }
	80% { -moz-transform: rotate(-5deg); }
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }
	80% { -o-transform: rotate(-5deg); }
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }
	80% { transform: rotate(-5deg); }
	100% { transform: rotate(0deg); }
}

.animated.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.animated.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.animated.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}
@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-o-animation-timing-function: ease-out;
	}
	50% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
	80% {
		-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		animation-timing-function: ease-in;
	}
}

.animated.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.animated.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.animated.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.animated.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.animated.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.animated.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.animated.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.animated.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.animated.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.animated.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
}
@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.animated.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
}

@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(20px);
	}
}

.animated.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
}

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
}

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(-20px);
	}
}

.animated.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
}

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
}

@-o-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(20px);
	}
}

.animated.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.animated.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.animated.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.animated.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}
@-moz-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}
@-o-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}
@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.animated.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes slideInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes slideInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}

	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes slideInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}

	100% {
		-o-transform: translateY(0);
	}
}

@keyframes slideInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}

	100% {
		transform: translateY(0);
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	-moz-animation-name: slideInDown;
	-o-animation-name: slideInDown;
	animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes slideInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes slideInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	100% {
		-o-transform: translateX(0);
	}
}

@keyframes slideInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	100% {
		transform: translateX(0);
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	-moz-animation-name: slideInLeft;
	-o-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes slideInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes slideInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	100% {
		-o-transform: translateX(0);
	}
}

@keyframes slideInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	100% {
		transform: translateX(0);
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	-moz-animation-name: slideInRight;
	-o-animation-name: slideInRight;
	animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes slideOutLeft {
	0% {
		-moz-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes slideOutLeft {
	0% {
		-o-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes slideOutLeft {
	0% {
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	-moz-animation-name: slideOutLeft;
	-o-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}

@-moz-keyframes slideOutRight {
	0% {
		-moz-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}

@-o-keyframes slideOutRight {
	0% {
		-o-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}

@keyframes slideOutRight {
	0% {
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	-moz-animation-name: slideOutRight;
	-o-animation-name: slideOutRight;
	animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes slideOutUp {
	0% {
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes slideOutUp {
	0% {
		-o-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes slideOutUp {
	0% {
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	-moz-animation-name: slideOutUp;
	-o-animation-name: slideOutUp;
	animation-name: slideOutUp;
}

.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}

	80% {
		-webkit-transform: translateY(10px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}

	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}

	80% {
		-moz-transform: translateY(10px);
	}

	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateY(-30px);
	}

	80% {
		-o-transform: translateY(10px);
	}

	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}

	60% {
		opacity: 1;
		transform: translateY(-30px);
	}

	80% {
		transform: translateY(10px);
	}

	100% {
		transform: translateY(0);
	}
}

.animated.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}

	80% {
		-webkit-transform: translateY(-10px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}

	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}

	80% {
		-moz-transform: translateY(-10px);
	}

	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateY(30px);
	}

	80% {
		-o-transform: translateY(-10px);
	}

	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}

	60% {
		opacity: 1;
		transform: translateY(30px);
	}

	80% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0);
	}
}

.animated.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}

	80% {
		-webkit-transform: translateX(-10px);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}

	80% {
		-moz-transform: translateX(-10px);
	}

	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(30px);
	}

	80% {
		-o-transform: translateX(-10px);
	}

	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		transform: translateX(30px);
	}

	80% {
		transform: translateX(-10px);
	}

	100% {
		transform: translateX(0);
	}
}

.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}

	80% {
		-webkit-transform: translateX(10px);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}

	80% {
		-moz-transform: translateX(10px);
	}

	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(-30px);
	}

	80% {
		-o-transform: translateX(10px);
	}

	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		opacity: 1;
		transform: translateX(-30px);
	}

	80% {
		transform: translateX(10px);
	}

	100% {
		transform: translateX(0);
	}
}

.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}

	25% {
		-webkit-transform: scale(.95);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}

	25% {
		-moz-transform: scale(.95);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}

	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
}

@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
	}

	25% {
		-o-transform: scale(.95);
	}

	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}

	100% {
		opacity: 0;
		-o-transform: scale(.3);
	}
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(.95);
	}

	50% {
		opacity: 1;
		transform: scale(1.1);
	}

	100% {
		opacity: 0;
		transform: scale(.3);
	}
}

.animated.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes bounceOutUp {
	0% {
		-moz-transform: translateY(0);
	}

	20% {
		opacity: 1;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes bounceOutUp {
	0% {
		-o-transform: translateY(0);
	}

	20% {
		opacity: 1;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes bounceOutUp {
	0% {
		transform: translateY(0);
	}

	20% {
		opacity: 1;
		transform: translateY(20px);
	}

	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.animated.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-o-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}

	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes bounceOutDown {
	0% {
		-o-transform: translateY(0);
	}

	20% {
		opacity: 1;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}

	20% {
		opacity: 1;
		transform: translateY(-20px);
	}

	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.animated.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-o-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes bounceOutLeft {
	0% {
		-moz-transform: translateX(0);
	}

	20% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes bounceOutLeft {
	0% {
		-o-transform: translateX(0);
	}

	20% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes bounceOutLeft {
	0% {
		transform: translateX(0);
	}

	20% {
		opacity: 1;
		transform: translateX(20px);
	}

	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.animated.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-o-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}

@-moz-keyframes bounceOutRight {
	0% {
		-moz-transform: translateX(0);
	}

	20% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}

@-o-keyframes bounceOutRight {
	0% {
		-o-transform: translateX(0);
	}

	20% {
		opacity: 1;
		-o-transform: translateX(-20px);
	}

	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}

@keyframes bounceOutRight {
	0% {
		transform: translateX(0);
	}

	20% {
		opacity: 1;
		transform: translateX(-20px);
	}

	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.animated.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	-o-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.animated.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.animated.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.animated.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.animated.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.animated.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOut {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.animated.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.animated.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-o-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.animated.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-o-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.animated.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-o-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.animated.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-o-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	100% { -webkit-transform: translateY(700px); opacity: 0; }
}

@-moz-keyframes hinge {
	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	100% { -moz-transform: translateY(700px); opacity: 0; }
}

@-o-keyframes hinge {
	0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	100% { -o-transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
	100% { transform: translateY(700px); opacity: 0; }
}

.animated.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}

@-o-keyframes rollIn {
	0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}

@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}

.animated.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
	}
}

@-moz-keyframes rollOut {
    0% {
		opacity: 1;
		-moz-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-moz-transform: translateX(100%) rotate(120deg);
	}
}

@-o-keyframes rollOut {
    0% {
		opacity: 1;
		-o-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-o-transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
    0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}
}

.animated.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedIn {
	0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-moz-keyframes lightSpeedIn {
	0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-o-keyframes lightSpeedIn {
	0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@keyframes lightSpeedIn {
	0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}

.animated.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedOut {
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-moz-keyframes lightSpeedOut {
	0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-o-keyframes lightSpeedOut {
	0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@keyframes lightSpeedOut {
	0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

.animated.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}
/* Jet Cache: catalog/view/theme/default/stylesheet/callback.css */
.new_button_container_manual_setting {
    background: #09f;
    border-radius: 50%;
    bottom: 10%;
    cursor: pointer;
    height: 50px;
    position: fixed;
    right: 60px;
    width: 50px;
    z-index: 9999;
}
.new_button_container_manual_setting .link3::before {
    background: rgba(0, 0, 0, 0) url("https://mobioptom.com/catalog/view/theme/default/image/logo_drag_btn.png") no-repeat scroll center center / 35px auto;
    content: "";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 11;
}
@keyframes pulse {
0% {
    opacity: 0.8;
    transform: rotate(0deg) scale(0.46) skew(1deg);
}
10% {
    transform: rotate(0deg) scale(0.56) skew(1deg);
}
100% {
    opacity: 0.01;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@-webkit-keyframes pulse {
  0% {
    opacity: 0.8;
    transform: rotate(0deg) scale(0.46) skew(1deg);
}
10% {
    transform: rotate(0deg) scale(0.56) skew(1deg);
}
100% {
    opacity: 0.01;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@-moz-keyframes pulse {
  0% {
    opacity: 0.8;
    transform: rotate(0deg) scale(0.46) skew(1deg);
}
10% {
    transform: rotate(0deg) scale(0.56) skew(1deg);
}
100% {
    opacity: 0.01;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}

.new_button_container_manual_setting .pulse_holder3 {
    height: 50px;
    position: absolute;
    width: 50px;
}
.new_button_container_manual_setting .pulse_rays3 {
	 -webkit-animation: pulse 3s linear 0s infinite;
       -moz-animation: pulse 3s linear 0s infinite;
            animation: pulse 3s linear 0s infinite;
    background-color: transparent;
    border: 2px solid #09f ;
    border-radius: 100%;
    bottom: -25px;
    box-sizing: border-box;
    height: 100px;
    opacity: 0.01;
    position: absolute;
    right: -25px;
    width: 100px;
}
.new_button_container_manual_setting .pulse_rays13 {
   -webkit-animation: pulse 1.5s linear 0s infinite;
       -moz-animation: pulse 1.5s linear 0s infinite;
            animation: pulse 1.5s linear 0s infinite;
    background-color: transparent;
    border: 2px solid #09f ;
    border-radius: 100%;
    bottom: -25px;
    box-sizing: border-box;
    height: 100px;
    opacity: 0.01;
    position: absolute;
    right: -25px;
    width: 100px;
}
@keyframes tada {
0% {
    transform: scale3d(1, 1, 1);
}
10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
@-moz-keyframes tada {
0% {
    transform: scale3d(1, 1, 1);
}
10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes tada {
0% {
    transform: scale3d(1, 1, 1);
}
10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
}
100% {
    transform: scale3d(1, 1, 1);
}
}


@keyframes tada {
0% {
    transform: scale3d(1, 1, 1);
}
10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
.new_button_container_manual_setting:hover {
    animation: 1.5s linear 0s normal none infinite running tada;
   -webkit-animation: 1.5s linear 0s normal none infinite running tada;
    -moz-animation: 1.5s linear 0s normal none infinite running tada;
}
.new_button_container_manual_setting:hover .pulse_rays13, .new_button_container3:hover .pulse_rays3 {
    background-color: #09f;
    border-color: #09f;
}
/*--------------------*/
.new_button_container2 {
    background: #09f;
    border-radius: 50%;
    bottom: 10%;
    cursor: pointer;
    height: 50px;
    position: fixed;
    right: 60px;
    width: 50px;
    z-index: 9999;
}
.new_button_container2 .link2::before {
    background: rgba(0, 0, 0, 0) url("https://mobioptom.com/catalog/view/theme/default/image/logo_drag_btn.png") no-repeat scroll center center / 35px auto;
    content: "";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 11;
}
@keyframes pulse {
0% {
    opacity: 0.8;
    transform: rotate(0deg) scale(0.46) skew(1deg);
}
10% {
    transform: rotate(0deg) scale(0.56) skew(1deg);
}
100% {
    opacity: 0.01;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@-webkit-keyframes pulse {
  0% {
    opacity: 0.8;
    transform: rotate(0deg) scale(0.46) skew(1deg);
}
10% {
    transform: rotate(0deg) scale(0.56) skew(1deg);
}
100% {
    opacity: 0.01;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@-moz-keyframes pulse {
  0% {
    opacity: 0.8;
    transform: rotate(0deg) scale(0.46) skew(1deg);
}
10% {
    transform: rotate(0deg) scale(0.56) skew(1deg);
}
100% {
    opacity: 0.01;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
.new_button_container2 .pulse_holder2 {
    height: 50px;
    position: absolute;
    width: 50px;
}
.new_button_container2 .pulse_rays2 {
   -webkit-animation: pulse 3s linear 0s infinite;
       -moz-animation: pulse 3s linear 0s infinite;
            animation: pulse 3s linear 0s infinite;
    background-color: transparent;
    border: 2px solid #09f ;
    border-radius: 100%;
    bottom: -25px;
    box-sizing: border-box;
    height: 100px;
    opacity: 0.01;
    position: absolute;
    right: -25px;
    width: 100px;
}
.new_button_container2 .pulse_rays12 {
   -webkit-animation: pulse 1.5s linear 0s infinite;
       -moz-animation: pulse 1.5s linear 0s infinite;
            animation: pulse 1.5s linear 0s infinite;
    background-color: transparent;
    border: 2px solid #09f ;
    border-radius: 100%;
    bottom: -25px;
    box-sizing: border-box;
    height: 100px;
    opacity: 0.01;
    position: absolute;
    right: -25px;
    width: 100px;
}
@keyframes tada {
0% {
    transform: scale3d(1, 1, 1);
}
10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
    transform: scale3d(1, 1, 1);
}
10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
.new_button_container2:hover {
    animation: 1.5s linear 0s normal none infinite running tada;
}
.new_button_container2:hover .pulse_rays12, .new_button_container2:hover .pulse_rays2 {
    background-color: #09f;
    border-color: #09f;
}
/*--------------------------*/
.new_button_container1 {
    background: #09f;
    border-radius: 50%;
    bottom: 10%;
    cursor: pointer;
    height: 50px;
    position: fixed;
    left: 60px;
    width: 50px;
    z-index: 9999;
}
.new_button_container1 .link1::before {
    background: rgba(0, 0, 0, 0) url("https://mobioptom.com/catalog/view/theme/default/image/logo_drag_btn.png") no-repeat scroll center center / 35px auto;
    content: "";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 11;
}
@keyframes pulse {
0% {
    opacity: 0.8;
    transform: rotate(0deg) scale(0.46) skew(1deg);
}
10% {
    transform: rotate(0deg) scale(0.56) skew(1deg);
}
100% {
    opacity: 0.01;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@-webkit-keyframes pulse {
  0% {
    opacity: 0.8;
    transform: rotate(0deg) scale(0.46) skew(1deg);
}
10% {
    transform: rotate(0deg) scale(0.56) skew(1deg);
}
100% {
    opacity: 0.01;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@-moz-keyframes pulse {
  0% {
    opacity: 0.8;
    transform: rotate(0deg) scale(0.46) skew(1deg);
}
10% {
    transform: rotate(0deg) scale(0.56) skew(1deg);
}
100% {
    opacity: 0.01;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
.new_button_container1 .pulse_holder1 {
    height: 50px;
    position: absolute;
    width: 50px;
}
.new_button_container1 .pulse_rays1 {
    -webkit-animation: pulse 3s linear 0s infinite;
       -moz-animation: pulse 3s linear 0s infinite;
            animation: pulse 3s linear 0s infinite;
    background-color: transparent;
    border: 2px solid #09f ;
    border-radius: 100%;
    bottom: -25px;
    box-sizing: border-box;
    height: 100px;
    opacity: 0.01;
    position: absolute;
    right: -25px;
    width: 100px;
}
.new_button_container1 .pulse_rays11 {
    -webkit-animation: pulse 1.5s linear 0s infinite;
       -moz-animation: pulse 1.5s linear 0s infinite;
            animation: pulse 1.5s linear 0s infinite;
    background-color: transparent;
    border: 2px solid #09f ;
    border-radius: 100%;
    bottom: -25px;
    box-sizing: border-box;
    height: 100px;
    opacity: 0.01;
    position: absolute;
    right: -25px;
    width: 100px;
}
@keyframes tada {
0% {
    transform: scale3d(1, 1, 1);
}
10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
    transform: scale3d(1, 1, 1);
}
10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
.new_button_container1:hover {
    animation: 1.5s linear 0s normal none infinite running tada;
}
.new_button_container1:hover .pulse_rays11, .new_button_container1:hover .pulse_rays1 {
    background-color: #09f;
    border-color: #09f;
}

/*-----------------------------------------------------------------------------------*/

.topic_callback {
	background: url("https://mobioptom.com/catalog/view/theme/default/image/arrow-down.png") no-repeat scroll right 10px center #fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	height: 26px;
	overflow: hidden;
	width: 248px;
	border:1px solid #d5d5d5;
     margin-left: 5px;
}
.topic_callback select {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-size: 13px;
	height: 26px;
	line-height: 1;
	padding: 5px;
	width: 270px !important;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
}
.topic_callback:hover {
	background: url("https://mobioptom.com/catalog/view/theme/default/image/arrow-down.png") no-repeat scroll right 10px center #fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	height: 26px;
	overflow: hidden;
	width: 248px !important;
	border:1px solid #67ca67
}
#callback {
	background:#09f;
    border: 1px solid #555555;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 0 0 7px #000000;
    cursor: pointer;
    height: 160px;
    margin-right: -60px;
    margin-top: -90px;
    position: fixed;
    right: 0;
    top: 50%;
    width: 93px;
    z-index: 100;
}
form {
  display: inline;
  margin: 0 !important;
  padding: 0 !important;
}
#callback:hover {
	background: #0165cb;
}
.contact-content input {
	margin-bottom:0px !important;
}

.contact-input {
	width: 90%;
	height: 25px;
	text-align:center;
	padding:3px;
	margin-left:0px;
	margin-right:0px;
}
.date_time_callback input.date_callback {
	width: 100px ;
	height: 25px !important;
	border:1px solid #d5d5d5 !important;
	padding:3px !important;
}
.date_time_callback input.time_callback {
	height: 25px !important;
	border:1px solid #d5d5d5 !important;
	padding:3px !important;
}
.content-left-100 .date_time_callback input.time_callback {
	width: 77px;
	height: 25px !important;
	border:1px solid #d5d5d5 !important;
	padding:3px !important;
}
.content-left-50  input.contact-input, .content-left-100  input.contact-input {
	border:1px solid #d5d5d5 !important;
	width: 244px !important;
	height: 25px !important;
	text-align:center !important;
	padding:3px !important;
	margin-left:0px !important;
	margin-right:0px !important;
}
.content-left-50  textarea , .content-left-100  textarea {
	border:1px solid #d5d5d5 !important;
	padding:3px !important;
	margin-left:0px !important;
	margin-right:0px !important;
}
.content-left-50  input:hover, .content-left-50  textarea:hover, .content-left-100  input:hover, .content-left-100  textarea:hover {
	border:1px solid #67CA67 !important;
}
.content-left-50  input:focus, .content-left-50  textarea:focus, .content-left-100  input:focus, .content-left-100  textarea:focus {
	border:1px solid #67CA67 !important;
}
.contact-textarea {
	width: 244px !important;
	height: 45px;
	text-align:center;
}
.contact-data > div {
  margin-bottom: 7px;
}
.contact-data textarea{
	resize:none;
}
.contact-content {
	text-align:center;
	overflow:auto;
	background:#fff;
}
.contact-data {
	margin-bottom:10px;
	height:100%;
}
.success_callback {
	border:1px solid #67CA67;
	background:#C6F4C6;
	border-radius:5px;
	color:#000;
	line-height:41px;
	font-size:14px;
	z-index:99999;
	position:absolute;
	left:0px;
	right:0px;
	bottom:3px;
}
.contact-right {
  float: right;
  width: 270px;

}
.content-right {
	background: none repeat scroll 0 0 #f8f8f8;
	border: medium none #c9c9c9;
	height: auto;
	margin: 25px 15px 15px;
	text-align: left;
	border: 1px solid #d5d5d5;
	overflow:hidden;
}
.content-right > div {
	padding:5px 5px 5px 20px;
}
.content-left-50 {
  float: left;
  width: 270px;
  height:100%;	

}
.content-left-100 {
  float: left;
  height:100%;	
}
.contact-title {
	font-weight:bold;
	font-size:16px;
}
.contact-content  button.contact-send {
	background: #09f;
	border-radius: 3px;
	border:none;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	height: 38px;
	line-height: 30px;
	margin: 0;
	padding: 3px 5px;
	text-align: center;
	cursor:pointer;
}
.contact-content  button.contact-send:hover {
	background: #0165cb;
	border:#none;
	color: #fff;
	cursor:pointer;
}
.contact-content .fa.fa-phone-square {
vertical-align: middle;
}
.verticalalign {
	vertical-align: middle;
}
.button-send {
  margin-bottom: 5px;
}
.skype img {
  vertical-align: sub;
}

/*Header link CSS*/
.callback-view-top {
	border-radius: 9px;
	box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.35);
	color: #000;
	left: 41%;
	padding: 3px 7px;
	position: absolute;
	top: 34px;	
	background:#09f;
}
.callback-view-top a{
	color:#fff;	
	font-size:14px;
	text-decoration:none;
}
.callback-view-bottom-fixed {
	border-radius: 5px 5px 0px 0px;
	box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.35);
	color: #000;
	padding: 3px 7px;
	position: fixed;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%, -0%);
	margin:0 auto;	
	background:#09f;
	z-index:999;
}
.callback-view-bottom-fixed a{
	color:#fff;	
	font-size:14px;
	text-decoration:none;
}
/*END link Header CSS*/


.callback-icon-right i {
	margin-left:5px;
}
.callback-icon-right {
	background:#09f;
    border: 1px solid #555555;
    border-radius: 9px 0px 0px 9px;
    box-shadow: 0 0 7px #000000;
    cursor: pointer;
    position: fixed;
    right: 0;
    top: 50%;
    width: auto;
    z-index: 100;
	padding:5px;
}
.callback-icon-right:hover {
	background: #0165cb;
}
.callback-icon-left i {
	margin-left:5px;
}
.callback-icon-left {
	background:#09f;
    border: 1px solid #555555;
    border-radius: 0px 9px 9px 0px;
    box-shadow: 0 0 7px #000000;
    cursor: pointer;
    position: fixed;
    left: 0;
    top: 50%;
    width: auto;
    z-index: 100;
	padding:5px;
}
.callback-icon-left:hover {
	background: #0165cb;
}
.social_icon {
	display:inline-block;
	padding: 0 5px 4px 0 !important;
}
.error_callback {
	color:red;
	display:inline-block;
}
.img-phone-contact {
  float: left;
  max-width: 257px;
}
.image_left {
	width:257px;
	float:left;
	margin-top:25px;
}

@media screen and (min-width: 240px) and (max-width: 1023px){
.img-phone-contact {
	display:none;
}
.contact-right {
	display:none;
}
.content-left-50 {
  float: left;
  width: auto !important;
  height:100%;	
}
.content-left-50 .date_time_callback input.time_callback {
  width: 61px ;
}
.content-left-100 .date_time_callback input.time_callback {
  width: 69px;
}

}