.portfolio-page,
.blog-page {
overflow: hidden;
}
.blog-page .col-9 .vertical {
display: inline-block !important;
}
.portfolio-page .to-page-nav,
.blog-page .to-page-nav {
width: 100%;
margin: 70px auto;
}
.to-grid-container {
position: relative;
overflow: hidden;
width: 100%;
padding: 0;
}
.grid-home-page .to-grid-container {
display: block;
}
.portfolio-page .to-grid-container,
.blog-page .to-grid-container {
overflow: visible;
}
.to-grid-scroll { 
position: relative;
overflow:hidden;
width: 100%;
min-width: 100%;
}
.to-grid-holder { 
position: relative; 
overflow:hidden;
min-width: 100%;
}
.vertical { 
overflow: hidden;
height: auto;
width: 100% !important;
min-width: 100% !important;
}
.horizontal * { 
cursor: move;
cursor: -moz-grab;
cursor: -webkit-grab;
}
.horizontal.dragged * { 
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
} .to-grid-filters {
position: relative;
display: block;
min-width: 100%;
min-height: 30px;
margin: 0;
line-height: 30px;
text-align: center;
font-size: 14px;
}
.to-grid-filters .option-set {
display: inline-block;
position: relative;
width: auto;
margin: 0 auto;
padding: 40px 0 70px;
}
.to-grid-control.to-grid-filters .option-set {
padding: 40px 0 25px 0;
}
.grid-home-page .to-grid-filters {
position: absolute;
display: block;
z-index: 3;
top: 100%;
left: 0;
right: 0;
box-shadow: 0 0 5px rgba(0,0,0,0.25);
}
.grid-home-page .to-grid-filters .option-set {
display: block;
padding: 38px 0 22px;
}
.portfolio-page .option-set,
.blog-page .option-set {
padding: 42px 0 26px;
margin: 0;
}
.to-grid-filter-overlay {
position: absolute;
display: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.grid-home-page .to-grid-filter-overlay {
display: block;
opacity: 0.95;
}
.to-grid-tooltip {
position: absolute;
display: block;
z-index: 999;
left: 50%;
bottom: 50px;
min-width: 20px;
margin: 0 -12px;
min-height: 16px;
padding: 4px;
line-height: 16px;
font-size: 13px;
background: #DCDCDC;
background: rgba(0,0,0,.22);
color: #ffffff !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: center;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(14px);
-moz-transform: translateY(14px);
-o-transform: translateY(14px);
-ms-transform: translateY(14px);
transform: translateY(14px);
-webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out, -ms-transform 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.to-grid-tooltip:after {
position: absolute;
content: '';
width: 0;
height: 0;
left: 50%;
bottom: -6px;
margin-left: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid rgba(0,0,0,.22);
}
.to-grid-filter-title:hover .to-grid-tooltip {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.to-grid-filters-button {
position: absolute;
display: block;
left: -40px;
cursor: pointer;
}
.grid-home-page .to-grid-filters-button {
position: absolute;
overflow: hidden;
height: 40px;
top: -40px;
right: 0;
left: auto;
padding: 0 15px;
margin: 0 auto;
text-align: center;
font-size: 16px;
line-height: 40px;
cursor: pointer;
-webkit-box-shadow: -2px -2px 2px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow: -2px -2px 2px 0px rgba(50, 50, 50, 0.1);
box-shadow: -2px -2px 2px 0px rgba(50, 50, 50, 0.1);
}
.grid-home-page .filter-svg-button {
margin-top: 6px;
position: relative;
}
.to-grid-filters-button i,
.to-grid-filters-button span {
position: relative;
}
.portfolio-page .to-grid-filter-overlay,
.blog-page .to-grid-filter-overlay {
position: absolute;
display: block;
left: -500%;
right: -500%;
}
.to-grid-filters-button .to-grid-filter-overlay {
display: none;
}
.grid-home-page .to-grid-filter-overlay {
display: block;
}
.to-filters-line {
position: absolute;
display: block;
z-index: 1;
height: 3px;
bottom: 70px;
left: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.to-grid-control.to-grid-filters .to-filters-line {
bottom: 25px;
}
.grid-home-page .to-filters-line,
.portfolio-page .to-filters-line,
.blog-page .to-filters-line {
bottom: 0;
}
.to-grid-filter-title {
position: relative;
display: inline-block;
cursor: pointer;
width: auto;
height: 30px;
padding: 0 26px 16px 26px;
border-bottom: 1px solid rgba(0,0,0,0.1);
font-weight: 600;
text-align: center;
background: inherit;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.to-grid-filter-title.actived {
border-color: rgba(0,0,0,0.1);
}
.grid-home-page .to-grid-filter-title,
.portfolio-page .to-grid-filter-title,
.blog-page .to-grid-filter-title {
margin: 0 4px 0 0;
border: none;
}
.portfolio-page .to-grid-filter-title,
.blog-page .to-grid-filter-title {
color: #777777;
}
.option-set-mobile {
display: none;
float: left;
width: auto;
min-width: 110px;
margin: -5px 0 5px 15px;
} .controls {
position: relative; 
width: 100%;
height: 30px; 
margin-bottom: 15px;
}
.controls-inner {
position: relative; 
display: inline-block;
overflow: hidden;
float: right;
height: 100%; 
margin: 0 5px 0 0;	
}
.controls-inner div { 
float: right;
width: 26px;
height: 30px;
line-height: 34px;
cursor: pointer;
text-align: center;
font-size: 18px;
text-transform: uppercase;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.controls .toggle-view { 
font-size: 22px;
line-height: 32px;
}
.isotope-pages {
position: relative;
display: block;
height: 10px;
right: 5px;
margin: 20px 0 0 0;
list-style-type: none;
text-align: right;
}	
.isotope-pages li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
background: rgba(255,255,255,.3);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-indent: 9999px;
color: transparent !important;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.dark .isotope-pages li {
background: rgba(0,0,0,0.25);
}
.next-container {
position: relative;
display: block !important;
overflow: hidden !important;
width: 185px;
height: 20px;
margin: 70px auto 0 auto;
padding: 8px 5px 8px 5px;
cursor: pointer;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-align: center;
line-height: 20px;
white-space: normal;
}
.next-container.load {
height: 45px;
width: 45px;
padding: 0;
pointer-events: none;
-webkit-animation: rotate-loading .7s linear 0s infinite normal;
-moz-animation: rotate-loading .7s linear 0s infinite normal;
-o-animation: rotate-loading .7s linear 0s infinite normal;
animation: rotate-loading .7s linear 0s infinite normal;
}
.next-container.load span {
pointer-events: none;
}
.next-container span {
overflow: hidden !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.grid-home-page .next-container,
.portfolio-page .next-container,
.blog-page .next-container {
font-size: 16px;
}
.blog-page .section-container .next-container {
clear: both;
float: left;
}
.grid-home-page .next-container {
position: absolute;
display: block;
width: 50px;
height: 100%;
top: 0;
bottom: 0;
right: 0;
margin: 0 auto;
padding: 0;
text-align: center;
line-height: 20px;
border: none;
opacity: 0.95;	
-webkit-box-shadow: -2px -2px 2px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow: -2px -2px 2px 0px rgba(50, 50, 50, 0.1);
box-shadow: -2px -2px 2px 0px rgba(50, 50, 50, 0.1);
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.grid-home-page .next-container span {
position: relative;
display: block;
top: 50%;
margin-top: 75px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 50% 50%; */
-moz-transform-origin: left top 0;
-ms-transform-origin: left top 0;
-o-transform-origin: 50% 50%;
transform-origin: left top 0;
transform-origin: left top 0;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
float: left;
margin-left: 0;
line-height: 50px;
height: 50px;
width: 150px;
} .to-item-image-slider,
.to-item-image-slide { 
position: relative;
display: block;
overflow: hidden;
margin: 0;
list-style: none;
background: rgba(0,0,0,0.5);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.to-item-image-slider { 
cursor: move;
cursor: -moz-grab;
cursor: -webkit-grab;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration:  0.5s;
transition-duration: 0.5s;
}
.to-item-image-slider.dragged { 
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
-ms-transition-duration:  0s;
transition-duration: 0s;
}
.to-item-image-pages {
position: absolute;
width: 18px;
top: 50%;
right: 2.5%;
margin: 0;
padding: 16px 5px;
list-style: none;
background: rgba(26,26,26,0.5);
border-radius: 50px;
-o-border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
cursor: pointer;
-webkit-transform: translateZ(0);
}
.to-item.blog.normal.center .to-item-image-pages,
.to-item.blog.tall.center .to-item-image-pages {
right: 5%;
}
.to-item-image-pages li {
display: block;
float: left;
width: 8px;
height: 8px;
margin: 6px 5px;
border-radius: 8px;
-o-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
list-style: none;
text-indent: -9999px;
background: rgba(255,255,255,0.65);
cursor: pointer;
}
.to-item-image-pages li.active {
background: #ffffff !important;
} .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
z-index: 1;
} .ondrag .to-item a {
pointer-events: none;
}
.to-item {
float: left;
position: relative;
overflow: hidden;
border: none;
outline: none;
background: none !important;
}
.to-item-wrapper {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: none;
outline: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.to-item-image {
position: absolute;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
.to-item-image img {
max-width: none;
}
.to-item.blog.tall .to-item-image, 
.to-item.blog.square.top .to-item-image {
top: 0;
bottom: 50%;
left: 0;
right: 0;
}
.to-item.blog.square.left .to-item-image, 
.to-item.blog.wide .to-item-image {
top: 0;
bottom: 0;
left: 0;
right: 50%;
} 
.to-item.blog.normal .to-item-image,
.to-item.blog.no-image .to-item-image,
.to-item.blog.none .to-item-image {
display: none;
width: 0;
height: 0;
}
.to-item.portfolio .to-item-image {
display: block;
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
}
.to-item.blog.center .to-item-image {
display: block;
width: 100%;
height: 100%;
}
.to-item.blog.link .to-item-image ,
.to-item.blog.quote .to-item-image {
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.to-item-image .fa-video-camera.no-video-image {
position: absolute;
top: 50%;
bottom: 0;
left: 50%;
right: 0;
font-size: 42px;
margin: -21px 0 0 -21px;
}
.no-video-image-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #313131;
}
.to-item-image a {
position: absolute;
display: block;
overflow: hidden;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.to-item.blog .to-item-image .to-item-cat-holder a {
position: relative;
display: inline-block;
margin: 0 0 4px 0;
}
.portfolio .to-item-image a {
position: relative;
display: block;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
.to-masonry .to-item.blog .to-item-image a {
position: relative;
display: block;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
.to-item-img {
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
border: none;
outline: none;
border-style:none;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.to-item-img.hidden {
opacity: 0 !important;
}
.to-item-overlay {
position: absolute;
display: block;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
opacity: 0;
}
.to-item.portfolio .to-item-image:hover .to-item-img {
-webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
}
.to-item.blog:hover .to-item-img:not(.to-img-gallery) {
-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);
}
.to-img-gallery.hidden {
opacity: 0;
}
.to-item.portfolio .to-item-image:hover .to-item-overlay,
.to-item.blog .to-item-image:hover .to-item-overlay {
opacity: 0.95;
} .to-item.blog .to-item-content {
position: absolute;
padding: 5% 0 40px 0;
}
.to-item.blog.wide .to-item-content,
.to-item.blog.square.left .to-item-content,
.to-item.blog.square.top .to-item-content {
padding: 2.5% 0 40px 0;
}
.to-item.blog.tall .to-item-content,
.to-item.blog.square.top .to-item-content {
top: 50%;
bottom: 0;
left: 0;
right: 0;
}
.to-item.blog.wide .to-item-content,
.to-item.blog.square.left .to-item-content {
top: 0;
bottom: 0;
left: 50%;
right: 0;
}
.to-item.blog.quote .to-item-content-inner,
.to-item.blog.link .to-item-content-inner,
.to-item.blog.no-image .to-item-content,
.to-item.blog.quote .to-item-content,
.to-item.blog.link .to-item-content {
position: absolute;
display: block;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
}
.to-masonry .to-item.blog.quote .to-item-content-inner,
.to-masonry .to-item.blog.link .to-item-content-inner,
.to-masonry .to-item.blog.no-image .to-item-content,
.to-masonry .to-item.blog.quote .to-item-content,
.to-masonry .to-item.blog.link .to-item-content {
position: relative;
display: block;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
}
.to-item.blog.center .to-item-content {
top: auto;
bottom: 0;
left: 0;
right: 0;
padding: 25px 0 30px 0;
background: -moz-linear-gradient(top, rgba(26,26,26,0) 0%, rgba(26,26,26,0.65) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26,26,26,0)), color-stop(100%,rgba(26,26,26,0.65)));
background: -webkit-linear-gradient(top, rgba(26,26,26,0) 0%,rgba(0,0,0,0.65) 100%);
background: -o-linear-gradient(top, rgba(26,26,26,0) 0%,rgba(026,26,26,0.65) 100%);
background: -ms-linear-gradient(top, rgba(26,26,26,0) 0%,rgba(26,26,26,0.65) 100%);
background: linear-gradient(to bottom, rgba(26,26,26,0) 0%,rgba(26,26,26,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
.to-item.blog.quote.center .to-item-content,
.to-item.blog.link.center .to-item-content {
background: none;
}
.to-item.blog.normal.center .to-item-content,
.to-item.blog.tall.center .to-item-content {
padding: 25px 0 18px 0;
}
.to-item.blog .to-item-content:after {
position: absolute;
display: block;
content:"";
width:0;
height:0;
}
.to-item.blog.wide .to-item-content:after,
.to-item.blog.square.left .to-item-content:after {	
top: 50%;
left: -15px;
margin-top: -16px;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent; 
border-right: 16px solid white; 
}
.to-item.blog.tall .to-item-content:after,
.to-item.blog.square.top .to-item-content:after {
top: -15px;
left: 50%;
margin-left: -16px;
border-left: 16px solid transparent;
border-right: 16px solid transparent; 
border-bottom: 16px solid white; 	
}
.to-item.blog.quote .to-item-content:after,
.to-item.blog.link .to-item-content:after,
.to-item.blog.center .to-item-content:after,
.to-item.blog.no-image .to-item-content:after {
display: none !important;
}
.to-item.blog.tall .to-item-wrapper.play .to-item-content:after, 
.to-item.blog.square.top .to-item-wrapper.play .to-item-content:after {
opacity: 0; 
top: 16px;
}
.to-item.blog.square .to-item-content-inner,
.to-item.blog.center.wide .to-item-content-inner,
.to-item.blog.no-image.wide .to-item-content-inner,
.to-item.blog.no-image.square.left .to-item-content-inner,
.to-item.blog.square .to-item-cat-holder,
.to-item.blog.square .to-item-social,
.to-item.blog.no-image.square .to-item-social,
.to-item.blog.no-image.wide .to-item-social {
padding-left: 2.5%;
padding-right: 2.5%;
}
.to-item.blog.normal .to-item-content-inner,
.to-item.blog.tall .to-item-content-inner,
.to-item.blog.wide .to-item-content-inner,
.to-item.blog.square.left .to-item-content-inner,
.to-item.blog.quote .to-item-content-inner,
.to-item.blog.link .to-item-content-inner,
.to-item.blog.normal .to-item-cat-holder,
.to-item.blog.wide .to-item-cat-holder,
.to-item.blog.tall .to-item-cat-holder,
.to-item.blog.square.left .to-item-cat-holder,
.to-item.blog.normal .to-item-social,
.to-item.blog.wide .to-item-social,
.to-item.blog.tall .to-item-social,
.to-item.blog.square.left .to-item-social {
padding-left: 5%;
padding-right: 5%;
}
.to-item.blog.tall .to-item-image-pages,
.to-item.blog.wide .to-item-image-pages,
.to-item.blog.square.left .to-item-image-pages {
right: 5%;
}
.to-item.blog.center.wide .to-item-image-pages {
right: 2.5%;
}
.to-masonry .to-item.blog .to-item-cat-holder  {
margin-left: 0;
margin-right: 0;
}
.to-item.blog.quote .to-item-quote,
.to-item.blog.link .to-item-link {
position: absolute;
bottom: 6px;
}
.to-masonry .to-item.blog.link .to-item-link {
bottom: -70px;
}
.to-masonry .to-item.blog.quote .to-item-quote {
bottom: -80px;
}
.to-item.blog.link .to-item-link {
bottom: 20px;
}
.to-item-quote-author,
.to-item-link-from {
position: absolute;
bottom: 30px;
font-size: 18px;
}
.to-masonry .to-item-quote-author,
.to-masonry .to-item-link-from {
bottom: -60px;
} .to-item h2 {
word-spacing: 1.5px;
line-height: 28px;
text-transform: uppercase;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.to-item.blog h2,
.to-item.blog.center h2 {
position: relative;
overflow: hidden;
width: 90%;
font-size: 22px;
line-height: 28px;
margin: 10px auto 6px auto;
text-align: center;
cursor: pointer;
}
.to-item.blog.center h2 {
margin: 10px 0 6px 0;
}
.to-item.blog.quote h2,
.to-item.blog.link h2 {
width: 100%;
line-height: 32px;
text-align: left;
}
.to-item.blog.quote.center h2,
.to-item.blog.link.center h2 {
width: 90%;
left: 2.5%;
right: 2.5%;
}
.to-item.blog.center h2 {
padding: 0 60px 0 0;
text-align: left;
}
.to-item.blog.center h2:hover {
opacity: 0.85;
}
.to-item.blog.center.square h2 {
margin: 12px 0;
font-size: 28px;
line-height: 36px;
}
.to-item-separator {
position: relative;
display: block;
width: 70%;
height: 1px;
margin: 14px auto;
border-radius: 2px;
-o-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #f5f5f5;
background: -moz-radial-gradient(center, ellipse cover, rgba(221,221,221,0.65) 0%, rgba(221,221,221,0) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(221,221,221,0.65)), color-stop(100%,rgba(221,221,221,0)));
background: -webkit-gradient(center, ellipse cover, rgba(221,221,221,0.65) 0%,rgba(221,221,221,0) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(221,221,221,0.65) 0%,rgba(221,221,221,0) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(221,221,221,0.65) 0%,rgba(221,221,221,0) 100%);
background: radial-gradient(ellipse at center, rgba(221,221,221,0.65) 0%,rgba(221,221,221,0) 100%); }
.to-item.blog .excerpt {
position: relative;
overflow: hidden;
text-align: center;
} .to-item.blog.quote .to-item-content a,
.to-item.blog.link .to-item-content a {
position: absolute;
top: 0;
bottom: 0;
right: 5%;
left: 5%;
}
.to-masonry .to-item.blog.quote .to-item-content a,
.to-masonry .to-item.blog.link .to-item-content a {
position: relative;
display: block;
top: auto;
bottom: auto;
right: auto;
left: auto;
}
.to-item.blog.quote .post-like a,
.to-item.blog.link .post-like a {
position: relative;
}
.to-item.blog.center .post-like {
display: inline-block;
float: right;
}
.to-item.blog.center .post-like.no-liked {
color: #dddddd;
} .to-item.blog .to-item-author,
.to-item.blog .to-item-date {
position: relative;
display: inline-block;
font-style: italic;
}
.to-item.blog .to-item-author {
font-size: 13px;
}
.to-item.blog .to-item-author a {
position: relative !important;
}
.to-item-author img {
float:left;
width: 26px;
height: 26px;
margin: 7px 7px 7px 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.to-item.blog .to-item-date {
position: relative;
display: block;
width: 100%;
text-align: center;
font-size: 13px;
}
.to-item.center .to-item-date {
display: inline-block;
width: auto;
text-align: left;
float: left;
color: #f2f2f2;
}
.to-item.blog .to-item-date:first-child {
margin: 0 2.5px 0 1px;
}
.to-item.blog .to-item-date i {
position: relative;
font-size: 13px;
height: 13px;
}
.to-item.blog .to-item-cat-holder {
position: absolute;
display: block;
top: 20px;
-webkit-transform: translateZ(0);
}
.to-item.blog .to-item-cat {
height: 16px;
padding: 4px 10px;
line-height: 16px;
font-size: 13px;
border-radius: 25px;
color: #ffffff;
cursor: pointer;
-webkit-transform: translateZ(0);
} .to-item-lightbox-link,
.to-item-audio-link,
.to-item-content-link {
position: absolute;
z-index: -1;
width: 45px;
height: 45px;
top: 50%;
right: 50%;
margin-right: 10px;
margin-top: -22px;
border-radius: 50%;
line-height: 42px;
text-align: center;
font-family: 'Open Sans';
font-size: 38px;
font-weight: 100;
cursor: pointer;
opacity: 0;
}
.to-item.blog .to-item-lightbox-link,
.to-item.blog .to-item-audio-link,
.to-item.blog .to-item-content-link {
margin-right: -22px;
} .to-item.portfolio h2 {
position: absolute;
left: 5%;
right: 5%;
bottom: 50%;
margin-bottom: 10px;
text-align: center;
line-height: 30px;
font-size: 22px;
font-weight: 400;
opacity: 0;
cursor: pointer;
-webkit-backface-visibility: hidden;
-webkit-transform: translateY(-80px);
-moz-transform: translateY(-80px);
-o-transform: translateY(-80px);
-ms-transform: translateY(-80px);
transform: translateY(-80px);
}
.to-item.portfolio a:hover {
color: inherit !important;
}
.to-item.portfolio:hover h2,
.to-item.portstyle3:hover .to-item-cats {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.portstyle3 .to-item-cats {
position: absolute;
top: 50%;
width: 100%;
margin: 0 auto;
text-align: center;
opacity: 0;
pointer-events: none;
-webkit-transform: translateZ(0);
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
-o-transform: translateY(80px);
-ms-transform: translateY(80px);
transform: translateY(80px);
}
.portstyle3 h2 {
margin: 0 !important;	
}
.portstyle3 .post-like {
position: absolute;
bottom: 16px;
left: 22px;
opacity: 0;
}
.to-item.portstyle3 .to-item-lightbox-link,
.to-item.portstyle3 .to-item-audio-link,
.to-item.portstyle3 .to-item-content-link {
position: absolute;
z-index: -1;
width: 40px;
height: 45px;
top: 10px;
right: 10px;
margin-right: 0;
margin-top: 0 !important;
line-height: 42px;
text-align: center;
font-size: 20px;
font-weight: 100;
cursor: pointer;
opacity: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;	
}
.portstyle3 .to-item-lightbox-link i,
.portstyle3 .to-item-audio-link i,
.portstyle3 .to-item-content-link i {
cursor: pointer ;
}
.to-item-lightbox-link,
.to-item-audio-link {
-webkit-transform: translateX(-50px);
-moz-transform: translateX(-50px);
-o-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
}
.to-item-content-link {
-webkit-transform: translateX(50px);
-moz-transform: translateX(50px);
-o-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
}
.portstyle3 .post-like,
.portstyle3 .to-item-lightbox-link,
.portstyle3 .to-item-audio-link,
.portstyle3 .to-item-content-link {
-webkit-transform: scale(1.6,1.6);
-moz-transform: scale(1.6,1.6);
-o-transform: scale(1.6,1.6);
-ms-transform: scale(1.6,1.6);
transform: scale(1.6,1.6);
}
.to-item-audio-link i,
.to-item-content-link i {
cursor: pointer
}
.to-item-content-link {
right: 0;
left: 50%;
margin-left: 10px;
margin-right: 0;
font-weight: lighter;
font-size: 23px;
line-height: 46px;
}
.to-item.video .to-item-lightbox-link {
font-size: 24px;
line-height: 48px;
}
.to-item-audio-link {
font-size: 21px;
line-height: 48px;
}
.to-item .to-item-audio-link .fa-pause:before{
font-family: 'Open Sans' !important;
content: "||";
position: relative;
display: block;
line-height: 42px;
height: 100%;
letter-spacing: -3px;
padding-right: 2.5px;
}
.to-item.blog.center .to-item-audio-link,
.to-item.blog.center .to-item-lightbox-link {
top: 18px;
right: 18px;
margin: 0;
}
.to-item-audio-link .fa-pause {
display: none;
}
.to-item.portfolio .to-item-lightbox-link,
.to-item.portfolio .to-item-audio-link,
.to-item.portfolio .to-item-content-link {
bottom: 50%;
margin-top: 10px;
}
.portstyle3:hover .post-like,
.to-item-image:hover .to-item-lightbox-link,
.to-item-image:hover .to-item-audio-link,
.to-item-image:hover .to-item-content-link,
.to-item.blog.center .to-item-content:hover .to-item-audio-link,
.to-item.blog.center .to-item-content:hover .to-item-lightbox-link {
z-index: 1;
opacity: 1;
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
}
.to-item.blog .to-item-comments,
.to-item.blog .post-like{
position: relative;
display: inline-block;
float: right;
margin: 0 0 0 5px;
cursor: pointer;
}
.to-item.blog .to-item-comments i {
margin: 0 3px;
}
.to-item.blog .to-item-date .fa-clock-o {
position: relative;
display: inline;
font-size: 18px;
top: 2px;
}
.to-item.blog .to-item-social {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 40px;
line-height: 40px;
}
.to-item .to-audio-player {
position: relative;
width: 100%;
height: 30px;
margin: 15px 0 -5px 0;
}
.to-item-time {
position: absolute;
height: 5px;
right: 0;
left: 0;
bottom: 0;
background: rgba(0,0,0,.35);
-webkit-transform: translateZ(0);
cursor: pointer;
}
.to-item-currenttime {
position: absolute;
width: 0;
top: 0;
bottom: 0;
left: 0;
cursor: pointer;
}
.time-float {
position: absolute;
display: none;
width: 36px;
height: 18px;
bottom: 11px;
margin-left: -10px;
text-align: center;
border-radius: 2px;
text-align: center;
font-size: 11px;
line-height: 11px;
color: #fff;
opacity: 0.9;
background: #1a1a1a;
}
.time-float-current {
margin: 3px;
width: 30px;
display: block;
text-align: center;
left: 0;
}
.time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
top: 17px;
left: 5px;
border: solid 6px #1a1a1a;
border-color: #1a1a1a transparent transparent transparent !important;
}
.to-item-image,
.to-item-overlay,
.to-item-content,
.to-item-content:after,
.to-item-social {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
}
.to-item .to-item-img {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
-ms-transition-duration:  0.8s;
transition-duration: 0.8s;
}
.to-item.blog .to-img-gallery,
.to-item.blog .to-item-content,
.to-item.blog .to-item-content:after,
.to-item .to-item-quote-author,
.to-item .to-item-link-from,
.to-item.blog h2 {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration:  0.5s;
transition-duration: 0.5s;
}
.portstyle3 .post-like,
.to-item-lightbox-link,
.to-item-audio-link,
.to-item-content-link,
.to-item-lightbox-link i,
.to-item-audio-link i,
.to-item-content-link i,
.to-item-cat,
.to-item-overlay,
.to-item.portfolio h2,
.to-item.portstyle3 .to-item-cats,
.to-item .to-item-social > div,
.to-item.blog.center .post-like-count,
.to-item-image-pages li,
.grid-home-page .to-grid-filters {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
} .to-item-mobile.blog.wide .to-item-image, 
.to-item-mobile.blog.square.left .to-item-image {
top: 0;
bottom: 50%;
left: 0;
right: 0;
}
.to-item-mobile.blog.wide .to-item-content,
.to-item-mobile.blog.square.left .to-item-content {
top: 50%;
bottom: 0;
left: 0;
right: 0;
}
.to-item-mobile.blog.normal.center .to-item-content,
.to-item-mobile.blog.square.center .to-item-content,
.to-item-mobile.blog.wide.center .to-item-content,
.to-item-mobile.blog.tall.center .to-item-content {
top: auto;
bottom: 0;
left: 0;
right: 0;
padding: 15px 0;
}
.to-item-mobile.blog.normal.center .to-item-content-inner,
.to-item-mobile.blog.square.center .to-item-content-inner,
.to-item-mobile.blog.wide.center .to-item-content-inner,
.to-item-mobile.blog.tall.center .to-item-content-inner {
padding-left: 5%;
padding-right: 5%;
}
.to-item-mobile.blog.normal.center .to-item-image-pages,
.to-item-mobile.blog.square.center .to-item-image-pages,
.to-item-mobile.blog.wide.center .to-item-image-pages,
.to-item-mobile.blog.tall.center .to-item-image-pages  {
right: 5%;
}
.to-item-mobile.blog.quote .to-item-content,
.to-item-mobile.blog.link .to-item-content {
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.to-item-mobile.blog.square.top .to-item-content:after,
.to-item-mobile.blog.square.left .to-item-content:after,
.to-item-mobile.blog.wide .to-item-content:after {
top: -16px;
left: 50%;
margin-top: 0;
margin-left: -15px;
border-left: 16px solid transparent;
border-right: 16px solid transparent; 
border-bottom: 16px solid white; 	
border-top: none; 
}
.to-item-mobile.blog.wide .to-item-content,
.to-item-mobile.blog.square.left .to-item-content,
.to-item-mobile.blog.square.top .to-item-content {
padding: 5% 0 40px 0;
}
.to-item-mobile.blog.square .to-item-content-inner,
.to-item-mobile.blog.wide .to-item-content-inner,
.to-item-mobile.blog.no-image.wide .to-item-content-inner,
.to-item-mobile.blog.no-image.square.left .to-item-content-inner,
.to-item-mobile.blog.square.center .to-item-cat-holder,
.to-item-mobile.blog.square.top .to-item-cat-holder,
.to-item-mobile.blog.square.left .to-item-cat-holder,
.to-item-mobile.blog.wide.quote .to-item-cat-holder,
.to-item-mobile.blog.wide.link .to-item-cat-holder,
.to-item-mobile.blog.square.center .to-item-social,
.to-item-mobile.blog.square.top .to-item-social,
.to-item-mobile.blog.square.left .to-item-social,
.to-item-mobile.blog.wide.quote .to-item-social,
.to-item-mobile.blog.wide.link .to-item-social,
.to-item-mobile.blog.no-image.wide .to-item-social {
padding-left: 5%;
padding-right: 5%;
}
.to-item-mobile.blog.center.wide .to-item-social,
.to-item-mobile.blog.center .to-item-social,
.to-item-mobile.center.link.square .to-item-social,
.to-item-mobile.center.quote.square .to-item-social {
padding-left: 5%;
padding-right: 5%;
}
.to-item-mobile.blog .to-item-image-pages,
.to-item-mobile.blog.center .post-like {
right: 5%;
} .to-item.portfolio.portstyle2 .to-item-image {
height: initial;
top: 0;
bottom: 60px;
}
.to-item.portfolio.portstyle2 .to-item-lightbox-link,
.to-item.portfolio.portstyle2 .to-item-audio-link,
.to-item.portfolio.portstyle2 .to-item-content-link {
margin-top: -22px;
}
.to-item.portfolio.portstyle2 .to-item-meta {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 60px;
font-weight: 600;
-webkit-transform: translate3d(0,0,0);
}
.to-item.portfolio.portstyle2 .to-item-meta h2 {
position: relative;
overflow: hidden;
left: auto;
right: auto;
bottom: auto;
max-height: 44px;
margin: 10px 50px 2px 0;
text-align: left;
line-height: 22px;
font-size: 18px;
font-weight: 600;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.to-item.portfolio.portstyle2 .to-item-meta .post-like {
position: absolute;
top: 10px;
right: 0;	
text-align: right;
}
.to-item.portfolio.portstyle2 .to-item-meta p {
margin: 0 !important;
font-size: 13px;
} .to-masonry .to-item.tall .to-item-wrapper {
position: relative;
display: block;
overflow: hidden;
height: auto;
top: 0;
left: 0;
}
.to-masonry .to-item.tall.portstyle2 .to-item-wrapper {
padding-bottom: 60px;
}
.to-masonry .to-item.portfolio.portstyle2 .to-item-meta {
left: 2.5%;
right: 2.5%;
}
.to-masonry .to-item.tall .to-item-image {
position: relative;
display: block;
top: auto;
bottom: auto;
left: auto;
right: auto;
width: 100%;
height: auto;
}
.to-masonry .to-item.tall .to-item-image .fa-video-camera.no-video-image {
position: relative;
width: 100%;
height: 230px;
margin: 0;
left: auto;
font-size: 42px;
line-height: 230px;
text-align: center;
}
.to-masonry .to-item.tall .to-item-img  {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.to-masonry .to-item.tall .to-item-img:first-child {
position: relative;
display: block;
width: 100%;
height: auto;
top: auto;
bottom: auto;
left: auto;
right: auto;
margin: 0;
padding: 0;
}
.to-masonry .to-item.tall .to-item-img.to-img-gallery {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.to-masonry .to-item.tall .to-item-content {
position: relative;
display: block;
height: auto;
}
.to-masonry .to-item.tall .excerpt {
position: relative;
height: auto;
margin-bottom: 22px;
}
.to-masonry .to-item .excerpt:after {
content: none;
}
.to-masonry .to-item.tall .to-excerpt-masonry i {
position: relative;
display: inline;
margin-top: -3px;
font-weight: bold;
font-size: 3px;
font-weight: 100;
text-decoration: inherit;
letter-spacing: 3px;
line-height: 30px;
}
.to-masonry .to-item.blog.quote.tall h2,
.to-masonry .to-item.blog.link.tall h2 {
margin: 35px 0 60px 0;
}
.to-masonry .to-item.tall .to-item-quote-author {
margin: 0;
padding: 0;
}
.to-masonry .to-item.tall.link .to-item-social,
.to-masonry .to-item.tall.quote .to-item-social {
position: relative;
display: block;
width: 100%;
padding-left: 5%;
padding-right: 5%;
}
.to-related-posts .to-item.blog.center .to-item-content {
padding: 25px 0 10px 0;
}
.to-related-posts .to-item.blog h2, .to-item.blog.center h2 {
font-size: 18px;
line-height: 18px;
}
@media only screen and (max-width : 1000px) {
.to-item h2 {
font-size: 20px !important;
line-height: 22px !important;
}
.to-item.blog.center.square h2 {
font-size: 26px !important;
line-height: 28px !important;
}
}
@media only screen and (max-width : 690px) {
.option-set-mobile {
display: block;
}
.to-grid-filters {
display: none;
}
.grid-home-page .to-grid-filters,
.portfolio-page .to-grid-filters,
.blog-page .to-grid-filters {
display: block;
}
.to-item h2,
.to-item.blog.center.square h2 {
font-size: 20px  !important;
line-height: 22px  !important;
}
}.ui-bar-a {
border: 1px solid 		#333 ;
background: 			#111 ;
color: 					#fff ;
font-weight: bold;
text-shadow: 0 -1px 0 #000 ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c ), to( #111 )); background-image: -webkit-linear-gradient( #3c3c3c , #111 ); background-image:    -moz-linear-gradient( #3c3c3c , #111 ); background-image:     -ms-linear-gradient( #3c3c3c , #111 ); background-image:      -o-linear-gradient( #3c3c3c , #111 ); background-image:         linear-gradient( #3c3c3c , #111 );
}
.ui-bar-a,
.ui-bar-a input,
.ui-bar-a select,
.ui-bar-a textarea,
.ui-bar-a button {
font-family: Helvetica, Arial, sans-serif ;
}
.ui-bar-a .ui-link-inherit {
color: #fff ;
}
.ui-bar-a a.ui-link {
color: #7cc4e7 ;
font-weight: bold;
}
.ui-bar-a a.ui-link:visited {
color: #2489ce ;
}
.ui-bar-a a.ui-link:hover {
color: #2489ce ;
}
.ui-bar-a a.ui-link:active {
color: #2489ce ;
}
.ui-body-a,
.ui-overlay-a {
border: 1px solid 		#444 ;
background: 			#222 ;
color: 					#fff ;
text-shadow: 0 1px 0 #111 ;
font-weight: normal;
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 )); background-image: -webkit-linear-gradient( #444 , #222 ); background-image:    -moz-linear-gradient( #444 , #222 ); background-image:     -ms-linear-gradient( #444 , #222 ); background-image:      -o-linear-gradient( #444 , #222 ); background-image:         linear-gradient( #444 , #222 );	
}
.ui-overlay-a {
background-image: none;
border-width: 0;
}
.ui-body-a,
.ui-body-a input,
.ui-body-a select,
.ui-body-a textarea,
.ui-body-a button {
font-family: Helvetica, Arial, sans-serif ;
}
.ui-body-a .ui-link-inherit {
color: 	#fff ;
}
.ui-body-a .ui-link {
color: #2489ce ;
font-weight: bold;
}
.ui-body-a .ui-link:visited {
color: #2489ce ;
}
.ui-body-a .ui-link:hover {
color: #2489ce ;
}
.ui-body-a .ui-link:active {
color: #2489ce ;
}
.ui-btn-up-a {
border: 1px solid 		#111 ;
background: 			#333 ;
font-weight: bold;
color: 					#fff ;
text-shadow: 0 1px 0 #111 ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #2d2d2d )); background-image: -webkit-linear-gradient( #444 , #2d2d2d ); background-image:    -moz-linear-gradient( #444 , #2d2d2d ); background-image:     -ms-linear-gradient( #444 , #2d2d2d ); background-image:      -o-linear-gradient( #444 , #2d2d2d ); background-image:         linear-gradient( #444 , #2d2d2d );
}
.ui-btn-up-a:visited,
.ui-btn-up-a a.ui-link-inherit {
color: 					#fff ;
}
.ui-btn-hover-a {
border: 1px solid 		#000 ;
background: 			#444 ;
font-weight: bold;
color: 					#fff ;
text-shadow: 0 1px 0 #111 ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #555 ), to( #383838 )); background-image: -webkit-linear-gradient( #555 , #383838 ); background-image:    -moz-linear-gradient( #555 , #383838 ); background-image:     -ms-linear-gradient( #555 , #383838 ); background-image:      -o-linear-gradient( #555 , #383838 ); background-image:         linear-gradient( #555 , #383838 );
}
.ui-btn-hover-a:visited,
.ui-btn-hover-a:hover,
.ui-btn-hover-a a.ui-link-inherit {
color: 					#fff ;
}
.ui-btn-down-a {
border: 1px solid 		#000 ;
background: 			#222 ;
font-weight: bold;
color: 					#fff ;
text-shadow: 0 1px 0 #111 ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 ), to( #2c2c2c )); background-image: -webkit-linear-gradient( #202020 , #2c2c2c ); background-image:    -moz-linear-gradient( #202020 , #2c2c2c ); background-image:     -ms-linear-gradient( #202020 , #2c2c2c ); background-image:      -o-linear-gradient( #202020 , #2c2c2c ); background-image:         linear-gradient( #202020 , #2c2c2c );
}
.ui-btn-down-a:visited,
.ui-btn-down-a:hover,
.ui-btn-down-a a.ui-link-inherit {
color: 					#fff ;
}
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a {
font-family: Helvetica, Arial, sans-serif ;
text-decoration: none;
} .ui-bar-b {
border: 1px solid 		#456f9a ;
background: 			#5e87b0 ;
color: 					#fff ;
font-weight: bold;
text-shadow: 0 1px 0 #3e6790 ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 ), to( #497bae )); background-image: -webkit-linear-gradient( #6facd5 , #497bae ); background-image:    -moz-linear-gradient( #6facd5 , #497bae ); background-image:     -ms-linear-gradient( #6facd5 , #497bae ); background-image:      -o-linear-gradient( #6facd5 , #497bae ); background-image:         linear-gradient( #6facd5 , #497bae );
}
.ui-bar-b,
.ui-bar-b input,
.ui-bar-b select,
.ui-bar-b textarea,
.ui-bar-b button {
font-family: Helvetica, Arial, sans-serif ;
}
.ui-bar-b .ui-link-inherit {
color: 	#fff ;
}
.ui-bar-b a.ui-link {
color: #ddf0f8 ;
font-weight: bold;
}
.ui-bar-b a.ui-link:visited {
color: #ddf0f8 ;
}
.ui-bar-b a.ui-link:hover {
color: #ddf0f8 ;
}
.ui-bar-b a.ui-link:active {
color: #ddf0f8 ;
}
.ui-body-b,
.ui-overlay-b {
border: 1px solid 		#999 ;
background: 			#f3f3f3 ;
color: 					#222 ;
text-shadow: 0 1px 0 #fff ;
font-weight: normal;
background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd ), to( #ccc )); background-image: -webkit-linear-gradient( #ddd , #ccc ); background-image:    -moz-linear-gradient( #ddd , #ccc ); background-image:     -ms-linear-gradient( #ddd , #ccc ); background-image:      -o-linear-gradient( #ddd , #ccc ); background-image:         linear-gradient( #ddd , #ccc );
}
.ui-overlay-b {
background-image: none;
border-width: 0;
}
.ui-body-b,
.ui-body-b input,
.ui-body-b select,
.ui-body-b textarea,
.ui-body-b button {
font-family: Helvetica, Arial, sans-serif ;
}
.ui-body-b .ui-link-inherit {
color: 	#333 ;
}
.ui-body-b .ui-link {
color: #2489ce ;
font-weight: bold;
}
.ui-body-b .ui-link:visited {
color: #2489ce ;
}
.ui-body-b .ui-link:hover {
color: #2489ce ;
}
.ui-body-b .ui-link:active {
color: #2489ce ;
}
.ui-btn-up-b {
border: 1px solid 		#044062 ;
background: 			#396b9e ;
font-weight: bold;
color: 					#fff ;
text-shadow: 0 1px 0 #194b7e ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 ), to( #396b9e )); background-image: -webkit-linear-gradient( #5f9cc5 , #396b9e ); background-image:    -moz-linear-gradient( #5f9cc5 , #396b9e ); background-image:     -ms-linear-gradient( #5f9cc5 , #396b9e ); background-image:      -o-linear-gradient( #5f9cc5 , #396b9e ); background-image:         linear-gradient( #5f9cc5 , #396b9e );
}
.ui-btn-up-b:visited,
.ui-btn-up-b a.ui-link-inherit {
color: 					#fff ;
}
.ui-btn-hover-b {
border: 1px solid 		#00415e ;
background: 			#4b88b6 ;
font-weight: bold;
color: 					#fff ;
text-shadow: 0 1px 0 #194b7e ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 ), to( #4272a4 )); background-image: -webkit-linear-gradient( #6facd5 , #4272a4 ); background-image:    -moz-linear-gradient( #6facd5 , #4272a4 ); background-image:     -ms-linear-gradient( #6facd5 , #4272a4 ); background-image:      -o-linear-gradient( #6facd5 , #4272a4 ); background-image:         linear-gradient( #6facd5 , #4272a4 );
}
.ui-btn-hover-b:visited,
.ui-btn-hover-b:hover,
.ui-btn-hover-b a.ui-link-inherit {
color: 					#fff ;
}
.ui-btn-down-b {
border: 1px solid 		#225377 ;
background: 			#4e89c5 ;
font-weight: bold;
color: 					#fff ;
text-shadow: 0 1px 0 #194b7e ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e ), to( #3e79b5 )); background-image: -webkit-linear-gradient( #295b8e , #3e79b5 ); background-image:    -moz-linear-gradient( #295b8e , #3e79b5 ); background-image:     -ms-linear-gradient( #295b8e , #3e79b5 ); background-image:      -o-linear-gradient( #295b8e , #3e79b5 ); background-image:         linear-gradient( #295b8e , #3e79b5 );
}
.ui-btn-down-b:visited,
.ui-btn-down-b:hover,
.ui-btn-down-b a.ui-link-inherit {
color: 					#fff ;
}
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b {
font-family: Helvetica, Arial, sans-serif ;
text-decoration: none;
} .ui-bar-c {
border: 1px solid 		#b3b3b3 ;
background: 			#eee ;
color: 					#3e3e3e ;
font-weight: bold;
text-shadow: 0 1px 0 #fff ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 ), to( #ddd )); background-image: -webkit-linear-gradient( #f0f0f0 , #ddd ); background-image:    -moz-linear-gradient( #f0f0f0 , #ddd ); background-image:     -ms-linear-gradient( #f0f0f0 , #ddd ); background-image:      -o-linear-gradient( #f0f0f0 , #ddd ); background-image:         linear-gradient( #f0f0f0 , #ddd );
}
.ui-bar-c .ui-link-inherit {
color: 	#3e3e3e ;
}
.ui-bar-c a.ui-link {
color: #7cc4e7 ;
font-weight: bold;
}
.ui-bar-c a.ui-link:visited {
color: #2489ce ;
}
.ui-bar-c a.ui-link:hover {
color: #2489ce ;
}
.ui-bar-c a.ui-link:active {
color: #2489ce ;
}
.ui-bar-c,
.ui-bar-c input,
.ui-bar-c select,
.ui-bar-c textarea,
.ui-bar-c button {
font-family: Helvetica, Arial, sans-serif ;
}
.ui-body-c,
.ui-overlay-c {
border: 1px solid 		#aaa ;
color: 					#333 ;
text-shadow: 0 1px 0 #fff ;
background: 			#f9f9f9 ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 ), to( #eee )); background-image: -webkit-linear-gradient( #f9f9f9 , #eee ); background-image:    -moz-linear-gradient( #f9f9f9 , #eee ); background-image:     -ms-linear-gradient( #f9f9f9 , #eee ); background-image:      -o-linear-gradient( #f9f9f9 , #eee ); background-image:         linear-gradient( #f9f9f9 , #eee );
}
.ui-overlay-c {
background-image: none;
border-width: 0;
}
.ui-body-c,
.ui-body-c input,
.ui-body-c select,
.ui-body-c textarea,
.ui-body-c button {
font-family: Helvetica, Arial, sans-serif ;
}
.ui-body-c .ui-link-inherit {
color: 	#333 ;
}
.ui-body-c .ui-link {
color: #2489ce ;
font-weight: bold;
}
.ui-body-c .ui-link:visited {
color: #2489ce ;
}
.ui-body-c .ui-link:hover {
color: #2489ce ;
}
.ui-body-c .ui-link:active {
color: #2489ce ;
}
.ui-btn-up-c {
border: 1px solid 		#ccc ;
background: 			#eee ;
font-weight: bold;
color: 					#222 ;
text-shadow: 0 1px 0 #fff ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #fff ), to( #f1f1f1 )); background-image: -webkit-linear-gradient( #fff , #f1f1f1 ); background-image:    -moz-linear-gradient( #fff , #f1f1f1 ); background-image:     -ms-linear-gradient( #fff , #f1f1f1 ); background-image:      -o-linear-gradient( #fff , #f1f1f1 ); background-image:         linear-gradient( #fff , #f1f1f1 );
}
.ui-btn-up-c:visited,
.ui-btn-up-c a.ui-link-inherit {
color: 					#2f3e46 ;
}
.ui-btn-hover-c {
border: 1px solid 		#bbb ;
background: 			#dfdfdf ;
font-weight: bold;
color: 					#222 ;
text-shadow: 0 1px 0 #fff ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 ), to( #e0e0e0 )); background-image: -webkit-linear-gradient( #f6f6f6 , #e0e0e0 ); background-image:    -moz-linear-gradient( #f6f6f6 , #e0e0e0 ); background-image:     -ms-linear-gradient( #f6f6f6 , #e0e0e0 ); background-image:      -o-linear-gradient( #f6f6f6 , #e0e0e0 ); background-image:         linear-gradient( #f6f6f6 , #e0e0e0 );
}
.ui-btn-hover-c:visited,
.ui-btn-hover-c:hover,
.ui-btn-hover-c a.ui-link-inherit {
color: 					#2f3e46 ;
}
.ui-btn-down-c {
border: 1px solid 		#bbb ;
background: 			#d6d6d6 ;
font-weight: bold;
color: 					#222 ;
text-shadow: 0 1px 0 #fff ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 ), to( #dfdfdf )); background-image: -webkit-linear-gradient( #d0d0d0 , #dfdfdf ); background-image:    -moz-linear-gradient( #d0d0d0 , #dfdfdf ); background-image:     -ms-linear-gradient( #d0d0d0 , #dfdfdf ); background-image:      -o-linear-gradient( #d0d0d0 , #dfdfdf ); background-image:         linear-gradient( #d0d0d0 , #dfdfdf );
}
.ui-btn-down-c:visited,
.ui-btn-down-c:hover,
.ui-btn-down-c a.ui-link-inherit {
color: 					#2f3e46 ;
}
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c {
font-family: Helvetica, Arial, sans-serif ;
text-decoration: none;
} .ui-bar-d {
border: 1px solid 		#bbb ;
background: 			#bbb ;
color: 					#333 ;
font-weight: bold;
text-shadow: 0 1px 0 #eee ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd ), to( #bbb )); background-image: -webkit-linear-gradient( #ddd , #bbb ); background-image:    -moz-linear-gradient( #ddd , #bbb ); background-image:     -ms-linear-gradient( #ddd , #bbb ); background-image:      -o-linear-gradient( #ddd , #bbb ); background-image:         linear-gradient( #ddd , #bbb );
}
.ui-bar-d,
.ui-bar-d input,
.ui-bar-d select,
.ui-bar-d textarea,
.ui-bar-d button {
font-family: Helvetica, Arial, sans-serif ;
}
.ui-bar-d .ui-link-inherit {
color: 	#333 ;
}
.ui-bar-d a.ui-link {
color: #2489ce ;
font-weight: bold;
}
.ui-bar-d a.ui-link:visited {
color: #2489ce ;
}
.ui-bar-d a.ui-link:hover {
color: #2489ce ;
}
.ui-bar-d a.ui-link:active {
color: #2489ce ;
}
.ui-body-d,
.ui-overlay-d {
border: 1px solid 		#bbb ;
color: 					#333 ;
text-shadow: 0 1px 0 #fff ;
background: 			#fff ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #fff ), to( #fff )); background-image: -webkit-linear-gradient( #fff , #fff ); background-image:    -moz-linear-gradient( #fff , #fff ); background-image:     -ms-linear-gradient( #fff , #fff ); background-image:      -o-linear-gradient( #fff , #fff ); background-image:         linear-gradient( #fff , #fff );
}
.ui-overlay-d {
background-image: none;
border-width: 0;
}
.ui-body-d,
.ui-body-d input,
.ui-body-d select,
.ui-body-d textarea,
.ui-body-d button {
font-family: Helvetica, Arial, sans-serif ;
}
.ui-body-d .ui-link-inherit {
color: 	#333 ;
}
.ui-body-d .ui-link {
color: #2489ce ;
font-weight: bold;
}
.ui-body-d .ui-link:visited {
color: #2489ce ;
}
.ui-body-d .ui-link:hover {
color: #2489ce ;
}
.ui-body-d .ui-link:active {
color: #2489ce ;
}
.ui-btn-up-d {
border: 1px solid 		#bbb ;
background: 			#fff ;
font-weight: bold;
color: 					#333 ;
text-shadow: 0 1px 0 #fff ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa ), to( #f6f6f6 )); background-image: -webkit-linear-gradient( #fafafa , #f6f6f6 ); background-image:    -moz-linear-gradient( #fafafa , #f6f6f6 ); background-image:     -ms-linear-gradient( #fafafa , #f6f6f6 ); background-image:      -o-linear-gradient( #fafafa , #f6f6f6 ); background-image:         linear-gradient( #fafafa , #f6f6f6 );
}
.ui-btn-up-d:visited,
.ui-btn-up-d a.ui-link-inherit {
color: 					#333 ;
}
.ui-btn-hover-d {
border: 1px solid 		#aaa ;
background: 			#eee ;
font-weight: bold;
color: 					#333 ;
cursor: pointer;
text-shadow: 0 1px 0 #fff ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #eee ), to( #fff )); background-image: -webkit-linear-gradient( #eee , #fff ); background-image:    -moz-linear-gradient( #eee , #fff ); background-image:     -ms-linear-gradient( #eee , #fff ); background-image:      -o-linear-gradient( #eee , #fff ); background-image:         linear-gradient( #eee , #fff );
}
.ui-btn-hover-d:visited,
.ui-btn-hover-d:hover,
.ui-btn-hover-d a.ui-link-inherit {
color: 					#333 ;
}
.ui-btn-down-d {
border: 1px solid 		#aaa ;
background: 			#eee ;
font-weight: bold;
color: 					#333 ;
text-shadow: 0 1px 0 #fff ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 ), to( #f2f2f2 )); background-image: -webkit-linear-gradient( #e5e5e5 , #f2f2f2 ); background-image:    -moz-linear-gradient( #e5e5e5 , #f2f2f2 ); background-image:     -ms-linear-gradient( #e5e5e5 , #f2f2f2 ); background-image:      -o-linear-gradient( #e5e5e5 , #f2f2f2 ); background-image:         linear-gradient( #e5e5e5 , #f2f2f2 );
}
.ui-btn-down-d:visited,
.ui-btn-down-d:hover,
.ui-btn-down-d a.ui-link-inherit {
color: 					#333 ;
}
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d {
font-family: Helvetica, Arial, sans-serif ;
text-decoration: none;
} .ui-bar-e {
border: 1px solid 		#f7c942 ;
background: 			#fadb4e ;
color: 					#333 ;
font-weight: bold;
text-shadow: 0 1px 0 #fff ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 ), to( #fbef7e )); background-image: -webkit-linear-gradient( #fceda7 , #fbef7e ); background-image:    -moz-linear-gradient( #fceda7 , #fbef7e ); background-image:     -ms-linear-gradient( #fceda7 , #fbef7e ); background-image:      -o-linear-gradient( #fceda7 , #fbef7e ); background-image:         linear-gradient( #fceda7 , #fbef7e );
}
.ui-bar-e,
.ui-bar-e input,
.ui-bar-e select,
.ui-bar-e textarea,
.ui-bar-e button {
font-family: Helvetica, Arial, sans-serif ;
}
.ui-bar-e .ui-link-inherit {
color: 	#333 ;
}
.ui-bar-e a.ui-link {
color: #2489ce ;
font-weight: bold;
}
.ui-bar-e a.ui-link:visited {
color: #2489ce ;
}
.ui-bar-e a.ui-link:hover {
color: #2489ce ;
}
.ui-bar-e a.ui-link:active {
color: #2489ce ;
}
.ui-body-e,
.ui-overlay-e {
border: 1px solid 		#f7c942 ;
color: 					#222 ;
text-shadow: 0 1px 0 #fff ;
background: 			#fff9df ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf ), to( #fff3a5 )); background-image: -webkit-linear-gradient( #fffadf , #fff3a5 ); background-image:    -moz-linear-gradient( #fffadf , #fff3a5 ); background-image:     -ms-linear-gradient( #fffadf , #fff3a5 ); background-image:      -o-linear-gradient( #fffadf , #fff3a5 ); background-image:         linear-gradient( #fffadf , #fff3a5 );
}
.ui-overlay-e {
background-image: none;
border-width: 0;
}
.ui-body-e,
.ui-body-e input,
.ui-body-e select,
.ui-body-e textarea,
.ui-body-e button {
font-family: Helvetica, Arial, sans-serif ;
}
.ui-body-e .ui-link-inherit {
color: 	#222 ;
}
.ui-body-e .ui-link {
color: #2489ce ;
font-weight: bold;
}
.ui-body-e .ui-link:visited {
color: #2489ce ;
}
.ui-body-e .ui-link:hover {
color: #2489ce ;
}
.ui-body-e .ui-link:active {
color: #2489ce ;
}
.ui-btn-up-e {
border: 1px solid 		#f4c63f ;
background: 			#fadb4e ;
font-weight: bold;
color: 					#222 ;
text-shadow: 0 1px 0 #fff ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa ), to( #ffe155 )); background-image: -webkit-linear-gradient( #ffefaa , #ffe155 ); background-image:    -moz-linear-gradient( #ffefaa , #ffe155 ); background-image:     -ms-linear-gradient( #ffefaa , #ffe155 ); background-image:      -o-linear-gradient( #ffefaa , #ffe155 ); background-image:         linear-gradient( #ffefaa , #ffe155 );
}
.ui-btn-up-e:visited,
.ui-btn-up-e a.ui-link-inherit {
color: 					#222 ;
}
.ui-btn-hover-e {
border: 1px solid 		#f2c43d ;
background: 			#fbe26f ;
font-weight: bold;
color: 					#111 ;
text-shadow: 0 1px 0 #fff ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba ), to( #fbdd52 )); background-image: -webkit-linear-gradient( #fff5ba , #fbdd52 ); background-image:    -moz-linear-gradient( #fff5ba , #fbdd52 ); background-image:     -ms-linear-gradient( #fff5ba , #fbdd52 ); background-image:      -o-linear-gradient( #fff5ba , #fbdd52 ); background-image:         linear-gradient( #fff5ba , #fbdd52 );
}
.ui-btn-hover-e:visited,
.ui-btn-hover-e:hover,
.ui-btn-hover-e a.ui-link-inherit {
color: 					#333 ;
}
.ui-btn-down-e {
border: 1px solid 		#f2c43d ;
background: 			#fceda7 ;
font-weight: bold;
color: 					#111 ;
text-shadow: 0 1px 0 #fff ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c ), to( #fadb4e )); background-image: -webkit-linear-gradient( #f8d94c , #fadb4e ); background-image:    -moz-linear-gradient( #f8d94c , #fadb4e ); background-image:     -ms-linear-gradient( #f8d94c , #fadb4e ); background-image:      -o-linear-gradient( #f8d94c , #fadb4e ); background-image:         linear-gradient( #f8d94c , #fadb4e );
}
.ui-btn-down-e:visited,
.ui-btn-down-e:hover,
.ui-btn-down-e a.ui-link-inherit {
color: 					#333 ;
}
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e {
font-family: Helvetica, Arial, sans-serif ;
text-decoration: none;
}  a.ui-link-inherit {
text-decoration: none !important;
} .ui-btn-active {
border: 1px solid 		#2373a5 ;
background: 			#5393c5 ;
font-weight: bold;
color: 					#fff ;
cursor: pointer;
text-shadow: 0 1px 0 #3373a5 ;
text-decoration: none;
background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 ), to( #6facd5 )); background-image: -webkit-linear-gradient( #5393c5 , #6facd5 ); background-image:    -moz-linear-gradient( #5393c5 , #6facd5 ); background-image:     -ms-linear-gradient( #5393c5 , #6facd5 ); background-image:      -o-linear-gradient( #5393c5 , #6facd5 ); background-image:         linear-gradient( #5393c5 , #6facd5 );
font-family: Helvetica, Arial, sans-serif ;
}
.ui-btn-active:visited,
.ui-btn-active:hover,
.ui-btn-active a.ui-link-inherit {
color: 					#fff ;
} .ui-btn-inner {
border-top: 1px solid 	#fff;
border-color: 			rgba(255,255,255,.3);
} .ui-corner-all {
-webkit-border-radius: 				.6em ;
border-radius: 						.6em ;
} .ui-br {
border-color: rgb(130,130,130);
border-color: rgba(130,130,130,.3);
border-style: solid;
} .ui-disabled {
filter: Alpha(Opacity=30);
opacity: .3;
zoom: 1;
}
.ui-disabled,
.ui-disabled a {
cursor: default !important;
pointer-events: none;
} .ui-icon,
.ui-icon-searchfield:after {
background-color: 						#666 ;
background-color: 						rgba(0,0,0,.4) ;
background-image: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/css/images/icons-18-white.png) ;
background-repeat: no-repeat;
-webkit-border-radius: 				9px;
border-radius: 						9px;
} .ui-icon-alt .ui-icon,
.ui-icon-alt .ui-icon-searchfield:after {
background-color: 						#fff;
background-color: 						rgba(255,255,255,.3);
background-image: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/css/images/icons-18-black.png);
background-repeat: no-repeat;
} .ui-icon-nodisc .ui-icon,
.ui-icon-nodisc .ui-icon-searchfield:after,
.ui-icon-nodisc .ui-icon-alt .ui-icon,
.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after {
background-color: transparent;
}  .ui-icon-plus {
background-position: 	-1px -1px;
}
.ui-icon-minus {
background-position: 	-37px -1px;
} .ui-icon-delete {
background-position: 	-73px -1px;
} .ui-icon-arrow-r {
background-position: 	-108px -1px;
}
.ui-icon-arrow-l {
background-position: 	-144px -1px;
}
.ui-icon-arrow-u {
background-position: 	-180px -1px;
}
.ui-icon-arrow-d {
background-position: 	-216px -1px;
} .ui-icon-check {
background-position: 	-252px -1px;
}
.ui-icon-gear {
background-position: 	-288px -1px;
}
.ui-icon-refresh {
background-position: 	-323px -1px;
}
.ui-icon-forward {
background-position: 	-360px -1px;
}
.ui-icon-back {
background-position: 	-396px -1px;
}
.ui-icon-grid {
background-position: 	-432px -1px;
}
.ui-icon-star {
background-position: 	-467px -1px;
}
.ui-icon-alert {
background-position: 	-503px -1px;
}
.ui-icon-info {
background-position: 	-539px -1px;
}
.ui-icon-home {
background-position: 	-575px -1px;
} .ui-icon-search,
.ui-icon-searchfield:after {
background-position: 	-611px -1px;
} .ui-icon-checkbox-on {
background-position: 	-647px -1px;
}
.ui-icon-checkbox-off {
background-position: 	-683px -1px;
}
.ui-icon-radio-on {
background-position: 	-718px -1px;
}
.ui-icon-radio-off {
background-position: 	-754px -1px;
} .ui-icon-bars {
background-position: 	-788px -1px;
}
.ui-icon-edit {
background-position: 	-824px -1px;
} @media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (min-resolution: 200dpi) {
.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
.ui-icon-search, .ui-icon-searchfield:after, 
.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
background-image: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/css/images/icons-36-white.png);
-moz-background-size: 864px 18px;
-o-background-size: 864px 18px;
-webkit-background-size: 864px 18px;
background-size: 864px 18px;
}
.ui-icon-alt .ui-icon {
background-image: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/css/images/icons-36-black.png);
}
.ui-icon-plus {
background-position: 	0 50%;
}
.ui-icon-minus {
background-position: 	-36px 50%;
}
.ui-icon-delete {
background-position: 	-72px 50%;
}
.ui-icon-arrow-r {
background-position: 	-108px 50%;
}
.ui-icon-arrow-l {
background-position: 	-144px 50%;
}
.ui-icon-arrow-u {
background-position: 	-179px 50%;
}
.ui-icon-arrow-d {
background-position: 	-215px 50%;
}
.ui-icon-check {
background-position: 	-252px 50%;
}
.ui-icon-gear {
background-position: 	-287px 50%;
}
.ui-icon-refresh {
background-position: 	-323px 50%;
}
.ui-icon-forward {
background-position: 	-360px 50%;
}
.ui-icon-back {
background-position: 	-395px 50%;
}
.ui-icon-grid {
background-position: 	-431px 50%;
}
.ui-icon-star {
background-position: 	-467px 50%;
}
.ui-icon-alert {
background-position: 	-503px 50%;
}
.ui-icon-info {
background-position: 	-538px 50%;
}
.ui-icon-home {
background-position: 	-575px 50%;
}
.ui-icon-search,
.ui-icon-searchfield:after {
background-position: 	-611px 50%;
}
.ui-icon-checkbox-on {
background-position: 	-647px 50%;
}
.ui-icon-checkbox-off {
background-position: 	-683px 50%;
}
.ui-icon-radio-on {
background-position: 	-718px 50%;
}
.ui-icon-radio-off {
background-position: 	-754px 50%;
}
.ui-icon-bars {
background-position: 	-788px 50%;
}.ui-icon-edit {
background-position: 	-824px 50%;
}
} .ui-checkbox .ui-icon,
.ui-selectmenu-list .ui-icon {
-webkit-border-radius: 3px;
border-radius: 3px;
}
.ui-icon-checkbox-off,
.ui-icon-radio-off {
background-color: transparent;	
}
.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon {
background-color: #4596ce ; } .ui-icon-loading {
background: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/css/images/ajax-loader.gif);
background-size: 46px 46px;
} .ui-btn-corner-all {
-webkit-border-radius: 				1em ;
border-radius: 						1em ;
} .ui-corner-all,
.ui-btn-corner-all {
-webkit-background-clip: padding;
background-clip: padding-box;
} .ui-overlay {
background: #666;
filter: Alpha(Opacity=50);
opacity: .5;
position: absolute;
width: 100%;
height: 100%;
}
.ui-overlay-shadow {
-moz-box-shadow: 0 0 12px 			rgba(0,0,0,.6);
-webkit-box-shadow: 0 0 12px 		rgba(0,0,0,.6);
box-shadow: 0 0 12px 				rgba(0,0,0,.6);
}
.ui-shadow {
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2) ;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2) ;
box-shadow: 0 1px 3px rgba(0,0,0,.2) }
.ui-bar-a .ui-shadow,
.ui-bar-b .ui-shadow ,
.ui-bar-c .ui-shadow  {
-moz-box-shadow: 0 1px 0 				rgba(255,255,255,.3);
-webkit-box-shadow: 0 1px 0 			rgba(255,255,255,.3);
box-shadow: 0 1px 0 					rgba(255,255,255,.3);
}
.ui-shadow-inset {
-moz-box-shadow: inset 0 1px 4px 		rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 4px 	rgba(0,0,0,.2);
box-shadow: inset 0 1px 4px 			rgba(0,0,0,.2);
}
.ui-icon-shadow {
-moz-box-shadow: 0 1px 0 				rgba(255,255,255,.4) ;
-webkit-box-shadow: 0 1px 0 			rgba(255,255,255,.4) ;
box-shadow: 0 1px 0 					rgba(255,255,255,.4) ;
} .ui-btn:focus, .ui-link-inherit:focus {
outline: 0;
}
.ui-btn.ui-focus {
z-index: 1;
}
.ui-focus,
.ui-btn:focus {
-moz-box-shadow: inset 0 0 3px 		#387bbe , 0 0 9px 		#387bbe ;
-webkit-box-shadow: inset 0 0 3px 	#387bbe , 0 0 9px 		#387bbe ;
box-shadow: inset 0 0 3px 			#387bbe , 0 0 9px 		#387bbe ;
}
.ui-input-text.ui-focus,
.ui-input-search.ui-focus {
-moz-box-shadow: 0 0 12px 			#387bbe ;
-webkit-box-shadow: 0 0 12px 		#387bbe ;
box-shadow: 0 0 12px 					#387bbe ;	
} .ui-mobile-nosupport-boxshadow * {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
} .ui-mobile-nosupport-boxshadow .ui-focus,
.ui-mobile-nosupport-boxshadow .ui-btn:focus,
.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
outline-width: 1px;
outline-style: auto;
} .ui-mobile, .ui-mobile body { height: 99.9%; }
.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
.ui-mobile a img, .ui-mobile fieldset { border-width: 0; } .ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body.ui-mobile-viewport,
div.ui-mobile-viewport { overflow-x: hidden; } .ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
.ui-mobile .ui-page-active { display: block; overflow: visible; } .ui-page { outline: none; } @media screen and (orientation: portrait){
.ui-mobile .ui-page { min-height: 420px; }
}
@media screen and (orientation: landscape){
.ui-mobile .ui-page { min-height: 300px; }
} .ui-loading .ui-loader { display: block; }
.ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; border:0; }
.ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
.ui-loader-verbose { width: 200px; filter: Alpha(Opacity=88); opacity: .88; box-shadow: 0 1px 1px -1px #fff; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; }
.ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
.ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
.ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; border-radius: 36px; }
.ui-loader-verbose .ui-icon { margin: 0 auto 10px; filter: Alpha(Opacity=75); opacity: .75; }
.ui-loader-textonly { padding: 15px; margin-left: -115px; }
.ui-loader-textonly .ui-icon { display: none; }
.ui-loader-fakefix { position: absolute; } .ui-mobile-rendering > * { visibility: hidden; } .ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
.ui-bar { font-size: 16px; margin: 0; }
.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
.ui-header, .ui-footer { position: relative; zoom: 1; }
.ui-mobile .ui-header, .ui-mobile .ui-footer { border-left-width: 0; border-right-width: 0; }
.ui-header .ui-btn-left,
.ui-header .ui-btn-right,
.ui-footer .ui-btn-left,
.ui-footer .ui-btn-right,
.ui-header-fixed.ui-fixed-hidden .ui-btn-left,
.ui-header-fixed.ui-fixed-hidden .ui-btn-right { position: absolute; top: 3px; }
.ui-header-fixed .ui-btn-left,
.ui-header-fixed .ui-btn-right { top: 4px;}
.ui-header .ui-btn-left,
.ui-footer .ui-btn-left { left: 5px; }
.ui-header .ui-btn-right,
.ui-footer .ui-btn-right { right: 5px; }
.ui-footer > .ui-btn-icon-notext,
.ui-header > .ui-btn-icon-notext,
.ui-header-fixed.ui-fixed-hidden > .ui-btn-icon-notext { top: 6px; }
.ui-header-fixed > .ui-btn-icon-notext { top: 7px;}
.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 30% .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
.ui-footer .ui-title { margin: .6em 15px .8em; } .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; } .ui-corner-all > .ui-header:first-child,
.ui-corner-all > .ui-content:first-child,
.ui-corner-all > .ui-footer:first-child {
-webkit-border-top-left-radius: inherit;
border-top-left-radius: inherit;
-webkit-border-top-right-radius: inherit;
border-top-right-radius: inherit;
}
.ui-corner-all > .ui-header:last-child,
.ui-corner-all > .ui-content:last-child,
.ui-corner-all > .ui-footer:last-child {
-webkit-border-bottom-left-radius: inherit;
border-bottom-left-radius: inherit;
-webkit-border-bottom-right-radius: inherit;
border-bottom-right-radius: inherit;
} .ui-icon { width: 18px; height: 18px; } .ui-nojs { position: absolute; left: -9999px; } .ui-hide-label label.ui-input-text, .ui-hide-label label.ui-select, .ui-hide-label label.ui-slider, .ui-hide-label label.ui-submit, .ui-hide-label .ui-controlgroup-label,
.ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
width: 100%;
height: 100%;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ui-page-pre-in {
opacity: 0;
}
.in {
-webkit-animation-timing-function: ease-out;
-webkit-animation-duration: 350ms;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 350ms;
animation-timing-function: ease-out;
animation-duration: 350ms;
}
.out {
-webkit-animation-timing-function: ease-in;
-webkit-animation-duration: 225ms;
-moz-animation-timing-function: ease-in;
-moz-animation-duration: 225ms;
animation-timing-function: ease-in;
animation-duration: 225ms;
}
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-webkit-keyframes fadeout {
from { opacity: 1; }
to { opacity: 0; }
}
@-moz-keyframes fadeout {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes fadeout {
from { opacity: 1; }
to { opacity: 0; }
}
.fade.out {
opacity: 0;
-webkit-animation-duration: 125ms;
-webkit-animation-name: fadeout;
-moz-animation-duration: 125ms;
-moz-animation-name: fadeout;
animation-duration: 125ms;
animation-name: fadeout;
}
.fade.in {
opacity: 1;
-webkit-animation-duration: 225ms;
-webkit-animation-name: fadein;
-moz-animation-duration: 225ms;
-moz-animation-name: fadein;
animation-duration: 225ms;
animation-name: fadein;
}
.pop {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.pop.in {
-webkit-transform: scale(1);
-webkit-animation-name: popin;
-webkit-animation-duration: 350ms;
-moz-transform: scale(1);
-moz-animation-name: popin;
-moz-animation-duration: 350ms;
transform: scale(1);
animation-name: popin;
animation-duration: 350ms;
opacity: 1;
}
.pop.out {
-webkit-animation-name: fadeout;
-webkit-animation-duration: 100ms;
-moz-animation-name: fadeout;
-moz-animation-duration: 100ms;
animation-name: fadeout;
animation-duration: 100ms;
opacity: 0;
}
.pop.in.reverse {
-webkit-animation-name: fadein;
-moz-animation-name: fadein;
animation-name: fadein;
}
.pop.out.reverse {
-webkit-transform: scale(.8);
-webkit-animation-name: popout;
-moz-transform: scale(.8);
-moz-animation-name: popout;
transform: scale(.8);
animation-name: popout;
}
@-webkit-keyframes popin {
from {
-webkit-transform: scale(.8);
opacity: 0;
}
to {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes popin {
from {
-moz-transform: scale(.8);
opacity: 0;
}
to {
-moz-transform: scale(1);
opacity: 1;
}
}
@keyframes popin {
from {
transform: scale(.8);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes popout {
from {
-webkit-transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(.8);
opacity: 0;
}
}
@-moz-keyframes popout {
from {
-moz-transform: scale(1);
opacity: 1;
}
to {
-moz-transform: scale(.8);
opacity: 0;
}
}
@keyframes popout {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(.8);
opacity: 0;
}
} @-webkit-keyframes slideinfromright {
from { -webkit-transform: translate3d(100%,0,0); }
to { -webkit-transform: translate3d(0,0,0); }
}
@-moz-keyframes slideinfromright {
from { -moz-transform: translateX(100%); }
to { -moz-transform: translateX(0); }
}
@keyframes slideinfromright {
from { transform: translateX(100%); }
to { transform: translateX(0); }
}
@-webkit-keyframes slideinfromleft {
from { -webkit-transform: translate3d(-100%,0,0); }
to { -webkit-transform: translate3d(0,0,0); }
}
@-moz-keyframes slideinfromleft {
from { -moz-transform: translateX(-100%); }
to { -moz-transform: translateX(0); }
}
@keyframes slideinfromleft {
from { transform: translateX(-100%); }
to { transform: translateX(0); }
} @-webkit-keyframes slideouttoleft {
from { -webkit-transform: translate3d(0,0,0); }
to { -webkit-transform: translate3d(-100%,0,0); }
}
@-moz-keyframes slideouttoleft {
from { -moz-transform: translateX(0); }
to { -moz-transform: translateX(-100%); }
}
@keyframes slideouttoleft {
from { transform: translateX(0); }
to { transform: translateX(-100%); }
}
@-webkit-keyframes slideouttoright {
from { -webkit-transform: translate3d(0,0,0); }
to { -webkit-transform: translate3d(100%,0,0); }
}
@-moz-keyframes slideouttoright {
from { -moz-transform: translateX(0); }
to { -moz-transform: translateX(100%); }
}
@keyframes slideouttoright {
from { transform: translateX(0); }
to { transform: translateX(100%); }
}
.slide.out, .slide.in {
-webkit-animation-timing-function: ease-out;
-webkit-animation-duration: 350ms;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 350ms;
animation-timing-function: ease-out;
animation-duration: 350ms;
}
.slide.out {
-webkit-transform: translate3d(-100%,0,0);
-webkit-animation-name: slideouttoleft;
-moz-transform: translateX(-100%);
-moz-animation-name: slideouttoleft;
transform: translateX(-100%);
animation-name: slideouttoleft;
}
.slide.in {
-webkit-transform: translate3d(0,0,0);
-webkit-animation-name: slideinfromright;
-moz-transform: translateX(0);
-moz-animation-name: slideinfromright;
transform: translateX(0);
animation-name: slideinfromright;
}
.slide.out.reverse {
-webkit-transform: translate3d(100%,0,0);
-webkit-animation-name: slideouttoright;
-moz-transform: translateX(100%);
-moz-animation-name: slideouttoright;
transform: translateX(100%);
animation-name: slideouttoright;
}
.slide.in.reverse {
-webkit-transform: translate3d(0,0,0);
-webkit-animation-name: slideinfromleft;
-moz-transform: translateX(0);
-moz-animation-name: slideinfromleft;
transform: translateX(0);
animation-name: slideinfromleft;
}
.slidefade.out {
-webkit-transform: translateX(-100%);
-webkit-animation-name: slideouttoleft;
-webkit-animation-duration: 225ms;
-moz-transform: translateX(-100%);
-moz-animation-name: slideouttoleft;
-moz-animation-duration: 225ms;
transform: translateX(-100%);
animation-name: slideouttoleft;
animation-duration: 225ms;
}
.slidefade.in {
-webkit-transform: translateX(0);
-webkit-animation-name: fadein;
-webkit-animation-duration: 200ms;
-moz-transform: translateX(0);
-moz-animation-name: fadein;
-moz-animation-duration: 200ms;
transform: translateX(0);
animation-name: fadein;
animation-duration: 200ms;
}
.slidefade.out.reverse {
-webkit-transform: translateX(100%);
-webkit-animation-name: slideouttoright;
-webkit-animation-duration: 200ms;
-moz-transform: translateX(100%);
-moz-animation-name: slideouttoright;
-moz-animation-duration: 200ms;
transform: translateX(100%);
animation-name: slideouttoright;
animation-duration: 200ms;
}
.slidefade.in.reverse {
-webkit-transform: translateX(0);
-webkit-animation-name: fadein;
-webkit-animation-duration: 200ms;
-moz-transform: translateX(0);
-moz-animation-name: fadein;
-moz-animation-duration: 200ms;
transform: translateX(0);
animation-name: fadein;
animation-duration: 200ms;
} .slidedown.out {
-webkit-animation-name: fadeout;
-webkit-animation-duration: 100ms;
-moz-animation-name: fadeout;
-moz-animation-duration: 100ms;
animation-name: fadeout;
animation-duration: 100ms;
}
.slidedown.in {
-webkit-transform: translateY(0);
-webkit-animation-name: slideinfromtop;
-webkit-animation-duration: 250ms;
-moz-transform: translateY(0);
-moz-animation-name: slideinfromtop;
-moz-animation-duration: 250ms;
transform: translateY(0);
animation-name: slideinfromtop;
animation-duration: 250ms;
}
.slidedown.in.reverse {
-webkit-animation-name: fadein;
-webkit-animation-duration: 150ms;
-moz-animation-name: fadein;
-moz-animation-duration: 150ms;
animation-name: fadein;
animation-duration: 150ms;
}
.slidedown.out.reverse {
-webkit-transform: translateY(-100%);
-webkit-animation-name: slideouttotop;
-webkit-animation-duration: 200ms;
-moz-transform: translateY(-100%);
-moz-animation-name: slideouttotop;
-moz-animation-duration: 200ms;
transform: translateY(-100%);
animation-name: slideouttotop;
animation-duration: 200ms;
}
@-webkit-keyframes slideinfromtop {
from { -webkit-transform: translateY(-100%); }
to { -webkit-transform: translateY(0); }
}
@-moz-keyframes slideinfromtop {
from { -moz-transform: translateY(-100%); }
to { -moz-transform: translateY(0); }
}
@keyframes slideinfromtop {
from { transform: translateY(-100%); }
to { transform: translateY(0); }
}
@-webkit-keyframes slideouttotop {
from { -webkit-transform: translateY(0); }
to { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes slideouttotop {
from { -moz-transform: translateY(0); }
to { -moz-transform: translateY(-100%); }
}
@keyframes slideouttotop {
from { transform: translateY(0); }
to { transform: translateY(-100%); }
} .slideup.out {
-webkit-animation-name: fadeout;
-webkit-animation-duration: 100ms;
-moz-animation-name: fadeout;
-moz-animation-duration: 100ms;
animation-name: fadeout;
animation-duration: 100ms;
}
.slideup.in {
-webkit-transform: translateY(0);
-webkit-animation-name: slideinfrombottom;
-webkit-animation-duration: 250ms;
-moz-transform: translateY(0);
-moz-animation-name: slideinfrombottom;
-moz-animation-duration: 250ms;
transform: translateY(0);
animation-name: slideinfrombottom;
animation-duration: 250ms;
}
.slideup.in.reverse {
-webkit-animation-name: fadein;
-webkit-animation-duration: 150ms;
-moz-animation-name: fadein;
-moz-animation-duration: 150ms;
animation-name: fadein;
animation-duration: 150ms;
}
.slideup.out.reverse {
-webkit-transform: translateY(100%);
-webkit-animation-name: slideouttobottom;
-webkit-animation-duration: 200ms;
-moz-transform: translateY(100%);
-moz-animation-name: slideouttobottom;
-moz-animation-duration: 200ms;
transform: translateY(100%);
animation-name: slideouttobottom;
animation-duration: 200ms;
}
@-webkit-keyframes slideinfrombottom {
from { -webkit-transform: translateY(100%); }
to { -webkit-transform: translateY(0); }
}
@-moz-keyframes slideinfrombottom {
from { -moz-transform: translateY(100%); }
to { -moz-transform: translateY(0); }
}
@keyframes slideinfrombottom {
from { transform: translateY(100%); }
to { transform: translateY(0); }
}
@-webkit-keyframes slideouttobottom {
from { -webkit-transform: translateY(0); }
to { -webkit-transform: translateY(100%); }
}
@-moz-keyframes slideouttobottom {
from { -moz-transform: translateY(0); }
to { -moz-transform: translateY(100%); }
}
@keyframes slideouttobottom {
from { transform: translateY(0); }
to { transform: translateY(100%); }
} .viewport-flip {
-webkit-perspective: 1000;
-moz-perspective: 1000;
perspective: 1000;
position: absolute;
}
.flip {
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(0); -moz-backface-visibility: hidden;
-moz-transform: translateX(0);
backface-visibility: hidden;
transform: translateX(0);
}
.flip.out {
-webkit-transform: rotateY(-90deg) scale(.9);
-webkit-animation-name: flipouttoleft;
-webkit-animation-duration: 175ms;
-moz-transform: rotateY(-90deg) scale(.9);
-moz-animation-name: flipouttoleft;
-moz-animation-duration: 175ms;
transform: rotateY(-90deg) scale(.9);
animation-name: flipouttoleft;
animation-duration: 175ms;
}
.flip.in {
-webkit-animation-name: flipintoright;
-webkit-animation-duration: 225ms;
-moz-animation-name: flipintoright;
-moz-animation-duration: 225ms;
animation-name: flipintoright;
animation-duration: 225ms;
}
.flip.out.reverse {
-webkit-transform: rotateY(90deg) scale(.9);
-webkit-animation-name: flipouttoright;
-moz-transform: rotateY(90deg) scale(.9);
-moz-animation-name: flipouttoright;
transform: rotateY(90deg) scale(.9);
animation-name: flipouttoright;
}
.flip.in.reverse {
-webkit-animation-name: flipintoleft;
-moz-animation-name: flipintoleft;
animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
from { -webkit-transform: rotateY(0); }
to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@-moz-keyframes flipouttoleft {
from { -moz-transform: rotateY(0); }
to { -moz-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
from { transform: rotateY(0); }
to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
from { -webkit-transform: rotateY(0) ; }
to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@-moz-keyframes flipouttoright {
from { -moz-transform: rotateY(0); }
to { -moz-transform: rotateY(90deg) scale(.9); }
}
@keyframes flipouttoright {
from { transform: rotateY(0); }
to { transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
from { -webkit-transform: rotateY(-90deg) scale(.9); }
to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoleft {
from { -moz-transform: rotateY(-90deg) scale(.9); }
to { -moz-transform: rotateY(0); }
}
@keyframes flipintoleft {
from { transform: rotateY(-90deg) scale(.9); }
to { transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
from { -webkit-transform: rotateY(90deg) scale(.9); }
to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoright {
from { -moz-transform: rotateY(90deg) scale(.9); }
to { -moz-transform: rotateY(0); }
}
@keyframes flipintoright {
from { transform: rotateY(90deg) scale(.9); }
to { transform: rotateY(0); }
} .viewport-turn {
-webkit-perspective: 200px;
-moz-perspective: 200px;
-ms-perspective: 200px;
perspective: 200px;
position: absolute;
}
.turn {
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(0); -webkit-transform-origin: 0;
-moz-backface-visibility: hidden;
-moz-transform: translateX(0);
-moz-transform-origin: 0;
backface-visibility :hidden;
transform: translateX(0);
transform-origin: 0;
}
.turn.out {
-webkit-transform: rotateY(-90deg) scale(.9);
-webkit-animation-name: flipouttoleft;
-webkit-animation-duration: 125ms;
-moz-transform: rotateY(-90deg) scale(.9);
-moz-animation-name: flipouttoleft;
-moz-animation-duration: 125ms;
transform: rotateY(-90deg) scale(.9);
animation-name: flipouttoleft;
animation-duration: 125ms;
}
.turn.in {
-webkit-animation-name: flipintoright;
-webkit-animation-duration: 250ms;
-moz-animation-name: flipintoright;
-moz-animation-duration: 250ms;
animation-name: flipintoright;
animation-duration: 250ms;
}
.turn.out.reverse {
-webkit-transform: rotateY(90deg) scale(.9);
-webkit-animation-name: flipouttoright;
-moz-transform: rotateY(90deg) scale(.9);
-moz-animation-name: flipouttoright;
transform: rotateY(90deg) scale(.9);
animation-name: flipouttoright;
}
.turn.in.reverse {
-webkit-animation-name: flipintoleft;
-moz-animation-name: flipintoleft;
animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
from { -webkit-transform: rotateY(0); }
to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@-moz-keyframes flipouttoleft {
from { -moz-transform: rotateY(0); }
to { -moz-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
from { transform: rotateY(0); }
to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
from { -webkit-transform: rotateY(0) ; }
to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@-moz-keyframes flipouttoright {
from { -moz-transform: rotateY(0); }
to { -moz-transform: rotateY(90deg) scale(.9); }
}
@keyframes flipouttoright {
from { transform: rotateY(0); }
to { transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
from { -webkit-transform: rotateY(-90deg) scale(.9); }
to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoleft {
from { -moz-transform: rotateY(-90deg) scale(.9); }
to { -moz-transform: rotateY(0); }
}
@keyframes flipintoleft {
from { transform: rotateY(-90deg) scale(.9); }
to { transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
from { -webkit-transform: rotateY(90deg) scale(.9); }
to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoright {
from { -moz-transform: rotateY(90deg) scale(.9); }
to { -moz-transform: rotateY(0); }
}
@keyframes flipintoright {
from { transform: rotateY(90deg) scale(.9); }
to { transform: rotateY(0); }
} .flow {
-webkit-transform-origin: 50% 30%;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
-moz-transform-origin: 50% 30%;	
-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
transform-origin: 50% 30%;	
box-shadow: 0 0 20px rgba(0,0,0,.4);
}
.ui-dialog.flow {
-webkit-transform-origin: none;
-webkit-box-shadow: none;
-moz-transform-origin: none;	
-moz-box-shadow: none;
transform-origin: none;	
box-shadow: none;
}
.flow.out {
-webkit-transform: translateX(-100%) scale(.7);
-webkit-animation-name: flowouttoleft;
-webkit-animation-timing-function: ease;
-webkit-animation-duration: 350ms;
-moz-transform: translateX(-100%) scale(.7);
-moz-animation-name: flowouttoleft;
-moz-animation-timing-function: ease;
-moz-animation-duration: 350ms;
transform: translateX(-100%) scale(.7);
animation-name: flowouttoleft;
animation-timing-function: ease;
animation-duration: 350ms;
}
.flow.in {
-webkit-transform: translateX(0) scale(1);
-webkit-animation-name: flowinfromright;
-webkit-animation-timing-function: ease;
-webkit-animation-duration: 350ms;
-moz-transform: translateX(0) scale(1);
-moz-animation-name: flowinfromright;
-moz-animation-timing-function: ease;
-moz-animation-duration: 350ms;
transform: translateX(0) scale(1);
animation-name: flowinfromright;
animation-timing-function: ease;
animation-duration: 350ms;
}
.flow.out.reverse {
-webkit-transform: translateX(100%);
-webkit-animation-name: flowouttoright;
-moz-transform: translateX(100%);
-moz-animation-name: flowouttoright;
transform: translateX(100%);
animation-name: flowouttoright;
}
.flow.in.reverse {
-webkit-animation-name: flowinfromleft;
-moz-animation-name: flowinfromleft;
animation-name: flowinfromleft;
}
@-webkit-keyframes flowouttoleft {
0% { -webkit-transform: translateX(0) scale(1); }
60%, 70% { -webkit-transform: translateX(0) scale(.7); }
100% { -webkit-transform: translateX(-100%) scale(.7); }
}
@-moz-keyframes flowouttoleft {
0% { -moz-transform: translateX(0) scale(1); }
60%, 70% { -moz-transform: translateX(0) scale(.7); }
100% { -moz-transform:  translateX(-100%) scale(.7); }
}
@keyframes flowouttoleft {
0% { transform: translateX(0) scale(1); }
60%, 70% { transform: translateX(0) scale(.7); }
100% { transform:  translateX(-100%) scale(.7); }
}
@-webkit-keyframes flowouttoright {
0% { -webkit-transform: translateX(0) scale(1); }
60%, 70% { -webkit-transform: translateX(0) scale(.7); }
100% { -webkit-transform:  translateX(100%) scale(.7); }
}
@-moz-keyframes flowouttoright {
0% { -moz-transform: translateX(0) scale(1); }
60%, 70% { -moz-transform: translateX(0) scale(.7); }
100% { -moz-transform:  translateX(100%) scale(.7); }
}
@keyframes flowouttoright {
0% { transform: translateX(0) scale(1); }
60%, 70% { transform: translateX(0) scale(.7); }
100% { transform:  translateX(100%) scale(.7); }
}
@-webkit-keyframes flowinfromleft {
0% { -webkit-transform: translateX(-100%) scale(.7); }
30%, 40% { -webkit-transform: translateX(0) scale(.7); }
100% { -webkit-transform: translateX(0) scale(1); }
}
@-moz-keyframes flowinfromleft {
0% { -moz-transform: translateX(-100%) scale(.7); }
30%, 40% { -moz-transform: translateX(0) scale(.7); }
100% { -moz-transform: translateX(0) scale(1); }
}
@keyframes flowinfromleft {
0% { transform: translateX(-100%) scale(.7); }
30%, 40% { transform: translateX(0) scale(.7); }
100% { transform: translateX(0) scale(1); }
}
@-webkit-keyframes flowinfromright {
0% { -webkit-transform: translateX(100%) scale(.7); }
30%, 40% { -webkit-transform: translateX(0) scale(.7); }
100% { -webkit-transform: translateX(0) scale(1); }
}
@-moz-keyframes flowinfromright {
0% { -moz-transform: translateX(100%) scale(.7); }
30%, 40% { -moz-transform: translateX(0) scale(.7); }
100% { -moz-transform: translateX(0) scale(1); }
}
@keyframes flowinfromright {
0% { transform: translateX(100%) scale(.7); }
30%, 40% { transform: translateX(0) scale(.7); }
100% { transform: translateX(0) scale(1); }
} .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui-grid-solo .ui-block-a { display: block; float: none; }  .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 49.95%; }
.ui-grid-a > :nth-child(n) { width: 50%; margin-right: -.5px; }
.ui-grid-a .ui-block-a { clear: left; } .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.25%; }
.ui-grid-b > :nth-child(n) { width: 33.333%; margin-right: -.5px; }
.ui-grid-b .ui-block-a { clear: left; } .ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 24.925%; }
.ui-grid-c > :nth-child(n) { width: 25%; margin-right: -.5px; }
.ui-grid-c .ui-block-a { clear: left; } .ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 19.925%; }
.ui-grid-d > :nth-child(n) { width: 20%; }
.ui-grid-d .ui-block-a { clear: left; } @media all and (max-width: 35em) {
.ui-responsive .ui-block-a, 
.ui-responsive .ui-block-b, 
.ui-responsive .ui-block-c,
.ui-responsive .ui-block-d,
.ui-responsive .ui-block-e { 
width: 100%; 
float:none; 
}
} .ui-header-fixed,
.ui-footer-fixed {
left: 0;
right: 0;
width: 100%;
position: fixed;
z-index: 1000;
}
.ui-header-fixed {
top: -1px;
padding-top: 1px;
}
.ui-header-fixed.ui-fixed-hidden {
top: 0;
padding-top: 0;
}
.ui-footer-fixed {
bottom: -1px;
padding-bottom: 1px;
}
.ui-footer-fixed.ui-fixed-hidden {
bottom: 0;
padding-bottom: 0;
}
.ui-header-fullscreen,
.ui-footer-fullscreen {
filter: Alpha(Opacity=90);
opacity: .9;
}
.ui-page-header-fixed {
padding-top: 2.6875em;
}
.ui-page-footer-fixed {
padding-bottom: 2.6875em;
}
.ui-page-header-fullscreen > .ui-content,
.ui-page-footer-fullscreen > .ui-content {
padding: 0;
}
.ui-fixed-hidden {
position: absolute;
}
.ui-page-header-fullscreen .ui-fixed-hidden,
.ui-page-footer-fullscreen .ui-fixed-hidden {
left: -9999px;
}
.ui-header-fixed .ui-btn,
.ui-footer-fixed .ui-btn { 
z-index: 10;
} .ui-android-2x-fixed .ui-li-has-thumb {
-webkit-transform: translate3d(0,0,0);
}
.ui-navbar { max-width: 100%; }
.ui-navbar.ui-mini { margin: 0; }
.ui-navbar ul:before, .ui-navbar ul:after { content: " "; display: table; }
.ui-navbar ul:after { clear: both; }
.ui-navbar ul { list-style:none; margin: 0; padding: 0; position: relative; display: block; border: 0; max-width: 100%; overflow: visible; zoom: 1; }
.ui-navbar li .ui-btn { display: block; text-align: center; margin: 0 -1px 0 0; border-right-width: 0; }
.ui-navbar li .ui-btn-icon-right .ui-icon { right: 6px; } .ui-navbar li:last-child .ui-btn,
.ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: 0; border-right-width: 1px; }
.ui-header .ui-navbar li:last-child .ui-btn,
.ui-footer .ui-navbar li:last-child .ui-btn,
.ui-header .ui-navbar .ui-grid-duo .ui-block-b .ui-btn,
.ui-footer .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: -1px; border-right-width: 0; }
.ui-navbar .ui-grid-duo li.ui-block-a:last-child .ui-btn { margin-right: -1px; border-right-width: 1px; }
.ui-header .ui-navbar li .ui-btn,
.ui-footer .ui-navbar li .ui-btn { border-top-width: 0; border-bottom-width: 0; } .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn,
.ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn { margin-right: -5px; }
.ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
.ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
.ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn,
.ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn { margin-right: -4px; }
.ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
.ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
.ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
.ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
.ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon,
.ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon { right: 8px; }
.ui-navbar li .ui-btn .ui-btn-inner { padding-top: .7em; padding-bottom: .8em }
.ui-navbar li .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
.ui-navbar li .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 0; padding: 0; }
.ui-mini { margin-top: .25em; margin-bottom: .25em; }
.ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline,
.ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn { margin-right: 5px; margin-left: 5px; }
.ui-btn-inner { font-size: 16px; padding: .6em 20px; min-width: .75em; display: block; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; zoom: 1; }
.ui-btn input, .ui-btn button { z-index: 2; }
.ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; vertical-align: middle; }
.ui-mobile .ui-btn-left, .ui-mobile .ui-btn-right, .ui-btn-left > .ui-btn, .ui-btn-right > .ui-btn { margin: 0; } .ui-btn-block { display: block; }
.ui-header > .ui-btn,
.ui-footer > .ui-btn { display: inline-block; margin: 0; }
.ui-header .ui-btn-block,
.ui-footer .ui-btn-block { display: block; }
.ui-header .ui-btn-inner,
.ui-footer .ui-btn-inner,
.ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
.ui-fullsize .ui-btn-inner,
.ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 20px; }
.ui-btn-icon-notext { width: 24px; height: 24px; }
.ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
.ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; float: left; }
.ui-btn-text { position: relative; z-index: 1; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
div.ui-btn-text { width: auto; }
.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
.ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
.ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
.ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
.ui-header .ui-btn-icon-left .ui-btn-inner,
.ui-footer .ui-btn-icon-left .ui-btn-inner,
.ui-mini.ui-btn-icon-left .ui-btn-inner,
.ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
.ui-header .ui-btn-icon-right .ui-btn-inner,
.ui-footer .ui-btn-icon-right .ui-btn-inner,
.ui-mini.ui-btn-icon-right .ui-btn-inner,
.ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
.ui-header .ui-btn-icon-top .ui-btn-inner,
.ui-footer .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
.ui-mini.ui-btn-icon-top .ui-btn-inner,
.ui-mini .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
.ui-header .ui-btn-icon-bottom .ui-btn-inner,
.ui-footer .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
.ui-mini.ui-btn-icon-bottom .ui-btn-inner,
.ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; } .ui-btn-inner {
-webkit-border-radius: inherit;	
border-radius: inherit;
} .ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
.ui-btn-icon-top .ui-btn-inner .ui-icon, .ui-btn-icon-bottom .ui-btn-inner .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
.ui-btn-icon-left .ui-icon { left: 10px; }
.ui-btn-icon-right .ui-icon { right: 10px; }
.ui-btn-icon-top .ui-icon { top: 10px; }
.ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
.ui-header .ui-btn-icon-left .ui-icon,
.ui-footer .ui-btn-icon-left .ui-icon,
.ui-mini.ui-btn-icon-left .ui-icon,
.ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
.ui-header .ui-btn-icon-right .ui-icon,
.ui-footer .ui-btn-icon-right .ui-icon,
.ui-mini.ui-btn-icon-right .ui-icon,
.ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
.ui-header .ui-btn-icon-top .ui-icon,
.ui-footer .ui-btn-icon-top .ui-icon,
.ui-mini.ui-btn-icon-top .ui-icon,
.ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
.ui-header .ui-btn-icon-bottom .ui-icon,
.ui-footer .ui-btn-icon-bottom .ui-icon,
.ui-mini.ui-btn-icon-bottom .ui-icon,
.ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; } .ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: none; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=0); opacity: .1; font-size: 1px; border: none; text-indent: -9999px; } .ui-disabled .ui-btn-hidden { display: none; }
.ui-disabled { z-index: 1; }
.ui-field-contain .ui-btn.ui-submit { margin: 0; }
label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
@media all and (min-width: 28em){
.ui-field-contain label.ui-submit { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
.ui-field-contain .ui-btn.ui-submit { width: 78%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.ui-hide-label .ui-btn.ui-submit { width: auto; display: block; }
}
.ui-collapsible-inset { margin: .5em 0; }
.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -15px; padding: 0; position: relative; }
.ui-collapsible-inset .ui-collapsible-heading { margin: 0; }
.ui-collapsible-heading .ui-btn { text-align: left; margin: 0; border-left-width: 0; border-right-width: 0; }
.ui-collapsible-inset .ui-collapsible-heading .ui-btn { border-right-width: 1px; border-left-width: 1px; }
.ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 0; }
.ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 1px; }
.ui-collapsible-heading .ui-btn-inner { padding-left: 12px; padding-right: 12px; }
.ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
.ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
.ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
.ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { text-align: center; }
.ui-collapsible-heading .ui-btn-icon-left.ui-mini .ui-btn-inner { padding-left: 30px; }
.ui-collapsible-heading .ui-btn-icon-right.ui-mini .ui-btn-inner { padding-right: 30px; }
.ui-collapsible-heading .ui-btn span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0 1px 2px; text-indent: -9999px; }
.ui-collapsible-heading .ui-btn span.ui-btn .ui-btn-inner { padding: 10px 0; }
.ui-collapsible-heading .ui-btn span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
.ui-collapsible-heading-status { position: absolute; top: -9999px; left: 0; }
.ui-collapsible-content {
display: block;
margin: 0 -15px;	
padding: 10px 15px;
border-left-width: 0;
border-right-width: 0;
border-top: none; background-image: none; }
.ui-collapsible-inset .ui-collapsible-content { margin: 0; border-right-width: 1px; border-left-width: 1px; }
.ui-collapsible-content-collapsed { display: none; }
.ui-collapsible-set > .ui-collapsible.ui-corner-all {
-webkit-border-radius: 0;
border-radius: 0;
}
.ui-collapsible-heading,
.ui-collapsible-heading > .ui-btn {
-webkit-border-radius: inherit;	
border-radius: inherit;	
}
.ui-collapsible-set .ui-collapsible.ui-first-child {
-webkit-border-top-right-radius: inherit;	
border-top-right-radius: inherit;
-webkit-border-top-left-radius: inherit;	
border-top-left-radius: inherit;		
}
.ui-collapsible-content,
.ui-collapsible-set .ui-collapsible.ui-last-child {
-webkit-border-bottom-right-radius: inherit;	
border-bottom-right-radius: inherit;
-webkit-border-bottom-left-radius: inherit;	
border-bottom-left-radius: inherit;		
}
.ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
-webkit-border-bottom-right-radius: 0;	
border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;	
border-bottom-left-radius: 0;		
}
.ui-collapsible-set { margin: .5em 0; }
.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
.ui-collapsible-set .ui-collapsible.ui-first-child { margin-top: 0; }
.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0; zoom: 1; }
.ui-controlgroup.ui-mini, fieldset.ui-controlgroup.ui-mini { margin: .25em 0; }
.ui-field-contain .ui-controlgroup, .ui-field-contain fieldset.ui-controlgroup { margin: 0; }
.ui-bar .ui-controlgroup { margin: 0 5px; }
.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; }
.ui-controlgroup-controls label.ui-select,
.ui-controlgroup-controls label.ui-submit { position: absolute; left: -9999px; }
.ui-controlgroup li { list-style: none; }
.ui-controlgroup .ui-btn { margin: 0; }
.ui-controlgroup .ui-btn-icon-notext { width: auto; height: auto; top: auto; }
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 20px; padding: .6em 20px .6em 20px }
.ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner { width: 18px; }
.ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner,
.ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner,
.ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 16px; padding: .55em 11px .5em 11px; }
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; right: 50%; margin: -9px -9px 0 0; }
.ui-controlgroup-horizontal .ui-btn-inner { text-align: center; }
.ui-controlgroup-horizontal.ui-mini .ui-btn-inner { height: 16px; line-height: 16px; }
.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
.ui-controlgroup-horizontal .ui-controlgroup-controls:before,
.ui-controlgroup-horizontal .ui-controlgroup-controls:after { content: ""; display: table; }
.ui-controlgroup-horizontal .ui-controlgroup-controls:after { clear: both; }
.ui-controlgroup-horizontal .ui-controlgroup-controls { display: inline-block; vertical-align: middle; zoom: 1; }
.ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn, .ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio,
.ui-controlgroup-horizontal .ui-select { float: left; clear: none; margin: 0; } .ui-controlgroup-horizontal .ui-select .ui-btn-text { width: auto; }
.ui-controlgroup-vertical .ui-btn {	border-bottom-width: 0; }
.ui-controlgroup-vertical .ui-btn.ui-last-child { border-bottom-width: 1px; }
.ui-controlgroup-horizontal .ui-btn { border-right-width: 0; }
.ui-controlgroup-horizontal .ui-btn.ui-last-child {	border-right-width: 1px; }
.ui-controlgroup .ui-btn-corner-all {
-webkit-border-radius: 0;
border-radius: 0;
}
.ui-controlgroup .ui-controlgroup-controls,
.ui-controlgroup .ui-radio,
.ui-controlgroup .ui-checkbox,
.ui-controlgroup .ui-select,
.ui-controlgroup li {
-webkit-border-radius: inherit;
border-radius: inherit;
}
.ui-controlgroup-vertical .ui-btn.ui-first-child {
-webkit-border-top-left-radius: inherit;
border-top-left-radius: inherit;
-webkit-border-top-right-radius: inherit;
border-top-right-radius: inherit;
}
.ui-controlgroup-vertical .ui-btn.ui-last-child {
-webkit-border-bottom-left-radius: inherit;
border-bottom-left-radius: inherit;
-webkit-border-bottom-right-radius: inherit;
border-bottom-right-radius: inherit;
}
.ui-controlgroup-horizontal .ui-btn.ui-first-child {
-webkit-border-top-left-radius: inherit;
border-top-left-radius: inherit;
-webkit-border-bottom-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.ui-controlgroup-horizontal .ui-btn.ui-last-child {
-webkit-border-top-right-radius: inherit;
border-top-right-radius: inherit;
-webkit-border-bottom-right-radius: inherit;
border-bottom-right-radius: inherit;
}
.ui-controlgroup .ui-shadow:not(.ui-focus) {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
@media all and (min-width: 28em){
.ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
.ui-field-contain .ui-controlgroup-controls { width: 78%; display: inline-block; }
.ui-field-contain .ui-controlgroup .ui-select { width: 100%; display: block; } 
.ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
.ui-hide-label .ui-controlgroup-controls { width: 100%; }
}	
.ui-dialog {
background: none !important; }
.ui-dialog-contain {
width: 92.5%;
max-width: 500px;
margin: 10% auto 15px auto;
padding: 0;
position: relative;
top: -15px;
}
.ui-dialog-contain > .ui-header, 
.ui-dialog-contain > .ui-content, 
.ui-dialog-contain > .ui-footer { 
display: block;
position: relative; 
width: auto;
margin: 0;
}
.ui-dialog-contain > .ui-header {
border: none;
overflow: hidden;
z-index: 10; 
padding: 0;
}
.ui-dialog-contain > .ui-content { 
padding: 15px; 
}
.ui-dialog-contain > .ui-footer {
z-index: 10; 
padding: 0 15px; 
}
.ui-popup-open .ui-header-fixed,
.ui-popup-open .ui-footer-fixed {
position: absolute !important; }
.ui-popup-screen {
background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); top: 0;
left: 0;
right: 0;
bottom: 1px;
position: absolute;
filter: Alpha(Opacity=0);
opacity: 0;
z-index: 1099;
}
.ui-popup-screen.in {
opacity: 0.5;
filter: Alpha(Opacity=50);
}
.ui-popup-screen.out {
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-popup-container {
z-index: 1100;
display: inline-block;
position: absolute;
padding: 0;
outline: 0;
}
.ui-popup {
position: relative;
}
.ui-popup.ui-content,
.ui-popup .ui-content {
overflow: visible;
}
.ui-popup > p,
.ui-popup > h1,
.ui-popup > h2,
.ui-popup > h3,
.ui-popup > h4,
.ui-popup > h5,
.ui-popup > h6 {
margin: .5em 7px;
}
.ui-popup > span {
display: block;
margin: .5em 7px;
}
.ui-popup .ui-title {
font-size: 16px;
font-weight: bold;
margin-top: .5em;
margin-bottom: .5em;
}
.ui-popup-container .ui-content > p,
.ui-popup-container .ui-content > h1,
.ui-popup-container .ui-content > h2,
.ui-popup-container .ui-content > h3,
.ui-popup-container .ui-content > h4,
.ui-popup-container .ui-content > h5,
.ui-popup-container .ui-content > h6 {
margin: .5em 0;
}
.ui-popup-container .ui-content > span {
margin: 0;
}
.ui-popup-container .ui-content > p:first-child,
.ui-popup-container .ui-content > h1:first-child,
.ui-popup-container .ui-content > h2:first-child,
.ui-popup-container .ui-content > h3:first-child,
.ui-popup-container .ui-content > h4:first-child,
.ui-popup-container .ui-content > h5:first-child,
.ui-popup-container .ui-content > h6:first-child {
margin-top: 0;
}
.ui-popup-container .ui-content > p:last-child,
.ui-popup-container .ui-content > h1:last-child,
.ui-popup-container .ui-content > h2:last-child,
.ui-popup-container .ui-content > h3:last-child,
.ui-popup-container .ui-content > h4:last-child,
.ui-popup-container .ui-content > h5:last-child,
.ui-popup-container .ui-content > h6:last-child {
margin-bottom: 0;
}
.ui-popup > img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.ui-popup:not(.ui-content) > img:only-child,
.ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
.ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
-webkit-border-radius: inherit;
border-radius: inherit;
}
.ui-popup iframe {
vertical-align: middle;
}
@media all and (min-width: 28em){
.ui-popup .ui-field-contain label.ui-submit,
.ui-popup .ui-field-contain .ui-controlgroup-label,
.ui-popup .ui-field-contain label.ui-select,
.ui-popup .ui-field-contain label.ui-input-text {
font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em;
}
.ui-popup .ui-field-contain .ui-btn.ui-submit,
.ui-popup .ui-field-contain .ui-controlgroup-controls,
.ui-popup .ui-field-contain .ui-select,
.ui-popup .ui-field-contain input.ui-input-text,
.ui-popup .ui-field-contain textarea.ui-input-text,
.ui-popup .ui-field-contain .ui-input-search {
width: 100%; display: block;
}
}
.ui-popup > .ui-btn-left,
.ui-popup > .ui-btn-right {
position: absolute; 
top: -9px;
margin: 0;
z-index: 1101;
}
.ui-popup > .ui-btn-left { left: -9px; }
.ui-popup > .ui-btn-right { right: -9px; }
.ui-popup-hidden { top: -99999px; left: -9999px; }
.ui-checkbox, .ui-radio { position: relative; clear: both; margin: 0; z-index: 1; }
.ui-checkbox .ui-btn, .ui-radio .ui-btn { text-align: left; z-index: 2; }
.ui-controlgroup .ui-checkbox .ui-btn, .ui-controlgroup .ui-radio .ui-btn { margin: 0; }
.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner { padding-left: 36px; }
.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 36px; }
.ui-checkbox .ui-btn-icon-top .ui-btn-inner, .ui-radio .ui-btn-icon-top .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
.ui-checkbox .ui-btn-icon-bottom .ui-btn-inner, .ui-radio .ui-btn-icon-bottom .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; }
.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
.ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; }
.ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
.ui-controlgroup-horizontal .ui-checkbox .ui-icon,
.ui-controlgroup-horizontal .ui-radio .ui-icon { display: none; }
.ui-controlgroup-horizontal .ui-checkbox .ui-btn-inner,
.ui-controlgroup-horizontal .ui-radio .ui-btn-inner { padding: .6em 20px; }
.ui-controlgroup-horizontal .ui-checkbox .ui-mini .ui-btn-inner,
.ui-controlgroup-horizontal .ui-radio .ui-mini .ui-btn-inner { padding: .55em 11px .5em; } .ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }
.ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
.ui-field-contain:last-child { border-bottom-width: 0; }
.ui-field-contain { max-width: 100%; } @media all and (min-width: 28em){
.ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
}
.ui-select { display: block; position: relative; }
.ui-select select { position: absolute; left: -9999px; top: -9999px; }
.ui-select .ui-btn { opacity: 1; }
.ui-field-contain .ui-select .ui-btn { margin: 0; } .ui-select .ui-btn select { cursor: pointer; -webkit-appearance: none; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; filter: Alpha(Opacity=0); opacity: 0; z-index: 2; }
.ui-select .ui-disabled { opacity: .3; } .ui-select .ui-disabled select { display: none; }
@-moz-document url-prefix() { .ui-select .ui-btn select { opacity: 0.0001; }}
.ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; border: 0; }
.ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; }
.ui-select .ui-disabled.ui-select-nativeonly .ui-btn-inner { opacity: 0; }
.ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner { padding-right: 45px; }
.ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 32px; }
.ui-select .ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 80px; }
.ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 67px; }
.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
.ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; }
.ui-select .ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 45px; }
.ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 32px; } label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; } .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important; }
.ui-select .ui-btn-text { text-overflow: ellipsis; }
.ui-selectmenu { padding: 6px; min-width: 160px; }
.ui-selectmenu .ui-listview { margin: 0; }
.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
.ui-selectmenu-list .ui-li .ui-icon { display: block; }
.ui-li.ui-selectmenu-placeholder { display: none; }
.ui-selectmenu .ui-header { margin: 0; padding: 0; }
.ui-selectmenu.ui-popup .ui-header { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }
.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
@media all and (min-width: 28em){
.ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
.ui-field-contain .ui-select { width: 78%; display: inline-block; }
.ui-hide-label .ui-select { width: 100%; } 
} .ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; margin: .5em 0; min-height: 1.4em; line-height: 1.4em; font-size: 16px; display: block; width: 100%; outline: 0; }
input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text,
.ui-input-search input.ui-input-text { border: none; width: 100%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
.ui-input-search, div.ui-input-text { margin: .5em 0; background-image: none; position: relative; }
.ui-input-search { padding: 0 30px; }
div.ui-input-text { padding: 0 .4em; }
div.ui-input-has-clear { padding: 0 30px 0 .4em; }
input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini,
.ui-input-search.ui-mini, div.ui-input-text.ui-mini { margin: .25em 0; }
.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text,
.ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text { margin: 0; }
textarea.ui-input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input.ui-input-text { -webkit-appearance: none; }
textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
textarea.ui-mini { height: 45px; }
.ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
.ui-input-search .ui-input-clear, .ui-input-text .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
.ui-mini .ui-input-clear { right: -3px; }
.ui-input-search .ui-input-clear-hidden, .ui-input-text .ui-input-clear-hidden { display: none; } input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; } input[type=number]::-webkit-outer-spin-button { margin: 0; }
@media all and (min-width: 28em){
.ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
.ui-field-contain input.ui-input-text,
.ui-field-contain textarea.ui-input-text,
.ui-field-contain .ui-input-search,
.ui-field-contain div.ui-input-text { width: 78%; display: inline-block; }
.ui-field-contain .ui-input-search,
.ui-field-contain div.ui-input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.ui-hide-label input.ui-input-text,
.ui-hide-label textarea.ui-input-text,
.ui-hide-label .ui-input-search,
.ui-hide-label div.ui-input-text,
.ui-input-search input.ui-input-text,
div.ui-input-text input.ui-input-text { width: 100%; }
}
.ui-rangeslider {
zoom: 1;
margin: 0;
}
.ui-rangeslider:before,
.ui-rangeslider:after {
content: "";
display: table;
}
.ui-rangeslider:after {
clear: both;
} .ui-rangeslider input.ui-input-text.ui-slider-input {
margin: .57143em 0;
}
.ui-rangeslider.ui-mini input.ui-slider-input {
margin: .28571em 0;
}
.ui-rangeslider input.ui-slider-input.ui-rangeslider-last {
float: right;
}
.ui-rangeslider .ui-rangeslider-sliders {
position: relative;
overflow: visible;
height: 30px;
margin: .5em 68px;
}
.ui-rangeslider.ui-mini .ui-rangeslider-sliders {
margin: .25em 68px;
}
.ui-field-contain .ui-rangeslider input.ui-slider-input,
.ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input,
.ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
.ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
margin-top: 0;
margin-bottom: 0;
}
.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
position: absolute;
top: 6px;
right: 0;
left: 0;
margin: 0;
}
.ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track {
top: 8px;
}
.ui-rangeslider .ui-slider-track:first-child .ui-slider-bg {
display: none;
}
.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
background-color: transparent;
background: none;
border-width: 0;
height: 0;
} html > body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
height: 15px;
border-width: 1px;
}
html > body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:first-child {
height: 12px;
}
@media all and (min-width: 28em){
.ui-field-contain .ui-rangeslider label.ui-slider {
float: left;
}
.ui-field-contain .ui-rangeslider input.ui-slider-input {
position: relative;
z-index: 1;
}
.ui-field-contain .ui-rangeslider input.ui-slider-input.ui-rangeslider-first,
.ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input.ui-rangeslider-first {
margin-right: 17px;
}
.ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
.ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
float: left;
width: 78%;
margin: 0 -68px;
}
.ui-field-contain .ui-rangeslider .ui-slider-track,
.ui-field-contain .ui-rangeslider.ui-mini .ui-slider-track {
right: 68px;
left: 68px;
}
.ui-field-contain.ui-hide-label .ui-rangeslider input.ui-slider-input.ui-rangeslider-first {
margin: 0;
}
.ui-field-contain.ui-hide-label .ui-rangeslider .ui-rangeslider-sliders,
.ui-field-contain.ui-hide-label .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
width: auto;
float: none;
margin: 0 68px;
}
.ui-field-contain.ui-hide-label .ui-rangeslider .ui-slider-track,
.ui-field-contain.ui-hide-label .ui-rangeslider.ui-mini .ui-slider-track {
right: 0;
left: 0;
}
}
.ui-listview { margin: 0; }
ol.ui-listview, ol.ui-listview .ui-li-divider { counter-reset: listnumbering; }
.ui-content .ui-listview, .ui-panel-inner > .ui-listview { margin: -15px; }
.ui-collapsible-content > .ui-listview { margin: -10px -15px; }
.ui-content .ui-listview-inset, .ui-panel-inner .ui-listview-inset { margin: 1em 0; }
.ui-collapsible-content .ui-listview-inset { margin: .5em 0; }
.ui-listview, .ui-li { list-style: none; padding: 0; }
.ui-li, .ui-li.ui-field-contain { display: block; margin: 0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
.ui-li.ui-btn, .ui-li.ui-field-contain, .ui-li-divider, .ui-li-static { margin: 0; }
.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
.ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child { border-bottom-width: 1px; }
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > .ui-li.ui-first-child { border-top-width: 0; }
.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > .ui-li.ui-last-child { border-bottom-width: 0; }
.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ui-li-static { background-image: none; }
.ui-li-divider { padding: .5em 15px; font-size: 14px; font-weight: bold; }
ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal; counter-increment: listnumbering; content: counter(listnumbering) ". "; }
ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } .ui-listview .ui-li > .ui-btn-text {
-webkit-border-radius: inherit;	
border-radius: inherit;
}
.ui-listview > .ui-li.ui-first-child,
.ui-listview .ui-btn.ui-first-child > .ui-li > .ui-btn-text > .ui-link-inherit {
-webkit-border-top-right-radius: inherit;	
border-top-right-radius: inherit;
-webkit-border-top-left-radius: inherit;
border-top-left-radius: inherit;
}
.ui-listview > .ui-li.ui-last-child,
.ui-listview .ui-btn.ui-last-child > .ui-li > .ui-btn-text > .ui-link-inherit,
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li.ui-last-child {
-webkit-border-bottom-right-radius: inherit;
border-bottom-right-radius: inherit;
-webkit-border-bottom-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.ui-listview > .ui-li.ui-first-child .ui-li-link-alt {
-webkit-border-top-right-radius: inherit;	
border-top-right-radius: inherit;	
}
.ui-listview > .ui-li.ui-last-child .ui-li-link-alt {
-webkit-border-bottom-right-radius: inherit;
border-bottom-right-radius: inherit;	
}
.ui-listview > .ui-li.ui-first-child .ui-li-thumb:not(.ui-li-icon) {
-webkit-border-top-left-radius: inherit;
border-top-left-radius: inherit;	
}
.ui-listview > .ui-li.ui-last-child .ui-li-thumb:not(.ui-li-icon) {
-webkit-border-bottom-left-radius: inherit;
border-bottom-left-radius: inherit;	
}
.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px; display: block; }
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb  { min-height: 59px; padding-left: 100px; }
.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count, .ui-li-divider.ui-li-has-count { padding-right: 45px; }
.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 40px; }
.ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count { padding-right: 75px; }
.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
ol.ui-listview > .ui-li .ui-li-heading { display: inline-block; width: 100%; margin-left: -1.3em; text-indent: 1.3em; vertical-align: middle; }
ol.ui-listview > .ui-li .ui-li-desc:not(.ui-li-aside) { text-indent: 1.55em; }
.ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
.ui-listview .ui-li-icon { max-height: 16px; max-width: 16px; left: 10px; top: .9em; }
.ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
@media all and (min-width: 480px){
.ui-li-aside { width: 45%; }
}	 
.ui-li-divider { cursor: default; }
.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 53px; }
.ui-li-has-alt.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt.ui-li-has-count { padding-right: 88px; }
.ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 10px; }
.ui-li-has-count.ui-li-divider .ui-li-count, .ui-li-has-count .ui-link-inherit .ui-li-count { margin-top: -.95em; }
.ui-li-has-arrow.ui-li-has-count .ui-li-count { right: 40px; }
.ui-li-has-alt.ui-li-has-count .ui-li-count { right: 53px; }
.ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; }
.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -13px 0 0 0; border-bottom-width: 1px; z-index: -1;}
.ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
.ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0; }
.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px; }
.ui-collapsible-content .ui-listview-filter { margin: -10px -15px 10px -15px; border-bottom: inherit; }
.ui-listview-filter-inset { margin: -15px -5px; background: transparent; }
.ui-collapsible-content .ui-listview-filter-inset { margin: -5px; border-bottom-width: 0; }
.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
.ui-li.ui-screen-hidden{ display:none; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.ui-li .ui-btn-text { overflow:  visible; }
}
label.ui-slider {
font-size: 16px;
line-height: 1.4;
font-weight: normal;
margin: 0;
display: block;
}
.ui-field-contain label.ui-slider {
margin-bottom: .4em;
}
div.ui-slider {
height: 30px;
margin: .5em 0;
zoom: 1;
}
div.ui-slider.ui-mini {
margin: .25em 0;
}
.ui-field-contain div.ui-slider,
.ui-field-contain div.ui-slider.ui-mini {
margin: 0;
}
div.ui-slider:before, div.ui-slider:after {
content: "";
display: table;
}
div.ui-slider:after {
clear: both;
} input.ui-input-text.ui-slider-input {
display: block;
float: left;
margin: 0;
padding: 4px;
width: 40px;
height: 22px;
line-height: 22px;
font-size: 14px;
border-width: 0;
background-image: none;
font-weight: bold;
text-align: center;
vertical-align: text-bottom;
outline: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
.ui-slider-input::-webkit-outer-spin-button,
.ui-slider-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.ui-slider-track,
.ui-slider-switch {
position: relative;
overflow: visible;
height: 15px;
margin: 0 15px 0 68px;
top: 6px;
}
.ui-slider-track.ui-mini {
height: 12px;
top: 8px;
}
.ui-slider-bg {
border: none;
height: 100%;
} .ui-slider-track .ui-btn.ui-slider-handle,
.ui-slider-switch .ui-btn.ui-slider-handle {
position: absolute;
z-index: 1;
top: 50%;
width: 28px;
height: 28px;
margin: -15px 0 0 -15px;
outline: 0;
}
.ui-slider-track.ui-mini .ui-slider-handle {
height: 14px;
width: 14px;
margin: -8px 0 0 -7px;
}
.ui-slider-handle .ui-btn-inner {
padding: 0;
height: 100%;
}
.ui-slider-track.ui-mini .ui-slider-handle .ui-btn-inner {
height: 30px;
width: 30px;
padding: 0;
margin: -9px 0 0 -9px;
border-top: none;
}
select.ui-slider-switch {
display: none;
}
div.ui-slider-switch {
display: inline-block;
height: 32px;
width: 5.8em;
margin: .5em 0;
top: 0;
} div.ui-slider-switch:before, div.ui-slider-switch:after {
display: none;
clear: none;
}
div.ui-slider-switch.ui-mini {
width: 5em;
height: 29px;
margin: .25em 0;
top: 0;
}
.ui-field-contain .ui-slider-switch,
.ui-field-contain .ui-slider-switch.ui-mini {
margin: 0;
}
.ui-slider-inneroffset {
margin: 0 16px;
position: relative;
z-index: 1;
}
.ui-slider-switch.ui-mini .ui-slider-inneroffset {
margin: 0 15px 0 14px;
}
.ui-slider-switch .ui-btn.ui-slider-handle {
margin: 1px 0 0 -15px;
}
.ui-slider-switch.ui-mini .ui-slider-handle {
width: 25px;
height: 25px;
margin: 1px 0 0 -13px;
padding: 0;
}
.ui-slider-handle-snapping {
-webkit-transition: left 70ms linear;
-moz-transition: left 70ms linear;
}
.ui-slider-switch.ui-mini .ui-slider-handle .ui-btn-inner {
height: 30px;
width: 30px;
padding: 0;
margin: 0;
border-top: none;
}
.ui-slider-switch .ui-slider-label {
position: absolute;
text-align: center;
width: 100%;
overflow: hidden;
font-size: 16px;
top: 0;
line-height: 2;
min-height: 100%;
border-width: 0;
white-space: nowrap;
cursor: pointer;
}
.ui-slider-switch.ui-mini .ui-slider-label {
font-size: 14px;
}
.ui-slider-switch .ui-slider-label-a {
z-index: 1;
left: 0;
text-indent: -1.5em;
}
.ui-slider-switch .ui-slider-label-b {
z-index: 0;
right: 0;
text-indent: 1.5em;
}
@media all and (min-width: 28em){
.ui-field-contain label.ui-slider {
vertical-align: top;
display: inline-block;
width: 20%;
margin: 0 2% 0 0;
}
.ui-field-contain div.ui-slider {
display: inline-block;
width: 78%;
}
.ui-field-contain.ui-hide-label div.ui-slider {
display: block;
width: auto;
}
.ui-field-contain div.ui-slider-switch,
.ui-field-contain.ui-hide-label div.ui-slider-switch {
display: inline-block;
width: 5.8em;
}
.ui-field-contain div.ui-slider-switch.ui-mini {
width: 5em;
}
}	
.ui-table {
border: 0;
border-collapse: collapse;
padding: 0;
width: 100%;
}
.ui-table th,
.ui-table td {
line-height: 1.5em;
text-align: left;
padding: .4em .5em;
vertical-align:top;
}
.ui-table th .ui-btn,
.ui-table td .ui-btn {
line-height: normal;
}
.ui-table th {
font-weight: bold;
}
.ui-table caption {
text-align:left;
margin-bottom:1.4em;
opacity: .5;
} .table-stroke thead th {
border-bottom: 1px solid #d6d6d6; border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.table-stroke tbody th,
.table-stroke tbody td {
border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid rgba(0, 0, 0, .05);
} .table-stripe tbody tr:nth-child(odd) td,
.table-stripe tbody tr:nth-child(odd) th {
background-color: #eeeeee; background-color: rgba(0,0,0,0.04);
} .table-stripe thead th,
.table-stripe tbody tr:last-child {
border-bottom: 1px solid #d6d6d6; border-bottom: 1px solid rgba(0, 0, 0, .1);
} .ui-table-columntoggle-btn {
float: right;
margin-bottom:.8em;
} .ui-table-columntoggle-popup fieldset {
margin:0;
} @media only all {
th.ui-table-priority-6,
td.ui-table-priority-6,
th.ui-table-priority-5,
td.ui-table-priority-5,
th.ui-table-priority-4,
td.ui-table-priority-4,
th.ui-table-priority-3,
td.ui-table-priority-3,
th.ui-table-priority-2,
td.ui-table-priority-2,
th.ui-table-priority-1,
td.ui-table-priority-1 {
display: none;
}
}  @media screen and (min-width: 20em) {
.ui-table-columntoggle.ui-responsive th.ui-table-priority-1,
.ui-table-columntoggle.ui-responsive td.ui-table-priority-1 {
display: table-cell;
}
} @media screen and (min-width: 30em) {
.ui-table-columntoggle.ui-responsive th.ui-table-priority-2,
.ui-table-columntoggle.ui-responsive td.ui-table-priority-2 {
display: table-cell;
}
} @media screen and (min-width: 40em) {
.ui-table-columntoggle.ui-responsive th.ui-table-priority-3,
.ui-table-columntoggle.ui-responsive td.ui-table-priority-3 {
display: table-cell;
}
} @media screen and (min-width: 50em) {
.ui-table-columntoggle.ui-responsive th.ui-table-priority-4,
.ui-table-columntoggle.ui-responsive td.ui-table-priority-4 {
display: table-cell;
}
} @media screen and (min-width: 60em) {
.ui-table-columntoggle.ui-responsive th.ui-table-priority-5,
.ui-table-columntoggle.ui-responsive td.ui-table-priority-5 {
display: table-cell;
}
} @media screen and (min-width: 70em) {
.ui-table-columntoggle.ui-responsive th.ui-table-priority-6,
.ui-table-columntoggle.ui-responsive td.ui-table-priority-6 {
display: table-cell;
}
} .ui-table-columntoggle th.ui-table-cell-hidden,
.ui-table-columntoggle td.ui-table-cell-hidden,
.ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden,
.ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden {
display: none;
} .ui-table-columntoggle th.ui-table-cell-visible,
.ui-table-columntoggle td.ui-table-cell-visible,
.ui-table-columntoggle.ui-responsive th.ui-table-cell-visible,
.ui-table-columntoggle.ui-responsive td.ui-table-cell-visible {
display: table-cell;
} .ui-table-reflow td .ui-table-cell-label,
.ui-table-reflow th .ui-table-cell-label { 
display: none;
} @media only all { .ui-table-reflow thead td, 
.ui-table-reflow thead th {
display: none;
} .ui-table-reflow td,
.ui-table-reflow th { 
text-align: left;
display: block;
} .ui-table-reflow tbody th {
margin-top: 3em;
} .ui-table-reflow td .ui-table-cell-label,
.ui-table-reflow th .ui-table-cell-label { 
display: block;
padding: .4em; 
min-width: 30%; 
display: inline-block;
margin: -.4em 1em -.4em -.4em;
} .ui-table-reflow th .ui-table-cell-label-top,
.ui-table-reflow td .ui-table-cell-label-top {
display: block;
padding: .4em 0;
margin: .4em 0;
text-transform: uppercase;
font-size: .9em;
font-weight: normal;
}
} @media ( min-width: 35em ) { .ui-table-reflow.ui-responsive {
display: table-row-group;
} .ui-table-reflow.ui-responsive td,
.ui-table-reflow.ui-responsive th,
.ui-table-reflow.ui-responsive tbody th,
.ui-table-reflow.ui-responsive tbody td,
.ui-table-reflow.ui-responsive thead td,
.ui-table-reflow.ui-responsive thead th {
display: table-cell;
margin: 0;
} .ui-table-reflow.ui-responsive td .ui-table-cell-label,
.ui-table-reflow.ui-responsive th .ui-table-cell-label { 
display: none;
}
}  @media ( max-width: 35em ) {
.ui-table-reflow.ui-responsive td,
.ui-table-reflow.ui-responsive th {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
clear: left;
}
} .ui-panel {
width: 17em;
min-height: 100%;
max-height: none;
border-width: 0;
position: absolute;
top: 0;
display: block;
}
.ui-panel-closed {
width: 0;
max-height: 100%;
overflow: hidden;
visibility: hidden;
}
.ui-panel-fixed {
position: fixed;
bottom: -1px; padding-bottom: 1px;
}
.ui-panel-display-overlay {
z-index: 1001; }
.ui-panel-display-reveal {
z-index: 0;
}
.ui-panel-display-push {
z-index: 999;
}
.ui-panel-inner {
padding: 15px;
} .ui-panel-content-wrap {
position: relative;
left: 0;
min-height: inherit;
border: none;
z-index: 999;
}
.ui-panel-content-wrap-display-overlay,
.ui-panel-animate.ui-panel-content-wrap > .ui-header, .ui-panel-content-wrap-closed {
position: static;
} .ui-panel-dismiss {
position: absolute;
top: 0;
left:0;
height: 100%;
width: 100%;
z-index: 1002;
display: none;
}
.ui-panel-dismiss-open {
display: block;
} .ui-panel-animate {
-webkit-transition: -webkit-transform 350ms ease;
-moz-transition: -moz-transform 350ms ease;
transition: transform 350ms ease;
} .ui-panel-animate.ui-panel:not(.ui-panel-display-reveal),
.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) > div,
.ui-panel-animate.ui-panel-closed.ui-panel-display-reveal > div,
.ui-panel-animate.ui-panel-content-wrap,
.ui-panel-animate.ui-panel-content-fixed-toolbar {
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
}  .ui-panel-position-left {
left: -17em;
} .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
left: 0;
-webkit-transform: translate3d(-17em,0,0);
-moz-transform: translate3d(-17em,0,0);
transform: translate3d(-17em,0,0);
} .ui-panel-position-left.ui-panel-display-reveal, .ui-panel-position-left.ui-panel-open {
left: 0;
} .ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-push {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-moz-transform: none;
} .ui-panel-position-right {
right: -17em;
} .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
right: 0;
-webkit-transform: translate3d(17em,0,0);
-moz-transform: translate3d(17em,0,0);
transform: translate3d(17em,0,0);
} .ui-panel-position-right.ui-panel-display-reveal, .ui-panel-position-right.ui-panel-open {
right: 0;
} .ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-push {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-moz-transform: none;
}  .ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
left: 17em;
right: -17em;
} .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
left: 0;
right: 0;
-webkit-transform: translate3d(17em,0,0);
-moz-transform: translate3d(17em,0,0);
transform: translate3d(17em,0,0);
} .ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-right.ui-panel-dismiss-open {
left: -17em;
right: 17em;
} .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal, 
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal, 
.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
left: 0;
right: 0;
-webkit-transform: translate3d(-17em,0,0);
-moz-transform: translate3d(-17em,0,0);
transform: translate3d(-17em,0,0);
} .ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-overlay,
.ui-panel-content-wrap-open.ui-panel-content-wrap-display-overlay {
left: 0;
} .ui-page-active.ui-page-panel {
overflow-x: hidden;
} .ui-panel-display-reveal {
-webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
-moz-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-position-right.ui-panel-display-reveal {
-webkit-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
-moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-display-overlay {
-webkit-box-shadow: 5px 0 5px rgba(0,0,0,.15);
-moz-box-shadow: 5px 0 5px rgba(0,0,0,.15);
box-shadow: 5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-position-right.ui-panel-display-overlay {
-webkit-box-shadow: -5px 0 5px rgba(0,0,0,.15);
-moz-box-shadow: -5px 0 5px rgba(0,0,0,.15);
box-shadow: -5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-display-push.ui-panel-open.ui-panel-position-left {
border-right-width: 1px;
margin-right: -1px;
}
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
margin-left: 1px;
}
.ui-panel-display-push.ui-panel-open.ui-panel-position-right {
border-left-width: 1px;
margin-left: -1px;
}
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
margin-right: 1px;
} @media (min-width:55em){
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
margin-right: 17em;
}
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
margin-left: 17em;
}
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal {
width: auto;	
}
.ui-responsive-panel .ui-panel-dismiss-display-push {
display: none;
}	
}.calculartor-wrap {
padding		: 0px;
margin		: 0px;
font-size	: 12px;
}
@font-face {
font-family: 'pf_dindisplay_proregular';
src: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/fonts/pfdindisplaypro-reg-webfont.eot);
src: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/fonts/pfdindisplaypro-reg-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/fonts/pfdindisplaypro-reg-webfont.woff) format('woff'),
url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/fonts/pfdindisplaypro-reg-webfont.ttf) format('truetype'),
url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/fonts/pfdindisplaypro-reg-webfont.svg#pf_dindisplay_proregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'pf_dindisplay_prothin';
src: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/fonts/pfdindisplaypro-thin-webfont.eot);
src: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/fonts/pfdindisplaypro-thin-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/fonts/pfdindisplaypro-thin-webfont.woff) format('woff'),
url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/fonts/pfdindisplaypro-thin-webfont.ttf) format('truetype'),
url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/fonts/pfdindisplaypro-thin-webfont.svg#pf_dindisplay_prothin) format('svg');
font-weight: normal;
font-style: normal;
}
html .calculartor-wrap, body .calculartor-wrap
{
height		: 100%;
padding		: 0px;
margin		: 0px;
}
body .calculartor-wrap
{
color		: #858585;
font		: normal 16px 'pf_dindisplay_proregular' Arial, Helvetica, sans-serif;
height		: 100%;		
text-align	: left; 	
margin		: 0px auto; 
}
.calculartor-wrap .clr{
clear:both;
}
.calculartor-wrap a:link, .calculartor-wrap a:active, .calculartor-wrap a:visited  
{
color			: #5e5e5e;
font			: normal 16px 'pf_dindisplay_proregular' Arial, Helvetica, sans-serif;
text-decoration	: none;
}
.calculartor-wrap a:hover
{
color			: #000; 
font			: normal 16px 'pf_dindisplay_proregular' Arial, Helvetica, sans-serif;
text-decoration	: none;
}
.calculartor-wrap p 
{
margin		: 0px auto;
padding		: 0px;			
}
.calculartor-wrap ul, .calculartor-wrap li, .calculartor-wrap ol 
{			
list-style	: none;
text-align	: left;			
}		
.calculartor-wrap img 
{
float		: none;
border		: 0px;
}
.calculartor-wrap table, .calculartor-wrap td, .calculartor-wrap th, .calculartor-wrap div, .calculartor-wrap ul, .calculartor-wrap li, .calculartor-wrap ol, .calculartor-wrap span, .calculartor-wrap form, .calculartor-wrap select, .calculartor-wrap option, .calculartor-wrap em
{
font-family	: normal 13px 'pf_dindisplay_proregular' Arial, Helvetica, sans-serif;
padding     : 15;
margin      : 0;
border      : none;
}
.calculartor-wrap h1{
font-family:'pf_dindisplay_prothin', Arial, Helvetica, sans-serif;
font-size:24px;
color:#5cade7;
font-weight:normal;
line-height:26px;
padding:0 0 9px 0;
padding-top: 10px;
display:block;
}
.calculartor-wrap h2, .calculartor-wrap label{
font-family:'pf_dindisplay_prothin', Arial, Helvetica, sans-serif;
font-size:20px;
color:#858585;
font-weight:normal;
line-height:22px;
padding:0 0 0 0;
display:block;
margin-top:30px;
} .calculartor-wrap #top_container{
width:100%;
padding:10px 0;
border-bottom:#e6e6e6 1px solid;
overflow:hidden;
background:#fff;
}
.calculartor-wrap .logo{
width:50px;
padding-left:19px;
min-height: 33px;
float:left;
}
.calculartor-wrap #top_menu_contianer{
background: none repeat scroll 0 0 white;
position: absolute;
right: 7px;
top: 10px;
width: 159px;
z-index: 1111; 
}
.calculartor-wrap A.menu_btn{
width:159px;
height:33px;
background:url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/top_menu_btn.gif) no-repeat top;
display:block;
}
.calculartor-wrap A.menu_btn:hover,A.menu_btn.active{
background:url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/top_menu_btn.gif) no-repeat bottom;
}
.calculartor-wrap .top_menu_tab_area{
width:131px;
border-left:#e6e6e6 1px solid;
border-right:#e6e6e6 1px solid;
border-bottom:#e6e6e6 1px solid;
padding:8px 13px 8px 13px;
display:none;
}
.calculartor-wrap .top_menu_tab_area ul{
padding:0;
margin:0;
}
.calculartor-wrap ul.top_menu_tab_area li{
list-style:none;
display:block;
}
.calculartor-wrap .top_menu_tab_area li:hover{
display:block;
}
.calculartor-wrap .top_menu_tab_area li a{
font-family:'pf_dindisplay_prothin', Arial, Helvetica, sans-serif;
font-size:16px;
color:#5fb1ec;
line-height:35px;
border-bottom:#e6e6e6 1px solid;
padding:0 0 0 32px;
display:block;
text-shadow:none;
}
.calculartor-wrap .re_calculate{
background:url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/re_calculate.png) no-repeat left;
}
.calculartor-wrap .settings{
background:url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/settings.png) no-repeat left;
}
.calculartor-wrap .help{
background:url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/help.png) no-repeat left;
}
.calculartor-wrap .about_qc{
background:url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/about_qc.png) no-repeat left;
}
.calculartor-wrap .top_menu_tab_area li a.main_last_tab{
border-bottom:none;
}
.calculartor-wrap .site_type_area{
width:100%; 
}
.calculartor-wrap .site_type_list_area{
padding:0;
display:block;
}
.calculartor-wrap .site_type_list_area .ui-checkbox .ui-btn, .calculartor-wrap .ui-radio .ui-btn{
background: none repeat scroll 0 0 white;
border: medium none;
border-radius: 0 0 0 0;	 
}
.calculartor-wrap .site_type_list_area .ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .calculartor-wrap .ui-radio .ui-mini.ui-btn-icon-left .ui-icon{
display: none;
}
.calculartor-wrap .site_type_list_area .ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner, .calculartor-wrap .ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner{
padding-left: 0;
}
.calculartor-wrap .site_type_list_area .ui-radio .ui-btn-icon-right .ui-icon{ 
height:9px;
}
.calculartor-wrap .site_type_list_area label span {
color: #5CADE7;
display: block;
font-family: 'pf_dindisplay_prothin',Arial,Helvetica,sans-serif;
font-size: 21px;
font-weight: normal;
line-height: 26px;
padding: 0 0 9px;
}
.calculartor-wrap .site_type_list_area label:hover {
color: #5CADE7;  
}
.calculartor-wrap .site_type_list_area label   .ui-icon{
background:none; 
}
.calculartor-wrap .basic_option_area{
padding:0 0 36px 0;
border-bottom:#e6e6e6 1px solid;
display:block;
}
.calculartor-wrap .basic_title_area{
width:100%;
border-bottom:#e6e6e6 1px solid;
margin-bottom:15px;
margin-top:30px;
padding-bottom: 15px;
}
.calculartor-wrap .how_many_mock_scrall_area{
padding:0;
display:block;
}
.calculartor-wrap .scrall_blue_bg{
height:9px;
background:url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/scrall_blue_bg.gif) repeat-x top;
position:relative;
border:#e2e2e2 1px solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}
.calculartor-wrap .drag_arrow{
width:31px;
height:39px;
background:url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/drag_arrow.png) no-repeat top;
top:-10px;
left:39%;
position:absolute;
}
.calculartor-wrap .scr_no_area{
width:100%;
overflow:hidden;
}
.calculartor-wrap .scr_number{
width:33%;
font-family:'pf_dindisplay_proregular' Arial, Helvetica, sans-serif;
font-size:15px;
color:#858585;
padding-left:0%;
padding-top:22px;
line-height:17px;
float:left;
}
.calculartor-wrap .design_complexity_area{
width:100%;
padding:34px 0 0 0;
}
.calculartor-wrap .design_complex_title{
padding-bottom:19px;
}
.calculartor-wrap .mobile_device{
width:100%;
padding-bottom:16px;
}
.calculartor-wrap .yes_container{
width:100%; }
.calculartor-wrap .radio_left_name{
width:50px;
font-family:'pf_dindisplay_proregular', Arial, Helvetica, sans-serif;
font-size:16px;
color:#858585;
line-height:19px;
padding-left:31px; }
.calculartor-wrap .checkbox, .calculartor-wrap .radio {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/css/checkbox.png) no-repeat;
display: block;
clear: left;
float: left;
}
.calculartor-wrap .radio {
background: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/css/radio.png) no-repeat;
}
.calculartor-wrap .select {
position: absolute;
width: 158px; height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/css/select.png) no-repeat;
overflow: hidden;
}
.calculartor-wrap .clear{ 
clear:both;
}
.calculartor-wrap .borderbottom{ 
border-bottom:#e6e6e6 1px solid; 
margin: 15px;
}
.calculartor-wrap .bottom-arrows{ 
margin: 15px 0;
}
.calculartor-wrap .bottom-arrows span{
float:left;
height:22px; 
cursor:pointer;
}
.calculartor-wrap .bottom-arrows span.prev{
background: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/btn-pre.jpg) no-repeat; 
width: 124px;
}
.calculartor-wrap .bottom-arrows span.next{
background: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/btn-next.jpg) no-repeat; 
width: 77px; 
float: right;
}
.calculartor-wrap .top-arrows{ 
margin:20px 0 10px;
} .calculartor-wrap .basic_option_area   input.ui-input-text.ui-slider-input {
display:none;
}
.calculartor-wrap .basic_option_area  .how_many_mock_scrall_area .ui-slider-track, .calculartor-wrap .ui-slider-switch { 
margin: 0; 
}
.calculartor-wrap .ui-bar-a{
background:none;
border:none;
}
.calculartor-wrap .ui-body-c, .calculartor-wrap .ui-overlay-c{
background:none;
}
.calculartor-wrap .ui-content {
margin:0 0 0;   
padding-top: 8px;
}
.calculartor-wrap .ui-icon, .calculartor-wrap .ui-icon-searchfield:after{
background-color: #4596CE;
}
.calculartor-wrap .ui-slider-handle {
background: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/drag_arrow.png) no-repeat;
border: none;
box-shadow: none;
height: 39px !important;
width: 31px !important; 
border-radius:0 !important;
}
.calculartor-wrap .ui-slider-handle.ui-focus {
box-shadow:none;
} .calculartor-wrap .ui-btn-text {
color:#858585;
}
.calculartor-wrap .ui-select .ui-icon, .calculartor-wrap .ui-icon-searchfield:after{
background: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/select-icons.png) no-repeat left -75px;
width:36px;
}
.calculartor-wrap .ui-select   .ui-btn{
border-radius:0;
box-shadow:none;
border:1px solid #f5f5f5;
background: none;
} .calculartor-wrap .ui-radio .ui-btn-icon-right .ui-icon{
background: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/check_box_img.gif) no-repeat left 0px; 
}
.calculartor-wrap .ui-radio .ui-btn-icon-right .ui-icon.ui-icon-radio-on {
background-position: left -18px;
} .calculartor-wrap .ui-checkbox .ui-btn-icon-right .ui-icon{
background: url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/check_box_img.gif) no-repeat left 0px;
}
.calculartor-wrap .ui-checkbox .ui-btn-icon-right .ui-icon.ui-icon-checkbox-on  {
background-position: left -18px;
}
.calculartor-wrap .ui-checkbox   .ui-btn{
border-radius:0;
box-shadow:none;
border:1px solid #f5f5f5;
background: white;
} .calculartor-wrap .ui-li-thumb, .calculartor-wrap .ui-listview .ui-li-icon{
left: 5px;
top: 34px;
}
.calculartor-wrap .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .calculartor-wrap .ui-li-static.ui-li-has-thumb{    
padding-left: 60px;
}
.calculartor-wrap .ui-content .ui-li{
background:none;
border:0;
}
.calculartor-wrap .ui-li-desc{
color: #6CBBF3;
font-size: 16px;
font-weight: bold;
}
.calculartor-wrap .final-cost{
font-size: 24px;    
font-weight: bold;
}
.calculartor-wrap .tooltip {
color: #858585;
display: block;
font-family: 'pf_dindisplay_prothin',Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: normal; 
padding: 0;
}
.calculartor-wrap .ui-mobile .ui-page{
padding-top:50px !important;
}
.calculartor-wrap .home_body2 { background:url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/content_bottom.gif) right bottom no-repeat; min-width:100%; border:1px solid #f4f4f4; margin:0 auto 20px; position:relative; font-size:16px; }
.calculartor-wrap .home_body2 .article { margin:-30px 2% 20px ; padding-top:20px; }
.calculartor-wrap .home_body2 p, .calculartor-wrap .home_body2 li, .calculartor-wrap .home_body2 h4, .calculartor-wrap .home_body2 strong{ font-size:16px; line-height:20px;}
.calculartor-wrap .featured_img { max-height:260px; min-height:150px; overflow:hidden; }
.calculartor-wrap .featured_img img { width:100% !important; height:auto !important; }
.calculartor-wrap .article h3 { font-size:18px; color:#666; background:url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/arrow22.png) no-repeat left center; padding:10px 0 10px 25px; }
.calculartor-wrap .article h2 { font-size:20px; color:#666; background:url(//www.quantumcloud.net/wp-content/plugins/qc-wbd-cost-calculator/images/h2_bg.png) no-repeat left 12px; padding:10px 0 10px 25px; }
.calculartor-wrap .home .article H4, .calculartor-wrap div.breadcrumbs { padding:0; margin:0 0 10px 0; font-family:Museo300-Regular, "MS Serif", "New York", serif; font-size:13px; font-weight:bold; color:#acacac; }
.calculartor-wrap *.big_center { text-align:center; margin:4px 0; padding:0; font-weight:bold; font-size:13px; text-transform:none !important; }
.calculartor-wrap *.big_center_lower { text-align:center; margin:4px 0; padding:0; font-weight:bold; font-size:17px; text-transform:none !important; }
.calculartor-wrap ul.highlight { margin:10px 0; padding:0; }
.calculartor-wrap ul.highlight li { list-style:none; background:#E5ECF2; padding:3px 15px 3px 10px; margin:1px 0 0 0; display:table; color:#333; }
.calculartor-wrap ul.highlight2 { margin:0; padding:0; }
.calculartor-wrap ul.highlight2 li { list-style:none; background:#FFE8E8; padding:3px 15px 3px 10px; margin:1px 0 0 0; display:table; color:#666; }
.calculartor-wrap .content_bottom_blue { position:absolute; bottom:-14px; right:-2px; }
.calculartor-wrap .ui-header-fixed, .calculartor-wrap .ui-footer-fixed {
position: absolute !important;
} .calculartor-wrap .top_menu_tab_area {
width: auto;
}
.calculartor-wrap .top_menu_tab_area li {
list-style: outside none none !important;
}
.calculartor-wrap .borderbottom {
margin: 15px 15px 15px 0;
}
.calculartor-wrap .site_type_list_area .ui-radio .ui-btn-icon-right .ui-icon {
height: 18px;
}
.calculartor-wrap .ui-select .ui-btn {
border: 1px solid #ccc;
}
.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text {
line-height: 30px;
min-height: 30px;
}
.calculartor-wrap .tooltip {
background: transparent none repeat scroll 0 0;
}
.ui-input-text.ui-focus, .ui-input-search.ui-focus {
box-shadow: 0 0 2px #387bbe;
}
.ui-body-c, .ui-overlay-c{
background: transparent !important;
}
.ui-mobile .ui-page-active {
position: relative !important;
}
.calculartor-wrap label {
line-height: 18px !important;
}
#contact_submit_button {
line-height: 40px;
}
.ui-page{ min-height: auto !important; } .calculartor-wrap .site_type_list_area .ui-radio .ui-btn-icon-right .ui-icon {
height: 9px;
}
.calculartor-wrap [data-icon]::before {
content: '' !important;
}
.ui-mobile, .ui-mobile body {
height: auto !important;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #fff;
opacity: 1;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
box-sizing: border-box;
padding: 0 !important;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
height: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: fixed;
right: 50px;
top: 50px;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 50px !important;
right: 33px !important;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
} .mfp-iframe-holder{
overflow: hidden;
}
.mfp-iframe-holder .mfp-content{
max-width: 100%;
height: 100%;
}
.mfp-iframe-scaler iframe{
top: 2.5%;
left: 2.5%;
width: 95%;
height: 95%;
}
.mfp-iframe-holder .mfp-close{
position: absolute;
top: 15px;
right: 30px;
z-index: 99999999;
color: #fff;
background: #000;
text-align: center;
padding-right: 0;
width: 50px;
height: 50px;
border-radius: 50px;
}
.mfp-iframe-holder .mfp-close:active{
top: 15px !important;
}