@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Lato|Satisfy");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Libre+Franklin:300,400,500,600,700&display=swap"); 
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,600,700&display=swap"); 
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
text-decoration: none;
color: #4982ab;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 10px 5px;
vertical-align: top;
} body,
button,
input,
select,
textarea {
color: #404040;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5;
font-weight: normal;
letter-spacing: 0.01em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff;
-ms-overflow-x: hidden;
overflow-x: hidden; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: """";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul {
list-style: none;
}
ol {
list-style: none;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
} .etab-clearfix:before,
.etab-clearfix:after {
content: "";
display: table;
clear: both;
flex-basis: 0;
order: 1;
}
.clearfix:after {
content: "";
clear: both;
display: block;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, .8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
select {
border: 1px solid #ccc;
cursor: pointer;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
textarea {
width: 100%;
}  a:focus,
a:hover,
a:active {
outline: 0;
} .main-navigation {
display: block;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation ul > li > ul {
position: absolute;
left: 0;
width: calc(100% - 100px);
background: #fff;
z-index: 100;
overflow: hidden;
z-index: -1;
}
.main-navigation ul > li > ul {
visibility: hidden;
opacity: 0;
-webkit-transition: all ease-in-out 0.3s;
-moz-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
padding: 0px;
background: #fff;
border-bottom: 1px solid #ccc;
margin: 0px;
min-width: 220px;
border-top: 3px solid #AC376C;
-moz-box-shadow: 0 8px 30px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 8px 30px rgba(0,0,0,0.15);
box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}
.main-navigation ul > li:hover ul {
visibility: visible;
opacity: 1;
height: auto;
}
.main-navigation ul > li.menu-item-has-children > a{
position: relative;
}
.main-navigation ul > li.menu-item-has-children > a:before {
content: '';
position: absolute;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #AC376C transparent;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity ease-in-out 0.3s;
-moz-transition: opacity ease-in-out 0.3s;
transition: opacity ease-in-out 0.3s;
}
.main-navigation ul > li.menu-item-has-children:hover > a:before {
opacity:1;
visibility: visible;
}
.main-navigation ul li ul ul {
padding: 10px 0;
}
.main-navigation ul li:hover ul {
top: 100%;
}
.main-navigation ul li ul.sub-menu a {
font-size: 14px;
font-weight: 600;
color: #333;
line-height: 1; padding: 10px 3px;
}
.main-navigation ul li ul.sub-menu a:hover {
color: #AC376C;
}
.main-navigation ul li ul.sub-menu li { text-align: left;
float: none;
}
.main-navigation ul li ul.sub-menu .etab-menu-content li p {
font-size: 14px;
font-weight: 600;
color: #333;
text-transform: uppercase;
line-height: 1;
padding: 8px 0 20px;
margin: 0;
}
.main-navigation ul li ul.sub-menu li:nth-of-type(6) {
clear: none;
}
.main-navigation ul li ul.sub-menu li ul li {
display: block;
width: 100%;
float: none;
line-height: 1;
margin-bottom: 5px;
position: relative;
}
.main-navigation ul li ul.sub-menu li ul li a {
padding: 0 0 0 20px;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.main-navigation ul li ul.sub-menu li ul li a:before {
content: "\f0da";
font-family: Fontawesome;
left: 0;
top: 0;
position: absolute;
color: #333;
}
.main-navigation ul li ul.sub-menu li ul a {
text-transform: none;
display: block;
font-weight: 500;
line-height: 1.5;
font-size: 15px;
}
.main-navigation ul.nav-menu ul li:last-child {
border-bottom: 0;
}  .main-navigation li:hover > a,
.main-navigation li.focus > a {} .main-navigation ul ul:hover > a,
.main-navigation ul ul .focus > a {} .main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {} .main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
top: 0;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em;
} .widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} .ap-clearfix:after {
clear: both;
display: block;
content: "";
}
.ap-container,
.egpr-container {
max-width: 1190px;
padding: 0 10px;
width: 100%;
margin: 0 auto;
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-header {
width: 100%;
padding: 10px 0;
font-size: 0;
top: 0;
left: 0;
right: 0;
background: transparent;
position: sticky;
z-index: 99999;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.admin-bar .site-header{ }
.wpcui_down_Scroll .site-header{
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
background: #fff;
}
.wpcui_up_Scroll .site-header{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
background: #fff;
}
.site-header{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
background: #fff;
-webkit-box-shadow: 0 0 15px rgba(64,64,64,.3);
box-shadow: 0 0 15px rgba(64,64,64,.3);
}
.site-header .site-branding img {
width: 100%;
}
.scrollActive .site-header {
position: fixed;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.site-header .site-branding {
width: 300px;
display: inline-block;
float: none;
padding: 5px 0;
vertical-align: middle;
}
.scrollActive .site-header .site-branding {
width: 200px;
}
.site-header .site-branding a {
display: inline-block;
text-decoration: none;
}
.site-header .main-navigation {
-moz-width: calc(100% - 301px);
-webkit-width: calc(100% - 301px);
width: calc(100% - 301px);
display: inline-block;
text-align: right;
float: none;
vertical-align: middle;
}
.scrollActive .site-header .main-navigation {
-moz-width: calc(100% - 200px);
-webkit-width: calc(100% - 200px);
width: calc(100% - 200px);
}
.site-header ul.nav-menu {
display: inline-block;
vertical-align: middle;
}
.site-header ul.nav-menu li {
vertical-align: middle;
padding: 0 9px;
line-height: 60px;
}
.site-header ul.nav-menu li a {
font-size: 14px;
font-family: 'Rubik', sans-serif;
position: relative;
color: #000;
text-decoration: none;
text-transform: uppercase;
padding: 8px 0;
font-weight: 500;
-moz-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.site-header ul.nav-menu li.menu-item-has-children {
padding-right: 20px;
}
.site-header ul.nav-menu li.menu-item-has-children a:after{
position: absolute;
content: "\f078";
font-family: fontawesome;
top: 49%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: -15px;
font-size: 10px;
font-weight: 300;
}
.site-header ul.nav-menu li.menu-item-has-children ul a:after{
display: none;
}
.site-header ul.nav-menu > li:last-child a {
height: auto;
line-height: initial;
font-size: 12px;
padding: 8px 17px;
font-weight: bold;
background: #AC376C;
color: #fff;
margin-top: 20px;
border: 2px solid #AC376C;
}  .wapper-banner {
position: relative;
}
.wapper-banner .ap-container::after { }
.wapper-banner .ap-container {
display: flex;
-webkit-align-items: center;
align-items: center;
}
.wpcui-slider-texts-image-wrapper {
position: absolute;
top: 50%;
left: 0;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
}
.wpcui-slider-texts-image-wrapper .wpcui-columns-wrapper,
.wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain {
width: 50%;
position: relative;
}
.wpcui-slider-texts-image-wrapper .wpcui-columns-wrapper {
width: 100%;
}
.wpcui-slider-texts-image-wrapper .wpcui-columns-wrapper {
text-align: left;
}
.wpcui-slider-texts-image-wrapper .wpcui-manage-banner {
float: left;
width: 50%;    
}
.wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain {
float: left;
}
.wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain {
text-align: left;
}
.wpcui-slider-texts-image-wrapper img {
max-width: 100%;
width: 100%;
margin-left: -100px;
display: block;
}
.wpcui-slider-texts-image-wrapper .wpcui-columns-wrapper .column-1,
.wpcui-slider-texts-image-wrapper .wpcui-columns-wrapper .column-2,
.wpcui-slider-texts-image-wrapper .wpcui-columns-wrapper .column-3 {
width: 32%;
float: left;
}
.wpcui-slider-texts-contain {
color: #fff;
}
.wpcui-banner-title {
font-size: 40px;
padding-bottom: 10px;
font-family: 'Rubik', sans-serif;
}
.wpcui-banner-subtitle {
font-size: 24px;
font-family: 'Rubik', sans-serif;
}
.wpcui-banner-texts ul li {
font-size: 18px;
padding: 5px;
font-weight: 300;
line-height: 1.2;
font-family: 'Rubik', sans-serif;
} .ap-template-check-up .home-page-section {
padding: 50px 0 70px;
text-align: center;
}
.ap-template-check-up .home-page-section span {
display: inline-block;
color: #000;
font-size: 30px;
text-transform: uppercase;
position: relative;
}
.ap-template-check-up .home-page-section span:before {
position: absolute;
content: '';
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -20px;
height: 2px;
background: #a04b42;
width: 100px;
}
.ap-view-full-demo {
text-align: center;
padding: 20px 10px 60px;
}
.ap-view-full-demo a {
padding: 15px 20px;
background-color: #4f91ff;
border: 2px #4f91ff solid;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-o-border-radius: 30px;
font-size: 16px;
transition: all 0.3s ease 0s;
color: #ffffff;
text-decoration: none;
}
.ap-view-full-demo a:hover {
background: #fff;
color: #4f91ff;
border: 2px solid #4f91ff;
}
.ap-template-check-up .ap-container-wrap {
margin: 10px 0 50px;
}  footer {
text-align: center; }
footer a {
color:#AC376C;
}
footer a:hover {
color: #AC376C;
}
footer .site-info span {
display: inline-block;
font-size: 12px;
color: #000;
padding: 0 10px;
font-weight: normal;
font-family:Ubuntu;
}
.footer-social-icons {
margin-top: 10px;
}
.footer-social-icons a {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
font-size: 18px;
display: inline-block;
color: #666;
}
#top-footer {
background-color: #323232;
padding: 60px 0; }
.egpr-top-footer-wrap .footer-column {
float: left;
margin-left: 3.33%;
width: 30%;
text-align: left;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.5px;
color: #ffffff;
}
.egpr-top-footer-inner-wrap {
margin-left: -3.33%;
}
.site-footer .egpr-top-footer-wrap .widget-title {
color: #ffffff;
position: relative;
padding-bottom: 10px;
margin: 0 0 40px;
}
.egpr-top-footer-wrap .location_info,
.egpr-top-footer-wrap .phone_info,
.egpr-top-footer-wrap .fax_info {
margin-bottom: 15px;
}
.egpr-top-footer-wrap .info_wrap br {
display: none;
}
.egpr-top-footer-wrap .fa_icon_info {
margin-right: 15px;
}
.bottom-footer {
padding: 20px 0;
}
#top-footer + .bottom-footer {
background-color: #292929;
padding: 10px 0;
}
.page-template-template-widget-demo .footer-social-icons {
margin-top: 2px;
}
.page-template-template-widget-demo .site-info span {
color: #cccccc;
}
.page-template-template-widget-demo .footer-social-icons a {
width: auto;
height: auto;
line-height: 1;
font-size: 15px;
color: #cccccc;
margin: 0 5px;
}
.page-template-template-widget-demo .footer-social-icons a:hover {
color: #ffffff;
}  .wpcui-right-nav-menu-wrap {
position: fixed;
top: 100%;
text-align: center;
padding: 0px 0 0;
z-index: 99999;
width: 900px;
left: 50%;
-moz-transform: translateX(-50%) translateY(0);
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.wpcui-right-nav-menu-wrap.active {
-moz-transform: translateX(-50%) translateY(-100%);
-webkit-transform: translateX(-50%) translateY(-100%);
transform: translateX(-50%) translateY(-100%);
}
.wpcui-right-nav-menu-wrap-contain {
position: relative;
bottom: 0%;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.wpcui-right-nav-menu-wrap.active .wpcui-right-nav-menu-wrap-contain {
top: 100%;
}
.wpcui-right-nav-menu-wrap .wpcui-toggle-icon {
position: absolute;
bottom: 100%;
left: 0;
background: #19a499;
font-size: 14px;
padding: 8px 16px;
color: #f5f5f5;
cursor: pointer;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.wpcui-right-nav-menu-wrap .wpcui-toggle-icon i {
margin-right: 12px;
}
.wpcui-right-nav-menu-wrap-nav-menu { background-color: #ffffff;
border: 1px solid #19a499;
-moz-box-shadow: 0 5px 29px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 5px 29px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 29px rgba(0, 0, 0, 0.2);
overflow: hidden;
padding: 10px;
}
.smls-nav-main-menu { }
.smls-nav-main-menu:nth-of-type(6) {
clear: left;
}
.wpcui-right-nav-menu-wrap .smls-nav-title {
font-size: 18px;
font-family: 'Lato', sans-serif;
font-weight: 400;
text-transform: capitalize;
padding: 8px 10px;
color: #f5f5f5;
background-color: #19a499;
backface-visibility: hidden;
border-left: 1px solid #f5f5f5;
}
.wpcui-right-nav-menu-wrap .smls-nav-menu a {
width: auto;
padding: 8px;
width: 100%;
min-width: 78px; display: inline-block;
font-size: 14px;
font-family: 'Lato', sans-serif; color: #444444;
font-weight: 400;
background: transparent;
text-transform: capitalize;
text-decoration: none;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; text-align: left;
}
.wpcui-right-nav-menu-wrap .smls-nav-menu a:hover { color: #19a499;
}
.smls-nav-main-menu .smls-nav-title {
float: left;
}
.smls-main-content-wrap .content-demo {
float: left;
width: 25%;
padding: 10px 0;
text-align: left;
}
.smls-main-content-wrap .smls-content:nth-child(3) .content-demo {
width: 33.33%;
}
.smls-main-content-wrap .smls-content:nth-child(3) .content-demo:nth-of-type(4) {
clear: left;
} .smls-main-content-wrap .content-demo h3 {
font-size: 15px;
margin-top: 0;
}
.smls-main-content-wrap .content-demo ul {
padding: 0;
}
.smls-main-content-wrap .content-demo li{
padding: 6px 10px;
border-bottom: solid 1px #eee;
}
.smls-main-content-wrap .content-demo li:last-child{
border-bottom: none;
}
.smls-main-content-wrap .content-demo ul li a,
.smls-main-content-wrap .smls-content:nth-child(3) .content-demo a {
color: #666;
font-size: 12px;
text-transform: none;
display: block;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 2;
position: relative;
-moz-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.smls-main-content-wrap .content-demo ul li a:before,
.smls-main-content-wrap .smls-content:nth-child(3) .content-demo a:before {
content: '\f105';
position: relative;
font-family: FontAwesome;
margin-right: 8px;
}
.smls-main-content-wrap .content-demo ul li a:hover,
.smls-main-content-wrap .smls-content:nth-child(3) .content-demo a:hover {
color: #19a499;
}  .ap-demo-pricing { text-align: center;
}
.ap-template-wise {
width: 33.33%; float: left;
padding: 20px 50px;
}
.ap-demo-pricing a.ap-template-wise-anchor {
font-size: 20px;
background: #19a499;
color: #fff;
display: block;
padding: 25px 30px;
border: 2px solid transparent;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-transform: uppercase;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-box-shadow: 0 6px 0 #f7a62e;
-webkit-box-shadow: 0 6px 0 #f7a62e;
box-shadow: 0 6px 0 #f7a62e;
border-bottom: 0;
}
.ap-demo-pricing a.ap-template-wise-anchor:hover {
color: #f7a62e;
border: 2px solid #f7a62e;
background: #fff;
border-bottom: 0;
}
.ap-demo-pricing-content {
font-weight: 700;
color: #2c3e50;
margin-bottom: 30px;
text-align: center;
font-size: 27px;
line-height: 1.1;
}
.ap-demo-pricing-content p {
font-size: 13px;
font-weight: 500;
} h1.entry-title {
font-size: 20px;
text-align: center;
color: #000;
margin: 0;
} .hentry {
margin: 0;
}
.ap-container-wrap { padding: 20px 0;
}
.ap-container-wrap:first-child {
padding-top: 0;
}
.ap-container-wrap:first-child h2 {
margin-top: 0;
}
.ap-template-wise-design .ap-container-wrap {
padding: 30px 0;
}
.ap-container-wrap:last-child {
border-bottom: 0;
} a,
a:focus {
outline: 0;
}  .ap-container-3.ap-container-wrap {
overflow: visible;
}
.smls-theme-margin {
margin-top: 50px;
}
.wpcui-template-image-wrap img {
width: 120px;
}
.view-all-tag a {
display: inline-block;
padding: 10px 20px;
line-height: 1.2;
background-color:#ffffff;
color: #5367fb;
font-size: 14px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
border: 2px solid #ffffff;
margin-top: 20px;
letter-spacing: 0.5px;
-moz-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.view-all-tag a:hover {
background-color: #5367fb;
color: #fff;
}
.plugin-pricing-info .view-all-tag a:hover {
border-color: #ffffff;
} .ap-template-selection-container {
position: relative;
background-color: #f9fcff;
width: 100%;
padding: 0px 0;
text-align: center;
border-top: 4px solid #19a499;
overflow: hidden;
}
.ap-template-selection-container .ap-template-selection-1 {
position: relative;
padding-left: 130px;
display: inline-block;
}
.ap-template-selection-container .title {
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
font-size: 18px;
text-transform: uppercase;
}
.menu-naviagation-menu-container {
display: block;
}
.ap-template-selection-container ul {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-start: 0;
list-style: none;
}
.ap-template-selection-container ul li {
margin: 2px 6px;
padding: 0;
display: inline-block;
}
.ap-template-selection-container ul li a {
display: block;
font-size: 18px;
color: #333744;
text-decoration: none;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-o-border-radius: 30px;
cursor: pointer;
text-decoration: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 8px 20px;
min-width: 94px;
min-height: 45px;
}
.ap-template-selection-container ul li.current_page_item a,
.ap-template-selection-container ul li a:hover {
color: #ffffff;
background-color: #4f91ff;
} .wpcui-home-page-features {
background-color: #ffffff;
display: inline-block;
width: 100%;
padding: 80px 0;
clear: both;
}
.wpcui-home-page-features.wpcui-positioning-description .wpcui-text-wrapper-main .wpcui-text-content-wrap{
text-align: center;
max-width: 85%;
margin: 0px auto;
display: block;
}
.wpcui-home-page-features:nth-child(2n) {
background-color: #ffffff;
}
.wpcui-texts-wrapper,
.wpcui-image-wrapper {
float: left;
width: 50%;
position: relative;
}
.wpcui-home-page-features .wpcui-texts-wrapper {        
padding-right: 35px;
}
.wpcui-home-page-features:nth-child(2n) .wpcui-texts-wrapper {        
padding-right: 0;
padding-left: 35px;
padding-top: 0px;
-webkit-order: 2;
-ms-order: 2;
order: 2;
}
.wpcui-text-content-wrap {
font-size: 17px;
color: #7b7b7b;
margin-bottom: 40px;
font-weight: lighter;
}
.wpcui-feature-listing-description .wpcui-text-content-wrap{
margin-bottom: 0;
}
.wpcui-text-wrapper-main a {
display: inline-block;
font-size: 12px;
padding: 5px 10px;
border-radius: 20px;
background-color: #4f91ff;
color: #fff;
border: 1px solid transparent;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.wpcui-text-wrapper-main a:hover {
border: 1px solid #4f91ff;
color: #4f91ff;
background-color: #fff;
}
.wpcui-image-wrapper img { }
.entry-content {
margin: 0;
} .feature-demo-list-wrap {
font-size: 0;
}
.feature-demo-list {
position: relative;
width: 33.33%;
float: left;
border-right: 0;
box-sizing: border-box;
height: 180px;
overflow: hidden;
margin-bottom: 40px;
}
.feature-demo-list-contain {
position: relative;
top: 50%;
transform: translateY(-50%);
height: 180px;
padding: 0 20px;
}
.feature-demo-list-wrap h3 {
color: #222;
font-size: 32px;
margin-bottom: 30px;
font-family: 'Ubuntu', sans-serif;
font-weight: 700;
text-align: center;
}
.image-list-circle {
width: 89px;
height: 89px;
border-radius: 50%;
margin: 0 auto;
position: relative;
text-align: center;
overflow: hidden;
}
.content-list {
padding: 0 20px;    
}
.list-title {
color: #000;
font-size: 20px;
padding: 10px 0;
font-weight: 500;
font-family: Rubik;
}
.list-desc {
font-size: 14px;
font-weight: 500;
font-family: Ubuntu;
}
.feature-demo-content {
padding: 120px 0;
display: inline-block;
width: 100%;
}
.feature-demo-content .feature-demo-list-wrap h3{
margin-bottom: 50px;
margin-top: 0;
}
.plugin-pricing-info {
background-color: #7b2c50;
text-align: center;
padding: 120px 0px 0;
position: relative;
width: 100%;
display: inline-block;
background: url(http://demo.accesspressthemes.com/wordpress-plugins/woo-badge-designer/wp-content/uploads/2019/06/blue_bg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.plugin-pricing-info-title {
font-size: 36px;
color: #fff;
line-height: 42px;
width: 100%;
max-width: 950px;
margin: 0 auto 20px;
font-family: Ubuntu;
font-weight: 600;
}
.wpcui-home-page-features:nth-child(4) .wpcui-home-page-feature-wrapper,
.wpcui-home-page-features:nth-child(7) .wpcui-home-page-feature-wrapper,
.wpcui-home-page-features:nth-child(9) .wpcui-home-page-feature-wrapper,
.wpcui-home-page-features:nth-child(10) .wpcui-home-page-feature-wrapper {
display: flex;
display: -webkit-flex;
display: -moz-flex;    
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;    
-webkit-align-items: center;
align-items: center;    
-webkit-justify-content: space-between;
justify-content: space-between;
}
.get-it-tag a {
padding: 14px 20px;
background-color: #AC376C;
border: 2px #AC376C solid;
font-size: 14px;
transition: all 0.3s ease 0s;
text-decoration: none;
text-transform: uppercase;
color: #ffffff;
display: inline-block;
font-weight: 600;
}
.get-it-tag a:hover {
background-color: #FFF;
color: #AC376C;
border-color: #FFF;
}
.image-wrap {
margin-top: 50px;
padding: 0 10px;
}
.image-wrap img {
display: block;
margin: 0 auto;
}
.featured-column {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
align-items: stretch;
overflow: hidden;
}
.featured-column .col {
width: 33.33%;
text-align: center;
padding: 40px 0px 40px 0px;
font-size: 0;
}
.featured-column .col h3 {
color: #fff;
margin: 0;
font-size: 20px;
font-family: 'Ubuntu', sans-serif;
font-weight: 600;
}
.featured-column .col.wpmm-support-btn {
background: #4d84fc;
}
.featured-column .col.wpmm-online-doc-btn {
background: #3776ff;
}
.featured-column .col.wpmm-videotut-btn {
background: #2367f8;
}
.featured-column .col .icon-holder,
.featured-column .col .text-holder {
display: inline-block;
vertical-align: middle;
}
.featured-column .col .icon-holder i {
color: #fff;
font-size: 92px;
}
.featured-column .col .icon-holder {
width: 44%;
position: relative;
border-right: 1px solid #fff;
text-align: right;
padding-right: 20px;
}
.featured-column .col .text-holder {
width: 55%;
text-align: left;
padding-left: 20px
}  .wpcui-template-content-display-wrapper {
text-align: center;
background-color: #fff;
padding: 60px 0;
}
.wpcui-template-content-display-wrapper:nth-child(2n) { }
.wpcui-template-title-wrap {
color: #222;
font-size: 30px;
margin-bottom: 30px;
font-family: 'Poppins', sans-serif;
}
.wpcui-template-text-wrap {
margin: 30px auto;
font-size: 18px;
color: #777;
width: 760px;
max-width: 100%;
} .envato-check {
padding: 120px 0;
background-color: #000;
overflow: hidden;
}
.evanto-title {
color: #fff;
font-size: 30px;
font-family: 'Ubuntu', sans-serif;
font-weight: 600;
}
.buyer-of-items {
color: #e07c40;
font-family: 'Rubik', sans-serif;
font-size: 20px;
}
.evanto-desc {
color: #fff;
font-size: 18px;
padding-top: 10px;
font-family: 'Rubik', sans-serif;
}
.envato-img-wrap {
text-align: center;
width: 100%;
}
.envato-right {
text-align: center;
width: 100%;
} .wpcui-image-display-wrapper {
height: 280px;
position: relative;
}
.wpcui-image-display-wrapper img {
width: 100%;
object-fit: cover;
height: 100%;
}
.wpcui-header-infor {
position: absolute;
top: 55%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
left: 0;
right: 0;
padding: 0 10px;
}
.wpcui-header-infor span {
display: block;
color: #333;
margin: 10px 0;
font-size: 32px;
font-family: 'Rubik', sans-serif;
}
.wpcui-header-infor .get-it-tag {
padding: 10px 0;
}
.wpcui-header-infor .get-it-tag a {
padding: 10px 22px;
}
.wpcui-header-infor .wpcui-header-infor-title {
font-size: 18px;
}  .faq-container {
padding: 50px 0;
font-size: 0;
}
.question-answer-wrap {
margin: 10px 5px;
border: 1px solid #e6f1fe;
padding: 10px;
display: inline-block;
width: 48%;
vertical-align: top;
}
.faq-container .question {
color: #333;
font-weight: 700;
margin: 0 0 10px;
font-size: 18px;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
display: inline-block;
}
.faq-container .answer {
color: #666;
line-height: 1.8;
font-size: 15px;
display: block;
} .content-area .bx-wrapper {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
}
.ap-templates-bottom-wrap {
margin-top: 50px;
}
.evtab-demo-button {
font-size: 18px;
margin-bottom: 20px;
}
.tab-position-wrapper,
.etab-icon-position {
margin-bottom: 20px;
}
a.etab-orient-btn,
a.etab-icon-btn,
a.etab-orientation-btn,
a.etab-position-btn,
a.etab-position-vbtn {
display: inline-block;
margin:5px;
padding: 12px 18px;
background-color: #19a499;
color: #ffffff;
line-height: 1;
border: 1px solid #19a499;
font-size: 14px;
font-family: 'Roboto';
letter-spacing: 0.5px;
cursor: pointer;
-moz-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
a.etab-orient-btn:hover,
a.etab-icon-btn:hover,
a.etab-orient-btn.etab-active-btn,
a.etab-icon-btn.active-icon,
a.etab-orientation-btn:hover,
a.etab-orientation-btn.etab-active-btn {
background-color: transparent;
color: #19a499;
}
a.etab-icon-btn,
a.etab-position-btn,
a.etab-position-vbtn  {
background-color: transparent;
border-color: #619dd6;
padding: 0;
vertical-align: top;
min-width: 130px;
}
a.etab-icon-btn:hover,
a.etab-icon-btn.active-icon,
a.etab-position-btn:hover,
a.etab-position-btn.etab-active-hoption,
a.etab-position-vbtn:hover,
a.etab-position-vbtn.etab-active-voption {
border-color: #19a499;
-moz-box-shadow: 0 4px 19px rgba(0,0,0, 0.2) !important;
-webkit-box-shadow: 0 4px 19px rgba(0,0,0, 0.2) !important;
box-shadow: 0 4px 19px rgba(0,0,0, 0.2) !important;
}
a.etab-icon-btn img,
a.etab-position-btn img,
a.etab-position-vbtn img {
display: block;
margin:0 auto 10px;
padding:12px 18px 0;
}
a.etab-icon-btn img {
padding-top: 15px;
margin-bottom: 15px;
}
a.etab-icon-btn span,
a.etab-position-btn span,
a.etab-position-vbtn span {
display: block;
padding: 7px 12px;
background: #ffffff;
color: #619dd6;
-moz-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
a.etab-icon-btn span {
padding: 8px 12px;
}
a.etab-position-btn:hover span,
a.etab-position-vbtn:hover span,
a.etab-position-btn.etab-active-hoption span,
a.etab-position-vbtn.etab-active-voption span,
a.etab-icon-btn:hover span,
a.etab-icon-btn.active-icon span {
background: #19a499;
color: #ffffff;
}
.etab-menu-header {
border-bottom: 1px solid #cecece;
}
.smls-nav-main-menu {
border-bottom: 1px solid #19a499;
}
.main-navigation ul li ul.sub-menu .etab-menu-header li {
padding: 0;
width: 100%;
display: block;
} .main-navigation ul li ul.sub-menu .etab-menu-header li a,
.smls-nav-main-menu .smls-nav-title {
background-color: transparent;
color: #000000;
font-size: 12px;
background: #FFF;
margin-bottom: -1px;
border: 1px solid #cecece;
border-left: 0;
font-family: 'Lato', sans-serif;
font-weight: 600;
padding: 15px 20px;
height: calc(100% + 1px);
position: relative;
-moz-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.smls-nav-main-menu .smls-nav-title {
cursor: pointer;
text-transform: uppercase;
width: 33.33%;
background-color: #19a499;
color: #ffffff;
} .smls-nav-main-menu .smls-nav-title:before {
content: '';
position: absolute;
background-color: #19a499;
top: 0;
left: 0;
width: 100%;
height: 3px;
opacity: 0;
visibility: hidden;
-moz-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
} .smls-nav-main-menu .smls-nav-title.etab-active-toggletab:before {
opacity: 1;
visibility: visible;
}
.main-navigation ul li ul.sub-menu .etab-menu-header li.etab-active-menutab a,
.smls-nav-main-menu .smls-nav-title.etab-active-toggletab {
border-bottom-color: transparent;
color: #19a499;
background:#ffffff;
}
.main-navigation ul li ul.sub-menu .etab-menu-header li.etab-active-menutab a{
background: rgba(217,248,255,0.3);
}
.smls-nav-main-menu .smls-nav-title.etab-active-toggletab {
border-bottom-color: #ffffff;
color: #19a499;
background: transparent;
}
.main-navigation ul li ul.sub-menu .etab-menu-header li a:hover,
.main-navigation ul li ul.sub-menu .etab-menu-content .etab-demo-example:last-child li:hover  a  {
color: #19a499;
background: rgba(217,248,255,0.3);
}
.smls-nav-main-menu .smls-nav-title:hover {
color: #19a499;
}
.everest-tab-vector-images {
display: inline-block;
width: 50%;
padding-right: 20px;
}
.main-navigation ul li ul.sub-menu .etab-demo-example img {
display: block;
}
.main-navigation ul li ul.sub-menu .etab-demo-example:last-child li {
width: 16.66%;
padding: 0 10px;
}
.main-navigation ul li ul.sub-menu .etab-demo-example:last-child li .everest-tab-vector-images {
width: auto;
display: block;
padding-right: 0;
padding-bottom: 15px;
}
.main-navigation ul li .etab-menu-content .sub-menu {
display: inline-block;
vertical-align: top;
}
.main-navigation ul li ul.sub-menu .etab-demo-example:last-child li a {
padding-bottom: 8px;
}
.etab-menu-content {
padding: 20px 0;
}
.main-navigation ul li ul.sub-menu .etab-demo-example li a {
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.main-navigation ul li ul.sub-menu .etab-demo-example li a:hover {
color: #19a499;
} .info-img-wrap .wpcui-template-title-wrap,
.info-img-wrap .wpcui-template-text-wrap {
color: #fff;
}
.info-img-wrap.wpcui-template-content-display-wrapper {
padding: 0;
}
.info-img-wrap .info-about {
padding: 100px 0 100px;
background: #F2F5FA;
}
.info-img-wrap .wpcui-template-display-wrap .ap-container {
margin-top: -300px;
background: #fff;
-webkit-box-shadow:0 20px 50px rgba(0,0,0,.2);
box-shadow:0 20px 50px rgba(0,0,0,.2);
padding: 20px 30px;
}
.info-img-wrap .wpcui-padding .wpcui-template-display-wrap .ap-container {
padding: 30px;
}
.info-img-wrap .wpcui-bottom-inner-wrap {
padding-bottom: 60px;
}
.info-img-wrap .wpcui-bottom-inner-wrap .view-all-tag a {
margin-top: 40px;
}
.wpcui-home-page-features .image_wrapper {
margin-top: 39px;
text-align: center;
}
.wpcui-home-page-features .wpcui-text-content-wrap2 {
color: #545454;
font-size: 16px;
text-align: center;
width: 96%;
}
.wpcui-evtab {
text-align: center;
}
.wpcui-home-page-features .image_wrapper:before,
.wpcui-home-page-features .image_wrapper:after{
content: "";
clear: both;
display: table;
}
.wpcui-home-page-features .image_wrapper .right_layout {
display: inline-block;
vertical-align: top;
margin: 0;
float: left;
width: 16.667%;
padding: 0 25px;
text-align: center;
}
.wpcui-home-page-features .image_wrapper .right_layout h4 {
font-size: 18px;
margin-top: 20px;
font-weight: 500;
}
.ap-container.ap-innerpage-widget{
margin-top: 180px;
}
.ap-innerpage-widget #primary.ap-primary-widget{
width: 68%;
padding-right: 20px;
}
.ap-innerpage-widget #secondary {
width: 32%;
padding-left: 20px;
}
.ul-holder.clearfix {
margin-top: 52px;
text-align: left;
}
.ap-container.ap-innerpage-widget.etab-clearfix:before,
.ap-container.ap-innerpage-widget.etab-clearfix:after{
display: none;
}
.egpr-left-section .entry-header h3 {
margin-top: 0;
}
.widget .widget-title {
font-family: "Montserrat", Arial, Helvetica, sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size: 18px;
line-height: 23px;
letter-spacing: 1px;
color: #171717;
margin: 0 0 20px;
}
.widget.widget_categories ul,
.widget.widget_text ul {
margin: 0;
padding-left: 0;
display: block;
line-height: 1;
}
.widget.widget_categories ul > li,
.widget.widget_text ul > li {
padding: 0 0 15px 0;
text-align: right;
font-family: "Raleway", Tahoma, Geneva, sans-serif;
font-weight: 400;
font-size: 14px;
color: #202020;
line-height: 1;
}
.widget.widget_text ul > li {
text-align: left;
white-space: normal;
}
.widget.widget_categories ul > li a,
.widget.widget_text ul > li a {
display: inline-block;
padding-left: 0px;
position: relative;
color: #202020;
line-height: 24px;
letter-spacing: 1px;
float: left;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.widget.widget_text ul > li a {
float: none;
display: block;
width: 100%;
line-height: 1;
} .widget.widget_tag_cloud .tagcloud a {
display: inline-block;
padding: 8px 10px;
background-color: #19a499;
color: #ffffff;
line-height: 1;
margin-bottom: 5px;
font-family: 'Raleway', sans-serif;
}
.widget.widget_categories ul > li a:hover,
.widget.widget_text ul > li a:hover {
color: #19a499;
}
.widget-area section {
margin-bottom: 50px;
}
footer .widget.widget_text .textwidget p a {
background-color: #19a499;
padding: 10px 15px;
color: #ffffff;
display: inline-block;
line-height: 1;
margin-top: 10px;
-moz-transition:all 350ms ease-in-out;
-webkit-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
}
footer .widget.widget_text .textwidget p a:hover {
background-color: #168279;
}
.wpcui-template-layout-display-wrapper .info-about .ap-container{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
-webkit-flex-flow: row wrap;
justify-content: space-around;
width: 100%;
max-width: 1190px;
margin: 0 auto;
}
.wpcui-template-layout-display-wrapper .info-about .wpcui-layout-display-wrap{
-webkit-flex-basis: 33.33%;
flex-basis: 33.33%;
margin: 0;
vertical-align: middle;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
-webkit-flex-flow: column;
padding: 0 30px;
}
.wpcui-template-layout-display-wrapper .info-about .wpcui-layout-display-wrap .wpcui-template-image-wrap{
text-align: center;
}
.wpcui-template-layout-display-wrapper .info-about .wpcui-layout-display-wrap .wpcui-template-image-wrap img{
width: 100%;
}
.wpcui-template-layout-display-wrapper .info-about .wpcui-layout-display-wrap .wpcui-template-title-wrap{
margin-bottom: 10px;
text-align: center;
margin-top: 40px;
font-weight: 600;
color: #5b5b5b;
text-transform: uppercase;
font-family: 'Rubik', sans-serif;
}
.wpcui-template-layout-display-wrapper .info-about .wpcui-layout-display-wrap .wpcui-template-text-wrap{
width: 100%;
margin: 10px 0 0;
text-align: center;
font-size: 14px;
line-height: 2;
font-weight: 500;
color: #7b7b7b;
}
.position_wrapper{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
-webkit-flex-flow: row wrap;
justify-content: flex-start;
width: 100%;
margin: 40px 0 0;
}
.position_wrapper .wpcui_pos_wrap{
width: 32%;
margin: 0;
vertical-align: middle;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
-webkit-flex-flow: column;
margin-right: 2%;
}
.position_wrapper .wpcui_pos_wrap:nth-of-type(3n){
margin-right: 0;
}
.position_wrapper .wpcui_pos_wrap .wpcui_pos_label{
font-size: 14px;
font-family: 'Rubik', sans-serif;
font-weight: 600;
text-transform: uppercase;
margin-top: 20px;
color: #5b5b5b;
}
button.wpcui_template_buttons,
button.wpcui_popup_template_buttons{
height: 45px;
line-height: 47px;
padding: 0 30px;
box-shadow: none;
border: none;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
margin-right: 5px;
margin-bottom: 10px;
font-size: 16px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 600;
border-radius: 3px;
color: #FFF;
font-family: 'Open Sans', sans-serif;
position: relative;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
button.wpcui_white_color{
color: #000;
border: 1px solid rgba(0,0,0,0.1);
}
button.wpcui_popup_template_buttons:after,
button.wpcui_template_buttons:after{
-webkit-border-radius: 3px;
border-radius: 3px;
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.3);
box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.3);
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
button.wpcui_popup_template_buttons:hover:after,
button.wpcui_template_buttons:hover:after{
visibility: visible;
opacity: 1;
}
button.wpcui_popup_template_buttons.wpcui-active-template:after,
button.wpcui_template_buttons.wpcui-active-template:after{
visibility: visible;
opacity: 1;
}
button.wpcui_cerulean_color{
background: #109AE8;
}
button.wpcui_comet_color{
background: #54577A;
}
button.wpcui_astronaut_blue_color{
background: #003C5A;
}
button.wpcui_mako_color{
background: #121315;
}
button.wpcui_image_background_color{
background: #649329;
}
button.wpcui_wine_berry_color{
background: #5B1746;
}
button.wpcui_seashell_color{
background: #97D058;
}
button.wpcui_wisteria_color{
background: #9D56B7;
}
button.wpcui_white_color{
background: #FFFFFF;
}
button.wpcui_mountain_meadow_color{
background: #1FCE6D;
}
button.wpcui_mako_color{
background: #424851;
}
button.wpcui_east_bay_color{
background: #383977;
}
button.wpcui_blue_chill_color{
background: #128A8B;
}
button.wpcui_punch_color{
background: #E04C46;
}
button.wpcui_orange_peel_color{
background: #F59D00;
}
button.wpcui_bright_red_color{
background: #AC0000;
}
button.wpcui_school_bus_yellow_color{
background: #F2D800;
}
button.wpcui_cod_gray_color{
background: #191919;
}
button.wpcui_governor_bay_color{
background: #3832A6;
}
button.wpcui_caribbean_green_color{
background: #03BA9D;
}
button.wpcui_paradiso_color{
background: #58BAB1;
}
button.wpcui_havelock_blue_color{
background: #4891d2;
}
button.wpcui_shiraz_color{
background: #a80620;
}
button.wpcui_chicago_color{
background: #5c5c5b;
}
button.wpcui_mountain_meadow_color{
background: #21bf88;
}
button.wpcui_manatee_color{
background: #919192;
}
button.wpcui_template_buttons:focus,
button.wpcui_template_buttons:active,
button.wpcui_popup_template_buttons:focus,
button.wpcui_popup_template_buttons:active,
button.wpcui_template_buttons:focus,
button.wpcui_template_buttons:active{
outline: none;
}
button.wpcui_more_position,
button.wpcui_position_button{
height: 35px;
line-height: 37px;
padding: 0 15px;
border: none;
background: #19a499;
color: #FFF;
box-shadow: none;
border-radius: 0px;
text-shadow: none;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
button.wpcui-active-more-position:focus,
button.wpcui-active-more-position:active,
button.wpcui_position_button:focus,
button.wpcui_position_button:active{
outline: none;
}
button.wpcui-active-position,
button.wpcui_position_button:hover,
button.wpcui-active-more-position,
button.wpcui_more_position:hover{
background: #398682;
}
.wpcui_position_choices h3,
.wpcui_more_info_position_choices h3,
.wpcui_template_choices h3{
font-family: 'Rubik', sans-serif;;
}
.wpcui_position_choices span,
.wpcui_more_info_position_choices span,
.wpcui_template_choices span{
font-family: 'Open Sans', sans-serif;
}
.wpcui_position_choices div,
.wpcui_more_info_position_choices div,
.wpcui_template_choices div{
margin-top: 30px;
margin-bottom: 50px;
}
.wpcui_more_info_position_choices div{
margin-bottom: 20px;
}
.wobd-position-demo-wrap{
display: block;
text-align: center;
margin: 50px 0;
}
.wobd-position-demo-wrap .ak-timer-position-demo,
.wobd-position-demo-wrap .ak-position-demo{
display: inline-block;
font-size: 14px;
margin: 0 5px;
background: #fff;
border: 1px solid #f1f1f1;
color: #333;
-webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.1);
box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.1);
padding: 10px 16px;
line-height: 1;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.wobd-position-demo-wrap .ak-timer-position-demo.ak-active,
.wobd-position-demo-wrap .ak-position-demo.ak-active,
.wobd-position-demo-wrap .ak-timer-position-demo:hover,
.wobd-position-demo-wrap .ak-position-demo:hover{
cursor: pointer;
background: #fff;
border-color: #eee;
-webkit-box-shadow: none;
box-shadow: none;
color: #333;
cursor: pointer;
}
.envato-check-contain {
text-align: center;
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
align-items: center;
-webkit-align-items:center ;
justify-content: center;
-webkit-justify-content: center;
width: 100%;
-webkit-flex-wrap:wrap ;
-ms-flex-wrap:wrap ;
flex-wrap:wrap ;
}
.site-header {
position: fixed;
background-color: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: none;
-webkit-box-shadow: none;
}
.site-header ul.nav-menu li a{
color: #fff;
}
.site-header.scrollActive {
background: #fff;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03), 0 3px 6px rgba(0, 0, 0, 0.06);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03), 0 3px 6px rgba(0, 0, 0, 0.06);
}
.site-header.scrollActive ul.nav-menu li a{
color: #000;
}
.site-header ul.nav-menu>li:nth-last-child(2) a {    
background: #4d84fc;
border: 2px solid #4d84fc;
-webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
color:#fff;
outline: 1px solid #fff;
}
.site-header ul.nav-menu > li:last-child a{
background: #4d84fc;    
border: 2px solid #4d84fc;
-webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1); 
outline: 1px solid #fff;
}
.site-header.scrollActive ul.nav-menu > li:last-child a{
color:#fff; 
}
.site-header ul.nav-menu>li:nth-last-child(2) a:hover {
color: #5368fd;
background: #fff;
border-color:#fff;
}
.site-header ul.nav-menu>li:nth-last-child(1) a:hover {
color: #5368fd;
background: #fff;
border-color:#fff;
}
.wpcui-banner-subtitle {
font-family: 'Ubuntu', sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 15px;
}
.wpcui-banner-title h1 {
font-size: 60px;
font-weight: 500;
line-height: 1.1em;
letter-spacing: -2.6px;
color: #ffffff;
font-family: 'Ubuntu','sans serif';
margin-top: 0;
margin-bottom: 20px;
}
.wpcui-banner-title h2 {
font-size: 32px;
font-family: Ubuntu;
margin-top: 0;
margin-bottom: 30px;
font-weight: 500;
line-height: 1.1em;    
}
.wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain .wpcui-banner-texts ul {    
margin: 0;
}
.wpcui-banner-texts ul li {
font-size: 16px;
padding: 0;
font-weight: 400;
line-height: 1.7em;
font-family: 'Ubuntu', sans-serif;
}
.wpcui-slider-texts-contain a {
background: #4d84fc none repeat scroll 0 0;
border-radius: 50px;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
color: #ffffff;
display: inline-block;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
margin-right: 15px;
padding: 15px 40px;
position: relative;
text-transform: uppercase;
font-family: Ubuntu;
}
.wpcui-slider-texts-contain a:hover{
color:#4d84fc;
background:#fff;
}
.wpcui-slider-buy-button {
display: inline-block;
margin-top: 40px;
}
.wpcui-text-title-wrap {
font-family: 'Ubuntu', sans-serif;
text-align: center;
font-size: 40px;
line-height: 1em;
letter-spacing: -1.88px;
font-weight: 500;
margin-bottom: .46em;
position: relative;
color: #160742;
}
.appts-template-text-wrap {
font-size: 17px;
font-weight: 400;
color: #7e7b8a;
line-height: 1.65em;
letter-spacing: 0;
padding: 0 250px;
font-family: Rubik;
text-align:center;
}
.wpcui-home-page-features .image_wrapper .left_layout {
width: 33.33%;
display: block;
text-align: center;    
border-radius: 6px;    
background-color: transparent;
float: left;
padding: 0 20px;
}
.wpcui-home-page-features .image_wrapper .left_layout img {
-webkit-transition:.3s ease-in-out ;
-moz-transition:.3s ease-in-out ;
-ms-transition:.3s ease-in-out ;
-o-transition:.3s ease-in-out ;
transition:.3s ease-in-out ;
-webkit-transform: translateY(0);
transform: translateY(0);
-moz-transform:translateY(0px) ;
-ms-transform:translateY(0px) ;
-o-transform:translateY(0px) ;
}
.wpcui-home-page-features .image_wrapper .left_layout:hover img{
-webkit-transform:translateY(-15px) ;
-moz-transform:translateY(-15px) ;
-ms-transform:translateY(-15px) ;
-o-transform:translateY(-15px) ;
transform:translateY(-15px) ;
}
.wpcui-home-page-features .image_wrapper .left_layout:hover .wobd-image-ribbon img{
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.woocommerce ul.products li.product a img{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.wpcui-home-page-features .image_wrapper .left_layout h4 {
font-size: 1.188em;
letter-spacing: 0px;
line-height: 1em;
font-weight: 500;
margin-top: 2.55em;
text-align: center;
color: #160742;
font-family: Rubik;
margin-bottom:0;
}
.appts-template-text-wrap ul {
max-width: 390px;
margin: 0 auto;
text-align: left;
margin-bottom: 66px;
margin-top: .46em;
}
.wpcui-home-page-features.wpcui-demo-listing-description .bx-wrapper {
margin-bottom: -120px;
}
.wpcui-home-page-features:nth-child(4) {
padding-top: 380px;
background: #f2f6f9;
margin-top: -180px;
}
.wpcui-home-page-features{
padding: 120px 0;
}
.wpcui-text-title-wrap.wobd-title-preview {
text-align: left;
}
.wpcui-text-content-wrap {
font-size: 17px;
font-weight: 400;
color: #7e7b8a;
line-height: 1.65em;
letter-spacing: 0;
font-family: Rubik;
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover{
background: #160742 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #d7dbde !important;
}
.wpcui-home-page-features:nth-child(3),
.wpcui-home-page-features:nth-child(5) {
background: url(http://demo.accesspressthemes.com/wordpress-plugins/woo-badge-designer/wp-content/uploads/2019/06/blue_bg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.wpcui-home-page-features:nth-child(3) .appts-template-text-wrap,
.wpcui-home-page-features:nth-child(5) .appts-template-text-wrap{
color: #fff;
}
.wpcui-home-page-features:nth-child(3) .wpcui-text-title-wrap,
.wpcui-home-page-features:nth-child(5) .wpcui-text-title-wrap{
color: #fff;
}
.wpcui-feature-container {
width: 32%;
float: left;
}
.wpcui-inner-image {
width: 32%;
float: left;
margin:0 2%;
}
.wpcui-feature-1 {
padding: 20px;
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, 0.8);
margin-bottom: 40px;
margin-top: 40px;
background-color: rgba(118, 70, 233, 0.2);
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.wpcui-feature-1 span.lnr.lnr-clock {
height: 60px;
width: 60px;
border-radius: 60px;
color: #fff;
font-size: 30px;
background-image: -webkit-linear-gradient(50deg, #5e2ced 0%, #9749f8 100%);
background-image: -ms-linear-gradient(50deg, #5e2ced 0%, #9749f8 100%);
-webkit-box-shadow: 0px 26px 68px 0px rgba(42, 0, 117, 0.4);
box-shadow: 0px 26px 68px 0px rgba(42, 0, 117, 0.4);
display: block;
line-height: 60px;
text-align: center;
margin-bottom: 30px;
}
.wpcui-feature-2 {
padding: 20px;
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, 0.8);     
background-color: rgba(118, 70, 233, 0.2);
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.wpcui-feature-3 {
padding: 20px;
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, 0.8);
margin-bottom: 40px;
margin-top:40px;
background-color: rgba(118, 70, 233, 0.2);
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.wpcui-feature-4{
padding: 20px;
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, 0.8);     
background-color: rgba(118, 70, 233, 0.2);
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.wpcui-inner-content {
font-size: 22px;
line-height: 32px;
color: #fff;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
text-align: left;
font-family: Ubuntu;
font-weight: 700;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-family: 'Poppins', sans-serif;
color: #191919;
font-weight: 500;
}
.woocommerce ul.products li.product .price ins {
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.wpcui-feature-2 span.lnr.lnr-clock {
height: 60px;
width: 60px;
border-radius: 60px;
color: #fff;
font-size: 30px;   
display: block;
line-height: 60px;
text-align: center;
margin-bottom: 30px;
background-image: -moz-linear-gradient(50deg, #776df2 0%, #a1f0e6 100%);
background-image: -webkit-linear-gradient(50deg, #776df2 0%, #a1f0e6 100%);
background-image: -ms-linear-gradient(50deg, #776df2 0%, #a1f0e6 100%);
-webkit-box-shadow: 0px 26px 68px 0px rgba(42, 0, 117, 0.4);
box-shadow: 0px 26px 68px 0px rgba(42, 0, 117, 0.4);
}
.wpcui-feature-3 span.lnr.lnr-clock {
height: 60px;
width: 60px;
border-radius: 60px;
color: #fff;
font-size: 30px;    
display: block;
line-height: 60px;
text-align: center;
margin-bottom: 30px;
background-image: -moz-linear-gradient(50deg, #e877cb 0%, #a197fa 100%);
background-image: -webkit-linear-gradient(50deg, #e877cb 0%, #a197fa 100%);
background-image: -ms-linear-gradient(50deg, #e877cb 0%, #a197fa 100%);
-webkit-box-shadow: 0px 26px 68px 0px rgba(42, 0, 117, 0.4);
box-shadow: 0px 26px 68px 0px rgba(42, 0, 117, 0.4);
}
.wpcui-feature-4 span.lnr.lnr-clock {
height: 60px;
width: 60px;
border-radius: 60px;
color: #fff;
font-size: 30px;   
display: block;
line-height: 60px;
text-align: center;
margin-bottom: 30px;
background-image: -moz-linear-gradient(50deg, #70bfec 0%, #2784fc 100%);
background-image: -webkit-linear-gradient(50deg, #70bfec 0%, #2784fc 100%);
background-image: -ms-linear-gradient(50deg, #70bfec 0%, #2784fc 100%);
-webkit-box-shadow: 0px 26px 68px 0px rgba(42, 0, 117, 0.4);
box-shadow: 0px 26px 68px 0px rgba(42, 0, 117, 0.4);
}
.wpcui-feature-1:hover{
background:#fff;
}
.wpcui-feature-1:hover .wpcui-inner-content{
color:#000;
}
.wpcui-feature-2:hover{
background:#fff;
}
.wpcui-feature-2:hover .wpcui-inner-content{
color:#000;
}
.wpcui-feature-3:hover{
background:#fff;
}
.wpcui-feature-3:hover .wpcui-inner-content{
color:#000;
}
.wpcui-feature-4:hover{
background:#fff;
}
.wpcui-feature-4:hover .wpcui-inner-content{
color:#000;
}
.wpcui-home-page-features:nth-child(7) .wpcui-text-title-wrap,
.wpcui-home-page-features:nth-child(9) .wpcui-text-title-wrap,
.wpcui-home-page-features:nth-child(10) .wpcui-text-title-wrap{
text-align: left;
}
.wpcui-home-page-features:nth-child(12) {
background-color: #f2f6f9;
}
.wpcui-example-wrapper {
margin-top: 66px;
}
.wpcui-layout-wrap {
float: left;
width: 16.66%;
padding: 0 20px;
font-family: Rubik;
}
.wpcui-home-page-features .image_wrapper {
margin-top: 66px;
text-align: center;
}
.layout_image h4 {
font-size: 1.188em;
letter-spacing: 0px;
line-height: 1em;
font-weight: 500;
margin-top: 2.55em;
text-align: center;
color: #160742;
font-family: Ubuntu;
margin-bottom: 0;
}
.plugin-total-des {
width: 100%;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {    
bottom: -80px !important;    
}
.wpcui-slider-buy-button span.lnr.lnr-arrow-right {
font-weight: 700;
transform: translateX(5px);
-webkit-transform:translateX(5px);
-moz-transform:translateX(5px);
-ms-transform:translateX(5px);
-o-transform:translateX(5px);
-webkit-transition:all 0.3s ease-in ;
-moz-transition:all 0.3s ease-in ;
-ms-transition:all 0.3s ease-in ;
-o-transition:all 0.3s ease-in ;
transition:all 0.3s ease-in ;
display: inline-block;
backface-visibility: hidden;
vertical-align: text-bottom;
}
.wpcui-slider-buy-button a:hover span.lnr.lnr-arrow-right{
transform: translateX(15px);
-webkit-transform:translateX(15px);
-moz-transform:translateX(15px);
-ms-transform:translateX(15px);
-o-transform:translateX(15px);
}
.wpcui-home-page-features:nth-child(6),
.wpcui-home-page-features:nth-child(8),
.wpcui-home-page-features:nth-child(10){
background-color: #f2f6f9;
}
.fa, .fas {
font-family: Fontawesome;
font-weight: 400;
}
.site-header .site-branding img {
width: 200px;
}
.feature-demo-content {    
background: #f2f6f9;
}
.feature-demo-list-contain{
padding: 0 20px;    
}
.feature-demo-list-cover {
display: flex;
display: -webkit-flex;
display: -moz-flex;
background: #fff;
padding: 20px;
align-items: center;
-webkit-align-items: center;
height: 100%;
}
.feature-demo-list:nth-child(4),
.feature-demo-list:nth-child(5),
.feature-demo-list:nth-child(6){
margin-bottom:0;
} .wpcui-template_34 .wpcui-table-item-wrapper:nth-child(2) .wpcui-content-all-wrap .wpcui-table-item {
border-left: 0;
}
.wp1s-animation-type-1 .wp1s-animate-capwrap .wp1s-layer1-wrap {
top: 51%;
}
.wpcui-table-wrapper * {
border: 0;
outline: 0;
} .error-404 {
text-align: center;
padding: 57px 0;
}
.error-404 i {
font-size: 12em;
} .wpcui-cta-section {
padding: 50px 0 60px;
background: #777;
text-align: center; background-image: url(http://demo.accesspressthemes.com/wordpress-plugins/wp-pricing-tables/wp-content/uploads/2016/12/x.jpg alt=Banner image);
}
.wpcui-cta-desc {
padding: 0 80px 20px;
color: #333;
font-size: 33px;
}
.wpcui-cta-section a {
font-weight: 600;
padding: 8px 20px;
background-color: #AC376C;
border: 2px #AC376C solid;
font-size: 14px;
transition: all 0.3s ease 0s;
text-decoration: none;
color: #fff;
display: inline-block;
}
.wpcui-cta-section a:hover {
background-color: #FFF;
color: #AC376C;
border-color: #FFF;
}
.wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain .wpcui-banner-texts ul {
padding-left: 0;        
}
.wpcui-banner-texts ul li:before {
content: "-"; margin-right: 10px;
}
.column-1,
.column-3 {
padding-top: 7px;
}
.ap-container-wrap {
overflow: hidden;
}
.ap-demo-pricing-title {
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
color: #222;
padding-bottom: 10px;
margin-bottom: 50px;
position: relative;
text-align: center;
}
.ap-demo-pricing-title:before {
position: absolute;
content: '';
bottom: 0;
width: 50px;
height: 2px;
background: #19a499;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.plugin-layout-era {
padding: 120px 0;
text-align: center;
position: relative;
background-repeat: no-repeat;
background-color: transparent;
background-size: cover;
overflow: hidden;
}
section.plugin-layout-era .ap-container{
position: relative;
z-index: 9;
}
.plugin-layout-era .plugin-total-des h3 {
color: #fff;
margin: 0;
padding: 0;
font-family: 'Ubuntu', sans-serif;
text-align: center;
font-size: 47px;
line-height: 1em;
letter-spacing: -1.88px;
font-weight: 500;
margin-bottom: .46em;
position: relative;
}
.plugin-layout-era .ap-desc {
color: #fff;
max-width: 770px;
font-size: 17px;
font-weight: 400;
line-height: 1.65em;
letter-spacing: 0;
font-family: Rubik;
text-align: center;
margin: 0 auto;
margin-bottom: 30px;
}
.plugin-layout-era .desc-button a {
display: inline-block;
padding: 10px 20px;
line-height: 1.2;
background-color:#5367fb;
color: #ffffff;
font-size: 14px;
font-weight: 600;
font-family: 'Rubik', sans-serif;
text-transform: uppercase;
border: 2px solid #5367fb;
margin-top: 30px;
letter-spacing: 0.5px;
-moz-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.plugin-layout-era .desc-button a:hover {
color: #5367fb;
background-color: #fff;
border-color: #FFF;
}
.plugin-layout-mid-image img {
display: block;
}
.wpcui-home-page-features ul {
padding-left: 0;
}
.wpcui-home-page-features ul li {
padding-left: 25px;
position: relative;
margin-top: 10px;
}
.wpcui-home-page-features ul li:before {
position: absolute;
top: 0;
content: "\f00c";
font-family: Fontawesome;
left: 0;
color: #fff;
}
.single .site-content {
padding-top: 100px;
}
.single h1.entry-title,
.category h1.entry-title,
.category h1.page-title,
.tag h1.entry-title,
.tag h1.page-title {
margin-bottom: 25px;
font-weight: 500;
font-size: 24px;
text-align: left;
}
.category h1.page-title,
.tag h1.page-title {
font-size: 26px;
}
.single a,
.category a,
.tag a {
color: #000;
}
.single a:hover,
.category a:hover,
.tag a:hover {
color: #19a499;
}
.nav-links a {
text-transform: uppercase;
font-size: 11px;
font-weight: 500;
color: #fff;
border: 2px solid #19a499;
background: #19a499;
padding: 5px 7px;
display: inline-block;
}
.nav-links a:hover {
color: #19a499;
background: #fff;
}
.floating-demo-wrapper {
display: inline-block;
width: 100%;
}
.floating-demo-wrapper .demo-link-section {
float: left;
width: 29%;
margin-left: 4.33%;
margin-bottom: 60px;
position: relative;
overflow: hidden;
}
.floating-demo-wrapper .demo-link-section:before {
content: '';
display: block;
padding-top: 100%;
}
.floating-demo-inline-section-wrapper {
margin-left: -4.33%;
}
.floating-demo-wrapper .demo-link-section:nth-of-type(3n+1) {
clear: left;
}
.floating-demo-wrapper .demo-link-section img {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
.inline-demo-title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
-webkit-transform: translate3d(0, 0, 0) scale(1);
-moz-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
font-size: 18px;
font-family: 'Lato', sans-serif;
color: #ffffff;
text-transform: uppercase;
z-index: 99;
padding: 5px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
background: rgba(0, 0, 0, 0.4);
}
.demo-link-section:hover .inline-demo-title {
background: rgba(0, 0, 0, 1);
}
.wpicons-menu-buynow{
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
margin: 50px 0;
}
.wpicons-menu-buynow a{
padding: 12px 35px;
background: #AC376C;
color: #fff;
position: relative;
text-decoration: none;
overflow: hidden;
margin-right: 10px;
}
.wpicons-menu-buynow a:hover{
background: #D13C1C;        
transition: all ease 0.35s;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
}
.wpcui-timer-listing-wrap .wpcui-home-page-feature-wrapper {
width: 100%;
display: flex;
display: -webkit-flex;
display: -moz-flex;
flex-wrap: wrap;    
-webkit-align-items: center;
align-items: center;    
-webkit-justify-content: center;
justify-content: center;
}
.wpcui-timer-listing-wrap .wpcui-example-texts-wrapper {
width: 30%;
}
.wpcui-timer-listing-wrap .bx-wrapper {
width: 70%;
margin-right: -200px !important;
}
.wpcui-timer-listing-wrap .appts-template-text-wrap{
padding: 0 0;
text-align: left;  
}
.wpcui-timer-listing-wrap .wpcui-text-title-wrap{
text-align: left;  
}
.wpcui-timer-listing-wrap .wpcui-text-title-wrap{
text-align: left;   
}
.wpcui-timer-listing-wrap .bx-controls-direction {
position: absolute;
bottom: 100px;
right: calc(100% + 620px);
right: -webkit-calc(100% + 620px);
right: -moz-calc(100% + 620px);
}
.wpcui-timer-listing-wrap .bx-wrapper .bx-controls-direction a{
text-indent: unset !important;
}
.wpcui-timer-listing-wrap span.lnr {
font-size: 24px;
color: #6e6e6e;
font-weight: 600;   
}
a{
-webkit-transition:  0.3s ease;
-moz-transition:  0.3s ease;
-ms-transition:  0.3s ease;
-o-transition:  0.3s ease;
transition:  0.3s ease;
}
.bx-controls-direction a:hover{
color: #4d84fc;   
}
.wpcui-timer-listing-wrap .lnr-arrow-left:before {   
content: "\e87a";
}
.wpcui-timer-listing-wrap .lnr-arrow-right:before {    
content: "\e879";
}
.tfa-tab-structure{
padding: 10px 15px;
}
.fa-sticky-note-o:before {
content: "\f15b";
}
.tfa-toggle-icon {
background: #169cdc;
color: #FFF;
font-size: 18px;
font-weight: 600;
text-align: center;
letter-spacing: 1px;
padding: 10px;
cursor: pointer;
} .tfa-content-section{
display: none;
}
.tfa-content-section.tfa-active-content{
display: block;
height: 680px;
}
.tfa-tab-title {
width: 32.15%;
display: inline-block;
}
.tfa-tab-title-wrap .tfa-tab-title {
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
text-align: center;
cursor: pointer;
outline: none;
color: #303133;
padding: 10px 0px;
border: solid 1px #ddd;
-webkit-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
position: relative;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.tfa-tab-title-wrap .tfa-tab-title span.lnr{
display: inline-block;
font-size: 15px;
vertical-align: middle;
}
.tfa-tab-title-wrap .tfa-tab-title .tfa-nav-menu{
display: inline-block;
vertical-align: middle;
font-size: 11px;
}
.tfa-tab-title.tfa-active {
background: #005ff2;
color: #FFF;
border-color: #005ff2;
}
.tfa-tab-title-wrap{
margin: 0 0 2px;
padding: 0px;
text-align: center;
}
.tfa-content-section {
height: 100%;
overflow: auto;
}
.tfa-footer-loader-inner {
background: rgba(255, 255, 255, 0.9);
height: 100vh;
width: 100%;
text-align: center;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}
.tfa-footer-loader-inner img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} footer {
text-align: center; }
footer a {
color:#fe4f33;
}
footer a:hover {
color: #5368fc;
}
footer .site-info span {
display: inline-block;
font-size: 12px;
color: #000;
padding: 0 10px;
}
.footer-social-icons {
margin-top: 10px;
}
.footer-social-icons a {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
font-size: 18px;
display: inline-block;
color: #666;
}
#top-footer {
background-color: #323232;
padding: 60px 0;
}
.egpr-top-footer-wrap .footer-column {
float: left;
margin-left: 3.33%;
width: 30%;
text-align: left;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.5px;
color: #ffffff;
}
.egpr-top-footer-inner-wrap {
margin-left: -3.33%;
}
.site-footer .egpr-top-footer-wrap .widget-title {
color: #ffffff;
position: relative;
padding-bottom: 10px;
margin: 0 0 40px;
}
.egpr-top-footer-wrap .location_info,
.egpr-top-footer-wrap .phone_info,
.egpr-top-footer-wrap .fax_info {
margin-bottom: 15px;
}
.egpr-top-footer-wrap .info_wrap br {
display: none;
}
.egpr-top-footer-wrap .fa_icon_info {
margin-right: 15px;
}
.bottom-footer {
width: 100%;
max-width: 1190px;
margin: 0 auto;
padding: 20px 0;
}
#top-footer + .bottom-footer {
background-color: #292929;
padding: 10px 0;
}
.page-template-template-widget-demo .footer-social-icons {
margin-top: 2px;
}
.page-template-template-widget-demo .site-info span {
color: #cccccc;
}
.page-template-template-widget-demo .footer-social-icons a {
width: auto;
height: auto;
line-height: 1;
font-size: 15px;
color: #cccccc;
margin: 0 5px;
}
.page-template-template-widget-demo .footer-social-icons a:hover {
color: #ffffff;
}
.footer-related-plugin-wrap h3{
font-size: 24px;
font-weight: 600;
margin-bottom: 10px;
font-family: Ubuntu;
}
.footer-plugins-referal-inner-links-wrap h4{
font-size: 18px;
font-weight: 600;
color: #FFF;
color: #333e48;
margin: 30px 0 30px;
font-family: Ubuntu;
}
.footer-plugins-referal-inner-links-wrap li{
display: block;
margin: 0 0 10px;
color: #333e48;
font-weight: 300;
}
.footer-plugins-referal-inner-links-wrap li a{
color: #333e48;
font-size: 14px;
font-weight: 400;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
font-family:Rubik;
}
.footer-plugins-referal-inner-links-wrap li a:hover{
color: #5367fb;
}
.bottom-footer-cprht{
display: block;
width: 100%;
background: #eaeaea;
float: left;
}
.bottom-footer-secondary{
width: 100%;
max-width: 1190px;
padding: 20px 0;
margin: 0 auto;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.bottom-footer-secondary .copyright-info{
display: inline-block;
margin: 0;
float: none;
}
.bottom-footer-secondary .footer-social-icons{
display: inline-block;
float: none;
margin-top: 0;
}
.bottom-footer-secondary .copyright-info a{
color: #f25f79;
}  .tfa-toggle-icon {
background:#fff;
position: absolute;
z-index: 1;
top: 200px;
right: 100%;
height: 40px;
width: 40px;
background: none;
padding: 0;
-webkit-box-shadow: -5px 0 15px -1px rgba(0,0,0,.05);
box-shadow: -5px 0 15px -1px rgba(0,0,0,.05);
}
.tfa-toggle-icon i {
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
background-color: transparent;
color: #303133;
position: relative;
font-size: 14px;
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
} .site-header-wrap .ap-container {
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
.tfa-toggle-icon .tfa-demo-dashboard-header {
margin-left: 8px;
font-family: 'Poppins', sans-serif;
position: absolute;
top: 50%;
right: 100%;
color: #000;
background: #FFF;
font-size: 12px;
line-height: 1;
font-weight: 300;
white-space: nowrap;
padding: 8px 15px;
border: solid 1px #fafafa;
-webkit-transform: translate(-25px, -50%);
-moz-transform: translate(-25px, -50%);
-ms-transform: translate(-25px, -50%);
-o-transform: translate(-25px, -50%);
transform: translate(-25px, -50%);
visibility: hidden;
opacity: 0;
box-shadow: 2px 2px 8px 3px rgba(0,0,0,0.025);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.tfa-toggle-icon:hover .tfa-demo-dashboard-header{
visibility: visible;
opacity: 1;
-webkit-transform: translate(-10px, -50%);
-moz-transform: translate(-10px, -50%);
-ms-transform: translate(-10px, -50%);
-o-transform: translate(-10px, -50%);
transform: translate(-10px, -50%);
}
.tfa-toggle-icon .tfa-demo-dashboard-header:before{
position: absolute;
top: 50%;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent #ffffff;
-webkit-box-shadow: 2px 2px 8px 3px rgba(0,0,0,0.025);
box-shadow: 2px 2px 8px 3px rgba(0,0,0,0.025);
left: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.site-header-wrap .tfa-buybutton {
display: inline-block;
}
.site-header-wrap .tfa-buybutton a {
background: #169cdc;
font-weight: 500;
padding: 10px 20px;
border-radius: 30px;
color: #fff;
font-size: 14px;
}
.site-header-wrap .tfa-buybutton a:hover {
background-color: #0F6995;
} .ap-container-1.ap-container-wrap{
background-color: #FFF;
padding-bottom: 70px;
overflow: hidden;
}
.ap-templates-top-wrap {
background-color: #19506b;
padding: 100px 0 300px;
color: #ffffff;
text-align: center;
}
.egpr-left-section .ap-container{
max-width: 1170px;
padding: 0 10px;
width: 100%;
margin: 0 auto;
}
.egpr-left-section .ap-container-wrap h2 {
margin-top: 0;
max-width: 1170px;
padding: 0 10px;
width: 100%;
margin: 0 auto;
}
.ap-templates-bottom-wrap {
margin-top: 50px;
}
.ap-templates-bottom-wrap .ap-container {
background-color: #f5f5f5;
margin-top: -280px;
padding: 50px;
-moz-box-shadow: 0 10px 35px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 10px 35px rgba(0,0,0,0.3);
box-shadow: 0 10px 35px rgba(0,0,0,0.3);
overflow: hidden;
} .appts-template_19 .appts-table-content-wrap {
font-size: 0;
text-align: center;
background-color: #e5e5e5;
padding: 50px 30px;
}
.appts-template_24 .appts-table-content-wrap {
font-size: 0;
text-align: center;
background-color: #e5e5e5;
padding: 20px 30px;
}
.appts-template_26 .appts-table-content-wrap {
font-size: 0;
text-align: center;
background-color: #e5e5e5;
padding: 50px 35px;
}
body.page-template-template-demo-dashboard {
background: #fff;
}
.wpcui-example-wrapper {
text-align: center;
}
.appts-common-header-image {
text-align: center;
} .woocommerce ul.products li.product{
text-align: left;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
font-family: 'Libre Franklin', sans-serif;
color: #888;
font-weight: 400;
font-size: 15px;
display: block;
line-height: 1.25;
letter-spacing: 0.2px;
text-align: left;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.woocommerce ul.products li.product .price{
font-family: 'Libre Franklin', sans-serif;
text-align: left;
color: #333;
font-size: 14px;
font-weight: 600;
}
.woocommerce ul.products li.product .price del{
font-family: 'Libre Franklin', sans-serif;
font-weight: 400;
font-size: 13px;
color: #888;
}
.woocommerce ul.products li.product .price ins{
font-family: 'Libre Franklin', sans-serif;
font-weight: 600;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover{
color: #9DBE19;
}
.woocommerce ul.products li.product .star-rating{
font-size: .857em;
text-align: left;
margin: 5px 0 10px;
}
.woocommerce ul.products li.product .button{
font-family: 'Libre Franklin', sans-serif;
padding: 0;
background: #9DBE19;
margin: 8px 0 0;
text-transform: uppercase; font-weight: 400;
display: inline-block;
border: solid 1px #9DBE19;
border-radius: 0;
width: auto;
padding: 13px 20px;
font-size: 13px;
text-transform: uppercase;
color: #FFF;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.woocommerce ul.products li.product .button:hover{
color: #FFF;
background: #666;
border-color: #666;
}
.woocommerce ul.products li.product .button.loading{
padding-right: 40px;
}
.woocommerce ul.products li.product .button.loading:after{
right: 20px;
top: 13px;
}
.woocommerce ul.products li.product a.added_to_cart{
display: none;
}
aside#secondary .woocommerce ul.products li.product .price{
margin-top: 7px;
margin-bottom: 9px;
}
.wpcui-home-page-feature-wrapper{
width: 100%;
}
.wppts-right-nav-menu-wrap-nav-menu .mCSB_inside > .mCSB_container{
margin-right: 15px;
}
.wppts-right-nav-menu-wrap-nav-menu .tfa-tab-structure{
padding: 10px 10px 10px 25px;
}
.tfa-tab-structure .tfa-upper-button{
display: block;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eaeaea;
}
.tfa-tab-structure .tfa-upper-button a{
display: block;
width: 100%;
padding: 10px 0;
text-align: center;
font-size: 14px;
text-transform: uppercase;
color: #FFF;
background: #82B440;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.tfa-tab-structure .tfa-upper-button a:hover{
background: #5e862a;
}
.everest-tab-main-wrapper .etab-double_column .etab-gmap-wrapper, .everest-tab-main-wrapper .etab-double_column .etab-contact-form-wrapper {
text-align: left !important;
}
.everest-tab-main-wrapper.etab-vertical.etab-template7.etab-sp-custom-606 .etab-content-wrap ul.etab-posts-wrapper li:nth-child(4),
.everest-tab-main-wrapper.etab-vertical.etab-template21.etab-sp-custom-162 .etab-content-wrap ul.etab-posts-wrapper li:nth-child(3){
display: none;
}
.wpcui-list{
list-style: square;
}
.more_features h2 {
text-align: center;
font-size: 30px;
position: relative;
}
.more_features h2:before {
content: '';
position: absolute;
background: #AC376C;
width: 5%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
height: 2px;
bottom: -20px;
}
.more_features .ul-holder .wpcui-left-side {
padding-right: 10px;
}
.more_features .ul-holder .wpcui-left-side, .more_features .ul-holder .wpcui-right-side {
float: left;
width: 50%;
}
.more_features .ul-holder .right_section_lists {
padding-left: 10px;
}
.more_features .ul-holder .wpcui-left-side, .more_features .ul-holder .wpcui-right-side {
float: left;
width: 50%;
}
.more_features .ul-holder > ul > li {
margin-bottom: 10px;
position: relative;
padding-left: 20px;
}
.more_features .ul-holder > ul > li:before {
content: '\f00c';
position: absolute;
font-family: FontAwesome;
font-size: 14px;
left: 0;
display: block;
line-height: 1.5;
color: #AC376C;
}
.wpcui-list {
list-style: none !important;
} .menu-demo-container ul.wpmenicon-nav,
.menu-menu-container ul.wpmenicon-nav {
margin: 0 auto;
padding: 0px;
max-width: 1190px;
text-align: center;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
.menu-demo-container ul.wpmenicon-nav li ,
.menu-menu-container ul.wpmenicon-nav li {
float: left;
border-right: 1px solid rgba(255,255,255,.5);
vertical-align: middle;
}
.menu-demo-container ul.wpmenicon-nav li a,
.menu-menu-container ul.wpmenicon-nav li a {
color: #fff;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
position: relative;
}
.menu-demo-container ul.wpmenicon-nav li.menu-item-has-children > a:after,
.menu-menu-container ul.wpmenicon-nav li.menu-item-has-children > a:after {
content: "\f107";
font-family: FontAwesome;
margin: 0 0 0 10px;
}
.menu-demo-container ul li a,
.menu-menu-container ul li a {
display: inline-block;
padding: 15px;
width: 100%;
}
.menu-demo-container ul.wpmenicon-nav ul.sub-menu li a,
.menu-menu-container ul.wpmenicon-nav ul.sub-menu li a {
color: #fff;
padding: 10px;
}
.menu-demo-container ul.wpmenicon-nav li:hover > a ,
.menu-menu-container ul.wpmenicon-nav li:hover > a {
color: #fff;
}
.menu-demo-container ul.wpmenicon-nav li:last-child,
.menu-menu-container ul.wpmenicon-nav li:last-child {
border-right: unset;
}
.menu-demo-container ul.wpmenicon-nav li,
.menu-menu-container ul.wpmenicon-nav li{
position: relative;
cursor: pointer;
z-index: 99;
}
.menu-demo-container ul.wpmenicon-nav li:hover,
.menu-menu-container ul.wpmenicon-nav li:hover{
background: #0c56b9;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.menu-demo-container ul.wpmenicon-nav li:before ,
.menu-menu-container ul.wpmenicon-nav li:before {
content: "";
position: absolute;
width: 0;
height: 2px;
top: 0;
left: 0;
background-color: #9cc5fb;
visibility: hidden;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
}
.menu-demo-container ul.wpmenicon-nav li:hover::before,
.menu-menu-container ul.wpmenicon-nav li:hover::before{
visibility: visible;
width: 100%;
}
.menu-demo-container ul.wpmenicon-nav li ul,
.menu-menu-container ul.wpmenicon-nav li ul{
position: absolute;
left: 0px;
top: 120%;
width: 220px;
margin: 0;
padding: 0;
background-color: #093e86;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
z-index: 1;
text-align: left;
}
.menu-demo-container ul.wpmenicon-nav li ul li,
.menu-menu-container ul.wpmenicon-nav li ul li{
display: block;
border-right: unset;
margin-left: 0;
border-bottom: 1px solid #fff;
width: 100%;
}
.menu-demo-container ul.wpmenicon-nav li ul li:last-child,
.menu-menu-container ul.wpmenicon-nav li ul li:last-child{
border-bottom: 0;
}
.menu-demo-container ul.wpmenicon-nav li:hover > ul,
.menu-menu-container ul.wpmenicon-nav li:hover > ul{
opacity: 1;
visibility: visible;
top: 100%;
}
.menu-demo-container ul.wpmenicon-nav li ul li > ul,
.menu-menu-container ul.wpmenicon-nav li ul li > ul {
left: 200px;
top: 100px;
opacity: 0;
visibility: hidden;
}
.menu-demo-container ul.wpmenicon-nav li ul li:hover > ul,
.menu-menu-container ul.wpmenicon-nav li ul li:hover > ul {
left: 200px;
top: 0;
opacity: 1;
visibility: visible;
}
.menu-demo-container ul.wpmenicon-nav li ul li:hover,
.menu-menu-container ul.wpmenicon-nav li ul li:hover{
background: #0c6cef;
}
.main-wrapper-demo .wpmi-demo-dashboard {
margin-top: 50px;
}
.main-wrapper-demo .wpmi-list-tab ul {
padding: 0;
margin: 0;
}
.main-wrapper-demo .wpmi-list-tab ul li.wpmi-list-title {
display: inline-block;
padding: 20px;
border-bottom: unset;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 24px;
cursor: default;
font-weight: 600;
}
.main-wrapper-demo .wpmicon-front-demo {
padding: 20px 20px;
background-color: #ecf0f1;
color: #444;
position: relative;
border: 1px solid #ccc;
}
.main-wrapper-demo .wpmicon-front-demo table{
margin: 0;
}
.main-wrapper-demo h2 {
margin: 0;
} .wpmicon-front-demo {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wpmi-foptions-col {
width: 32%;
margin-right: 2%;
background-color: #f8f8f8;
padding: 15px;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0px 5px 30px rgba(0,0,0,.1);
box-shadow: 0px 5px 30px rgba(0,0,0,.1);
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.wpmi-foptions-col:hover {
-webkit-box-shadow: 0px 15px 20px rgba(0,0,0,.1);
box-shadow: 0px 15px 20px rgba(0,0,0,.1);
}
.wpmi-foptions-col:nth-child(3n) {
margin-right: 0;
}
.wpmi-foptions-col:nth-child(3n+1) {
clear: left;
}
.wpmi-foptions-col .ipos-note {
padding: 10px;
background-color: #fdede9;
border: 1px solid #ccc;
font-size: 12px;
margin-top: 10px;
}
.wpmi-foptions-col .ipos-note p {
margin: 0;
font-style: italic;
}
.slide{
text-align: center;
} .page-template-template-demo-dashboard header.site-header {
background: #4d83fa;
padding: 10px 0;
}
.page-template-template-demo-dashboard header.site-header.scrollActive {
background: #fff;
}
.page-template-template-widget-demo header.site-header {
background: #4d83fa;
padding: 10px 0;
}
.page-template-template-widget-demo header.site-header.scrollActive {
background: #fff;
}
.site-header ul.nav-menu>li:nth-last-child(2) a {
height: 35px;    
transition: all 0.3s ease 0s;
margin-top: 20px;
position: relative;
line-height: 1;
color: #fff;
padding: 0 15px;
line-height: 33px;
}
.wp-mega-toggle-block {
padding: 10px;
}
.hamburger-menu {
float: left;
}
.menutoggle {
float: left;
margin-left: 10px; 
}
.hamburger-menu span {
display: block;
width: 20px;
height: 3px;
margin: 1px 0 5px;
background: #fff;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.wp-mega-toggle-block.open .hamburger-menu span:first-child {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: 9px;
}
.wp-mega-toggle-block.open .hamburger-menu span:last-child {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -8px;
}
.wp-mega-toggle-block.open .hamburger-menu span:nth-child(2) {
opacity: 0;
visibility: hidden;
display: none;
}
.wpmicon-open-open {
height: 420px;
overflow-y: auto;
background-color: #23282D;
}
.more_features.container {
margin-top: 15px;
}
.wpmi-iposition-right > a .wpmi-icon-divider{
background-color: rgba(255,255,255,.5);
}
.wpmi-iposition-left > a .wpmi-icon-divider {
background-color: rgba(255,255,255,.5);
}
.wpmi-iposition-top > a .wpmi-icon-divider {
background-color: rgba(255,255,255,.5);
}
.wpmi-foptions-col h3{
margin-top: 0;
position: relative;
padding-bottom: 5px;
}
.wpmi-foptions-col h3:after{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 3px;
background-color: #000;
}
.menu-demo-container,
.menu-menu-container {
background-color: #217df5;
}
.wpmi-foptions-col table.widefat tbody tr {
margin-bottom: 20px;
}
.wpmi-foptions-col table tr td .ipos-wrapper {
margin-bottom: 8px;
}
.wpmi-foptions-col table tr td label {
position: relative;
padding-left: 2px;
margin-right: 15px;
cursor: pointer;
}
.wpmi-foptions-col table tr td label:before {
position: absolute;
left: -20px;
top: 2px;
width: 15px;
height: 15px;
background-color: #AC376C;
-webkit-border-radius: 50%;
border-radius: 50%;
content: "";
}
.wpmi-foptions-col table tr td input {
z-index: 5;
position: relative;
left: -1px;
opacity: 0;
}
.wpmi-foptions-col table tr td input:checked + label:after {
content: "";
width: 5px;
height: 5px;
background-color: #FFF;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: -15px;
top: 7px;
}
.wpmi-foptions-col table select.wpmi-animation {
height: 40px;
outline: unset;
padding: 5px 10px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url(//demo.accesspressthemes.com/wordpress-plugins/woo-badge-designer/wp-content/themes/wp-pricing-tables/css/images/select-arrow.png);
background-repeat: no-repeat !important;
background-position: right center !important;
}
.wp-mega-toggle-block {
display: none;
}
.wpmi-iposition-right > a .wpmicons-set i{ position: relative;  
}
.site-header ul.nav-menu > li.custom-dashboard-button a,
.site-header ul.nav-menu > li.dashboard-button  a {
height: auto;
line-height: initial;
font-size: 12px;
padding: 10px 17px;
font-weight: bold;
background: #6A55AB;
color: #fff;
margin-top: 20px;
border: 2px solid #6A55AB;
}
.site-header ul.nav-menu > li.custom-dashboard-button:hover a,
.site-header ul.nav-menu > li.dashboard-button:hover a {
background-color: #fff;
color: #483975;
border-color: #fff;
} .wppts-right-nav-menu-wrap {
width: 400px;
position: fixed;
top: 0;
right: -800px;
z-index: 999999;
height: 100%;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.wppts-right-nav-menu-wrap.tfa-toggle-active {
right: -400px;
}
.wppts-toggle-icon {
float: left;
background-color: #f77459;
color: #ffffff;
width: 40px;
height: 40px;
font-size: 20px;
text-align: center;
line-height: 40px;
position: absolute;
right: 100%;
top: 40%;
margin-top: -20px;
cursor: pointer;
}
.wppts-right-nav-menu-wrap.active .wppts-right-nav-menu-wrap-contain {
right: 100%;
left: auto;
height: 100vh;
}
.wppts-right-nav-menu-wrap-contain{
position: absolute;
z-index: 2;
right: 0;
height: 100%;
width: 100%;
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.wppts-right-nav-menu-wrap-nav-menu {
background-color: #FFF;
float: left;
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
padding-top: 20px;
-webkit-box-shadow: -5px 0 15px -1px rgba(0,0,0,.05);
box-shadow: -5px 0 15px -1px rgba(0,0,0,.05);
}
.tfa-demos-container {
margin-top: 0px;
position: relative;
}
.tfa-panel-entry-title {
color: #167CAD;
text-align: center;
}
.tfa-demo-float-entry {
width: 49%;
margin: 0 auto;
display: inline-block;
}
.tfa-demo-float-entry a {
position: relative;
display: block;
border: 2px solid transparent;
}
.tfa-demo-float-entry.active a {
border: 2px solid #616161;
}
.tfa-demo-float-entry a img {
display: block;
border: 1px solid #eaeaea;
}
.tfa-demo-float-overlay {
position: absolute;
width: 100%;
height: 100%;
padding: 10px;
top: 0;
left: 0;
background: rgba(22, 156, 220, 0.44);
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
opacity: 0;
visibility: hidden;
}
.tfa-demo-float-overlay .tfa-float-item-title {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
z-index: 9;
color: #ffffff;
font-size: 12px;
font-weight: 700;
font-family: 'Lato',sans-serif;
text-transform: uppercase;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
opacity: 0;
visibility: hidden;
letter-spacing: 1px;
padding: 10px;
}
.tfa-demo-float-entry a.tfa-show .tfa-demo-float-overlay,
.tfa-demo-float-entry a.tfa-show .tfa-float-item-title,
.tfa-demo-float-entry a:hover .tfa-demo-float-overlay,
.tfa-demo-float-entry a:hover .tfa-float-item-title {
opacity: 1;
visibility: visible;
}
.tfa-demo-parent-handler {
position: absolute;
top: -25px;
left: 30px;
height: 30px;
background-color: #f3af1c;
color: #fff;
cursor: pointer;
padding: 0 15px 0px 35px;
line-height: 30px;
opacity: 0;
border-radius: 3px;
}
.tfa-demo-child-handler {
position: absolute;
top: 25px;
left: 30px;
height: 30px;
background-color: #95ca24;
color: #fff;
cursor: pointer;
padding: 0 15px 0px 35px;
line-height: 30px;
border-radius: 3px;
visibility: hidden;
}
.tfa-main-container:hover ~ .tfa-demo-parent-handler {
opacity: 1;
}
.tfa-main-container:hover ~ .tfa-demo-child-handler {
visibility: visible;
}
.tfa-demo-child-handler:hover{
visibility: visible;
}
.tfa-demo-parent-handler:hover{
opacity: 1;
}
span.tfa-demo-edit-container {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 30px;
text-align: center;
}
span.tfa-demo-edit-container:hover{
background-color: rgba(0,0,0,0.1);
}
span.tfa-demo-edit-container:before {
content: "\f040";
font-family: FontAwesome;
}
.tfa-demo-template-changer {
margin-bottom: 15px;
}
.tfa-demo-template-changer .tfa-demo-feed-others,
.tfa-demo-template-changer .tfa-demo-feed-list{
display: inline-block;
width: calc(100% - 80px);
}
.tfa-demo-ticker-live,
.tfa-demo-slider-live,
.tfa-demo-speed-live,
.tfa-demo-other-than-list,
.tfa-demo-date-live,
.tfa-demo-hashtag-live {
margin-bottom: 15px;
}
.tfa-demos-container label {
display: block;
margin-bottom: 5px;
}
.tfa-demos-container i {
font-size: 16px;
}
select#tfa-demo-feed-type-1, 
select#tfa-demo-feed-type-2 {
width: 165px;
height: 30px;
border-radius: 3px;
}
.wppts-left-nav-menu-wrap,
.wppts-left-nav-menu-wrap.active {
width: 300px;
position: fixed;
top: 0;
left: calc(0% - 300px);
z-index: 9999;
height: 100%;
}
.wppts-left-nav-menu-wrap.active .wppts-left-nav-menu-wrap-contain {
left: 100%;
right: auto;
}
.wppts-left-nav-menu-wrap-contain {
position: absolute;
left: 0;
height: 100%;
width: 100%;
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.wppts-left-nav-menu-wrap-nav-menu {
background-color: #f3f3f3;
padding: 30px;
float: left;
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: center;
}
.wppts-toggle-icon{
display: none;
}
.page-template-template-demo-dashboard  footer.site-footer {
width: 100%;
margin-top: 40px;
}
.page-template-template-demo-dashboard .wpb_content_element {
margin-top: 35px;
}
.demo-dashboard-area{
width: 100%;
}
.demo-dashboard-area .ap-container .woocommerce{
margin: 0 auto;
}
.wpcui-home-page-features:nth-child(3) .bx-wrapper img {
max-width: 100%;
display: block;
border-radius: 10px;
}
.wpcui-example-texts-wrapper {
text-align: center;
}
.wpcui-home-page-features .woocommerce ul.products li.product .woocommerce-loop-product__title {
display: none;
}
.wpcui-home-page-features .woocommerce ul.products li.product .price {
display: none;
}
.wpcui-home-page-features .woocommerce ul.products li.product .button {
display: none;
}
.woocommerce ul.products {
margin-bottom: 0;
}
.woocommerce.columns-1 ul.products li.product {
margin-bottom: 0;
}
.wpcui-home-page-features:nth-child(7) ul li:before {    
color: #160742;
}
.wpcui-slider-texts-image-wrapper .wpcui-columns-wrapper {
text-align: right;
width: calc(100% + 300px);
width: -webkit-calc(100% + 300px);
width: -moz-calc(100% + 300px);
}
.wpcui-home-page-features:nth-child(6) .wpcui-text-wrapper-main {
width: calc(100% + 250px);
width: -webkit-calc(100% + 250px);
width: -moz-calc(100% + 250px);
}
.page-template .woocommerce ul.products li.product .button{
margin-bottom: 20px;
} @media screen and (max-width: 1366px) {
.wpcui-slider-texts-image-wrapper img {    
margin-left: -50px;
}
.wpcui-slider-texts-image-wrapper .wpcui-columns-wrapper {
text-align: right;
width: calc(100% + 100px);
width: -webkit-calc(100% + 100px);
width: -moz-calc(100% + 100px);
}
.wpcui-home-page-features:nth-child(6) .wpcui-text-wrapper-main {
width: calc(100% + 80px);
width: -webkit-calc(100% + 80px);
width: -moz-calc(100% + 80px);
}
.tfa-content-section.tfa-active-content{
display: block;
height: 500px;
}
.wpcui-banner-title h1 {
font-size: 36px;
}
.wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain .wpcui-banner-texts ul {    
margin: 0;
}
.wpcui-slider-buy-button {    
margin-top: 30px;
}
.wpcui-text-title-wrap {    
font-size: 36px;
}
.appts-template-text-wrap {
font-size: 16px;
}
.wpcui-inner-content {
font-size: 20px;
line-height: 30px;
}
.wpcui-timer-listing-wrap .bx-wrapper {    
margin-right: -60px !important;
}
.wpcui-timer-listing-wrap .bx-controls-direction {   
bottom: 100px;
right: calc(100% + 470px);
right: -webkit-calc(100% + 470px);
right: -moz-calc(100% + 470px);
}
.wpcui-timer-listing-wrap span.lnr {
font-size: 22px;
}
.plugin-layout-era .plugin-total-des h3 {    
font-size: 45px;
}
.plugin-layout-era .ap-desc {    
font-size: 16px;
}
.plugin-pricing-info-title {
font-size: 34px;
}
.wpcui-banner-title h2 {
font-size: 23px;
}
}
@media screen and (max-width: 1300px) {
.wpcui-slider-texts-image-wrapper .wpcui-columns-wrapper {
text-align: right;
width: calc(100% + 0px);
width: -webkit-calc(100% + 0px);
width: -moz-calc(100% + 0px);
}   
}
@media screen and (max-width: 1200px) {
.tfa-content-section.tfa-active-content{
display: block;
height: 400px;
}
.featured-column .col h3 {
font-size: 12px;
}
.featured-column .col .icon-holder i {
font-size: 60px;
}
.wpcui-banner-title {
font-size: 30px;            
}
.wpcui-banner-subtitle {
font-size: 20px;
}
.wpcui-banner-texts ul li {
font-size: 14px;           
}
.wpcui-template-layout-display-wrapper .info-about .wpcui-layout-display-wrap .wpcui-template-title-wrap{
font-size: 24px;
margin-top: 20px;
}
.info-img-wrap .info-about{
padding: 70px 0;
}
.wpcui-home-page-features{
padding: 70px 0 40px;
}
.plugin-layout-era .plugin-total-des h3{
font-size: 24px;
line-height: 32px;
}
.plugin-pricing-info-title{
font-size: 32px;
line-height: 40px;
}
.wpcui-header-infor span{
font-size: 26px;
}
.wpcui-header-infor .get-it-tag a{
padding: 7px 15px;
}
button.wpcui_template_buttons, button.wpcui_popup_template_buttons{
height: 40px;
line-height: 40px;
padding: 0 20px;
margin-bottom: 8px;
font-size: 13px;
}
button.wpcui_more_position, button.wpcui_position_button{
margin-bottom: 5px;
}
.wpcui-slider-texts-image-wrapper {    
top: 55%;
}
.wpcui-slider-texts-contain a{
padding: 15px 40px;
}
.wpcui-timer-listing-wrap .bx-controls-direction {
bottom: 100px;
right: calc(100% + 410px);
right: -webkit-calc(100% + 410px);
right: -moz-calc(100% + 410px);
}
.wpcui-timer-listing-wrap .bx-wrapper {
margin-right: -30px !important;
}
.wpcui-inner-image img{
height: 100%;
}
}
@media screen and (max-width: 1150px) {
.wpcui-timer-listing-wrap .bx-controls-direction {    
right: calc(100% + 360px);
right: -webkit-calc(100% + 360px);
right: -moz-calc(100% + 360px);
}
.wpcui-home-page-features:nth-child(6) .wpcui-text-wrapper-main {
width: calc(100% + 0px);
width: -webkit-calc(100% + 0px);
width: -moz-calc(100% + 0px);
}
}
@media screen and (max-width: 1100px) {
.wpcui-timer-listing-wrap .bx-controls-direction {
right: calc(100% + 315px);
right: -webkit-calc(100% + 315px);
right: -moz-calc(100% + 315px);
} 
}
@media screen and (max-width: 1024px) {
.wpcui-slider-texts-image-wrapper {
top: 50%;
}
.wobd-banner-wrap.wapper-banner {
height: 100vh;
}
.wobd-banner-wrap.wapper-banner .slide {
height: 100vh;
}
.wobd-banner-wrap.wapper-banner .slide img {
height: 100%;
}
.wp-mega-toggle-block {
display: block;
background: #217df5;
color: #fff;
cursor: pointer;
border-bottom: 1px solid #217df5;
}
.menu-demo-container,
.menu-menu-container{
display: none;
}
.menu-demo-container.open,
.menu-menu-container.open{
display: block;
margin-top: 0;
}
.menu-demo-container ul.wpmenicon-nav,
.menu-menu-container ul.wpmenicon-nav{
display: block;
text-align: left;
}
.menu-demo-container ul.wpmenicon-nav li
.menu-menu-container ul.wpmenicon-nav li{
width: 100%;
float: none;
background: #23282d;
border-bottom: 1px solid #3e3e3e;
opacity: 1;
visibility: visible;
}
.menu-demo-container ul.wpmenicon-nav li ul,
.menu-menu-container ul.wpmenicon-nav li ul{
position: static;
width: unset;
}
.menu-demo-container ul.wpmenicon-nav li ul,
.menu-menu-container ul.wpmenicon-nav li ul {
opacity: 1;
visibility: visible;
top: 100%;
}
.menu-demo-container ul.wpmenicon-nav li ul li ul,
.menu-menu-container ul.wpmenicon-nav li ul li ul {
opacity: 1;
visibility: visible;
}
.menu-demo-container ul.wpmenicon-nav li ul li,
.menu-menu-container ul.wpmenicon-nav li ul li {
padding: 0;
}
.menu-demo-container ul.wpmenicon-nav li ul li:hover,
.menu-menu-container ul.wpmenicon-nav li ul li:hover {
background-color: transparent;
}
.wpcui_down_Scroll .menu-menu-container {
position: static;
}
.wpcui-timer-listing-wrap .bx-wrapper {
margin-right: -0px !important;
}
.wpcui-timer-listing-wrap .bx-controls-direction {
right: calc(100% + 240px);
right: -webkit-calc(100% + 240px);
right: -moz-calc(100% + 240px);
}
}
@media screen and (max-width: 992px) {  .feature-demo-list {
width: 33.33%;
}
.question-answer-wrap {
width: 100%;
} .wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain{
padding-top: 30px;
}
.wpcui-slider-texts-image-wrapper {
position: absolute;
top: 50%;
height: 100%;
}
.wpcui-timer-listing-wrap .bx-wrapper {
margin-right: auto !important;
}
.feature-demo-list {
width: 50%;
}
.wpcui-slider-texts-image-wrapper .wpcui-columns-wrapper {
text-align: center;
}
.wpcui-columns-wrapper.wpcui-display-none img {
height: 280px!important;
width: auto;
margin: 0 auto;
}
.wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain {
padding-top: 85px;
}
.wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain {
text-align: center;
float: none;
width: 100%;
}
.wpcui-slider-texts-image-wrapper .wpcui-manage-banner {
float: none;
width: 100%;    
text-align: center;
margin-top: 30px;
}
}
@media screen and (max-width: 950px) {
.wpmi-foptions-col {
width: 49%;
margin-right: 0;
margin-bottom:  20px;
}
.wpmi-foptions-col:nth-child(2n+1) {
margin-right: 2%;
}
.wpcui-timer-listing-wrap .bx-controls-direction {
right: calc(100% + 220px);
right: -webkit-calc(100% + 220px);
right: -moz-calc(100% + 220px);
}   
}
@media screen and (max-width: 900px) {
.appts-template-text-wrap{
padding: 0px 200px;
}
.site-header ul.nav-menu li a {
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
padding: 8px 5px;
font-weight: 600;
}
.wpcui-right-nav-menu-wrap {
width: 80%;
}
.site-header ul.nav-menu li.menu-item-has-children a:after{
right: -8px;
}
.wpcui-template-layout-display-wrapper .info-about .wpcui-layout-display-wrap .wpcui-template-title-wrap{
font-size: 20px;
}
.position_wrapper .wpcui_pos_wrap{
width: 32%;
margin-right: 2%;
}
.position_wrapper .wpcui_pos_wrap:nth-of-type(3n){
margin-right: 0;
}
.position_wrapper .wpcui_pos_wrap:nth-of-type(4n){
margin-right: 2%;
}
.wpcui-timer-listing-wrap .bx-controls-direction {
right: calc(100% + 210px);
right: -webkit-calc(100% + 210px);
right: -moz-calc(100% + 210px);
}
}
@media screen and (min-width: 800px) {
.menu-toggle {
display: none;
}
}
@media screen and (max-width: 800px) {
#primary-menu {
opacity: 0;
visibility: hidden;
top: 107%;
position: absolute;
left: 0;
right: 0;
background-color: #000;
padding: 10px 0;
-moz-transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
transition: all 0.7s linear;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 9999;
display: none;
}
.menu-toggle {
display: block;
float: right;
}
.menu-toggle:focus {
outline: 0;
border: 1px solid;
border-color: #ccc #ccc #bbb;
}
.menu-toggle i {
font-size: 25px;
}
#primary-menu.active {
opacity: 1;
visibility: visible;
top: 100%;
-moz-transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
transition: all 0.7s linear;
display: block;
}
#primary-menu li {
display: block;
text-align: left;
border: 0;
float: none;
line-height: 1.3;
margin-left: 0;
}
#primary-menu li a {
display: inline-block;
color: #b0abab;
width: auto;
}
.site-header ul#primary-menu.nav-menu > li:last-child a {
color: #ffffff;
}
#primary-menu li a:hover {
color: #ffffff;
}
#primary-menu li.etab-active-menutab a,
#primary-menu li.etab-active-menutab a:hover {
color: #000000
}
.site-header ul.nav-menu > li:last-child a:hover {
background-color: transparent;
}
.etab-menu-header {
margin-top: 15px;
}
#primary-menu .etab-menu-header li {
float: left;
margin-left: 0;
}
.main-navigation ul li ul.sub-menu .etab-menu-header li a {
background: none;
}
#primary-menu .etab-demo-example > li {
float: left;
margin-left: 0;
width: 50%;
margin-bottom: 15px;
}
.main-navigation #primary-menu li ul.sub-menu .etab-demo-example:last-child li {
width: 16.66%;
}
#primary-menu .etab-demo-example > li a {
display: block;
}
.main-navigation ul li ul.sub-menu .etab-menu-header li.etab-active-menutab a {
border-bottom-color: #000000;
}
.ap-template-wise {
width: 50%;
float: left;
padding: 20px 50px;
}
.wpcui-texts-wrapper,
.wpcui-image-wrapper {
float: none;
width: 100%;
position: relative;
text-align: center;
}
.wpcui-home-page-features .wpcui-texts-wrapper {
padding-right: 0;
padding-top: 0;
padding-bottom: 30px;
}
.wpcui-home-page-features:nth-child(2n) .wpcui-texts-wrapper {
padding-right: 0;
padding-left: 0;
}
.main-navigation ul > li.menu-item-has-children > a:before {
display: none;
}
.main-navigation ul > li > ul {
width: 100%;
margin: 0;
}
.main-navigation ul.active li ul {
opacity: 1;
visibility: visible;
top: auto;
position: relative;
background: transparent;
border: 0;
left: 0;
height: auto;
display: block;
width: 100%;
z-index: 100;
}
.main-navigation ul li ul {
position: relative;
background: transparent;
transition: none;
border: 0;
opacity: 1;
visibility: visible;
top: 0;
left: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 0;
}
.main-navigation ul ul li {
border: 0;
margin-left: 5px;
}
#primary-menu ul li a,
.main-navigation ul li ul.sub-menu li ul li a:before,
.main-navigation ul li ul.sub-menu .etab-menu-content li p {
color: #b0abab;
}
.main-navigation ul li ul.sub-menu li {
width: 100%;
}
.main-navigation ul li ul {
padding: 0;
}
.main-navigation ul li ul.sub-menu a {
font-size: 14px;
width: 100%;
display: block;
}
.main-navigation ul li ul.sub-menu .etab-menu-header li a,
.main-navigation ul li ul.sub-menu li ul a {
font-size: 12px !important;
width: 100% !important;
display: block !important;
border-right: none !important;
border-left: none !important;
}
.wpcui-home-page-features ul {
padding-left: 0;
text-align: left;
}
.media.wpcui-home-page-features ul {
text-align: center;
}
.media.wpcui-home-page-features ul li {
display: inline-block;
padding: 10px;
}
.main-navigation ul li ul.sub-menu .etab-menu-header li.etab-active-menutab a{
background: transparent !important;
color: #FFF !important;
}
.site-header ul.nav-menu li.menu-item-has-children a:after{
top: 45%;
right: -10px;
}
.main-navigation ul li ul.sub-menu .etab-menu-header li a, .smls-nav-main-menu .smls-nav-title{
border-color: #666;
}
.site-header ul.nav-menu li a{
font-size: 14px;
}
.site-header ul.nav-menu>li:nth-last-child(2) a {
background: unset;
padding: 8px 5px;
border: unset;
height: unset;
line-height: unset;        
}
.site-header ul.nav-menu>li:nth-last-child(2):hover a {
background: unset;
}
.site-header ul.nav-menu li {
margin-top: 0;
}
.site-header ul.nav-menu > li:last-child a {
background: unset;
padding: 8px 5px;
border: unset;
height: unset;
line-height: unset;        
font-size: 14px;
}
.site-header ul#primary-menu.nav-menu > li:last-child a {
color: #B0ABAB;
}
.site-header ul#primary-menu.nav-menu > li:last-child:hover a {
background: unset;
}
.site-header ul#primary-menu.nav-menu > li:last-child a:hover {
color: #FFF;
}
.wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain .wpcui-banner-texts ul {
margin: 0 auto;
text-align: left;
max-width: 350px;
}
.wpcui-timer-listing-wrap .wpcui-example-texts-wrapper {
width: 100%;
margin-bottom: 60px;
}
.wpcui-timer-listing-wrap .bx-wrapper {
width: 100%;
}
.wpcui-timer-listing-wrap .bx-controls-direction {
bottom: calc(100% + 50px);
bottom: -webkit-calc(100% + 50px);
bottom: -moz-calc(100% + 50px);
left: 0;
right: 0;
width: 100px;
margin: 0 auto;
}
.wpcui-timer-listing-wrap .wpcui-text-title-wrap {
text-align: center;
}
.wpcui-timer-listing-wrap .appts-template-text-wrap {
padding-bottom: 30px;
text-align: center;
padding-left: 100px;
padding-right: 100px;
}
.appts-template-text-wrap {
padding: 0px 100px;
}
.wpcui-text-title-wrap.wobd-title-preview {
text-align: center;
}
.wpcui-home-page-features:nth-child(7) .wpcui-text-title-wrap,
.wpcui-home-page-features:nth-child(9) .wpcui-text-title-wrap,
.wpcui-home-page-features:nth-child(10) .wpcui-text-title-wrap {
text-align: center;
}
.wpcui-home-page-features .wpcui-text-content-wrap ul {
padding-left: 0;
text-align: left;
max-width: 350px;
margin: 0 auto;
}
.feature-demo-list {
width: 50%;
}
.wpcui-home-page-features:nth-child(2n) .wpcui-texts-wrapper{
-webkit-order: unset;
-ms-order: unset;
order: unset;
}
.wpcui-columns-wrapper.wpcui-display-none img {
height: 250px!important;
}
.wpcui-home-page-features .image_wrapper .left_layout {
width: 100%;
margin-bottom: 60px;
}
.home .woocommerce ul.products[class*=columns-] li.product{
width: 100%;
}
}
@media screen and (max-width: 780px){
.menu-demo-container ul,
.menu-menu-container ul {
height: 0;
background-color: #0f0;
}
.wpmicon-open-open .menu-menu-container ul ,
.wpmicon-menu-open .menu-demo-container ul {
height: unset;
}
.menu-demo-container ul li,
.menu-demo-container ul li:hover ul,
.menu-demo-container ul.wpmenicon-nav li ul li ul,
.menu-demo-container ul.wpmenicon-nav li ul li:hover > ul,
.menu-demo-container ul.wpmenicon-nav li ul,
.menu-demo-container ul.wpmenicon-nav li:hover ul,
.menu-menu-container ul li,
.menu-menu-container ul li:hover ul,
.menu-menu-container ul.wpmenicon-nav li ul li ul,
.menu-menu-container ul.wpmenicon-nav li ul li:hover > ul,
.menu-menu-container ul.wpmenicon-nav li ul,
.menu-menu-container ul.wpmenicon-nav li:hover ul{
opacity: 0;
visibility: hidden;
}
.menu-demo-container ul.wpmenicon-nav li ul.open-siblings ,
.menu-demo-container ul.wpmenicon-nav li ul li:hover > ul.open-siblings ,
.menu-demo-container ul.open-siblings ,
.menu-menu-container ul.wpmenicon-nav li ul.open-siblings ,
.menu-menu-container ul.wpmenicon-nav li ul li:hover > ul.open-siblings ,
.menu-menu-container ul.open-siblings {
height: unset;
opacity: 1;
visibility: visible;
}
.menu-demo-container ul,
.menu-menu-container ul {
display: none;
}
.menu-demo-container ul.open-siblings ,
.menu-menu-container ul.open-siblings {
display: block;
}
.menu-menu-container ul.wpmenicon-nav li ,
.menu-demo-container ul.wpmenicon-nav li {
width: 100%;
float: none;
opacity: 1;
visibility: visible;
background: rgb(35, 40, 45);
border-bottom: 1px solid rgb(62, 62, 62);
}
.wpcui-feature-container {
width: 100%;
float: none;
}
.wpcui-inner-image {
width: 100%;
float: none;
margin: 30px 0;
}
.wpcui-feature-container .wpcui-inner-content {
text-align: center;
}
.wpcui-feature-1 span.lnr.lnr-clock,
.wpcui-feature-2 span.lnr.lnr-clock,
.wpcui-feature-3 span.lnr.lnr-clock,
.wpcui-feature-4 span.lnr.lnr-clock{
margin: 0 auto;
margin-bottom: 30px;
}
}
@media screen and (max-width: 768px) {
.featured-column .col .icon-holder {
width: 100%;
position: relative;
border-right: 0px;
text-align: center;
padding-right: 0px;
}
.featured-column .col .text-holder {
width: 100%;
text-align: center;
padding-left: 0;
margin-top: 20px;
}
.ap-template-selection-container ul li {
margin: 2px 1px;
}
.ap-template-selection-container ul li a {
min-width: 74px;
}
.ap-template-selection-container .ap-template-selection-1 {
width: 100%;
padding-left: 0;
}
.ap-template-selection-container .title {
position: static;
-moz-transform: translateY(0%);
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.wpcui-banner-subtitle {
font-size: 20px;
}
.wpcui-right-nav-menu-wrap {
width: 100%;
padding: 0 10px;
}
.main-navigation #primary-menu li ul.sub-menu .etab-demo-example:last-child li {
width: 33.33%;
}
.main-navigation #primary-menu li ul.sub-menu .etab-demo-example:last-child li:nth-of-type(4){
clear: left;
}
.egpr-top-footer-inner-wrap {
margin-left: 0;
}
.egpr-top-footer-wrap .footer-column {
float: none;
width: 100%;
margin:0 0 30px;
}
.wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain {
padding-top: 50px;
}
.site-header .site-branding img{
max-width: auto;
}
.admin-bar .site-header{ }
body.page-template-template-demo-dashboard header.site-header{
padding: 10px 0;
}
.wpcui-banner-title{
font-size: 20px;
}
.wpcui-template-layout-display-wrapper .info-about .wpcui-layout-display-wrap .wpcui-template-title-wrap {
font-size: 18px;
margin-top: 10px;
}
.wpcui-template-layout-display-wrapper .info-about .wpcui-layout-display-wrap{
-webkit-flex-basis: 50%;
flex-basis: 50%;
margin-bottom: 30px;
}
.plugin-pricing-info-title{
font-size: 21px;
padding: 0px 15px 5px 20px;
line-height: 32px;
}
.floating-demo-wrapper .demo-link-section {
width: 46%;
margin-left: 4%;
}
.floating-demo-wrapper .demo-link-section:nth-of-type(3n+1) {
clear: none;
}
.floating-demo-wrapper .demo-link-section:nth-of-type(2n+1) {
clear: left;
}
.wpcui-cta-desc,
.wpcui-header-infor span {
font-size: 16px;
}
.wpcui-text-title-wrap {
font-size: 24px; }
.wpcui-positioning-description .wpcui-text-title-wrap{
text-align: center;
}
.plugin-layout-era {
background-attachment: scroll !important;
background-color: #000;
}
.ap-innerpage-widget #primary,
.ap-innerpage-widget #secondary {
float: none;
width:100%;
}
.ap-innerpage-widget #secondary {
margin-top: 40px;
}
.menu-demo-container ul.wpmenicon-nav li ul li.menu-item-has-children > a:after ,
.menu-menu-container ul.wpmenicon-nav li ul li.menu-item-has-children > a:after {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
display: inline-block;
margin: 0 10px;
}
.footer-plugins-referal-inner-links-wrap {
width: 49% !important;
margin-right: 2% !important;
margin-left: 0 !important;
}
.footer-plugins-referal-inner-links-wrap:nth-child(2n) {
margin-right: 0 !important;
}
.wppts-left-nav-menu-wrap-nav-menu {
display: none;
}
.wpcui-home-page-features.wpcui-demo-listing-description .bx-wrapper {
margin-bottom: -280px;
}
.site-header ul.nav-menu>li:nth-last-child(2) a {    
margin-top: 10px;
}
.site-header ul.nav-menu > li:last-child a {    
margin-top: 15px;
}
.list-title {    
font-size: 18px;
}
.list-desc {
font-size: 12px;
}
.ap-container, 
.egpr-container {
padding: 0 20px;
}
}
@media screen and (max-width: 720px) {
.wpmi-foptions-col {
width: 100%;
margin-right: 0;
}
.wpmi-foptions-col:nth-child(2n+1) {
margin-right: 0%;
}
}
@media screen and (max-width: 640px) {
.envato-img-wrap,
.envato-right {
width: 100%;
text-align: center;
float: none;
}
.main-navigation ul li ul.sub-menu .etab-menu-header li a {
text-transform: capitalize;
font-size: 14px;
padding: 14px;
}
.smls-main-content-wrap .content-demo {
width: 50%;
}
.smls-main-content-wrap .smls-content:nth-child(3) .content-demo {
width: 50%;
}
.smls-main-content-wrap .smls-content:nth-child(3) .content-demo:nth-of-type(4) {
clear: none; 
}
.wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain{
width: 100%;
}
.wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain{
text-align: center;
padding-top: 20px;
}
.position_wrapper .wpcui_pos_wrap{
width: 49%;
margin-right: 1%;
}
.position_wrapper .wpcui_pos_wrap:nth-of-type(2n){
margin-right: 0;
}
.position_wrapper .wpcui_pos_wrap:nth-of-type(3n){
margin-right: 1%;
}
.position_wrapper .wpcui_pos_wrap:nth-of-type(4n){
margin-right: 0;
}
.wpcui-layout-wrap {
float: left;
width: 33.33%;
}
.feature-demo-list {
width: 100%;
}
.feature-demo-list:nth-child(4), 
.feature-demo-list:nth-child(5),
.feature-demo-list:nth-child(6) {
margin-bottom: 40px;
}
.feature-demo-list-contain {
padding: 0;
}
}
@media screen and (max-width: 600px) {
.wpcui-home-page-features .image_wrapper .left_layout {
width: 100%;
margin-bottom: 40px;
}
.appts-template-text-wrap {
padding: 0px 15px;
margin-bottom: 30px;
}
.appts-template-text-wrap ul {
max-width: 400px;
}
.woocommerce ul.products[class*=columns-] li.product{
width: 100%;
}
.footer-plugins-referal-container-wrap.clearfix {
padding: 0 20px;
}
.site-footer {
padding: 20px;
}
}
@media screen and (max-width: 560px) {
.footer-plugins-referal-inner-links-wrap {
width: 100% !important;
float: none !important;
text-align: center !important;
}
}
@media screen and (max-width: 550px) {
.wpcui-template-layout-display-wrapper .info-about .wpcui-layout-display-wrap{
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
.position_wrapper .wpcui_pos_wrap{
width: 100%;
margin-right: 0;
}
.position_wrapper .wpcui_pos_wrap:nth-of-type(2n){
margin-right: 0;
}
.position_wrapper .wpcui_pos_wrap:nth-of-type(3n){
margin-right: 0;
}
.position_wrapper .wpcui_pos_wrap:nth-of-type(4n){
margin-right: 0;
}
.plugin-pricing-info-title {    
width: 100%;
}
.wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain {
text-align: center;
padding-top: 100px;
}
.wpcui-example-texts-wrapper {
padding: 0 20px;
}
}
@media screen and (max-width: 500px) {
.wpcui-banner-subtitle {
font-size: 16px;
}
.wpcui-banner-title h1 {
font-size: 35px;
}
.wpcui-layout-wrap {    
width: 50%;
}
.wapper-banner .ap-container {
height: 100vh;
}
.wpcui-slider-texts-image-wrapper .wpcui-manage-banner {
margin-top: 0;
}
}
@media screen and (max-width: 480px) {
.wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain {    
padding-top: 160px;
}
.wpcui-inner-image img {
height: auto;
}
.site-header .site-branding {
width: 200px;
}
.site-header .main-navigation {
-moz-width: calc(100% - 201px);
-webkit-width: calc(100% - 201px);
width: calc(100% - 201px);
}
.ap-template-wise {
width: 100%;
float: none;
}
.featured-column .col {
width: 100%;
}
.featured-column .col .text-holder {
width: 55%;
text-align: left;
padding-left: 20px;
margin-top: 0;
}
.featured-column .col .icon-holder {
width: 44%;
position: relative;
border-right: 1px solid #fff;
text-align: right;
padding-right: 20px;
}
.wpcui-right-nav-menu-wrap {
display: none;
}
.wpcui-cta-desc {
padding: 20px 10px;
}
.main-navigation ul li ul.sub-menu a {
padding: 8px 7px;
}
#primary-menu .etab-menu-header li {
float: none;
width: 100%;
}
.everest-tab-vector-images,
.main-navigation ul li ul.sub-menu .etab-demo-example:last-child li .everest-tab-vector-images {
display: none;
}
#primary-menu .etab-menu-header li a {
display: block;
border-left: 1px solid #cecece;
}
.main-navigation ul li ul.sub-menu .etab-menu-header li.etab-active-menutab a {
border-bottom-color: transparent;
}
.main-navigation #primary-menu li ul.sub-menu .etab-demo-example:last-child li {
width: 100%;
float: none;
}
#primary-menu .etab-demo-example > li {
margin-bottom: 0;
}
.main-navigation ul li ul.sub-menu .etab-menu-content li p {
font-size: 13px;
}
.main-navigation ul li ul.sub-menu a {
font-size: 12px;
}
.floating-demo-wrapper .demo-link-section {
width: 100%;
margin-left: 0;
}
.floating-demo-wrapper .demo-link-section:nth-of-type(3n+1) {
clear: none;
}
.floating-demo-wrapper .demo-link-section:nth-of-type(2n+1) {
clear: none;
}
.floating-demo-inline-section-wrapper {
margin-left: 0;
}
.wpcui-layout-wrap {    
width: 100%;
}
}
@media screen and (max-width: 400px) {
.featured-column .col {
width: 100%;
}
}
@media screen and (max-width: 320px) {
.wpcui-slider-texts-image-wrapper .wpcui-slider-texts-contain {
text-align: center;
padding-top: 120px;
}
.wpcui-banner-title h1 {
font-size: 30px;
}
.wpcui-banner-title h2 {
font-size: 25px;
}
.wpcui-timer-listing-wrap .appts-template-text-wrap {    
padding-left: 50px;
padding-right: 50px;
}
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ overflow: hidden;
width: auto;
height: auto;
} .mCSB_inside > .mCSB_container{ margin-right: 4px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } .mCSB_scrollTools{ position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer{ position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; 
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ cursor: pointer;
width: 100%;
height: 30px; z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width: 30px; height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 12px; margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 8px; margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } .mCSB_container_wrapper{
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0; margin-left: 0;
} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
}   .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.4);
filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.75);
filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.9);
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image: url(//demo.accesspressthemes.com/wordpress-plugins/woo-badge-designer/wp-content/themes/wp-pricing-tables/css/mCSB_buttons.png); background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0; }
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }  .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }  .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 2px;
margin: 7px auto;
} .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width: 16px; height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 16px; width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 4px; margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
} .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
.mCS-3d.mCSB_scrollTools, 
.mCS-3d-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
background-color: #000; background-color: rgba(0,0,0,0.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #000; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #fff; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
right: 0; 
margin: 12px 0; 
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom: 0; 
margin: 0 12px; 
} .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
left: 0; 
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
}  .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
width: 6px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 12px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; } .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255,255,255,0.2);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }.bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
} .bx-wrapper .bx-viewport { background: transparent; -webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//demo.accesspressthemes.com/wordpress-plugins/woo-badge-designer/wp-content/themes/wp-pricing-tables/css/images/2018-04-29.png) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
} .bx-wrapper .bx-prev {
left: 10px;
}
.bx-wrapper .bx-next {
right: 10px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}